scu-web-components 0.0.13 → 0.0.16

package/dist/scw-link/ScwLink.js

@@ -1,2 +1,2 @@
-import{a}from"../chunks/chunk.3PCUWNFQ.js";import"../chunks/chunk.PXQQTQKT.js";import"../chunks/chunk.FYTBJA75.js";import"../chunks/chunk.WCJ4CSRJ.js";import"../chunks/chunk.5HZ4WTGH.js";import"../chunks/chunk.FFWFAT4Z.js";import"../chunks/chunk.QRG5WBRU.js";import"../chunks/chunk.HTYHFPGD.js";import"../chunks/chunk.AMYPU3TJ.js";import"../chunks/chunk.UERHHZYW.js";import"../chunks/chunk.AY3YRO2L.js";import"../chunks/chunk.WWTEGHW5.js";import"../chunks/chunk.ZZQE6TG6.js";import"../chunks/chunk.2NDGSXCD.js";import"../chunks/chunk.WQARFGAY.js";import"../chunks/chunk.WO7EIYQ3.js";import"../chunks/chunk.3MIP3PMW.js";import"../chunks/chunk.5YJY6NT6.js";export{a as default};
+import{a}from"../chunks/chunk.EQU3VQAH.js";import"../chunks/chunk.PXQQTQKT.js";import"../chunks/chunk.K3V3AEZG.js";import"../chunks/chunk.WCJ4CSRJ.js";import"../chunks/chunk.5HZ4WTGH.js";import"../chunks/chunk.VSIKGAIE.js";import"../chunks/chunk.QRG5WBRU.js";import"../chunks/chunk.NUBCUBHW.js";import"../chunks/chunk.AMYPU3TJ.js";import"../chunks/chunk.UERHHZYW.js";import"../chunks/chunk.AY3YRO2L.js";import"../chunks/chunk.WWTEGHW5.js";import"../chunks/chunk.ZZQE6TG6.js";import"../chunks/chunk.2NDGSXCD.js";import"../chunks/chunk.WQARFGAY.js";import"../chunks/chunk.WO7EIYQ3.js";import"../chunks/chunk.ZS4C3T6Z.js";import"../chunks/chunk.3MIP3PMW.js";import"../chunks/chunk.5YJY6NT6.js";export{a as default};
 //# sourceMappingURL=ScwLink.js.map

package/dist/scw-link/scw-link.js

@@ -1,2 +1,2 @@
-import"../chunks/chunk.UXU6F5B7.js";import"../chunks/chunk.3PCUWNFQ.js";import"../chunks/chunk.PXQQTQKT.js";import"../chunks/chunk.FYTBJA75.js";import"../chunks/chunk.WCJ4CSRJ.js";import"../chunks/chunk.5HZ4WTGH.js";import"../chunks/chunk.FFWFAT4Z.js";import"../chunks/chunk.QRG5WBRU.js";import"../chunks/chunk.HTYHFPGD.js";import"../chunks/chunk.AMYPU3TJ.js";import"../chunks/chunk.UERHHZYW.js";import"../chunks/chunk.AY3YRO2L.js";import"../chunks/chunk.WWTEGHW5.js";import"../chunks/chunk.ZZQE6TG6.js";import"../chunks/chunk.2NDGSXCD.js";import"../chunks/chunk.WQARFGAY.js";import"../chunks/chunk.WO7EIYQ3.js";import"../chunks/chunk.3MIP3PMW.js";import"../chunks/chunk.5YJY6NT6.js";
+import"../chunks/chunk.45IXZHTR.js";import"../chunks/chunk.EQU3VQAH.js";import"../chunks/chunk.PXQQTQKT.js";import"../chunks/chunk.K3V3AEZG.js";import"../chunks/chunk.WCJ4CSRJ.js";import"../chunks/chunk.5HZ4WTGH.js";import"../chunks/chunk.VSIKGAIE.js";import"../chunks/chunk.QRG5WBRU.js";import"../chunks/chunk.NUBCUBHW.js";import"../chunks/chunk.AMYPU3TJ.js";import"../chunks/chunk.UERHHZYW.js";import"../chunks/chunk.AY3YRO2L.js";import"../chunks/chunk.WWTEGHW5.js";import"../chunks/chunk.ZZQE6TG6.js";import"../chunks/chunk.2NDGSXCD.js";import"../chunks/chunk.WQARFGAY.js";import"../chunks/chunk.WO7EIYQ3.js";import"../chunks/chunk.ZS4C3T6Z.js";import"../chunks/chunk.3MIP3PMW.js";import"../chunks/chunk.5YJY6NT6.js";
 //# sourceMappingURL=scw-link.js.map

package/dist/scw-link-base/ScwLinkBase.js

@@ -1,2 +1,2 @@
-import{c as a}from"../chunks/chunk.FFWFAT4Z.js";import"../chunks/chunk.QRG5WBRU.js";import"../chunks/chunk.HTYHFPGD.js";import"../chunks/chunk.AMYPU3TJ.js";import"../chunks/chunk.UERHHZYW.js";import"../chunks/chunk.AY3YRO2L.js";import"../chunks/chunk.WWTEGHW5.js";import"../chunks/chunk.ZZQE6TG6.js";import"../chunks/chunk.2NDGSXCD.js";import"../chunks/chunk.WQARFGAY.js";import"../chunks/chunk.WO7EIYQ3.js";import"../chunks/chunk.3MIP3PMW.js";import"../chunks/chunk.5YJY6NT6.js";export{a as default};
+import{c as a}from"../chunks/chunk.VSIKGAIE.js";import"../chunks/chunk.QRG5WBRU.js";import"../chunks/chunk.NUBCUBHW.js";import"../chunks/chunk.AMYPU3TJ.js";import"../chunks/chunk.UERHHZYW.js";import"../chunks/chunk.AY3YRO2L.js";import"../chunks/chunk.WWTEGHW5.js";import"../chunks/chunk.ZZQE6TG6.js";import"../chunks/chunk.2NDGSXCD.js";import"../chunks/chunk.WQARFGAY.js";import"../chunks/chunk.WO7EIYQ3.js";import"../chunks/chunk.ZS4C3T6Z.js";import"../chunks/chunk.3MIP3PMW.js";import"../chunks/chunk.5YJY6NT6.js";export{a as default};
 //# sourceMappingURL=ScwLinkBase.js.map

package/dist/scw-link-base/scw-link-base.js

@@ -1,2 +1,2 @@
-import"../chunks/chunk.LGE4PCTK.js";import"../chunks/chunk.FFWFAT4Z.js";import"../chunks/chunk.QRG5WBRU.js";import"../chunks/chunk.HTYHFPGD.js";import"../chunks/chunk.AMYPU3TJ.js";import"../chunks/chunk.UERHHZYW.js";import"../chunks/chunk.AY3YRO2L.js";import"../chunks/chunk.WWTEGHW5.js";import"../chunks/chunk.ZZQE6TG6.js";import"../chunks/chunk.2NDGSXCD.js";import"../chunks/chunk.WQARFGAY.js";import"../chunks/chunk.WO7EIYQ3.js";import"../chunks/chunk.3MIP3PMW.js";import"../chunks/chunk.5YJY6NT6.js";
+import"../chunks/chunk.H2FIZPAI.js";import"../chunks/chunk.VSIKGAIE.js";import"../chunks/chunk.QRG5WBRU.js";import"../chunks/chunk.NUBCUBHW.js";import"../chunks/chunk.AMYPU3TJ.js";import"../chunks/chunk.UERHHZYW.js";import"../chunks/chunk.AY3YRO2L.js";import"../chunks/chunk.WWTEGHW5.js";import"../chunks/chunk.ZZQE6TG6.js";import"../chunks/chunk.2NDGSXCD.js";import"../chunks/chunk.WQARFGAY.js";import"../chunks/chunk.WO7EIYQ3.js";import"../chunks/chunk.ZS4C3T6Z.js";import"../chunks/chunk.3MIP3PMW.js";import"../chunks/chunk.5YJY6NT6.js";
 //# sourceMappingURL=scw-link-base.js.map

package/dist/scw-menu/scw-menu.js

@@ -1,4 +1,4 @@
-import{a as s}from"../chunks/chunk.2XYCU7NE.js";import{a as l}from"../chunks/chunk.O62ESURG.js";import"../chunks/chunk.RGUNTLJP.js";import{a as m}from"../chunks/chunk.VB3TV2S3.js";import"../chunks/chunk.2VW3SHYK.js";import{a as n,b as a,g as i,j as o}from"../chunks/chunk.HTYHFPGD.js";import"../chunks/chunk.AMYPU3TJ.js";import"../chunks/chunk.UERHHZYW.js";import"../chunks/chunk.AY3YRO2L.js";import"../chunks/chunk.WWTEGHW5.js";import"../chunks/chunk.ZZQE6TG6.js";import"../chunks/chunk.2NDGSXCD.js";import"../chunks/chunk.WQARFGAY.js";import"../chunks/chunk.WO7EIYQ3.js";import"../chunks/chunk.3MIP3PMW.js";import{g as e}from"../chunks/chunk.5YJY6NT6.js";var d=n`
+import{a as s}from"../chunks/chunk.2XYCU7NE.js";import{a as l}from"../chunks/chunk.O62ESURG.js";import"../chunks/chunk.RGUNTLJP.js";import{a as m}from"../chunks/chunk.VB3TV2S3.js";import"../chunks/chunk.2VW3SHYK.js";import{a as n,b as i,e as o}from"../chunks/chunk.NUBCUBHW.js";import"../chunks/chunk.AMYPU3TJ.js";import"../chunks/chunk.UERHHZYW.js";import"../chunks/chunk.AY3YRO2L.js";import"../chunks/chunk.WWTEGHW5.js";import"../chunks/chunk.ZZQE6TG6.js";import"../chunks/chunk.2NDGSXCD.js";import"../chunks/chunk.WQARFGAY.js";import"../chunks/chunk.WO7EIYQ3.js";import{a}from"../chunks/chunk.ZS4C3T6Z.js";import"../chunks/chunk.3MIP3PMW.js";import{g as e}from"../chunks/chunk.5YJY6NT6.js";var d=n`
 :host {
   /* scw element */
   position: relative;

package/dist/scw-menu/scw-menu.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["sass-plugin-0:/Users/scottrouse/Workspace/scu-design-system-mono/scu-web-components/src/scw-menu/scss/scw-menu.scss", "../../src/scw-menu/scw-menu.ts"],
   "sourcesContent": ["import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host {\n  /* scw element */\n  position: relative;\n  box-sizing: border-box;\n  --margin-right: initial;\n  --margin-bottom: initial;\n  --gap-h-int: initial;\n  --gap-v-int: initial;\n  margin-right: var(--margin-right, var(--gap-h-int, initial));\n  margin-bottom: var(--margin-bottom, var(--gap-v-int, initial));\n  display: block;\n}\n\n:host([warning]) {\n  outline: 2px solid red !important;\n}\n\n:host {\n  display: inline-flex;\n}\n:host nav {\n  display: inline-block;\n  width: 100%;\n}\n:host .heading-label {\n  clip: rect(0 0 0 0);\n  clip-path: inset(50%);\n  height: 1px;\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n  margin: 0 !important;\n}`;\n", "import {html} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport ScwComponent from '../scw-component/ScwComponent';\nimport styles from './scss/scw-menu.scss';\nimport validate from './scw-menu-validate';\nimport ScwMenuKeyboard from './keyboard/scw-menu-keyboard';\nimport ScwMenuItem from '../scw-menu-item/scw-menu-item';\nimport {ScwMenuDirections} from './scw-menu-enums';\nimport {Components} from '../utils/enums/Components';\n\n/**\n * ScwMenu\n * @class\n * @tag scw-menu\n *\n * @slot [default=\"<scw-menu-item />...\"]\n    List of scw-menu-items\n */\nexport default class ScwMenu extends ScwComponent {\n  /**\n  * styles\n  */\n   static get styles() {\n    return [\n      super.styles,\n      styles,\n    ];\n  }\n\n  // ============== ScwMenu ================================================\n  /**\n  * (<ScwMenu>) Base name of the navigation announced in screen readers\n  * @type {string}\n  */\n  @property({type: String, reflect: true, attribute: 'aria-label'})\n    ariaLabel: string = '';\n\n  /**\n  * (<ScwMenu>) Turns menu visible and invisible (ADA friendly)\n  * @type {string}\n  */\n  @property({type: String, attribute: 'aria-hidden'})\n    ariaHidden: string = 'false';\n\n  /**\n  * (<ScwMenu>) determines some arrow key differences\n  * (either, horizontal, vertical)\n  * @type {ScwMenuDirections}\n  */\n  @property({type: ScwMenuDirections, attribute: 'keyboard-direction'})\n    keyboardDirection: ScwMenuDirections = ScwMenuDirections.either;\n\n  /** Manages all keyboard events */\n  _keyboardManager : ScwMenuKeyboard;\n\n  /** keeps track of the menu item controling this menu */\n  _menuItem : ScwMenuItem | undefined;\n\n  /**\n  * Constructor\n  */\n  constructor() {\n    super();\n    this.element = Components.menu;\n    // this.setAttribute('role', 'menu' );\n    this.setAttribute('tabindex', '0');\n    this.setAttribute('scw-flex-h-initial', '');// defaults to flex-h\n    this._keyboardManager = new ScwMenuKeyboard(this);\n  }\n\n  /** connectedCallback */\n  connectedCallback(): void {\n    super.connectedCallback();\n    // menu will always come directly after it's scw-menu-item\n    this._menuItem = this.findMenuItem();\n    if (this._menuItem) {\n      this._menuItem.setAttribute('aria-expanded', 'false');\n    }\n    this.setAttribute('role', this.isSubMenu() ? 'menu' : 'menubar');\n  }\n\n  /**\n   * determines if this menu item has a sub menu\n   * @return {ScwMenuItem | undefined}\n   */\n  findMenuItem() {\n    const prev = this.previousElementSibling;\n    // if (prev && prev['element'] === Components.menuItem) {\n    // the component may not be initialized yet...\n    if (prev && prev.nodeName.indexOf('SCW-MENU-ITEM') === 0 ) {\n      return prev as unknown as ScwMenuItem;\n    }\n    return undefined;\n  }\n\n  /**\n  * Is this a nested menu or not...\n  * @return {boolean}\n  */\n  isSubMenu() : boolean {\n    return ( this._menuItem !== undefined ) ? true : false;\n  }\n\n  /** parseAndValidateLightDom, just adding local parsing and validation */\n  parseAndValidateLightDom() {\n    super.parseAndValidateLightDom();\n    validate( this );\n  }\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n  render(): object {\n    this.style.display = this.ariaHidden === 'true' ? 'none' : '';\n\n    if (this.isSubMenu() && this._menuItem) {\n      this._menuItem.setAttribute(\n        'aria-expanded',\n        this.ariaHidden === 'true' ? 'false' : 'true',\n      );\n    }\n\n    /* return html`\n      <nav\n        aria-label=\"${this.ariaLabel} navigation\"\n        role=\"${this.isSubMenu() ? 'menu' : 'menubar'}\">\n        <slot></slot>\n      </nav>`;*/\n\n    return html`<slot></slot>`;\n  }\n}\n"],
-  "mappings": "ipBACA,GAAO,GAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;GCiBf,mBAAqC,EAAa,CA2ChD,aAAc,CACZ,MAAM,EA3BN,eAAoB,GAOpB,gBAAqB,QAQrB,uBAAuC,SAavC,KAAK,QAAU,OAEf,KAAK,aAAa,WAAY,GAAG,EACjC,KAAK,aAAa,qBAAsB,EAAE,EAC1C,KAAK,iBAAmB,GAAI,GAAgB,IAAI,CAClD,WA9CY,SAAS,CACnB,MAAO,CACL,MAAM,OACN,CACF,CACF,CA4CA,mBAA0B,CACxB,MAAM,kBAAkB,EAExB,KAAK,UAAY,KAAK,aAAa,EAC/B,KAAK,WACP,KAAK,UAAU,aAAa,gBAAiB,OAAO,EAEtD,KAAK,aAAa,OAAQ,KAAK,UAAU,EAAI,OAAS,SAAS,CACjE,CAMA,cAAe,CACb,GAAM,GAAO,KAAK,uBAGlB,GAAI,GAAQ,EAAK,SAAS,QAAQ,eAAe,IAAM,EACrD,MAAO,EAGX,CAMA,WAAsB,CACpB,MAAS,MAAK,YAAc,MAC9B,CAGA,0BAA2B,CACzB,MAAM,yBAAyB,EAC/B,EAAU,IAAK,CACjB,CAMA,QAAiB,CACf,YAAK,MAAM,QAAU,KAAK,aAAe,OAAS,OAAS,GAEvD,KAAK,UAAU,GAAK,KAAK,WAC3B,KAAK,UAAU,aACb,gBACA,KAAK,aAAe,OAAS,QAAU,MACzC,EAUK,gBACT,CACF,EAjGI,GADF,AAAC,EAAS,CAAC,KAAM,OAAQ,QAAS,GAAM,UAAW,YAAY,CAAC,GAC9D,AAjBJ,EAiBI,yBAOA,GADF,AAAC,EAAS,CAAC,KAAM,OAAQ,UAAW,aAAa,CAAC,GAChD,AAxBJ,EAwBI,0BAQA,GADF,AAAC,EAAS,CAAC,KAAM,EAAmB,UAAW,oBAAoB,CAAC,GAClE,AAhCJ,EAgCI",
+  "mappings": "qrBACA,GAAO,GAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;GCiBf,mBAAqC,EAAa,CA2ChD,aAAc,CACZ,MAAM,EA3BN,eAAoB,GAOpB,gBAAqB,QAQrB,uBAAuC,SAavC,KAAK,QAAU,OAEf,KAAK,aAAa,WAAY,GAAG,EACjC,KAAK,aAAa,qBAAsB,EAAE,EAC1C,KAAK,iBAAmB,GAAI,GAAgB,IAAI,CAClD,WA9CY,SAAS,CACnB,MAAO,CACL,MAAM,OACN,CACF,CACF,CA4CA,mBAA0B,CACxB,MAAM,kBAAkB,EAExB,KAAK,UAAY,KAAK,aAAa,EAC/B,KAAK,WACP,KAAK,UAAU,aAAa,gBAAiB,OAAO,EAEtD,KAAK,aAAa,OAAQ,KAAK,UAAU,EAAI,OAAS,SAAS,CACjE,CAMA,cAAe,CACb,GAAM,GAAO,KAAK,uBAGlB,GAAI,GAAQ,EAAK,SAAS,QAAQ,eAAe,IAAM,EACrD,MAAO,EAGX,CAMA,WAAsB,CACpB,MAAS,MAAK,YAAc,MAC9B,CAGA,0BAA2B,CACzB,MAAM,yBAAyB,EAC/B,EAAU,IAAK,CACjB,CAMA,QAAiB,CACf,YAAK,MAAM,QAAU,KAAK,aAAe,OAAS,OAAS,GAEvD,KAAK,UAAU,GAAK,KAAK,WAC3B,KAAK,UAAU,aACb,gBACA,KAAK,aAAe,OAAS,QAAU,MACzC,EAUK,gBACT,CACF,EAjGI,GADF,AAAC,EAAS,CAAC,KAAM,OAAQ,QAAS,GAAM,UAAW,YAAY,CAAC,GAC9D,AAjBJ,EAiBI,yBAOA,GADF,AAAC,EAAS,CAAC,KAAM,OAAQ,UAAW,aAAa,CAAC,GAChD,AAxBJ,EAwBI,0BAQA,GADF,AAAC,EAAS,CAAC,KAAM,EAAmB,UAAW,oBAAoB,CAAC,GAClE,AAhCJ,EAgCI",
   "names": []
 }

package/dist/scw-menu-item/scw-menu-item.js

@@ -1,4 +1,4 @@
-import{a as n}from"../chunks/chunk.MOWV5A2M.js";import{a}from"../chunks/chunk.3PCUWNFQ.js";import"../chunks/chunk.PXQQTQKT.js";import"../chunks/chunk.FYTBJA75.js";import"../chunks/chunk.WCJ4CSRJ.js";import"../chunks/chunk.5HZ4WTGH.js";import"../chunks/chunk.FFWFAT4Z.js";import"../chunks/chunk.QRG5WBRU.js";import{a as e,b as o,g as s}from"../chunks/chunk.HTYHFPGD.js";import"../chunks/chunk.AMYPU3TJ.js";import"../chunks/chunk.UERHHZYW.js";import"../chunks/chunk.AY3YRO2L.js";import"../chunks/chunk.WWTEGHW5.js";import"../chunks/chunk.ZZQE6TG6.js";import"../chunks/chunk.2NDGSXCD.js";import"../chunks/chunk.WQARFGAY.js";import"../chunks/chunk.WO7EIYQ3.js";import"../chunks/chunk.3MIP3PMW.js";import{g as r}from"../chunks/chunk.5YJY6NT6.js";var c=e`
+import{a as n}from"../chunks/chunk.MOWV5A2M.js";import{a}from"../chunks/chunk.EQU3VQAH.js";import"../chunks/chunk.PXQQTQKT.js";import"../chunks/chunk.K3V3AEZG.js";import"../chunks/chunk.WCJ4CSRJ.js";import"../chunks/chunk.5HZ4WTGH.js";import"../chunks/chunk.VSIKGAIE.js";import"../chunks/chunk.QRG5WBRU.js";import{a as e,b as s}from"../chunks/chunk.NUBCUBHW.js";import"../chunks/chunk.AMYPU3TJ.js";import"../chunks/chunk.UERHHZYW.js";import"../chunks/chunk.AY3YRO2L.js";import"../chunks/chunk.WWTEGHW5.js";import"../chunks/chunk.ZZQE6TG6.js";import"../chunks/chunk.2NDGSXCD.js";import"../chunks/chunk.WQARFGAY.js";import"../chunks/chunk.WO7EIYQ3.js";import{a as o}from"../chunks/chunk.ZS4C3T6Z.js";import"../chunks/chunk.3MIP3PMW.js";import{g as r}from"../chunks/chunk.5YJY6NT6.js";var c=e`
 :host([design=main]) {
   outline: none;
   background-color: rgba(0, 0, 0, 0);

package/dist/scw-menu-item/scw-menu-item.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["sass-plugin-0:/Users/scottrouse/Workspace/scu-design-system-mono/scu-web-components/src/scw-menu-item/scss/scw-menu-item.scss", "../../src/scw-menu-item/scw-menu-item.ts"],
   "sourcesContent": ["import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host([design=main]) {\n  outline: none;\n  background-color: rgba(0, 0, 0, 0);\n  padding-left: var(--scw-spacing-1);\n  padding-right: var(--scw-spacing-1);\n  padding-top: calc(var(--scw-spacing-1) * 0.8);\n  padding-bottom: var(--scw-spacing-1);\n  display: inline-flex;\n}\n:host([design=main]) .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-condensed-07-font);\n  color: var(--scw-color-grey-02);\n}\n\n:host([design=main]:focus-visible) {\n  background-color: var(--scw-color-grey-10);\n  border-radius: 4px 4px 4px 4px;\n  box-shadow: var(--scw-effect-focus-shadow);\n  padding-left: var(--scw-spacing-1);\n  padding-right: var(--scw-spacing-1);\n  padding-top: calc(var(--scw-spacing-1) * 0.8);\n  padding-bottom: var(--scw-spacing-1);\n}\n:host([design=main]:focus-visible) .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-condensed-07-font);\n  color: var(--scw-color-grey-02);\n}\n\n:host([design=main]:hover) {\n  background-color: rgba(0, 0, 0, 0);\n  padding-left: var(--scw-spacing-1);\n  padding-right: var(--scw-spacing-1);\n  padding-top: calc(var(--scw-spacing-1) * 0.8);\n  padding-bottom: var(--scw-spacing-1);\n  cursor: pointer;\n}\n:host([design=main]:hover) .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-condensed-07-font);\n  color: var(--scw-color-03, var(--scw-color-primary-03));\n}\n\n:host([design=main][aria-selected=true]) {\n  background-color: rgba(0, 0, 0, 0);\n  display: flex;\n  flex-flow: column nowrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n  padding-left: var(--scw-spacing-1);\n  padding-right: var(--scw-spacing-1);\n  padding-top: calc(var(--scw-spacing-1) * 0.8);\n  padding-bottom: 0px;\n}\n:host([design=main][aria-selected=true]) > *:not(:last-child) {\n  margin-bottom: calc(var(--scw-spacing-1) * 0.8);\n  --margin-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}\n:host([design=main][aria-selected=true]) .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-condensed-07-font);\n  color: var(--scw-color-grey-02);\n  align-self: stretch;\n  flex: 1;\n}\n:host([design=main][aria-selected=true]) .selected {\n  background-color: var(--scw-color-03, var(--scw-color-primary-03));\n  align-self: stretch;\n  height: 2px;\n}\n\n:host([design=main][aria-disabled=true]) {\n  background-color: rgba(0, 0, 0, 0);\n  padding-left: var(--scw-spacing-1);\n  padding-right: var(--scw-spacing-1);\n  padding-top: calc(var(--scw-spacing-1) * 0.8);\n  padding-bottom: var(--scw-spacing-1);\n  cursor: auto;\n  pointer-events: none;\n}\n:host([design=main][aria-disabled=true]) .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-condensed-07-font);\n  color: var(--scw-color-grey-08);\n}\n:host([design=main][aria-disabled=true]) .icon svg {\n  fill: var(--scw-color-grey-08);\n}\n:host([design=main][aria-disabled=true]) .icon svg * {\n  fill: var(--scw-color-grey-08);\n}\n\n:host([design=utility]) {\n  outline: none;\n  user-select: none;\n  background-color: rgba(0, 0, 0, 0);\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: flex-start;\n  align-items: center;\n  padding-left: var(--scw-spacing-1);\n  padding-right: var(--scw-spacing-1);\n  padding-top: 0px;\n  padding-bottom: 0px;\n  display: inline-flex;\n}\n:host([design=utility]) > *:not(:last-child) {\n  margin-right: calc(var(--scw-spacing-1) * 0.4);\n  --margin-right: calc( var( --scw-spacing-1 ) * 0.4 );\n}\n:host([design=utility]) .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-font);\n  color: var(--scw-color-grey-02);\n  min-height: 19px;\n}\n:host([design=utility]) .icon {\n  width: 24px;\n  height: 24px;\n}\n:host([design=utility]) .icon svg {\n  box-sizing: border-box;\n  vertical-align: top;\n  width: 100%;\n  height: 100%;\n  fill: var(--scw-color-grey-02);\n}\n:host([design=utility]) .icon svg * {\n  fill: var(--scw-color-grey-02);\n}\n\n:host([design=utility]:focus-visible) {\n  background-color: var(--scw-color-grey-10);\n  border-radius: 4px 4px 4px 4px;\n  box-shadow: var(--scw-effect-focus-shadow);\n}\n:host([design=utility]:focus-visible) .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-font);\n  color: var(--scw-color-grey-02);\n}\n:host([design=utility]:focus-visible) .icon svg {\n  fill: var(--scw-color-grey-02);\n}\n:host([design=utility]:focus-visible) .icon svg * {\n  fill: var(--scw-color-grey-02);\n}\n\n:host([design=utility]:hover) {\n  background-color: rgba(0, 0, 0, 0);\n  cursor: pointer;\n}\n:host([design=utility]:hover) .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-font);\n  color: var(--scw-color-03, var(--scw-color-primary-03));\n}\n:host([design=utility]:hover) .icon svg {\n  fill: var(--scw-color-primary-03);\n}\n:host([design=utility]:hover) .icon svg * {\n  fill: var(--scw-color-primary-03);\n}\n\n:host([design=utility][aria-selected=true]) {\n  background-color: rgba(0, 0, 0, 0);\n  cursor: pointer;\n}\n:host([design=utility][aria-selected=true]) .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-font);\n  color: var(--scw-color-03, var(--scw-color-primary-03));\n}\n:host([design=utility][aria-selected=true]) .icon svg {\n  fill: var(--scw-color-primary-03);\n}\n:host([design=utility][aria-selected=true]) .icon svg * {\n  fill: var(--scw-color-primary-03);\n}\n\n:host([design=utility][aria-disabled=true]) {\n  cursor: auto;\n  pointer-events: none;\n  background-color: rgba(0, 0, 0, 0);\n}\n:host([design=utility][aria-disabled=true]) .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-font);\n  color: var(--scw-color-grey-07);\n}\n:host([design=utility][aria-disabled=true]) .icon svg {\n  fill: var(--scw-color-grey-07);\n}\n:host([design=utility][aria-disabled=true]) .icon svg * {\n  fill: var(--scw-color-grey-07);\n}\n\n:host {\n  white-space: nowrap;\n}\n:host .label {\n  white-space: nowrap;\n}`;\n", "import {html} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport ScwLink from '../scw-link/ScwLink';\nimport styles from './scss/scw-menu-item.scss';\nimport {ScwMenuItemDesigns} from './scw-menu-item-enums';\nimport {Components} from '../utils/enums/Components';\n\n/**\n * ScwMenuItem\n * @class\n * @tag scw-menu-item\n *\n * @slot [default=\"<a href target />\"]\n    (OPTIONAL) anchor (for SEO) will determine the label, href, and target.\n * @slot [default=\"<... />\"]\n    (OPTIONAL) random content (paired with design=\"plain\") will wrap that\n    content with a link.\n */\nexport default class ScwMenuItem extends ScwLink {\n  // ============== ScwMenuItem ================================================\n  /**\n  * (ScwMenuItem) selected state\n  * @type {Boolean}\n  */\n  @property({type: String, attribute: 'aria-selected'})\n    ariaSelected = 'false';\n\n  /**\n  * extending styles from ScwLink\n  * https://stackoverflow.com/questions/60266303/\n  *  how-to-extend-and-style-existing-litelements\n  */\n   static get styles() {\n     return [\n       super.styles,\n       styles,\n     ];\n   }\n\n  /**\n  * Constructor\n  */\n   constructor() {\n     super();\n     this.element = Components.menuItem;\n     this.setAttribute('role', 'menuitem');\n   }\n\n  /**\n   * determines if this menu item has a sub menu\n   * @return {boolean}\n   */\n  hasPopup() {\n    const next = this.nextElementSibling;\n    // if (next && next['element'] === Components.menu ) {\n    // the component may not be initialized yet...\n    if (next && next.nodeName.indexOf('SCW-MENU') === 0 ) {\n      return true;\n    }\n    return false;\n  }\n\n  /**\n  * Way to extend valid design icon types...\n  * @return {boolean}\n  */\n  doShowIcon() : boolean {\n    const superDoShowIcon = super.doShowIcon();\n    if ( superDoShowIcon &&\n    this.design !== ScwMenuItemDesigns.main\n    ) {\n      return true;\n    }\n    return false;\n  }\n\n  /**\n  * Way to extend valid design types...\n  * @return {object} object of valid designs relative to this object\n  */\n  validDesigns() : object {\n    return {\n      ...super.validDesigns(),\n      ...ScwMenuItemDesigns,\n    };\n  }\n\n  /** connectedCallback */\n  connectedCallback(): void {\n    super.connectedCallback();\n    if (this.hasPopup() ) {\n      this.setAttribute( 'aria-haspopup', 'true' );\n    }\n  }\n\n  /**\n  *\n  * @return {object}\n  */\n  render(): object {\n    if (\n      this.design === ScwMenuItemDesigns.main &&\n      this.ariaSelected === 'true'\n    ) {\n       this.setAttribute( 'aria-current', 'page' );\n       // protect initial flex-v...a link with icons is flex-h\n       return html`\n          <div>${super.render()}</div>\n          <div class=\"selected\"></div>\n        `;\n    } else {\n        this.removeAttribute( 'aria-current' );\n       return super.render();\n    }\n  }\n}\n"],
-  "mappings": "quBACA,GAAO,GAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;GCiBf,mBAAyC,EAAQ,CAwB9C,aAAc,CACZ,MAAM,EAlBP,kBAAe,QAmBd,KAAK,QAAU,YACf,KAAK,aAAa,OAAQ,UAAU,CACtC,WAdW,SAAS,CAClB,MAAO,CACL,MAAM,OACN,CACF,CACF,CAeD,UAAW,CACT,GAAM,GAAO,KAAK,mBAGlB,MAAI,MAAQ,EAAK,SAAS,QAAQ,UAAU,IAAM,EAIpD,CAMA,YAAuB,CAErB,MAAK,GADmB,MAAM,WAAW,GAEzC,KAAK,SAAW,OAKlB,CAMA,cAAwB,CACtB,MAAO,IACF,MAAM,aAAa,KACnB,CACL,CACF,CAGA,mBAA0B,CACxB,MAAM,kBAAkB,EACpB,KAAK,SAAS,GAChB,KAAK,aAAc,gBAAiB,MAAO,CAE/C,CAMA,QAAiB,CACf,MACE,MAAK,SAAW,QAChB,KAAK,eAAiB,OAErB,MAAK,aAAc,eAAgB,MAAO,EAEnC;AAAA,iBACG,MAAM,OAAO;AAAA;AAAA,WAItB,MAAK,gBAAiB,cAAe,EAC/B,MAAM,OAAO,EAEzB,CACF,EA1FI,GADF,AAAC,EAAS,CAAC,KAAM,OAAQ,UAAW,eAAe,CAAC,GAClD,AAPJ,EAOI",
+  "mappings": "8wBACA,GAAO,GAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;GCiBf,mBAAyC,EAAQ,CAwB9C,aAAc,CACZ,MAAM,EAlBP,kBAAe,QAmBd,KAAK,QAAU,YACf,KAAK,aAAa,OAAQ,UAAU,CACtC,WAdW,SAAS,CAClB,MAAO,CACL,MAAM,OACN,CACF,CACF,CAeD,UAAW,CACT,GAAM,GAAO,KAAK,mBAGlB,MAAI,MAAQ,EAAK,SAAS,QAAQ,UAAU,IAAM,EAIpD,CAMA,YAAuB,CAErB,MAAK,GADmB,MAAM,WAAW,GAEzC,KAAK,SAAW,OAKlB,CAMA,cAAwB,CACtB,MAAO,IACF,MAAM,aAAa,KACnB,CACL,CACF,CAGA,mBAA0B,CACxB,MAAM,kBAAkB,EACpB,KAAK,SAAS,GAChB,KAAK,aAAc,gBAAiB,MAAO,CAE/C,CAMA,QAAiB,CACf,MACE,MAAK,SAAW,QAChB,KAAK,eAAiB,OAErB,MAAK,aAAc,eAAgB,MAAO,EAEnC;AAAA,iBACG,MAAM,OAAO;AAAA;AAAA,WAItB,MAAK,gBAAiB,cAAe,EAC/B,MAAM,OAAO,EAEzB,CACF,EA1FI,GADF,AAAC,EAAS,CAAC,KAAM,OAAQ,UAAW,eAAe,CAAC,GAClD,AAPJ,EAOI",
   "names": []
 }

package/dist/scw-page-alert/scw-page-alert.js

@@ -1,4 +1,4 @@
-import{c as n}from"../chunks/chunk.FFWFAT4Z.js";import"../chunks/chunk.QRG5WBRU.js";import{a as c,b as i,g as r}from"../chunks/chunk.HTYHFPGD.js";import"../chunks/chunk.AMYPU3TJ.js";import"../chunks/chunk.UERHHZYW.js";import"../chunks/chunk.AY3YRO2L.js";import"../chunks/chunk.WWTEGHW5.js";import"../chunks/chunk.ZZQE6TG6.js";import"../chunks/chunk.2NDGSXCD.js";import"../chunks/chunk.WQARFGAY.js";import"../chunks/chunk.WO7EIYQ3.js";import"../chunks/chunk.3MIP3PMW.js";import{g as o}from"../chunks/chunk.5YJY6NT6.js";var a=c`
+import{c as n}from"../chunks/chunk.VSIKGAIE.js";import"../chunks/chunk.QRG5WBRU.js";import{a as c,b as r}from"../chunks/chunk.NUBCUBHW.js";import"../chunks/chunk.AMYPU3TJ.js";import"../chunks/chunk.UERHHZYW.js";import"../chunks/chunk.AY3YRO2L.js";import"../chunks/chunk.WWTEGHW5.js";import"../chunks/chunk.ZZQE6TG6.js";import"../chunks/chunk.2NDGSXCD.js";import"../chunks/chunk.WQARFGAY.js";import"../chunks/chunk.WO7EIYQ3.js";import{a as i}from"../chunks/chunk.ZS4C3T6Z.js";import"../chunks/chunk.3MIP3PMW.js";import{g as o}from"../chunks/chunk.5YJY6NT6.js";var a=c`
 :host {
   background-color: var(--scw-color-grey-10);
   border-radius: 4px 4px 4px 4px;

package/dist/scw-page-alert/scw-page-alert.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["sass-plugin-0:/Users/scottrouse/Workspace/scu-design-system-mono/scu-web-components/src/scw-page-alert/scss/scw-page-alert.scss", "../../src/scw-page-alert/scw-page-alert.ts"],
   "sourcesContent": ["import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host {\n  background-color: var(--scw-color-grey-10);\n  border-radius: 4px 4px 4px 4px;\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: flex-start;\n  align-items: center;\n  padding-left: var(--scw-spacing-1);\n  padding-right: var(--scw-spacing-1);\n  padding-top: calc(var(--scw-spacing-1) * 1.5);\n  padding-bottom: calc(var(--scw-spacing-1) * 1.5);\n}\n:host > *:not(:last-child) {\n  margin-right: calc(var(--scw-spacing-1) * 0.8);\n  --margin-right: calc( var( --scw-spacing-1 ) * 0.8 );\n}\n:host .icon {\n  background-color: var(--scw-color-light, var(--scw-color-success-light));\n  border-radius: 48px 48px 48px 48px;\n}\n:host .content {\n  background-color: rgba(0, 0, 0, 0);\n  flex: 1;\n  display: flex;\n  flex-flow: column nowrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}\n:host .content > *:not(:last-child) {\n  margin-bottom: 0px;\n  --margin-bottom: 0px;\n}\n:host .content .title {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-font);\n  color: var(--scw-color-grey-02);\n  align-self: stretch;\n}\n:host .content .description {\n  text-align: LEFT;\n  font: var(--scw-type-text-font);\n  color: var(--scw-color-grey-02);\n  align-self: stretch;\n}\n\n:host([type=warning]) .icon {\n  background-color: var(--scw-color-information-light);\n}\n\n:host([link]) {\n  cursor: pointer;\n}\n\n:host([link]:hover) {\n  background-color: var(--scw-color-primary-095);\n}\n\n:host([link]:focus-visible) {\n  box-shadow: var(--scw-effect-focus-shadow);\n}`;\n", "import {html} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport ScwLinkBase from '../scw-link-base/ScwLinkBase';\nimport styles from './scss/scw-page-alert.scss';\nimport {Components} from '../utils/enums/Components';\n\nexport enum ScwPageAlertTypes {\n  basic = 'basic',\n  warning = 'warning'\n}\n\n/**\n * ScwPageAlert\n * @class\n * @tag scw-page-alert\n *\n */\nexport default class ScwPageAlert extends ScwLinkBase {\n  /**\n  * styles\n  */\n   static get styles() {\n    return [\n      super.styles,\n      styles,\n    ];\n  }\n\n  // ============== ScwPageAlert ===============================================\n  /** (ScwPageAlert) title of the component. */\n  @property({type: String})\n  title: string = '';\n\n  /** (ScwPageAlert) description of the component. */\n  @property({type: String})\n  description: string = '';\n\n  /** (ScwPageAlert) type of the component. */\n  @property({type: ScwPageAlertTypes})\n  type: ScwPageAlertTypes = ScwPageAlertTypes.basic;\n\n  /**\n  * Constructor\n  */\n  constructor() {\n    super();\n    this.element = Components.pageAlert;\n  }\n\n  /** connectedCallback */\n  connectedCallback(): void {\n    super.connectedCallback();\n  }\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n  render(): object {\n    return html`\n      <scw-icon\n        icon=\"icon-placeholder\"\n        class=\"icon\"\n        size=\"30\"></scw-icon>\n      <div class=\"content\">\n        <div class=\"title\">\n          ${this.title}\n        </div>\n        <div class=\"description\">\n          ${this.description}\n        </div>\n      </div>`;\n  }\n}\n"],
-  "mappings": "sgBACA,GAAO,GAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;GCKR,GAAK,GAAL,CAAK,GACV,SAAQ,QACR,UAAU,UAFA,WAWZ,eAA0C,EAAY,CA2BpD,aAAc,CACZ,MAAM,EAdR,WAAgB,GAIhB,iBAAsB,GAItB,UAA0B,QAOxB,KAAK,QAAU,WACjB,WA1BY,SAAS,CACnB,MAAO,CACL,MAAM,OACN,CACF,CACF,CAwBA,mBAA0B,CACxB,MAAM,kBAAkB,CAC1B,CAMA,QAAiB,CACf,MAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAOC,KAAK;AAAA;AAAA;AAAA,YAGL,KAAK;AAAA;AAAA,aAGf,CACF,EA1CE,GADA,AAAC,EAAS,CAAC,KAAM,MAAM,CAAC,GACxB,AAdF,EAcE,qBAIA,GADA,AAAC,EAAS,CAAC,KAAM,MAAM,CAAC,GACxB,AAlBF,EAkBE,2BAIA,GADA,AAAC,EAAS,CAAC,KAAM,CAAiB,CAAC,GACnC,AAtBF,EAsBE",
+  "mappings": "+iBACA,GAAO,GAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;GCKR,GAAK,GAAL,CAAK,GACV,SAAQ,QACR,UAAU,UAFA,WAWZ,eAA0C,EAAY,CA2BpD,aAAc,CACZ,MAAM,EAdR,WAAgB,GAIhB,iBAAsB,GAItB,UAA0B,QAOxB,KAAK,QAAU,WACjB,WA1BY,SAAS,CACnB,MAAO,CACL,MAAM,OACN,CACF,CACF,CAwBA,mBAA0B,CACxB,MAAM,kBAAkB,CAC1B,CAMA,QAAiB,CACf,MAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAOC,KAAK;AAAA;AAAA;AAAA,YAGL,KAAK;AAAA;AAAA,aAGf,CACF,EA1CE,GADA,AAAC,EAAS,CAAC,KAAM,MAAM,CAAC,GACxB,AAdF,EAcE,qBAIA,GADA,AAAC,EAAS,CAAC,KAAM,MAAM,CAAC,GACxB,AAlBF,EAkBE,2BAIA,GADA,AAAC,EAAS,CAAC,KAAM,CAAiB,CAAC,GACnC,AAtBF,EAsBE",
   "names": []
 }

package/dist/scw-pane-component/scw-pane-component.js

@@ -1,4 +1,4 @@
-import{b as e,j as o}from"../chunks/chunk.HTYHFPGD.js";import"../chunks/chunk.AMYPU3TJ.js";import"../chunks/chunk.UERHHZYW.js";import"../chunks/chunk.AY3YRO2L.js";import"../chunks/chunk.WWTEGHW5.js";import"../chunks/chunk.ZZQE6TG6.js";import"../chunks/chunk.2NDGSXCD.js";import"../chunks/chunk.WQARFGAY.js";import"../chunks/chunk.WO7EIYQ3.js";import"../chunks/chunk.3MIP3PMW.js";import"../chunks/chunk.5YJY6NT6.js";var t=class extends o{constructor(){super(),this.element="pane-component",this.setAttribute("scw-pane-initial",""),this.responsive=!0}render(){return e`
+import{e as o}from"../chunks/chunk.NUBCUBHW.js";import"../chunks/chunk.AMYPU3TJ.js";import"../chunks/chunk.UERHHZYW.js";import"../chunks/chunk.AY3YRO2L.js";import"../chunks/chunk.WWTEGHW5.js";import"../chunks/chunk.ZZQE6TG6.js";import"../chunks/chunk.2NDGSXCD.js";import"../chunks/chunk.WQARFGAY.js";import"../chunks/chunk.WO7EIYQ3.js";import{a as e}from"../chunks/chunk.ZS4C3T6Z.js";import"../chunks/chunk.3MIP3PMW.js";import"../chunks/chunk.5YJY6NT6.js";var t=class extends o{constructor(){super(),this.element="pane-component",this.setAttribute("scw-pane-initial",""),this.responsive=!0}render(){return e`
       <slot></slot>
     `}};export{t as default};
 //# sourceMappingURL=scw-pane-component.js.map

package/dist/scw-pane-component/scw-pane-component.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/scw-pane-component/scw-pane-component.ts"],
   "sourcesContent": ["import {html} from 'lit';\nimport ScwComponent from '../scw-component/ScwComponent';\nimport {Components} from '../utils/enums/Components';\n\n/**\n * ScwPaneComponent\n * @class\n * @tag scw-pane-component\n */\nexport default class ScwPaneComponent extends ScwComponent {\n  /** constructor */\n  constructor() {\n    super();\n    this.element = Components.paneComponent;\n    this.setAttribute('scw-pane-initial', '');\n    this.responsive = true;\n  }\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n   render(): object {\n    return html`\n      <slot></slot>\n    `;\n  }\n}\n"],
-  "mappings": "+ZASA,mBAA8C,EAAa,CAEzD,aAAc,CACZ,MAAM,EACN,KAAK,QAAU,iBACf,KAAK,aAAa,mBAAoB,EAAE,EACxC,KAAK,WAAa,EACpB,CAMC,QAAiB,CAChB,MAAO;AAAA;AAAA,KAGT,CACF",
+  "mappings": "wcASA,mBAA8C,EAAa,CAEzD,aAAc,CACZ,MAAM,EACN,KAAK,QAAU,iBACf,KAAK,aAAa,mBAAoB,EAAE,EACxC,KAAK,WAAa,EACpB,CAMC,QAAiB,CAChB,MAAO;AAAA;AAAA,KAGT,CACF",
   "names": []
 }

package/dist/scw-responsive/scw-responsive.js

@@ -1,4 +1,4 @@
-import{a as r,b as s,g as o,j as n}from"../chunks/chunk.HTYHFPGD.js";import"../chunks/chunk.AMYPU3TJ.js";import"../chunks/chunk.UERHHZYW.js";import"../chunks/chunk.AY3YRO2L.js";import"../chunks/chunk.WWTEGHW5.js";import"../chunks/chunk.ZZQE6TG6.js";import"../chunks/chunk.2NDGSXCD.js";import"../chunks/chunk.WQARFGAY.js";import"../chunks/chunk.WO7EIYQ3.js";import"../chunks/chunk.3MIP3PMW.js";import{g as t}from"../chunks/chunk.5YJY6NT6.js";var i=r`
+import{a as r,b as o,e as n}from"../chunks/chunk.NUBCUBHW.js";import"../chunks/chunk.AMYPU3TJ.js";import"../chunks/chunk.UERHHZYW.js";import"../chunks/chunk.AY3YRO2L.js";import"../chunks/chunk.WWTEGHW5.js";import"../chunks/chunk.ZZQE6TG6.js";import"../chunks/chunk.2NDGSXCD.js";import"../chunks/chunk.WQARFGAY.js";import"../chunks/chunk.WO7EIYQ3.js";import{a as s}from"../chunks/chunk.ZS4C3T6Z.js";import"../chunks/chunk.3MIP3PMW.js";import{g as t}from"../chunks/chunk.5YJY6NT6.js";var i=r`
 :host {
   display: none;
 }`;var e=class extends n{constructor(){super();this.element="responsive",this.responsive=!0}static get styles(){return[super.styles,i]}connectedCallback(){super.connectedCallback(),this.responsiveElement&&(this.responsiveElement.responsiveClientSelector=this.selector,this.responsiveElement.run())}render(){return s`scw-responsive`}};t([o({type:String})],e.prototype,"selector",2);export{e as default};

package/dist/scw-responsive/scw-responsive.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["sass-plugin-0:/Users/scottrouse/Workspace/scu-design-system-mono/scu-web-components/src/scw-responsive/scss/scw-responsive.scss", "../../src/scw-responsive/scw-responsive.ts"],
   "sourcesContent": ["import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host {\n  display: none;\n}`;\n", "import {html} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport ScwComponent from '../scw-component/ScwComponent';\nimport styles from './scss/scw-responsive.scss';\nimport {Components} from '../utils/enums/Components';\n\n/**\n * ScwResponsive\n * @class\n * @tag scw-responsive\n */\nexport default class ScwResponsive extends ScwComponent {\n  /**\n  * styles\n  */\n   static get styles() {\n    return [\n      super.styles,\n      styles,\n    ];\n  }\n\n  /** constructor */\n  constructor() {\n    super();\n    this.element = Components.responsive;\n    this.responsive = true;\n  }\n\n  /** connectedCallback */\n  connectedCallback(): void {\n    super.connectedCallback();\n    if ( this.responsiveElement ) {\n      this.responsiveElement.responsiveClientSelector = this.selector;\n      this.responsiveElement.run();\n    }\n  }\n\n  /**\n  * (ScwResponsive) the selector (querySelector) of the client of the\n  * responsive element\n  * @type {string | undefined}\n  */\n  @property({type: String})\n    selector?: string;\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n  render(): object {\n    return html`scw-responsive`;\n  }\n}\n"],
-  "mappings": "ybACA,GAAO,GAAQ;AAAA;AAAA;GCUf,mBAA2C,EAAa,CAYtD,aAAc,CACZ,MAAM,EACN,KAAK,QAAU,aACf,KAAK,WAAa,EACpB,WAZY,SAAS,CACnB,MAAO,CACL,MAAM,OACN,CACF,CACF,CAUA,mBAA0B,CACxB,MAAM,kBAAkB,EACnB,KAAK,mBACR,MAAK,kBAAkB,yBAA2B,KAAK,SACvD,KAAK,kBAAkB,IAAI,EAE/B,CAcA,QAAiB,CACf,MAAO,kBACT,CACF,EATI,GADF,AAAC,EAAS,CAAC,KAAM,MAAM,CAAC,GACtB,AAjCJ,EAiCI",
+  "mappings": "keACA,GAAO,GAAQ;AAAA;AAAA;GCUf,mBAA2C,EAAa,CAYtD,aAAc,CACZ,MAAM,EACN,KAAK,QAAU,aACf,KAAK,WAAa,EACpB,WAZY,SAAS,CACnB,MAAO,CACL,MAAM,OACN,CACF,CACF,CAUA,mBAA0B,CACxB,MAAM,kBAAkB,EACnB,KAAK,mBACR,MAAK,kBAAkB,yBAA2B,KAAK,SACvD,KAAK,kBAAkB,IAAI,EAE/B,CAcA,QAAiB,CACf,MAAO,kBACT,CACF,EATI,GADF,AAAC,EAAS,CAAC,KAAM,MAAM,CAAC,GACtB,AAjCJ,EAiCI",
   "names": []
 }

package/dist/scw-select/scw-select.js

@@ -1,4 +1,4 @@
-import{a as d}from"../chunks/chunk.WO3SIUEH.js";import{c as h}from"../chunks/chunk.GWTC6GAS.js";import"../chunks/chunk.VCT62IUP.js";import{a as s}from"../chunks/chunk.2VW3SHYK.js";import{a as p,b as a}from"../chunks/chunk.WRX5V6OS.js";import{a as u}from"../chunks/chunk.NV7WKBSI.js";import"../chunks/chunk.CUPH5GST.js";import{a as n,g as l,h as c}from"../chunks/chunk.HTYHFPGD.js";import"../chunks/chunk.AMYPU3TJ.js";import"../chunks/chunk.UERHHZYW.js";import"../chunks/chunk.AY3YRO2L.js";import"../chunks/chunk.WWTEGHW5.js";import"../chunks/chunk.ZZQE6TG6.js";import"../chunks/chunk.2NDGSXCD.js";import"../chunks/chunk.WQARFGAY.js";import"../chunks/chunk.WO7EIYQ3.js";import"../chunks/chunk.3MIP3PMW.js";import{g as i}from"../chunks/chunk.5YJY6NT6.js";var f=n`
+import{a as d}from"../chunks/chunk.WO3SIUEH.js";import{c as h}from"../chunks/chunk.BXFW7QFX.js";import"../chunks/chunk.VCT62IUP.js";import{a as s}from"../chunks/chunk.2VW3SHYK.js";import{a as p,b as a}from"../chunks/chunk.RGGLFZST.js";import{a as u}from"../chunks/chunk.NKEEMWC7.js";import"../chunks/chunk.M2RJBEKH.js";import"../chunks/chunk.5HZ4WTGH.js";import{a as n,b as l,c}from"../chunks/chunk.NUBCUBHW.js";import"../chunks/chunk.AMYPU3TJ.js";import"../chunks/chunk.UERHHZYW.js";import"../chunks/chunk.AY3YRO2L.js";import"../chunks/chunk.WWTEGHW5.js";import"../chunks/chunk.ZZQE6TG6.js";import"../chunks/chunk.2NDGSXCD.js";import"../chunks/chunk.WQARFGAY.js";import"../chunks/chunk.WO7EIYQ3.js";import"../chunks/chunk.ZS4C3T6Z.js";import"../chunks/chunk.3MIP3PMW.js";import{g as i}from"../chunks/chunk.5YJY6NT6.js";var f=n`
 :host {
   display: block;
 }

package/dist/scw-select/scw-select.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["sass-plugin-0:/Users/scottrouse/Workspace/scu-design-system-mono/scu-web-components/src/scw-select/scss/scw-select.scss", "../../src/scw-select/scw-select.ts"],
   "sourcesContent": ["import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host {\n  display: block;\n}\n\n.input-field {\n  width: 100%;\n  position: relative;\n}\n.input-field .placeholder {\n  text-align: LEFT;\n  font: var(--scw-type-text-04-font);\n  color: var(--scw-color-grey);\n  padding: var(--scw-input-padding, calc(var(--scw-spacing-1) * 0.8) calc(var(--scw-spacing-1) * 1.5) calc(var(--scw-spacing-1) * 0.8) calc(var(--scw-spacing-1) * 1.5));\n  z-index: 1;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  position: absolute;\n  top: 0;\n  left: 0;\n}\n.input-field .placeholder[scw-hide] {\n  display: none;\n}\n.input-field select {\n  text-align: LEFT;\n  font: var(--scw-type-text-04-font);\n  color: var(--scw-color-grey-02);\n  padding: var(--scw-input-padding, calc(var(--scw-spacing-1) * 0.8) calc(var(--scw-spacing-1) * 1.5) calc(var(--scw-spacing-1) * 0.8) calc(var(--scw-spacing-1) * 1.5));\n  width: calc( 100% - calc(var(--scw-spacing-1) * 1.5) );\n  min-height: var(--scw-min-height, 32px);\n  box-sizing: border-box;\n  border: 0;\n  background-color: rgba(0, 0, 0, 0);\n  z-index: 2;\n  position: relative;\n}\n.input-field select:focus {\n  outline: none;\n}\n\n:host([aria-disabled=true]) textarea {\n  text-align: LEFT;\n  font: var(--scw-type-text-04-font);\n  color: var(--scw-color-grey-07);\n}`;\n", "import {html} from 'lit/static-html.js';// import {html} from 'lit';\nimport {unsafeStatic} from 'lit/static-html.js';// USE DIFFERENT 'html'!!!!\nimport {property, state} from 'lit/decorators.js';\nimport ScwFormComponent from '../scw-form-component/scw-form-component';\nimport {Components} from '../utils/enums/Components';\nimport styles from './scss/scw-select.scss';\nimport {InputTypes} from '../scw-input-field/inputTypes';\nimport {emit} from '../utils/events/event';\nimport {ScwEvents} from '../utils/events/event';\nimport getSuffix from '../utils/suffix';\n\n/**\n * ScwSelect\n * @class\n * @tag scw-select\n *\n * @cssprop --scw-input-padding - controls the padding around text input\n * @cssprop --scw-min-height - minimum height of the textarea\n * @event scw-focus input recieved focus\n * @event scw-blur input lost focus\n * @event scw-value-change value has changed (not necessarily value displayed)\n */\nexport default class ScwSelect extends ScwFormComponent {\n  /**\n  * styles\n  */\n   static get styles() {\n    return [\n      super.styles,\n      styles,\n    ];\n  }\n\n  /** constructor */\n  constructor() {\n    super();\n    this.element = Components.input;\n\n    const suffix = getSuffix();\n    this.scwInputLayout = unsafeStatic(\n      `scw-${Components.inputLayout}${suffix}`,\n    );\n  }\n\n  /** connectedCallback */\n  connectedCallback(): void {\n    super.connectedCallback();\n  }\n\n  /** override with options */\n  parseAndValidateLightDom() {\n    super.parseAndValidateLightDom();\n    const options = this.querySelectorAll(':scope > option');\n    const optionHtml = Array.from( options ).map(\n      (option) => {\n        const optionValue = option['value'];\n        return html`\n          <option\n            value=${optionValue}\n            ?selected=${optionValue === this.value}>\n            ${option.textContent}\n          </option>`;\n      },\n    );\n    this._options = [html`\n      <option\n        value=\"\"\n        ?selected=${'' === this.value}>\n      </option>`, ...optionHtml];\n  }\n\n  // ============== ScwSelect ==================================================\n  /** _options  */\n  @state()\n    _options: any[] = [];\n\n  /** scw-single-input-layout with versioning suffix */\n  scwInputLayout : any;\n\n  /** (ScwSelectField) type of input field */\n  @property({type: InputTypes})\n    type: InputTypes = InputTypes.text;\n\n  /**\n  * handle focus into input\n  */\n  _focusHandler() {\n    this.focused = true;\n  }\n\n  /**\n  * handle blurs from input\n  */\n  _blurHandler() {\n    this.focused = false;\n    this.validate();\n  }\n\n  /**\n  * handle changes from input\n  * @param {CustomEvent} evt\n  */\n   _valueChangeHandler(evt: Event) {\n    if (evt.target ) {\n      this.value = ( evt.target as unknown as HTMLSelectElement ).value;\n      emit(\n        ScwEvents.valueChange,\n        this,\n      );\n    }\n  }\n\n  /**\n   * checkForSubmit\n   * @param {KeyboardEvent} evt\n   */\n  checkForSubmit(evt: KeyboardEvent) {\n    if (evt.key === 'Enter') {\n      emit(\n        ScwEvents.submitIntent,\n        this,\n      );\n    }\n  }\n\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n  render(): object {\n    return html`\n      <${this.scwInputLayout}\n        .label=${this.ariaLabel}\n        .feedback=${this.feedback}\n        aria-disabled=${this.ariaDisabled ? 'true' : 'false'}\n        ?focused=${this.focused}\n        ?invalid=${this.invalid}>\n        <div \n          class=\"input-field\">\n          <select\n            ?readonly=${this.readOnly}\n            @keyup=${this.checkForSubmit}\n            @focus=${this._focusHandler}\n            @blur=${this._blurHandler}\n            @change=${this._valueChangeHandler}>\n            ${this._options}\n          </select>\n          <div \n            class=\"placeholder\"\n            ?scw-hide=${this.value ? true : false}>\n            ${this.placeholder}\n          </div>\n        </div>\n      </${this.scwInputLayout}>\n      <slot name=\"validation\"></slot>\n    `;\n  }\n}\n"],
-  "mappings": "ivBACA,GAAO,GAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;GCqBf,mBAAuC,EAAiB,CAYtD,aAAc,CACZ,MAAM,EAuCN,cAAkB,CAAC,EAOnB,UAAmB,OA7CnB,KAAK,QAAU,QAEf,GAAM,GAAS,EAAU,EACzB,KAAK,eAAiB,EACpB,OAAO,iBAAyB,GAClC,CACF,WAhBY,SAAS,CACnB,MAAO,CACL,MAAM,OACN,CACF,CACF,CAcA,mBAA0B,CACxB,MAAM,kBAAkB,CAC1B,CAGA,0BAA2B,CACzB,MAAM,yBAAyB,EAC/B,GAAM,GAAU,KAAK,iBAAiB,iBAAiB,EACjD,EAAa,MAAM,KAAM,CAAQ,EAAE,IACvC,AAAC,GAAW,CACV,GAAM,GAAc,EAAO,MAC3B,MAAO;AAAA;AAAA,oBAEK;AAAA,wBACI,IAAgB,KAAK;AAAA,cAC/B,EAAO;AAAA,oBAEf,CACF,EACA,KAAK,SAAW,CAAC;AAAA;AAAA;AAAA,oBAGD,AAAO,KAAK,QAAZ;AAAA,iBACF,GAAG,CAAU,CAC7B,CAiBA,eAAgB,CACd,KAAK,QAAU,EACjB,CAKA,cAAe,CACb,KAAK,QAAU,GACf,KAAK,SAAS,CAChB,CAMC,oBAAoB,EAAY,CAC/B,AAAI,EAAI,QACN,MAAK,MAAU,EAAI,OAAyC,MAC5D,EACE,mBACA,IACF,EAEJ,CAMA,eAAe,EAAoB,CACjC,AAAI,EAAI,MAAQ,SACd,EACE,oBACA,IACF,CAEJ,CAOA,QAAiB,CACf,MAAO;AAAA,SACF,KAAK;AAAA,iBACG,KAAK;AAAA,oBACF,KAAK;AAAA,wBACD,KAAK,aAAe,OAAS;AAAA,mBAClC,KAAK;AAAA,mBACL,KAAK;AAAA;AAAA;AAAA;AAAA,wBAIA,KAAK;AAAA,qBACR,KAAK;AAAA,qBACL,KAAK;AAAA,oBACN,KAAK;AAAA,sBACH,KAAK;AAAA,cACb,KAAK;AAAA;AAAA;AAAA;AAAA,wBAIK,OAAK;AAAA,cACf,KAAK;AAAA;AAAA;AAAA,UAGT,KAAK;AAAA;AAAA,KAGb,CACF,EApFI,GADF,AAAC,EAAM,GACL,AApDJ,EAoDI,wBAOA,GADF,AAAC,EAAS,CAAC,KAAM,CAAU,CAAC,GAC1B,AA3DJ,EA2DI",
+  "mappings": "ozBACA,GAAO,GAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;GCqBf,mBAAuC,EAAiB,CAYtD,aAAc,CACZ,MAAM,EAuCN,cAAkB,CAAC,EAOnB,UAAmB,OA7CnB,KAAK,QAAU,QAEf,GAAM,GAAS,EAAU,EACzB,KAAK,eAAiB,EACpB,OAAO,iBAAyB,GAClC,CACF,WAhBY,SAAS,CACnB,MAAO,CACL,MAAM,OACN,CACF,CACF,CAcA,mBAA0B,CACxB,MAAM,kBAAkB,CAC1B,CAGA,0BAA2B,CACzB,MAAM,yBAAyB,EAC/B,GAAM,GAAU,KAAK,iBAAiB,iBAAiB,EACjD,EAAa,MAAM,KAAM,CAAQ,EAAE,IACvC,AAAC,GAAW,CACV,GAAM,GAAc,EAAO,MAC3B,MAAO;AAAA;AAAA,oBAEK;AAAA,wBACI,IAAgB,KAAK;AAAA,cAC/B,EAAO;AAAA,oBAEf,CACF,EACA,KAAK,SAAW,CAAC;AAAA;AAAA;AAAA,oBAGD,AAAO,KAAK,QAAZ;AAAA,iBACF,GAAG,CAAU,CAC7B,CAiBA,eAAgB,CACd,KAAK,QAAU,EACjB,CAKA,cAAe,CACb,KAAK,QAAU,GACf,KAAK,SAAS,CAChB,CAMC,oBAAoB,EAAY,CAC/B,AAAI,EAAI,QACN,MAAK,MAAU,EAAI,OAAyC,MAC5D,EACE,mBACA,IACF,EAEJ,CAMA,eAAe,EAAoB,CACjC,AAAI,EAAI,MAAQ,SACd,EACE,oBACA,IACF,CAEJ,CAOA,QAAiB,CACf,MAAO;AAAA,SACF,KAAK;AAAA,iBACG,KAAK;AAAA,oBACF,KAAK;AAAA,wBACD,KAAK,aAAe,OAAS;AAAA,mBAClC,KAAK;AAAA,mBACL,KAAK;AAAA;AAAA;AAAA;AAAA,wBAIA,KAAK;AAAA,qBACR,KAAK;AAAA,qBACL,KAAK;AAAA,oBACN,KAAK;AAAA,sBACH,KAAK;AAAA,cACb,KAAK;AAAA;AAAA;AAAA;AAAA,wBAIK,OAAK;AAAA,cACf,KAAK;AAAA;AAAA;AAAA,UAGT,KAAK;AAAA;AAAA,KAGb,CACF,EApFI,GADF,AAAC,EAAM,GACL,AApDJ,EAoDI,wBAOA,GADF,AAAC,EAAS,CAAC,KAAM,CAAU,CAAC,GAC1B,AA3DJ,EA2DI",
   "names": []
 }

package/dist/scw-single-input/scw-single-input.js

@@ -1,9 +1,9 @@
-import"../chunks/chunk.WTFXFTGO.js";import{a as w}from"../chunks/chunk.RQ2STTXL.js";import{b as I}from"../chunks/chunk.XWTXKSEG.js";import{a as y,b as f,c as g}from"../chunks/chunk.5HZ4WTGH.js";import{c as S}from"../chunks/chunk.GWTC6GAS.js";import"../chunks/chunk.VCT62IUP.js";import{a as b}from"../chunks/chunk.2VW3SHYK.js";import{a as h,b as a}from"../chunks/chunk.WRX5V6OS.js";import{a as C}from"../chunks/chunk.NV7WKBSI.js";import"../chunks/chunk.CUPH5GST.js";import{a as _,e as p,f as A,g as d}from"../chunks/chunk.HTYHFPGD.js";import"../chunks/chunk.AMYPU3TJ.js";import"../chunks/chunk.UERHHZYW.js";import"../chunks/chunk.AY3YRO2L.js";import"../chunks/chunk.WWTEGHW5.js";import"../chunks/chunk.ZZQE6TG6.js";import"../chunks/chunk.2NDGSXCD.js";import"../chunks/chunk.WQARFGAY.js";import"../chunks/chunk.WO7EIYQ3.js";import"../chunks/chunk.3MIP3PMW.js";import{g as l}from"../chunks/chunk.5YJY6NT6.js";var x=_`
+import"../chunks/chunk.LMHSSYLE.js";import{a as w}from"../chunks/chunk.RQ2STTXL.js";import{b as I}from"../chunks/chunk.XWTXKSEG.js";import{c as C}from"../chunks/chunk.BXFW7QFX.js";import"../chunks/chunk.VCT62IUP.js";import{a as b}from"../chunks/chunk.2VW3SHYK.js";import{a as d,b as l}from"../chunks/chunk.RGGLFZST.js";import{a as F}from"../chunks/chunk.NKEEMWC7.js";import{a as g}from"../chunks/chunk.M2RJBEKH.js";import{a as _,b as f,c as A}from"../chunks/chunk.5HZ4WTGH.js";import{a as y,b as h}from"../chunks/chunk.NUBCUBHW.js";import"../chunks/chunk.AMYPU3TJ.js";import"../chunks/chunk.UERHHZYW.js";import"../chunks/chunk.AY3YRO2L.js";import"../chunks/chunk.WWTEGHW5.js";import"../chunks/chunk.ZZQE6TG6.js";import"../chunks/chunk.2NDGSXCD.js";import"../chunks/chunk.WQARFGAY.js";import"../chunks/chunk.WO7EIYQ3.js";import{d as p}from"../chunks/chunk.ZS4C3T6Z.js";import"../chunks/chunk.3MIP3PMW.js";import{g as a}from"../chunks/chunk.5YJY6NT6.js";var S=y`
 :host {
   display: block;
-}`;var{H:D}=A;var F=e=>e.strings===void 0;var c=(e,i)=>{var t,s;let o=e._$AN;if(o===void 0)return!1;for(let r of o)(s=(t=r)._$AO)===null||s===void 0||s.call(t,i,!1),c(r,i);return!0},u=e=>{let i,t;do{if((i=e._$AM)===void 0)break;t=i._$AN,t.delete(e),e=i}while((t==null?void 0:t.size)===0)},H=e=>{for(let i;i=e._$AM;e=i){let t=i._$AN;if(t===void 0)i._$AN=t=new Set;else if(t.has(e))break;t.add(e),L(i)}};function P(e){this._$AN!==void 0?(u(this),this._$AM=e,H(this)):this._$AM=e}function T(e,i=!1,t=0){let s=this._$AH,o=this._$AN;if(o!==void 0&&o.size!==0)if(i)if(Array.isArray(s))for(let r=t;r<s.length;r++)c(s[r],!1),u(s[r]);else s!=null&&(c(s,!1),u(s));else c(this,e)}var L=e=>{var i,t,s,o;e.type==y.CHILD&&((i=(s=e)._$AP)!==null&&i!==void 0||(s._$AP=T),(t=(o=e)._$AQ)!==null&&t!==void 0||(o._$AQ=P))},m=class extends g{constructor(){super(...arguments),this._$AN=void 0}_$AT(i,t,s){super._$AT(i,t,s),H(this),this.isConnected=i._$AU}_$AO(i,t=!0){var s,o;i!==this.isConnected&&(this.isConnected=i,i?(s=this.reconnected)===null||s===void 0||s.call(this):(o=this.disconnected)===null||o===void 0||o.call(this)),t&&(c(this,i),u(this))}setValue(i){if(F(this._$Ct))this._$Ct._$AI(i,this);else{let t=[...this._$Ct._$AH];t[this._$Ci]=i,this._$Ct._$AI(t,this,0)}}disconnected(){}reconnected(){}};var U=()=>new $,$=class{},v=new WeakMap,R=f(class extends m{render(e){return p}update(e,[i]){var t;let s=i!==this.U;return s&&this.U!==void 0&&this.ot(void 0),(s||this.rt!==this.lt)&&(this.U=i,this.ht=(t=e.options)===null||t===void 0?void 0:t.host,this.ot(this.lt=e.element)),p}ot(e){typeof this.U=="function"?(v.get(this.U)!==void 0&&this.U.call(this.ht,void 0),v.set(this.U,e),e!==void 0&&this.U.call(this.ht,e)):this.U.value=e}get rt(){var e;return typeof this.U=="function"?v.get(this.U):(e=this.U)===null||e===void 0?void 0:e.value}disconnected(){this.rt===this.lt&&this.ot(void 0)}reconnected(){this.ot(this.lt)}});var k=(t=>(t.search="search",t.email="email",t))(k||{}),n=class extends S{constructor(){super();this.scwInputRef=U();this.type="search";this.method="get";this.element="single-input";let t=C();this.scwInputField=h(`scw-${"input-field"}${t}`),this.scwSingleInputLayout=h(`scw-${"single-input-layout"}${t}`),this.scwForm=h(`scw-${"form"}${t}`)}static get styles(){return[super.styles,x]}typeWatcher(t,s){s==="email"?(this.createAndAddValidationRule("required"),this.createAndAddValidationRule("email")):(this.removeValidationRule("email"),this.removeValidationRule("required"))}_focusHandler(){this.focused=!0}_blurHandler(){this.focused=!1,this.validate()}_valueChangeHandler(t){this.value=t.detail.value}_layoutActionHandler(t){if(t.detail.action==="right-icon"){this.value="",t.stopPropagation();return}if(t.detail.action==="right-action"){t.stopPropagation(),this.submit();return}}checkForSubmit(t){t.key==="Enter"&&this.submit()}submit(){this.action&&I(this.action,{keys:this.value},this.method),b("scw-submit",this,{validation:this.validate(),data:{value:this.value}})}renderInputField(){return a`
+}`;var c=(e,i)=>{var t,s;let o=e._$AN;if(o===void 0)return!1;for(let r of o)(s=(t=r)._$AO)===null||s===void 0||s.call(t,i,!1),c(r,i);return!0},u=e=>{let i,t;do{if((i=e._$AM)===void 0)break;t=i._$AN,t.delete(e),e=i}while((t==null?void 0:t.size)===0)},k=e=>{for(let i;i=e._$AM;e=i){let t=i._$AN;if(t===void 0)i._$AN=t=new Set;else if(t.has(e))break;t.add(e),E(i)}};function R(e){this._$AN!==void 0?(u(this),this._$AM=e,k(this)):this._$AM=e}function L(e,i=!1,t=0){let s=this._$AH,o=this._$AN;if(o!==void 0&&o.size!==0)if(i)if(Array.isArray(s))for(let r=t;r<s.length;r++)c(s[r],!1),u(s[r]);else s!=null&&(c(s,!1),u(s));else c(this,e)}var E=e=>{var i,t,s,o;e.type==_.CHILD&&((i=(s=e)._$AP)!==null&&i!==void 0||(s._$AP=L),(t=(o=e)._$AQ)!==null&&t!==void 0||(o._$AQ=R))},m=class extends A{constructor(){super(...arguments),this._$AN=void 0}_$AT(i,t,s){super._$AT(i,t,s),k(this),this.isConnected=i._$AU}_$AO(i,t=!0){var s,o;i!==this.isConnected&&(this.isConnected=i,i?(s=this.reconnected)===null||s===void 0||s.call(this):(o=this.disconnected)===null||o===void 0||o.call(this)),t&&(c(this,i),u(this))}setValue(i){if(g(this._$Ct))this._$Ct._$AI(i,this);else{let t=[...this._$Ct._$AH];t[this._$Ci]=i,this._$Ct._$AI(t,this,0)}}disconnected(){}reconnected(){}};var U=()=>new v,v=class{},$=new WeakMap,x=f(class extends m{render(e){return p}update(e,[i]){var t;let s=i!==this.U;return s&&this.U!==void 0&&this.ot(void 0),(s||this.rt!==this.lt)&&(this.U=i,this.ht=(t=e.options)===null||t===void 0?void 0:t.host,this.ot(this.lt=e.element)),p}ot(e){typeof this.U=="function"?($.get(this.U)!==void 0&&this.U.call(this.ht,void 0),$.set(this.U,e),e!==void 0&&this.U.call(this.ht,e)):this.U.value=e}get rt(){var e;return typeof this.U=="function"?$.get(this.U):(e=this.U)===null||e===void 0?void 0:e.value}disconnected(){this.rt===this.lt&&this.ot(void 0)}reconnected(){this.ot(this.lt)}});var H=(t=>(t.search="search",t.email="email",t))(H||{}),n=class extends C{constructor(){super();this.scwInputRef=U();this.type="search";this.method="get";this.element="single-input";let t=F();this.scwInputField=d(`scw-${"input-field"}${t}`),this.scwSingleInputLayout=d(`scw-${"single-input-layout"}${t}`),this.scwForm=d(`scw-${"form"}${t}`)}static get styles(){return[super.styles,S]}typeWatcher(t,s){s==="email"?(this.createAndAddValidationRule("required"),this.createAndAddValidationRule("email")):(this.removeValidationRule("email"),this.removeValidationRule("required"))}_focusHandler(){this.focused=!0}_blurHandler(){this.focused=!1,this.validate()}_valueChangeHandler(t){this.value=t.detail.value}_layoutActionHandler(t){if(t.detail.action==="right-icon"){this.value="",t.stopPropagation();return}if(t.detail.action==="right-action"){t.stopPropagation(),this.submit();return}}checkForSubmit(t){t.key==="Enter"&&this.submit()}submit(){this.action&&I(this.action,{keys:this.value},this.method),b("scw-submit",this,{validation:this.validate(),data:{value:this.value}})}renderInputField(){return l`
       <${this.scwInputField}
-        ${R(this.scwInputRef)}
+        ${x(this.scwInputRef)}
         .value=${this.value}
         .placeholder=${this.placeholder}
         .name=${this.type}
@@ -12,7 +12,7 @@ import"../chunks/chunk.WTFXFTGO.js";import{a as w}from"../chunks/chunk.RQ2STTXL.
         @scw-blur=${this._blurHandler}
         @scw-value-change=${this._valueChangeHandler}>
       </${this.scwInputField}>
-    `}renderEmail(){return a`
+    `}renderEmail(){return l`
       <${this.scwSingleInputLayout}
         .feedback="${this.feedback}"
         right-action-icon="icon-placeholder"
@@ -23,7 +23,7 @@ import"../chunks/chunk.WTFXFTGO.js";import{a as w}from"../chunks/chunk.RQ2STTXL.
         ${this.renderInputField()}
       </${this.scwSingleInputLayout}>
       <slot name="validation"></slot>
-    `}renderSearch(){return a`
+    `}renderSearch(){return l`
       <${this.scwSingleInputLayout}
         .feedback="${this.feedback}"
         right-action-icon="icon-search"
@@ -34,7 +34,7 @@ import"../chunks/chunk.WTFXFTGO.js";import{a as w}from"../chunks/chunk.RQ2STTXL.
         ${this.renderInputField()}
       </${this.scwSingleInputLayout}>
       <slot name="validation"></slot>
-    `}render(){return this.type==="email"?a`${this.renderEmail()}`:this.renderSearch()}};l([d({type:k})],n.prototype,"type",2),l([d({type:String})],n.prototype,"action",2),l([d({type:String})],n.prototype,"method",2),l([w("type")],n.prototype,"typeWatcher",1);export{n as default};
+    `}render(){return this.type==="email"?l`${this.renderEmail()}`:this.renderSearch()}};a([h({type:H})],n.prototype,"type",2),a([h({type:String})],n.prototype,"action",2),a([h({type:String})],n.prototype,"method",2),a([w("type")],n.prototype,"typeWatcher",1);export{n as default};
 /**
  * @license
  * Copyright 2017 Google LLC

package/dist/scw-single-input/scw-single-input.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["sass-plugin-0:/Users/scottrouse/Workspace/scu-design-system-mono/scu-web-components/src/scw-single-input/scss/scw-single-input.scss", "../../../node_modules/lit-html/src/directive-helpers.ts", "../../../node_modules/lit-html/src/async-directive.ts", "../../../node_modules/lit-html/src/directives/ref.ts", "../../src/scw-single-input/scw-single-input.ts"],
-  "sourcesContent": ["import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host {\n  display: block;\n}`;\n", "/**\n * @license\n * Copyright 2020 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\nimport {_$LH, Part, DirectiveParent, TemplateResult} from './lit-html.js';\nimport {\n  DirectiveResult,\n  DirectiveClass,\n  PartInfo,\n  AttributePartInfo,\n} from './directive.js';\ntype Primitive = null | undefined | boolean | number | string | symbol | bigint;\n\nconst {_ChildPart: ChildPart} = _$LH;\n\ntype ChildPart = InstanceType<typeof ChildPart>;\n\nconst ENABLE_SHADYDOM_NOPATCH = true;\n\nconst wrap =\n  ENABLE_SHADYDOM_NOPATCH &&\n  window.ShadyDOM?.inUse &&\n  window.ShadyDOM?.noPatch === true\n    ? window.ShadyDOM!.wrap\n    : (node: Node) => node;\n\n/**\n * Tests if a value is a primitive value.\n *\n * See https://tc39.github.io/ecma262/#sec-typeof-operator\n */\nexport const isPrimitive = (value: unknown): value is Primitive =>\n  value === null || (typeof value != 'object' && typeof value != 'function');\n\nexport const TemplateResultType = {\n  HTML: 1,\n  SVG: 2,\n} as const;\n\nexport type TemplateResultType =\n  typeof TemplateResultType[keyof typeof TemplateResultType];\n\n/**\n * Tests if a value is a TemplateResult.\n */\nexport const isTemplateResult = (\n  value: unknown,\n  type?: TemplateResultType\n): value is TemplateResult =>\n  type === undefined\n    ? // This property needs to remain unminified.\n      (value as TemplateResult)?.['_$litType$'] !== undefined\n    : (value as TemplateResult)?.['_$litType$'] === type;\n\n/**\n * Tests if a value is a DirectiveResult.\n */\nexport const isDirectiveResult = (value: unknown): value is DirectiveResult =>\n  // This property needs to remain unminified.\n  (value as DirectiveResult)?.['_$litDirective$'] !== undefined;\n\n/**\n * Retrieves the Directive class for a DirectiveResult\n */\nexport const getDirectiveClass = (value: unknown): DirectiveClass | undefined =>\n  // This property needs to remain unminified.\n  (value as DirectiveResult)?.['_$litDirective$'];\n\n/**\n * Tests whether a part has only a single-expression with no strings to\n * interpolate between.\n *\n * Only AttributePart and PropertyPart can have multiple expressions.\n * Multi-expression parts have a `strings` property and single-expression\n * parts do not.\n */\nexport const isSingleExpression = (part: PartInfo) =>\n  (part as AttributePartInfo).strings === undefined;\n\nconst createMarker = () => document.createComment('');\n\n/**\n * Inserts a ChildPart into the given container ChildPart's DOM, either at the\n * end of the container ChildPart, or before the optional `refPart`.\n *\n * This does not add the part to the containerPart's committed value. That must\n * be done by callers.\n *\n * @param containerPart Part within which to add the new ChildPart\n * @param refPart Part before which to add the new ChildPart; when omitted the\n *     part added to the end of the `containerPart`\n * @param part Part to insert, or undefined to create a new part\n */\nexport const insertPart = (\n  containerPart: ChildPart,\n  refPart?: ChildPart,\n  part?: ChildPart\n): ChildPart => {\n  const container = wrap(containerPart._$startNode).parentNode!;\n\n  const refNode =\n    refPart === undefined ? containerPart._$endNode : refPart._$startNode;\n\n  if (part === undefined) {\n    const startNode = wrap(container).insertBefore(createMarker(), refNode);\n    const endNode = wrap(container).insertBefore(createMarker(), refNode);\n    part = new ChildPart(\n      startNode,\n      endNode,\n      containerPart,\n      containerPart.options\n    );\n  } else {\n    const endNode = wrap(part._$endNode!).nextSibling;\n    const oldParent = part._$parent;\n    const parentChanged = oldParent !== containerPart;\n    if (parentChanged) {\n      part._$reparentDisconnectables?.(containerPart);\n      // Note that although `_$reparentDisconnectables` updates the part's\n      // `_$parent` reference after unlinking from its current parent, that\n      // method only exists if Disconnectables are present, so we need to\n      // unconditionally set it here\n      part._$parent = containerPart;\n      // Since the _$isConnected getter is somewhat costly, only\n      // read it once we know the subtree has directives that need\n      // to be notified\n      let newConnectionState;\n      if (\n        part._$notifyConnectionChanged !== undefined &&\n        (newConnectionState = containerPart._$isConnected) !==\n          oldParent!._$isConnected\n      ) {\n        part._$notifyConnectionChanged(newConnectionState);\n      }\n    }\n    if (endNode !== refNode || parentChanged) {\n      let start: Node | null = part._$startNode;\n      while (start !== endNode) {\n        const n: Node | null = wrap(start!).nextSibling;\n        wrap(container).insertBefore(start!, refNode);\n        start = n;\n      }\n    }\n  }\n\n  return part;\n};\n\n/**\n * Sets the value of a Part.\n *\n * Note that this should only be used to set/update the value of user-created\n * parts (i.e. those created using `insertPart`); it should not be used\n * by directives to set the value of the directive's container part. Directives\n * should return a value from `update`/`render` to update their part state.\n *\n * For directives that require setting their part value asynchronously, they\n * should extend `AsyncDirective` and call `this.setValue()`.\n *\n * @param part Part to set\n * @param value Value to set\n * @param index For `AttributePart`s, the index to set\n * @param directiveParent Used internally; should not be set by user\n */\nexport const setChildPartValue = <T extends ChildPart>(\n  part: T,\n  value: unknown,\n  directiveParent: DirectiveParent = part\n): T => {\n  part._$setValue(value, directiveParent);\n  return part;\n};\n\n// A sentinal value that can never appear as a part value except when set by\n// live(). Used to force a dirty-check to fail and cause a re-render.\nconst RESET_VALUE = {};\n\n/**\n * Sets the committed value of a ChildPart directly without triggering the\n * commit stage of the part.\n *\n * This is useful in cases where a directive needs to update the part such\n * that the next update detects a value change or not. When value is omitted,\n * the next update will be guaranteed to be detected as a change.\n *\n * @param part\n * @param value\n */\nexport const setCommittedValue = (part: Part, value: unknown = RESET_VALUE) =>\n  (part._$committedValue = value);\n\n/**\n * Returns the committed value of a ChildPart.\n *\n * The committed value is used for change detection and efficient updates of\n * the part. It can differ from the value set by the template or directive in\n * cases where the template value is transformed before being commited.\n *\n * - `TemplateResult`s are committed as a `TemplateInstance`\n * - Iterables are committed as `Array<ChildPart>`\n * - All other types are committed as the template value or value returned or\n *   set by a directive.\n *\n * @param part\n */\nexport const getCommittedValue = (part: ChildPart) => part._$committedValue;\n\n/**\n * Removes a ChildPart from the DOM, including any of its content.\n *\n * @param part The Part to remove\n */\nexport const removePart = (part: ChildPart) => {\n  part._$notifyConnectionChanged?.(false, true);\n  let start: ChildNode | null = part._$startNode;\n  const end: ChildNode | null = wrap(part._$endNode!).nextSibling;\n  while (start !== end) {\n    const n: ChildNode | null = wrap(start!).nextSibling;\n    (wrap(start!) as ChildNode).remove();\n    start = n;\n  }\n};\n\nexport const clearPart = (part: ChildPart) => {\n  part._$clear();\n};\n", "/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\n/**\n * Overview:\n *\n * This module is designed to add support for an async `setValue` API and\n * `disconnected` callback to directives with the least impact on the core\n * runtime or payload when that feature is not used.\n *\n * The strategy is to introduce a `AsyncDirective` subclass of\n * `Directive` that climbs the \"parent\" tree in its constructor to note which\n * branches of lit-html's \"logical tree\" of data structures contain such\n * directives and thus need to be crawled when a subtree is being cleared (or\n * manually disconnected) in order to run the `disconnected` callback.\n *\n * The \"nodes\" of the logical tree include Parts, TemplateInstances (for when a\n * TemplateResult is committed to a value of a ChildPart), and Directives; these\n * all implement a common interface called `DisconnectableChild`. Each has a\n * `_$parent` reference which is set during construction in the core code, and a\n * `_$disconnectableChildren` field which is initially undefined.\n *\n * The sparse tree created by means of the `AsyncDirective` constructor\n * crawling up the `_$parent` tree and placing a `_$disconnectableChildren` Set\n * on each parent that includes each child that contains a\n * `AsyncDirective` directly or transitively via its children. In order to\n * notify connection state changes and disconnect (or reconnect) a tree, the\n * `_$notifyConnectionChanged` API is patched onto ChildParts as a directive\n * climbs the parent tree, which is called by the core when clearing a part if\n * it exists. When called, that method iterates over the sparse tree of\n * Set<DisconnectableChildren> built up by AsyncDirectives, and calls\n * `_$notifyDirectiveConnectionChanged` on any directives that are encountered\n * in that tree, running the required callbacks.\n *\n * A given \"logical tree\" of lit-html data-structures might look like this:\n *\n *  ChildPart(N1) _$dC=[D2,T3]\n *   ._directive\n *     AsyncDirective(D2)\n *   ._value // user value was TemplateResult\n *     TemplateInstance(T3) _$dC=[A4,A6,N10,N12]\n *      ._parts[]\n *        AttributePart(A4) _$dC=[D5]\n *         ._directives[]\n *           AsyncDirective(D5)\n *        AttributePart(A6) _$dC=[D7,D8]\n *         ._directives[]\n *           AsyncDirective(D7)\n *           Directive(D8) _$dC=[D9]\n *            ._directive\n *              AsyncDirective(D9)\n *        ChildPart(N10) _$dC=[D11]\n *         ._directive\n *           AsyncDirective(D11)\n *         ._value\n *           string\n *        ChildPart(N12) _$dC=[D13,N14,N16]\n *         ._directive\n *           AsyncDirective(D13)\n *         ._value // user value was iterable\n *           Array<ChildPart>\n *             ChildPart(N14) _$dC=[D15]\n *              ._value\n *                string\n *             ChildPart(N16) _$dC=[D17,T18]\n *              ._directive\n *                AsyncDirective(D17)\n *              ._value // user value was TemplateResult\n *                TemplateInstance(T18) _$dC=[A19,A21,N25]\n *                 ._parts[]\n *                   AttributePart(A19) _$dC=[D20]\n *                    ._directives[]\n *                      AsyncDirective(D20)\n *                   AttributePart(A21) _$dC=[22,23]\n *                    ._directives[]\n *                      AsyncDirective(D22)\n *                      Directive(D23) _$dC=[D24]\n *                       ._directive\n *                         AsyncDirective(D24)\n *                   ChildPart(N25) _$dC=[D26]\n *                    ._directive\n *                      AsyncDirective(D26)\n *                    ._value\n *                      string\n *\n * Example 1: The directive in ChildPart(N12) updates and returns `nothing`. The\n * ChildPart will _clear() itself, and so we need to disconnect the \"value\" of\n * the ChildPart (but not its directive). In this case, when `_clear()` calls\n * `_$notifyConnectionChanged()`, we don't iterate all of the\n * _$disconnectableChildren, rather we do a value-specific disconnection: i.e.\n * since the _value was an Array<ChildPart> (because an iterable had been\n * committed), we iterate the array of ChildParts (N14, N16) and run\n * `setConnected` on them (which does recurse down the full tree of\n * `_$disconnectableChildren` below it, and also removes N14 and N16 from N12's\n * `_$disconnectableChildren`). Once the values have been disconnected, we then\n * check whether the ChildPart(N12)'s list of `_$disconnectableChildren` is empty\n * (and would remove it from its parent TemplateInstance(T3) if so), but since\n * it would still contain its directive D13, it stays in the disconnectable\n * tree.\n *\n * Example 2: In the course of Example 1, `setConnected` will reach\n * ChildPart(N16); in this case the entire part is being disconnected, so we\n * simply iterate all of N16's `_$disconnectableChildren` (D17,T18) and\n * recursively run `setConnected` on them. Note that we only remove children\n * from `_$disconnectableChildren` for the top-level values being disconnected\n * on a clear; doing this bookkeeping lower in the tree is wasteful since it's\n * all being thrown away.\n *\n * Example 3: If the LitElement containing the entire tree above becomes\n * disconnected, it will run `childPart.setConnected()` (which calls\n * `childPart._$notifyConnectionChanged()` if it exists); in this case, we\n * recursively run `setConnected()` over the entire tree, without removing any\n * children from `_$disconnectableChildren`, since this tree is required to\n * re-connect the tree, which does the same operation, simply passing\n * `isConnected: true` down the tree, signaling which callback to run.\n */\n\nimport {AttributePart, ChildPart, Disconnectable, Part} from './lit-html.js';\nimport {isSingleExpression} from './directive-helpers.js';\nimport {Directive, PartInfo, PartType} from './directive.js';\nexport {directive} from './directive.js';\n\nconst DEV_MODE = true;\n\n/**\n * Recursively walks down the tree of Parts/TemplateInstances/Directives to set\n * the connected state of directives and run `disconnected`/ `reconnected`\n * callbacks.\n *\n * @return True if there were children to disconnect; false otherwise\n */\nconst notifyChildrenConnectedChanged = (\n  parent: Disconnectable,\n  isConnected: boolean\n): boolean => {\n  const children = parent._$disconnectableChildren;\n  if (children === undefined) {\n    return false;\n  }\n  for (const obj of children) {\n    // The existence of `_$notifyDirectiveConnectionChanged` is used as a \"brand\" to\n    // disambiguate AsyncDirectives from other DisconnectableChildren\n    // (as opposed to using an instanceof check to know when to call it); the\n    // redundancy of \"Directive\" in the API name is to avoid conflicting with\n    // `_$notifyConnectionChanged`, which exists `ChildParts` which are also in\n    // this list\n    // Disconnect Directive (and any nested directives contained within)\n    // This property needs to remain unminified.\n    (obj as AsyncDirective)['_$notifyDirectiveConnectionChanged']?.(\n      isConnected,\n      false\n    );\n    // Disconnect Part/TemplateInstance\n    notifyChildrenConnectedChanged(obj, isConnected);\n  }\n  return true;\n};\n\n/**\n * Removes the given child from its parent list of disconnectable children, and\n * if the parent list becomes empty as a result, removes the parent from its\n * parent, and so forth up the tree when that causes subsequent parent lists to\n * become empty.\n */\nconst removeDisconnectableFromParent = (obj: Disconnectable) => {\n  let parent, children;\n  do {\n    if ((parent = obj._$parent) === undefined) {\n      break;\n    }\n    children = parent._$disconnectableChildren!;\n    children.delete(obj);\n    obj = parent;\n  } while (children?.size === 0);\n};\n\nconst addDisconnectableToParent = (obj: Disconnectable) => {\n  // Climb the parent tree, creating a sparse tree of children needing\n  // disconnection\n  for (let parent; (parent = obj._$parent); obj = parent) {\n    let children = parent._$disconnectableChildren;\n    if (children === undefined) {\n      parent._$disconnectableChildren = children = new Set();\n    } else if (children.has(obj)) {\n      // Once we've reached a parent that already contains this child, we\n      // can short-circuit\n      break;\n    }\n    children.add(obj);\n    installDisconnectAPI(parent);\n  }\n};\n\n/**\n * Changes the parent reference of the ChildPart, and updates the sparse tree of\n * Disconnectable children accordingly.\n *\n * Note, this method will be patched onto ChildPart instances and called from\n * the core code when parts are moved between different parents.\n */\nfunction reparentDisconnectables(this: ChildPart, newParent: Disconnectable) {\n  if (this._$disconnectableChildren !== undefined) {\n    removeDisconnectableFromParent(this);\n    this._$parent = newParent;\n    addDisconnectableToParent(this);\n  } else {\n    this._$parent = newParent;\n  }\n}\n\n/**\n * Sets the connected state on any directives contained within the committed\n * value of this part (i.e. within a TemplateInstance or iterable of\n * ChildParts) and runs their `disconnected`/`reconnected`s, as well as within\n * any directives stored on the ChildPart (when `valueOnly` is false).\n *\n * `isClearingValue` should be passed as `true` on a top-level part that is\n * clearing itself, and not as a result of recursively disconnecting directives\n * as part of a `clear` operation higher up the tree. This both ensures that any\n * directive on this ChildPart that produced a value that caused the clear\n * operation is not disconnected, and also serves as a performance optimization\n * to avoid needless bookkeeping when a subtree is going away; when clearing a\n * subtree, only the top-most part need to remove itself from the parent.\n *\n * `fromPartIndex` is passed only in the case of a partial `_clear` running as a\n * result of truncating an iterable.\n *\n * Note, this method will be patched onto ChildPart instances and called from the\n * core code when parts are cleared or the connection state is changed by the\n * user.\n */\nfunction notifyChildPartConnectedChanged(\n  this: ChildPart,\n  isConnected: boolean,\n  isClearingValue = false,\n  fromPartIndex = 0\n) {\n  const value = this._$committedValue;\n  const children = this._$disconnectableChildren;\n  if (children === undefined || children.size === 0) {\n    return;\n  }\n  if (isClearingValue) {\n    if (Array.isArray(value)) {\n      // Iterable case: Any ChildParts created by the iterable should be\n      // disconnected and removed from this ChildPart's disconnectable\n      // children (starting at `fromPartIndex` in the case of truncation)\n      for (let i = fromPartIndex; i < value.length; i++) {\n        notifyChildrenConnectedChanged(value[i], false);\n        removeDisconnectableFromParent(value[i]);\n      }\n    } else if (value != null) {\n      // TemplateInstance case: If the value has disconnectable children (will\n      // only be in the case that it is a TemplateInstance), we disconnect it\n      // and remove it from this ChildPart's disconnectable children\n      notifyChildrenConnectedChanged(value as Disconnectable, false);\n      removeDisconnectableFromParent(value as Disconnectable);\n    }\n  } else {\n    notifyChildrenConnectedChanged(this, isConnected);\n  }\n}\n\n/**\n * Patches disconnection API onto ChildParts.\n */\nconst installDisconnectAPI = (obj: Disconnectable) => {\n  if ((obj as ChildPart).type == PartType.CHILD) {\n    (obj as ChildPart)._$notifyConnectionChanged ??=\n      notifyChildPartConnectedChanged;\n    (obj as ChildPart)._$reparentDisconnectables ??= reparentDisconnectables;\n  }\n};\n\n/**\n * An abstract `Directive` base class whose `disconnected` method will be\n * called when the part containing the directive is cleared as a result of\n * re-rendering, or when the user calls `part.setConnected(false)` on\n * a part that was previously rendered containing the directive (as happens\n * when e.g. a LitElement disconnects from the DOM).\n *\n * If `part.setConnected(true)` is subsequently called on a\n * containing part, the directive's `reconnected` method will be called prior\n * to its next `update`/`render` callbacks. When implementing `disconnected`,\n * `reconnected` should also be implemented to be compatible with reconnection.\n *\n * Note that updates may occur while the directive is disconnected. As such,\n * directives should generally check the `this.isConnected` flag during\n * render/update to determine whether it is safe to subscribe to resources\n * that may prevent garbage collection.\n */\nexport abstract class AsyncDirective extends Directive {\n  // As opposed to other Disconnectables, AsyncDirectives always get notified\n  // when the RootPart connection changes, so the public `isConnected`\n  // is a locally stored variable initialized via its part's getter and synced\n  // via `_$notifyDirectiveConnectionChanged`. This is cheaper than using\n  // the _$isConnected getter, which has to look back up the tree each time.\n  /**\n   * The connection state for this Directive.\n   */\n  isConnected!: boolean;\n\n  // @internal\n  override _$disconnectableChildren?: Set<Disconnectable> = undefined;\n  /**\n   * Initialize the part with internal fields\n   * @param part\n   * @param parent\n   * @param attributeIndex\n   */\n  override _$initialize(\n    part: Part,\n    parent: Disconnectable,\n    attributeIndex: number | undefined\n  ) {\n    super._$initialize(part, parent, attributeIndex);\n    addDisconnectableToParent(this);\n    this.isConnected = part._$isConnected;\n  }\n  // This property needs to remain unminified.\n  /**\n   * Called from the core code when a directive is going away from a part (in\n   * which case `shouldRemoveFromParent` should be true), and from the\n   * `setChildrenConnected` helper function when recursively changing the\n   * connection state of a tree (in which case `shouldRemoveFromParent` should\n   * be false).\n   *\n   * @param isConnected\n   * @param isClearingDirective - True when the directive itself is being\n   *     removed; false when the tree is being disconnected\n   * @internal\n   */\n  override ['_$notifyDirectiveConnectionChanged'](\n    isConnected: boolean,\n    isClearingDirective = true\n  ) {\n    if (isConnected !== this.isConnected) {\n      this.isConnected = isConnected;\n      if (isConnected) {\n        this.reconnected?.();\n      } else {\n        this.disconnected?.();\n      }\n    }\n    if (isClearingDirective) {\n      notifyChildrenConnectedChanged(this, isConnected);\n      removeDisconnectableFromParent(this);\n    }\n  }\n\n  /**\n   * Sets the value of the directive's Part outside the normal `update`/`render`\n   * lifecycle of a directive.\n   *\n   * This method should not be called synchronously from a directive's `update`\n   * or `render`.\n   *\n   * @param directive The directive to update\n   * @param value The value to set\n   */\n  setValue(value: unknown) {\n    if (isSingleExpression(this.__part as unknown as PartInfo)) {\n      this.__part._$setValue(value, this);\n    } else {\n      // this.__attributeIndex will be defined in this case, but\n      // assert it in dev mode\n      if (DEV_MODE && this.__attributeIndex === undefined) {\n        throw new Error(`Expected this.__attributeIndex to be a number`);\n      }\n      const newValues = [...(this.__part._$committedValue as Array<unknown>)];\n      newValues[this.__attributeIndex!] = value;\n      (this.__part as AttributePart)._$setValue(newValues, this, 0);\n    }\n  }\n\n  /**\n   * User callbacks for implementing logic to release any resources/subscriptions\n   * that may have been retained by this directive. Since directives may also be\n   * re-connected, `reconnected` should also be implemented to restore the\n   * working state of the directive prior to the next render.\n   */\n  protected disconnected() {}\n  protected reconnected() {}\n}\n", "/**\n * @license\n * Copyright 2020 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\nimport {nothing, ElementPart} from '../lit-html.js';\nimport {directive, AsyncDirective} from '../async-directive.js';\n\n/**\n * Creates a new Ref object, which is container for a reference to an element.\n */\nexport const createRef = <T = Element>() => new Ref<T>();\n\n/**\n * An object that holds a ref value.\n */\nclass Ref<T = Element> {\n  /**\n   * The current Element value of the ref, or else `undefined` if the ref is no\n   * longer rendered.\n   */\n  readonly value?: T;\n}\n\nexport type {Ref};\n\ninterface RefInternal {\n  value: Element | undefined;\n}\n\n// When callbacks are used for refs, this map tracks the last value the callback\n// was called with, for ensuring a directive doesn't clear the ref if the ref\n// has already been rendered to a new spot\nconst lastElementForCallback: WeakMap<Function, Element | undefined> =\n  new WeakMap();\n\nexport type RefOrCallback = Ref | ((el: Element | undefined) => void);\n\nclass RefDirective extends AsyncDirective {\n  private _element?: Element;\n  private _ref?: RefOrCallback;\n  private _context: unknown;\n\n  render(_ref: RefOrCallback) {\n    return nothing;\n  }\n\n  override update(part: ElementPart, [ref]: Parameters<this['render']>) {\n    const refChanged = ref !== this._ref;\n    if (refChanged && this._ref !== undefined) {\n      // The ref passed to the directive has changed;\n      // unset the previous ref's value\n      this._updateRefValue(undefined);\n    }\n    if (refChanged || this._lastElementForRef !== this._element) {\n      // We either got a new ref or this is the first render;\n      // store the ref/element & update the ref value\n      this._ref = ref;\n      this._context = part.options?.host;\n      this._updateRefValue((this._element = part.element));\n    }\n    return nothing;\n  }\n\n  private _updateRefValue(element: Element | undefined) {\n    if (typeof this._ref === 'function') {\n      // If the current ref was called with a previous value, call with\n      // `undefined`; We do this to ensure callbacks are called in a consistent\n      // way regardless of whether a ref might be moving up in the tree (in\n      // which case it would otherwise be called with the new value before the\n      // previous one unsets it) and down in the tree (where it would be unset\n      // before being set)\n      if (lastElementForCallback.get(this._ref) !== undefined) {\n        this._ref.call(this._context, undefined);\n      }\n      lastElementForCallback.set(this._ref, element);\n      // Call the ref with the new element value\n      if (element !== undefined) {\n        this._ref.call(this._context, element);\n      }\n    } else {\n      (this._ref as RefInternal)!.value = element;\n    }\n  }\n\n  private get _lastElementForRef() {\n    return typeof this._ref === 'function'\n      ? lastElementForCallback.get(this._ref)\n      : this._ref?.value;\n  }\n\n  override disconnected() {\n    // Only clear the box if our element is still the one in it (i.e. another\n    // directive instance hasn't rendered its element to it before us); that\n    // only happens in the event of the directive being cleared (not via manual\n    // disconnection)\n    if (this._lastElementForRef === this._element) {\n      this._updateRefValue(undefined);\n    }\n  }\n\n  override reconnected() {\n    // If we were manually disconnected, we can safely put our element back in\n    // the box, since no rendering could have occurred to change its state\n    this._updateRefValue(this._element);\n  }\n}\n\n/**\n * Sets the value of a Ref object or calls a ref callback with the element it's\n * bound to.\n *\n * A Ref object acts as a container for a reference to an element. A ref\n * callback is a function that takes an element as its only argument.\n *\n * The ref directive sets the value of the Ref object or calls the ref callback\n * during rendering, if the referenced element changed.\n *\n * Note: If a ref callback is rendered to a different element position or is\n * removed in a subsequent render, it will first be called with `undefined`,\n * followed by another call with the new element it was rendered to (if any).\n *\n * ```js\n * // Using Ref object\n * const inputRef = createRef();\n * render(html`<input ${ref(inputRef)}>`, container);\n * inputRef.value.focus();\n *\n * // Using callback\n * const callback = (inputElement) => inputElement.focus();\n * render(html`<input ${ref(callback)}>`, container);\n * ```\n */\nexport const ref = directive(RefDirective);\n\n/**\n * The type of the class that powers this directive. Necessary for naming the\n * directive's return type.\n */\nexport type {RefDirective};\n", "import {property} from 'lit/decorators.js';\nimport {html} from 'lit/static-html.js';// import {html} from 'lit';\nimport {unsafeStatic} from 'lit/static-html.js';// USE DIFFERENT 'html'!!!!\nimport ScwFormComponent from '../scw-form-component/scw-form-component';\nimport {Components} from '../utils/enums/Components';\nimport styles from './scss/scw-single-input.scss';\nimport {ScwSingleInputLayoutActions}\n  from '../scw-single-input-layout/scw-single-input-layout';\nimport {emit, ScwEvents} from '../utils/events/event';\nimport getSuffix from '../utils/suffix';\nimport {watch} from '../utils/watch';\nimport {ValidationTypes} from '../scw-validate/validationTypes';\nimport {ref, Ref, createRef} from 'lit/directives/ref.js';\nimport ScwInputField from '../scw-input-field/scw-input-field';\nimport {submitForm, FormMethods} from '../utils/submitForm';\n\nenum SingleInputTypes {\n  search = 'search',\n  email = 'email'\n}\n\n/**\n * ScwSingleInput\n * @class\n * @tag scw-single-input\n *\n * @event scw-submit - fires on valid or invalid submit (return or button).\n * detail is {value: this.value, validation: []}\n * @event scw-focus input recieved focus\n * @event scw-blur input lost focus\n * @event scw-value-change value has changed (not necessarily value displayed)\n *\n */\nexport default class ScwSingleInput extends ScwFormComponent {\n  /**\n  * styles\n  */\n   static get styles() {\n    return [\n      super.styles,\n      styles,\n    ];\n  }\n\n  /** scw-input-field with versioning suffix */\n  scwInputField : any;\n\n  /** scw-single-input-layout with versioning suffix */\n  scwSingleInputLayout : any;\n\n  /** scw-form with versioning suffix */\n  scwForm : any;\n\n  /** constructor */\n  constructor() {\n    super();\n    this.element = Components.singleInput;\n\n    const suffix = getSuffix();\n    this.scwInputField = unsafeStatic(`scw-${Components.inputField}${suffix}`);\n    this.scwSingleInputLayout = unsafeStatic(\n      `scw-${Components.singleInputLayout}${suffix}`,\n    );\n    this.scwForm = unsafeStatic(`scw-${Components.form}${suffix}`);\n  }\n\n  // ============== ScwSingleInput =============================================\n  /** scw-form reference */\n  scwInputRef: Ref<ScwInputField> = createRef();\n\n  /** (ScwSingleInput) the type of input, determines what types of icons and\n  * buttons show up on the input */\n  @property({type: SingleInputTypes})\n    type: SingleInputTypes = SingleInputTypes.search;\n\n  /** (ScwSingleInput) where to submit search, same as form */\n  @property({type: String})\n    action?: string;\n\n  /** (ScwSingleInput) how to submit search, same as form */\n  @property({type: String})\n    method: FormMethods = FormMethods.get;\n\n  /**\n  * Watching type to adjust validation rules\n  * @param {string} oldValue\n  * @param {string} newValue\n  */\n  @watch('type')\n  typeWatcher(oldValue: string, newValue: string) {\n    if (newValue === SingleInputTypes.email) {\n      this.createAndAddValidationRule(ValidationTypes.required);\n      this.createAndAddValidationRule(ValidationTypes.email);\n    } else {\n      this.removeValidationRule(ValidationTypes.email);\n      this.removeValidationRule(ValidationTypes.required);\n    }\n  }\n\n  /**\n  * handle focus into input\n  */\n  _focusHandler() {\n    this.focused = true;\n  }\n\n  /**\n  * handle blurs from input\n  */\n  _blurHandler() {\n    this.focused = false;\n    this.validate();\n  }\n\n  /**\n  * handle changes from input\n  * @param {CustomEvent} evt\n  */\n  _valueChangeHandler(evt: CustomEvent) {\n    this.value = evt.detail.value;\n  }\n\n  /**\n  * handles actions from layout\n  * @param {CustomEvent} evt\n  */\n  _layoutActionHandler(evt : CustomEvent) {\n    if ( evt.detail.action === ScwSingleInputLayoutActions.rightIcon) {\n      this.value = '';\n      evt.stopPropagation();\n      return;\n    }\n\n    if ( evt.detail.action === ScwSingleInputLayoutActions.rightAction) {\n      evt.stopPropagation();\n      this.submit();\n      return;\n    }\n  }\n\n  /**\n   * checkForSubmit\n   * @param {KeyboardEvent} evt\n   */\n  checkForSubmit(evt: KeyboardEvent) {\n    if (evt.key === 'Enter') {\n      this.submit();\n    }\n  }\n\n  /** submit */\n  submit() {\n    if (this.action ) {\n      submitForm(\n        this.action,\n        {keys: this.value},\n        this.method,\n      );\n    }\n\n    emit(\n      ScwEvents.submit,\n      this,\n      {\n        validation: this.validate(),\n        data: {\n          value: this.value,\n        },\n      },\n    );\n  }\n\n  /**\n  * render core input filed\n  * @return {object} component DOM\n  */\n  renderInputField(): object {\n    return html`\n      <${this.scwInputField}\n        ${ref(this.scwInputRef)}\n        .value=${this.value}\n        .placeholder=${this.placeholder}\n        .name=${this.type}\n        @keyup=${this.checkForSubmit}\n        @scw-focus=${this._focusHandler}\n        @scw-blur=${this._blurHandler}\n        @scw-value-change=${this._valueChangeHandler}>\n      </${this.scwInputField}>\n    `;\n  }\n\n  /**\n  * render email type\n  * @return {object} component DOM\n  */\n  renderEmail(): object {\n    return html`\n      <${this.scwSingleInputLayout}\n        .feedback=\"${this.feedback}\"\n        right-action-icon=\"icon-placeholder\"\n        left-action-icon=\"icon-placeholder\"\n        ?focused=${this.focused}\n        ?invalid=${this.invalid}\n        @scw-action=${this._layoutActionHandler}>\n        ${this.renderInputField()}\n      </${this.scwSingleInputLayout}>\n      <slot name=\"validation\"></slot>\n    `;\n  }\n\n  /**\n  * render search type\n  * @return {object} component DOM\n  */\n  renderSearch(): object {\n    return html`\n      <${this.scwSingleInputLayout}\n        .feedback=\"${this.feedback}\"\n        right-action-icon=\"icon-search\"\n        right-icon=\"icon-clear\"\n        ?focused=${this.focused}\n        ?invalid=${this.invalid}\n        @scw-action=${this._layoutActionHandler}>\n        ${this.renderInputField()}\n      </${this.scwSingleInputLayout}>\n      <slot name=\"validation\"></slot>\n    `;\n  }\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n  render(): object {\n    if ( this.type === SingleInputTypes.email) {\n      return html`${this.renderEmail()}`;\n    }\n    return this.renderSearch();\n  }\n}\n"],
-  "mappings": "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",
+  "sources": ["sass-plugin-0:/Users/scottrouse/Workspace/scu-design-system-mono/scu-web-components/src/scw-single-input/scss/scw-single-input.scss", "../../../node_modules/lit-html/src/async-directive.ts", "../../../node_modules/lit-html/src/directives/ref.ts", "../../src/scw-single-input/scw-single-input.ts"],
+  "sourcesContent": ["import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host {\n  display: block;\n}`;\n", "/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\n/**\n * Overview:\n *\n * This module is designed to add support for an async `setValue` API and\n * `disconnected` callback to directives with the least impact on the core\n * runtime or payload when that feature is not used.\n *\n * The strategy is to introduce a `AsyncDirective` subclass of\n * `Directive` that climbs the \"parent\" tree in its constructor to note which\n * branches of lit-html's \"logical tree\" of data structures contain such\n * directives and thus need to be crawled when a subtree is being cleared (or\n * manually disconnected) in order to run the `disconnected` callback.\n *\n * The \"nodes\" of the logical tree include Parts, TemplateInstances (for when a\n * TemplateResult is committed to a value of a ChildPart), and Directives; these\n * all implement a common interface called `DisconnectableChild`. Each has a\n * `_$parent` reference which is set during construction in the core code, and a\n * `_$disconnectableChildren` field which is initially undefined.\n *\n * The sparse tree created by means of the `AsyncDirective` constructor\n * crawling up the `_$parent` tree and placing a `_$disconnectableChildren` Set\n * on each parent that includes each child that contains a\n * `AsyncDirective` directly or transitively via its children. In order to\n * notify connection state changes and disconnect (or reconnect) a tree, the\n * `_$notifyConnectionChanged` API is patched onto ChildParts as a directive\n * climbs the parent tree, which is called by the core when clearing a part if\n * it exists. When called, that method iterates over the sparse tree of\n * Set<DisconnectableChildren> built up by AsyncDirectives, and calls\n * `_$notifyDirectiveConnectionChanged` on any directives that are encountered\n * in that tree, running the required callbacks.\n *\n * A given \"logical tree\" of lit-html data-structures might look like this:\n *\n *  ChildPart(N1) _$dC=[D2,T3]\n *   ._directive\n *     AsyncDirective(D2)\n *   ._value // user value was TemplateResult\n *     TemplateInstance(T3) _$dC=[A4,A6,N10,N12]\n *      ._parts[]\n *        AttributePart(A4) _$dC=[D5]\n *         ._directives[]\n *           AsyncDirective(D5)\n *        AttributePart(A6) _$dC=[D7,D8]\n *         ._directives[]\n *           AsyncDirective(D7)\n *           Directive(D8) _$dC=[D9]\n *            ._directive\n *              AsyncDirective(D9)\n *        ChildPart(N10) _$dC=[D11]\n *         ._directive\n *           AsyncDirective(D11)\n *         ._value\n *           string\n *        ChildPart(N12) _$dC=[D13,N14,N16]\n *         ._directive\n *           AsyncDirective(D13)\n *         ._value // user value was iterable\n *           Array<ChildPart>\n *             ChildPart(N14) _$dC=[D15]\n *              ._value\n *                string\n *             ChildPart(N16) _$dC=[D17,T18]\n *              ._directive\n *                AsyncDirective(D17)\n *              ._value // user value was TemplateResult\n *                TemplateInstance(T18) _$dC=[A19,A21,N25]\n *                 ._parts[]\n *                   AttributePart(A19) _$dC=[D20]\n *                    ._directives[]\n *                      AsyncDirective(D20)\n *                   AttributePart(A21) _$dC=[22,23]\n *                    ._directives[]\n *                      AsyncDirective(D22)\n *                      Directive(D23) _$dC=[D24]\n *                       ._directive\n *                         AsyncDirective(D24)\n *                   ChildPart(N25) _$dC=[D26]\n *                    ._directive\n *                      AsyncDirective(D26)\n *                    ._value\n *                      string\n *\n * Example 1: The directive in ChildPart(N12) updates and returns `nothing`. The\n * ChildPart will _clear() itself, and so we need to disconnect the \"value\" of\n * the ChildPart (but not its directive). In this case, when `_clear()` calls\n * `_$notifyConnectionChanged()`, we don't iterate all of the\n * _$disconnectableChildren, rather we do a value-specific disconnection: i.e.\n * since the _value was an Array<ChildPart> (because an iterable had been\n * committed), we iterate the array of ChildParts (N14, N16) and run\n * `setConnected` on them (which does recurse down the full tree of\n * `_$disconnectableChildren` below it, and also removes N14 and N16 from N12's\n * `_$disconnectableChildren`). Once the values have been disconnected, we then\n * check whether the ChildPart(N12)'s list of `_$disconnectableChildren` is empty\n * (and would remove it from its parent TemplateInstance(T3) if so), but since\n * it would still contain its directive D13, it stays in the disconnectable\n * tree.\n *\n * Example 2: In the course of Example 1, `setConnected` will reach\n * ChildPart(N16); in this case the entire part is being disconnected, so we\n * simply iterate all of N16's `_$disconnectableChildren` (D17,T18) and\n * recursively run `setConnected` on them. Note that we only remove children\n * from `_$disconnectableChildren` for the top-level values being disconnected\n * on a clear; doing this bookkeeping lower in the tree is wasteful since it's\n * all being thrown away.\n *\n * Example 3: If the LitElement containing the entire tree above becomes\n * disconnected, it will run `childPart.setConnected()` (which calls\n * `childPart._$notifyConnectionChanged()` if it exists); in this case, we\n * recursively run `setConnected()` over the entire tree, without removing any\n * children from `_$disconnectableChildren`, since this tree is required to\n * re-connect the tree, which does the same operation, simply passing\n * `isConnected: true` down the tree, signaling which callback to run.\n */\n\nimport {AttributePart, ChildPart, Disconnectable, Part} from './lit-html.js';\nimport {isSingleExpression} from './directive-helpers.js';\nimport {Directive, PartInfo, PartType} from './directive.js';\nexport {directive} from './directive.js';\n\nconst DEV_MODE = true;\n\n/**\n * Recursively walks down the tree of Parts/TemplateInstances/Directives to set\n * the connected state of directives and run `disconnected`/ `reconnected`\n * callbacks.\n *\n * @return True if there were children to disconnect; false otherwise\n */\nconst notifyChildrenConnectedChanged = (\n  parent: Disconnectable,\n  isConnected: boolean\n): boolean => {\n  const children = parent._$disconnectableChildren;\n  if (children === undefined) {\n    return false;\n  }\n  for (const obj of children) {\n    // The existence of `_$notifyDirectiveConnectionChanged` is used as a \"brand\" to\n    // disambiguate AsyncDirectives from other DisconnectableChildren\n    // (as opposed to using an instanceof check to know when to call it); the\n    // redundancy of \"Directive\" in the API name is to avoid conflicting with\n    // `_$notifyConnectionChanged`, which exists `ChildParts` which are also in\n    // this list\n    // Disconnect Directive (and any nested directives contained within)\n    // This property needs to remain unminified.\n    (obj as AsyncDirective)['_$notifyDirectiveConnectionChanged']?.(\n      isConnected,\n      false\n    );\n    // Disconnect Part/TemplateInstance\n    notifyChildrenConnectedChanged(obj, isConnected);\n  }\n  return true;\n};\n\n/**\n * Removes the given child from its parent list of disconnectable children, and\n * if the parent list becomes empty as a result, removes the parent from its\n * parent, and so forth up the tree when that causes subsequent parent lists to\n * become empty.\n */\nconst removeDisconnectableFromParent = (obj: Disconnectable) => {\n  let parent, children;\n  do {\n    if ((parent = obj._$parent) === undefined) {\n      break;\n    }\n    children = parent._$disconnectableChildren!;\n    children.delete(obj);\n    obj = parent;\n  } while (children?.size === 0);\n};\n\nconst addDisconnectableToParent = (obj: Disconnectable) => {\n  // Climb the parent tree, creating a sparse tree of children needing\n  // disconnection\n  for (let parent; (parent = obj._$parent); obj = parent) {\n    let children = parent._$disconnectableChildren;\n    if (children === undefined) {\n      parent._$disconnectableChildren = children = new Set();\n    } else if (children.has(obj)) {\n      // Once we've reached a parent that already contains this child, we\n      // can short-circuit\n      break;\n    }\n    children.add(obj);\n    installDisconnectAPI(parent);\n  }\n};\n\n/**\n * Changes the parent reference of the ChildPart, and updates the sparse tree of\n * Disconnectable children accordingly.\n *\n * Note, this method will be patched onto ChildPart instances and called from\n * the core code when parts are moved between different parents.\n */\nfunction reparentDisconnectables(this: ChildPart, newParent: Disconnectable) {\n  if (this._$disconnectableChildren !== undefined) {\n    removeDisconnectableFromParent(this);\n    this._$parent = newParent;\n    addDisconnectableToParent(this);\n  } else {\n    this._$parent = newParent;\n  }\n}\n\n/**\n * Sets the connected state on any directives contained within the committed\n * value of this part (i.e. within a TemplateInstance or iterable of\n * ChildParts) and runs their `disconnected`/`reconnected`s, as well as within\n * any directives stored on the ChildPart (when `valueOnly` is false).\n *\n * `isClearingValue` should be passed as `true` on a top-level part that is\n * clearing itself, and not as a result of recursively disconnecting directives\n * as part of a `clear` operation higher up the tree. This both ensures that any\n * directive on this ChildPart that produced a value that caused the clear\n * operation is not disconnected, and also serves as a performance optimization\n * to avoid needless bookkeeping when a subtree is going away; when clearing a\n * subtree, only the top-most part need to remove itself from the parent.\n *\n * `fromPartIndex` is passed only in the case of a partial `_clear` running as a\n * result of truncating an iterable.\n *\n * Note, this method will be patched onto ChildPart instances and called from the\n * core code when parts are cleared or the connection state is changed by the\n * user.\n */\nfunction notifyChildPartConnectedChanged(\n  this: ChildPart,\n  isConnected: boolean,\n  isClearingValue = false,\n  fromPartIndex = 0\n) {\n  const value = this._$committedValue;\n  const children = this._$disconnectableChildren;\n  if (children === undefined || children.size === 0) {\n    return;\n  }\n  if (isClearingValue) {\n    if (Array.isArray(value)) {\n      // Iterable case: Any ChildParts created by the iterable should be\n      // disconnected and removed from this ChildPart's disconnectable\n      // children (starting at `fromPartIndex` in the case of truncation)\n      for (let i = fromPartIndex; i < value.length; i++) {\n        notifyChildrenConnectedChanged(value[i], false);\n        removeDisconnectableFromParent(value[i]);\n      }\n    } else if (value != null) {\n      // TemplateInstance case: If the value has disconnectable children (will\n      // only be in the case that it is a TemplateInstance), we disconnect it\n      // and remove it from this ChildPart's disconnectable children\n      notifyChildrenConnectedChanged(value as Disconnectable, false);\n      removeDisconnectableFromParent(value as Disconnectable);\n    }\n  } else {\n    notifyChildrenConnectedChanged(this, isConnected);\n  }\n}\n\n/**\n * Patches disconnection API onto ChildParts.\n */\nconst installDisconnectAPI = (obj: Disconnectable) => {\n  if ((obj as ChildPart).type == PartType.CHILD) {\n    (obj as ChildPart)._$notifyConnectionChanged ??=\n      notifyChildPartConnectedChanged;\n    (obj as ChildPart)._$reparentDisconnectables ??= reparentDisconnectables;\n  }\n};\n\n/**\n * An abstract `Directive` base class whose `disconnected` method will be\n * called when the part containing the directive is cleared as a result of\n * re-rendering, or when the user calls `part.setConnected(false)` on\n * a part that was previously rendered containing the directive (as happens\n * when e.g. a LitElement disconnects from the DOM).\n *\n * If `part.setConnected(true)` is subsequently called on a\n * containing part, the directive's `reconnected` method will be called prior\n * to its next `update`/`render` callbacks. When implementing `disconnected`,\n * `reconnected` should also be implemented to be compatible with reconnection.\n *\n * Note that updates may occur while the directive is disconnected. As such,\n * directives should generally check the `this.isConnected` flag during\n * render/update to determine whether it is safe to subscribe to resources\n * that may prevent garbage collection.\n */\nexport abstract class AsyncDirective extends Directive {\n  // As opposed to other Disconnectables, AsyncDirectives always get notified\n  // when the RootPart connection changes, so the public `isConnected`\n  // is a locally stored variable initialized via its part's getter and synced\n  // via `_$notifyDirectiveConnectionChanged`. This is cheaper than using\n  // the _$isConnected getter, which has to look back up the tree each time.\n  /**\n   * The connection state for this Directive.\n   */\n  isConnected!: boolean;\n\n  // @internal\n  override _$disconnectableChildren?: Set<Disconnectable> = undefined;\n  /**\n   * Initialize the part with internal fields\n   * @param part\n   * @param parent\n   * @param attributeIndex\n   */\n  override _$initialize(\n    part: Part,\n    parent: Disconnectable,\n    attributeIndex: number | undefined\n  ) {\n    super._$initialize(part, parent, attributeIndex);\n    addDisconnectableToParent(this);\n    this.isConnected = part._$isConnected;\n  }\n  // This property needs to remain unminified.\n  /**\n   * Called from the core code when a directive is going away from a part (in\n   * which case `shouldRemoveFromParent` should be true), and from the\n   * `setChildrenConnected` helper function when recursively changing the\n   * connection state of a tree (in which case `shouldRemoveFromParent` should\n   * be false).\n   *\n   * @param isConnected\n   * @param isClearingDirective - True when the directive itself is being\n   *     removed; false when the tree is being disconnected\n   * @internal\n   */\n  override ['_$notifyDirectiveConnectionChanged'](\n    isConnected: boolean,\n    isClearingDirective = true\n  ) {\n    if (isConnected !== this.isConnected) {\n      this.isConnected = isConnected;\n      if (isConnected) {\n        this.reconnected?.();\n      } else {\n        this.disconnected?.();\n      }\n    }\n    if (isClearingDirective) {\n      notifyChildrenConnectedChanged(this, isConnected);\n      removeDisconnectableFromParent(this);\n    }\n  }\n\n  /**\n   * Sets the value of the directive's Part outside the normal `update`/`render`\n   * lifecycle of a directive.\n   *\n   * This method should not be called synchronously from a directive's `update`\n   * or `render`.\n   *\n   * @param directive The directive to update\n   * @param value The value to set\n   */\n  setValue(value: unknown) {\n    if (isSingleExpression(this.__part as unknown as PartInfo)) {\n      this.__part._$setValue(value, this);\n    } else {\n      // this.__attributeIndex will be defined in this case, but\n      // assert it in dev mode\n      if (DEV_MODE && this.__attributeIndex === undefined) {\n        throw new Error(`Expected this.__attributeIndex to be a number`);\n      }\n      const newValues = [...(this.__part._$committedValue as Array<unknown>)];\n      newValues[this.__attributeIndex!] = value;\n      (this.__part as AttributePart)._$setValue(newValues, this, 0);\n    }\n  }\n\n  /**\n   * User callbacks for implementing logic to release any resources/subscriptions\n   * that may have been retained by this directive. Since directives may also be\n   * re-connected, `reconnected` should also be implemented to restore the\n   * working state of the directive prior to the next render.\n   */\n  protected disconnected() {}\n  protected reconnected() {}\n}\n", "/**\n * @license\n * Copyright 2020 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\nimport {nothing, ElementPart} from '../lit-html.js';\nimport {directive, AsyncDirective} from '../async-directive.js';\n\n/**\n * Creates a new Ref object, which is container for a reference to an element.\n */\nexport const createRef = <T = Element>() => new Ref<T>();\n\n/**\n * An object that holds a ref value.\n */\nclass Ref<T = Element> {\n  /**\n   * The current Element value of the ref, or else `undefined` if the ref is no\n   * longer rendered.\n   */\n  readonly value?: T;\n}\n\nexport type {Ref};\n\ninterface RefInternal {\n  value: Element | undefined;\n}\n\n// When callbacks are used for refs, this map tracks the last value the callback\n// was called with, for ensuring a directive doesn't clear the ref if the ref\n// has already been rendered to a new spot\nconst lastElementForCallback: WeakMap<Function, Element | undefined> =\n  new WeakMap();\n\nexport type RefOrCallback = Ref | ((el: Element | undefined) => void);\n\nclass RefDirective extends AsyncDirective {\n  private _element?: Element;\n  private _ref?: RefOrCallback;\n  private _context: unknown;\n\n  render(_ref: RefOrCallback) {\n    return nothing;\n  }\n\n  override update(part: ElementPart, [ref]: Parameters<this['render']>) {\n    const refChanged = ref !== this._ref;\n    if (refChanged && this._ref !== undefined) {\n      // The ref passed to the directive has changed;\n      // unset the previous ref's value\n      this._updateRefValue(undefined);\n    }\n    if (refChanged || this._lastElementForRef !== this._element) {\n      // We either got a new ref or this is the first render;\n      // store the ref/element & update the ref value\n      this._ref = ref;\n      this._context = part.options?.host;\n      this._updateRefValue((this._element = part.element));\n    }\n    return nothing;\n  }\n\n  private _updateRefValue(element: Element | undefined) {\n    if (typeof this._ref === 'function') {\n      // If the current ref was called with a previous value, call with\n      // `undefined`; We do this to ensure callbacks are called in a consistent\n      // way regardless of whether a ref might be moving up in the tree (in\n      // which case it would otherwise be called with the new value before the\n      // previous one unsets it) and down in the tree (where it would be unset\n      // before being set)\n      if (lastElementForCallback.get(this._ref) !== undefined) {\n        this._ref.call(this._context, undefined);\n      }\n      lastElementForCallback.set(this._ref, element);\n      // Call the ref with the new element value\n      if (element !== undefined) {\n        this._ref.call(this._context, element);\n      }\n    } else {\n      (this._ref as RefInternal)!.value = element;\n    }\n  }\n\n  private get _lastElementForRef() {\n    return typeof this._ref === 'function'\n      ? lastElementForCallback.get(this._ref)\n      : this._ref?.value;\n  }\n\n  override disconnected() {\n    // Only clear the box if our element is still the one in it (i.e. another\n    // directive instance hasn't rendered its element to it before us); that\n    // only happens in the event of the directive being cleared (not via manual\n    // disconnection)\n    if (this._lastElementForRef === this._element) {\n      this._updateRefValue(undefined);\n    }\n  }\n\n  override reconnected() {\n    // If we were manually disconnected, we can safely put our element back in\n    // the box, since no rendering could have occurred to change its state\n    this._updateRefValue(this._element);\n  }\n}\n\n/**\n * Sets the value of a Ref object or calls a ref callback with the element it's\n * bound to.\n *\n * A Ref object acts as a container for a reference to an element. A ref\n * callback is a function that takes an element as its only argument.\n *\n * The ref directive sets the value of the Ref object or calls the ref callback\n * during rendering, if the referenced element changed.\n *\n * Note: If a ref callback is rendered to a different element position or is\n * removed in a subsequent render, it will first be called with `undefined`,\n * followed by another call with the new element it was rendered to (if any).\n *\n * ```js\n * // Using Ref object\n * const inputRef = createRef();\n * render(html`<input ${ref(inputRef)}>`, container);\n * inputRef.value.focus();\n *\n * // Using callback\n * const callback = (inputElement) => inputElement.focus();\n * render(html`<input ${ref(callback)}>`, container);\n * ```\n */\nexport const ref = directive(RefDirective);\n\n/**\n * The type of the class that powers this directive. Necessary for naming the\n * directive's return type.\n */\nexport type {RefDirective};\n", "import {property} from 'lit/decorators.js';\nimport {html} from 'lit/static-html.js';// import {html} from 'lit';\nimport {unsafeStatic} from 'lit/static-html.js';// USE DIFFERENT 'html'!!!!\nimport ScwFormComponent from '../scw-form-component/scw-form-component';\nimport {Components} from '../utils/enums/Components';\nimport styles from './scss/scw-single-input.scss';\nimport {ScwSingleInputLayoutActions}\n  from '../scw-single-input-layout/scw-single-input-layout';\nimport {emit, ScwEvents} from '../utils/events/event';\nimport getSuffix from '../utils/suffix';\nimport {watch} from '../utils/watch';\nimport {ValidationTypes} from '../scw-validate/validationTypes';\nimport {ref, Ref, createRef} from 'lit/directives/ref.js';\nimport ScwInputField from '../scw-input-field/scw-input-field';\nimport {submitForm, FormMethods} from '../utils/submitForm';\n\nenum SingleInputTypes {\n  search = 'search',\n  email = 'email'\n}\n\n/**\n * ScwSingleInput\n * @class\n * @tag scw-single-input\n *\n * @event scw-submit - fires on valid or invalid submit (return or button).\n * detail is {value: this.value, validation: []}\n * @event scw-focus input recieved focus\n * @event scw-blur input lost focus\n * @event scw-value-change value has changed (not necessarily value displayed)\n *\n */\nexport default class ScwSingleInput extends ScwFormComponent {\n  /**\n  * styles\n  */\n   static get styles() {\n    return [\n      super.styles,\n      styles,\n    ];\n  }\n\n  /** scw-input-field with versioning suffix */\n  scwInputField : any;\n\n  /** scw-single-input-layout with versioning suffix */\n  scwSingleInputLayout : any;\n\n  /** scw-form with versioning suffix */\n  scwForm : any;\n\n  /** constructor */\n  constructor() {\n    super();\n    this.element = Components.singleInput;\n\n    const suffix = getSuffix();\n    this.scwInputField = unsafeStatic(`scw-${Components.inputField}${suffix}`);\n    this.scwSingleInputLayout = unsafeStatic(\n      `scw-${Components.singleInputLayout}${suffix}`,\n    );\n    this.scwForm = unsafeStatic(`scw-${Components.form}${suffix}`);\n  }\n\n  // ============== ScwSingleInput =============================================\n  /** scw-form reference */\n  scwInputRef: Ref<ScwInputField> = createRef();\n\n  /** (ScwSingleInput) the type of input, determines what types of icons and\n  * buttons show up on the input */\n  @property({type: SingleInputTypes})\n    type: SingleInputTypes = SingleInputTypes.search;\n\n  /** (ScwSingleInput) where to submit search, same as form */\n  @property({type: String})\n    action?: string;\n\n  /** (ScwSingleInput) how to submit search, same as form */\n  @property({type: String})\n    method: FormMethods = FormMethods.get;\n\n  /**\n  * Watching type to adjust validation rules\n  * @param {string} oldValue\n  * @param {string} newValue\n  */\n  @watch('type')\n  typeWatcher(oldValue: string, newValue: string) {\n    if (newValue === SingleInputTypes.email) {\n      this.createAndAddValidationRule(ValidationTypes.required);\n      this.createAndAddValidationRule(ValidationTypes.email);\n    } else {\n      this.removeValidationRule(ValidationTypes.email);\n      this.removeValidationRule(ValidationTypes.required);\n    }\n  }\n\n  /**\n  * handle focus into input\n  */\n  _focusHandler() {\n    this.focused = true;\n  }\n\n  /**\n  * handle blurs from input\n  */\n  _blurHandler() {\n    this.focused = false;\n    this.validate();\n  }\n\n  /**\n  * handle changes from input\n  * @param {CustomEvent} evt\n  */\n  _valueChangeHandler(evt: CustomEvent) {\n    this.value = evt.detail.value;\n  }\n\n  /**\n  * handles actions from layout\n  * @param {CustomEvent} evt\n  */\n  _layoutActionHandler(evt : CustomEvent) {\n    if ( evt.detail.action === ScwSingleInputLayoutActions.rightIcon) {\n      this.value = '';\n      evt.stopPropagation();\n      return;\n    }\n\n    if ( evt.detail.action === ScwSingleInputLayoutActions.rightAction) {\n      evt.stopPropagation();\n      this.submit();\n      return;\n    }\n  }\n\n  /**\n   * checkForSubmit\n   * @param {KeyboardEvent} evt\n   */\n  checkForSubmit(evt: KeyboardEvent) {\n    if (evt.key === 'Enter') {\n      this.submit();\n    }\n  }\n\n  /** submit */\n  submit() {\n    if (this.action ) {\n      submitForm(\n        this.action,\n        {keys: this.value},\n        this.method,\n      );\n    }\n\n    emit(\n      ScwEvents.submit,\n      this,\n      {\n        validation: this.validate(),\n        data: {\n          value: this.value,\n        },\n      },\n    );\n  }\n\n  /**\n  * render core input filed\n  * @return {object} component DOM\n  */\n  renderInputField(): object {\n    return html`\n      <${this.scwInputField}\n        ${ref(this.scwInputRef)}\n        .value=${this.value}\n        .placeholder=${this.placeholder}\n        .name=${this.type}\n        @keyup=${this.checkForSubmit}\n        @scw-focus=${this._focusHandler}\n        @scw-blur=${this._blurHandler}\n        @scw-value-change=${this._valueChangeHandler}>\n      </${this.scwInputField}>\n    `;\n  }\n\n  /**\n  * render email type\n  * @return {object} component DOM\n  */\n  renderEmail(): object {\n    return html`\n      <${this.scwSingleInputLayout}\n        .feedback=\"${this.feedback}\"\n        right-action-icon=\"icon-placeholder\"\n        left-action-icon=\"icon-placeholder\"\n        ?focused=${this.focused}\n        ?invalid=${this.invalid}\n        @scw-action=${this._layoutActionHandler}>\n        ${this.renderInputField()}\n      </${this.scwSingleInputLayout}>\n      <slot name=\"validation\"></slot>\n    `;\n  }\n\n  /**\n  * render search type\n  * @return {object} component DOM\n  */\n  renderSearch(): object {\n    return html`\n      <${this.scwSingleInputLayout}\n        .feedback=\"${this.feedback}\"\n        right-action-icon=\"icon-search\"\n        right-icon=\"icon-clear\"\n        ?focused=${this.focused}\n        ?invalid=${this.invalid}\n        @scw-action=${this._layoutActionHandler}>\n        ${this.renderInputField()}\n      </${this.scwSingleInputLayout}>\n      <slot name=\"validation\"></slot>\n    `;\n  }\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n  render(): object {\n    if ( this.type === SingleInputTypes.email) {\n      return html`${this.renderEmail()}`;\n    }\n    return this.renderSearch();\n  }\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/scw-single-input-layout/scw-single-input-layout.js

@@ -1,2 +1,2 @@
-import{a,b}from"../chunks/chunk.WTFXFTGO.js";import"../chunks/chunk.2VW3SHYK.js";import"../chunks/chunk.HTYHFPGD.js";import"../chunks/chunk.AMYPU3TJ.js";import"../chunks/chunk.UERHHZYW.js";import"../chunks/chunk.AY3YRO2L.js";import"../chunks/chunk.WWTEGHW5.js";import"../chunks/chunk.ZZQE6TG6.js";import"../chunks/chunk.2NDGSXCD.js";import"../chunks/chunk.WQARFGAY.js";import"../chunks/chunk.WO7EIYQ3.js";import"../chunks/chunk.3MIP3PMW.js";import"../chunks/chunk.5YJY6NT6.js";export{a as ScwSingleInputLayoutActions,b as default};
+import{a,b}from"../chunks/chunk.LMHSSYLE.js";import"../chunks/chunk.2VW3SHYK.js";import"../chunks/chunk.NUBCUBHW.js";import"../chunks/chunk.AMYPU3TJ.js";import"../chunks/chunk.UERHHZYW.js";import"../chunks/chunk.AY3YRO2L.js";import"../chunks/chunk.WWTEGHW5.js";import"../chunks/chunk.ZZQE6TG6.js";import"../chunks/chunk.2NDGSXCD.js";import"../chunks/chunk.WQARFGAY.js";import"../chunks/chunk.WO7EIYQ3.js";import"../chunks/chunk.ZS4C3T6Z.js";import"../chunks/chunk.3MIP3PMW.js";import"../chunks/chunk.5YJY6NT6.js";export{a as ScwSingleInputLayoutActions,b as default};
 //# sourceMappingURL=scw-single-input-layout.js.map

package/dist/scw-stack-component/scw-stack-component.js

@@ -1,2 +1,2 @@
-import{a as o}from"../chunks/chunk.UPS6F4M6.js";import"../chunks/chunk.HTYHFPGD.js";import"../chunks/chunk.AMYPU3TJ.js";import"../chunks/chunk.UERHHZYW.js";import"../chunks/chunk.AY3YRO2L.js";import"../chunks/chunk.WWTEGHW5.js";import"../chunks/chunk.ZZQE6TG6.js";import"../chunks/chunk.2NDGSXCD.js";import"../chunks/chunk.WQARFGAY.js";import"../chunks/chunk.WO7EIYQ3.js";import"../chunks/chunk.3MIP3PMW.js";import"../chunks/chunk.5YJY6NT6.js";var e=class extends o{};export{e as default};
+import{a as o}from"../chunks/chunk.ZMVZD46B.js";import"../chunks/chunk.NUBCUBHW.js";import"../chunks/chunk.AMYPU3TJ.js";import"../chunks/chunk.UERHHZYW.js";import"../chunks/chunk.AY3YRO2L.js";import"../chunks/chunk.WWTEGHW5.js";import"../chunks/chunk.ZZQE6TG6.js";import"../chunks/chunk.2NDGSXCD.js";import"../chunks/chunk.WQARFGAY.js";import"../chunks/chunk.WO7EIYQ3.js";import"../chunks/chunk.ZS4C3T6Z.js";import"../chunks/chunk.3MIP3PMW.js";import"../chunks/chunk.5YJY6NT6.js";var e=class extends o{};export{e as default};
 //# sourceMappingURL=scw-stack-component.js.map

package/dist/scw-stack-component/scw-stack-component.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/scw-stack-component/scw-stack-component.ts"],
   "sourcesContent": ["import ScwLayoutComponent from '../scw-layout-component/scw-layout-component';\n\n/**\n * ScwStackComponent\n * @class\n * @tag scw-stack-component\n */\nexport default class ScwStackComponent extends ScwLayoutComponent {}\n"],
-  "mappings": "4bAOA,mBAA+C,EAAmB,CAAC",
+  "mappings": "geAOA,mBAA+C,EAAmB,CAAC",
   "names": []
 }

package/dist/scw-test/ScwTest.js

@@ -1,2 +1,2 @@
-import{a}from"../chunks/chunk.4F73JEPV.js";import"../chunks/chunk.HTYHFPGD.js";import"../chunks/chunk.AMYPU3TJ.js";import"../chunks/chunk.UERHHZYW.js";import"../chunks/chunk.AY3YRO2L.js";import"../chunks/chunk.WWTEGHW5.js";import"../chunks/chunk.ZZQE6TG6.js";import"../chunks/chunk.2NDGSXCD.js";import"../chunks/chunk.WQARFGAY.js";import"../chunks/chunk.WO7EIYQ3.js";import"../chunks/chunk.3MIP3PMW.js";import"../chunks/chunk.5YJY6NT6.js";export{a as default};
+import{a}from"../chunks/chunk.AFNXRHI4.js";import"../chunks/chunk.NUBCUBHW.js";import"../chunks/chunk.AMYPU3TJ.js";import"../chunks/chunk.UERHHZYW.js";import"../chunks/chunk.AY3YRO2L.js";import"../chunks/chunk.WWTEGHW5.js";import"../chunks/chunk.ZZQE6TG6.js";import"../chunks/chunk.2NDGSXCD.js";import"../chunks/chunk.WQARFGAY.js";import"../chunks/chunk.WO7EIYQ3.js";import"../chunks/chunk.ZS4C3T6Z.js";import"../chunks/chunk.3MIP3PMW.js";import"../chunks/chunk.5YJY6NT6.js";export{a as default};
 //# sourceMappingURL=ScwTest.js.map

package/dist/scw-test/scw-test.js

@@ -1,2 +1,2 @@
-import"../chunks/chunk.2FOV3UTP.js";import"../chunks/chunk.4F73JEPV.js";import"../chunks/chunk.HTYHFPGD.js";import"../chunks/chunk.AMYPU3TJ.js";import"../chunks/chunk.UERHHZYW.js";import"../chunks/chunk.AY3YRO2L.js";import"../chunks/chunk.WWTEGHW5.js";import"../chunks/chunk.ZZQE6TG6.js";import"../chunks/chunk.2NDGSXCD.js";import"../chunks/chunk.WQARFGAY.js";import"../chunks/chunk.WO7EIYQ3.js";import"../chunks/chunk.3MIP3PMW.js";import"../chunks/chunk.5YJY6NT6.js";
+import"../chunks/chunk.B7OPL7SY.js";import"../chunks/chunk.AFNXRHI4.js";import"../chunks/chunk.NUBCUBHW.js";import"../chunks/chunk.AMYPU3TJ.js";import"../chunks/chunk.UERHHZYW.js";import"../chunks/chunk.AY3YRO2L.js";import"../chunks/chunk.WWTEGHW5.js";import"../chunks/chunk.ZZQE6TG6.js";import"../chunks/chunk.2NDGSXCD.js";import"../chunks/chunk.WQARFGAY.js";import"../chunks/chunk.WO7EIYQ3.js";import"../chunks/chunk.ZS4C3T6Z.js";import"../chunks/chunk.3MIP3PMW.js";import"../chunks/chunk.5YJY6NT6.js";
 //# sourceMappingURL=scw-test.js.map

package/dist/scw-textarea/scw-textarea.js

@@ -1,4 +1,4 @@
-import{a as c,b as n,c as p}from"../chunks/chunk.A5NCJRBB.js";import{a as u}from"../chunks/chunk.WO3SIUEH.js";import{c as f}from"../chunks/chunk.GWTC6GAS.js";import"../chunks/chunk.VCT62IUP.js";import{a as i}from"../chunks/chunk.2VW3SHYK.js";import{a as r,b as l}from"../chunks/chunk.WRX5V6OS.js";import{a as d}from"../chunks/chunk.NV7WKBSI.js";import"../chunks/chunk.CUPH5GST.js";import{a as s,g as a}from"../chunks/chunk.HTYHFPGD.js";import"../chunks/chunk.AMYPU3TJ.js";import"../chunks/chunk.UERHHZYW.js";import"../chunks/chunk.AY3YRO2L.js";import"../chunks/chunk.WWTEGHW5.js";import"../chunks/chunk.ZZQE6TG6.js";import"../chunks/chunk.2NDGSXCD.js";import"../chunks/chunk.WQARFGAY.js";import"../chunks/chunk.WO7EIYQ3.js";import"../chunks/chunk.3MIP3PMW.js";import{g as e}from"../chunks/chunk.5YJY6NT6.js";var h=s`
+import{a as c,b as n,c as p}from"../chunks/chunk.A5NCJRBB.js";import{a as u}from"../chunks/chunk.WO3SIUEH.js";import{c as f}from"../chunks/chunk.BXFW7QFX.js";import"../chunks/chunk.VCT62IUP.js";import{a as i}from"../chunks/chunk.2VW3SHYK.js";import{a as r,b as l}from"../chunks/chunk.RGGLFZST.js";import{a as d}from"../chunks/chunk.NKEEMWC7.js";import"../chunks/chunk.M2RJBEKH.js";import"../chunks/chunk.5HZ4WTGH.js";import{a as s,b as a}from"../chunks/chunk.NUBCUBHW.js";import"../chunks/chunk.AMYPU3TJ.js";import"../chunks/chunk.UERHHZYW.js";import"../chunks/chunk.AY3YRO2L.js";import"../chunks/chunk.WWTEGHW5.js";import"../chunks/chunk.ZZQE6TG6.js";import"../chunks/chunk.2NDGSXCD.js";import"../chunks/chunk.WQARFGAY.js";import"../chunks/chunk.WO7EIYQ3.js";import"../chunks/chunk.ZS4C3T6Z.js";import"../chunks/chunk.3MIP3PMW.js";import{g as e}from"../chunks/chunk.5YJY6NT6.js";var h=s`
 :host {
   display: block;
 }

package/dist/scw-textarea/scw-textarea.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["sass-plugin-0:/Users/scottrouse/Workspace/scu-design-system-mono/scu-web-components/src/scw-textarea/scss/scw-textarea.scss", "../../src/scw-textarea/scw-textarea.ts"],
   "sourcesContent": ["import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host {\n  display: block;\n}\n\n.input-field {\n  width: 100%;\n  position: relative;\n}\n.input-field .placeholder {\n  text-align: LEFT;\n  font: var(--scw-type-text-04-font);\n  color: var(--scw-color-grey);\n  padding: var(--scw-input-padding, calc(var(--scw-spacing-1) * 0.8) calc(var(--scw-spacing-1) * 1.5) calc(var(--scw-spacing-1) * 0.8) calc(var(--scw-spacing-1) * 1.5));\n  z-index: 1;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  position: absolute;\n  top: 0;\n  left: 0;\n}\n.input-field .placeholder[scw-hide] {\n  display: none;\n}\n.input-field textarea {\n  text-align: LEFT;\n  font: var(--scw-type-text-04-font);\n  color: var(--scw-color-grey-02);\n  padding: var(--scw-input-padding, calc(var(--scw-spacing-1) * 0.8) calc(var(--scw-spacing-1) * 1.5) calc(var(--scw-spacing-1) * 0.8) calc(var(--scw-spacing-1) * 1.5));\n  resize: vertical;\n  width: 100%;\n  min-height: var(--scw-min-height, 56px);\n  box-sizing: border-box;\n  border: 0;\n  background-color: rgba(0, 0, 0, 0);\n  z-index: 2;\n  position: relative;\n}\n.input-field textarea:focus {\n  outline: none;\n}\n\n:host([aria-disabled=true]) textarea {\n  text-align: LEFT;\n  font: var(--scw-type-text-04-font);\n  color: var(--scw-color-grey-07);\n}`;\n", "import {html} from 'lit/static-html.js';// import {html} from 'lit';\nimport {unsafeStatic} from 'lit/static-html.js';// USE DIFFERENT 'html'!!!!\nimport {property} from 'lit/decorators.js';\nimport ScwFormComponent from '../scw-form-component/scw-form-component';\nimport {Components} from '../utils/enums/Components';\nimport styles from './scss/scw-textarea.scss';\nimport {InputTypes} from '../scw-input-field/inputTypes';\nimport {emit} from '../utils/events/event';\nimport {ScwEvents} from '../utils/events/event';\nimport getSuffix from '../utils/suffix';\nimport {\n  AutoCaptializeValues,\n  AutoCompleteValues,\n  AutoCorrectValues,\n} from '../utils/formEnums';\n\n/**\n * ScwTextarea\n * @class\n * @tag scw-textarea\n *\n * @cssprop --scw-input-padding - the padding around text within the textarea\n * @cssprop --scw-min-height - minimum height of the textarea\n * @event scw-focus input recieved focus\n * @event scw-blur input lost focus\n * @event scw-value-change value has changed (not necessarily value displayed)\n *\n */\nexport default class ScwTextarea extends ScwFormComponent {\n  /**\n  * styles\n  */\n   static get styles() {\n    return [\n      super.styles,\n      styles,\n    ];\n  }\n\n  /** constructor */\n  constructor() {\n    super();\n    this.element = Components.textarea;\n\n    const suffix = getSuffix();\n    this.scwInputLayout = unsafeStatic(\n      `scw-${Components.inputLayout}${suffix}`,\n    );\n  }\n\n  // ============== ScwTextarea ================================================\n  /** scw-single-input-layout with versioning suffix */\n  scwInputLayout : any;\n\n  /** (ScwTextareaField) type of input field */\n  @property({type: InputTypes})\n    type: InputTypes = InputTypes.text;\n\n  /** (ScwTextareaField) automatically capitalize input */\n  @property({type: AutoCaptializeValues, attribute: 'autocapitalize'})\n    autoCapitalize: AutoCaptializeValues = AutoCaptializeValues.default;\n\n    /** (ScwTextareaField) automatically completes input */\n  @property({type: AutoCompleteValues, attribute: 'autocomplete'})\n    autoComplete: AutoCompleteValues = AutoCompleteValues.default;\n\n  /** (ScwTextareaField) automatically correct input */\n  @property({type: AutoCorrectValues, attribute: 'autocorrect'})\n    autoCorrect: AutoCorrectValues = AutoCorrectValues.default;\n\n  /** (ScwTextareaField) automatically focus input */\n  @property({type: Boolean, attribute: 'autofocus'})\n    autoFocus: boolean = false;\n\n  /**\n  * handle focus into input\n  */\n  _focusHandler() {\n    this.focused = true;\n    emit(\n      ScwEvents.focus,\n      this,\n    );\n  }\n\n  /**\n  * handle blurs from input\n  */\n  _blurHandler() {\n    this.focused = false;\n    this.validate();\n    emit(\n      ScwEvents.blur,\n      this,\n    );\n  }\n\n  /**\n  * handle changes from input\n  * @param {CustomEvent} evt\n  */\n  _valueChangeHandler(evt: Event) {\n    if (evt.target ) {\n      this.value = ( evt.target as unknown as HTMLTextAreaElement ).value;\n      emit(\n        ScwEvents.valueChange,\n        this,\n      );\n    }\n  }\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n  render(): object {\n    return html`\n      <${this.scwInputLayout}\n        .label=\"${this.ariaLabel}\"\n        .feedback=\"${this.feedback}\"\n        aria-disabled=${this.ariaDisabled ? 'true' : 'false'}\n        ?focused=${this.focused}\n        ?invalid=${this.invalid}>\n        <div \n          class=\"input-field\">\n          <textarea\n            ?disabled=${this.ariaDisabled ? true : false}\n            autocapitalize=${this.autoCapitalize}\n            autocomplete=${this.autoComplete}\n            autocorrect=${this.autoCorrect}\n            ?autofocus=${this.autoFocus}\n            ?readonly=${this.readOnly}\n            @focus=${this._focusHandler}\n            @blur=${this._blurHandler}\n            @input=${this._valueChangeHandler}\n            .value=${this.value}></textarea>\n          <div \n            class=\"placeholder\"\n            ?scw-hide=${this.value ? true : false}>\n            ${this.placeholder}\n          </div>\n        </div>\n      </${this.scwInputLayout}>\n      <slot name=\"validation\"></slot>\n    `;\n  }\n}\n"],
-  "mappings": "wyBACA,GAAO,GAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;GC2Bf,mBAAyC,EAAiB,CAYxD,aAAc,CACZ,MAAM,EAeN,UAAmB,OAInB,oBAAuC,OAIvC,kBAAmC,KAInC,iBAAiC,MAIjC,eAAqB,GA9BrB,KAAK,QAAU,WAEf,GAAM,GAAS,EAAU,EACzB,KAAK,eAAiB,EACpB,OAAO,iBAAyB,GAClC,CACF,WAhBY,SAAS,CACnB,MAAO,CACL,MAAM,OACN,CACF,CACF,CAwCA,eAAgB,CACd,KAAK,QAAU,GACf,EACE,YACA,IACF,CACF,CAKA,cAAe,CACb,KAAK,QAAU,GACf,KAAK,SAAS,EACd,EACE,WACA,IACF,CACF,CAMA,oBAAoB,EAAY,CAC9B,AAAI,EAAI,QACN,MAAK,MAAU,EAAI,OAA2C,MAC9D,EACE,mBACA,IACF,EAEJ,CAMA,QAAiB,CACf,MAAO;AAAA,SACF,KAAK;AAAA,kBACI,KAAK;AAAA,qBACF,KAAK;AAAA,wBACF,KAAK,aAAe,OAAS;AAAA,mBAClC,KAAK;AAAA,mBACL,KAAK;AAAA;AAAA;AAAA;AAAA,wBAIA,OAAK;AAAA,6BACA,KAAK;AAAA,2BACP,KAAK;AAAA,0BACN,KAAK;AAAA,yBACN,KAAK;AAAA,wBACN,KAAK;AAAA,qBACR,KAAK;AAAA,oBACN,KAAK;AAAA,qBACJ,KAAK;AAAA,qBACL,KAAK;AAAA;AAAA;AAAA,wBAGF,OAAK;AAAA,cACf,KAAK;AAAA;AAAA;AAAA,UAGT,KAAK;AAAA;AAAA,KAGb,CACF,EA1FI,GADF,AAAC,EAAS,CAAC,KAAM,CAAU,CAAC,GAC1B,AA5BJ,EA4BI,oBAIA,GADF,AAAC,EAAS,CAAC,KAAM,EAAsB,UAAW,gBAAgB,CAAC,GACjE,AAhCJ,EAgCI,8BAIA,GADF,AAAC,EAAS,CAAC,KAAM,EAAoB,UAAW,cAAc,CAAC,GAC7D,AApCJ,EAoCI,4BAIA,GADF,AAAC,EAAS,CAAC,KAAM,EAAmB,UAAW,aAAa,CAAC,GAC3D,AAxCJ,EAwCI,2BAIA,GADF,AAAC,EAAS,CAAC,KAAM,QAAS,UAAW,WAAW,CAAC,GAC/C,AA5CJ,EA4CI",
+  "mappings": "g3BACA,GAAO,GAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;GC2Bf,mBAAyC,EAAiB,CAYxD,aAAc,CACZ,MAAM,EAeN,UAAmB,OAInB,oBAAuC,OAIvC,kBAAmC,KAInC,iBAAiC,MAIjC,eAAqB,GA9BrB,KAAK,QAAU,WAEf,GAAM,GAAS,EAAU,EACzB,KAAK,eAAiB,EACpB,OAAO,iBAAyB,GAClC,CACF,WAhBY,SAAS,CACnB,MAAO,CACL,MAAM,OACN,CACF,CACF,CAwCA,eAAgB,CACd,KAAK,QAAU,GACf,EACE,YACA,IACF,CACF,CAKA,cAAe,CACb,KAAK,QAAU,GACf,KAAK,SAAS,EACd,EACE,WACA,IACF,CACF,CAMA,oBAAoB,EAAY,CAC9B,AAAI,EAAI,QACN,MAAK,MAAU,EAAI,OAA2C,MAC9D,EACE,mBACA,IACF,EAEJ,CAMA,QAAiB,CACf,MAAO;AAAA,SACF,KAAK;AAAA,kBACI,KAAK;AAAA,qBACF,KAAK;AAAA,wBACF,KAAK,aAAe,OAAS;AAAA,mBAClC,KAAK;AAAA,mBACL,KAAK;AAAA;AAAA;AAAA;AAAA,wBAIA,OAAK;AAAA,6BACA,KAAK;AAAA,2BACP,KAAK;AAAA,0BACN,KAAK;AAAA,yBACN,KAAK;AAAA,wBACN,KAAK;AAAA,qBACR,KAAK;AAAA,oBACN,KAAK;AAAA,qBACJ,KAAK;AAAA,qBACL,KAAK;AAAA;AAAA;AAAA,wBAGF,OAAK;AAAA,cACf,KAAK;AAAA;AAAA;AAAA,UAGT,KAAK;AAAA;AAAA,KAGb,CACF,EA1FI,GADF,AAAC,EAAS,CAAC,KAAM,CAAU,CAAC,GAC1B,AA5BJ,EA4BI,oBAIA,GADF,AAAC,EAAS,CAAC,KAAM,EAAsB,UAAW,gBAAgB,CAAC,GACjE,AAhCJ,EAgCI,8BAIA,GADF,AAAC,EAAS,CAAC,KAAM,EAAoB,UAAW,cAAc,CAAC,GAC7D,AApCJ,EAoCI,4BAIA,GADF,AAAC,EAAS,CAAC,KAAM,EAAmB,UAAW,aAAa,CAAC,GAC3D,AAxCJ,EAwCI,2BAIA,GADF,AAAC,EAAS,CAAC,KAAM,QAAS,UAAW,WAAW,CAAC,GAC/C,AA5CJ,EA4CI",
   "names": []
 }

package/dist/scw-validate/scw-validate.js

@@ -1,4 +1,4 @@
-import{a as p}from"../chunks/chunk.H2ABP6D6.js";import{a as o}from"../chunks/chunk.UN52CXVR.js";import{a as v}from"../chunks/chunk.PUU6D7BO.js";import{a as u,b as f,c as b,d as c,e as k,f as y}from"../chunks/chunk.XEMNLRCA.js";import{a as h}from"../chunks/chunk.TIGDLFNU.js";import{a as l}from"../chunks/chunk.DAC54S7M.js";import{a as g}from"../chunks/chunk.KNO2EO5V.js";import{a as R}from"../chunks/chunk.XGXXU6MC.js";import{a as x}from"../chunks/chunk.IFGCOSUD.js";import"../chunks/chunk.YT6RKZXO.js";import{a}from"../chunks/chunk.VCT62IUP.js";import{a as d,b as r,g as s,h as n,j as m}from"../chunks/chunk.HTYHFPGD.js";import"../chunks/chunk.AMYPU3TJ.js";import"../chunks/chunk.UERHHZYW.js";import"../chunks/chunk.AY3YRO2L.js";import"../chunks/chunk.WWTEGHW5.js";import"../chunks/chunk.ZZQE6TG6.js";import"../chunks/chunk.2NDGSXCD.js";import"../chunks/chunk.WQARFGAY.js";import"../chunks/chunk.WO7EIYQ3.js";import"../chunks/chunk.3MIP3PMW.js";import{g as i}from"../chunks/chunk.5YJY6NT6.js";var M=d`
+import{a as p}from"../chunks/chunk.H2ABP6D6.js";import{a as o}from"../chunks/chunk.UN52CXVR.js";import{a as v}from"../chunks/chunk.PUU6D7BO.js";import{a as u,b as f,c as b,d as c,e as k,f as y}from"../chunks/chunk.XEMNLRCA.js";import{a as h}from"../chunks/chunk.TIGDLFNU.js";import{a as l}from"../chunks/chunk.DAC54S7M.js";import{a as g}from"../chunks/chunk.KNO2EO5V.js";import{a as R}from"../chunks/chunk.XGXXU6MC.js";import{a as x}from"../chunks/chunk.IFGCOSUD.js";import"../chunks/chunk.YT6RKZXO.js";import{a}from"../chunks/chunk.VCT62IUP.js";import{a as d,b as s,c as n,e as m}from"../chunks/chunk.NUBCUBHW.js";import"../chunks/chunk.AMYPU3TJ.js";import"../chunks/chunk.UERHHZYW.js";import"../chunks/chunk.AY3YRO2L.js";import"../chunks/chunk.WWTEGHW5.js";import"../chunks/chunk.ZZQE6TG6.js";import"../chunks/chunk.2NDGSXCD.js";import"../chunks/chunk.WQARFGAY.js";import"../chunks/chunk.WO7EIYQ3.js";import{a as r}from"../chunks/chunk.ZS4C3T6Z.js";import"../chunks/chunk.3MIP3PMW.js";import{g as i}from"../chunks/chunk.5YJY6NT6.js";var M=d`
 :host {
   display: block;
   border: 1px solid grey;