scu-web-components 0.0.35 → 0.0.36

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

@@ -1,7 +1,7 @@
 {
   "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,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",
+  "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,SAARA,EACHC,EACO,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.js

@@ -1,2 +1,2 @@
-import"../chunks/chunk.WXMMTZTU.js";import"../chunks/chunk.7IEAISVE.js";import"../chunks/chunk.ZHMMWIFH.js";import"../chunks/chunk.A6Q2K43E.js";import"../chunks/chunk.56YMDF4N.js";import"../chunks/chunk.GATDLRXZ.js";import"../chunks/chunk.2LAHOOSK.js";import"../chunks/chunk.YNLLA3ZB.js";import"../chunks/chunk.J5OGWB43.js";import"../chunks/chunk.75W5GH3K.js";import"../chunks/chunk.2WX7XMLC.js";import"../chunks/chunk.33FSL7Y7.js";import"../chunks/chunk.KBIUGQUO.js";import"../chunks/chunk.XDWCNUEB.js";import"../chunks/chunk.IHVBWZ57.js";import"../chunks/chunk.3DNJZ75B.js";import"../chunks/chunk.5YJY6NT6.js";
+import"../chunks/chunk.PJKUHCBZ.js";import"../chunks/chunk.7QJCD7HR.js";import"../chunks/chunk.FSF6MEVS.js";import"../chunks/chunk.A6Q2K43E.js";import"../chunks/chunk.6HCGKTZQ.js";import"../chunks/chunk.GATDLRXZ.js";import"../chunks/chunk.YPG6CZAZ.js";import"../chunks/chunk.2GGC3YVW.js";import"../chunks/chunk.NW6LQ3YZ.js";import"../chunks/chunk.U37TEBY2.js";import"../chunks/chunk.HMMADQ7Y.js";import"../chunks/chunk.I22BAQME.js";import"../chunks/chunk.KBIUGQUO.js";import"../chunks/chunk.XDWCNUEB.js";import"../chunks/chunk.3DNJZ75B.js";import"../chunks/chunk.3IG37SCP.js";import"../chunks/chunk.PKA6D7UK.js";import"../chunks/chunk.5YJY6NT6.js";
 //# sourceMappingURL=scw-image.js.map

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

@@ -1,7 +1,7 @@
 {
   "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,IAAMA,EAAS,iSACTC,EAAW,qSACXC,EAAS",
+  "sourcesContent": ["\n// eslint-disable-next-line max-len\nexport const square = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNSAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjI1IiBoZWlnaHQ9IjI1IiBmaWxsPSJ3aGl0ZSIvPgo8cmVjdCB3aWR0aD0iMjUiIGhlaWdodD0iMjUiIGZpbGw9IiNDNEM0QzQiLz4KPC9zdmc+Cg==';\n// eslint-disable-next-line max-len\nexport const triangle = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNSAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjI1IiBoZWlnaHQ9IjI1IiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMTIuNSAwTDI1IDI1SDBMMTIuNSAwWiIgZmlsbD0iI0M0QzRDNCIvPgo8L3N2Zz4K';\n// eslint-disable-next-line max-len\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*/\n"],
+  "mappings": "uCAEO,IAAMA,EAAS,iSAETC,EAAW,qSAEXC,EAAS",
   "names": ["square", "triangle", "circle"]
 }

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

@@ -1,8 +1,8 @@
-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.ZKJROKIG.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.SHURDDW4.js";import"../chunks/chunk.7C4BKIQF.js";import"../chunks/chunk.T25QZW3W.js";import{a as s,b as o}from"../chunks/chunk.2LAHOOSK.js";import"../chunks/chunk.YNLLA3ZB.js";import"../chunks/chunk.J5OGWB43.js";import"../chunks/chunk.75W5GH3K.js";import"../chunks/chunk.2WX7XMLC.js";import"../chunks/chunk.33FSL7Y7.js";import"../chunks/chunk.KBIUGQUO.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`
+import{a as c,b as p,c as d}from"../chunks/chunk.MNM5PCHW.js";import{a as r}from"../chunks/chunk.HD75M3T5.js";import{c as m}from"../chunks/chunk.5BIMBPIM.js";import"../chunks/chunk.WXC634JO.js";import{a as l}from"../chunks/chunk.2T4VPIKP.js";import{a as i,b as u}from"../chunks/chunk.NBLIIWTN.js";import{a as n}from"../chunks/chunk.7R4H4Y4E.js";import"../chunks/chunk.E2LMFNXM.js";import"../chunks/chunk.UXIAMI3F.js";import"../chunks/chunk.RSR7WC4R.js";import{a as o}from"../chunks/chunk.YPG6CZAZ.js";import"../chunks/chunk.2GGC3YVW.js";import"../chunks/chunk.NW6LQ3YZ.js";import"../chunks/chunk.U37TEBY2.js";import"../chunks/chunk.HMMADQ7Y.js";import"../chunks/chunk.I22BAQME.js";import"../chunks/chunk.KBIUGQUO.js";import"../chunks/chunk.XDWCNUEB.js";import"../chunks/chunk.3DNJZ75B.js";import{a as s}from"../chunks/chunk.3IG37SCP.js";import"../chunks/chunk.PKA6D7UK.js";import{g as a}from"../chunks/chunk.5YJY6NT6.js";var h=s`
 :host {
   display: block;
 }
-/*# 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`
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1pbnB1dC9zY3NzIiwic291cmNlcyI6WyJzY3ctaW5wdXQuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFQTtFQUNFIn0= */`;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"&&l("scw-submit-intent",this)}render(){return u`
       <${this.scwInputLayout}
         .label=${this.ariaLabel}
         .feedback=${this.feedback}
@@ -26,5 +26,5 @@ import{a as c,b as p,c as d}from"../chunks/chunk.MNM5PCHW.js";import{a as l}from
         </${this.scwInputField}>
       </${this.scwInputLayout}>
       <slot name="validation"></slot>
-    `}};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};
+    `}};a([o({type:r})],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": ["../../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' ? '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' ? '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,eAAiB,OAAS,OAAS;AAAA,mBAC9C,KAAK;AAAA,mBACL,KAAK;AAAA,WACb,KAAK;AAAA,mBACG,KAAK;AAAA,kBACN,KAAK;AAAA,yBACE,KAAK;AAAA,0BACJ,KAAK,eAAiB,OAAS,OAAS;AAAA,2BACvC,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"]
+  "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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1pbnB1dC9zY3NzIiwic291cmNlcyI6WyJzY3ctaW5wdXQuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFQTtFQUNFIn0= */`;\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 = 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' ? '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' ? '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": "y5BACA,IAAOA,EAAQC;AAAA;AAAA;AAAA;yUC0Bf,IAAqBC,EAArB,cAAsCC,CAAiB,CAYrD,aAAc,CACZ,MAAM,EAmBN,iBAIA,2BAIA,uBAIA,uBAIA,eAAY,GAlCZ,KAAK,gBAEL,IAAMC,EAASC,EAAU,EACzB,KAAK,cAAgBC,EAAa,uBAA+BF,GAAQ,EACzE,KAAK,eAAiBE,EAClB,wBAAgCF,GACpC,CACF,CAjBA,WAAW,QAAS,CAClB,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,sBAEI,IACJ,CAEJ,CAMA,QAAiB,CACf,OAAOC;AAAA,SACF,KAAK;AAAA,iBACG,KAAK;AAAA,oBACF,KAAK;AAAA,yBACA,KAAK,eAAiB,OAAS,OAAS;AAAA,mBAC9C,KAAK;AAAA,mBACL,KAAK;AAAA,WACb,KAAK;AAAA,mBACG,KAAK;AAAA,kBACN,KAAK;AAAA,yBACE,KAAK;AAAA,0BACJ,KAAK,eAAiB,OAAS,OAAS;AAAA,2BACvC,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", "i", "ScwInput", "ScwFormComponent", "suffix", "getSuffix", "o", "scw_input_default", "evt", "emit", "n", "__decorateClass", "e", "InputTypes", "AutoCaptializeValues", "AutoCompleteValues", "AutoCorrectValues"]
 }

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

@@ -27,6 +27,12 @@ export default class AutoFormatter {
      * @param {string} newValue
      */
     autoFormatFinish(newValue: string): void;
+    /**
+     * Apply Values
+     * @param {string} newValues
+     * @param {string} useDisplayAsValue
+     * @param {number} doSetSelectionRange
+     */
     applyValues(newValues: {
         display: string;
         value: string;
@@ -37,4 +43,10 @@ export default class AutoFormatter {
      */
     updateSelection(): void;
 }
+/**
+ * Auto Forrmat Result
+ * @param {InputTypes} type
+ * @param {string} newValue
+ * @return {string}
+ */
 export declare function autoFormatResult(type: InputTypes, newValue: string): string;

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

@@ -1,2 +1,2 @@
-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};
+import{a,b}from"../../chunks/chunk.5F2TS4MI.js";import"../../chunks/chunk.HD75M3T5.js";import"../../chunks/chunk.GMEO4LZE.js";import"../../chunks/chunk.JYKLLRWI.js";import"../../chunks/chunk.TNEQM7BT.js";import"../../chunks/chunk.GUPJLJY4.js";import"../../chunks/chunk.5YJY6NT6.js";export{b as autoFormatResult,a as default};
 //# sourceMappingURL=autoFormat.js.map

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

@@ -5,6 +5,6 @@ import { FormatResult } from './autoFormat';
  * @param {number} selectionStart
  * @param {boolean} finishDigits
  * @param {number} lastSelectionStart
- * @returns {FormatResult}
+ * @return {FormatResult}
  */
 export declare function currencyAutoFormatter(newValue: string, selectionStart: number, finishDigits: boolean | undefined, lastSelectionStart: number | undefined): FormatResult;

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

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

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

@@ -1,8 +1,8 @@
-import { FormatResult } from "./autoFormat";
+import { FormatResult } from './autoFormat';
 /**
  * isValidDate
  * @param {Date} date
- * @returns {boolean}
+ * @return {boolean}
  */
 export declare function isValidDate(date: Date): boolean;
 /**
@@ -10,10 +10,30 @@ export declare function isValidDate(date: Date): boolean;
  * @param {string} valueDisplayed
  * @param {string} prevValueDisplayed
  * @param {number} selectionStart
- * @returns {FormatResult}
+ * @return {FormatResult}
  */
 export declare function dateAutoFormatter(valueDisplayed: string, prevValueDisplayed: string, selectionStart: number): FormatResult;
+/**
+ * Date or Date String To Formatted String
+ * @param {Date | string} dateStr
+ * @return {string}
+ */
 export declare function dateStrToFormattedStr(dateStr: Date | string): string;
+/**
+ * Formatted String To Date
+ * @param {string} formattedStr
+ * @return {Date | null}
+ */
 export declare function formattedStringToDate(formattedStr: string): Date | null;
+/**
+ * Formatted String To Date String
+ * @param {string} formattedStr
+ * @return {string}
+ */
 export declare function formattedStringToDateStr(formattedStr: string): string;
+/**
+ * Date To Formatted String
+ * @param {Date} date
+ * @return {string}
+ */
 export declare function dateToFormattedStr(date: Date): string;

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

@@ -1,2 +1,2 @@
-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};
+import{a,b,c,d,e,f}from"../../chunks/chunk.JYKLLRWI.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.d.ts

@@ -1,8 +1,8 @@
-import { FormatResult } from "./autoFormat";
+import { FormatResult } from './autoFormat';
 /**
  * numberFormatter
  * @param {string} newValue
  * @param {number} selectionStart
- * @returns {FormatResult}
+ * @return {FormatResult}
  */
 export declare function numberFormatter(newValue: string, selectionStart: number): FormatResult;

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

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

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

@@ -1,9 +1,9 @@
-import { FormatResult } from "./autoFormat";
+import { FormatResult } from './autoFormat';
 /**
  *
  * @param {string} valueDisplayed
  * @param {string} prevValueDisplayed
  * @param {number} selectionStart
- * @returns {FormatResult}
+ * @return {FormatResult}
  */
 export declare function phoneNumberAutoFormatter(valueDisplayed: string, prevValueDisplayed: string, selectionStart: number): FormatResult;

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

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

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

@@ -1,4 +1,4 @@
-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.2LAHOOSK.js";import"../chunks/chunk.YNLLA3ZB.js";import"../chunks/chunk.J5OGWB43.js";import"../chunks/chunk.75W5GH3K.js";import"../chunks/chunk.2WX7XMLC.js";import"../chunks/chunk.33FSL7Y7.js";import"../chunks/chunk.KBIUGQUO.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`
+import{a as n}from"../chunks/chunk.7A7HJBKL.js";import{a as p,b as h,c as d}from"../chunks/chunk.MNM5PCHW.js";import{a as s}from"../chunks/chunk.5F2TS4MI.js";import{a as c}from"../chunks/chunk.HD75M3T5.js";import"../chunks/chunk.GMEO4LZE.js";import"../chunks/chunk.JYKLLRWI.js";import"../chunks/chunk.TNEQM7BT.js";import"../chunks/chunk.GUPJLJY4.js";import{a as o}from"../chunks/chunk.2T4VPIKP.js";import{a,c as r,d as u}from"../chunks/chunk.YPG6CZAZ.js";import"../chunks/chunk.2GGC3YVW.js";import"../chunks/chunk.NW6LQ3YZ.js";import"../chunks/chunk.U37TEBY2.js";import"../chunks/chunk.HMMADQ7Y.js";import"../chunks/chunk.I22BAQME.js";import"../chunks/chunk.KBIUGQUO.js";import"../chunks/chunk.XDWCNUEB.js";import"../chunks/chunk.3DNJZ75B.js";import{a as l}from"../chunks/chunk.3IG37SCP.js";import{a as i}from"../chunks/chunk.PKA6D7UK.js";import{g as e}from"../chunks/chunk.5YJY6NT6.js";var m=l`
 :host {
   position: relative;
   display: block;
@@ -39,7 +39,7 @@ import{a as u}from"../chunks/chunk.7A7HJBKL.js";import{a as p,b as h,c as d}from
   font: var(--scw-type-text-04-font);
   color: var(--scw-color-grey-07);
 }
-/*# 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`
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1pbnB1dC1maWVsZC9zY3NzIiwic291cmNlcyI6WyJzY3ctaW5wdXQtZmllbGQuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWlucHV0LXRleHQtYmFzZS9fcGxhY2Vob2xkZXItdGV4dC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWlucHV0LXRleHQtYmFzZS9fZGVmYXVsdC10ZXh0LW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctaW5wdXQtdGV4dC1iYXNlL19kaXNhYmxlZC10ZXh0LW1peGlucy5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVFBO0VBR0U7RUFDQTs7QUFFQTtFQ1JBO0VBQ0E7RUFJRTtFREtBO0VBUUE7RUFDQTtFQUFRO0VBQ1I7RUFFQTtFQUNBO0VBRUE7RUFDQTs7QUFJRjtFRTlCQTtFQUNBO0VBSUU7RUY0QkE7RUFDQTtFQUVBO0VBUUE7RUFDQTtFQUNBO0VBRUE7RUFDQTs7QUFHRjtFQUNFOzs7QUFLRjtFRzFEQTtFQUNBO0VBSUUifQ== */`;var t=class extends u{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 s(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 s(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`
       <!--label>${this.name}</label-->
       <input
         aria-label="${this.name}"
@@ -60,10 +60,10 @@ import{a as u}from"../chunks/chunk.7A7HJBKL.js";import{a as p,b as h,c as d}from
         @blur=${this.blurHandler}
         @invalid=${this.invalidHandler}>
       </input>
-      ${this.value?"":o`
+      ${this.value?"":i`
         <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: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};
+    `}};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([n("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": ["../../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"]
+  "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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1pbnB1dC1maWVsZC9zY3NzIiwic291cmNlcyI6WyJzY3ctaW5wdXQtZmllbGQuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWlucHV0LXRleHQtYmFzZS9fcGxhY2Vob2xkZXItdGV4dC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWlucHV0LXRleHQtYmFzZS9fZGVmYXVsdC10ZXh0LW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctaW5wdXQtdGV4dC1iYXNlL19kaXNhYmxlZC10ZXh0LW1peGlucy5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVFBO0VBR0U7RUFDQTs7QUFFQTtFQ1JBO0VBQ0E7RUFJRTtFREtBO0VBUUE7RUFDQTtFQUFRO0VBQ1I7RUFFQTtFQUNBO0VBRUE7RUFDQTs7QUFJRjtFRTlCQTtFQUNBO0VBSUU7RUY0QkE7RUFDQTtFQUVBO0VBUUE7RUFDQTtFQUNBO0VBRUE7RUFDQTs7QUFHRjtFQUNFOzs7QUFLRjtFRzFEQTtFQUNBO0VBSUUifQ== */`;\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 = '';\n\n  /** (ScwInputField) name to identify form element and attach data */\n  @property({type: String})\n    value = '';\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 = false;\n\n  /** (ScwInputField) More of a state, element is focused */\n  @property({type: Boolean, reflect: true})\n    focused = false;\n\n  /** (ScwInputField) entire input string will be selected on focus */\n  @property({type: Boolean, attribute: 'select-all-on-focus'})\n    selectAllOnFocus = false;\n\n  /** Tells browser what keyboard to use */\n  @property({type: String}) inputmode = '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 = 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 = '';\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", "i", "ScwInputField", "ScwComponent", "AutoFormatter", "scw_input_field_default", "emit", "e", "y", "__decorateClass", "InputTypes", "AutoCaptializeValues", "AutoCompleteValues", "AutoCorrectValues", "i", "watch"]
 }

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

@@ -1,4 +1,4 @@
-import{a as r,b as c,e as o}from"../chunks/chunk.2LAHOOSK.js";import"../chunks/chunk.YNLLA3ZB.js";import"../chunks/chunk.J5OGWB43.js";import"../chunks/chunk.75W5GH3K.js";import"../chunks/chunk.2WX7XMLC.js";import"../chunks/chunk.33FSL7Y7.js";import"../chunks/chunk.KBIUGQUO.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`
+import{a as c,d as a}from"../chunks/chunk.YPG6CZAZ.js";import"../chunks/chunk.2GGC3YVW.js";import"../chunks/chunk.NW6LQ3YZ.js";import"../chunks/chunk.U37TEBY2.js";import"../chunks/chunk.HMMADQ7Y.js";import"../chunks/chunk.I22BAQME.js";import"../chunks/chunk.KBIUGQUO.js";import"../chunks/chunk.XDWCNUEB.js";import"../chunks/chunk.3DNJZ75B.js";import{a as l}from"../chunks/chunk.3IG37SCP.js";import{a as r}from"../chunks/chunk.PKA6D7UK.js";import{g as i}from"../chunks/chunk.5YJY6NT6.js";var o=l`
 :host {
   background-color: rgba(0, 0, 0, 0);
   align-self: stretch;
@@ -116,8 +116,8 @@ import{a as r,b as c,e as o}from"../chunks/chunk.2LAHOOSK.js";import"../chunks/c
 ::slotted(*) {
   width: 100%;
 }
-/*# 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`
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1pbnB1dC1sYXlvdXQvc2NzcyIsInNvdXJjZXMiOlsic2N3LWlucHV0LnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1pbnB1dC9fbGFiZWwtZmVlZGJhY2stbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1pbnB1dC9fbGFiZWwtZmVlZGJhY2staW5wdXQtbGFiZWwtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1pbnB1dC1sYWJlbC1iYXNlL19kZWZhdWx0LXNjdy1pbnB1dC1sYWJlbC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWlucHV0L19sYWJlbC1mZWVkYmFjay1pbnB1dC1maWVsZC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWlucHV0L19sYWJlbC1mZWVkYmFjay1pbnB1dC1mZWVkYmFjay1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWlucHV0LWZlZWRiYWNrLWJhc2UvX2RlZmF1bHQtc2N3LWlucHV0LWZlZWRiYWNrLW1peGlucy5zY3NzIiwic2N3LWlucHV0LWZpZWxkLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1pbnB1dC1maWVsZC9fcmlnaHQtaWNvbi1yaWdodC1pY29uLTItY29udGVudC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWlucHV0LWZpZWxkL19yaWdodC1pY29uLXJpZ2h0LWljb24tMi1jb250ZW50LWlucHV0LXRleHQtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1pbnB1dC1maWVsZC9fcmlnaHQtaWNvbi1yaWdodC1pY29uLTItY29udGVudC1yaWdodC1pY29uLTItbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1pbnB1dC1maWVsZC9fcmlnaHQtaWNvbi1yaWdodC1pY29uLTItY29udGVudC1yaWdodC1pY29uLW1peGlucy5zY3NzIiwic2N3LWlucHV0LWZpZWxkLWJnLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1pbnB1dC1maWVsZC1iZy9fZGVmYXVsdC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWlucHV0LWZpZWxkLWJnL19kaXNhYmxlZC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWlucHV0LWZpZWxkLWJnL19pbnZhbGlkLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctaW5wdXQtZmllbGQtYmcvX2ZvY3VzZWQtbWl4aW5zLnNjc3MiLCJzY3ctaW5wdXQtbGF5b3V0LnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUUE7RUNFSTtFQUVGO0VBd0JBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBQ0E7RUFDTTtFQUNBOztBRGxDTjtFRUZFO0VBRUY7RUNOQTtFQUNBO0VBSUU7O0FITUY7RUlQRTtFQUVGO0VBQ0E7RUFDQTs7QUpPQTtFS1hFO0VBRUY7RUNOQTtFQUNBO0VBRUU7OztBQ0RGO0VDRUU7RUF5QkY7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFDQTtFQUNNO0VBQ0E7O0FEakNKO0VFRkE7RUFFRjtFQUNBO0VBd0JBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUY3Qkk7O0FFOEJKO0VBQ007RUFDQTs7QUY3Qko7RUdSQTs7QUhZQTtFSVpBOzs7QUNGRjtFQ0VFO0VBRUY7RUFDQTtFQUNBO0VBSUU7RUFFRjs7O0FETkE7RUVKRTtFQUVGO0VBQ0E7RUFDQTtFQUlFO0VBRUY7OztBRkFBO0VHVkU7RUFFRjtFQUNBO0VBQ0E7RUFFRTtFQUlGOzs7QUhNQTtFSWhCRTtFQUVGO0VBQ0E7RUFDQTtFQUlFO0VBRUY7RUFDQTs7O0FDZkY7RUFDRSJ9 */`;var t=class extends a{constructor(){super();this.hideLabel=!1;this.hideFeedback=!1;this.element="input-layout"}static get styles(){return[super.styles,o]}render(){return r`
+      ${this.hideLabel?"":r`
             <div class="input-label">
               ${this.label}
             </div>`}
@@ -125,7 +125,7 @@ import{a as r,b as c,e as o}from"../chunks/chunk.2LAHOOSK.js";import"../chunks/c
         <div class="input-text">
           <slot></slot>
         </div>
-        ${this.right2Icon?l`
+        ${this.right2Icon?r`
             <scw-icon
               class="right-icon-2"
               .icon="${this.right2Icon}"
@@ -133,7 +133,7 @@ import{a as r,b as c,e as o}from"../chunks/chunk.2LAHOOSK.js";import"../chunks/c
               aria-label="Clear Input"
               link>
             </scw-icon>`:""}
-        ${this.rightIcon?l`
+        ${this.rightIcon?r`
             <scw-icon
               class="right-icon"
               .icon="${this.rightIcon}"
@@ -142,7 +142,7 @@ import{a as r,b as c,e as o}from"../chunks/chunk.2LAHOOSK.js";import"../chunks/c
               link>
             </scw-icon>`:""}
       </div>
-      ${this.hideFeedback?"":l`
+      ${this.hideFeedback?"":r`
             <div class="input-feedback">
               ${this.feedback}&nbsp;
             </div>`}

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "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"]
+  "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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1pbnB1dC1sYXlvdXQvc2NzcyIsInNvdXJjZXMiOlsic2N3LWlucHV0LnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1pbnB1dC9fbGFiZWwtZmVlZGJhY2stbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1pbnB1dC9fbGFiZWwtZmVlZGJhY2staW5wdXQtbGFiZWwtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1pbnB1dC1sYWJlbC1iYXNlL19kZWZhdWx0LXNjdy1pbnB1dC1sYWJlbC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWlucHV0L19sYWJlbC1mZWVkYmFjay1pbnB1dC1maWVsZC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWlucHV0L19sYWJlbC1mZWVkYmFjay1pbnB1dC1mZWVkYmFjay1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWlucHV0LWZlZWRiYWNrLWJhc2UvX2RlZmF1bHQtc2N3LWlucHV0LWZlZWRiYWNrLW1peGlucy5zY3NzIiwic2N3LWlucHV0LWZpZWxkLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1pbnB1dC1maWVsZC9fcmlnaHQtaWNvbi1yaWdodC1pY29uLTItY29udGVudC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWlucHV0LWZpZWxkL19yaWdodC1pY29uLXJpZ2h0LWljb24tMi1jb250ZW50LWlucHV0LXRleHQtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1pbnB1dC1maWVsZC9fcmlnaHQtaWNvbi1yaWdodC1pY29uLTItY29udGVudC1yaWdodC1pY29uLTItbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1pbnB1dC1maWVsZC9fcmlnaHQtaWNvbi1yaWdodC1pY29uLTItY29udGVudC1yaWdodC1pY29uLW1peGlucy5zY3NzIiwic2N3LWlucHV0LWZpZWxkLWJnLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1pbnB1dC1maWVsZC1iZy9fZGVmYXVsdC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWlucHV0LWZpZWxkLWJnL19kaXNhYmxlZC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWlucHV0LWZpZWxkLWJnL19pbnZhbGlkLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctaW5wdXQtZmllbGQtYmcvX2ZvY3VzZWQtbWl4aW5zLnNjc3MiLCJzY3ctaW5wdXQtbGF5b3V0LnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUUE7RUNFSTtFQUVGO0VBd0JBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBQ0E7RUFDTTtFQUNBOztBRGxDTjtFRUZFO0VBRUY7RUNOQTtFQUNBO0VBSUU7O0FITUY7RUlQRTtFQUVGO0VBQ0E7RUFDQTs7QUpPQTtFS1hFO0VBRUY7RUNOQTtFQUNBO0VBRUU7OztBQ0RGO0VDRUU7RUF5QkY7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFDQTtFQUNNO0VBQ0E7O0FEakNKO0VFRkE7RUFFRjtFQUNBO0VBd0JBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUY3Qkk7O0FFOEJKO0VBQ007RUFDQTs7QUY3Qko7RUdSQTs7QUhZQTtFSVpBOzs7QUNGRjtFQ0VFO0VBRUY7RUFDQTtFQUNBO0VBSUU7RUFFRjs7O0FETkE7RUVKRTtFQUVGO0VBQ0E7RUFDQTtFQUlFO0VBRUY7OztBRkFBO0VHVkU7RUFFRjtFQUNBO0VBQ0E7RUFFRTtFQUlGOzs7QUhNQTtFSWhCRTtFQUVGO0VBQ0E7RUFDQTtFQUlFO0VBRUY7RUFDQTs7O0FDZkY7RUFDRSJ9 */`;\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 = false;\n\n  /** (ScwInputLayout) hides the feedback label */\n  @property({type: String, attribute: 'hide-feedback'})\n    hideFeedback = 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": "ueACA,IAAOA,EAAQC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;quFCaf,IAAqBC,EAArB,cAA4CC,CAAa,CAYvD,aAAc,CACZ,MAAM,EAeN,eAAY,GAIZ,kBAAe,GAlBf,KAAK,sBACP,CAXA,WAAW,QAAS,CAClB,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,wBAIAI,EAAA,CADDC,EAAS,CAAC,KAAM,OAAQ,UAAW,YAAY,CAAC,GA3B9BL,EA4BjB,yBAIAI,EAAA,CADDC,EAAS,CAAC,KAAM,OAAQ,UAAW,eAAe,CAAC,GA/BjCL,EAgCjB,4BAIAI,EAAA,CADDC,EAAS,CAAC,KAAM,OAAQ,UAAW,YAAY,CAAC,GAnC9BL,EAoCjB,yBAIAI,EAAA,CADDC,EAAS,CAAC,KAAM,OAAQ,UAAW,cAAc,CAAC,GAvChCL,EAwCjB",
+  "names": ["scw_input_layout_default", "i", "ScwInputLayout", "ScwComponent", "scw_input_layout_default", "y", "__decorateClass", "e"]
 }

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

@@ -1,2 +1,2 @@
-import{a}from"../chunks/chunk.4LJQJY4M.js";import"../chunks/chunk.2LAHOOSK.js";import"../chunks/chunk.YNLLA3ZB.js";import"../chunks/chunk.J5OGWB43.js";import"../chunks/chunk.75W5GH3K.js";import"../chunks/chunk.2WX7XMLC.js";import"../chunks/chunk.33FSL7Y7.js";import"../chunks/chunk.KBIUGQUO.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};
+import{a}from"../chunks/chunk.TCNCQW36.js";import"../chunks/chunk.YPG6CZAZ.js";import"../chunks/chunk.2GGC3YVW.js";import"../chunks/chunk.NW6LQ3YZ.js";import"../chunks/chunk.U37TEBY2.js";import"../chunks/chunk.HMMADQ7Y.js";import"../chunks/chunk.I22BAQME.js";import"../chunks/chunk.KBIUGQUO.js";import"../chunks/chunk.XDWCNUEB.js";import"../chunks/chunk.3DNJZ75B.js";import"../chunks/chunk.3IG37SCP.js";import"../chunks/chunk.PKA6D7UK.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.QSH5IYLY.js";import"../chunks/chunk.I4ZVEUHX.js";import"../chunks/chunk.TE6ZDRYB.js";import"../chunks/chunk.MQ57PGFU.js";import"../chunks/chunk.T25QZW3W.js";import"../chunks/chunk.56YMDF4N.js";import"../chunks/chunk.GATDLRXZ.js";import"../chunks/chunk.2LAHOOSK.js";import"../chunks/chunk.YNLLA3ZB.js";import"../chunks/chunk.J5OGWB43.js";import"../chunks/chunk.75W5GH3K.js";import"../chunks/chunk.2WX7XMLC.js";import"../chunks/chunk.33FSL7Y7.js";import"../chunks/chunk.KBIUGQUO.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};
+import{a}from"../chunks/chunk.HPVM5CYA.js";import"../chunks/chunk.I4ZVEUHX.js";import"../chunks/chunk.74TIZTI7.js";import"../chunks/chunk.WJ7GGTRH.js";import"../chunks/chunk.RSR7WC4R.js";import"../chunks/chunk.6HCGKTZQ.js";import"../chunks/chunk.GATDLRXZ.js";import"../chunks/chunk.YPG6CZAZ.js";import"../chunks/chunk.2GGC3YVW.js";import"../chunks/chunk.NW6LQ3YZ.js";import"../chunks/chunk.U37TEBY2.js";import"../chunks/chunk.HMMADQ7Y.js";import"../chunks/chunk.I22BAQME.js";import"../chunks/chunk.KBIUGQUO.js";import"../chunks/chunk.XDWCNUEB.js";import"../chunks/chunk.3DNJZ75B.js";import"../chunks/chunk.3IG37SCP.js";import"../chunks/chunk.PKA6D7UK.js";import"../chunks/chunk.5YJY6NT6.js";export{a as default};
 //# sourceMappingURL=ScwLink.js.map

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

@@ -1,2 +1,2 @@
-import"../chunks/chunk.YMIT4ZQO.js";import"../chunks/chunk.QSH5IYLY.js";import"../chunks/chunk.I4ZVEUHX.js";import"../chunks/chunk.TE6ZDRYB.js";import"../chunks/chunk.MQ57PGFU.js";import"../chunks/chunk.T25QZW3W.js";import"../chunks/chunk.56YMDF4N.js";import"../chunks/chunk.GATDLRXZ.js";import"../chunks/chunk.2LAHOOSK.js";import"../chunks/chunk.YNLLA3ZB.js";import"../chunks/chunk.J5OGWB43.js";import"../chunks/chunk.75W5GH3K.js";import"../chunks/chunk.2WX7XMLC.js";import"../chunks/chunk.33FSL7Y7.js";import"../chunks/chunk.KBIUGQUO.js";import"../chunks/chunk.XDWCNUEB.js";import"../chunks/chunk.IHVBWZ57.js";import"../chunks/chunk.3DNJZ75B.js";import"../chunks/chunk.5YJY6NT6.js";
+import"../chunks/chunk.UD3ZBT5N.js";import"../chunks/chunk.HPVM5CYA.js";import"../chunks/chunk.I4ZVEUHX.js";import"../chunks/chunk.74TIZTI7.js";import"../chunks/chunk.WJ7GGTRH.js";import"../chunks/chunk.RSR7WC4R.js";import"../chunks/chunk.6HCGKTZQ.js";import"../chunks/chunk.GATDLRXZ.js";import"../chunks/chunk.YPG6CZAZ.js";import"../chunks/chunk.2GGC3YVW.js";import"../chunks/chunk.NW6LQ3YZ.js";import"../chunks/chunk.U37TEBY2.js";import"../chunks/chunk.HMMADQ7Y.js";import"../chunks/chunk.I22BAQME.js";import"../chunks/chunk.KBIUGQUO.js";import"../chunks/chunk.XDWCNUEB.js";import"../chunks/chunk.3DNJZ75B.js";import"../chunks/chunk.3IG37SCP.js";import"../chunks/chunk.PKA6D7UK.js";import"../chunks/chunk.5YJY6NT6.js";
 //# sourceMappingURL=scw-link.js.map