jss - npm Package Compare versions

Comparing version 10.0.0-alpha.16 to 10.0.0-alpha.17

dist/jss.bundle.js

@@ -230,4 +230,4 @@ function _extends() {
 var escapeRegex = /([[\].#*$><+~=|^:(),"'`\s])/g;
+var nativeEscape = typeof CSS !== 'undefined' && CSS.escape;
 var escape = (function (str) {
-  var nativeEscape = typeof CSS !== 'undefined' && CSS.escape;
   return nativeEscape ? nativeEscape(str) : str.replace(escapeRegex, '\\$1');
@@ -540,3 +540,3 @@ });
         generateId = options.generateId;
-    this.id = scoped === false ? this.name : generateId(this, sheet);
+    this.id = scoped === false ? this.name : escape(generateId(this, sheet));
     this.rules = new RuleList(_extends({}, options, {
@@ -1285,5 +1285,4 @@ parent: this
       this.registry.onProcessRule[i](rule, sheet);
-    } // $FlowFixMe
+    }
 
-
     if (rule.style) this.onProcessStyle(rule.style, rule, sheet);
@@ -1478,2 +1477,3 @@ rule.isProcessed = true;
 var maxRules = 1e10;
+
 /**
@@ -1484,6 +1484,9 @@ * Returns a function which generates unique class names based on counters.
  */
+var createGenerateId = function createGenerateId(options) {
+  if (options === void 0) {
+    options = {};
+  }
 
-var createGenerateIdDefault = (function () {
   var ruleCounter = 0;
-  var defaultPrefix = '';
+  var defaultPrefix = options.minify ? 'c' : '';
   return function (rule, sheet) {
@@ -1504,5 +1507,9 @@ ruleCounter += 1;
 
+    if (options.minify) {
+      return "" + prefix + moduleId + jssId + ruleCounter;
+    }
+
     return prefix + rule.key + "-" + moduleId + (jssId && "-" + jssId) + "-" + ruleCounter;
   };
-});
+};
 
@@ -1952,10 +1959,15 @@ /**
     this.id = instanceCounter++;
-    this.version = "10.0.0-alpha.16";
+    this.version = "10.0.0-alpha.17";
     this.plugins = new PluginsRegistry();
     this.options = {
-      createGenerateId: createGenerateIdDefault,
+      id: {
+        minify: false
+      },
+      createGenerateId: createGenerateId,
       Renderer: isBrowser ? DomRenderer : null,
       plugins: []
     };
-    this.generateId = createGenerateIdDefault();
+    this.generateId = createGenerateId({
+      minify: false
+    });
 
@@ -1984,10 +1996,14 @@ for (var i = 0; i < plugins.length; i++) {
 
-    var _options = options,
-        createGenerateId = _options.createGenerateId;
+    if (options.createGenerateId) {
+      this.options.createGenerateId = options.createGenerateId;
+    }
 
-    if (createGenerateId) {
-      this.options.createGenerateId = createGenerateId;
-      this.generateId = createGenerateId();
+    if (options.id) {
+      this.options.id = _extends({}, this.options.id, options.id);
     }
 
+    if (options.createGenerateId || options.id) {
+      this.generateId = this.options.createGenerateId(this.options.id);
+    }
+
     if (options.insertionPoint != null) this.options.insertionPoint = options.insertionPoint;
@@ -2013,4 +2029,4 @@
 
-    var _options2 = options,
-        index = _options2.index;
+    var _options = options,
+        index = _options.index;
 
@@ -2215,2 +2231,2 @@ if (typeof index !== 'number') {
 export default index;
-export { hasCSSTOMSupport, create, getDynamicStyles, toCssValue, createRule, SheetsRegistry, SheetsManager, RuleList, sheets, createGenerateIdDefault as createGenerateId };
+export { hasCSSTOMSupport, create, getDynamicStyles, toCssValue, createRule, SheetsRegistry, SheetsManager, RuleList, sheets, createGenerateId };

dist/jss.cjs.js

@@ -173,7 +173,4 @@ 'use strict';
 var escapeRegex = /([[\].#*$><+~=|^:(),"'`\s])/g;
+var nativeEscape = typeof CSS !== 'undefined' && CSS.escape;
 var escape = (function (str) {
-  // We don't need to escape it in production, because we are not using user's
-  // input for selectors, we are generating a valid selector.
-  if (process.env.NODE_ENV === 'production') return str;
-  var nativeEscape = typeof CSS !== 'undefined' && CSS.escape;
   return nativeEscape ? nativeEscape(str) : str.replace(escapeRegex, '\\$1');
@@ -486,3 +483,3 @@ });
         generateId = options.generateId;
-    this.id = scoped === false ? this.name : generateId(this, sheet);
+    this.id = scoped === false ? this.name : escape(generateId(this, sheet));
     this.rules = new RuleList(_extends({}, options, {
@@ -1231,5 +1228,4 @@ parent: this
       this.registry.onProcessRule[i](rule, sheet);
-    } // $FlowFixMe
+    }
 
-
     if (rule.style) this.onProcessStyle(rule.style, rule, sheet);
@@ -1424,2 +1420,3 @@ rule.isProcessed = true;
 var maxRules = 1e10;
+
 /**
@@ -1430,7 +1427,9 @@ * Returns a function which generates unique class names based on counters.
  */
+var createGenerateId = function createGenerateId(options) {
+  if (options === void 0) {
+    options = {};
+  }
 
-var createGenerateIdDefault = (function () {
   var ruleCounter = 0;
-  var env = process.env.NODE_ENV;
-  var defaultPrefix = env === 'production' ? 'c' : '';
+  var defaultPrefix = options.minify ? 'c' : '';
   return function (rule, sheet) {
@@ -1451,3 +1450,3 @@ ruleCounter += 1;
 
-    if (env === 'production') {
+    if (options.minify) {
       return "" + prefix + moduleId + jssId + ruleCounter;
@@ -1458,3 +1457,3 @@ }
   };
-});
+};
 
@@ -1904,10 +1903,15 @@ /**
     this.id = instanceCounter++;
-    this.version = "10.0.0-alpha.16";
+    this.version = "10.0.0-alpha.17";
     this.plugins = new PluginsRegistry();
     this.options = {
-      createGenerateId: createGenerateIdDefault,
+      id: {
+        minify: false
+      },
+      createGenerateId: createGenerateId,
       Renderer: isInBrowser ? DomRenderer : null,
       plugins: []
     };
-    this.generateId = createGenerateIdDefault();
+    this.generateId = createGenerateId({
+      minify: false
+    });
 
@@ -1936,10 +1940,14 @@ for (var i = 0; i < plugins.length; i++) {
 
-    var _options = options,
-        createGenerateId = _options.createGenerateId;
+    if (options.createGenerateId) {
+      this.options.createGenerateId = options.createGenerateId;
+    }
 
-    if (createGenerateId) {
-      this.options.createGenerateId = createGenerateId;
-      this.generateId = createGenerateId();
+    if (options.id) {
+      this.options.id = _extends({}, this.options.id, options.id);
     }
 
+    if (options.createGenerateId || options.id) {
+      this.generateId = this.options.createGenerateId(this.options.id);
+    }
+
     if (options.insertionPoint != null) this.options.insertionPoint = options.insertionPoint;
@@ -1965,4 +1973,4 @@
 
-    var _options2 = options,
-        index = _options2.index;
+    var _options = options,
+        index = _options.index;
 
@@ -2176,2 +2184,2 @@ if (typeof index !== 'number') {
 exports.sheets = sheets;
-exports.createGenerateId = createGenerateIdDefault;
+exports.createGenerateId = createGenerateId;

dist/jss.esm.js

@@ -167,7 +167,4 @@ import _extends from '@babel/runtime/helpers/esm/extends';
 var escapeRegex = /([[\].#*$><+~=|^:(),"'`\s])/g;
+var nativeEscape = typeof CSS !== 'undefined' && CSS.escape;
 var escape = (function (str) {
-  // We don't need to escape it in production, because we are not using user's
-  // input for selectors, we are generating a valid selector.
-  if (process.env.NODE_ENV === 'production') return str;
-  var nativeEscape = typeof CSS !== 'undefined' && CSS.escape;
   return nativeEscape ? nativeEscape(str) : str.replace(escapeRegex, '\\$1');
@@ -480,3 +477,3 @@ });
         generateId = options.generateId;
-    this.id = scoped === false ? this.name : generateId(this, sheet);
+    this.id = scoped === false ? this.name : escape(generateId(this, sheet));
     this.rules = new RuleList(_extends({}, options, {
@@ -1225,5 +1222,4 @@ parent: this
       this.registry.onProcessRule[i](rule, sheet);
-    } // $FlowFixMe
+    }
 
-
     if (rule.style) this.onProcessStyle(rule.style, rule, sheet);
@@ -1418,2 +1414,3 @@ rule.isProcessed = true;
 var maxRules = 1e10;
+
 /**
@@ -1424,7 +1421,9 @@ * Returns a function which generates unique class names based on counters.
  */
+var createGenerateId = function createGenerateId(options) {
+  if (options === void 0) {
+    options = {};
+  }
 
-var createGenerateIdDefault = (function () {
   var ruleCounter = 0;
-  var env = process.env.NODE_ENV;
-  var defaultPrefix = env === 'production' ? 'c' : '';
+  var defaultPrefix = options.minify ? 'c' : '';
   return function (rule, sheet) {
@@ -1445,3 +1444,3 @@ ruleCounter += 1;
 
-    if (env === 'production') {
+    if (options.minify) {
       return "" + prefix + moduleId + jssId + ruleCounter;
@@ -1452,3 +1451,3 @@ }
   };
-});
+};
 
@@ -1898,10 +1897,15 @@ /**
     this.id = instanceCounter++;
-    this.version = "10.0.0-alpha.16";
+    this.version = "10.0.0-alpha.17";
     this.plugins = new PluginsRegistry();
     this.options = {
-      createGenerateId: createGenerateIdDefault,
+      id: {
+        minify: false
+      },
+      createGenerateId: createGenerateId,
       Renderer: isInBrowser ? DomRenderer : null,
       plugins: []
     };
-    this.generateId = createGenerateIdDefault();
+    this.generateId = createGenerateId({
+      minify: false
+    });
 
@@ -1930,10 +1934,14 @@ for (var i = 0; i < plugins.length; i++) {
 
-    var _options = options,
-        createGenerateId = _options.createGenerateId;
+    if (options.createGenerateId) {
+      this.options.createGenerateId = options.createGenerateId;
+    }
 
-    if (createGenerateId) {
-      this.options.createGenerateId = createGenerateId;
-      this.generateId = createGenerateId();
+    if (options.id) {
+      this.options.id = _extends({}, this.options.id, options.id);
     }
 
+    if (options.createGenerateId || options.id) {
+      this.generateId = this.options.createGenerateId(this.options.id);
+    }
+
     if (options.insertionPoint != null) this.options.insertionPoint = options.insertionPoint;
@@ -1959,4 +1967,4 @@
 
-    var _options2 = options,
-        index = _options2.index;
+    var _options = options,
+        index = _options.index;
 
@@ -2161,2 +2169,2 @@ if (typeof index !== 'number') {
 export default index;
-export { hasCSSTOMSupport, create, getDynamicStyles, toCssValue, createRule, SheetsRegistry, SheetsManager, RuleList, sheets, createGenerateIdDefault as createGenerateId };
+export { hasCSSTOMSupport, create, getDynamicStyles, toCssValue, createRule, SheetsRegistry, SheetsManager, RuleList, sheets, createGenerateId };

dist/jss.js

@@ -236,4 +236,4 @@ (function (global, factory) {
   var escapeRegex = /([[\].#*$><+~=|^:(),"'`\s])/g;
+  var nativeEscape = typeof CSS !== 'undefined' && CSS.escape;
   var escape = (function (str) {
-    var nativeEscape = typeof CSS !== 'undefined' && CSS.escape;
     return nativeEscape ? nativeEscape(str) : str.replace(escapeRegex, '\\$1');
@@ -546,3 +546,3 @@ });
           generateId = options.generateId;
-      this.id = scoped === false ? this.name : generateId(this, sheet);
+      this.id = scoped === false ? this.name : escape(generateId(this, sheet));
       this.rules = new RuleList(_extends({}, options, {
@@ -1291,5 +1291,4 @@ parent: this
         this.registry.onProcessRule[i](rule, sheet);
-      } // $FlowFixMe
+      }
 
-
       if (rule.style) this.onProcessStyle(rule.style, rule, sheet);
@@ -1484,2 +1483,3 @@ rule.isProcessed = true;
   var maxRules = 1e10;
+
   /**
@@ -1490,6 +1490,9 @@ * Returns a function which generates unique class names based on counters.
    */
+  var createGenerateId = function createGenerateId(options) {
+    if (options === void 0) {
+      options = {};
+    }
 
-  var createGenerateIdDefault = (function () {
     var ruleCounter = 0;
-    var defaultPrefix = '';
+    var defaultPrefix = options.minify ? 'c' : '';
     return function (rule, sheet) {
@@ -1510,5 +1513,9 @@ ruleCounter += 1;
 
+      if (options.minify) {
+        return "" + prefix + moduleId + jssId + ruleCounter;
+      }
+
       return prefix + rule.key + "-" + moduleId + (jssId && "-" + jssId) + "-" + ruleCounter;
     };
-  });
+  };
 
@@ -1958,10 +1965,15 @@ /**
       this.id = instanceCounter++;
-      this.version = "10.0.0-alpha.16";
+      this.version = "10.0.0-alpha.17";
       this.plugins = new PluginsRegistry();
       this.options = {
-        createGenerateId: createGenerateIdDefault,
+        id: {
+          minify: false
+        },
+        createGenerateId: createGenerateId,
         Renderer: isBrowser ? DomRenderer : null,
         plugins: []
       };
-      this.generateId = createGenerateIdDefault();
+      this.generateId = createGenerateId({
+        minify: false
+      });
 
@@ -1990,10 +2002,14 @@ for (var i = 0; i < plugins.length; i++) {
 
-      var _options = options,
-          createGenerateId = _options.createGenerateId;
+      if (options.createGenerateId) {
+        this.options.createGenerateId = options.createGenerateId;
+      }
 
-      if (createGenerateId) {
-        this.options.createGenerateId = createGenerateId;
-        this.generateId = createGenerateId();
+      if (options.id) {
+        this.options.id = _extends({}, this.options.id, options.id);
       }
 
+      if (options.createGenerateId || options.id) {
+        this.generateId = this.options.createGenerateId(this.options.id);
+      }
+
       if (options.insertionPoint != null) this.options.insertionPoint = options.insertionPoint;
@@ -2019,4 +2035,4 @@
 
-      var _options2 = options,
-          index = _options2.index;
+      var _options = options,
+          index = _options.index;
 
@@ -2230,3 +2246,3 @@ if (typeof index !== 'number') {
   exports.sheets = sheets;
-  exports.createGenerateId = createGenerateIdDefault;
+  exports.createGenerateId = createGenerateId;
 
@@ -2233,0 +2249,0 @@ Object.defineProperty(exports, '__esModule', { value: true });

dist/jss.min.js

@@ -1,1 +0,1 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports):"function"==typeof define&&define.amd?define(["exports"],t):t((e=e||self).jss={})}(this,function(e){"use strict";function t(){return(t=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}var n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r="object"===("undefined"==typeof window?"undefined":n(window))&&"object"===("undefined"==typeof document?"undefined":n(document))&&9===document.nodeType,i={}.constructor;function s(e){if(null==e||"object"!=typeof e)return e;if(Array.isArray(e))return e.map(s);if(e.constructor!==i)return e;var t={};for(var n in e)t[n]=s(e[n]);return t}function o(e,t,n){void 0===e&&(e="unnamed");var r=n.jss,i=s(t),o=r.plugins.onCreateRule(e,i,n);return o||(e[0],null)}function u(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function a(e,t,n){return t&&u(e.prototype,t),n&&u(e,n),e}function h(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,e.__proto__=t}function l(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}var d=function(e,t){for(var n="",r=0;r<e.length&&"!important"!==e[r];r++)n&&(n+=t),n+=e[r];return n};function c(e,t){if(void 0===t&&(t=!1),!Array.isArray(e))return e;var n="";if(Array.isArray(e[0]))for(var r=0;r<e.length&&"!important"!==e[r];r++)n&&(n+=", "),n+=d(e[r]," ");else n=d(e,", ");return t||"!important"!==e[e.length-1]||(n+=" !important"),n}function f(e,t){for(var n="",r=0;r<t;r++)n+="  ";return n+e}function p(e,t,n){void 0===n&&(n={});var r="";if(!t)return r;var i=n.indent,s=void 0===i?0:i,o=t.fallbacks;if(e&&s++,o)if(Array.isArray(o))for(var u=0;u<o.length;u++){var a=o[u];for(var h in a){var l=a[h];null!=l&&(r&&(r+="\n"),r+=""+f(h+": "+c(l)+";",s))}}else for(var d in o){var p=o[d];null!=p&&(r&&(r+="\n"),r+=""+f(d+": "+c(p)+";",s))}for(var y in t){var v=t[y];null!=v&&"fallbacks"!==y&&(r&&(r+="\n"),r+=""+f(y+": "+c(v)+";",s))}return(r||n.allowEmpty)&&e?(r&&(r="\n"+r+"\n"),f(e+" {"+r,--s)+f("}",s)):r}var y=function(e){return e},v=function(){function e(e,t,n){this.type="style",this.key=void 0,this.isProcessed=!1,this.style=void 0,this.renderer=void 0,this.renderable=void 0,this.options=void 0;var r=n.sheet,i=n.Renderer;this.key=e,this.options=n,this.style=t,r?this.renderer=r.renderer:i&&(this.renderer=new i)}return e.prototype.prop=function(e,t,n){if(void 0===t)return this.style[e];var r=!!n&&n.force;if(!r&&this.style[e]===t)return this;var i=t;n&&!1===n.process||(i=this.options.jss.plugins.onChangeValue(t,e,this));var s=null==i||!1===i,o=e in this.style;if(s&&!o&&!r)return this;var u=s&&o;if(u?delete this.style[e]:this.style[e]=i,this.renderable&&this.renderer)return u?this.renderer.removeProperty(this.renderable,e):this.renderer.setProperty(this.renderable,e,i),this;var a=this.options.sheet;return a&&a.attached,this},e}(),g=function(e){function n(t,n,r){var i;(i=e.call(this,t,n,r)||this).selectorText=void 0,i.id=void 0,i.renderable=void 0;var s=r.selector,o=r.scoped,u=r.sheet,a=r.generateId;return s?i.selectorText=s:!1!==o&&(i.id=a(l(l(i)),u),i.selectorText="."+y(i.id)),i}h(n,e);var r=n.prototype;return r.applyTo=function(e){var t=this.renderer;if(t){var n=this.toJSON();for(var r in n)t.setProperty(e,r,n[r])}return this},r.toJSON=function(){var e={};for(var t in this.style){var n=this.style[t];"object"!=typeof n?e[t]=n:Array.isArray(n)&&(e[t]=c(n))}return e},r.toString=function(e){var n=this.options.sheet,r=!!n&&n.options.link?t({},e,{allowEmpty:!0}):e;return p(this.selectorText,this.style,r)},a(n,[{key:"selector",set:function(e){if(e!==this.selectorText){this.selectorText=e;var t=this.renderer,n=this.renderable;if(n&&t)t.setSelector(n,e)||t.replaceRule(n,this)}},get:function(){return this.selectorText}}]),n}(v),m={onCreateRule:function(e,t,n){return"@"===e[0]||n.parent&&"keyframes"===n.parent.type?null:new g(e,t,n)}},R={indent:1,children:!0},S=/@([\w-]+)/,b=function(){function e(e,n,r){this.type="conditional",this.at=void 0,this.key=void 0,this.rules=void 0,this.options=void 0,this.isProcessed=!1,this.renderable=void 0,this.key=e;var i=e.match(S);for(var s in this.at=i?i[1]:"unknown",this.options=r,this.rules=new D(t({},r,{parent:this})),n)this.rules.add(s,n[s]);this.rules.process()}var n=e.prototype;return n.getRule=function(e){return this.rules.get(e)},n.indexOf=function(e){return this.rules.indexOf(e)},n.addRule=function(e,t,n){var r=this.rules.add(e,t,n);return r?(this.options.jss.plugins.onProcessRule(r),r):null},n.toString=function(e){if(void 0===e&&(e=R),!1===e.children)return this.key+" {}";var t=this.rules.toString(e);return t?this.key+" {\n"+t+"\n}":""},e}(),k=/@media|@supports\s+/,x={onCreateRule:function(e,t,n){return k.test(e)?new b(e,t,n):null}},P={indent:1,children:!0},w=/@keyframes\s+([\w-]+)/,j=function(){function e(e,n,r){this.type="keyframes",this.at="@keyframes",this.key=void 0,this.name=void 0,this.id=void 0,this.rules=void 0,this.options=void 0,this.isProcessed=!1,this.renderable=void 0;var i=e.match(w);i&&i[1]?this.name=i[1]:this.name="noname",this.key=this.type+"-"+this.name,this.options=r;var s=r.scoped,o=r.sheet,u=r.generateId;for(var a in this.id=!1===s?this.name:u(this,o),this.rules=new D(t({},r,{parent:this})),n)this.rules.add(a,n[a],t({},r,{parent:this}));this.rules.process()}return e.prototype.toString=function(e){if(void 0===e&&(e=P),!1===e.children)return this.at+" "+this.id+" {}";var t=this.rules.toString(e);return t&&(t="\n"+t+"\n"),this.at+" "+this.id+" {"+t+"}"},e}(),C=/@keyframes\s+/,A=/\$([\w-]+)/g,O=function(e,t){return"string"==typeof e?e.replace(A,function(e,n){return n in t?t[n]:e}):e},I=function(e,t,n){var r=e[t],i=O(r,n);i!==r&&(e[t]=i)},T={onCreateRule:function(e,t,n){return"string"==typeof e&&C.test(e)?new j(e,t,n):null},onProcessStyle:function(e,t,n){return"style"===t.type&&n?("animation-name"in e&&I(e,"animation-name",n.keyframes),"animation"in e&&I(e,"animation",n.keyframes),e):e},onChangeValue:function(e,t,n){var r=n.options.sheet;if(!r)return e;switch(t){case"animation":case"animation-name":return O(e,r.keyframes);default:return e}}},q=function(e){function n(){for(var t,n=arguments.length,r=new Array(n),i=0;i<n;i++)r[i]=arguments[i];return(t=e.call.apply(e,[this].concat(r))||this).renderable=void 0,t}return h(n,e),n.prototype.toString=function(e){var n=this.options.sheet,r=!!n&&n.options.link?t({},e,{allowEmpty:!0}):e;return p(this.key,this.style,r)},n}(v),N={onCreateRule:function(e,t,n){return n.parent&&"keyframes"===n.parent.type?new q(e,t,n):null}},M=function(){function e(e,t,n){this.type="font-face",this.at="@font-face",this.key=void 0,this.style=void 0,this.options=void 0,this.isProcessed=!1,this.renderable=void 0,this.key=e,this.style=t,this.options=n}return e.prototype.toString=function(e){if(Array.isArray(this.style)){for(var t="",n=0;n<this.style.length;n++)t+=p(this.key,this.style[n]),this.style[n+1]&&(t+="\n");return t}return p(this.key,this.style,e)},e}(),V={onCreateRule:function(e,t,n){return"@font-face"===e?new M(e,t,n):null}},E=function(){function e(e,t,n){this.type="viewport",this.at="@viewport",this.key=void 0,this.style=void 0,this.options=void 0,this.isProcessed=!1,this.renderable=void 0,this.key=e,this.style=t,this.options=n}return e.prototype.toString=function(e){return p(this.key,this.style,e)},e}(),U={onCreateRule:function(e,t,n){return"@viewport"===e||"@-ms-viewport"===e?new E(e,t,n):null}},_=function(){function e(e,t,n){this.type="simple",this.key=void 0,this.value=void 0,this.options=void 0,this.isProcessed=!1,this.renderable=void 0,this.key=e,this.value=t,this.options=n}return e.prototype.toString=function(e){if(Array.isArray(this.value)){for(var t="",n=0;n<this.value.length;n++)t+=this.key+" "+this.value[n]+";",this.value[n+1]&&(t+="\n");return t}return this.key+" "+this.value+";"},e}(),G={"@charset":!0,"@import":!0,"@namespace":!0},B=[m,x,T,N,V,U,{onCreateRule:function(e,t,n){return e in G?new _(e,t,n):null}}],J={process:!0},z={force:!0,process:!0},D=function(){function e(e){this.map={},this.raw={},this.index=[],this.options=void 0,this.classes=void 0,this.keyframes=void 0,this.options=e,this.classes=e.classes,this.keyframes=e.keyframes}var n=e.prototype;return n.add=function(e,n,r){var i=this.options,s=i.parent,u=i.sheet,a=i.jss,h=i.Renderer,l=i.generateId,d=i.scoped,c=t({classes:this.classes,parent:s,sheet:u,jss:a,Renderer:h,generateId:l,scoped:d},r);this.raw[e]=n,e in this.classes&&(c.selector="."+y(this.classes[e]));var f=o(e,n,c);if(!f)return null;this.register(f);var p=void 0===c.index?this.index.length:c.index;return this.index.splice(p,0,f),f},n.get=function(e){return this.map[e]},n.remove=function(e){this.unregister(e),delete this.raw[e.key],this.index.splice(this.indexOf(e),1)},n.indexOf=function(e){return this.index.indexOf(e)},n.process=function(){var e=this.options.jss.plugins;this.index.slice(0).forEach(e.onProcessRule,e)},n.register=function(e){this.map[e.key]=e,e instanceof g?(this.map[e.selector]=e,e.id&&(this.classes[e.key]=e.id)):e instanceof j&&this.keyframes&&(this.keyframes[e.name]=e.id)},n.unregister=function(e){delete this.map[e.key],e instanceof g?(delete this.map[e.selector],delete this.classes[e.key]):e instanceof j&&delete this.keyframes[e.name]},n.update=function(){var e,t,n;if("string"==typeof(arguments.length<=0?void 0:arguments[0])?(e=arguments.length<=0?void 0:arguments[0],t=arguments.length<=1?void 0:arguments[1],n=arguments.length<=2?void 0:arguments[2]):(t=arguments.length<=0?void 0:arguments[0],n=arguments.length<=1?void 0:arguments[1],e=null),e)this.onUpdate(t,this.get(e),n);else for(var r=0;r<this.index.length;r++)this.onUpdate(t,this.index[r],n)},n.onUpdate=function(t,n,r){void 0===r&&(r=J);var i=this.options,s=i.jss.plugins,o=i.sheet;if(n.rules instanceof e)n.rules.update(t,r);else{var u=n,a=u.style;if(s.onUpdate(t,n,o,r),r.process&&a&&a!==u.style){for(var h in s.onProcessStyle(u.style,u,o),u.style){var l=u.style[h];l!==a[h]&&u.prop(h,l,z)}for(var d in a){var c=u.style[d],f=a[d];null==c&&c!==f&&u.prop(d,null,z)}}}},n.toString=function(e){for(var t="",n=this.options.sheet,r=!!n&&n.options.link,i=0;i<this.index.length;i++){var s=this.index[i].toString(e);(s||r)&&(t&&(t+="\n"),t+=s)}return t},e}(),L=function(){function e(e,n){for(var r in this.options=void 0,this.deployed=void 0,this.attached=void 0,this.rules=void 0,this.renderer=void 0,this.classes=void 0,this.keyframes=void 0,this.queue=void 0,this.attached=!1,this.deployed=!1,this.classes={},this.keyframes={},this.options=t({},n,{sheet:this,parent:this,classes:this.classes,keyframes:this.keyframes}),n.Renderer&&(this.renderer=new n.Renderer(this)),this.rules=new D(this.options),e)this.rules.add(r,e[r]);this.rules.process()}var n=e.prototype;return n.attach=function(){return this.attached?this:(this.renderer&&this.renderer.attach(),this.attached=!0,this.deployed||this.deploy(),this)},n.detach=function(){return this.attached?(this.renderer&&this.renderer.detach(),this.attached=!1,this):this},n.addRule=function(e,t,n){var r=this.queue;this.attached&&!r&&(this.queue=[]);var i=this.rules.add(e,t,n);return i?(this.options.jss.plugins.onProcessRule(i),this.attached?this.deployed?(r?r.push(i):(this.insertRule(i),this.queue&&(this.queue.forEach(this.insertRule,this),this.queue=void 0)),i):i:(this.deployed=!1,i)):null},n.insertRule=function(e){this.renderer&&this.renderer.insertRule(e)},n.addRules=function(e,t){var n=[];for(var r in e){var i=this.addRule(r,e[r],t);i&&n.push(i)}return n},n.getRule=function(e){return this.rules.get(e)},n.deleteRule=function(e){var t=this.rules.get(e);return!!t&&(this.rules.remove(t),!(this.attached&&t.renderable&&this.renderer)||this.renderer.deleteRule(t.renderable))},n.indexOf=function(e){return this.rules.indexOf(e)},n.deploy=function(){return this.renderer&&this.renderer.deploy(),this.deployed=!0,this},n.update=function(){var e;return(e=this.rules).update.apply(e,arguments),this},n.toString=function(e){return this.rules.toString(e)},e}(),W=function(){function e(){this.plugins={internal:[],external:[]},this.registry=void 0}var t=e.prototype;return t.onCreateRule=function(e,t,n){for(var r=0;r<this.registry.onCreateRule.length;r++){var i=this.registry.onCreateRule[r](e,t,n);if(i)return i}return null},t.onProcessRule=function(e){if(!e.isProcessed){for(var t=e.options.sheet,n=0;n<this.registry.onProcessRule.length;n++)this.registry.onProcessRule[n](e,t);e.style&&this.onProcessStyle(e.style,e,t),e.isProcessed=!0}},t.onProcessStyle=function(e,t,n){for(var r=0;r<this.registry.onProcessStyle.length;r++)t.style=this.registry.onProcessStyle[r](t.style,t,n)},t.onProcessSheet=function(e){for(var t=0;t<this.registry.onProcessSheet.length;t++)this.registry.onProcessSheet[t](e)},t.onUpdate=function(e,t,n,r){for(var i=0;i<this.registry.onUpdate.length;i++)this.registry.onUpdate[i](e,t,n,r)},t.onChangeValue=function(e,t,n){for(var r=e,i=0;i<this.registry.onChangeValue.length;i++)r=this.registry.onChangeValue[i](r,t,n);return r},t.use=function(e,t){void 0===t&&(t={queue:"external"});var n=this.plugins[t.queue];-1===n.indexOf(e)&&(n.push(e),this.registry=[].concat(this.plugins.external,this.plugins.internal).reduce(function(e,t){for(var n in t)n in e&&e[n].push(t[n]);return e},{onCreateRule:[],onProcessRule:[],onProcessStyle:[],onProcessSheet:[],onChangeValue:[],onUpdate:[]}))},e}(),$=function(){function e(){this.registry=[]}var t=e.prototype;return t.add=function(e){var t=this.registry,n=e.options.index;if(-1===t.indexOf(e))if(0===t.length||n>=this.index)t.push(e);else for(var r=0;r<t.length;r++)if(t[r].options.index>n)return void t.splice(r,0,e)},t.reset=function(){this.registry=[]},t.remove=function(e){var t=this.registry.indexOf(e);this.registry.splice(t,1)},t.toString=function(e){return this.registry.filter(function(e){return e.attached}).map(function(t){return t.toString(e)}).join("\n")},a(e,[{key:"index",get:function(){return 0===this.registry.length?0:this.registry[this.registry.length-1].options.index}}]),e}(),F=new $,H="undefined"!=typeof global?global:"undefined"!=typeof self?self:"undefined"!=typeof window?window:{},K="2f1acc6c3a606b082e5eef5e54414ffb";null==H[K]&&(H[K]=0);var Q=H[K]++,X=function(){var e=0;return function(t,n){e+=1;var r="c",i="";return n&&(r=n.options.classNamePrefix||"c",null!=n.options.jss.id&&(i+=n.options.jss.id)),""+r+Q+i+e}},Y=function(e){var t;return function(){return t||(t=e()),t}};function Z(e,t){try{return e.attributeStyleMap?e.attributeStyleMap.get(t):e.style.getPropertyValue(t)}catch(e){return""}}function ee(e,t,n){try{var r=n;if(Array.isArray(n)&&(r=c(n,!0),"!important"===n[n.length-1]))return e.style.setProperty(t,r,"important"),!0;e.attributeStyleMap?e.attributeStyleMap.set(t,r):e.style.setProperty(t,r)}catch(e){return!1}return!0}function te(e,t){try{e.attributeStyleMap?e.attributeStyleMap.delete(t):e.style.removeProperty(t)}catch(e){}}function ne(e,t){return e.selectorText=t,e.selectorText===t}var re=Y(function(){return document.querySelector("head")});function ie(e){var t=F.registry;if(t.length>0){var n=function(e,t){for(var n=0;n<e.length;n++){var r=e[n];if(r.attached&&r.options.index>t.index&&r.options.insertionPoint===t.insertionPoint)return r}return null}(t,e);if(n&&n.renderer)return{parent:n.renderer.element.parentNode,node:n.renderer.element};if((n=function(e,t){for(var n=e.length-1;n>=0;n--){var r=e[n];if(r.attached&&r.options.insertionPoint===t.insertionPoint)return r}return null}(t,e))&&n.renderer)return{parent:n.renderer.element.parentNode,node:n.renderer.element.nextSibling}}var r=e.insertionPoint;if(r&&"string"==typeof r){var i=function(e){for(var t=re(),n=0;n<t.childNodes.length;n++){var r=t.childNodes[n];if(8===r.nodeType&&r.nodeValue.trim()===e)return r}return null}(r);if(i)return{parent:i.parentNode,node:i.nextSibling}}return!1}var se=Y(function(){var e=document.querySelector('meta[property="csp-nonce"]');return e?e.getAttribute("content"):null}),oe=function(e,t,n){void 0===n&&(n=e.cssRules.length);try{if("insertRule"in e)e.insertRule(t,n);else if("appendRule"in e){e.appendRule(t)}}catch(e){return!1}return e.cssRules[n]},ue=function(){var e=document.createElement("style");return e.textContent="\n",e},ae=function(){function e(e){this.getPropertyValue=Z,this.setProperty=ee,this.removeProperty=te,this.setSelector=ne,this.element=void 0,this.sheet=void 0,this.hasInsertedRules=!1,e&&F.add(e),this.sheet=e;var t=this.sheet?this.sheet.options:{},n=t.media,r=t.meta,i=t.element;this.element=i||ue(),this.element.setAttribute("data-jss",""),n&&this.element.setAttribute("media",n),r&&this.element.setAttribute("data-meta",r);var s=se();s&&this.element.setAttribute("nonce",s)}var t=e.prototype;return t.attach=function(){!this.element.parentNode&&this.sheet&&(!function(e,t){var n=t.insertionPoint,r=ie(t);if(!1!==r&&r.parent)r.parent.insertBefore(e,r.node);else if(n&&"number"==typeof n.nodeType){var i=n,s=i.parentNode;s&&s.insertBefore(e,i.nextSibling)}else re().appendChild(e)}(this.element,this.sheet.options),this.hasInsertedRules&&(this.hasInsertedRules=!1,this.deploy()))},t.detach=function(){this.element.parentNode.removeChild(this.element)},t.deploy=function(){var e=this.sheet;e&&(e.options.link?this.insertRules(e.rules):this.element.textContent="\n"+e.toString()+"\n")},t.insertRules=function(e,t){for(var n=0;n<e.index.length;n++)this.insertRule(e.index[n],n,t)},t.insertRule=function(e,t,n){if(void 0===n&&(n=this.element.sheet),e.rules){var r=e,i=n;return("conditional"!==e.type&&"keyframes"!==e.type||!1!==(i=oe(n,r.toString({children:!1}),t)))&&(this.insertRules(r.rules,i),i)}var s=e.toString();if(!s)return!1;var o=oe(n,s,t);return!1!==o&&(this.hasInsertedRules=!0,e.renderable=o,o)},t.deleteRule=function(e){var t=this.element.sheet,n=this.indexOf(e);return-1!==n&&(t.deleteRule(n),!0)},t.indexOf=function(e){for(var t=this.element.sheet.cssRules,n=0;n<t.length;n++)if(e===t[n])return n;return-1},t.replaceRule=function(e,t){var n=this.indexOf(e);return-1!==n&&(this.element.sheet.deleteRule(n),this.insertRule(t,n))},t.getRules=function(){return this.element.sheet.cssRules},e}(),he=0,le=function(){function e(e){this.id=he++,this.version="10.0.0-alpha.16",this.plugins=new W,this.options={createGenerateId:X,Renderer:r?ae:null,plugins:[]},this.generateId=X();for(var t=0;t<B.length;t++)this.plugins.use(B[t],{queue:"internal"});this.setup(e)}var n=e.prototype;return n.setup=function(e){void 0===e&&(e={});var t=e.createGenerateId;return t&&(this.options.createGenerateId=t,this.generateId=t()),null!=e.insertionPoint&&(this.options.insertionPoint=e.insertionPoint),"Renderer"in e&&(this.options.Renderer=e.Renderer),e.plugins&&this.use.apply(this,e.plugins),this},n.createStyleSheet=function(e,n){void 0===n&&(n={});var r=n.index;"number"!=typeof r&&(r=0===F.index?0:F.index+1);var i=new L(e,t({},n,{jss:this,generateId:n.generateId||this.generateId,insertionPoint:this.options.insertionPoint,Renderer:this.options.Renderer,index:r}));return this.plugins.onProcessSheet(i),i},n.removeStyleSheet=function(e){return e.detach(),F.remove(e),this},n.createRule=function(e,n,r){if(void 0===n&&(n={}),void 0===r&&(r={}),"object"==typeof e)return this.createRule(void 0,e,n);var i=t({},r,{jss:this,Renderer:this.options.Renderer});i.generateId||(i.generateId=this.generateId),i.classes||(i.classes={}),i.keyframes||(i.keyframes={});var s=o(e,n,i);return s&&this.plugins.onProcessRule(s),s},n.use=function(){for(var e=this,t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];return n.forEach(function(t){e.plugins.use(t)}),this},e}();var de=function(){function e(){this.length=0,this.sheets=new WeakMap}var t=e.prototype;return t.get=function(e){var t=this.sheets.get(e);return t&&t.sheet},t.add=function(e,t){this.sheets.has(e)||(this.length++,this.sheets.set(e,{sheet:t,refs:0}))},t.manage=function(e){var t=this.sheets.get(e);if(t)return 0===t.refs&&t.sheet.attach(),t.refs++,t.sheet},t.unmanage=function(e){var t=this.sheets.get(e);t&&t.refs>0&&(t.refs--,0===t.refs&&t.sheet.detach())},a(e,[{key:"size",get:function(){return this.length}}]),e}(),ce="undefined"!=typeof CSS&&CSS&&"number"in CSS,fe=function(e){return new le(e)},pe=fe();e.hasCSSTOMSupport=ce,e.create=fe,e.default=pe,e.getDynamicStyles=function e(t){var n=null;for(var r in t){var i=t[r],s=typeof i;if("function"===s)n||(n={}),n[r]=i;else if("object"===s&&null!==i&&!Array.isArray(i)){var o=e(i);o&&(n||(n={}),n[r]=o)}}return n},e.toCssValue=c,e.createRule=o,e.SheetsRegistry=$,e.SheetsManager=de,e.RuleList=D,e.sheets=F,e.createGenerateId=X,Object.defineProperty(e,"__esModule",{value:!0})});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports):"function"==typeof define&&define.amd?define(["exports"],t):t((e=e||self).jss={})}(this,function(e){"use strict";function t(){return(t=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}var n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r="object"===("undefined"==typeof window?"undefined":n(window))&&"object"===("undefined"==typeof document?"undefined":n(document))&&9===document.nodeType,i={}.constructor;function s(e){if(null==e||"object"!=typeof e)return e;if(Array.isArray(e))return e.map(s);if(e.constructor!==i)return e;var t={};for(var n in e)t[n]=s(e[n]);return t}function o(e,t,n){void 0===e&&(e="unnamed");var r=n.jss,i=s(t),o=r.plugins.onCreateRule(e,i,n);return o||(e[0],null)}function u(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function a(e,t,n){return t&&u(e.prototype,t),n&&u(e,n),e}function h(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,e.__proto__=t}function l(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}var d=function(e,t){for(var n="",r=0;r<e.length&&"!important"!==e[r];r++)n&&(n+=t),n+=e[r];return n};function c(e,t){if(void 0===t&&(t=!1),!Array.isArray(e))return e;var n="";if(Array.isArray(e[0]))for(var r=0;r<e.length&&"!important"!==e[r];r++)n&&(n+=", "),n+=d(e[r]," ");else n=d(e,", ");return t||"!important"!==e[e.length-1]||(n+=" !important"),n}function f(e,t){for(var n="",r=0;r<t;r++)n+="  ";return n+e}function p(e,t,n){void 0===n&&(n={});var r="";if(!t)return r;var i=n.indent,s=void 0===i?0:i,o=t.fallbacks;if(e&&s++,o)if(Array.isArray(o))for(var u=0;u<o.length;u++){var a=o[u];for(var h in a){var l=a[h];null!=l&&(r&&(r+="\n"),r+=""+f(h+": "+c(l)+";",s))}}else for(var d in o){var p=o[d];null!=p&&(r&&(r+="\n"),r+=""+f(d+": "+c(p)+";",s))}for(var y in t){var v=t[y];null!=v&&"fallbacks"!==y&&(r&&(r+="\n"),r+=""+f(y+": "+c(v)+";",s))}return(r||n.allowEmpty)&&e?(r&&(r="\n"+r+"\n"),f(e+" {"+r,--s)+f("}",s)):r}var y=/([[\].#*$><+~=|^:(),"'`\s])/g,v="undefined"!=typeof CSS&&CSS.escape,g=function(e){return v?v(e):e.replace(y,"\\$1")},m=function(){function e(e,t,n){this.type="style",this.key=void 0,this.isProcessed=!1,this.style=void 0,this.renderer=void 0,this.renderable=void 0,this.options=void 0;var r=n.sheet,i=n.Renderer;this.key=e,this.options=n,this.style=t,r?this.renderer=r.renderer:i&&(this.renderer=new i)}return e.prototype.prop=function(e,t,n){if(void 0===t)return this.style[e];var r=!!n&&n.force;if(!r&&this.style[e]===t)return this;var i=t;n&&!1===n.process||(i=this.options.jss.plugins.onChangeValue(t,e,this));var s=null==i||!1===i,o=e in this.style;if(s&&!o&&!r)return this;var u=s&&o;if(u?delete this.style[e]:this.style[e]=i,this.renderable&&this.renderer)return u?this.renderer.removeProperty(this.renderable,e):this.renderer.setProperty(this.renderable,e,i),this;var a=this.options.sheet;return a&&a.attached,this},e}(),R=function(e){function n(t,n,r){var i;(i=e.call(this,t,n,r)||this).selectorText=void 0,i.id=void 0,i.renderable=void 0;var s=r.selector,o=r.scoped,u=r.sheet,a=r.generateId;return s?i.selectorText=s:!1!==o&&(i.id=a(l(l(i)),u),i.selectorText="."+g(i.id)),i}h(n,e);var r=n.prototype;return r.applyTo=function(e){var t=this.renderer;if(t){var n=this.toJSON();for(var r in n)t.setProperty(e,r,n[r])}return this},r.toJSON=function(){var e={};for(var t in this.style){var n=this.style[t];"object"!=typeof n?e[t]=n:Array.isArray(n)&&(e[t]=c(n))}return e},r.toString=function(e){var n=this.options.sheet,r=!!n&&n.options.link?t({},e,{allowEmpty:!0}):e;return p(this.selectorText,this.style,r)},a(n,[{key:"selector",set:function(e){if(e!==this.selectorText){this.selectorText=e;var t=this.renderer,n=this.renderable;if(n&&t)t.setSelector(n,e)||t.replaceRule(n,this)}},get:function(){return this.selectorText}}]),n}(m),S={onCreateRule:function(e,t,n){return"@"===e[0]||n.parent&&"keyframes"===n.parent.type?null:new R(e,t,n)}},b={indent:1,children:!0},k=/@([\w-]+)/,x=function(){function e(e,n,r){this.type="conditional",this.at=void 0,this.key=void 0,this.rules=void 0,this.options=void 0,this.isProcessed=!1,this.renderable=void 0,this.key=e;var i=e.match(k);for(var s in this.at=i?i[1]:"unknown",this.options=r,this.rules=new L(t({},r,{parent:this})),n)this.rules.add(s,n[s]);this.rules.process()}var n=e.prototype;return n.getRule=function(e){return this.rules.get(e)},n.indexOf=function(e){return this.rules.indexOf(e)},n.addRule=function(e,t,n){var r=this.rules.add(e,t,n);return r?(this.options.jss.plugins.onProcessRule(r),r):null},n.toString=function(e){if(void 0===e&&(e=b),!1===e.children)return this.key+" {}";var t=this.rules.toString(e);return t?this.key+" {\n"+t+"\n}":""},e}(),P=/@media|@supports\s+/,w={onCreateRule:function(e,t,n){return P.test(e)?new x(e,t,n):null}},C={indent:1,children:!0},j=/@keyframes\s+([\w-]+)/,A=function(){function e(e,n,r){this.type="keyframes",this.at="@keyframes",this.key=void 0,this.name=void 0,this.id=void 0,this.rules=void 0,this.options=void 0,this.isProcessed=!1,this.renderable=void 0;var i=e.match(j);i&&i[1]?this.name=i[1]:this.name="noname",this.key=this.type+"-"+this.name,this.options=r;var s=r.scoped,o=r.sheet,u=r.generateId;for(var a in this.id=!1===s?this.name:g(u(this,o)),this.rules=new L(t({},r,{parent:this})),n)this.rules.add(a,n[a],t({},r,{parent:this}));this.rules.process()}return e.prototype.toString=function(e){if(void 0===e&&(e=C),!1===e.children)return this.at+" "+this.id+" {}";var t=this.rules.toString(e);return t&&(t="\n"+t+"\n"),this.at+" "+this.id+" {"+t+"}"},e}(),I=/@keyframes\s+/,O=/\$([\w-]+)/g,T=function(e,t){return"string"==typeof e?e.replace(O,function(e,n){return n in t?t[n]:e}):e},q=function(e,t,n){var r=e[t],i=T(r,n);i!==r&&(e[t]=i)},N={onCreateRule:function(e,t,n){return"string"==typeof e&&I.test(e)?new A(e,t,n):null},onProcessStyle:function(e,t,n){return"style"===t.type&&n?("animation-name"in e&&q(e,"animation-name",n.keyframes),"animation"in e&&q(e,"animation",n.keyframes),e):e},onChangeValue:function(e,t,n){var r=n.options.sheet;if(!r)return e;switch(t){case"animation":case"animation-name":return T(e,r.keyframes);default:return e}}},M=function(e){function n(){for(var t,n=arguments.length,r=new Array(n),i=0;i<n;i++)r[i]=arguments[i];return(t=e.call.apply(e,[this].concat(r))||this).renderable=void 0,t}return h(n,e),n.prototype.toString=function(e){var n=this.options.sheet,r=!!n&&n.options.link?t({},e,{allowEmpty:!0}):e;return p(this.key,this.style,r)},n}(m),V={onCreateRule:function(e,t,n){return n.parent&&"keyframes"===n.parent.type?new M(e,t,n):null}},E=function(){function e(e,t,n){this.type="font-face",this.at="@font-face",this.key=void 0,this.style=void 0,this.options=void 0,this.isProcessed=!1,this.renderable=void 0,this.key=e,this.style=t,this.options=n}return e.prototype.toString=function(e){if(Array.isArray(this.style)){for(var t="",n=0;n<this.style.length;n++)t+=p(this.key,this.style[n]),this.style[n+1]&&(t+="\n");return t}return p(this.key,this.style,e)},e}(),U={onCreateRule:function(e,t,n){return"@font-face"===e?new E(e,t,n):null}},G=function(){function e(e,t,n){this.type="viewport",this.at="@viewport",this.key=void 0,this.style=void 0,this.options=void 0,this.isProcessed=!1,this.renderable=void 0,this.key=e,this.style=t,this.options=n}return e.prototype.toString=function(e){return p(this.key,this.style,e)},e}(),_={onCreateRule:function(e,t,n){return"@viewport"===e||"@-ms-viewport"===e?new G(e,t,n):null}},$=function(){function e(e,t,n){this.type="simple",this.key=void 0,this.value=void 0,this.options=void 0,this.isProcessed=!1,this.renderable=void 0,this.key=e,this.value=t,this.options=n}return e.prototype.toString=function(e){if(Array.isArray(this.value)){for(var t="",n=0;n<this.value.length;n++)t+=this.key+" "+this.value[n]+";",this.value[n+1]&&(t+="\n");return t}return this.key+" "+this.value+";"},e}(),B={"@charset":!0,"@import":!0,"@namespace":!0},J=[S,w,N,V,U,_,{onCreateRule:function(e,t,n){return e in B?new $(e,t,n):null}}],z={process:!0},D={force:!0,process:!0},L=function(){function e(e){this.map={},this.raw={},this.index=[],this.options=void 0,this.classes=void 0,this.keyframes=void 0,this.options=e,this.classes=e.classes,this.keyframes=e.keyframes}var n=e.prototype;return n.add=function(e,n,r){var i=this.options,s=i.parent,u=i.sheet,a=i.jss,h=i.Renderer,l=i.generateId,d=i.scoped,c=t({classes:this.classes,parent:s,sheet:u,jss:a,Renderer:h,generateId:l,scoped:d},r);this.raw[e]=n,e in this.classes&&(c.selector="."+g(this.classes[e]));var f=o(e,n,c);if(!f)return null;this.register(f);var p=void 0===c.index?this.index.length:c.index;return this.index.splice(p,0,f),f},n.get=function(e){return this.map[e]},n.remove=function(e){this.unregister(e),delete this.raw[e.key],this.index.splice(this.indexOf(e),1)},n.indexOf=function(e){return this.index.indexOf(e)},n.process=function(){var e=this.options.jss.plugins;this.index.slice(0).forEach(e.onProcessRule,e)},n.register=function(e){this.map[e.key]=e,e instanceof R?(this.map[e.selector]=e,e.id&&(this.classes[e.key]=e.id)):e instanceof A&&this.keyframes&&(this.keyframes[e.name]=e.id)},n.unregister=function(e){delete this.map[e.key],e instanceof R?(delete this.map[e.selector],delete this.classes[e.key]):e instanceof A&&delete this.keyframes[e.name]},n.update=function(){var e,t,n;if("string"==typeof(arguments.length<=0?void 0:arguments[0])?(e=arguments.length<=0?void 0:arguments[0],t=arguments.length<=1?void 0:arguments[1],n=arguments.length<=2?void 0:arguments[2]):(t=arguments.length<=0?void 0:arguments[0],n=arguments.length<=1?void 0:arguments[1],e=null),e)this.onUpdate(t,this.get(e),n);else for(var r=0;r<this.index.length;r++)this.onUpdate(t,this.index[r],n)},n.onUpdate=function(t,n,r){void 0===r&&(r=z);var i=this.options,s=i.jss.plugins,o=i.sheet;if(n.rules instanceof e)n.rules.update(t,r);else{var u=n,a=u.style;if(s.onUpdate(t,n,o,r),r.process&&a&&a!==u.style){for(var h in s.onProcessStyle(u.style,u,o),u.style){var l=u.style[h];l!==a[h]&&u.prop(h,l,D)}for(var d in a){var c=u.style[d],f=a[d];null==c&&c!==f&&u.prop(d,null,D)}}}},n.toString=function(e){for(var t="",n=this.options.sheet,r=!!n&&n.options.link,i=0;i<this.index.length;i++){var s=this.index[i].toString(e);(s||r)&&(t&&(t+="\n"),t+=s)}return t},e}(),W=function(){function e(e,n){for(var r in this.options=void 0,this.deployed=void 0,this.attached=void 0,this.rules=void 0,this.renderer=void 0,this.classes=void 0,this.keyframes=void 0,this.queue=void 0,this.attached=!1,this.deployed=!1,this.classes={},this.keyframes={},this.options=t({},n,{sheet:this,parent:this,classes:this.classes,keyframes:this.keyframes}),n.Renderer&&(this.renderer=new n.Renderer(this)),this.rules=new L(this.options),e)this.rules.add(r,e[r]);this.rules.process()}var n=e.prototype;return n.attach=function(){return this.attached?this:(this.renderer&&this.renderer.attach(),this.attached=!0,this.deployed||this.deploy(),this)},n.detach=function(){return this.attached?(this.renderer&&this.renderer.detach(),this.attached=!1,this):this},n.addRule=function(e,t,n){var r=this.queue;this.attached&&!r&&(this.queue=[]);var i=this.rules.add(e,t,n);return i?(this.options.jss.plugins.onProcessRule(i),this.attached?this.deployed?(r?r.push(i):(this.insertRule(i),this.queue&&(this.queue.forEach(this.insertRule,this),this.queue=void 0)),i):i:(this.deployed=!1,i)):null},n.insertRule=function(e){this.renderer&&this.renderer.insertRule(e)},n.addRules=function(e,t){var n=[];for(var r in e){var i=this.addRule(r,e[r],t);i&&n.push(i)}return n},n.getRule=function(e){return this.rules.get(e)},n.deleteRule=function(e){var t=this.rules.get(e);return!!t&&(this.rules.remove(t),!(this.attached&&t.renderable&&this.renderer)||this.renderer.deleteRule(t.renderable))},n.indexOf=function(e){return this.rules.indexOf(e)},n.deploy=function(){return this.renderer&&this.renderer.deploy(),this.deployed=!0,this},n.update=function(){var e;return(e=this.rules).update.apply(e,arguments),this},n.toString=function(e){return this.rules.toString(e)},e}(),F=function(){function e(){this.plugins={internal:[],external:[]},this.registry=void 0}var t=e.prototype;return t.onCreateRule=function(e,t,n){for(var r=0;r<this.registry.onCreateRule.length;r++){var i=this.registry.onCreateRule[r](e,t,n);if(i)return i}return null},t.onProcessRule=function(e){if(!e.isProcessed){for(var t=e.options.sheet,n=0;n<this.registry.onProcessRule.length;n++)this.registry.onProcessRule[n](e,t);e.style&&this.onProcessStyle(e.style,e,t),e.isProcessed=!0}},t.onProcessStyle=function(e,t,n){for(var r=0;r<this.registry.onProcessStyle.length;r++)t.style=this.registry.onProcessStyle[r](t.style,t,n)},t.onProcessSheet=function(e){for(var t=0;t<this.registry.onProcessSheet.length;t++)this.registry.onProcessSheet[t](e)},t.onUpdate=function(e,t,n,r){for(var i=0;i<this.registry.onUpdate.length;i++)this.registry.onUpdate[i](e,t,n,r)},t.onChangeValue=function(e,t,n){for(var r=e,i=0;i<this.registry.onChangeValue.length;i++)r=this.registry.onChangeValue[i](r,t,n);return r},t.use=function(e,t){void 0===t&&(t={queue:"external"});var n=this.plugins[t.queue];-1===n.indexOf(e)&&(n.push(e),this.registry=[].concat(this.plugins.external,this.plugins.internal).reduce(function(e,t){for(var n in t)n in e&&e[n].push(t[n]);return e},{onCreateRule:[],onProcessRule:[],onProcessStyle:[],onProcessSheet:[],onChangeValue:[],onUpdate:[]}))},e}(),H=function(){function e(){this.registry=[]}var t=e.prototype;return t.add=function(e){var t=this.registry,n=e.options.index;if(-1===t.indexOf(e))if(0===t.length||n>=this.index)t.push(e);else for(var r=0;r<t.length;r++)if(t[r].options.index>n)return void t.splice(r,0,e)},t.reset=function(){this.registry=[]},t.remove=function(e){var t=this.registry.indexOf(e);this.registry.splice(t,1)},t.toString=function(e){return this.registry.filter(function(e){return e.attached}).map(function(t){return t.toString(e)}).join("\n")},a(e,[{key:"index",get:function(){return 0===this.registry.length?0:this.registry[this.registry.length-1].options.index}}]),e}(),K=new H,Q="undefined"!=typeof global?global:"undefined"!=typeof self?self:"undefined"!=typeof window?window:{},X="2f1acc6c3a606b082e5eef5e54414ffb";null==Q[X]&&(Q[X]=0);var Y=Q[X]++,Z=function(e){void 0===e&&(e={});var t=0,n=e.minify?"c":"";return function(r,i){t+=1;var s=n,o="";return i&&(s=i.options.classNamePrefix||n,null!=i.options.jss.id&&(o+=i.options.jss.id)),e.minify?""+s+Y+o+t:s+r.key+"-"+Y+(o&&"-"+o)+"-"+t}},ee=function(e){var t;return function(){return t||(t=e()),t}};function te(e,t){try{return e.attributeStyleMap?e.attributeStyleMap.get(t):e.style.getPropertyValue(t)}catch(e){return""}}function ne(e,t,n){try{var r=n;if(Array.isArray(n)&&(r=c(n,!0),"!important"===n[n.length-1]))return e.style.setProperty(t,r,"important"),!0;e.attributeStyleMap?e.attributeStyleMap.set(t,r):e.style.setProperty(t,r)}catch(e){return!1}return!0}function re(e,t){try{e.attributeStyleMap?e.attributeStyleMap.delete(t):e.style.removeProperty(t)}catch(e){}}function ie(e,t){return e.selectorText=t,e.selectorText===t}var se=ee(function(){return document.querySelector("head")});function oe(e){var t=K.registry;if(t.length>0){var n=function(e,t){for(var n=0;n<e.length;n++){var r=e[n];if(r.attached&&r.options.index>t.index&&r.options.insertionPoint===t.insertionPoint)return r}return null}(t,e);if(n&&n.renderer)return{parent:n.renderer.element.parentNode,node:n.renderer.element};if((n=function(e,t){for(var n=e.length-1;n>=0;n--){var r=e[n];if(r.attached&&r.options.insertionPoint===t.insertionPoint)return r}return null}(t,e))&&n.renderer)return{parent:n.renderer.element.parentNode,node:n.renderer.element.nextSibling}}var r=e.insertionPoint;if(r&&"string"==typeof r){var i=function(e){for(var t=se(),n=0;n<t.childNodes.length;n++){var r=t.childNodes[n];if(8===r.nodeType&&r.nodeValue.trim()===e)return r}return null}(r);if(i)return{parent:i.parentNode,node:i.nextSibling}}return!1}var ue=ee(function(){var e=document.querySelector('meta[property="csp-nonce"]');return e?e.getAttribute("content"):null}),ae=function(e,t,n){void 0===n&&(n=e.cssRules.length);try{if("insertRule"in e)e.insertRule(t,n);else if("appendRule"in e){e.appendRule(t)}}catch(e){return!1}return e.cssRules[n]},he=function(){var e=document.createElement("style");return e.textContent="\n",e},le=function(){function e(e){this.getPropertyValue=te,this.setProperty=ne,this.removeProperty=re,this.setSelector=ie,this.element=void 0,this.sheet=void 0,this.hasInsertedRules=!1,e&&K.add(e),this.sheet=e;var t=this.sheet?this.sheet.options:{},n=t.media,r=t.meta,i=t.element;this.element=i||he(),this.element.setAttribute("data-jss",""),n&&this.element.setAttribute("media",n),r&&this.element.setAttribute("data-meta",r);var s=ue();s&&this.element.setAttribute("nonce",s)}var t=e.prototype;return t.attach=function(){!this.element.parentNode&&this.sheet&&(!function(e,t){var n=t.insertionPoint,r=oe(t);if(!1!==r&&r.parent)r.parent.insertBefore(e,r.node);else if(n&&"number"==typeof n.nodeType){var i=n,s=i.parentNode;s&&s.insertBefore(e,i.nextSibling)}else se().appendChild(e)}(this.element,this.sheet.options),this.hasInsertedRules&&(this.hasInsertedRules=!1,this.deploy()))},t.detach=function(){this.element.parentNode.removeChild(this.element)},t.deploy=function(){var e=this.sheet;e&&(e.options.link?this.insertRules(e.rules):this.element.textContent="\n"+e.toString()+"\n")},t.insertRules=function(e,t){for(var n=0;n<e.index.length;n++)this.insertRule(e.index[n],n,t)},t.insertRule=function(e,t,n){if(void 0===n&&(n=this.element.sheet),e.rules){var r=e,i=n;return("conditional"!==e.type&&"keyframes"!==e.type||!1!==(i=ae(n,r.toString({children:!1}),t)))&&(this.insertRules(r.rules,i),i)}var s=e.toString();if(!s)return!1;var o=ae(n,s,t);return!1!==o&&(this.hasInsertedRules=!0,e.renderable=o,o)},t.deleteRule=function(e){var t=this.element.sheet,n=this.indexOf(e);return-1!==n&&(t.deleteRule(n),!0)},t.indexOf=function(e){for(var t=this.element.sheet.cssRules,n=0;n<t.length;n++)if(e===t[n])return n;return-1},t.replaceRule=function(e,t){var n=this.indexOf(e);return-1!==n&&(this.element.sheet.deleteRule(n),this.insertRule(t,n))},t.getRules=function(){return this.element.sheet.cssRules},e}(),de=0,ce=function(){function e(e){this.id=de++,this.version="10.0.0-alpha.17",this.plugins=new F,this.options={id:{minify:!1},createGenerateId:Z,Renderer:r?le:null,plugins:[]},this.generateId=Z({minify:!1});for(var t=0;t<J.length;t++)this.plugins.use(J[t],{queue:"internal"});this.setup(e)}var n=e.prototype;return n.setup=function(e){return void 0===e&&(e={}),e.createGenerateId&&(this.options.createGenerateId=e.createGenerateId),e.id&&(this.options.id=t({},this.options.id,e.id)),(e.createGenerateId||e.id)&&(this.generateId=this.options.createGenerateId(this.options.id)),null!=e.insertionPoint&&(this.options.insertionPoint=e.insertionPoint),"Renderer"in e&&(this.options.Renderer=e.Renderer),e.plugins&&this.use.apply(this,e.plugins),this},n.createStyleSheet=function(e,n){void 0===n&&(n={});var r=n.index;"number"!=typeof r&&(r=0===K.index?0:K.index+1);var i=new W(e,t({},n,{jss:this,generateId:n.generateId||this.generateId,insertionPoint:this.options.insertionPoint,Renderer:this.options.Renderer,index:r}));return this.plugins.onProcessSheet(i),i},n.removeStyleSheet=function(e){return e.detach(),K.remove(e),this},n.createRule=function(e,n,r){if(void 0===n&&(n={}),void 0===r&&(r={}),"object"==typeof e)return this.createRule(void 0,e,n);var i=t({},r,{jss:this,Renderer:this.options.Renderer});i.generateId||(i.generateId=this.generateId),i.classes||(i.classes={}),i.keyframes||(i.keyframes={});var s=o(e,n,i);return s&&this.plugins.onProcessRule(s),s},n.use=function(){for(var e=this,t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];return n.forEach(function(t){e.plugins.use(t)}),this},e}();var fe=function(){function e(){this.length=0,this.sheets=new WeakMap}var t=e.prototype;return t.get=function(e){var t=this.sheets.get(e);return t&&t.sheet},t.add=function(e,t){this.sheets.has(e)||(this.length++,this.sheets.set(e,{sheet:t,refs:0}))},t.manage=function(e){var t=this.sheets.get(e);if(t)return 0===t.refs&&t.sheet.attach(),t.refs++,t.sheet},t.unmanage=function(e){var t=this.sheets.get(e);t&&t.refs>0&&(t.refs--,0===t.refs&&t.sheet.detach())},a(e,[{key:"size",get:function(){return this.length}}]),e}(),pe="undefined"!=typeof CSS&&CSS&&"number"in CSS,ye=function(e){return new ce(e)},ve=ye();e.hasCSSTOMSupport=pe,e.create=ye,e.default=ve,e.getDynamicStyles=function e(t){var n=null;for(var r in t){var i=t[r],s=typeof i;if("function"===s)n||(n={}),n[r]=i;else if("object"===s&&null!==i&&!Array.isArray(i)){var o=e(i);o&&(n||(n={}),n[r]=o)}}return n},e.toCssValue=c,e.createRule=o,e.SheetsRegistry=H,e.SheetsManager=fe,e.RuleList=L,e.sheets=K,e.createGenerateId=Z,Object.defineProperty(e,"__esModule",{value:!0})});

package.json

 {
   "name": "jss",
   "description": "A lib for generating Style Sheets with JavaScript.",
-  "version": "10.0.0-alpha.16",
+  "version": "10.0.0-alpha.17",
   "license": "MIT",
@@ -47,3 +47,3 @@ "homepage": "https://cssinjs.org/",
   },
-  "gitHead": "9984cccd0aad34010aa1c05ed35b2deed0353706"
+  "gitHead": "dae1bf2b42e46270f3625b5d1dabaccea2aeda17"
 }

readme.md

@@ -12,3 +12,3 @@ # jss
 
-See our website [jss](https://cssinjs.org/setup?v=v10.0.0-alpha.16) for more information.
+See our website [jss](https://cssinjs.org/setup?v=v10.0.0-alpha.17) for more information.
 
@@ -15,0 +15,0 @@ ## Install

src/index.d.ts

@@ -6,2 +6,8 @@ export type Style = {[key: string]: Style | any}
 
+export interface CreateGenerateIdOptions {
+  minify?: boolean
+}
+
+export type CreateGenerateId = (options?: CreateGenerateIdOptions) => GenerateId
+
 export type GenerateId = (rule: Rule, sheet?: StyleSheet<string>) => string
@@ -16,4 +22,2 @@
 
-export type CreateGenerateId = () => GenerateId
-
 export type InsertionPoint = string | HTMLElement
@@ -220,2 +224,3 @@
 }
+
 /**
@@ -227,3 +232,3 @@ * Creates a new instance of JSS.
 export function create(options?: Partial<JssOptions>): Jss
-export function createGenerateId(): GenerateId
+export const createGenerateId: CreateGenerateId
 export function createRule(name: string, decl: Style, options: RuleOptions): Rule
@@ -230,0 +235,0 @@ export function toCssValue(value: JssValue, ignoreImportant: boolean): string

src/index.js

@@ -30,3 +30,2 @@ /* @flow */
   Plugin,
-  GenerateId,
   RuleListOptions,
@@ -41,2 +40,3 @@ Rule,
 } from './types'
+export type {GenerateId, CreateGenerateId, CreateGenerateIdOptions} from './utils/createGenerateId'
 
@@ -43,0 +43,0 @@ export type {

src/Jss.js

@@ -18,5 +18,5 @@ /* @flow */
   InternalJssOptions,
-  JssStyle,
-  GenerateId
+  JssStyle
 } from './types'
+import type {GenerateId} from './utils/createGenerateId'
 
@@ -33,2 +33,3 @@ let instanceCounter = 0
   options: InternalJssOptions = {
+    id: {minify: false},
     createGenerateId: createGenerateIdDefault,
@@ -39,3 +40,3 @@ Renderer: isInBrowser ? DomRenderer : null,
 
-  generateId: GenerateId = createGenerateIdDefault()
+  generateId: GenerateId = createGenerateIdDefault({minify: false})
 
@@ -55,8 +56,17 @@ constructor(options?: JssOptions) {
   setup(options?: JssOptions = {}): this {
-    const {createGenerateId} = options
-    if (createGenerateId) {
-      this.options.createGenerateId = createGenerateId
-      this.generateId = createGenerateId()
+    if (options.createGenerateId) {
+      this.options.createGenerateId = options.createGenerateId
     }
 
+    if (options.id) {
+      this.options.id = {
+        ...this.options.id,
+        ...options.id
+      }
+    }
+
+    if (options.createGenerateId || options.id) {
+      this.generateId = this.options.createGenerateId(this.options.id)
+    }
+
     if (options.insertionPoint != null) this.options.insertionPoint = options.insertionPoint
@@ -63,0 +73,0 @@ if ('Renderer' in options) {

src/plugins/keyframesRule.js

@@ -13,2 +13,3 @@ /* @flow */
 } from '../types'
+import escape from '../utils/escape'
 
@@ -55,3 +56,3 @@ const defaultToStringOptions = {
     const {scoped, sheet, generateId} = options
-    this.id = scoped === false ? this.name : generateId(this, sheet)
+    this.id = scoped === false ? this.name : escape(generateId(this, sheet))
     this.rules = new RuleList({...options, parent: this})
@@ -58,0 +59,0 @@

src/PluginsRegistry.js

@@ -62,3 +62,2 @@ /* @flow */
 
-    // $FlowFixMe
     if (rule.style) this.onProcessStyle(rule.style, rule, sheet)
@@ -65,0 +64,0 @@

src/types/jss.js

@@ -13,2 +13,3 @@ /* @flow */
 import type RuleList from '../RuleList'
+import type {CreateGenerateId, CreateGenerateIdOptions, GenerateId} from '../utils/createGenerateId'
 
@@ -59,4 +60,2 @@ export type {RuleList, StyleSheet}
 
-export type GenerateId = (rule: Rule, sheet?: StyleSheet) => string
-
 // TODO
@@ -156,6 +155,5 @@ // Find a way to declare all types: Object|string|Array<Object>
 
-type CreateGenerateId = () => GenerateId
-
 export type JssOptions = {
   createGenerateId?: CreateGenerateId,
+  id?: CreateGenerateIdOptions,
   plugins?: Array<Plugin>,
@@ -169,2 +167,3 @@ insertionPoint?: InsertionPoint,
   plugins: Array<Plugin>,
+  id: CreateGenerateIdOptions,
   insertionPoint?: InsertionPoint,
@@ -171,0 +170,0 @@ Renderer?: Class<Renderer> | null

src/utils/createGenerateId.js

 /* @flow */
 import warning from 'tiny-warning'
-import type {Rule, GenerateId} from '../types'
+import type {Rule} from '../types'
 import StyleSheet from '../StyleSheet'
@@ -9,2 +9,9 @@ import moduleId from './moduleId'
 
+export type CreateGenerateIdOptions = {|
+  minify: boolean
+|}
+export type GenerateId = (rule: Rule, sheet?: StyleSheet) => string
+
+export type CreateGenerateId = (options: CreateGenerateIdOptions) => GenerateId
+
 /**
@@ -15,6 +22,5 @@ * Returns a function which generates unique class names based on counters.
  */
-export default (): GenerateId => {
+const createGenerateId: CreateGenerateId = (options = {}) => {
   let ruleCounter = 0
-  const env = process.env.NODE_ENV
-  const defaultPrefix = env === 'production' ? 'c' : ''
+  const defaultPrefix = options.minify ? 'c' : ''
 
@@ -36,3 +42,3 @@ return (rule: Rule, sheet?: StyleSheet): string => {
 
-    if (env === 'production') {
+    if (options.minify) {
       return `${prefix}${moduleId}${jssId}${ruleCounter}`
@@ -44,1 +50,3 @@ }
 }
+
+export default createGenerateId

src/utils/escape.js

 const escapeRegex = /([[\].#*$><+~=|^:(),"'`\s])/g
+const nativeEscape = typeof CSS !== 'undefined' && CSS.escape
 
-export default str => {
-  // We don't need to escape it in production, because we are not using user's
-  // input for selectors, we are generating a valid selector.
-  if (process.env.NODE_ENV === 'production') return str
-
-  const nativeEscape = typeof CSS !== 'undefined' && CSS.escape
-
-  return nativeEscape ? nativeEscape(str) : str.replace(escapeRegex, '\\$1')
-}
+export default str => (nativeEscape ? nativeEscape(str) : str.replace(escapeRegex, '\\$1'))

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

430696

increased by0.55%

Lines of code

9710

increased by0.58%

Number of low supply chain risk alerts

21

decreased by-19.23%

No dependency changes