scu-web-components 0.0.36 → 0.0.38

package/dist/scw-card/scw-card.js

@@ -1,2 +1,2 @@
-import"../chunks/chunk.WYMSBELD.js";import"../chunks/chunk.3GINL7BY.js";import"../chunks/chunk.NBLIIWTN.js";import"../chunks/chunk.7R4H4Y4E.js";import"../chunks/chunk.E2LMFNXM.js";import"../chunks/chunk.UXIAMI3F.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.KSN3XTKS.js";import"../chunks/chunk.GY2K4PRQ.js";import"../chunks/chunk.5YJY6NT6.js";
+import"../chunks/chunk.EKO2U67G.js";import"../chunks/chunk.Z33WOMHY.js";import"../chunks/chunk.NBLIIWTN.js";import"../chunks/chunk.B553YCD2.js";import"../chunks/chunk.JHP2OQDD.js";import"../chunks/chunk.UXIAMI3F.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.KSN3XTKS.js";import"../chunks/chunk.GY2K4PRQ.js";import"../chunks/chunk.5YJY6NT6.js";
 //# sourceMappingURL=scw-card.js.map

package/dist/scw-components.js

@@ -1,2 +1,2 @@
-import"./chunks/chunk.VX2BVZKA.js";import"./chunks/chunk.QIDYSTUJ.js";import"./chunks/chunk.QZ7HSWXB.js";import"./chunks/chunk.UD3ZBT5N.js";import"./chunks/chunk.T5LGHR6T.js";import"./chunks/chunk.2PTB2ZGW.js";import"./chunks/chunk.UXHVIMZV.js";import"./chunks/chunk.ZTRQFSO3.js";import"./chunks/chunk.Q2V4UOPC.js";import"./chunks/chunk.F6VIM5PL.js";import"./chunks/chunk.BZX2XGGQ.js";import"./chunks/chunk.PJKUHCBZ.js";import"./chunks/chunk.7QJCD7HR.js";import"./chunks/chunk.FSF6MEVS.js";import"./chunks/chunk.ZAZY7DM4.js";import"./chunks/chunk.OWDSVUYS.js";import"./chunks/chunk.YEADT2TW.js";import"./chunks/chunk.4GKNHIQO.js";import"./chunks/chunk.6YJJGD4O.js";import"./chunks/chunk.A6Q2K43E.js";import"./chunks/chunk.OOCO42E3.js";import"./chunks/chunk.EJBBXIW3.js";import"./chunks/chunk.LF7O52LC.js";import"./chunks/chunk.5HOTUYMS.js";import"./chunks/chunk.6DQVOVVF.js";import"./chunks/chunk.F5EH24XU.js";import"./chunks/chunk.NJ4UGLWQ.js";import"./chunks/chunk.6YTRIX7O.js";import"./chunks/chunk.V2C64IPL.js";import"./chunks/chunk.HPVM5CYA.js";import"./chunks/chunk.I4ZVEUHX.js";import"./chunks/chunk.74TIZTI7.js";import"./chunks/chunk.WJ7GGTRH.js";import"./chunks/chunk.5BIMBPIM.js";import"./chunks/chunk.WXC634JO.js";import"./chunks/chunk.2T4VPIKP.js";import"./chunks/chunk.WYMSBELD.js";import"./chunks/chunk.3GINL7BY.js";import"./chunks/chunk.NBLIIWTN.js";import"./chunks/chunk.7R4H4Y4E.js";import"./chunks/chunk.E2LMFNXM.js";import"./chunks/chunk.UXIAMI3F.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.KSN3XTKS.js";import"./chunks/chunk.GY2K4PRQ.js";import"./chunks/chunk.5YJY6NT6.js";
+import"./chunks/chunk.VX2BVZKA.js";import"./chunks/chunk.QIDYSTUJ.js";import"./chunks/chunk.QZ7HSWXB.js";import"./chunks/chunk.JMSZAZI2.js";import"./chunks/chunk.ZXF75OFN.js";import"./chunks/chunk.25Y56VFF.js";import"./chunks/chunk.UXHVIMZV.js";import"./chunks/chunk.ZTRQFSO3.js";import"./chunks/chunk.Q2V4UOPC.js";import"./chunks/chunk.F6VIM5PL.js";import"./chunks/chunk.BZX2XGGQ.js";import"./chunks/chunk.PJKUHCBZ.js";import"./chunks/chunk.7QJCD7HR.js";import"./chunks/chunk.FSF6MEVS.js";import"./chunks/chunk.ZAZY7DM4.js";import"./chunks/chunk.OWDSVUYS.js";import"./chunks/chunk.ZYN4B53C.js";import"./chunks/chunk.HXKNXPNI.js";import"./chunks/chunk.6YJJGD4O.js";import"./chunks/chunk.A6Q2K43E.js";import"./chunks/chunk.OOCO42E3.js";import"./chunks/chunk.EJBBXIW3.js";import"./chunks/chunk.LF7O52LC.js";import"./chunks/chunk.5HOTUYMS.js";import"./chunks/chunk.6DQVOVVF.js";import"./chunks/chunk.F5EH24XU.js";import"./chunks/chunk.NJ4UGLWQ.js";import"./chunks/chunk.O7SLV6Z5.js";import"./chunks/chunk.L4WYJ64R.js";import"./chunks/chunk.J7LF5ASZ.js";import"./chunks/chunk.I4ZVEUHX.js";import"./chunks/chunk.ERNX5BQF.js";import"./chunks/chunk.WJ7GGTRH.js";import"./chunks/chunk.G2O2ET7E.js";import"./chunks/chunk.WXC634JO.js";import"./chunks/chunk.2T4VPIKP.js";import"./chunks/chunk.EKO2U67G.js";import"./chunks/chunk.Z33WOMHY.js";import"./chunks/chunk.NBLIIWTN.js";import"./chunks/chunk.B553YCD2.js";import"./chunks/chunk.JHP2OQDD.js";import"./chunks/chunk.UXIAMI3F.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.KSN3XTKS.js";import"./chunks/chunk.GY2K4PRQ.js";import"./chunks/chunk.5YJY6NT6.js";
 //# sourceMappingURL=scw-components.js.map

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

@@ -1,2 +1,2 @@
-import{a,b,c}from"../chunks/chunk.5BIMBPIM.js";import"../chunks/chunk.WXC634JO.js";import"../chunks/chunk.7R4H4Y4E.js";import"../chunks/chunk.E2LMFNXM.js";import"../chunks/chunk.UXIAMI3F.js";import"../chunks/chunk.RSR7WC4R.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{b as ScwFormComponentSubmitTypes,a as ScwFormComponentTypes,c as default};
+import{a,b,c}from"../chunks/chunk.G2O2ET7E.js";import"../chunks/chunk.WXC634JO.js";import"../chunks/chunk.B553YCD2.js";import"../chunks/chunk.JHP2OQDD.js";import"../chunks/chunk.UXIAMI3F.js";import"../chunks/chunk.RSR7WC4R.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{b as ScwFormComponentSubmitTypes,a as ScwFormComponentTypes,c as default};
 //# sourceMappingURL=scw-form-component.js.map

package/dist/scw-icon/ScwIcon.js

@@ -1,2 +1,2 @@
-import{a}from"../chunks/chunk.4GKNHIQO.js";import"../chunks/chunk.6YJJGD4O.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};
+import{a}from"../chunks/chunk.HXKNXPNI.js";import"../chunks/chunk.6YJJGD4O.js";import"../chunks/chunk.ERNX5BQF.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=ScwIcon.js.map

package/dist/scw-icon/scw-icon.js

@@ -1,2 +1,2 @@
-import"../chunks/chunk.YEADT2TW.js";import"../chunks/chunk.4GKNHIQO.js";import"../chunks/chunk.6YJJGD4O.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";
+import"../chunks/chunk.ZYN4B53C.js";import"../chunks/chunk.HXKNXPNI.js";import"../chunks/chunk.6YJJGD4O.js";import"../chunks/chunk.ERNX5BQF.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-icon.js.map

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

@@ -1,4 +1,4 @@
-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`
+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.G2O2ET7E.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.B553YCD2.js";import"../chunks/chunk.JHP2OQDD.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;
 }

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

@@ -1,4 +1,4 @@
-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`
+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 l}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 s}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=s`
 :host {
   position: relative;
   display: block;
@@ -7,7 +7,8 @@ import{a as n}from"../chunks/chunk.7A7HJBKL.js";import{a as p,b as h,c as d}from
   text-align: LEFT;
   font: var(--scw-type-text-04-font);
   color: var(--scw-color-grey);
-  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));
+  flex: 1;
+  padding: var(--scw-input-padding, calc(var(--scw-spacing-1) * 0.9) calc(var(--scw-spacing-1) * 1.5) calc(var(--scw-spacing-1) * 0.9) calc(var(--scw-spacing-1) * 1.5));
   position: absolute;
   top: 0;
   left: 0;
@@ -21,9 +22,10 @@ import{a as n}from"../chunks/chunk.7A7HJBKL.js";import{a as p,b as h,c as d}from
   text-align: LEFT;
   font: var(--scw-type-text-04-font);
   color: var(--scw-color-grey-02);
+  flex: 1;
   border: none;
   background-color: rgba(0, 0, 0, 0);
-  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));
+  padding: var(--scw-input-padding, calc(var(--scw-spacing-1) * 0.9) calc(var(--scw-spacing-1) * 1.5) calc(var(--scw-spacing-1) * 0.9) calc(var(--scw-spacing-1) * 1.5));
   width: 100%;
   box-sizing: border-box;
   min-height: var(--scw-min-height, 32px);
@@ -38,8 +40,9 @@ import{a as n}from"../chunks/chunk.7A7HJBKL.js";import{a as p,b as h,c as d}from
   text-align: LEFT;
   font: var(--scw-type-text-04-font);
   color: var(--scw-color-grey-07);
+  flex: 1;
 }
-/*# 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`
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1pbnB1dC1maWVsZC9zY3NzIiwic291cmNlcyI6WyJzY3ctaW5wdXQtZmllbGQuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWlucHV0LXRleHQtYmFzZS9fcGxhY2Vob2xkZXItdGV4dC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWlucHV0LXRleHQtYmFzZS9fZGVmYXVsdC10ZXh0LW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctaW5wdXQtdGV4dC1iYXNlL19kaXNhYmxlZC10ZXh0LW1peGlucy5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVFBO0VBR0U7RUFDQTs7QUFFQTtFQ1JBO0VBQ0E7RUFJRTtFQUVGO0VER0U7RUFRQTtFQUNBO0VBQVE7RUFDUjtFQUVBO0VBQ0E7RUFFQTtFQUNBOztBQUlGO0VFOUJBO0VBQ0E7RUFJRTtFQUVGO0VGMEJFO0VBQ0E7RUFFQTtFQVFBO0VBQ0E7RUFDQTtFQUVBO0VBQ0E7O0FBR0Y7RUFDRTs7O0FBS0Y7RUcxREE7RUFDQTtFQUlFO0VBRUYifQ== */`;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 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),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}"

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,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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",
+  "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  flex: 1;\n  padding: var(--scw-input-padding, calc(var(--scw-spacing-1) * 0.9) calc(var(--scw-spacing-1) * 1.5) calc(var(--scw-spacing-1) * 0.9) 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  flex: 1;\n  border: none;\n  background-color: rgba(0, 0, 0, 0);\n  padding: var(--scw-input-padding, calc(var(--scw-spacing-1) * 0.9) calc(var(--scw-spacing-1) * 1.5) calc(var(--scw-spacing-1) * 0.9) 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  flex: 1;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1pbnB1dC1maWVsZC9zY3NzIiwic291cmNlcyI6WyJzY3ctaW5wdXQtZmllbGQuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWlucHV0LXRleHQtYmFzZS9fcGxhY2Vob2xkZXItdGV4dC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWlucHV0LXRleHQtYmFzZS9fZGVmYXVsdC10ZXh0LW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctaW5wdXQtdGV4dC1iYXNlL19kaXNhYmxlZC10ZXh0LW1peGlucy5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVFBO0VBR0U7RUFDQTs7QUFFQTtFQ1JBO0VBQ0E7RUFJRTtFQUVGO0VER0U7RUFRQTtFQUNBO0VBQVE7RUFDUjtFQUVBO0VBQ0E7RUFFQTtFQUNBOztBQUlGO0VFOUJBO0VBQ0E7RUFJRTtFQUVGO0VGMEJFO0VBQ0E7RUFFQTtFQVFBO0VBQ0E7RUFDQTtFQUVBO0VBQ0E7O0FBR0Y7RUFDRTs7O0FBS0Y7RUcxREE7RUFDQTtFQUlFO0VBRUYifQ== */`;\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

@@ -43,7 +43,7 @@ import{a as c,d as a}from"../chunks/chunk.YPG6CZAZ.js";import"../chunks/chunk.2G
   justify-content: flex-start;
   align-items: center;
   padding-left: 0px;
-  padding-right: 0px;
+  padding-right: var(--scw-spacing-1);
   padding-top: 0px;
   padding-bottom: 0px;
 }
@@ -61,8 +61,8 @@ import{a as c,d as a}from"../chunks/chunk.YPG6CZAZ.js";import"../chunks/chunk.2G
   align-items: flex-start;
   padding-left: calc(var(--scw-spacing-1) * 1.5);
   padding-right: calc(var(--scw-spacing-1) * 1.5);
-  padding-top: calc(var(--scw-spacing-1) * 0.8);
-  padding-bottom: calc(var(--scw-spacing-1) * 0.8);
+  padding-top: calc(var(--scw-spacing-1) * 0.9);
+  padding-bottom: calc(var(--scw-spacing-1) * 0.9);
   padding: 0;
 }
 :host .input-field .input-text > *:not(:last-child) {
@@ -77,9 +77,9 @@ import{a as c,d as a}from"../chunks/chunk.YPG6CZAZ.js";import"../chunks/chunk.2G
 }
 
 :host .input-field {
-  background-color: var(--scw-color-grey-095);
+  background-color: var(--scw-color-grey-10);
   border-radius: 6px 6px 6px 6px;
-  border-width: 2px;
+  border-width: 1px;
   border-style: solid;
   border-color: var(--scw-color-grey-09);
   align-self: stretch;
@@ -88,7 +88,7 @@ import{a as c,d as a}from"../chunks/chunk.YPG6CZAZ.js";import"../chunks/chunk.2G
 :host([aria-disabled=true]) .input-field {
   background-color: var(--scw-color-grey-092);
   border-radius: 6px 6px 6px 6px;
-  border-width: 2px;
+  border-width: 1px;
   border-style: solid;
   border-color: var(--scw-color-grey-09);
   align-self: stretch;
@@ -97,7 +97,7 @@ import{a as c,d as a}from"../chunks/chunk.YPG6CZAZ.js";import"../chunks/chunk.2G
 :host([invalid]) .input-field {
   background-color: var(--scw-color-grey-095);
   border-radius: 6px 6px 6px 6px;
-  border-width: 2px;
+  border-width: 1px;
   border-style: solid;
   border-color: var(--scw-color, var(--scw-color-error));
   align-self: stretch;
@@ -106,7 +106,7 @@ import{a as c,d as a}from"../chunks/chunk.YPG6CZAZ.js";import"../chunks/chunk.2G
 :host([focused]) .input-field {
   background-color: var(--scw-color-grey-095);
   border-radius: 6px 6px 6px 6px;
-  border-width: 2px;
+  border-width: 1px;
   border-style: solid;
   border-color: var(--scw-color-grey-08);
   box-shadow: var(--scw-effect-focus-shadow);

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,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"],
+  "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: var(--scw-spacing-1);\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.9);\n  padding-bottom: calc(var(--scw-spacing-1) * 0.9);\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-10);\n  border-radius: 6px 6px 6px 6px;\n  border-width: 1px;\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: 1px;\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: 1px;\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: 1px;\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-link/ScwLink.js

@@ -1,2 +1,2 @@
-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};
+import{a}from"../chunks/chunk.J7LF5ASZ.js";import"../chunks/chunk.I4ZVEUHX.js";import"../chunks/chunk.ERNX5BQF.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.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";
+import"../chunks/chunk.JMSZAZI2.js";import"../chunks/chunk.J7LF5ASZ.js";import"../chunks/chunk.I4ZVEUHX.js";import"../chunks/chunk.ERNX5BQF.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

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

@@ -1,2 +1,2 @@
-import{a}from"../chunks/chunk.2PTB2ZGW.js";import"../chunks/chunk.UXHVIMZV.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";export{a as default};
+import{a}from"../chunks/chunk.25Y56VFF.js";import"../chunks/chunk.UXHVIMZV.js";import"../chunks/chunk.J7LF5ASZ.js";import"../chunks/chunk.I4ZVEUHX.js";import"../chunks/chunk.ERNX5BQF.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=ScwMenuItem.js.map

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

@@ -1,2 +1,2 @@
-import"../chunks/chunk.T5LGHR6T.js";import"../chunks/chunk.2PTB2ZGW.js";import"../chunks/chunk.UXHVIMZV.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";
+import"../chunks/chunk.ZXF75OFN.js";import"../chunks/chunk.25Y56VFF.js";import"../chunks/chunk.UXHVIMZV.js";import"../chunks/chunk.J7LF5ASZ.js";import"../chunks/chunk.I4ZVEUHX.js";import"../chunks/chunk.ERNX5BQF.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-menu-item.js.map

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

@@ -1,4 +1,4 @@
-import{a as p}from"../chunks/chunk.HD75M3T5.js";import{c as v}from"../chunks/chunk.5BIMBPIM.js";import"../chunks/chunk.WXC634JO.js";import{a as s}from"../chunks/chunk.2T4VPIKP.js";import{a as d,b as i}from"../chunks/chunk.NBLIIWTN.js";import{a as u}from"../chunks/chunk.7R4H4Y4E.js";import"../chunks/chunk.E2LMFNXM.js";import"../chunks/chunk.UXIAMI3F.js";import"../chunks/chunk.RSR7WC4R.js";import{a as n,b as r}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"../chunks/chunk.PKA6D7UK.js";import{g as a}from"../chunks/chunk.5YJY6NT6.js";var h=l`
+import{a as p}from"../chunks/chunk.HD75M3T5.js";import{c as v}from"../chunks/chunk.G2O2ET7E.js";import"../chunks/chunk.WXC634JO.js";import{a as s}from"../chunks/chunk.2T4VPIKP.js";import{a as d,b as i}from"../chunks/chunk.NBLIIWTN.js";import{a as u}from"../chunks/chunk.B553YCD2.js";import"../chunks/chunk.JHP2OQDD.js";import"../chunks/chunk.UXIAMI3F.js";import"../chunks/chunk.RSR7WC4R.js";import{a as n,b as r}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"../chunks/chunk.PKA6D7UK.js";import{g as a}from"../chunks/chunk.5YJY6NT6.js";var h=l`
 :host {
   display: block;
 }
@@ -11,7 +11,8 @@ import{a as p}from"../chunks/chunk.HD75M3T5.js";import{c as v}from"../chunks/chu
   text-align: LEFT;
   font: var(--scw-type-text-04-font);
   color: var(--scw-color-grey);
-  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));
+  flex: 1;
+  padding: var(--scw-input-padding, calc(var(--scw-spacing-1) * 0.9) calc(var(--scw-spacing-1) * 1.5) calc(var(--scw-spacing-1) * 0.9) calc(var(--scw-spacing-1) * 1.5));
   z-index: 1;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -26,7 +27,8 @@ import{a as p}from"../chunks/chunk.HD75M3T5.js";import{c as v}from"../chunks/chu
   text-align: LEFT;
   font: var(--scw-type-text-04-font);
   color: var(--scw-color-grey-02);
-  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));
+  flex: 1;
+  padding: var(--scw-input-padding, calc(var(--scw-spacing-1) * 0.9) calc(var(--scw-spacing-1) * 1.5) calc(var(--scw-spacing-1) * 0.9) calc(var(--scw-spacing-1) * 1.5));
   width: calc( 100% - calc(var(--scw-spacing-1) * 1.5) );
   min-height: var(--scw-min-height, 32px);
   box-sizing: border-box;
@@ -43,8 +45,9 @@ import{a as p}from"../chunks/chunk.HD75M3T5.js";import{c as v}from"../chunks/chu
   text-align: LEFT;
   font: var(--scw-type-text-04-font);
   color: var(--scw-color-grey-07);
+  flex: 1;
 }
-/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1zZWxlY3Qvc2NzcyIsInNvdXJjZXMiOlsic2N3LXNlbGVjdC5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctaW5wdXQtdGV4dC1iYXNlL19wbGFjZWhvbGRlci10ZXh0LW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctaW5wdXQtdGV4dC1iYXNlL19kZWZhdWx0LXRleHQtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1pbnB1dC10ZXh0LWJhc2UvX2Rpc2FibGVkLXRleHQtbWl4aW5zLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTUE7RUFDRTs7O0FBSUY7RUFDRTtFQUNBOztBQUVBO0VDVEE7RUFDQTtFQUlFO0VET0E7RUFRQTtFQUNBO0VBQ0E7RUFFQTtFQUNBO0VBQVE7O0FBRVI7RUFDRTs7QUFJSjtFRWhDQTtFQUNBO0VBSUU7RUY4QkE7RUFRQTtFQUNBO0VBQ0E7RUFFQTtFQUNBO0VBQ0E7RUFDQTs7QUFFQTtFQUNFOzs7QUFNSjtFRzNEQTtFQUNBO0VBSUUifQ== */`;var e=class extends v{constructor(){super();this._options=[];this.type="text";this.element="input";let t=u();this.scwInputLayout=d(`scw-${"input-layout"}${t}`)}static get styles(){return[super.styles,h]}connectedCallback(){super.connectedCallback()}parseAndValidateLightDom(){super.parseAndValidateLightDom();let t=this.querySelectorAll(":scope > option"),f=Array.from(t).map(o=>{let c=o.value;return i`
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1zZWxlY3Qvc2NzcyIsInNvdXJjZXMiOlsic2N3LXNlbGVjdC5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctaW5wdXQtdGV4dC1iYXNlL19wbGFjZWhvbGRlci10ZXh0LW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctaW5wdXQtdGV4dC1iYXNlL19kZWZhdWx0LXRleHQtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1pbnB1dC10ZXh0LWJhc2UvX2Rpc2FibGVkLXRleHQtbWl4aW5zLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTUE7RUFDRTs7O0FBSUY7RUFDRTtFQUNBOztBQUVBO0VDVEE7RUFDQTtFQUlFO0VBRUY7RURLRTtFQVFBO0VBQ0E7RUFDQTtFQUVBO0VBQ0E7RUFBUTs7QUFFUjtFQUNFOztBQUlKO0VFaENBO0VBQ0E7RUFJRTtFQUVGO0VGNEJFO0VBUUE7RUFDQTtFQUNBO0VBRUE7RUFDQTtFQUNBO0VBQ0E7O0FBRUE7RUFDRTs7O0FBTUo7RUczREE7RUFDQTtFQUlFO0VBRUYifQ== */`;var e=class extends v{constructor(){super();this._options=[];this.type="text";this.element="input";let t=u();this.scwInputLayout=d(`scw-${"input-layout"}${t}`)}static get styles(){return[super.styles,h]}connectedCallback(){super.connectedCallback()}parseAndValidateLightDom(){super.parseAndValidateLightDom();let t=this.querySelectorAll(":scope > option"),f=Array.from(t).map(o=>{let c=o.value;return i`
           <option
             value=${c}
             ?selected=${c===this.value}>

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/scw-select/scss/scw-select.scss", "../../src/scw-select/scw-select.ts"],
-  "sourcesContent": ["import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host {\n  display: block;\n}\n\n.input-field {\n  width: 100%;\n  position: relative;\n}\n.input-field .placeholder {\n  text-align: LEFT;\n  font: var(--scw-type-text-04-font);\n  color: var(--scw-color-grey);\n  padding: var(--scw-input-padding, calc(var(--scw-spacing-1) * 0.8) calc(var(--scw-spacing-1) * 1.5) calc(var(--scw-spacing-1) * 0.8) calc(var(--scw-spacing-1) * 1.5));\n  z-index: 1;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  position: absolute;\n  top: 0;\n  left: 0;\n}\n.input-field .placeholder[scw-hide] {\n  display: none;\n}\n.input-field select {\n  text-align: LEFT;\n  font: var(--scw-type-text-04-font);\n  color: var(--scw-color-grey-02);\n  padding: var(--scw-input-padding, calc(var(--scw-spacing-1) * 0.8) calc(var(--scw-spacing-1) * 1.5) calc(var(--scw-spacing-1) * 0.8) calc(var(--scw-spacing-1) * 1.5));\n  width: calc( 100% - calc(var(--scw-spacing-1) * 1.5) );\n  min-height: var(--scw-min-height, 32px);\n  box-sizing: border-box;\n  border: 0;\n  background-color: rgba(0, 0, 0, 0);\n  z-index: 2;\n  position: relative;\n}\n.input-field select:focus {\n  outline: none;\n}\n\n:host([aria-disabled=true]) textarea {\n  text-align: LEFT;\n  font: var(--scw-type-text-04-font);\n  color: var(--scw-color-grey-07);\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1zZWxlY3Qvc2NzcyIsInNvdXJjZXMiOlsic2N3LXNlbGVjdC5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctaW5wdXQtdGV4dC1iYXNlL19wbGFjZWhvbGRlci10ZXh0LW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctaW5wdXQtdGV4dC1iYXNlL19kZWZhdWx0LXRleHQtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1pbnB1dC10ZXh0LWJhc2UvX2Rpc2FibGVkLXRleHQtbWl4aW5zLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTUE7RUFDRTs7O0FBSUY7RUFDRTtFQUNBOztBQUVBO0VDVEE7RUFDQTtFQUlFO0VET0E7RUFRQTtFQUNBO0VBQ0E7RUFFQTtFQUNBO0VBQVE7O0FBRVI7RUFDRTs7QUFJSjtFRWhDQTtFQUNBO0VBSUU7RUY4QkE7RUFRQTtFQUNBO0VBQ0E7RUFFQTtFQUNBO0VBQ0E7RUFDQTs7QUFFQTtFQUNFOzs7QUFNSjtFRzNEQTtFQUNBO0VBSUUifQ== */`;\n", "import {html} from 'lit/static-html.js';// import {html} from 'lit';\nimport {unsafeStatic} from 'lit/static-html.js';// USE DIFFERENT 'html'!!!!\nimport {property, state} from 'lit/decorators.js';\nimport ScwFormComponent from '../scw-form-component/scw-form-component';\nimport {Components} from '../utils/enums/Components';\nimport styles from './scss/scw-select.scss';\nimport {InputTypes} from '../scw-input-field/inputTypes';\nimport {emit} from '../utils/events/event';\nimport {ScwEvents} from '../utils/events/event';\nimport getSuffix from '../utils/suffix';\n\n/**\n * ScwSelect\n * @class\n * @tag scw-select\n *\n * @cssprop --scw-input-padding - controls the padding around text input\n * @cssprop --scw-min-height - minimum height of the textarea\n * @event scw-focus input recieved focus\n * @event scw-blur input lost focus\n * @event scw-value-change value has changed (not necessarily value displayed)\n */\nexport default class ScwSelect extends ScwFormComponent {\n  /**\n  * styles\n  */\n  static get styles() {\n    return [\n      super.styles,\n      styles,\n    ];\n  }\n\n  /** constructor */\n  constructor() {\n    super();\n    this.element = Components.input;\n\n    const suffix = getSuffix();\n    this.scwInputLayout = unsafeStatic(\n        `scw-${Components.inputLayout}${suffix}`,\n    );\n  }\n\n  /** connectedCallback */\n  connectedCallback(): void {\n    super.connectedCallback();\n  }\n\n  /** override with options */\n  parseAndValidateLightDom() {\n    super.parseAndValidateLightDom();\n    const options = this.querySelectorAll(':scope > option');\n    const optionHtml = Array.from( options ).map(\n        (option) => {\n          const optionValue = option['value'];\n          return html`\n          <option\n            value=${optionValue}\n            ?selected=${optionValue === this.value}>\n            ${option.textContent}\n          </option>`;\n        },\n    );\n    this._options = [html`\n      <option\n        value=\"\"\n        ?selected=${'' === this.value}>\n      </option>`, ...optionHtml];\n  }\n\n  // ============== ScwSelect ==================================================\n  /** _options  */\n  @state()\n    _options: any[] = [];\n\n  /** scw-single-input-layout with versioning suffix */\n  scwInputLayout : any;\n\n  /** (ScwSelectField) type of input field */\n  @property({type: InputTypes})\n    type: InputTypes = InputTypes.text;\n\n  /**\n  * handle focus into input\n  */\n  _focusHandler() {\n    this.focused = true;\n  }\n\n  /**\n  * handle blurs from input\n  */\n  _blurHandler() {\n    this.focused = false;\n    this.validate();\n  }\n\n  /**\n  * handle changes from input\n  * @param {CustomEvent} evt\n  */\n  _valueChangeHandler(evt: Event) {\n    if (evt.target ) {\n      this.value = ( evt.target as unknown as HTMLSelectElement ).value;\n      emit(\n          ScwEvents.valueChange,\n          this,\n      );\n    }\n  }\n\n  /**\n   * checkForSubmit\n   * @param {KeyboardEvent} evt\n   */\n  checkForSubmit(evt: KeyboardEvent) {\n    if (evt.key === 'Enter') {\n      emit(\n          ScwEvents.submitIntent,\n          this,\n      );\n    }\n  }\n\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n  render(): object {\n    return html`\n      <${this.scwInputLayout}\n        .label=${this.ariaLabel}\n        .feedback=${this.feedback}\n        aria-disabled=${this.ariaDisabled === 'true' ? 'true' : 'false'}\n        ?focused=${this.focused}\n        ?invalid=${this.invalid}>\n        <div \n          class=\"input-field\">\n          <select\n            ?readonly=${this.readOnly}\n            @keyup=${this.checkForSubmit}\n            @focus=${this._focusHandler}\n            @blur=${this._blurHandler}\n            @change=${this._valueChangeHandler}>\n            ${this._options}\n          </select>\n          <div \n            class=\"placeholder\"\n            ?scw-hide=${this.value ? true : false}>\n            ${this.placeholder}\n          </div>\n        </div>\n      </${this.scwInputLayout}>\n      <slot name=\"validation\"></slot>\n    `;\n  }\n}\n"],
-  "mappings": "k2BACA,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;i5BCqBf,IAAqBC,EAArB,cAAuCC,CAAiB,CAYtD,aAAc,CACZ,MAAM,EAuCN,cAAkB,CAAC,EAOnB,iBA7CA,KAAK,gBAEL,IAAMC,EAASC,EAAU,EACzB,KAAK,eAAiBC,EAClB,wBAAgCF,GACpC,CACF,CAhBA,WAAW,QAAS,CAClB,MAAO,CACL,MAAM,OACNG,CACF,CACF,CAcA,mBAA0B,CACxB,MAAM,kBAAkB,CAC1B,CAGA,0BAA2B,CACzB,MAAM,yBAAyB,EAC/B,IAAMC,EAAU,KAAK,iBAAiB,iBAAiB,EACjDC,EAAa,MAAM,KAAMD,CAAQ,EAAE,IACpCE,GAAW,CACV,IAAMC,EAAcD,EAAO,MAC3B,OAAOE;AAAA;AAAA,oBAEGD;AAAA,wBACIA,IAAgB,KAAK;AAAA,cAC/BD,EAAO;AAAA,oBAEb,CACJ,EACA,KAAK,SAAW,CAACE;AAAA;AAAA;AAAA,oBAGM,KAAK,QAAZ;AAAA,iBACF,GAAGH,CAAU,CAC7B,CAiBA,eAAgB,CACd,KAAK,QAAU,EACjB,CAKA,cAAe,CACb,KAAK,QAAU,GACf,KAAK,SAAS,CAChB,CAMA,oBAAoBI,EAAY,CAC1BA,EAAI,SACN,KAAK,MAAUA,EAAI,OAAyC,MAC5DC,qBAEI,IACJ,EAEJ,CAMA,eAAeD,EAAoB,CAC7BA,EAAI,MAAQ,SACdC,sBAEI,IACJ,CAEJ,CAOA,QAAiB,CACf,OAAOF;AAAA,SACF,KAAK;AAAA,iBACG,KAAK;AAAA,oBACF,KAAK;AAAA,wBACD,KAAK,eAAiB,OAAS,OAAS;AAAA,mBAC7C,KAAK;AAAA,mBACL,KAAK;AAAA;AAAA;AAAA;AAAA,wBAIA,KAAK;AAAA,qBACR,KAAK;AAAA,qBACL,KAAK;AAAA,oBACN,KAAK;AAAA,sBACH,KAAK;AAAA,cACb,KAAK;AAAA;AAAA;AAAA;AAAA,wBAIK,OAAK;AAAA,cACf,KAAK;AAAA;AAAA;AAAA,UAGT,KAAK;AAAA;AAAA,KAGb,CACF,EApFIG,EAAA,CADDC,EAAM,GAnDYd,EAoDjB,wBAOAa,EAAA,CADDE,EAAS,CAAC,KAAMC,CAAU,CAAC,GA1DThB,EA2DjB",
+  "sourcesContent": ["import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host {\n  display: block;\n}\n\n.input-field {\n  width: 100%;\n  position: relative;\n}\n.input-field .placeholder {\n  text-align: LEFT;\n  font: var(--scw-type-text-04-font);\n  color: var(--scw-color-grey);\n  flex: 1;\n  padding: var(--scw-input-padding, calc(var(--scw-spacing-1) * 0.9) calc(var(--scw-spacing-1) * 1.5) calc(var(--scw-spacing-1) * 0.9) calc(var(--scw-spacing-1) * 1.5));\n  z-index: 1;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  position: absolute;\n  top: 0;\n  left: 0;\n}\n.input-field .placeholder[scw-hide] {\n  display: none;\n}\n.input-field select {\n  text-align: LEFT;\n  font: var(--scw-type-text-04-font);\n  color: var(--scw-color-grey-02);\n  flex: 1;\n  padding: var(--scw-input-padding, calc(var(--scw-spacing-1) * 0.9) calc(var(--scw-spacing-1) * 1.5) calc(var(--scw-spacing-1) * 0.9) calc(var(--scw-spacing-1) * 1.5));\n  width: calc( 100% - calc(var(--scw-spacing-1) * 1.5) );\n  min-height: var(--scw-min-height, 32px);\n  box-sizing: border-box;\n  border: 0;\n  background-color: rgba(0, 0, 0, 0);\n  z-index: 2;\n  position: relative;\n}\n.input-field select:focus {\n  outline: none;\n}\n\n:host([aria-disabled=true]) textarea {\n  text-align: LEFT;\n  font: var(--scw-type-text-04-font);\n  color: var(--scw-color-grey-07);\n  flex: 1;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1zZWxlY3Qvc2NzcyIsInNvdXJjZXMiOlsic2N3LXNlbGVjdC5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctaW5wdXQtdGV4dC1iYXNlL19wbGFjZWhvbGRlci10ZXh0LW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctaW5wdXQtdGV4dC1iYXNlL19kZWZhdWx0LXRleHQtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1pbnB1dC10ZXh0LWJhc2UvX2Rpc2FibGVkLXRleHQtbWl4aW5zLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTUE7RUFDRTs7O0FBSUY7RUFDRTtFQUNBOztBQUVBO0VDVEE7RUFDQTtFQUlFO0VBRUY7RURLRTtFQVFBO0VBQ0E7RUFDQTtFQUVBO0VBQ0E7RUFBUTs7QUFFUjtFQUNFOztBQUlKO0VFaENBO0VBQ0E7RUFJRTtFQUVGO0VGNEJFO0VBUUE7RUFDQTtFQUNBO0VBRUE7RUFDQTtFQUNBO0VBQ0E7O0FBRUE7RUFDRTs7O0FBTUo7RUczREE7RUFDQTtFQUlFO0VBRUYifQ== */`;\n", "import {html} from 'lit/static-html.js';// import {html} from 'lit';\nimport {unsafeStatic} from 'lit/static-html.js';// USE DIFFERENT 'html'!!!!\nimport {property, state} from 'lit/decorators.js';\nimport ScwFormComponent from '../scw-form-component/scw-form-component';\nimport {Components} from '../utils/enums/Components';\nimport styles from './scss/scw-select.scss';\nimport {InputTypes} from '../scw-input-field/inputTypes';\nimport {emit} from '../utils/events/event';\nimport {ScwEvents} from '../utils/events/event';\nimport getSuffix from '../utils/suffix';\n\n/**\n * ScwSelect\n * @class\n * @tag scw-select\n *\n * @cssprop --scw-input-padding - controls the padding around text input\n * @cssprop --scw-min-height - minimum height of the textarea\n * @event scw-focus input recieved focus\n * @event scw-blur input lost focus\n * @event scw-value-change value has changed (not necessarily value displayed)\n */\nexport default class ScwSelect extends ScwFormComponent {\n  /**\n  * styles\n  */\n  static get styles() {\n    return [\n      super.styles,\n      styles,\n    ];\n  }\n\n  /** constructor */\n  constructor() {\n    super();\n    this.element = Components.input;\n\n    const suffix = getSuffix();\n    this.scwInputLayout = unsafeStatic(\n        `scw-${Components.inputLayout}${suffix}`,\n    );\n  }\n\n  /** connectedCallback */\n  connectedCallback(): void {\n    super.connectedCallback();\n  }\n\n  /** override with options */\n  parseAndValidateLightDom() {\n    super.parseAndValidateLightDom();\n    const options = this.querySelectorAll(':scope > option');\n    const optionHtml = Array.from( options ).map(\n        (option) => {\n          const optionValue = option['value'];\n          return html`\n          <option\n            value=${optionValue}\n            ?selected=${optionValue === this.value}>\n            ${option.textContent}\n          </option>`;\n        },\n    );\n    this._options = [html`\n      <option\n        value=\"\"\n        ?selected=${'' === this.value}>\n      </option>`, ...optionHtml];\n  }\n\n  // ============== ScwSelect ==================================================\n  /** _options  */\n  @state()\n    _options: any[] = [];\n\n  /** scw-single-input-layout with versioning suffix */\n  scwInputLayout : any;\n\n  /** (ScwSelectField) type of input field */\n  @property({type: InputTypes})\n    type: InputTypes = InputTypes.text;\n\n  /**\n  * handle focus into input\n  */\n  _focusHandler() {\n    this.focused = true;\n  }\n\n  /**\n  * handle blurs from input\n  */\n  _blurHandler() {\n    this.focused = false;\n    this.validate();\n  }\n\n  /**\n  * handle changes from input\n  * @param {CustomEvent} evt\n  */\n  _valueChangeHandler(evt: Event) {\n    if (evt.target ) {\n      this.value = ( evt.target as unknown as HTMLSelectElement ).value;\n      emit(\n          ScwEvents.valueChange,\n          this,\n      );\n    }\n  }\n\n  /**\n   * checkForSubmit\n   * @param {KeyboardEvent} evt\n   */\n  checkForSubmit(evt: KeyboardEvent) {\n    if (evt.key === 'Enter') {\n      emit(\n          ScwEvents.submitIntent,\n          this,\n      );\n    }\n  }\n\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n  render(): object {\n    return html`\n      <${this.scwInputLayout}\n        .label=${this.ariaLabel}\n        .feedback=${this.feedback}\n        aria-disabled=${this.ariaDisabled === 'true' ? 'true' : 'false'}\n        ?focused=${this.focused}\n        ?invalid=${this.invalid}>\n        <div \n          class=\"input-field\">\n          <select\n            ?readonly=${this.readOnly}\n            @keyup=${this.checkForSubmit}\n            @focus=${this._focusHandler}\n            @blur=${this._blurHandler}\n            @change=${this._valueChangeHandler}>\n            ${this._options}\n          </select>\n          <div \n            class=\"placeholder\"\n            ?scw-hide=${this.value ? true : false}>\n            ${this.placeholder}\n          </div>\n        </div>\n      </${this.scwInputLayout}>\n      <slot name=\"validation\"></slot>\n    `;\n  }\n}\n"],
+  "mappings": "k2BACA,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;q6BCqBf,IAAqBC,EAArB,cAAuCC,CAAiB,CAYtD,aAAc,CACZ,MAAM,EAuCN,cAAkB,CAAC,EAOnB,iBA7CA,KAAK,gBAEL,IAAMC,EAASC,EAAU,EACzB,KAAK,eAAiBC,EAClB,wBAAgCF,GACpC,CACF,CAhBA,WAAW,QAAS,CAClB,MAAO,CACL,MAAM,OACNG,CACF,CACF,CAcA,mBAA0B,CACxB,MAAM,kBAAkB,CAC1B,CAGA,0BAA2B,CACzB,MAAM,yBAAyB,EAC/B,IAAMC,EAAU,KAAK,iBAAiB,iBAAiB,EACjDC,EAAa,MAAM,KAAMD,CAAQ,EAAE,IACpCE,GAAW,CACV,IAAMC,EAAcD,EAAO,MAC3B,OAAOE;AAAA;AAAA,oBAEGD;AAAA,wBACIA,IAAgB,KAAK;AAAA,cAC/BD,EAAO;AAAA,oBAEb,CACJ,EACA,KAAK,SAAW,CAACE;AAAA;AAAA;AAAA,oBAGM,KAAK,QAAZ;AAAA,iBACF,GAAGH,CAAU,CAC7B,CAiBA,eAAgB,CACd,KAAK,QAAU,EACjB,CAKA,cAAe,CACb,KAAK,QAAU,GACf,KAAK,SAAS,CAChB,CAMA,oBAAoBI,EAAY,CAC1BA,EAAI,SACN,KAAK,MAAUA,EAAI,OAAyC,MAC5DC,qBAEI,IACJ,EAEJ,CAMA,eAAeD,EAAoB,CAC7BA,EAAI,MAAQ,SACdC,sBAEI,IACJ,CAEJ,CAOA,QAAiB,CACf,OAAOF;AAAA,SACF,KAAK;AAAA,iBACG,KAAK;AAAA,oBACF,KAAK;AAAA,wBACD,KAAK,eAAiB,OAAS,OAAS;AAAA,mBAC7C,KAAK;AAAA,mBACL,KAAK;AAAA;AAAA;AAAA;AAAA,wBAIA,KAAK;AAAA,qBACR,KAAK;AAAA,qBACL,KAAK;AAAA,oBACN,KAAK;AAAA,sBACH,KAAK;AAAA,cACb,KAAK;AAAA;AAAA;AAAA;AAAA,wBAIK,OAAK;AAAA,cACf,KAAK;AAAA;AAAA;AAAA,UAGT,KAAK;AAAA;AAAA,KAGb,CACF,EApFIG,EAAA,CADDC,EAAM,GAnDYd,EAoDjB,wBAOAa,EAAA,CADDE,EAAS,CAAC,KAAMC,CAAU,CAAC,GA1DThB,EA2DjB",
   "names": ["scw_select_default", "i", "ScwSelect", "ScwFormComponent", "suffix", "getSuffix", "o", "scw_select_default", "options", "optionHtml", "option", "optionValue", "n", "evt", "emit", "__decorateClass", "t", "e", "InputTypes"]
 }

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

@@ -1,4 +1,4 @@
-import"../chunks/chunk.D4A5FFB3.js";import{a as g}from"../chunks/chunk.7A7HJBKL.js";import{b as I}from"../chunks/chunk.QWNRWJUF.js";import{c as N}from"../chunks/chunk.5BIMBPIM.js";import"../chunks/chunk.WXC634JO.js";import{a as w}from"../chunks/chunk.2T4VPIKP.js";import{a as d,b as l}from"../chunks/chunk.NBLIIWTN.js";import{a as F}from"../chunks/chunk.7R4H4Y4E.js";import"../chunks/chunk.E2LMFNXM.js";import{c as b}from"../chunks/chunk.UXIAMI3F.js";import{a as f,b as v,c as $}from"../chunks/chunk.RSR7WC4R.js";import{a as h}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 A}from"../chunks/chunk.3IG37SCP.js";import{d as m}from"../chunks/chunk.PKA6D7UK.js";import{g as a}from"../chunks/chunk.5YJY6NT6.js";var S=A`
+import"../chunks/chunk.CNEZBTSK.js";import{a as g}from"../chunks/chunk.7A7HJBKL.js";import{b as I}from"../chunks/chunk.QWNRWJUF.js";import{c as N}from"../chunks/chunk.G2O2ET7E.js";import"../chunks/chunk.WXC634JO.js";import{a as w}from"../chunks/chunk.2T4VPIKP.js";import{a as d,b as l}from"../chunks/chunk.NBLIIWTN.js";import{a as F}from"../chunks/chunk.B553YCD2.js";import"../chunks/chunk.JHP2OQDD.js";import{c as b}from"../chunks/chunk.UXIAMI3F.js";import{a as f,b as v,c as $}from"../chunks/chunk.RSR7WC4R.js";import{a as h}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 A}from"../chunks/chunk.3IG37SCP.js";import{d as m}from"../chunks/chunk.PKA6D7UK.js";import{g as a}from"../chunks/chunk.5YJY6NT6.js";var S=A`
 :host {
   display: block;
 }

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

@@ -1,2 +1,2 @@
-import{a,b}from"../chunks/chunk.D4A5FFB3.js";import"../chunks/chunk.2T4VPIKP.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 ScwSingleInputLayoutActions,b as default};
+import{a,b}from"../chunks/chunk.CNEZBTSK.js";import"../chunks/chunk.2T4VPIKP.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 ScwSingleInputLayoutActions,b as default};
 //# sourceMappingURL=scw-single-input-layout.js.map

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

@@ -1,4 +1,4 @@
-import{a as u,b as n,c as p}from"../chunks/chunk.MNM5PCHW.js";import{a as c}from"../chunks/chunk.HD75M3T5.js";import{c as f}from"../chunks/chunk.5BIMBPIM.js";import"../chunks/chunk.WXC634JO.js";import{a as o}from"../chunks/chunk.2T4VPIKP.js";import{a as l,b as r}from"../chunks/chunk.NBLIIWTN.js";import{a as d}from"../chunks/chunk.7R4H4Y4E.js";import"../chunks/chunk.E2LMFNXM.js";import"../chunks/chunk.UXIAMI3F.js";import"../chunks/chunk.RSR7WC4R.js";import{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 s}from"../chunks/chunk.3IG37SCP.js";import"../chunks/chunk.PKA6D7UK.js";import{g as e}from"../chunks/chunk.5YJY6NT6.js";var h=s`
+import{a as u,b as n,c as p}from"../chunks/chunk.MNM5PCHW.js";import{a as c}from"../chunks/chunk.HD75M3T5.js";import{c as f}from"../chunks/chunk.G2O2ET7E.js";import"../chunks/chunk.WXC634JO.js";import{a as o}from"../chunks/chunk.2T4VPIKP.js";import{a as s,b as r}from"../chunks/chunk.NBLIIWTN.js";import{a as d}from"../chunks/chunk.B553YCD2.js";import"../chunks/chunk.JHP2OQDD.js";import"../chunks/chunk.UXIAMI3F.js";import"../chunks/chunk.RSR7WC4R.js";import{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"../chunks/chunk.PKA6D7UK.js";import{g as e}from"../chunks/chunk.5YJY6NT6.js";var h=l`
 :host {
   display: block;
 }
@@ -11,7 +11,8 @@ import{a as u,b as n,c as p}from"../chunks/chunk.MNM5PCHW.js";import{a as c}from
   text-align: LEFT;
   font: var(--scw-type-text-04-font);
   color: var(--scw-color-grey);
-  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));
+  flex: 1;
+  padding: var(--scw-input-padding, calc(var(--scw-spacing-1) * 0.9) calc(var(--scw-spacing-1) * 1.5) calc(var(--scw-spacing-1) * 0.9) calc(var(--scw-spacing-1) * 1.5));
   z-index: 1;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -26,7 +27,8 @@ import{a as u,b as n,c as p}from"../chunks/chunk.MNM5PCHW.js";import{a as c}from
   text-align: LEFT;
   font: var(--scw-type-text-04-font);
   color: var(--scw-color-grey-02);
-  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));
+  flex: 1;
+  padding: var(--scw-input-padding, calc(var(--scw-spacing-1) * 0.9) calc(var(--scw-spacing-1) * 1.5) calc(var(--scw-spacing-1) * 0.9) calc(var(--scw-spacing-1) * 1.5));
   resize: vertical;
   width: 100%;
   min-height: var(--scw-min-height, 56px);
@@ -44,8 +46,9 @@ import{a as u,b as n,c as p}from"../chunks/chunk.MNM5PCHW.js";import{a as c}from
   text-align: LEFT;
   font: var(--scw-type-text-04-font);
   color: var(--scw-color-grey-07);
+  flex: 1;
 }
-/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy10ZXh0YXJlYS9zY3NzIiwic291cmNlcyI6WyJzY3ctdGV4dGFyZWEuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWlucHV0LXRleHQtYmFzZS9fcGxhY2Vob2xkZXItdGV4dC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWlucHV0LXRleHQtYmFzZS9fZGVmYXVsdC10ZXh0LW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctaW5wdXQtdGV4dC1iYXNlL19kaXNhYmxlZC10ZXh0LW1peGlucy5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU1BO0VBQ0U7OztBQUlGO0VBQ0U7RUFDQTs7QUFFQTtFQ1RBO0VBQ0E7RUFJRTtFRE9BO0VBUUE7RUFDQTtFQUNBO0VBRUE7RUFDQTtFQUFROztBQUVSO0VBQ0U7O0FBSUo7RUVoQ0E7RUFDQTtFQUlFO0VGOEJBO0VBUUE7RUFFQTtFQUNBO0VBQ0E7RUFFQTtFQUNBO0VBQ0E7RUFDQTs7QUFFQTtFQUNFOzs7QUFNSjtFRzdEQTtFQUNBO0VBSUUifQ== */`;var t=class extends f{constructor(){super();this.type="text";this.autoCapitalize="none";this.autoComplete="on";this.autoCorrect="off";this.autoFocus=!1;this.element="textarea";let i=d();this.scwInputLayout=l(`scw-${"input-layout"}${i}`)}static get styles(){return[super.styles,h]}_focusHandler(){this.focused=!0,o("scw-focus",this)}_blurHandler(){this.focused=!1,this.validate(),o("scw-blur",this)}_valueChangeHandler(i){i.target&&(this.value=i.target.value,o("scw-value-change",this))}render(){return r`
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy10ZXh0YXJlYS9zY3NzIiwic291cmNlcyI6WyJzY3ctdGV4dGFyZWEuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWlucHV0LXRleHQtYmFzZS9fcGxhY2Vob2xkZXItdGV4dC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWlucHV0LXRleHQtYmFzZS9fZGVmYXVsdC10ZXh0LW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctaW5wdXQtdGV4dC1iYXNlL19kaXNhYmxlZC10ZXh0LW1peGlucy5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU1BO0VBQ0U7OztBQUlGO0VBQ0U7RUFDQTs7QUFFQTtFQ1RBO0VBQ0E7RUFJRTtFQUVGO0VES0U7RUFRQTtFQUNBO0VBQ0E7RUFFQTtFQUNBO0VBQVE7O0FBRVI7RUFDRTs7QUFJSjtFRWhDQTtFQUNBO0VBSUU7RUFFRjtFRjRCRTtFQVFBO0VBRUE7RUFDQTtFQUNBO0VBRUE7RUFDQTtFQUNBO0VBQ0E7O0FBRUE7RUFDRTs7O0FBTUo7RUc3REE7RUFDQTtFQUlFO0VBRUYifQ== */`;var t=class extends f{constructor(){super();this.type="text";this.autoCapitalize="none";this.autoComplete="on";this.autoCorrect="off";this.autoFocus=!1;this.element="textarea";let i=d();this.scwInputLayout=s(`scw-${"input-layout"}${i}`)}static get styles(){return[super.styles,h]}_focusHandler(){this.focused=!0,o("scw-focus",this)}_blurHandler(){this.focused=!1,this.validate(),o("scw-blur",this)}_valueChangeHandler(i){i.target&&(this.value=i.target.value,o("scw-value-change",this))}render(){return r`
       <${this.scwInputLayout}
         .label="${this.ariaLabel}"
         .feedback="${this.feedback}"