scu-web-components 0.0.28 → 0.0.31

package/dist/scw-icon/tests/checkIconADA.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/scw-icon/tests/checkIconADA.ts"],
   "sourcesContent": ["import {expect} from '@open-wc/testing';\nimport {waitUntil} from '@open-wc/testing';\nimport type ScwIcon from '../ScwIcon';\nimport colorContrast from '../../utils/testing/colorContrast';\n// import rgbHex from 'rgb-hex';\n\n/**\n * check icon accessibility\n * @param {ScwIcon} iconEle\n */\nexport default async function checkIconADA(\n  iconEle : ScwIcon ) : Promise<void> {\n  // accessible doesn't get icon colors\n  expect( await checkIconColorADA( iconEle ) ).to.be.true;\n\n  // and then test for all other ADA checks...\n  await expect(iconEle).shadowDom.to.be.accessible();\n}\n\n/**\n * check icon color acessibility\n * @param {ScwIcon} iconEle\n * @return {Promise<boolean>}\n */\nasync function checkIconColorADA( iconEle : ScwIcon ) : Promise<boolean> {\n  if (!iconEle.shadowRoot) return false;\n\n  await waitUntil(\n    () => iconEle.shadowRoot!.children.length > 0,\n    'did not find svg in child',\n  );\n\n  const svg = iconEle.shadowRoot.querySelector('svg');\n  if (!svg ) return false;\n  const svgStyle = getComputedStyle(svg);\n  const svgFill = svgStyle.fill;\n  if (svgFill === 'none') {\n    return false;\n  }\n  const bgColor = getBGColor( iconEle );\n\n  const result = colorContrast(\n    svgFill,\n    bgColor,\n  );\n  // console.log(`testing svg: ${rgbHex(svgFill)}\n  //  to bg: ${rgbHex(bgColor)} result:${result.didPass}`);\n  return result.didPass;\n}\n\n/**\n * get background color\n * @param {HTMLElement} el\n * @return {string}\n */\nfunction getBGColor(el : HTMLElement) {\n  if (el.nodeName === 'HTML') {\n    return 'rgb(255, 255, 255)';// just assume it's white\n  }\n  const s = getComputedStyle(el);\n  let b = s.backgroundColor;\n  // console.log ( b, el.nodeName);\n  if (\n    (\n      b === 'transparent' ||\n      b === 'rgba(0, 0, 0, 0)' ||\n      b === 'rgba(255,255,255,0)'\n    ) &&\n    el.parentNode !== null\n  ) {\n      b = getBGColor(el.parentNode as unknown as HTMLElement);\n  }\n  return b;\n}\n"],
-  "mappings": "sLAUA,iBACE,EAAoC,CAEpC,EAAQ,KAAM,GAAmB,CAAQ,CAAE,EAAE,GAAG,GAAG,KAGnD,KAAM,GAAO,CAAO,EAAE,UAAU,GAAG,GAAG,WAAW,CACnD,CAOA,iBAAkC,EAAuC,CACvE,GAAI,CAAC,EAAQ,WAAY,MAAO,GAEhC,KAAM,GACJ,IAAM,EAAQ,WAAY,SAAS,OAAS,EAC5C,2BACF,EAEA,GAAM,GAAM,EAAQ,WAAW,cAAc,KAAK,EAClD,GAAI,CAAC,EAAM,MAAO,GAElB,GAAM,GAAU,AADC,iBAAiB,CAAG,EACZ,KACzB,GAAI,IAAY,OACd,MAAO,GAET,GAAM,GAAU,EAAY,CAAQ,EAQpC,MAAO,AANQ,GACb,EACA,CACF,EAGc,OAChB,CAOA,WAAoB,EAAkB,CACpC,GAAI,EAAG,WAAa,OAClB,MAAO,qBAGT,GAAI,GAAI,AADE,iBAAiB,CAAE,EACnB,gBAEV,MAEI,KAAM,eACN,IAAM,oBACN,IAAM,wBAER,EAAG,aAAe,MAEhB,GAAI,EAAW,EAAG,UAAoC,GAEnD,CACT",
-  "names": []
+  "mappings": "sLAUA,eAAOA,EACLC,EAAoC,CAEpCC,EAAQ,MAAMC,EAAmBF,CAAQ,CAAE,EAAE,GAAG,GAAG,KAGnD,MAAMC,EAAOD,CAAO,EAAE,UAAU,GAAG,GAAG,WAAW,CACnD,CAOA,eAAeE,EAAmBF,EAAuC,CACvE,GAAI,CAACA,EAAQ,WAAY,MAAO,GAEhC,MAAMG,EACJ,IAAMH,EAAQ,WAAY,SAAS,OAAS,EAC5C,2BACF,EAEA,IAAMI,EAAMJ,EAAQ,WAAW,cAAc,KAAK,EAClD,GAAI,CAACI,EAAM,MAAO,GAElB,IAAMC,EADW,iBAAiBD,CAAG,EACZ,KACzB,GAAIC,IAAY,OACd,MAAO,GAET,IAAMC,EAAUC,EAAYP,CAAQ,EAQpC,OANeQ,EACbH,EACAC,CACF,EAGc,OAChB,CAOA,SAASC,EAAWE,EAAkB,CACpC,GAAIA,EAAG,WAAa,OAClB,MAAO,qBAGT,IAAIC,EADM,iBAAiBD,CAAE,EACnB,gBAEV,OAEIC,IAAM,eACNA,IAAM,oBACNA,IAAM,wBAERD,EAAG,aAAe,OAEhBC,EAAIH,EAAWE,EAAG,UAAoC,GAEnDC,CACT",
+  "names": ["checkIconADA", "iconEle", "expect", "checkIconColorADA", "waitUntil", "svg", "svgFill", "bgColor", "getBGColor", "checkColors", "el", "b"]
 }

package/dist/scw-image/ScwImage.js

@@ -1,2 +1,2 @@
-import{a}from"../chunks/chunk.4FRGWEZV.js";import"../chunks/chunk.O3SA7BGC.js";import"../chunks/chunk.WPOS6KBC.js";import"../chunks/chunk.TVHG2BHW.js";import"../chunks/chunk.QRG5WBRU.js";import"../chunks/chunk.3GVGAXLL.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};
+import{a}from"../chunks/chunk.TLUKKBKO.js";import"../chunks/chunk.ZHMMWIFH.js";import"../chunks/chunk.A6Q2K43E.js";import"../chunks/chunk.X2MZFY6Y.js";import"../chunks/chunk.GATDLRXZ.js";import"../chunks/chunk.44PMNKPK.js";import"../chunks/chunk.NGL6WE6V.js";import"../chunks/chunk.J5OGWB43.js";import"../chunks/chunk.TC4A7NX7.js";import"../chunks/chunk.2WX7XMLC.js";import"../chunks/chunk.33FSL7Y7.js";import"../chunks/chunk.KVCUHP7N.js";import"../chunks/chunk.XDWCNUEB.js";import"../chunks/chunk.IHVBWZ57.js";import"../chunks/chunk.3DNJZ75B.js";import"../chunks/chunk.5YJY6NT6.js";export{a as default};
 //# sourceMappingURL=ScwImage.js.map

package/dist/scw-image/scw-image-src-parser.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/scw-image/scw-image-src-parser.ts"],
   "sourcesContent": ["import ScwPicture from './ScwImage';\n\n/**\n * parse attributes into an srcset\n * @param {ScwPicture} scwPicture\n * @return {string}\n */\nexport default function parseSrcAttributes(\n  scwPicture : ScwPicture,\n) : string {\n  const srcset = [];\n  for (let i = 0; i < scwPicture.attributes.length; i++) {\n    const attr = scwPicture.attributes[i];\n    if ( attr.name.indexOf('src-') === 0 ) {\n      const attrSplit = attr.name.split('-');\n      srcset.push(`${attr.value} ${attrSplit[1]}`);\n    }\n  }\n  return srcset.join(', ');\n}\n"],
-  "mappings": "oCAOe,WACb,EACS,CACT,GAAM,GAAS,CAAC,EAChB,OAAS,GAAI,EAAG,EAAI,EAAW,WAAW,OAAQ,IAAK,CACrD,GAAM,GAAO,EAAW,WAAW,GACnC,GAAK,EAAK,KAAK,QAAQ,MAAM,IAAM,EAAI,CACrC,GAAM,GAAY,EAAK,KAAK,MAAM,GAAG,EACrC,EAAO,KAAK,GAAG,EAAK,SAAS,EAAU,IAAI,CAC7C,CACF,CACA,MAAO,GAAO,KAAK,IAAI,CACzB",
-  "names": []
+  "mappings": "oCAOe,SAARA,EACLC,EACS,CACT,IAAMC,EAAS,CAAC,EAChB,QAASC,EAAI,EAAGA,EAAIF,EAAW,WAAW,OAAQE,IAAK,CACrD,IAAMC,EAAOH,EAAW,WAAWE,GACnC,GAAKC,EAAK,KAAK,QAAQ,MAAM,IAAM,EAAI,CACrC,IAAMC,EAAYD,EAAK,KAAK,MAAM,GAAG,EACrCF,EAAO,KAAK,GAAGE,EAAK,SAASC,EAAU,IAAI,CAC7C,CACF,CACA,OAAOH,EAAO,KAAK,IAAI,CACzB",
+  "names": ["parseSrcAttributes", "scwPicture", "srcset", "i", "attr", "attrSplit"]
 }

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

@@ -1,2 +1,2 @@
-import{a}from"../chunks/chunk.WPOS6KBC.js";import"../chunks/chunk.5YJY6NT6.js";export{a as default};
+import{a}from"../chunks/chunk.A6Q2K43E.js";import"../chunks/chunk.5YJY6NT6.js";export{a as default};
 //# sourceMappingURL=scw-image-validate.js.map

package/dist/scw-image/scw-image.js

@@ -1,2 +1,2 @@
-import"../chunks/chunk.2XNLXMDP.js";import"../chunks/chunk.4FRGWEZV.js";import"../chunks/chunk.O3SA7BGC.js";import"../chunks/chunk.WPOS6KBC.js";import"../chunks/chunk.TVHG2BHW.js";import"../chunks/chunk.QRG5WBRU.js";import"../chunks/chunk.3GVGAXLL.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";
+import"../chunks/chunk.W2QJT7Q4.js";import"../chunks/chunk.TLUKKBKO.js";import"../chunks/chunk.ZHMMWIFH.js";import"../chunks/chunk.A6Q2K43E.js";import"../chunks/chunk.X2MZFY6Y.js";import"../chunks/chunk.GATDLRXZ.js";import"../chunks/chunk.44PMNKPK.js";import"../chunks/chunk.NGL6WE6V.js";import"../chunks/chunk.J5OGWB43.js";import"../chunks/chunk.TC4A7NX7.js";import"../chunks/chunk.2WX7XMLC.js";import"../chunks/chunk.33FSL7Y7.js";import"../chunks/chunk.KVCUHP7N.js";import"../chunks/chunk.XDWCNUEB.js";import"../chunks/chunk.IHVBWZ57.js";import"../chunks/chunk.3DNJZ75B.js";import"../chunks/chunk.5YJY6NT6.js";
 //# sourceMappingURL=scw-image.js.map

package/dist/scw-image/tests/imageExamples.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/scw-image/tests/imageExamples.ts"],
   "sourcesContent": ["export const square = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNSAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjI1IiBoZWlnaHQ9IjI1IiBmaWxsPSJ3aGl0ZSIvPgo8cmVjdCB3aWR0aD0iMjUiIGhlaWdodD0iMjUiIGZpbGw9IiNDNEM0QzQiLz4KPC9zdmc+Cg==';\nexport const triangle = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNSAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjI1IiBoZWlnaHQ9IjI1IiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMTIuNSAwTDI1IDI1SDBMMTIuNSAwWiIgZmlsbD0iI0M0QzRDNCIvPgo8L3N2Zz4K';\nexport const circle = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMjYiIHZpZXdCb3g9IjAgMCAyNiAyNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjI2IiBoZWlnaHQ9IjI2IiBmaWxsPSJ3aGl0ZSIvPgo8Y2lyY2xlIGN4PSIxMyIgY3k9IjEzIiByPSIxMyIgZmlsbD0iI0M0QzRDNCIvPgo8L3N2Zz4K';\n\n/* don't use...looking for no network dependancies\nexport const small = 'https://dummyimage.com/300x100';\nexport const medium = 'https://dummyimage.com/400x100';\nexport const large = 'https://dummyimage.com/500x100';\n*/"],
-  "mappings": "uCAAO,GAAM,GAAS,iSACT,EAAW,qSACX,EAAS",
-  "names": []
+  "mappings": "uCAAO,IAAMA,EAAS,iSACTC,EAAW,qSACXC,EAAS",
+  "names": ["square", "triangle", "circle"]
 }

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

@@ -1,7 +1,8 @@
-import{a as p,b as c,c as n}from"../chunks/chunk.A5NCJRBB.js";import{a as r}from"../chunks/chunk.WO3SIUEH.js";import{c as m}from"../chunks/chunk.JAUABRH5.js";import"../chunks/chunk.VCT62IUP.js";import{a as l}from"../chunks/chunk.2VW3SHYK.js";import{a as s,b as u}from"../chunks/chunk.PB4P25XX.js";import{a as d}from"../chunks/chunk.C3H7WULY.js";import"../chunks/chunk.XUHEJPVF.js";import"../chunks/chunk.5HZ4WTGH.js";import{a as i,b as o}from"../chunks/chunk.3GVGAXLL.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 a}from"../chunks/chunk.5YJY6NT6.js";var h=i`
+import{a as c,b as p,c as d}from"../chunks/chunk.MNM5PCHW.js";import{a as l}from"../chunks/chunk.HD75M3T5.js";import{c as m}from"../chunks/chunk.PFDERFXL.js";import"../chunks/chunk.WXC634JO.js";import{a as r}from"../chunks/chunk.B7II36CO.js";import{a as i,b as u}from"../chunks/chunk.HONWLPRG.js";import{a as n}from"../chunks/chunk.5XMC6YA4.js";import"../chunks/chunk.DJQ6FHEA.js";import"../chunks/chunk.T25QZW3W.js";import{a as s,b as o}from"../chunks/chunk.44PMNKPK.js";import"../chunks/chunk.NGL6WE6V.js";import"../chunks/chunk.J5OGWB43.js";import"../chunks/chunk.TC4A7NX7.js";import"../chunks/chunk.2WX7XMLC.js";import"../chunks/chunk.33FSL7Y7.js";import"../chunks/chunk.KVCUHP7N.js";import"../chunks/chunk.XDWCNUEB.js";import"../chunks/chunk.IHVBWZ57.js";import"../chunks/chunk.3DNJZ75B.js";import{g as a}from"../chunks/chunk.5YJY6NT6.js";var h=s`
 :host {
   display: block;
-}`;var t=class extends m{constructor(){super();this.type="text";this.autoCapitalize="none";this.autoComplete="on";this.autoCorrect="off";this.autoFocus=!1;this.element="input";let e=d();this.scwInputField=s(`scw-${"input-field"}${e}`),this.scwInputLayout=s(`scw-${"input-layout"}${e}`)}static get styles(){return[super.styles,h]}_focusHandler(){this.focused=!0}_blurHandler(){this.focused=!1,this.validate()}_valueChangeHandler(e){this.value=e.detail.value}checkForSubmit(e){e.key==="Enter"&&l("scw-submit-intent",this)}render(){return u`
+}
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3Njdy1kZXNpZ24tc3lzdGVtLXdlYi9zY3ctZGVzaWduLXN5c3RlbS1tb25vL3NjdS13ZWItY29tcG9uZW50cy9zcmMvc2N3LWlucHV0L3Njc3MiLCJzb3VyY2VzIjpbInNjdy1pbnB1dC5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBO0VBQ0UifQ== */`;var t=class extends m{constructor(){super();this.type="text";this.autoCapitalize="none";this.autoComplete="on";this.autoCorrect="off";this.autoFocus=!1;this.element="input";let e=n();this.scwInputField=i(`scw-${"input-field"}${e}`),this.scwInputLayout=i(`scw-${"input-layout"}${e}`)}static get styles(){return[super.styles,h]}_focusHandler(){this.focused=!0}_blurHandler(){this.focused=!1,this.validate()}_valueChangeHandler(e){this.value=e.detail.value}checkForSubmit(e){e.key==="Enter"&&r("scw-submit-intent",this)}render(){return u`
       <${this.scwInputLayout}
         .label=${this.ariaLabel}
         .feedback=${this.feedback}
@@ -25,5 +26,5 @@ import{a as p,b as c,c as n}from"../chunks/chunk.A5NCJRBB.js";import{a as r}from
         </${this.scwInputField}>
       </${this.scwInputLayout}>
       <slot name="validation"></slot>
-    `}};a([o({type:r})],t.prototype,"type",2),a([o({type:p,attribute:"autocapitalize"})],t.prototype,"autoCapitalize",2),a([o({type:c,attribute:"autocomplete"})],t.prototype,"autoComplete",2),a([o({type:n,attribute:"autocorrect"})],t.prototype,"autoCorrect",2),a([o({type:Boolean,attribute:"autofocus"})],t.prototype,"autoFocus",2);export{t as default};
+    `}};a([o({type:l})],t.prototype,"type",2),a([o({type:c,attribute:"autocapitalize"})],t.prototype,"autoCapitalize",2),a([o({type:p,attribute:"autocomplete"})],t.prototype,"autoComplete",2),a([o({type:d,attribute:"autocorrect"})],t.prototype,"autoCorrect",2),a([o({type:Boolean,attribute:"autofocus"})],t.prototype,"autoFocus",2);export{t as default};
 //# sourceMappingURL=scw-input.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["sass-plugin-0:/Users/scottrouse/Workspace/scw-design-system-web/scw-design-system-mono/scu-web-components/src/scw-input/scss/scw-input.scss", "../../src/scw-input/scw-input.ts"],
-  "sourcesContent": ["import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host {\n  display: block;\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-input.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 * ScwInput\n * @class\n * @tag scw-input\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 ScwInput 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.scwInputField = unsafeStatic(`scw-${Components.inputField}${suffix}`);\n    this.scwInputLayout = unsafeStatic(\n      `scw-${Components.inputLayout}${suffix}`,\n    );\n  }\n\n  // ============== ScwInput ===================================================\n  /** scw-input-field with versioning suffix */\n  scwInputField : any;\n\n  /** scw-single-input-layout with versioning suffix */\n  scwInputLayout : any;\n\n  /** (ScwInputField) type of input field */\n  @property({type: InputTypes})\n    type: InputTypes = InputTypes.text;\n\n  /** (ScwInput) automatically capitalize input */\n  @property({type: AutoCaptializeValues, attribute: 'autocapitalize'})\n    autoCapitalize: AutoCaptializeValues = AutoCaptializeValues.default;\n\n    /** (ScwInput) automatically completes input */\n  @property({type: AutoCompleteValues, attribute: 'autocomplete'})\n    autoComplete: AutoCompleteValues = AutoCompleteValues.default;\n\n  /** (ScwInput) automatically correct input */\n  @property({type: AutoCorrectValues, attribute: 'autocorrect'})\n    autoCorrect: AutoCorrectValues = AutoCorrectValues.default;\n\n  /** (ScwInput) 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  }\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   * 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  * 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        <${this.scwInputField}\n          .value=${this.value}\n          .type=${this.type}\n          .placeholder=${this.placeholder}\n          aria-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          @keyup=${this.checkForSubmit}\n          @scw-focus=${this._focusHandler}\n          @scw-blur=${this._blurHandler}\n          @scw-value-change=${this._valueChangeHandler}>\n        </${this.scwInputField}>\n      </${this.scwInputLayout}>\n      <slot name=\"validation\"></slot>\n    `;\n  }\n}\n"],
-  "mappings": "40BACA,GAAO,GAAQ;AAAA;AAAA;GC0Bf,mBAAsC,EAAiB,CAYrD,aAAc,CACZ,MAAM,EAmBN,UAAmB,OAInB,oBAAuC,OAIvC,kBAAmC,KAInC,iBAAiC,MAIjC,eAAqB,GAlCrB,KAAK,QAAU,QAEf,GAAM,GAAS,EAAU,EACzB,KAAK,cAAgB,EAAa,OAAO,gBAAwB,GAAQ,EACzE,KAAK,eAAiB,EACpB,OAAO,iBAAyB,GAClC,CACF,WAjBY,SAAS,CACnB,MAAO,CACL,MAAM,OACN,CACF,CACF,CA4CA,eAAgB,CACd,KAAK,QAAU,EACjB,CAKA,cAAe,CACb,KAAK,QAAU,GACf,KAAK,SAAS,CAChB,CAMA,oBAAoB,EAAkB,CACpC,KAAK,MAAQ,EAAI,OAAO,KAC1B,CAMA,eAAe,EAAoB,CACjC,AAAI,EAAI,MAAQ,SACd,EACE,oBACA,IACF,CAEJ,CAMA,QAAiB,CACf,MAAO;AAAA,SACF,KAAK;AAAA,iBACG,KAAK;AAAA,oBACF,KAAK;AAAA,yBACA,KAAK,aAAe,OAAS;AAAA,mBACnC,KAAK;AAAA,mBACL,KAAK;AAAA,WACb,KAAK;AAAA,mBACG,KAAK;AAAA,kBACN,KAAK;AAAA,yBACE,KAAK;AAAA,0BACJ,KAAK,aAAe,OAAS;AAAA,2BAC5B,KAAK;AAAA,yBACP,KAAK;AAAA,wBACN,KAAK;AAAA,uBACN,KAAK;AAAA,uBACL,KAAK;AAAA,mBACT,KAAK;AAAA,uBACD,KAAK;AAAA,sBACN,KAAK;AAAA,8BACG,KAAK;AAAA,YACvB,KAAK;AAAA,UACP,KAAK;AAAA;AAAA,KAGb,CACF,EArFI,GADF,AAAC,EAAS,CAAC,KAAM,CAAU,CAAC,GAC1B,AAhCJ,EAgCI,oBAIA,GADF,AAAC,EAAS,CAAC,KAAM,EAAsB,UAAW,gBAAgB,CAAC,GACjE,AApCJ,EAoCI,8BAIA,GADF,AAAC,EAAS,CAAC,KAAM,EAAoB,UAAW,cAAc,CAAC,GAC7D,AAxCJ,EAwCI,4BAIA,GADF,AAAC,EAAS,CAAC,KAAM,EAAmB,UAAW,aAAa,CAAC,GAC3D,AA5CJ,EA4CI,2BAIA,GADF,AAAC,EAAS,CAAC,KAAM,QAAS,UAAW,WAAW,CAAC,GAC/C,AAhDJ,EAgDI",
-  "names": []
+  "sources": ["../../src/scw-input/scss/scw-input.scss", "../../src/scw-input/scw-input.ts"],
+  "sourcesContent": ["import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host {\n  display: block;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3Njdy1kZXNpZ24tc3lzdGVtLXdlYi9zY3ctZGVzaWduLXN5c3RlbS1tb25vL3NjdS13ZWItY29tcG9uZW50cy9zcmMvc2N3LWlucHV0L3Njc3MiLCJzb3VyY2VzIjpbInNjdy1pbnB1dC5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBO0VBQ0UifQ== */`;\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-input.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 * ScwInput\n * @class\n * @tag scw-input\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 ScwInput 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.scwInputField = unsafeStatic(`scw-${Components.inputField}${suffix}`);\n    this.scwInputLayout = unsafeStatic(\n      `scw-${Components.inputLayout}${suffix}`,\n    );\n  }\n\n  // ============== ScwInput ===================================================\n  /** scw-input-field with versioning suffix */\n  scwInputField : any;\n\n  /** scw-single-input-layout with versioning suffix */\n  scwInputLayout : any;\n\n  /** (ScwInputField) type of input field */\n  @property({type: InputTypes})\n    type: InputTypes = InputTypes.text;\n\n  /** (ScwInput) automatically capitalize input */\n  @property({type: AutoCaptializeValues, attribute: 'autocapitalize'})\n    autoCapitalize: AutoCaptializeValues = AutoCaptializeValues.default;\n\n    /** (ScwInput) automatically completes input */\n  @property({type: AutoCompleteValues, attribute: 'autocomplete'})\n    autoComplete: AutoCompleteValues = AutoCompleteValues.default;\n\n  /** (ScwInput) automatically correct input */\n  @property({type: AutoCorrectValues, attribute: 'autocorrect'})\n    autoCorrect: AutoCorrectValues = AutoCorrectValues.default;\n\n  /** (ScwInput) 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  }\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   * 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  * 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        <${this.scwInputField}\n          .value=${this.value}\n          .type=${this.type}\n          .placeholder=${this.placeholder}\n          aria-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          @keyup=${this.checkForSubmit}\n          @scw-focus=${this._focusHandler}\n          @scw-blur=${this._blurHandler}\n          @scw-value-change=${this._valueChangeHandler}>\n        </${this.scwInputField}>\n      </${this.scwInputLayout}>\n      <slot name=\"validation\"></slot>\n    `;\n  }\n}\n"],
+  "mappings": "40BACA,IAAOA,EAAQC;AAAA;AAAA;AAAA;qVC0Bf,IAAqBC,EAArB,cAAsCC,CAAiB,CAYrD,aAAc,CACZ,MAAM,EAmBN,iBAIA,2BAIA,uBAIA,uBAIA,eAAqB,GAlCrB,KAAK,gBAEL,IAAMC,EAASC,EAAU,EACzB,KAAK,cAAgBC,EAAa,uBAA+BF,GAAQ,EACzE,KAAK,eAAiBE,EACpB,wBAAgCF,GAClC,CACF,CAjBC,WAAW,QAAS,CACnB,MAAO,CACL,MAAM,OACNG,CACF,CACF,CA4CA,eAAgB,CACd,KAAK,QAAU,EACjB,CAKA,cAAe,CACb,KAAK,QAAU,GACf,KAAK,SAAS,CAChB,CAMA,oBAAoBC,EAAkB,CACpC,KAAK,MAAQA,EAAI,OAAO,KAC1B,CAMA,eAAeA,EAAoB,CAC7BA,EAAI,MAAQ,SACdC,sBAEE,IACF,CAEJ,CAMA,QAAiB,CACf,OAAOC;AAAA,SACF,KAAK;AAAA,iBACG,KAAK;AAAA,oBACF,KAAK;AAAA,yBACA,KAAK,aAAe,OAAS;AAAA,mBACnC,KAAK;AAAA,mBACL,KAAK;AAAA,WACb,KAAK;AAAA,mBACG,KAAK;AAAA,kBACN,KAAK;AAAA,yBACE,KAAK;AAAA,0BACJ,KAAK,aAAe,OAAS;AAAA,2BAC5B,KAAK;AAAA,yBACP,KAAK;AAAA,wBACN,KAAK;AAAA,uBACN,KAAK;AAAA,uBACL,KAAK;AAAA,mBACT,KAAK;AAAA,uBACD,KAAK;AAAA,sBACN,KAAK;AAAA,8BACG,KAAK;AAAA,YACvB,KAAK;AAAA,UACP,KAAK;AAAA;AAAA,KAGb,CACF,EArFIC,EAAA,CADDC,EAAS,CAAC,KAAMC,CAAU,CAAC,GA/BTX,EAgCjB,oBAIAS,EAAA,CADDC,EAAS,CAAC,KAAME,EAAsB,UAAW,gBAAgB,CAAC,GAnChDZ,EAoCjB,8BAIAS,EAAA,CADDC,EAAS,CAAC,KAAMG,EAAoB,UAAW,cAAc,CAAC,GAvC5Cb,EAwCjB,4BAIAS,EAAA,CADDC,EAAS,CAAC,KAAMI,EAAmB,UAAW,aAAa,CAAC,GA3C1Cd,EA4CjB,2BAIAS,EAAA,CADDC,EAAS,CAAC,KAAM,QAAS,UAAW,WAAW,CAAC,GA/C9BV,EAgDjB",
+  "names": ["scw_input_default", "r", "ScwInput", "ScwFormComponent", "suffix", "getSuffix", "o", "scw_input_default", "evt", "emit", "n", "__decorateClass", "e", "InputTypes", "AutoCaptializeValues", "AutoCompleteValues", "AutoCorrectValues"]
 }

package/dist/scw-input-field/autoformatters/autoFormat.js

@@ -1,2 +1,2 @@
-import{a,b}from"../../chunks/chunk.56SLFZ7Q.js";import"../../chunks/chunk.WO3SIUEH.js";import"../../chunks/chunk.VEL2IK6S.js";import"../../chunks/chunk.7S75DZ27.js";import"../../chunks/chunk.NWEPER2E.js";import"../../chunks/chunk.YGO7N4AL.js";import"../../chunks/chunk.5YJY6NT6.js";export{b as autoFormatResult,a as default};
+import{a,b}from"../../chunks/chunk.BHAQIBGC.js";import"../../chunks/chunk.HD75M3T5.js";import"../../chunks/chunk.QW4L55OV.js";import"../../chunks/chunk.4PFGNBK4.js";import"../../chunks/chunk.RQFUIQK3.js";import"../../chunks/chunk.5FUHFFCY.js";import"../../chunks/chunk.5YJY6NT6.js";export{b as autoFormatResult,a as default};
 //# sourceMappingURL=autoFormat.js.map

package/dist/scw-input-field/autoformatters/currencyFormatter.js

@@ -1,2 +1,2 @@
-import{a}from"../../chunks/chunk.VEL2IK6S.js";import"../../chunks/chunk.5YJY6NT6.js";export{a as currencyAutoFormatter};
+import{a}from"../../chunks/chunk.QW4L55OV.js";import"../../chunks/chunk.5YJY6NT6.js";export{a as currencyAutoFormatter};
 //# sourceMappingURL=currencyFormatter.js.map

package/dist/scw-input-field/autoformatters/dateAutoFormatter.js

@@ -1,2 +1,2 @@
-import{a,b,c,d,e,f}from"../../chunks/chunk.7S75DZ27.js";import"../../chunks/chunk.5YJY6NT6.js";export{b as dateAutoFormatter,c as dateStrToFormattedStr,f as dateToFormattedStr,d as formattedStringToDate,e as formattedStringToDateStr,a as isValidDate};
+import{a,b,c,d,e,f}from"../../chunks/chunk.4PFGNBK4.js";import"../../chunks/chunk.5YJY6NT6.js";export{b as dateAutoFormatter,c as dateStrToFormattedStr,f as dateToFormattedStr,d as formattedStringToDate,e as formattedStringToDateStr,a as isValidDate};
 //# sourceMappingURL=dateAutoFormatter.js.map

package/dist/scw-input-field/autoformatters/numberFormatter.js

@@ -1,2 +1,2 @@
-import{a}from"../../chunks/chunk.NWEPER2E.js";import"../../chunks/chunk.5YJY6NT6.js";export{a as numberFormatter};
+import{a}from"../../chunks/chunk.RQFUIQK3.js";import"../../chunks/chunk.5YJY6NT6.js";export{a as numberFormatter};
 //# sourceMappingURL=numberFormatter.js.map

package/dist/scw-input-field/autoformatters/phoneNumberAutoFormatter.js

@@ -1,2 +1,2 @@
-import{a}from"../../chunks/chunk.YGO7N4AL.js";import"../../chunks/chunk.5YJY6NT6.js";export{a as phoneNumberAutoFormatter};
+import{a}from"../../chunks/chunk.5FUHFFCY.js";import"../../chunks/chunk.5YJY6NT6.js";export{a as phoneNumberAutoFormatter};
 //# sourceMappingURL=phoneNumberAutoFormatter.js.map

package/dist/scw-input-field/inputTypes.js

@@ -1,2 +1,2 @@
-import{a}from"../chunks/chunk.WO3SIUEH.js";import"../chunks/chunk.5YJY6NT6.js";export{a as InputTypes};
+import{a}from"../chunks/chunk.HD75M3T5.js";import"../chunks/chunk.5YJY6NT6.js";export{a as InputTypes};
 //# sourceMappingURL=inputTypes.js.map

package/dist/scw-input-field/scw-input-field.d.ts

@@ -38,8 +38,6 @@ export default class ScwInputField extends ScwComponent {
     selectAllOnFocus: boolean;
     /** Tells browser what keyboard to use */
     inputmode: string;
-    /** disable textfield or not */
-    ariaDisabled: string;
     /** (ScwInputField) automatically capitalize input */
     autoCapitalize: AutoCaptializeValues;
     /** (ScwInputField) automatically completes input */

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

@@ -1,4 +1,4 @@
-import{a as u}from"../chunks/chunk.RQ2STTXL.js";import{a as h,b as p,c as m}from"../chunks/chunk.A5NCJRBB.js";import{a as r}from"../chunks/chunk.56SLFZ7Q.js";import{a as c}from"../chunks/chunk.WO3SIUEH.js";import"../chunks/chunk.VEL2IK6S.js";import"../chunks/chunk.7S75DZ27.js";import"../chunks/chunk.NWEPER2E.js";import"../chunks/chunk.YGO7N4AL.js";import{a as o}from"../chunks/chunk.2VW3SHYK.js";import{a as s,b as a,d as l,e as n}from"../chunks/chunk.3GVGAXLL.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 e}from"../chunks/chunk.5YJY6NT6.js";var d=s`
+import{a as u}from"../chunks/chunk.7A7HJBKL.js";import{a as p,b as h,c as d}from"../chunks/chunk.MNM5PCHW.js";import{a as l}from"../chunks/chunk.BHAQIBGC.js";import{a as c}from"../chunks/chunk.HD75M3T5.js";import"../chunks/chunk.QW4L55OV.js";import"../chunks/chunk.4PFGNBK4.js";import"../chunks/chunk.RQFUIQK3.js";import"../chunks/chunk.5FUHFFCY.js";import{a as i}from"../chunks/chunk.B7II36CO.js";import{a as s,b as a,d as r,e as n}from"../chunks/chunk.44PMNKPK.js";import"../chunks/chunk.NGL6WE6V.js";import"../chunks/chunk.J5OGWB43.js";import"../chunks/chunk.TC4A7NX7.js";import"../chunks/chunk.2WX7XMLC.js";import"../chunks/chunk.33FSL7Y7.js";import"../chunks/chunk.KVCUHP7N.js";import"../chunks/chunk.XDWCNUEB.js";import{a as o}from"../chunks/chunk.IHVBWZ57.js";import"../chunks/chunk.3DNJZ75B.js";import{g as e}from"../chunks/chunk.5YJY6NT6.js";var m=s`
 :host {
   position: relative;
   display: block;
@@ -38,7 +38,8 @@ import{a as u}from"../chunks/chunk.RQ2STTXL.js";import{a as h,b as p,c as m}from
   text-align: LEFT;
   font: var(--scw-type-text-04-font);
   color: var(--scw-color-grey-07);
-}`;var t=class extends n{constructor(){super();this.name="";this.value="";this.type="text";this.readOnly=!1;this.focused=!1;this.selectAllOnFocus=!1;this.inputmode="text";this.ariaDisabled="false";this.autoCapitalize="none";this.autoComplete="on";this.autoCorrect="off";this.autoFocus=!1;this.valueDisplayed="";this.element="input-field",this.autoFormatter=new r(this)}static get styles(){return[super.styles,d]}valueHandler(){this._formatValue()}_formatValue(){this.value!==this.lastFormattedValue&&(this.lastFormattedValue=this.value,this.autoFormatter.autoFormat(this.value),this.autoFormatter.autoFormatFinish(this.value))}handleChange(){this.value=this.input.value,this._formatValue(),this.valueChangeHandler()}handleInteraction(){this.autoFormatter.updateSelection()}connectedCallback(){super.connectedCallback(),this.autoFormatter=new r(this),this.autoFormatter.autoFormat(this.value),this.autoFormatter.autoFormatFinish(this.value)}focusHandler(){this.autoFormatter.updateSelection(),this.focused=!0,this.selectAllOnFocus&&this.input.setSelectionRange(0,this.input.value.length),o("scw-focus",this)}blurHandler(){this.autoFormatter.autoFormatFinish(this.value),this.focused=!1,o("scw-blur",this)}valueChangeHandler(){o("scw-value-change",this,{value:this.value,name:this.name,valueDisplayed:this.valueDisplayed})}invalidHandler(v){v.preventDefault()}render(){return i`
+}
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3Njdy1kZXNpZ24tc3lzdGVtLXdlYi9zY3ctZGVzaWduLXN5c3RlbS1tb25vL3NjdS13ZWItY29tcG9uZW50cy9zcmMvc2N3LWlucHV0LWZpZWxkL3Njc3MiLCJzb3VyY2VzIjpbInNjdy1pbnB1dC1maWVsZC5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctaW5wdXQtdGV4dC1iYXNlL19wbGFjZWhvbGRlci10ZXh0LW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctaW5wdXQtdGV4dC1iYXNlL19kZWZhdWx0LXRleHQtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1pbnB1dC10ZXh0LWJhc2UvX2Rpc2FibGVkLXRleHQtbWl4aW5zLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUUE7RUFHRTtFQUNBOztBQUVBO0VDUkE7RUFDQTtFQUlFO0VES0E7RUFRQTtFQUNBO0VBQVE7RUFDUjtFQUVBO0VBQ0E7RUFFQTtFQUNBOztBQUlGO0VFOUJBO0VBQ0E7RUFJRTtFRjRCQTtFQUNBO0VBRUE7RUFRQTtFQUNBO0VBQ0E7RUFFQTtFQUNBOztBQUdGO0VBQ0U7OztBQUtGO0VHMURBO0VBQ0E7RUFJRSJ9 */`;var t=class extends n{constructor(){super();this.name="";this.value="";this.type="text";this.readOnly=!1;this.focused=!1;this.selectAllOnFocus=!1;this.inputmode="text";this.autoCapitalize="none";this.autoComplete="on";this.autoCorrect="off";this.autoFocus=!1;this.valueDisplayed="";this.element="input-field",this.autoFormatter=new l(this)}static get styles(){return[super.styles,m]}valueHandler(){this._formatValue()}_formatValue(){this.value!==this.lastFormattedValue&&(this.lastFormattedValue=this.value,this.autoFormatter.autoFormat(this.value),this.autoFormatter.autoFormatFinish(this.value))}handleChange(){this.value=this.input.value,this._formatValue(),this.valueChangeHandler()}handleInteraction(){this.autoFormatter.updateSelection()}connectedCallback(){super.connectedCallback(),this.autoFormatter=new l(this),this.autoFormatter.autoFormat(this.value),this.autoFormatter.autoFormatFinish(this.value)}focusHandler(){this.autoFormatter.updateSelection(),this.focused=!0,this.selectAllOnFocus&&this.input.setSelectionRange(0,this.input.value.length),i("scw-focus",this)}blurHandler(){this.autoFormatter.autoFormatFinish(this.value),this.focused=!1,i("scw-blur",this)}valueChangeHandler(){i("scw-value-change",this,{value:this.value,name:this.name,valueDisplayed:this.valueDisplayed})}invalidHandler(v){v.preventDefault()}render(){return o`
       <!--label>${this.name}</label-->
       <input
         aria-label="${this.name}"
@@ -59,10 +60,10 @@ import{a as u}from"../chunks/chunk.RQ2STTXL.js";import{a as h,b as p,c as m}from
         @blur=${this.blurHandler}
         @invalid=${this.invalidHandler}>
       </input>
-      ${this.value?"":i`
+      ${this.value?"":o`
         <div class="placeholder">
           ${this.placeholder}
         </div>`}
       
-    `}};e([a({type:String})],t.prototype,"name",2),e([a({type:String})],t.prototype,"value",2),e([a({type:c})],t.prototype,"type",2),e([a({type:Boolean,attribute:"readonly"})],t.prototype,"readOnly",2),e([a({type:Boolean,reflect:!0})],t.prototype,"focused",2),e([a({type:Boolean,attribute:"select-all-on-focus"})],t.prototype,"selectAllOnFocus",2),e([a({type:String})],t.prototype,"inputmode",2),e([a({type:String,attribute:"aria-disabled"})],t.prototype,"ariaDisabled",2),e([a({type:h,attribute:"autocapitalize"})],t.prototype,"autoCapitalize",2),e([a({type:p,attribute:"autocomplete"})],t.prototype,"autoComplete",2),e([a({type:m,attribute:"autocorrect"})],t.prototype,"autoCorrect",2),e([a({type:Boolean,attribute:"autofocus"})],t.prototype,"autoFocus",2),e([a({type:String})],t.prototype,"placeholder",2),e([l("input")],t.prototype,"input",2),e([u("value")],t.prototype,"valueHandler",1);export{t as default};
+    `}};e([a({type:String})],t.prototype,"name",2),e([a({type:String})],t.prototype,"value",2),e([a({type:c})],t.prototype,"type",2),e([a({type:Boolean,attribute:"readonly"})],t.prototype,"readOnly",2),e([a({type:Boolean,reflect:!0})],t.prototype,"focused",2),e([a({type:Boolean,attribute:"select-all-on-focus"})],t.prototype,"selectAllOnFocus",2),e([a({type:String})],t.prototype,"inputmode",2),e([a({type:p,attribute:"autocapitalize"})],t.prototype,"autoCapitalize",2),e([a({type:h,attribute:"autocomplete"})],t.prototype,"autoComplete",2),e([a({type:d,attribute:"autocorrect"})],t.prototype,"autoCorrect",2),e([a({type:Boolean,attribute:"autofocus"})],t.prototype,"autoFocus",2),e([a({type:String})],t.prototype,"placeholder",2),e([r("input")],t.prototype,"input",2),e([u("value")],t.prototype,"valueHandler",1);export{t as default};
 //# sourceMappingURL=scw-input-field.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["sass-plugin-0:/Users/scottrouse/Workspace/scw-design-system-web/scw-design-system-mono/scu-web-components/src/scw-input-field/scss/scw-input-field.scss", "../../src/scw-input-field/scw-input-field.ts"],
-  "sourcesContent": ["import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host {\n  position: relative;\n  display: block;\n}\n:host .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  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 1;\n  min-height: var(--scw-min-height, 32px);\n  box-sizing: border-box;\n  display: flex;\n  align-items: flex-end;\n}\n:host input {\n  text-align: LEFT;\n  font: var(--scw-type-text-04-font);\n  color: var(--scw-color-grey-02);\n  border: none;\n  background-color: rgba(0, 0, 0, 0);\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: 100%;\n  box-sizing: border-box;\n  min-height: var(--scw-min-height, 32px);\n  position: relative;\n  z-index: 2;\n}\n:host input:focus, :host input:focus-visible {\n  outline: none;\n}\n\n:host([aria-disabled=true]) input {\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';\nimport {property, query} from 'lit/decorators.js';\nimport ScwComponent from '../scw-component/ScwComponent';\nimport {Components} from '../utils/enums/Components';\nimport styles from './scss/scw-input-field.scss';\nimport {watch} from '../utils/watch';\nimport AutoFormatter from './autoformatters/autoFormat';\nimport {InputTypes} from './inputTypes';\nimport {emit, ScwEvents} from '../utils/events/event';\nimport {\n  AutoCaptializeValues,\n  AutoCompleteValues,\n  AutoCorrectValues,\n} from '../utils/formEnums';\n\n/**\n * ScwInputField\n * @class\n * @tag scw-input-field\n * @status new\n * @since 0.0.4\n *\n * @cssprop --scw-input-padding Adding padding this way will grow the input's\n * hit area.\n * @cssprop --min-height Makes sure that the input fits within your default\n * size\n *\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 ScwInputField extends ScwComponent {\n  /**\n  * styles\n  */\n   static get styles() {\n    return [\n      super.styles,\n      styles,\n    ];\n  }\n\n  /** (ScwInputField) name to identify form element and attach data */\n  @property({type: String})\n    name: string = '';\n\n  /** (ScwInputField) name to identify form element and attach data */\n  @property({type: String})\n    value: string = '';\n\n  /** (ScwInputField) type of input field */\n  @property({type: InputTypes})\n    type: InputTypes = InputTypes.text;\n\n  /** (ScwInputField) read-only status */\n  @property({type: Boolean, attribute: 'readonly'})\n    readOnly: boolean = false;\n\n  /** (ScwInputField) More of a state, element is focused */\n  @property({type: Boolean, reflect: true})\n    focused: boolean = false;\n\n  /** (ScwInputField) entire input string will be selected on focus */\n  @property({type: Boolean, attribute: 'select-all-on-focus'})\n    selectAllOnFocus: boolean = false;\n\n  /** Tells browser what keyboard to use */\n  @property({type: String}) inputmode: string = 'text';\n\n  /** disable textfield or not */\n  @property({type: String, attribute: 'aria-disabled'})\n    ariaDisabled: string = 'false';\n\n  /** (ScwInputField) automatically capitalize input */\n  @property({type: AutoCaptializeValues, attribute: 'autocapitalize'})\n    autoCapitalize: AutoCaptializeValues = AutoCaptializeValues.default;\n\n  /** (ScwInputField) automatically completes input */\n  @property({type: AutoCompleteValues, attribute: 'autocomplete'})\n    autoComplete: AutoCompleteValues = AutoCompleteValues.default;\n\n  /** (ScwInputField) automatically correct input */\n  @property({type: AutoCorrectValues, attribute: 'autocorrect'})\n    autoCorrect: AutoCorrectValues = AutoCorrectValues.default;\n\n  /** (ScwInputField) automatically focus input */\n  @property({type: Boolean, attribute: 'autofocus'})\n    autoFocus: boolean = false;\n\n  /** placeholder text */\n  @property({type: String})\n    placeholder: string | undefined;\n\n  // ===========================================================================\n\n  @query('input')\n    input!: HTMLInputElement;\n\n  /** valueDisplayed */\n  valueDisplayed : string = '';\n\n  /** autoFormatter */\n  autoFormatter : AutoFormatter;\n\n  lastFormattedValue : string | undefined;\n\n  /**\n  * watch value\n  * @param {string} oldValue\n  * @param {string} newValue\n  */\n  @watch('value')\n  valueHandler() {// oldValue: string, newValue: string) {\n    this._formatValue();\n  }\n\n  /**\n  * Formats value\n  */\n  _formatValue() {\n    if ( this.value !== this.lastFormattedValue) {\n      this.lastFormattedValue = this.value;\n      this.autoFormatter.autoFormat(this.value);\n      this.autoFormatter.autoFormatFinish(this.value);\n    }\n  }\n\n  /**\n  * handleChange\n  * @param {Event} evt\n  */\n  handleChange() {\n    this.value = this.input.value;\n    this._formatValue();\n    this.valueChangeHandler();\n  }\n\n  /** handleInteraction */\n  handleInteraction() {\n    this.autoFormatter.updateSelection();\n  }\n\n  /** constructor */\n  constructor() {\n    super();\n    this.element = Components.inputField;\n    this.autoFormatter = new AutoFormatter(this);\n  }\n\n  /** connectedCallback */\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.autoFormatter = new AutoFormatter(this);\n    this.autoFormatter.autoFormat(this.value);\n    this.autoFormatter.autoFormatFinish(this.value);\n  }\n\n  /** focusHandler */\n  focusHandler() {\n    this.autoFormatter.updateSelection();\n    this.focused = true;\n    if (this.selectAllOnFocus) {\n      this.input.setSelectionRange(0, this.input.value.length);\n    }\n    emit(\n      ScwEvents.focus,\n      this,\n    );\n  }\n\n  /** blurHandler */\n  blurHandler() {\n    this.autoFormatter.autoFormatFinish(this.value);\n    this.focused = false;\n    emit(\n      ScwEvents.blur,\n      this,\n    );\n  }\n\n  /** valueChangeHandler */\n  valueChangeHandler() {\n    emit(\n      ScwEvents.valueChange,\n      this,\n      {\n        value: this.value,\n        name: this.name,\n        // selected: false,\n        valueDisplayed: this.valueDisplayed,\n      },\n    );\n  }\n\n  /**\n  * invalidHandler\n  * @param {Event} e\n  */\n  invalidHandler(e:Event) {\n    e.preventDefault();\n  }\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n  render(): object {\n    return html`\n      <!--label>${this.name}</label-->\n      <input\n        aria-label=\"${this.name}\"\n        name=\"${this.name}\"\n        .value=\"${this.valueDisplayed}\"\n        ?readonly=\"${this.readOnly}\"\n        type=\"${this.type === InputTypes.password ? 'password' : 'text'}\"\n        inputmode=\"${this.inputmode}\"\n        ?disabled=\"${this.ariaDisabled === 'true' ? true : false}\"\n        autocapitalize=\"${this.autoCapitalize}\"\n        autocomplete=\"${this.autoComplete}\"\n        autocorrect=\"${this.autoCorrect}\"\n        ?autofocus=\"${this.autoFocus}\"\n        @input=${this.handleChange}\n        @keyup=${this.handleInteraction}\n        @click=${this.handleInteraction}\n        @focus=${this.focusHandler}\n        @blur=${this.blurHandler}\n        @invalid=${this.invalidHandler}>\n      </input>\n      ${this.value ? '' : html`\n        <div class=\"placeholder\">\n          ${this.placeholder}\n        </div>`}\n      \n    `;\n  }\n}\n/*\n<!--\n  class=\"input\"\n  aria-label={this.label}\n  role={this.inputRole}\n  size={this.size}\n\n  maxlength={this.maxlength}\n    /-->*/\n"],
-  "mappings": "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",
-  "names": []
+  "sources": ["../../src/scw-input-field/scss/scw-input-field.scss", "../../src/scw-input-field/scw-input-field.ts"],
+  "sourcesContent": ["import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host {\n  position: relative;\n  display: block;\n}\n:host .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  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 1;\n  min-height: var(--scw-min-height, 32px);\n  box-sizing: border-box;\n  display: flex;\n  align-items: flex-end;\n}\n:host input {\n  text-align: LEFT;\n  font: var(--scw-type-text-04-font);\n  color: var(--scw-color-grey-02);\n  border: none;\n  background-color: rgba(0, 0, 0, 0);\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: 100%;\n  box-sizing: border-box;\n  min-height: var(--scw-min-height, 32px);\n  position: relative;\n  z-index: 2;\n}\n:host input:focus, :host input:focus-visible {\n  outline: none;\n}\n\n:host([aria-disabled=true]) input {\n  text-align: LEFT;\n  font: var(--scw-type-text-04-font);\n  color: var(--scw-color-grey-07);\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3Njdy1kZXNpZ24tc3lzdGVtLXdlYi9zY3ctZGVzaWduLXN5c3RlbS1tb25vL3NjdS13ZWItY29tcG9uZW50cy9zcmMvc2N3LWlucHV0LWZpZWxkL3Njc3MiLCJzb3VyY2VzIjpbInNjdy1pbnB1dC1maWVsZC5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctaW5wdXQtdGV4dC1iYXNlL19wbGFjZWhvbGRlci10ZXh0LW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctaW5wdXQtdGV4dC1iYXNlL19kZWZhdWx0LXRleHQtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1pbnB1dC10ZXh0LWJhc2UvX2Rpc2FibGVkLXRleHQtbWl4aW5zLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUUE7RUFHRTtFQUNBOztBQUVBO0VDUkE7RUFDQTtFQUlFO0VES0E7RUFRQTtFQUNBO0VBQVE7RUFDUjtFQUVBO0VBQ0E7RUFFQTtFQUNBOztBQUlGO0VFOUJBO0VBQ0E7RUFJRTtFRjRCQTtFQUNBO0VBRUE7RUFRQTtFQUNBO0VBQ0E7RUFFQTtFQUNBOztBQUdGO0VBQ0U7OztBQUtGO0VHMURBO0VBQ0E7RUFJRSJ9 */`;\n", "import {html} from 'lit';\nimport {property, query} from 'lit/decorators.js';\nimport ScwComponent from '../scw-component/ScwComponent';\nimport {Components} from '../utils/enums/Components';\nimport styles from './scss/scw-input-field.scss';\nimport {watch} from '../utils/watch';\nimport AutoFormatter from './autoformatters/autoFormat';\nimport {InputTypes} from './inputTypes';\nimport {emit, ScwEvents} from '../utils/events/event';\nimport {\n  AutoCaptializeValues,\n  AutoCompleteValues,\n  AutoCorrectValues,\n} from '../utils/formEnums';\n\n/**\n * ScwInputField\n * @class\n * @tag scw-input-field\n * @status new\n * @since 0.0.4\n *\n * @cssprop --scw-input-padding Adding padding this way will grow the input's\n * hit area.\n * @cssprop --min-height Makes sure that the input fits within your default\n * size\n *\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 ScwInputField extends ScwComponent {\n  /**\n  * styles\n  */\n   static get styles() {\n    return [\n      super.styles,\n      styles,\n    ];\n  }\n\n  /** (ScwInputField) name to identify form element and attach data */\n  @property({type: String})\n    name: string = '';\n\n  /** (ScwInputField) name to identify form element and attach data */\n  @property({type: String})\n    value: string = '';\n\n  /** (ScwInputField) type of input field */\n  @property({type: InputTypes})\n    type: InputTypes = InputTypes.text;\n\n  /** (ScwInputField) read-only status */\n  @property({type: Boolean, attribute: 'readonly'})\n    readOnly: boolean = false;\n\n  /** (ScwInputField) More of a state, element is focused */\n  @property({type: Boolean, reflect: true})\n    focused: boolean = false;\n\n  /** (ScwInputField) entire input string will be selected on focus */\n  @property({type: Boolean, attribute: 'select-all-on-focus'})\n    selectAllOnFocus: boolean = false;\n\n  /** Tells browser what keyboard to use */\n  @property({type: String}) inputmode: string = 'text';\n\n  /** (ScwInputField) automatically capitalize input */\n  @property({type: AutoCaptializeValues, attribute: 'autocapitalize'})\n    autoCapitalize: AutoCaptializeValues = AutoCaptializeValues.default;\n\n  /** (ScwInputField) automatically completes input */\n  @property({type: AutoCompleteValues, attribute: 'autocomplete'})\n    autoComplete: AutoCompleteValues = AutoCompleteValues.default;\n\n  /** (ScwInputField) automatically correct input */\n  @property({type: AutoCorrectValues, attribute: 'autocorrect'})\n    autoCorrect: AutoCorrectValues = AutoCorrectValues.default;\n\n  /** (ScwInputField) automatically focus input */\n  @property({type: Boolean, attribute: 'autofocus'})\n    autoFocus: boolean = false;\n\n  /** placeholder text */\n  @property({type: String})\n    placeholder: string | undefined;\n\n  // ===========================================================================\n\n  @query('input')\n    input!: HTMLInputElement;\n\n  /** valueDisplayed */\n  valueDisplayed : string = '';\n\n  /** autoFormatter */\n  autoFormatter : AutoFormatter;\n\n  lastFormattedValue : string | undefined;\n\n  /**\n  * watch value\n  * @param {string} oldValue\n  * @param {string} newValue\n  */\n  @watch('value')\n  valueHandler() {// oldValue: string, newValue: string) {\n    this._formatValue();\n  }\n\n  /**\n  * Formats value\n  */\n  _formatValue() {\n    if ( this.value !== this.lastFormattedValue) {\n      this.lastFormattedValue = this.value;\n      this.autoFormatter.autoFormat(this.value);\n      this.autoFormatter.autoFormatFinish(this.value);\n    }\n  }\n\n  /**\n  * handleChange\n  * @param {Event} evt\n  */\n  handleChange() {\n    this.value = this.input.value;\n    this._formatValue();\n    this.valueChangeHandler();\n  }\n\n  /** handleInteraction */\n  handleInteraction() {\n    this.autoFormatter.updateSelection();\n  }\n\n  /** constructor */\n  constructor() {\n    super();\n    this.element = Components.inputField;\n    this.autoFormatter = new AutoFormatter(this);\n  }\n\n  /** connectedCallback */\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.autoFormatter = new AutoFormatter(this);\n    this.autoFormatter.autoFormat(this.value);\n    this.autoFormatter.autoFormatFinish(this.value);\n  }\n\n  /** focusHandler */\n  focusHandler() {\n    this.autoFormatter.updateSelection();\n    this.focused = true;\n    if (this.selectAllOnFocus) {\n      this.input.setSelectionRange(0, this.input.value.length);\n    }\n    emit(\n      ScwEvents.focus,\n      this,\n    );\n  }\n\n  /** blurHandler */\n  blurHandler() {\n    this.autoFormatter.autoFormatFinish(this.value);\n    this.focused = false;\n    emit(\n      ScwEvents.blur,\n      this,\n    );\n  }\n\n  /** valueChangeHandler */\n  valueChangeHandler() {\n    emit(\n      ScwEvents.valueChange,\n      this,\n      {\n        value: this.value,\n        name: this.name,\n        // selected: false,\n        valueDisplayed: this.valueDisplayed,\n      },\n    );\n  }\n\n  /**\n  * invalidHandler\n  * @param {Event} e\n  */\n  invalidHandler(e:Event) {\n    e.preventDefault();\n  }\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n  render(): object {\n    return html`\n      <!--label>${this.name}</label-->\n      <input\n        aria-label=\"${this.name}\"\n        name=\"${this.name}\"\n        .value=\"${this.valueDisplayed}\"\n        ?readonly=\"${this.readOnly}\"\n        type=\"${this.type === InputTypes.password ? 'password' : 'text'}\"\n        inputmode=\"${this.inputmode}\"\n        ?disabled=\"${this.ariaDisabled === 'true' ? true : false}\"\n        autocapitalize=\"${this.autoCapitalize}\"\n        autocomplete=\"${this.autoComplete}\"\n        autocorrect=\"${this.autoCorrect}\"\n        ?autofocus=\"${this.autoFocus}\"\n        @input=${this.handleChange}\n        @keyup=${this.handleInteraction}\n        @click=${this.handleInteraction}\n        @focus=${this.focusHandler}\n        @blur=${this.blurHandler}\n        @invalid=${this.invalidHandler}>\n      </input>\n      ${this.value ? '' : html`\n        <div class=\"placeholder\">\n          ${this.placeholder}\n        </div>`}\n      \n    `;\n  }\n}\n/*\n<!--\n  class=\"input\"\n  aria-label={this.label}\n  role={this.inputRole}\n  size={this.size}\n\n  maxlength={this.maxlength}\n    /-->*/\n"],
+  "mappings": "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",
+  "names": ["scw_input_field_default", "r", "ScwInputField", "ScwComponent", "AutoFormatter", "scw_input_field_default", "emit", "e", "$", "__decorateClass", "InputTypes", "AutoCaptializeValues", "AutoCompleteValues", "AutoCorrectValues", "i", "watch"]
 }

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

@@ -1,4 +1,4 @@
-import{a as e,b as o,e as s}from"../chunks/chunk.3GVGAXLL.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 t}from"../chunks/chunk.5YJY6NT6.js";var l=e`
+import{a as r,b as c,e as o}from"../chunks/chunk.44PMNKPK.js";import"../chunks/chunk.NGL6WE6V.js";import"../chunks/chunk.J5OGWB43.js";import"../chunks/chunk.TC4A7NX7.js";import"../chunks/chunk.2WX7XMLC.js";import"../chunks/chunk.33FSL7Y7.js";import"../chunks/chunk.KVCUHP7N.js";import"../chunks/chunk.XDWCNUEB.js";import{a as l}from"../chunks/chunk.IHVBWZ57.js";import"../chunks/chunk.3DNJZ75B.js";import{g as i}from"../chunks/chunk.5YJY6NT6.js";var a=r`
 :host {
   background-color: rgba(0, 0, 0, 0);
   align-self: stretch;
@@ -115,8 +115,9 @@ import{a as e,b as o,e as s}from"../chunks/chunk.3GVGAXLL.js";import"../chunks/c
 
 ::slotted(*) {
   width: 100%;
-}`;var r=class extends s{constructor(){super();this.hideLabel=!1;this.hideFeedback=!1;this.element="input-layout"}static get styles(){return[super.styles,l]}render(){return i`
-      ${this.hideLabel?"":i`
+}
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3Njdy1kZXNpZ24tc3lzdGVtLXdlYi9zY3ctZGVzaWduLXN5c3RlbS1tb25vL3NjdS13ZWItY29tcG9uZW50cy9zcmMvc2N3LWlucHV0LWxheW91dC9zY3NzIiwic291cmNlcyI6WyJzY3ctaW5wdXQuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWlucHV0L19sYWJlbC1mZWVkYmFjay1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWlucHV0L19sYWJlbC1mZWVkYmFjay1pbnB1dC1sYWJlbC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWlucHV0LWxhYmVsLWJhc2UvX2RlZmF1bHQtc2N3LWlucHV0LWxhYmVsLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctaW5wdXQvX2xhYmVsLWZlZWRiYWNrLWlucHV0LWZpZWxkLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctaW5wdXQvX2xhYmVsLWZlZWRiYWNrLWlucHV0LWZlZWRiYWNrLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctaW5wdXQtZmVlZGJhY2stYmFzZS9fZGVmYXVsdC1zY3ctaW5wdXQtZmVlZGJhY2stbWl4aW5zLnNjc3MiLCJzY3ctaW5wdXQtZmllbGQuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWlucHV0LWZpZWxkL19yaWdodC1pY29uLXJpZ2h0LWljb24tMi1jb250ZW50LW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctaW5wdXQtZmllbGQvX3JpZ2h0LWljb24tcmlnaHQtaWNvbi0yLWNvbnRlbnQtaW5wdXQtdGV4dC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWlucHV0LWZpZWxkL19yaWdodC1pY29uLXJpZ2h0LWljb24tMi1jb250ZW50LXJpZ2h0LWljb24tMi1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWlucHV0LWZpZWxkL19yaWdodC1pY29uLXJpZ2h0LWljb24tMi1jb250ZW50LXJpZ2h0LWljb24tbWl4aW5zLnNjc3MiLCJzY3ctaW5wdXQtZmllbGQtYmcuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWlucHV0LWZpZWxkLWJnL19kZWZhdWx0LW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctaW5wdXQtZmllbGQtYmcvX2Rpc2FibGVkLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctaW5wdXQtZmllbGQtYmcvX2ludmFsaWQtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1pbnB1dC1maWVsZC1iZy9fZm9jdXNlZC1taXhpbnMuc2NzcyIsInNjdy1pbnB1dC1sYXlvdXQuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRQTtFQ0VJO0VBRUY7RUF3QkE7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFDQTtFQUNNO0VBQ0E7O0FEbENOO0VFRkU7RUFFRjtFQ05BO0VBQ0E7RUFJRTs7QUhNRjtFSVBFO0VBRUY7RUFDQTtFQUNBOztBSk9BO0VLWEU7RUFFRjtFQ05BO0VBQ0E7RUFFRTs7O0FDREY7RUNFRTtFQXlCRjtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUNBO0VBQ007RUFDQTs7QURqQ0o7RUVGQTtFQUVGO0VBQ0E7RUF3QkE7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFRjdCSTs7QUU4Qko7RUFDTTtFQUNBOztBRjdCSjtFR1JBOztBSFlBO0VJWkE7OztBQ0ZGO0VDRUU7RUFFRjtFQUNBO0VBQ0E7RUFJRTtFQUVGOzs7QUROQTtFRUpFO0VBRUY7RUFDQTtFQUNBO0VBSUU7RUFFRjs7O0FGQUE7RUdWRTtFQUVGO0VBQ0E7RUFDQTtFQUVFO0VBSUY7OztBSE1BO0VJaEJFO0VBRUY7RUFDQTtFQUNBO0VBSUU7RUFFRjtFQUNBOzs7QUNmRjtFQUNFIn0= */`;var t=class extends o{constructor(){super();this.hideLabel=!1;this.hideFeedback=!1;this.element="input-layout"}static get styles(){return[super.styles,a]}render(){return l`
+      ${this.hideLabel?"":l`
             <div class="input-label">
               ${this.label}
             </div>`}
@@ -124,7 +125,7 @@ import{a as e,b as o,e as s}from"../chunks/chunk.3GVGAXLL.js";import"../chunks/c
         <div class="input-text">
           <slot></slot>
         </div>
-        ${this.right2Icon?i`
+        ${this.right2Icon?l`
             <scw-icon
               class="right-icon-2"
               .icon="${this.right2Icon}"
@@ -132,7 +133,7 @@ import{a as e,b as o,e as s}from"../chunks/chunk.3GVGAXLL.js";import"../chunks/c
               aria-label="Clear Input"
               link>
             </scw-icon>`:""}
-        ${this.rightIcon?i`
+        ${this.rightIcon?l`
             <scw-icon
               class="right-icon"
               .icon="${this.rightIcon}"
@@ -141,9 +142,9 @@ import{a as e,b as o,e as s}from"../chunks/chunk.3GVGAXLL.js";import"../chunks/c
               link>
             </scw-icon>`:""}
       </div>
-      ${this.hideFeedback?"":i`
+      ${this.hideFeedback?"":l`
             <div class="input-feedback">
               ${this.feedback}&nbsp;
             </div>`}
-    `}};t([o({type:String})],r.prototype,"label",2),t([o({type:String})],r.prototype,"feedback",2),t([o({type:String,attribute:"hide-label"})],r.prototype,"hideLabel",2),t([o({type:String,attribute:"hide-feedback"})],r.prototype,"hideFeedback",2),t([o({type:String,attribute:"right-icon"})],r.prototype,"rightIcon",2),t([o({type:String,attribute:"right-2-icon"})],r.prototype,"right2Icon",2);export{r as default};
+    `}};i([c({type:String})],t.prototype,"label",2),i([c({type:String})],t.prototype,"feedback",2),i([c({type:String,attribute:"hide-label"})],t.prototype,"hideLabel",2),i([c({type:String,attribute:"hide-feedback"})],t.prototype,"hideFeedback",2),i([c({type:String,attribute:"right-icon"})],t.prototype,"rightIcon",2),i([c({type:String,attribute:"right-2-icon"})],t.prototype,"right2Icon",2);export{t as default};
 //# sourceMappingURL=scw-input-layout.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["sass-plugin-0:/Users/scottrouse/Workspace/scw-design-system-web/scw-design-system-mono/scu-web-components/src/scw-input-layout/scss/scw-input-layout.scss", "../../src/scw-input-layout/scw-input-layout.ts"],
-  "sourcesContent": ["import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host {\n  background-color: rgba(0, 0, 0, 0);\n  align-self: stretch;\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 > *:not(:last-child) {\n  margin-bottom: calc(var(--scw-spacing-1) * 0.6);\n  --margin-bottom: calc( var( --scw-spacing-1 ) * 0.6 );\n}\n:host .input-label {\n  background-color: rgba(0, 0, 0, 0);\n  align-self: stretch;\n  text-align: LEFT;\n  font: var(--scw-type-text-font);\n  color: var(--scw-color-grey-02);\n}\n:host .input-field {\n  background-color: rgba(0, 0, 0, 0);\n  border-radius: 6px 6px 6px 6px;\n  align-self: stretch;\n  flex: 1;\n}\n:host .input-feedback {\n  background-color: rgba(0, 0, 0, 0);\n  align-self: stretch;\n  text-align: LEFT;\n  font: var(--scw-type-text-04-font);\n  color: var(--scw-color, var(--scw-color-error));\n}\n\n:host .input-field {\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: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}\n:host .input-field > *:not(:last-child) {\n  margin-right: 0px;\n  --margin-right: 0px;\n}\n:host .input-field .input-text {\n  background-color: rgba(0, 0, 0, 0);\n  align-self: stretch;\n  flex: 1;\n  display: flex;\n  flex-flow: column nowrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n  padding-left: calc(var(--scw-spacing-1) * 1.5);\n  padding-right: calc(var(--scw-spacing-1) * 1.5);\n  padding-top: calc(var(--scw-spacing-1) * 0.8);\n  padding-bottom: calc(var(--scw-spacing-1) * 0.8);\n  padding: 0;\n}\n:host .input-field .input-text > *:not(:last-child) {\n  margin-bottom: var(--scw-spacing-1);\n  --margin-bottom: var( --scw-spacing-1 );\n}\n:host .input-field .right-icon-2 {\n  background-color: rgba(0, 0, 0, 0);\n}\n:host .input-field .right-icon {\n  background-color: rgba(0, 0, 0, 0);\n}\n\n:host .input-field {\n  background-color: var(--scw-color-grey-095);\n  border-radius: 6px 6px 6px 6px;\n  border-width: 2px;\n  border-style: solid;\n  border-color: var(--scw-color-grey-09);\n  align-self: stretch;\n}\n\n:host([aria-disabled=true]) .input-field {\n  background-color: var(--scw-color-grey-092);\n  border-radius: 6px 6px 6px 6px;\n  border-width: 2px;\n  border-style: solid;\n  border-color: var(--scw-color-grey-09);\n  align-self: stretch;\n}\n\n:host([invalid]) .input-field {\n  background-color: var(--scw-color-grey-095);\n  border-radius: 6px 6px 6px 6px;\n  border-width: 2px;\n  border-style: solid;\n  border-color: var(--scw-color, var(--scw-color-error));\n  align-self: stretch;\n}\n\n:host([focused]) .input-field {\n  background-color: var(--scw-color-grey-095);\n  border-radius: 6px 6px 6px 6px;\n  border-width: 2px;\n  border-style: solid;\n  border-color: var(--scw-color-grey-08);\n  box-shadow: var(--scw-effect-focus-shadow);\n  align-self: stretch;\n}\n\n::slotted(*) {\n  width: 100%;\n}`;\n", "import {html} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport ScwComponent from '../scw-component/ScwComponent';\nimport {Components} from '../utils/enums/Components';\nimport styles from './scss/scw-input-layout.scss';\n\n/**\n * ScwInputLayout\n * @class\n * @tag scw-input-layout\n * @status new\n * @since 0.0.4\n *\n */\nexport default class ScwInputLayout 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.inputLayout;\n  }\n\n  // ============== ScwInputLayout =============================================\n  /** (ScwInputLayout) the text to use for the label */\n  @property({type: String})\n    label: string | undefined;\n\n  /** (ScwInputLayout) the text to use for feedback */\n  @property({type: String})\n    feedback: string | undefined;\n\n  /** (ScwInputLayout) hides the main label */\n  @property({type: String, attribute: 'hide-label'})\n  hideLabel: boolean = false;\n\n  /** (ScwInputLayout) hides the feedback label */\n  @property({type: String, attribute: 'hide-feedback'})\n  hideFeedback: boolean = false;\n\n  /** (ScwInputLayout) shows first right icon and determines the icon svg. */\n  @property({type: String, attribute: 'right-icon'})\n   rightIcon: string | undefined;\n\n  /** (ScwInputLayout) shows second right icon and determines the icon svg. */\n  @property({type: String, attribute: 'right-2-icon'})\n    right2Icon: string | undefined;\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n  render(): object {\n    return html`\n      ${!this.hideLabel ?\n    html`\n            <div class=\"input-label\">\n              ${this.label}\n            </div>` : ''}\n      <div class=\"input-field\">\n        <div class=\"input-text\">\n          <slot></slot>\n        </div>\n        ${this.right2Icon ?\n    html`\n            <scw-icon\n              class=\"right-icon-2\"\n              .icon=\"${this.right2Icon}\"\n              size=\"32\"\n              aria-label=\"Clear Input\"\n              link>\n            </scw-icon>` : '' }\n        ${this.rightIcon ?\n    html`\n            <scw-icon\n              class=\"right-icon\"\n              .icon=\"${this.rightIcon}\"\n              size=\"32\"\n              aria-label=\"Show Password\"\n              link>\n            </scw-icon>` : '' }\n      </div>\n      ${!this.hideFeedback ?\n    html`\n            <div class=\"input-feedback\">\n              ${this.feedback}&nbsp;\n            </div>` : ''}\n    `;\n  }\n}\n\n"],
-  "mappings": "8bACA,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;GCaf,mBAA4C,EAAa,CAYvD,aAAc,CACZ,MAAM,EAeR,eAAqB,GAIrB,kBAAwB,GAlBtB,KAAK,QAAU,cACjB,WAXY,SAAS,CACnB,MAAO,CACL,MAAM,OACN,CACF,CACF,CAqCA,QAAiB,CACf,MAAO;AAAA,QACH,AAAC,KAAK,UAIQ,GAHlB;AAAA;AAAA,gBAEY,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAMX,KAAK,WACX;AAAA;AAAA;AAAA,uBAGmB,KAAK;AAAA;AAAA;AAAA;AAAA,yBAID;AAAA,UACjB,KAAK,UACX;AAAA;AAAA;AAAA,uBAGmB,KAAK;AAAA;AAAA;AAAA;AAAA,yBAID;AAAA;AAAA,QAEnB,AAAC,KAAK,aAIQ,GAHlB;AAAA;AAAA,gBAEY,KAAK;AAAA;AAAA,KAGnB,CACF,EA/DI,GADF,AAAC,EAAS,CAAC,KAAM,MAAM,CAAC,GACtB,AApBJ,EAoBI,qBAIA,GADF,AAAC,EAAS,CAAC,KAAM,MAAM,CAAC,GACtB,AAxBJ,EAwBI,wBAIF,GADA,AAAC,EAAS,CAAC,KAAM,OAAQ,UAAW,YAAY,CAAC,GACjD,AA5BF,EA4BE,yBAIA,GADA,AAAC,EAAS,CAAC,KAAM,OAAQ,UAAW,eAAe,CAAC,GACpD,AAhCF,EAgCE,4BAIC,GADD,AAAC,EAAS,CAAC,KAAM,OAAQ,UAAW,YAAY,CAAC,GAChD,AApCH,EAoCG,yBAIC,GADF,AAAC,EAAS,CAAC,KAAM,OAAQ,UAAW,cAAc,CAAC,GACjD,AAxCJ,EAwCI",
-  "names": []
+  "sources": ["../../src/scw-input-layout/scss/scw-input-layout.scss", "../../src/scw-input-layout/scw-input-layout.ts"],
+  "sourcesContent": ["import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host {\n  background-color: rgba(0, 0, 0, 0);\n  align-self: stretch;\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 > *:not(:last-child) {\n  margin-bottom: calc(var(--scw-spacing-1) * 0.6);\n  --margin-bottom: calc( var( --scw-spacing-1 ) * 0.6 );\n}\n:host .input-label {\n  background-color: rgba(0, 0, 0, 0);\n  align-self: stretch;\n  text-align: LEFT;\n  font: var(--scw-type-text-font);\n  color: var(--scw-color-grey-02);\n}\n:host .input-field {\n  background-color: rgba(0, 0, 0, 0);\n  border-radius: 6px 6px 6px 6px;\n  align-self: stretch;\n  flex: 1;\n}\n:host .input-feedback {\n  background-color: rgba(0, 0, 0, 0);\n  align-self: stretch;\n  text-align: LEFT;\n  font: var(--scw-type-text-04-font);\n  color: var(--scw-color, var(--scw-color-error));\n}\n\n:host .input-field {\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: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}\n:host .input-field > *:not(:last-child) {\n  margin-right: 0px;\n  --margin-right: 0px;\n}\n:host .input-field .input-text {\n  background-color: rgba(0, 0, 0, 0);\n  align-self: stretch;\n  flex: 1;\n  display: flex;\n  flex-flow: column nowrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n  padding-left: calc(var(--scw-spacing-1) * 1.5);\n  padding-right: calc(var(--scw-spacing-1) * 1.5);\n  padding-top: calc(var(--scw-spacing-1) * 0.8);\n  padding-bottom: calc(var(--scw-spacing-1) * 0.8);\n  padding: 0;\n}\n:host .input-field .input-text > *:not(:last-child) {\n  margin-bottom: var(--scw-spacing-1);\n  --margin-bottom: var( --scw-spacing-1 );\n}\n:host .input-field .right-icon-2 {\n  background-color: rgba(0, 0, 0, 0);\n}\n:host .input-field .right-icon {\n  background-color: rgba(0, 0, 0, 0);\n}\n\n:host .input-field {\n  background-color: var(--scw-color-grey-095);\n  border-radius: 6px 6px 6px 6px;\n  border-width: 2px;\n  border-style: solid;\n  border-color: var(--scw-color-grey-09);\n  align-self: stretch;\n}\n\n:host([aria-disabled=true]) .input-field {\n  background-color: var(--scw-color-grey-092);\n  border-radius: 6px 6px 6px 6px;\n  border-width: 2px;\n  border-style: solid;\n  border-color: var(--scw-color-grey-09);\n  align-self: stretch;\n}\n\n:host([invalid]) .input-field {\n  background-color: var(--scw-color-grey-095);\n  border-radius: 6px 6px 6px 6px;\n  border-width: 2px;\n  border-style: solid;\n  border-color: var(--scw-color, var(--scw-color-error));\n  align-self: stretch;\n}\n\n:host([focused]) .input-field {\n  background-color: var(--scw-color-grey-095);\n  border-radius: 6px 6px 6px 6px;\n  border-width: 2px;\n  border-style: solid;\n  border-color: var(--scw-color-grey-08);\n  box-shadow: var(--scw-effect-focus-shadow);\n  align-self: stretch;\n}\n\n::slotted(*) {\n  width: 100%;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3Njdy1kZXNpZ24tc3lzdGVtLXdlYi9zY3ctZGVzaWduLXN5c3RlbS1tb25vL3NjdS13ZWItY29tcG9uZW50cy9zcmMvc2N3LWlucHV0LWxheW91dC9zY3NzIiwic291cmNlcyI6WyJzY3ctaW5wdXQuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWlucHV0L19sYWJlbC1mZWVkYmFjay1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWlucHV0L19sYWJlbC1mZWVkYmFjay1pbnB1dC1sYWJlbC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWlucHV0LWxhYmVsLWJhc2UvX2RlZmF1bHQtc2N3LWlucHV0LWxhYmVsLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctaW5wdXQvX2xhYmVsLWZlZWRiYWNrLWlucHV0LWZpZWxkLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctaW5wdXQvX2xhYmVsLWZlZWRiYWNrLWlucHV0LWZlZWRiYWNrLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctaW5wdXQtZmVlZGJhY2stYmFzZS9fZGVmYXVsdC1zY3ctaW5wdXQtZmVlZGJhY2stbWl4aW5zLnNjc3MiLCJzY3ctaW5wdXQtZmllbGQuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWlucHV0LWZpZWxkL19yaWdodC1pY29uLXJpZ2h0LWljb24tMi1jb250ZW50LW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctaW5wdXQtZmllbGQvX3JpZ2h0LWljb24tcmlnaHQtaWNvbi0yLWNvbnRlbnQtaW5wdXQtdGV4dC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWlucHV0LWZpZWxkL19yaWdodC1pY29uLXJpZ2h0LWljb24tMi1jb250ZW50LXJpZ2h0LWljb24tMi1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWlucHV0LWZpZWxkL19yaWdodC1pY29uLXJpZ2h0LWljb24tMi1jb250ZW50LXJpZ2h0LWljb24tbWl4aW5zLnNjc3MiLCJzY3ctaW5wdXQtZmllbGQtYmcuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWlucHV0LWZpZWxkLWJnL19kZWZhdWx0LW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctaW5wdXQtZmllbGQtYmcvX2Rpc2FibGVkLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctaW5wdXQtZmllbGQtYmcvX2ludmFsaWQtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1pbnB1dC1maWVsZC1iZy9fZm9jdXNlZC1taXhpbnMuc2NzcyIsInNjdy1pbnB1dC1sYXlvdXQuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRQTtFQ0VJO0VBRUY7RUF3QkE7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFDQTtFQUNNO0VBQ0E7O0FEbENOO0VFRkU7RUFFRjtFQ05BO0VBQ0E7RUFJRTs7QUhNRjtFSVBFO0VBRUY7RUFDQTtFQUNBOztBSk9BO0VLWEU7RUFFRjtFQ05BO0VBQ0E7RUFFRTs7O0FDREY7RUNFRTtFQXlCRjtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUNBO0VBQ007RUFDQTs7QURqQ0o7RUVGQTtFQUVGO0VBQ0E7RUF3QkE7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFRjdCSTs7QUU4Qko7RUFDTTtFQUNBOztBRjdCSjtFR1JBOztBSFlBO0VJWkE7OztBQ0ZGO0VDRUU7RUFFRjtFQUNBO0VBQ0E7RUFJRTtFQUVGOzs7QUROQTtFRUpFO0VBRUY7RUFDQTtFQUNBO0VBSUU7RUFFRjs7O0FGQUE7RUdWRTtFQUVGO0VBQ0E7RUFDQTtFQUVFO0VBSUY7OztBSE1BO0VJaEJFO0VBRUY7RUFDQTtFQUNBO0VBSUU7RUFFRjtFQUNBOzs7QUNmRjtFQUNFIn0= */`;\n", "import {html} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport ScwComponent from '../scw-component/ScwComponent';\nimport {Components} from '../utils/enums/Components';\nimport styles from './scss/scw-input-layout.scss';\n\n/**\n * ScwInputLayout\n * @class\n * @tag scw-input-layout\n * @status new\n * @since 0.0.4\n *\n */\nexport default class ScwInputLayout 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.inputLayout;\n  }\n\n  // ============== ScwInputLayout =============================================\n  /** (ScwInputLayout) the text to use for the label */\n  @property({type: String})\n    label: string | undefined;\n\n  /** (ScwInputLayout) the text to use for feedback */\n  @property({type: String})\n    feedback: string | undefined;\n\n  /** (ScwInputLayout) hides the main label */\n  @property({type: String, attribute: 'hide-label'})\n  hideLabel: boolean = false;\n\n  /** (ScwInputLayout) hides the feedback label */\n  @property({type: String, attribute: 'hide-feedback'})\n  hideFeedback: boolean = false;\n\n  /** (ScwInputLayout) shows first right icon and determines the icon svg. */\n  @property({type: String, attribute: 'right-icon'})\n   rightIcon: string | undefined;\n\n  /** (ScwInputLayout) shows second right icon and determines the icon svg. */\n  @property({type: String, attribute: 'right-2-icon'})\n    right2Icon: string | undefined;\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n  render(): object {\n    return html`\n      ${!this.hideLabel ?\n    html`\n            <div class=\"input-label\">\n              ${this.label}\n            </div>` : ''}\n      <div class=\"input-field\">\n        <div class=\"input-text\">\n          <slot></slot>\n        </div>\n        ${this.right2Icon ?\n    html`\n            <scw-icon\n              class=\"right-icon-2\"\n              .icon=\"${this.right2Icon}\"\n              size=\"32\"\n              aria-label=\"Clear Input\"\n              link>\n            </scw-icon>` : '' }\n        ${this.rightIcon ?\n    html`\n            <scw-icon\n              class=\"right-icon\"\n              .icon=\"${this.rightIcon}\"\n              size=\"32\"\n              aria-label=\"Show Password\"\n              link>\n            </scw-icon>` : '' }\n      </div>\n      ${!this.hideFeedback ?\n    html`\n            <div class=\"input-feedback\">\n              ${this.feedback}&nbsp;\n            </div>` : ''}\n    `;\n  }\n}\n\n"],
+  "mappings": "8bACA,IAAOA,EAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ivFCaf,IAAqBC,EAArB,cAA4CC,CAAa,CAYvD,aAAc,CACZ,MAAM,EAeR,eAAqB,GAIrB,kBAAwB,GAlBtB,KAAK,sBACP,CAXC,WAAW,QAAS,CACnB,MAAO,CACL,MAAM,OACNC,CACF,CACF,CAqCA,QAAiB,CACf,OAAOC;AAAA,QACF,KAAK,UAIQ,GAHlBA;AAAA;AAAA,gBAEY,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAMX,KAAK,WACXA;AAAA;AAAA;AAAA,uBAGmB,KAAK;AAAA;AAAA;AAAA;AAAA,yBAID;AAAA,UACjB,KAAK,UACXA;AAAA;AAAA;AAAA,uBAGmB,KAAK;AAAA;AAAA;AAAA;AAAA,yBAID;AAAA;AAAA,QAElB,KAAK,aAIQ,GAHlBA;AAAA;AAAA,gBAEY,KAAK;AAAA;AAAA,KAGnB,CACF,EA/DIC,EAAA,CADDC,EAAS,CAAC,KAAM,MAAM,CAAC,GAnBLL,EAoBjB,qBAIAI,EAAA,CADDC,EAAS,CAAC,KAAM,MAAM,CAAC,GAvBLL,EAwBjB,wBAIFI,EAAA,CADCC,EAAS,CAAC,KAAM,OAAQ,UAAW,YAAY,CAAC,GA3B9BL,EA4BnB,yBAIAI,EAAA,CADCC,EAAS,CAAC,KAAM,OAAQ,UAAW,eAAe,CAAC,GA/BjCL,EAgCnB,4BAICI,EAAA,CADAC,EAAS,CAAC,KAAM,OAAQ,UAAW,YAAY,CAAC,GAnC9BL,EAoClB,yBAICI,EAAA,CADDC,EAAS,CAAC,KAAM,OAAQ,UAAW,cAAc,CAAC,GAvChCL,EAwCjB",
+  "names": ["scw_input_layout_default", "ScwInputLayout", "ScwComponent", "scw_input_layout_default", "$", "__decorateClass", "e"]
 }

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

@@ -1,2 +1,2 @@
-import{a}from"../chunks/chunk.UERPFCOW.js";import"../chunks/chunk.3GVGAXLL.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};
+import{a}from"../chunks/chunk.7A4QGO6F.js";import"../chunks/chunk.44PMNKPK.js";import"../chunks/chunk.NGL6WE6V.js";import"../chunks/chunk.J5OGWB43.js";import"../chunks/chunk.TC4A7NX7.js";import"../chunks/chunk.2WX7XMLC.js";import"../chunks/chunk.33FSL7Y7.js";import"../chunks/chunk.KVCUHP7N.js";import"../chunks/chunk.XDWCNUEB.js";import"../chunks/chunk.IHVBWZ57.js";import"../chunks/chunk.3DNJZ75B.js";import"../chunks/chunk.5YJY6NT6.js";export{a as default};
 //# sourceMappingURL=scw-layout-component.js.map

package/dist/scw-link/ScwLink.js

@@ -1,2 +1,2 @@
-import{a}from"../chunks/chunk.Y3CEE6A7.js";import"../chunks/chunk.PXQQTQKT.js";import"../chunks/chunk.QDPDEDO6.js";import"../chunks/chunk.UQFFDIC3.js";import"../chunks/chunk.5HZ4WTGH.js";import"../chunks/chunk.TVHG2BHW.js";import"../chunks/chunk.QRG5WBRU.js";import"../chunks/chunk.3GVGAXLL.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};
+import{a}from"../chunks/chunk.RPACMUBY.js";import"../chunks/chunk.I4ZVEUHX.js";import"../chunks/chunk.TE6ZDRYB.js";import"../chunks/chunk.MQ57PGFU.js";import"../chunks/chunk.T25QZW3W.js";import"../chunks/chunk.X2MZFY6Y.js";import"../chunks/chunk.GATDLRXZ.js";import"../chunks/chunk.44PMNKPK.js";import"../chunks/chunk.NGL6WE6V.js";import"../chunks/chunk.J5OGWB43.js";import"../chunks/chunk.TC4A7NX7.js";import"../chunks/chunk.2WX7XMLC.js";import"../chunks/chunk.33FSL7Y7.js";import"../chunks/chunk.KVCUHP7N.js";import"../chunks/chunk.XDWCNUEB.js";import"../chunks/chunk.IHVBWZ57.js";import"../chunks/chunk.3DNJZ75B.js";import"../chunks/chunk.5YJY6NT6.js";export{a as default};
 //# sourceMappingURL=ScwLink.js.map

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

@@ -1,2 +1,2 @@
-import{a,b}from"../chunks/chunk.PXQQTQKT.js";import"../chunks/chunk.5YJY6NT6.js";export{b as ScwLinkDesigns,a as ScwLinkSide};
+import{a,b}from"../chunks/chunk.I4ZVEUHX.js";import"../chunks/chunk.5YJY6NT6.js";export{b as ScwLinkDesigns,a as ScwLinkSide};
 //# sourceMappingURL=scw-link-enums.js.map

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

@@ -1,2 +1,2 @@
-import"../chunks/chunk.QB63ZMKS.js";import"../chunks/chunk.Y3CEE6A7.js";import"../chunks/chunk.PXQQTQKT.js";import"../chunks/chunk.QDPDEDO6.js";import"../chunks/chunk.UQFFDIC3.js";import"../chunks/chunk.5HZ4WTGH.js";import"../chunks/chunk.TVHG2BHW.js";import"../chunks/chunk.QRG5WBRU.js";import"../chunks/chunk.3GVGAXLL.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";
+import"../chunks/chunk.72DKVHIA.js";import"../chunks/chunk.RPACMUBY.js";import"../chunks/chunk.I4ZVEUHX.js";import"../chunks/chunk.TE6ZDRYB.js";import"../chunks/chunk.MQ57PGFU.js";import"../chunks/chunk.T25QZW3W.js";import"../chunks/chunk.X2MZFY6Y.js";import"../chunks/chunk.GATDLRXZ.js";import"../chunks/chunk.44PMNKPK.js";import"../chunks/chunk.NGL6WE6V.js";import"../chunks/chunk.J5OGWB43.js";import"../chunks/chunk.TC4A7NX7.js";import"../chunks/chunk.2WX7XMLC.js";import"../chunks/chunk.33FSL7Y7.js";import"../chunks/chunk.KVCUHP7N.js";import"../chunks/chunk.XDWCNUEB.js";import"../chunks/chunk.IHVBWZ57.js";import"../chunks/chunk.3DNJZ75B.js";import"../chunks/chunk.5YJY6NT6.js";
 //# sourceMappingURL=scw-link.js.map

package/dist/scw-link-base/ScwLinkBase.d.ts

@@ -13,16 +13,6 @@ import ScwComponent from '../scw-component/ScwComponent';
 export default class ScwLinkBase extends ScwComponent {
     static get styles(): any[];
     /**
-    * (ScwLinkBase) Main text within component
-    * @type {string}
-    */
-    ariaLabel: string;
-    /**
-    * (ScwLinkBase) Makes the link unclickable and faded out.
-    * @type {string}
-    */
-    ariaDisabled: string;
-    /**
     * (ScwLinkBase) link location - private
     * ...should not be able to be set directly b/c scu-link should use this
     */

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

@@ -1,2 +1,2 @@
-import{d as a}from"../chunks/chunk.TVHG2BHW.js";import"../chunks/chunk.QRG5WBRU.js";import"../chunks/chunk.3GVGAXLL.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};
+import{d as a}from"../chunks/chunk.X2MZFY6Y.js";import"../chunks/chunk.GATDLRXZ.js";import"../chunks/chunk.44PMNKPK.js";import"../chunks/chunk.NGL6WE6V.js";import"../chunks/chunk.J5OGWB43.js";import"../chunks/chunk.TC4A7NX7.js";import"../chunks/chunk.2WX7XMLC.js";import"../chunks/chunk.33FSL7Y7.js";import"../chunks/chunk.KVCUHP7N.js";import"../chunks/chunk.XDWCNUEB.js";import"../chunks/chunk.IHVBWZ57.js";import"../chunks/chunk.3DNJZ75B.js";import"../chunks/chunk.5YJY6NT6.js";export{a as default};
 //# sourceMappingURL=ScwLinkBase.js.map

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

@@ -1,2 +1,2 @@
-import{a}from"../chunks/chunk.QRG5WBRU.js";import"../chunks/chunk.5YJY6NT6.js";export{a as default};
+import{a}from"../chunks/chunk.GATDLRXZ.js";import"../chunks/chunk.5YJY6NT6.js";export{a as default};
 //# sourceMappingURL=parseLightDomAnchor.js.map

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

@@ -1,2 +1,2 @@
-import"../chunks/chunk.P44BX3Y3.js";import"../chunks/chunk.TVHG2BHW.js";import"../chunks/chunk.QRG5WBRU.js";import"../chunks/chunk.3GVGAXLL.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";
+import"../chunks/chunk.BNXLNCIW.js";import"../chunks/chunk.X2MZFY6Y.js";import"../chunks/chunk.GATDLRXZ.js";import"../chunks/chunk.44PMNKPK.js";import"../chunks/chunk.NGL6WE6V.js";import"../chunks/chunk.J5OGWB43.js";import"../chunks/chunk.TC4A7NX7.js";import"../chunks/chunk.2WX7XMLC.js";import"../chunks/chunk.33FSL7Y7.js";import"../chunks/chunk.KVCUHP7N.js";import"../chunks/chunk.XDWCNUEB.js";import"../chunks/chunk.IHVBWZ57.js";import"../chunks/chunk.3DNJZ75B.js";import"../chunks/chunk.5YJY6NT6.js";
 //# sourceMappingURL=scw-link-base.js.map

package/dist/scw-menu/ScwMenu.d.ts

@@ -16,11 +16,6 @@ export default class ScwMenu extends ScwComponent {
     */
     static get styles(): any[];
     /**
-    * (<ScwMenu>) Base name of the navigation announced in screen readers
-    * @type {string}
-    */
-    ariaLabel: string;
-    /**
     * (<ScwMenu>) Turns menu visible and invisible (ADA friendly)
     * @type {string}
     */

package/dist/scw-menu/ScwMenu.js

@@ -1,2 +1,2 @@
-import{a}from"../chunks/chunk.ZV7BPVEM.js";import"../chunks/chunk.GVQZL6DM.js";import"../chunks/chunk.M3VMHGNE.js";import"../chunks/chunk.VB3TV2S3.js";import"../chunks/chunk.W6H7G665.js";import"../chunks/chunk.2VW3SHYK.js";import"../chunks/chunk.3GVGAXLL.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};
+import{a}from"../chunks/chunk.WUOL7WM2.js";import"../chunks/chunk.QZ7HSWXB.js";import"../chunks/chunk.V6IT6TY7.js";import"../chunks/chunk.Q2V4UOPC.js";import"../chunks/chunk.C2WZDJF4.js";import"../chunks/chunk.B7II36CO.js";import"../chunks/chunk.44PMNKPK.js";import"../chunks/chunk.NGL6WE6V.js";import"../chunks/chunk.J5OGWB43.js";import"../chunks/chunk.TC4A7NX7.js";import"../chunks/chunk.2WX7XMLC.js";import"../chunks/chunk.33FSL7Y7.js";import"../chunks/chunk.KVCUHP7N.js";import"../chunks/chunk.XDWCNUEB.js";import"../chunks/chunk.IHVBWZ57.js";import"../chunks/chunk.3DNJZ75B.js";import"../chunks/chunk.5YJY6NT6.js";export{a as default};
 //# sourceMappingURL=ScwMenu.js.map

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

@@ -1,2 +1,2 @@
-import{a,b,c,d,e,f}from"../../chunks/chunk.W6H7G665.js";import"../../chunks/chunk.3MIP3PMW.js";import"../../chunks/chunk.5YJY6NT6.js";export{a as default,b as findActiveMenuElement,c as findNextTabbableEle,d as findPrevTabbableEle,e as findTabbableElement,f as isTabbleable};
+import{a,b,c,d,e,f}from"../../chunks/chunk.C2WZDJF4.js";import"../../chunks/chunk.3DNJZ75B.js";import"../../chunks/chunk.5YJY6NT6.js";export{a as default,b as findActiveMenuElement,c as findNextTabbableEle,d as findPrevTabbableEle,e as findTabbableElement,f as isTabbleable};
 //# sourceMappingURL=keyboardElements.js.map

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

@@ -1,2 +1,2 @@
-import{a}from"../../chunks/chunk.M3VMHGNE.js";import"../../chunks/chunk.VB3TV2S3.js";import"../../chunks/chunk.W6H7G665.js";import"../../chunks/chunk.2VW3SHYK.js";import"../../chunks/chunk.3MIP3PMW.js";import"../../chunks/chunk.5YJY6NT6.js";export{a as default};
+import{a}from"../../chunks/chunk.V6IT6TY7.js";import"../../chunks/chunk.Q2V4UOPC.js";import"../../chunks/chunk.C2WZDJF4.js";import"../../chunks/chunk.B7II36CO.js";import"../../chunks/chunk.3DNJZ75B.js";import"../../chunks/chunk.5YJY6NT6.js";export{a as default};
 //# sourceMappingURL=scw-menu-keyboard.js.map

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

@@ -1,2 +1,2 @@
-import{a}from"../chunks/chunk.VB3TV2S3.js";import"../chunks/chunk.5YJY6NT6.js";export{a as ScwMenuDirections};
+import{a}from"../chunks/chunk.Q2V4UOPC.js";import"../chunks/chunk.5YJY6NT6.js";export{a as ScwMenuDirections};
 //# sourceMappingURL=scw-menu-enums.js.map

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

@@ -1,2 +1,2 @@
-import{a}from"../chunks/chunk.GVQZL6DM.js";import"../chunks/chunk.5YJY6NT6.js";export{a as default};
+import{a}from"../chunks/chunk.QZ7HSWXB.js";import"../chunks/chunk.5YJY6NT6.js";export{a as default};
 //# sourceMappingURL=scw-menu-validate.js.map

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

@@ -1,2 +1,2 @@
-import"../chunks/chunk.R6ZO63TB.js";import"../chunks/chunk.ZV7BPVEM.js";import"../chunks/chunk.GVQZL6DM.js";import"../chunks/chunk.M3VMHGNE.js";import"../chunks/chunk.VB3TV2S3.js";import"../chunks/chunk.W6H7G665.js";import"../chunks/chunk.2VW3SHYK.js";import"../chunks/chunk.3GVGAXLL.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";
+import"../chunks/chunk.VTUIFUTJ.js";import"../chunks/chunk.WUOL7WM2.js";import"../chunks/chunk.QZ7HSWXB.js";import"../chunks/chunk.V6IT6TY7.js";import"../chunks/chunk.Q2V4UOPC.js";import"../chunks/chunk.C2WZDJF4.js";import"../chunks/chunk.B7II36CO.js";import"../chunks/chunk.44PMNKPK.js";import"../chunks/chunk.NGL6WE6V.js";import"../chunks/chunk.J5OGWB43.js";import"../chunks/chunk.TC4A7NX7.js";import"../chunks/chunk.2WX7XMLC.js";import"../chunks/chunk.33FSL7Y7.js";import"../chunks/chunk.KVCUHP7N.js";import"../chunks/chunk.XDWCNUEB.js";import"../chunks/chunk.IHVBWZ57.js";import"../chunks/chunk.3DNJZ75B.js";import"../chunks/chunk.5YJY6NT6.js";
 //# sourceMappingURL=scw-menu.js.map

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

@@ -1,2 +1,2 @@
-import{a}from"../chunks/chunk.DZYFST6D.js";import"../chunks/chunk.MOWV5A2M.js";import"../chunks/chunk.Y3CEE6A7.js";import"../chunks/chunk.PXQQTQKT.js";import"../chunks/chunk.QDPDEDO6.js";import"../chunks/chunk.UQFFDIC3.js";import"../chunks/chunk.5HZ4WTGH.js";import"../chunks/chunk.TVHG2BHW.js";import"../chunks/chunk.QRG5WBRU.js";import"../chunks/chunk.3GVGAXLL.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};
+import{a}from"../chunks/chunk.N5JAB5AA.js";import"../chunks/chunk.UXHVIMZV.js";import"../chunks/chunk.RPACMUBY.js";import"../chunks/chunk.I4ZVEUHX.js";import"../chunks/chunk.TE6ZDRYB.js";import"../chunks/chunk.MQ57PGFU.js";import"../chunks/chunk.T25QZW3W.js";import"../chunks/chunk.X2MZFY6Y.js";import"../chunks/chunk.GATDLRXZ.js";import"../chunks/chunk.44PMNKPK.js";import"../chunks/chunk.NGL6WE6V.js";import"../chunks/chunk.J5OGWB43.js";import"../chunks/chunk.TC4A7NX7.js";import"../chunks/chunk.2WX7XMLC.js";import"../chunks/chunk.33FSL7Y7.js";import"../chunks/chunk.KVCUHP7N.js";import"../chunks/chunk.XDWCNUEB.js";import"../chunks/chunk.IHVBWZ57.js";import"../chunks/chunk.3DNJZ75B.js";import"../chunks/chunk.5YJY6NT6.js";export{a as default};
 //# sourceMappingURL=ScwMenuItem.js.map

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

@@ -1,2 +1,2 @@
-import{a}from"../chunks/chunk.MOWV5A2M.js";import"../chunks/chunk.5YJY6NT6.js";export{a as ScwMenuItemDesigns};
+import{a}from"../chunks/chunk.UXHVIMZV.js";import"../chunks/chunk.5YJY6NT6.js";export{a as ScwMenuItemDesigns};
 //# sourceMappingURL=scw-menu-item-enums.js.map

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

@@ -1,2 +1,2 @@
-import"../chunks/chunk.HVJA2ZYF.js";import"../chunks/chunk.DZYFST6D.js";import"../chunks/chunk.MOWV5A2M.js";import"../chunks/chunk.Y3CEE6A7.js";import"../chunks/chunk.PXQQTQKT.js";import"../chunks/chunk.QDPDEDO6.js";import"../chunks/chunk.UQFFDIC3.js";import"../chunks/chunk.5HZ4WTGH.js";import"../chunks/chunk.TVHG2BHW.js";import"../chunks/chunk.QRG5WBRU.js";import"../chunks/chunk.3GVGAXLL.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";
+import"../chunks/chunk.QVO7RTDL.js";import"../chunks/chunk.N5JAB5AA.js";import"../chunks/chunk.UXHVIMZV.js";import"../chunks/chunk.RPACMUBY.js";import"../chunks/chunk.I4ZVEUHX.js";import"../chunks/chunk.TE6ZDRYB.js";import"../chunks/chunk.MQ57PGFU.js";import"../chunks/chunk.T25QZW3W.js";import"../chunks/chunk.X2MZFY6Y.js";import"../chunks/chunk.GATDLRXZ.js";import"../chunks/chunk.44PMNKPK.js";import"../chunks/chunk.NGL6WE6V.js";import"../chunks/chunk.J5OGWB43.js";import"../chunks/chunk.TC4A7NX7.js";import"../chunks/chunk.2WX7XMLC.js";import"../chunks/chunk.33FSL7Y7.js";import"../chunks/chunk.KVCUHP7N.js";import"../chunks/chunk.XDWCNUEB.js";import"../chunks/chunk.IHVBWZ57.js";import"../chunks/chunk.3DNJZ75B.js";import"../chunks/chunk.5YJY6NT6.js";
 //# sourceMappingURL=scw-menu-item.js.map