scu-web-components 0.0.34 → 0.0.35

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -5,12 +5,6 @@
5
5
  "tagName": "scw-button",
6
6
  "category": "interactive"
7
7
  },
8
- {
9
- "name": "ScwCenterComponent",
10
- "fileName": "ScwCenterComponent.json",
11
- "tagName": "scw-center-component",
12
- "category": "layouts"
13
- },
14
8
  {
15
9
  "name": "ScwCard",
16
10
  "fileName": "ScwCard.json",
@@ -18,15 +12,27 @@
18
12
  "category": "interactive"
19
13
  },
20
14
  {
21
- "name": "ScwComponent",
22
- "fileName": "ScwComponent.json",
23
- "tagName": "scw-component",
24
- "category": "base"
15
+ "name": "ScwElementComponent",
16
+ "fileName": "ScwElementComponent.json",
17
+ "tagName": "scw-element-component",
18
+ "category": "layouts"
25
19
  },
26
20
  {
27
- "name": "ScwFlexHComponent",
28
- "fileName": "ScwFlexHComponent.json",
29
- "tagName": "scw-flex-h-component",
21
+ "name": "ScwAlert",
22
+ "fileName": "ScwAlert.json",
23
+ "tagName": "scw-alert",
24
+ "category": "interactive"
25
+ },
26
+ {
27
+ "name": "ScwCenterComponent",
28
+ "fileName": "ScwCenterComponent.json",
29
+ "tagName": "scw-center-component",
30
+ "category": "layouts"
31
+ },
32
+ {
33
+ "name": "ScwFlexVComponent",
34
+ "fileName": "ScwFlexVComponent.json",
35
+ "tagName": "scw-flex-v-component",
30
36
  "category": "layouts"
31
37
  },
32
38
  {
@@ -36,9 +42,15 @@
36
42
  "category": "layouts"
37
43
  },
38
44
  {
39
- "name": "ScwElementComponent",
40
- "fileName": "ScwElementComponent.json",
41
- "tagName": "scw-element-component",
45
+ "name": "ScwComponent",
46
+ "fileName": "ScwComponent.json",
47
+ "tagName": "scw-component",
48
+ "category": "base"
49
+ },
50
+ {
51
+ "name": "ScwFlexHComponent",
52
+ "fileName": "ScwFlexHComponent.json",
53
+ "tagName": "scw-flex-h-component",
42
54
  "category": "layouts"
43
55
  },
44
56
  {
@@ -53,42 +65,24 @@
53
65
  "tagName": "scw-form-component",
54
66
  "category": "base"
55
67
  },
68
+ {
69
+ "name": "ScwInputField",
70
+ "fileName": "ScwInputField.json",
71
+ "tagName": "scw-input-field",
72
+ "category": "form"
73
+ },
56
74
  {
57
75
  "name": "ScwImage",
58
76
  "fileName": "ScwImage.json",
59
77
  "tagName": "scw-image",
60
78
  "category": "interactive"
61
79
  },
62
- {
63
- "name": "ScwFlexVComponent",
64
- "fileName": "ScwFlexVComponent.json",
65
- "tagName": "scw-flex-v-component",
66
- "category": "layouts"
67
- },
68
80
  {
69
81
  "name": "ScwInput",
70
82
  "fileName": "ScwInput.json",
71
83
  "tagName": "scw-input",
72
84
  "category": "form"
73
85
  },
74
- {
75
- "name": "ScwAlert",
76
- "fileName": "ScwAlert.json",
77
- "tagName": "scw-alert",
78
- "category": "interactive"
79
- },
80
- {
81
- "name": "ScwInputField",
82
- "fileName": "ScwInputField.json",
83
- "tagName": "scw-input-field",
84
- "category": "form"
85
- },
86
- {
87
- "name": "ScwInputLayout",
88
- "fileName": "ScwInputLayout.json",
89
- "tagName": "scw-input-layout",
90
- "category": "form"
91
- },
92
86
  {
93
87
  "name": "ScwLayoutComponent",
94
88
  "fileName": "ScwLayoutComponent.json",
@@ -96,10 +90,10 @@
96
90
  "category": "layouts"
97
91
  },
98
92
  {
99
- "name": "ScwMenu",
100
- "fileName": "ScwMenu.json",
101
- "tagName": "scw-menu",
102
- "category": "interactive"
93
+ "name": "ScwInputLayout",
94
+ "fileName": "ScwInputLayout.json",
95
+ "tagName": "scw-input-layout",
96
+ "category": "form"
103
97
  },
104
98
  {
105
99
  "name": "ScwLinkBase",
@@ -113,18 +107,18 @@
113
107
  "tagName": "scw-page-alert",
114
108
  "category": "interactive"
115
109
  },
110
+ {
111
+ "name": "ScwMenu",
112
+ "fileName": "ScwMenu.json",
113
+ "tagName": "scw-menu",
114
+ "category": "interactive"
115
+ },
116
116
  {
117
117
  "name": "ScwPaneComponent",
118
118
  "fileName": "ScwPaneComponent.json",
119
119
  "tagName": "scw-pane-component",
120
120
  "category": "layouts"
121
121
  },
122
- {
123
- "name": "ScwSelect",
124
- "fileName": "ScwSelect.json",
125
- "tagName": "scw-select",
126
- "category": "form"
127
- },
128
122
  {
129
123
  "name": "ScwResponsive",
130
124
  "fileName": "ScwResponsive.json",
@@ -132,15 +126,9 @@
132
126
  "category": "layouts"
133
127
  },
134
128
  {
135
- "name": "ScwSingleInput",
136
- "fileName": "ScwSingleInput.json",
137
- "tagName": "scw-single-input",
138
- "category": "form"
139
- },
140
- {
141
- "name": "ScwSingleInputLayout",
142
- "fileName": "ScwSingleInputLayout.json",
143
- "tagName": "scw-single-input-layout",
129
+ "name": "ScwSelect",
130
+ "fileName": "ScwSelect.json",
131
+ "tagName": "scw-select",
144
132
  "category": "form"
145
133
  },
146
134
  {
@@ -156,15 +144,21 @@
156
144
  "category": "interactive"
157
145
  },
158
146
  {
159
- "name": "ScwTextarea",
160
- "fileName": "ScwTextarea.json",
161
- "tagName": "scw-textarea",
147
+ "name": "ScwSingleInputLayout",
148
+ "fileName": "ScwSingleInputLayout.json",
149
+ "tagName": "scw-single-input-layout",
162
150
  "category": "form"
163
151
  },
164
152
  {
165
- "name": "ScwValidate",
166
- "fileName": "ScwValidate.json",
167
- "tagName": "scw-validate",
153
+ "name": "ScwSingleInput",
154
+ "fileName": "ScwSingleInput.json",
155
+ "tagName": "scw-single-input",
156
+ "category": "form"
157
+ },
158
+ {
159
+ "name": "ScwTextarea",
160
+ "fileName": "ScwTextarea.json",
161
+ "tagName": "scw-textarea",
168
162
  "category": "form"
169
163
  },
170
164
  {
@@ -173,6 +167,12 @@
173
167
  "tagName": "scw-validation",
174
168
  "category": "form"
175
169
  },
170
+ {
171
+ "name": "ScwValidate",
172
+ "fileName": "ScwValidate.json",
173
+ "tagName": "scw-validate",
174
+ "category": "form"
175
+ },
176
176
  {
177
177
  "name": "ScwHeading",
178
178
  "fileName": "ScwHeading.json",
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "title": "Summit Credit Union Web Design System (SCW)",
3
- "version": "0.0.33",
3
+ "version": "0.0.34",
4
4
  "navigation": [
5
5
  {
6
6
  "id": "tokens",
@@ -1,4 +1,4 @@
1
- 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=`/*
1
+ export default class JsCss{constructor(e){this.prefix="scw",this.buildUUID="96296689-31c8-4f34-b467-0b93f09a736e",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=`/*
2
2
  `)+`* Cached CSS
3
3
  `+`* CACHE: IndexedDB
4
4
  `)+`*/
Binary file