scu-web-components 0.0.36 → 0.0.38

package/dist/tokens/source/htmlStubs/components-scw-input-text-base-default.json

@@ -4,7 +4,7 @@
     "example": ""
   },
   "scss": {
-    "output": "@use \"comp-scw-input-text-base/default-mixins\" as default-mixins;\n@use \"comp-scw-input-text-base/default-text-mixins\" as default-text-mixins;\n\n.default {\n  @include default-mixins.box;\n\n  .text {\n    @include default-text-mixins.text;\n    @include default-text-mixins.absolute-layout;\n  }\n}",
+    "output": "@use \"comp-scw-input-text-base/default-mixins\" as default-mixins;\n@use \"comp-scw-input-text-base/default-text-mixins\" as default-text-mixins;\n\n.default {\n  @include default-mixins.box;\n  @include default-mixins.figma-autolayout;\n\n  .text {\n    @include default-text-mixins.text;\n  }\n}",
     "example": ""
   }
 }

package/dist/tokens/source/htmlStubs/components-scw-input-text-base-disabled.json

@@ -4,7 +4,7 @@
     "example": ""
   },
   "scss": {
-    "output": "@use \"comp-scw-input-text-base/disabled-mixins\" as disabled-mixins;\n@use \"comp-scw-input-text-base/disabled-text-mixins\" as disabled-text-mixins;\n\n.disabled {\n  @include disabled-mixins.box;\n\n  .text {\n    @include disabled-text-mixins.text;\n    @include disabled-text-mixins.absolute-layout;\n  }\n}",
+    "output": "@use \"comp-scw-input-text-base/disabled-mixins\" as disabled-mixins;\n@use \"comp-scw-input-text-base/disabled-text-mixins\" as disabled-text-mixins;\n\n.disabled {\n  @include disabled-mixins.box;\n  @include disabled-mixins.figma-autolayout;\n\n  .text {\n    @include disabled-text-mixins.text;\n  }\n}",
     "example": ""
   }
 }

package/dist/tokens/source/htmlStubs/components-scw-input-text-base-placeholder.json

@@ -4,7 +4,7 @@
     "example": ""
   },
   "scss": {
-    "output": "@use \"comp-scw-input-text-base/placeholder-mixins\" as placeholder-mixins;\n@use \"comp-scw-input-text-base/placeholder-text-mixins\" as placeholder-text-mixins;\n\n.placeholder {\n  @include placeholder-mixins.box;\n\n  .text {\n    @include placeholder-text-mixins.text;\n    @include placeholder-text-mixins.absolute-layout;\n  }\n}",
+    "output": "@use \"comp-scw-input-text-base/placeholder-mixins\" as placeholder-mixins;\n@use \"comp-scw-input-text-base/placeholder-text-mixins\" as placeholder-text-mixins;\n\n.placeholder {\n  @include placeholder-mixins.box;\n  @include placeholder-mixins.figma-autolayout;\n\n  .text {\n    @include placeholder-text-mixins.text;\n  }\n}",
     "example": ""
   }
 }

package/dist/tokens/source/htmlStubs/components-scw-input-text-base.json

@@ -4,7 +4,7 @@
     "example": ""
   },
   "scss": {
-    "output": "@use \"comp-scw-input-text-base/index-mixins\" as index-mixins;\n@use \"comp-scw-input-text-base/default-mixins\" as default-mixins;\n@use \"comp-scw-input-text-base/default-text-mixins\" as default-text-mixins;\n@use \"comp-scw-input-text-base/disabled-mixins\" as disabled-mixins;\n@use \"comp-scw-input-text-base/disabled-text-mixins\" as disabled-text-mixins;\n@use \"comp-scw-input-text-base/placeholder-mixins\" as placeholder-mixins;\n@use \"comp-scw-input-text-base/placeholder-text-mixins\" as placeholder-text-mixins;\n\n.scw-input-text-base {\n  @include index-mixins.box;\n  @include index-mixins.figma-autolayout;\n\n  .default {\n    @include default-mixins.box;\n\n    .text {\n      @include default-text-mixins.text;\n      @include default-text-mixins.absolute-layout;\n    }\n  }\n\n  .disabled {\n    @include disabled-mixins.box;\n\n    .text {\n      @include disabled-text-mixins.text;\n      @include disabled-text-mixins.absolute-layout;\n    }\n  }\n\n  .placeholder {\n    @include placeholder-mixins.box;\n\n    .text {\n      @include placeholder-text-mixins.text;\n      @include placeholder-text-mixins.absolute-layout;\n    }\n  }\n}",
+    "output": "@use \"comp-scw-input-text-base/index-mixins\" as index-mixins;\n@use \"comp-scw-input-text-base/default-mixins\" as default-mixins;\n@use \"comp-scw-input-text-base/default-text-mixins\" as default-text-mixins;\n@use \"comp-scw-input-text-base/disabled-mixins\" as disabled-mixins;\n@use \"comp-scw-input-text-base/disabled-text-mixins\" as disabled-text-mixins;\n@use \"comp-scw-input-text-base/placeholder-mixins\" as placeholder-mixins;\n@use \"comp-scw-input-text-base/placeholder-text-mixins\" as placeholder-text-mixins;\n\n.scw-input-text-base {\n  @include index-mixins.box;\n  @include index-mixins.figma-autolayout;\n\n  .default {\n    @include default-mixins.box;\n    @include default-mixins.figma-autolayout;\n\n    .text {\n      @include default-text-mixins.text;\n    }\n  }\n\n  .disabled {\n    @include disabled-mixins.box;\n    @include disabled-mixins.figma-autolayout;\n\n    .text {\n      @include disabled-text-mixins.text;\n    }\n  }\n\n  .placeholder {\n    @include placeholder-mixins.box;\n    @include placeholder-mixins.figma-autolayout;\n\n    .text {\n      @include placeholder-text-mixins.text;\n    }\n  }\n}",
     "example": ""
   }
 }

package/dist/tokens/source/htmlStubs/components-scw-input-text-container-default-scw-input-text.json

@@ -4,7 +4,7 @@
     "example": ""
   },
   "scss": {
-    "output": "@use \"comp-scw-input-text-container/default-scw-input-text-mixins\" as default-scw-input-text-mixins;\n@use \"comp-scw-input-text-container/default-scw-input-text-text-mixins\" as default-scw-input-text-text-mixins;\n\n.scw-input-text {\n  @include default-scw-input-text-mixins.box;\n\n  .text {\n    @include default-scw-input-text-text-mixins.text;\n    @include default-scw-input-text-text-mixins.absolute-layout;\n  }\n}",
+    "output": "@use \"comp-scw-input-text-container/default-scw-input-text-mixins\" as default-scw-input-text-mixins;\n@use \"comp-scw-input-text-container/default-scw-input-text-text-mixins\" as default-scw-input-text-text-mixins;\n\n.scw-input-text {\n  @include default-scw-input-text-mixins.box;\n  @include default-scw-input-text-mixins.figma-autolayout;\n\n  .text {\n    @include default-scw-input-text-text-mixins.text;\n  }\n}",
     "example": ""
   }
 }

package/dist/tokens/source/htmlStubs/components-scw-input-text-container-default.json

@@ -4,7 +4,7 @@
     "example": ""
   },
   "scss": {
-    "output": "@use \"comp-scw-input-text-container/default-mixins\" as default-mixins;\n@use \"comp-scw-input-text-container/default-scw-input-text-mixins\" as default-scw-input-text-mixins;\n@use \"comp-scw-input-text-container/default-scw-input-text-text-mixins\" as default-scw-input-text-text-mixins;\n\n.default {\n  @include default-mixins.box;\n  @include default-mixins.figma-autolayout;\n\n  .scw-input-text {\n    @include default-scw-input-text-mixins.box;\n\n    .text {\n      @include default-scw-input-text-text-mixins.text;\n      @include default-scw-input-text-text-mixins.absolute-layout;\n    }\n  }\n}",
+    "output": "@use \"comp-scw-input-text-container/default-mixins\" as default-mixins;\n@use \"comp-scw-input-text-container/default-scw-input-text-mixins\" as default-scw-input-text-mixins;\n@use \"comp-scw-input-text-container/default-scw-input-text-text-mixins\" as default-scw-input-text-text-mixins;\n\n.default {\n  @include default-mixins.box;\n  @include default-mixins.figma-autolayout;\n\n  .scw-input-text {\n    @include default-scw-input-text-mixins.box;\n    @include default-scw-input-text-mixins.figma-autolayout;\n\n    .text {\n      @include default-scw-input-text-text-mixins.text;\n    }\n  }\n}",
     "example": ""
   }
 }

package/dist/tokens/source/htmlStubs/components-scw-input-text-container.json

@@ -4,7 +4,7 @@
     "example": ""
   },
   "scss": {
-    "output": "@use \"comp-scw-input-text-container/index-mixins\" as index-mixins;\n@use \"comp-scw-input-text-container/default-mixins\" as default-mixins;\n@use \"comp-scw-input-text-container/default-scw-input-text-mixins\" as default-scw-input-text-mixins;\n@use \"comp-scw-input-text-container/default-scw-input-text-text-mixins\" as default-scw-input-text-text-mixins;\n\n.scw-input-text-container {\n  @include index-mixins.box;\n  @include index-mixins.figma-autolayout;\n\n  .default {\n    @include default-mixins.box;\n    @include default-mixins.figma-autolayout;\n\n    .scw-input-text {\n      @include default-scw-input-text-mixins.box;\n\n      .text {\n        @include default-scw-input-text-text-mixins.text;\n        @include default-scw-input-text-text-mixins.absolute-layout;\n      }\n    }\n  }\n}",
+    "output": "@use \"comp-scw-input-text-container/index-mixins\" as index-mixins;\n@use \"comp-scw-input-text-container/default-mixins\" as default-mixins;\n@use \"comp-scw-input-text-container/default-scw-input-text-mixins\" as default-scw-input-text-mixins;\n@use \"comp-scw-input-text-container/default-scw-input-text-text-mixins\" as default-scw-input-text-text-mixins;\n\n.scw-input-text-container {\n  @include index-mixins.box;\n  @include index-mixins.figma-autolayout;\n\n  .default {\n    @include default-mixins.box;\n    @include default-mixins.figma-autolayout;\n\n    .scw-input-text {\n      @include default-scw-input-text-mixins.box;\n      @include default-scw-input-text-mixins.figma-autolayout;\n\n      .text {\n        @include default-scw-input-text-text-mixins.text;\n      }\n    }\n  }\n}",
     "example": ""
   }
 }

package/dist/tokens/source/htmlStubs.json

@@ -7275,7 +7275,7 @@
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-input-text-base/index-mixins\" as index-mixins;\n@use \"comp-scw-input-text-base/default-mixins\" as default-mixins;\n@use \"comp-scw-input-text-base/default-text-mixins\" as default-text-mixins;\n@use \"comp-scw-input-text-base/disabled-mixins\" as disabled-mixins;\n@use \"comp-scw-input-text-base/disabled-text-mixins\" as disabled-text-mixins;\n@use \"comp-scw-input-text-base/placeholder-mixins\" as placeholder-mixins;\n@use \"comp-scw-input-text-base/placeholder-text-mixins\" as placeholder-text-mixins;\n\n.scw-input-text-base {\n  @include index-mixins.box;\n  @include index-mixins.figma-autolayout;\n\n  .default {\n    @include default-mixins.box;\n\n    .text {\n      @include default-text-mixins.text;\n      @include default-text-mixins.absolute-layout;\n    }\n  }\n\n  .disabled {\n    @include disabled-mixins.box;\n\n    .text {\n      @include disabled-text-mixins.text;\n      @include disabled-text-mixins.absolute-layout;\n    }\n  }\n\n  .placeholder {\n    @include placeholder-mixins.box;\n\n    .text {\n      @include placeholder-text-mixins.text;\n      @include placeholder-text-mixins.absolute-layout;\n    }\n  }\n}",
+      "output": "@use \"comp-scw-input-text-base/index-mixins\" as index-mixins;\n@use \"comp-scw-input-text-base/default-mixins\" as default-mixins;\n@use \"comp-scw-input-text-base/default-text-mixins\" as default-text-mixins;\n@use \"comp-scw-input-text-base/disabled-mixins\" as disabled-mixins;\n@use \"comp-scw-input-text-base/disabled-text-mixins\" as disabled-text-mixins;\n@use \"comp-scw-input-text-base/placeholder-mixins\" as placeholder-mixins;\n@use \"comp-scw-input-text-base/placeholder-text-mixins\" as placeholder-text-mixins;\n\n.scw-input-text-base {\n  @include index-mixins.box;\n  @include index-mixins.figma-autolayout;\n\n  .default {\n    @include default-mixins.box;\n    @include default-mixins.figma-autolayout;\n\n    .text {\n      @include default-text-mixins.text;\n    }\n  }\n\n  .disabled {\n    @include disabled-mixins.box;\n    @include disabled-mixins.figma-autolayout;\n\n    .text {\n      @include disabled-text-mixins.text;\n    }\n  }\n\n  .placeholder {\n    @include placeholder-mixins.box;\n    @include placeholder-mixins.figma-autolayout;\n\n    .text {\n      @include placeholder-text-mixins.text;\n    }\n  }\n}",
       "example": ""
     }
   },
@@ -7285,7 +7285,7 @@
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-input-text-base/default-mixins\" as default-mixins;\n@use \"comp-scw-input-text-base/default-text-mixins\" as default-text-mixins;\n\n.default {\n  @include default-mixins.box;\n\n  .text {\n    @include default-text-mixins.text;\n    @include default-text-mixins.absolute-layout;\n  }\n}",
+      "output": "@use \"comp-scw-input-text-base/default-mixins\" as default-mixins;\n@use \"comp-scw-input-text-base/default-text-mixins\" as default-text-mixins;\n\n.default {\n  @include default-mixins.box;\n  @include default-mixins.figma-autolayout;\n\n  .text {\n    @include default-text-mixins.text;\n  }\n}",
       "example": ""
     }
   },
@@ -7305,7 +7305,7 @@
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-input-text-base/disabled-mixins\" as disabled-mixins;\n@use \"comp-scw-input-text-base/disabled-text-mixins\" as disabled-text-mixins;\n\n.disabled {\n  @include disabled-mixins.box;\n\n  .text {\n    @include disabled-text-mixins.text;\n    @include disabled-text-mixins.absolute-layout;\n  }\n}",
+      "output": "@use \"comp-scw-input-text-base/disabled-mixins\" as disabled-mixins;\n@use \"comp-scw-input-text-base/disabled-text-mixins\" as disabled-text-mixins;\n\n.disabled {\n  @include disabled-mixins.box;\n  @include disabled-mixins.figma-autolayout;\n\n  .text {\n    @include disabled-text-mixins.text;\n  }\n}",
       "example": ""
     }
   },
@@ -7325,7 +7325,7 @@
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-input-text-base/placeholder-mixins\" as placeholder-mixins;\n@use \"comp-scw-input-text-base/placeholder-text-mixins\" as placeholder-text-mixins;\n\n.placeholder {\n  @include placeholder-mixins.box;\n\n  .text {\n    @include placeholder-text-mixins.text;\n    @include placeholder-text-mixins.absolute-layout;\n  }\n}",
+      "output": "@use \"comp-scw-input-text-base/placeholder-mixins\" as placeholder-mixins;\n@use \"comp-scw-input-text-base/placeholder-text-mixins\" as placeholder-text-mixins;\n\n.placeholder {\n  @include placeholder-mixins.box;\n  @include placeholder-mixins.figma-autolayout;\n\n  .text {\n    @include placeholder-text-mixins.text;\n  }\n}",
       "example": ""
     }
   },
@@ -7345,7 +7345,7 @@
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-input-text-container/index-mixins\" as index-mixins;\n@use \"comp-scw-input-text-container/default-mixins\" as default-mixins;\n@use \"comp-scw-input-text-container/default-scw-input-text-mixins\" as default-scw-input-text-mixins;\n@use \"comp-scw-input-text-container/default-scw-input-text-text-mixins\" as default-scw-input-text-text-mixins;\n\n.scw-input-text-container {\n  @include index-mixins.box;\n  @include index-mixins.figma-autolayout;\n\n  .default {\n    @include default-mixins.box;\n    @include default-mixins.figma-autolayout;\n\n    .scw-input-text {\n      @include default-scw-input-text-mixins.box;\n\n      .text {\n        @include default-scw-input-text-text-mixins.text;\n        @include default-scw-input-text-text-mixins.absolute-layout;\n      }\n    }\n  }\n}",
+      "output": "@use \"comp-scw-input-text-container/index-mixins\" as index-mixins;\n@use \"comp-scw-input-text-container/default-mixins\" as default-mixins;\n@use \"comp-scw-input-text-container/default-scw-input-text-mixins\" as default-scw-input-text-mixins;\n@use \"comp-scw-input-text-container/default-scw-input-text-text-mixins\" as default-scw-input-text-text-mixins;\n\n.scw-input-text-container {\n  @include index-mixins.box;\n  @include index-mixins.figma-autolayout;\n\n  .default {\n    @include default-mixins.box;\n    @include default-mixins.figma-autolayout;\n\n    .scw-input-text {\n      @include default-scw-input-text-mixins.box;\n      @include default-scw-input-text-mixins.figma-autolayout;\n\n      .text {\n        @include default-scw-input-text-text-mixins.text;\n      }\n    }\n  }\n}",
       "example": ""
     }
   },
@@ -7355,7 +7355,7 @@
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-input-text-container/default-mixins\" as default-mixins;\n@use \"comp-scw-input-text-container/default-scw-input-text-mixins\" as default-scw-input-text-mixins;\n@use \"comp-scw-input-text-container/default-scw-input-text-text-mixins\" as default-scw-input-text-text-mixins;\n\n.default {\n  @include default-mixins.box;\n  @include default-mixins.figma-autolayout;\n\n  .scw-input-text {\n    @include default-scw-input-text-mixins.box;\n\n    .text {\n      @include default-scw-input-text-text-mixins.text;\n      @include default-scw-input-text-text-mixins.absolute-layout;\n    }\n  }\n}",
+      "output": "@use \"comp-scw-input-text-container/default-mixins\" as default-mixins;\n@use \"comp-scw-input-text-container/default-scw-input-text-mixins\" as default-scw-input-text-mixins;\n@use \"comp-scw-input-text-container/default-scw-input-text-text-mixins\" as default-scw-input-text-text-mixins;\n\n.default {\n  @include default-mixins.box;\n  @include default-mixins.figma-autolayout;\n\n  .scw-input-text {\n    @include default-scw-input-text-mixins.box;\n    @include default-scw-input-text-mixins.figma-autolayout;\n\n    .text {\n      @include default-scw-input-text-text-mixins.text;\n    }\n  }\n}",
       "example": ""
     }
   },
@@ -7365,7 +7365,7 @@
       "example": ""
     },
     "scss": {
-      "output": "@use \"comp-scw-input-text-container/default-scw-input-text-mixins\" as default-scw-input-text-mixins;\n@use \"comp-scw-input-text-container/default-scw-input-text-text-mixins\" as default-scw-input-text-text-mixins;\n\n.scw-input-text {\n  @include default-scw-input-text-mixins.box;\n\n  .text {\n    @include default-scw-input-text-text-mixins.text;\n    @include default-scw-input-text-text-mixins.absolute-layout;\n  }\n}",
+      "output": "@use \"comp-scw-input-text-container/default-scw-input-text-mixins\" as default-scw-input-text-mixins;\n@use \"comp-scw-input-text-container/default-scw-input-text-text-mixins\" as default-scw-input-text-text-mixins;\n\n.scw-input-text {\n  @include default-scw-input-text-mixins.box;\n  @include default-scw-input-text-mixins.figma-autolayout;\n\n  .text {\n    @include default-scw-input-text-text-mixins.text;\n  }\n}",
       "example": ""
     }
   },

package/dist/tokens/source/jsCss.js

@@ -1,5 +1,325 @@
-export default class JsCss{constructor(e){this.prefix="scw",this.buildUUID="8dcba6b5-b903-4625-91c9-af609874e8ce",this.generator=!1,this.initialized=!1,this.dbVersion=3,this.lookup,this.cacheBase=this.prefix+"-tokenizer",this.buildUuidCacheId="/build-uuid",this.cssCacheId="/token-css",this.fontCacheId="/token-font-css",this.configCacheId="/config",this.lookupCacheId="/css-lookup",this.indexedDBAvailable="indexedDB"in window,this.idb,this.databaseName,this.config=e||{},this.version=this.config.version||!1,this.extraCssPromise=this.config.extraCssPromise||!1,this.assetsUrl=this.config.assetsUrl||!1,this.attributes=this.config.attributes||!0,this.classes=this.config.classes||!0,this.variablesOnly=this.config.variablesOnly||!1,window[""+this.mergeDashed(this.prefix,"styles",this.version)]=this}async getFromCache(e,t){return this.indexedDBAvailable?(await this.establishDBCache(!0),this._getFromCacheWorker(e,t)):null}async saveToCache(e,t){this.indexedDBAvailable&&(await this.establishDBCache(!0),this._saveToCacheWorker(e,t))}async _getFromCacheWorker(e,i,t){let s=this.idb;var a=(s=t?t:s).transaction(["cache"],"readonly").objectStore("cache");return new Promise(t=>{const s=a.get(e);s.onsuccess=()=>{if(s.result&&s.result.content&&""!==s.result.content.trim()){let e;e="json"===i?JSON.parse(s.result.content):s.result.content,t(e)}t(null)}})}async _saveToCacheWorker(e,t){this.idb.transaction(["cache"],"readwrite").objectStore("cache").put({name:e,content:t})}async _deleteFromCacheWorker(e){this.idb.transaction(["cache"],"readwrite").objectStore("cache").delete(e)}async deleteCache(){var e=this.getDatabaseName();indexedDB.deleteDatabase(e)}async cleanUpOldDatabases(){if(indexedDB.databases){const a=this.getDatabaseName();return indexedDB.databases().then(e=>{e=e.map(i=>new Promise((s,e)=>{if(i.name!==a){const t=indexedDB.open(i.name);t.onsuccess=async e=>{e=e.target.result;if(await this._getFromCacheWorker(this.buildUuidCacheId,"text",e)!==this.buildUUID){const t=indexedDB.deleteDatabase(i.name);t.onsuccess=()=>{s("deleted "+i.name)},t.onerror=e=>{s(`error ${i.name} `+e)}}else s("ignored "+i.name)},t.onerror=e=>{s(`error ${i.name},  `+e)},t.onblocked=()=>{s("blocked "+i.name)}}else s(`ignored ${i.name} (this)`)}));Promise.all(e).then(console.log).catch(console.error)})}}cyrb53(s,e=0){let i=3735928559^e,a=1103547991^e;for(let e=0,t;e<s.length;e++)t=s.charCodeAt(e),i=Math.imul(i^t,2654435761),a=Math.imul(a^t,1597334677);return i=Math.imul(i^i>>>16,2246822507)^Math.imul(a^a>>>13,3266489909),4294967296*(2097151&(a=Math.imul(a^a>>>16,2246822507)^Math.imul(i^i>>>13,3266489909)))+(i>>>0)}getDatabaseName(){if(!this.databaseName){let e="no-config";this.config&&(e=this.cyrb53(JSON.stringify(this.config))),this.databaseName=this.cacheBase+"-"+e}return this.databaseName}async establishDBCache(e){if(this.indexedDBAvailable)return this.idb||new Promise((t,s)=>{var e=this.getDatabaseName(),e=indexedDB.open(e,this.dbVersion);e.onupgradeneeded=e=>{this.idb=e.target.result,this.idb.objectStoreNames.contains("cache")||this.idb.createObjectStore("cache",{keyPath:"name"})},e.onsuccess=async e=>{this.idb=e.target.result;e=await this._getFromCacheWorker(this.buildUuidCacheId);e?e!==this.buildUUID&&(console.log("cache id stale, rebuilding...."),this.cleanUpOldDatabases(),new Date,this._deleteFromCacheWorker(this.cssCacheId),this._deleteFromCacheWorker(this.fontCacheId),this._deleteFromCacheWorker(this.lookupCacheId),this._saveToCacheWorker(this.buildUuidCacheId,this.buildUUID),this._saveToCacheWorker(this.configCacheId,JSON.stringify(this.config))):(new Date,this._saveToCacheWorker(this.buildUuidCacheId,this.buildUUID),this._saveToCacheWorker(this.configCacheId,JSON.stringify(this.config))),t()},e.onerror=e=>{console.log("onerror!"),console.dir(e),s()}});console.log("This browser does NOT support IDB")}async buildCss(){var e=await this.getFromCache(this.cssCacheId,"text"),t=await this.getFromCache(this.fontCacheId,"text"),s=await this.getFromCache(this.lookupCacheId,"json");let i="/* not found */",a="/* not found */";if(e&&s&&t)i=(i=(i=`/*
-`)+`* Cached CSS 
-`+`* CACHE: IndexedDB 
-`)+`*/
-`+e,this.lookup=s,a=t;else{this.assetsUrl?this.generator=await import("./jsCssGeneratorSansAssets.js").then(e=>new e.default(this.config)):this.generator=await import("./jsCssGenerator.js").then(e=>new e.default(this.config));const o=await this.generator.buildCss();i=o.css,a=o.fontCss,this.lookup=o.lookup,this.saveToCache(this.cssCacheId,i),this.saveToCache(this.fontCacheId,a),this.saveToCache(this.lookupCacheId,JSON.stringify(o.lookup,null,2))}const o={prefix:this.prefix,buildUUID:this.buildUUID,version:this.version,css:i,fontCss:a};e=new CustomEvent(this.prefix+"-css-init",{bubbles:!0,detail:o,cancelable:!0});if(!0===document.dispatchEvent(e)){const h=document.createElement("style"),n=(h.innerHTML=i+" "+a,document.getElementsByTagName("head")[0]);n.appendChild(h)}this.initialized=!0;s=new CustomEvent(this.prefix+"-css-installed",{bubbles:!0,detail:o});return document.dispatchEvent(s),o}mergeDashed(...e){let t=[];return e.map(e=>{e&&""!==e&&t.push(e)}),t.join("-")}async getFromLookup(e){var t=e.replace(this.prefix+"-","");if(this.lookup&&this.lookup[t])return{declaration:e,css:this.lookup[t]};return null}async getSvgFromLookup(e){return this.lookup?this.lookup["svg-"+e]:null}}
+
+  export default class JsCss {
+  
+    constructor (config) {// version, extraCssPromise, config ) {
+      this.prefix = 'scw';// dynamic
+      this.buildUUID = '8d2268e6-003f-4dc2-ad6e-659211dfbf24';// dynamic
+
+      this.generator = false;
+      this.initialized = false;
+
+      this.dbVersion = 3;
+  
+      this.lookup;
+      // lookup ids...
+      this.cacheBase = `${this.prefix}-tokenizer`;
+      this.buildUuidCacheId = '/build-uuid';
+      this.cssCacheId = '/token-css';
+      this.fontCacheId = '/token-font-css';
+      this.configCacheId = '/config';
+      this.lookupCacheId = '/css-lookup';
+
+      this.indexedDBAvailable = 'indexedDB' in window;
+      this.idb;
+      this.databaseName;
+  
+      // process config
+      this.config = config ? config : {};
+      this.version = this.config.version ? this.config.version : false;
+      this.extraCssPromise = this.config.extraCssPromise ? this.config.extraCssPromise : false;
+      this.assetsUrl = this.config.assetsUrl ? this.config.assetsUrl : false;
+      this.attributes = this.config.attributes ? this.config.attributes : true;
+      this.classes = this.config.classes ? this.config.classes : true;
+      this.variablesOnly = this.config.variablesOnly ? this.config.variablesOnly : false;
+
+      // singleton reference...
+      window[`${this.mergeDashed(this.prefix, 'styles', this.version)}`] = this;
+    }
+  
+    // =============START CACHE===============
+    async getFromCache(id, type) {
+      if (this.indexedDBAvailable) {
+        await this.establishDBCache(true);
+        return this._getFromCacheWorker(id, type);
+      }
+      return null;
+    }
+
+    async saveToCache(id, content) {
+      if (this.indexedDBAvailable) {
+        await this.establishDBCache(true);
+        this._saveToCacheWorker(id, content);
+      }
+    }
+
+    async _getFromCacheWorker(id, type, db) {
+      let targetDB = this.idb;
+      if (db) {
+        targetDB = db;
+      }
+      // only use if you know db is there...
+      var transaction = targetDB.transaction(['cache'], 'readonly');
+      var store = transaction.objectStore('cache');
+      return new Promise((resolve) => {
+        const query = store.get(id);
+        query.onsuccess = () => {
+          if (
+            query.result &&
+            query.result.content &&
+            query.result.content.trim() !== ''
+          ) {
+            let result;
+            if (type === "json") {
+              result = JSON.parse(query.result.content);
+            }else{
+              result = query.result.content;
+            }
+            resolve( result );
+          }
+          resolve( null );
+        };
+      });
+    }
+
+    async _saveToCacheWorker(id, content) {
+      // you know db is there...
+      var transaction = this.idb.transaction(['cache'], 'readwrite');
+      var store = transaction.objectStore('cache');
+      store.put({name:id, content});
+    }
+
+    async _deleteFromCacheWorker(id) {
+      // you know db is there...
+      var transaction = this.idb.transaction(['cache'], 'readwrite');
+      var store = transaction.objectStore('cache');
+      store.delete(id);
+    }
+
+    async deleteCache() {
+      const dbName = this.getDatabaseName();
+      indexedDB.deleteDatabase(dbName);
+    }
+
+    async cleanUpOldDatabases() {
+      if (!indexedDB.databases) {
+        return;// firefox doesn't work...
+      }
+      const thisDBName = this.getDatabaseName();
+      return indexedDB.databases().then(dbs => {
+          var promises = dbs.map(db => {
+              return new Promise((resolve, reject) => {
+                  if (db.name !== thisDBName ) {
+                    const openDB = indexedDB.open(db.name);
+                    openDB.onsuccess = async (e) => {
+                      const thisDB = e.target.result;
+                      const uuid = await this._getFromCacheWorker(
+                        this.buildUuidCacheId, 'text', thisDB
+                      )
+                      // there is only one good build uuid...
+                      if ( uuid !== this.buildUUID ) {
+                        const deleteReq = indexedDB.deleteDatabase(db.name);
+                        deleteReq.onsuccess = () => {
+                          resolve(`deleted ${db.name}`)
+                        }
+                        deleteReq.onerror = (err) => {
+                          resolve(`error ${db.name} ${err}`)
+                        }
+                      }else{
+                        resolve(`ignored ${db.name}`);
+                      }
+                    };
+                    openDB.onerror = (err) => {
+                      resolve(`error ${db.name},  ${err}`);
+                    };
+                    openDB.onblocked = () => {
+                      resolve(`blocked ${db.name}`);
+                    };
+                  }else{
+                    resolve(`ignored ${db.name} (this)`);
+                  }                  
+              });
+          });
+          Promise.all(promises).then(console.log).catch(console.error);
+      })
+    }
+    // =============END CACHE===============
+
+
+    // ============START INDEXDB============
+    cyrb53 (str, seed = 0) {
+        let h1 = 0xdeadbeef ^ seed, h2 = 0x41c6ce57 ^ seed;
+        for (let i = 0, ch; i < str.length; i++) {
+            ch = str.charCodeAt(i);
+            h1 = Math.imul(h1 ^ ch, 2654435761);
+            h2 = Math.imul(h2 ^ ch, 1597334677);
+        }
+        h1 = Math.imul(h1 ^ (h1>>>16), 2246822507) ^ Math.imul(h2 ^ (h2>>>13), 3266489909);
+        h2 = Math.imul(h2 ^ (h2>>>16), 2246822507) ^ Math.imul(h1 ^ (h1>>>13), 3266489909);
+        return 4294967296 * (2097151 & h2) + (h1>>>0);
+    };
+
+    getDatabaseName() {
+      if (!this.databaseName) {
+        // need to serialize the config...
+        let configHash = 'no-config';
+        if (this.config) {
+          configHash = this.cyrb53(JSON.stringify(this.config));
+        }
+        this.databaseName = `${this.cacheBase}-${configHash}`;
+        // console.log( `using db: ${this.databaseName}` );
+      }
+      return this.databaseName;
+    }
+
+    async establishDBCache(doRetry) {
+      if (!this.indexedDBAvailable) {
+        console.log('This browser does NOT support IDB');
+        return;
+      }
+      if (!this.idb) {
+        return new Promise((resolve, reject) => {
+          const dbName = this.getDatabaseName();
+          var openRequest = indexedDB.open(dbName, this.dbVersion);
+          openRequest.onupgradeneeded = (e) => {
+            this.idb = e.target.result;
+            if (!this.idb.objectStoreNames.contains('cache')) {
+              this.idb.createObjectStore('cache', {keyPath: 'name'});
+            }
+          };
+          openRequest.onsuccess = async (e) => {
+            this.idb = e.target.result;
+            const buildUuidCacheId = await this._getFromCacheWorker(this.buildUuidCacheId);
+            if ( !buildUuidCacheId ) {
+              // cons ole.log("no cache id, building....");
+              const now = new Date();
+              this._saveToCacheWorker(this.buildUuidCacheId, this.buildUUID);
+              this._saveToCacheWorker(this.configCacheId, JSON.stringify(this.config));
+            }else if (
+              buildUuidCacheId !== this.buildUUID
+            ) {// should delete content if stale or new uuid
+              console.log("cache id stale, rebuilding....");
+              this.cleanUpOldDatabases();
+              const now = new Date();
+              // remove earlier stuff
+              this._deleteFromCacheWorker(this.cssCacheId);
+              this._deleteFromCacheWorker(this.fontCacheId);
+              this._deleteFromCacheWorker(this.lookupCacheId);
+              // update to latest
+              this._saveToCacheWorker(this.buildUuidCacheId, this.buildUUID);
+              this._saveToCacheWorker(this.configCacheId, JSON.stringify(this.config));
+            }
+            resolve();
+          };
+          openRequest.onerror = (e) => {
+            console.log('onerror!');
+            console.dir(e);
+            reject();
+          };
+        });
+      }
+      return this.idb;
+    }
+    // ============END INDEXDB============
+  
+    async buildCss() {
+      const responseCss = await this.getFromCache(this.cssCacheId, 'text');
+      const responseFontCss = await this.getFromCache(this.fontCacheId, 'text'); 
+      const responseCssLookup = await this.getFromCache(this.lookupCacheId, 'json');
+
+      let cssString = '/* not found */';
+      let fontCssString = '/* not found */';
+      if (responseCss && responseCssLookup && responseFontCss) {
+        cssString = `/*\n`;
+        cssString += `* Cached CSS \n`;
+        cssString += `* CACHE: IndexedDB \n`;
+        cssString += `*/\n`;
+        cssString += responseCss;
+        this.lookup = responseCssLookup;
+        fontCssString = responseFontCss;
+      }else{
+        if (this.assetsUrl) {
+          this.generator = await import('./jsCssGeneratorSansAssets.js').then(result => {
+            return new result.default(this.config);
+          });
+        }else{
+          this.generator = await import('./jsCssGenerator.js').then(result => {
+            return new result.default(this.config);
+          });
+        }
+        
+        const results = await this.generator.buildCss();
+        cssString = results.css;
+        fontCssString = results.fontCss;
+        this.lookup = results.lookup;
+        this.saveToCache(this.cssCacheId, cssString);
+        this.saveToCache(this.fontCacheId, fontCssString);
+        this.saveToCache(this.lookupCacheId, JSON.stringify(results.lookup,null,2));
+      }
+  
+      const results = {
+        prefix: this.prefix,
+        buildUUID: this.buildUUID,
+        version: this.version,
+        css: cssString,
+        fontCss: fontCssString,
+      }
+  
+      // Event: css-init 
+      const scuCssInit = new CustomEvent(`${this.prefix}-css-init`, {
+        bubbles: true,
+        detail: results,
+        cancelable: true
+      });
+      if (document.dispatchEvent(scuCssInit) === true) {
+        // if someone cancels this event, don't render css in header
+        const sheet = document.createElement('style');
+        sheet.innerHTML = `${cssString} ${fontCssString}`;
+        const head = document.getElementsByTagName('head')[0];
+        head.appendChild(sheet);
+      }
+  
+      // Event: css-installed
+      this.initialized = true;
+      const scuCssInstalled = new CustomEvent(`${this.prefix}-css-installed`, {
+        bubbles: true,
+        detail: results
+      });
+      document.dispatchEvent(scuCssInstalled);
+      
+      return results;
+    }
+  
+    mergeDashed(...args) {
+      let final = [];
+      args.map(arg => {
+        if (arg && arg !== '') {
+          final.push( arg );
+        }
+      });
+      return final.join('-');
+    }
+
+    async getFromLookup(name) {
+      const fullName = name.replace(`${this.prefix}-`, '');// they were condensed
+      if (this.lookup) {
+        const css = this.lookup[fullName];
+        if (css) {
+          return {
+            declaration: name,
+            css: this.lookup[fullName]
+          }
+        }
+      }
+      return null;
+    }
+
+    async getSvgFromLookup(name) {
+      const fullName = `svg-${name}`;// ONLY getting icon name
+      if (this.lookup) {
+        const svg = this.lookup[fullName];
+        return svg;
+      }
+      return null;
+    }
+  }
+