scu-web-components 0.0.94 → 0.0.95

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "scu-web-components",
-  "version": "0.0.94",
+  "version": "0.0.95",
   "description": "Summit Credit Union Design System components for use on member facing apps and websites",
   "author": "scu-admin",
   "license": "MIT",

package/scripts/publish/releaseNotes.mjs

@@ -1,4 +1,11 @@
 export default {
+  '0.0.95': {
+    message: `
+    - More card enhancements
+    - Cleaning up forms
+    - Cleaning up rich text
+    `,
+  },
   '0.0.94': {
     message: `
     - Added employee card component

package/dist/chunks/ScwButton.N3WW6V2H.js

@@ -1 +0,0 @@
-import{a}from"./chunk.AROEWXML.js";import"./chunk.WAEI6XMA.js";import"./chunk.NXLHGUKZ.js";import"./chunk.EFINAF4P.js";import"./chunk.O7T55JXF.js";import"./chunk.BQW2V66J.js";import"./chunk.NBAHMDHF.js";import"./chunk.KILRDKGP.js";import"./chunk.MEEX2KI7.js";import"./chunk.G2G2TPJK.js";import"./chunk.PE5ZEEQ2.js";export{a as default};

package/dist/chunks/ScwCheckbox.WCPE4Q7S.js

@@ -1 +0,0 @@
-import{a}from"./chunk.4OB5PKPZ.js";import"./chunk.4SWKJDYZ.js";import"./chunk.NXLHGUKZ.js";import"./chunk.EFINAF4P.js";import"./chunk.O7T55JXF.js";import"./chunk.BQW2V66J.js";import"./chunk.NBAHMDHF.js";import"./chunk.K5LAHA72.js";import"./chunk.KILRDKGP.js";import"./chunk.QHUZYUAT.js";import"./chunk.MEEX2KI7.js";import"./chunk.G2G2TPJK.js";import"./chunk.PE5ZEEQ2.js";export{a as default};

package/dist/chunks/ScwInput.OIQDI3LG.js

@@ -1 +0,0 @@
-import{a}from"./chunk.3AXLTB22.js";import"./chunk.4SWKJDYZ.js";import"./chunk.NXLHGUKZ.js";import"./chunk.EFINAF4P.js";import"./chunk.O7T55JXF.js";import"./chunk.BQW2V66J.js";import"./chunk.NBAHMDHF.js";import"./chunk.K5LAHA72.js";import"./chunk.NFEC6R5O.js";import"./chunk.KILRDKGP.js";import"./chunk.QHUZYUAT.js";import"./chunk.MEEX2KI7.js";import"./chunk.G2G2TPJK.js";import"./chunk.PE5ZEEQ2.js";export{a as default};

package/dist/chunks/ScwRadioButton.RDMVTUJD.js

@@ -1 +0,0 @@
-import{a}from"./chunk.CM5TKQ2Z.js";import"./chunk.4SWKJDYZ.js";import"./chunk.NBAHMDHF.js";import"./chunk.MEEX2KI7.js";import"./chunk.G2G2TPJK.js";import"./chunk.PE5ZEEQ2.js";export{a as default};

package/dist/chunks/ScwRadioGroup.GS757BXL.js

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

package/dist/chunks/ScwRateTable.RD3JDBYW.js

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

package/dist/chunks/ScwRateTableGroup.Z7UTTACW.js

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

package/dist/chunks/ScwSelect.ECEQLH3R.js

@@ -1 +0,0 @@
-import{a}from"./chunk.U2WD32ZY.js";import"./chunk.4SWKJDYZ.js";import"./chunk.NXLHGUKZ.js";import"./chunk.EFINAF4P.js";import"./chunk.O7T55JXF.js";import"./chunk.BQW2V66J.js";import"./chunk.NBAHMDHF.js";import"./chunk.K5LAHA72.js";import"./chunk.KILRDKGP.js";import"./chunk.QHUZYUAT.js";import"./chunk.MEEX2KI7.js";import"./chunk.G2G2TPJK.js";import"./chunk.PE5ZEEQ2.js";export{a as default};

package/dist/chunks/ScwStepper.V2IQTSTH.js

@@ -1 +0,0 @@
-import{a}from"./chunk.EXPUPA7E.js";import"./chunk.YBPGY7E7.js";import"./chunk.D5YRFUYQ.js";import"./chunk.BQW2V66J.js";import"./chunk.NBAHMDHF.js";import"./chunk.MEEX2KI7.js";import"./chunk.G2G2TPJK.js";import"./chunk.PE5ZEEQ2.js";export{a as default};

package/dist/chunks/ScwTextarea.LM2TUVW5.js

@@ -1 +0,0 @@
-import{a}from"./chunk.557ZEPR3.js";import"./chunk.4SWKJDYZ.js";import"./chunk.NXLHGUKZ.js";import"./chunk.EFINAF4P.js";import"./chunk.O7T55JXF.js";import"./chunk.BQW2V66J.js";import"./chunk.NBAHMDHF.js";import"./chunk.K5LAHA72.js";import"./chunk.NFEC6R5O.js";import"./chunk.KILRDKGP.js";import"./chunk.MEEX2KI7.js";import"./chunk.G2G2TPJK.js";import"./chunk.PE5ZEEQ2.js";export{a as default};

package/dist/chunks/chunk.27RF7NQS.js

@@ -1,181 +0,0 @@
-import{a as c}from"./chunk.KILRDKGP.js";import{a,b as o,f as s}from"./chunk.MEEX2KI7.js";import{a as r}from"./chunk.G2G2TPJK.js";import{f as t}from"./chunk.PE5ZEEQ2.js";var l=a`
-:host {
-  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;
-}
-:host > *:not(:last-child) {
-  margin-bottom: calc(var(--scw-spacing-1) * 0.6);
-  --margin-bottom: calc( var( --scw-spacing-1 ) * 0.6 );
-}
-:host .input-field-single {
-  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);
-}
-
-.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: 0px;
-  padding-top: 0px;
-  padding-bottom: 0px;
-  align-self: stretch;
-  padding: 0;
-}
-.input-field > *:not(:last-child) {
-  margin-right: 0px;
-  --margin-right: 0px;
-}
-.input-field .left-icon {
-  background-color: var(--scw-color-grey-095);
-  border-radius: 4px 0px 0px 4px;
-  align-self: stretch;
-  display: flex;
-  flex-flow: row nowrap;
-  justify-content: center;
-  align-items: center;
-  padding-left: 0px;
-  padding-right: 0px;
-  padding-top: 0px;
-  padding-bottom: 0px;
-}
-.input-field .left-icon > *:not(:last-child) {
-  margin-right: var(--scw-spacing-1);
-  --margin-right: var( --scw-spacing-1 );
-}
-.input-field .left-icon .icon {
-  background-color: rgba(0, 0, 0, 0);
-}
-.input-field .input-text {
-  background-color: rgba(0, 0, 0, 0);
-  flex: 1;
-}
-.input-field .right-icon-2 {
-  align-self: center;
-}
-.input-field .right-icon {
-  align-self: center;
-}
-.input-field .right-action {
-  background-color: var(--scw-color-primary-03);
-  border-radius: 0px 4px 4px 0px;
-  align-self: stretch;
-  display: flex;
-  flex-flow: row nowrap;
-  justify-content: flex-start;
-  align-items: center;
-  padding-left: calc(var(--scw-spacing-1) * 0.4);
-  padding-right: calc(var(--scw-spacing-1) * 0.4);
-  padding-top: 0px;
-  padding-bottom: 0px;
-  border-radius: 0;
-}
-.input-field .right-action > *:not(:last-child) {
-  margin-right: var(--scw-spacing-1);
-  --margin-right: var( --scw-spacing-1 );
-}
-
-: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-primary-03);
-  align-self: stretch;
-}
-
-:host([aria-disabled]) .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-08);
-  align-self: stretch;
-}
-
-:host([invalid]) .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-error);
-  align-self: stretch;
-}
-
-:host([focused]) .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-primary-03);
-  box-shadow: var(--scw-effect-focus-shadow);
-  align-self: stretch;
-}
-
-::slotted(*) {
-  width: 100%;
-}`;var d=(e=>(e.rightIcon="right-icon",e.right2Icon="right-2-icon",e.rightAction="right-action",e))(d||{}),i=class extends s{constructor(){super();this.hideFeedback=!1;this.element="single-input-layout"}static get styles(){return[super.styles,l]}_right2ClickHandler(n){n.stopPropagation(),c("scw-action",this,{action:"right-2-icon"})}_rightClickHandler(n){n.stopPropagation(),c("scw-action",this,{action:"right-icon"})}_rightActionClickHandler(n){n.stopPropagation(),c("scw-action",this,{action:"right-action"})}render(){return r`
-      <div class="input-field">
-        ${this.leftActionIcon?r`
-            <div class="left-icon">
-              <scw-icon
-                class="icon"
-                .icon="${this.leftActionIcon}"
-                size="30">
-              </scw-icon>
-            </div>`:""}
-        <div class="input-field-single">
-          <slot></slot>
-        </div>
-        ${this.right2Icon?r`
-            <scw-icon
-              class="right-icon-2"
-              .icon="${this.right2Icon}"
-              size="30"
-              aria-label="Clear Input"
-              link
-              @click=${this._right2ClickHandler}>
-            </scw-icon>`:""}
-        ${this.rightIcon?r`
-            <scw-icon
-              class="right-icon"
-              .icon="${this.rightIcon}"
-              size="30"
-              aria-label="Show Password"
-              link
-              @click=${this._rightClickHandler}>
-            </scw-icon>`:""}
-        ${this.rightActionIcon?r`
-            <div class="right-action">
-              <scw-icon
-                class="icon-right-action"
-                .icon="${this.rightActionIcon}"
-                color="white"
-                size="30"
-                aria-label="Submit Search"
-                link
-                @click=${this._rightActionClickHandler}>
-              </scw-icon>
-            </div>`:""}
-      </div>
-      ${this.hideFeedback?"":r`
-          <div class="input-feedback">
-            ${this.feedback}&nbsp;
-          </div>`}
-    `}};t([o({type:String})],i.prototype,"feedback",2),t([o({type:String,attribute:"hide-feedback"})],i.prototype,"hideFeedback",2),t([o({type:String,attribute:"left-action-icon"})],i.prototype,"leftActionIcon",2),t([o({type:String,attribute:"right-action-icon"})],i.prototype,"rightActionIcon",2),t([o({type:String,attribute:"right-icon"})],i.prototype,"rightIcon",2),t([o({type:String,attribute:"right-2-icon"})],i.prototype,"right2Icon",2);export{d as a,i as b};

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

@@ -1,255 +0,0 @@
-import{a as j}from"./chunk.4SWKJDYZ.js";import{d as z}from"./chunk.NXLHGUKZ.js";import{c as D,d as R}from"./chunk.BQW2V66J.js";import{a as h,b as A,c as E}from"./chunk.NBAHMDHF.js";import{b as c}from"./chunk.K5LAHA72.js";import{a as S,b as V,c as H,d as T}from"./chunk.NFEC6R5O.js";import{a as y}from"./chunk.KILRDKGP.js";import{a as L}from"./chunk.QHUZYUAT.js";import{a as P,b as u,d as W}from"./chunk.MEEX2KI7.js";import{c as x,d as C}from"./chunk.G2G2TPJK.js";import{f as l}from"./chunk.PE5ZEEQ2.js";var O=P`
-.inputWrapper {
-  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;
-}
-.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);
-}`;function N(t,e,i){let o=i;if(t&&t.length>0){let r=t.replace(/[^\d]/g,"").substring(0,10),a=t.length<e.length,s="";return r.length>4?s=`${r.substring(0,2)}/${r.substring(2,4)}/${r.substring(4,8)}`:r.length>3&&!a?s=`${r.substring(0,2)}/${r.substring(2)}/`:r.length>2?s=`${r.substring(0,2)}/${r.substring(2)}`:r.length>1&&!a?s=`${r.substring(0)}/`:r.length>0&&(s=`${r.substring(0)}`),t.length===i?o=s.length:i===3?o=a?3:4:i===6&&(o=a?6:7),{value:r,display:s,selectionIndex:o}}else return{value:"",display:"",selectionIndex:o}}function q(t,e,i){let o=i;if(t&&t.length>0){let r=t.replace(/[^\d]/g,""),a="";if(r.length>6){let p=r.substring(0,3),f=`${r.substring(3,6)}-${r.substring(6)}`;a=`(${p}) ${f}`}else r.length>3?a=`(${r.substring(0,3)}) ${r.substring(3)}`:r.length>0&&(a=`(${r.substring(0)}`);let s=t.length<e.length;return t.length===i?o=a?a.length:0:i===1?o=s?1:2:i===5||i===6?o=s?5:7:i===9&&(o=s?9:10),{value:r,display:a,selectionIndex:o}}else return{value:"",display:"",selectionIndex:o}}function U(t,e){if(!t)return{value:"",display:"",selectionIndex:0};let i=t?t.replace(/[^\d]/g,""):"";return i.length<t.length&&e--,{value:i,display:i,selectionIndex:e||0}}var w=0,$=new Date;function B(t,e,i=!1,o){if(!t||t==="$")return{value:"",display:"",selectionIndex:0};w++;let r=new Date;if(w>20)return $=r,w=0,{value:"error",display:"error",selectionIndex:0};r.getTime()-$.getTime()>100&&($=r,w=0);let a=t.replace(/[^\d|,|$|.]/g,"");a=a.replace(/^\$0+/g,"$");let s=a,p=s.split(".");if(p.length>2){let v=p.pop();s=`${p.join("")}.${v}`,p=s.split(".")}let f=p.length>1?p[p.length-1].length:0;f>2?(s=s.replace(/[^\d]/g,""),s=_(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(".")}`,M=m.replace(/,|\$/g,""),b=e;if(m!==a){let v=a.substr(0,e),k=m.substr(0,e),Y=(v.match(/,|\$/g)||[]).length,G=(k.match(/,|\$/g)||[]).length,J=m.substr(e);v===k&&J.indexOf(",")===0&&o===e?b++:b+=G-Y}else a!==t&&(b+=a.length-t.length);return{value:M,display:m,selectionIndex:b||0}}function _(t,e,i){return t.substring(0,e)+i+t.substring(e)}function K(t,e,i){let o=0,r=t;for(let a=0;a<t.length;a++)a%i===0&&(o>0&&(r=_(r,t.length-a,e)),o++);return r}var g=class{constructor(e){this.lastSelectionStart=0,this.inputBase=e}autoFormat(e){if(this.inputBase.type==="telephone"){let i=q(e,this.inputBase.valueDisplayed,this.inputBase.input&&this.inputBase.input.selectionStart||0);this.applyValues(i)}else if(this.inputBase.type==="date"){let i=N(e,this.inputBase.valueDisplayed,this.inputBase.input&&this.inputBase.input.selectionStart||0);this.applyValues(i,!0)}else if(this.inputBase.type==="number"){let i=U(e,this.inputBase.input&&this.inputBase.input.selectionStart||0);this.applyValues(i,!0)}else if(this.inputBase.type==="currency"){let i=B(e,this.inputBase.input&&this.inputBase.input.selectionStart||0,!1,this.lastSelectionStart);this.applyValues(i)}else{if(this.inputBase.type==="file")return;this.inputBase.value=e,this.inputBase.valueDisplayed=this.inputBase.value}this.updateSelection()}autoFormatFinish(e){if(this.inputBase.type==="currency"){let i=B(e,this.inputBase.input&&this.inputBase.input.selectionStart||0,!0,this.lastSelectionStart);this.applyValues(i,!1,!1)}this.updateSelection()}applyValues(e,i=!1,o=!0){this.inputBase.value=i?e.display:e.value?e.value:"",this.inputBase.valueDisplayed=e.display,this.inputBase.input&&(this.inputBase.input.value=e.display,o&&this.inputBase.input.setSelectionRange(e.selectionIndex,e.selectionIndex))}updateSelection(){this.lastSelectionStart=this.inputBase.input&&this.inputBase.input.selectionStart||0}};var I=A(class extends E{constructor(t){if(super(t),t.type!==h.PROPERTY&&t.type!==h.ATTRIBUTE&&t.type!==h.BOOLEAN_ATTRIBUTE)throw Error("The `live` directive is not allowed on child or event bindings");if(!D(t))throw Error("`live` bindings can only contain a single expression")}render(t){return t}update(t,[e]){if(e===x||e===C)return e;let i=t.element,o=t.name;if(t.type===h.PROPERTY){if(e===i[o])return x}else if(t.type===h.BOOLEAN_ATTRIBUTE){if(!!e===i.hasAttribute(o))return x}else if(t.type===h.ATTRIBUTE&&i.getAttribute(o)===e+"")return x;return R(t),e}});var n=class extends z{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.element="input",this.element="input-field",this.autoFormatter=new g(this)}static get styles(){return[super.styles,O]}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()}handleShowPassword(){this.showPassword=!this.showPassword,this.requestUpdate()}handleInteraction(){this.autoFormatter.updateSelection()}blurHandler(){this.autoFormatter.autoFormatFinish(this.value),y("scw-blur",this),this.focused=!1,this.validate()}_valueChangeHandler(i){this.value=i.detail.value}handleClear(){this.value=""}focusHandler(){this.autoFormatter.updateSelection(),this.focused=!0,this.selectAllOnFocus&&this.input.setSelectionRange(0,this.input.value.length),y("scw-focus",this)}valueChangeHandler(){y("scw-value-change",this,{value:this.value,name:this.name,valueDisplayed:this.valueDisplayed})}invalidHandler(i){i.preventDefault()}render(){let i={focused:this.focused,invalid:this.invalid,inputWrapper:!0,small:this.inputSize==="small"};return c`<div class=${j(i)}>
-        ${this.ariaLabel?c` <div class="input-label">${this.ariaLabel}${this.required?c`<span class="required-label">
-            ${this.requiredLabel}
-            </span>`:""}</div>`:""}
-        <div class="input-field">
-          ${this.leftIcon?c` <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="${I(this.value)}"
-              ?readonly="${this.readOnly}"
-              type="${this.type==="password"&&!this.showPassword?"password":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}
-              @focus=${this.focusHandler}
-              @blur=${this.blurHandler}
-              @invalid=${this.invalidHandler} />
-            ${this.value?"":c` <div class="placeholder">${this.placeholder}</div>`}
-          </div>
-
-          ${this.rightIcon?c` <div class="right-icon">
-                <scw-icon
-                  icon="${this.rightIcon}"
-                  size="20">
-                </scw-icon>
-              </div>`:""}
-            ${this.clearable?c` <div class="right-icon">
-                <scw-icon
-                class="clickable"
-                  icon="icon-close"
-                  size="20"
-                  @click=${this.handleClear}>
-                </scw-icon>
-              </div>`:""}
-            ${this.type==="password"?c` <div class="right-icon">
-                <scw-icon
-                class="clickable"
-                  icon="icon-visible"
-                  size="20"
-                  @click=${this.handleShowPassword}>
-                </scw-icon>
-              </div>`:""}
-        </div>
-        ${this.hideFeedback?"":c` <div class="input-feedback">
-              ${this.feedback?this.feedback:this.defaultFeedback}&nbsp;
-            </div>`}
-      </div>
-      <slot name="validation"></slot> `}};l([u({type:S})],n.prototype,"type",2),l([u({type:V,attribute:"autocapitalize"})],n.prototype,"autoCapitalize",2),l([u({type:H,attribute:"autocomplete"})],n.prototype,"autoComplete",2),l([u({type:T,attribute:"autocorrect"})],n.prototype,"autoCorrect",2),l([u({type:Boolean,attribute:"autofocus"})],n.prototype,"autoFocus",2),l([u({type:String})],n.prototype,"inputmode",2),l([u({type:Boolean,attribute:"select-all-on-focus"})],n.prototype,"selectAllOnFocus",2),l([u({type:String,attribute:"hide-feedback"})],n.prototype,"hideFeedback",2),l([u({type:String,attribute:"default-feedback"})],n.prototype,"defaultFeedback",2),l([u({type:String,attribute:"right-icon"})],n.prototype,"rightIcon",2),l([u({type:String,attribute:"left-icon"})],n.prototype,"leftIcon",2),l([u({type:Boolean,attribute:"clearable"})],n.prototype,"clearable",2),l([u({type:String,attribute:"size"})],n.prototype,"inputSize",2),l([W("input")],n.prototype,"input",2),l([L("value")],n.prototype,"valueHandler",1);export{n as a};
-/**
- * @license
- * Copyright 2020 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */

package/dist/chunks/chunk.6TTYU4VL.js

@@ -1,70 +0,0 @@
-import{a as $,b as w,c as V,d as R}from"./chunk.NFEC6R5O.js";import{a as y}from"./chunk.KILRDKGP.js";import{a as I}from"./chunk.QHUZYUAT.js";import{a as D,b as u,d as A,f as T}from"./chunk.MEEX2KI7.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};