scu-web-components 0.0.11 → 0.0.14

package/dist/tokens/tokens.html

@@ -13,7 +13,7 @@
 
 		<script type="module">
 			import run from './apps/tokens/main.js';
-			run('.', import.meta, '0.6.10', '../example/dist/tokens' );
+			run('.', import.meta, '0.7.16', '../example/dist/tokens' );
 		</script>
 		<style>
 			body, html {
@@ -42,7 +42,7 @@
 		<div id="main"></div>
 
 		<div id="main-loading">
-			Loading Summit Tokenizer Style Guide 0.6.10
+			Loading Summit Tokenizer Style Guide 0.7.16
 		</div>
 
   </body>

package/dist/utils/enums/Components.js

@@ -1,2 +1,2 @@
-import{a}from"../../chunks/chunk.JLBADLEO.js";import"../../chunks/chunk.OLBUKLD6.js";export{a as Components};
+import{a}from"../../chunks/chunk.3MIP3PMW.js";import"../../chunks/chunk.5YJY6NT6.js";export{a as Components};
 //# sourceMappingURL=Components.js.map

package/dist/utils/events/event.js

@@ -1,2 +1,2 @@
-import{a,b}from"../../chunks/chunk.HXIXDONQ.js";import"../../chunks/chunk.OLBUKLD6.js";export{b as ScwEvents,a as emit};
+import{a,b}from"../../chunks/chunk.2VW3SHYK.js";import"../../chunks/chunk.5YJY6NT6.js";export{b as ScwEvents,a as emit};
 //# sourceMappingURL=event.js.map

package/dist/utils/findJsCss.js

@@ -1,2 +1 @@
-import"../chunks/chunk.OLBUKLD6.js";
 //# sourceMappingURL=findJsCss.js.map

package/dist/utils/formEnums.js

@@ -1,2 +1,2 @@
-import{a,b,c}from"../chunks/chunk.R2VPJ6N4.js";import"../chunks/chunk.OLBUKLD6.js";export{a as AutoCaptializeValues,b as AutoCompleteValues,c as AutoCorrectValues};
+import{a,b,c}from"../chunks/chunk.A5NCJRBB.js";import"../chunks/chunk.5YJY6NT6.js";export{a as AutoCaptializeValues,b as AutoCompleteValues,c as AutoCorrectValues};
 //# sourceMappingURL=formEnums.js.map

package/dist/utils/getComputedStyleValue.js

@@ -1,2 +1,2 @@
-import{a}from"../chunks/chunk.ARQKMXU2.js";import"../chunks/chunk.OLBUKLD6.js";export{a as default};
+import{a}from"../chunks/chunk.TIGDLFNU.js";import"../chunks/chunk.5YJY6NT6.js";export{a as default};
 //# sourceMappingURL=getComputedStyleValue.js.map

package/dist/utils/getIconSvg.js

@@ -1,2 +1,2 @@
-import{a}from"../chunks/chunk.XPIYOF4H.js";import"../chunks/chunk.OLBUKLD6.js";export{a as default};
+import{a}from"../chunks/chunk.WCJ4CSRJ.js";import"../chunks/chunk.5YJY6NT6.js";export{a as default};
 //# sourceMappingURL=getIconSvg.js.map

package/dist/utils/lightCss.js

@@ -1,4 +1,4 @@
-import"../chunks/chunk.OLBUKLD6.js";var n={};function d(e,s){if(n[e]!==!0){n[e]=!0;let t=document.createElement("style");t.innerHTML=`
+import"../chunks/chunk.5YJY6NT6.js";var n={};function d(e,s){if(n[e]!==!0){n[e]=!0;let t=document.createElement("style");t.innerHTML=`
     /* Injected Css from ${e} */
     ${s}`,document.getElementsByTagName("head")[0].appendChild(t)}}export{d as default};
 //# sourceMappingURL=lightCss.js.map

package/dist/utils/lightCss.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/utils/lightCss.ts"],
   "sourcesContent": ["\n/** singleton of light css ids */\nconst lightCssIds = {};\n\n/**\n * add css to the light dom per id\n * @param {string} id\n * @param {string} css\n */\nexport default function addLightCss( id: string, css: string) {\n  if (lightCssIds[id] !== true) {\n    lightCssIds[id] = true;\n    const sheet = document.createElement('style');\n    sheet.innerHTML = `\n    /* Injected Css from ${id} */\n    ${css}`;\n    const head = document.getElementsByTagName('head')[0];\n    head.appendChild(sheet);\n  }\n}\n"],
-  "mappings": "oCAEA,GAAM,GAAc,GAOL,WAAsB,EAAY,EAAa,CAC5D,GAAI,EAAY,KAAQ,GAAM,CAC5B,EAAY,GAAM,GAClB,GAAM,GAAQ,SAAS,cAAc,SACrC,EAAM,UAAY;AAAA,2BACK;AAAA,MACrB,IAEF,AADa,SAAS,qBAAqB,QAAQ,GAC9C,YAAY",
+  "mappings": "oCAEA,GAAM,GAAc,CAAC,EAON,WAAsB,EAAY,EAAa,CAC5D,GAAI,EAAY,KAAQ,GAAM,CAC5B,EAAY,GAAM,GAClB,GAAM,GAAQ,SAAS,cAAc,OAAO,EAC5C,EAAM,UAAY;AAAA,2BACK;AAAA,MACrB,IAEF,AADa,SAAS,qBAAqB,MAAM,EAAE,GAC9C,YAAY,CAAK,CACxB,CACF",
   "names": []
 }

package/dist/utils/lightDomMutationObserver.js

@@ -1,2 +1,2 @@
-import{a}from"../chunks/chunk.C5UQJBE6.js";import"../chunks/chunk.OLBUKLD6.js";export{a as default};
+import{a}from"../chunks/chunk.WWTEGHW5.js";import"../chunks/chunk.5YJY6NT6.js";export{a as default};
 //# sourceMappingURL=lightDomMutationObserver.js.map

package/dist/utils/observers/intersectionObserverSingleton.js

@@ -1,2 +1,2 @@
-import{a}from"../../chunks/chunk.7VWIOPGI.js";import"../../chunks/chunk.OLBUKLD6.js";export{a as default};
+import{a}from"../../chunks/chunk.O3SA7BGC.js";import"../../chunks/chunk.5YJY6NT6.js";export{a as default};
 //# sourceMappingURL=intersectionObserverSingleton.js.map

package/dist/utils/observers/mediaQueryListSingleton.js

@@ -1,2 +1,2 @@
-import{a}from"../../chunks/chunk.K7BHQGMB.js";import"../../chunks/chunk.OLBUKLD6.js";export{a as default};
+import{a}from"../../chunks/chunk.WO7EIYQ3.js";import"../../chunks/chunk.5YJY6NT6.js";export{a as default};
 //# sourceMappingURL=mediaQueryListSingleton.js.map

package/dist/utils/observers/mutationObserverSingleton.js

@@ -1,2 +1,2 @@
-import"../../chunks/chunk.OLBUKLD6.js";var t=class{constructor(){this._mutationCallback=this._mutationCallback.bind(this),this.mutationObserver=new MutationObserver(this._mutationCallback)}_mutationCallback(a){console.log(a)}},n=new t;export{n as mutationObserverSingleton};
+import"../../chunks/chunk.5YJY6NT6.js";var t=class{constructor(){this._mutationCallback=this._mutationCallback.bind(this),this.mutationObserver=new MutationObserver(this._mutationCallback)}_mutationCallback(a){console.log(a)}},i=new t;export{i as mutationObserverSingleton};
 //# sourceMappingURL=mutationObserverSingleton.js.map

package/dist/utils/observers/mutationObserverSingleton.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/utils/observers/mutationObserverSingleton.ts"],
   "sourcesContent": ["// NOT DONE!!!!\n\n/**\n * Singleton for MutationObserver\n */\nclass MutationObserverSingleton {\n  /** reference to single mutation observer */\n  mutationObserver : MutationObserver;\n\n  /**\n  * constructor\n  */\n  constructor() {\n    this._mutationCallback = this._mutationCallback.bind(this);\n    this.mutationObserver = new MutationObserver(this._mutationCallback);\n  }\n\n  /**\n  * Internal callback for mutation observer\n  * @param {MutationRecord[]} entries\n  */\n  _mutationCallback(entries: MutationRecord[]) {\n    console.log( entries );\n  }\n}\n\nexport const mutationObserverSingleton = new MutationObserverSingleton();\n"],
-  "mappings": "uCAKA,WAAgC,CAO9B,aAAc,CACZ,KAAK,kBAAoB,KAAK,kBAAkB,KAAK,MACrD,KAAK,iBAAmB,GAAI,kBAAiB,KAAK,mBAOpD,kBAAkB,EAA2B,CAC3C,QAAQ,IAAK,KAIJ,EAA4B,GAAI",
+  "mappings": "uCAKA,WAAgC,CAO9B,aAAc,CACZ,KAAK,kBAAoB,KAAK,kBAAkB,KAAK,IAAI,EACzD,KAAK,iBAAmB,GAAI,kBAAiB,KAAK,iBAAiB,CACrE,CAMA,kBAAkB,EAA2B,CAC3C,QAAQ,IAAK,CAAQ,CACvB,CACF,EAEa,EAA4B,GAAI",
   "names": []
 }

package/dist/utils/observers/resizeObserverSingleton.js

@@ -1,2 +1,2 @@
-import"../../chunks/chunk.OLBUKLD6.js";var a=class{constructor(){this.callbacks=new WeakMap;this._totalWatched=0;this._resizeCallback=this._resizeCallback.bind(this),"ResizeObserver"in window&&(this.resizeObserver=new ResizeObserver(this._resizeCallback))}_resizeCallback(e){e.map(async s=>{this.callbacks.get(s.target).map(r=>{let i=s.target;r(i.offsetWidth,i.offsetHeight)})})}registerCallback(e,s){if(!this.callbacks.has(e)&&this.resizeObserver)this.callbacks.set(e,[s]),this.resizeObserver.observe(e),this._totalWatched++;else{let t=this.callbacks.get(e);t.indexOf(s)===-1&&t.push(s),s(e.offsetWidth,e.offsetHeight)}}unregisterCallback(e,s){if(this.callbacks.has(e)&&this.resizeObserver){let t=[];this.callbacks.get(e).map(i=>{i!==s&&t.push(i)}),t.length===0?(this._totalWatched--,this.callbacks.delete(e),this.resizeObserver.unobserve(e)):this.callbacks.set(e,t)}}},b=new a;export{b as default};
+import"../../chunks/chunk.5YJY6NT6.js";var i=class{constructor(){this.callbacks=new WeakMap;this._totalWatched=0;this._resizeCallback=this._resizeCallback.bind(this),"ResizeObserver"in window&&(this.resizeObserver=new ResizeObserver(this._resizeCallback))}_resizeCallback(e){e.map(async s=>{this.callbacks.get(s.target).map(r=>{let a=s.target;r(a.offsetWidth,a.offsetHeight)})})}registerCallback(e,s){if(!this.callbacks.has(e)&&this.resizeObserver)this.callbacks.set(e,[s]),this.resizeObserver.observe(e),this._totalWatched++;else{let t=this.callbacks.get(e);t.indexOf(s)===-1&&t.push(s),s(e.offsetWidth,e.offsetHeight)}}unregisterCallback(e,s){if(this.callbacks.has(e)&&this.resizeObserver){let t=[];this.callbacks.get(e).map(a=>{a!==s&&t.push(a)}),t.length===0?(this._totalWatched--,this.callbacks.delete(e),this.resizeObserver.unobserve(e)):this.callbacks.set(e,t)}}},b=new i;export{b as default};
 //# sourceMappingURL=resizeObserverSingleton.js.map

package/dist/utils/observers/resizeObserverSingleton.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/utils/observers/resizeObserverSingleton.ts"],
   "sourcesContent": ["/**\n * Singleton for ResizeObserver\n */\nclass ResizeObserverSingleton {\n  /** reference to single resize observer */\n  resizeObserver : ResizeObserver | undefined;\n\n  /** Internal Lookups (object => [callback, callback]) */\n  callbacks = new WeakMap();\n\n  /** total targets watched */\n  _totalWatched: number = 0;\n\n  /**\n  * constructor\n  */\n  constructor() {\n    this._resizeCallback = this._resizeCallback.bind(this);\n    if ('ResizeObserver' in window) { // ssr can't deal with this...\n      this.resizeObserver = new ResizeObserver(this._resizeCallback);\n    }\n  }\n\n  /**\n  * Internal callback for resize observer\n  * @param {ResizeRecord[]} entries\n  */\n  _resizeCallback(entries: ResizeObserverEntry[]) {\n    /* // ---------debug---------\n    const start = new Date().getTime();\n    // ---------debug--------- */\n\n    entries.map(async (entry : ResizeObserverEntry) => {\n      const sizeTargetCallbacks = this.callbacks.get(entry.target);\n      sizeTargetCallbacks.map((callback: (w: number, h: number) => void) => {\n        const target = entry.target as unknown as HTMLElement;\n        callback(target.offsetWidth, target.offsetHeight);\n      });\n    });\n\n    /* // ---------debug---------\n    const end = new Date().getTime();\n    cons ole.log(`TIMER: ${end - start}`)\n    cons ole.log(`resizeObserverCallback resize entries: \n      ${entries.length} total watched: ${this.totalWatched}`);\n    // ---------debug---------*/\n  }\n\n  /**\n   * register callback\n   * @param {HTMLElement} sizeTarget\n   * @param {Function} callback\n   */\n  registerCallback(\n    sizeTarget: HTMLElement,\n    callback: (w: number, h: number) => void,\n  ) {\n    if (!this.callbacks.has(sizeTarget) && this.resizeObserver) {\n      this.callbacks.set(sizeTarget, [callback]);\n      this.resizeObserver.observe(sizeTarget);\n      this._totalWatched++;\n    } else {\n      const sizeTargetCallbacks = this.callbacks.get(sizeTarget);\n      if (sizeTargetCallbacks.indexOf(callback) === -1) {\n        sizeTargetCallbacks.push(callback);\n      }\n      callback(sizeTarget.offsetWidth, sizeTarget.offsetHeight);\n    }\n  }\n\n  /**\n   * unregister callback\n   * @param {HTMLElement} sizeTarget\n   * @param {Function} callback\n   */\n  unregisterCallback(\n    sizeTarget: HTMLElement,\n    callback: (w: number, h: number) => void,\n  ) {\n    if (this.callbacks.has(sizeTarget) && this.resizeObserver) {\n      const newCallbacks : ((w: number, h: number) => void)[] = [];\n      const sizeTargetCallbacks = this.callbacks.get(sizeTarget);\n      sizeTargetCallbacks.map(\n        (mapCallback : (w: number, h: number) => void) => {\n        if ( mapCallback !== callback ) {\n          newCallbacks.push(mapCallback);\n        }\n      });\n      if (newCallbacks.length === 0) {\n        this._totalWatched--;\n        this.callbacks.delete(sizeTarget);\n        this.resizeObserver.unobserve(sizeTarget);\n      } else {\n        this.callbacks.set(sizeTarget,newCallbacks);\n      }\n    }\n  }\n}\n\nexport default new ResizeObserverSingleton();\n"],
-  "mappings": "uCAGA,WAA8B,CAa5B,aAAc,CARd,eAAY,GAAI,SAGhB,mBAAwB,EAMtB,KAAK,gBAAkB,KAAK,gBAAgB,KAAK,MAC7C,kBAAoB,SACtB,MAAK,eAAiB,GAAI,gBAAe,KAAK,kBAQlD,gBAAgB,EAAgC,CAK9C,EAAQ,IAAI,KAAO,IAAgC,CAEjD,AAD4B,KAAK,UAAU,IAAI,EAAM,QACjC,IAAI,AAAC,GAA6C,CACpE,GAAM,GAAS,EAAM,OACrB,EAAS,EAAO,YAAa,EAAO,kBAiB1C,iBACE,EACA,EACA,CACA,GAAI,CAAC,KAAK,UAAU,IAAI,IAAe,KAAK,eAC1C,KAAK,UAAU,IAAI,EAAY,CAAC,IAChC,KAAK,eAAe,QAAQ,GAC5B,KAAK,oBACA,CACL,GAAM,GAAsB,KAAK,UAAU,IAAI,GAC/C,AAAI,EAAoB,QAAQ,KAAc,IAC5C,EAAoB,KAAK,GAE3B,EAAS,EAAW,YAAa,EAAW,eAShD,mBACE,EACA,EACA,CACA,GAAI,KAAK,UAAU,IAAI,IAAe,KAAK,eAAgB,CACzD,GAAM,GAAoD,GAE1D,AAD4B,KAAK,UAAU,IAAI,GAC3B,IAClB,AAAC,GAAiD,CAClD,AAAK,IAAgB,GACnB,EAAa,KAAK,KAGtB,AAAI,EAAa,SAAW,EAC1B,MAAK,gBACL,KAAK,UAAU,OAAO,GACtB,KAAK,eAAe,UAAU,IAE9B,KAAK,UAAU,IAAI,EAAW,MAM/B,EAAQ,GAAI",
+  "mappings": "uCAGA,WAA8B,CAa5B,aAAc,CARd,eAAY,GAAI,SAGhB,mBAAwB,EAMtB,KAAK,gBAAkB,KAAK,gBAAgB,KAAK,IAAI,EACjD,kBAAoB,SACtB,MAAK,eAAiB,GAAI,gBAAe,KAAK,eAAe,EAEjE,CAMA,gBAAgB,EAAgC,CAK9C,EAAQ,IAAI,KAAO,IAAgC,CAEjD,AAD4B,KAAK,UAAU,IAAI,EAAM,MAAM,EACvC,IAAI,AAAC,GAA6C,CACpE,GAAM,GAAS,EAAM,OACrB,EAAS,EAAO,YAAa,EAAO,YAAY,CAClD,CAAC,CACH,CAAC,CAQH,CAOA,iBACE,EACA,EACA,CACA,GAAI,CAAC,KAAK,UAAU,IAAI,CAAU,GAAK,KAAK,eAC1C,KAAK,UAAU,IAAI,EAAY,CAAC,CAAQ,CAAC,EACzC,KAAK,eAAe,QAAQ,CAAU,EACtC,KAAK,oBACA,CACL,GAAM,GAAsB,KAAK,UAAU,IAAI,CAAU,EACzD,AAAI,EAAoB,QAAQ,CAAQ,IAAM,IAC5C,EAAoB,KAAK,CAAQ,EAEnC,EAAS,EAAW,YAAa,EAAW,YAAY,CAC1D,CACF,CAOA,mBACE,EACA,EACA,CACA,GAAI,KAAK,UAAU,IAAI,CAAU,GAAK,KAAK,eAAgB,CACzD,GAAM,GAAoD,CAAC,EAE3D,AAD4B,KAAK,UAAU,IAAI,CAAU,EACrC,IAClB,AAAC,GAAiD,CAClD,AAAK,IAAgB,GACnB,EAAa,KAAK,CAAW,CAEjC,CAAC,EACD,AAAI,EAAa,SAAW,EAC1B,MAAK,gBACL,KAAK,UAAU,OAAO,CAAU,EAChC,KAAK,eAAe,UAAU,CAAU,GAExC,KAAK,UAAU,IAAI,EAAW,CAAY,CAE9C,CACF,CACF,EAEO,EAAQ,GAAI",
   "names": []
 }

package/dist/utils/responsive/BreakpointTypes.js

@@ -1,2 +1,2 @@
-import{a,b}from"../../chunks/chunk.GQMHBXFK.js";import"../../chunks/chunk.OLBUKLD6.js";export{a as BreakpointNames,b as ResponsiveTypes};
+import{a,b}from"../../chunks/chunk.2NDGSXCD.js";import"../../chunks/chunk.5YJY6NT6.js";export{a as BreakpointNames,b as ResponsiveTypes};
 //# sourceMappingURL=BreakpointTypes.js.map

package/dist/utils/responsive/ResponsiveElement.js

@@ -1,2 +1,2 @@
-import{a}from"../../chunks/chunk.KVY76SIZ.js";import"../../chunks/chunk.3IC2MY6C.js";import"../../chunks/chunk.PNNIDCE7.js";import"../../chunks/chunk.GQMHBXFK.js";import"../../chunks/chunk.2LKPWAAU.js";import"../../chunks/chunk.K7BHQGMB.js";import"../../chunks/chunk.OLBUKLD6.js";export{a as default};
+import{a}from"../../chunks/chunk.UERHHZYW.js";import"../../chunks/chunk.AY3YRO2L.js";import"../../chunks/chunk.ZZQE6TG6.js";import"../../chunks/chunk.2NDGSXCD.js";import"../../chunks/chunk.WQARFGAY.js";import"../../chunks/chunk.WO7EIYQ3.js";import"../../chunks/chunk.5YJY6NT6.js";export{a as default};
 //# sourceMappingURL=ResponsiveElement.js.map

package/dist/utils/responsive/breakpoints.js

@@ -1,2 +1,2 @@
-import{a,b}from"../../chunks/chunk.PNNIDCE7.js";import"../../chunks/chunk.GQMHBXFK.js";import"../../chunks/chunk.OLBUKLD6.js";export{b as breakpointLookup,a as breakpoints};
+import{a,b}from"../../chunks/chunk.ZZQE6TG6.js";import"../../chunks/chunk.2NDGSXCD.js";import"../../chunks/chunk.5YJY6NT6.js";export{b as breakpointLookup,a as breakpoints};
 //# sourceMappingURL=breakpoints.js.map

package/dist/utils/responsive/connectAttributes.js

@@ -1,2 +1,2 @@
-import{a,b}from"../../chunks/chunk.2LKPWAAU.js";import"../../chunks/chunk.K7BHQGMB.js";import"../../chunks/chunk.OLBUKLD6.js";export{a as connectAttributes,b as mediaQueryHandler};
+import{a,b}from"../../chunks/chunk.WQARFGAY.js";import"../../chunks/chunk.WO7EIYQ3.js";import"../../chunks/chunk.5YJY6NT6.js";export{a as connectAttributes,b as mediaQueryHandler};
 //# sourceMappingURL=connectAttributes.js.map

package/dist/utils/responsive/connectStyles.js

@@ -1,15 +1,15 @@
-import{b as u}from"../../chunks/chunk.PNNIDCE7.js";import"../../chunks/chunk.GQMHBXFK.js";import"../../chunks/chunk.OLBUKLD6.js";function f(t){let r=t.responsiveInfo.attributes,o=[],m=0;for(let s=0;s<r.length;s++){let e=r[s],n=e.name,a=e.value;if(n.indexOf("style")===0)if(n==="style")o.push([`
+import{b as u}from"../../chunks/chunk.ZZQE6TG6.js";import"../../chunks/chunk.2NDGSXCD.js";import"../../chunks/chunk.5YJY6NT6.js";function f(t){let r=t.responsiveInfo.attributes,o=[],m=0;for(let s=0;s<r.length;s++){let e=r[s],n=e.name,i=e.value;if(n.indexOf("style")===0)if(n==="style")o.push([`
           .${t.uuid} { 
-            ${a}
-          }`,0]);else{m++;let c=n.split("-")[2],i=u()[c];if(i){let l=e.value;o.push([`
+            ${i}
+          }`,0]);else{m++;let c=n.split("-")[2],a=u()[c];if(a){let d=e.value;o.push([`
             @media only screen and
-              (min-width: ${i.minWidth}px) and 
-              (max-width: ${i.maxWidth}px)
+              (min-width: ${a.minWidth}px) and 
+              (max-width: ${a.maxWidth}px)
             {
               .${t.uuid} { 
-                ${l}
+                ${d}
               }
-            }`,i.priority])}}}if(m>0){t.responsiveInfo.removeAttribute("style"),t.responsiveInfo.classList.add(t.uuid),o.sort((n,a)=>n[1]>a[1]?1:-1);let s=o.map(n=>n[0]),e=document.createElement("style");e.innerHTML=s.join(`
+            }`,a.priority])}}}if(m>0){t.responsiveInfo.removeAttribute("style"),t.responsiveInfo.classList.add(t.uuid),o.sort((n,i)=>n[1]>i[1]?1:-1);let s=o.map(n=>n[0]),e=document.createElement("style");e.innerHTML=s.join(`
 
 `),e.setAttribute("id",t.uuid),t.responsiveInfo.prepend(e)}}export{f as connectStyles};
 //# sourceMappingURL=connectStyles.js.map

package/dist/utils/responsive/connectStyles.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/utils/responsive/connectStyles.ts"],
   "sourcesContent": ["import ResponsiveElement from './ResponsiveElement';\nimport {breakpointLookup} from './breakpoints';\n\n/**\n * connect styles to the responsiveEle\n * @param {ResponsiveElement} responsiveEle\n */\nexport function connectStyles(responsiveEle : ResponsiveElement) {\n  const attrs = responsiveEle.responsiveInfo.attributes;\n  const styleCss = [];\n  let totalBPStyleAttrs = 0;\n  for (let i = 0; i < attrs.length; i++) {\n    const attr = attrs[i];\n    const attrName = attr.name;\n    const attrValue = attr.value;\n\n    // checking for class only right now......\n    if (attrName.indexOf('style') === 0) {\n      if (attrName === 'style') {\n        styleCss.push([`\n          .${responsiveEle.uuid} { \n            ${attrValue}\n          }`, 0]);\n      } else {\n        totalBPStyleAttrs++;\n        const attrNameParts = attrName.split('-');\n        const bpName = attrNameParts[2];\n        const breakpoint = breakpointLookup()[bpName];\n        if (breakpoint) {\n          const attrValue = attr.value;\n          styleCss.push([`\n            @media only screen and\n              (min-width: ${breakpoint.minWidth}px) and \n              (max-width: ${breakpoint.maxWidth}px)\n            {\n              .${responsiveEle.uuid} { \n                ${attrValue}\n              }\n            }`, breakpoint.priority]);\n        }\n      }\n    }\n  }\n\n  if (totalBPStyleAttrs > 0) {\n    // made it through...now get rid of style so it doesn't override breakpoints\n    responsiveEle.responsiveInfo.removeAttribute('style');\n    // uuid may not be in classList\n    responsiveEle.responsiveInfo.classList.add(responsiveEle.uuid);\n    // sort by priority\n    styleCss.sort((a, b) => a[1] > b[1] ? 1 : -1);\n    const finalStyleCss = styleCss.map((css) => css[0]);\n\n    const sheet = document.createElement('style');\n    sheet.innerHTML = finalStyleCss.join('\\n\\n');\n    sheet.setAttribute('id', responsiveEle.uuid );\n    responsiveEle.responsiveInfo.prepend(sheet);\n  }\n}\n"],
-  "mappings": "iIAOO,WAAuB,EAAmC,CAC/D,GAAM,GAAQ,EAAc,eAAe,WACrC,EAAW,GACb,EAAoB,EACxB,OAAS,GAAI,EAAG,EAAI,EAAM,OAAQ,IAAK,CACrC,GAAM,GAAO,EAAM,GACb,EAAW,EAAK,KAChB,EAAY,EAAK,MAGvB,GAAI,EAAS,QAAQ,WAAa,EAChC,GAAI,IAAa,QACf,EAAS,KAAK,CAAC;AAAA,aACV,EAAc;AAAA,cACb;AAAA,aACA,QACD,CACL,IAEA,GAAM,GAAS,AADO,EAAS,MAAM,KACR,GACvB,EAAa,IAAmB,GACtC,GAAI,EAAY,CACd,GAAM,GAAY,EAAK,MACvB,EAAS,KAAK,CAAC;AAAA;AAAA,4BAEG,EAAW;AAAA,4BACX,EAAW;AAAA;AAAA,iBAEtB,EAAc;AAAA,kBACb;AAAA;AAAA,eAEF,EAAW,aAMzB,GAAI,EAAoB,EAAG,CAEzB,EAAc,eAAe,gBAAgB,SAE7C,EAAc,eAAe,UAAU,IAAI,EAAc,MAEzD,EAAS,KAAK,CAAC,EAAG,IAAM,EAAE,GAAK,EAAE,GAAK,EAAI,IAC1C,GAAM,GAAgB,EAAS,IAAI,AAAC,GAAQ,EAAI,IAE1C,EAAQ,SAAS,cAAc,SACrC,EAAM,UAAY,EAAc,KAAK;AAAA;AAAA,GACrC,EAAM,aAAa,KAAM,EAAc,MACvC,EAAc,eAAe,QAAQ",
+  "mappings": "iIAOO,WAAuB,EAAmC,CAC/D,GAAM,GAAQ,EAAc,eAAe,WACrC,EAAW,CAAC,EACd,EAAoB,EACxB,OAAS,GAAI,EAAG,EAAI,EAAM,OAAQ,IAAK,CACrC,GAAM,GAAO,EAAM,GACb,EAAW,EAAK,KAChB,EAAY,EAAK,MAGvB,GAAI,EAAS,QAAQ,OAAO,IAAM,EAChC,GAAI,IAAa,QACf,EAAS,KAAK,CAAC;AAAA,aACV,EAAc;AAAA,cACb;AAAA,aACA,CAAC,CAAC,MACH,CACL,IAEA,GAAM,GAAS,AADO,EAAS,MAAM,GAAG,EACX,GACvB,EAAa,EAAiB,EAAE,GACtC,GAAI,EAAY,CACd,GAAM,GAAY,EAAK,MACvB,EAAS,KAAK,CAAC;AAAA;AAAA,4BAEG,EAAW;AAAA,4BACX,EAAW;AAAA;AAAA,iBAEtB,EAAc;AAAA,kBACb;AAAA;AAAA,eAEF,EAAW,QAAQ,CAAC,CAC5B,CACF,CAEJ,CAEA,GAAI,EAAoB,EAAG,CAEzB,EAAc,eAAe,gBAAgB,OAAO,EAEpD,EAAc,eAAe,UAAU,IAAI,EAAc,IAAI,EAE7D,EAAS,KAAK,CAAC,EAAG,IAAM,EAAE,GAAK,EAAE,GAAK,EAAI,EAAE,EAC5C,GAAM,GAAgB,EAAS,IAAI,AAAC,GAAQ,EAAI,EAAE,EAE5C,EAAQ,SAAS,cAAc,OAAO,EAC5C,EAAM,UAAY,EAAc,KAAK;AAAA;AAAA,CAAM,EAC3C,EAAM,aAAa,KAAM,EAAc,IAAK,EAC5C,EAAc,eAAe,QAAQ,CAAK,CAC5C,CACF",
   "names": []
 }

package/dist/utils/responsive/processAttributes.js

@@ -1,2 +1,2 @@
-import{a}from"../../chunks/chunk.3IC2MY6C.js";import"../../chunks/chunk.PNNIDCE7.js";import"../../chunks/chunk.GQMHBXFK.js";import"../../chunks/chunk.OLBUKLD6.js";export{a as processAttributes};
+import{a}from"../../chunks/chunk.AY3YRO2L.js";import"../../chunks/chunk.ZZQE6TG6.js";import"../../chunks/chunk.2NDGSXCD.js";import"../../chunks/chunk.5YJY6NT6.js";export{a as processAttributes};
 //# sourceMappingURL=processAttributes.js.map

package/dist/utils/submitForm.js

@@ -1,2 +1,2 @@
-import{a,b}from"../chunks/chunk.N6HNCAPV.js";import"../chunks/chunk.OLBUKLD6.js";export{a as FormMethods,b as submitForm};
+import{a,b}from"../chunks/chunk.XWTXKSEG.js";import"../chunks/chunk.5YJY6NT6.js";export{a as FormMethods,b as submitForm};
 //# sourceMappingURL=submitForm.js.map

package/dist/utils/suffix.js

@@ -1,2 +1,2 @@
-import{a}from"../chunks/chunk.HK3XLIKI.js";import"../chunks/chunk.A7YRF5PH.js";import"../chunks/chunk.OLBUKLD6.js";export{a as default};
+import{a}from"../chunks/chunk.NKEEMWC7.js";import"../chunks/chunk.M2RJBEKH.js";import"../chunks/chunk.5HZ4WTGH.js";import"../chunks/chunk.ZS4C3T6Z.js";import"../chunks/chunk.5YJY6NT6.js";export{a as default};
 //# sourceMappingURL=suffix.js.map

package/dist/utils/testing/colorContrast.js

@@ -1,2 +1,2 @@
-import{a}from"../../chunks/chunk.NBDINZNC.js";import"../../chunks/chunk.OLBUKLD6.js";export{a as default};
+import{a}from"../../chunks/chunk.YSBPPYOV.js";import"../../chunks/chunk.5YJY6NT6.js";export{a as default};
 //# sourceMappingURL=colorContrast.js.map

package/dist/utils/testing/expectLink.js

@@ -1,2 +1,2 @@
-import{c as e}from"../../chunks/chunk.27EWB3ZN.js";import"../../chunks/chunk.WHYLYLVN.js";import"../../chunks/chunk.OLBUKLD6.js";var a=".scw-link-base";function c(o,n="my label",i="https://www.summitcreditunion.com",r="_blank"){let t=o.shadowRoot.querySelector(a);if(t&&t.textContent){if(t.textContent&&n!==!1){let s=t.textContent.trim().replace(/\s+/g," ");e(s).to.equal(n)}e(t.nodeName).to.equal("A"),e(t).to.have.attribute("href",i),e(t).to.have.attribute("target",r)}else e(!0).to.be.false}export{c as default,a as scwLinkBaseElementQuery};
+import{c as e}from"../../chunks/chunk.XZRPHO5Y.js";import"../../chunks/chunk.HIREWGSQ.js";import"../../chunks/chunk.5YJY6NT6.js";var s=".scw-link-base";function c(n,o="my label",r="https://www.summitcreditunion.com",a="_blank"){let t=n.shadowRoot.querySelector(s);if(t&&t.textContent){if(t.textContent&&o!==!1){let i=t.textContent.trim().replace(/\s+/g," ");e(i).to.equal(o)}e(t.nodeName).to.equal("A"),e(t).to.have.attribute("href",r),e(t).to.have.attribute("target",a)}else e(!0).to.be.false}export{c as default,s as scwLinkBaseElementQuery};
 //# sourceMappingURL=expectLink.js.map

package/dist/utils/testing/expectLink.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/utils/testing/expectLink.ts"],
   "sourcesContent": ["import {expect} from '@open-wc/testing';\nimport type ScwComponent from '../../scw-component/ScwComponent';\n\nexport const scwLinkBaseElementQuery = '.scw-link-base';\n\n/**\n * expect a link\n * @param {ScwComponent} ele\n * @param {string} textContent\n * @param {string} href\n * @param {string} target\n */\nexport default function expectLink(\n  ele:ScwComponent,\n  textContent: string | false = 'my label',\n  href: string = `https://www.summitcreditunion.com`,\n  target: string = '_blank',\n) {\n  const linkEle = ele.shadowRoot!.querySelector(scwLinkBaseElementQuery);\n\n  if (linkEle && linkEle.textContent) {\n    if (linkEle.textContent && textContent !== false) {\n      const textContentFinal = linkEle.textContent.trim().replace(/\\s+/g, ' ');\n      expect(textContentFinal).to.equal(textContent);\n    }\n\n    // a link\n    expect(linkEle.nodeName).to.equal(`A`);\n    expect(linkEle).to.have.attribute('href', href);\n    expect(linkEle).to.have.attribute('target', target);\n  } else {\n    expect(true).to.be.false;\n  }\n}\n"],
-  "mappings": "iIAGO,GAAM,GAA0B,iBASxB,WACb,EACA,EAA8B,WAC9B,EAAe,oCACf,EAAiB,SACjB,CACA,GAAM,GAAU,EAAI,WAAY,cAAc,GAE9C,GAAI,GAAW,EAAQ,YAAa,CAClC,GAAI,EAAQ,aAAe,IAAgB,GAAO,CAChD,GAAM,GAAmB,EAAQ,YAAY,OAAO,QAAQ,OAAQ,KACpE,EAAO,GAAkB,GAAG,MAAM,GAIpC,EAAO,EAAQ,UAAU,GAAG,MAAM,KAClC,EAAO,GAAS,GAAG,KAAK,UAAU,OAAQ,GAC1C,EAAO,GAAS,GAAG,KAAK,UAAU,SAAU,OAE5C,GAAO,IAAM,GAAG,GAAG",
+  "mappings": "iIAGO,GAAM,GAA0B,iBASxB,WACb,EACA,EAA8B,WAC9B,EAAe,oCACf,EAAiB,SACjB,CACA,GAAM,GAAU,EAAI,WAAY,cAAc,CAAuB,EAErE,GAAI,GAAW,EAAQ,YAAa,CAClC,GAAI,EAAQ,aAAe,IAAgB,GAAO,CAChD,GAAM,GAAmB,EAAQ,YAAY,KAAK,EAAE,QAAQ,OAAQ,GAAG,EACvE,EAAO,CAAgB,EAAE,GAAG,MAAM,CAAW,CAC/C,CAGA,EAAO,EAAQ,QAAQ,EAAE,GAAG,MAAM,GAAG,EACrC,EAAO,CAAO,EAAE,GAAG,KAAK,UAAU,OAAQ,CAAI,EAC9C,EAAO,CAAO,EAAE,GAAG,KAAK,UAAU,SAAU,CAAM,CACpD,KACE,GAAO,EAAI,EAAE,GAAG,GAAG,KAEvB",
   "names": []
 }

package/dist/utils/testing/getActiveElement.js

@@ -1,2 +1,2 @@
-import{a}from"../../chunks/chunk.ZAEDKAW2.js";import"../../chunks/chunk.OLBUKLD6.js";export{a as default};
+import{a}from"../../chunks/chunk.FOS72CHS.js";import"../../chunks/chunk.5YJY6NT6.js";export{a as default};
 //# sourceMappingURL=getActiveElement.js.map

package/dist/utils/testing/ssrTesting.js

@@ -1,2 +1,2 @@
-import{c as e}from"../../chunks/chunk.27EWB3ZN.js";import"../../chunks/chunk.WHYLYLVN.js";import"../../chunks/chunk.OLBUKLD6.js";function s(t){e(t.ssr).to.contain('<template shadowroot="open">')}function r(t,o){e(t.ssr).to.contain("<a"),o&&e(t.ssr).to.contain(o)}export{r as expectSSRAnchor,s as expectSSRTemplate};
+import{c as o}from"../../chunks/chunk.XZRPHO5Y.js";import"../../chunks/chunk.HIREWGSQ.js";import"../../chunks/chunk.5YJY6NT6.js";function s(t){o(t.ssr).to.contain('<template shadowroot="open">')}function r(t,e){o(t.ssr).to.contain("<a"),e&&o(t.ssr).to.contain(e)}export{r as expectSSRAnchor,s as expectSSRTemplate};
 //# sourceMappingURL=ssrTesting.js.map

package/dist/utils/testing/ssrTesting.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/utils/testing/ssrTesting.ts"],
   "sourcesContent": ["import {expect} from '@open-wc/testing';\n\nexport interface SSRResults {\n  source: string;\n  ssr: string;\n}\n\n/**\n * expect SSR Template\n * @param {string} ssrResults\n */\nexport function expectSSRTemplate(ssrResults: SSRResults) {\n  expect(ssrResults.ssr).to.contain('<template shadowroot=\"open\">');\n}\n\n/**\n * expect SSR Anchor\n * @param {string} ssrResults\n * @param {string} href\n */\n export function expectSSRAnchor(ssrResults: SSRResults, href?: string) {\n  expect(ssrResults.ssr).to.contain('<a');\n  if (href) {\n    expect(ssrResults.ssr).to.contain(href);\n  }\n}\n"],
-  "mappings": "iIAWO,WAA2B,EAAwB,CACxD,EAAO,EAAW,KAAK,GAAG,QAAQ,gCAQ5B,WAAyB,EAAwB,EAAe,CACtE,EAAO,EAAW,KAAK,GAAG,QAAQ,MAC9B,GACF,EAAO,EAAW,KAAK,GAAG,QAAQ",
+  "mappings": "iIAWO,WAA2B,EAAwB,CACxD,EAAO,EAAW,GAAG,EAAE,GAAG,QAAQ,8BAA8B,CAClE,CAOQ,WAAyB,EAAwB,EAAe,CACtE,EAAO,EAAW,GAAG,EAAE,GAAG,QAAQ,IAAI,EAClC,GACF,EAAO,EAAW,GAAG,EAAE,GAAG,QAAQ,CAAI,CAE1C",
   "names": []
 }

package/dist/utils/testing/testButtonADA.js

@@ -1,2 +1,2 @@
-import{a as s}from"../../chunks/chunk.ZAEDKAW2.js";import{a as o,c as e}from"../../chunks/chunk.27EWB3ZN.js";import"../../chunks/chunk.WHYLYLVN.js";import"../../chunks/chunk.OLBUKLD6.js";async function i(t,a){await e(t).shadowDom.to.be.accessible(),await o({press:"Tab"});let n=a||t;e(s()).to.equal(n),await e(t).shadowDom.to.be.accessible(),t.blur(),t.setAttribute("hover",""),await e(t).shadowDom.to.be.accessible()}export{i as default};
+import{a as s}from"../../chunks/chunk.FOS72CHS.js";import{a as o,c as e}from"../../chunks/chunk.XZRPHO5Y.js";import"../../chunks/chunk.HIREWGSQ.js";import"../../chunks/chunk.5YJY6NT6.js";async function b(t,a){await e(t).shadowDom.to.be.accessible(),await o({press:"Tab"});let i=a||t;e(s()).to.equal(i),await e(t).shadowDom.to.be.accessible(),t.blur(),t.setAttribute("hover",""),await e(t).shadowDom.to.be.accessible()}export{b as default};
 //# sourceMappingURL=testButtonADA.js.map

package/dist/utils/testing/testButtonADA.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/utils/testing/testButtonADA.ts"],
   "sourcesContent": ["import {expect} from '@open-wc/testing';\nimport {sendKeys} from '@web/test-runner-commands';\nimport getActiveElement from './getActiveElement';\n\n/**\n * test button ada and tabbability\n * @param {HTMLElement} el\n * @param {HTMLElement} tabTarget\n */\nexport default async function testButtonADAandTabbable(\n  el : HTMLElement,\n  tabTarget? : HTMLElement,\n) {\n  // ADA (default state)\n  await expect(el).shadowDom.to.be.accessible();\n\n  // Tabbable\n  await sendKeys({press: 'Tab'});\n  const finalTabTarget = tabTarget ? tabTarget : el;\n  expect(getActiveElement()).to.equal(finalTabTarget);\n\n  // ADA (focused state)\n  await expect(el).shadowDom.to.be.accessible();\n\n  // finally fake hover\n  el.blur();\n  el.setAttribute('hover', '');\n  await expect(el).shadowDom.to.be.accessible();\n}\n\n"],
-  "mappings": "2LASA,iBACE,EACA,EACA,CAEA,KAAM,GAAO,GAAI,UAAU,GAAG,GAAG,aAGjC,KAAM,GAAS,CAAC,MAAO,QACvB,GAAM,GAAiB,GAAwB,EAC/C,EAAO,KAAoB,GAAG,MAAM,GAGpC,KAAM,GAAO,GAAI,UAAU,GAAG,GAAG,aAGjC,EAAG,OACH,EAAG,aAAa,QAAS,IACzB,KAAM,GAAO,GAAI,UAAU,GAAG,GAAG",
+  "mappings": "2LASA,iBACE,EACA,EACA,CAEA,KAAM,GAAO,CAAE,EAAE,UAAU,GAAG,GAAG,WAAW,EAG5C,KAAM,GAAS,CAAC,MAAO,KAAK,CAAC,EAC7B,GAAM,GAAiB,GAAwB,EAC/C,EAAO,EAAiB,CAAC,EAAE,GAAG,MAAM,CAAc,EAGlD,KAAM,GAAO,CAAE,EAAE,UAAU,GAAG,GAAG,WAAW,EAG5C,EAAG,KAAK,EACR,EAAG,aAAa,QAAS,EAAE,EAC3B,KAAM,GAAO,CAAE,EAAE,UAAU,GAAG,GAAG,WAAW,CAC9C",
   "names": []
 }

package/dist/utils/themes/enums.js

@@ -1,2 +1,2 @@
-import{a,b}from"../../chunks/chunk.OUSDGIBB.js";import"../../chunks/chunk.OLBUKLD6.js";export{b as ScwFeedbackColors,a as ScwThemeColors};
+import{a,b}from"../../chunks/chunk.AMYPU3TJ.js";import"../../chunks/chunk.5YJY6NT6.js";export{b as ScwFeedbackColors,a as ScwThemeColors};
 //# sourceMappingURL=enums.js.map

package/dist/utils/uuid.js

@@ -1,2 +1,2 @@
-import"../chunks/chunk.OLBUKLD6.js";function r(){return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,function(n){let x=Math.random()*16|0;return(n=="x"?x:x&3|8).toString(16)})}export{r as uuidv4};
+import"../chunks/chunk.5YJY6NT6.js";function r(){return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,function(n){let x=Math.random()*16|0;return(n=="x"?x:x&3|8).toString(16)})}export{r as uuidv4};
 //# sourceMappingURL=uuid.js.map

package/dist/utils/uuid.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/utils/uuid.ts"],
   "sourcesContent": ["/**\n * create unique id\n * @return {string}\n */\nexport function uuidv4() {\n  return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {\n    const r = Math.random() * 16 | 0; const v = c == 'x' ? r : (r & 0x3 | 0x8);\n    return v.toString(16);\n  });\n}\n"],
-  "mappings": "oCAIO,YAAkB,CACvB,MAAO,uCAAuC,QAAQ,QAAS,SAAS,EAAG,CACzE,GAAM,GAAI,KAAK,SAAW,GAAK,EAC/B,MAAO,AADqC,IAAK,IAAM,EAAK,EAAI,EAAM,GAC7D,SAAS",
+  "mappings": "oCAIO,YAAkB,CACvB,MAAO,uCAAuC,QAAQ,QAAS,SAAS,EAAG,CACzE,GAAM,GAAI,KAAK,OAAO,EAAI,GAAK,EAC/B,MAAO,AADqC,IAAK,IAAM,EAAK,EAAI,EAAM,GAC7D,SAAS,EAAE,CACtB,CAAC,CACH",
   "names": []
 }

package/dist/utils/watch.js

@@ -1,2 +1,2 @@
-import{a}from"../chunks/chunk.BJAAAXYN.js";import"../chunks/chunk.OLBUKLD6.js";export{a as watch};
+import{a}from"../chunks/chunk.RQ2STTXL.js";import"../chunks/chunk.5YJY6NT6.js";export{a as watch};
 //# sourceMappingURL=watch.js.map

package/package.json

@@ -1,10 +1,13 @@
 {
   "name": "scu-web-components",
-  "version": "0.0.11",
+  "version": "0.0.14",
   "description": "Summit Credit Union Design System components for use on member facing apps and websites",
   "author": "srouse",
   "license": "MIT",
   "main": "dist/index.js",
+  "bin": {
+    "scw-components": "./bin/cli.mjs"
+  },
   "files": [
     "dist"
   ],
@@ -37,14 +40,14 @@
     "chalk": "^4.1.2",
     "command-line-args": "^5.2.0",
     "dotenv": "^10.0.0",
-    "esbuild": "^0.12.18",
+    "esbuild": "^0.14.38",
     "esbuild-sass-plugin": "^1.4.11",
     "fs-extra": "^10.0.0",
     "get-port": "^5.1.1",
     "glob-promise": "^4.2.0",
     "lit": "^2.2.0",
     "rgb-hex": "^4.0.0",
-    "scu-tokenizer": "0.6.10",
+    "scu-tokenizer": "0.7.16",
     "sinon": "^11.1.2",
     "static-params": "^0.2.1"
   },

package/dist/chunks/axe.min.3T3KCIXZ.js

@@ -1,2 +0,0 @@
-import{a}from"./chunk.WHYLYLVN.js";import"./chunk.OLBUKLD6.js";export default a();
-//# sourceMappingURL=axe.min.3T3KCIXZ.js.map