scu-web-components 0.0.97 → 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.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};