stylefire - npm Package Compare versions

Comparing version 2.3.3 to 2.3.4

dist/stylefire.es.js

@@ -31,2 +31,9 @@ import sync from 'framesync';
 
+function __rest(s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) if (e.indexOf(p[i]) < 0) t[p[i]] = s[p[i]];
+    return t;
+}
+
 var createStyler = function (_a) {
@@ -293,2 +300,4 @@ var onRead = _a.onRead,
                 transformString += 'translateZ(0)';
+            } else {
+                transformString = transformString.trim();
             }
@@ -343,4 +352,9 @@ }
 });
-var css = function (element, props) {
-    return cssStyler(__assign({ element: element, buildStyles: createStyleBuilder(), preparseOutput: true }, props));
+var css = function (element, _a) {
+    if (_a === void 0) {
+        _a = {};
+    }
+    var enableHardwareAcceleration = _a.enableHardwareAcceleration,
+        props = __rest(_a, ["enableHardwareAcceleration"]);
+    return cssStyler(__assign({ element: element, buildStyles: createStyleBuilder(enableHardwareAcceleration), preparseOutput: true }, props));
 };
@@ -347,0 +361,0 @@

dist/stylefire.js

@@ -33,2 +33,12 @@ (function (global, factory) {
 
+    function __rest(s, e) {
+        var t = {};
+        for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+            t[p] = s[p];
+        if (s != null && typeof Object.getOwnPropertySymbols === "function")
+            for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) if (e.indexOf(p[i]) < 0)
+                t[p[i]] = s[p[i]];
+        return t;
+    }
+
     var HEY_LISTEN = 'Hey, listen! ';
@@ -593,2 +603,5 @@ var invariant = function () { };
                 }
+                else {
+                    transformString = transformString.trim();
+                }
             }
@@ -648,4 +661,6 @@ styles.transform = transformString;
     });
-    var css = (function (element, props) {
-        return cssStyler(__assign({ element: element, buildStyles: createStyleBuilder(), preparseOutput: true }, props));
+    var css = (function (element, _a) {
+        if (_a === void 0) { _a = {}; }
+        var enableHardwareAcceleration = _a.enableHardwareAcceleration, props = __rest(_a, ["enableHardwareAcceleration"]);
+        return cssStyler(__assign({ element: element, buildStyles: createStyleBuilder(enableHardwareAcceleration), preparseOutput: true }, props));
     });
@@ -652,0 +667,0 @@

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

lib/css/index.d.ts

@@ -6,3 +6,3 @@ import { Styler } from '../styler/types';
 };
-declare const _default: (element: HTMLElement, props?: Props) => Styler;
+declare const _default: (element: HTMLElement, { enableHardwareAcceleration, ...props }?: Props) => Styler;
 export default _default;

lib/index.js

@@ -37,2 +37,12 @@ 'use strict';
 
+function __rest(s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) if (e.indexOf(p[i]) < 0)
+            t[p[i]] = s[p[i]];
+    return t;
+}
+
 var createStyler = function (_a) {
@@ -288,2 +298,5 @@ var onRead = _a.onRead, onRender = _a.onRender, _b = _a.uncachedValues, uncachedValues = _b === void 0 ? new Set() : _b, _c = _a.useCache, useCache = _c === void 0 ? true : _c;
             }
+            else {
+                transformString = transformString.trim();
+            }
         }
@@ -343,4 +356,6 @@ styles.transform = transformString;
 });
-var css = (function (element, props) {
-    return cssStyler(__assign({ element: element, buildStyles: createStyleBuilder(), preparseOutput: true }, props));
+var css = (function (element, _a) {
+    if (_a === void 0) { _a = {}; }
+    var enableHardwareAcceleration = _a.enableHardwareAcceleration, props = __rest(_a, ["enableHardwareAcceleration"]);
+    return cssStyler(__assign({ element: element, buildStyles: createStyleBuilder(enableHardwareAcceleration), preparseOutput: true }, props));
 });
@@ -347,0 +362,0 @@

package.json

 {
   "name": "stylefire",
-  "version": "2.3.3",
+  "version": "2.3.4",
   "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

92028

increased by2.7%

Lines of code

1910

increased by2.3%

No dependency changes