scu-web-components 0.0.98 → 0.0.99

package/dist/chunks/chunk.DGQROXV3.js

@@ -1,431 +0,0 @@
-import{b as $}from"./chunk.XKYBUPYA.js";import{a as h}from"./chunk.KILRDKGP.js";import{a as m}from"./chunk.QHUZYUAT.js";import{a as b,b as d,e as v,f as y}from"./chunk.MEEX2KI7.js";import{a as e}from"./chunk.G2G2TPJK.js";import{f as c}from"./chunk.PE5ZEEQ2.js";var k=b`
-: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: calc(var(--scw-spacing-1) * 2.5);
-  padding-right: calc(var(--scw-spacing-1) * 2.5);
-  padding-top: calc(var(--scw-spacing-1) * 1.3);
-  padding-bottom: calc(var(--scw-spacing-1) * 1.3);
-  border-radius: 0;
-}
-.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);
-  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;
-  padding-left: var(--scw-spacing-1);
-}
-.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: center;
-  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;
-  min-width: 100px;
-  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: row nowrap;
-  justify-content: center;
-  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-right: var(--scw-spacing-1);
-  --margin-right: var( --scw-spacing-1 );
-}
-.table .row .cell .cell-data .text {
-  text-align: CENTER;
-  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);
-  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-extrabold-font);
-  color: var(--scw-color-grey-02);
-  flex: 1;
-}
-.heading > *: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);
-  white-space: nowrap;
-}
-.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: CENTER;
-    font: var(--scw-type-text-04-font);
-    color: var(--scw-color-grey-03);
-  }
-  .heading {
-    text-align: LEFT;
-    font: var(--scw-type-text-extrabold-03-font);
-    color: var(--scw-color-grey-02);
-    flex: 1;
-  }
-}`;function j(x,u=1e3,t,a="Month"){if(x!==void 0&&t!==void 0&&a!==void 0&&t>0){let o=a==="Month"?t:t*12,i=x/1200,r=u/((Math.pow(1+i,o)-1)/(i*Math.pow(1+i,o)));return Math.round(r*100)/100}}var l=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,k]}firstUpdated(){this.parseRateData()}getCurrencyString(t){return`$${parseFloat(t).toLocaleString("en-US",{maximumFractionDigits:2,minimumFractionDigits:2})}`}matchDisclosures(t){var a;return this.disclosuresLink?[]:((a=t==null?void 0:t.map(({id:o})=>{let i=this.disclosures.find(r=>r.id===o);return i?(Object.assign(i,{global:!1}),i):null}))==null?void 0:a.filter(o=>o))||[]}renderDisclosures(t){return t.map(a=>e`
-      <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(({title:a})=>e`
-      <div class="cell">
-        <div class="cell-data">
-          <div class="text">
-            ${t[a].value}
-            ${this.renderDisclosures(t[a].disclosures)}
-          </div>
-        </div>
-      </div>
-    `)}handleClick(t,a,o,i){t.stopPropagation(),h("scw-action",this,{action:"calculator",rate:a,term:o,amount:i})}parseRateData(){let t=JSON.parse(this.rateData);this.rateTableId=t.id;let a=new Date(t.effectiveDate);this.effectiveDate=$(a),this.disclosures=(t.disclosures||[]).map(r=>Object.assign(r,{global:!0}));let{headerRow:o,rows:i}=(t.fields||[]).sort((r,s)=>r.order-s.order).reduce((r,s)=>(r.headerRow.push({title:s.title,disclosures:this.matchDisclosures(s.disclosures)}),s.values.forEach(n=>{let p={value:n.value,disclosures:this.matchDisclosures(n.disclosures)},g=r.rows.find(f=>f.rateId===n.rateId);g?g[s.title]=p:r.rows.push({rateId:n.rateId,featured:n.isFeatured,[s.title]:p})}),r),{headerRow:[],rows:[]});this.headerRow=o,this.rateRows=i.map(r=>{var w;let s=parseFloat((w=r["Monthly Payment"])==null?void 0:w.value);if(isNaN(s))return r;let n=parseFloat(r["Annual Percentage Rate"].value),p=parseFloat(r["Term (up to)"].value),g=this.amount?parseFloat(this.amount):1e3,f=this.getCurrencyString(`
-        ${j(n,g,p)}
-      `);return r["Monthly Payment"].value=this.amount?e`
-        <scw-link
-          aria-label="${f}"
-          design="text"
-          @click=${D=>this.handleClick(D,n,p,g)}></scw-link>
-      `:f,r}),this.disclosuresLocation&&h("scw-disclosure-update",this,{location:this.disclosuresLocation}),this.requestUpdate()}render(){let t=e`
-    
-    ${this.disclosuresLink?"":e`
-      <div class="heading">${this.name}</div>
-    `}
-    <div class="table">
-      <div class="header-row">
-      ${this.headerRow.map(({title:a,disclosures:o})=>e`
-        <div class="cell">
-          <div class="label">
-            ${a}
-            ${this.renderDisclosures(o)}
-          </div>
-        </div>
-      `)}
-      </div>
-      ${this.rateRows.map(a=>a.featured?e`
-        <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>
-      `:e`
-        <div class="row rate-row">
-          ${this.renderRow(a)}
-        </div>
-      `)}
-    </div>
-    ${this.disclosuresLink?e`
-      <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>
-    `:e`
-      <div class="disclosures">
-        ${this.disclosures.map(a=>a.global?e`
-          <div class="global">${a.value}</div>
-        `:"")}
-        ${this.disclosuresLocation?"":e`
-          <scw-disclosure location="${this.rateTableId}"></scw-disclosure>
-        `}
-      </div>
-    `}
-    `;return e`
-    ${this.disclosuresLocation?t:e`
-      <scw-disclosure-mediator location="${this.rateTableId}">
-        ${t}
-      </scw-disclosure-mediator>
-    `}
-    `}};c([d({type:String,attribute:"rate-data"})],l.prototype,"rateData",2),c([d({type:String,attribute:"name"})],l.prototype,"name",2),c([d({type:String,attribute:"amount"})],l.prototype,"amount",2),c([d({type:String,attribute:"disclosures-link"})],l.prototype,"disclosuresLink",2),c([d({type:String,attribute:"disclosures-location"})],l.prototype,"disclosuresLocation",2),c([v("scw-disclosure-item")],l.prototype,"disclosure",2),c([m("rate-data"),m("amount")],l.prototype,"parseRateData",1);export{l as a};

package/dist/chunks/chunk.DMVCHX75.js

@@ -1,135 +0,0 @@
-import{a as m}from"./chunk.4SWKJDYZ.js";import{a as f,b as c,d as h,f as b}from"./chunk.MEEX2KI7.js";import{a as l}from"./chunk.G2G2TPJK.js";import{f as a}from"./chunk.PE5ZEEQ2.js";var u=f`
-:host {
-  display: block;
-}
-
-.container {
-  display: flex;
-  flex-direction: column;
-}
-.container .nav-container {
-  display: flex;
-  overflow-x: auto;
-  scrollbar-width: none;
-}
-.container .nav-container::-webkit-scrollbar {
-  width: 0;
-  height: 0;
-}
-.container .nav-group {
-  background-color: rgba(0, 0, 0, 0);
-  border-width: 1px;
-  border-style: solid;
-  border-color: var(--scw-color-grey-08);
-  background-color: none;
-  border-top: 0;
-  border-left: 0;
-  border-right: 0;
-  display: flex;
-  position: relative;
-  flex: 1 1 auto;
-  position: relative;
-  flex-direction: row;
-  justify-content: center;
-}
-.container .nav-group .nav-indicator {
-  position: absolute;
-}
-
-.container.hide-border .nav-group {
-  border-color: transparent;
-}
-
-.tab-style .nav-group .nav-indicator {
-  border-bottom: solid 2px;
-  border-color: var(--scw-color-grey-02);
-  bottom: -1px;
-}
-
-.button-style .nav-group .nav-indicator {
-  background-color: var(--scw-color-grey-09);
-  border-radius: 8px 8px 8px 8px;
-  border-width: 1px;
-  border-style: solid;
-  border-color: var(--scw-color-grey-09);
-  align-self: center;
-}
-
-.scroll-controller .nav-btn-container {
-  position: relative;
-  padding: 0 var(--scw-spacing-2);
-}
-
-.nav-panels {
-  display: block;
-  overflow: auto;
-}
-
-.prev-link, .next-link {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  position: absolute;
-  top: 0;
-  bottom: 0;
-}
-
-.prev-link {
-  left: 0;
-}
-
-.next-link {
-  right: 0;
-}
-
-.prev-link:hover, .next-link:hover {
-  --scw-icon-color: var(--scw-color-grey-04);
-}`;var n=class extends b{constructor(){super();this.navItems=[];this.panels=[];this.hasScrollControls=!1;this.type="button";this.size="medium";this.tabs=!1;this.hideBorder=!1;this.element="horizontal-nav"}static get styles(){return[super.styles,u]}connectedCallback(){let t=Promise.all([customElements.whenDefined("scw-horizontal-nav-item"),customElements.whenDefined("scw-horizontal-nav-panel")]);super.connectedCallback(),this.updateComplete.then(()=>{t.then(()=>{var e;this.syncTabsAndPanels(),!1||(this.resizeObserver=new ResizeObserver(()=>{this.repositionIndicator(),this.updateScrollControls()}),(e=this.resizeObserver)==null||e.observe(this.nav),new IntersectionObserver((o,r)=>{var s;o[0].intersectionRatio>0&&(this.setActiveTab((s=this.navItems.find(v=>v.active))!=null?s:this.navItems[0]),this.setAriaLabels(),setTimeout(()=>{this.indicator.style.transition="all 300ms ease"},300),r.unobserve(o[0].target))}).observe(this.tabGroup))})})}syncTabsAndPanels(){this.navItems=this.getAllTabs(),this.navItems.forEach(t=>{this.tabs&&(t.tab=!0),this.type&&(t.type=this.type),this.size&&(t.size=this.size)}),this.panels=this.getAllPanels(),this.updateComplete.then(()=>this.updateScrollControls(!0))}setAriaLabels(){this.tabs&&this.navItems.forEach(t=>{let e=this.panels.find(i=>i.name===t.panel);e&&(t.setAttribute("aria-controls",e.getAttribute("id")),e.setAttribute("aria-labelledby",t.getAttribute("id")))})}updateScrollControls(t=!1){this.hasScrollControls=this.nav.scrollWidth>this.nav.clientWidth,this.requestUpdate();let e=this.navItems.find(o=>o.active);if(!this.hasScrollControls||!e)return;let i=this.nav.scrollLeft+this.nav.clientWidth;if(e.offsetLeft>i){let o=e.offsetLeft/this.nav.clientWidth;this.nav.scroll({left:this.nav.scrollLeft+this.nav.clientWidth*o,behavior:t?"instant":"smooth"})}}setActiveTab(t){t!==this.activeTab&&t.ariaDisabled==="false"&&(this.activeTab=t,this.navItems.forEach(e=>e.active=e===this.activeTab),this.panels.forEach(e=>{var i;return e.active=e.name===((i=this.activeTab)==null?void 0:i.panel)}),this.syncIndicator())}syncIndicator(){this.navItems.find(e=>e.active)?(this.indicator.style.display="block",this.repositionIndicator()):this.indicator.style.display="none"}repositionIndicator(t=void 0){let e=t!=null?t:this.navItems.find(d=>d.active);if(!e)return;let i=this.type==="button"?e.link.clientWidth:e.clientWidth,o=this.navItems[0].offsetLeft;this.type==="button"&&(o+=this.size==="small"?5:10);let r=e.link.offsetHeight,s=this.getAllTabs(),y=s.slice(0,s.indexOf(e)).reduce((d,p)=>({left:d.left+p.clientWidth,top:d.top+p.clientHeight}),{left:0,top:0});this.indicator.style.width=`${i}px`,this.indicator.style.height=this.type==="button"?`${r}px`:"auto",this.indicator.style.translate=`${y.left}px`,this.indicator.style.left=`${o-(this.hasScrollControls?20:0)}px`}getAllTabs(){return[...this.shadowRoot.querySelector(".nav").assignedElements()].filter(e=>e.tagName.toLowerCase()==="scw-horizontal-nav-item")}getAllPanels(){return this.tabs?[...this.body.assignedElements()].filter(t=>t.tagName.toLowerCase()==="scw-horizontal-nav-panel"):[]}handleClick(t){let i=t.target.closest("scw-horizontal-nav-item");(i==null?void 0:i.closest("scw-horizontal-nav"))===this&&i!==null&&this.setActiveTab(i)}handleKeyDown(t){let i=t.target.closest("scw-horizontal-nav-item");if((i==null?void 0:i.closest("scw-horizontal-nav"))===this&&(["Enter"," "].includes(t.key)&&i!==null&&(this.setActiveTab(i),t.preventDefault()),["ArrowLeft","ArrowRight","Home","End"].includes(t.key))){let r=this.navItems.find(s=>s.matches(":focus"));if((r==null?void 0:r.tagName.toLowerCase())==="scw-horizontal-nav-item"){let s=this.navItems.indexOf(r);t.key==="Home"?s=0:t.key==="End"?s=this.navItems.length-1:t.key==="ArrowLeft"?s--:t.key==="ArrowRight"&&s++,s<0&&(s=this.navItems.length-1),s>this.navItems.length-1&&(s=0),this.navItems[s].focus({preventScroll:!0}),this.setActiveTab(this.navItems[s]),t.preventDefault()}}}handleScrollToStart(){this.nav.scroll({left:this.nav.scrollLeft-this.nav.clientWidth,behavior:"smooth"})}handleScrollToEnd(){this.nav.scroll({left:this.nav.scrollLeft+this.nav.clientWidth,behavior:"smooth"})}handleMouseover(t){let i=t.target.closest("scw-horizontal-nav-item");(i==null?void 0:i.closest("scw-horizontal-nav"))===this&&i!==null&&(this.indicator.style.display="block",this.repositionIndicator(i))}render(){let t={small:this.size==="small",medium:this.size==="medium","button-style":this.type==="button","tab-style":this.type==="tab",tab:this.tabs,container:!0,"scroll-controller":this.hasScrollControls,"hide-border":this.hideBorder};return l`
-      <div
-        class=${m(t)}
-        @click=${this.handleClick}
-        @keydown=${this.handleKeyDown}>
-        <div class="nav-btn-container">
-          ${this.hasScrollControls?l`
-                <scw-link
-                  design="plain"
-                  class="prev-link"
-                  aria-label="previous"
-                  @click=${this.handleScrollToStart}>
-                  <scw-icon
-                    icon="icon-chevron-left"
-                    size="20"></scw-icon>
-                </scw-link>
-              `:""}
-          <div class="nav-container">
-            <div
-              class="nav-group"
-              @mouseover="${this.handleMouseover}"
-              @mouseleave="${this.syncIndicator}"
-              ${this.tabs?'role="tablist"':""}>
-              <slot class="nav"></slot>
-              <div class="nav-indicator"></div>
-            </div>
-          </div>
-          ${this.hasScrollControls?l`
-                <scw-link
-                  design="plain"
-                  class="next-link"
-                  aria-label="next"
-                  @click=${this.handleScrollToEnd}>
-                  <scw-icon
-                    icon="icon-chevron-right"
-                    aria-label="20"
-                    size="20"></scw-icon>
-                </scw-link>
-              `:""}
-        </div>
-        ${this.tabs?l`
-        <slot
-          name="panel"
-          class="nav-panels">
-        </slot>
-          `:""}
-        
-      </div>
-    `}};a([c({type:String,attribute:"type",reflect:!1})],n.prototype,"type",2),a([c({type:String,attribute:"size",reflect:!1})],n.prototype,"size",2),a([c({type:Boolean,attribute:"tabs",reflect:!1})],n.prototype,"tabs",2),a([c({type:Boolean,attribute:"hide-border",reflect:!1})],n.prototype,"hideBorder",2),a([h(".nav-indicator")],n.prototype,"indicator",2),a([h(".nav-panels")],n.prototype,"body",2),a([h(".nav-container")],n.prototype,"nav",2),a([h(".container")],n.prototype,"tabGroup",2);export{n as a};

package/dist/chunks/chunk.DPJB6KQB.js

@@ -1,13 +0,0 @@
-import{a as o,b as r,f as s}from"./chunk.MEEX2KI7.js";import{a as i}from"./chunk.G2G2TPJK.js";import{f as e}from"./chunk.PE5ZEEQ2.js";var l=o`
-:host {
-  display: inline-block;
-}
-:host sup {
-  font-size: 0.6em;
-  vertical-align: top;
-  position: relative;
-  top: -0.4em;
-  color: inherit;
-}`;var t=class extends s{constructor(){super();this.symbol="";this.location="";this.disclosure="";this.richText=!1;this.identifier="";this.element="disclosure-item"}static get styles(){return[super.styles,l]}render(){return i`
-     <sup>${this.symbol?this.symbol:"*"}</sup>
-    `}};e([r({type:String,attribute:"symbol",reflect:!0})],t.prototype,"symbol",2),e([r({type:String,attribute:"location",reflect:!1})],t.prototype,"location",2),e([r({type:String,attribute:"disclosure",reflect:!1})],t.prototype,"disclosure",2),e([r({type:Boolean,attribute:"is-rich-text",reflect:!1})],t.prototype,"richText",2),e([r({type:String,attribute:"identifier",reflect:!1})],t.prototype,"identifier",2);export{t as a};

package/dist/chunks/chunk.DTI4N32X.js

@@ -1,16 +0,0 @@
-import{a as y,b as g,c as x}from"./chunk.BQW2V66J.js";import{a as d}from"./chunk.NBAHMDHF.js";import{c as w,e as f,f as b}from"./chunk.G2G2TPJK.js";var{D:v,R:A,V:R,I:m,B:T}=f,E=(l,i,r={})=>{if(i._$litPart$!==void 0)throw Error("container already contains a live render");let n,a,o,t=[],e=document.createTreeWalker(i,NodeFilter.SHOW_COMMENT,null,!1),s;for(;(s=e.nextNode())!==null;){let c=s.data;if(c.startsWith("lit-part")){if(t.length===0&&n!==void 0)throw Error(`There must be only one root part per container. Found a part marker (${s}) when we already have a root part marker (${a})`);o=S(l,s,t,r),n!=null||(n=o),a!=null||(a=s)}else if(c.startsWith("lit-node"))C(s,t,r);else if(c.startsWith("/lit-part")){if(t.length===1&&o!==n)throw Error("internal error");o=I(s,o,t)}}if(n===void 0){let c=i instanceof ShadowRoot?"{container.host.localName}'s shadow root":i instanceof DocumentFragment?"DocumentFragment":i.localName;console.error(`There should be exactly one root part in a render container, but we didn't find any in ${c}.`)}i._$litPart$=n},S=(l,i,r,n)=>{let a,o;if(r.length===0)o=new m(i,null,void 0,n),a=l;else{let t=r[r.length-1];if(t.type==="template-instance")o=new m(i,null,t.instance,n),t.instance.u.push(o),a=t.result.values[t.instancePartIndex++],t.templatePartIndex++;else if(t.type==="iterable"){o=new m(i,null,t.part,n);let e=t.iterator.next();if(e.done)throw a=void 0,t.done=!0,Error("Unhandled shorter than expected iterable");a=e.value,t.part._$AH.push(o)}else o=new m(i,null,t.part,n)}if(a=R(o,a),a===w)r.push({part:o,type:"leaf"});else if(y(a))r.push({part:o,type:"leaf"}),o._$AH=a;else if(g(a)){let t="lit-part "+P(a);if(i.data!==t)throw Error("Hydration value mismatch: Unexpected TemplateResult rendered to part");{let e=m.prototype._$AC(a),s=new v(e,o);r.push({type:"template-instance",instance:s,part:o,templatePartIndex:0,instancePartIndex:0,result:a}),o._$AH=s}}else A(a)?(r.push({part:o,type:"iterable",value:a,iterator:a[Symbol.iterator](),done:!1}),o._$AH=[]):(r.push({part:o,type:"leaf"}),o._$AH=a==null?"":a);return o},I=(l,i,r)=>{if(i===void 0)throw Error("unbalanced part marker");i._$AB=l;let n=r.pop();if(n.type==="iterable"&&!n.iterator.next().done)throw Error("unexpected longer than expected iterable");if(r.length>0)return r[r.length-1].part},C=(l,i,r)=>{let n=/lit-node (\d+)/.exec(l.data),a=parseInt(n[1]),o=l.nextElementSibling;if(o===null)throw Error("could not find node for attribute parts");o.removeAttribute("defer-hydration");let t=i[i.length-1];if(t.type!=="template-instance")throw Error("internal error");{let e=t.instance;for(;;){let s=e._$AD.parts[t.templatePartIndex];if(s===void 0||s.type!==d.ATTRIBUTE&&s.type!==d.ELEMENT||s.index!==a)break;if(s.type===d.ATTRIBUTE){let c=new s.ctor(o,s.name,s.strings,t.instance,r),p=x(c)?t.result.values[t.instancePartIndex]:t.result.values,u=!(c.type===d.EVENT||c.type===d.PROPERTY);c._$AI(p,c,t.instancePartIndex,u),t.instancePartIndex+=s.strings.length-1,e.u.push(c)}else{let c=new T(o,t.instance,r);R(c,t.result.values[t.instancePartIndex++]),e.u.push(c)}t.templatePartIndex++}}},P=l=>{let i=new Uint32Array(2).fill(5381);for(let n of l.strings)for(let a=0;a<n.length;a++)i[a%2]=33*i[a%2]^n.charCodeAt(a);let r=String.fromCharCode(...new Uint8Array(i.buffer));return btoa(r)};var h="hydrate-internals-";var k=class{constructor(){this.__definitions=new Map}define(i,r){var n;if(this.__definitions.has(i))throw new Error(`Failed to execute 'define' on 'CustomElementRegistry': the name "${i}" has already been used with this registry`);this.__definitions.set(i,{ctor:r,observedAttributes:(n=r.observedAttributes)!=null?n:[]})}get(i){let r=this.__definitions.get(i);return r==null?void 0:r.ctor}},M=k;var U=new M;globalThis.litElementHydrateSupport=({LitElement:l})=>{let i=Object.getOwnPropertyDescriptor(Object.getPrototypeOf(l),"observedAttributes").get;Object.defineProperty(l,"observedAttributes",{get(){return[...i.call(this),"defer-hydration"]}});let r=l.prototype.attributeChangedCallback;l.prototype.attributeChangedCallback=function(t,e,s){t==="defer-hydration"&&s===null&&n.call(this),r.call(this,t,e,s)};let n=l.prototype.connectedCallback;l.prototype.connectedCallback=function(){this.hasAttribute("defer-hydration")||n.call(this)};let a=l.prototype.createRenderRoot;l.prototype.createRenderRoot=function(){return this.shadowRoot?(this._$AG=!0,this.shadowRoot):a.call(this)};let o=Object.getPrototypeOf(l.prototype).update;l.prototype.update=function(t){let e=this.render();if(o.call(this,t),this._$AG){this._$AG=!1;for(let s=0;s<this.attributes.length;s++){let c=this.attributes[s];if(c.name.startsWith(h)){let p=c.name.slice(h.length);this.removeAttribute(p),this.removeAttribute(c.name)}}E(e,this.renderRoot,this.renderOptions)}else b(e,this.renderRoot,this.renderOptions)}};var _={},$;async function J(l={}){let{components:i=!1,suffix:r=!1}=l;$={suffix:r};let n=!i,a=r?`-${r}`:"",o=[];function t(s,c){o.push((async()=>{let p=`${s}${a}`;if(!_[p]){_[p]=!0;try{customElements.define(p,(await c).default)}catch(u){console.error(p,u)}}})())}function e(s){if(n)return!0;if(Array.isArray(i))return i?i.includes(s):!1}return e("scw-component")&&t("scw-component",import("./ScwComponent.LHOIBB25.js")),e("scw-form-component")&&t("scw-form-component",import("./scw-form-component.73F6MP5U.js")),e("scw-card")&&t("scw-card",import("./ScwCard.VOYE4L6A.js")),e("scw-input")&&t("scw-input",import("./ScwInput.7VL4GABX.js")),e("scw-form")&&t("scw-form",import("./scw-form.2XV35GRV.js")),e("scw-validation")&&t("scw-validation",import("./scw-validation.7MPZ2HYY.js")),e("scw-validate")&&t("scw-validate",import("./scw-validate.KA2QVH63.js")),e("scw-textarea")&&t("scw-textarea",import("./ScwTextarea.5DQZTUJR.js")),e("scw-select")&&t("scw-select",import("./ScwSelect.CZYJFYS6.js")),e("scw-option")&&t("scw-option",import("./ScwOption.BMY3OSWY.js")),e("scw-checkbox")&&t("scw-checkbox",import("./ScwCheckbox.UOGPEYIO.js")),e("scw-radio")&&t("scw-radio",import("./ScwRadio.3GTMHVOU.js")),e("scw-radio-button")&&t("scw-radio-button",import("./ScwRadioButton.7KNYBICD.js")),e("scw-radio-group")&&t("scw-radio-group",import("./ScwRadioGroup.FZY3GM76.js")),e("scw-link-old")&&t("scw-link-old",import("./ScwLinkOld.PDO4OXA4.js")),e("scw-button")&&t("scw-button",import("./ScwButton.WLMTFYEQ.js")),e("scw-menu")&&t("scw-menu",import("./ScwMenu.FHOM4DQA.js")),e("scw-menu-item")&&t("scw-menu-item",import("./ScwMenuItem.DVFYDOOH.js")),e("scw-icon")&&t("scw-icon",import("./ScwIcon.IDXURC4C.js")),e("scw-heading")&&t("scw-heading",import("./ScwHeading.W5FXEYFZ.js")),e("scw-image")&&t("scw-image",import("./ScwImage.XNXZAMRE.js")),e("scw-page-alert")&&t("scw-page-alert",import("./scw-page-alert.55UF7KLD.js")),e("scw-link-base")&&t("scw-link-base",import("./ScwLinkBase.MKEAC7GH.js")),e("scw-alert")&&t("scw-alert",import("./ScwAlert.ILEVDJIF.js")),e("scw-stepper")&&t("scw-stepper",import("./ScwStepper.KZLEKJHQ.js")),e("scw-rich-text")&&t("scw-rich-text",import("./ScwRichText.EBCLZTXC.js")),e("scw-slider")&&t("scw-slider",import("./ScwSlider.FCZ4CRAY.js")),e("scw-slider-item")&&t("scw-slider-item",import("./ScwSliderItem.MJTT4ZL2.js")),e("scw-block")&&t("scw-block",import("./ScwBlock.3SB7XV46.js")),e("scw-icon-feature")&&t("scw-icon-feature",import("./ScwIconFeature.O5FDHWYW.js")),e("scw-accordion")&&t("scw-accordion",import("./ScwAccordion.GRHBLE6O.js")),e("scw-callout")&&t("scw-callout",import("./ScwCallout.Y5SWKS6Y.js")),e("scw-link")&&t("scw-link",import("./ScwLink.F2TUVLQJ.js")),e("scw-mobile-nav")&&t("scw-mobile-nav",import("./ScwMobileNav.MBH4PLEL.js")),e("scw-mobile-item")&&t("scw-mobile-item",import("./ScwMobileItem.5BTJPWRR.js")),e("scw-mobile-top")&&t("scw-mobile-top",import("./ScwMobileTop.6D6GR6KK.js")),e("scw-tag")&&t("scw-tag",import("./ScwTag.CDKZ2BPY.js")),e("scw-modal")&&t("scw-modal",import("./ScwModal.V4YD7CIW.js")),e("scw-horizontal-nav-item")&&t("scw-horizontal-nav-item",import("./ScwHorizontalNavItem.FBIDJB6D.js")),e("scw-horizontal-nav")&&t("scw-horizontal-nav",import("./ScwHorizontalNav.GS3JYBSO.js")),e("scw-horizontal-nav-panel")&&t("scw-horizontal-nav-panel",import("./ScwHorizontalNavPanel.RJNYB4Z5.js")),e("scw-product-card")&&t("scw-product-card",import("./ScwProductCard.HGOSFAW5.js")),e("scw-comparison-table")&&t("scw-comparison-table",import("./ScwComparisonTable.W3OWR4YU.js")),e("scw-comparison-cell")&&t("scw-comparison-cell",import("./ScwComparisonCell.WUVCPLAC.js")),e("scw-comparison-row")&&t("scw-comparison-row",import("./ScwComparisonRow.5PWVMTLF.js")),e("scw-rate-table")&&t("scw-rate-table",import("./ScwRateTable.ZPNV45XG.js")),e("scw-rate-table-group")&&t("scw-rate-table-group",import("./ScwRateTableGroup.SQ5M3V6Y.js")),e("scw-tooltip")&&t("scw-tooltip",import("./ScwTooltip.HNJCESX6.js")),e("scw-disclosure")&&t("scw-disclosure",import("./ScwDisclosure.AMWMIISC.js")),e("scw-disclosure-item")&&t("scw-disclosure-item",import("./ScwDisclosureItem.7SFURM5E.js")),e("scw-disclosure-mediator")&&t("scw-disclosure-mediator",import("./ScwDisclosureMediator.DKTKZJC5.js")),e("scw-floating-button")&&t("scw-floating-button",import("./ScwFloatingButton.EKPZ7YCJ.js")),e("scw-employee-card")&&t("scw-employee-card",import("./ScwEmployeeCard.AKO52GS7.js")),Promise.all(o)}export{$ as a,J as b};
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-/**
- * @license
- * Copyright 2019 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-/**
- * @license
- * Copyright 2023 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */

package/dist/chunks/chunk.EF3SMPKQ.js

@@ -1,13 +0,0 @@
-import{a as f}from"./chunk.KILRDKGP.js";import{a as u,b as c,f as d}from"./chunk.MEEX2KI7.js";import{a as l}from"./chunk.G2G2TPJK.js";import{f as p}from"./chunk.PE5ZEEQ2.js";var h=u`
-:host {
-  display: block;
-  --gap: initial;
-  --gap-h: var( --scw-spacing-2 );
-  --gap-v: var( --scw-spacing-1 );
-}
-
-:host(.read-only) {
-  --gap-v: var( --scw-spacing-3 );
-}`;function v(a,r,e){r=r||"post";let o=document.createElement("form");o.setAttribute("method",r),o.setAttribute("action",a),o.setAttribute("enctype","multipart/form-data"),o.style.display="none",e.forEach(n=>{var t,s;if(!!(n.name&&n.value))if(((t=n.input)==null?void 0:t.files)&&((s=n.input)==null?void 0:s.files[0]))o.appendChild(n.input);else{let i=document.createElement("input");i.setAttribute("type","hidden"),i.setAttribute("name",n.name),i.setAttribute("value",n.value),o.appendChild(i)}}),document.body.appendChild(o),o.submit()}async function b(a,r,e){return await fetch(a,{method:r||"post",body:e,headers:{Accept:"application/json"}})}var m=class extends d{constructor(){super();this.method="get";this.ajax=!1;this.element="form",this.setAttribute("scw-stack-initial","")}static get styles(){return[super.styles,h]}connectedCallback(){super.connectedCallback(),this.addEventListener("scw-submit-intent",()=>{this.submit()})}findFormElements(){let e=this.querySelectorAll("[form-type]");return Array.from(e)}processData(e){let o=e||this.findFormElements(),n=new FormData;return o.map(t=>{var s,i;t.name&&t.value&&((s=t.input)==null?void 0:s.files)&&((i=t.input)==null?void 0:i.files[0])?n.append(t.name,t.input.files[0]):t.name&&t.value&&n.append(t.name,t.value)}),n}validate(e){let o=e||this.findFormElements(),n=[];return o.map(t=>{t.validate&&(n=[...n,...t.validate()])}),n}findInvalidElements(e){let o=e||this.findFormElements(),n=[];return o.map(t=>{t.invalid&&n.push(t)}),n}async submit(){let e=this.findFormElements(),o=this.validate(e),n=this.processData(e),t=this.findInvalidElements(e),s={validation:o,invalidElements:t,data:Array.from(n.entries()).reduce((i,[y,F])=>(i[y]=F,i),{})};this.action&&t.length===0&&(this.ajax?b(this.action,this.method,n).then(i=>Object.assign(s,{response:i})):v(this.action,this.method,e)),f("scw-submit",this,s)}render(){return l`
-      <slot></slot>
-    `}};p([c({type:String})],m.prototype,"action",2),p([c({type:String})],m.prototype,"method",2),p([c({type:Boolean})],m.prototype,"ajax",2);export{m as a};