scu-web-components 0.0.98 → 0.0.99

package/dist/chunks/chunk.3HMGWU7A.js

@@ -1,58 +0,0 @@
-import{a as g}from"./chunk.YBPGY7E7.js";import{c as _}from"./chunk.BQW2V66J.js";import{a as p,b as m,c as v}from"./chunk.NBAHMDHF.js";import{a as y,b as c,c as x,d as b,f as C}from"./chunk.MEEX2KI7.js";import{a as f,d as u}from"./chunk.G2G2TPJK.js";import{f as l}from"./chunk.PE5ZEEQ2.js";var d=(s,e)=>{var t,i;let r=s._$AN;if(r===void 0)return!1;for(let n of r)(i=(t=n)._$AO)===null||i===void 0||i.call(t,e,!1),d(n,e);return!0},a=s=>{let e,t;do{if((e=s._$AM)===void 0)break;t=e._$AN,t.delete(s),s=e}while((t==null?void 0:t.size)===0)},Y=s=>{for(let e;e=s._$AM;s=e){let t=e._$AN;if(t===void 0)e._$AN=t=new Set;else if(t.has(s))break;t.add(s),R(e)}};function I(s){this._$AN!==void 0?(a(this),this._$AM=s,Y(this)):this._$AM=s}function M(s,e=!1,t=0){let i=this._$AH,r=this._$AN;if(r!==void 0&&r.size!==0)if(e)if(Array.isArray(i))for(let n=t;n<i.length;n++)d(i[n],!1),a(i[n]);else i!=null&&(d(i,!1),a(i));else d(this,s)}var R=s=>{var e,t,i,r;s.type==p.CHILD&&((e=(i=s)._$AP)!==null&&e!==void 0||(i._$AP=M),(t=(r=s)._$AQ)!==null&&t!==void 0||(r._$AQ=I))},h=class extends v{constructor(){super(...arguments),this._$AN=void 0}_$AT(e,t,i){super._$AT(e,t,i),Y(this),this.isConnected=e._$AU}_$AO(e,t=!0){var i,r;e!==this.isConnected&&(this.isConnected=e,e?(i=this.reconnected)===null||i===void 0||i.call(this):(r=this.disconnected)===null||r===void 0||r.call(this)),t&&(d(this,e),a(this))}setValue(e){if(_(this._$Ct))this._$Ct._$AI(e,this);else{let t=[...this._$Ct._$AH];t[this._$Ci]=e,this._$Ct._$AI(t,this,0)}}disconnected(){}reconnected(){}};var N=()=>new A,A=class{},$=new WeakMap,T=m(class extends h{render(s){return u}update(s,[e]){var t;let i=e!==this.Y;return i&&this.Y!==void 0&&this.rt(void 0),(i||this.lt!==this.ct)&&(this.Y=e,this.dt=(t=s.options)===null||t===void 0?void 0:t.host,this.rt(this.ct=s.element)),u}rt(s){var e;if(typeof this.Y=="function"){let t=(e=this.dt)!==null&&e!==void 0?e:globalThis,i=$.get(t);i===void 0&&(i=new WeakMap,$.set(t,i)),i.get(this.Y)!==void 0&&this.Y.call(this.dt,void 0),i.set(this.Y,s),s!==void 0&&this.Y.call(this.dt,s)}else this.Y.value=s}get lt(){var s,e,t;return typeof this.Y=="function"?(e=$.get((s=this.dt)!==null&&s!==void 0?s:globalThis))===null||e===void 0?void 0:e.get(this.Y):(t=this.Y)===null||t===void 0?void 0:t.value}disconnected(){this.lt===this.ct&&this.rt(void 0)}reconnected(){this.rt(this.ct)}});var H=y`
-: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 o=class extends C{constructor(){super();this.test="test";this.testState=0;this.contentRef=N();this.example="hello there";this.element="stepper"}static get styles(){return[super.styles,H]}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 f`
-      <div class="circle ${t?"focused":""}"></div>
-    `}render(){let t;try{this.testJson&&(t=JSON.parse(decodeURIComponent(this.testJson)))}catch(r){console.error(r)}return f`
-      <div class="container" @click=${()=>console.log("hi")}>
-        ${this.renderStepItem()}
-        ${this.renderStepItem(!0)}
-        ${this.renderStepItem()}
-        ${g(t?JSON.stringify(t):"")}
-        ${g(this.testHtml?decodeURIComponent(this.testHtml):"")}
-        <div
-          class="body"
-          ${T(this.contentRef)}>
-        </div>
-      </div>
-    `}};l([c({type:String,attribute:"test-json",reflect:!0})],o.prototype,"testJson",2),l([c({type:String,attribute:"test-html",reflect:!0})],o.prototype,"testHtml",2),l([c({type:String,attribute:"test-attr",reflect:!0})],o.prototype,"testAttr",2),l([x()],o.prototype,"testState",2),l([b("#myBtn")],o.prototype,"first",2);export{o as a};
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-/**
- * @license
- * Copyright 2020 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */

package/dist/chunks/chunk.3WUXPIFM.js

@@ -1,211 +0,0 @@
-import{a as l,b as n,f as s}from"./chunk.MEEX2KI7.js";import{a as t}from"./chunk.G2G2TPJK.js";import{f as r}from"./chunk.PE5ZEEQ2.js";var o=l`
-.heading {
-  margin: 0;
-  background-color: rgba(0, 0, 0, 0);
-  align-self: stretch;
-  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: var(--scw-spacing-1);
-}
-.heading > *:not(:last-child) {
-  margin-right: 0px;
-  --margin-right: 0px;
-}
-
-.superHeading {
-  margin: 0;
-  background-color: rgba(0, 0, 0, 0);
-  align-self: stretch;
-  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: var(--scw-spacing-1);
-}
-.superHeading > *:not(:last-child) {
-  margin-right: 0px;
-  --margin-right: 0px;
-}
-
-h1 {
-  text-align: LEFT;
-  font: var(--scw-type-text-extrabold-09-font);
-  color: var(--scw-color-grey-02);
-  flex: 1;
-}
-
-h2 {
-  text-align: LEFT;
-  font: var(--scw-type-text-extrabold-08-font);
-  color: var(--scw-color-grey-02);
-  flex: 1;
-}
-
-h3 {
-  text-align: LEFT;
-  font: var(--scw-type-text-extrabold-07-font);
-  color: var(--scw-color-grey-02);
-  flex: 1;
-}
-
-h4 {
-  text-align: LEFT;
-  font: var(--scw-type-text-extrabold-06-font);
-  color: var(--scw-color-grey-02);
-  flex: 1;
-}
-
-h5 {
-  text-align: LEFT;
-  font: var(--scw-type-text-extrabold-font);
-  color: var(--scw-color-grey-02);
-  flex: 1;
-}
-
-h6 {
-  text-align: LEFT;
-  font: var(--scw-type-text-bold-04-font);
-  color: var(--scw-color-grey-02);
-  flex: 1;
-}
-
-h1, h2, h3, h4, h5, h6 {
-  color: var(--scw-theme-body-color, var(--scw-color-grey-02));
-}
-
-.body {
-  background-color: rgba(0, 0, 0, 0);
-  align-self: stretch;
-}
-.body slot {
-  text-align: LEFT;
-  font: var(--scw-type-text-04-font);
-  color: var(--scw-color-grey-03);
-  flex: 1;
-  color: var(--scw-theme-body-color, var(--scw-color-grey-02));
-}
-
-.default {
-  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;
-  background-color: rgba(0, 0, 0, 0);
-  align-self: stretch;
-}
-.default > *:not(:last-child) {
-  margin-bottom: 0px;
-  --margin-bottom: 0px;
-}
-.default .links {
-  background-color: rgba(0, 0, 0, 0);
-  align-self: stretch;
-  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;
-}
-.default .links > *:not(:last-child) {
-  margin-right: calc(var(--scw-spacing-1) * 1.2);
-  --margin-right: calc( var( --scw-spacing-1 ) * 1.2 );
-}
-
-.alignment-center {
-  display: flex;
-  flex-flow: column nowrap;
-  justify-content: flex-start;
-  align-items: center;
-  padding-left: 0px;
-  padding-right: 0px;
-  padding-top: 0px;
-  padding-bottom: 0px;
-  background-color: rgba(0, 0, 0, 0);
-  align-self: stretch;
-}
-.alignment-center > *:not(:last-child) {
-  margin-bottom: 0px;
-  --margin-bottom: 0px;
-}
-.alignment-center .links {
-  background-color: rgba(0, 0, 0, 0);
-  align-self: stretch;
-  display: flex;
-  flex-flow: row nowrap;
-  justify-content: center;
-  align-items: flex-start;
-  padding-left: 0px;
-  padding-right: 0px;
-  padding-top: 0px;
-  padding-bottom: 0px;
-}
-.alignment-center .links > *:not(:last-child) {
-  margin-right: calc(var(--scw-spacing-1) * 1.2);
-  --margin-right: calc( var( --scw-spacing-1 ) * 1.2 );
-}
-.alignment-center .body {
-  margin: auto;
-}
-.alignment-center .heading, .alignment-center .superHeading {
-  text-align: center;
-  margin: auto;
-}
-
-@media (max-width: 768px) {
-  h1 {
-    text-align: LEFT;
-    font: var(--scw-type-text-extrabold-08-font);
-    color: var(--scw-color-grey-02);
-    flex: 1;
-  }
-  h2 {
-    text-align: LEFT;
-    font: var(--scw-type-text-extrabold-07-font);
-    color: var(--scw-color-grey-02);
-    flex: 1;
-  }
-  .default .links, .alignment-center .links {
-    flex-direction: column;
-    gap: var(--scw-spacing-1);
-  }
-  .default .links scw-link, .alignment-center .links scw-link {
-    width: 100%;
-  }
-}`;var e=class extends s{constructor(){super();this.headingLevel="h2";this.element="block"}static get styles(){return[super.styles,o]}renderLink(a,i,g="solid"){return a&&i?t`
-        <scw-link
-          href="${i}"
-          aria-label="${a}"
-          design="${g}">
-        </scw-link>
-      `:t``}renderHeading(){if(this.heading)switch(this.headingLevel){case"h2":return t` <h2 class="heading">${this.heading}
-          <slot name="disclosure"></slot></h2>`;case"h3":return t` <h3 class="heading">${this.heading}
-          <slot name="disclosure"></slot></h3>`;case"h4":return t` <h4 class="heading">${this.heading}
-          <slot name="disclosure"></slot></h4>`;case"h5":return t` <h5 class="heading">${this.heading}
-          <slot name="disclosure"></slot></h5>`;case"h6":return t` <h6 class="heading">${this.heading}
-          <slot name="disclosure"></slot></h6>`;default:return t` <h1 class="heading">${this.heading}
-          <slot name="disclosure"></slot></h1>`}return t``}render(){return t`
-      <div class="${this.align==="center"?"alignment-center":"default"}">
-        ${this.superHeading?t` <h6 class="superHeading">${this.superHeading}</h6>`:""}
-        ${this.renderHeading()}
-        <div class="body"><slot></slot></div>
-        <div class="links">
-          ${this.renderLink(this.primaryLabel,this.primaryLink)}
-          ${this.renderLink(this.secondaryLabel,this.secondaryLink,"outlined")}
-        </div>
-      </div>
-    `}};r([n({type:String,attribute:"heading-level",reflect:!1})],e.prototype,"headingLevel",2),r([n({type:String,attribute:"heading",reflect:!0})],e.prototype,"heading",2),r([n({type:String,attribute:"alignment",reflect:!0})],e.prototype,"align",2),r([n({type:String,attribute:"primary-cta-link",reflect:!0})],e.prototype,"primaryLink",2),r([n({type:String,attribute:"primary-cta-label",reflect:!0})],e.prototype,"primaryLabel",2),r([n({type:String,attribute:"secondary-cta-link",reflect:!0})],e.prototype,"secondaryLink",2),r([n({type:String,attribute:"secondary-cta-label",reflect:!0})],e.prototype,"secondaryLabel",2),r([n({type:String,attribute:"super-heading",reflect:!0})],e.prototype,"superHeading",2);export{e as a};

package/dist/chunks/chunk.3YLKFKRJ.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.ST4ATRAD.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.4HRGB55T.js

@@ -1,103 +0,0 @@
-import{a as r,b as s,f as l}from"./chunk.MEEX2KI7.js";import{a as o}from"./chunk.G2G2TPJK.js";import{f as e}from"./chunk.PE5ZEEQ2.js";var d=r`
-:host {
-  background-color: rgba(0, 0, 0, 0);
-  align-self: stretch;
-  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;
-}
-:host > *:not(:last-child) {
-  margin-right: 0px;
-  --margin-right: 0px;
-}
-
-:host([header]) {
-  background-color: rgba(0, 0, 0, 0);
-  align-self: stretch;
-  flex: 1;
-  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;
-}
-:host([header]) > *:not(:last-child) {
-  margin-right: 0px;
-  --margin-right: 0px;
-}
-
-:host([header]) ::slotted(:nth-child(2)) {
-  border-top-left-radius: 10px;
-}
-
-:host([header]) ::slotted(:last-child) {
-  border-top-right-radius: 10px;
-}
-
-:host([end]) ::slotted(:last-child) {
-  border-bottom-right-radius: 10px;
-}
-
-:host([end]) ::slotted(:first-child) {
-  border-bottom-left-radius: 10px;
-}
-
-:host([end]) ::slotted(*) {
-  border-bottom: 1px;
-  border-bottom-color: var(--scw-color-grey-08);
-  border-bottom-style: solid;
-}
-
-:host([start]) ::slotted(:first-child) {
-  border-top-left-radius: 10px;
-}
-
-::slotted(*) {
-  min-width: calc(100% / var(--column-shown));
-}
-
-@media (max-width: 768px) {
-  :host {
-    margin-top: var(--scw-spacing-4);
-  }
-  :host([header]) {
-    margin-top: 0;
-  }
-  ::slotted(*) {
-    align-items: center;
-    justify-content: center;
-    flex-grow: 1;
-    flex-basis: 0;
-    min-width: 50%;
-  }
-  ::slotted(scw-comparison-cell[label-cell]) {
-    position: absolute;
-    width: 100%;
-    text-align: center;
-    justify-content: center;
-    z-index: 2;
-    padding: 0;
-    bottom: 100%;
-  }
-  :host([end]) ::slotted(scw-comparison-cell[label-cell]) {
-    border-bottom: 0px;
-  }
-  :host([header]) ::slotted(:nth-child(2)),
-  :host([header]) ::slotted(:last-child),
-  :host([end]) ::slotted(:last-child),
-  :host([end]) ::slotted(:first-child),
-  :host([end]) ::slotted(*),
-  :host([start]) ::slotted(:first-child) {
-    border-radius: 0;
-  }
-}`;var t=class extends l{constructor(){super();this.header=!1;this.element="comparison-row"}static get styles(){return[super.styles,d]}render(){return o`
-      <slot></slot>
-    `}};e([s({type:Boolean,attribute:"header",reflect:!0})],t.prototype,"header",2);export{t as a};