scu-web-components 0.0.97 → 0.0.99

package/dist/chunks/chunk.QZH6KKGG.js

@@ -0,0 +1,504 @@
+import{b as k}from"./chunk.XKYBUPYA.js";import{a as h}from"./chunk.KILRDKGP.js";import{a as x}from"./chunk.QHUZYUAT.js";import{a as w,b as c,e as v,f as y}from"./chunk.CONKFFEA.js";import{a as r}from"./chunk.G2G2TPJK.js";import{f as s}from"./chunk.PE5ZEEQ2.js";var $=w`
+:host {
+  background-color: rgba(0, 0, 0, 0);
+  border-radius: 16px 16px 16px 16px;
+  align-self: stretch;
+  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 > *:not(:last-child) {
+  margin-bottom: var(--scw-spacing-1);
+  --margin-bottom: var( --scw-spacing-1 );
+}
+:host scw-disclosure-mediator {
+  background-color: rgba(0, 0, 0, 0);
+  border-radius: 16px 16px 16px 16px;
+  align-self: stretch;
+  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;
+  min-width: min-content;
+}
+:host scw-disclosure-mediator > *:not(:last-child) {
+  margin-bottom: var(--scw-spacing-1);
+  --margin-bottom: var( --scw-spacing-1 );
+}
+
+:host([hide]) {
+  display: none;
+}
+
+.table {
+  background-color: rgba(0, 0, 0, 0);
+  border-radius: 8px 8px 8px 8px;
+  align-self: stretch;
+  display: flex;
+  flex-flow: column nowrap;
+  justify-content: flex-start;
+  align-items: flex-start;
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+.table > *:not(:last-child) {
+  margin-bottom: 0px;
+  --margin-bottom: 0px;
+}
+.table .header-row {
+  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: var(--scw-spacing-1);
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+.table .header-row > *:not(:last-child) {
+  margin-right: 0px;
+  --margin-right: 0px;
+}
+.table .header-row .cell {
+  background-color: var(--scw-color-grey-03);
+  border-radius: 8px 0px 0px 0px;
+  border-width: 1px;
+  border-style: solid;
+  border-color: var(--scw-color-grey-04);
+  align-self: stretch;
+  flex: 1;
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: flex-start;
+  align-items: flex-start;
+  padding-left: var(--scw-spacing-2);
+  padding-right: var(--scw-spacing-2);
+  padding-top: calc(var(--scw-spacing-1) * 1.3);
+  padding-bottom: calc(var(--scw-spacing-1) * 1.3);
+  border-radius: 0;
+  box-sizing: border-box;
+  min-width: calc(100% / var(--column-shown));
+}
+.table .header-row .cell > *:not(:last-child) {
+  margin-right: var(--scw-spacing-1);
+  --margin-right: var( --scw-spacing-1 );
+}
+.table .header-row .cell:first-child {
+  border-top-left-radius: 8px;
+}
+.table .header-row .cell:last-child {
+  border-top-right-radius: 8px;
+}
+.table .header-row .cell .label {
+  text-align: LEFT;
+  font: var(--scw-type-text-bold-04-font);
+  color: var(--scw-color-grey-10);
+  flex: 1;
+}
+.table .rate-row {
+  --cell-color: var(--scw-color-grey-10);
+}
+.table .rate-row:nth-of-type(even) {
+  --cell-color: var(--scw-color-grey-095);
+}
+.table .rate-row:last-child .cell {
+  border-bottom-width: 1px;
+  border-bottom-color: var(--scw-color-grey-08);
+  border-bottom-style: solid;
+}
+.table .rate-row:last-child .cell:first-child {
+  border-bottom-left-radius: 8px;
+}
+.table .rate-row:last-child .cell:last-child {
+  border-bottom-right-radius: 8px;
+}
+.table .row {
+  background-color: rgba(0, 0, 0, 0);
+  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;
+  padding-left: var(--scw-spacing-1);
+  align-self: stretch;
+}
+.table .row > *:not(:last-child) {
+  margin-right: 0px;
+  --margin-right: 0px;
+}
+.table .row .cell {
+  background-color: var(--scw-color-grey-10);
+  border-width: 1px;
+  border-style: solid;
+  border-color: var(--scw-color-grey-08);
+  align-self: stretch;
+  flex: 1;
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: flex-start;
+  align-items: flex-start;
+  padding-left: var(--scw-spacing-2);
+  padding-right: var(--scw-spacing-2);
+  padding-top: var(--scw-spacing-2);
+  padding-bottom: var(--scw-spacing-2);
+  border-left: none;
+  border-bottom: none;
+  box-sizing: border-box;
+  min-width: calc(100% / var(--column-shown));
+  background-color: var(--cell-color);
+  justify-content: flex-start;
+}
+.table .row .cell > *:not(:last-child) {
+  margin-right: var(--scw-spacing-1);
+  --margin-right: var( --scw-spacing-1 );
+}
+.table .row .cell .cell-data {
+  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;
+}
+.table .row .cell .cell-data > *:not(:last-child) {
+  margin-bottom: var(--scw-spacing-1);
+  --margin-bottom: var( --scw-spacing-1 );
+}
+.table .row .cell .cell-data .text {
+  text-align: LEFT;
+  font: var(--scw-type-text-04-font);
+  color: var(--scw-color-grey-03);
+  text-align: left;
+}
+.table .row .cell:first-child {
+  border-left-width: 1px;
+  border-left-color: var(--scw-color-grey-08);
+  border-left-style: solid;
+}
+.table .featured {
+  background-color: rgba(0, 0, 0, 0);
+  border-radius: 3px 0px 0px 3px;
+  align-self: stretch;
+  display: flex;
+  flex-flow: column nowrap;
+  justify-content: flex-start;
+  align-items: flex-start;
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+  background-color: var(--scw-color-primary-07);
+  padding-top: 6px;
+  padding-bottom: 2px;
+  padding-right: 2px;
+  border-top-left-radius: 3px;
+  border-bottom-left-radius: 3px;
+}
+.table .featured > *:not(:last-child) {
+  margin-bottom: calc(var(--scw-spacing-1) * 0.4);
+  --margin-bottom: calc( var( --scw-spacing-1 ) * 0.4 );
+}
+.table .featured:last-child {
+  border-bottom-right-radius: 3px;
+}
+.table .featured:last-child .cell:first-child {
+  border-bottom-left-radius: 0;
+}
+.table .featured:last-child .cell:last-child {
+  border-bottom-right-radius: 3px;
+}
+.table .featured .label {
+  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;
+  text-align: LEFT;
+  font: var(--scw-type-text-bold-02-font);
+  color: var(--scw-color-grey-02);
+  padding-left: var(--scw-spacing-1);
+  --scw-icon-color: var(--scw-color-grey-02);
+}
+.table .featured .label > *:not(:last-child) {
+  margin-right: calc(var(--scw-spacing-1) * 0.3);
+  --margin-right: calc( var( --scw-spacing-1 ) * 0.3 );
+}
+.table .featured .label scw-icon {
+  width: 11px;
+  height: 11px;
+}
+
+.heading {
+  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: var(--scw-spacing-1);
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+.heading > *:not(:last-child) {
+  margin-right: var(--scw-spacing-1);
+  --margin-right: var( --scw-spacing-1 );
+}
+.heading .text {
+  text-align: LEFT;
+  font: var(--scw-type-text-extrabold-font);
+  color: var(--scw-color-grey-02);
+  flex: 1;
+}
+.heading .tools {
+  background-color: rgba(0, 0, 0, 0);
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: flex-end;
+  align-items: center;
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+.heading .tools > *:not(:last-child) {
+  margin-right: var(--scw-spacing-1);
+  --margin-right: var( --scw-spacing-1 );
+}
+
+.footer {
+  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: var(--scw-spacing-1);
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+  text-align: LEFT;
+  font: var(--scw-type-text-02-font);
+  color: var(--scw-color-grey-04);
+  flex-wrap: wrap;
+}
+.footer > *:not(:last-child) {
+  margin-right: calc(var(--scw-spacing-1) * 0.2);
+  --margin-right: calc( var( --scw-spacing-1 ) * 0.2 );
+}
+
+.disclosures {
+  background-color: rgba(0, 0, 0, 0);
+  align-self: stretch;
+  display: flex;
+  flex-flow: column nowrap;
+  justify-content: flex-start;
+  align-items: flex-start;
+  padding-left: var(--scw-spacing-1);
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+.disclosures > *:not(:last-child) {
+  margin-bottom: 0px;
+  --margin-bottom: 0px;
+}
+.disclosures .global {
+  text-align: LEFT;
+  font: var(--scw-type-text-02-font);
+  color: var(--scw-color-grey-03);
+  flex: 1;
+  margin-bottom: var(--scw-spacing-1);
+}
+
+@media (max-width: 768px) {
+  .table .header-row .cell {
+    padding-left: var(--scw-spacing-1);
+    padding-right: var(--scw-spacing-1);
+    padding-top: var(--scw-spacing-1);
+    padding-bottom: var(--scw-spacing-1);
+  }
+  .table .header-row .cell .label {
+    text-align: LEFT;
+    font: var(--scw-type-text-bold-02-font);
+    color: var(--scw-color-grey-10);
+    flex: 1;
+  }
+  .table .row .cell {
+    padding-left: var(--scw-spacing-1);
+    padding-right: var(--scw-spacing-1);
+    padding-top: var(--scw-spacing-1);
+    padding-bottom: var(--scw-spacing-1);
+  }
+  .table .row .cell .cell-data .text {
+    text-align: LEFT;
+    font: var(--scw-type-text-02-font);
+    color: var(--scw-color-grey-03);
+    text-align: left;
+  }
+  .heading {
+    background-color: rgba(0, 0, 0, 0);
+    align-self: stretch;
+    display: flex;
+    flex-flow: column nowrap;
+    justify-content: center;
+    align-items: flex-start;
+    padding-left: var(--scw-spacing-1);
+    padding-right: 0px;
+    padding-top: 0px;
+    padding-bottom: 0px;
+  }
+  .heading > *:not(:last-child) {
+    margin-bottom: var(--scw-spacing-1);
+    --margin-bottom: var( --scw-spacing-1 );
+  }
+  .heading .text {
+    text-align: LEFT;
+    font: var(--scw-type-text-extrabold-03-font);
+    color: var(--scw-color-grey-02);
+    flex: 1;
+  }
+  .heading .tools {
+    background-color: rgba(0, 0, 0, 0);
+    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;
+    align-items: stretch;
+  }
+  .heading .tools > *:not(:last-child) {
+    margin-right: var(--scw-spacing-1);
+    --margin-right: var( --scw-spacing-1 );
+  }
+  .heading .tools scw-link {
+    width: 100%;
+  }
+}`;function L(u,b=1e3,t,a="Month"){if(u!==void 0&&t!==void 0&&a!==void 0&&t>0){let i=a==="Month"?t:t*12,d=u/1200,e=b/((Math.pow(1+d,i)-1)/(d*Math.pow(1+d,i)));return Math.round(e*100)/100}}var o=class extends y{constructor(){super();this.rateData="";this.name="";this.amount="";this.disclosuresLink="";this.disclosuresLocation="";this.rateTableId="";this.headerRow=[];this.rateRows=[];this.effectiveDate="";this.disclosures=[];this.element="rateTable"}static get styles(){return[super.styles,$]}firstUpdated(){this.parseRateData()}getCurrencyString(t){return`$${parseFloat(t).toLocaleString("en-US",{maximumFractionDigits:2,minimumFractionDigits:2})}`}matchDisclosures(t){return!t||this.disclosuresLink&&!this.disclosuresLocation?[]:t.map(({id:a})=>{let i=this.disclosures.find(d=>d.id===a);return i?(Object.assign(i,{global:!1}),i):null}).filter(a=>a)}renderDisclosures(t){return t.map(a=>r`
+      <scw-disclosure-item
+        location="${this.disclosuresLocation||this.rateTableId}"
+        symbol="${a.displaySymbol||""}"
+        disclosure="${a.value}"
+        identifier="${a.id}"></scw-disclosure-item>
+    `)}renderRow(t){return this.headerRow.map(({name:a})=>r`
+      <div class="cell">
+        <div class="cell-data">
+          <div class="text">
+            ${t[a].value}
+            ${this.renderDisclosures(t[a].disclosures)}
+          </div>
+        </div>
+      </div>
+    `)}renderLink(t,a,i="solid"){return t&&a?r`
+        <scw-link
+          href="${a}"
+          aria-label="${t}"
+          design="${i}"
+          size="small">
+        </scw-link>
+      `:r``}handleClick(t,a,i,d){t.stopPropagation(),h("scw-action",this,{action:"calculator",rate:a,term:i,amount:d})}getFieldName(t){switch(t){case"Term (up to)":case"Term and Type":return"Term";case"Rate":case"Dividend Rate":return"Rate";case"Annual Percentage Rate":case"APR (As Low As)":return"APR";case"Annual Percentage Yield":case"Monthly Payment":case"Minimum Balance to Earn APY":default:return t}}parseRateData(){let t=JSON.parse(this.rateData);this.rateTableId=t.id;let a=new Date(t.effectiveDate);this.effectiveDate=k(a),this.disclosures=(t.disclosures||[]).map(e=>Object.assign(e,{global:!0}));let{headerRow:i,rows:d}=(t.fields||[]).sort((e,l)=>e.order-l.order).reduce((e,l)=>{let p=this.getFieldName(l.title);return e.headerRow.push({name:p,title:l.title,disclosures:this.matchDisclosures(l.disclosures)}),l.values.forEach(n=>{let g={value:n.value,disclosures:this.matchDisclosures(n.disclosures)},f=e.rows.find(m=>m.rateId===n.rateId);f?f[p]=g:e.rows.push({rateId:n.rateId,featured:n.isFeatured,[p]:g})}),e},{headerRow:[],rows:[]});this.headerRow=i,this.rateRows=d.map(e=>{var p;let l=parseFloat((p=e["Monthly Payment"])==null?void 0:p.value);if(!isNaN(l)){let n=parseFloat(e.APR.value),g=parseFloat(e.Term.value),f=this.amount?parseFloat(this.amount):1e3,m=this.getCurrencyString(`
+          ${L(n,f,g)}
+        `);e["Monthly Payment"].value=this.amount?r`
+          <scw-link
+            aria-label="${m}"
+            design="text"
+            @click=${j=>this.handleClick(j,n,g,f)}></scw-link>
+        `:m}return e["Minimum Balance to Earn APY"]&&(e["Minimum Balance to Earn APY"].value=e["Minimum Balance to Earn APY"].value.split(".")[0]),e}),this.sort&&this.rateRows.sort((e,l)=>{let p=i[0].name,[n,g]=[e,l].map(f=>{let m=f[p].value.replace("$","");return parseFloat(m)});return this.sort==="ascending"?n-g:g-n}),this.rateRows.sort((e,l)=>e.featured?-1:l.featured?1:0),this.disclosuresLocation&&h("scw-disclosure-update",this,{location:this.disclosuresLocation}),this.requestUpdate()}render(){let t=r`
+    
+    ${!this.disclosuresLink&&this.name?r`
+      <div class="heading">
+        <div class="text">${this.name}</div>
+        ${this.primaryLink||this.secondaryLink?r`
+          <div class="tools">
+            ${this.renderLink(this.secondaryLabel,this.secondaryLink,"light")}
+            ${this.renderLink(this.primaryLabel,this.primaryLink)}
+          </div>`:""}
+      </div>
+    `:""}
+    <div class="table"
+      style="--column-shown: ${this.headerRow.length};">
+      <div class="header-row">
+      ${this.headerRow.map(({title:a,disclosures:i})=>r`
+        <div class="cell">
+          <div class="label">
+            ${a}
+            ${this.renderDisclosures(i)}
+          </div>
+        </div>
+      `)}
+      </div>
+      ${this.rateRows.map(a=>a.featured?r`
+        <div class="featured rate-row">
+          <div class="label">
+            <scw-icon
+              size="10"
+              icon="star"></scw-icon>
+            <div class="cell-label">Featured Rate</div>
+          </div>
+          <div class="row">
+            ${this.renderRow(a)}
+          </div>
+        </div>
+      `:r`
+        <div class="row rate-row">
+          ${this.renderRow(a)}
+        </div>
+      `)}
+    </div>
+    ${this.disclosuresLink?r`
+      <div class="footer">
+        <div class="text">
+          Rates effective ${this.effectiveDate}.
+        </div>
+        <scw-link
+          href="${this.disclosuresLink}"
+          design="text"
+          aria-label="View all rates & disclosures">
+        </scw-link>
+      </div>
+    `:r`
+      <div class="disclosures">
+        ${this.disclosures.map(a=>a.global?r`
+          <div class="global">${a.value}</div>
+        `:"")}
+        ${this.disclosuresLocation?"":r`
+          <scw-disclosure location="${this.rateTableId}"></scw-disclosure>
+        `}
+      </div>
+    `}
+    `;return r`
+    ${this.disclosuresLocation?t:r`
+      <scw-disclosure-mediator location="${this.rateTableId}">
+        ${t}
+      </scw-disclosure-mediator>
+    `}
+    `}};s([c({type:String,attribute:"rate-data"})],o.prototype,"rateData",2),s([c({type:String,attribute:"name"})],o.prototype,"name",2),s([c({type:String,attribute:"amount"})],o.prototype,"amount",2),s([c({type:String,attribute:"sort"})],o.prototype,"sort",2),s([c({type:String,attribute:"primary-cta-link"})],o.prototype,"primaryLink",2),s([c({type:String,attribute:"primary-cta-label"})],o.prototype,"primaryLabel",2),s([c({type:String,attribute:"secondary-cta-link"})],o.prototype,"secondaryLink",2),s([c({type:String,attribute:"secondary-cta-label"})],o.prototype,"secondaryLabel",2),s([c({type:String,attribute:"disclosures-link"})],o.prototype,"disclosuresLink",2),s([c({type:String,attribute:"disclosures-location"})],o.prototype,"disclosuresLocation",2),s([v("scw-disclosure-item")],o.prototype,"disclosure",2),s([x("rate-data"),x("amount")],o.prototype,"parseRateData",1);export{o as a};

package/dist/chunks/chunk.R7D2PCZO.js

@@ -0,0 +1,100 @@
+import{a as r,b as s,f as d}from"./chunk.CONKFFEA.js";import{a as e}from"./chunk.G2G2TPJK.js";import{f as o}from"./chunk.PE5ZEEQ2.js";var l=r`
+:host {
+  background-color: rgba(0, 0, 0, 0);
+  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);
+  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 d{constructor(){super();this.header=!1;this.element="comparison-row"}static get styles(){return[super.styles,l]}render(){return e`
+      <slot></slot>
+    `}};o([s({type:Boolean,attribute:"header",reflect:!0})],t.prototype,"header",2);export{t as a};

package/dist/chunks/chunk.R7SOOULM.js

@@ -0,0 +1,3 @@
+import{a as s}from"./chunk.FF4XPUFI.js";import{b as n,c as r,d as h,f as p}from"./chunk.CONKFFEA.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 V=(e=>(e.text="text",e.boolean="boolean",e.submit="submit",e))(V||{}),y=(i=>(i.submit="submit",i.cancel="cancel",i))(y||{}),t=class extends p{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:V,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),a([h("input")],t.prototype,"input",2);export{V as a,y as b,t as c};