scu-web-components 0.0.16 → 0.0.19

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

@@ -1,209 +1,2 @@
-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);
-  padding-left: var(--scw-spacing-1);
-  padding-right: var(--scw-spacing-1);
-  padding-top: calc(var(--scw-spacing-1) * 0.8);
-  padding-bottom: var(--scw-spacing-1);
-  display: inline-flex;
-}
-:host([design=main]) .label {
-  text-align: LEFT;
-  font: var(--scw-type-text-bold-condensed-07-font);
-  color: var(--scw-color-grey-02);
-}
-
-:host([design=main]:focus-visible) {
-  background-color: var(--scw-color-grey-10);
-  border-radius: 4px 4px 4px 4px;
-  box-shadow: var(--scw-effect-focus-shadow);
-  padding-left: var(--scw-spacing-1);
-  padding-right: var(--scw-spacing-1);
-  padding-top: calc(var(--scw-spacing-1) * 0.8);
-  padding-bottom: var(--scw-spacing-1);
-}
-:host([design=main]:focus-visible) .label {
-  text-align: LEFT;
-  font: var(--scw-type-text-bold-condensed-07-font);
-  color: var(--scw-color-grey-02);
-}
-
-:host([design=main]:hover) {
-  background-color: rgba(0, 0, 0, 0);
-  padding-left: var(--scw-spacing-1);
-  padding-right: var(--scw-spacing-1);
-  padding-top: calc(var(--scw-spacing-1) * 0.8);
-  padding-bottom: var(--scw-spacing-1);
-  cursor: pointer;
-}
-:host([design=main]:hover) .label {
-  text-align: LEFT;
-  font: var(--scw-type-text-bold-condensed-07-font);
-  color: var(--scw-color-03, var(--scw-color-primary-03));
-}
-
-:host([design=main][aria-selected=true]) {
-  background-color: rgba(0, 0, 0, 0);
-  display: flex;
-  flex-flow: column nowrap;
-  justify-content: flex-start;
-  align-items: flex-start;
-  padding-left: var(--scw-spacing-1);
-  padding-right: var(--scw-spacing-1);
-  padding-top: calc(var(--scw-spacing-1) * 0.8);
-  padding-bottom: 0px;
-}
-:host([design=main][aria-selected=true]) > *:not(:last-child) {
-  margin-bottom: calc(var(--scw-spacing-1) * 0.8);
-  --margin-bottom: calc( var( --scw-spacing-1 ) * 0.8 );
-}
-:host([design=main][aria-selected=true]) .label {
-  text-align: LEFT;
-  font: var(--scw-type-text-bold-condensed-07-font);
-  color: var(--scw-color-grey-02);
-  align-self: stretch;
-  flex: 1;
-}
-:host([design=main][aria-selected=true]) .selected {
-  background-color: var(--scw-color-03, var(--scw-color-primary-03));
-  align-self: stretch;
-  height: 2px;
-}
-
-:host([design=main][aria-disabled=true]) {
-  background-color: rgba(0, 0, 0, 0);
-  padding-left: var(--scw-spacing-1);
-  padding-right: var(--scw-spacing-1);
-  padding-top: calc(var(--scw-spacing-1) * 0.8);
-  padding-bottom: var(--scw-spacing-1);
-  cursor: auto;
-  pointer-events: none;
-}
-:host([design=main][aria-disabled=true]) .label {
-  text-align: LEFT;
-  font: var(--scw-type-text-bold-condensed-07-font);
-  color: var(--scw-color-grey-08);
-}
-:host([design=main][aria-disabled=true]) .icon svg {
-  fill: var(--scw-color-grey-08);
-}
-:host([design=main][aria-disabled=true]) .icon svg * {
-  fill: var(--scw-color-grey-08);
-}
-
-:host([design=utility]) {
-  outline: none;
-  user-select: none;
-  background-color: rgba(0, 0, 0, 0);
-  display: flex;
-  flex-flow: row nowrap;
-  justify-content: flex-start;
-  align-items: center;
-  padding-left: var(--scw-spacing-1);
-  padding-right: var(--scw-spacing-1);
-  padding-top: 0px;
-  padding-bottom: 0px;
-  display: inline-flex;
-}
-:host([design=utility]) > *:not(:last-child) {
-  margin-right: calc(var(--scw-spacing-1) * 0.4);
-  --margin-right: calc( var( --scw-spacing-1 ) * 0.4 );
-}
-:host([design=utility]) .label {
-  text-align: LEFT;
-  font: var(--scw-type-text-font);
-  color: var(--scw-color-grey-02);
-  min-height: 19px;
-}
-:host([design=utility]) .icon {
-  width: 24px;
-  height: 24px;
-}
-:host([design=utility]) .icon svg {
-  box-sizing: border-box;
-  vertical-align: top;
-  width: 100%;
-  height: 100%;
-  fill: var(--scw-color-grey-02);
-}
-:host([design=utility]) .icon svg * {
-  fill: var(--scw-color-grey-02);
-}
-
-:host([design=utility]:focus-visible) {
-  background-color: var(--scw-color-grey-10);
-  border-radius: 4px 4px 4px 4px;
-  box-shadow: var(--scw-effect-focus-shadow);
-}
-:host([design=utility]:focus-visible) .label {
-  text-align: LEFT;
-  font: var(--scw-type-text-font);
-  color: var(--scw-color-grey-02);
-}
-:host([design=utility]:focus-visible) .icon svg {
-  fill: var(--scw-color-grey-02);
-}
-:host([design=utility]:focus-visible) .icon svg * {
-  fill: var(--scw-color-grey-02);
-}
-
-:host([design=utility]:hover) {
-  background-color: rgba(0, 0, 0, 0);
-  cursor: pointer;
-}
-:host([design=utility]:hover) .label {
-  text-align: LEFT;
-  font: var(--scw-type-text-font);
-  color: var(--scw-color-03, var(--scw-color-primary-03));
-}
-:host([design=utility]:hover) .icon svg {
-  fill: var(--scw-color-primary-03);
-}
-:host([design=utility]:hover) .icon svg * {
-  fill: var(--scw-color-primary-03);
-}
-
-:host([design=utility][aria-selected=true]) {
-  background-color: rgba(0, 0, 0, 0);
-  cursor: pointer;
-}
-:host([design=utility][aria-selected=true]) .label {
-  text-align: LEFT;
-  font: var(--scw-type-text-font);
-  color: var(--scw-color-03, var(--scw-color-primary-03));
-}
-:host([design=utility][aria-selected=true]) .icon svg {
-  fill: var(--scw-color-primary-03);
-}
-:host([design=utility][aria-selected=true]) .icon svg * {
-  fill: var(--scw-color-primary-03);
-}
-
-:host([design=utility][aria-disabled=true]) {
-  cursor: auto;
-  pointer-events: none;
-  background-color: rgba(0, 0, 0, 0);
-}
-:host([design=utility][aria-disabled=true]) .label {
-  text-align: LEFT;
-  font: var(--scw-type-text-font);
-  color: var(--scw-color-grey-07);
-}
-:host([design=utility][aria-disabled=true]) .icon svg {
-  fill: var(--scw-color-grey-07);
-}
-:host([design=utility][aria-disabled=true]) .icon svg * {
-  fill: var(--scw-color-grey-07);
-}
-
-:host {
-  white-space: nowrap;
-}
-:host .label {
-  white-space: nowrap;
-}`;var t=class extends a{constructor(){super();this.ariaSelected="false";this.element="menu-item",this.setAttribute("role","menuitem")}static get styles(){return[super.styles,c]}hasPopup(){let i=this.nextElementSibling;return!!(i&&i.nodeName.indexOf("SCW-MENU")===0)}doShowIcon(){return!!(super.doShowIcon()&&this.design!=="main")}validDesigns(){return{...super.validDesigns(),...n}}connectedCallback(){super.connectedCallback(),this.hasPopup()&&this.setAttribute("aria-haspopup","true")}render(){return this.design==="main"&&this.ariaSelected==="true"?(this.setAttribute("aria-current","page"),o`
-          <div>${super.render()}</div>
-          <div class="selected"></div>
-        `):(this.removeAttribute("aria-current"),super.render())}};r([s({type:String,attribute:"aria-selected"})],t.prototype,"ariaSelected",2);export{t as default};
+import"../chunks/chunk.U3CLEKJ5.js";import"../chunks/chunk.IHZY23BP.js";import"../chunks/chunk.MOWV5A2M.js";import"../chunks/chunk.ME4SPAUY.js";import"../chunks/chunk.PXQQTQKT.js";import"../chunks/chunk.K3V3AEZG.js";import"../chunks/chunk.27N4OQ6C.js";import"../chunks/chunk.5HZ4WTGH.js";import"../chunks/chunk.OXJR2CBC.js";import"../chunks/chunk.QRG5WBRU.js";import"../chunks/chunk.HCMPRDIX.js";import"../chunks/chunk.BK6PO2CX.js";import"../chunks/chunk.WQARFGAY.js";import"../chunks/chunk.AY3YRO2L.js";import"../chunks/chunk.WWTEGHW5.js";import"../chunks/chunk.WO7EIYQ3.js";import"../chunks/chunk.ZZQE6TG6.js";import"../chunks/chunk.2NDGSXCD.js";import"../chunks/chunk.ZS4C3T6Z.js";import"../chunks/chunk.3MIP3PMW.js";import"../chunks/chunk.5YJY6NT6.js";
 //# sourceMappingURL=scw-menu-item.js.map

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

@@ -1,7 +1,7 @@
 {
   "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": "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",
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
   "names": []
 }

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

@@ -1,4 +1,4 @@
-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`
+import{c as n}from"../chunks/chunk.OXJR2CBC.js";import"../chunks/chunk.QRG5WBRU.js";import{a as c,b as r}from"../chunks/chunk.HCMPRDIX.js";import"../chunks/chunk.BK6PO2CX.js";import"../chunks/chunk.WQARFGAY.js";import"../chunks/chunk.AY3YRO2L.js";import"../chunks/chunk.WWTEGHW5.js";import"../chunks/chunk.WO7EIYQ3.js";import"../chunks/chunk.ZZQE6TG6.js";import"../chunks/chunk.2NDGSXCD.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": "+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",
+  "mappings": "2gBACA,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{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`
+import{e as o}from"../chunks/chunk.HCMPRDIX.js";import"../chunks/chunk.BK6PO2CX.js";import"../chunks/chunk.WQARFGAY.js";import"../chunks/chunk.AY3YRO2L.js";import"../chunks/chunk.WWTEGHW5.js";import"../chunks/chunk.WO7EIYQ3.js";import"../chunks/chunk.ZZQE6TG6.js";import"../chunks/chunk.2NDGSXCD.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": "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",
+  "mappings": "oaASA,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 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`
+import{a as r,b as o,e as n}from"../chunks/chunk.HCMPRDIX.js";import"../chunks/chunk.BK6PO2CX.js";import"../chunks/chunk.WQARFGAY.js";import"../chunks/chunk.AY3YRO2L.js";import"../chunks/chunk.WWTEGHW5.js";import"../chunks/chunk.WO7EIYQ3.js";import"../chunks/chunk.ZZQE6TG6.js";import"../chunks/chunk.2NDGSXCD.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": "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",
+  "mappings": "8bACA,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.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`
+import{a as d}from"../chunks/chunk.WO3SIUEH.js";import{c as h}from"../chunks/chunk.FKI5D2PU.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.HVX5PATU.js";import"../chunks/chunk.IDOYH5TU.js";import"../chunks/chunk.5HZ4WTGH.js";import{a as n,b as l,c}from"../chunks/chunk.HCMPRDIX.js";import"../chunks/chunk.BK6PO2CX.js";import"../chunks/chunk.WQARFGAY.js";import"../chunks/chunk.AY3YRO2L.js";import"../chunks/chunk.WWTEGHW5.js";import"../chunks/chunk.WO7EIYQ3.js";import"../chunks/chunk.ZZQE6TG6.js";import"../chunks/chunk.2NDGSXCD.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": "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",
+  "mappings": "gxBACA,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,4 +1,4 @@
-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`
+import"../chunks/chunk.H5P26UZX.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.FKI5D2PU.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.HVX5PATU.js";import{a as g}from"../chunks/chunk.IDOYH5TU.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.HCMPRDIX.js";import"../chunks/chunk.BK6PO2CX.js";import"../chunks/chunk.WQARFGAY.js";import"../chunks/chunk.AY3YRO2L.js";import"../chunks/chunk.WWTEGHW5.js";import"../chunks/chunk.WO7EIYQ3.js";import"../chunks/chunk.ZZQE6TG6.js";import"../chunks/chunk.2NDGSXCD.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 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`

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

@@ -2,6 +2,6 @@
   "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/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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",
+  "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.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};
+import{a,b}from"../chunks/chunk.H5P26UZX.js";import"../chunks/chunk.2VW3SHYK.js";import"../chunks/chunk.HCMPRDIX.js";import"../chunks/chunk.BK6PO2CX.js";import"../chunks/chunk.WQARFGAY.js";import"../chunks/chunk.AY3YRO2L.js";import"../chunks/chunk.WWTEGHW5.js";import"../chunks/chunk.WO7EIYQ3.js";import"../chunks/chunk.ZZQE6TG6.js";import"../chunks/chunk.2NDGSXCD.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.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};
+import{a as o}from"../chunks/chunk.RFWTH2X2.js";import"../chunks/chunk.HCMPRDIX.js";import"../chunks/chunk.BK6PO2CX.js";import"../chunks/chunk.WQARFGAY.js";import"../chunks/chunk.AY3YRO2L.js";import"../chunks/chunk.WWTEGHW5.js";import"../chunks/chunk.WO7EIYQ3.js";import"../chunks/chunk.ZZQE6TG6.js";import"../chunks/chunk.2NDGSXCD.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": "geAOA,mBAA+C,EAAmB,CAAC",
+  "mappings": "4bAOA,mBAA+C,EAAmB,CAAC",
   "names": []
 }

package/dist/scw-test/ScwTest.js

@@ -1,2 +1,2 @@
-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};
+import{a}from"../chunks/chunk.4OGOBQMX.js";import"../chunks/chunk.HCMPRDIX.js";import"../chunks/chunk.BK6PO2CX.js";import"../chunks/chunk.WQARFGAY.js";import"../chunks/chunk.AY3YRO2L.js";import"../chunks/chunk.WWTEGHW5.js";import"../chunks/chunk.WO7EIYQ3.js";import"../chunks/chunk.ZZQE6TG6.js";import"../chunks/chunk.2NDGSXCD.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.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";
+import{a as e}from"../chunks/chunk.4OGOBQMX.js";import"../chunks/chunk.HCMPRDIX.js";import"../chunks/chunk.BK6PO2CX.js";import"../chunks/chunk.WQARFGAY.js";import"../chunks/chunk.AY3YRO2L.js";import"../chunks/chunk.WWTEGHW5.js";import"../chunks/chunk.WO7EIYQ3.js";import"../chunks/chunk.ZZQE6TG6.js";import"../chunks/chunk.2NDGSXCD.js";import"../chunks/chunk.ZS4C3T6Z.js";import"../chunks/chunk.3MIP3PMW.js";import"../chunks/chunk.5YJY6NT6.js";customElements.define("scw-test",e);
 //# sourceMappingURL=scw-test.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": [],
-  "sourcesContent": [],
-  "mappings": "",
+  "sources": ["../../src/scw-test/scw-test.ts"],
+  "sourcesContent": ["import ScwTest from './ScwTest.js';\ncustomElements.define('scw-test', ScwTest );\n"],
+  "mappings": "4bACA,eAAe,OAAO,WAAY,CAAQ",
   "names": []
 }

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.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`
+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.FKI5D2PU.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.HVX5PATU.js";import"../chunks/chunk.IDOYH5TU.js";import"../chunks/chunk.5HZ4WTGH.js";import{a as s,b as a}from"../chunks/chunk.HCMPRDIX.js";import"../chunks/chunk.BK6PO2CX.js";import"../chunks/chunk.WQARFGAY.js";import"../chunks/chunk.AY3YRO2L.js";import"../chunks/chunk.WWTEGHW5.js";import"../chunks/chunk.WO7EIYQ3.js";import"../chunks/chunk.ZZQE6TG6.js";import"../chunks/chunk.2NDGSXCD.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": "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",
+  "mappings": "40BACA,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 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`
+import{a as h}from"../chunks/chunk.TIGDLFNU.js";import{a as R}from"../chunks/chunk.XGXXU6MC.js";import{a as x}from"../chunks/chunk.IFGCOSUD.js";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 l}from"../chunks/chunk.DAC54S7M.js";import{a as g}from"../chunks/chunk.KNO2EO5V.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.HCMPRDIX.js";import"../chunks/chunk.BK6PO2CX.js";import"../chunks/chunk.WQARFGAY.js";import"../chunks/chunk.AY3YRO2L.js";import"../chunks/chunk.WWTEGHW5.js";import"../chunks/chunk.WO7EIYQ3.js";import"../chunks/chunk.ZZQE6TG6.js";import"../chunks/chunk.2NDGSXCD.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;