scu-web-components 0.0.97 → 0.0.99

package/dist/chunks/chunk.N5RBSFUN.js

@@ -1,232 +0,0 @@
-import{a as l,b as r,d as o,f as s}from"./chunk.MEEX2KI7.js";import{a as n}from"./chunk.G2G2TPJK.js";import{f as i}from"./chunk.PE5ZEEQ2.js";var d=l`
-.container {
-  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;
-}
-.container > *:not(:last-child) {
-  margin-bottom: var(--scw-spacing-1);
-  --margin-bottom: var( --scw-spacing-1 );
-}
-.container .header {
-  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;
-}
-.container .header > *:not(:last-child) {
-  margin-right: var(--scw-spacing-1);
-  --margin-right: var( --scw-spacing-1 );
-}
-.container .header .text {
-  background-color: rgba(0, 0, 0, 0);
-  flex: 1;
-  display: flex;
-  flex-flow: column nowrap;
-  justify-content: center;
-  align-items: flex-start;
-  padding-left: 0px;
-  padding-right: 0px;
-  padding-top: 0px;
-  padding-bottom: 0px;
-}
-.container .header .text > *:not(:last-child) {
-  margin-bottom: 0px;
-  --margin-bottom: 0px;
-}
-.container .header .text .title {
-  text-align: LEFT;
-  font: var(--scw-type-text-extrabold-07-font);
-  color: var(--scw-color-grey-02);
-  align-self: stretch;
-}
-.container .header .text .subtitle {
-  text-align: LEFT;
-  font: var(--scw-type-text-04-font);
-  color: var(--scw-color-grey-02);
-  align-self: stretch;
-}
-.container .header .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;
-}
-.container .header .tools > *:not(:last-child) {
-  margin-right: var(--scw-spacing-1);
-  --margin-right: var( --scw-spacing-1 );
-}
-.container .filter {
-  background-color: rgba(0, 0, 0, 0);
-  display: flex;
-  flex-flow: column nowrap;
-  justify-content: flex-start;
-  align-items: flex-start;
-  padding-left: var(--scw-spacing-1);
-  padding-right: 0px;
-  padding-top: 0px;
-  padding-bottom: var(--scw-spacing-1);
-}
-.container .filter > *:not(:last-child) {
-  margin-bottom: calc(var(--scw-spacing-1) * 0.5);
-  --margin-bottom: calc( var( --scw-spacing-1 ) * 0.5 );
-}
-.container .filter .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;
-}
-.container .filter .label > *:not(:last-child) {
-  margin-right: calc(var(--scw-spacing-1) * 0.5);
-  --margin-right: calc( var( --scw-spacing-1 ) * 0.5 );
-}
-.container .filter .label .text {
-  text-align: LEFT;
-  font: var(--scw-type-text-bold-03-font);
-  color: var(--scw-color-grey-02);
-  white-space: nowrap;
-}
-
-@media (max-width: 768px) {
-  .container .header {
-    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;
-  }
-  .container .header > *:not(:last-child) {
-    margin-bottom: var(--scw-spacing-1);
-    --margin-bottom: var( --scw-spacing-1 );
-  }
-  .container .header .text {
-    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: 0px;
-    padding-right: 0px;
-    padding-top: 0px;
-    padding-bottom: 0px;
-  }
-  .container .header .text > *:not(:last-child) {
-    margin-bottom: 0px;
-    --margin-bottom: 0px;
-  }
-  .container .header .text .title {
-    text-align: LEFT;
-    font: var(--scw-type-text-extrabold-font);
-    color: var(--scw-color-grey-02);
-    align-self: stretch;
-  }
-  .container .header .text .subtitle {
-    text-align: LEFT;
-    font: var(--scw-type-text-04-font);
-    color: var(--scw-color-grey-02);
-    align-self: stretch;
-  }
-  .container .header .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;
-  }
-  .container .header .tools > *:not(:last-child) {
-    margin-right: var(--scw-spacing-1);
-    --margin-right: var( --scw-spacing-1 );
-  }
-  .container .header .tools scw-link {
-    width: 100%;
-  }
-}`;var e=class extends s{constructor(){super();this.title="";this.subtitle="";this.filterLabel="";this.filterTooltip="";this.amountLabel="";this.amountTooltip="";this.rateTables=[];this.element="rateTable"}connectedCallback(){let t=Promise.all([customElements.whenDefined("scw-radio-group"),customElements.whenDefined("scw-rate-table")]);super.connectedCallback(),this.updateComplete.then(()=>{this.radioGroup=this.getRadioGroup(),this.rateTables=this.getAllTables(),t.then(()=>{this.radioGroup&&(this.radioGroup.hideFeedback=!0,this.radioGroup.value||(this.radioGroup.value=this.rateTables[0].name)),this.updateFilter()})})}static get styles(){return[super.styles,d]}getAllTables(){let t=this.shadowRoot.querySelector(".tables");return t?[...t.assignedElements()].filter(a=>a.tagName.toLowerCase()==="scw-rate-table"):[]}getRadioGroup(){let t=this.shadowRoot.querySelector(".options");if(t)return[...t.assignedElements()].find(a=>a.tagName.toLowerCase()==="scw-radio-group")}handleKeyDown(t){t.key==="Enter"&&this.updateAmount()}updateFilter(){if(this.radioGroup){let{value:t}=this.radioGroup;this.rateTables.forEach(a=>{a.name===t?a.removeAttribute("hide"):a.setAttribute("hide","")})}}updateAmount(){let{value:t}=this.amountInput;this.rateTables.forEach(a=>a.amount=t)}renderLink(t,a,c="solid"){return t&&a?n`
-        <scw-link
-          href="${a}"
-          aria-label="${t}"
-          design="${c}"
-          size="small">
-        </scw-link>
-      `:n``}render(){return n`<div class="container">
-      <div class="header">
-        <div class="text">
-          <div class="title">${this.title}</div>
-          <div class="subtitle">${this.subtitle}</div>
-        </div>
-        ${this.primaryLink||this.secondaryLink?n`
-          <div class="tools">
-            ${this.renderLink(this.secondaryLabel,this.secondaryLink,"light")}
-            ${this.renderLink(this.primaryLabel,this.primaryLink)}
-          </div>`:""}
-      </div>
-      ${this.amountLabel?n`
-        <div class="filter">
-          <div class="label">
-            <span class="text">${this.amountLabel}</span>
-            ${this.amountTooltip?n`
-              <scw-tooltip>${this.amountTooltip}</scw-tooltip>
-            `:""}
-          </div>
-          <scw-input
-            class="amount"
-            placeholder="Loan Amount"
-            type="currency"
-            hide-feedback="true"
-            select-all-on-focus
-            @scw-blur="${this.updateAmount}"
-            @keydown="${this.handleKeyDown}"
-          ></scw-input>
-        </div>
-      `:""}
-      ${this.filterLabel?n`
-        <div class="filter">
-          <div class="label">
-            <span class="text">${this.filterLabel}</span>
-              ${this.filterTooltip?n`
-                <scw-tooltip>${this.filterTooltip}</scw-tooltip>
-              `:""}
-          </div>
-          <slot
-            class="options"
-            @scw-value-change=${this.updateFilter}></slot>
-        </div>
-      `:""}
-      <slot name="rate-table" class="tables"></slot>
-    </div>`}};i([r({type:String,attribute:"title"})],e.prototype,"title",2),i([r({type:String,attribute:"subtitle"})],e.prototype,"subtitle",2),i([r({type:String,attribute:"filter-label"})],e.prototype,"filterLabel",2),i([r({type:String,attribute:"filter-tooltip"})],e.prototype,"filterTooltip",2),i([r({type:String,attribute:"amount-label"})],e.prototype,"amountLabel",2),i([r({type:String,attribute:"amount-tooltip"})],e.prototype,"amountTooltip",2),i([r({type:String,attribute:"primary-cta-link"})],e.prototype,"primaryLink",2),i([r({type:String,attribute:"primary-cta-label"})],e.prototype,"primaryLabel",2),i([r({type:String,attribute:"secondary-cta-link"})],e.prototype,"secondaryLink",2),i([r({type:String,attribute:"secondary-cta-label"})],e.prototype,"secondaryLabel",2),i([o(".container")],e.prototype,"rateTableGroup",2),i([o(".amount")],e.prototype,"amountInput",2);export{e as a};

package/dist/chunks/chunk.N6JANYVY.js

@@ -1,274 +0,0 @@
-import{a,b as o,f as c}from"./chunk.MEEX2KI7.js";import{a as t}from"./chunk.G2G2TPJK.js";import{f as e}from"./chunk.PE5ZEEQ2.js";var n=a`
-.scw-icon-feature {
-  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;
-  width: 100%;
-}
-.scw-icon-feature > *:not(:last-child) {
-  margin-right: var(--scw-spacing-2);
-  --margin-right: var( --scw-spacing-2 );
-}
-.scw-icon-feature .icon {
-  min-width: 100px;
-  min-height: 100px;
-  width: 100px;
-  height: 100px;
-  border-radius: 6px;
-  overflow: hidden;
-}
-.scw-icon-feature .heading {
-  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;
-  background-color: rgba(0, 0, 0, 0);
-  align-self: stretch;
-}
-.scw-icon-feature .heading > *:not(:last-child) {
-  margin-right: 0px;
-  --margin-right: 0px;
-}
-.scw-icon-feature .heading-text {
-  text-align: LEFT;
-  font: var(--scw-type-text-bold-04-font);
-  color: var(--scw-color-grey-03);
-  flex: 1;
-  color: var(--scw-theme-body-color, var(--scw-color-grey-03));
-}
-.scw-icon-feature .content {
-  background-color: rgba(0, 0, 0, 0);
-  align-self: stretch;
-  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;
-  flex-grow: 1;
-}
-.scw-icon-feature .content > *:not(:last-child) {
-  margin-bottom: calc(var(--scw-spacing-1) * 0.5);
-  --margin-bottom: calc( var( --scw-spacing-1 ) * 0.5 );
-}
-.scw-icon-feature .body {
-  text-align: LEFT;
-  font: var(--scw-type-text-04-font);
-  color: var(--scw-color-grey-03);
-  align-self: stretch;
-  color: var(--scw-theme-body-color, var(--scw-color-grey-03));
-}
-.scw-icon-feature .carrot {
-  --scw-icon-color: var( --scw-theme-body-color, clickable-text-vars.\$color ) ;
-}
-
-:host([size=small]) .scw-icon-feature .icon {
-  min-width: 80px;
-  min-height: 80px;
-  width: 80px;
-  height: 80px;
-}
-
-:host([size=large]) .scw-icon-feature .icon {
-  min-width: 120px;
-  min-height: 120px;
-  width: 120px;
-  height: 120px;
-}
-
-:host([size=extra-small]) .scw-icon-feature .icon {
-  min-width: 50px;
-  min-height: 50px;
-  width: 50px;
-  height: 50px;
-}
-
-:host([href]) .heading-text {
-  text-align: LEFT;
-  font: var(--scw-type-text-bold-04-font);
-  color: var(--scw-color-grey-03);
-  flex: 1;
-  color: var(--scw-theme-body-color, var(--scw-color-grey-03));
-}
-
-:host([href]) .not-card:hover .heading-text {
-  text-align: LEFT;
-  font: var(--scw-type-text-bold-04-font);
-  color: var(--scw-color-primary);
-  flex: 1;
-  color: var(--scw-theme-color-hover, var(--scw-color-primary));
-}
-:host([href]) .not-card:hover .carrot {
-  --scw-icon-color: var(--scw-theme-color-hover,var(--scw-color-primary));
-}
-
-:host([card]) {
-  display: flex;
-}
-:host([card]) .scw-icon-feature {
-  background-color: var(--scw-color-grey-10);
-  border-radius: 10px 10px 10px 10px;
-  border-width: 1px;
-  border-style: solid;
-  border-color: var(--scw-color-grey-07);
-  box-shadow: 0px 2px 19px 0px rgba(0, 0, 0, 0.09);
-  display: flex;
-  flex-flow: row nowrap;
-  justify-content: flex-start;
-  align-items: center;
-  padding-left: var(--scw-spacing-2);
-  padding-right: var(--scw-spacing-2);
-  padding-top: var(--scw-spacing-2);
-  padding-bottom: var(--scw-spacing-2);
-}
-:host([card]) .scw-icon-feature > *:not(:last-child) {
-  margin-right: var(--scw-spacing-2);
-  --margin-right: var( --scw-spacing-2 );
-}
-:host([card]) .content-wrapper {
-  background-color: rgba(0, 0, 0, 0);
-  flex: 1;
-  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;
-}
-:host([card]) .content-wrapper > *:not(:last-child) {
-  margin-right: 0px;
-  --margin-right: 0px;
-}
-:host([card]) .carrot {
-  background-color: rgba(0, 0, 0, 0);
-  width: 20px;
-  height: 20px;
-  flex-shrink: 0;
-}
-
-:host([center]) .scw-icon-feature {
-  background-color: rgba(0, 0, 0, 0);
-  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;
-  text-align: center;
-}
-:host([center]) .scw-icon-feature > *:not(:last-child) {
-  margin-bottom: var(--scw-spacing-1);
-  --margin-bottom: var( --scw-spacing-1 );
-}
-:host([center]) .scw-icon-feature .content-wrapper .icon {
-  margin: none;
-}
-:host([center]) .scw-icon-feature .content-wrapper .heading-text {
-  text-align: center;
-}
-:host([center]) .scw-icon-feature .content-wrapper .body {
-  text-align: center;
-}
-:host([center]) .scw-icon-feature > :not(:last-child) {
-  margin-right: 0;
-}
-
-:host([center][card]) .scw-icon-feature {
-  background-color: var(--scw-color-grey-10);
-  border-radius: 10px 10px 10px 10px;
-  border-width: 1px;
-  border-style: solid;
-  border-color: var(--scw-color-grey-07);
-  box-shadow: 0px 2px 19px 0px rgba(0, 0, 0, 0.09);
-  display: flex;
-  flex-flow: column nowrap;
-  justify-content: flex-start;
-  align-items: center;
-  padding-left: var(--scw-spacing-2);
-  padding-right: var(--scw-spacing-2);
-  padding-top: var(--scw-spacing-2);
-  padding-bottom: var(--scw-spacing-2);
-}
-:host([center][card]) .scw-icon-feature > *:not(:last-child) {
-  margin-bottom: var(--scw-spacing-1);
-  --margin-bottom: var( --scw-spacing-1 );
-}
-
-:host([card][href]) .scw-icon-feature:hover {
-  background-color: var(--scw-color-grey-095);
-  border-radius: 10px 10px 10px 10px;
-  border-width: 1px;
-  border-style: solid;
-  border-color: var(--scw-color-grey-07);
-  box-shadow: 0px 2px 19px 0px rgba(0, 0, 0, 0.09);
-}
-
-a {
-  text-decoration: none;
-  display: flex;
-  height: 100%;
-  width: 100%;
-}
-
-.carrot-inline {
-  top: 3px;
-  position: relative;
-  left: -4px;
-  width: 15px;
-  height: 15px;
-}`;var r=class extends c{constructor(){super();this.center=!1;this.href="";this.size="medium";this.icon="";this.heading="";this.body="";this.card=!1;this.carrot=!1;this.inlineCarrot=!1;this.element="icon-feature"}static get styles(){return[super.styles,n]}renderImage(){return this.icon!==""?t`<scw-icon
-        class="icon"
-        size="100"
-        icon="${this.icon}"></scw-icon>`:this.querySelector("[slot=image]")?t`<div class="icon">
-        <slot name="image"></slot>
-      </div>`:""}render(){this.carrot=!1,this.inlineCarrot=!1,this.href&&this.href!==""&&(this.carrot=!0),this.card&&!this.center&&(this.inlineCarrot=!0);let i=t` <div class="scw-icon-feature 
-    ${this.card?"card":"not-card"}">
-      ${this.renderImage()}
-      <div class="content-wrapper">
-        <div class="content">
-          ${this.heading!==""?t`<div class="heading">
-                <div class="heading-text">${this.heading}
-                ${!this.card&&this.carrot&&!this.inlineCarrot?t`<scw-icon
-                      class="carrot carrot-inline"
-                      size="20"
-                      icon="icon-chevron-right">
-                    </scw-icon>`:""}
-              </div>
-                ${this.card&&this.carrot&&!this.inlineCarrot?t`<scw-icon
-                      class="carrot"
-                      size="20"
-                      icon="icon-chevron-right">
-                    </scw-icon>`:""}
-              </div>`:""}
-          ${this.body!==""?t`<div class="body">${this.body}</div>`:""}
-        </div>
-        ${this.carrot&&this.inlineCarrot?t`<scw-icon
-              class="carrot"
-              size="20"
-              icon="icon-chevron-right">
-            </scw-icon>`:""}
-      </div>
-    </div>`;return t`
-      ${this.href?t`
-            <a
-              design="plain"
-              href="${this.href}"
-              >${i}</a
-            >
-          `:i}
-    `}};e([o({type:Boolean,attribute:"center",reflect:!0})],r.prototype,"center",2),e([o({type:String,attribute:"href",reflect:!1})],r.prototype,"href",2),e([o({type:String,attribute:"size",reflect:!0})],r.prototype,"size",2),e([o({type:String,attribute:"icon",reflect:!0})],r.prototype,"icon",2),e([o({type:String,attribute:"heading",reflect:!0})],r.prototype,"heading",2),e([o({type:String,attribute:"body",reflect:!0})],r.prototype,"body",2),e([o({type:Boolean,attribute:"card",reflect:!1})],r.prototype,"card",2);export{r as a};

package/dist/chunks/chunk.NFR5TU6E.js

@@ -1,76 +0,0 @@
-import{a as h}from"./chunk.4SWKJDYZ.js";import{c as d}from"./chunk.ULI2FVHF.js";import{a as p}from"./chunk.KILRDKGP.js";import{a as u}from"./chunk.QHUZYUAT.js";import{a as l,b as r}from"./chunk.MEEX2KI7.js";import{a as o}from"./chunk.G2G2TPJK.js";import{f as n}from"./chunk.PE5ZEEQ2.js";var f=l`
-.container {
-  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;
-}
-.container > *:not(:last-child) {
-  margin-bottom: calc(var(--scw-spacing-1) * 0.5);
-  --margin-bottom: calc( var( --scw-spacing-1 ) * 0.5 );
-}
-.container .input-label {
-  text-align: LEFT;
-  font: var(--scw-type-text-bold-03-font);
-  color: var(--scw-color-grey-02);
-}
-.container .input-feedback {
-  text-align: LEFT;
-  font: var(--scw-type-text-02-font);
-  color: var(--scw-color-grey-04);
-}
-.container ::slotted(:not(:last-child)) {
-  margin-bottom: calc(var(--scw-spacing-1) * 0.5);
-}
-
-.invalid .input-feedback {
-  text-align: LEFT;
-  font: var(--scw-type-text-02-font);
-  color: var(--scw-color-error);
-}
-
-.container.hasButtons ::slotted(*) {
-  margin-bottom: 0;
-}
-.container.hasButtons .radio-wrapper {
-  background-color: var(--scw-color-grey-092);
-  border-radius: 120px 120px 120px 120px;
-  display: flex;
-  flex-flow: row nowrap;
-  justify-content: flex-start;
-  align-items: center;
-  padding-left: calc(var(--scw-spacing-1) * 0.5);
-  padding-right: calc(var(--scw-spacing-1) * 0.5);
-  padding-top: calc(var(--scw-spacing-1) * 0.5);
-  padding-bottom: calc(var(--scw-spacing-1) * 0.5);
-  gap: calc(var(--scw-spacing-1) * 0.5);
-  width: max-content;
-}
-.container.hasButtons .radio-wrapper > *:not(:last-child) {
-  margin-right: calc(var(--scw-spacing-1) * 0.5);
-  --margin-right: calc( var( --scw-spacing-1 ) * 0.5 );
-}`;var i=class extends d{constructor(){super();this.hideFeedback=!1;this.defaultFeedback="";this.hasButtons=!1;this.element="radio-group"}static get styles(){return[super.styles,f]}connectedCallback(){let e=Promise.all([customElements.whenDefined("scw-radio"),customElements.whenDefined("scw-radio-button")]);super.connectedCallback(),this.updateComplete.then(()=>{e.then(()=>{this.syncRadios()})})}syncRadios(){let e=this.getAllRadios();this.hasButtons=e.some(t=>t.tagName.toLowerCase()==="scw-radio-button"),e.forEach(t=>{t.selected=t.value===this.value,t.input.tabIndex=t.selected?0:-1,this.name&&t.setAttribute("name",this.name)}),e.length&&!e.some(t=>t.selected)&&(e[0].input.tabIndex=0),this.requestUpdate()}getAllRadios(){let e=this.shadowRoot.querySelector(".radios");return e?[...e.assignedElements(),...e.assignedElements()].filter(t=>["scw-radio-button","scw-radio"].includes(t.tagName.toLowerCase())):[]}handleClick(e){let t=e.target,a=this.hasButtons?t.closest("scw-radio-button"):t.closest("scw-radio");(a==null?void 0:a.closest("scw-radio-group"))===this&&a!==null&&(e.preventDefault(),this.setActiveRadio(a))}handleKeyDown(e){if(!["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"," "].includes(e.key))return;let t=this.getAllRadios(),a=t.find(m=>m.selected)||t[0],c=e.key===" "?0:["ArrowUp","ArrowLeft"].includes(e.key)?-1:1,s=t.indexOf(a)+c;s<0&&(s=t.length-1),s>t.length-1&&(s=0),this.setActiveRadio(t[s]),t[s].focus(),e.preventDefault()}setActiveRadio(e){let t=this.value;this.value=e.value,this.value!==t&&p("scw-value-change",this,{value:this.value,name:this.name})}handleValueChange(){this.getAllRadios().forEach(t=>{t.selected=t.value===this.value,t.input.tabIndex=t.value===this.value?0:-1})}render(){let e={container:!0,invalid:this.invalid,hasButtons:this.hasButtons};return o`<div class=${h(e)}>
-      ${this.ariaLabel?o` <div class="input-label">
-            ${this.ariaLabel}${this.required?o`<span class="required-label">
-                  ${this.requiredLabel}
-                </span>`:""}
-          </div>`:""}
-      <div
-        role="radiogroup"
-        class="radio-wrapper">
-        <slot
-          class="radios"
-          @keydown=${this.handleKeyDown}
-          @click=${this.handleClick}></slot>
-      </div>
-      ${this.hideFeedback?"":o` <div class="input-feedback">
-              ${this.feedback?this.feedback:this.defaultFeedback}&nbsp;
-            </div>`}
-      </div>
-      <slot name="validation"></slot>
-    `}};n([r({type:Boolean,reflect:!0,attribute:"hide-feedback"})],i.prototype,"hideFeedback",2),n([r({type:String,reflect:!0,attribute:"default-feedback"})],i.prototype,"defaultFeedback",2),n([u("value")],i.prototype,"handleValueChange",1);export{i as a};

package/dist/chunks/chunk.NN6OANDH.js

@@ -1,4 +0,0 @@
-import{a as n,b as a,f as u}from"./chunk.MEEX2KI7.js";import{a as c}from"./chunk.G2G2TPJK.js";import{f as l}from"./chunk.PE5ZEEQ2.js";var d=n`
-`;var o=class extends u{constructor(){super();this.location="";this.disclaimer=[];this.element="disclosure-item",this.boundUpdateHandler=this.disclaimerEvent.bind(this)}static get styles(){return[super.styles,d]}connectedCallback(){let r=Promise.all([customElements.whenDefined("scw-disclosure-item"),customElements.whenDefined("scw-disclosure"),customElements.whenDefined("scw-rich-text"),customElements.whenDefined("scw-rate-table")]);super.connectedCallback(),window.addEventListener("scw-disclosure-update",this.boundUpdateHandler),this.updateComplete.then(()=>{r.then(()=>{this.updateDisclaimer()})})}disconnectedCallback(){window.removeEventListener("scw-disclosure-update",this.boundUpdateHandler),super.disconnectedCallback()}disclaimerEvent(r){let t=r;t.detail.location&&t.detail.location===this.location&&this.updateDisclaimer()}updateDisclaimer(){this.disclaimersItem=this.querySelectorAll("scw-disclosure-item,scw-rich-text,scw-rate-table"),this.disclaimer=[];let r=[...this.disclaimersItem].flatMap(t=>{let e=t;if(e.localName==="scw-rich-text"){let i=t;if(!i.disclosure||!i.shadowRoot)return;if(i.disclosure.length!==0)return[...i.disclosure]}else if(e.localName==="scw-rate-table"){let i=t;if(!i.disclosure||!i.shadowRoot)return;if(i.disclosure.length!==0)return[...i.disclosure]}else if(e.localName==="scw-disclosure-item")return e}).filter(function(t){return t!==void 0});if(r){let t=0;[...r].forEach(e=>{if(!e||e.getAttribute("location")!==this.location)return;let i=this.disclaimer.find(s=>s.id===e.getAttribute("identifier"));if(i){let s=e;i.symbol&&(s.symbol=i.symbol)}else if(e&&e.getAttribute("symbol")){let s={symbol:e.getAttribute("symbol"),id:e.getAttribute("identifier"),value:e.getAttribute("disclosure"),richText:!!e.getAttribute("is-rich-text")};this.disclaimer.push(s)}else{t=t+1;let s={symbol:`${t}`,id:e.getAttribute("identifier"),value:e.getAttribute("disclosure"),richText:!!e.getAttribute("is-rich-text")},m=e;m.symbol=t.toString(),this.disclaimer.push(s)}})}[...this.getElementsByTagName("scw-disclosure")].forEach(t=>{let e=t;e.getAttribute("location")===this.location&&(e.disclaimer=this.disclaimer)})}render(){return c`
-     <slot></slot>
-    `}};l([a({type:String,attribute:"location",reflect:!1})],o.prototype,"location",2);export{o as a};

package/dist/chunks/chunk.NW7DJBQN.js

@@ -1,50 +0,0 @@
-import{a as e,b as a,f as c}from"./chunk.MEEX2KI7.js";import{a as r}from"./chunk.G2G2TPJK.js";import{f as s}from"./chunk.PE5ZEEQ2.js";var i=e`
-:host {
-  display: block;
-}
-
-.scw-tag {
-  background-color: var(--scw-color-grey-09);
-  border-radius: 30px 30px 30px 30px;
-  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: calc(var(--scw-spacing-1) * 0.5);
-  padding-bottom: calc(var(--scw-spacing-1) * 0.5);
-}
-.scw-tag > *:not(:last-child) {
-  margin-right: var(--scw-spacing-1);
-  --margin-right: var( --scw-spacing-1 );
-}
-.scw-tag .label {
-  text-align: CENTER;
-  font: var(--scw-type-text-semibold-02-font);
-  color: var(--scw-color-grey-02);
-}
-
-:host([href]) .scw-tag:hover {
-  background-color: var(--scw-color-grey-08);
-  border-radius: 30px 30px 30px 30px;
-}
-
-:host([primary]) .scw-tag {
-  background-color: var(--scw-color-primary-095);
-  border-radius: 30px 30px 30px 30px;
-}
-
-:host([href][primary]) .scw-tag:hover {
-  background-color: var(--scw-color-primary-08);
-  border-radius: 30px 30px 30px 30px;
-}`;var t=class extends c{constructor(){super();this.href="";this.value="";this.element="tag"}static get styles(){return[super.styles,i]}render(){let o=r` <div class="label">${this.value}</div>`;return r`
-      ${this.href?r`
-            <scw-link
-              class="scw-tag"
-              design="plain"
-              href="${this.href}">
-              ${o}
-            </scw-link>
-          `:r` <div class="scw-tag">${o}</div> `}
-    `}};s([a({type:String,attribute:"href",reflect:!1})],t.prototype,"href",2),s([a({type:String,attribute:"value",reflect:!1})],t.prototype,"value",2);export{t as a};