scb-wc 0.1.148 → 0.1.150

package/icons.json

@@ -184,7 +184,5 @@
 "price_change",
 "trending_up",
 "keyboard_arrow_down",
-"keyboard_arrow_up",
-"undo",
-"redo"
+"keyboard_arrow_up"
 ]

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

@@ -1,4 +1,4 @@
-import{g as l,h as m,m as b,p as o,v as s,y as h}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import"../../vendor/icon.js";import"../../vendor/ripple.js";import{n as u}from"../../vendor/lazy-focus-ring.js";import{t as r}from"../../vendor/decorate.js";import"../../vendor/scb-chevron.js";(function(){try{var g=typeof globalThis<"u"?globalThis:window;if(!g.__scb_ce_guard_installed__){g.__scb_ce_guard_installed__=!0;var i=customElements.define.bind(customElements);customElements.define=function(t,e,v){try{customElements.get(t)||i(t,e,v)}catch(c){var n=String(c||"");if(n.indexOf("already been used")===-1&&n.indexOf("NotSupportedError")===-1)throw c}}}}catch{}})();var d,p,a=(d=class extends m{constructor(...i){super(...i),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=p._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?.()??`${p._uidPrefix}-${++p._uidSeq}`}static get observedAttributes(){const i=super.observedAttributes||[];return i.includes("title")?i:[...i,"title"]}attributeChangedCallback(i,t,e){if(i==="title"&&this._ignoreNextNativeTitleAttrChange){this._ignoreNextNativeTitleAttrChange=!1;return}super.attributeChangedCallback(i,t,e),i==="title"&&e!==null&&(this._ignoreNextNativeTitleAttrChange=!0,this.removeAttribute("title"))}firstUpdated(){this._applyInertByOpen()}_applyInertByOpen(){const i=this.renderRoot.querySelector(".scb-accordion-bottom");i&&(this.open?(i.removeAttribute("inert"),i.setAttribute("aria-hidden","false")):(i.setAttribute("inert",""),i.setAttribute("aria-hidden","true")))}_onKeyDown(i){const t=this.closest("scb-accordion"),e=Array.from(t?.querySelectorAll("scb-accordion-item")||[]).map(c=>c.renderRoot.querySelector("details")?.querySelector(".scb-accordion-top")||null).filter(c=>!!c),v=i.currentTarget,n=e.indexOf(v);switch(i.key){case"ArrowDown":i.preventDefault(),n<e.length-1&&e[n+1].focus();break;case"ArrowUp":i.preventDefault(),n>0&&e[n-1].focus();break;case"Home":i.preventDefault(),e.length&&e[0].focus();break;case"End":i.preventDefault(),e.length&&e[e.length-1].focus();break}}setOpen(i){this.open=!!i;const t=this.renderRoot.querySelector("details");t&&!t.open&&(t.open=!0),this._applyInertByOpen()}updated(i){if(i.has("open")){const t=this.renderRoot.querySelector("details");t&&!t.open&&(t.open=!0),this._applyInertByOpen(),this.dispatchEvent(new CustomEvent("open-changed",{detail:{open:this.open,title:this.title},bubbles:!0,composed:!0}))}}render(){const i=`bottom-${this._unique}`,t=`header-${this._unique}`,e=this.leading?this.leadingVariant==="image"&&this.imgHrefImage?s`<img part="leading-image" class="img" src="${this.imgHrefImage}" alt="" />`:this.leadingVariant==="avatar"?s`
+import{g as l,h as b,m as h,p as o,v as c,y as m}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import"../../vendor/icon.js";import"../../vendor/ripple.js";import{n as u}from"../../vendor/lazy-focus-ring.js";import{t as r}from"../../vendor/decorate.js";import"../../vendor/scb-chevron.js";(function(){try{var g=typeof globalThis<"u"?globalThis:window;if(!g.__scb_ce_guard_installed__){g.__scb_ce_guard_installed__=!0;var i=customElements.define.bind(customElements);customElements.define=function(e,t,v){try{customElements.get(e)||i(e,t,v)}catch(s){var n=String(s||"");if(n.indexOf("already been used")===-1&&n.indexOf("NotSupportedError")===-1)throw s}}}}catch{}})();var d,p,a=(d=class extends b{constructor(...i){super(...i),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=p._uid(),this._ignoreNextNativeTitleAttrChange=!1,this._onSummaryClick=e=>{e.preventDefault();const t=!this.open;this.closest("scb-accordion")?.onItemToggled?.(this,t),this.setOpen(t)},this._onToggle=e=>{const t=e.currentTarget;t.open||(t.open=!0),this._applyInertByOpen()}}static _uid(){return globalThis.crypto?.randomUUID?.()??`${p._uidPrefix}-${++p._uidSeq}`}static get observedAttributes(){const i=super.observedAttributes||[];return i.includes("title")?i:[...i,"title"]}attributeChangedCallback(i,e,t){if(i==="title"&&this._ignoreNextNativeTitleAttrChange){this._ignoreNextNativeTitleAttrChange=!1;return}super.attributeChangedCallback(i,e,t),i==="title"&&t!==null&&(this._ignoreNextNativeTitleAttrChange=!0,this.removeAttribute("title"))}firstUpdated(){this._applyInertByOpen()}_applyInertByOpen(){const i=this.renderRoot.querySelector(".scb-accordion-bottom");i&&(this.open?(i.removeAttribute("inert"),i.setAttribute("aria-hidden","false")):(i.setAttribute("inert",""),i.setAttribute("aria-hidden","true")))}_onKeyDown(i){const e=this.closest("scb-accordion"),t=Array.from(e?.querySelectorAll("scb-accordion-item")||[]).map(s=>s.renderRoot.querySelector("details")?.querySelector(".scb-accordion-top")||null).filter(s=>!!s),v=i.currentTarget,n=t.indexOf(v);switch(i.key){case"ArrowDown":i.preventDefault(),n<t.length-1&&t[n+1].focus();break;case"ArrowUp":i.preventDefault(),n>0&&t[n-1].focus();break;case"Home":i.preventDefault(),t.length&&t[0].focus();break;case"End":i.preventDefault(),t.length&&t[t.length-1].focus();break}}setOpen(i){this.open=!!i;const e=this.renderRoot.querySelector("details");e&&!e.open&&(e.open=!0),this._applyInertByOpen()}updated(i){if(i.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 i=`bottom-${this._unique}`,e=`header-${this._unique}`,t=this.leading?this.leadingVariant==="image"&&this.imgHrefImage?c`<img part="leading-image" class="img" src="${this.imgHrefImage}" alt="" />`:this.leadingVariant==="avatar"?c`
               <scb-avatar
                 label=${this.avatarLabel}
                 alt=${this.avatarAlt}
@@ -7,10 +7,10 @@ import{g as l,h as m,m as b,p as o,v as s,y as h}from"../../vendor/vendor.js";im
                 shape="circular"
                 variant=${this.avatarVariant}
               ></scb-avatar>
-            `:this.leadingVariant==="icon"?s`<md-icon>${this.leadingIcon}</md-icon>`:l:l;return s`
+            `:this.leadingVariant==="icon"?c`<md-icon>${this.leadingIcon}</md-icon>`:l:l;return c`
       <details class="scb-accordion-item" open @toggle=${this._onToggle}>
         <summary
-          id=${t}
+          id=${e}
           class="scb-accordion-top"
           aria-controls=${i}
           aria-expanded=${String(this.open)}
@@ -20,23 +20,23 @@ import{g as l,h as m,m as b,p as o,v as s,y as h}from"../../vendor/vendor.js";im
         >
           <md-ripple></md-ripple>
 
-          ${this.leading?s`<div class="leading">${e}</div>`:l}
+          ${this.leading?c`<div class="leading">${t}</div>`:l}
 
           <div class="texts">
-            ${this.overline?s`<div class="overline">${this.overline}</div>`:l}
+            ${this.overline?c`<div class="overline">${this.overline}</div>`:l}
             <div class="title">${this.title}</div>
-            ${this.supportingText?s`<div class="supporting-text">${this.supportingText}</div>`:l}
+            ${this.supportingText?c`<div class="supporting-text">${this.supportingText}</div>`:l}
           </div>
 
           <scb-chevron class="chevron" .open=${this.open}></scb-chevron>
         </summary>
 
-        <div id=${i} class="scb-accordion-bottom" role="region" aria-labelledby=${t}>
+        <div id=${i} class="scb-accordion-bottom" role="region" aria-labelledby=${e}>
           <div class="bottom-inner">
             <slot>${this.content}</slot>
           </div>
         </div>
       </details>
 
-      <md-focus-ring for=${t} inward></md-focus-ring>
-    `}},p=d,d._uidPrefix=`uid-${Math.random().toString(36).slice(2)}`,d._uidSeq=0,d.styles=[h`:host{display:block;position:relative;--scb-accordion-hover-radius:var(--radius-none, 0px);--scb-accordion-chevron-nudge-y:3px;--scb-accordion-motion-duration:0.3s;--scb-accordion-motion-easing:ease;--scb-accordion-panel-padding-closed:var(--spacing-0, 0px);--scb-accordion-interaction-bleed:max(var(--stroke-focus-ring, 3px), var(--spacing-2, 4px));--scb-accordion-item-padding-inline:var(--spacing-5, 16px);--scb-accordion-item-padding-block:var(--spacing-7, 24px);--scb-accordion-item-gap:var(--spacing-5, 16px);--scb-accordion-title-font-size:var(--md-sys-typescale-title-large-size);--scb-accordion-title-line-height:var(--md-sys-typescale-title-large-line-height);--scb-accordion-title-letter-spacing:var(--md-sys-typescale-title-large-tracking);--scb-accordion-supporting-font-size:var(--md-sys-typescale-body-medium-size);--scb-accordion-supporting-line-height:var(--md-sys-typescale-body-medium-line-height);--scb-accordion-supporting-letter-spacing:var(--md-sys-typescale-body-medium-tracking);--scb-accordion-leading-image-size:calc(var(--icon-size-extra-large, 36px) + var(--spacing-5, 16px))}:host-context(scb-accordion[size='medium']){--scb-accordion-item-padding-inline:var(--spacing-5, 16px);--scb-accordion-item-padding-block:var(--spacing-6, 20px);--scb-accordion-item-gap:var(--spacing-4, 12px);--scb-accordion-title-font-size:var(--md-sys-typescale-title-medium-size);--scb-accordion-title-line-height:var(--md-sys-typescale-title-medium-line-height);--scb-accordion-title-letter-spacing:var(--md-sys-typescale-title-medium-tracking);--scb-accordion-leading-image-size:calc(var(--icon-size-large, 30px) + var(--spacing-4, 12px))}:host-context(scb-accordion[size='small']){--scb-accordion-item-padding-inline:var(--spacing-4, 12px);--scb-accordion-item-padding-block:var(--spacing-5, 16px);--scb-accordion-item-gap:var(--spacing-3, 8px);--scb-accordion-title-font-size:var(--md-sys-typescale-title-small-size);--scb-accordion-title-line-height:var(--md-sys-typescale-title-small-line-height);--scb-accordion-title-letter-spacing:var(--md-sys-typescale-title-small-tracking);--scb-accordion-supporting-font-size:var(--md-sys-typescale-body-small-size);--scb-accordion-supporting-line-height:var(--md-sys-typescale-body-small-line-height);--scb-accordion-supporting-letter-spacing:var(--md-sys-typescale-body-small-tracking);--scb-accordion-leading-image-size:calc(var(--icon-size-medium, 24px) + var(--spacing-4, 12px))}md-focus-ring{position:absolute;inset:0;pointer-events:none;border-radius:var(--scb-accordion-focus-ring-radius, var(--md-sys-shape-corner-small, 8px))}.scb-accordion-item{border-bottom:var(--stroke-border, 1px) solid var(--md-sys-color-outline-variant);color:var(--md-sys-color-on-surface);font-family:var(--brand-font)}.scb-accordion-top{list-style:none;display:flex;flex-direction:row;align-items:center;cursor:pointer;padding-block:var(--scb-accordion-item-padding-block, var(--spacing-7, 24px));padding-inline:var(--scb-accordion-item-padding-inline, var(--spacing-5, 16px));border-radius:var(--radius-none, 0px);gap:var(--scb-accordion-item-gap, var(--spacing-5, 16px));color:var(--md-sys-color-on-surface);position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent;outline:0}.scb-accordion-top::-webkit-details-marker{display:none}summary::marker{content:""}:host([density="-2"]) .scb-accordion-top,:host-context([data-density="-2"]) .scb-accordion-top{padding-block:var(--spacing-5, 16px)}:host([density="-4"]) .scb-accordion-top,:host-context([data-density="-4"]) .scb-accordion-top{padding-block:var(--spacing-4, 12px)}.scb-accordion-bottom{display:grid;grid-template-rows:0fr;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:calc(var(--scb-accordion-item-padding-inline, var(--spacing-5, 16px)) - var(--scb-accordion-interaction-bleed))}:host([open]) .scb-accordion-bottom{grid-template-rows:1fr;opacity:1;padding-top:max(var(--spacing-0, 0px),calc(var(--spacing-2, 4px) - var(--scb-accordion-interaction-bleed)));padding-right:calc(var(--scb-accordion-item-padding-inline, var(--spacing-5, 16px)) - var(--scb-accordion-interaction-bleed));padding-bottom:calc(var(--scb-accordion-item-padding-inline, var(--spacing-5, 16px)) - var(--scb-accordion-interaction-bleed));padding-left:calc(var(--scb-accordion-item-padding-inline, var(--spacing-5, 16px)) - var(--scb-accordion-interaction-bleed))}.bottom-inner{min-height:0;overflow:visible;padding:var(--scb-accordion-interaction-bleed)}.title{font-family:var(--brand-font);font-size:var(--scb-accordion-title-font-size, var(--md-sys-typescale-title-large-size));line-height:var(--scb-accordion-title-line-height, var(--md-sys-typescale-title-large-line-height));font-weight:var(--weight-semibold);letter-spacing:var(--scb-accordion-title-letter-spacing, var(--md-sys-typescale-title-large-tracking));color:var(--md-sys-color-on-surface)}.overline,.supporting-text{font-family:var(--brand-font);font-weight:var(--weight-regular);color:var(--md-sys-color-on-surface-variant)}.overline{font-size:var(--md-sys-typescale-body-small-size);line-height:var(--md-sys-typescale-body-small-line-height);letter-spacing:var(--md-sys-typescale-body-small-tracking)}.supporting-text{font-size:var(--scb-accordion-supporting-font-size, var(--md-sys-typescale-body-medium-size));line-height:var(--scb-accordion-supporting-line-height, var(--md-sys-typescale-body-medium-line-height));letter-spacing:var(--scb-accordion-supporting-letter-spacing, var(--md-sys-typescale-body-medium-tracking))}.leading{align-self:center;display:grid;place-items:center}.img{width:var(--scb-accordion-leading-image-size, calc(var(--icon-size-extra-large, 36px) + var(--spacing-5, 16px)));height:var(--scb-accordion-leading-image-size, calc(var(--icon-size-extra-large, 36px) + var(--spacing-5, 16px)));object-fit:contain;border-radius:var(--radius-s, 8px)}.texts{display:grid;gap:var(--spacing-1, 2px)}.chevron{margin-left:auto}md-ripple{border-radius:inherit;inset:0;position:absolute;pointer-events:none;overflow:hidden}@media (prefers-reduced-motion:reduce){md-ripple{display:none}}`],d);r([o({type:Boolean,reflect:!0})],a.prototype,"open",void 0);r([o({type:String})],a.prototype,"title",void 0);r([o({type:String})],a.prototype,"content",void 0);r([o({type:String,attribute:"overline"})],a.prototype,"overline",void 0);r([o({type:String,attribute:"supporting-text"})],a.prototype,"supportingText",void 0);r([o({type:Boolean})],a.prototype,"leading",void 0);r([o({type:String,attribute:"leading-variant",reflect:!0})],a.prototype,"leadingVariant",void 0);r([o({type:String,attribute:"leading-icon"})],a.prototype,"leadingIcon",void 0);r([o({type:String,attribute:"img-href-image",reflect:!0})],a.prototype,"imgHrefImage",void 0);r([o({type:String,attribute:"avatar-label"})],a.prototype,"avatarLabel",void 0);r([o({type:String,attribute:"avatar-alt"})],a.prototype,"avatarAlt",void 0);r([o({type:String,attribute:"avatar-variant"})],a.prototype,"avatarVariant",void 0);r([o({type:String,attribute:"avatar-src"})],a.prototype,"avatarSrc",void 0);r([o({type:Number,reflect:!0})],a.prototype,"density",void 0);a=p=r([b("scb-accordion-item")],a);
+      <md-focus-ring for=${e} inward></md-focus-ring>
+    `}},p=d,d._uidPrefix=`uid-${Math.random().toString(36).slice(2)}`,d._uidSeq=0,d.styles=[m`:host{display:block;position:relative;--scb-accordion-hover-radius:var(--radius-none, 0px);--scb-accordion-chevron-nudge-y:3px;--scb-accordion-motion-duration:0.3s;--scb-accordion-motion-easing:ease;--scb-accordion-panel-padding-closed:var(--spacing-0, 0px);--scb-accordion-interaction-bleed:max(var(--stroke-focus-ring, 3px), var(--spacing-2, 4px));--scb-accordion-item-padding-inline:var(--spacing-6, 20px);--scb-accordion-item-padding-block:var(--spacing-8, 28px);--scb-accordion-item-gap:var(--spacing-6, 20px);--scb-accordion-chevron-size:var(--icon-size-medium, 24px);--scb-accordion-title-font-size:var(--scb-typography-title-large-size, var(--md-sys-typescale-title-large-size));--scb-accordion-title-line-height:var(--scb-typography-title-large-line-height, var(--md-sys-typescale-title-large-line-height));--scb-accordion-title-letter-spacing:var(--scb-typography-title-large-tracking, var(--md-sys-typescale-title-large-tracking));--scb-accordion-supporting-font-size:var(--scb-typography-body-large-size, var(--md-sys-typescale-body-large-size));--scb-accordion-supporting-line-height:var(--scb-typography-body-large-line-height, var(--md-sys-typescale-body-large-line-height));--scb-accordion-supporting-letter-spacing:var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking));--scb-accordion-overline-font-size:var(--scb-typography-label-medium-size, var(--md-sys-typescale-label-medium-size));--scb-accordion-overline-line-height:var(--scb-typography-label-medium-line-height, var(--md-sys-typescale-label-medium-line-height));--scb-accordion-overline-letter-spacing:var(--scb-typography-label-medium-tracking, var(--md-sys-typescale-label-medium-tracking));--scb-accordion-overline-font-weight:var(--weight-regular);--scb-accordion-leading-image-size:calc(var(--icon-size-extra-large, 36px) + var(--spacing-5, 16px))}:host-context(scb-accordion[size='medium']){--scb-accordion-item-padding-inline:var(--spacing-5, 16px);--scb-accordion-item-padding-block:var(--spacing-6, 20px);--scb-accordion-item-gap:var(--spacing-4, 12px);--scb-accordion-chevron-size:var(--icon-size-small, 20px);--scb-accordion-leading-image-size:calc(var(--icon-size-large, 30px) + var(--spacing-4, 12px))}:host-context(scb-accordion[size='small']){--scb-accordion-item-padding-inline:var(--spacing-4, 12px);--scb-accordion-item-padding-block:var(--spacing-4, 12px);--scb-accordion-item-gap:var(--spacing-3, 8px);--scb-accordion-chevron-size:var(--icon-size-small, 20px);--scb-accordion-leading-image-size:calc(var(--icon-size-medium, 24px) + var(--spacing-4, 12px))}md-focus-ring{position:absolute;inset:0;pointer-events:none;border-radius:var(--scb-accordion-focus-ring-radius, var(--md-sys-shape-corner-small, 8px))}.scb-accordion-item{border-bottom:var(--stroke-border, 1px) solid var(--md-sys-color-outline-variant);color:var(--md-sys-color-on-surface);font-family:var(--brand-font)}.scb-accordion-top{list-style:none;display:flex;flex-direction:row;align-items:center;cursor:pointer;padding-block:var(--scb-accordion-item-padding-block, var(--spacing-7, 24px));padding-inline:var(--scb-accordion-item-padding-inline, var(--spacing-5, 16px));border-radius:var(--radius-none, 0px);gap:var(--scb-accordion-item-gap, var(--spacing-5, 16px));color:var(--md-sys-color-on-surface);position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent;outline:0}.scb-accordion-top::-webkit-details-marker{display:none}summary::marker{content:""}:host([density="-2"]) .scb-accordion-top,:host-context([data-density="-2"]) .scb-accordion-top{padding-block:var(--spacing-5, 16px)}:host([density="-4"]) .scb-accordion-top,:host-context([data-density="-4"]) .scb-accordion-top{padding-block:var(--spacing-4, 12px)}.scb-accordion-bottom{display:grid;grid-template-rows:0fr;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:calc(var(--scb-accordion-item-padding-inline, var(--spacing-5, 16px)) - var(--scb-accordion-interaction-bleed))}:host([open]) .scb-accordion-bottom{grid-template-rows:1fr;opacity:1;padding-top:max(var(--spacing-0, 0px),calc(var(--spacing-2, 4px) - var(--scb-accordion-interaction-bleed)));padding-right:calc(var(--scb-accordion-item-padding-inline, var(--spacing-5, 16px)) - var(--scb-accordion-interaction-bleed));padding-bottom:calc(var(--scb-accordion-item-padding-inline, var(--spacing-5, 16px)) - var(--scb-accordion-interaction-bleed));padding-left:calc(var(--scb-accordion-item-padding-inline, var(--spacing-5, 16px)) - var(--scb-accordion-interaction-bleed))}.bottom-inner{min-height:0;overflow:visible;padding:var(--scb-accordion-interaction-bleed)}.title{font-family:var(--brand-font);font-size:var(--scb-accordion-title-font-size, var(--md-sys-typescale-title-large-size));line-height:var(--scb-accordion-title-line-height, var(--md-sys-typescale-title-large-line-height));font-weight:var(--weight-semibold);letter-spacing:var(--scb-accordion-title-letter-spacing, var(--md-sys-typescale-title-large-tracking));color:var(--md-sys-color-on-surface)}.overline,.supporting-text{font-family:var(--brand-font);color:var(--md-sys-color-on-surface-variant)}.overline{font-size:var(--scb-accordion-overline-font-size);line-height:var(--scb-accordion-overline-line-height);font-weight:var(--scb-accordion-overline-font-weight);letter-spacing:var(--scb-accordion-overline-letter-spacing)}.supporting-text{font-size:var(--scb-accordion-supporting-font-size, var(--md-sys-typescale-body-large-size));line-height:var(--scb-accordion-supporting-line-height, var(--md-sys-typescale-body-large-line-height));font-weight:var(--weight-regular);letter-spacing:var(--scb-accordion-supporting-letter-spacing, var(--md-sys-typescale-body-large-tracking))}.leading{align-self:center;display:grid;place-items:center}.img{width:var(--scb-accordion-leading-image-size, calc(var(--icon-size-extra-large, 36px) + var(--spacing-5, 16px)));height:var(--scb-accordion-leading-image-size, calc(var(--icon-size-extra-large, 36px) + var(--spacing-5, 16px)));object-fit:contain;border-radius:var(--radius-s, 8px)}.texts{display:grid;gap:var(--spacing-1, 2px)}.chevron{margin-left:auto;inline-size:var(--scb-accordion-chevron-size, var(--icon-size-medium, 24px));block-size:var(--scb-accordion-chevron-size, var(--icon-size-medium, 24px))}md-ripple{border-radius:inherit;inset:0;position:absolute;pointer-events:none;overflow:hidden}@media (prefers-reduced-motion:reduce){md-ripple{display:none}}`],d);r([o({type:Boolean,reflect:!0})],a.prototype,"open",void 0);r([o({type:String})],a.prototype,"title",void 0);r([o({type:String})],a.prototype,"content",void 0);r([o({type:String,attribute:"overline"})],a.prototype,"overline",void 0);r([o({type:String,attribute:"supporting-text"})],a.prototype,"supportingText",void 0);r([o({type:Boolean})],a.prototype,"leading",void 0);r([o({type:String,attribute:"leading-variant",reflect:!0})],a.prototype,"leadingVariant",void 0);r([o({type:String,attribute:"leading-icon"})],a.prototype,"leadingIcon",void 0);r([o({type:String,attribute:"img-href-image",reflect:!0})],a.prototype,"imgHrefImage",void 0);r([o({type:String,attribute:"avatar-label"})],a.prototype,"avatarLabel",void 0);r([o({type:String,attribute:"avatar-alt"})],a.prototype,"avatarAlt",void 0);r([o({type:String,attribute:"avatar-variant"})],a.prototype,"avatarVariant",void 0);r([o({type:String,attribute:"avatar-src"})],a.prototype,"avatarSrc",void 0);r([o({type:Number,reflect:!0})],a.prototype,"density",void 0);a=p=r([h("scb-accordion-item")],a);

package/mvc/components/scb-app-bar/scb-app-bar.js

@@ -1,9 +1,9 @@
-import{h as z,m as T,p as o,v as d,y as w}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as l}from"../../vendor/decorate.js";import{n as k,t as i}from"../../vendor/assertClassBrand.js";import"../scb-button/scb-button.js";import"../scb-icon-button/scb-icon-button.js";import"../scb-search/scb-search.js";import"../scb-avatar/scb-avatar.js";(function(){try{var a=typeof globalThis<"u"?globalThis:window;if(!a.__scb_ce_guard_installed__){a.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(s,r,c){try{customElements.get(s)||t(s,r,c)}catch(h){var b=String(h||"");if(b.indexOf("already been used")===-1&&b.indexOf("NotSupportedError")===-1)throw h}}}}catch{}})();var e,f,n=(e=new WeakSet,f=class extends z{constructor(...t){super(...t),k(this,e),this.title="",this.appBarTitle="",this.type="default",this.position="default",this.ariaLabel="",this.defaultAriaLabel="Appfält",this.searchAriaLabel="Sökfält",this.searchSupportingText="",this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this.__titleResizeRaf=0}connectedCallback(){super.connectedCallback(),typeof ResizeObserver<"u"&&(this.__titleResizeObserver=new ResizeObserver(()=>i(e,this,m).call(this)))}disconnectedCallback(){this.__titleResizeRaf&&(cancelAnimationFrame(this.__titleResizeRaf),this.__titleResizeRaf=0),this.__titleResizeObserver?.disconnect(),this.__titleResizeObserver=void 0,super.disconnectedCallback()}handleActionsSlotChange(t){t.target.assignedElements({flatten:!0}).forEach(s=>{if(s.tagName==="SCB-BUTTON"){const r=s;(!r.hasAttribute("size")||r.getAttribute("size")==="medium")&&r.setAttribute("size","small")}}),i(e,this,m).call(this)}handleAvatarSlotChange(t){t.target.assignedElements({flatten:!0}).forEach(s=>{s.tagName==="SCB-AVATAR"&&s.setAttribute("size","small")}),i(e,this,m).call(this)}firstUpdated(){i(e,this,S).call(this),i(e,this,v).call(this)}updated(t){(t.has("title")||t.has("appBarTitle"))&&(this.dispatchEvent(new CustomEvent("title-changed",{detail:{title:p.call(i(e,this))},bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("app-bar-title-changed",{detail:{appBarTitle:p.call(i(e,this))},bubbles:!0,composed:!0}))),t.has("position")&&this.dispatchEvent(new CustomEvent("position-changed",{detail:{position:this.position},bubbles:!0,composed:!0})),t.has("type")&&(this.dispatchEvent(new CustomEvent("type-changed",{detail:{type:this.type},bubbles:!0,composed:!0})),i(e,this,v).call(this)),t.has("searchSupportingText")&&this.dispatchEvent(new CustomEvent("search-supporting-text-changed",{detail:{searchSupportingText:this.searchSupportingText},bubbles:!0,composed:!0})),(t.has("spacing")||t.has("spacingTop")||t.has("spacingBottom")||t.has("spacingLeft")||t.has("spacingRight"))&&i(e,this,S).call(this)}mapSpacingToken(t){if(!t)return;const s=String(t).trim();if(s)return/^\d+$/.test(s)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(s,10)))})`:s}render(){switch(this.type){case"small-flexible":return d`
+import{h as $,m as T,p as o,v as d,y as w}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as l}from"../../vendor/decorate.js";import{n as k,t as i}from"../../vendor/assertClassBrand.js";import"../scb-button/scb-button.js";import"../scb-icon-button/scb-icon-button.js";import"../scb-search/scb-search.js";import"../scb-avatar/scb-avatar.js";(function(){try{var a=typeof globalThis<"u"?globalThis:window;if(!a.__scb_ce_guard_installed__){a.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(s,r,p){try{customElements.get(s)||t(s,r,p)}catch(h){var b=String(h||"");if(b.indexOf("already been used")===-1&&b.indexOf("NotSupportedError")===-1)throw h}}}}catch{}})();var e,u,n=(e=new WeakSet,u=class extends ${constructor(...t){super(...t),k(this,e),this.title="",this.appBarTitle="",this.type="default",this.position="default",this.ariaLabel="",this.defaultAriaLabel="Appfält",this.searchAriaLabel="Sökfält",this.searchSupportingText="",this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this.__titleResizeRaf=0}connectedCallback(){super.connectedCallback(),typeof ResizeObserver<"u"&&(this.__titleResizeObserver=new ResizeObserver(()=>i(e,this,m).call(this)))}disconnectedCallback(){this.__titleResizeRaf&&(cancelAnimationFrame(this.__titleResizeRaf),this.__titleResizeRaf=0),this.__titleResizeObserver?.disconnect(),this.__titleResizeObserver=void 0,super.disconnectedCallback()}handleActionsSlotChange(t){t.target.assignedElements({flatten:!0}).forEach(s=>{if(s.tagName==="SCB-BUTTON"){const r=s;(!r.hasAttribute("size")||r.getAttribute("size")==="medium")&&r.setAttribute("size","small")}}),i(e,this,m).call(this)}handleAvatarSlotChange(t){t.target.assignedElements({flatten:!0}).forEach(s=>{s.tagName==="SCB-AVATAR"&&s.setAttribute("size","small")}),i(e,this,m).call(this)}firstUpdated(){i(e,this,S).call(this),i(e,this,v).call(this)}updated(t){(t.has("title")||t.has("appBarTitle"))&&(this.dispatchEvent(new CustomEvent("title-changed",{detail:{title:c.call(i(e,this))},bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("app-bar-title-changed",{detail:{appBarTitle:c.call(i(e,this))},bubbles:!0,composed:!0}))),t.has("position")&&this.dispatchEvent(new CustomEvent("position-changed",{detail:{position:this.position},bubbles:!0,composed:!0})),t.has("type")&&(this.dispatchEvent(new CustomEvent("type-changed",{detail:{type:this.type},bubbles:!0,composed:!0})),i(e,this,v).call(this)),t.has("searchSupportingText")&&this.dispatchEvent(new CustomEvent("search-supporting-text-changed",{detail:{searchSupportingText:this.searchSupportingText},bubbles:!0,composed:!0})),(t.has("spacing")||t.has("spacingTop")||t.has("spacingBottom")||t.has("spacingLeft")||t.has("spacingRight"))&&i(e,this,S).call(this)}mapSpacingToken(t){if(!t)return;const s=String(t).trim();if(s)return/^\d+$/.test(s)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(s,10)))})`:s}render(){switch(this.type){case"small-flexible":return d`
                     <header class="small-flexible ${this.position=="bottom"?"position-bottom":this.position=="top"?"position-top":""}" role="banner" aria-label=${g.call(i(e,this))}>
                         <div class="leading">
                             <slot name="leading" @slotchange=${this.handleActionsSlotChange}></slot>
                         </div>
-                        <h1 class="headline">${p.call(i(e,this))}</h1>
+                        <h1 class="headline">${c.call(i(e,this))}</h1>
                         <div class="trailing">
                             <slot name="trailing" @slotchange=${this.handleActionsSlotChange}></slot>
                             <slot name="avatar" @slotchange=${this.handleAvatarSlotChange}></slot>
@@ -14,7 +14,7 @@ import{h as z,m as T,p as o,v as d,y as w}from"../../vendor/vendor.js";import"..
                         <div class="leading">
                             <slot name="leading" @slotchange=${this.handleActionsSlotChange}></slot>
                         </div>
-                        <h1 class="headline">${p.call(i(e,this))}</h1>
+                        <h1 class="headline">${c.call(i(e,this))}</h1>
                         <div class="trailing">
                             <slot name="trailing" @slotchange=${this.handleActionsSlotChange}></slot>
                             <slot name="avatar" @slotchange=${this.handleAvatarSlotChange}></slot>
@@ -25,7 +25,7 @@ import{h as z,m as T,p as o,v as d,y as w}from"../../vendor/vendor.js";import"..
                         <div class="leading">
                             <slot name="leading" @slotchange=${this.handleActionsSlotChange}></slot>
                         </div>
-                        <h1 class="headline">${p.call(i(e,this))}</h1>
+                        <h1 class="headline">${c.call(i(e,this))}</h1>
                         <div class="trailing">
                             <slot name="trailing" @slotchange=${this.handleActionsSlotChange}></slot>
                             <slot name="avatar" @slotchange=${this.handleAvatarSlotChange}></slot>
@@ -49,10 +49,10 @@ import{h as z,m as T,p as o,v as d,y as w}from"../../vendor/vendor.js";import"..
                         <div class="leading">
                             <slot name="leading" @slotchange=${this.handleActionsSlotChange}></slot>
                         </div>
-                        <h1 class="headline">${p.call(i(e,this))}</h1>
+                        <h1 class="headline">${c.call(i(e,this))}</h1>
                         <div class="trailing">
                             <slot name="trailing" @slotchange=${this.handleActionsSlotChange}></slot>
                             <slot name="avatar" @slotchange=${this.handleAvatarSlotChange}></slot>
                         </div>
                     </header>
-                `}}},f.styles=[w`:host{display:block;font-family:var(--brand-font, Inter, Arial, sans-serif);position:relative;container-type:inline-size;container-name:app-bar-container;--app-search-height:64px;margin-block-start:var(--scb-app-bar-spacing-block-start, 0);margin-block-end:var(--scb-app-bar-spacing-block-end, 0);margin-inline-start:var(--scb-app-bar-spacing-inline-start, 0);margin-inline-end:var(--scb-app-bar-spacing-inline-end, 0)}header{background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface);display:flex;align-items:center;padding:0 var(--spacing-5);position:relative;z-index:10;transition:height .3s;min-height:var(--app-search-height)}header.search{height:var(--app-search-height)}header.medium-flexible{min-height:96px}header.large-flexible{min-height:128px}header.position-top{position:fixed;top:0;left:0;right:0;z-index:100}header.position-bottom{position:fixed;bottom:0;left:0;right:0;z-index:100}header.default .trailing{margin-inline-start:auto}header.default .headline{position:absolute;inset-inline-start:50%;inset-block-start:50%;transform:translate(-50%,-50%);max-width:var(--scb-app-bar-title-max-width, 100%);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.headline{flex:1 1 auto;text-align:center;font-family:var(--md-sys-typescale-title-large-font, var(--brand-font, Inter, Arial, sans-serif));font-size:var(--md-sys-typescale-title-large-size);line-height:var(--md-sys-typescale-title-large-line-height, calc(var(--md-sys-typescale-title-large-size) * 1.3));font-weight:600;margin:0}header.small-flexible .headline{text-align:left;margin-left:var(--spacing-5)}header.medium-flexible .headline{font-family:var(--md-sys-typescale-headline-small-font, var(--brand-font, Inter, Arial, sans-serif));font-size:var(--md-sys-typescale-headline-small-size);line-height:var(--md-sys-typescale-headline-small-line-height, 30px);font-weight:700;letter-spacing:var(--md-sys-typescale-headline-small-tracking);text-align:left;margin:0 0 0 var(--spacing-3)}header.large-flexible .headline{font-family:var(--md-sys-typescale-headline-medium-font, var(--brand-font, Inter, Arial, sans-serif));font-size:var(--md-sys-typescale-headline-medium-size);font-weight:700;line-height:var(--md-sys-typescale-headline-medium-line-height);letter-spacing:var(--md-sys-typescale-headline-medium-tracking);text-align:left;margin:0 0 0 var(--spacing-3)}.search-container{flex:1 1 auto;display:flex;align-items:center;justify-content:center;padding:0 var(--spacing-3)}.leading,.trailing{display:flex;align-items:center;gap:var(--spacing-2)}`],f);function m(){this.type==="default"&&(this.__titleResizeRaf||(this.__titleResizeRaf=requestAnimationFrame(()=>{this.__titleResizeRaf=0,i(e,this,E).call(this)})))}function v(){this.__titleResizeObserver?.disconnect();const a=this.shadowRoot?.querySelector("header");if(a&&a.style.removeProperty("--scb-app-bar-title-max-width"),this.type!=="default"||!this.__titleResizeObserver)return;const t=this.shadowRoot?.querySelector("header.default");if(!t)return;const s=t.querySelector(".leading"),r=t.querySelector(".trailing");!s||!r||(this.__titleResizeObserver.observe(t),this.__titleResizeObserver.observe(s),this.__titleResizeObserver.observe(r),i(e,this,m).call(this))}function u(a){if(!a)return 0;const t=parseFloat(a);return Number.isFinite(t)?t:0}function y(a){const t=getComputedStyle(a);return i(e,this,u).call(this,t.columnGap||t.gap)}function E(){const a=this.shadowRoot?.querySelector("header.default");if(!a)return;const t=a.querySelector(".leading"),s=a.querySelector(".trailing");if(!t||!s)return;const r=a.getBoundingClientRect(),c=t.getBoundingClientRect(),b=s.getBoundingClientRect(),h=getComputedStyle(a),_=i(e,this,u).call(this,h.paddingInlineStart||h.paddingLeft),x=i(e,this,u).call(this,h.paddingInlineEnd||h.paddingRight),A=Math.max(0,r.width-_-x),R=Math.max(c.width,b.width),C=Math.max(i(e,this,y).call(this,t),i(e,this,y).call(this,s)),$=Math.max(0,A-R*2-C*2);a.style.setProperty("--scb-app-bar-title-max-width",`${$}px`)}function S(){const a=this.mapSpacingToken(this.spacing),t=this.mapSpacingToken(this.spacingTop)??a,s=this.mapSpacingToken(this.spacingBottom)??a,r=this.mapSpacingToken(this.spacingLeft),c=this.mapSpacingToken(this.spacingRight);t?this.style.setProperty("--scb-app-bar-spacing-block-start",t):this.style.removeProperty("--scb-app-bar-spacing-block-start"),s?this.style.setProperty("--scb-app-bar-spacing-block-end",s):this.style.removeProperty("--scb-app-bar-spacing-block-end"),r?this.style.setProperty("--scb-app-bar-spacing-inline-start",r):this.style.removeProperty("--scb-app-bar-spacing-inline-start"),c?this.style.setProperty("--scb-app-bar-spacing-inline-end",c):this.style.removeProperty("--scb-app-bar-spacing-inline-end")}function p(){return this.appBarTitle||this.title}function g(){const a=this.ariaLabel.trim();return a||(this.type==="search"?this.searchAriaLabel:this.defaultAriaLabel)}l([o({type:String,reflect:!0})],n.prototype,"title",void 0);l([o({type:String,attribute:"app-bar-title",reflect:!0})],n.prototype,"appBarTitle",void 0);l([o({type:String,reflect:!0})],n.prototype,"type",void 0);l([o({type:String,reflect:!0})],n.prototype,"position",void 0);l([o({type:String,attribute:"aria-label",reflect:!0})],n.prototype,"ariaLabel",void 0);l([o({type:String,attribute:"default-aria-label"})],n.prototype,"defaultAriaLabel",void 0);l([o({type:String,attribute:"search-aria-label"})],n.prototype,"searchAriaLabel",void 0);l([o({type:String,attribute:"search-supporting-text",reflect:!0})],n.prototype,"searchSupportingText",void 0);l([o({type:String,reflect:!0})],n.prototype,"spacing",void 0);l([o({type:String,attribute:"spacing-top",reflect:!0})],n.prototype,"spacingTop",void 0);l([o({type:String,attribute:"spacing-bottom",reflect:!0})],n.prototype,"spacingBottom",void 0);l([o({type:String,attribute:"spacing-left",reflect:!0})],n.prototype,"spacingLeft",void 0);l([o({type:String,attribute:"spacing-right",reflect:!0})],n.prototype,"spacingRight",void 0);n=l([T("scb-app-bar")],n);
+                `}}},u.styles=[w`:host{display:block;font-family:var(--brand-font, Inter, Arial, sans-serif);position:relative;container-type:inline-size;container-name:app-bar-container;--app-search-height:64px;margin-block-start:var(--scb-app-bar-spacing-block-start, 0);margin-block-end:var(--scb-app-bar-spacing-block-end, 0);margin-inline-start:var(--scb-app-bar-spacing-inline-start, 0);margin-inline-end:var(--scb-app-bar-spacing-inline-end, 0)}header{background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface);display:flex;align-items:center;padding:0 var(--spacing-5);position:relative;z-index:10;transition:height .3s;min-height:var(--app-search-height)}header.search{height:var(--app-search-height)}header.medium-flexible{min-height:96px}header.large-flexible{min-height:128px}header.position-top{position:fixed;top:0;left:0;right:0;z-index:100}header.position-bottom{position:fixed;bottom:0;left:0;right:0;z-index:100}header.default .trailing{margin-inline-start:auto}header.default .headline{position:absolute;inset-inline-start:50%;inset-block-start:50%;transform:translate(-50%,-50%);max-width:var(--scb-app-bar-title-max-width, 100%);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.headline{flex:1 1 auto;text-align:center;font-family:var(--scb-typography-title-large-font, var(--md-sys-typescale-title-large-font, var(--brand-font, Inter, Arial, sans-serif)));font-size:var(--scb-typography-title-large-size, var(--md-sys-typescale-title-large-size));line-height:var(--scb-typography-title-large-line-height, var(--md-sys-typescale-title-large-line-height, calc(var(--md-sys-typescale-title-large-size) * 1.3)));font-weight:600;margin:0}header.small-flexible .headline{text-align:left;margin-left:var(--spacing-5)}header.medium-flexible .headline{font-family:var(--scb-typography-headline-small-font, var(--md-sys-typescale-headline-small-font, var(--brand-font, Inter, Arial, sans-serif)));font-size:var(--scb-typography-headline-small-size, var(--md-sys-typescale-headline-small-size));line-height:var(--scb-typography-headline-small-line-height, var(--md-sys-typescale-headline-small-line-height, 30px));font-weight:700;letter-spacing:var(--scb-typography-headline-small-tracking, var(--md-sys-typescale-headline-small-tracking));text-align:left;margin:0 0 0 var(--spacing-3)}header.large-flexible .headline{font-family:var(--scb-typography-headline-medium-font, var(--md-sys-typescale-headline-medium-font, var(--brand-font, Inter, Arial, sans-serif)));font-size:var(--scb-typography-headline-medium-size, var(--md-sys-typescale-headline-medium-size));font-weight:700;line-height:var(--scb-typography-headline-medium-line-height, var(--md-sys-typescale-headline-medium-line-height));letter-spacing:var(--scb-typography-headline-medium-tracking, var(--md-sys-typescale-headline-medium-tracking));text-align:left;margin:0 0 0 var(--spacing-3)}.search-container{flex:1 1 auto;display:flex;align-items:center;justify-content:center;padding:0 var(--spacing-3)}.leading,.trailing{display:flex;align-items:center;gap:var(--spacing-2)}`],u);function m(){this.type==="default"&&(this.__titleResizeRaf||(this.__titleResizeRaf=requestAnimationFrame(()=>{this.__titleResizeRaf=0,i(e,this,E).call(this)})))}function v(){this.__titleResizeObserver?.disconnect();const a=this.shadowRoot?.querySelector("header");if(a&&a.style.removeProperty("--scb-app-bar-title-max-width"),this.type!=="default"||!this.__titleResizeObserver)return;const t=this.shadowRoot?.querySelector("header.default");if(!t)return;const s=t.querySelector(".leading"),r=t.querySelector(".trailing");!s||!r||(this.__titleResizeObserver.observe(t),this.__titleResizeObserver.observe(s),this.__titleResizeObserver.observe(r),i(e,this,m).call(this))}function f(a){if(!a)return 0;const t=parseFloat(a);return Number.isFinite(t)?t:0}function y(a){const t=getComputedStyle(a);return i(e,this,f).call(this,t.columnGap||t.gap)}function E(){const a=this.shadowRoot?.querySelector("header.default");if(!a)return;const t=a.querySelector(".leading"),s=a.querySelector(".trailing");if(!t||!s)return;const r=a.getBoundingClientRect(),p=t.getBoundingClientRect(),b=s.getBoundingClientRect(),h=getComputedStyle(a),_=i(e,this,f).call(this,h.paddingInlineStart||h.paddingLeft),x=i(e,this,f).call(this,h.paddingInlineEnd||h.paddingRight),A=Math.max(0,r.width-_-x),R=Math.max(p.width,b.width),z=Math.max(i(e,this,y).call(this,t),i(e,this,y).call(this,s)),C=Math.max(0,A-R*2-z*2);a.style.setProperty("--scb-app-bar-title-max-width",`${C}px`)}function S(){const a=this.mapSpacingToken(this.spacing),t=this.mapSpacingToken(this.spacingTop)??a,s=this.mapSpacingToken(this.spacingBottom)??a,r=this.mapSpacingToken(this.spacingLeft),p=this.mapSpacingToken(this.spacingRight);t?this.style.setProperty("--scb-app-bar-spacing-block-start",t):this.style.removeProperty("--scb-app-bar-spacing-block-start"),s?this.style.setProperty("--scb-app-bar-spacing-block-end",s):this.style.removeProperty("--scb-app-bar-spacing-block-end"),r?this.style.setProperty("--scb-app-bar-spacing-inline-start",r):this.style.removeProperty("--scb-app-bar-spacing-inline-start"),p?this.style.setProperty("--scb-app-bar-spacing-inline-end",p):this.style.removeProperty("--scb-app-bar-spacing-inline-end")}function c(){return this.appBarTitle||this.title}function g(){const a=this.ariaLabel.trim();return a||(this.type==="search"?this.searchAriaLabel:this.defaultAriaLabel)}l([o({type:String,reflect:!0})],n.prototype,"title",void 0);l([o({type:String,attribute:"app-bar-title",reflect:!0})],n.prototype,"appBarTitle",void 0);l([o({type:String,reflect:!0})],n.prototype,"type",void 0);l([o({type:String,reflect:!0})],n.prototype,"position",void 0);l([o({type:String,attribute:"aria-label",reflect:!0})],n.prototype,"ariaLabel",void 0);l([o({type:String,attribute:"default-aria-label"})],n.prototype,"defaultAriaLabel",void 0);l([o({type:String,attribute:"search-aria-label"})],n.prototype,"searchAriaLabel",void 0);l([o({type:String,attribute:"search-supporting-text",reflect:!0})],n.prototype,"searchSupportingText",void 0);l([o({type:String,reflect:!0})],n.prototype,"spacing",void 0);l([o({type:String,attribute:"spacing-top",reflect:!0})],n.prototype,"spacingTop",void 0);l([o({type:String,attribute:"spacing-bottom",reflect:!0})],n.prototype,"spacingBottom",void 0);l([o({type:String,attribute:"spacing-left",reflect:!0})],n.prototype,"spacingLeft",void 0);l([o({type:String,attribute:"spacing-right",reflect:!0})],n.prototype,"spacingRight",void 0);n=l([T("scb-app-bar")],n);

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

@@ -1,5 +1,5 @@
 const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["../../vendor/icon.js","../../vendor/rolldown-runtime.js","../../vendor/vendor.js","../../vendor/vendor-lit.js"])))=>i.map(i=>d[i]);
-import{f as _,g as l,h as b,m as f,p as s,v as n,y}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as m}from"../../vendor/preload-helper.js";import{t as a}from"../../vendor/decorate.js";import{n as z,t as v}from"../../vendor/assertClassBrand.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(i,o,c){try{customElements.get(i)||t(i,o,c)}catch(g){var d=String(g||"");if(d.indexOf("already been used")===-1&&d.indexOf("NotSupportedError")===-1)throw g}}}}catch{}})();var p,h,e=(p=new WeakSet,h=class extends b{constructor(...t){super(...t),z(this,p),this.src="",this.alt="",this.label="",this.size="medium",this.shape="circular",this.iconName="",this.variant="image",this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this._imgError=!1,this._hasIconSlot=!1,this._onImgLoad=()=>{this._imgError=!1,this.dispatchEvent(new CustomEvent("image-load",{bubbles:!0,composed:!0}))},this._onImgError=()=>{this._imgError=!0,this.dispatchEvent(new CustomEvent("image-error",{bubbles:!0,composed:!0}))},this._onIconSlotChange=i=>{const o=i.currentTarget;this._hasIconSlot=(o.assignedNodes({flatten:!0})||[]).length>0}}async firstUpdated(){this.variant==="icon"&&await m(()=>import("../../vendor/icon.js").then(t=>t.t),__vite__mapDeps([0,1,2,3]),import.meta.url),v(p,this,u).call(this)}updated(t){super.updated(t),t.has("variant")&&this.variant==="icon"&&m(()=>import("../../vendor/icon.js").then(i=>i.t),__vite__mapDeps([0,1,2,3]),import.meta.url),(t.has("spacing")||t.has("spacingTop")||t.has("spacingBottom")||t.has("spacingLeft")||t.has("spacingRight"))&&v(p,this,u).call(this)}_initials(){const t=(this.label||this.alt||"").trim();if(!t)return"?";const i=t.split(/\s+/).filter(Boolean);return i.length===1?i[0].slice(0,1).toUpperCase():(i[0].slice(0,1)+i[i.length-1].slice(0,1)).toUpperCase()}_ariaLabel(){const t=(this.label||this.alt||"").trim();return t||null}mapSpacingToken(t){if(!t)return;const i=String(t).trim();if(i)return/^\d+$/.test(i)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(i,10)))})`:i}render(){const t=this._ariaLabel(),i=this.variant==="image"&&!!this.src&&!this._imgError,o=n`${l}
+import{f as _,g as l,h as b,m as y,p as s,v as n,y as f}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as m}from"../../vendor/preload-helper.js";import{t as a}from"../../vendor/decorate.js";import{n as z,t as v}from"../../vendor/assertClassBrand.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(i,o,c){try{customElements.get(i)||t(i,o,c)}catch(g){var d=String(g||"");if(d.indexOf("already been used")===-1&&d.indexOf("NotSupportedError")===-1)throw g}}}}catch{}})();var p,h,e=(p=new WeakSet,h=class extends b{constructor(...t){super(...t),z(this,p),this.src="",this.alt="",this.label="",this.size="medium",this.shape="circular",this.iconName="",this.variant="image",this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this._imgError=!1,this._hasIconSlot=!1,this._onImgLoad=()=>{this._imgError=!1,this.dispatchEvent(new CustomEvent("image-load",{bubbles:!0,composed:!0}))},this._onImgError=()=>{this._imgError=!0,this.dispatchEvent(new CustomEvent("image-error",{bubbles:!0,composed:!0}))},this._onIconSlotChange=i=>{const o=i.currentTarget;this._hasIconSlot=(o.assignedNodes({flatten:!0})||[]).length>0}}async firstUpdated(){this.variant==="icon"&&await m(()=>import("../../vendor/icon.js").then(t=>t.t),__vite__mapDeps([0,1,2,3]),import.meta.url),v(p,this,u).call(this)}updated(t){super.updated(t),t.has("variant")&&this.variant==="icon"&&m(()=>import("../../vendor/icon.js").then(i=>i.t),__vite__mapDeps([0,1,2,3]),import.meta.url),(t.has("spacing")||t.has("spacingTop")||t.has("spacingBottom")||t.has("spacingLeft")||t.has("spacingRight"))&&v(p,this,u).call(this)}_initials(){const t=(this.label||this.alt||"").trim();if(!t)return"?";const i=t.split(/\s+/).filter(Boolean);return i.length===1?i[0].slice(0,1).toUpperCase():(i[0].slice(0,1)+i[i.length-1].slice(0,1)).toUpperCase()}_ariaLabel(){const t=(this.label||this.alt||"").trim();return t||null}mapSpacingToken(t){if(!t)return;const i=String(t).trim();if(i)return/^\d+$/.test(i)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(i,10)))})`:i}render(){const t=this._ariaLabel(),i=this.variant==="image"&&!!this.src&&!this._imgError,o=n`${l}
         <slot name="icon" @slotchange=${this._onIconSlotChange}></slot>
         ${this._hasIconSlot?l:this.iconName?n`<md-icon aria-hidden="true">${this.iconName}</md-icon>`:n`<div class="fallback" part="fallback">${this._initials()}</div>`}
       `,c=i?n`<img
@@ -16,4 +16,4 @@ import{f as _,g as l,h as b,m as f,p as s,v as n,y}from"../../vendor/vendor.js";
       <div class="container" part="container" role="img" aria-label=${t??l}>
         ${this.variant==="icon"?o:c}
       </div>
-    `}},h.styles=y`:host{display:inline-block;vertical-align:middle;margin-block-start:var(--scb-avatar-spacing-block-start, 0);margin-block-end:var(--scb-avatar-spacing-block-end, 0);margin-inline-start:var(--scb-avatar-spacing-inline-start, 0);margin-inline-end:var(--scb-avatar-spacing-inline-end, 0);--_size:40px;--_font-size:16px;--_bg:var(--md-sys-color-primary-fixed-dim, var(--md-sys-color-primary-container));--_fg:var(--md-sys-color-on-primary-fixed, var(--md-sys-color-on-primary-container));--_radius:var(--radius-full, 1000px);--_border:0 solid transparent;font-family:var(--brand-font, Inter, system-ui, sans-serif);color-scheme:light dark}:host([size="small"]){--_size:32px;--_font-size:var(--md-sys-typescale-label-medium-size, 14px)}:host([size="medium"]){--_size:40px;--_font-size:var(--md-sys-typescale-label-large-size, 16px)}:host([size="large"]){--_size:56px;--_font-size:var(--md-sys-typescale-title-large-size, 20px)}:host([size="extra-large"]),:host([size="xlarge"]){--_size:80px;--_font-size:var(--md-sys-typescale-headline-medium-size, 28px)}:host([shape="circular"]){--_radius:var(--radius-full, 1000px)}:host([shape="rounded"]){--_radius:var(--radius-s, 8px)}:host([shape="square"]){--_radius:0}.container{inline-size:var(--_size);block-size:var(--_size);border-radius:var(--_radius);position:relative;overflow:hidden;user-select:none;line-height:1;border:var(--_border);display:grid;place-items:center}:host([variant="image"]) .container{background:0 0}:host([variant="image"]) img.photo{width:100%;height:100%;object-fit:cover;display:block}:host([size="small"]){--_icon-size:var(--icon-size-small, 20px)}:host([size="medium"]){--_icon-size:var(--icon-size-medium, 24px)}:host([size="large"]){--_icon-size:var(--icon-size-large, 30px)}:host([size="extra-large"]),:host([size="xlarge"]){--_icon-size:var(--icon-size-extra-extra-large, 48px)}:host([variant="icon"]) .container{background:var(--_bg);color:var(--_fg)}img.icon{width:var(--_icon-size);height:var(--_icon-size);object-fit:contain;display:block}.fallback{display:grid;place-items:center;width:100%;height:100%;font-size:var(--_font-size);font-weight:var(--weight-semibold, 600);letter-spacing:.01em;text-transform:uppercase;color:var(--_fg);background:var(--_bg)}:host([variant="image"]) .fallback{color:var(--md-sys-color-on-primary-container);background:var(--md-sys-color-primary-container)}::slotted([slot=icon]){width:var(--_icon-size);height:var(--_icon-size);line-height:1}:host(:focus-visible) .container{outline:var(--md-focus-ring-width, 2px) solid var(--md-focus-ring-color, var(--p-40));outline-offset:2px;border-radius:var(--_radius)}`,h);function u(){const r=this.mapSpacingToken(this.spacing),t=this.mapSpacingToken(this.spacingTop)??r,i=this.mapSpacingToken(this.spacingBottom)??r,o=this.mapSpacingToken(this.spacingLeft)??r,c=this.mapSpacingToken(this.spacingRight)??r;t?this.style.setProperty("--scb-avatar-spacing-block-start",t):this.style.removeProperty("--scb-avatar-spacing-block-start"),i?this.style.setProperty("--scb-avatar-spacing-block-end",i):this.style.removeProperty("--scb-avatar-spacing-block-end"),o?this.style.setProperty("--scb-avatar-spacing-inline-start",o):this.style.removeProperty("--scb-avatar-spacing-inline-start"),c?this.style.setProperty("--scb-avatar-spacing-inline-end",c):this.style.removeProperty("--scb-avatar-spacing-inline-end")}a([s({type:String})],e.prototype,"src",void 0);a([s({type:String})],e.prototype,"alt",void 0);a([s({type:String})],e.prototype,"label",void 0);a([s({type:String,reflect:!0})],e.prototype,"size",void 0);a([s({type:String,reflect:!0})],e.prototype,"shape",void 0);a([s({type:String,attribute:"icon-name",reflect:!0})],e.prototype,"iconName",void 0);a([s({type:String,reflect:!0})],e.prototype,"variant",void 0);a([s({type:String,reflect:!0})],e.prototype,"spacing",void 0);a([s({type:String,attribute:"spacing-top",reflect:!0})],e.prototype,"spacingTop",void 0);a([s({type:String,attribute:"spacing-bottom",reflect:!0})],e.prototype,"spacingBottom",void 0);a([s({type:String,attribute:"spacing-left",reflect:!0})],e.prototype,"spacingLeft",void 0);a([s({type:String,attribute:"spacing-right",reflect:!0})],e.prototype,"spacingRight",void 0);a([_()],e.prototype,"_imgError",void 0);a([_()],e.prototype,"_hasIconSlot",void 0);e=a([f("scb-avatar")],e);export{e as ScbAvatar};
+    `}},h.styles=f`:host{display:inline-block;vertical-align:middle;margin-block-start:var(--scb-avatar-spacing-block-start, 0);margin-block-end:var(--scb-avatar-spacing-block-end, 0);margin-inline-start:var(--scb-avatar-spacing-inline-start, 0);margin-inline-end:var(--scb-avatar-spacing-inline-end, 0);--_size:40px;--_font-size:16px;--_bg:var(--md-sys-color-primary-fixed-dim, var(--md-sys-color-primary-container));--_fg:var(--md-sys-color-on-primary-fixed, var(--md-sys-color-on-primary-container));--_radius:var(--radius-full, 1000px);--_border:0 solid transparent;font-family:var(--brand-font, Inter, system-ui, sans-serif);color-scheme:light dark}:host([size="small"]){--_size:32px;--_font-size:var(--scb-typography-label-medium-size, var(--md-sys-typescale-label-medium-size, 14px))}:host([size="medium"]){--_size:40px;--_font-size:var(--scb-typography-label-large-size, var(--md-sys-typescale-label-large-size, 16px))}:host([size="large"]){--_size:56px;--_font-size:var(--scb-typography-title-large-size, var(--md-sys-typescale-title-large-size, 20px))}:host([size="extra-large"]),:host([size="xlarge"]){--_size:80px;--_font-size:var(--scb-typography-headline-medium-size, var(--md-sys-typescale-headline-medium-size, 28px))}:host([shape="circular"]){--_radius:var(--radius-full, 1000px)}:host([shape="rounded"]){--_radius:var(--radius-s, 8px)}:host([shape="square"]){--_radius:0}.container{inline-size:var(--_size);block-size:var(--_size);border-radius:var(--_radius);position:relative;overflow:hidden;user-select:none;line-height:1;border:var(--_border);display:grid;place-items:center}:host([variant="image"]) .container{background:0 0}:host([variant="image"]) img.photo{width:100%;height:100%;object-fit:cover;display:block}:host([size="small"]){--_icon-size:var(--icon-size-small, 20px)}:host([size="medium"]){--_icon-size:var(--icon-size-medium, 24px)}:host([size="large"]){--_icon-size:var(--icon-size-large, 30px)}:host([size="extra-large"]),:host([size="xlarge"]){--_icon-size:var(--icon-size-extra-extra-large, 48px)}:host([variant="icon"]) .container{background:var(--_bg);color:var(--_fg)}img.icon{width:var(--_icon-size);height:var(--_icon-size);object-fit:contain;display:block}.fallback{display:grid;place-items:center;width:100%;height:100%;font-size:var(--_font-size);font-weight:var(--weight-semibold, 600);letter-spacing:.01em;text-transform:uppercase;color:var(--_fg);background:var(--_bg)}:host([variant="image"]) .fallback{color:var(--md-sys-color-on-primary-container);background:var(--md-sys-color-primary-container)}::slotted([slot=icon]){width:var(--_icon-size);height:var(--_icon-size);line-height:1}:host(:focus-visible) .container{outline:var(--md-focus-ring-width, 2px) solid var(--md-focus-ring-color, var(--p-40));outline-offset:2px;border-radius:var(--_radius)}`,h);function u(){const r=this.mapSpacingToken(this.spacing),t=this.mapSpacingToken(this.spacingTop)??r,i=this.mapSpacingToken(this.spacingBottom)??r,o=this.mapSpacingToken(this.spacingLeft)??r,c=this.mapSpacingToken(this.spacingRight)??r;t?this.style.setProperty("--scb-avatar-spacing-block-start",t):this.style.removeProperty("--scb-avatar-spacing-block-start"),i?this.style.setProperty("--scb-avatar-spacing-block-end",i):this.style.removeProperty("--scb-avatar-spacing-block-end"),o?this.style.setProperty("--scb-avatar-spacing-inline-start",o):this.style.removeProperty("--scb-avatar-spacing-inline-start"),c?this.style.setProperty("--scb-avatar-spacing-inline-end",c):this.style.removeProperty("--scb-avatar-spacing-inline-end")}a([s({type:String})],e.prototype,"src",void 0);a([s({type:String})],e.prototype,"alt",void 0);a([s({type:String})],e.prototype,"label",void 0);a([s({type:String,reflect:!0})],e.prototype,"size",void 0);a([s({type:String,reflect:!0})],e.prototype,"shape",void 0);a([s({type:String,attribute:"icon-name",reflect:!0})],e.prototype,"iconName",void 0);a([s({type:String,reflect:!0})],e.prototype,"variant",void 0);a([s({type:String,reflect:!0})],e.prototype,"spacing",void 0);a([s({type:String,attribute:"spacing-top",reflect:!0})],e.prototype,"spacingTop",void 0);a([s({type:String,attribute:"spacing-bottom",reflect:!0})],e.prototype,"spacingBottom",void 0);a([s({type:String,attribute:"spacing-left",reflect:!0})],e.prototype,"spacingLeft",void 0);a([s({type:String,attribute:"spacing-right",reflect:!0})],e.prototype,"spacingRight",void 0);a([_()],e.prototype,"_imgError",void 0);a([_()],e.prototype,"_hasIconSlot",void 0);e=a([y("scb-avatar")],e);export{e as ScbAvatar};

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

@@ -1,10 +1,10 @@
-import{g as p,h as v,m as f,p as o,v as y,y as m}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as s}from"../../vendor/decorate.js";(function(){try{var l=typeof globalThis<"u"?globalThis:window;if(!l.__scb_ce_guard_installed__){l.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(i,r,a){try{customElements.get(i)||t(i,r,a)}catch(d){var n=String(d||"");if(n.indexOf("already been used")===-1&&n.indexOf("NotSupportedError")===-1)throw d}}}}catch{}})();var b,e=(b=class extends v{constructor(...t){super(...t),this._slotClickHandler=i=>{const r=this.shadowRoot?.querySelector("slot"),a=i.target;a&&a!==r&&a.dispatchEvent(new CustomEvent("hide-badge",{bubbles:!0,composed:!0}))},this.autoHide=!1,this.sizing="fit-content",this.position="relative",this.positionTop=0,this.positionRight=void 0,this.positionSide="right",this.positionLeft=void 0,this.value="",this.label="",this.hidden=!1,this.variant="dot",this._badgeVisible=!0,this._onHideBadge=()=>{this._badgeVisible=!1,this.requestUpdate()}}firstUpdated(){const t=this.shadowRoot?.querySelector("slot");this.autoHide&&t&&t.addEventListener("click",this._slotClickHandler)}updated(){const t=this.shadowRoot?.querySelector("slot");t&&(this.autoHide?t.addEventListener("click",this._slotClickHandler):t.removeEventListener("click",this._slotClickHandler))}connectedCallback(){super.connectedCallback(),this.addEventListener("hide-badge",this._onHideBadge)}disconnectedCallback(){this.removeEventListener("hide-badge",this._onHideBadge),super.disconnectedCallback()}mapSpacingToken(t){if(t==null)return;if(typeof t=="number"&&!Number.isNaN(t))return`${t}px`;const i=String(t).trim();if(i)return/^\d+$/.test(i)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(i,10)))})`:i}render(){const t=this.mapSpacingToken(this.positionRight)??"var(--spacing-4)",i=this.mapSpacingToken(this.positionLeft)??"var(--spacing-4)",r=this.mapSpacingToken(this.positionTop)??"0px";this.style.setProperty("--scb-badge-absolute-top",r),this.style.setProperty("--scb-badge-absolute-right",t),this.style.setProperty("--scb-badge-absolute-left",i);let a=this.value;!isNaN(Number(this.value))&&this.value.length>4&&(a=this.value.slice(0,4)+"+");const n=this.variant==="value"&&!this.value?"badge-value-empty":"",d=this._badgeVisible?"":"badge--hide",g=this.label.trim(),u=this.variant==="value"&&a.trim(),h=g||(u?`Märke: ${a}`:""),c=!h||this.hidden||!this._badgeVisible;return y`
+import{g as p,h as v,m as f,p as a,v as y,y as m}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as s}from"../../vendor/decorate.js";(function(){try{var l=typeof globalThis<"u"?globalThis:window;if(!l.__scb_ce_guard_installed__){l.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(i,r,o){try{customElements.get(i)||t(i,r,o)}catch(d){var n=String(d||"");if(n.indexOf("already been used")===-1&&n.indexOf("NotSupportedError")===-1)throw d}}}}catch{}})();var b,e=(b=class extends v{constructor(...t){super(...t),this._slotClickHandler=i=>{const r=this.shadowRoot?.querySelector("slot"),o=i.target;o&&o!==r&&o.dispatchEvent(new CustomEvent("hide-badge",{bubbles:!0,composed:!0}))},this.autoHide=!1,this.sizing="fit-content",this.position="relative",this.positionTop=0,this.positionRight=void 0,this.positionSide="right",this.positionLeft=void 0,this.value="",this.label="",this.hidden=!1,this.variant="dot",this._badgeVisible=!0,this._onHideBadge=()=>{this._badgeVisible=!1,this.requestUpdate()}}firstUpdated(){const t=this.shadowRoot?.querySelector("slot");this.autoHide&&t&&t.addEventListener("click",this._slotClickHandler)}updated(){const t=this.shadowRoot?.querySelector("slot");t&&(this.autoHide?t.addEventListener("click",this._slotClickHandler):t.removeEventListener("click",this._slotClickHandler))}connectedCallback(){super.connectedCallback(),this.addEventListener("hide-badge",this._onHideBadge)}disconnectedCallback(){this.removeEventListener("hide-badge",this._onHideBadge),super.disconnectedCallback()}mapSpacingToken(t){if(t==null)return;if(typeof t=="number"&&!Number.isNaN(t))return`${t}px`;const i=String(t).trim();if(i)return/^\d+$/.test(i)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(i,10)))})`:i}render(){const t=this.mapSpacingToken(this.positionRight)??"var(--spacing-4)",i=this.mapSpacingToken(this.positionLeft)??"var(--spacing-4)",r=this.mapSpacingToken(this.positionTop)??"0px";this.style.setProperty("--scb-badge-absolute-top",r),this.style.setProperty("--scb-badge-absolute-right",t),this.style.setProperty("--scb-badge-absolute-left",i);let o=this.value;!isNaN(Number(this.value))&&this.value.length>4&&(o=this.value.slice(0,4)+"+");const n=this.variant==="value"&&!this.value?"badge-value-empty":"",d=this._badgeVisible?"":"badge--hide",g=this.label.trim(),u=this.variant==="value"&&o.trim(),h=g||(u?`Märke: ${o}`:""),c=!h||this.hidden||!this._badgeVisible;return y`
       <div class="badge-content">
         <slot></slot>
         <div 
           class="badge ${n} ${d}"
           role=${c?p:"status"}
           aria-label=${c?p:h}
-          aria-hidden=${c?"true":p}>${this.variant==="dot"?"":a}</div>
+          aria-hidden=${c?"true":p}>${this.variant==="dot"?"":o}</div>
       </div>
-    `}},b.styles=m`:host{display:block;position:relative;overflow:visible;width:fit-content;--scb-badge-font-size:var(--scale-01);--scb-badge-line-height:100%;--scb-badge-relative-gap:0px;--scb-badge-background-color:var(--md-sys-color-error);--scb-badge-color:var(--md-sys-color-on-error);--scb-badge-width:8px;--scb-badge-height:8px}:host([sizing="fit-parent"]){width:100%}:host([variant="value"]) .badge{width:fit-content;padding:6px}:host([variant="value"]) .badge.badge-value-empty{width:var(--scb-badge-width);padding:var(--spacing-2)}:host([hidden]) .badge{display:none}.badge{transition:transform .25s cubic-bezier(.4,2,.6,1),opacity .18s linear;will-change:transform,opacity}.badge--hide{opacity:0;transform:scale(1.3);pointer-events:none}.badge{background-color:var(--scb-badge-background-color);color:var(--scb-badge-color);font-size:var(--scb-badge-font-size);font-weight:var(--weight-semibold);line-height:var(--scb-badge-line-height);letter-spacing:var(--md-sys-typescale-label-medium-tracking);border-radius:var(--md-sys-shape-corner-full);display:flex;align-items:center;justify-content:center;width:var(--scb-badge-width);height:var(--scb-badge-height);position:absolute;top:var(--scb-badge-absolute-top);left:calc(100% - var(--scb-badge-absolute-right));white-space:nowrap}:host([position-side="left"]) .badge{left:var(--scb-badge-absolute-left)}:host([position="relative"]) .badge{position:relative;top:unset;left:unset}:host([position="relative"]) .badge-content{display:flex;align-items:center;justify-content:center;gap:var(--scb-badge-relative-gap)}`,b);s([o({type:Boolean,reflect:!0,attribute:"auto-hide"})],e.prototype,"autoHide",void 0);s([o({type:String,reflect:!0})],e.prototype,"sizing",void 0);s([o({type:String,reflect:!0})],e.prototype,"position",void 0);s([o({type:String,attribute:"position-top"})],e.prototype,"positionTop",void 0);s([o({type:String,attribute:"position-right"})],e.prototype,"positionRight",void 0);s([o({type:String,reflect:!0,attribute:"position-side"})],e.prototype,"positionSide",void 0);s([o({type:String,attribute:"position-left"})],e.prototype,"positionLeft",void 0);s([o({type:String,reflect:!0})],e.prototype,"value",void 0);s([o({type:String,reflect:!0})],e.prototype,"label",void 0);s([o({type:Boolean,reflect:!0})],e.prototype,"hidden",void 0);s([o({type:String,reflect:!0})],e.prototype,"variant",void 0);e=s([f("scb-badge")],e);
+    `}},b.styles=m`:host{display:block;position:relative;overflow:visible;width:fit-content;--scb-badge-font-size:var(--scale-01);--scb-badge-line-height:100%;--scb-badge-relative-gap:0px;--scb-badge-background-color:var(--md-sys-color-error);--scb-badge-color:var(--md-sys-color-on-error);--scb-badge-width:8px;--scb-badge-height:8px}:host([sizing="fit-parent"]){width:100%}:host([variant="value"]) .badge{width:fit-content;padding:6px}:host([variant="value"]) .badge.badge-value-empty{width:var(--scb-badge-width);padding:var(--spacing-2)}:host([hidden]) .badge{display:none}.badge{transition:transform .25s cubic-bezier(.4,2,.6,1),opacity .18s linear;will-change:transform,opacity}.badge--hide{opacity:0;transform:scale(1.3);pointer-events:none}.badge{background-color:var(--scb-badge-background-color);color:var(--scb-badge-color);font-size:var(--scb-badge-font-size);font-weight:var(--weight-semibold);line-height:var(--scb-badge-line-height);letter-spacing:var(--scb-typography-label-medium-tracking, var(--md-sys-typescale-label-medium-tracking));border-radius:var(--md-sys-shape-corner-full);display:flex;align-items:center;justify-content:center;width:var(--scb-badge-width);height:var(--scb-badge-height);position:absolute;top:var(--scb-badge-absolute-top);left:calc(100% - var(--scb-badge-absolute-right));white-space:nowrap}:host([position-side="left"]) .badge{left:var(--scb-badge-absolute-left)}:host([position="relative"]) .badge{position:relative;top:unset;left:unset}:host([position="relative"]) .badge-content{display:flex;align-items:center;justify-content:center;gap:var(--scb-badge-relative-gap)}`,b);s([a({type:Boolean,reflect:!0,attribute:"auto-hide"})],e.prototype,"autoHide",void 0);s([a({type:String,reflect:!0})],e.prototype,"sizing",void 0);s([a({type:String,reflect:!0})],e.prototype,"position",void 0);s([a({type:String,attribute:"position-top"})],e.prototype,"positionTop",void 0);s([a({type:String,attribute:"position-right"})],e.prototype,"positionRight",void 0);s([a({type:String,reflect:!0,attribute:"position-side"})],e.prototype,"positionSide",void 0);s([a({type:String,attribute:"position-left"})],e.prototype,"positionLeft",void 0);s([a({type:String,reflect:!0})],e.prototype,"value",void 0);s([a({type:String,reflect:!0})],e.prototype,"label",void 0);s([a({type:Boolean,reflect:!0})],e.prototype,"hidden",void 0);s([a({type:String,reflect:!0})],e.prototype,"variant",void 0);e=s([f("scb-badge")],e);

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

@@ -1,4 +1,4 @@
-import{h,m as d,p as a,v as n,y as b}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as r}from"../../vendor/decorate.js";import"../scb-link/scb-link.js";(function(){try{var i=typeof globalThis<"u"?globalThis:window;if(!i.__scb_ce_guard_installed__){i.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(s,u,l){try{customElements.get(s)||t(s,u,l)}catch(c){var o=String(c||"");if(o.indexOf("already been used")===-1&&o.indexOf("NotSupportedError")===-1)throw c}}}}catch{}})();var e=class extends h{constructor(...t){super(...t),this.label="",this.isCurrent=!1,this.href=""}connectedCallback(){if(super.connectedCallback(),this.hasAttribute("current")&&!this.hasAttribute("is-current")&&(this.isCurrent=!0),!this.href){const t=this.getAttribute("href");t&&(this.href=t)}}static get styles(){return b`.breadcrumb-separator{margin:var(--spacing-0) var(--spacing-3);color:var(--md-sys-color-on-surface)}.breadcrumb-current{color:var(--md-sys-color-on-surface);font-family:var(--brand-font, var(--brand, "Inter"), sans-serif)}.breadcrumb-current ::slotted(*){display:inline!important;margin:0!important;color:inherit!important;font:inherit!important;letter-spacing:inherit!important;line-height:inherit!important}`}getLabelContent(){return this.label||n`<slot></slot>`}updated(t){t.has("isCurrent")&&(this.dispatchEvent(new CustomEvent("current-changed",{detail:{isCurrent:this.isCurrent},bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("currentchanged",{detail:{isCurrent:this.isCurrent,value:this.isCurrent},bubbles:!0,composed:!0})))}render(){const t=this.getLabelContent();return!0===this.isCurrent?n`<span class="breadcrumb-current">${t}</span>`:n`
-          <scb-link href="${this.href||this.getAttribute("href")||""}">${t}</scb-link>
+import{h as d,m as h,p as n,v as a,y as l}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as r}from"../../vendor/decorate.js";import"../scb-link/scb-link.js";(function(){try{var i=typeof globalThis<"u"?globalThis:window;if(!i.__scb_ce_guard_installed__){i.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(s,o,u){try{customElements.get(s)||e(s,o,u)}catch(b){var c=String(b||"");if(c.indexOf("already been used")===-1&&c.indexOf("NotSupportedError")===-1)throw b}}}}catch{}})();var t=class extends d{constructor(...e){super(...e),this.label="",this.isCurrent=!1,this.href=""}connectedCallback(){if(super.connectedCallback(),this.hasAttribute("current")&&!this.hasAttribute("is-current")&&(this.isCurrent=!0),!this.href){const e=this.getAttribute("href");e&&(this.href=e)}}static get styles(){return l`:host{--scb-breadcrumb-font-size:var(--scb-typography-body-medium-size, var(--md-sys-typescale-body-medium-size, 16px));--scb-breadcrumb-line-height:var(--scb-typography-body-medium-line-height, var(--md-sys-typescale-body-medium-line-height, 24px));--scb-breadcrumb-letter-spacing:var(--scb-typography-body-medium-tracking, var(--md-sys-typescale-body-medium-tracking, 0));--scb-breadcrumb-font-weight:var(--scb-typography-body-medium-weight, var(--md-sys-typescale-body-medium-weight, var(--weight-regular, 400)));--scb-link-font-size:var(--scb-breadcrumb-font-size);--scb-link-line-height:var(--scb-breadcrumb-line-height);--scb-link-letter-spacing:var(--scb-breadcrumb-letter-spacing);--scb-link-font-weight:var(--scb-breadcrumb-font-weight);font-family:var(--brand-font, var(--brand, "Inter"), sans-serif);font-size:var(--scb-breadcrumb-font-size);line-height:var(--scb-breadcrumb-line-height);letter-spacing:var(--scb-breadcrumb-letter-spacing);font-weight:var(--scb-breadcrumb-font-weight)}.breadcrumb-separator{margin:var(--spacing-0) var(--spacing-3)}.breadcrumb-current,.breadcrumb-separator{color:var(--md-sys-color-on-surface);font:inherit;letter-spacing:inherit}.breadcrumb-current ::slotted(*){display:inline!important;margin:0!important;color:inherit!important;font:inherit!important;letter-spacing:inherit!important;line-height:inherit!important}`}getLabelContent(){return this.label||a`<slot></slot>`}updated(e){e.has("isCurrent")&&(this.dispatchEvent(new CustomEvent("current-changed",{detail:{isCurrent:this.isCurrent},bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("currentchanged",{detail:{isCurrent:this.isCurrent,value:this.isCurrent},bubbles:!0,composed:!0})))}render(){const e=this.getLabelContent();return!0===this.isCurrent?a`<span class="breadcrumb-current">${e}</span>`:a`
+          <scb-link href="${this.href||this.getAttribute("href")||""}">${e}</scb-link>
           <span class="breadcrumb-separator">/</span>
-        `}};r([a({type:String})],e.prototype,"label",void 0);r([a({type:Boolean,attribute:"is-current",reflect:!0})],e.prototype,"isCurrent",void 0);r([a({type:String,attribute:"item-href"})],e.prototype,"href",void 0);e=r([d("scb-breadcrumb-item")],e);
+        `}};r([n({type:String})],t.prototype,"label",void 0);r([n({type:Boolean,attribute:"is-current",reflect:!0})],t.prototype,"isCurrent",void 0);r([n({type:String,attribute:"item-href"})],t.prototype,"href",void 0);t=r([h("scb-breadcrumb-item")],t);

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

@@ -1,14 +1,14 @@
 const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["../../vendor/md-focus-ring.js","../../vendor/rolldown-runtime.js","../../vendor/vendor.js","../../vendor/attachable-controller.js","../../vendor/vendor-lit.js"])))=>i.map(i=>d[i]);
-import{h as w,m as k,p,v as d,y as _}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as x}from"../../vendor/preload-helper.js";import{t as o}from"../../vendor/decorate.js";import{n as A,t as g}from"../../vendor/assertClassBrand.js";import"../scb-link/scb-link.js";import"./scb-breadcrumb-item.js";(function(){try{var c=typeof globalThis<"u"?globalThis:window;if(!c.__scb_ce_guard_installed__){c.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(t,s,b){try{customElements.get(t)||e(t,s,b)}catch(r){var l=String(r||"");if(l.indexOf("already been used")===-1&&l.indexOf("NotSupportedError")===-1)throw r}}}}catch{}})();var m,y,S=()=>{customElements.get("md-focus-ring")||(y??(y=x(()=>import("../../vendor/md-focus-ring.js").then(c=>c.t).then(()=>{}),__vite__mapDeps([0,1,2,3,4]),import.meta.url)))},n=(m=new WeakSet,class extends w{constructor(...e){super(...e),A(this,m),this.showAll=!1,this.currentIndex=void 0,this.showAllLabel="Visa alla",this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0}static get styles(){return _`@keyframes fadeInBreadcrumb{to{opacity:1;transform:translateY(0)}}:host{display:block;box-sizing:border-box;min-block-size:var(--scb-breadcrumb-min-block-size,
+import{h as w,m as k,p as b,v as m,y as _}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as x}from"../../vendor/preload-helper.js";import{t as o}from"../../vendor/decorate.js";import{n as A,t as f}from"../../vendor/assertClassBrand.js";import"../scb-link/scb-link.js";import"./scb-breadcrumb-item.js";(function(){try{var c=typeof globalThis<"u"?globalThis:window;if(!c.__scb_ce_guard_installed__){c.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(t,s,p){try{customElements.get(t)||e(t,s,p)}catch(r){var l=String(r||"");if(l.indexOf("already been used")===-1&&l.indexOf("NotSupportedError")===-1)throw r}}}}catch{}})();var u,y,S=()=>{customElements.get("md-focus-ring")||(y??(y=x(()=>import("../../vendor/md-focus-ring.js").then(c=>c.t).then(()=>{}),__vite__mapDeps([0,1,2,3,4]),import.meta.url)))},n=(u=new WeakSet,class extends w{constructor(...e){super(...e),A(this,u),this.showAll=!1,this.currentIndex=void 0,this.showAllLabel="Visa alla",this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0}static get styles(){return _`@keyframes fadeInBreadcrumb{to{opacity:1;transform:translateY(0)}}:host{display:block;box-sizing:border-box;--scb-breadcrumb-font-size:var(--scb-typography-body-medium-size, var(--md-sys-typescale-body-medium-size, 16px));--scb-breadcrumb-line-height:var(--scb-typography-body-medium-line-height, var(--md-sys-typescale-body-medium-line-height, 24px));--scb-breadcrumb-letter-spacing:var(--scb-typography-body-medium-tracking, var(--md-sys-typescale-body-medium-tracking, 0));--scb-breadcrumb-font-weight:var(--scb-typography-body-medium-weight, var(--md-sys-typescale-body-medium-weight, var(--weight-regular, 400)));--scb-breadcrumb-icon-size:var(--icon-size-medium, 24px);--scb-link-font-size:var(--scb-breadcrumb-font-size);--scb-link-line-height:var(--scb-breadcrumb-line-height);--scb-link-letter-spacing:var(--scb-breadcrumb-letter-spacing);--scb-link-font-weight:var(--scb-breadcrumb-font-weight);min-block-size:var(--scb-breadcrumb-min-block-size,
           calc(
-            var(--md-sys-typescale-body-medium-line-height, 24px) +
+            var(--scb-breadcrumb-line-height) +
               var(--spacing-3, 8px)
           )
-        );margin-block-start:var(--scb-breadcrumb-spacing-block-start, 0);margin-block-end:var(--scb-breadcrumb-spacing-block-end, 0);margin-inline-start:var(--scb-breadcrumb-spacing-inline-start, 0);margin-inline-end:var(--scb-breadcrumb-spacing-inline-end, 0)}.scb-breadcrumb{display:flex;align-items:center;flex-wrap:wrap}.breadcrumb-item{display:inline-flex;align-items:center}.breadcrumb-separator{margin:var(--spacing-0) var(--spacing-3);color:var(--md-sys-color-on-surface)}.breadcrumb-current{color:var(--md-sys-color-on-surface);font-family:var(--brand-font, var(--brand, "Inter"), sans-serif)}.ellipsis{cursor:pointer;display:inline-flex;color:var(--md-sys-color-primary);position:relative}.ellipsis:focus{outline:0}md-focus-ring{position:absolute;inset:0;pointer-events:none;display:none;border-radius:var(--scb-card-focus-ring-radius,
+        );margin-block-start:var(--scb-breadcrumb-spacing-block-start, 0);margin-block-end:var(--scb-breadcrumb-spacing-block-end, 0);margin-inline-start:var(--scb-breadcrumb-spacing-inline-start, 0);margin-inline-end:var(--scb-breadcrumb-spacing-inline-end, 0)}.scb-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;font-family:var(--brand-font, var(--brand, "Inter"), sans-serif);font-size:var(--scb-breadcrumb-font-size);line-height:var(--scb-breadcrumb-line-height);letter-spacing:var(--scb-breadcrumb-letter-spacing);font-weight:var(--scb-breadcrumb-font-weight)}.breadcrumb-item{display:inline-flex;align-items:center;font:inherit;letter-spacing:inherit}.breadcrumb-separator{margin:var(--spacing-0) var(--spacing-3)}.breadcrumb-current,.breadcrumb-separator,.ellipsis{color:var(--md-sys-color-on-surface);font:inherit;letter-spacing:inherit}.ellipsis{cursor:pointer;display:inline-flex;color:var(--md-sys-color-primary);position:relative}.ellipsis:focus{outline:0}md-focus-ring{position:absolute;inset:0;pointer-events:none;display:none;border-radius:var(--scb-card-focus-ring-radius,
           var(--md-sys-shape-corner-large)
-        )}.ellipsis:focus md-focus-ring{display:block}.breadcrumb-animate{opacity:0;transform:translateY(10px);animation:fadeInBreadcrumb .4s cubic-bezier(.4,0,.2,1) forwards}.breadcrumb-icon{display:inline-block;inline-size:1em;overflow:hidden;font-family:"Material Symbols Outlined";font-size:var(--icon-size-medium, 24px);line-height:1;text-align:center;white-space:nowrap;text-transform:none;word-wrap:normal;direction:ltr;font-feature-settings:"liga"1;font-variation-settings:"FILL"0,"wght"400,"GRAD"0,"opsz"24;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}`}connectedCallback(){super.connectedCallback(),this._observer=new MutationObserver(()=>{this.requestUpdate()}),this._observer.observe(this,{childList:!0,subtree:!0,characterData:!0,attributes:!0,attributeFilter:["label","item-href","href","is-current","current"]})}disconnectedCallback(){super.disconnectedCallback(),this._observer?.disconnect()}firstUpdated(){g(m,this,v).call(this)}updated(e){e.has("showAll")&&(this.dispatchEvent(new CustomEvent("show-all-changed",{detail:{showAll:this.showAll},bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("showallchanged",{detail:{showAll:this.showAll,value:this.showAll},bubbles:!0,composed:!0}))),(e.has("spacing")||e.has("spacingTop")||e.has("spacingBottom")||e.has("spacingLeft")||e.has("spacingRight"))&&g(m,this,v).call(this)}mapSpacingToken(e){if(!e)return;const t=String(e).trim();if(t)return/^\d+$/.test(t)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(t,10)))})`:t}_onEllipsisClick(){this.showAll?this.showAll=!1:(this.showAll=!0,this.updateComplete.then(()=>{const e=this.shadowRoot?.querySelectorAll(".scb-breadcrumb.expanded .breadcrumb-item");e&&(e.forEach((t,s)=>{t.classList.add("breadcrumb-animate"),t.style.animationDelay=`${s*60}ms`}),setTimeout(()=>{e.forEach(t=>{t.classList.remove("breadcrumb-animate"),t.style.animationDelay=""})},600))}))}getItemLabel(e){const t=e.label;if(typeof t=="string"&&t.trim())return t;const s=e.getAttribute("label");return s?.trim()?s:e.textContent?.trim()??""}getItemHref(e){const t=e;return typeof t.itemHref=="string"?t.itemHref:typeof t.href=="string"?t.href:e.getAttribute("item-href")??e.getAttribute("href")??""}render(){const e=Array.from(this.children).filter(r=>r.tagName.toLowerCase()==="scb-breadcrumb-item"),t=Math.max(0,e.length-1);let s=t;if(e.length>0){const r=typeof this.currentIndex=="number"&&!Number.isNaN(this.currentIndex)?Math.trunc(this.currentIndex):void 0;if(typeof r=="number"&&r>=0&&r<e.length)s=r;else for(let i=e.length-1;i>=0;i--){const a=e[i];if(typeof a.isCurrent=="boolean"?a.isCurrent:e[i].hasAttribute("is-current")||e[i].hasAttribute("current")){s=i;break}}e.forEach((i,a)=>{i.toggleAttribute("is-current",a===s)})}const b=e.length>6&&!this.showAll&&s===t,l=[];if(b){const r=e.slice(0,3),i=e.slice(-3);r.forEach((a,u)=>{l.push({type:"item",item:a,isCurrent:u===s})}),l.push({type:"ellipsis"}),i.forEach((a,u)=>{const h=e.length-3+u;l.push({type:"item",item:a,isCurrent:h===s})})}else e.forEach((r,i)=>{l.push({type:"item",item:r,isCurrent:i===s})});return d`
-      <div class="scb-breadcrumb ${b?"collapsed":"expanded"}">
-        ${l.map((r,i)=>{const a=i===0?d``:d`<span class="breadcrumb-separator">/</span>`;if(r.type==="ellipsis")return d`
+        )}.ellipsis:focus md-focus-ring{display:block}.breadcrumb-animate{opacity:0;transform:translateY(10px);animation:fadeInBreadcrumb .4s cubic-bezier(.4,0,.2,1) forwards}.breadcrumb-icon{display:inline-block;inline-size:1em;overflow:hidden;font-family:"Material Symbols Outlined";font-size:var(--scb-breadcrumb-icon-size);line-height:1;text-align:center;white-space:nowrap;text-transform:none;word-wrap:normal;direction:ltr;font-feature-settings:"liga"1;font-variation-settings:"FILL"0,"wght"400,"GRAD"0,"opsz"24;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}`}connectedCallback(){super.connectedCallback(),this._observer=new MutationObserver(()=>{this.requestUpdate()}),this._observer.observe(this,{childList:!0,subtree:!0,characterData:!0,attributes:!0,attributeFilter:["label","item-href","href","is-current","current"]})}disconnectedCallback(){super.disconnectedCallback(),this._observer?.disconnect()}firstUpdated(){f(u,this,v).call(this)}updated(e){e.has("showAll")&&(this.dispatchEvent(new CustomEvent("show-all-changed",{detail:{showAll:this.showAll},bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("showallchanged",{detail:{showAll:this.showAll,value:this.showAll},bubbles:!0,composed:!0}))),(e.has("spacing")||e.has("spacingTop")||e.has("spacingBottom")||e.has("spacingLeft")||e.has("spacingRight"))&&f(u,this,v).call(this)}mapSpacingToken(e){if(!e)return;const t=String(e).trim();if(t)return/^\d+$/.test(t)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(t,10)))})`:t}_onEllipsisClick(){this.showAll?this.showAll=!1:(this.showAll=!0,this.updateComplete.then(()=>{const e=this.shadowRoot?.querySelectorAll(".scb-breadcrumb.expanded .breadcrumb-item");e&&(e.forEach((t,s)=>{t.classList.add("breadcrumb-animate"),t.style.animationDelay=`${s*60}ms`}),setTimeout(()=>{e.forEach(t=>{t.classList.remove("breadcrumb-animate"),t.style.animationDelay=""})},600))}))}getItemLabel(e){const t=e.label;if(typeof t=="string"&&t.trim())return t;const s=e.getAttribute("label");return s?.trim()?s:e.textContent?.trim()??""}getItemHref(e){const t=e;return typeof t.itemHref=="string"?t.itemHref:typeof t.href=="string"?t.href:e.getAttribute("item-href")??e.getAttribute("href")??""}render(){const e=Array.from(this.children).filter(r=>r.tagName.toLowerCase()==="scb-breadcrumb-item"),t=Math.max(0,e.length-1);let s=t;if(e.length>0){const r=typeof this.currentIndex=="number"&&!Number.isNaN(this.currentIndex)?Math.trunc(this.currentIndex):void 0;if(typeof r=="number"&&r>=0&&r<e.length)s=r;else for(let i=e.length-1;i>=0;i--){const a=e[i];if(typeof a.isCurrent=="boolean"?a.isCurrent:e[i].hasAttribute("is-current")||e[i].hasAttribute("current")){s=i;break}}e.forEach((i,a)=>{i.toggleAttribute("is-current",a===s)})}const p=e.length>6&&!this.showAll&&s===t,l=[];if(p){const r=e.slice(0,3),i=e.slice(-3);r.forEach((a,d)=>{l.push({type:"item",item:a,isCurrent:d===s})}),l.push({type:"ellipsis"}),i.forEach((a,d)=>{const h=e.length-3+d;l.push({type:"item",item:a,isCurrent:h===s})})}else e.forEach((r,i)=>{l.push({type:"item",item:r,isCurrent:i===s})});return m`
+      <div class="scb-breadcrumb ${p?"collapsed":"expanded"}">
+        ${l.map((r,i)=>{const a=i===0?m``:m`<span class="breadcrumb-separator">/</span>`;if(r.type==="ellipsis")return m`
               ${a}
               <span
                 class="breadcrumb-item ellipsis"
@@ -17,19 +17,19 @@ import{h as w,m as k,p,v as d,y as _}from"../../vendor/vendor.js";import"../../v
                 tabindex="0"
                 @focusin=${S}
                 @click=${this._onEllipsisClick}
-                @keydown=${f=>{(f.key==="Enter"||f.key===" ")&&this._onEllipsisClick()}}
+                @keydown=${g=>{(g.key==="Enter"||g.key===" ")&&this._onEllipsisClick()}}
               >
                 <md-focus-ring aria-hidden="true"></md-focus-ring>
                 <span class="breadcrumb-icon" aria-hidden="true">more_horiz</span>
               </span>
-            `;const u=this.getItemLabel(r.item),h=this.getItemHref(r.item);return r.isCurrent?d`
+            `;const d=this.getItemLabel(r.item),h=this.getItemHref(r.item);return r.isCurrent?m`
                 ${a}
-                <span class="breadcrumb-item breadcrumb-current">${u}</span>
-              `:d`
+                <span class="breadcrumb-item breadcrumb-current">${d}</span>
+              `:m`
                 ${a}
                 <span class="breadcrumb-item">
-                  <scb-link href="${h}">${u}</scb-link>
+                  <scb-link href="${h}">${d}</scb-link>
                 </span>
               `})}
       </div>
-    `}});function v(){const c=this.mapSpacingToken(this.spacing),e=this.mapSpacingToken(this.spacingTop)??c,t=this.mapSpacingToken(this.spacingBottom)??c,s=this.mapSpacingToken(this.spacingLeft),b=this.mapSpacingToken(this.spacingRight);e?this.style.setProperty("--scb-breadcrumb-spacing-block-start",e):this.style.removeProperty("--scb-breadcrumb-spacing-block-start"),t?this.style.setProperty("--scb-breadcrumb-spacing-block-end",t):this.style.removeProperty("--scb-breadcrumb-spacing-block-end"),s?this.style.setProperty("--scb-breadcrumb-spacing-inline-start",s):this.style.removeProperty("--scb-breadcrumb-spacing-inline-start"),b?this.style.setProperty("--scb-breadcrumb-spacing-inline-end",b):this.style.removeProperty("--scb-breadcrumb-spacing-inline-end")}o([p({type:Boolean,attribute:"show-all",reflect:!0})],n.prototype,"showAll",void 0);o([p({type:Number,attribute:"current-index",reflect:!0})],n.prototype,"currentIndex",void 0);o([p({type:String,attribute:"show-all-label"})],n.prototype,"showAllLabel",void 0);o([p({type:String,reflect:!0})],n.prototype,"spacing",void 0);o([p({type:String,attribute:"spacing-top",reflect:!0})],n.prototype,"spacingTop",void 0);o([p({type:String,attribute:"spacing-bottom",reflect:!0})],n.prototype,"spacingBottom",void 0);o([p({type:String,attribute:"spacing-left",reflect:!0})],n.prototype,"spacingLeft",void 0);o([p({type:String,attribute:"spacing-right",reflect:!0})],n.prototype,"spacingRight",void 0);n=o([k("scb-breadcrumb")],n);
+    `}});function v(){const c=this.mapSpacingToken(this.spacing),e=this.mapSpacingToken(this.spacingTop)??c,t=this.mapSpacingToken(this.spacingBottom)??c,s=this.mapSpacingToken(this.spacingLeft),p=this.mapSpacingToken(this.spacingRight);e?this.style.setProperty("--scb-breadcrumb-spacing-block-start",e):this.style.removeProperty("--scb-breadcrumb-spacing-block-start"),t?this.style.setProperty("--scb-breadcrumb-spacing-block-end",t):this.style.removeProperty("--scb-breadcrumb-spacing-block-end"),s?this.style.setProperty("--scb-breadcrumb-spacing-inline-start",s):this.style.removeProperty("--scb-breadcrumb-spacing-inline-start"),p?this.style.setProperty("--scb-breadcrumb-spacing-inline-end",p):this.style.removeProperty("--scb-breadcrumb-spacing-inline-end")}o([b({type:Boolean,attribute:"show-all",reflect:!0})],n.prototype,"showAll",void 0);o([b({type:Number,attribute:"current-index",reflect:!0})],n.prototype,"currentIndex",void 0);o([b({type:String,attribute:"show-all-label"})],n.prototype,"showAllLabel",void 0);o([b({type:String,reflect:!0})],n.prototype,"spacing",void 0);o([b({type:String,attribute:"spacing-top",reflect:!0})],n.prototype,"spacingTop",void 0);o([b({type:String,attribute:"spacing-bottom",reflect:!0})],n.prototype,"spacingBottom",void 0);o([b({type:String,attribute:"spacing-left",reflect:!0})],n.prototype,"spacingLeft",void 0);o([b({type:String,attribute:"spacing-right",reflect:!0})],n.prototype,"spacingRight",void 0);n=o([k("scb-breadcrumb")],n);

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

@@ -1,7 +1,5 @@
 const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["../../vendor/lazy-focus-ring.js","../../vendor/rolldown-runtime.js","../../vendor/preload-helper.js","../../vendor/lazy-ripple.js"])))=>i.map(i=>d[i]);
-import{g as s,h as z,m as N,p as o,v as c,y as w}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as x}from"../../vendor/preload-helper.js";import{t as a}from"../../vendor/decorate.js";import{n as P,t as k}from"../../vendor/assertClassBrand.js";(function(){try{var p=typeof globalThis<"u"?globalThis:window;if(!p.__scb_ce_guard_installed__){p.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(e,i,r){try{customElements.get(e)||t(e,i,r)}catch(b){var l=String(b||"");if(l.indexOf("already been used")===-1&&l.indexOf("NotSupportedError")===-1)throw b}}}}catch{}})();var h,f,m;function $(){return f??(f=x(()=>import("../../vendor/lazy-focus-ring.js").then(p=>p.i),__vite__mapDeps([0,1,2]),import.meta.url)),f}function R(){return m??(m=x(()=>import("../../vendor/lazy-ripple.js"),__vite__mapDeps([3,2]),import.meta.url)),m}var n=(h=new WeakSet,class extends z{constructor(...t){super(...t),P(this,h),this.variant="filled",this.size="medium",this.type="button",this.label="Button",this.trailingIcon=!1,this.icon="",this.iconFilled=!1,this.disabled=!1,this.fullWidth=!1,this.href="",this.target="",this.rel="",this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this.__hasDefaultSlotContent=!1,this.__nativeFocusRingReady=!1,this.__nativeRippleReady=!1,this.__nativeRipplePendingClick=!1,this.__ensureNativeFocusRing=()=>{this.__nativeFocusRingReady||$().then(({ensureFocusRingReady:e})=>(e(),customElements.whenDefined("md-focus-ring"))).then(()=>{this.__nativeFocusRingReady=!0,this.toggleAttribute("data-native-focus-ring-ready",!0),this.requestUpdate(),this.updateComplete.then(()=>this.__syncNativeFocusRingControl())})},this.__onNativeFocusIn=e=>{const i=e.composedPath()[0];i instanceof HTMLElement&&i.matches(":focus-visible")&&this.__ensureNativeFocusRing()},this.__ensureNativeRipple=e=>{this.__nativeRippleReady||this.disabled||(e&&(this.__nativeRipplePendingPointerEvent=e),R().then(({ensureRippleReady:i})=>i()).then(()=>{this.disabled||(this.__nativeRippleReady=!0,this.requestUpdate(),this.updateComplete.then(()=>{this.__syncNativeFocusRingControl(),this.__replayNativeRippleState()}))}))},this.__onNativePointerWarmup=e=>{this.__ensureNativeRipple(e)},this.__onNativeClick=e=>{if(this.disabled){e.preventDefault(),e.stopPropagation();return}(!this.__nativeRippleReady||this.__nativeRipplePendingPointerEvent)&&(this.__nativeRipplePendingClick=!0,this.__ensureNativeRipple())}}__getNativeControl(){return this.renderRoot.querySelector(".native-button")}__handleDefaultSlotChange(t){const e=t.target.assignedNodes({flatten:!0}).some(i=>i.nodeType===Node.TEXT_NODE?!!i.textContent?.trim():i.nodeType===Node.ELEMENT_NODE);this.__hasDefaultSlotContent!==e&&(this.__hasDefaultSlotContent=e,this.requestUpdate()),this.updateComplete.then(()=>this.__syncAriaToInner())}__syncAriaToInner(){const t=this.__getNativeControl();t&&this.__syncAriaToControl(t)}__syncAriaToControl(t){const e=(this.getAttribute("aria-label")||"").trim(),i=this.label.trim()===""&&!this.__hasDefaultSlotContent?(this.icon||"").trim():"",r=e||i;r?t.setAttribute("aria-label",r):t.removeAttribute("aria-label");const l=this.getAttribute("aria-controls");l!==null?t.setAttribute("aria-controls",l):t.removeAttribute("aria-controls");const b=this.getAttribute("aria-haspopup");b!==null?t.setAttribute("aria-haspopup",b):t.removeAttribute("aria-haspopup");const _=this.getAttribute("aria-expanded");_!==null?t.setAttribute("aria-expanded",_):t.removeAttribute("aria-expanded"),this.__ariaObserver?.disconnect(),this.__ariaObserver=new MutationObserver(S=>{const d=this.__getNativeControl();if(d)for(const v of S){if(v.type!=="attributes"||!v.attributeName)continue;const u=v.attributeName,g=this.getAttribute(u);if(u==="aria-label"){const y=(g||(this.label.trim()===""&&!this.__hasDefaultSlotContent?(this.icon||"").trim():"")).trim();y?d.setAttribute("aria-label",y):d.removeAttribute("aria-label")}else(u==="aria-controls"||u==="aria-expanded"||u==="aria-haspopup")&&(g===null?d.removeAttribute(u):d.setAttribute(u,g))}}),this.__ariaObserver.observe(this,{attributes:!0,attributeFilter:["aria-label","aria-controls","aria-expanded","aria-haspopup"]})}connectedCallback(){super.connectedCallback()}focus(t){const e=this.__getNativeControl();if(e){e.focus(t);return}this.updateComplete.then(()=>this.__getNativeControl()?.focus(t))}blur(){this.__getNativeControl()?.blur()}firstUpdated(){(this.type==="submit"||this.type==="reset")&&this.addEventListener("click",()=>{if(!this.disabled){const t=this.closest("form");t&&(this.type==="submit"&&t.requestSubmit(),this.type==="reset"&&t.reset())}}),k(h,this,C).call(this)}updated(t){(t.has("variant")||t.has("label")||t.has("icon")||t.has("href"))&&this.updateComplete.then(()=>this.__syncAriaToInner()),(this.__nativeFocusRingReady||this.__nativeRippleReady)&&this.updateComplete.then(()=>this.__syncNativeFocusRingControl()),(t.has("spacing")||t.has("spacingTop")||t.has("spacingBottom")||t.has("spacingLeft")||t.has("spacingRight"))&&k(h,this,C).call(this)}disconnectedCallback(){this.__ariaObserver?.disconnect(),super.disconnectedCallback()}__syncNativeFocusRingControl(){const t=this.renderRoot.querySelector("md-focus-ring"),e=this.__getNativeControl();t&&e&&(t.control=e,t.visible=e.matches(":focus-visible"));const i=this.renderRoot.querySelector("md-ripple");i&&e&&(i.control=e)}async __replayNativeRippleState(){const t=this.renderRoot.querySelector("md-ripple"),e=this.__getNativeControl(),i=this.__nativeRipplePendingPointerEvent,r=this.__nativeRipplePendingClick;this.__nativeRipplePendingPointerEvent=void 0,this.__nativeRipplePendingClick=!1;const{syncRippleToControl:l}=await R();await l(t,e,i,r)}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}static get styles(){return w`:host{display:inline-flex;block-size:var(--scb-button-block-size, auto);margin-block-start:var(--scb-button-spacing-block-start, 0);margin-block-end:var(--scb-button-spacing-block-end, 0);margin-inline-start:var(--scb-button-spacing-inline-start, 0);margin-inline-end:var(--scb-button-spacing-inline-end, 0);--scb-button-font-variation-settings:'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;--scb-button-padding-block:calc(var(--spacing-5) - var(--spacing-1));--scb-button-label-text-line-height:var(--md-sys-typescale-label-small-line-height);--scb-button-container-height:calc(
-          var(--scb-button-label-text-line-height) + var(--scb-button-padding-block) + var(--scb-button-padding-block)
-        );--scb-button-padding-inline:var(--spacing-5);--scb-button-icon-edge-space:var(--spacing-5);--scb-button-icon-gap:var(--spacing-3);--scb-button-icon-size:var(--icon-size-small, 20px)}:host([size='extra-small']),:host([size='small']){--scb-button-padding-inline:var(--spacing-4);--scb-button-icon-edge-space:var(--spacing-4);--scb-button-icon-gap:var(--spacing-2);--scb-button-icon-size:var(--icon-size-small, 20px)}:host([size='extra-small']){--scb-button-padding-block:calc(var(--spacing-3) - var(--spacing-1))}:host([size='small']){--scb-button-padding-block:calc(var(--spacing-4) - var(--spacing-1))}:host([size='large']){--scb-button-padding-block:var(--spacing-5);--scb-button-label-text-line-height:var(--md-sys-typescale-label-medium-line-height);--scb-button-padding-inline:var(--spacing-7);--scb-button-icon-edge-space:var(--spacing-7);--scb-button-icon-gap:var(--spacing-3);--scb-button-icon-size:var(--icon-size-medium, 24px)}:host([icon-filled]){--scb-button-font-variation-settings:'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24}.native-button,.native-button-wrap{position:relative;display:inline-flex}.native-button-wrap{border-radius:var(--md-sys-shape-corner-full, 999px)}.native-button{z-index:0;box-sizing:border-box;align-items:center;justify-content:center;gap:var(--scb-button-icon-gap);min-block-size:var(--scb-button-block-size, var(--scb-button-container-height));block-size:var(--scb-button-block-size, var(--scb-button-container-height));min-inline-size:64px;inline-size:auto;padding-block:var(--scb-button-padding-block);padding-inline:var(--scb-button-padding-inline);overflow:hidden;border:0;border-radius:inherit;background:0 0;color:var(--md-sys-color-primary);font-family:var(--md-sys-typescale-label-small-font);font-size:var(--md-sys-typescale-label-small-size);font-weight:var(--md-sys-typescale-label-small-weight);line-height:var(--md-sys-typescale-label-small-line-height);letter-spacing:normal;text-align:center;text-decoration:none;white-space:nowrap;cursor:pointer;appearance:none;-webkit-appearance:none;touch-action:manipulation}::slotted(*){display:inline!important;margin:0!important;color:inherit!important;font:inherit!important;letter-spacing:inherit!important;line-height:inherit!important}.native-button::before{content:"";position:absolute;inset:0;z-index:-1;background:currentColor;opacity:0;pointer-events:none;transition:opacity var(--motion-duration-short, 150ms) var(--motion-easing-standard, ease)}.native-button:hover::before{opacity:var(--md-sys-state-hover-state-layer-opacity, 0.08)}.native-button:active::before{opacity:var(--md-sys-state-pressed-state-layer-opacity, 0.12)}.native-button:focus{outline:0}:host(:not([data-native-focus-ring-ready])) .native-button:focus-visible{outline:var(--stroke-border-m, 2px) solid var(--md-sys-color-primary);outline-offset:var(--spacing-1, 2px)}.native-button:disabled,.native-button[aria-disabled=true]{color:rgb(15 8 101/38%);cursor:default;opacity:1;pointer-events:none}:host(:not([variant])) .native-button,:host([variant='filled']) .native-button{border-color:transparent;background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}:host([variant='outlined']) .native-button{background:0 0;color:var(--md-sys-color-primary);box-shadow:inset 0 0 0 var(--stroke-border, 1px) var(--md-sys-color-outline)}:host([variant='outlined']) .native-button:disabled,:host([variant='outlined']) .native-button[aria-disabled=true]{color:rgb(15 8 101/38%);box-shadow:inset 0 0 0 var(--stroke-border, 1px) rgb(15 8 101/12%)}:host([variant='filled-tonal']) .native-button{border-color:transparent;background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}:host(:not([variant])) .native-button:disabled,:host(:not([variant])) .native-button[aria-disabled=true],:host([variant='filled']) .native-button:disabled,:host([variant='filled']) .native-button[aria-disabled=true],:host([variant='filled-tonal']) .native-button:disabled,:host([variant='filled-tonal']) .native-button[aria-disabled=true]{background:rgb(15 8 101/12%);color:rgb(15 8 101/38%)}:host([variant='text']) .native-button{min-inline-size:0;background:0 0;color:var(--md-sys-color-primary)}:host([variant='text']) .native-button:disabled,:host([variant='text']) .native-button[aria-disabled=true]{color:rgb(15 8 101/38%)}:host([size='large']) .native-button{font-family:var(--md-sys-typescale-label-medium-font);font-size:var(--md-sys-typescale-label-medium-size);font-weight:var(--md-sys-typescale-label-medium-weight);line-height:var(--md-sys-typescale-label-medium-line-height);letter-spacing:normal}.native-icon{flex:0 0 auto;display:inline-block;inline-size:var(--scb-button-icon-size);block-size:var(--scb-button-icon-size);overflow:hidden;font-family:"Material Symbols Outlined";font-size:var(--scb-button-icon-size);line-height:1;text-align:center;white-space:nowrap;text-transform:none;word-wrap:normal;direction:ltr;font-feature-settings:"liga"1;font-variation-settings:var(--scb-button-font-variation-settings);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.native-icon.scb-svg-icon{fill:currentColor;font:inherit}.native-button-wrap md-ripple{position:absolute;inset:0;border-radius:inherit;pointer-events:none}.native-button-wrap md-focus-ring{pointer-events:none}:host([full-width]){display:flex;inline-size:100%}:host([full-width]) .native-button,:host([full-width]) .native-button-wrap{inline-size:100%;flex:1 1 auto}`}render(){const t=!!this.icon?.trim(),e=t?c`<span class="native-icon" part="icon" aria-hidden="true">${this.icon}</span>`:s,i=this.label.trim()===""&&!this.__hasDefaultSlotContent?this.icon:void 0,r=c`
+import{g as s,h as z,m as N,p as o,v as c,y as w}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as C}from"../../vendor/preload-helper.js";import{t as a}from"../../vendor/decorate.js";import{n as P,t as R}from"../../vendor/assertClassBrand.js";(function(){try{var p=typeof globalThis<"u"?globalThis:window;if(!p.__scb_ce_guard_installed__){p.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(e,i,r){try{customElements.get(e)||t(e,i,r)}catch(b){var l=String(b||"");if(l.indexOf("already been used")===-1&&l.indexOf("NotSupportedError")===-1)throw b}}}}catch{}})();var h,m,f;function $(){return m??(m=C(()=>import("../../vendor/lazy-focus-ring.js").then(p=>p.i),__vite__mapDeps([0,1,2]),import.meta.url)),m}function k(){return f??(f=C(()=>import("../../vendor/lazy-ripple.js"),__vite__mapDeps([3,2]),import.meta.url)),f}var n=(h=new WeakSet,class extends z{constructor(...t){super(...t),P(this,h),this.variant="filled",this.size="medium",this.type="button",this.label="Button",this.trailingIcon=!1,this.icon="",this.iconFilled=!1,this.disabled=!1,this.fullWidth=!1,this.href="",this.target="",this.rel="",this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this.__hasDefaultSlotContent=!1,this.__nativeFocusRingReady=!1,this.__nativeRippleReady=!1,this.__nativeRipplePendingClick=!1,this.__ensureNativeFocusRing=()=>{this.__nativeFocusRingReady||$().then(({ensureFocusRingReady:e})=>(e(),customElements.whenDefined("md-focus-ring"))).then(()=>{this.__nativeFocusRingReady=!0,this.toggleAttribute("data-native-focus-ring-ready",!0),this.requestUpdate(),this.updateComplete.then(()=>this.__syncNativeFocusRingControl())})},this.__onNativeFocusIn=e=>{const i=e.composedPath()[0];i instanceof HTMLElement&&i.matches(":focus-visible")&&this.__ensureNativeFocusRing()},this.__ensureNativeRipple=e=>{this.__nativeRippleReady||this.disabled||(e&&(this.__nativeRipplePendingPointerEvent=e),k().then(({ensureRippleReady:i})=>i()).then(()=>{this.disabled||(this.__nativeRippleReady=!0,this.requestUpdate(),this.updateComplete.then(()=>{this.__syncNativeFocusRingControl(),this.__replayNativeRippleState()}))}))},this.__onNativePointerWarmup=e=>{this.__ensureNativeRipple(e)},this.__onNativeClick=e=>{if(this.disabled){e.preventDefault(),e.stopPropagation();return}(!this.__nativeRippleReady||this.__nativeRipplePendingPointerEvent)&&(this.__nativeRipplePendingClick=!0,this.__ensureNativeRipple())}}__getNativeControl(){return this.renderRoot.querySelector(".native-button")}__handleDefaultSlotChange(t){const e=t.target.assignedNodes({flatten:!0}).some(i=>i.nodeType===Node.TEXT_NODE?!!i.textContent?.trim():i.nodeType===Node.ELEMENT_NODE);this.__hasDefaultSlotContent!==e&&(this.__hasDefaultSlotContent=e,this.requestUpdate()),this.updateComplete.then(()=>this.__syncAriaToInner())}__syncAriaToInner(){const t=this.__getNativeControl();t&&this.__syncAriaToControl(t)}__syncAriaToControl(t){const e=(this.getAttribute("aria-label")||"").trim(),i=this.label.trim()===""&&!this.__hasDefaultSlotContent?(this.icon||"").trim():"",r=e||i;r?t.setAttribute("aria-label",r):t.removeAttribute("aria-label");const l=this.getAttribute("aria-controls");l!==null?t.setAttribute("aria-controls",l):t.removeAttribute("aria-controls");const b=this.getAttribute("aria-haspopup");b!==null?t.setAttribute("aria-haspopup",b):t.removeAttribute("aria-haspopup");const _=this.getAttribute("aria-expanded");_!==null?t.setAttribute("aria-expanded",_):t.removeAttribute("aria-expanded"),this.__ariaObserver?.disconnect(),this.__ariaObserver=new MutationObserver(S=>{const d=this.__getNativeControl();if(d)for(const v of S){if(v.type!=="attributes"||!v.attributeName)continue;const u=v.attributeName,g=this.getAttribute(u);if(u==="aria-label"){const y=(g||(this.label.trim()===""&&!this.__hasDefaultSlotContent?(this.icon||"").trim():"")).trim();y?d.setAttribute("aria-label",y):d.removeAttribute("aria-label")}else(u==="aria-controls"||u==="aria-expanded"||u==="aria-haspopup")&&(g===null?d.removeAttribute(u):d.setAttribute(u,g))}}),this.__ariaObserver.observe(this,{attributes:!0,attributeFilter:["aria-label","aria-controls","aria-expanded","aria-haspopup"]})}connectedCallback(){super.connectedCallback()}focus(t){const e=this.__getNativeControl();if(e){e.focus(t);return}this.updateComplete.then(()=>this.__getNativeControl()?.focus(t))}blur(){this.__getNativeControl()?.blur()}firstUpdated(){(this.type==="submit"||this.type==="reset")&&this.addEventListener("click",()=>{if(!this.disabled){const t=this.closest("form");t&&(this.type==="submit"&&t.requestSubmit(),this.type==="reset"&&t.reset())}}),R(h,this,x).call(this)}updated(t){(t.has("variant")||t.has("label")||t.has("icon")||t.has("href"))&&this.updateComplete.then(()=>this.__syncAriaToInner()),(this.__nativeFocusRingReady||this.__nativeRippleReady)&&this.updateComplete.then(()=>this.__syncNativeFocusRingControl()),(t.has("spacing")||t.has("spacingTop")||t.has("spacingBottom")||t.has("spacingLeft")||t.has("spacingRight"))&&R(h,this,x).call(this)}disconnectedCallback(){this.__ariaObserver?.disconnect(),super.disconnectedCallback()}__syncNativeFocusRingControl(){const t=this.renderRoot.querySelector("md-focus-ring"),e=this.__getNativeControl();t&&e&&(t.control=e,t.visible=e.matches(":focus-visible"));const i=this.renderRoot.querySelector("md-ripple");i&&e&&(i.control=e)}async __replayNativeRippleState(){const t=this.renderRoot.querySelector("md-ripple"),e=this.__getNativeControl(),i=this.__nativeRipplePendingPointerEvent,r=this.__nativeRipplePendingClick;this.__nativeRipplePendingPointerEvent=void 0,this.__nativeRipplePendingClick=!1;const{syncRippleToControl:l}=await k();await l(t,e,i,r)}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}static get styles(){return w`:host{display:inline-flex;block-size:var(--scb-button-block-size, auto);margin-block-start:var(--scb-button-spacing-block-start, 0);margin-block-end:var(--scb-button-spacing-block-end, 0);margin-inline-start:var(--scb-button-spacing-inline-start, 0);margin-inline-end:var(--scb-button-spacing-inline-end, 0);--scb-button-font-variation-settings:'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;--scb-button-padding-block:var(--spacing-3);--scb-button-label-text-line-height:var(--scb-typography-label-medium-line-height, var(--md-sys-typescale-label-medium-line-height));--scb-button-container-height:var(--scb-control-size-medium, var(--scale-10, 40px));--scb-button-padding-inline:var(--spacing-5);--scb-button-icon-edge-space:var(--spacing-5);--scb-button-icon-gap:var(--spacing-3);--scb-button-icon-size:var(--icon-size-small, 20px)}:host([size='extra-small']),:host([size='small']){--scb-button-padding-block:var(--spacing-2);--scb-button-padding-inline:var(--spacing-4);--scb-button-icon-edge-space:var(--spacing-4);--scb-button-icon-gap:var(--spacing-2);--scb-button-icon-size:var(--icon-size-small, 20px)}:host([size='extra-small']){--scb-button-container-height:var(--scb-control-size-extra-small, var(--scale-08, 32px))}:host([size='small']){--scb-button-container-height:var(--scb-control-size-small, var(--scale-08, 32px))}:host([size='large']){--scb-button-container-height:var(--scb-control-size-large, var(--scale-12, 56px));--scb-button-padding-block:var(--spacing-5);--scb-button-label-text-line-height:var(--scb-typography-label-medium-line-height, var(--md-sys-typescale-label-medium-line-height));--scb-button-padding-inline:var(--spacing-7);--scb-button-icon-edge-space:var(--spacing-7);--scb-button-icon-gap:var(--spacing-3);--scb-button-icon-size:var(--icon-size-medium, 24px)}:host([icon-filled]){--scb-button-font-variation-settings:'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24}.native-button,.native-button-wrap{position:relative;display:inline-flex}.native-button-wrap{border-radius:var(--md-sys-shape-corner-full, 999px)}.native-button{z-index:0;box-sizing:border-box;align-items:center;justify-content:center;gap:var(--scb-button-icon-gap);min-block-size:var(--scb-button-block-size, var(--scb-button-container-height));block-size:var(--scb-button-block-size, var(--scb-button-container-height));min-inline-size:64px;inline-size:auto;padding-block:var(--scb-button-padding-block);padding-inline:var(--scb-button-padding-inline);overflow:hidden;border:0;border-radius:inherit;background:0 0;color:var(--md-sys-color-primary);font-family:var(--scb-typography-label-medium-font, var(--md-sys-typescale-label-medium-font));font-size:var(--scb-typography-label-medium-size, var(--md-sys-typescale-label-medium-size));font-weight:var(--scb-typography-label-medium-weight, var(--md-sys-typescale-label-medium-weight));line-height:var(--scb-button-label-text-line-height, var(--scb-typography-label-medium-line-height, var(--md-sys-typescale-label-medium-line-height)));letter-spacing:normal;text-align:center;text-decoration:none;white-space:nowrap;cursor:pointer;appearance:none;-webkit-appearance:none;touch-action:manipulation}::slotted(*){display:inline!important;margin:0!important;color:inherit!important;font:inherit!important;letter-spacing:inherit!important;line-height:inherit!important}.native-button::before{content:"";position:absolute;inset:0;z-index:-1;background:currentColor;opacity:0;pointer-events:none;transition:opacity var(--motion-duration-short, 150ms) var(--motion-easing-standard, ease)}.native-button:hover::before{opacity:var(--md-sys-state-hover-state-layer-opacity, 0.08)}.native-button:active::before{opacity:var(--md-sys-state-pressed-state-layer-opacity, 0.12)}.native-button:focus{outline:0}:host(:not([data-native-focus-ring-ready])) .native-button:focus-visible{outline:var(--stroke-border-m, 2px) solid var(--md-sys-color-primary);outline-offset:var(--spacing-1, 2px)}.native-button:disabled,.native-button[aria-disabled=true]{color:rgb(15 8 101/38%);cursor:default;opacity:1;pointer-events:none}:host(:not([variant])) .native-button,:host([variant='filled']) .native-button{border-color:transparent;background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}:host([variant='outlined']) .native-button{background:0 0;color:var(--md-sys-color-primary);box-shadow:inset 0 0 0 var(--stroke-border, 1px) var(--md-sys-color-outline)}:host([variant='outlined']) .native-button:disabled,:host([variant='outlined']) .native-button[aria-disabled=true]{color:rgb(15 8 101/38%);box-shadow:inset 0 0 0 var(--stroke-border, 1px) rgb(15 8 101/12%)}:host([variant='filled-tonal']) .native-button{border-color:transparent;background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}:host(:not([variant])) .native-button:disabled,:host(:not([variant])) .native-button[aria-disabled=true],:host([variant='filled']) .native-button:disabled,:host([variant='filled']) .native-button[aria-disabled=true],:host([variant='filled-tonal']) .native-button:disabled,:host([variant='filled-tonal']) .native-button[aria-disabled=true]{background:rgb(15 8 101/12%);color:rgb(15 8 101/38%)}:host([variant='text']) .native-button{min-inline-size:0;background:0 0;color:var(--md-sys-color-primary)}:host([variant='text']) .native-button:disabled,:host([variant='text']) .native-button[aria-disabled=true]{color:rgb(15 8 101/38%)}.native-icon{flex:0 0 auto;display:inline-block;inline-size:var(--scb-button-icon-size);block-size:var(--scb-button-icon-size);overflow:hidden;font-family:"Material Symbols Outlined";font-size:var(--scb-button-icon-size);line-height:1;text-align:center;white-space:nowrap;text-transform:none;word-wrap:normal;direction:ltr;font-feature-settings:"liga"1;font-variation-settings:var(--scb-button-font-variation-settings);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.native-icon.scb-svg-icon{fill:currentColor;font:inherit}.native-button-wrap md-ripple{position:absolute;inset:0;border-radius:inherit;pointer-events:none}.native-button-wrap md-focus-ring{pointer-events:none}:host([full-width]){display:flex;inline-size:100%}:host([full-width]) .native-button,:host([full-width]) .native-button-wrap{inline-size:100%;flex:1 1 auto}`}render(){const t=!!this.icon?.trim(),e=t?c`<span class="native-icon" part="icon" aria-hidden="true">${this.icon}</span>`:s,i=this.label.trim()===""&&!this.__hasDefaultSlotContent?this.icon:void 0,r=c`
       <slot
         @slotchange=${this.__handleDefaultSlotChange}
         style=${this.__hasDefaultSlotContent?s:"display: none"}
@@ -48,4 +46,4 @@ import{g as s,h as z,m as N,p as o,v as c,y as w}from"../../vendor/vendor.js";im
         ${this.__nativeRippleReady?c`<md-ripple aria-hidden="true"></md-ripple>`:s}
         ${this.__nativeFocusRingReady?c`<md-focus-ring aria-hidden="true"></md-focus-ring>`:s}
       </span>
-    `}});function C(){const p=this.mapSpacingToken(this.spacing),t=this.mapSpacingToken(this.spacingTop)??p,e=this.mapSpacingToken(this.spacingBottom)??p,i=this.mapSpacingToken(this.spacingLeft),r=this.mapSpacingToken(this.spacingRight);t?this.style.setProperty("--scb-button-spacing-block-start",t):this.style.removeProperty("--scb-button-spacing-block-start"),e?this.style.setProperty("--scb-button-spacing-block-end",e):this.style.removeProperty("--scb-button-spacing-block-end"),i?this.style.setProperty("--scb-button-spacing-inline-start",i):this.style.removeProperty("--scb-button-spacing-inline-start"),r?this.style.setProperty("--scb-button-spacing-inline-end",r):this.style.removeProperty("--scb-button-spacing-inline-end")}a([o({type:String,reflect:!0})],n.prototype,"variant",void 0);a([o({type:String,reflect:!0})],n.prototype,"size",void 0);a([o({type:String,reflect:!0})],n.prototype,"type",void 0);a([o({type:String})],n.prototype,"label",void 0);a([o({type:Boolean,attribute:"trailing-icon"})],n.prototype,"trailingIcon",void 0);a([o({type:String})],n.prototype,"icon",void 0);a([o({type:Boolean,attribute:"icon-filled",reflect:!0})],n.prototype,"iconFilled",void 0);a([o({type:Boolean,reflect:!0})],n.prototype,"disabled",void 0);a([o({type:Boolean,attribute:"full-width",reflect:!0})],n.prototype,"fullWidth",void 0);a([o({type:String})],n.prototype,"href",void 0);a([o({type:String})],n.prototype,"target",void 0);a([o({type:String})],n.prototype,"rel",void 0);a([o({type:String,reflect:!0})],n.prototype,"spacing",void 0);a([o({type:String,attribute:"spacing-top",reflect:!0})],n.prototype,"spacingTop",void 0);a([o({type:String,attribute:"spacing-bottom",reflect:!0})],n.prototype,"spacingBottom",void 0);a([o({type:String,attribute:"spacing-left",reflect:!0})],n.prototype,"spacingLeft",void 0);a([o({type:String,attribute:"spacing-right",reflect:!0})],n.prototype,"spacingRight",void 0);n=a([N("scb-button")],n);export{n as ScbButton};
+    `}});function x(){const p=this.mapSpacingToken(this.spacing),t=this.mapSpacingToken(this.spacingTop)??p,e=this.mapSpacingToken(this.spacingBottom)??p,i=this.mapSpacingToken(this.spacingLeft),r=this.mapSpacingToken(this.spacingRight);t?this.style.setProperty("--scb-button-spacing-block-start",t):this.style.removeProperty("--scb-button-spacing-block-start"),e?this.style.setProperty("--scb-button-spacing-block-end",e):this.style.removeProperty("--scb-button-spacing-block-end"),i?this.style.setProperty("--scb-button-spacing-inline-start",i):this.style.removeProperty("--scb-button-spacing-inline-start"),r?this.style.setProperty("--scb-button-spacing-inline-end",r):this.style.removeProperty("--scb-button-spacing-inline-end")}a([o({type:String,reflect:!0})],n.prototype,"variant",void 0);a([o({type:String,reflect:!0})],n.prototype,"size",void 0);a([o({type:String,reflect:!0})],n.prototype,"type",void 0);a([o({type:String})],n.prototype,"label",void 0);a([o({type:Boolean,attribute:"trailing-icon"})],n.prototype,"trailingIcon",void 0);a([o({type:String})],n.prototype,"icon",void 0);a([o({type:Boolean,attribute:"icon-filled",reflect:!0})],n.prototype,"iconFilled",void 0);a([o({type:Boolean,reflect:!0})],n.prototype,"disabled",void 0);a([o({type:Boolean,attribute:"full-width",reflect:!0})],n.prototype,"fullWidth",void 0);a([o({type:String})],n.prototype,"href",void 0);a([o({type:String})],n.prototype,"target",void 0);a([o({type:String})],n.prototype,"rel",void 0);a([o({type:String,reflect:!0})],n.prototype,"spacing",void 0);a([o({type:String,attribute:"spacing-top",reflect:!0})],n.prototype,"spacingTop",void 0);a([o({type:String,attribute:"spacing-bottom",reflect:!0})],n.prototype,"spacingBottom",void 0);a([o({type:String,attribute:"spacing-left",reflect:!0})],n.prototype,"spacingLeft",void 0);a([o({type:String,attribute:"spacing-right",reflect:!0})],n.prototype,"spacingRight",void 0);n=a([N("scb-button")],n);export{n as ScbButton};