scu-web-components 0.0.67 → 0.0.69

package/dist/chunks/ScwAlert.BPBSHLMS.js

@@ -0,0 +1 @@
+import{a}from"./chunk.WN6SIABA.js";import"./chunk.KX2Y5SBY.js";import"./chunk.G2G2TPJK.js";import"./chunk.PE5ZEEQ2.js";export{a as default};

package/dist/chunks/ScwBlock.R4QVOTPB.js

@@ -0,0 +1 @@
+import{a}from"./chunk.ZJF7JW7I.js";import"./chunk.KX2Y5SBY.js";import"./chunk.G2G2TPJK.js";import"./chunk.PE5ZEEQ2.js";export{a as default};

package/dist/chunks/ScwButton.EMV7H7CC.js

@@ -0,0 +1 @@
+import{a}from"./chunk.NWKS4DIG.js";import"./chunk.REY5CSRB.js";import"./chunk.UT774HON.js";import"./chunk.ZE3NRSEF.js";import"./chunk.Z6P446BB.js";import"./chunk.YBPGY7E7.js";import"./chunk.NRBAPPP6.js";import"./chunk.HZLIIBNH.js";import"./chunk.EFINAF4P.js";import"./chunk.4AJTBTEU.js";import"./chunk.AUWBC2WB.js";import"./chunk.W4CRIA2R.js";import"./chunk.NBAHMDHF.js";import"./chunk.WKH73SBC.js";import"./chunk.KX2Y5SBY.js";import"./chunk.G2G2TPJK.js";import"./chunk.PE5ZEEQ2.js";export{a as default};

package/dist/chunks/ScwCard.WSW6SGQX.js

@@ -0,0 +1 @@
+import{a}from"./chunk.V2IKBE65.js";import"./chunk.NRBAPPP6.js";import"./chunk.K5LAHA72.js";import"./chunk.4AJTBTEU.js";import"./chunk.AUWBC2WB.js";import"./chunk.W4CRIA2R.js";import"./chunk.NBAHMDHF.js";import"./chunk.KX2Y5SBY.js";import"./chunk.G2G2TPJK.js";import"./chunk.PE5ZEEQ2.js";export{a as default};

package/dist/chunks/ScwComponent.YBMGEBW3.js

@@ -0,0 +1 @@
+import{e as a}from"./chunk.KX2Y5SBY.js";import"./chunk.G2G2TPJK.js";import"./chunk.PE5ZEEQ2.js";export{a as default};

package/dist/chunks/ScwHeading.WSXFCQKO.js

@@ -0,0 +1 @@
+import{a}from"./chunk.N46UZO5Z.js";import"./chunk.KX2Y5SBY.js";import"./chunk.G2G2TPJK.js";import"./chunk.PE5ZEEQ2.js";export{a as default};

package/dist/chunks/ScwIcon.NRFHLUMD.js

@@ -0,0 +1 @@
+import{a}from"./chunk.44X6EUCM.js";import"./chunk.ZE3NRSEF.js";import"./chunk.Z6P446BB.js";import"./chunk.YBPGY7E7.js";import"./chunk.NBAHMDHF.js";import"./chunk.KX2Y5SBY.js";import"./chunk.G2G2TPJK.js";import"./chunk.PE5ZEEQ2.js";export{a as default};

package/dist/chunks/ScwImage.T2JKENIJ.js

@@ -0,0 +1 @@
+import{a}from"./chunk.P57PKLID.js";import"./chunk.KX2Y5SBY.js";import"./chunk.G2G2TPJK.js";import"./chunk.PE5ZEEQ2.js";export{a as default};

package/dist/chunks/ScwLink.TWQVAYKN.js

@@ -0,0 +1 @@
+import{a}from"./chunk.REY5CSRB.js";import"./chunk.UT774HON.js";import"./chunk.ZE3NRSEF.js";import"./chunk.Z6P446BB.js";import"./chunk.YBPGY7E7.js";import"./chunk.NRBAPPP6.js";import"./chunk.NBAHMDHF.js";import"./chunk.KX2Y5SBY.js";import"./chunk.G2G2TPJK.js";import"./chunk.PE5ZEEQ2.js";export{a as default};

package/dist/chunks/ScwLinkBase.IPPACFO6.js

@@ -0,0 +1 @@
+import{a}from"./chunk.UT774HON.js";import"./chunk.NRBAPPP6.js";import"./chunk.KX2Y5SBY.js";import"./chunk.G2G2TPJK.js";import"./chunk.PE5ZEEQ2.js";export{a as default};

package/dist/chunks/ScwMenu.RHOGSQWA.js

@@ -0,0 +1 @@
+import{a}from"./chunk.I34UEGOD.js";import"./chunk.WKH73SBC.js";import"./chunk.KX2Y5SBY.js";import"./chunk.G2G2TPJK.js";import"./chunk.PE5ZEEQ2.js";export{a as default};

package/dist/chunks/ScwMenuItem.PJUWRNSS.js

@@ -0,0 +1 @@
+import{a}from"./chunk.MQ7DDEWU.js";import"./chunk.REY5CSRB.js";import"./chunk.UT774HON.js";import"./chunk.ZE3NRSEF.js";import"./chunk.Z6P446BB.js";import"./chunk.YBPGY7E7.js";import"./chunk.NRBAPPP6.js";import"./chunk.NBAHMDHF.js";import"./chunk.KX2Y5SBY.js";import"./chunk.G2G2TPJK.js";import"./chunk.PE5ZEEQ2.js";export{a as default};

package/dist/chunks/ScwRichText.AMNSMMM6.js

@@ -0,0 +1 @@
+import{a}from"./chunk.RLGR4TVX.js";import"./chunk.Z6P446BB.js";import"./chunk.YBPGY7E7.js";import"./chunk.NBAHMDHF.js";import"./chunk.KX2Y5SBY.js";import"./chunk.G2G2TPJK.js";import"./chunk.PE5ZEEQ2.js";export{a as default};

package/dist/chunks/ScwSlider.R75SWSNX.js

@@ -0,0 +1 @@
+import{a}from"./chunk.MFA4NJR2.js";import"./chunk.QHUZYUAT.js";import"./chunk.KX2Y5SBY.js";import"./chunk.G2G2TPJK.js";import"./chunk.PE5ZEEQ2.js";export{a as default};

package/dist/chunks/ScwSliderItem.2JMYFZFG.js

@@ -0,0 +1 @@
+import{a}from"./chunk.GU3PRQU3.js";import"./chunk.KX2Y5SBY.js";import"./chunk.G2G2TPJK.js";import"./chunk.PE5ZEEQ2.js";export{a as default};

package/dist/chunks/ScwStepper.I2BADWRO.js

@@ -0,0 +1 @@
+import{a}from"./chunk.U6VKUVBB.js";import"./chunk.YBPGY7E7.js";import"./chunk.ZZNNPPOA.js";import"./chunk.W4CRIA2R.js";import"./chunk.NBAHMDHF.js";import"./chunk.KX2Y5SBY.js";import"./chunk.G2G2TPJK.js";import"./chunk.PE5ZEEQ2.js";export{a as default};

package/dist/chunks/chunk.44X6EUCM.js

@@ -0,0 +1,115 @@
+import{a}from"./chunk.ZE3NRSEF.js";import{a as c}from"./chunk.YBPGY7E7.js";import{a as i,b as t,c as l,e as h}from"./chunk.KX2Y5SBY.js";import{a as s}from"./chunk.G2G2TPJK.js";import{a as f,c as m,e as d,f as e}from"./chunk.PE5ZEEQ2.js";var g={};m(g,{validationWarnings:()=>w});var w,v=f(()=>{"use strict";w={ariaLabelWarning:"link without a label",noIconWarning:"could not find the icon"}});var n=i`
+:host {
+  outline: none;
+  user-select: none;
+  display: inline-flex;
+  width: 100%;
+  height: 100%;
+  border-radius: 50%;
+}
+:host svg {
+  box-sizing: border-box;
+  vertical-align: top;
+  width: 100%;
+  height: 100%;
+}
+
+:host {
+  width: 30px;
+  height: 30px;
+}
+:host svg, :host svg * {
+  fill: var(--scw-icon-color, var(--scw-theme-body-color, var(--scw-color-grey-02)));
+}
+:host svg .color-00 {
+  fill: var(--scw-theme-color-00, var(--scw-color-grey-00));
+}
+:host svg .color-01 {
+  fill: var(--scw-theme-color-01, var(--scw-color-grey-01));
+}
+:host svg .color-02 {
+  fill: var(--scw-theme-color-02, var(--scw-color-grey-02));
+}
+:host svg .color-03 {
+  fill: var(--scw-theme-color-03, var(--scw-color-grey-03));
+}
+:host svg .color-04 {
+  fill: var(--scw-theme-color-04, var(--scw-color-grey-04));
+}
+:host svg .color-05,
+:host svg .color {
+  fill: var(--scw-theme-color-05, var(--scw-color-grey-05));
+}
+:host svg .color-06 {
+  fill: var(--scw-theme-color-06, var(--scw-color-grey-06));
+}
+:host svg .color-07 {
+  fill: var(--scw-theme-color-07, var(--scw-color-grey-07));
+}
+:host svg .color-08 {
+  fill: var(--scw-theme-color-08, var(--scw-color-grey-08));
+}
+:host svg .color-09 {
+  fill: var(--scw-theme-color-09, var(--scw-color-grey-09));
+}
+:host svg .color-092 {
+  fill: var(--scw-theme-color-092, var(--scw-color-grey-09));
+}
+:host svg .color-095 {
+  fill: var(--scw-theme-color-095, var(--scw-color-grey-09));
+}
+:host svg .color-10 {
+  fill: var(--scw-theme-color-10, var(--scw-color-grey-10));
+}
+
+:host([size="10"]) {
+  width: 10px;
+  height: 10px;
+}
+
+:host([size="20"]) {
+  width: 20px;
+  height: 20px;
+}
+
+:host([size="30"]) {
+  width: 30px;
+  height: 30px;
+}
+
+:host([size="40"]) {
+  width: 40px;
+  height: 40px;
+}
+
+:host([size="50"]) {
+  width: 50px;
+  height: 50px;
+}
+
+:host([size="60"]) {
+  width: 60px;
+  height: 60px;
+}
+
+:host([size="70"]) {
+  width: 70px;
+  height: 70px;
+}
+
+:host([size="80"]) {
+  width: 80px;
+  height: 80px;
+}
+
+:host([size="90"]) {
+  width: 90px;
+  height: 90px;
+}
+
+:host([size="100"]) {
+  width: 100px;
+  height: 100px;
+}`;var{validationWarnings:x}=(v(),d(g)),o=class extends h{constructor(){super();this.size="50";this._svgInfo="";this.element="icon"}static get styles(){return[super.styles,n]}set icon(r){let p=this._icon;this._icon=r,this.requestUpdate("icon",p),this.refreshIcon()}get icon(){return this._icon}connectedCallback(){super.connectedCallback()}refreshIcon(){this.clearWarnings(),a(this.icon,r=>{r===!1?this.warn(x.noIconWarning):this._svgInfo=r})}render(){return s`
+      ${c(this._svgInfo)}
+    `}};e([t({type:String,reflect:!0})],o.prototype,"icon",1),e([t({type:String,reflect:!0})],o.prototype,"size",2),e([l()],o.prototype,"_svgInfo",2);export{o as a};

package/dist/chunks/chunk.4AJTBTEU.js

@@ -0,0 +1 @@
+import{a as f}from"./chunk.AUWBC2WB.js";function t(i="-"){return f&&f.suffix?`${i}${f.suffix}`:""}export{t as a};

package/dist/chunks/chunk.5W5GWSIW.js

@@ -0,0 +1,70 @@
+import{a as I}from"./chunk.QHUZYUAT.js";import{a as w,b as V,c as R}from"./chunk.XKUXW432.js";import{a as $}from"./chunk.UXNK7KZZ.js";import{a as y}from"./chunk.WKH73SBC.js";import{a as D,b as u,d as A,e as T}from"./chunk.KX2Y5SBY.js";import{a as x}from"./chunk.G2G2TPJK.js";import{f as l}from"./chunk.PE5ZEEQ2.js";var z=D`
+:host {
+  position: relative;
+  display: block;
+}
+:host .placeholder {
+  text-align: LEFT;
+  font: var(--scw-type-text-04-font);
+  color: var(--scw-color-grey);
+  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;
+  z-index: 1;
+  min-height: var(--scw-min-height, 32px);
+  box-sizing: border-box;
+  display: flex;
+  align-items: flex-end;
+}
+:host input {
+  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.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);
+  position: relative;
+  z-index: 2;
+}
+:host input:focus, :host input:focus-visible {
+  outline: none;
+}
+
+:host([aria-disabled=true]) input {
+  text-align: LEFT;
+  font: var(--scw-type-text-04-font);
+  color: var(--scw-color-grey-07);
+  flex: 1;
+}`;function H(i,t,e){let a=e;if(i&&i.length>0){let s=i.replace(/[^\d]/g,"").substring(0,10),n=i.length<t.length,r="";return s.length>4?r=`${s.substring(0,2)}/${s.substring(2,4)}/${s.substring(4,8)}`:s.length>3&&!n?r=`${s.substring(0,2)}/${s.substring(2)}/`:s.length>2?r=`${s.substring(0,2)}/${s.substring(2)}`:s.length>1&&!n?r=`${s.substring(0)}/`:s.length>0&&(r=`${s.substring(0)}`),i.length===e?a=r.length:e===3?a=n?3:4:e===6&&(a=n?6:7),{value:s,display:r,selectionIndex:a}}else return{value:"",display:"",selectionIndex:a}}function S(i,t,e){let a=e;if(i&&i.length>0){let s=i.replace(/[^\d]/g,""),n="";if(s.length>6){let p=s.substring(0,3),h=`${s.substring(3,6)}-${s.substring(6)}`;n=`(${p}) ${h}`}else s.length>3?n=`(${s.substring(0,3)}) ${s.substring(3)}`:s.length>0&&(n=`(${s.substring(0)}`);let r=i.length<t.length;return i.length===e?a=n?n.length:0:e===1?a=r?1:2:e===5||e===6?a=r?5:7:e===9&&(a=r?9:10),{value:s,display:n,selectionIndex:a}}else return{value:"",display:"",selectionIndex:a}}function E(i,t){if(!i)return{value:"",display:"",selectionIndex:0};let e=i?i.replace(/[^\d]/g,""):"";return e.length<i.length&&t--,{value:e,display:e,selectionIndex:t||0}}var b=0,F=new Date;function B(i,t,e=!1,a){if(!i||i==="$")return{value:"",display:"",selectionIndex:0};b++;let s=new Date;if(b>20)return F=s,b=0,{value:"error",display:"error",selectionIndex:0};s.getTime()-F.getTime()>100&&(F=s,b=0);let n=i.replace(/[^\d|,|$|.]/g,"");n=n.replace(/^\$0+/g,"$");let r=n,p=r.split(".");if(p.length>2){let d=p.pop();r=`${p.join("")}.${d}`,p=r.split(".")}let h=p.length>1?p[p.length-1].length:0;h>2?(r=r.replace(/[^\d]/g,""),r=P(r,r.length-2,".")):h>0&&(r=r.replace(/[^\d/.]/g,"")),e&&(h===0?r=`${r.replace(/\./g,"")}.00`:h===1&&(r=`${r}0`));let v=r.split("."),c=v[0];c=c.replace(/[^\d]/g,""),c=c?`${parseInt(c)}`:"0",c=L(c,",",3),v[0]=c;let f=`$${v.join(".")}`,j=f.replace(/,|\$/g,""),g=t;if(f!==n){let d=n.substr(0,t),C=f.substr(0,t),k=(d.match(/,|\$/g)||[]).length,N=(C.match(/,|\$/g)||[]).length,O=f.substr(t);d===C&&O.indexOf(",")===0&&a===t?g++:g+=N-k}else n!==i&&(g+=n.length-i.length);return{value:j,display:f,selectionIndex:g||0}}function P(i,t,e){return i.substring(0,t)+e+i.substring(t)}function L(i,t,e){let a=0,s=i;for(let n=0;n<i.length;n++)n%e===0&&(a>0&&(s=P(s,i.length-n,t)),a++);return s}var m=class{constructor(t){this.lastSelectionStart=0,this.inputBase=t}autoFormat(t){if(this.inputBase.type==="telephone"){let e=S(t,this.inputBase.valueDisplayed,this.inputBase.input&&this.inputBase.input.selectionStart||0);this.applyValues(e)}else if(this.inputBase.type==="date"){let e=H(t,this.inputBase.valueDisplayed,this.inputBase.input&&this.inputBase.input.selectionStart||0);this.applyValues(e,!0)}else if(this.inputBase.type==="number"){let e=E(t,this.inputBase.input&&this.inputBase.input.selectionStart||0);this.applyValues(e,!0)}else if(this.inputBase.type==="currency"){let e=B(t,this.inputBase.input&&this.inputBase.input.selectionStart||0,!1,this.lastSelectionStart);this.applyValues(e)}else this.inputBase.value=t,this.inputBase.valueDisplayed=this.inputBase.value;this.updateSelection()}autoFormatFinish(t){if(this.inputBase.type==="currency"){let e=B(t,this.inputBase.input&&this.inputBase.input.selectionStart||0,!0,this.lastSelectionStart);this.applyValues(e,!1,!1)}this.updateSelection()}applyValues(t,e=!1,a=!0){this.inputBase.value=e?t.display:t.value?t.value:"",this.inputBase.valueDisplayed=t.display,this.inputBase.input&&(this.inputBase.input.value=t.display,a&&this.inputBase.input.setSelectionRange(t.selectionIndex,t.selectionIndex))}updateSelection(){this.lastSelectionStart=this.inputBase.input&&this.inputBase.input.selectionStart||0}};var o=class extends T{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 m(this)}static get styles(){return[super.styles,z]}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 m(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),y("scw-focus",this)}blurHandler(){this.autoFormatter.autoFormatFinish(this.value),this.focused=!1,y("scw-blur",this)}valueChangeHandler(){y("scw-value-change",this,{value:this.value,name:this.name,valueDisplayed:this.valueDisplayed})}invalidHandler(e){e.preventDefault()}render(){return x`
+      <!--label>${this.name}</label-->
+      <input
+        aria-label="${this.name}"
+        name="${this.name}"
+        .value="${this.valueDisplayed}"
+        ?readonly="${this.readOnly}"
+        type="${this.type==="password"?"password":"text"}"
+        inputmode="${this.inputmode}"
+        ?disabled="${this.ariaDisabled==="true"}"
+        autocapitalize="${this.autoCapitalize}"
+        autocomplete="${this.autoComplete}"
+        autocorrect="${this.autoCorrect}"
+        ?autofocus="${this.autoFocus}"
+        @input=${this.handleChange}
+        @keyup=${this.handleInteraction}
+        @click=${this.handleInteraction}
+        @focus=${this.focusHandler}
+        @blur=${this.blurHandler}
+        @invalid=${this.invalidHandler}>
+      </input>
+      ${this.value?"":x`
+        <div class="placeholder">
+          ${this.placeholder}
+        </div>`}
+      
+    `}};l([u({type:String})],o.prototype,"name",2),l([u({type:String})],o.prototype,"value",2),l([u({type:$})],o.prototype,"type",2),l([u({type:Boolean,attribute:"readonly"})],o.prototype,"readOnly",2),l([u({type:Boolean,reflect:!0})],o.prototype,"focused",2),l([u({type:Boolean,attribute:"select-all-on-focus"})],o.prototype,"selectAllOnFocus",2),l([u({type:String})],o.prototype,"inputmode",2),l([u({type:w,attribute:"autocapitalize"})],o.prototype,"autoCapitalize",2),l([u({type:V,attribute:"autocomplete"})],o.prototype,"autoComplete",2),l([u({type:R,attribute:"autocorrect"})],o.prototype,"autoCorrect",2),l([u({type:Boolean,attribute:"autofocus"})],o.prototype,"autoFocus",2),l([u({type:String})],o.prototype,"placeholder",2),l([A("input")],o.prototype,"input",2),l([I("value")],o.prototype,"valueHandler",1);export{o as a};

package/dist/chunks/chunk.ATGFEK5G.js

@@ -0,0 +1,148 @@
+import{a as e,b as i,e as s}from"./chunk.KX2Y5SBY.js";import{a as o}from"./chunk.G2G2TPJK.js";import{f as t}from"./chunk.PE5ZEEQ2.js";var a=e`
+:host {
+  background-color: rgba(0, 0, 0, 0);
+  align-self: stretch;
+  display: flex;
+  flex-flow: column nowrap;
+  justify-content: flex-start;
+  align-items: flex-start;
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+:host > *:not(:last-child) {
+  margin-bottom: calc(var(--scw-spacing-1) * 0.6);
+  --margin-bottom: calc( var( --scw-spacing-1 ) * 0.6 );
+}
+:host .input-label {
+  background-color: rgba(0, 0, 0, 0);
+  align-self: stretch;
+  text-align: LEFT;
+  font: var(--scw-type-text-font);
+  color: var(--scw-color-grey-02);
+}
+:host .input-field {
+  background-color: rgba(0, 0, 0, 0);
+  border-radius: 6px 6px 6px 6px;
+  align-self: stretch;
+  flex: 1;
+}
+:host .input-feedback {
+  background-color: rgba(0, 0, 0, 0);
+  align-self: stretch;
+  text-align: LEFT;
+  font: var(--scw-type-text-04-font);
+  color: var(--scw-color-error);
+}
+
+:host .input-field {
+  background-color: rgba(0, 0, 0, 0);
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: flex-start;
+  align-items: center;
+  padding-left: 0px;
+  padding-right: var(--scw-spacing-1);
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+:host .input-field > *:not(:last-child) {
+  margin-right: 0px;
+  --margin-right: 0px;
+}
+:host .input-field .input-text {
+  background-color: rgba(0, 0, 0, 0);
+  align-self: stretch;
+  flex: 1;
+  display: flex;
+  flex-flow: column nowrap;
+  justify-content: flex-start;
+  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.9);
+  padding-bottom: calc(var(--scw-spacing-1) * 0.9);
+  padding: 0;
+}
+:host .input-field .input-text > *:not(:last-child) {
+  margin-bottom: var(--scw-spacing-1);
+  --margin-bottom: var( --scw-spacing-1 );
+}
+:host .input-field .right-icon-2 {
+  background-color: rgba(0, 0, 0, 0);
+}
+:host .input-field .right-icon {
+  background-color: rgba(0, 0, 0, 0);
+}
+
+:host .input-field {
+  background-color: var(--scw-color-grey-10);
+  border-radius: 6px 6px 6px 6px;
+  border-width: 1px;
+  border-style: solid;
+  border-color: var(--scw-color-grey-09);
+  align-self: stretch;
+}
+
+:host([aria-disabled=true]) .input-field {
+  background-color: var(--scw-color-grey-092);
+  border-radius: 6px 6px 6px 6px;
+  border-width: 1px;
+  border-style: solid;
+  border-color: var(--scw-color-grey-09);
+  align-self: stretch;
+}
+
+:host([invalid]) .input-field {
+  background-color: var(--scw-color-grey-095);
+  border-radius: 6px 6px 6px 6px;
+  border-width: 1px;
+  border-style: solid;
+  border-color: var(--scw-color-error);
+  align-self: stretch;
+}
+
+:host([focused]) .input-field {
+  background-color: var(--scw-color-grey-095);
+  border-radius: 6px 6px 6px 6px;
+  border-width: 1px;
+  border-style: solid;
+  border-color: var(--scw-color-grey-08);
+  box-shadow: var(--scw-effect-focus-shadow);
+  align-self: stretch;
+}
+
+::slotted(*) {
+  width: 100%;
+}`;var r=class extends s{constructor(){super();this.hideLabel=!1;this.hideFeedback=!1;this.element="input-layout"}static get styles(){return[super.styles,a]}render(){return o`
+      ${this.hideLabel?"":o`
+            <div class="input-label">
+              ${this.label}
+            </div>`}
+      <div class="input-field">
+        <div class="input-text">
+          <slot></slot>
+        </div>
+        ${this.right2Icon?o`
+            <scw-icon
+              class="right-icon-2"
+              .icon="${this.right2Icon}"
+              size="32"
+              aria-label="Clear Input"
+              link>
+            </scw-icon>`:""}
+        ${this.rightIcon?o`
+            <scw-icon
+              class="right-icon"
+              .icon="${this.rightIcon}"
+              size="32"
+              aria-label="Show Password"
+              link>
+            </scw-icon>`:""}
+      </div>
+      ${this.hideFeedback?"":o`
+            <div class="input-feedback">
+              ${this.feedback}&nbsp;
+            </div>`}
+    `}};t([i({type:String})],r.prototype,"label",2),t([i({type:String})],r.prototype,"feedback",2),t([i({type:String,attribute:"hide-label"})],r.prototype,"hideLabel",2),t([i({type:String,attribute:"hide-feedback"})],r.prototype,"hideFeedback",2),t([i({type:String,attribute:"right-icon"})],r.prototype,"rightIcon",2),t([i({type:String,attribute:"right-2-icon"})],r.prototype,"right2Icon",2);export{r as a};

package/dist/chunks/chunk.AUWBC2WB.js

@@ -0,0 +1,16 @@
+import{a as b,b as g,c as x}from"./chunk.W4CRIA2R.js";import{a as h}from"./chunk.NBAHMDHF.js";import{c as f,e as w,f as y}from"./chunk.G2G2TPJK.js";var{D:A,R:v,V:R,I:d,B:T}=w,E=(l,i,a={})=>{if(i._$litPart$!==void 0)throw Error("container already contains a live render");let o,r,s,t=[],e=document.createTreeWalker(i,NodeFilter.SHOW_COMMENT,null,!1),n;for(;(n=e.nextNode())!==null;){let c=n.data;if(c.startsWith("lit-part")){if(t.length===0&&o!==void 0)throw Error(`There must be only one root part per container. Found a part marker (${n}) when we already have a root part marker (${r})`);s=S(l,n,t,a),o!=null||(o=s),r!=null||(r=n)}else if(c.startsWith("lit-node"))C(n,t,a);else if(c.startsWith("/lit-part")){if(t.length===1&&s!==o)throw Error("internal error");s=I(n,s,t)}}if(o===void 0){let c=i instanceof ShadowRoot?"{container.host.localName}'s shadow root":i instanceof DocumentFragment?"DocumentFragment":i.localName;console.error(`There should be exactly one root part in a render container, but we didn't find any in ${c}.`)}i._$litPart$=o},S=(l,i,a,o)=>{let r,s;if(a.length===0)s=new d(i,null,void 0,o),r=l;else{let t=a[a.length-1];if(t.type==="template-instance")s=new d(i,null,t.instance,o),t.instance.u.push(s),r=t.result.values[t.instancePartIndex++],t.templatePartIndex++;else if(t.type==="iterable"){s=new d(i,null,t.part,o);let e=t.iterator.next();if(e.done)throw r=void 0,t.done=!0,Error("Unhandled shorter than expected iterable");r=e.value,t.part._$AH.push(s)}else s=new d(i,null,t.part,o)}if(r=R(s,r),r===f)a.push({part:s,type:"leaf"});else if(b(r))a.push({part:s,type:"leaf"}),s._$AH=r;else if(g(r)){let t="lit-part "+P(r);if(i.data!==t)throw Error("Hydration value mismatch: Unexpected TemplateResult rendered to part");{let e=d.prototype._$AC(r),n=new A(e,s);a.push({type:"template-instance",instance:n,part:s,templatePartIndex:0,instancePartIndex:0,result:r}),s._$AH=n}}else v(r)?(a.push({part:s,type:"iterable",value:r,iterator:r[Symbol.iterator](),done:!1}),s._$AH=[]):(a.push({part:s,type:"leaf"}),s._$AH=r==null?"":r);return s},I=(l,i,a)=>{if(i===void 0)throw Error("unbalanced part marker");i._$AB=l;let o=a.pop();if(o.type==="iterable"&&!o.iterator.next().done)throw Error("unexpected longer than expected iterable");if(a.length>0)return a[a.length-1].part},C=(l,i,a)=>{let o=/lit-node (\d+)/.exec(l.data),r=parseInt(o[1]),s=l.nextElementSibling;if(s===null)throw Error("could not find node for attribute parts");s.removeAttribute("defer-hydration");let t=i[i.length-1];if(t.type!=="template-instance")throw Error("internal error");{let e=t.instance;for(;;){let n=e._$AD.parts[t.templatePartIndex];if(n===void 0||n.type!==h.ATTRIBUTE&&n.type!==h.ELEMENT||n.index!==r)break;if(n.type===h.ATTRIBUTE){let c=new n.ctor(s,n.name,n.strings,t.instance,a),p=x(c)?t.result.values[t.instancePartIndex]:t.result.values,m=!(c.type===h.EVENT||c.type===h.PROPERTY);c._$AI(p,c,t.instancePartIndex,m),t.instancePartIndex+=n.strings.length-1,e.u.push(c)}else{let c=new T(s,t.instance,a);R(c,t.result.values[t.instancePartIndex++]),e.u.push(c)}t.templatePartIndex++}}},P=l=>{let i=new Uint32Array(2).fill(5381);for(let o of l.strings)for(let r=0;r<o.length;r++)i[r%2]=33*i[r%2]^o.charCodeAt(r);let a=String.fromCharCode(...new Uint8Array(i.buffer));return btoa(a)};var u="hydrate-internals-";var M=class{constructor(){this.__definitions=new Map}define(i,a){var o;if(this.__definitions.has(i))throw new Error(`Failed to execute 'define' on 'CustomElementRegistry': the name "${i}" has already been used with this registry`);this.__definitions.set(i,{ctor:a,observedAttributes:(o=a.observedAttributes)!=null?o:[]})}get(i){let a=this.__definitions.get(i);return a==null?void 0:a.ctor}},$=M;var j=new $;globalThis.litElementHydrateSupport=({LitElement:l})=>{let i=Object.getOwnPropertyDescriptor(Object.getPrototypeOf(l),"observedAttributes").get;Object.defineProperty(l,"observedAttributes",{get(){return[...i.call(this),"defer-hydration"]}});let a=l.prototype.attributeChangedCallback;l.prototype.attributeChangedCallback=function(t,e,n){t==="defer-hydration"&&n===null&&o.call(this),a.call(this,t,e,n)};let o=l.prototype.connectedCallback;l.prototype.connectedCallback=function(){this.hasAttribute("defer-hydration")||o.call(this)};let r=l.prototype.createRenderRoot;l.prototype.createRenderRoot=function(){return this.shadowRoot?(this._$AG=!0,this.shadowRoot):r.call(this)};let s=Object.getPrototypeOf(l.prototype).update;l.prototype.update=function(t){let e=this.render();if(s.call(this,t),this._$AG){this._$AG=!1;for(let n=0;n<this.attributes.length;n++){let c=this.attributes[n];if(c.name.startsWith(u)){let p=c.name.slice(u.length);this.removeAttribute(p),this.removeAttribute(c.name)}}E(e,this.renderRoot,this.renderOptions)}else y(e,this.renderRoot,this.renderOptions)}};var _={},k;async function J(l={}){let{components:i=!1,suffix:a=!1}=l;k={suffix:a};let o=!i,r=a?`-${a}`:"",s=[];function t(n,c){s.push((async()=>{let p=`${n}${r}`;if(!_[p]){_[p]=!0;try{customElements.define(p,(await c).default)}catch(m){console.error(p,m)}}})())}function e(n){if(o)return!0;if(Array.isArray(i))return i?i.includes(n):!1}return e("scw-component")&&t("scw-component",import("./ScwComponent.YBMGEBW3.js")),e("scw-form-component")&&t("scw-form-component",import("./scw-form-component.RZL7VJWE.js")),e("scw-card")&&t("scw-card",import("./ScwCard.WSW6SGQX.js")),e("scw-input-field")&&t("scw-input-field",import("./scw-input-field.AXVKQRQ7.js")),e("scw-input-layout")&&t("scw-input-layout",import("./scw-input-layout.YQSGDNDE.js")),e("scw-input")&&t("scw-input",import("./scw-input.DUH2JRWR.js")),e("scw-single-input")&&t("scw-single-input",import("./scw-single-input.GODIHWZS.js")),e("scw-single-input-layout")&&t("scw-single-input-layout",import("./scw-single-input-layout.XQVIVFHM.js")),e("scw-form")&&t("scw-form",import("./scw-form.WHK4JFXY.js")),e("scw-validation")&&t("scw-validation",import("./scw-validation.C2JQWC6K.js")),e("scw-validate")&&t("scw-validate",import("./scw-validate.LYK6FKLI.js")),e("scw-textarea")&&t("scw-textarea",import("./scw-textarea.NRXCEHM3.js")),e("scw-select")&&t("scw-select",import("./scw-select.AXFS7HC4.js")),e("scw-link")&&t("scw-link",import("./ScwLink.TWQVAYKN.js")),e("scw-button")&&t("scw-button",import("./ScwButton.EMV7H7CC.js")),e("scw-menu")&&t("scw-menu",import("./ScwMenu.RHOGSQWA.js")),e("scw-menu-item")&&t("scw-menu-item",import("./ScwMenuItem.PJUWRNSS.js")),e("scw-icon")&&t("scw-icon",import("./ScwIcon.NRFHLUMD.js")),e("scw-heading")&&t("scw-heading",import("./ScwHeading.WSXFCQKO.js")),e("scw-image")&&t("scw-image",import("./ScwImage.T2JKENIJ.js")),e("scw-page-alert")&&t("scw-page-alert",import("./scw-page-alert.RPWYURX6.js")),e("scw-link-base")&&t("scw-link-base",import("./ScwLinkBase.IPPACFO6.js")),e("scw-alert")&&t("scw-alert",import("./ScwAlert.BPBSHLMS.js")),e("scw-stepper")&&t("scw-stepper",import("./ScwStepper.I2BADWRO.js")),e("scw-rich-text")&&t("scw-rich-text",import("./ScwRichText.AMNSMMM6.js")),e("scw-slider")&&t("scw-slider",import("./ScwSlider.R75SWSNX.js")),e("scw-slider-item")&&t("scw-slider-item",import("./ScwSliderItem.2JMYFZFG.js")),e("scw-block")&&t("scw-block",import("./ScwBlock.R4QVOTPB.js")),Promise.all(s)}export{k as a,J as b};
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+/**
+ * @license
+ * Copyright 2019 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+/**
+ * @license
+ * Copyright 2023 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */