stylefire - npm Package Compare versions

Comparing version 4.0.0 to 4.0.1

dist/stylefire.es.js

@@ -159,4 +159,5 @@ import sync from 'framesync';
 }
+var transformOriginProps = /*#__PURE__*/new Set(['originX', 'originY', 'originZ']);
 function isTransformOriginProp(key) {
-    return key === 'originX' || key === 'originY';
+    return transformOriginProps.has(key);
 }
@@ -181,2 +182,3 @@
     borderRadius: px,
+    radius: px,
     borderTopLeftRadius: px,
@@ -190,2 +192,3 @@ borderTopRightRadius: px,
     maxHeight: px,
+    size: px,
     top: px,
@@ -229,2 +232,5 @@ right: px,
 };
+var getValueAsType = function (value, type) {
+    return type && typeof value === 'number' ? type.transform(value) : value;
+};
 
@@ -237,15 +243,11 @@ var SCROLL_LEFT = 'scrollLeft';
     radius: {
-        get: function (read, options) {
-            return read('borderRadius', options);
-        },
-        set: function (styles, value) {
-            return styles.borderRadius = value;
+        get: 'borderRadius',
+        set: function (output, value) {
+            return output.borderRadius = value;
         }
     },
     size: {
-        get: function (read, options) {
-            return read('width', options);
-        },
-        set: function (styles, value) {
-            return styles.width = styles.height = value;
+        get: 'width',
+        set: function (output, value) {
+            return output.width = output.height = value;
         }
@@ -264,10 +266,2 @@ }
 }
-function setStyle(styles, key, value, isDashCase) {
-    var styleHandler = customStyleHandlers[key];
-    if (styleHandler) {
-        styleHandler.set(styles, value);
-    } else {
-        styles[prefixer(key, isDashCase)] = value;
-    }
-}
 function buildTransform(state, transform, transformKeys, transformIsDefault, enableHardwareAcceleration) {
@@ -320,3 +314,3 @@ var transformString = '';
         var valueType = getValueType(key);
-        var valueAsType = typeof value === 'number' && valueType ? valueType.transform(value) : value;
+        var valueAsType = getValueAsType(value, valueType);
         if (isTransformProp(key)) {
@@ -335,3 +329,8 @@ hasTransform = true;
         } else if (!blacklist.has(key) || !isCustomTemplate(valueAsType)) {
-            setStyle(styles, key, valueAsType, isDashCase);
+            var styleHandler = customStyleHandlers[key];
+            if (styleHandler) {
+                styleHandler.set(styles, valueAsType);
+            } else {
+                styles[prefixer(key, isDashCase)] = valueAsType;
+            }
         }
@@ -364,4 +363,4 @@ }
     var styleHandler = customStyleHandlers[key];
-    if (styleHandler) {
-        return styleHandler.get(onRead, options);
+    if (styleHandler && styleHandler.get) {
+        return onRead(styleHandler.get, options);
     }
@@ -368,0 +367,0 @@ var element = options.element,

dist/stylefire.js

@@ -301,4 +301,5 @@ (function (global, factory) {
     }
+    var transformOriginProps = new Set(['originX', 'originY', 'originZ']);
     function isTransformOriginProp(key) {
-        return key === 'originX' || key === 'originY';
+        return transformOriginProps.has(key);
     }
@@ -492,2 +493,3 @@
         borderRadius: px,
+        radius: px,
         borderTopLeftRadius: px,
@@ -501,2 +503,3 @@ borderTopRightRadius: px,
         maxHeight: px,
+        size: px,
         top: px,
@@ -537,3 +540,6 @@ right: px,
     };
-    var getValueType = (function (key) { return valueTypes[key]; });
+    var getValueType = function (key) { return valueTypes[key]; };
+    var getValueAsType = function (value, type) {
+        return type && typeof value === 'number' ? type.transform(value) : value;
+    };
 
@@ -546,8 +552,8 @@ var SCROLL_LEFT = 'scrollLeft';
         radius: {
-            get: function (read, options) { return read('borderRadius', options); },
-            set: function (styles, value) { return (styles.borderRadius = value); }
+            get: 'borderRadius',
+            set: function (output, value) { return (output.borderRadius = value); }
         },
         size: {
-            get: function (read, options) { return read('width', options); },
-            set: function (styles, value) { return (styles.width = styles.height = value); }
+            get: 'width',
+            set: function (output, value) { return (output.width = output.height = value); }
         }
@@ -565,11 +571,2 @@ };
     }
-    function setStyle(styles, key, value, isDashCase) {
-        var styleHandler = customStyleHandlers[key];
-        if (styleHandler) {
-            styleHandler.set(styles, value);
-        }
-        else {
-            styles[prefixer(key, isDashCase)] = value;
-        }
-    }
     function buildTransform(state, transform, transformKeys, transformIsDefault, enableHardwareAcceleration) {
@@ -612,5 +609,3 @@ var transformString = '';
             var valueType = getValueType(key);
-            var valueAsType = typeof value === 'number' && valueType
-                ? valueType.transform(value)
-                : value;
+            var valueAsType = getValueAsType(value, valueType);
             if (isTransformProp(key)) {
@@ -632,3 +627,9 @@ hasTransform = true;
             else if (!blacklist.has(key) || !isCustomTemplate(valueAsType)) {
-                setStyle(styles, key, valueAsType, isDashCase);
+                var styleHandler = customStyleHandlers[key];
+                if (styleHandler) {
+                    styleHandler.set(styles, valueAsType);
+                }
+                else {
+                    styles[prefixer(key, isDashCase)] = valueAsType;
+                }
             }
@@ -660,4 +661,4 @@ }
         var styleHandler = customStyleHandlers[key];
-        if (styleHandler) {
-            return styleHandler.get(onRead, options);
+        if (styleHandler && styleHandler.get) {
+            return onRead(styleHandler.get, options);
         }
@@ -664,0 +665,0 @@ var element = options.element, preparseOutput = options.preparseOutput;

dist/stylefire.min.js

@@ -1,1 +0,1 @@
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e(t.stylefire={})}(this,function(t){"use strict";var e=function(){return(e=Object.assign||function(t){for(var e,n=1,r=arguments.length;n<r;n++)for(var o in e=arguments[n])Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o]);return t}).apply(this,arguments)};var n=function(){};"production"!==process.env.NODE_ENV&&(n=function(t,e){if(!t)throw new Error("Hey, listen! ".toUpperCase()+e)});var r,o=0,a="undefined"!=typeof window&&void 0!==window.requestAnimationFrame?function(t){return window.requestAnimationFrame(t)}:function(t){var e=Date.now(),n=Math.max(0,16.7-(e-o));o=e+n,setTimeout(function(){return t(o)},n)};!function(t){t.Read="read",t.Update="update",t.Render="render",t.PostRender="postRender",t.FixedUpdate="fixedUpdate"}(r||(r={}));var i,u=1/60*1e3,s=!0,f=!1,c=!1,d={delta:0,timestamp:0},l=[r.Read,r.Update,r.Render,r.PostRender],p=function(t){return f=t},h=l.reduce(function(t,e){var r,o,a,i,u,s,c,d,l,h=(r=p,o=[],a=[],i=0,u=!1,s=0,c=new WeakSet,d=new WeakSet,l={cancel:function(t){var e=a.indexOf(t);c.add(t),-1!==e&&a.splice(e,1)},process:function(t){var e,n;if(u=!0,o=(e=[a,o])[0],(a=e[1]).length=0,i=o.length)for(s=0;s<i;s++)(n=o[s])(t),!0!==d.has(n)||c.has(n)||(l.schedule(n),r(!0));u=!1},schedule:function(t,e,r){void 0===e&&(e=!1),void 0===r&&(r=!1),n("function"==typeof t,"Argument must be a function");var s=r&&u,f=s?o:a;c.delete(t),e&&d.add(t),-1===f.indexOf(t)&&(f.push(t),s&&(i=o.length))}});return t.sync[e]=function(t,e,n){return void 0===e&&(e=!1),void 0===n&&(n=!1),f||b(),h.schedule(t,e,n),t},t.cancelSync[e]=function(t){return h.cancel(t)},t.steps[e]=h,t},{steps:{},sync:{},cancelSync:{}}),g=h.steps,v=h.sync,m=(h.cancelSync,function(t){return g[t].process(d)}),y=function(t){f=!1,d.delta=s?u:Math.max(Math.min(t-d.timestamp,40),1),s||(u=d.delta),d.timestamp=t,c=!0,l.forEach(m),c=!1,f&&(s=!1,a(y))},b=function(){f=!0,s=!0,c||a(y)},w=function(t){var e=t.onRead,n=t.onRender,r=t.uncachedValues,o=void 0===r?new Set:r,a=t.useCache,i=void 0===a||a;return function(t){var r={},a=[],u=!1;function s(t,e){var n=r[t];r[t]=e,r[t]!==n&&(-1===a.indexOf(t)&&a.push(t),u||(u=!0,v.render(f.render)))}var f={get:function(n,a){return void 0===a&&(a=!1),!a&&i&&!o.has(n)&&void 0!==r[n]?r[n]:e(n,t)},set:function(t,e){if("string"==typeof t)s(t,e);else for(var n in t)s(n,t[n]);return this},render:function(e){return void 0===e&&(e=!1),(u||!0===e)&&(n(r,t,a),u=!1,a.length=0),this}};return f}},O=/([a-z])([A-Z])/g,x=function(t){return t.replace(O,"$1-$2").toLowerCase()},R=new Map,k=new Map,S=["Webkit","Moz","O","ms",""],L=S.length,P="undefined"!=typeof document,C=function(t,e){return k.set(t,x(e))},Y=function(t,e){void 0===e&&(e=!1);var n=e?k:R;return n.has(t)||(P?function(t){i=i||document.createElement("div");for(var e=0;e<L;e++){var n=S[e],r=""===n,o=r?t:n+t.charAt(0).toUpperCase()+t.slice(1);(o in i.style||r)&&(R.set(t,o),C(t,(r?"":"-")+x(o)))}}(t):function(t){C(t,t)}(t)),n.get(t)||t},M=["","X","Y","Z"],T=["scale","rotate","skew","transformPerspective"].reduce(function(t,e){return M.reduce(function(t,n){return t.push(e+n),t},t)},["x","y","z"]),X=T.reduce(function(t,e){return t[e]=!0,t},{});function W(t){return!0===X[t]}function B(t,e){return T.indexOf(t)-T.indexOf(e)}function j(t){return"originX"===t||"originY"===t}var A=function(){return(A=Object.assign||function(t){for(var e,n=1,r=arguments.length;n<r;n++)for(var o in e=arguments[n])Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o]);return t}).apply(this,arguments)},E=function(t,e){return function(n){return Math.max(Math.min(n,e),t)}},F=function(t){return function(e){return"string"==typeof e&&0===e.indexOf(t)}},Z=function(t){return t%1?Number(t.toFixed(5)):t},z={test:function(t){return"number"==typeof t},parse:parseFloat,transform:function(t){return t}},H=A({},z,{transform:E(0,1)}),U=A({},z,{default:1}),V=function(t){return{test:function(e){return"string"==typeof e&&e.endsWith(t)&&1===e.split(" ").length},parse:parseFloat,transform:function(e){return""+e+t}}},N=V("deg"),q=V("%"),I=V("px"),D=A({},q,{parse:function(t){return q.parse(t)/100},transform:function(t){return q.transform(100*t)}}),$=E(0,255),_=/^(#[0-9a-f]{3}|#(?:[0-9a-f]{2}){2,4}|(rgb|hsl)a?\((-?\d+%?[,\s]+){2,3}\s*[\d\.]+%?\))$/i,G=function(t){return void 0!==t.red},J=function(t){return void 0!==t.hue},K=function(t){var e=t.length;return function(n){if("string"!=typeof n)return n;for(var r,o={},a=function(t){return"string"==typeof t?t.split(/,\s*/):[t]}((r=n).substring(r.indexOf("(")+1,r.lastIndexOf(")"))),i=0;i<e;i++)o[t[i]]=void 0!==a[i]?parseFloat(a[i]):1;return o}},Q=A({},z,{transform:function(t){return Math.round($(t))}}),tt=F("rgb"),et={test:function(t){return"string"==typeof t?tt(t):G(t)},parse:K(["red","green","blue","alpha"]),transform:function(t){var e=t.red,n=t.green,r=t.blue,o=t.alpha;return function(t){var e=t.red,n=t.green,r=t.blue,o=t.alpha;return"rgba("+e+", "+n+", "+r+", "+(void 0===o?1:o)+")"}({red:Q.transform(e),green:Q.transform(n),blue:Q.transform(r),alpha:Z(o)})}},nt=F("hsl"),rt={test:function(t){return"string"==typeof t?nt(t):J(t)},parse:K(["hue","saturation","lightness","alpha"]),transform:function(t){var e=t.hue,n=t.saturation,r=t.lightness,o=t.alpha;return function(t){var e=t.hue,n=t.saturation,r=t.lightness,o=t.alpha;return"hsla("+e+", "+n+", "+r+", "+(void 0===o?1:o)+")"}({hue:Math.round(e),saturation:q.transform(Z(n)),lightness:q.transform(Z(r)),alpha:Z(o)})}},ot=A({},et,{test:F("#"),parse:function(t){var e="",n="",r="";return t.length>4?(e=t.substr(1,2),n=t.substr(3,2),r=t.substr(5,2)):(e=t.substr(1,1),n=t.substr(2,1),r=t.substr(3,1),e+=e,n+=n,r+=r),{red:parseInt(e,16),green:parseInt(n,16),blue:parseInt(r,16),alpha:1}}}),at={test:function(t){return"string"==typeof t&&_.test(t)||et.test(t)||rt.test(t)||ot.test(t)},parse:function(t){return et.test(t)?et.parse(t):rt.test(t)?rt.parse(t):ot.test(t)?ot.parse(t):t},transform:function(t){return G(t)?et.transform(t):J(t)?rt.transform(t):t}},it={color:at,backgroundColor:at,outlineColor:at,fill:at,stroke:at,borderColor:at,borderTopColor:at,borderRightColor:at,borderBottomColor:at,borderLeftColor:at,borderWidth:I,borderTopWidth:I,borderRightWidth:I,borderBottomWidth:I,borderLeftWidth:I,borderRadius:I,borderTopLeftRadius:I,borderTopRightRadius:I,borderBottomRightRadius:I,borderBottomLeftRadius:I,width:I,maxWidth:I,height:I,maxHeight:I,top:I,right:I,bottom:I,left:I,padding:I,paddingTop:I,paddingRight:I,paddingBottom:I,paddingLeft:I,margin:I,marginTop:I,marginRight:I,marginBottom:I,marginLeft:I,rotate:N,rotateX:N,rotateY:N,rotateZ:N,scale:U,scaleX:U,scaleY:U,scaleZ:U,skew:N,skewX:N,skewY:N,distance:I,x:I,y:I,z:I,perspective:I,opacity:H,originX:D,originY:D,originZ:I},ut=function(t){return it[t]},st="scrollLeft",ft="scrollTop",ct=new Set([st,ft]),dt={radius:{get:function(t,e){return t("borderRadius",e)},set:function(t,e){return t.borderRadius=e}},size:{get:function(t,e){return t("width",e)},set:function(t,e){return t.width=t.height=e}}},lt=new Set([st,ft,"transform"]),pt={x:"translateX",y:"translateY",z:"translateZ"};function ht(t){return"function"==typeof t}function gt(t,e,n,r){var o=dt[e];o?o.set(t,n):t[Y(e,r)]=n}function vt(t,e,n,r,o,a,i){void 0===e&&(e=!0),void 0===n&&(n={}),void 0===r&&(r={}),void 0===o&&(o={}),void 0===a&&(a=[]),void 0===i&&(i=!1);var u=!0,s=!1,f=!1;for(var c in t){var d=t[c],l=ut(c),p="number"==typeof d&&l?l.transform(d):d;W(c)?(s=!0,r[c]=p,a.push(c),u&&(l.default&&d!==l.default||!l.default&&0!==d)&&(u=!1)):j(c)?(o[c]=p,f=!0):lt.has(c)&&ht(p)||gt(n,c,p,i)}return(s||"function"==typeof t.transform)&&(n.transform=function(t,e,n,r,o){var a="",i=!1;n.sort(B);for(var u=n.length,s=0;s<u;s++){var f=n[s];a+=(pt[f]||f)+"("+e[f]+") ",i="z"===f||i}return!i&&o?a+="translateZ(0)":a=a.trim(),ht(t.transform)?a=t.transform(e,a):r&&(a="none"),a}(t,r,a,u,e)),f&&(n.transformOrigin=(o.originX||0)+" "+(o.originY||0)+" "+(o.originZ||0)),n}var mt=w({onRead:function t(e,n){var r=dt[e];if(r)return r.get(t,n);var o=n.element,a=n.preparseOutput,i=ut(e);if(W(e))return i&&i.default||0;if(ct.has(e))return o[e];var u=window.getComputedStyle(o,null).getPropertyValue(Y(e,!0))||0;return a&&i&&i.test(u)&&i.parse?i.parse(u):u},onRender:function(t,e,n){var r=e.element,o=e.buildStyles;Object.assign(r.style,o(t)),-1!==n.indexOf(st)&&(r[st]=t[st]),-1!==n.indexOf(ft)&&(r[ft]=t[ft])},uncachedValues:ct});function yt(t,n){void 0===n&&(n={});var r=n.enableHardwareAcceleration,o=function(t,e){var n={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&e.indexOf(r)<0&&(n[r]=t[r]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(t);o<r.length;o++)e.indexOf(r[o])<0&&(n[r[o]]=t[r[o]])}return n}(n,["enableHardwareAcceleration"]);return mt(e({element:t,buildStyles:function(t){void 0===t&&(t=!0);var e={},n={},r={},o=[];return function(a){return o.length=0,vt(a,t,e,n,r,o,!0),e}}(r),preparseOutput:!0},o))}var bt=new Set(["baseFrequency","diffuseConstant","kernelMatrix","kernelUnitLength","keySplines","keyTimes","limitingConeAngle","markerHeight","markerWidth","numOctaves","targetX","targetY","surfaceScale","specularConstant","specularExponent","stdDeviation","tableValues"]),wt=function(t,e){return t*e+"px"},Ot={fill:at,stroke:at,scale:U,scaleX:U,scaleY:U,opacity:H,fillOpacity:H,strokeOpacity:H,numOctaves:e({},z,{transform:Math.round})},xt=w({onRead:function(t,e){var n=e.element;if(W(t)){var r=function(t){return Ot[t]}(t);return r?r.default:0}return n.getAttribute(t)},onRender:function(t,e){var n=e.dimensions;!function(t,e){for(var n in e)e.hasOwnProperty(n)&&t.setAttribute(n,e[n])}(e.element,function(t,e,n,r){var o=!1,a=!1,i={},u=n?{pathLength:"0",pathSpacing:""+r}:void 0,s=void 0!==t.scale?t.scale||1e-7:t.scaleX||1,f=void 0!==t.scaleY?t.scaleY||1e-7:s||1,c=e.width*(t.originX||50)+e.x,d=e.height*(t.originY||50)+e.y,l=1*s*-c,p=1*f*-d,h=c/s,g=d/f,v={translate:"translate("+t.x+", "+t.y+") ",scale:"translate("+l+", "+p+") scale("+s+", "+f+") translate("+h+", "+g+") ",rotate:"rotate("+t.rotate+", "+c+", "+d+") ",skewX:"skewX("+t.skewX+") ",skewY:"skewY("+t.skewY+") "};for(var m in t)if(t.hasOwnProperty(m)){var y=t[m];W(m)?o=!0:!n||"pathLength"!==m&&"pathSpacing"!==m||"number"!=typeof y?n&&"pathOffset"===m?i["stroke-dashoffset"]=wt(-y,r):i[bt.has(m)?m:x(m)]=y:(a=!0,u[m]=wt(y,r))}if(a&&(i["stroke-dasharray"]=u.pathLength+" "+u.pathSpacing),o)for(var m in i.transform="",v)if(v.hasOwnProperty(m)){var b="scale"===m?"1":"0";i.transform+=v[m].replace(/undefined/g,b)}return i}(t,n,e.isPath,e.pathLength))}}),Rt=w({useCache:!1,onRead:function(t){return"scrollTop"===t?window.pageYOffset:window.pageXOffset},onRender:function(t){var e=t.scrollTop,n=void 0===e?0:e,r=t.scrollLeft,o=void 0===r?0:r;return window.scrollTo(o,n)}}),kt=new WeakMap,St=function(t,e){var r;return t instanceof HTMLElement?r=yt(t,e):t instanceof SVGElement?r=function(t){var e={element:t,dimensions:function(t){try{return function(t){return"function"==typeof t.getBBox?t.getBBox():t.getBoundingClientRect()}(t)}catch(t){return{x:0,y:0,width:0,height:0}}}(t),isPath:!1};return"path"===t.tagName&&(e.isPath=!0,e.pathLength=t.getTotalLength()),xt(e)}(t):t===window&&(r=Rt(t)),n(void 0!==r,"No valid node provided. Node must be HTMLElement, SVGElement or window."),kt.set(t,r),r},Lt=function(t,e){return kt.has(t)?kt.get(t):St(t,e)};t.default=function(t,e){var n="string"==typeof t?document.querySelector(t):t;return Lt(n,e)},t.createStylerFactory=w,t.buildStyleProperty=vt,t.isTransformProp=W,Object.defineProperty(t,"__esModule",{value:!0})});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports):"function"==typeof define&&define.amd?define(["exports"],t):t(e.stylefire={})}(this,function(e){"use strict";var t=function(){return(t=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)};var n=function(){};"production"!==process.env.NODE_ENV&&(n=function(e,t){if(!e)throw new Error("Hey, listen! ".toUpperCase()+t)});var r,o=0,a="undefined"!=typeof window&&void 0!==window.requestAnimationFrame?function(e){return window.requestAnimationFrame(e)}:function(e){var t=Date.now(),n=Math.max(0,16.7-(t-o));o=t+n,setTimeout(function(){return e(o)},n)};!function(e){e.Read="read",e.Update="update",e.Render="render",e.PostRender="postRender",e.FixedUpdate="fixedUpdate"}(r||(r={}));var i,s=1/60*1e3,u=!0,f=!1,c=!1,d={delta:0,timestamp:0},l=[r.Read,r.Update,r.Render,r.PostRender],p=function(e){return f=e},h=l.reduce(function(e,t){var r,o,a,i,s,u,c,d,l,h=(r=p,o=[],a=[],i=0,s=!1,u=0,c=new WeakSet,d=new WeakSet,l={cancel:function(e){var t=a.indexOf(e);c.add(e),-1!==t&&a.splice(t,1)},process:function(e){var t,n;if(s=!0,o=(t=[a,o])[0],(a=t[1]).length=0,i=o.length)for(u=0;u<i;u++)(n=o[u])(e),!0!==d.has(n)||c.has(n)||(l.schedule(n),r(!0));s=!1},schedule:function(e,t,r){void 0===t&&(t=!1),void 0===r&&(r=!1),n("function"==typeof e,"Argument must be a function");var u=r&&s,f=u?o:a;c.delete(e),t&&d.add(e),-1===f.indexOf(e)&&(f.push(e),u&&(i=o.length))}});return e.sync[t]=function(e,t,n){return void 0===t&&(t=!1),void 0===n&&(n=!1),f||b(),h.schedule(e,t,n),e},e.cancelSync[t]=function(e){return h.cancel(e)},e.steps[t]=h,e},{steps:{},sync:{},cancelSync:{}}),g=h.steps,v=h.sync,m=(h.cancelSync,function(e){return g[e].process(d)}),y=function(e){f=!1,d.delta=u?s:Math.max(Math.min(e-d.timestamp,40),1),u||(s=d.delta),d.timestamp=e,c=!0,l.forEach(m),c=!1,f&&(u=!1,a(y))},b=function(){f=!0,u=!0,c||a(y)},w=function(e){var t=e.onRead,n=e.onRender,r=e.uncachedValues,o=void 0===r?new Set:r,a=e.useCache,i=void 0===a||a;return function(e){var r={},a=[],s=!1;function u(e,t){var n=r[e];r[e]=t,r[e]!==n&&(-1===a.indexOf(e)&&a.push(e),s||(s=!0,v.render(f.render)))}var f={get:function(n,a){return void 0===a&&(a=!1),!a&&i&&!o.has(n)&&void 0!==r[n]?r[n]:t(n,e)},set:function(e,t){if("string"==typeof e)u(e,t);else for(var n in e)u(n,e[n]);return this},render:function(t){return void 0===t&&(t=!1),(s||!0===t)&&(n(r,e,a),s=!1,a.length=0),this}};return f}},O=/([a-z])([A-Z])/g,x=function(e){return e.replace(O,"$1-$2").toLowerCase()},R=new Map,k=new Map,S=["Webkit","Moz","O","ms",""],L=S.length,P="undefined"!=typeof document,C=function(e,t){return k.set(e,x(t))},Y=function(e,t){void 0===t&&(t=!1);var n=t?k:R;return n.has(e)||(P?function(e){i=i||document.createElement("div");for(var t=0;t<L;t++){var n=S[t],r=""===n,o=r?e:n+e.charAt(0).toUpperCase()+e.slice(1);(o in i.style||r)&&(R.set(e,o),C(e,(r?"":"-")+x(o)))}}(e):function(e){C(e,e)}(e)),n.get(e)||e},M=["","X","Y","Z"],T=["scale","rotate","skew","transformPerspective"].reduce(function(e,t){return M.reduce(function(e,n){return e.push(t+n),e},e)},["x","y","z"]),X=T.reduce(function(e,t){return e[t]=!0,e},{});function W(e){return!0===X[e]}function B(e,t){return T.indexOf(e)-T.indexOf(t)}var j=new Set(["originX","originY","originZ"]);function A(e){return j.has(e)}var E=function(){return(E=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)},F=function(e,t){return function(n){return Math.max(Math.min(n,t),e)}},Z=function(e){return function(t){return"string"==typeof t&&0===t.indexOf(e)}},z=function(e){return e%1?Number(e.toFixed(5)):e},H={test:function(e){return"number"==typeof e},parse:parseFloat,transform:function(e){return e}},U=E({},H,{transform:F(0,1)}),V=E({},H,{default:1}),N=function(e){return{test:function(t){return"string"==typeof t&&t.endsWith(e)&&1===t.split(" ").length},parse:parseFloat,transform:function(t){return""+t+e}}},q=N("deg"),I=N("%"),D=N("px"),$=E({},I,{parse:function(e){return I.parse(e)/100},transform:function(e){return I.transform(100*e)}}),_=F(0,255),G=/^(#[0-9a-f]{3}|#(?:[0-9a-f]{2}){2,4}|(rgb|hsl)a?\((-?\d+%?[,\s]+){2,3}\s*[\d\.]+%?\))$/i,J=function(e){return void 0!==e.red},K=function(e){return void 0!==e.hue},Q=function(e){var t=e.length;return function(n){if("string"!=typeof n)return n;for(var r,o={},a=function(e){return"string"==typeof e?e.split(/,\s*/):[e]}((r=n).substring(r.indexOf("(")+1,r.lastIndexOf(")"))),i=0;i<t;i++)o[e[i]]=void 0!==a[i]?parseFloat(a[i]):1;return o}},ee=E({},H,{transform:function(e){return Math.round(_(e))}}),te=Z("rgb"),ne={test:function(e){return"string"==typeof e?te(e):J(e)},parse:Q(["red","green","blue","alpha"]),transform:function(e){var t=e.red,n=e.green,r=e.blue,o=e.alpha;return function(e){var t=e.red,n=e.green,r=e.blue,o=e.alpha;return"rgba("+t+", "+n+", "+r+", "+(void 0===o?1:o)+")"}({red:ee.transform(t),green:ee.transform(n),blue:ee.transform(r),alpha:z(o)})}},re=Z("hsl"),oe={test:function(e){return"string"==typeof e?re(e):K(e)},parse:Q(["hue","saturation","lightness","alpha"]),transform:function(e){var t=e.hue,n=e.saturation,r=e.lightness,o=e.alpha;return function(e){var t=e.hue,n=e.saturation,r=e.lightness,o=e.alpha;return"hsla("+t+", "+n+", "+r+", "+(void 0===o?1:o)+")"}({hue:Math.round(t),saturation:I.transform(z(n)),lightness:I.transform(z(r)),alpha:z(o)})}},ae=E({},ne,{test:Z("#"),parse:function(e){var t="",n="",r="";return e.length>4?(t=e.substr(1,2),n=e.substr(3,2),r=e.substr(5,2)):(t=e.substr(1,1),n=e.substr(2,1),r=e.substr(3,1),t+=t,n+=n,r+=r),{red:parseInt(t,16),green:parseInt(n,16),blue:parseInt(r,16),alpha:1}}}),ie={test:function(e){return"string"==typeof e&&G.test(e)||ne.test(e)||oe.test(e)||ae.test(e)},parse:function(e){return ne.test(e)?ne.parse(e):oe.test(e)?oe.parse(e):ae.test(e)?ae.parse(e):e},transform:function(e){return J(e)?ne.transform(e):K(e)?oe.transform(e):e}},se={color:ie,backgroundColor:ie,outlineColor:ie,fill:ie,stroke:ie,borderColor:ie,borderTopColor:ie,borderRightColor:ie,borderBottomColor:ie,borderLeftColor:ie,borderWidth:D,borderTopWidth:D,borderRightWidth:D,borderBottomWidth:D,borderLeftWidth:D,borderRadius:D,radius:D,borderTopLeftRadius:D,borderTopRightRadius:D,borderBottomRightRadius:D,borderBottomLeftRadius:D,width:D,maxWidth:D,height:D,maxHeight:D,size:D,top:D,right:D,bottom:D,left:D,padding:D,paddingTop:D,paddingRight:D,paddingBottom:D,paddingLeft:D,margin:D,marginTop:D,marginRight:D,marginBottom:D,marginLeft:D,rotate:q,rotateX:q,rotateY:q,rotateZ:q,scale:V,scaleX:V,scaleY:V,scaleZ:V,skew:q,skewX:q,skewY:q,distance:D,x:D,y:D,z:D,perspective:D,opacity:U,originX:$,originY:$,originZ:D},ue=function(e){return se[e]},fe=function(e,t){return t&&"number"==typeof e?t.transform(e):e},ce="scrollLeft",de="scrollTop",le=new Set([ce,de]),pe={radius:{get:"borderRadius",set:function(e,t){return e.borderRadius=t}},size:{get:"width",set:function(e,t){return e.width=e.height=t}}},he=new Set([ce,de,"transform"]),ge={x:"translateX",y:"translateY",z:"translateZ"};function ve(e){return"function"==typeof e}function me(e,t,n,r,o,a,i){void 0===t&&(t=!0),void 0===n&&(n={}),void 0===r&&(r={}),void 0===o&&(o={}),void 0===a&&(a=[]),void 0===i&&(i=!1);var s=!0,u=!1,f=!1;for(var c in e){var d=e[c],l=ue(c),p=fe(d,l);if(W(c))u=!0,r[c]=p,a.push(c),s&&(l.default&&d!==l.default||!l.default&&0!==d)&&(s=!1);else if(A(c))o[c]=p,f=!0;else if(!he.has(c)||!ve(p)){var h=pe[c];h?h.set(n,p):n[Y(c,i)]=p}}return(u||"function"==typeof e.transform)&&(n.transform=function(e,t,n,r,o){var a="",i=!1;n.sort(B);for(var s=n.length,u=0;u<s;u++){var f=n[u];a+=(ge[f]||f)+"("+t[f]+") ",i="z"===f||i}return!i&&o?a+="translateZ(0)":a=a.trim(),ve(e.transform)?a=e.transform(t,a):r&&(a="none"),a}(e,r,a,s,t)),f&&(n.transformOrigin=(o.originX||0)+" "+(o.originY||0)+" "+(o.originZ||0)),n}var ye=w({onRead:function e(t,n){var r=pe[t];if(r&&r.get)return e(r.get,n);var o=n.element,a=n.preparseOutput,i=ue(t);if(W(t))return i&&i.default||0;if(le.has(t))return o[t];var s=window.getComputedStyle(o,null).getPropertyValue(Y(t,!0))||0;return a&&i&&i.test(s)&&i.parse?i.parse(s):s},onRender:function(e,t,n){var r=t.element,o=t.buildStyles;Object.assign(r.style,o(e)),-1!==n.indexOf(ce)&&(r[ce]=e[ce]),-1!==n.indexOf(de)&&(r[de]=e[de])},uncachedValues:le});function be(e,n){void 0===n&&(n={});var r=n.enableHardwareAcceleration,o=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&(n[r[o]]=e[r[o]])}return n}(n,["enableHardwareAcceleration"]);return ye(t({element:e,buildStyles:function(e){void 0===e&&(e=!0);var t={},n={},r={},o=[];return function(a){return o.length=0,me(a,e,t,n,r,o,!0),t}}(r),preparseOutput:!0},o))}var we=new Set(["baseFrequency","diffuseConstant","kernelMatrix","kernelUnitLength","keySplines","keyTimes","limitingConeAngle","markerHeight","markerWidth","numOctaves","targetX","targetY","surfaceScale","specularConstant","specularExponent","stdDeviation","tableValues"]),Oe=function(e,t){return e*t+"px"},xe={fill:ie,stroke:ie,scale:V,scaleX:V,scaleY:V,opacity:U,fillOpacity:U,strokeOpacity:U,numOctaves:t({},H,{transform:Math.round})},Re=w({onRead:function(e,t){var n=t.element;if(W(e)){var r=function(e){return xe[e]}(e);return r?r.default:0}return n.getAttribute(e)},onRender:function(e,t){var n=t.dimensions;!function(e,t){for(var n in t)t.hasOwnProperty(n)&&e.setAttribute(n,t[n])}(t.element,function(e,t,n,r){var o=!1,a=!1,i={},s=n?{pathLength:"0",pathSpacing:""+r}:void 0,u=void 0!==e.scale?e.scale||1e-7:e.scaleX||1,f=void 0!==e.scaleY?e.scaleY||1e-7:u||1,c=t.width*(e.originX||50)+t.x,d=t.height*(e.originY||50)+t.y,l=1*u*-c,p=1*f*-d,h=c/u,g=d/f,v={translate:"translate("+e.x+", "+e.y+") ",scale:"translate("+l+", "+p+") scale("+u+", "+f+") translate("+h+", "+g+") ",rotate:"rotate("+e.rotate+", "+c+", "+d+") ",skewX:"skewX("+e.skewX+") ",skewY:"skewY("+e.skewY+") "};for(var m in e)if(e.hasOwnProperty(m)){var y=e[m];W(m)?o=!0:!n||"pathLength"!==m&&"pathSpacing"!==m||"number"!=typeof y?n&&"pathOffset"===m?i["stroke-dashoffset"]=Oe(-y,r):i[we.has(m)?m:x(m)]=y:(a=!0,s[m]=Oe(y,r))}if(a&&(i["stroke-dasharray"]=s.pathLength+" "+s.pathSpacing),o)for(var m in i.transform="",v)if(v.hasOwnProperty(m)){var b="scale"===m?"1":"0";i.transform+=v[m].replace(/undefined/g,b)}return i}(e,n,t.isPath,t.pathLength))}}),ke=w({useCache:!1,onRead:function(e){return"scrollTop"===e?window.pageYOffset:window.pageXOffset},onRender:function(e){var t=e.scrollTop,n=void 0===t?0:t,r=e.scrollLeft,o=void 0===r?0:r;return window.scrollTo(o,n)}}),Se=new WeakMap,Le=function(e,t){var r;return e instanceof HTMLElement?r=be(e,t):e instanceof SVGElement?r=function(e){var t={element:e,dimensions:function(e){try{return function(e){return"function"==typeof e.getBBox?e.getBBox():e.getBoundingClientRect()}(e)}catch(e){return{x:0,y:0,width:0,height:0}}}(e),isPath:!1};return"path"===e.tagName&&(t.isPath=!0,t.pathLength=e.getTotalLength()),Re(t)}(e):e===window&&(r=ke(e)),n(void 0!==r,"No valid node provided. Node must be HTMLElement, SVGElement or window."),Se.set(e,r),r},Pe=function(e,t){return Se.has(e)?Se.get(e):Le(e,t)};e.default=function(e,t){var n="string"==typeof e?document.querySelector(e):e;return Pe(n,t)},e.createStylerFactory=w,e.buildStyleProperty=me,e.isTransformProp=W,Object.defineProperty(e,"__esModule",{value:!0})});

lib/css/custom-style-handlers.d.ts

@@ -1,6 +0,5 @@
-import { ResolvedState, Config } from '../styler/types';
-import { CssStylerOptions } from './';
+import { ResolvedState } from '../styler/types';
 interface CustomStyleHandler {
-    get: (read: Config['onRead'], options: CssStylerOptions) => any;
-    set: (styles: ResolvedState, value: any) => void;
+    get?: string;
+    set: (output: ResolvedState, value: any) => void;
 }
@@ -7,0 +6,0 @@ export declare const customStyleHandlers: {

lib/css/value-types.d.ts

 import { ValueType } from 'style-value-types';
-declare const _default: (key: string) => ValueType;
-export default _default;
+export declare const getValueType: (key: string) => ValueType;
+export declare const getValueAsType: (value: any, type?: ValueType) => any;

lib/index.js

@@ -161,4 +161,5 @@ 'use strict';
 }
+var transformOriginProps = new Set(['originX', 'originY', 'originZ']);
 function isTransformOriginProp(key) {
-    return key === 'originX' || key === 'originY';
+    return transformOriginProps.has(key);
 }
@@ -183,2 +184,3 @@
     borderRadius: styleValueTypes.px,
+    radius: styleValueTypes.px,
     borderTopLeftRadius: styleValueTypes.px,
@@ -192,2 +194,3 @@ borderTopRightRadius: styleValueTypes.px,
     maxHeight: styleValueTypes.px,
+    size: styleValueTypes.px,
     top: styleValueTypes.px,
@@ -228,3 +231,6 @@ right: styleValueTypes.px,
 };
-var getValueType = (function (key) { return valueTypes[key]; });
+var getValueType = function (key) { return valueTypes[key]; };
+var getValueAsType = function (value, type) {
+    return type && typeof value === 'number' ? type.transform(value) : value;
+};
 
@@ -237,8 +243,8 @@ var SCROLL_LEFT = 'scrollLeft';
     radius: {
-        get: function (read, options) { return read('borderRadius', options); },
-        set: function (styles, value) { return (styles.borderRadius = value); }
+        get: 'borderRadius',
+        set: function (output, value) { return (output.borderRadius = value); }
     },
     size: {
-        get: function (read, options) { return read('width', options); },
-        set: function (styles, value) { return (styles.width = styles.height = value); }
+        get: 'width',
+        set: function (output, value) { return (output.width = output.height = value); }
     }
@@ -256,11 +262,2 @@ };
 }
-function setStyle(styles, key, value, isDashCase) {
-    var styleHandler = customStyleHandlers[key];
-    if (styleHandler) {
-        styleHandler.set(styles, value);
-    }
-    else {
-        styles[prefixer(key, isDashCase)] = value;
-    }
-}
 function buildTransform(state, transform, transformKeys, transformIsDefault, enableHardwareAcceleration) {
@@ -303,5 +300,3 @@ var transformString = '';
         var valueType = getValueType(key);
-        var valueAsType = typeof value === 'number' && valueType
-            ? valueType.transform(value)
-            : value;
+        var valueAsType = getValueAsType(value, valueType);
         if (isTransformProp(key)) {
@@ -323,3 +318,9 @@ hasTransform = true;
         else if (!blacklist.has(key) || !isCustomTemplate(valueAsType)) {
-            setStyle(styles, key, valueAsType, isDashCase);
+            var styleHandler = customStyleHandlers[key];
+            if (styleHandler) {
+                styleHandler.set(styles, valueAsType);
+            }
+            else {
+                styles[prefixer(key, isDashCase)] = valueAsType;
+            }
         }
@@ -351,4 +352,4 @@ }
     var styleHandler = customStyleHandlers[key];
-    if (styleHandler) {
-        return styleHandler.get(onRead, options);
+    if (styleHandler && styleHandler.get) {
+        return onRead(styleHandler.get, options);
     }
@@ -355,0 +356,0 @@ var element = options.element, preparseOutput = options.preparseOutput;

package.json

 {
   "name": "stylefire",
-  "version": "4.0.0",
+  "version": "4.0.1",
   "description": "Performant, simplified stylers for CSS, SVG, path and DOM scroll.",
@@ -5,0 +5,0 @@ "main": "lib/index.js",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

100826

increased by0.07%

No dependency changes