scb-wc-test 0.1.325 → 0.1.326

package/all.js

@@ -16,6 +16,7 @@ import './mvc/components/scb-calendar-card/scb-calendar-card.js';
 import './mvc/components/scb-card/scb-card.js';
 import './mvc/components/scb-checkbox/scb-checkbox-group.js';
 import './mvc/components/scb-checkbox/scb-checkbox.js';
+import './mvc/components/scb-chevron/scb-chevron.js';
 import './mvc/components/scb-chip/scb-chip.js';
 import './mvc/components/scb-collapse/scb-collapse.js';
 import './mvc/components/scb-cookies-consent/scb-cookies-consent.js';
@@ -102,6 +103,7 @@ import './scb-calendar-card/scb-calendar-card.js';
 import './scb-card/scb-card.js';
 import './scb-checkbox/scb-checkbox-group.js';
 import './scb-checkbox/scb-checkbox.js';
+import './scb-chevron/scb-chevron.js';
 import './scb-chip/scb-chip.js';
 import './scb-collapse/scb-collapse.js';
 import './scb-cookies-consent/scb-cookies-consent.js';

package/index.d.ts

@@ -12,6 +12,7 @@ export * from './scb-calendar-card/scb-calendar-card';
 export * from './scb-card/scb-card';
 export * from './scb-checkbox/scb-checkbox-group';
 export * from './scb-checkbox/scb-checkbox';
+export * from './scb-chevron/scb-chevron';
 export * from './scb-chip/scb-chip';
 export * from './scb-collapse/scb-collapse';
 export * from './scb-cookies-consent/scb-cookies-consent';

package/index.js

@@ -12,6 +12,7 @@ import "./scb-calendar-card/scb-calendar-card.js";
 import "./scb-card/scb-card.js";
 import "./scb-checkbox/scb-checkbox-group.js";
 import "./scb-checkbox/scb-checkbox.js";
+import "./scb-chevron/scb-chevron.js";
 import "./scb-chip/scb-chip.js";
 import "./scb-collapse/scb-collapse.js";
 import "./scb-cookies-consent/scb-cookies-consent.js";

package/mvc/components/all.js

@@ -12,6 +12,7 @@ import './scb-calendar/scb-calendar-event.js';
 import './scb-card/scb-card.js';
 import './scb-checkbox/scb-checkbox.js';
 import './scb-checkbox/scb-checkbox-group.js';
+import './scb-chevron/scb-chevron.js';
 import './scb-chip/scb-chip.js';
 import './scb-collapse/scb-collapse.js';
 import './scb-cookies-consent/scb-cookies-consent.js';

package/mvc/components/scb-accordion/scb-accordion-item.js

@@ -1,4 +1,4 @@
-import{a as g,n as s,i as v,E as p,x as l,t as b}from"../../vendor/vendor.js";import"../../vendor/vendor-material.js";(function(){try{var t=typeof globalThis<"u"?globalThis:window;if(!t.__scb_ce_guard_installed__){t.__scb_ce_guard_installed__=!0;var i=customElements.define.bind(customElements);customElements.define=function(a,r,n){try{customElements.get(a)||i(a,r,n)}catch(d){var c=String(d||"");if(c.indexOf("already been used")===-1&&c.indexOf("NotSupportedError")===-1)throw d}}}}catch{}})();var m=Object.defineProperty,h=Object.getOwnPropertyDescriptor,o=(t,i,a,r)=>{for(var n=r>1?void 0:r?h(i,a):i,c=t.length-1,d;c>=0;c--)(d=t[c])&&(n=(r?d(i,a,n):d(n))||n);return r&&n&&m(i,a,n),n};let e=class extends v{constructor(){super(...arguments),this.open=!1,this.title="",this.content="",this.overline="",this.supportingText="",this.leading=!1,this.leadingVariant="",this.leadingIcon="",this.imgHrefImage="",this.avatarLabel="",this.avatarAlt="",this.avatarVariant="icon",this.avatarSrc="",this.density=0,this._unique=e._uid(),this._ignoreNextNativeTitleAttrChange=!1,this._onToggle=t=>{const i=t.currentTarget;this.open=!!i.open;const a=this.closest("scb-accordion");this.open&&a&&a.hasAttribute("single-open")&&a.querySelectorAll("scb-accordion-item").forEach(n=>{n!==this&&n.setOpen(!1)}),this._applyInertByOpen()}}static _uid(){return globalThis.crypto?.randomUUID?.()??`${e._uidPrefix}-${++e._uidSeq}`}static get observedAttributes(){const t=super.observedAttributes||[];return t.includes("title")?t:[...t,"title"]}attributeChangedCallback(t,i,a){if(t==="title"&&this._ignoreNextNativeTitleAttrChange){this._ignoreNextNativeTitleAttrChange=!1;return}super.attributeChangedCallback(t,i,a),t==="title"&&a!==null&&(this._ignoreNextNativeTitleAttrChange=!0,this.removeAttribute("title"))}firstUpdated(){this._applyInertByOpen()}_applyInertByOpen(){const t=this.renderRoot.querySelector(".scb-accordion-bottom"),i=this.renderRoot.querySelector("details");!t||!i||(i.open?(t.removeAttribute("inert"),t.setAttribute("aria-hidden","false")):(t.setAttribute("inert",""),t.setAttribute("aria-hidden","true")))}_onKeyDown(t){const i=this.closest("scb-accordion"),r=Array.from(i?.querySelectorAll("scb-accordion-item")||[]).map(d=>d.renderRoot.querySelector("details")?.querySelector(".scb-accordion-top")||null).filter(d=>!!d),n=t.currentTarget,c=r.indexOf(n);switch(t.key){case"ArrowDown":t.preventDefault(),c<r.length-1&&r[c+1].focus();break;case"ArrowUp":t.preventDefault(),c>0&&r[c-1].focus();break;case"Home":t.preventDefault(),r.length&&r[0].focus();break;case"End":t.preventDefault(),r.length&&r[r.length-1].focus();break}}setOpen(t){this.open=!!t;const i=this.renderRoot.querySelector("details");i&&(i.open=this.open),this._applyInertByOpen()}updated(t){if(t.has("open")){const i=this.renderRoot.querySelector("details");i&&i.open!==this.open&&(i.open=this.open),this._applyInertByOpen(),this.dispatchEvent(new CustomEvent("open-changed",{detail:{open:this.open,title:this.title},bubbles:!0,composed:!0}))}}render(){const t=`bottom-${this._unique}`,i=`header-${this._unique}`,a=this.leading?this.leadingVariant==="image"&&this.imgHrefImage?l`<img part="leading-image" class="img" src="${this.imgHrefImage}" alt="" />`:this.leadingVariant==="avatar"?l`
+import{a as g,n,i as m,E as p,x as l,t as v}from"../../vendor/vendor.js";import"../../vendor/vendor-material.js";import"../scb-chevron/scb-chevron.js";(function(){try{var t=typeof globalThis<"u"?globalThis:window;if(!t.__scb_ce_guard_installed__){t.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(o,a,s){try{customElements.get(o)||e(o,a,s)}catch(d){var c=String(d||"");if(c.indexOf("already been used")===-1&&c.indexOf("NotSupportedError")===-1)throw d}}}}catch{}})();var b=Object.defineProperty,h=Object.getOwnPropertyDescriptor,r=(t,e,o,a)=>{for(var s=a>1?void 0:a?h(e,o):e,c=t.length-1,d;c>=0;c--)(d=t[c])&&(s=(a?d(e,o,s):d(s))||s);return a&&s&&b(e,o,s),s};let i=class extends m{constructor(){super(...arguments),this.open=!1,this.title="",this.content="",this.overline="",this.supportingText="",this.leading=!1,this.leadingVariant="",this.leadingIcon="",this.imgHrefImage="",this.avatarLabel="",this.avatarAlt="",this.avatarVariant="icon",this.avatarSrc="",this.density=0,this._unique=i._uid(),this._ignoreNextNativeTitleAttrChange=!1,this._onSummaryClick=t=>{t.preventDefault();const e=!this.open;this.closest("scb-accordion")?.onItemToggled?.(this,e),this.setOpen(e)},this._onToggle=t=>{const e=t.currentTarget;e.open||(e.open=!0),this._applyInertByOpen()}}static _uid(){return globalThis.crypto?.randomUUID?.()??`${i._uidPrefix}-${++i._uidSeq}`}static get observedAttributes(){const t=super.observedAttributes||[];return t.includes("title")?t:[...t,"title"]}attributeChangedCallback(t,e,o){if(t==="title"&&this._ignoreNextNativeTitleAttrChange){this._ignoreNextNativeTitleAttrChange=!1;return}super.attributeChangedCallback(t,e,o),t==="title"&&o!==null&&(this._ignoreNextNativeTitleAttrChange=!0,this.removeAttribute("title"))}firstUpdated(){this._applyInertByOpen()}_applyInertByOpen(){const t=this.renderRoot.querySelector(".scb-accordion-bottom");t&&(this.open?(t.removeAttribute("inert"),t.setAttribute("aria-hidden","false")):(t.setAttribute("inert",""),t.setAttribute("aria-hidden","true")))}_onKeyDown(t){const e=this.closest("scb-accordion"),a=Array.from(e?.querySelectorAll("scb-accordion-item")||[]).map(d=>d.renderRoot.querySelector("details")?.querySelector(".scb-accordion-top")||null).filter(d=>!!d),s=t.currentTarget,c=a.indexOf(s);switch(t.key){case"ArrowDown":t.preventDefault(),c<a.length-1&&a[c+1].focus();break;case"ArrowUp":t.preventDefault(),c>0&&a[c-1].focus();break;case"Home":t.preventDefault(),a.length&&a[0].focus();break;case"End":t.preventDefault(),a.length&&a[a.length-1].focus();break}}setOpen(t){this.open=!!t;const e=this.renderRoot.querySelector("details");e&&!e.open&&(e.open=!0),this._applyInertByOpen()}updated(t){if(t.has("open")){const e=this.renderRoot.querySelector("details");e&&!e.open&&(e.open=!0),this._applyInertByOpen(),this.dispatchEvent(new CustomEvent("open-changed",{detail:{open:this.open,title:this.title},bubbles:!0,composed:!0}))}}render(){const t=`bottom-${this._unique}`,e=`header-${this._unique}`,o=this.leading?this.leadingVariant==="image"&&this.imgHrefImage?l`<img part="leading-image" class="img" src="${this.imgHrefImage}" alt="" />`:this.leadingVariant==="avatar"?l`
               <scb-avatar
                 label=${this.avatarLabel}
                 alt=${this.avatarAlt}
@@ -8,16 +8,17 @@ import{a as g,n as s,i as v,E as p,x as l,t as b}from"../../vendor/vendor.js";im
                 variant=${this.avatarVariant}
               ></scb-avatar>
             `:this.leadingVariant==="icon"?l`<md-icon>${this.leadingIcon}</md-icon>`:p:p;return l`
-      <details class="scb-accordion-item" ?open=${this.open} @toggle=${this._onToggle}>
+      <details class="scb-accordion-item" open @toggle=${this._onToggle}>
         <summary
-          id=${i}
+          id=${e}
           class="scb-accordion-top"
           aria-controls=${t}
+          @click=${this._onSummaryClick}
           @keydown=${this._onKeyDown}
         >
           <md-ripple></md-ripple>
 
-          ${this.leading?l`<div class="leading">${a}</div>`:p}
+          ${this.leading?l`<div class="leading">${o}</div>`:p}
 
           <div class="texts">
             ${this.overline?l`<div class="overline">${this.overline}</div>`:p}
@@ -25,25 +26,25 @@ import{a as g,n as s,i as v,E as p,x as l,t as b}from"../../vendor/vendor.js";im
             ${this.supportingText?l`<div class="supporting-text">${this.supportingText}</div>`:p}
           </div>
 
-          <md-icon class="chevron">keyboard_arrow_down</md-icon>
+          <scb-chevron class="chevron" .open=${this.open}></scb-chevron>
         </summary>
 
-        <div id=${t} class="scb-accordion-bottom" role="region" aria-labelledby=${i}>
+        <div id=${t} class="scb-accordion-bottom" role="region" aria-labelledby=${e}>
           <div class="bottom-inner">
             <slot>${this.content}</slot>
           </div>
         </div>
       </details>
 
-      <md-focus-ring for=${i} inward></md-focus-ring>
-    `}};e._uidPrefix=`uid-${Math.random().toString(36).slice(2)}`;e._uidSeq=0;e.styles=[g`
+      <md-focus-ring for=${e} inward></md-focus-ring>
+    `}};i._uidPrefix=`uid-${Math.random().toString(36).slice(2)}`;i._uidSeq=0;i.styles=[g`
       :host {
         display: block;
         position: relative;
         --scb-accordion-hover-radius: var(--radius-none, 0px);
         --scb-accordion-chevron-nudge-y: 3px;
-        --scb-accordion-transition-duration: var(--motion-duration-short, 150ms);
-        --scb-accordion-transition-easing: var(--motion-easing-emphasized-accelerate, var(--motion-easing-emphasized, cubic-bezier(.69,.16,.2,.98)));
+        --scb-accordion-motion-duration: 0.3s;
+        --scb-accordion-motion-easing: ease;
         --scb-accordion-panel-padding-closed: var(--spacing-0, 0px);
 
         --scb-accordion-item-padding-inline: var(--spacing-5, 16px);
@@ -98,7 +99,6 @@ import{a as g,n as s,i as v,E as p,x as l,t as b}from"../../vendor/vendor.js";im
 
       .scb-accordion-item {
         border-bottom: var(--stroke-border, 1px) solid var(--md-sys-color-outline-variant);
-        margin-bottom: calc(var(--stroke-border, 1px) * -1);
         color: var(--md-sys-color-on-surface);
         font-family: var(--brand-font);
       }
@@ -132,68 +132,27 @@ import{a as g,n as s,i as v,E as p,x as l,t as b}from"../../vendor/vendor.js";im
         padding-block: var(--spacing-4, 12px);
       }
 
-      details[open] {
-        --scb-accordion-transition-easing: var(--motion-easing-emphasized-decelerate, var(--motion-easing-standard, cubic-bezier(.69,.16,.2,.98)));
-      }
-
       .scb-accordion-bottom {
         display: grid;
         grid-template-rows: 0fr;
-        transition:
-          grid-template-rows var(--scb-accordion-transition-duration) var(--scb-accordion-transition-easing),
-          opacity var(--scb-accordion-transition-duration) var(--scb-accordion-transition-easing),
-          padding var(--scb-accordion-transition-duration) var(--scb-accordion-transition-easing);
         opacity: 0;
         overflow: hidden;
+        transition:
+          grid-template-rows var(--scb-accordion-motion-duration) var(--scb-accordion-motion-easing),
+          opacity var(--scb-accordion-motion-duration) var(--scb-accordion-motion-easing),
+          padding var(--scb-accordion-motion-duration) var(--scb-accordion-motion-easing);
         padding-block: var(--scb-accordion-panel-padding-closed);
         padding-inline: var(--scb-accordion-item-padding-inline, var(--spacing-5, 16px));
       }
-      details[open] .scb-accordion-bottom {
+      :host([open]) .scb-accordion-bottom {
         grid-template-rows: 1fr;
         opacity: 1;
-        overflow: visible;
         padding-top: var(--spacing-2, 4px);
         padding-right: var(--scb-accordion-item-padding-inline, var(--spacing-5, 16px));
         padding-bottom: var(--scb-accordion-item-padding-inline, var(--spacing-5, 16px));
         padding-left: var(--scb-accordion-item-padding-inline, var(--spacing-5, 16px));
       }
       .bottom-inner { overflow: hidden; }
-      details[open] .bottom-inner { overflow: visible; }
-
-      /* Browsers med stöd för ::details-content och interpolate-size kan animera höjd till auto. */
-      @supports selector(::details-content) and (interpolate-size: allow-keywords) {
-        :host {
-          interpolate-size: allow-keywords;
-        }
-
-        details {
-          interpolate-size: allow-keywords;
-        }
-
-        details::details-content {
-          height: 0;
-          overflow: clip;
-          content-visibility: hidden;
-          transition:
-            height var(--scb-accordion-transition-duration) var(--scb-accordion-transition-easing),
-            content-visibility var(--scb-accordion-transition-duration) var(--scb-accordion-transition-easing)
-              allow-discrete;
-        }
-
-        details[open]::details-content {
-          height: auto;
-          overflow: visible;
-          content-visibility: visible;
-        }
-
-        .scb-accordion-bottom {
-          display: block;
-          grid-template-rows: unset;
-          transition:
-            opacity var(--scb-accordion-transition-duration) var(--scb-accordion-transition-easing),
-            padding var(--scb-accordion-transition-duration) var(--scb-accordion-transition-easing);
-        }
-      }
 
       .title {
         font-family: var(--brand-font);
@@ -232,9 +191,7 @@ import{a as g,n as s,i as v,E as p,x as l,t as b}from"../../vendor/vendor.js";im
 
       .chevron {
         margin-left: auto;
-        transition: transform var(--motion-duration-short, var(--scb-accordion-transition-duration)) var(--motion-easing-standard, var(--scb-accordion-transition-easing));
       }
-      details[open] .chevron { transform: rotate(180deg); }
 
       md-ripple {
         border-radius: inherit;
@@ -246,4 +203,4 @@ import{a as g,n as s,i as v,E as p,x as l,t as b}from"../../vendor/vendor.js";im
       @media (prefers-reduced-motion: reduce) {
         md-ripple { display: none; }
       }
-    `];o([s({type:Boolean,reflect:!0})],e.prototype,"open",2);o([s({type:String})],e.prototype,"title",2);o([s({type:String})],e.prototype,"content",2);o([s({type:String,attribute:"overline"})],e.prototype,"overline",2);o([s({type:String,attribute:"supporting-text"})],e.prototype,"supportingText",2);o([s({type:Boolean})],e.prototype,"leading",2);o([s({type:String,attribute:"leading-variant",reflect:!0})],e.prototype,"leadingVariant",2);o([s({type:String,attribute:"leading-icon"})],e.prototype,"leadingIcon",2);o([s({type:String,attribute:"img-href-image",reflect:!0})],e.prototype,"imgHrefImage",2);o([s({type:String,attribute:"avatar-label"})],e.prototype,"avatarLabel",2);o([s({type:String,attribute:"avatar-alt"})],e.prototype,"avatarAlt",2);o([s({type:String,attribute:"avatar-variant"})],e.prototype,"avatarVariant",2);o([s({type:String,attribute:"avatar-src"})],e.prototype,"avatarSrc",2);o([s({type:Number,reflect:!0})],e.prototype,"density",2);e=o([b("scb-accordion-item")],e);
+    `];r([n({type:Boolean,reflect:!0})],i.prototype,"open",2);r([n({type:String})],i.prototype,"title",2);r([n({type:String})],i.prototype,"content",2);r([n({type:String,attribute:"overline"})],i.prototype,"overline",2);r([n({type:String,attribute:"supporting-text"})],i.prototype,"supportingText",2);r([n({type:Boolean})],i.prototype,"leading",2);r([n({type:String,attribute:"leading-variant",reflect:!0})],i.prototype,"leadingVariant",2);r([n({type:String,attribute:"leading-icon"})],i.prototype,"leadingIcon",2);r([n({type:String,attribute:"img-href-image",reflect:!0})],i.prototype,"imgHrefImage",2);r([n({type:String,attribute:"avatar-label"})],i.prototype,"avatarLabel",2);r([n({type:String,attribute:"avatar-alt"})],i.prototype,"avatarAlt",2);r([n({type:String,attribute:"avatar-variant"})],i.prototype,"avatarVariant",2);r([n({type:String,attribute:"avatar-src"})],i.prototype,"avatarSrc",2);r([n({type:Number,reflect:!0})],i.prototype,"density",2);i=r([v("scb-accordion-item")],i);

package/mvc/components/scb-accordion/scb-accordion.js

@@ -1,18 +1,18 @@
-import{a as _,n as l,i as k,E as O,x as b,t as S}from"../../vendor/vendor.js";import"./scb-accordion-item.js";import"../scb-button/scb-button.js";import"../../vendor/vendor-material.js";(function(){try{var t=typeof globalThis<"u"?globalThis:window;if(!t.__scb_ce_guard_installed__){t.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(i,a,s){try{customElements.get(i)||e(i,a,s)}catch(d){var p=String(d||"");if(p.indexOf("already been used")===-1&&p.indexOf("NotSupportedError")===-1)throw d}}}}catch{}})();var C=Object.defineProperty,w=Object.getOwnPropertyDescriptor,u=t=>{throw TypeError(t)},r=(t,e,i,a)=>{for(var s=a>1?void 0:a?w(e,i):e,p=t.length-1,d;p>=0;p--)(d=t[p])&&(s=(a?d(e,i,s):d(s))||s);return a&&s&&C(e,i,s),s},A=(t,e,i)=>e.has(t)||u("Cannot "+i),x=(t,e,i)=>e.has(t)?u("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(t):e.set(t,i),c=(t,e,i)=>(A(t,e,"access private method"),i),n,v,m,h,y,g,f;let o=class extends k{constructor(){super(...arguments),x(this,n),this.singleOpen=!1,this.showCloseAll=!1,this.size="large",this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0}connectedCallback(){super.connectedCallback(),this.addEventListener("open-changed",c(this,n,h))}disconnectedCallback(){this.removeEventListener("open-changed",c(this,n,h)),super.disconnectedCallback()}render(){const t=!this.singleOpen&&this.showCloseAll,e=t?c(this,n,v).call(this):!1;return b`
+import{a as _,n as l,i as O,E as k,x as b,t as S}from"../../vendor/vendor.js";import"./scb-accordion-item.js";import"../scb-button/scb-button.js";import"../../vendor/vendor-material.js";import"../scb-chevron/scb-chevron.js";(function(){try{var t=typeof globalThis<"u"?globalThis:window;if(!t.__scb_ce_guard_installed__){t.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(i,s,n){try{customElements.get(i)||e(i,s,n)}catch(d){var p=String(d||"");if(p.indexOf("already been used")===-1&&p.indexOf("NotSupportedError")===-1)throw d}}}}catch{}})();var C=Object.defineProperty,w=Object.getOwnPropertyDescriptor,u=t=>{throw TypeError(t)},r=(t,e,i,s)=>{for(var n=s>1?void 0:s?w(e,i):e,p=t.length-1,d;p>=0;p--)(d=t[p])&&(n=(s?d(e,i,n):d(n))||n);return s&&n&&C(e,i,n),n},A=(t,e,i)=>e.has(t)||u("Cannot "+i),T=(t,e,i)=>e.has(t)?u("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(t):e.set(t,i),a=(t,e,i)=>(A(t,e,"access private method"),i),o,m,v,h,y,g,f;let c=class extends O{constructor(){super(...arguments),T(this,o),this.singleOpen=!1,this.showCloseAll=!1,this.size="large",this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0}connectedCallback(){super.connectedCallback(),this.addEventListener("open-changed",a(this,o,h))}disconnectedCallback(){this.removeEventListener("open-changed",a(this,o,h)),super.disconnectedCallback()}render(){const t=!this.singleOpen&&this.showCloseAll,e=t?a(this,o,m).call(this):!1;return b`
       <div class="scb-accordion" ?single-open=${this.singleOpen}>
         ${t?b`
               <div class="scb-accordion-actions" role="toolbar" aria-label="Accordionkontroller">
                 <scb-button
                   variant="text"
                   label=${e?"Stäng alla":"Öppna alla"}
-                  @click=${c(this,n,m)}
+                  @click=${a(this,o,v)}
                 ></scb-button>
               </div>
-            `:O}
+            `:k}
 
-        <slot @slotchange=${c(this,n,y)}></slot>
+        <slot @slotchange=${a(this,o,y)}></slot>
       </div>
-    `}firstUpdated(){c(this,n,f).call(this),c(this,n,g).call(this)}updated(t){(t.has("spacing")||t.has("spacingTop")||t.has("spacingBottom")||t.has("spacingLeft")||t.has("spacingRight"))&&c(this,n,f).call(this),t.has("singleOpen")&&c(this,n,g).call(this)}_getDirectItems(){return Array.from(this.children).filter(t=>t.tagName==="SCB-ACCORDION-ITEM")}mapSpacingToken(t){if(!t)return;const e=String(t).trim();if(e)return/^\d+$/.test(e)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(e,10)))})`:e}};n=new WeakSet;v=function(){const t=this._getDirectItems();return t.length>0&&t.every(e=>e.open)};m=function(){if(this.singleOpen||!this.showCloseAll)return;const t=this._getDirectItems(),e=t.length>0&&t.every(i=>i.open);t.forEach(i=>i.setOpen(!e))};h=function(){if(this.singleOpen){c(this,n,g).call(this);return}this.showCloseAll&&this.requestUpdate()};y=function(){if(this.singleOpen){c(this,n,g).call(this);return}this.showCloseAll&&this.requestUpdate()};g=function(){if(!this.singleOpen)return;const e=this._getDirectItems().filter(i=>i.open);e.length<=1||e.slice(1).forEach(i=>i.setOpen(!1))};f=function(){const t=this.mapSpacingToken(this.spacing),e=this.mapSpacingToken(this.spacingTop)??t,i=this.mapSpacingToken(this.spacingBottom)??t,a=this.mapSpacingToken(this.spacingLeft),s=this.mapSpacingToken(this.spacingRight);e?this.style.setProperty("--scb-accordion-spacing-block-start",e):this.style.removeProperty("--scb-accordion-spacing-block-start"),i?this.style.setProperty("--scb-accordion-spacing-block-end",i):this.style.removeProperty("--scb-accordion-spacing-block-end"),a?this.style.setProperty("--scb-accordion-spacing-inline-start",a):this.style.removeProperty("--scb-accordion-spacing-inline-start"),s?this.style.setProperty("--scb-accordion-spacing-inline-end",s):this.style.removeProperty("--scb-accordion-spacing-inline-end")};o.styles=_`
+    `}firstUpdated(){a(this,o,f).call(this),a(this,o,g).call(this)}updated(t){(t.has("spacing")||t.has("spacingTop")||t.has("spacingBottom")||t.has("spacingLeft")||t.has("spacingRight"))&&a(this,o,f).call(this),t.has("singleOpen")&&a(this,o,g).call(this)}_getDirectItems(){return Array.from(this.children).filter(t=>t.tagName==="SCB-ACCORDION-ITEM")}onItemToggled(t,e){if(this.singleOpen&&e){this._getDirectItems().forEach(s=>{s!==t&&s.setOpen(!1)});return}!this.singleOpen&&this.showCloseAll&&this.requestUpdate()}mapSpacingToken(t){if(!t)return;const e=String(t).trim();if(e)return/^\d+$/.test(e)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(e,10)))})`:e}};o=new WeakSet;m=function(){const t=this._getDirectItems();return t.length>0&&t.every(e=>e.open)};v=function(){if(this.singleOpen||!this.showCloseAll)return;const t=this._getDirectItems(),e=t.length>0&&t.every(i=>i.open);t.forEach(i=>i.setOpen(!e))};h=function(){this.singleOpen||this.showCloseAll&&this.requestUpdate()};y=function(){if(this.singleOpen){a(this,o,g).call(this);return}this.showCloseAll&&this.requestUpdate()};g=function(){if(!this.singleOpen)return;const e=this._getDirectItems().filter(i=>i.open);e.length<=1||e.slice(1).forEach(i=>i.setOpen(!1))};f=function(){const t=this.mapSpacingToken(this.spacing),e=this.mapSpacingToken(this.spacingTop)??t,i=this.mapSpacingToken(this.spacingBottom)??t,s=this.mapSpacingToken(this.spacingLeft),n=this.mapSpacingToken(this.spacingRight);e?this.style.setProperty("--scb-accordion-spacing-block-start",e):this.style.removeProperty("--scb-accordion-spacing-block-start"),i?this.style.setProperty("--scb-accordion-spacing-block-end",i):this.style.removeProperty("--scb-accordion-spacing-block-end"),s?this.style.setProperty("--scb-accordion-spacing-inline-start",s):this.style.removeProperty("--scb-accordion-spacing-inline-start"),n?this.style.setProperty("--scb-accordion-spacing-inline-end",n):this.style.removeProperty("--scb-accordion-spacing-inline-end")};c.styles=_`
     :host {
       display: block;
       margin-block-start: var(--scb-accordion-spacing-block-start, 0);
@@ -41,4 +41,4 @@ import{a as _,n as l,i as k,E as O,x as b,t as S}from"../../vendor/vendor.js";im
       padding-block-start: var(--scb-accordion-actions-padding-block);
       padding-block-end: var(--scb-accordion-actions-padding-block);
     }
-  `;r([l({type:Boolean,attribute:"single-open",reflect:!0})],o.prototype,"singleOpen",2);r([l({type:Boolean,attribute:"show-close-all",reflect:!0})],o.prototype,"showCloseAll",2);r([l({type:String,reflect:!0})],o.prototype,"size",2);r([l({type:String,reflect:!0})],o.prototype,"spacing",2);r([l({type:String,attribute:"spacing-top",reflect:!0})],o.prototype,"spacingTop",2);r([l({type:String,attribute:"spacing-bottom",reflect:!0})],o.prototype,"spacingBottom",2);r([l({type:String,attribute:"spacing-left",reflect:!0})],o.prototype,"spacingLeft",2);r([l({type:String,attribute:"spacing-right",reflect:!0})],o.prototype,"spacingRight",2);o=r([S("scb-accordion")],o);
+  `;r([l({type:Boolean,attribute:"single-open",reflect:!0})],c.prototype,"singleOpen",2);r([l({type:Boolean,attribute:"show-close-all",reflect:!0})],c.prototype,"showCloseAll",2);r([l({type:String,reflect:!0})],c.prototype,"size",2);r([l({type:String,reflect:!0})],c.prototype,"spacing",2);r([l({type:String,attribute:"spacing-top",reflect:!0})],c.prototype,"spacingTop",2);r([l({type:String,attribute:"spacing-bottom",reflect:!0})],c.prototype,"spacingBottom",2);r([l({type:String,attribute:"spacing-left",reflect:!0})],c.prototype,"spacingLeft",2);r([l({type:String,attribute:"spacing-right",reflect:!0})],c.prototype,"spacingRight",2);c=r([S("scb-accordion")],c);

package/mvc/components/scb-chevron/scb-chevron.js

@@ -0,0 +1,121 @@
+import{a as f,n as l,r as h,i as v,x as p,t as m}from"../../vendor/vendor.js";(function(){try{var r=typeof globalThis<"u"?globalThis:window;if(!r.__scb_ce_guard_installed__){r.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(o,n,e){try{customElements.get(o)||t(o,n,e)}catch(s){var a=String(s||"");if(a.indexOf("already been used")===-1&&a.indexOf("NotSupportedError")===-1)throw s}}}}catch{}})();var d=Object.defineProperty,g=Object.getOwnPropertyDescriptor,c=(r,t,o,n)=>{for(var e=n>1?void 0:n?g(t,o):t,a=r.length-1,s;a>=0;a--)(s=r[a])&&(e=(n?s(t,o,e):s(e))||e);return n&&e&&d(t,o,e),e};let i=class extends v{constructor(){super(...arguments),this.open=!1,this.animationPhase="idle"}willUpdate(r){r.has("open")&&(r.get("open")??!this.open)!==this.open&&(this.animationPhase=this.open?"opening":"closing")}render(){return p`
+      <svg
+        class="chevron-icon ${this.animationPhase==="idle"?"":`chevron--${this.animationPhase}`}"
+        viewBox="0 0 24 24"
+        aria-hidden="true"
+        focusable="false"
+      >
+        <line class="bar bar--left" x1="5" y1="12" x2="12" y2="12"></line>
+        <line class="bar bar--right" x1="12" y1="12" x2="19" y2="12"></line>
+      </svg>
+    `}};i.styles=f`
+    :host {
+      display: block;
+      width: var(--scb-chevron-size, 24px);
+      height: var(--scb-chevron-size, 24px);
+      color: inherit;
+      --chevron-offset-down: 2.3px;
+      --chevron-offset-up: -2.3px;
+    }
+
+    .chevron-icon {
+      display: block;
+      width: var(--scb-chevron-size, 24px);
+      height: var(--scb-chevron-size, 24px);
+      overflow: visible;
+    }
+
+    .chevron-icon .bar {
+      fill: none;
+      stroke: currentColor;
+      stroke-width: 1.5;
+      stroke-linecap: square;
+      stroke-linejoin: miter;
+      stroke-miterlimit: 2;
+      shape-rendering: geometricPrecision;
+      vector-effect: non-scaling-stroke;
+      transform-box: view-box;
+      transform-origin: 12px 12px;
+      will-change: transform;
+    }
+
+    .chevron-icon .bar--left {
+      transform: translateY(var(--chevron-offset-down)) rotate(45deg);
+    }
+
+    .chevron-icon .bar--right {
+      transform: translateY(var(--chevron-offset-down)) rotate(-45deg);
+    }
+
+    :host([open]) .chevron-icon .bar--left {
+      transform: translateY(var(--chevron-offset-up)) rotate(-45deg);
+    }
+
+    :host([open]) .chevron-icon .bar--right {
+      transform: translateY(var(--chevron-offset-up)) rotate(45deg);
+    }
+
+    .chevron-icon.chevron--opening .bar--left {
+      animation: chevron-left-open 100ms linear;
+    }
+
+    .chevron-icon.chevron--opening .bar--right {
+      animation: chevron-right-open 100ms linear;
+    }
+
+    .chevron-icon.chevron--closing .bar--left {
+      animation: chevron-left-close 100ms linear;
+    }
+
+    .chevron-icon.chevron--closing .bar--right {
+      animation: chevron-right-close 100ms linear;
+    }
+
+    @keyframes chevron-left-open {
+      0% {
+        transform: translateY(var(--chevron-offset-down)) rotate(45deg);
+      }
+      50% {
+        transform: translateY(0px) rotate(0deg);
+      }
+      100% {
+        transform: translateY(var(--chevron-offset-up)) rotate(-45deg);
+      }
+    }
+
+    @keyframes chevron-right-open {
+      0% {
+        transform: translateY(var(--chevron-offset-down)) rotate(-45deg);
+      }
+      50% {
+        transform: translateY(0px) rotate(0deg);
+      }
+      100% {
+        transform: translateY(var(--chevron-offset-up)) rotate(45deg);
+      }
+    }
+
+    @keyframes chevron-left-close {
+      0% {
+        transform: translateY(var(--chevron-offset-up)) rotate(-45deg);
+      }
+      50% {
+        transform: translateY(0px) rotate(0deg);
+      }
+      100% {
+        transform: translateY(var(--chevron-offset-down)) rotate(45deg);
+      }
+    }
+
+    @keyframes chevron-right-close {
+      0% {
+        transform: translateY(var(--chevron-offset-up)) rotate(45deg);
+      }
+      50% {
+        transform: translateY(0px) rotate(0deg);
+      }
+      100% {
+        transform: translateY(var(--chevron-offset-down)) rotate(-45deg);
+      }
+    }
+  `;c([l({type:Boolean,reflect:!0})],i.prototype,"open",2);c([h()],i.prototype,"animationPhase",2);i=c([m("scb-chevron")],i);

package/mvc/components/scb-dropdown/scb-dropdown.js

@@ -1,4 +1,4 @@
-import{a as f,n as p,e as u,i as y,E as g,x as m,t as v}from"../../vendor/vendor.js";import"../../vendor/vendor-material.js";import"../scb-button/scb-button.js";import"../scb-options-menu/scb-options-menu.js";import"../scb-options-menu/scb-options-menu-item.js";import"../scb-divider/scb-divider.js";import"../scb-options-menu/scb-options-sub-menu.js";(function(){try{var t=typeof globalThis<"u"?globalThis:window;if(!t.__scb_ce_guard_installed__){t.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(n,r,s){try{customElements.get(n)||e(n,r,s)}catch(o){var i=String(o||"");if(i.indexOf("already been used")===-1&&i.indexOf("NotSupportedError")===-1)throw o}}}}catch{}})();var w=Object.defineProperty,_=Object.getOwnPropertyDescriptor,d=(t,e,n,r)=>{for(var s=r>1?void 0:r?_(e,n):e,i=t.length-1,o;i>=0;i--)(o=t[i])&&(s=(r?o(e,n,s):o(s))||s);return r&&s&&w(e,n,s),s};const S=()=>{if(typeof window>"u"||typeof document>"u"||!("customElements"in window)||document.head.querySelector("style[data-scb-dropdown-pre-upgrade]"))return;const t=document.createElement("style");t.setAttribute("data-scb-dropdown-pre-upgrade",""),t.textContent=`
+import{a as f,n as c,e as u,i as y,E as g,x as b,t as v}from"../../vendor/vendor.js";import"../../vendor/vendor-material.js";import"../scb-button/scb-button.js";import"../scb-chevron/scb-chevron.js";import"../scb-options-menu/scb-options-menu.js";import"../scb-options-menu/scb-options-menu-item.js";import"../scb-divider/scb-divider.js";import"../scb-options-menu/scb-options-sub-menu.js";(function(){try{var t=typeof globalThis<"u"?globalThis:window;if(!t.__scb_ce_guard_installed__){t.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(n,o,i){try{customElements.get(n)||e(n,o,i)}catch(r){var s=String(r||"");if(s.indexOf("already been used")===-1&&s.indexOf("NotSupportedError")===-1)throw r}}}}catch{}})();var w=Object.defineProperty,_=Object.getOwnPropertyDescriptor,p=(t,e,n,o)=>{for(var i=o>1?void 0:o?_(e,n):e,s=t.length-1,r;s>=0;s--)(r=t[s])&&(i=(o?r(e,n,i):r(i))||i);return o&&i&&w(e,n,i),i};const S=()=>{if(typeof window>"u"||typeof document>"u"||!("customElements"in window)||document.head.querySelector("style[data-scb-dropdown-pre-upgrade]"))return;const t=document.createElement("style");t.setAttribute("data-scb-dropdown-pre-upgrade",""),t.textContent=`
     scb-dropdown:not(:defined) {
       display: inline-block;
       position: relative;
@@ -22,7 +22,7 @@ import{a as f,n as p,e as u,i as y,E as g,x as m,t as v}from"../../vendor/vendor
     scb-dropdown:not(:defined) > * {
       display: none;
     }
-  `,document.head.appendChild(t);const e=i=>{const o=String(i??"").trim();if(o)return/^\d+$/.test(o)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(o,10)))})`:o},n=i=>{const o=e(i.getAttribute("spacing")),l=e(i.getAttribute("spacing-top"))??o,c=e(i.getAttribute("spacing-bottom"))??o,h=e(i.getAttribute("spacing-left")),b=e(i.getAttribute("spacing-right"));l?i.style.setProperty("--scb-dropdown-spacing-block-start",l):i.style.removeProperty("--scb-dropdown-spacing-block-start"),c?i.style.setProperty("--scb-dropdown-spacing-block-end",c):i.style.removeProperty("--scb-dropdown-spacing-block-end"),h?i.style.setProperty("--scb-dropdown-spacing-inline-start",h):i.style.removeProperty("--scb-dropdown-spacing-inline-start"),b?i.style.setProperty("--scb-dropdown-spacing-inline-end",b):i.style.removeProperty("--scb-dropdown-spacing-inline-end")};(()=>{document.querySelectorAll("scb-dropdown").forEach(n)})();const s=new MutationObserver(i=>{for(const o of i){if(o.type==="attributes"){const l=o.target;l instanceof HTMLElement&&l.tagName.toLowerCase()==="scb-dropdown"&&n(l);continue}if(o.type==="childList"){const l=[...Array.from(o.addedNodes),...Array.from(o.removedNodes)];for(const c of l)if(c instanceof HTMLElement){if(c.tagName.toLowerCase()==="scb-dropdown"){n(c);continue}c.querySelectorAll?.("scb-dropdown").forEach(h=>{h instanceof HTMLElement&&n(h)})}}}});s.observe(document.documentElement,{subtree:!0,childList:!0,attributes:!0,attributeFilter:["spacing","spacing-top","spacing-bottom","spacing-left","spacing-right"]}),customElements.whenDefined("scb-dropdown").then(()=>{s.disconnect()})};S();let a=class extends y{constructor(){super(...arguments),this.label="Dropdown",this.variant="filled",this.size="medium",this.open=!1,this.disabled=!1,this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this.menuGap="3",this.width=null,this.minWidth=null,this.maxWidth=null,this.dataIndex=null,this.ariaCurrent=null,this._slottedMenuEl=null,this._openSettledTimer=null,this._menuCloseTimer=null,this._panelResizeObserver=null,this._panelHeightSyncRaf=null,this._onDocumentClickBound=t=>{if(!this.open)return;const e=t.composedPath(),n=e.find(r=>r instanceof HTMLElement&&r.tagName.toLowerCase()==="scb-dropdown");if(n&&n!==this){this.open=!1;return}e.includes(this)||(this.open=!1)},this._onDocumentKeydownBound=t=>{this.open&&t.key==="Escape"&&(this.open=!1)},this._onSlottedMenuOpen=()=>{this.open||(this.open=!0)},this._onSlottedMenuClose=()=>{this.open&&(this.open=!1)},this._onSlotChange=()=>{this._syncSlottedMenu(),this._applyPanelSizing(),this._applyInertByOpen(),this.requestUpdate()},this._onTriggerClick=t=>{this.hasAttribute("as-tab")||t.stopPropagation(),!this.disabled&&(this.open=!this.open)}}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this._onDocumentClickBound,!0),document.addEventListener("keydown",this._onDocumentKeydownBound)}disconnectedCallback(){document.removeEventListener("click",this._onDocumentClickBound,!0),document.removeEventListener("keydown",this._onDocumentKeydownBound),this._detachSlottedMenuListeners(),this._panelResizeObserver&&(this._panelResizeObserver.disconnect(),this._panelResizeObserver=null),this._panelHeightSyncRaf!==null&&(window.cancelAnimationFrame(this._panelHeightSyncRaf),this._panelHeightSyncRaf=null),this._openSettledTimer!==null&&(window.clearTimeout(this._openSettledTimer),this._openSettledTimer=null),this._menuCloseTimer!==null&&(window.clearTimeout(this._menuCloseTimer),this._menuCloseTimer=null),super.disconnectedCallback()}firstUpdated(t){super.firstUpdated(t),this._syncSlottedMenu(),this._applyPanelVars(),this._applyPanelSizing(),this._applyChevronState(),this._applyInertByOpen(),this._setupPanelResizeObserver(),this._syncPanelMaxHeightByOpen(),this._syncOverflowVisibilityByOpen()}updated(t){super.updated(t),t.has("menuGap")&&this._applyPanelVars(),(t.has("width")||t.has("minWidth")||t.has("maxWidth"))&&this._applyPanelSizing(),(t.has("spacing")||t.has("spacingTop")||t.has("spacingBottom")||t.has("spacingLeft")||t.has("spacingRight"))&&this._applySpacing(),t.has("open")&&(this.open||this._closeAllSubMenus(),this._syncSlottedMenuOpen(),this._applyChevronState(),this._applyInertByOpen(),this._syncPanelMaxHeightByOpen(),this._syncOverflowVisibilityByOpen(),this.dispatchEvent(new CustomEvent("openchange",{bubbles:!0,composed:!0,detail:{open:this.open}})))}_applyPanelVars(){if(this.menuGap==null||String(this.menuGap).trim()===""){this.style.removeProperty("--scb-dropdown-panel-gap");return}this.style.setProperty("--scb-dropdown-panel-gap",this._mapSpacingToken(this.menuGap))}_applyPanelSizing(){const t=this.renderRoot.querySelector(".panel-surface");t&&(this.width&&String(this.width).trim()!==""?t.style.inlineSize=this.width:t.style.removeProperty("inline-size"),this.minWidth&&String(this.minWidth).trim()!==""?t.style.minInlineSize=this.minWidth:t.style.removeProperty("min-inline-size"),this.maxWidth&&String(this.maxWidth).trim()!==""?t.style.maxInlineSize=this.maxWidth:t.style.removeProperty("max-inline-size")),this._slottedMenuEl&&(this.width&&String(this.width).trim()!==""?this._slottedMenuEl.style.inlineSize=this.width:this._slottedMenuEl.style.removeProperty("inline-size"),this.minWidth&&String(this.minWidth).trim()!==""?this._slottedMenuEl.style.minInlineSize=this.minWidth:this._slottedMenuEl.style.removeProperty("min-inline-size"),this.maxWidth&&String(this.maxWidth).trim()!==""?this._slottedMenuEl.style.maxInlineSize=this.maxWidth:this._slottedMenuEl.style.removeProperty("max-inline-size")),this._schedulePanelHeightSync()}_setupPanelResizeObserver(){if(this._panelResizeObserver||typeof ResizeObserver>"u")return;const t=this._panelInnerEl;t&&(this._panelResizeObserver=new ResizeObserver(()=>{this._schedulePanelHeightSync()}),this._panelResizeObserver.observe(t))}_schedulePanelHeightSync(){this._panelHeightSyncRaf===null&&(this._panelHeightSyncRaf=window.requestAnimationFrame(()=>{this._panelHeightSyncRaf=null,this._syncPanelMaxHeightByOpen()}))}_syncPanelMaxHeightByOpen(){const t=this._panelSurfaceEl;if(!t)return;if(this._slottedMenuEl){t.style.removeProperty("--scb-dropdown-panel-current-max-height");return}if(!this.open){t.style.setProperty("--scb-dropdown-panel-current-max-height","0px");return}const e=this._panelInnerEl;if(!e)return;const n=`${Math.ceil(e.scrollHeight)}px`;t.style.getPropertyValue("--scb-dropdown-panel-current-max-height").trim()!==n&&t.style.setProperty("--scb-dropdown-panel-current-max-height",n)}_mapSpacingToken(t){const e=String(t).trim();return/^\d+$/.test(e)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(e,10)))})`:e}_mapHostSpacingToken(t){if(!t)return;const e=String(t).trim();if(e)return/^\d+$/.test(e)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(e,10)))})`:e}_applySpacing(){const t=this._mapHostSpacingToken(this.spacing),e=this._mapHostSpacingToken(this.spacingTop)??t,n=this._mapHostSpacingToken(this.spacingBottom)??t,r=this._mapHostSpacingToken(this.spacingLeft),s=this._mapHostSpacingToken(this.spacingRight);e?this.style.setProperty("--scb-dropdown-spacing-block-start",e):this.style.removeProperty("--scb-dropdown-spacing-block-start"),n?this.style.setProperty("--scb-dropdown-spacing-block-end",n):this.style.removeProperty("--scb-dropdown-spacing-block-end"),r?this.style.setProperty("--scb-dropdown-spacing-inline-start",r):this.style.removeProperty("--scb-dropdown-spacing-inline-start"),s?this.style.setProperty("--scb-dropdown-spacing-inline-end",s):this.style.removeProperty("--scb-dropdown-spacing-inline-end")}_syncSlottedMenu(){const e=(this._slotEl?.assignedElements({flatten:!0})??[]).find(n=>n.tagName.toLowerCase()==="scb-options-menu");if(e===this._slottedMenuEl){this._syncSlottedMenuOpen();return}this._detachSlottedMenuListeners(),this._slottedMenuEl=e??null,this._slottedMenuEl&&(this._slottedMenuEl.addEventListener("open",this._onSlottedMenuOpen),this._slottedMenuEl.addEventListener("close",this._onSlottedMenuClose),this._syncSlottedMenuOpen())}_detachSlottedMenuListeners(){this._slottedMenuEl&&(this._slottedMenuEl.removeEventListener("open",this._onSlottedMenuOpen),this._slottedMenuEl.removeEventListener("close",this._onSlottedMenuClose))}_syncSlottedMenuOpen(){if(!this._slottedMenuEl)return;if(this._menuCloseTimer!==null&&(window.clearTimeout(this._menuCloseTimer),this._menuCloseTimer=null),this.open){this._slottedMenuEl.open=!0;return}const t=this._getPanelTransitionMs();if(t<=0){this._slottedMenuEl.open=!1;return}this._menuCloseTimer=window.setTimeout(()=>{this._menuCloseTimer=null,!this.open&&this._slottedMenuEl&&(this._slottedMenuEl.open=!1)},t)}_syncOverflowVisibilityByOpen(){if(this._openSettledTimer!==null&&(window.clearTimeout(this._openSettledTimer),this._openSettledTimer=null),this.removeAttribute("data-open-settled"),!this.open)return;const t=this.renderRoot.querySelector(".panel-surface");if(!t){this.setAttribute("data-open-settled","");return}const e=this._getTransitionMs(t);if(e<=0){this.setAttribute("data-open-settled","");return}this._openSettledTimer=window.setTimeout(()=>{this._openSettledTimer=null,this.open&&this.setAttribute("data-open-settled","")},e)}_getPanelTransitionMs(){const t=this.renderRoot.querySelector(".panel-surface");return t?this._getTransitionMs(t):0}_getTransitionMs(t){const e=getComputedStyle(t),n=e.transitionDuration.split(",").map(l=>l.trim()),r=e.transitionDelay.split(",").map(l=>l.trim()),s=l=>{const c=parseFloat(l);return Number.isFinite(c)?l.endsWith("ms")?c:l.endsWith("s")?c*1e3:c:0},i=Math.max(n.length,r.length);let o=0;for(let l=0;l<i;l+=1){const c=s(n[l]??n[n.length-1]??"0s"),h=s(r[l]??r[r.length-1]??"0s");o=Math.max(o,c+h)}return Math.ceil(o)}_applyInertByOpen(){const t=this.renderRoot.querySelector(".panel");t&&(this.open?(t.removeAttribute("inert"),t.setAttribute("aria-hidden","false"),this._restoreTabIndexesIfNeeded()):(t.setAttribute("inert",""),t.setAttribute("aria-hidden","true"),this._removeTabIndexesIfNeeded()))}_supportsInert(){return"inert"in HTMLElement.prototype}_collectFocusableFromSlot(){const t=this._slotEl;if(!t)return[];const e=t.assignedElements({flatten:!0}),n=[],r=s=>{s instanceof HTMLElement&&s.matches("a,button,input,select,textarea,[tabindex]")&&n.push(s)};return e.forEach(s=>{r(s),s.querySelectorAll?.("a,button,input,select,textarea,[tabindex]").forEach(i=>r(i))}),n}_removeTabIndexesIfNeeded(){if(this._supportsInert())return;this._collectFocusableFromSlot().forEach(e=>{const n=e.getAttribute("tabindex");n!==null&&e.setAttribute("data-scb-prev-tabindex",n),e.setAttribute("tabindex","-1")})}_restoreTabIndexesIfNeeded(){if(this._supportsInert())return;this._collectFocusableFromSlot().forEach(e=>{const n=e.getAttribute("data-scb-prev-tabindex");n!==null?(e.setAttribute("tabindex",n),e.removeAttribute("data-scb-prev-tabindex")):e.removeAttribute("tabindex")})}_closeAllSubMenus(){const t=this.querySelectorAll("scb-options-sub-menu");for(const e of t)e.removeAttribute("open")}focus(t){const e=this._triggerEl;if(e?.focus){e.focus(t);return}super.focus(t)}_applyChevronState(){if(this.hasAttribute("as-tab"))return;const t=this._getChevronIconEl();t&&(t.style.transition="transform var(--motion-duration-short, 150ms) var(--motion-easing-standard, ease)",t.style.transformOrigin="center",t.style.transform=this.open?"rotate(180deg)":"rotate(0deg)")}_getChevronIconEl(){const t=this._triggerEl;if(t?.tagName?.toLowerCase?.()!=="scb-button")return null;const e=t?.shadowRoot;return e?e.querySelector('md-icon[slot="icon"]')??e.querySelector("md-icon"):null}render(){const t=!!this._slottedMenuEl,e=this.hasAttribute("as-tab"),n=this.dataIndex,s=this.ariaCurrent==="page"?"page":g,i=e?m`
+  `,document.head.appendChild(t);const e=s=>{const r=String(s??"").trim();if(r)return/^\d+$/.test(r)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(r,10)))})`:r},n=s=>{const r=e(s.getAttribute("spacing")),l=e(s.getAttribute("spacing-top"))??r,d=e(s.getAttribute("spacing-bottom"))??r,h=e(s.getAttribute("spacing-left")),m=e(s.getAttribute("spacing-right"));l?s.style.setProperty("--scb-dropdown-spacing-block-start",l):s.style.removeProperty("--scb-dropdown-spacing-block-start"),d?s.style.setProperty("--scb-dropdown-spacing-block-end",d):s.style.removeProperty("--scb-dropdown-spacing-block-end"),h?s.style.setProperty("--scb-dropdown-spacing-inline-start",h):s.style.removeProperty("--scb-dropdown-spacing-inline-start"),m?s.style.setProperty("--scb-dropdown-spacing-inline-end",m):s.style.removeProperty("--scb-dropdown-spacing-inline-end")};(()=>{document.querySelectorAll("scb-dropdown").forEach(n)})();const i=new MutationObserver(s=>{for(const r of s){if(r.type==="attributes"){const l=r.target;l instanceof HTMLElement&&l.tagName.toLowerCase()==="scb-dropdown"&&n(l);continue}if(r.type==="childList"){const l=[...Array.from(r.addedNodes),...Array.from(r.removedNodes)];for(const d of l)if(d instanceof HTMLElement){if(d.tagName.toLowerCase()==="scb-dropdown"){n(d);continue}d.querySelectorAll?.("scb-dropdown").forEach(h=>{h instanceof HTMLElement&&n(h)})}}}});i.observe(document.documentElement,{subtree:!0,childList:!0,attributes:!0,attributeFilter:["spacing","spacing-top","spacing-bottom","spacing-left","spacing-right"]}),customElements.whenDefined("scb-dropdown").then(()=>{i.disconnect()})};S();let a=class extends y{constructor(){super(...arguments),this.label="Dropdown",this.variant="filled",this.size="medium",this.open=!1,this.disabled=!1,this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this.menuGap="3",this.width=null,this.minWidth=null,this.maxWidth=null,this.dataIndex=null,this.ariaCurrent=null,this._slottedMenuEl=null,this._openSettledTimer=null,this._menuCloseTimer=null,this._panelResizeObserver=null,this._panelHeightSyncRaf=null,this._onDocumentClickBound=t=>{if(!this.open)return;const e=t.composedPath(),n=e.find(o=>o instanceof HTMLElement&&o.tagName.toLowerCase()==="scb-dropdown");if(n&&n!==this){this.open=!1;return}e.includes(this)||(this.open=!1)},this._onDocumentKeydownBound=t=>{this.open&&t.key==="Escape"&&(this.open=!1)},this._onSlottedMenuOpen=()=>{this.open||(this.open=!0)},this._onSlottedMenuClose=()=>{this.open&&(this.open=!1)},this._onSlotChange=()=>{this._syncSlottedMenu(),this._applyPanelSizing(),this._applyInertByOpen(),this.requestUpdate()},this._onTriggerClick=t=>{this.hasAttribute("as-tab")||t.stopPropagation(),!this.disabled&&(this.open=!this.open)}}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this._onDocumentClickBound,!0),document.addEventListener("keydown",this._onDocumentKeydownBound)}disconnectedCallback(){document.removeEventListener("click",this._onDocumentClickBound,!0),document.removeEventListener("keydown",this._onDocumentKeydownBound),this._detachSlottedMenuListeners(),this._panelResizeObserver&&(this._panelResizeObserver.disconnect(),this._panelResizeObserver=null),this._panelHeightSyncRaf!==null&&(window.cancelAnimationFrame(this._panelHeightSyncRaf),this._panelHeightSyncRaf=null),this._openSettledTimer!==null&&(window.clearTimeout(this._openSettledTimer),this._openSettledTimer=null),this._menuCloseTimer!==null&&(window.clearTimeout(this._menuCloseTimer),this._menuCloseTimer=null),super.disconnectedCallback()}firstUpdated(t){super.firstUpdated(t),this._syncSlottedMenu(),this._applyPanelVars(),this._applyPanelSizing(),this._applyChevronState(),this._applyInertByOpen(),this._setupPanelResizeObserver(),this._syncPanelMaxHeightByOpen(),this._syncOverflowVisibilityByOpen()}updated(t){super.updated(t),t.has("menuGap")&&this._applyPanelVars(),(t.has("width")||t.has("minWidth")||t.has("maxWidth"))&&this._applyPanelSizing(),(t.has("spacing")||t.has("spacingTop")||t.has("spacingBottom")||t.has("spacingLeft")||t.has("spacingRight"))&&this._applySpacing(),t.has("open")&&(this.open||this._closeAllSubMenus(),this._syncSlottedMenuOpen(),this._applyChevronState(),this._applyInertByOpen(),this._syncPanelMaxHeightByOpen(),this._syncOverflowVisibilityByOpen(),this.dispatchEvent(new CustomEvent("openchange",{bubbles:!0,composed:!0,detail:{open:this.open}})))}_applyPanelVars(){if(this.menuGap==null||String(this.menuGap).trim()===""){this.style.removeProperty("--scb-dropdown-panel-gap");return}this.style.setProperty("--scb-dropdown-panel-gap",this._mapSpacingToken(this.menuGap))}_applyPanelSizing(){const t=this.renderRoot.querySelector(".panel-surface");t&&(this.width&&String(this.width).trim()!==""?t.style.inlineSize=this.width:t.style.removeProperty("inline-size"),this.minWidth&&String(this.minWidth).trim()!==""?t.style.minInlineSize=this.minWidth:t.style.removeProperty("min-inline-size"),this.maxWidth&&String(this.maxWidth).trim()!==""?t.style.maxInlineSize=this.maxWidth:t.style.removeProperty("max-inline-size")),this._slottedMenuEl&&(this.width&&String(this.width).trim()!==""?this._slottedMenuEl.style.inlineSize=this.width:this._slottedMenuEl.style.removeProperty("inline-size"),this.minWidth&&String(this.minWidth).trim()!==""?this._slottedMenuEl.style.minInlineSize=this.minWidth:this._slottedMenuEl.style.removeProperty("min-inline-size"),this.maxWidth&&String(this.maxWidth).trim()!==""?this._slottedMenuEl.style.maxInlineSize=this.maxWidth:this._slottedMenuEl.style.removeProperty("max-inline-size")),this._schedulePanelHeightSync()}_setupPanelResizeObserver(){if(this._panelResizeObserver||typeof ResizeObserver>"u")return;const t=this._panelInnerEl;t&&(this._panelResizeObserver=new ResizeObserver(()=>{this._schedulePanelHeightSync()}),this._panelResizeObserver.observe(t))}_schedulePanelHeightSync(){this._panelHeightSyncRaf===null&&(this._panelHeightSyncRaf=window.requestAnimationFrame(()=>{this._panelHeightSyncRaf=null,this._syncPanelMaxHeightByOpen()}))}_syncPanelMaxHeightByOpen(){const t=this._panelSurfaceEl;if(!t)return;if(this._slottedMenuEl){t.style.removeProperty("--scb-dropdown-panel-current-max-height");return}if(!this.open){t.style.setProperty("--scb-dropdown-panel-current-max-height","0px");return}const e=this._panelInnerEl;if(!e)return;const n=`${Math.ceil(e.scrollHeight)}px`;t.style.getPropertyValue("--scb-dropdown-panel-current-max-height").trim()!==n&&t.style.setProperty("--scb-dropdown-panel-current-max-height",n)}_mapSpacingToken(t){const e=String(t).trim();return/^\d+$/.test(e)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(e,10)))})`:e}_mapHostSpacingToken(t){if(!t)return;const e=String(t).trim();if(e)return/^\d+$/.test(e)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(e,10)))})`:e}_applySpacing(){const t=this._mapHostSpacingToken(this.spacing),e=this._mapHostSpacingToken(this.spacingTop)??t,n=this._mapHostSpacingToken(this.spacingBottom)??t,o=this._mapHostSpacingToken(this.spacingLeft),i=this._mapHostSpacingToken(this.spacingRight);e?this.style.setProperty("--scb-dropdown-spacing-block-start",e):this.style.removeProperty("--scb-dropdown-spacing-block-start"),n?this.style.setProperty("--scb-dropdown-spacing-block-end",n):this.style.removeProperty("--scb-dropdown-spacing-block-end"),o?this.style.setProperty("--scb-dropdown-spacing-inline-start",o):this.style.removeProperty("--scb-dropdown-spacing-inline-start"),i?this.style.setProperty("--scb-dropdown-spacing-inline-end",i):this.style.removeProperty("--scb-dropdown-spacing-inline-end")}_syncSlottedMenu(){const e=(this._slotEl?.assignedElements({flatten:!0})??[]).find(n=>n.tagName.toLowerCase()==="scb-options-menu");if(e===this._slottedMenuEl){this._syncSlottedMenuOpen();return}this._detachSlottedMenuListeners(),this._slottedMenuEl=e??null,this._slottedMenuEl&&(this._slottedMenuEl.addEventListener("open",this._onSlottedMenuOpen),this._slottedMenuEl.addEventListener("close",this._onSlottedMenuClose),this._syncSlottedMenuOpen())}_detachSlottedMenuListeners(){this._slottedMenuEl&&(this._slottedMenuEl.removeEventListener("open",this._onSlottedMenuOpen),this._slottedMenuEl.removeEventListener("close",this._onSlottedMenuClose))}_syncSlottedMenuOpen(){if(!this._slottedMenuEl)return;if(this._menuCloseTimer!==null&&(window.clearTimeout(this._menuCloseTimer),this._menuCloseTimer=null),this.open){this._slottedMenuEl.open=!0;return}const t=this._getPanelTransitionMs();if(t<=0){this._slottedMenuEl.open=!1;return}this._menuCloseTimer=window.setTimeout(()=>{this._menuCloseTimer=null,!this.open&&this._slottedMenuEl&&(this._slottedMenuEl.open=!1)},t)}_syncOverflowVisibilityByOpen(){if(this._openSettledTimer!==null&&(window.clearTimeout(this._openSettledTimer),this._openSettledTimer=null),this.removeAttribute("data-open-settled"),!this.open)return;const t=this.renderRoot.querySelector(".panel-surface");if(!t){this.setAttribute("data-open-settled","");return}const e=this._getTransitionMs(t);if(e<=0){this.setAttribute("data-open-settled","");return}this._openSettledTimer=window.setTimeout(()=>{this._openSettledTimer=null,this.open&&this.setAttribute("data-open-settled","")},e)}_getPanelTransitionMs(){const t=this.renderRoot.querySelector(".panel-surface");return t?this._getTransitionMs(t):0}_getTransitionMs(t){const e=getComputedStyle(t),n=e.transitionDuration.split(",").map(l=>l.trim()),o=e.transitionDelay.split(",").map(l=>l.trim()),i=l=>{const d=parseFloat(l);return Number.isFinite(d)?l.endsWith("ms")?d:l.endsWith("s")?d*1e3:d:0},s=Math.max(n.length,o.length);let r=0;for(let l=0;l<s;l+=1){const d=i(n[l]??n[n.length-1]??"0s"),h=i(o[l]??o[o.length-1]??"0s");r=Math.max(r,d+h)}return Math.ceil(r)}_applyInertByOpen(){const t=this.renderRoot.querySelector(".panel");t&&(this.open?(t.removeAttribute("inert"),t.setAttribute("aria-hidden","false"),this._restoreTabIndexesIfNeeded()):(t.setAttribute("inert",""),t.setAttribute("aria-hidden","true"),this._removeTabIndexesIfNeeded()))}_supportsInert(){return"inert"in HTMLElement.prototype}_collectFocusableFromSlot(){const t=this._slotEl;if(!t)return[];const e=t.assignedElements({flatten:!0}),n=[],o=i=>{i instanceof HTMLElement&&i.matches("a,button,input,select,textarea,[tabindex]")&&n.push(i)};return e.forEach(i=>{o(i),i.querySelectorAll?.("a,button,input,select,textarea,[tabindex]").forEach(s=>o(s))}),n}_removeTabIndexesIfNeeded(){if(this._supportsInert())return;this._collectFocusableFromSlot().forEach(e=>{const n=e.getAttribute("tabindex");n!==null&&e.setAttribute("data-scb-prev-tabindex",n),e.setAttribute("tabindex","-1")})}_restoreTabIndexesIfNeeded(){if(this._supportsInert())return;this._collectFocusableFromSlot().forEach(e=>{const n=e.getAttribute("data-scb-prev-tabindex");n!==null?(e.setAttribute("tabindex",n),e.removeAttribute("data-scb-prev-tabindex")):e.removeAttribute("tabindex")})}_closeAllSubMenus(){const t=this.querySelectorAll("scb-options-sub-menu");for(const e of t)e.removeAttribute("open")}focus(t){const e=this._triggerEl;if(e?.focus){e.focus(t);return}super.focus(t)}_applyChevronState(){if(this.hasAttribute("as-tab"))return;const t=this._ensureTriggerChevronEl();t&&(t.open=this.open)}_ensureTriggerChevronEl(){const t=this._triggerEl;if(t?.tagName?.toLowerCase?.()!=="scb-button")return null;const e=t?.shadowRoot;if(!e)return null;const n=e.querySelector('scb-chevron[slot="icon"]');if(n)return n;const o=e.querySelector('md-icon[slot="icon"]')??e.querySelector("md-icon");if(!o)return null;const i=document.createElement("scb-chevron");i.setAttribute("slot","icon"),i.setAttribute("aria-hidden","true"),i.classList.add("chevron");const s=getComputedStyle(o).fontSize;return s&&i.style.setProperty("--scb-chevron-size",s),o.replaceWith(i),i}render(){const t=!!this._slottedMenuEl,e=this.hasAttribute("as-tab"),n=this.dataIndex,i=this.ariaCurrent==="page"?"page":g,s=e?b`
           <div class="tab-wrap">
             <button
               type="button"
@@ -32,15 +32,15 @@ import{a as f,n as p,e as u,i as y,E as g,x as m,t as v}from"../../vendor/vendor
               aria-haspopup="menu"
               aria-expanded=${String(this.open)}
               data-index=${n??g}
-              aria-current=${s}
+              aria-current=${i}
               @click=${this._onTriggerClick}
             >
               ${this.label}
-              <md-icon class="chevron" aria-hidden="true">keyboard_arrow_down</md-icon>
+              <scb-chevron class="chevron" .open=${this.open}></scb-chevron>
             </button>
             <md-focus-ring></md-focus-ring>
           </div>
-        `:m`
+        `:b`
           <scb-button
             data-scb-dropdown-trigger
             label=${this.label}
@@ -51,8 +51,8 @@ import{a as f,n as p,e as u,i as y,E as g,x as m,t as v}from"../../vendor/vendor
             ?disabled=${this.disabled}
             @click=${this._onTriggerClick}
           ></scb-button>
-        `;return m`
-      ${i}
+        `;return b`
+      ${s}
 
       <div
         class="panel ${t?"has-menu":""}"
@@ -235,21 +235,15 @@ import{a as f,n as p,e as u,i as y,E as g,x as m,t as v}from"../../vendor/vendor
       display: block;
     }
 
-    :host([as-tab]) md-icon.chevron {
-      font-size: var(
+    :host([as-tab]) scb-chevron.chevron {
+      width: var(
+        --scb-dropdown-tab-icon-size,
+        var(--icon-size-small, 20px)
+      );
+      height: var(
         --scb-dropdown-tab-icon-size,
         var(--icon-size-small, 20px)
       );
-      line-height: 1;
-      transition:
-        transform var(--motion-duration-short, 150ms)
-          var(--motion-easing-standard, ease);
-      transform-origin: center;
-      transform: rotate(0deg);
-    }
-
-    :host([as-tab][open]) md-icon.chevron {
-      transform: rotate(180deg);
     }
 
 
@@ -309,4 +303,4 @@ import{a as f,n as p,e as u,i as y,E as g,x as m,t as v}from"../../vendor/vendor
         transition: none;
       }
     }
-  `;d([p({type:String})],a.prototype,"label",2);d([p({type:String})],a.prototype,"variant",2);d([p({type:String,reflect:!0})],a.prototype,"size",2);d([p({type:Boolean,reflect:!0})],a.prototype,"open",2);d([p({type:Boolean,reflect:!0})],a.prototype,"disabled",2);d([p({type:String,reflect:!0})],a.prototype,"spacing",2);d([p({type:String,attribute:"spacing-top",reflect:!0})],a.prototype,"spacingTop",2);d([p({type:String,attribute:"spacing-bottom",reflect:!0})],a.prototype,"spacingBottom",2);d([p({type:String,attribute:"spacing-left",reflect:!0})],a.prototype,"spacingLeft",2);d([p({type:String,attribute:"spacing-right",reflect:!0})],a.prototype,"spacingRight",2);d([p({type:String,attribute:"menu-gap"})],a.prototype,"menuGap",2);d([p({type:String})],a.prototype,"width",2);d([p({type:String,attribute:"min-width"})],a.prototype,"minWidth",2);d([p({type:String,attribute:"max-width"})],a.prototype,"maxWidth",2);d([p({type:String,attribute:"data-index"})],a.prototype,"dataIndex",2);d([p({type:String,attribute:"aria-current"})],a.prototype,"ariaCurrent",2);d([u("[data-scb-dropdown-trigger]")],a.prototype,"_triggerEl",2);d([u("slot")],a.prototype,"_slotEl",2);d([u(".panel-surface")],a.prototype,"_panelSurfaceEl",2);d([u(".panel-inner")],a.prototype,"_panelInnerEl",2);a=d([v("scb-dropdown")],a);
+  `;p([c({type:String})],a.prototype,"label",2);p([c({type:String})],a.prototype,"variant",2);p([c({type:String,reflect:!0})],a.prototype,"size",2);p([c({type:Boolean,reflect:!0})],a.prototype,"open",2);p([c({type:Boolean,reflect:!0})],a.prototype,"disabled",2);p([c({type:String,reflect:!0})],a.prototype,"spacing",2);p([c({type:String,attribute:"spacing-top",reflect:!0})],a.prototype,"spacingTop",2);p([c({type:String,attribute:"spacing-bottom",reflect:!0})],a.prototype,"spacingBottom",2);p([c({type:String,attribute:"spacing-left",reflect:!0})],a.prototype,"spacingLeft",2);p([c({type:String,attribute:"spacing-right",reflect:!0})],a.prototype,"spacingRight",2);p([c({type:String,attribute:"menu-gap"})],a.prototype,"menuGap",2);p([c({type:String})],a.prototype,"width",2);p([c({type:String,attribute:"min-width"})],a.prototype,"minWidth",2);p([c({type:String,attribute:"max-width"})],a.prototype,"maxWidth",2);p([c({type:String,attribute:"data-index"})],a.prototype,"dataIndex",2);p([c({type:String,attribute:"aria-current"})],a.prototype,"ariaCurrent",2);p([u("[data-scb-dropdown-trigger]")],a.prototype,"_triggerEl",2);p([u("slot")],a.prototype,"_slotEl",2);p([u(".panel-surface")],a.prototype,"_panelSurfaceEl",2);p([u(".panel-inner")],a.prototype,"_panelInnerEl",2);a=p([v("scb-dropdown")],a);

package/mvc/components/scb-header/scb-header.js

@@ -1,4 +1,4 @@
-import{a as x,n as u,r as v,i as S,x as p,E as g,t as A}from"../../vendor/vendor.js";import"../../vendor/vendor-material.js";import"../scb-grid/scb-grid-item.js";import"../scb-grid/scb-grid.js";import"../scb-link/scb-link.js";import"../scb-button/scb-button.js";import"../scb-search/scb-search.js";import"../scb-drawer/scb-drawer.js";import"../scb-menu/scb-menu.js";import"../scb-dropdown/scb-dropdown.js";import"../scb-skeleton/scb-skeleton.js";import"../scb-grid/scb-stack.js";import"../scb-list/scb-list.js";import"../../vendor/preload-helper.js";import"../scb-list/scb-list-item.js";import"../scb-divider/scb-divider.js";import"../scb-menu/scb-menu-item.js";import"../scb-menu/scb-menu-section.js";import"../scb-menu/scb-sub-menu.js";import"../scb-options-menu/scb-options-menu.js";import"../scb-options-menu/scb-options-menu-item.js";import"../scb-options-menu/scb-options-sub-menu.js";(function(){try{var e=typeof globalThis<"u"?globalThis:window;if(!e.__scb_ce_guard_installed__){e.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(s,i,a){try{customElements.get(s)||t(s,i,a)}catch(n){var o=String(n||"");if(o.indexOf("already been used")===-1&&o.indexOf("NotSupportedError")===-1)throw n}}}}catch{}})();var k=Object.defineProperty,C=Object.getOwnPropertyDescriptor,h=(e,t,s,i)=>{for(var a=i>1?void 0:i?C(t,s):t,o=e.length-1,n;o>=0;o--)(n=e[o])&&(a=(i?n(t,s,a):n(a))||a);return i&&a&&k(t,s,a),a};let T=0;const $=()=>{if(typeof window>"u"||typeof document>"u"||!("customElements"in window)||document.head.querySelector("style[data-scb-header-pre-upgrade]"))return;const e=document.createElement("style");e.setAttribute("data-scb-header-pre-upgrade",""),e.textContent=`
+import{a as x,n as u,r as v,i as S,x as p,E as g,t as A}from"../../vendor/vendor.js";import"../../vendor/vendor-material.js";import"../scb-grid/scb-grid-item.js";import"../scb-grid/scb-grid.js";import"../scb-link/scb-link.js";import"../scb-button/scb-button.js";import"../scb-search/scb-search.js";import"../scb-drawer/scb-drawer.js";import"../scb-menu/scb-menu.js";import"../scb-dropdown/scb-dropdown.js";import"../scb-skeleton/scb-skeleton.js";import"../scb-grid/scb-stack.js";import"../scb-list/scb-list.js";import"../../vendor/preload-helper.js";import"../scb-list/scb-list-item.js";import"../scb-divider/scb-divider.js";import"../scb-menu/scb-menu-item.js";import"../scb-chevron/scb-chevron.js";import"../scb-menu/scb-menu-section.js";import"../scb-menu/scb-sub-menu.js";import"../scb-options-menu/scb-options-menu.js";import"../scb-options-menu/scb-options-menu-item.js";import"../scb-options-menu/scb-options-sub-menu.js";(function(){try{var e=typeof globalThis<"u"?globalThis:window;if(!e.__scb_ce_guard_installed__){e.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(s,i,a){try{customElements.get(s)||t(s,i,a)}catch(n){var o=String(n||"");if(o.indexOf("already been used")===-1&&o.indexOf("NotSupportedError")===-1)throw n}}}}catch{}})();var k=Object.defineProperty,C=Object.getOwnPropertyDescriptor,h=(e,t,s,i)=>{for(var a=i>1?void 0:i?C(t,s):t,o=e.length-1,n;o>=0;o--)(n=e[o])&&(a=(i?n(t,s,a):n(a))||a);return i&&a&&k(t,s,a),a};let T=0;const $=()=>{if(typeof window>"u"||typeof document>"u"||!("customElements"in window)||document.head.querySelector("style[data-scb-header-pre-upgrade]"))return;const e=document.createElement("style");e.setAttribute("data-scb-header-pre-upgrade",""),e.textContent=`
     scb-header:not(:defined) {
       display: block;
       margin-block-start: var(--scb-header-spacing-block-start, 0);

package/mvc/components/scb-icon-button/scb-icon-button.js

@@ -168,4 +168,4 @@ import{_ as h}from"../../vendor/preload-helper.js";import{a as m,n as a,i as _,x
     md-filled-tonal-icon-button::part(button) {
       border-radius: var(--scb-icon-button-shape-radius) !important;
     }
-`;s([a({type:String})],o.prototype,"icon",2);s([a({type:Boolean,reflect:!0})],o.prototype,"filled",1);s([a({type:Boolean,attribute:"icon-filled",reflect:!0})],o.prototype,"iconFilled",1);s([a({type:String,attribute:"aria-label"})],o.prototype,"ariaLabel",2);s([a({type:String})],o.prototype,"variant",2);s([a({type:String,reflect:!0})],o.prototype,"size",2);s([a({type:String,reflect:!0})],o.prototype,"shape",2);s([a({type:Boolean,reflect:!0})],o.prototype,"toggle",2);s([a({type:Boolean,reflect:!0})],o.prototype,"selected",2);s([a({type:String})],o.prototype,"toggleofficon",2);s([a({type:String})],o.prototype,"toggleonicon",2);s([a({type:Boolean,reflect:!0})],o.prototype,"disabled",2);s([a({type:String,reflect:!0})],o.prototype,"spacing",2);s([a({type:String,attribute:"spacing-top",reflect:!0})],o.prototype,"spacingTop",2);s([a({type:String,attribute:"spacing-bottom",reflect:!0})],o.prototype,"spacingBottom",2);s([a({type:String,attribute:"spacing-left",reflect:!0})],o.prototype,"spacingLeft",2);s([a({type:String,attribute:"spacing-right",reflect:!0})],o.prototype,"spacingRight",2);s([a({type:String})],o.prototype,"href",2);s([a({type:String})],o.prototype,"target",2);s([a({type:String})],o.prototype,"rel",2);o=s([v("scb-icon-button")],o);export{o as ScbIconButton};
+`;s([a({type:String})],o.prototype,"icon",2);s([a({type:Boolean,reflect:!0})],o.prototype,"filled",1);s([a({type:Boolean,attribute:"icon-filled",reflect:!0})],o.prototype,"iconFilled",1);s([a({type:String,attribute:"aria-label"})],o.prototype,"ariaLabel",2);s([a({type:String})],o.prototype,"variant",2);s([a({type:String,reflect:!0})],o.prototype,"size",2);s([a({type:String,reflect:!0})],o.prototype,"shape",2);s([a({type:Boolean,reflect:!0})],o.prototype,"toggle",2);s([a({type:Boolean,reflect:!0})],o.prototype,"selected",2);s([a({type:String})],o.prototype,"toggleofficon",2);s([a({type:String})],o.prototype,"toggleonicon",2);s([a({type:Boolean,reflect:!0})],o.prototype,"disabled",2);s([a({type:String,reflect:!0})],o.prototype,"spacing",2);s([a({type:String,attribute:"spacing-top",reflect:!0})],o.prototype,"spacingTop",2);s([a({type:String,attribute:"spacing-bottom",reflect:!0})],o.prototype,"spacingBottom",2);s([a({type:String,attribute:"spacing-left",reflect:!0})],o.prototype,"spacingLeft",2);s([a({type:String,attribute:"spacing-right",reflect:!0})],o.prototype,"spacingRight",2);s([a({type:String})],o.prototype,"href",2);s([a({type:String})],o.prototype,"target",2);s([a({type:String})],o.prototype,"rel",2);o=s([v("scb-icon-button")],o);