scu-web-components 0.0.33 → 0.0.34

package/dist/docs/components/manifest.json

@@ -1,10 +1,4 @@
 [
-  {
-    "name": "ScwComponent",
-    "fileName": "ScwComponent.json",
-    "tagName": "scw-component",
-    "category": "base"
-  },
   {
     "name": "ScwButton",
     "fileName": "ScwButton.json",
@@ -12,10 +6,10 @@
     "category": "interactive"
   },
   {
-    "name": "ScwAlert",
-    "fileName": "ScwAlert.json",
-    "tagName": "scw-alert",
-    "category": "interactive"
+    "name": "ScwCenterComponent",
+    "fileName": "ScwCenterComponent.json",
+    "tagName": "scw-center-component",
+    "category": "layouts"
   },
   {
     "name": "ScwCard",
@@ -24,10 +18,10 @@
     "category": "interactive"
   },
   {
-    "name": "ScwElementComponent",
-    "fileName": "ScwElementComponent.json",
-    "tagName": "scw-element-component",
-    "category": "layouts"
+    "name": "ScwComponent",
+    "fileName": "ScwComponent.json",
+    "tagName": "scw-component",
+    "category": "base"
   },
   {
     "name": "ScwFlexHComponent",
@@ -35,12 +29,6 @@
     "tagName": "scw-flex-h-component",
     "category": "layouts"
   },
-  {
-    "name": "ScwFlexVComponent",
-    "fileName": "ScwFlexVComponent.json",
-    "tagName": "scw-flex-v-component",
-    "category": "layouts"
-  },
   {
     "name": "ScwFloatComponent",
     "fileName": "ScwFloatComponent.json",
@@ -48,10 +36,10 @@
     "category": "layouts"
   },
   {
-    "name": "ScwFormComponent",
-    "fileName": "ScwFormComponent.json",
-    "tagName": "scw-form-component",
-    "category": "base"
+    "name": "ScwElementComponent",
+    "fileName": "ScwElementComponent.json",
+    "tagName": "scw-element-component",
+    "category": "layouts"
   },
   {
     "name": "ScwForm",
@@ -60,11 +48,23 @@
     "category": "form"
   },
   {
-    "name": "ScwHeading",
-    "fileName": "ScwHeading.json",
-    "tagName": "scw-heading",
+    "name": "ScwFormComponent",
+    "fileName": "ScwFormComponent.json",
+    "tagName": "scw-form-component",
+    "category": "base"
+  },
+  {
+    "name": "ScwImage",
+    "fileName": "ScwImage.json",
+    "tagName": "scw-image",
     "category": "interactive"
   },
+  {
+    "name": "ScwFlexVComponent",
+    "fileName": "ScwFlexVComponent.json",
+    "tagName": "scw-flex-v-component",
+    "category": "layouts"
+  },
   {
     "name": "ScwInput",
     "fileName": "ScwInput.json",
@@ -72,9 +72,9 @@
     "category": "form"
   },
   {
-    "name": "ScwImage",
-    "fileName": "ScwImage.json",
-    "tagName": "scw-image",
+    "name": "ScwAlert",
+    "fileName": "ScwAlert.json",
+    "tagName": "scw-alert",
     "category": "interactive"
   },
   {
@@ -83,12 +83,6 @@
     "tagName": "scw-input-field",
     "category": "form"
   },
-  {
-    "name": "ScwIcon",
-    "fileName": "ScwIcon.json",
-    "tagName": "scw-icon",
-    "category": "interactive"
-  },
   {
     "name": "ScwInputLayout",
     "fileName": "ScwInputLayout.json",
@@ -102,9 +96,9 @@
     "category": "layouts"
   },
   {
-    "name": "ScwLink",
-    "fileName": "ScwLink.json",
-    "tagName": "scw-link",
+    "name": "ScwMenu",
+    "fileName": "ScwMenu.json",
+    "tagName": "scw-menu",
     "category": "interactive"
   },
   {
@@ -119,54 +113,30 @@
     "tagName": "scw-page-alert",
     "category": "interactive"
   },
-  {
-    "name": "ScwMenuItem",
-    "fileName": "ScwMenuItem.json",
-    "tagName": "scw-menu-item",
-    "category": "interactive"
-  },
   {
     "name": "ScwPaneComponent",
     "fileName": "ScwPaneComponent.json",
     "tagName": "scw-pane-component",
     "category": "layouts"
   },
-  {
-    "name": "ScwMenu",
-    "fileName": "ScwMenu.json",
-    "tagName": "scw-menu",
-    "category": "interactive"
-  },
-  {
-    "name": "ScwSingleInput",
-    "fileName": "ScwSingleInput.json",
-    "tagName": "scw-single-input",
-    "category": "form"
-  },
   {
     "name": "ScwSelect",
     "fileName": "ScwSelect.json",
     "tagName": "scw-select",
     "category": "form"
   },
-  {
-    "name": "ScwStackComponent",
-    "fileName": "ScwStackComponent.json",
-    "tagName": "scw-stack-component",
-    "category": "layouts"
-  },
-  {
-    "name": "ScwCenterComponent",
-    "fileName": "ScwCenterComponent.json",
-    "tagName": "scw-center-component",
-    "category": "layouts"
-  },
   {
     "name": "ScwResponsive",
     "fileName": "ScwResponsive.json",
     "tagName": "scw-responsive",
     "category": "layouts"
   },
+  {
+    "name": "ScwSingleInput",
+    "fileName": "ScwSingleInput.json",
+    "tagName": "scw-single-input",
+    "category": "form"
+  },
   {
     "name": "ScwSingleInputLayout",
     "fileName": "ScwSingleInputLayout.json",
@@ -174,10 +144,10 @@
     "category": "form"
   },
   {
-    "name": "ScwTextarea",
-    "fileName": "ScwTextarea.json",
-    "tagName": "scw-textarea",
-    "category": "form"
+    "name": "ScwStackComponent",
+    "fileName": "ScwStackComponent.json",
+    "tagName": "scw-stack-component",
+    "category": "layouts"
   },
   {
     "name": "ScwTest",
@@ -185,6 +155,12 @@
     "tagName": "scw-test",
     "category": "interactive"
   },
+  {
+    "name": "ScwTextarea",
+    "fileName": "ScwTextarea.json",
+    "tagName": "scw-textarea",
+    "category": "form"
+  },
   {
     "name": "ScwValidate",
     "fileName": "ScwValidate.json",
@@ -196,5 +172,29 @@
     "fileName": "ScwValidation.json",
     "tagName": "scw-validation",
     "category": "form"
+  },
+  {
+    "name": "ScwHeading",
+    "fileName": "ScwHeading.json",
+    "tagName": "scw-heading",
+    "category": "interactive"
+  },
+  {
+    "name": "ScwIcon",
+    "fileName": "ScwIcon.json",
+    "tagName": "scw-icon",
+    "category": "interactive"
+  },
+  {
+    "name": "ScwLink",
+    "fileName": "ScwLink.json",
+    "tagName": "scw-link",
+    "category": "interactive"
+  },
+  {
+    "name": "ScwMenuItem",
+    "fileName": "ScwMenuItem.json",
+    "tagName": "scw-menu-item",
+    "category": "interactive"
   }
 ]

package/dist/docs/config.json

@@ -1,6 +1,6 @@
 {
   "title": "Summit Credit Union Web Design System (SCW)",
-  "version": "0.0.32",
+  "version": "0.0.33",
   "navigation": [
     {
       "id": "tokens",

package/dist/tokens/source/jsCss.js

@@ -1,4 +1,4 @@
-export default class JsCss{constructor(e){this.prefix="scw",this.buildUUID="c6f39ccf-59ec-4e3d-8b10-af27fe196a6f",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=`/*
+export default class JsCss{constructor(e){this.prefix="scw",this.buildUUID="8a0296ef-8594-44cc-972e-e34e518c493f",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 
 `)+`*/