scu-web-components 0.0.97 → 0.0.99

package/dist/chunks/chunk.I3ZVRTAG.js

@@ -1,160 +0,0 @@
-import{a as p}from"./chunk.4SWKJDYZ.js";import{a as s}from"./chunk.QHUZYUAT.js";import{a as c,b as o,d as i,f as l}from"./chunk.MEEX2KI7.js";import{a}from"./chunk.G2G2TPJK.js";import{f as r}from"./chunk.PE5ZEEQ2.js";var n=c`
-.wrapper {
-  background-color: rgb(255, 255, 255);
-  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;
-}
-.wrapper > *:not(:last-child) {
-  margin-bottom: calc(var(--scw-spacing-1) * 0.5);
-  --margin-bottom: calc( var( --scw-spacing-1 ) * 0.5 );
-}
-.wrapper .checkbox {
-  background-color: rgba(0, 0, 0, 0);
-  align-self: stretch;
-  display: flex;
-  flex-flow: row nowrap;
-  justify-content: flex-start;
-  align-items: center;
-  padding-left: 0px;
-  padding-right: 0px;
-  padding-top: 0px;
-  padding-bottom: 0px;
-  cursor: pointer;
-}
-.wrapper .checkbox > *:not(:last-child) {
-  margin-right: var(--scw-spacing-1);
-  --margin-right: var( --scw-spacing-1 );
-}
-.wrapper .checkbox .box {
-  background-color: var(--scw-color-grey-10);
-  border-radius: 12px 12px 12px 12px;
-  border-width: 1px;
-  border-style: solid;
-  border-color: var(--scw-color-grey-07);
-  display: flex;
-  flex-flow: row nowrap;
-  justify-content: center;
-  align-items: center;
-  padding-left: 0px;
-  padding-right: 0px;
-  padding-top: 0px;
-  padding-bottom: 0px;
-  width: 20px;
-  height: 20px;
-  transition: color 350ms ease, border-color 350ms ease, box-shadow 350ms ease;
-}
-.wrapper .checkbox .box > *:not(:last-child) {
-  margin-right: 0px;
-  --margin-right: 0px;
-}
-.wrapper .checkbox .box .icon {
-  transition: color 350ms ease, opacity 350ms ease;
-  opacity: 0;
-}
-.wrapper .checkbox .input-label {
-  text-align: LEFT;
-  font: var(--scw-type-text-04-font);
-  color: var(--scw-color-grey-02);
-  align-self: stretch;
-  flex: 1;
-}
-.wrapper .input-feedback {
-  text-align: LEFT;
-  font: var(--scw-type-text-03-font);
-  color: var(--scw-color-grey-04);
-}
-
-.checked .checkbox .box {
-  background-color: var(--scw-color-grey-03);
-  border-radius: 12px 12px 12px 12px;
-  border-width: 1px;
-  border-style: solid;
-  border-color: var(--scw-color-grey-03);
-}
-.checked .checkbox .box .icon {
-  background-color: var(--scw-color-grey-10);
-  border-radius: 12px 12px 12px 12px;
-  display: flex;
-  flex-flow: row nowrap;
-  justify-content: center;
-  align-items: center;
-  padding-left: 0px;
-  padding-right: 0px;
-  padding-top: 0px;
-  padding-bottom: 0px;
-  width: 8px;
-  height: 8px;
-  opacity: 1;
-}
-.checked .checkbox .box .icon > *:not(:last-child) {
-  margin-right: 0px;
-  --margin-right: 0px;
-}
-
-.wrapper .checkbox .box:focus,
-.wrapper .checkbox .box:focus-visible {
-  outline: none;
-  border-color: var(--scw-color-credit-cards);
-  box-shadow: var(--scw-effect-focus-shadow);
-}
-
-:host([aria-disabled]) .checkbox {
-  cursor: default;
-}
-:host([aria-disabled]) .checkbox .box {
-  background-color: var(--scw-color-grey-095);
-  border-radius: 12px 12px 12px 12px;
-  border-width: 1px;
-  border-style: solid;
-  border-color: var(--scw-color-grey-07);
-  box-shadow: none;
-}
-:host([aria-disabled]) .checkbox .box .icon {
-  opacity: 0;
-}
-:host([aria-disabled]) .checkbox .input-label {
-  text-align: LEFT;
-  font: var(--scw-type-text-04-font);
-  color: var(--scw-color-grey-06);
-  align-self: stretch;
-  flex: 1;
-}
-
-.box:hover {
-  background-color: var(--scw-color-grey-10);
-  border-radius: 12px 12px 12px 12px;
-  border-width: 1px;
-  border-style: solid;
-  border-color: var(--scw-color-grey-03);
-}
-
-.topAlign .checkbox {
-  align-items: flex-start;
-}
-.topAlign .checkbox .box {
-  position: relative;
-  top: 5px;
-}`;var e=class extends l{constructor(){super();this.value="";this.selected=!1;this.alignment="center";this.element="radio"}static get styles(){return[super.styles,n]}connectedCallback(){super.connectedCallback(),this.value||this.setAttribute("value",this.ariaLabel)}handleSelectedChange(){this.setAttribute("aria-selected",this.selected?"true":"false")}handleClick(t){t.preventDefault()}focus(){this.input.focus()}render(){let t={checked:this.selected,wrapper:!0,topAlign:this.alignment==="top"};return a`
-      <div class=${p(t)}>
-        <label class="checkbox">
-          
-          <div class="box"
-            role="radio"
-            aria-checked="${this.selected}"
-            tabindex="${this.selected?"0":"-1"}"
-            @click=${this.handleClick}>
-              <div class="icon"></div>
-          </div>
-          <div class="input-label">
-            ${this.ariaLabel}
-            <slot></slot>
-          </div>
-        </label>
-      </div>
-      `}};r([o({type:String,attribute:"value",reflect:!1})],e.prototype,"value",2),r([o({type:Boolean,attribute:"selected",reflect:!0})],e.prototype,"selected",2),r([o({type:String,reflect:!1,attribute:"alignment"})],e.prototype,"alignment",2),r([i(".box")],e.prototype,"input",2),r([s("selected")],e.prototype,"handleSelectedChange",1);export{e as a};

package/dist/chunks/chunk.I5TNG2KY.js

@@ -1,299 +0,0 @@
-import{a as V}from"./chunk.XKYBUPYA.js";import{a as $,b as S,c as L,d as O}from"./chunk.44O2H36B.js";import{a as H}from"./chunk.4SWKJDYZ.js";import{c as W}from"./chunk.ULI2FVHF.js";import{c as P,d as I}from"./chunk.BQW2V66J.js";import{a as h,b as A,c as E}from"./chunk.NBAHMDHF.js";import{a as u}from"./chunk.X4CHYX5J.js";import{a as y}from"./chunk.KILRDKGP.js";import{a as D}from"./chunk.QHUZYUAT.js";import{a as z,b as p,d as R}from"./chunk.MEEX2KI7.js";import{c as b,d as C}from"./chunk.G2G2TPJK.js";import{f as n}from"./chunk.PE5ZEEQ2.js";var j=z`
-.inputWrapper {
-  background-color: rgba(0, 0, 0, 0);
-  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;
-}
-.inputWrapper > *:not(:last-child) {
-  margin-bottom: calc(var(--scw-spacing-1) * 0.5);
-  --margin-bottom: calc( var( --scw-spacing-1 ) * 0.5 );
-}
-.inputWrapper .input-label {
-  text-align: LEFT;
-  font: var(--scw-type-text-bold-03-font);
-  color: var(--scw-color-grey-02);
-}
-.inputWrapper .input-field {
-  transition: color 350ms ease, border-color 350ms ease, box-shadow 350ms ease;
-  background-color: var(--scw-color-grey-10);
-  border-radius: 8px 8px 8px 8px;
-  border-width: 1px;
-  border-style: solid;
-  border-color: var(--scw-color-grey-07);
-  align-self: stretch;
-  display: flex;
-  flex-flow: row nowrap;
-  justify-content: flex-start;
-  align-items: center;
-  padding-left: 0px;
-  padding-right: 0px;
-  padding-top: 0px;
-  padding-bottom: 0px;
-  height: 50px;
-}
-.inputWrapper .input-field > *:not(:last-child) {
-  margin-right: 0px;
-  --margin-right: 0px;
-}
-.inputWrapper .input-field .input-text {
-  background-color: rgba(0, 0, 0, 0);
-  flex: 1;
-  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;
-  height: 100%;
-}
-.inputWrapper .input-field .input-text > *:not(:last-child) {
-  margin-right: 0px;
-  --margin-right: 0px;
-}
-.inputWrapper .input-field .input-text input {
-  text-align: LEFT;
-  font: var(--scw-type-text-04-font);
-  color: rgb(114, 118, 121);
-  flex: 1;
-  color: var(--scw-theme-body-color, var(--scw-color-grey-02));
-  width: 100%;
-  height: 100%;
-  box-sizing: border-box;
-  border: 0;
-  background-color: rgba(0, 0, 0, 0);
-  z-index: 2;
-  position: relative;
-}
-.inputWrapper .input-field .input-text input:focus {
-  outline: none;
-}
-.inputWrapper .input-field .left-icon,
-.inputWrapper .input-field .right-icon {
-  width: 50px;
-  height: 50px;
-  display: flex;
-  flex-flow: row nowrap;
-  justify-content: center;
-  align-items: center;
-  padding-left: var(--scw-spacing-1);
-  padding-right: var(--scw-spacing-1);
-  padding-top: 0px;
-  padding-bottom: 0px;
-  padding: 0;
-}
-.inputWrapper .input-field .left-icon > *:not(:last-child),
-.inputWrapper .input-field .right-icon > *:not(:last-child) {
-  margin-right: 0px;
-  --margin-right: 0px;
-}
-.inputWrapper .input-field .left-icon scw-icon,
-.inputWrapper .input-field .right-icon scw-icon {
-  width: 20px;
-  height: 20px;
-  --scw-icon-color: var(
-    default-input-icon-left-icon-icon-vector-vars.\$background-color
-  );
-}
-.inputWrapper .input-field .placeholder {
-  text-align: LEFT;
-  font: var(--scw-type-text-04-font);
-  color: rgb(114, 118, 121);
-  flex: 1;
-  z-index: 1;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  position: absolute;
-}
-.inputWrapper .input-feedback {
-  text-align: LEFT;
-  font: var(--scw-type-text-02-font);
-  color: var(--scw-color-grey-04);
-}
-
-.small .input-field {
-  background-color: var(--scw-color-grey-10);
-  border-radius: 8px 8px 8px 8px;
-  border-width: 1px;
-  border-style: solid;
-  border-color: var(--scw-color-grey-07);
-  align-self: stretch;
-  display: flex;
-  flex-flow: row nowrap;
-  justify-content: flex-start;
-  align-items: center;
-  padding-left: 0px;
-  padding-right: 0px;
-  padding-top: 0px;
-  padding-bottom: 0px;
-  height: 40px;
-}
-.small .input-field > *:not(:last-child) {
-  margin-right: 0px;
-  --margin-right: 0px;
-}
-
-.clickable {
-  cursor: pointer;
-}
-
-:host([aria-disabled]) .input-field {
-  background-color: var(--scw-color-grey-095);
-  border-radius: 8px 8px 8px 8px;
-  border-width: 1px;
-  border-style: solid;
-  border-color: var(--scw-color-grey-07);
-  align-self: stretch;
-}
-:host([aria-disabled]) .input-field .placeholder {
-  text-align: LEFT;
-  font: var(--scw-type-text-04-font);
-  color: var(--scw-color-grey-06);
-  flex: 1;
-}
-:host([aria-disabled]) .input-field input {
-  text-align: LEFT;
-  font: var(--scw-type-text-04-font);
-  color: var(--scw-color-grey-06);
-  flex: 1;
-}
-
-.focused .input-field {
-  background-color: var(--scw-color-grey-10);
-  border-radius: 8px 8px 8px 8px;
-  border-width: 1px;
-  border-style: solid;
-  border-color: var(--scw-color-grey-07);
-  box-shadow: var(--scw-effect-focus-shadow);
-  align-self: stretch;
-}
-
-.invalid .input-field {
-  background-color: var(--scw-color-grey-10);
-  border-radius: 8px 8px 8px 8px;
-  border-width: 1px;
-  border-style: solid;
-  border-color: var(--scw-color-error);
-  align-self: stretch;
-}
-.invalid .input-feedback {
-  text-align: LEFT;
-  font: var(--scw-type-text-02-font);
-  color: var(--scw-color-error);
-}
-
-:host([type=file]) .input-field .placeholder {
-  text-align: LEFT;
-  font: 400 1rem/1.5rem "Proxima Nova";
-  color: var(--scw-color-grey-02);
-  flex: 1;
-  text-decoration: underline;
-}
-:host([type=file]) .input-field input {
-  cursor: pointer;
-  opacity: 0;
-}
-:host([type=file]) .input-field input::file-selector-button {
-  height: 100%;
-  width: 0;
-  padding: 0;
-  opacity: 0;
-  margin-left: -8px;
-}
-:host([type=file]) .showFile .input-field input {
-  opacity: 1;
-}
-:host([type=file]) .showFile .input-field .left-icon scw-icon {
-  --scw-icon-color: var(--scw-color-success);
-}
-:host([type=file]) .showFile.invalid .input-field input {
-  opacity: 1;
-}
-:host([type=file]) .showFile.invalid .input-field .left-icon scw-icon {
-  --scw-icon-color: var(--scw-color-error);
-}`;function N(e,t,i){let l=i;if(e&&e.length>0){let o=e.replace(/[^\d]/g,""),r="";if(o.length>6){let c=o.substring(0,3),f=`${o.substring(3,6)}-${o.substring(6)}`;r=`(${c}) ${f}`}else o.length>3?r=`(${o.substring(0,3)}) ${o.substring(3)}`:o.length>0&&(r=`(${o.substring(0)}`);let s=e.length<t.length;return e.length===i?l=r?r.length:0:i===1?l=s?1:2:i===5||i===6?l=s?5:7:i===9&&(l=s?9:10),{value:o,display:r,selectionIndex:l}}else return{value:"",display:"",selectionIndex:l}}function U(e,t){if(!e)return{value:"",display:"",selectionIndex:0};let i=e?e.replace(/[^\d]/g,""):"";return i.length<e.length&&t--,{value:i,display:i,selectionIndex:t||0}}var w=0,B=new Date;function k(e,t,i=!1,l){if(!e||e==="$")return{value:"",display:"",selectionIndex:0};w++;let o=new Date;if(w>20)return B=o,w=0,{value:"error",display:"error",selectionIndex:0};o.getTime()-B.getTime()>100&&(B=o,w=0);let r=e.replace(/[^\d|,|$|.]/g,"");r=r.replace(/^\$0+/g,"$");let s=r,c=s.split(".");if(c.length>2){let v=c.pop();s=`${c.join("")}.${v}`,c=s.split(".")}let f=c.length>1?c[c.length-1].length:0;f>2?(s=s.replace(/[^\d]/g,""),s=q(s,s.length-2,".")):f>0&&(s=s.replace(/[^\d/.]/g,"")),i&&(f===0?s=`${s.replace(/\./g,"")}.00`:f===1&&(s=`${s}0`));let F=s.split("."),d=F[0];d=d.replace(/[^\d]/g,""),d=d?`${parseInt(d)}`:"0",d=K(d,",",3),F[0]=d;let m=`$${F.join(".")}`,Y=m.replace(/,|\$/g,""),x=t;if(m!==r){let v=r.substr(0,t),T=m.substr(0,t),_=(v.match(/,|\$/g)||[]).length,G=(T.match(/,|\$/g)||[]).length,J=m.substr(t);v===T&&J.indexOf(",")===0&&l===t?x++:x+=G-_}else r!==e&&(x+=r.length-e.length);return{value:Y,display:m,selectionIndex:x||0}}function q(e,t,i){return e.substring(0,t)+i+e.substring(t)}function K(e,t,i){let l=0,o=e;for(let r=0;r<e.length;r++)r%i===0&&(l>0&&(o=q(o,e.length-r,t)),l++);return o}var g=class{constructor(t){this.lastSelectionStart=0,this.inputBase=t}autoFormat(t){if(this.inputBase.type==="telephone"){let i=N(t,this.inputBase.valueDisplayed,this.inputBase.input&&this.inputBase.input.selectionStart||0);this.applyValues(i)}else if(this.inputBase.type==="date"){let i=V(t,this.inputBase.valueDisplayed,this.inputBase.input&&this.inputBase.input.selectionStart||0);this.applyValues(i,!0)}else if(this.inputBase.type==="number"){let i=U(t,this.inputBase.input&&this.inputBase.input.selectionStart||0);this.applyValues(i,!0)}else if(this.inputBase.type==="currency"){let i=k(t,this.inputBase.input&&this.inputBase.input.selectionStart||0,!1,this.lastSelectionStart);this.applyValues(i)}else this.inputBase.value=t,this.inputBase.valueDisplayed=this.inputBase.value;this.updateSelection()}autoFormatFinish(t){if(this.inputBase.type==="currency"){let i=k(t,this.inputBase.input&&this.inputBase.input.selectionStart||0,!0,this.lastSelectionStart);this.applyValues(i,!1,!1)}this.updateSelection()}applyValues(t,i=!1,l=!0){this.inputBase.value=i?t.display:t.value?t.value:"",this.inputBase.valueDisplayed=t.display,this.inputBase.input&&(this.inputBase.input.value=t.display,l&&this.inputBase.input.setSelectionRange(t.selectionIndex,t.selectionIndex))}updateSelection(){this.lastSelectionStart=this.inputBase.input&&this.inputBase.input.selectionStart||0}};var M=A(class extends E{constructor(e){if(super(e),e.type!==h.PROPERTY&&e.type!==h.ATTRIBUTE&&e.type!==h.BOOLEAN_ATTRIBUTE)throw Error("The `live` directive is not allowed on child or event bindings");if(!P(e))throw Error("`live` bindings can only contain a single expression")}render(e){return e}update(e,[t]){if(t===b||t===C)return t;let i=e.element,l=e.name;if(e.type===h.PROPERTY){if(t===i[l])return b}else if(e.type===h.BOOLEAN_ATTRIBUTE){if(!!t===i.hasAttribute(l))return b}else if(e.type===h.ATTRIBUTE&&i.getAttribute(l)===t+"")return b;return I(e),t}});var a=class extends W{constructor(){super();this.type="text";this.autoCapitalize="none";this.autoComplete="on";this.autoCorrect="off";this.autoFocus=!1;this.inputmode="text";this.selectAllOnFocus=!1;this.hideFeedback=!1;this.defaultFeedback="";this.clearable=!1;this.inputSize="default";this.valueDisplayed="";this.showPassword=!1;this.filePickerOpen=!1;this.element="input-field",this.autoFormatter=new g(this)}static get styles(){return[super.styles,j]}valueHandler(){this.formatValue()}connectedCallback(){super.connectedCallback(),this.autoFormatter=new g(this),this.autoFormatter.autoFormat(this.value),this.autoFormatter.autoFormatFinish(this.value)}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(),this.filePickerOpen=!1}valueChangeHandler(){y("scw-value-change",this,{value:this.value,name:this.name,valueDisplayed:this.valueDisplayed})}handleShowPassword(){this.showPassword=!this.showPassword,this.requestUpdate()}handleInteraction(i){this.autoFormatter.updateSelection(),this.type==="file"&&i.type==="click"&&(this.filePickerOpen=!0)}handleCancel(){this.filePickerOpen=!1}blurHandler(){this.autoFormatter.autoFormatFinish(this.value),y("scw-blur",this),this.focused=!1,this.filePickerOpen||this.validate()}handleClear(){this.value=""}focusHandler(){this.autoFormatter.updateSelection(),this.focused=!0,this.selectAllOnFocus&&this.input.setSelectionRange(0,this.input.value.length),y("scw-focus",this)}invalidHandler(i){i.preventDefault()}render(){let i={focused:this.focused,invalid:this.invalid,inputWrapper:!0,small:this.inputSize==="small",showFile:this.type==="file"&&this.value};return u`<div class=${H(i)}>
-        ${this.ariaLabel?u` <div class="input-label">${this.ariaLabel}${this.required?u`<span class="required-label">
-            ${this.requiredLabel}
-            </span>`:""}</div>`:""}
-        <div class="input-field">
-          ${this.type==="file"?u`
-            <div class="left-icon">
-              <scw-icon
-                icon="${this.value&&this.invalid?"icon-close-circle":this.value?"icon-check-circle":"icon-upload"}"
-                size="20">
-              </scw-icon>
-            </div>`:""}
-          ${this.leftIcon?u`
-            <div class="left-icon">
-              <scw-icon
-                icon="${this.leftIcon}"
-                size="20">
-              </scw-icon>
-            </div>`:""}
-          <div class="input-text">
-            <input
-              aria-label="${this.ariaLabel}"
-              name="${this.name}"
-              .value="${M(this.valueDisplayed)}"
-              ?readonly="${this.readOnly}"
-              type="${this.type==="password"&&this.showPassword?"text":this.type}"
-              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}
-              @cancel=${this.handleCancel}
-              @focus=${this.focusHandler}
-              @blur=${this.blurHandler}
-              @invalid=${this.invalidHandler} />
-            ${this.value?"":u`
-              <div class="placeholder">
-                ${this.type==="file"?"Upload file":this.placeholder}
-              </div>
-            `}
-          </div>
-
-          ${this.rightIcon?u` <div class="right-icon">
-                <scw-icon
-                  icon="${this.rightIcon}"
-                  size="20">
-                </scw-icon>
-              </div>`:""}
-          ${this.clearable||this.type==="file"&&this.value?u` <div class="right-icon">
-                <scw-icon
-                class="clickable"
-                  icon="icon-close"
-                  size="20"
-                  @click=${this.handleClear}>
-                </scw-icon>
-              </div>`:""}
-          ${this.type==="password"?u` <div class="right-icon">
-                <scw-icon
-                class="clickable"
-                  icon="icon-visible"
-                  size="20"
-                  @click=${this.handleShowPassword}>
-                </scw-icon>
-              </div>`:""}
-        </div>
-        ${this.hideFeedback?"":u` <div class="input-feedback">
-              ${this.feedback?this.feedback:this.defaultFeedback}&nbsp;
-            </div>`}
-      </div>
-      <slot name="validation"></slot> `}};n([p({type:$})],a.prototype,"type",2),n([p({type:S,attribute:"autocapitalize"})],a.prototype,"autoCapitalize",2),n([p({type:L,attribute:"autocomplete"})],a.prototype,"autoComplete",2),n([p({type:O,attribute:"autocorrect"})],a.prototype,"autoCorrect",2),n([p({type:Boolean,attribute:"autofocus"})],a.prototype,"autoFocus",2),n([p({type:String})],a.prototype,"inputmode",2),n([p({type:Boolean,attribute:"select-all-on-focus"})],a.prototype,"selectAllOnFocus",2),n([p({type:String,attribute:"hide-feedback"})],a.prototype,"hideFeedback",2),n([p({type:String,attribute:"default-feedback"})],a.prototype,"defaultFeedback",2),n([p({type:String,attribute:"right-icon"})],a.prototype,"rightIcon",2),n([p({type:String,attribute:"left-icon"})],a.prototype,"leftIcon",2),n([p({type:Boolean,attribute:"clearable"})],a.prototype,"clearable",2),n([p({type:String,attribute:"size"})],a.prototype,"inputSize",2),n([R("input")],a.prototype,"input",2),n([D("value")],a.prototype,"valueHandler",1);export{a};
-/**
- * @license
- * Copyright 2020 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */

package/dist/chunks/chunk.IC5U72AP.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,f as u}from"./chunk.MEEX2KI7.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.IPKPUZBR.js

@@ -1,57 +0,0 @@
-import{a as t,b as o,f as s}from"./chunk.MEEX2KI7.js";import{a as r}from"./chunk.G2G2TPJK.js";import{f as e}from"./chunk.PE5ZEEQ2.js";var h=t`
-a.scw-link-base h1:hover, a.scw-link-base h2:hover, a.scw-link-base h3:hover, a.scw-link-base h4:hover, a.scw-link-base h5:hover {
-  cursor: pointer;
-  text-decoration: underline;
-}
-
-a.scw-link-base[aria-disabled=true] h1, a.scw-link-base[aria-disabled=true] h2, a.scw-link-base[aria-disabled=true] h3, a.scw-link-base[aria-disabled=true] h4, a.scw-link-base[aria-disabled=true] h5,
-:host([anchor][aria-disabled=true]) h1,
-:host([anchor][aria-disabled=true]) h2,
-:host([anchor][aria-disabled=true]) h3,
-:host([anchor][aria-disabled=true]) h4,
-:host([anchor][aria-disabled=true]) h5 {
-  color: var(--scw-color-primary-08);
-}
-a.scw-link-base[aria-disabled=true] h1:hover, a.scw-link-base[aria-disabled=true] h2:hover, a.scw-link-base[aria-disabled=true] h3:hover, a.scw-link-base[aria-disabled=true] h4:hover, a.scw-link-base[aria-disabled=true] h5:hover,
-:host([anchor][aria-disabled=true]) h1:hover,
-:host([anchor][aria-disabled=true]) h2:hover,
-:host([anchor][aria-disabled=true]) h3:hover,
-:host([anchor][aria-disabled=true]) h4:hover,
-:host([anchor][aria-disabled=true]) h5:hover {
-  cursor: auto;
-  text-decoration: initial;
-}
-
-:host a {
-  text-decoration: none;
-}
-:host h1 {
-  text-align: LEFT;
-  font: var(--scw-type-text-bold-condensed-10-font);
-  color: var(--scw-color-primary);
-}
-:host h2 {
-  text-align: LEFT;
-  font: var(--scw-type-text-bold-09-font);
-  color: var(--scw-color-primary);
-}
-:host h3 {
-  text-align: LEFT;
-  font: var(--scw-type-text-bold-08-font);
-  color: var(--scw-color-grey-02);
-}
-:host h4 {
-  text-align: LEFT;
-  font: var(--scw-type-text-bold-07-font);
-  color: var(--scw-color-grey-02);
-}
-:host h5 {
-  text-align: LEFT;
-  font: var(--scw-type-text-bold-06-font);
-  color: var(--scw-color-grey-02);
-}
-:host h1, :host h2, :host h3, :host h4, :host h5 {
-  margin: 0;
-  padding: 0;
-  color: var(--scw-color-04, var(--scw-color-grey-02));
-}`;var a=class extends s{constructor(){super();this.size="H1";this.element="heading"}static get styles(){return[super.styles,h]}renderHeading(){switch(this.size.toUpperCase()){case"H5":return r`<h5>${this.ariaLabel}</h5>`;case"H4":return r`<h4>${this.ariaLabel}</h4>`;case"H3":return r`<h3>${this.ariaLabel}</h3>`;case"H2":return r`<h2>${this.ariaLabel}</h2>`;case"H1":default:return r`<h1>${this.ariaLabel}</h1>`}}render(){return this.renderHeading()}};e([o({type:String,reflect:!0})],a.prototype,"size",2);export{a};