scu-web-components 0.0.74 → 0.0.76

package/dist/chunks/chunk.FGCJFJBA.js

@@ -1,83 +0,0 @@
-import{a as p,d as u}from"./chunk.LVI6GYGO.js";import{a as d,b as s}from"./chunk.K5LAHA72.js";import{a as f}from"./chunk.UXNK7KZZ.js";import{a as o}from"./chunk.WKH73SBC.js";import{a as n,b as l,c}from"./chunk.Z3Y57KL7.js";import{f as i}from"./chunk.PE5ZEEQ2.js";var h=n`
-:host {
-  display: block;
-}
-
-.input-field {
-  width: 100%;
-  position: relative;
-}
-.input-field .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));
-  z-index: 1;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  position: absolute;
-  top: 0;
-  left: 0;
-}
-.input-field .placeholder[scw-hide] {
-  display: none;
-}
-.input-field select {
-  text-align: LEFT;
-  font: var(--scw-type-text-04-font);
-  color: var(--scw-color-grey-02);
-  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;
-  border: 0;
-  background-color: rgba(0, 0, 0, 0);
-  z-index: 2;
-  position: relative;
-}
-.input-field select:focus {
-  outline: none;
-}
-
-:host([aria-disabled=true]) textarea {
-  text-align: LEFT;
-  font: var(--scw-type-text-04-font);
-  color: var(--scw-color-grey-07);
-  flex: 1;
-}`;var e=class extends u{constructor(){super();this._options=[];this.type="text";this.element="input";let t=p();this.scwInputLayout=d(`scw-${"input-layout"}${t}`),this.processOptions()}static get styles(){return[super.styles,h]}connectedCallback(){super.connectedCallback()}domMutated(){super.domMutated(),this.processOptions()}processOptions(){let t=this.querySelectorAll(":scope > option"),v=Array.from(t).map(a=>{let r=a.value;return s`
-          <option
-            value=${r}
-            ?selected=${r===this.value}>
-            ${a.textContent}
-          </option>`});this._options=[s`
-      <option
-        value=""
-        ?selected=${this.value===""}>
-      </option>`,...v]}_focusHandler(){this.focused=!0}_blurHandler(){this.focused=!1,this.validate()}_valueChangeHandler(t){t.target&&(this.value=t.target.value,o("scw-value-change",this))}checkForSubmit(t){t.key==="Enter"&&o("scw-submit-intent",this)}render(){return s`
-      <${this.scwInputLayout}
-        .label=${this.ariaLabel}
-        .feedback=${this.feedback}
-        aria-disabled=${this.ariaDisabled==="true"?"true":"false"}
-        ?focused=${this.focused}
-        ?invalid=${this.invalid}>
-        <div 
-          class="input-field">
-          <select
-            ?readonly=${this.readOnly}
-            @keyup=${this.checkForSubmit}
-            @focus=${this._focusHandler}
-            @blur=${this._blurHandler}
-            @change=${this._valueChangeHandler}>
-            ${this._options}
-          </select>
-          <div 
-            class="placeholder"
-            ?scw-hide=${!!this.value}>
-            ${this.placeholder}
-          </div>
-        </div>
-      </${this.scwInputLayout}>
-      <slot name="validation"></slot>
-    `}};i([c()],e.prototype,"_options",2),i([l({type:f})],e.prototype,"type",2);export{e as a};

package/dist/chunks/chunk.GJQNUSH4.js

@@ -1,11 +0,0 @@
-import{a as p}from"./chunk.FNZZPMTC.js";import{a as c}from"./chunk.WKH73SBC.js";import{a,b as m,e as l}from"./chunk.Z3Y57KL7.js";import{a as r}from"./chunk.G2G2TPJK.js";import{f as i}from"./chunk.PE5ZEEQ2.js";var d=a`
-:host {
-  display: block;
-  --gap: initial;
-  --gap-h: var( --scw-spacing-2 );
-  --gap-v: var( --scw-spacing-1 );
-}
-
-:host(.read-only) {
-  --gap-v: var( --scw-spacing-3 );
-}`;var s=class extends l{constructor(){super();this.method="get";this.element="form",this.setAttribute("scw-stack-initial","")}static get styles(){return[super.styles,d]}connectedCallback(){super.connectedCallback(),this.addEventListener("scw-submit-intent",()=>{this.submit()}),this.addEventListener("scw-value-change",t=>{console.log("value changed",t)})}findFormElements(){let t=this.querySelectorAll("[form-type]");return Array.from(t)}processData(t){let n=t||this.findFormElements(),o={};return n.map(e=>{e.decorateValues(o)}),o}validate(t){let n=t||this.findFormElements(),o=[];return n.map(e=>{e.validate&&(o=[...o,...e.validate()])}),o}findInvalidElements(t){let n=t||this.findFormElements(),o=[];return n.map(e=>{e.invalid&&o.push(e)}),o}submit(){let t=this.findFormElements(),n=this.validate(t),o=this.processData(t),e=this.findInvalidElements(t);this.action&&p(this.action,o,this.method),c("scw-submit",this,{validation:n,invalidElements:e,data:o})}render(){return r`<slot></slot>`}};i([m({type:String})],s.prototype,"action",2),i([m({type:String})],s.prototype,"method",2);export{s as a};

package/dist/chunks/chunk.HUTZFHRM.js

@@ -1 +0,0 @@
-var c=["icon-placeholder","icon-close","icon-instagram","icon-check","icon-download","icon-menu","icon-tester","icon-linkedin","icon-facebook","icon-tiktok","icon-location","icon-location-dot","icon-search","icon-visible","icon-hidden","icon-lock","icon-edit","icon-envelope","icon-external-link","icon-crosshairs","icon-message","icon-minus","icon-mobile","icon-pdf","icon-plus","icon-chevron-up","icon-chevron-down","icon-chevron-left","icon-chevron-right","icon-clock","icon-info","icon-user","icon-circle","icon-code","icon-print","icon-instant-issue","icon-night-deposit","icon-drive-through-video-teller","icon-drive-through","icon-safe-deposit-box","icon-smart-locker","icon-notary","icon-video-teller","icon-atm","icon-24-hr-atm","icon-cash-boomerang","icon-coin-machine","icon-drive-through-teller","icon-slider","icon-document","icon-checkbox","icon-radio","icon-checkbox-selected","icon-radio-selected","icon-checkbox-hover","icon-radio-hover","icon-checkbox-selected-hover","icon-radio-selected-hover","icon-checkbox-disabled","icon-radio-disabled","icon-checkbox-selected-disabled","icon-radio-selected-disabled","icon-color-test","graphic-apple-app-store","graphic-logo","graphic-ncua","graphic-ehl","graphic-cash-boomerang","graphic-google-play-store"];async function o(e,i){if(!c.includes(e))return!1;let a;switch(e){case"icon-placeholder":a=(await import("./icon-placeholder.76TQSRWP.js")).default;break;case"icon-close":a=(await import("./icon-close.6K6YMU4L.js")).default;break;case"icon-instagram":a=(await import("./icon-instagram.WYCZFXQR.js")).default;break;case"icon-check":a=(await import("./icon-check.CKEAO6OZ.js")).default;break;case"icon-download":a=(await import("./icon-download.V5NZF5X7.js")).default;break;case"icon-menu":a=(await import("./icon-menu.F5KDKC3A.js")).default;break;case"icon-tester":a=(await import("./icon-tester.746TRAFX.js")).default;break;case"icon-linkedin":a=(await import("./icon-linkedin.BYVRFUPU.js")).default;break;case"icon-facebook":a=(await import("./icon-facebook.5IUU2U6T.js")).default;break;case"icon-tiktok":a=(await import("./icon-tiktok.LRBQFNTS.js")).default;break;case"icon-location":a=(await import("./icon-location.WT74YCRN.js")).default;break;case"icon-location-dot":a=(await import("./icon-location-dot.NUWA3YPX.js")).default;break;case"icon-search":a=(await import("./icon-search.JV64AOXG.js")).default;break;case"icon-visible":a=(await import("./icon-visible.FDJUY4XR.js")).default;break;case"icon-hidden":a=(await import("./icon-hidden.ESLNI5A5.js")).default;break;case"icon-lock":a=(await import("./icon-lock.22ZNNCGU.js")).default;break;case"icon-edit":a=(await import("./icon-edit.SLTRTD5V.js")).default;break;case"icon-envelope":a=(await import("./icon-envelope.SISRB4PU.js")).default;break;case"icon-external-link":a=(await import("./icon-external-link.IY3CAYFY.js")).default;break;case"icon-crosshairs":a=(await import("./icon-crosshairs.DWSEZTH6.js")).default;break;case"icon-message":a=(await import("./icon-message.3NHC5LMY.js")).default;break;case"icon-minus":a=(await import("./icon-minus.NHNIW2KP.js")).default;break;case"icon-mobile":a=(await import("./icon-mobile.URQA5JNR.js")).default;break;case"icon-pdf":a=(await import("./icon-pdf.U7M47CNV.js")).default;break;case"icon-plus":a=(await import("./icon-plus.NI4XIXVX.js")).default;break;case"icon-chevron-up":a=(await import("./icon-chevron-up.BKZ4PO5L.js")).default;break;case"icon-chevron-down":a=(await import("./icon-chevron-down.UO72Z7SQ.js")).default;break;case"icon-chevron-left":a=(await import("./icon-chevron-left.M5DCGI2Y.js")).default;break;case"icon-chevron-right":a=(await import("./icon-chevron-right.CSJECGZH.js")).default;break;case"icon-clock":a=(await import("./icon-clock.TR7U6PTA.js")).default;break;case"icon-info":a=(await import("./icon-info.RTJHWRKG.js")).default;break;case"icon-user":a=(await import("./icon-user.IARSAO62.js")).default;break;case"icon-circle":a=(await import("./icon-circle.H4R3WJFC.js")).default;break;case"icon-code":a=(await import("./icon-code.NL7ZOQWC.js")).default;break;case"icon-print":a=(await import("./icon-print.WRA4DYQQ.js")).default;break;case"icon-instant-issue":a=(await import("./icon-instant-issue.4ICCTUJM.js")).default;break;case"icon-night-deposit":a=(await import("./icon-night-deposit.LN6RVTVF.js")).default;break;case"icon-drive-through-video-teller":a=(await import("./icon-drive-through-video-teller.PAS5JRGS.js")).default;break;case"icon-drive-through":a=(await import("./icon-drive-through.DOQBTWZB.js")).default;break;case"icon-safe-deposit-box":a=(await import("./icon-safe-deposit-box.JKGHT7YG.js")).default;break;case"icon-smart-locker":a=(await import("./icon-smart-locker.E2OL6UDA.js")).default;break;case"icon-notary":a=(await import("./icon-notary.34PTNKOA.js")).default;break;case"icon-video-teller":a=(await import("./icon-video-teller.WPX75XFD.js")).default;break;case"icon-atm":a=(await import("./icon-atm.DV6QMBW7.js")).default;break;case"icon-24-hr-atm":a=(await import("./icon-24-hr-atm.6GR4YKV4.js")).default;break;case"icon-cash-boomerang":a=(await import("./icon-cash-boomerang.DAKHDX2K.js")).default;break;case"icon-coin-machine":a=(await import("./icon-coin-machine.MVVBURT2.js")).default;break;case"icon-drive-through-teller":a=(await import("./icon-drive-through-teller.BYJNBBUX.js")).default;break;case"icon-slider":a=(await import("./icon-slider.AAU7YDKQ.js")).default;break;case"icon-document":a=(await import("./icon-document.UICWIKVU.js")).default;break;case"icon-checkbox":a=(await import("./icon-checkbox.5ZLHJ3CA.js")).default;break;case"icon-radio":a=(await import("./icon-radio.QS2LTSYH.js")).default;break;case"icon-checkbox-selected":a=(await import("./icon-checkbox-selected.WMSCXJQY.js")).default;break;case"icon-radio-selected":a=(await import("./icon-radio-selected.MVLFTJFA.js")).default;break;case"icon-checkbox-hover":a=(await import("./icon-checkbox-hover.7UEJNWI7.js")).default;break;case"icon-radio-hover":a=(await import("./icon-radio-hover.A7XWWA7H.js")).default;break;case"icon-checkbox-selected-hover":a=(await import("./icon-checkbox-selected-hover.TXRXANKD.js")).default;break;case"icon-radio-selected-hover":a=(await import("./icon-radio-selected-hover.TQLO2LD5.js")).default;break;case"icon-checkbox-disabled":a=(await import("./icon-checkbox-disabled.B2LBS6DD.js")).default;break;case"icon-radio-disabled":a=(await import("./icon-radio-disabled.TUB5H5AQ.js")).default;break;case"icon-checkbox-selected-disabled":a=(await import("./icon-checkbox-selected-disabled.ACCMIJJN.js")).default;break;case"icon-radio-selected-disabled":a=(await import("./icon-radio-selected-disabled.7HJBF4MW.js")).default;break;case"icon-color-test":a=(await import("./icon-color-test.RIGDRD2I.js")).default;break;case"graphic-apple-app-store":a=(await import("./graphic-apple-app-store.FCZE5UXV.js")).default;break;case"graphic-logo":a=(await import("./graphic-logo.SSOUWSNQ.js")).default;break;case"graphic-ncua":a=(await import("./graphic-ncua.G7J2GISB.js")).default;break;case"graphic-ehl":a=(await import("./graphic-ehl.DCSUQPHG.js")).default;break;case"graphic-cash-boomerang":a=(await import("./graphic-cash-boomerang.VOG66GUU.js")).default;break;case"graphic-google-play-store":a=(await import("./graphic-google-play-store.KBBU3FIS.js")).default;break}return i===!0?`url('data:image/svg+xml;utf8,${a.replace(/#/g,"%23")}')`:a}function r(e,i){if(e){let a=e;e.indexOf("icon-")!==0&&(a=`icon-${e}`),o(a).then(t=>{i(t)})}}export{r as a};

package/dist/chunks/chunk.I6WOAP7J.js

@@ -1,28 +0,0 @@
-import{a as u,d as r}from"./chunk.LVI6GYGO.js";import{a as s,b as l}from"./chunk.K5LAHA72.js";import{a as n,b as d,c as m}from"./chunk.XKUXW432.js";import{a as p}from"./chunk.UXNK7KZZ.js";import{a as c}from"./chunk.WKH73SBC.js";import{a as i,b as o}from"./chunk.Z3Y57KL7.js";import{f as a}from"./chunk.PE5ZEEQ2.js";var h=i`
-:host {
-  display: block;
-}`;var t=class extends r{constructor(){super();this.type="text";this.autoCapitalize="none";this.autoComplete="on";this.autoCorrect="off";this.autoFocus=!1;this.element="input";let e=u();this.scwInputField=s(`scw-${"input-field"}${e}`),this.scwInputLayout=s(`scw-${"input-layout"}${e}`)}static get styles(){return[super.styles,h]}_focusHandler(){this.focused=!0}_blurHandler(){this.focused=!1,this.validate()}_valueChangeHandler(e){this.value=e.detail.value}checkForSubmit(e){e.key==="Enter"&&c("scw-submit-intent",this)}render(){return l`
-      <${this.scwInputLayout}
-        .label=${this.ariaLabel}
-        .feedback=${this.feedback}
-         aria-disabled=${this.ariaDisabled==="true"?"true":"false"}
-        ?focused=${this.focused}
-        ?invalid=${this.invalid}>
-        <${this.scwInputField}
-          .value=${this.value}
-          .type=${this.type}
-          .placeholder=${this.placeholder}
-          aria-disabled=${this.ariaDisabled==="true"?"true":"false"}
-          autocapitalize=${this.autoCapitalize}
-          autocomplete=${this.autoComplete}
-          autocorrect=${this.autoCorrect}
-          ?autofocus=${this.autoFocus}
-          ?readonly="${this.readOnly}"
-          @keyup=${this.checkForSubmit}
-          @scw-focus=${this._focusHandler}
-          @scw-blur=${this._blurHandler}
-          @scw-value-change=${this._valueChangeHandler}>
-        </${this.scwInputField}>
-      </${this.scwInputLayout}>
-      <slot name="validation"></slot>
-    `}};a([o({type:p})],t.prototype,"type",2),a([o({type:n,attribute:"autocapitalize"})],t.prototype,"autoCapitalize",2),a([o({type:d,attribute:"autocomplete"})],t.prototype,"autoComplete",2),a([o({type:m,attribute:"autocorrect"})],t.prototype,"autoCorrect",2),a([o({type:Boolean,attribute:"autofocus"})],t.prototype,"autoFocus",2);export{t as a};

package/dist/chunks/chunk.J7MVPCLQ.js

@@ -1,77 +0,0 @@
-import{a as i,b as r,e as n}from"./chunk.Z3Y57KL7.js";import{a as s}from"./chunk.G2G2TPJK.js";import{f as o}from"./chunk.PE5ZEEQ2.js";var e=i`
-:host {
-  background-color: var(--scw-color-grey-10);
-  border-radius: 4px 4px 4px 4px;
-  display: flex;
-  flex-flow: row nowrap;
-  justify-content: flex-start;
-  align-items: center;
-  padding-left: var(--scw-spacing-1);
-  padding-right: var(--scw-spacing-1);
-  padding-top: calc(var(--scw-spacing-1) * 1.5);
-  padding-bottom: calc(var(--scw-spacing-1) * 1.5);
-}
-:host > *:not(:last-child) {
-  margin-right: calc(var(--scw-spacing-1) * 0.8);
-  --margin-right: calc( var( --scw-spacing-1 ) * 0.8 );
-}
-:host .icon {
-  background-color: var(--scw-color-success-light);
-  border-radius: 48px 48px 48px 48px;
-}
-:host .content {
-  background-color: rgba(0, 0, 0, 0);
-  flex: 1;
-  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 .content > *:not(:last-child) {
-  margin-bottom: 0px;
-  --margin-bottom: 0px;
-}
-:host .content .title {
-  text-align: LEFT;
-  font: var(--scw-type-text-bold-font);
-  color: var(--scw-color-grey-02);
-  align-self: stretch;
-}
-:host .content .description {
-  text-align: LEFT;
-  font: var(--scw-type-text-font);
-  color: var(--scw-color-grey-02);
-  align-self: stretch;
-}
-
-:host([type=warning]) .icon {
-  background-color: var(--scw-color-information-light);
-}
-
-:host([link]) {
-  cursor: pointer;
-}
-
-:host([link]:hover) {
-  background-color: var(--scw-color-primary-095);
-}
-
-:host([link]:focus-visible) {
-  box-shadow: var(--scw-effect-focus-shadow);
-}`;var a=(c=>(c.basic="basic",c.warning="warning",c))(a||{}),t=class extends n{constructor(){super();this.title="";this.description="";this.type="basic";this.element="pageAlert"}static get styles(){return[super.styles,e]}connectedCallback(){super.connectedCallback()}render(){return s`
-      <scw-icon
-        icon="icon-placeholder"
-        class="icon"
-        size="30"></scw-icon>
-      <div class="content">
-        <div class="title">
-          ${this.title}
-        </div>
-        <div class="description">
-          ${this.description}
-        </div>
-      </div>`}};o([r({type:String})],t.prototype,"title",2),o([r({type:String})],t.prototype,"description",2),o([r({type:a})],t.prototype,"type",2);export{a,t as b};

package/dist/chunks/chunk.LVI6GYGO.js

@@ -1,3 +0,0 @@
-import{a as s}from"./chunk.542LCHMN.js";import{b as n,c as r,e as h}from"./chunk.Z3Y57KL7.js";import{a as c}from"./chunk.G2G2TPJK.js";import{f as a}from"./chunk.PE5ZEEQ2.js";function u(o="-"){return s&&s.suffix?`${o}${s.suffix}`:""}var p=(e=>(e.text="text",e.boolean="boolean",e.submit="submit",e))(p||{}),V=(i=>(i.submit="submit",i.cancel="cancel",i))(V||{}),t=class extends h{constructor(){super(...arguments);this.formType="text";this.value="";this.placeholder="";this.selected=!1;this.readOnly=!1;this.required=!1;this.requiredLabel=" *";this.focused=!1;this.invalid=!1}connectedCallback(){super.connectedCallback(),this.required&&this.createAndAddValidationRule("required",this.requiredFeedback)}decorateValues(i){if(!this.name){this.warn(`${this.element} didn't find a name`);return}this.formType==="boolean"?i[this.name]=this.selected:i[this.name]=this.value}findIfRequired(){let i=this.findValidationRules();return i?i.isRequired():!1}findValidationRules(){return Array.from(this.children).find(d=>d.nodeName.indexOf("SCW-VALIDATION")===0)}validate(){let i=this.findValidationRules(),e=[];return i&&(e=i.validate(this.value)),this.invalid=e.length>0,this.invalid?this.feedback=e[0].feedback:this.feedback="",e}createValidateRule(){return document.createElement(`scw-${"validate"}${u()}`)}addValidationRule(i){let e=this.findValidationRules();e||(e=document.createElement(`scw-${"validation"}${u()}`),this.prepend(e)),Array.from(e.children).find(f=>f.getAttribute("type")===i.type)||e.appendChild(i)}createAndAddValidationRule(i,e){let d=this.createValidateRule();d.setAttribute("type",i),e&&d.setAttribute("feedback",e),this.addValidationRule(d)}removeValidationRule(i){let e=this.findValidationRules();if(!e)return;let l=Array.from(e.children).find(f=>f.type===i);l&&l.parentNode&&l.parentNode.removeChild(l)}render(){return c`
-      scw-form-component
-    `}};a([n({type:p,reflect:!0,attribute:"form-type"})],t.prototype,"formType",2),a([n({type:String})],t.prototype,"name",2),a([n({type:String})],t.prototype,"value",2),a([n({type:String})],t.prototype,"placeholder",2),a([n({type:String})],t.prototype,"selected",2),a([n({type:Boolean,attribute:"read-only"})],t.prototype,"readOnly",2),a([n({type:Boolean})],t.prototype,"required",2),a([n({type:String,attribute:"required-label"})],t.prototype,"requiredLabel",2),a([n({type:String,attribute:"required-feedback"})],t.prototype,"requiredFeedback",2),a([r()],t.prototype,"feedback",2),a([r()],t.prototype,"focused",2),a([r()],t.prototype,"invalid",2);export{u as a,p as b,V as c,t as d};

package/dist/chunks/chunk.NKX3QEFM.js

@@ -1,226 +0,0 @@
-import{a as n}from"./chunk.XDTBALK3.js";import{a as s,b as a}from"./chunk.Z3Y57KL7.js";import{a as o}from"./chunk.G2G2TPJK.js";import{f as r}from"./chunk.PE5ZEEQ2.js";var c=s`
-:host([design=main]) {
-  outline: none;
-  background-color: rgba(0, 0, 0, 0);
-  padding-left: var(--scw-spacing-1);
-  padding-right: var(--scw-spacing-1);
-  padding-top: calc(var(--scw-spacing-1) * 0.8);
-  padding-bottom: var(--scw-spacing-1);
-  display: inline-flex;
-}
-:host([design=main]) .label {
-  text-align: LEFT;
-  font: var(--scw-type-text-bold-condensed-07-font);
-  color: var(--scw-color-grey-02);
-}
-
-:host([inherit]) .label {
-  font: inherit;
-}
-
-:host([design=main]:focus-visible) {
-  background-color: var(--scw-color-grey-10);
-  border-radius: 4px 4px 4px 4px;
-  box-shadow: var(--scw-effect-focus-shadow);
-  padding-left: var(--scw-spacing-1);
-  padding-right: var(--scw-spacing-1);
-  padding-top: calc(var(--scw-spacing-1) * 0.8);
-  padding-bottom: var(--scw-spacing-1);
-}
-:host([design=main]:focus-visible) .label {
-  text-align: LEFT;
-  font: var(--scw-type-text-bold-condensed-07-font);
-  color: var(--scw-color-grey-02);
-}
-
-:host([inherit]:focus-visible) .label {
-  font: inherit;
-}
-
-:host([design=main]:hover) {
-  background-color: rgba(0, 0, 0, 0);
-  padding-left: var(--scw-spacing-1);
-  padding-right: var(--scw-spacing-1);
-  padding-top: calc(var(--scw-spacing-1) * 0.8);
-  padding-bottom: var(--scw-spacing-1);
-  cursor: pointer;
-}
-:host([design=main]:hover) .label {
-  text-align: LEFT;
-  font: var(--scw-type-text-bold-condensed-07-font);
-  color: var(--scw-color-primary-03);
-}
-
-:host([inherit]:hover) .label {
-  font: inherit;
-}
-
-:host([design=main][aria-selected=true]) {
-  background-color: rgba(0, 0, 0, 0);
-  display: flex;
-  flex-flow: column nowrap;
-  justify-content: flex-start;
-  align-items: flex-start;
-  padding-left: var(--scw-spacing-1);
-  padding-right: var(--scw-spacing-1);
-  padding-top: calc(var(--scw-spacing-1) * 0.8);
-  padding-bottom: 0px;
-}
-:host([design=main][aria-selected=true]) > *:not(:last-child) {
-  margin-bottom: calc(var(--scw-spacing-1) * 0.8);
-  --margin-bottom: calc( var( --scw-spacing-1 ) * 0.8 );
-}
-:host([design=main][aria-selected=true]) .label {
-  text-align: LEFT;
-  font: var(--scw-type-text-bold-condensed-07-font);
-  color: var(--scw-color-grey-02);
-  align-self: stretch;
-  flex: 1;
-}
-:host([design=main][aria-selected=true]) .selected {
-  background-color: var(--scw-color-primary-03);
-  align-self: stretch;
-  height: 2px;
-}
-
-:host([inherit] [aria-selected=true]) .label {
-  font: inherit;
-}
-
-:host([design=main][aria-disabled=true]) {
-  background-color: rgba(0, 0, 0, 0);
-  padding-left: var(--scw-spacing-1);
-  padding-right: var(--scw-spacing-1);
-  padding-top: calc(var(--scw-spacing-1) * 0.8);
-  padding-bottom: var(--scw-spacing-1);
-  cursor: auto;
-  pointer-events: none;
-}
-:host([design=main][aria-disabled=true]) .label {
-  text-align: LEFT;
-  font: var(--scw-type-text-bold-condensed-07-font);
-  color: var(--scw-color-grey-08);
-}
-:host([design=main][aria-disabled=true]) .icon svg {
-  fill: var(--scw-color-grey-08);
-}
-:host([design=main][aria-disabled=true]) .icon svg * {
-  fill: var(--scw-color-grey-08);
-}
-
-:host([inherit] [aria-disabled=true]) .label {
-  font: inherit;
-}
-
-:host([design=utility]) .scw-link-base {
-  background-color: rgba(0, 0, 0, 0);
-  display: flex;
-  flex-flow: row nowrap;
-  justify-content: flex-start;
-  align-items: center;
-  padding-left: var(--scw-spacing-1);
-  padding-right: var(--scw-spacing-1);
-  padding-top: 0px;
-  padding-bottom: 0px;
-  display: inline-flex;
-}
-:host([design=utility]) .scw-link-base > *:not(:last-child) {
-  margin-right: calc(var(--scw-spacing-1) * 0.4);
-  --margin-right: calc( var( --scw-spacing-1 ) * 0.4 );
-}
-:host([design=utility]) .label {
-  text-align: LEFT;
-  font: var(--scw-type-text-font);
-  color: var(--scw-color-grey-02);
-  min-height: 24px;
-}
-:host([design=utility]) .icon {
-  width: 24px;
-  height: 24px;
-}
-:host([design=utility]) .icon svg {
-  box-sizing: border-box;
-  vertical-align: top;
-  width: 100%;
-  height: 100%;
-  fill: var(--scw-color-grey-02);
-}
-:host([design=utility]) .icon svg * {
-  fill: var(--scw-color-grey-02);
-}
-
-:host([design=utility]:focus-visible) {
-  background-color: var(--scw-color-grey-10);
-  border-radius: 4px 4px 4px 4px;
-  box-shadow: var(--scw-effect-focus-shadow);
-}
-:host([design=utility]:focus-visible) .label {
-  text-align: LEFT;
-  font: var(--scw-type-text-font);
-  color: var(--scw-color-grey-02);
-}
-:host([design=utility]:focus-visible) .icon svg {
-  fill: var(--scw-color-grey-02);
-}
-:host([design=utility]:focus-visible) .icon svg * {
-  fill: var(--scw-color-grey-02);
-}
-
-:host([design=utility]:hover) {
-  background-color: rgba(0, 0, 0, 0);
-  cursor: pointer;
-}
-:host([design=utility]:hover) .label {
-  text-align: LEFT;
-  font: var(--scw-type-text-font);
-  color: var(--scw-color-primary-03);
-}
-:host([design=utility]:hover) .icon svg {
-  fill: var(--scw-color-primary-04);
-}
-:host([design=utility]:hover) .icon svg * {
-  fill: var(--scw-color-primary-04);
-}
-
-:host([design=utility][aria-selected=true]) {
-  background-color: rgba(0, 0, 0, 0);
-  cursor: pointer;
-}
-:host([design=utility][aria-selected=true]) .label {
-  text-align: LEFT;
-  font: var(--scw-type-text-font);
-  color: var(--scw-color-primary-03);
-}
-:host([design=utility][aria-selected=true]) .icon svg {
-  fill: var(--scw-color-primary);
-}
-:host([design=utility][aria-selected=true]) .icon svg * {
-  fill: var(--scw-color-primary);
-}
-
-:host([design=utility][aria-disabled=true]) {
-  cursor: auto;
-  pointer-events: none;
-  background-color: rgba(0, 0, 0, 0);
-}
-:host([design=utility][aria-disabled=true]) .label {
-  text-align: LEFT;
-  font: var(--scw-type-text-font);
-  color: var(--scw-color-grey-07);
-}
-:host([design=utility][aria-disabled=true]) .icon svg {
-  fill: var(--scw-color-grey-07);
-}
-:host([design=utility][aria-disabled=true]) .icon svg * {
-  fill: var(--scw-color-grey-07);
-}
-
-:host {
-  white-space: nowrap;
-}
-:host .label {
-  white-space: nowrap;
-}`;var e=(t=>(t.main="main",t.utility="utility",t))(e||{});var i=class extends n{constructor(){super();this.ariaSelected="false";this.element="menu-item",this.setAttribute("role","menuitem")}static get styles(){return[super.styles,c]}hasPopup(){let t=this.nextElementSibling;return!!(t&&t.nodeName.indexOf("SCW-MENU")===0)}doShowIcon(){return!!(super.doShowIcon()&&this.design!=="main")}validDesigns(){return{...super.validDesigns(),...e}}connectedCallback(){super.connectedCallback(),this.hasPopup()&&this.setAttribute("aria-haspopup","true")}renderContent(){return this.design==="main"&&this.ariaSelected==="true"?(this.setAttribute("aria-current","page"),o`
-          <div>${super.renderContent()}</div>
-          <div class="selected"></div>
-        `):(this.removeAttribute("aria-current"),super.renderContent())}render(){return this.renderLink(this.renderContent())}};r([a({type:String,attribute:"aria-selected"})],i.prototype,"ariaSelected",2);export{i as a};

package/dist/chunks/chunk.QF4C577S.js

@@ -1,29 +0,0 @@
-import{a as e,b as i,e as t}from"./chunk.Z3Y57KL7.js";import{a as o}from"./chunk.G2G2TPJK.js";import{f as s}from"./chunk.PE5ZEEQ2.js";var n=e`
-:host {
-  display: block;
-}
-:host .scw-link-base {
-  display: block;
-  background-color: var(--scw-color-error-light);
-  padding-left: var(--scw-spacing-2);
-  padding-right: var(--scw-spacing-2);
-  padding-top: var(--scw-spacing-1);
-  padding-bottom: var(--scw-spacing-1);
-  text-align: center;
-}
-:host .message {
-  text-align: CENTER;
-  font: var(--scw-type-text-bold-font);
-  color: var(--scw-color-error-dark);
-  flex: 1;
-}
-:host .description {
-  text-align: CENTER;
-  font: var(--scw-type-text-font);
-  color: var(--scw-color-error-dark);
-  flex: 1;
-}`;var r=class extends t{constructor(){super();this.description="";this.element="alert",!1||this.addEventListener("click",()=>console.log("hi"))}static get styles(){return[t.styles,n]}render(){return o`
-      <span class="message">${this.description}</span>
-      <span class="description">${this.description}</span>
-      ${JSON.stringify(t.styles)}
-    `}};s([i({type:String})],r.prototype,"description",2);export{r as a};

package/dist/chunks/chunk.RBJQRJ4P.js

@@ -1,12 +0,0 @@
-import{a as m}from"./chunk.VIF6YT55.js";import{a as d}from"./chunk.QHUZYUAT.js";import{a,b as n,e as u}from"./chunk.Z3Y57KL7.js";import{a as s}from"./chunk.G2G2TPJK.js";import{f as l}from"./chunk.PE5ZEEQ2.js";var c=a`
-:host {
-  display: block;
-}`;var o=class extends u{constructor(){super();this.value="";this.element="validation"}static get styles(){return[super.styles,c]}connectedCallback(){super.connectedCallback(),this.setAttribute("slot","validation")}valueHandler(){this.validate(this.value)}validate(t){let r=this.getValidationRules(),e=[];return r.map(i=>{i.validate(t,e)}),e}isRequired(){let t=this.getValidationRules(),r=!1;return t.find(e=>e.type==="required"?(r=!0,!0):!1),r}getValidationRules(){let t=[];return Array.from(this.children).map(e=>{let i=e;i.element&&i.element==="validate"&&t.push(i)}),t}render(){return m(this,"--debug")?s`
-        <div 
-          id="root">
-          <div>
-            Validation
-          </div>
-          <slot></slot>
-        </div>
-      `:s``}};l([n({type:String})],o.prototype,"value",2),l([d("value")],o.prototype,"valueHandler",1);export{o as a};

package/dist/chunks/chunk.RVIZTHRG.js

@@ -1,48 +0,0 @@
-import{a as o}from"./chunk.YBPGY7E7.js";import{a as d,b as f}from"./chunk.ZZNNPPOA.js";import{a as i,b as n,c as l,d as a,e as c}from"./chunk.Z3Y57KL7.js";import{a as s}from"./chunk.G2G2TPJK.js";import{f as r}from"./chunk.PE5ZEEQ2.js";var p=i`
-:host {
-  display: block;
-}
-
-.container {
-  display: flex;
-  flex-flow: row nowrap;
-  justify-content: flex-start;
-  align-items: flex-start;
-  padding-left: 0px;
-  padding-right: 0px;
-  padding-top: 0px;
-  padding-bottom: 0px;
-}
-.container > *:not(:last-child) {
-  margin-right: calc(var(--scw-spacing-1) * 3.8);
-  --margin-right: calc( var( --scw-spacing-1 ) * 3.8 );
-}
-
-.circle {
-  background-color: var(--scw-color-grey-092);
-  border-radius: 50% 50% 50% 50%;
-  width: 10px;
-  height: 10px;
-}
-.circle.focused {
-  background-color: var(--scw-color-grey-07);
-  border-radius: 50% 50% 50% 50%;
-}
-
-.body p {
-  font-size: 42px;
-}`;var e=class extends c{constructor(){super();this.test="test";this.testState=0;this.contentRef=d();this.example="hello there";this.element="stepper"}static get styles(){return[super.styles,p]}firstUpdated(){this.attachContent()}attachContent(){let t=this.querySelector("#content");this.contentRef.value&&t&&this.contentRef.value.appendChild(t.content.cloneNode(!0))}renderStepItem(t=!1){return s`
-      <div class="circle ${t?"focused":""}"></div>
-    `}render(){let t;try{this.testJson&&(t=JSON.parse(decodeURIComponent(this.testJson)))}catch(m){console.error(m)}return s`
-      <div class="container" @click=${()=>console.log("hi")}>
-        ${this.renderStepItem()}
-        ${this.renderStepItem(!0)}
-        ${this.renderStepItem()}
-        ${o(t?JSON.stringify(t):"")}
-        ${o(this.testHtml?decodeURIComponent(this.testHtml):"")}
-        <div
-          class="body"
-          ${f(this.contentRef)}>
-        </div>
-      </div>
-    `}};r([n({type:String,attribute:"test-json",reflect:!0})],e.prototype,"testJson",2),r([n({type:String,attribute:"test-html",reflect:!0})],e.prototype,"testHtml",2),r([n({type:String,attribute:"test-attr",reflect:!0})],e.prototype,"testAttr",2),r([l()],e.prototype,"testState",2),r([a("#myBtn")],e.prototype,"first",2);export{e as a};

package/dist/chunks/chunk.TFHSDTGG.js

@@ -1,78 +0,0 @@
-import{a as r,d as l}from"./chunk.LVI6GYGO.js";import{a as u,b as c}from"./chunk.K5LAHA72.js";import{a as p,b as d,c as f}from"./chunk.XKUXW432.js";import{a as n}from"./chunk.UXNK7KZZ.js";import{a as o}from"./chunk.WKH73SBC.js";import{a as s,b as a}from"./chunk.Z3Y57KL7.js";import{f as e}from"./chunk.PE5ZEEQ2.js";var h=s`
-:host {
-  display: block;
-}
-
-.input-field {
-  width: 100%;
-  position: relative;
-}
-.input-field .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));
-  z-index: 1;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  position: absolute;
-  top: 0;
-  left: 0;
-}
-.input-field .placeholder[scw-hide] {
-  display: none;
-}
-.input-field textarea {
-  text-align: LEFT;
-  font: var(--scw-type-text-04-font);
-  color: var(--scw-color-grey-02);
-  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);
-  box-sizing: border-box;
-  border: 0;
-  background-color: rgba(0, 0, 0, 0);
-  z-index: 2;
-  position: relative;
-}
-.input-field textarea:focus {
-  outline: none;
-}
-
-:host([aria-disabled=true]) textarea {
-  text-align: LEFT;
-  font: var(--scw-type-text-04-font);
-  color: var(--scw-color-grey-07);
-  flex: 1;
-}`;var t=class extends l{constructor(){super();this.type="text";this.autoCapitalize="none";this.autoComplete="on";this.autoCorrect="off";this.autoFocus=!1;this.element="textarea";let i=r();this.scwInputLayout=u(`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 c`
-      <${this.scwInputLayout}
-        .label="${this.ariaLabel}"
-        .feedback="${this.feedback}"
-        aria-disabled=${this.ariaDisabled==="true"?"true":"false"}
-        ?focused=${this.focused}
-        ?invalid=${this.invalid}>
-        <div 
-          class="input-field">
-          <textarea
-            ?disabled=${this.ariaDisabled==="true"}
-            autocapitalize=${this.autoCapitalize}
-            autocomplete=${this.autoComplete}
-            autocorrect=${this.autoCorrect}
-            ?autofocus=${this.autoFocus}
-            ?readonly=${this.readOnly}
-            @focus=${this._focusHandler}
-            @blur=${this._blurHandler}
-            @input=${this._valueChangeHandler}
-            .value=${this.value}></textarea>
-          <div 
-            class="placeholder"
-            ?scw-hide=${!!this.value}>
-            ${this.placeholder}
-          </div>
-        </div>
-      </${this.scwInputLayout}>
-      <slot name="validation"></slot>
-    `}};e([a({type:n})],t.prototype,"type",2),e([a({type:p,attribute:"autocapitalize"})],t.prototype,"autoCapitalize",2),e([a({type:d,attribute:"autocomplete"})],t.prototype,"autoComplete",2),e([a({type:f,attribute:"autocorrect"})],t.prototype,"autoCorrect",2),e([a({type:Boolean,attribute:"autofocus"})],t.prototype,"autoFocus",2);export{t as a};