scb-wc 0.1.217 → 0.1.219

package/icons.json

@@ -55,6 +55,7 @@
 "delete",
 "pin",
 "location_on",
+"map",
 "straighten",
 "compare_arrows",
 "swap_horiz",

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

@@ -1,48 +1,48 @@
-import{g,h as p,m as u,p as n,v as a,y as m}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import"../../vendor/icon.js";import"../../vendor/ripple.js";import{n as h}from"../../vendor/lazy-focus-ring.js";import{t as f}from"../../vendor/component-size-token.js";import{t as o}from"../../vendor/decorate.js";import"../scb-avatar/scb-avatar.js";import"../../vendor/scb-chevron.js";(function(){try{var b=typeof globalThis<"u"?globalThis:window;if(!b.__scb_ce_guard_installed__){b.__scb_ce_guard_installed__=!0;var c=customElements.define.bind(customElements);customElements.define=function(i,t,l){try{customElements.get(i)||c(i,t,l)}catch(s){var e=String(s||"");if(e.indexOf("already been used")===-1&&e.indexOf("NotSupportedError")===-1)throw s}}}}catch{}})();var d,v,r=(d=class extends p{constructor(...c){super(...c),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=v._uid(),this._ignoreNextNativeTitleAttrChange=!1,this._onSummaryClick=i=>{i.preventDefault();const t=!this.open;this.closest("scb-accordion")?.onItemToggled?.(this,t),this.setOpen(t)},this._onToggle=i=>{const t=i.currentTarget;t.open||(t.open=!0),this._applyInertByOpen()}}static _uid(){return globalThis.crypto?.randomUUID?.()??`${v._uidPrefix}-${++v._uidSeq}`}static get observedAttributes(){const c=super.observedAttributes||[];return c.includes("title")?c:[...c,"title"]}attributeChangedCallback(c,i,t){if(c==="title"&&this._ignoreNextNativeTitleAttrChange){this._ignoreNextNativeTitleAttrChange=!1;return}super.attributeChangedCallback(c,i,t),c==="title"&&t!==null&&(this._ignoreNextNativeTitleAttrChange=!0,this.removeAttribute("title"))}firstUpdated(){this._applyInertByOpen()}_applyInertByOpen(){const c=this.renderRoot.querySelector(".scb-accordion-bottom");c&&(this.open?(c.removeAttribute("inert"),c.setAttribute("aria-hidden","false")):(c.setAttribute("inert",""),c.setAttribute("aria-hidden","true")))}_onKeyDown(c){const i=this.closest("scb-accordion"),t=Array.from(i?.querySelectorAll("scb-accordion-item")||[]).map(s=>s.renderRoot.querySelector("details")?.querySelector(".scb-accordion-top")||null).filter(s=>!!s),l=c.currentTarget,e=t.indexOf(l);switch(c.key){case"ArrowDown":c.preventDefault(),e<t.length-1&&t[e+1].focus();break;case"ArrowUp":c.preventDefault(),e>0&&t[e-1].focus();break;case"Home":c.preventDefault(),t.length&&t[0].focus();break;case"End":c.preventDefault(),t.length&&t[t.length-1].focus();break}}setOpen(c){this.open=!!c;const i=this.renderRoot.querySelector("details");i&&!i.open&&(i.open=!0),this._applyInertByOpen()}updated(c){if(c.has("open")){const i=this.renderRoot.querySelector("details");i&&!i.open&&(i.open=!0),this._applyInertByOpen(),this.dispatchEvent(new CustomEvent("open-changed",{detail:{open:this.open,title:this.title},bubbles:!0,composed:!0}))}}render(){const c=`bottom-${this._unique}`,i=`header-${this._unique}`,t=this.closest("scb-accordion")?.getAttribute("size")||"large",l=f(this,`--scb-accordion-leading-avatar-component-size-${t}`,["small","medium","large","extra-large"],"medium"),e=this.leading?this.leadingVariant==="image"&&this.imgHrefImage?a`<img part="leading-image" class="img" src="${this.imgHrefImage}" alt="" />`:this.leadingVariant==="avatar"?a`
+import{g as l,h as p,m as v,p as n,v as o,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 y}from"../../vendor/component-size-token.js";import{t as r}from"../../vendor/decorate.js";import"../scb-avatar/scb-avatar.js";import"../../vendor/scb-chevron.js";(function(){try{var b=typeof globalThis<"u"?globalThis:window;if(!b.__scb_ce_guard_installed__){b.__scb_ce_guard_installed__=!0;var i=customElements.define.bind(customElements);customElements.define=function(e,c,g){try{customElements.get(e)||i(e,c,g)}catch(s){var a=String(s||"");if(a.indexOf("already been used")===-1&&a.indexOf("NotSupportedError")===-1)throw s}}}}catch{}})();var d,m,t=(d=class extends p{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=m._uid(),this._ignoreNextNativeTitleAttrChange=!1,this._onSummaryClick=e=>{e.preventDefault();const c=!this.open;this.closest("scb-accordion")?.onItemToggled?.(this,c),this.setOpen(c)},this._onToggle=e=>{const c=e.currentTarget;c.open||(c.open=!0),this._applyInertByOpen()}}static _uid(){return globalThis.crypto?.randomUUID?.()??`${m._uidPrefix}-${++m._uidSeq}`}static get observedAttributes(){const i=super.observedAttributes||[];return i.includes("title")?i:[...i,"title"]}attributeChangedCallback(i,e,c){if(i==="title"&&this._ignoreNextNativeTitleAttrChange){this._ignoreNextNativeTitleAttrChange=!1;return}super.attributeChangedCallback(i,e,c),i==="title"&&c!==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"),c=Array.from(e?.querySelectorAll("scb-accordion-item")||[]).map(s=>s.renderRoot.querySelector("details")?.querySelector(".scb-accordion-top")||null).filter(s=>!!s),g=i.currentTarget,a=c.indexOf(g);switch(i.key){case"ArrowDown":i.preventDefault(),a<c.length-1&&c[a+1].focus();break;case"ArrowUp":i.preventDefault(),a>0&&c[a-1].focus();break;case"Home":i.preventDefault(),c.length&&c[0].focus();break;case"End":i.preventDefault(),c.length&&c[c.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}`,c=this.closest("scb-accordion")?.getAttribute("size")||"large",g=y(this,`--scb-accordion-item-design-leading-avatar-component-size-${c}`,["small","medium","large","extra-large"],"medium"),a=this.leading?this.leadingVariant==="image"&&this.imgHrefImage?o`<img part="leading-image" class="img" src="${this.imgHrefImage}" alt="" />`:this.leadingVariant==="avatar"?o`
               <scb-avatar
                 label=${this.avatarLabel}
                 alt=${this.avatarAlt}
                 src=${this.avatarVariant==="image"?this.avatarSrc:""}
-                size=${l}
+                size=${g}
                 shape="circular"
                 variant=${this.avatarVariant}
               ></scb-avatar>
-            `:this.leadingVariant==="icon"?a`<md-icon>${this.leadingIcon}</md-icon>`:g:g;return a`
+            `:this.leadingVariant==="icon"?o`<md-icon>${this.leadingIcon}</md-icon>`:l:l;return o`
       <details class="scb-accordion-item" open @toggle=${this._onToggle}>
         <summary
-          id=${i}
+          id=${e}
           class="scb-accordion-top"
-          aria-controls=${c}
+          aria-controls=${i}
           aria-expanded=${String(this.open)}
           @click=${this._onSummaryClick}
           @keydown=${this._onKeyDown}
-          @focusin=${h}
+          @focusin=${u}
         >
           <md-ripple></md-ripple>
 
-          ${this.leading?a`<div class="leading">${e}</div>`:g}
+          ${this.leading?o`<div class="leading">${a}</div>`:l}
 
           <div class="texts">
-            ${this.overline?a`<div class="overline">${this.overline}</div>`:g}
+            ${this.overline?o`<div class="overline">${this.overline}</div>`:l}
             <div class="title">${this.title}</div>
-            ${this.supportingText?a`<div class="supporting-text">${this.supportingText}</div>`:g}
+            ${this.supportingText?o`<div class="supporting-text">${this.supportingText}</div>`:l}
           </div>
 
           <scb-chevron class="chevron" .open=${this.open}></scb-chevron>
         </summary>
 
-        <div id=${c} class="scb-accordion-bottom" role="region" aria-labelledby=${i}>
+        <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=${i} inward></md-focus-ring>
-    `}},v=d,d._uidPrefix=`uid-${Math.random().toString(36).slice(2)}`,d._uidSeq=0,d.styles=[m`:host{--scb-accordion-title-font-weight-current:var(--scb-accordion-title-large-font-weight, var(--scb-accordion-title-large-weight, var(--scb-accordion-title-font-weight, var(--scb-accordion-title-weight))));--scb-accordion-title-letter-spacing-current:var(--scb-accordion-title-large-letter-spacing, var(--scb-accordion-title-large-tracking, var(--scb-accordion-title-letter-spacing, var(--scb-accordion-title-tracking))));--scb-accordion-title-line-height-current:var(--scb-accordion-title-large-line-height, var(--scb-accordion-title-line-height));--scb-accordion-title-tracking-current:var(--scb-accordion-title-large-tracking, var(--scb-accordion-title-large-letter-spacing, var(--scb-accordion-title-tracking, var(--scb-accordion-title-letter-spacing))));--scb-accordion-title-weight-current:var(--scb-accordion-title-large-weight, var(--scb-accordion-title-large-font-weight, var(--scb-accordion-title-weight, var(--scb-accordion-title-font-weight))));--scb-accordion-title-size-current:var(--scb-accordion-title-large-size, var(--scb-accordion-title-size));--scb-accordion-title-font-current:var(--scb-accordion-title-large-font, var(--scb-accordion-title-font));--scb-accordion-overline-font-weight-current:var(--scb-accordion-overline-large-font-weight, var(--scb-accordion-overline-large-weight, var(--scb-accordion-overline-font-weight, var(--scb-accordion-overline-weight))));--scb-accordion-overline-letter-spacing-current:var(--scb-accordion-overline-large-letter-spacing, var(--scb-accordion-overline-large-tracking, var(--scb-accordion-overline-letter-spacing, var(--scb-accordion-overline-tracking))));--scb-accordion-overline-line-height-current:var(--scb-accordion-overline-large-line-height, var(--scb-accordion-overline-line-height));--scb-accordion-overline-tracking-current:var(--scb-accordion-overline-large-tracking, var(--scb-accordion-overline-large-letter-spacing, var(--scb-accordion-overline-tracking, var(--scb-accordion-overline-letter-spacing))));--scb-accordion-overline-weight-current:var(--scb-accordion-overline-large-weight, var(--scb-accordion-overline-large-font-weight, var(--scb-accordion-overline-weight, var(--scb-accordion-overline-font-weight))));--scb-accordion-overline-size-current:var(--scb-accordion-overline-large-size, var(--scb-accordion-overline-size));--scb-accordion-overline-font-current:var(--scb-accordion-overline-large-font, var(--scb-accordion-overline-font));--scb-accordion-supporting-font-weight-current:var(--scb-accordion-supporting-large-font-weight, var(--scb-accordion-supporting-large-weight, var(--scb-accordion-supporting-font-weight, var(--scb-accordion-supporting-weight))));--scb-accordion-supporting-letter-spacing-current:var(--scb-accordion-supporting-large-letter-spacing, var(--scb-accordion-supporting-large-tracking, var(--scb-accordion-supporting-letter-spacing, var(--scb-accordion-supporting-tracking))));--scb-accordion-supporting-line-height-current:var(--scb-accordion-supporting-large-line-height, var(--scb-accordion-supporting-line-height));--scb-accordion-supporting-tracking-current:var(--scb-accordion-supporting-large-tracking, var(--scb-accordion-supporting-large-letter-spacing, var(--scb-accordion-supporting-tracking, var(--scb-accordion-supporting-letter-spacing))));--scb-accordion-supporting-weight-current:var(--scb-accordion-supporting-large-weight, var(--scb-accordion-supporting-large-font-weight, var(--scb-accordion-supporting-weight, var(--scb-accordion-supporting-font-weight))));--scb-accordion-supporting-size-current:var(--scb-accordion-supporting-large-size, var(--scb-accordion-supporting-size));--scb-accordion-supporting-font-current:var(--scb-accordion-supporting-large-font, var(--scb-accordion-supporting-font));--scb-accordion-content-text-font-weight-current:var(--scb-accordion-content-text-large-font-weight, var(--scb-accordion-content-text-large-weight, var(--scb-accordion-content-text-font-weight, var(--scb-accordion-content-text-weight))));--scb-accordion-content-text-letter-spacing-current:var(--scb-accordion-content-text-large-letter-spacing, var(--scb-accordion-content-text-large-tracking, var(--scb-accordion-content-text-letter-spacing, var(--scb-accordion-content-text-tracking))));--scb-accordion-content-text-line-height-current:var(--scb-accordion-content-text-large-line-height, var(--scb-accordion-content-text-line-height));--scb-accordion-content-text-tracking-current:var(--scb-accordion-content-text-large-tracking, var(--scb-accordion-content-text-large-letter-spacing, var(--scb-accordion-content-text-tracking, var(--scb-accordion-content-text-letter-spacing))));--scb-accordion-content-text-weight-current:var(--scb-accordion-content-text-large-weight, var(--scb-accordion-content-text-large-font-weight, var(--scb-accordion-content-text-weight, var(--scb-accordion-content-text-font-weight))));--scb-accordion-content-text-size-current:var(--scb-accordion-content-text-large-size, var(--scb-accordion-content-text-size));--scb-accordion-content-text-font-current:var(--scb-accordion-content-text-large-font, var(--scb-accordion-content-text-font));display:block;position:relative;--scb-accordion-hover-radius:var(--radius-none, 0px);--scb-accordion-chevron-nudge-y:3px;--scb-accordion-motion-duration:var(--motion-duration-short, 200ms);--scb-accordion-motion-easing:var(
+      <md-focus-ring for=${e} inward></md-focus-ring>
+    `}},m=d,d._uidPrefix=`uid-${Math.random().toString(36).slice(2)}`,d._uidSeq=0,d.styles=[h`:host{--scb-accordion-title-font-weight-current:var(--scb-accordion-item-design-title-large-font-weight);--scb-accordion-title-letter-spacing-current:var(--scb-accordion-item-design-title-large-letter-spacing);--scb-accordion-title-line-height-current:var(--scb-accordion-item-design-title-large-line-height);--scb-accordion-title-tracking-current:var(--scb-accordion-item-design-title-large-tracking);--scb-accordion-title-weight-current:var(--scb-accordion-item-design-title-large-weight);--scb-accordion-title-size-current:var(--scb-accordion-item-design-title-large-size);--scb-accordion-title-font-current:var(--scb-accordion-item-design-title-large-font);--scb-accordion-overline-font-weight-current:var(--scb-accordion-item-design-overline-large-font-weight);--scb-accordion-overline-letter-spacing-current:var(--scb-accordion-item-design-overline-large-letter-spacing);--scb-accordion-overline-line-height-current:var(--scb-accordion-item-design-overline-large-line-height);--scb-accordion-overline-tracking-current:var(--scb-accordion-item-design-overline-large-tracking);--scb-accordion-overline-weight-current:var(--scb-accordion-item-design-overline-large-weight);--scb-accordion-overline-size-current:var(--scb-accordion-item-design-overline-large-size);--scb-accordion-overline-font-current:var(--scb-accordion-item-design-overline-large-font);--scb-accordion-supporting-font-weight-current:var(--scb-accordion-item-design-supporting-large-font-weight);--scb-accordion-supporting-letter-spacing-current:var(--scb-accordion-item-design-supporting-large-letter-spacing);--scb-accordion-supporting-line-height-current:var(--scb-accordion-item-design-supporting-large-line-height);--scb-accordion-supporting-tracking-current:var(--scb-accordion-item-design-supporting-large-tracking);--scb-accordion-supporting-weight-current:var(--scb-accordion-item-design-supporting-large-weight);--scb-accordion-supporting-size-current:var(--scb-accordion-item-design-supporting-large-size);--scb-accordion-supporting-font-current:var(--scb-accordion-item-design-supporting-large-font);--scb-accordion-content-text-font-weight-current:var(--scb-accordion-item-design-content-text-large-font-weight);--scb-accordion-content-text-letter-spacing-current:var(--scb-accordion-item-design-content-text-large-letter-spacing);--scb-accordion-content-text-line-height-current:var(--scb-accordion-item-design-content-text-large-line-height);--scb-accordion-content-text-tracking-current:var(--scb-accordion-item-design-content-text-large-tracking);--scb-accordion-content-text-weight-current:var(--scb-accordion-item-design-content-text-large-weight);--scb-accordion-content-text-size-current:var(--scb-accordion-item-design-content-text-large-size);--scb-accordion-content-text-font-current:var(--scb-accordion-item-design-content-text-large-font);display:block;position:relative;--scb-accordion-hover-radius:var(--radius-none, 0px);--scb-accordion-chevron-nudge-y:3px;--scb-accordion-motion-duration:var(--motion-duration-short, 200ms);--scb-accordion-motion-easing:var(
           --motion-easing-emphasized-accelerate,
           cubic-bezier(0.3, 0, 0.8, 0.15)
-        );--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-min-height:var(--scb-accordion-item-min-height-large, 72px);--scb-accordion-item-padding-inline:var(--scb-accordion-item-padding-inline-large, var(--spacing-5, 16px));--scb-accordion-item-padding-block:var(--scb-accordion-item-padding-block-large, var(--spacing-6, 20px));--scb-accordion-item-gap:var(--scb-accordion-item-gap-large, var(--spacing-5, 16px));--scb-accordion-chevron-size:var(--scb-accordion-chevron-size-large, var(--icon-size-medium, 24px));--scb-accordion-content-padding-top:var(--scb-accordion-content-padding-top-large, var(--spacing-0, 0px));--scb-accordion-content-padding-inline:var(--scb-accordion-content-padding-inline-large, var(--scb-accordion-item-padding-inline));--scb-accordion-content-padding-bottom:var(--scb-accordion-content-padding-bottom-large, var(--spacing-6, 20px));--scb-accordion-leading-image-size:var(--scb-accordion-leading-image-size-large, var(--scale-10, 40px));--scb-accordion-leading-icon-size:var(--scb-accordion-leading-icon-size-large, var(--icon-size-medium, 24px));--scb-accordion-text-gap:var(--scb-accordion-text-gap-large, var(--spacing-2, 4px))}:host([open]){--scb-accordion-motion-duration:var(--motion-duration-medium, 300ms);--scb-accordion-motion-easing:var(
+        );--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-min-height:var(--scb-accordion-item-design-item-height-large);--scb-accordion-item-padding-inline:var(--scb-accordion-item-design-padding-inline-large);--scb-accordion-item-padding-block:var(--scb-accordion-item-design-item-padding-block-large);--scb-accordion-item-gap:var(--scb-accordion-item-design-row-content-gap-large);--scb-accordion-chevron-size:var(--scb-accordion-item-design-chevron-icon-large);--scb-accordion-content-padding-top:var(--scb-accordion-item-design-content-padding-top-large);--scb-accordion-content-padding-inline:var(--scb-accordion-item-design-content-padding-inline-large);--scb-accordion-content-padding-bottom:var(--scb-accordion-item-design-content-padding-bottom-large);--scb-accordion-leading-image-size:var(--scb-accordion-item-design-leading-media-large);--scb-accordion-leading-icon-size:var(--scb-accordion-item-design-leading-icon-large);--scb-accordion-text-gap:var(--scb-accordion-item-design-text-gap-large)}:host([open]){--scb-accordion-motion-duration:var(--motion-duration-medium, 300ms);--scb-accordion-motion-easing:var(
           --motion-easing-emphasized-decelerate,
           cubic-bezier(0.05, 0.7, 0.1, 1)
-        )}:host([density="-2"]),:host-context([data-density="-2"]),:host-context(scb-accordion[size='medium']){--scb-accordion-title-font-weight-current:var(--scb-accordion-title-medium-font-weight, var(--scb-accordion-title-medium-weight, var(--scb-accordion-title-font-weight, var(--scb-accordion-title-weight))));--scb-accordion-title-letter-spacing-current:var(--scb-accordion-title-medium-letter-spacing, var(--scb-accordion-title-medium-tracking, var(--scb-accordion-title-letter-spacing, var(--scb-accordion-title-tracking))));--scb-accordion-title-line-height-current:var(--scb-accordion-title-medium-line-height, var(--scb-accordion-title-line-height));--scb-accordion-title-tracking-current:var(--scb-accordion-title-medium-tracking, var(--scb-accordion-title-medium-letter-spacing, var(--scb-accordion-title-tracking, var(--scb-accordion-title-letter-spacing))));--scb-accordion-title-weight-current:var(--scb-accordion-title-medium-weight, var(--scb-accordion-title-medium-font-weight, var(--scb-accordion-title-weight, var(--scb-accordion-title-font-weight))));--scb-accordion-title-size-current:var(--scb-accordion-title-medium-size, var(--scb-accordion-title-size));--scb-accordion-title-font-current:var(--scb-accordion-title-medium-font, var(--scb-accordion-title-font));--scb-accordion-overline-font-weight-current:var(--scb-accordion-overline-medium-font-weight, var(--scb-accordion-overline-medium-weight, var(--scb-accordion-overline-font-weight, var(--scb-accordion-overline-weight))));--scb-accordion-overline-letter-spacing-current:var(--scb-accordion-overline-medium-letter-spacing, var(--scb-accordion-overline-medium-tracking, var(--scb-accordion-overline-letter-spacing, var(--scb-accordion-overline-tracking))));--scb-accordion-overline-line-height-current:var(--scb-accordion-overline-medium-line-height, var(--scb-accordion-overline-line-height));--scb-accordion-overline-tracking-current:var(--scb-accordion-overline-medium-tracking, var(--scb-accordion-overline-medium-letter-spacing, var(--scb-accordion-overline-tracking, var(--scb-accordion-overline-letter-spacing))));--scb-accordion-overline-weight-current:var(--scb-accordion-overline-medium-weight, var(--scb-accordion-overline-medium-font-weight, var(--scb-accordion-overline-weight, var(--scb-accordion-overline-font-weight))));--scb-accordion-overline-size-current:var(--scb-accordion-overline-medium-size, var(--scb-accordion-overline-size));--scb-accordion-overline-font-current:var(--scb-accordion-overline-medium-font, var(--scb-accordion-overline-font));--scb-accordion-supporting-font-weight-current:var(--scb-accordion-supporting-medium-font-weight, var(--scb-accordion-supporting-medium-weight, var(--scb-accordion-supporting-font-weight, var(--scb-accordion-supporting-weight))));--scb-accordion-supporting-letter-spacing-current:var(--scb-accordion-supporting-medium-letter-spacing, var(--scb-accordion-supporting-medium-tracking, var(--scb-accordion-supporting-letter-spacing, var(--scb-accordion-supporting-tracking))));--scb-accordion-supporting-line-height-current:var(--scb-accordion-supporting-medium-line-height, var(--scb-accordion-supporting-line-height));--scb-accordion-supporting-tracking-current:var(--scb-accordion-supporting-medium-tracking, var(--scb-accordion-supporting-medium-letter-spacing, var(--scb-accordion-supporting-tracking, var(--scb-accordion-supporting-letter-spacing))));--scb-accordion-supporting-weight-current:var(--scb-accordion-supporting-medium-weight, var(--scb-accordion-supporting-medium-font-weight, var(--scb-accordion-supporting-weight, var(--scb-accordion-supporting-font-weight))));--scb-accordion-supporting-size-current:var(--scb-accordion-supporting-medium-size, var(--scb-accordion-supporting-size));--scb-accordion-supporting-font-current:var(--scb-accordion-supporting-medium-font, var(--scb-accordion-supporting-font));--scb-accordion-content-text-font-weight-current:var(--scb-accordion-content-text-medium-font-weight, var(--scb-accordion-content-text-medium-weight, var(--scb-accordion-content-text-font-weight, var(--scb-accordion-content-text-weight))));--scb-accordion-content-text-letter-spacing-current:var(--scb-accordion-content-text-medium-letter-spacing, var(--scb-accordion-content-text-medium-tracking, var(--scb-accordion-content-text-letter-spacing, var(--scb-accordion-content-text-tracking))));--scb-accordion-content-text-line-height-current:var(--scb-accordion-content-text-medium-line-height, var(--scb-accordion-content-text-line-height));--scb-accordion-content-text-tracking-current:var(--scb-accordion-content-text-medium-tracking, var(--scb-accordion-content-text-medium-letter-spacing, var(--scb-accordion-content-text-tracking, var(--scb-accordion-content-text-letter-spacing))));--scb-accordion-content-text-weight-current:var(--scb-accordion-content-text-medium-weight, var(--scb-accordion-content-text-medium-font-weight, var(--scb-accordion-content-text-weight, var(--scb-accordion-content-text-font-weight))));--scb-accordion-content-text-size-current:var(--scb-accordion-content-text-medium-size, var(--scb-accordion-content-text-size));--scb-accordion-content-text-font-current:var(--scb-accordion-content-text-medium-font, var(--scb-accordion-content-text-font));--scb-accordion-item-min-height:var(--scb-accordion-item-min-height-medium, 64px);--scb-accordion-item-padding-inline:var(--scb-accordion-item-padding-inline-medium, var(--spacing-5, 16px));--scb-accordion-item-padding-block:var(--scb-accordion-item-padding-block-medium, var(--spacing-5, 16px));--scb-accordion-item-gap:var(--scb-accordion-item-gap-medium, var(--spacing-5, 16px));--scb-accordion-chevron-size:var(--scb-accordion-chevron-size-medium, var(--icon-size-medium, 24px));--scb-accordion-content-padding-top:var(--scb-accordion-content-padding-top-medium, var(--spacing-0, 0px));--scb-accordion-content-padding-inline:var(--scb-accordion-content-padding-inline-medium, var(--scb-accordion-item-padding-inline));--scb-accordion-content-padding-bottom:var(--scb-accordion-content-padding-bottom-medium, var(--spacing-6, 20px));--scb-accordion-leading-image-size:var(--scb-accordion-leading-image-size-medium, var(--scale-10, 40px));--scb-accordion-leading-icon-size:var(--scb-accordion-leading-icon-size-medium, var(--icon-size-medium, 24px));--scb-accordion-text-gap:var(--scb-accordion-text-gap-medium, var(--spacing-1, 2px))}:host([density="-4"]),:host-context([data-density="-4"]),:host-context(scb-accordion[size='small']){--scb-accordion-title-font-weight-current:var(--scb-accordion-title-small-font-weight, var(--scb-accordion-title-small-weight, var(--scb-accordion-title-font-weight, var(--scb-accordion-title-weight))));--scb-accordion-title-letter-spacing-current:var(--scb-accordion-title-small-letter-spacing, var(--scb-accordion-title-small-tracking, var(--scb-accordion-title-letter-spacing, var(--scb-accordion-title-tracking))));--scb-accordion-title-line-height-current:var(--scb-accordion-title-small-line-height, var(--scb-accordion-title-line-height));--scb-accordion-title-tracking-current:var(--scb-accordion-title-small-tracking, var(--scb-accordion-title-small-letter-spacing, var(--scb-accordion-title-tracking, var(--scb-accordion-title-letter-spacing))));--scb-accordion-title-weight-current:var(--scb-accordion-title-small-weight, var(--scb-accordion-title-small-font-weight, var(--scb-accordion-title-weight, var(--scb-accordion-title-font-weight))));--scb-accordion-title-size-current:var(--scb-accordion-title-small-size, var(--scb-accordion-title-size));--scb-accordion-title-font-current:var(--scb-accordion-title-small-font, var(--scb-accordion-title-font));--scb-accordion-overline-font-weight-current:var(--scb-accordion-overline-small-font-weight, var(--scb-accordion-overline-small-weight, var(--scb-accordion-overline-font-weight, var(--scb-accordion-overline-weight))));--scb-accordion-overline-letter-spacing-current:var(--scb-accordion-overline-small-letter-spacing, var(--scb-accordion-overline-small-tracking, var(--scb-accordion-overline-letter-spacing, var(--scb-accordion-overline-tracking))));--scb-accordion-overline-line-height-current:var(--scb-accordion-overline-small-line-height, var(--scb-accordion-overline-line-height));--scb-accordion-overline-tracking-current:var(--scb-accordion-overline-small-tracking, var(--scb-accordion-overline-small-letter-spacing, var(--scb-accordion-overline-tracking, var(--scb-accordion-overline-letter-spacing))));--scb-accordion-overline-weight-current:var(--scb-accordion-overline-small-weight, var(--scb-accordion-overline-small-font-weight, var(--scb-accordion-overline-weight, var(--scb-accordion-overline-font-weight))));--scb-accordion-overline-size-current:var(--scb-accordion-overline-small-size, var(--scb-accordion-overline-size));--scb-accordion-overline-font-current:var(--scb-accordion-overline-small-font, var(--scb-accordion-overline-font));--scb-accordion-supporting-font-weight-current:var(--scb-accordion-supporting-small-font-weight, var(--scb-accordion-supporting-small-weight, var(--scb-accordion-supporting-font-weight, var(--scb-accordion-supporting-weight))));--scb-accordion-supporting-letter-spacing-current:var(--scb-accordion-supporting-small-letter-spacing, var(--scb-accordion-supporting-small-tracking, var(--scb-accordion-supporting-letter-spacing, var(--scb-accordion-supporting-tracking))));--scb-accordion-supporting-line-height-current:var(--scb-accordion-supporting-small-line-height, var(--scb-accordion-supporting-line-height));--scb-accordion-supporting-tracking-current:var(--scb-accordion-supporting-small-tracking, var(--scb-accordion-supporting-small-letter-spacing, var(--scb-accordion-supporting-tracking, var(--scb-accordion-supporting-letter-spacing))));--scb-accordion-supporting-weight-current:var(--scb-accordion-supporting-small-weight, var(--scb-accordion-supporting-small-font-weight, var(--scb-accordion-supporting-weight, var(--scb-accordion-supporting-font-weight))));--scb-accordion-supporting-size-current:var(--scb-accordion-supporting-small-size, var(--scb-accordion-supporting-size));--scb-accordion-supporting-font-current:var(--scb-accordion-supporting-small-font, var(--scb-accordion-supporting-font));--scb-accordion-content-text-font-weight-current:var(--scb-accordion-content-text-small-font-weight, var(--scb-accordion-content-text-small-weight, var(--scb-accordion-content-text-font-weight, var(--scb-accordion-content-text-weight))));--scb-accordion-content-text-letter-spacing-current:var(--scb-accordion-content-text-small-letter-spacing, var(--scb-accordion-content-text-small-tracking, var(--scb-accordion-content-text-letter-spacing, var(--scb-accordion-content-text-tracking))));--scb-accordion-content-text-line-height-current:var(--scb-accordion-content-text-small-line-height, var(--scb-accordion-content-text-line-height));--scb-accordion-content-text-tracking-current:var(--scb-accordion-content-text-small-tracking, var(--scb-accordion-content-text-small-letter-spacing, var(--scb-accordion-content-text-tracking, var(--scb-accordion-content-text-letter-spacing))));--scb-accordion-content-text-weight-current:var(--scb-accordion-content-text-small-weight, var(--scb-accordion-content-text-small-font-weight, var(--scb-accordion-content-text-weight, var(--scb-accordion-content-text-font-weight))));--scb-accordion-content-text-size-current:var(--scb-accordion-content-text-small-size, var(--scb-accordion-content-text-size));--scb-accordion-content-text-font-current:var(--scb-accordion-content-text-small-font, var(--scb-accordion-content-text-font));--scb-accordion-item-min-height:var(--scb-accordion-item-min-height-small, var(--scale-12, 56px));--scb-accordion-item-padding-inline:var(--scb-accordion-item-padding-inline-small, var(--spacing-5, 16px));--scb-accordion-item-padding-block:var(--scb-accordion-item-padding-block-small, var(--spacing-4, 12px));--scb-accordion-item-gap:var(--scb-accordion-item-gap-small, var(--spacing-5, 16px));--scb-accordion-chevron-size:var(--scb-accordion-chevron-size-small, var(--icon-size-medium, 24px));--scb-accordion-content-padding-top:var(--scb-accordion-content-padding-top-small, var(--spacing-0, 0px));--scb-accordion-content-padding-inline:var(--scb-accordion-content-padding-inline-small, var(--scb-accordion-item-padding-inline));--scb-accordion-content-padding-bottom:var(--scb-accordion-content-padding-bottom-small, var(--spacing-6, 20px));--scb-accordion-leading-image-size:var(--scb-accordion-leading-image-size-small, var(--scale-10, 40px));--scb-accordion-leading-icon-size:var(--scb-accordion-leading-icon-size-small, var(--icon-size-medium, 24px));--scb-accordion-text-gap:var(--scb-accordion-text-gap-small, var(--spacing-1, 2px))}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(--scb-accordion-divider-color, var(--md-sys-color-outline-variant));color:var(--scb-accordion-content-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;min-block-size:var(--scb-accordion-item-min-height, 72px);cursor:pointer;padding-block:var(--scb-accordion-item-padding-block, var(--spacing-6, 20px));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(--scb-accordion-title-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:""}.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(--scb-accordion-content-padding-top, var(--spacing-0, 0px)) - var(--scb-accordion-interaction-bleed)));padding-right:calc(var(--scb-accordion-content-padding-inline, var(--scb-accordion-item-padding-inline, var(--spacing-5, 16px))) - var(--scb-accordion-interaction-bleed));padding-bottom:calc(var(--scb-accordion-content-padding-bottom, var(--scb-accordion-item-padding-inline, var(--spacing-5, 16px))) - var(--scb-accordion-interaction-bleed));padding-left:calc(var(--scb-accordion-content-padding-inline, var(--scb-accordion-item-padding-inline, var(--spacing-5, 16px))) - var(--scb-accordion-interaction-bleed))}.bottom-inner{min-height:0;overflow:visible;padding-block:0;padding-inline:var(--scb-accordion-interaction-bleed);transition:padding-block 0s linear var(--scb-accordion-motion-duration);color:var(--scb-accordion-content-color, var(--md-sys-color-on-surface));font-family:var(--scb-accordion-content-text-font-current, var(--brand-font));font-size:var(--scb-accordion-content-text-font-current-size, var(--scb-accordion-content-text-size-current, var(--md-sys-typescale-body-large-size)));line-height:var(--scb-accordion-content-text-line-height-current, var(--md-sys-typescale-body-large-line-height));font-weight:var(--scb-accordion-content-text-font-weight-current, var(--scb-accordion-content-text-weight-current, var(--weight-regular)));letter-spacing:var(--scb-accordion-content-text-letter-spacing-current, var(--scb-accordion-content-text-tracking-current, var(--md-sys-typescale-body-large-tracking)))}:host([open]) .bottom-inner{padding-block:var(--scb-accordion-interaction-bleed);transition-delay:0s}.bottom-inner ::slotted(div),.bottom-inner ::slotted(ol),.bottom-inner ::slotted(p),.bottom-inner ::slotted(span),.bottom-inner ::slotted(ul){color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;font-weight:inherit;letter-spacing:inherit}.leading md-icon,.title{color:var(--scb-accordion-title-color, var(--md-sys-color-on-surface))}.title{font-family:var(--scb-accordion-title-font-current, var(--brand-font));font-size:var(--scb-accordion-title-font-current-size, var(--scb-accordion-title-size-current, var(--md-sys-typescale-title-medium-size)));line-height:var(--scb-accordion-title-line-height-current, var(--md-sys-typescale-title-medium-line-height));font-weight:var(--scb-accordion-title-font-weight-current, var(--scb-accordion-title-weight-current, var(--weight-semibold)));letter-spacing:var(--scb-accordion-title-letter-spacing-current, var(--scb-accordion-title-tracking-current, var(--md-sys-typescale-title-medium-tracking)))}.overline,.supporting-text{color:var(--scb-accordion-secondary-content-color, var(--md-sys-color-on-surface-variant))}.overline{font-family:var(--scb-accordion-overline-font-current, var(--brand-font));font-size:var(--scb-accordion-overline-font-current-size, var(--scb-accordion-overline-size-current, var(--md-sys-typescale-body-small-size)));line-height:var(--scb-accordion-overline-line-height-current, var(--md-sys-typescale-body-small-line-height));font-weight:var(--scb-accordion-overline-font-weight-current, var(--scb-accordion-overline-weight-current, var(--weight-regular)));letter-spacing:var(--scb-accordion-overline-letter-spacing-current, var(--scb-accordion-overline-tracking-current, var(--md-sys-typescale-body-small-tracking)))}.supporting-text{font-family:var(--scb-accordion-supporting-font-current, var(--brand-font));font-size:var(--scb-accordion-supporting-font-current-size, var(--scb-accordion-supporting-size-current, var(--md-sys-typescale-body-medium-size)));line-height:var(--scb-accordion-supporting-line-height-current, var(--md-sys-typescale-body-medium-line-height));font-weight:var(--scb-accordion-supporting-font-weight-current, var(--scb-accordion-supporting-weight-current, var(--weight-regular)));letter-spacing:var(--scb-accordion-supporting-letter-spacing-current, var(--scb-accordion-supporting-tracking-current, var(--md-sys-typescale-body-medium-tracking)))}.leading{align-self:center;display:grid;place-items:center}.leading md-icon{--md-icon-size:var(--scb-accordion-leading-icon-size, var(--icon-size-medium, 24px));font-size:var(--scb-accordion-leading-icon-size, var(--icon-size-medium, 24px));inline-size:var(--scb-accordion-leading-icon-size, var(--icon-size-medium, 24px));block-size:var(--scb-accordion-leading-icon-size, var(--icon-size-medium, 24px));line-height:1}.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(--scb-accordion-text-gap)}.chevron{margin-left:auto;--scb-chevron-size:var(--scb-accordion-chevron-size, var(--icon-size-medium, 24px));inline-size:var(--scb-accordion-chevron-size, var(--icon-size-medium, 24px));block-size:var(--scb-accordion-chevron-size, var(--icon-size-medium, 24px));color:var(--scb-accordion-chevron-color, var(--md-sys-color-on-surface))}md-ripple{border-radius:inherit;inset:0;position:absolute;pointer-events:none;overflow:hidden}@media (prefers-reduced-motion:reduce){md-ripple{display:none}.bottom-inner,.scb-accordion-bottom{transition:none}}`],d);o([n({type:Boolean,reflect:!0})],r.prototype,"open",void 0);o([n({type:String})],r.prototype,"title",void 0);o([n({type:String})],r.prototype,"content",void 0);o([n({type:String,attribute:"overline"})],r.prototype,"overline",void 0);o([n({type:String,attribute:"supporting-text"})],r.prototype,"supportingText",void 0);o([n({type:Boolean})],r.prototype,"leading",void 0);o([n({type:String,attribute:"leading-variant",reflect:!0})],r.prototype,"leadingVariant",void 0);o([n({type:String,attribute:"leading-icon"})],r.prototype,"leadingIcon",void 0);o([n({type:String,attribute:"img-href-image",reflect:!0})],r.prototype,"imgHrefImage",void 0);o([n({type:String,attribute:"avatar-label"})],r.prototype,"avatarLabel",void 0);o([n({type:String,attribute:"avatar-alt"})],r.prototype,"avatarAlt",void 0);o([n({type:String,attribute:"avatar-variant"})],r.prototype,"avatarVariant",void 0);o([n({type:String,attribute:"avatar-src"})],r.prototype,"avatarSrc",void 0);o([n({type:Number,reflect:!0})],r.prototype,"density",void 0);r=v=o([u("scb-accordion-item")],r);
+        )}:host([density="-2"]),:host-context([data-density="-2"]),:host-context(scb-accordion[size='medium']){--scb-accordion-title-font-weight-current:var(--scb-accordion-item-design-title-medium-font-weight);--scb-accordion-title-letter-spacing-current:var(--scb-accordion-item-design-title-medium-letter-spacing);--scb-accordion-title-line-height-current:var(--scb-accordion-item-design-title-medium-line-height);--scb-accordion-title-tracking-current:var(--scb-accordion-item-design-title-medium-tracking);--scb-accordion-title-weight-current:var(--scb-accordion-item-design-title-medium-weight);--scb-accordion-title-size-current:var(--scb-accordion-item-design-title-medium-size);--scb-accordion-title-font-current:var(--scb-accordion-item-design-title-medium-font);--scb-accordion-overline-font-weight-current:var(--scb-accordion-item-design-overline-medium-font-weight);--scb-accordion-overline-letter-spacing-current:var(--scb-accordion-item-design-overline-medium-letter-spacing);--scb-accordion-overline-line-height-current:var(--scb-accordion-item-design-overline-medium-line-height);--scb-accordion-overline-tracking-current:var(--scb-accordion-item-design-overline-medium-tracking);--scb-accordion-overline-weight-current:var(--scb-accordion-item-design-overline-medium-weight);--scb-accordion-overline-size-current:var(--scb-accordion-item-design-overline-medium-size);--scb-accordion-overline-font-current:var(--scb-accordion-item-design-overline-medium-font);--scb-accordion-supporting-font-weight-current:var(--scb-accordion-item-design-supporting-medium-font-weight);--scb-accordion-supporting-letter-spacing-current:var(--scb-accordion-item-design-supporting-medium-letter-spacing);--scb-accordion-supporting-line-height-current:var(--scb-accordion-item-design-supporting-medium-line-height);--scb-accordion-supporting-tracking-current:var(--scb-accordion-item-design-supporting-medium-tracking);--scb-accordion-supporting-weight-current:var(--scb-accordion-item-design-supporting-medium-weight);--scb-accordion-supporting-size-current:var(--scb-accordion-item-design-supporting-medium-size);--scb-accordion-supporting-font-current:var(--scb-accordion-item-design-supporting-medium-font);--scb-accordion-content-text-font-weight-current:var(--scb-accordion-item-design-content-text-medium-font-weight);--scb-accordion-content-text-letter-spacing-current:var(--scb-accordion-item-design-content-text-medium-letter-spacing);--scb-accordion-content-text-line-height-current:var(--scb-accordion-item-design-content-text-medium-line-height);--scb-accordion-content-text-tracking-current:var(--scb-accordion-item-design-content-text-medium-tracking);--scb-accordion-content-text-weight-current:var(--scb-accordion-item-design-content-text-medium-weight);--scb-accordion-content-text-size-current:var(--scb-accordion-item-design-content-text-medium-size);--scb-accordion-content-text-font-current:var(--scb-accordion-item-design-content-text-medium-font);--scb-accordion-item-min-height:var(--scb-accordion-item-design-item-height-medium);--scb-accordion-item-padding-inline:var(--scb-accordion-item-design-padding-inline-medium);--scb-accordion-item-padding-block:var(--scb-accordion-item-design-item-padding-block-medium);--scb-accordion-item-gap:var(--scb-accordion-item-design-row-content-gap-medium);--scb-accordion-chevron-size:var(--scb-accordion-item-design-chevron-icon-medium);--scb-accordion-content-padding-top:var(--scb-accordion-item-design-content-padding-top-medium);--scb-accordion-content-padding-inline:var(--scb-accordion-item-design-content-padding-inline-medium);--scb-accordion-content-padding-bottom:var(--scb-accordion-item-design-content-padding-bottom-medium);--scb-accordion-leading-image-size:var(--scb-accordion-item-design-leading-media-medium);--scb-accordion-leading-icon-size:var(--scb-accordion-item-design-leading-icon-medium);--scb-accordion-text-gap:var(--scb-accordion-item-design-text-gap-medium)}:host([density="-4"]),:host-context([data-density="-4"]),:host-context(scb-accordion[size='small']){--scb-accordion-title-font-weight-current:var(--scb-accordion-item-design-title-small-font-weight);--scb-accordion-title-letter-spacing-current:var(--scb-accordion-item-design-title-small-letter-spacing);--scb-accordion-title-line-height-current:var(--scb-accordion-item-design-title-small-line-height);--scb-accordion-title-tracking-current:var(--scb-accordion-item-design-title-small-tracking);--scb-accordion-title-weight-current:var(--scb-accordion-item-design-title-small-weight);--scb-accordion-title-size-current:var(--scb-accordion-item-design-title-small-size);--scb-accordion-title-font-current:var(--scb-accordion-item-design-title-small-font);--scb-accordion-overline-font-weight-current:var(--scb-accordion-item-design-overline-small-font-weight);--scb-accordion-overline-letter-spacing-current:var(--scb-accordion-item-design-overline-small-letter-spacing);--scb-accordion-overline-line-height-current:var(--scb-accordion-item-design-overline-small-line-height);--scb-accordion-overline-tracking-current:var(--scb-accordion-item-design-overline-small-tracking);--scb-accordion-overline-weight-current:var(--scb-accordion-item-design-overline-small-weight);--scb-accordion-overline-size-current:var(--scb-accordion-item-design-overline-small-size);--scb-accordion-overline-font-current:var(--scb-accordion-item-design-overline-small-font);--scb-accordion-supporting-font-weight-current:var(--scb-accordion-item-design-supporting-small-font-weight);--scb-accordion-supporting-letter-spacing-current:var(--scb-accordion-item-design-supporting-small-letter-spacing);--scb-accordion-supporting-line-height-current:var(--scb-accordion-item-design-supporting-small-line-height);--scb-accordion-supporting-tracking-current:var(--scb-accordion-item-design-supporting-small-tracking);--scb-accordion-supporting-weight-current:var(--scb-accordion-item-design-supporting-small-weight);--scb-accordion-supporting-size-current:var(--scb-accordion-item-design-supporting-small-size);--scb-accordion-supporting-font-current:var(--scb-accordion-item-design-supporting-small-font);--scb-accordion-content-text-font-weight-current:var(--scb-accordion-item-design-content-text-small-font-weight);--scb-accordion-content-text-letter-spacing-current:var(--scb-accordion-item-design-content-text-small-letter-spacing);--scb-accordion-content-text-line-height-current:var(--scb-accordion-item-design-content-text-small-line-height);--scb-accordion-content-text-tracking-current:var(--scb-accordion-item-design-content-text-small-tracking);--scb-accordion-content-text-weight-current:var(--scb-accordion-item-design-content-text-small-weight);--scb-accordion-content-text-size-current:var(--scb-accordion-item-design-content-text-small-size);--scb-accordion-content-text-font-current:var(--scb-accordion-item-design-content-text-small-font);--scb-accordion-item-min-height:var(--scb-accordion-item-design-item-height-small);--scb-accordion-item-padding-inline:var(--scb-accordion-item-design-padding-inline-small);--scb-accordion-item-padding-block:var(--scb-accordion-item-design-item-padding-block-small);--scb-accordion-item-gap:var(--scb-accordion-item-design-row-content-gap-small);--scb-accordion-chevron-size:var(--scb-accordion-item-design-chevron-icon-small);--scb-accordion-content-padding-top:var(--scb-accordion-item-design-content-padding-top-small);--scb-accordion-content-padding-inline:var(--scb-accordion-item-design-content-padding-inline-small);--scb-accordion-content-padding-bottom:var(--scb-accordion-item-design-content-padding-bottom-small);--scb-accordion-leading-image-size:var(--scb-accordion-item-design-leading-media-small);--scb-accordion-leading-icon-size:var(--scb-accordion-item-design-leading-icon-small);--scb-accordion-text-gap:var(--scb-accordion-item-design-text-gap-small)}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(--scb-accordion-divider-color, var(--md-sys-color-outline-variant));color:var(--scb-accordion-content-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;min-block-size:var(--scb-accordion-item-min-height, 72px);cursor:pointer;padding-block:var(--scb-accordion-item-padding-block, var(--spacing-6, 20px));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(--scb-accordion-title-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:""}.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(--scb-accordion-content-padding-top, var(--spacing-0, 0px)) - var(--scb-accordion-interaction-bleed)));padding-right:calc(var(--scb-accordion-content-padding-inline, var(--scb-accordion-item-padding-inline, var(--spacing-5, 16px))) - var(--scb-accordion-interaction-bleed));padding-bottom:calc(var(--scb-accordion-content-padding-bottom, var(--scb-accordion-item-padding-inline, var(--spacing-5, 16px))) - var(--scb-accordion-interaction-bleed));padding-left:calc(var(--scb-accordion-content-padding-inline, var(--scb-accordion-item-padding-inline, var(--spacing-5, 16px))) - var(--scb-accordion-interaction-bleed))}.bottom-inner{min-height:0;overflow:visible;padding-block:0;padding-inline:var(--scb-accordion-interaction-bleed);transition:padding-block 0s linear var(--scb-accordion-motion-duration);color:var(--scb-accordion-content-color, var(--md-sys-color-on-surface));font-family:var(--scb-accordion-content-text-font-current, var(--brand-font));font-size:var(--scb-accordion-content-text-font-current-size, var(--scb-accordion-content-text-size-current, var(--md-sys-typescale-body-large-size)));line-height:var(--scb-accordion-content-text-line-height-current, var(--md-sys-typescale-body-large-line-height));font-weight:var(--scb-accordion-content-text-font-weight-current, var(--scb-accordion-content-text-weight-current, var(--weight-regular)));letter-spacing:var(--scb-accordion-content-text-letter-spacing-current, var(--scb-accordion-content-text-tracking-current, var(--md-sys-typescale-body-large-tracking)))}:host([open]) .bottom-inner{padding-block:var(--scb-accordion-interaction-bleed);transition-delay:0s}.bottom-inner ::slotted(div),.bottom-inner ::slotted(ol),.bottom-inner ::slotted(p),.bottom-inner ::slotted(span),.bottom-inner ::slotted(ul){color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;font-weight:inherit;letter-spacing:inherit}.leading md-icon,.title{color:var(--scb-accordion-title-color, var(--md-sys-color-on-surface))}.title{font-family:var(--scb-accordion-title-font-current, var(--brand-font));font-size:var(--scb-accordion-title-font-current-size, var(--scb-accordion-title-size-current, var(--md-sys-typescale-title-medium-size)));line-height:var(--scb-accordion-title-line-height-current, var(--md-sys-typescale-title-medium-line-height));font-weight:var(--scb-accordion-title-font-weight-current, var(--scb-accordion-title-weight-current, var(--weight-semibold)));letter-spacing:var(--scb-accordion-title-letter-spacing-current, var(--scb-accordion-title-tracking-current, var(--md-sys-typescale-title-medium-tracking)))}.overline,.supporting-text{color:var(--scb-accordion-secondary-content-color, var(--md-sys-color-on-surface-variant))}.overline{font-family:var(--scb-accordion-overline-font-current, var(--brand-font));font-size:var(--scb-accordion-overline-font-current-size, var(--scb-accordion-overline-size-current, var(--md-sys-typescale-body-small-size)));line-height:var(--scb-accordion-overline-line-height-current, var(--md-sys-typescale-body-small-line-height));font-weight:var(--scb-accordion-overline-font-weight-current, var(--scb-accordion-overline-weight-current, var(--weight-regular)));letter-spacing:var(--scb-accordion-overline-letter-spacing-current, var(--scb-accordion-overline-tracking-current, var(--md-sys-typescale-body-small-tracking)))}.supporting-text{font-family:var(--scb-accordion-supporting-font-current, var(--brand-font));font-size:var(--scb-accordion-supporting-font-current-size, var(--scb-accordion-supporting-size-current, var(--md-sys-typescale-body-medium-size)));line-height:var(--scb-accordion-supporting-line-height-current, var(--md-sys-typescale-body-medium-line-height));font-weight:var(--scb-accordion-supporting-font-weight-current, var(--scb-accordion-supporting-weight-current, var(--weight-regular)));letter-spacing:var(--scb-accordion-supporting-letter-spacing-current, var(--scb-accordion-supporting-tracking-current, var(--md-sys-typescale-body-medium-tracking)))}.leading{align-self:center;display:grid;place-items:center}.leading md-icon{--md-icon-size:var(--scb-accordion-leading-icon-size, var(--icon-size-medium, 24px));font-size:var(--scb-accordion-leading-icon-size, var(--icon-size-medium, 24px));inline-size:var(--scb-accordion-leading-icon-size, var(--icon-size-medium, 24px));block-size:var(--scb-accordion-leading-icon-size, var(--icon-size-medium, 24px));line-height:1}.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(--scb-accordion-text-gap)}.chevron{margin-left:auto;--scb-chevron-size:var(--scb-accordion-chevron-size, var(--icon-size-medium, 24px));inline-size:var(--scb-accordion-chevron-size, var(--icon-size-medium, 24px));block-size:var(--scb-accordion-chevron-size, var(--icon-size-medium, 24px));color:var(--scb-accordion-chevron-color, var(--md-sys-color-on-surface))}md-ripple{border-radius:inherit;inset:0;position:absolute;pointer-events:none;overflow:hidden}@media (prefers-reduced-motion:reduce){md-ripple{display:none}.bottom-inner,.scb-accordion-bottom{transition:none}}:host{--scb-accordion-item-design-item-height-small:var(--scb-accordion-item-min-height-small, var(--scale-12, 56px));--scb-accordion-item-design-item-height-medium:var(--scb-accordion-item-min-height-medium, 64px);--scb-accordion-item-design-item-height-large:var(--scb-accordion-item-min-height-large, 72px);--scb-accordion-item-design-item-padding-block-small:var(--scb-accordion-item-padding-block-small, var(--spacing-4, 12px));--scb-accordion-item-design-item-padding-block-medium:var(--scb-accordion-item-padding-block-medium, var(--spacing-5, 16px));--scb-accordion-item-design-item-padding-block-large:var(--scb-accordion-item-padding-block-large, var(--spacing-6, 20px));--scb-accordion-item-design-padding-inline-small:var(--scb-accordion-item-padding-inline-small, var(--spacing-5, 16px));--scb-accordion-item-design-padding-inline-medium:var(--scb-accordion-item-padding-inline-medium, var(--spacing-5, 16px));--scb-accordion-item-design-padding-inline-large:var(--scb-accordion-item-padding-inline-large, var(--spacing-5, 16px));--scb-accordion-item-design-row-content-gap-small:var(--scb-accordion-item-gap-small, var(--spacing-5, 16px));--scb-accordion-item-design-row-content-gap-medium:var(--scb-accordion-item-gap-medium, var(--spacing-5, 16px));--scb-accordion-item-design-row-content-gap-large:var(--scb-accordion-item-gap-large, var(--spacing-5, 16px));--scb-accordion-item-design-text-gap-small:var(--scb-accordion-text-gap-small, var(--spacing-1, 2px));--scb-accordion-item-design-text-gap-medium:var(--scb-accordion-text-gap-medium, var(--spacing-1, 2px));--scb-accordion-item-design-text-gap-large:var(--scb-accordion-text-gap-large, var(--spacing-2, 4px));--scb-accordion-item-design-chevron-icon-small:var(--scb-accordion-chevron-size-small, var(--icon-size-medium, 24px));--scb-accordion-item-design-chevron-icon-medium:var(--scb-accordion-chevron-size-medium, var(--icon-size-medium, 24px));--scb-accordion-item-design-chevron-icon-large:var(--scb-accordion-chevron-size-large, var(--icon-size-medium, 24px));--scb-accordion-item-design-leading-media-small:var(--scb-accordion-leading-image-size-small, var(--scale-10, 40px));--scb-accordion-item-design-leading-media-medium:var(--scb-accordion-leading-image-size-medium, var(--scale-10, 40px));--scb-accordion-item-design-leading-media-large:var(--scb-accordion-leading-image-size-large, var(--scale-10, 40px));--scb-accordion-item-design-leading-icon-small:var(--scb-accordion-leading-icon-size-small, var(--icon-size-medium, 24px));--scb-accordion-item-design-leading-icon-medium:var(--scb-accordion-leading-icon-size-medium, var(--icon-size-medium, 24px));--scb-accordion-item-design-leading-icon-large:var(--scb-accordion-leading-icon-size-large, var(--icon-size-medium, 24px));--scb-accordion-item-design-leading-avatar-component-size-small:var(--scb-accordion-leading-avatar-component-size-small, medium);--scb-accordion-item-design-leading-avatar-component-size-medium:var(--scb-accordion-leading-avatar-component-size-medium, medium);--scb-accordion-item-design-leading-avatar-component-size-large:var(--scb-accordion-leading-avatar-component-size-large, medium);--scb-accordion-item-design-title-small-font:var(--scb-accordion-title-small-font, var(--scb-accordion-title-font, var(--scb-typography-title-medium-font, var(--md-sys-typescale-title-medium-font, var(--brand)))));--scb-accordion-item-design-title-small-size:var(--scb-accordion-title-small-size, var(--scb-accordion-title-size, var(--scb-typography-title-medium-size, var(--md-sys-typescale-title-medium-size, 18px))));--scb-accordion-item-design-title-small-line-height:var(--scb-accordion-title-small-line-height, var(--scb-accordion-title-line-height, var(--scb-typography-title-medium-line-height, var(--md-sys-typescale-title-medium-line-height, 26px))));--scb-accordion-item-design-title-small-tracking:var(--scb-accordion-title-small-tracking, var(--scb-accordion-title-tracking, var(--scb-typography-title-medium-tracking, var(--md-sys-typescale-title-medium-tracking, var(--tracking-05, -0.3px)))));--scb-accordion-item-design-title-small-weight:var(--scb-accordion-title-small-weight, var(--scb-accordion-title-weight, var(--weight-semibold, 600)));--scb-accordion-item-design-title-small-letter-spacing:var(--scb-accordion-title-small-letter-spacing, var(--scb-accordion-title-small-tracking, var(--scb-accordion-title-tracking, var(--scb-typography-title-medium-tracking, var(--md-sys-typescale-title-medium-tracking, var(--tracking-05, -0.3px))))));--scb-accordion-item-design-title-small-font-weight:var(--scb-accordion-title-small-font-weight, var(--scb-accordion-title-small-weight, var(--scb-accordion-title-weight, var(--weight-semibold, 600))));--scb-accordion-item-design-title-medium-font:var(--scb-accordion-title-medium-font, var(--scb-accordion-title-font, var(--scb-typography-title-medium-font, var(--md-sys-typescale-title-medium-font, var(--brand)))));--scb-accordion-item-design-title-medium-size:var(--scb-accordion-title-medium-size, var(--scb-accordion-title-size, var(--scb-typography-title-medium-size, var(--md-sys-typescale-title-medium-size, 18px))));--scb-accordion-item-design-title-medium-line-height:var(--scb-accordion-title-medium-line-height, var(--scb-accordion-title-line-height, var(--scb-typography-title-medium-line-height, var(--md-sys-typescale-title-medium-line-height, 26px))));--scb-accordion-item-design-title-medium-tracking:var(--scb-accordion-title-medium-tracking, var(--scb-accordion-title-tracking, var(--scb-typography-title-medium-tracking, var(--md-sys-typescale-title-medium-tracking, var(--tracking-05, -0.3px)))));--scb-accordion-item-design-title-medium-weight:var(--scb-accordion-title-medium-weight, var(--scb-accordion-title-weight, var(--weight-semibold, 600)));--scb-accordion-item-design-title-medium-letter-spacing:var(--scb-accordion-title-medium-letter-spacing, var(--scb-accordion-title-medium-tracking, var(--scb-accordion-title-tracking, var(--scb-typography-title-medium-tracking, var(--md-sys-typescale-title-medium-tracking, var(--tracking-05, -0.3px))))));--scb-accordion-item-design-title-medium-font-weight:var(--scb-accordion-title-medium-font-weight, var(--scb-accordion-title-medium-weight, var(--scb-accordion-title-weight, var(--weight-semibold, 600))));--scb-accordion-item-design-title-large-font:var(--scb-accordion-title-large-font, var(--scb-accordion-title-font, var(--scb-typography-title-medium-font, var(--md-sys-typescale-title-medium-font, var(--brand)))));--scb-accordion-item-design-title-large-size:var(--scb-accordion-title-large-size, var(--scb-accordion-title-size, var(--scb-typography-title-medium-size, var(--md-sys-typescale-title-medium-size, 18px))));--scb-accordion-item-design-title-large-line-height:var(--scb-accordion-title-large-line-height, var(--scb-accordion-title-line-height, var(--scb-typography-title-medium-line-height, var(--md-sys-typescale-title-medium-line-height, 26px))));--scb-accordion-item-design-title-large-tracking:var(--scb-accordion-title-large-tracking, var(--scb-accordion-title-tracking, var(--scb-typography-title-medium-tracking, var(--md-sys-typescale-title-medium-tracking, var(--tracking-05, -0.3px)))));--scb-accordion-item-design-title-large-weight:var(--scb-accordion-title-large-weight, var(--scb-accordion-title-weight, var(--weight-semibold, 600)));--scb-accordion-item-design-title-large-letter-spacing:var(--scb-accordion-title-large-letter-spacing, var(--scb-accordion-title-large-tracking, var(--scb-accordion-title-tracking, var(--scb-typography-title-medium-tracking, var(--md-sys-typescale-title-medium-tracking, var(--tracking-05, -0.3px))))));--scb-accordion-item-design-title-large-font-weight:var(--scb-accordion-title-large-font-weight, var(--scb-accordion-title-large-weight, var(--scb-accordion-title-weight, var(--weight-semibold, 600))));--scb-accordion-item-design-overline-small-font:var(--scb-accordion-overline-small-font, var(--scb-accordion-overline-font, var(--scb-typography-body-small-font, var(--md-sys-typescale-body-small-font, var(--brand)))));--scb-accordion-item-design-overline-small-size:var(--scb-accordion-overline-small-size, var(--scb-accordion-overline-size, var(--scb-typography-body-small-size, var(--md-sys-typescale-body-small-size, 14px))));--scb-accordion-item-design-overline-small-line-height:var(--scb-accordion-overline-small-line-height, var(--scb-accordion-overline-line-height, var(--scb-typography-body-small-line-height, var(--md-sys-typescale-body-small-line-height, 20px))));--scb-accordion-item-design-overline-small-tracking:var(--scb-accordion-overline-small-tracking, var(--scb-accordion-overline-tracking, var(--scb-typography-body-small-tracking, var(--md-sys-typescale-body-small-tracking, var(--tracking-02, -0.1px)))));--scb-accordion-item-design-overline-small-weight:var(--scb-accordion-overline-small-weight, var(--scb-accordion-overline-weight, var(--weight-regular, 400)));--scb-accordion-item-design-overline-small-letter-spacing:var(--scb-accordion-overline-small-letter-spacing, var(--scb-accordion-overline-small-tracking, var(--scb-accordion-overline-tracking, var(--scb-typography-body-small-tracking, var(--md-sys-typescale-body-small-tracking, var(--tracking-02, -0.1px))))));--scb-accordion-item-design-overline-small-font-weight:var(--scb-accordion-overline-small-font-weight, var(--scb-accordion-overline-small-weight, var(--scb-accordion-overline-weight, var(--weight-regular, 400))));--scb-accordion-item-design-overline-medium-font:var(--scb-accordion-overline-medium-font, var(--scb-accordion-overline-font, var(--scb-typography-body-small-font, var(--md-sys-typescale-body-small-font, var(--brand)))));--scb-accordion-item-design-overline-medium-size:var(--scb-accordion-overline-medium-size, var(--scb-accordion-overline-size, var(--scb-typography-body-small-size, var(--md-sys-typescale-body-small-size, 14px))));--scb-accordion-item-design-overline-medium-line-height:var(--scb-accordion-overline-medium-line-height, var(--scb-accordion-overline-line-height, var(--scb-typography-body-small-line-height, var(--md-sys-typescale-body-small-line-height, 20px))));--scb-accordion-item-design-overline-medium-tracking:var(--scb-accordion-overline-medium-tracking, var(--scb-accordion-overline-tracking, var(--scb-typography-body-small-tracking, var(--md-sys-typescale-body-small-tracking, var(--tracking-02, -0.1px)))));--scb-accordion-item-design-overline-medium-weight:var(--scb-accordion-overline-medium-weight, var(--scb-accordion-overline-weight, var(--weight-regular, 400)));--scb-accordion-item-design-overline-medium-letter-spacing:var(--scb-accordion-overline-medium-letter-spacing, var(--scb-accordion-overline-medium-tracking, var(--scb-accordion-overline-tracking, var(--scb-typography-body-small-tracking, var(--md-sys-typescale-body-small-tracking, var(--tracking-02, -0.1px))))));--scb-accordion-item-design-overline-medium-font-weight:var(--scb-accordion-overline-medium-font-weight, var(--scb-accordion-overline-medium-weight, var(--scb-accordion-overline-weight, var(--weight-regular, 400))));--scb-accordion-item-design-overline-large-font:var(--scb-accordion-overline-large-font, var(--scb-accordion-overline-font, var(--scb-typography-body-small-font, var(--md-sys-typescale-body-small-font, var(--brand)))));--scb-accordion-item-design-overline-large-size:var(--scb-accordion-overline-large-size, var(--scb-accordion-overline-size, var(--scb-typography-body-small-size, var(--md-sys-typescale-body-small-size, 14px))));--scb-accordion-item-design-overline-large-line-height:var(--scb-accordion-overline-large-line-height, var(--scb-accordion-overline-line-height, var(--scb-typography-body-small-line-height, var(--md-sys-typescale-body-small-line-height, 20px))));--scb-accordion-item-design-overline-large-tracking:var(--scb-accordion-overline-large-tracking, var(--scb-accordion-overline-tracking, var(--scb-typography-body-small-tracking, var(--md-sys-typescale-body-small-tracking, var(--tracking-02, -0.1px)))));--scb-accordion-item-design-overline-large-weight:var(--scb-accordion-overline-large-weight, var(--scb-accordion-overline-weight, var(--weight-regular, 400)));--scb-accordion-item-design-overline-large-letter-spacing:var(--scb-accordion-overline-large-letter-spacing, var(--scb-accordion-overline-large-tracking, var(--scb-accordion-overline-tracking, var(--scb-typography-body-small-tracking, var(--md-sys-typescale-body-small-tracking, var(--tracking-02, -0.1px))))));--scb-accordion-item-design-overline-large-font-weight:var(--scb-accordion-overline-large-font-weight, var(--scb-accordion-overline-large-weight, var(--scb-accordion-overline-weight, var(--weight-regular, 400))));--scb-accordion-item-design-supporting-small-font:var(--scb-accordion-supporting-small-font, var(--scb-accordion-supporting-font, var(--scb-typography-body-medium-font, var(--md-sys-typescale-body-medium-font, var(--brand)))));--scb-accordion-item-design-supporting-small-size:var(--scb-accordion-supporting-small-size, var(--scb-accordion-supporting-size, var(--scb-typography-body-medium-size, var(--md-sys-typescale-body-medium-size, 16px))));--scb-accordion-item-design-supporting-small-line-height:var(--scb-accordion-supporting-small-line-height, var(--scb-accordion-supporting-line-height, var(--scb-typography-body-medium-line-height, var(--md-sys-typescale-body-medium-line-height, 24px))));--scb-accordion-item-design-supporting-small-tracking:var(--scb-accordion-supporting-small-tracking, var(--scb-accordion-supporting-tracking, var(--scb-typography-body-medium-tracking, var(--md-sys-typescale-body-medium-tracking, var(--tracking-03, -0.15px)))));--scb-accordion-item-design-supporting-small-weight:var(--scb-accordion-supporting-small-weight, var(--scb-accordion-supporting-weight, var(--weight-regular, 400)));--scb-accordion-item-design-supporting-small-letter-spacing:var(--scb-accordion-supporting-small-letter-spacing, var(--scb-accordion-supporting-small-tracking, var(--scb-accordion-supporting-tracking, var(--scb-typography-body-medium-tracking, var(--md-sys-typescale-body-medium-tracking, var(--tracking-03, -0.15px))))));--scb-accordion-item-design-supporting-small-font-weight:var(--scb-accordion-supporting-small-font-weight, var(--scb-accordion-supporting-small-weight, var(--scb-accordion-supporting-weight, var(--weight-regular, 400))));--scb-accordion-item-design-supporting-medium-font:var(--scb-accordion-supporting-medium-font, var(--scb-accordion-supporting-font, var(--scb-typography-body-medium-font, var(--md-sys-typescale-body-medium-font, var(--brand)))));--scb-accordion-item-design-supporting-medium-size:var(--scb-accordion-supporting-medium-size, var(--scb-accordion-supporting-size, var(--scb-typography-body-medium-size, var(--md-sys-typescale-body-medium-size, 16px))));--scb-accordion-item-design-supporting-medium-line-height:var(--scb-accordion-supporting-medium-line-height, var(--scb-accordion-supporting-line-height, var(--scb-typography-body-medium-line-height, var(--md-sys-typescale-body-medium-line-height, 24px))));--scb-accordion-item-design-supporting-medium-tracking:var(--scb-accordion-supporting-medium-tracking, var(--scb-accordion-supporting-tracking, var(--scb-typography-body-medium-tracking, var(--md-sys-typescale-body-medium-tracking, var(--tracking-03, -0.15px)))));--scb-accordion-item-design-supporting-medium-weight:var(--scb-accordion-supporting-medium-weight, var(--scb-accordion-supporting-weight, var(--weight-regular, 400)));--scb-accordion-item-design-supporting-medium-letter-spacing:var(--scb-accordion-supporting-medium-letter-spacing, var(--scb-accordion-supporting-medium-tracking, var(--scb-accordion-supporting-tracking, var(--scb-typography-body-medium-tracking, var(--md-sys-typescale-body-medium-tracking, var(--tracking-03, -0.15px))))));--scb-accordion-item-design-supporting-medium-font-weight:var(--scb-accordion-supporting-medium-font-weight, var(--scb-accordion-supporting-medium-weight, var(--scb-accordion-supporting-weight, var(--weight-regular, 400))));--scb-accordion-item-design-supporting-large-font:var(--scb-accordion-supporting-large-font, var(--scb-accordion-supporting-font, var(--scb-typography-body-medium-font, var(--md-sys-typescale-body-medium-font, var(--brand)))));--scb-accordion-item-design-supporting-large-size:var(--scb-accordion-supporting-large-size, var(--scb-accordion-supporting-size, var(--scb-typography-body-medium-size, var(--md-sys-typescale-body-medium-size, 16px))));--scb-accordion-item-design-supporting-large-line-height:var(--scb-accordion-supporting-large-line-height, var(--scb-accordion-supporting-line-height, var(--scb-typography-body-medium-line-height, var(--md-sys-typescale-body-medium-line-height, 24px))));--scb-accordion-item-design-supporting-large-tracking:var(--scb-accordion-supporting-large-tracking, var(--scb-accordion-supporting-tracking, var(--scb-typography-body-medium-tracking, var(--md-sys-typescale-body-medium-tracking, var(--tracking-03, -0.15px)))));--scb-accordion-item-design-supporting-large-weight:var(--scb-accordion-supporting-large-weight, var(--scb-accordion-supporting-weight, var(--weight-regular, 400)));--scb-accordion-item-design-supporting-large-letter-spacing:var(--scb-accordion-supporting-large-letter-spacing, var(--scb-accordion-supporting-large-tracking, var(--scb-accordion-supporting-tracking, var(--scb-typography-body-medium-tracking, var(--md-sys-typescale-body-medium-tracking, var(--tracking-03, -0.15px))))));--scb-accordion-item-design-supporting-large-font-weight:var(--scb-accordion-supporting-large-font-weight, var(--scb-accordion-supporting-large-weight, var(--scb-accordion-supporting-weight, var(--weight-regular, 400))));--scb-accordion-item-design-content-text-small-font:var(--scb-accordion-content-text-small-font, var(--scb-accordion-content-text-font, var(--scb-typography-body-large-font, var(--md-sys-typescale-body-large-font, var(--brand)))));--scb-accordion-item-design-content-text-small-size:var(--scb-accordion-content-text-small-size, var(--scb-accordion-content-text-size, var(--scb-typography-body-large-size, var(--md-sys-typescale-body-large-size, 18px))));--scb-accordion-item-design-content-text-small-line-height:var(--scb-accordion-content-text-small-line-height, var(--scb-accordion-content-text-line-height, var(--scb-typography-body-large-line-height, var(--md-sys-typescale-body-large-line-height, 26px))));--scb-accordion-item-design-content-text-small-tracking:var(--scb-accordion-content-text-small-tracking, var(--scb-accordion-content-text-tracking, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px)))));--scb-accordion-item-design-content-text-small-weight:var(--scb-accordion-content-text-small-weight, var(--scb-accordion-content-text-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400)))));--scb-accordion-item-design-content-text-small-letter-spacing:var(--scb-accordion-content-text-small-letter-spacing, var(--scb-accordion-content-text-small-tracking, var(--scb-accordion-content-text-tracking, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px))))));--scb-accordion-item-design-content-text-small-font-weight:var(--scb-accordion-content-text-small-font-weight, var(--scb-accordion-content-text-small-weight, var(--scb-accordion-content-text-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400))))));--scb-accordion-item-design-content-text-medium-font:var(--scb-accordion-content-text-medium-font, var(--scb-accordion-content-text-font, var(--scb-typography-body-large-font, var(--md-sys-typescale-body-large-font, var(--brand)))));--scb-accordion-item-design-content-text-medium-size:var(--scb-accordion-content-text-medium-size, var(--scb-accordion-content-text-size, var(--scb-typography-body-large-size, var(--md-sys-typescale-body-large-size, 18px))));--scb-accordion-item-design-content-text-medium-line-height:var(--scb-accordion-content-text-medium-line-height, var(--scb-accordion-content-text-line-height, var(--scb-typography-body-large-line-height, var(--md-sys-typescale-body-large-line-height, 26px))));--scb-accordion-item-design-content-text-medium-tracking:var(--scb-accordion-content-text-medium-tracking, var(--scb-accordion-content-text-tracking, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px)))));--scb-accordion-item-design-content-text-medium-weight:var(--scb-accordion-content-text-medium-weight, var(--scb-accordion-content-text-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400)))));--scb-accordion-item-design-content-text-medium-letter-spacing:var(--scb-accordion-content-text-medium-letter-spacing, var(--scb-accordion-content-text-medium-tracking, var(--scb-accordion-content-text-tracking, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px))))));--scb-accordion-item-design-content-text-medium-font-weight:var(--scb-accordion-content-text-medium-font-weight, var(--scb-accordion-content-text-medium-weight, var(--scb-accordion-content-text-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400))))));--scb-accordion-item-design-content-text-large-font:var(--scb-accordion-content-text-large-font, var(--scb-accordion-content-text-font, var(--scb-typography-body-large-font, var(--md-sys-typescale-body-large-font, var(--brand)))));--scb-accordion-item-design-content-text-large-size:var(--scb-accordion-content-text-large-size, var(--scb-accordion-content-text-size, var(--scb-typography-body-large-size, var(--md-sys-typescale-body-large-size, 18px))));--scb-accordion-item-design-content-text-large-line-height:var(--scb-accordion-content-text-large-line-height, var(--scb-accordion-content-text-line-height, var(--scb-typography-body-large-line-height, var(--md-sys-typescale-body-large-line-height, 26px))));--scb-accordion-item-design-content-text-large-tracking:var(--scb-accordion-content-text-large-tracking, var(--scb-accordion-content-text-tracking, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px)))));--scb-accordion-item-design-content-text-large-weight:var(--scb-accordion-content-text-large-weight, var(--scb-accordion-content-text-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400)))));--scb-accordion-item-design-content-text-large-letter-spacing:var(--scb-accordion-content-text-large-letter-spacing, var(--scb-accordion-content-text-large-tracking, var(--scb-accordion-content-text-tracking, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px))))));--scb-accordion-item-design-content-text-large-font-weight:var(--scb-accordion-content-text-large-font-weight, var(--scb-accordion-content-text-large-weight, var(--scb-accordion-content-text-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400))))));--scb-accordion-item-design-content-padding-top-small:var(--scb-accordion-content-padding-top-small, var(--spacing-0, 0px));--scb-accordion-item-design-content-padding-top-medium:var(--scb-accordion-content-padding-top-medium, var(--spacing-0, 0px));--scb-accordion-item-design-content-padding-top-large:var(--scb-accordion-content-padding-top-large, var(--spacing-0, 0px));--scb-accordion-item-design-content-padding-inline-small:var(--scb-accordion-content-padding-inline-small, var(--scb-accordion-item-padding-inline-small, var(--spacing-5, 16px)));--scb-accordion-item-design-content-padding-inline-medium:var(--scb-accordion-content-padding-inline-medium, var(--scb-accordion-item-padding-inline-medium, var(--spacing-5, 16px)));--scb-accordion-item-design-content-padding-inline-large:var(--scb-accordion-content-padding-inline-large, var(--scb-accordion-item-padding-inline-large, var(--spacing-5, 16px)));--scb-accordion-item-design-content-padding-bottom-small:var(--scb-accordion-content-padding-bottom-small, var(--spacing-6, 20px));--scb-accordion-item-design-content-padding-bottom-medium:var(--scb-accordion-content-padding-bottom-medium, var(--spacing-6, 20px));--scb-accordion-item-design-content-padding-bottom-large:var(--scb-accordion-content-padding-bottom-large, var(--spacing-6, 20px))}`],d);r([n({type:Boolean,reflect:!0})],t.prototype,"open",void 0);r([n({type:String})],t.prototype,"title",void 0);r([n({type:String})],t.prototype,"content",void 0);r([n({type:String,attribute:"overline"})],t.prototype,"overline",void 0);r([n({type:String,attribute:"supporting-text"})],t.prototype,"supportingText",void 0);r([n({type:Boolean})],t.prototype,"leading",void 0);r([n({type:String,attribute:"leading-variant",reflect:!0})],t.prototype,"leadingVariant",void 0);r([n({type:String,attribute:"leading-icon"})],t.prototype,"leadingIcon",void 0);r([n({type:String,attribute:"img-href-image",reflect:!0})],t.prototype,"imgHrefImage",void 0);r([n({type:String,attribute:"avatar-label"})],t.prototype,"avatarLabel",void 0);r([n({type:String,attribute:"avatar-alt"})],t.prototype,"avatarAlt",void 0);r([n({type:String,attribute:"avatar-variant"})],t.prototype,"avatarVariant",void 0);r([n({type:String,attribute:"avatar-src"})],t.prototype,"avatarSrc",void 0);r([n({type:Number,reflect:!0})],t.prototype,"density",void 0);t=m=r([v("scb-accordion-item")],t);

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

@@ -1,16 +1,16 @@
-import{g as f,h as v,m as y,p as c,v as h,y as k}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as _}from"../../vendor/component-size-token.js";import{t as S}from"../../vendor/component-defaults.js";import{t as o}from"../../vendor/decorate.js";import{t as a}from"../../vendor/assertClassBrand.js";import{t as A}from"../../vendor/classPrivateMethodInitSpec.js";import"./scb-accordion-item.js";import"../scb-button/scb-button.js";(function(){try{var e=typeof globalThis<"u"?globalThis:window;if(!e.__scb_ce_guard_installed__){e.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(i,r,l){try{customElements.get(i)||t(i,r,l)}catch(b){var g=String(b||"");if(g.indexOf("already been used")===-1&&g.indexOf("NotSupportedError")===-1)throw b}}}}catch{}})();var n,p,s=(n=new WeakSet,p=class extends v{constructor(...t){super(...t),A(this,n),this.singleOpen=!1,this.showCloseAll=!1,this.openAllLabel="Öppna alla",this.closeAllLabel="Stäng alla",this.controlsLabel="Accordionkontroller",this.size=S["scb-accordion"].size,this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0}connectedCallback(){super.connectedCallback(),this.addEventListener("open-changed",a(n,this,m))}disconnectedCallback(){this.removeEventListener("open-changed",a(n,this,m)),super.disconnectedCallback()}render(){const t=!this.singleOpen&&this.showCloseAll,i=t?a(n,this,O).call(this):!1;return h`
+import{g as f,h as v,m as y,p as c,v as h,y as k}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as _}from"../../vendor/component-size-token.js";import{t as S}from"../../vendor/component-defaults.js";import{t as e}from"../../vendor/decorate.js";import{t as a}from"../../vendor/assertClassBrand.js";import{t as A}from"../../vendor/classPrivateMethodInitSpec.js";import"./scb-accordion-item.js";import"../scb-button/scb-button.js";(function(){try{var n=typeof globalThis<"u"?globalThis:window;if(!n.__scb_ce_guard_installed__){n.__scb_ce_guard_installed__=!0;var i=customElements.define.bind(customElements);customElements.define=function(t,r,l){try{customElements.get(t)||i(t,r,l)}catch(b){var g=String(b||"");if(g.indexOf("already been used")===-1&&g.indexOf("NotSupportedError")===-1)throw b}}}}catch{}})();var o,d,s=(o=new WeakSet,d=class extends v{constructor(...i){super(...i),A(this,o),this.singleOpen=!1,this.showCloseAll=!1,this.openAllLabel="Öppna alla",this.closeAllLabel="Stäng alla",this.controlsLabel="Accordionkontroller",this.size=S["scb-accordion"].size,this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0}connectedCallback(){super.connectedCallback(),this.addEventListener("open-changed",a(o,this,m))}disconnectedCallback(){this.removeEventListener("open-changed",a(o,this,m)),super.disconnectedCallback()}render(){const i=!this.singleOpen&&this.showCloseAll,t=i?a(o,this,O).call(this):!1;return h`
       <div class="scb-accordion" ?single-open=${this.singleOpen}>
-        ${t?h`
+        ${i?h`
               <div class="scb-accordion-actions" role="toolbar" aria-label=${this.controlsLabel}>
                 <scb-button
                   variant="text"
                   size=${_(this,"--scb-accordion-actions-button-size",["small","medium","large"],"medium")}
-                  label=${i?this.closeAllLabel:this.openAllLabel}
-                  @click=${a(n,this,C)}
+                  label=${t?this.closeAllLabel:this.openAllLabel}
+                  @click=${a(o,this,z)}
                 ></scb-button>
               </div>
             `:f}
 
-        <slot @slotchange=${a(n,this,x)}></slot>
+        <slot @slotchange=${a(o,this,C)}></slot>
       </div>
-    `}firstUpdated(){a(n,this,u).call(this),a(n,this,d).call(this)}updated(t){(t.has("spacing")||t.has("spacingTop")||t.has("spacingBottom")||t.has("spacingLeft")||t.has("spacingRight"))&&a(n,this,u).call(this),t.has("singleOpen")&&a(n,this,d).call(this),t.has("size")&&this._getDirectItems().forEach(i=>i.requestUpdate())}_getDirectItems(){return Array.from(this.children).filter(t=>t.tagName==="SCB-ACCORDION-ITEM")}onItemToggled(t,i){if(this.singleOpen&&i){this._getDirectItems().forEach(r=>{r!==t&&r.setOpen(!1)});return}!this.singleOpen&&this.showCloseAll&&this.requestUpdate()}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}},p.styles=k`:host{display:block;margin-block-start:var(--scb-accordion-spacing-block-start, 0);margin-block-end:var(--scb-accordion-spacing-block-end, 0);margin-inline-start:var(--scb-accordion-spacing-inline-start, 0);margin-inline-end:var(--scb-accordion-spacing-inline-end, 0);--scb-accordion-actions-padding-inline:var(--scb-accordion-actions-padding-inline-large, var(--spacing-5, 16px));--scb-accordion-actions-padding-block:var(--scb-accordion-actions-padding-block-large, var(--spacing-2, 4px));--scb-accordion-actions-button-size:var(--scb-accordion-actions-button-size-large, medium)}.scb-accordion{background:var(--scb-accordion-background-color, transparent)}:host([size='medium']){--scb-accordion-actions-padding-inline:var(--scb-accordion-actions-padding-inline-medium, var(--spacing-5, 16px));--scb-accordion-actions-padding-block:var(--scb-accordion-actions-padding-block-medium, var(--spacing-2, 4px));--scb-accordion-actions-button-size:var(--scb-accordion-actions-button-size-medium, medium)}:host([size='small']){--scb-accordion-actions-padding-inline:var(--scb-accordion-actions-padding-inline-small, var(--spacing-4, 12px));--scb-accordion-actions-padding-block:var(--scb-accordion-actions-padding-block-small, var(--spacing-2, 4px));--scb-accordion-actions-button-size:var(--scb-accordion-actions-button-size-small, medium)}.scb-accordion-actions{display:flex;justify-content:flex-end;padding-inline:var(--scb-accordion-actions-padding-inline);padding-block-start:var(--scb-accordion-actions-padding-block);padding-block-end:var(--scb-accordion-actions-padding-block)}.scb-accordion-actions scb-button{border-radius:var(--radius-full, 1000px);background:var(--scb-accordion-action-container-color, transparent);--scb-button-low-emphasis-content-color:var(--scb-accordion-action-content-color, var(--md-sys-color-primary))}`,p);function O(){const e=this._getDirectItems();return e.length>0&&e.every(t=>t.open)}function C(){if(this.singleOpen||!this.showCloseAll)return;const e=this._getDirectItems(),t=e.length>0&&e.every(i=>i.open);e.forEach(i=>i.setOpen(!t))}function m(){this.singleOpen||this.showCloseAll&&this.requestUpdate()}function x(){if(this.singleOpen){a(n,this,d).call(this);return}this.showCloseAll&&this.requestUpdate()}function d(){if(!this.singleOpen)return;const e=this._getDirectItems().filter(t=>t.open);e.length<=1||e.slice(1).forEach(t=>t.setOpen(!1))}function u(){const e=this.mapSpacingToken(this.spacing),t=this.mapSpacingToken(this.spacingTop)??e,i=this.mapSpacingToken(this.spacingBottom)??e,r=this.mapSpacingToken(this.spacingLeft),l=this.mapSpacingToken(this.spacingRight);t?this.style.setProperty("--scb-accordion-spacing-block-start",t):this.style.removeProperty("--scb-accordion-spacing-block-start"),i?this.style.setProperty("--scb-accordion-spacing-block-end",i):this.style.removeProperty("--scb-accordion-spacing-block-end"),r?this.style.setProperty("--scb-accordion-spacing-inline-start",r):this.style.removeProperty("--scb-accordion-spacing-inline-start"),l?this.style.setProperty("--scb-accordion-spacing-inline-end",l):this.style.removeProperty("--scb-accordion-spacing-inline-end")}o([c({type:Boolean,attribute:"single-open",reflect:!0})],s.prototype,"singleOpen",void 0);o([c({type:Boolean,attribute:"show-close-all",reflect:!0})],s.prototype,"showCloseAll",void 0);o([c({type:String,attribute:"open-all-label"})],s.prototype,"openAllLabel",void 0);o([c({type:String,attribute:"close-all-label"})],s.prototype,"closeAllLabel",void 0);o([c({type:String,attribute:"controls-label"})],s.prototype,"controlsLabel",void 0);o([c({type:String,reflect:!0})],s.prototype,"size",void 0);o([c({type:String,reflect:!0})],s.prototype,"spacing",void 0);o([c({type:String,attribute:"spacing-top",reflect:!0})],s.prototype,"spacingTop",void 0);o([c({type:String,attribute:"spacing-bottom",reflect:!0})],s.prototype,"spacingBottom",void 0);o([c({type:String,attribute:"spacing-left",reflect:!0})],s.prototype,"spacingLeft",void 0);o([c({type:String,attribute:"spacing-right",reflect:!0})],s.prototype,"spacingRight",void 0);s=o([y("scb-accordion")],s);
+    `}firstUpdated(){a(o,this,u).call(this),a(o,this,p).call(this)}updated(i){(i.has("spacing")||i.has("spacingTop")||i.has("spacingBottom")||i.has("spacingLeft")||i.has("spacingRight"))&&a(o,this,u).call(this),i.has("singleOpen")&&a(o,this,p).call(this),i.has("size")&&this._getDirectItems().forEach(t=>t.requestUpdate())}_getDirectItems(){return Array.from(this.children).filter(i=>i.tagName==="SCB-ACCORDION-ITEM")}onItemToggled(i,t){if(this.singleOpen&&t){this._getDirectItems().forEach(r=>{r!==i&&r.setOpen(!1)});return}!this.singleOpen&&this.showCloseAll&&this.requestUpdate()}mapSpacingToken(i){if(!i)return;const t=String(i).trim();if(t)return/^\d+$/.test(t)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(t,10)))})`:t}},d.styles=k`:host{display:block;margin-block-start:var(--scb-accordion-spacing-block-start, 0);margin-block-end:var(--scb-accordion-spacing-block-end, 0);margin-inline-start:var(--scb-accordion-spacing-inline-start, 0);margin-inline-end:var(--scb-accordion-spacing-inline-end, 0);--scb-accordion-actions-padding-inline:var(--scb-accordion-design-actions-padding-inline-large);--scb-accordion-actions-padding-block:var(--scb-accordion-design-actions-padding-block-large);--scb-accordion-actions-button-size:var(--scb-accordion-design-actions-button-size-large)}.scb-accordion{background:var(--scb-accordion-background-color, transparent)}:host([size='medium']){--scb-accordion-actions-padding-inline:var(--scb-accordion-design-actions-padding-inline-medium);--scb-accordion-actions-padding-block:var(--scb-accordion-design-actions-padding-block-medium);--scb-accordion-actions-button-size:var(--scb-accordion-design-actions-button-size-medium)}:host([size='small']){--scb-accordion-actions-padding-inline:var(--scb-accordion-design-actions-padding-inline-small);--scb-accordion-actions-padding-block:var(--scb-accordion-design-actions-padding-block-small);--scb-accordion-actions-button-size:var(--scb-accordion-design-actions-button-size-small)}.scb-accordion-actions{display:flex;justify-content:flex-end;padding-inline:var(--scb-accordion-actions-padding-inline);padding-block-start:var(--scb-accordion-actions-padding-block);padding-block-end:var(--scb-accordion-actions-padding-block)}.scb-accordion-actions scb-button{border-radius:var(--radius-full, 1000px);background:var(--scb-accordion-action-container-color, transparent);--scb-button-low-emphasis-content-color:var(--scb-accordion-action-content-color, var(--md-sys-color-primary))}:host{--scb-accordion-design-actions-button-size-small:var(--scb-accordion-actions-button-size-small, medium);--scb-accordion-design-actions-button-size-medium:var(--scb-accordion-actions-button-size-medium, medium);--scb-accordion-design-actions-button-size-large:var(--scb-accordion-actions-button-size-large, medium);--scb-accordion-design-actions-padding-block-small:var(--scb-accordion-actions-padding-block-small, var(--spacing-2, 4px));--scb-accordion-design-actions-padding-block-medium:var(--scb-accordion-actions-padding-block-medium, var(--spacing-2, 4px));--scb-accordion-design-actions-padding-block-large:var(--scb-accordion-actions-padding-block-large, var(--spacing-2, 4px));--scb-accordion-design-actions-padding-inline-small:var(--scb-accordion-actions-padding-inline-small, var(--spacing-4, 12px));--scb-accordion-design-actions-padding-inline-medium:var(--scb-accordion-actions-padding-inline-medium, var(--spacing-5, 16px));--scb-accordion-design-actions-padding-inline-large:var(--scb-accordion-actions-padding-inline-large, var(--spacing-5, 16px))}`,d);function O(){const n=this._getDirectItems();return n.length>0&&n.every(i=>i.open)}function z(){if(this.singleOpen||!this.showCloseAll)return;const n=this._getDirectItems(),i=n.length>0&&n.every(t=>t.open);n.forEach(t=>t.setOpen(!i))}function m(){this.singleOpen||this.showCloseAll&&this.requestUpdate()}function C(){if(this.singleOpen){a(o,this,p).call(this);return}this.showCloseAll&&this.requestUpdate()}function p(){if(!this.singleOpen)return;const n=this._getDirectItems().filter(i=>i.open);n.length<=1||n.slice(1).forEach(i=>i.setOpen(!1))}function u(){const n=this.mapSpacingToken(this.spacing),i=this.mapSpacingToken(this.spacingTop)??n,t=this.mapSpacingToken(this.spacingBottom)??n,r=this.mapSpacingToken(this.spacingLeft),l=this.mapSpacingToken(this.spacingRight);i?this.style.setProperty("--scb-accordion-spacing-block-start",i):this.style.removeProperty("--scb-accordion-spacing-block-start"),t?this.style.setProperty("--scb-accordion-spacing-block-end",t):this.style.removeProperty("--scb-accordion-spacing-block-end"),r?this.style.setProperty("--scb-accordion-spacing-inline-start",r):this.style.removeProperty("--scb-accordion-spacing-inline-start"),l?this.style.setProperty("--scb-accordion-spacing-inline-end",l):this.style.removeProperty("--scb-accordion-spacing-inline-end")}e([c({type:Boolean,attribute:"single-open",reflect:!0})],s.prototype,"singleOpen",void 0);e([c({type:Boolean,attribute:"show-close-all",reflect:!0})],s.prototype,"showCloseAll",void 0);e([c({type:String,attribute:"open-all-label"})],s.prototype,"openAllLabel",void 0);e([c({type:String,attribute:"close-all-label"})],s.prototype,"closeAllLabel",void 0);e([c({type:String,attribute:"controls-label"})],s.prototype,"controlsLabel",void 0);e([c({type:String,reflect:!0})],s.prototype,"size",void 0);e([c({type:String,reflect:!0})],s.prototype,"spacing",void 0);e([c({type:String,attribute:"spacing-top",reflect:!0})],s.prototype,"spacingTop",void 0);e([c({type:String,attribute:"spacing-bottom",reflect:!0})],s.prototype,"spacingBottom",void 0);e([c({type:String,attribute:"spacing-left",reflect:!0})],s.prototype,"spacingLeft",void 0);e([c({type:String,attribute:"spacing-right",reflect:!0})],s.prototype,"spacingRight",void 0);s=e([y("scb-accordion")],s);

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

@@ -1,18 +1,18 @@
-import{h as M,m as q,p,v as u,y as I}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as x}from"../../vendor/component-size-token.js";import{t as N}from"../../vendor/component-defaults.js";import{t as l}from"../../vendor/decorate.js";import{t as i}from"../../vendor/assertClassBrand.js";import{t as F}from"../../vendor/classPrivateMethodInitSpec.js";import"../scb-avatar/scb-avatar.js";import"../scb-button/scb-button.js";import"../scb-icon-button/scb-icon-button.js";import{a as U,t as _}from"../../vendor/manual-popover.js";import"../scb-search/scb-search.js";(function(){try{var e=typeof globalThis<"u"?globalThis:window;if(!e.__scb_ce_guard_installed__){e.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(r,s,o){try{customElements.get(r)||t(r,s,o)}catch(c){var b=String(c||"");if(b.indexOf("already been used")===-1&&b.indexOf("NotSupportedError")===-1)throw c}}}}catch{}})();var a,v,W={default:{size:"small",variant:"centered"},"small-flexible":{size:"small",variant:"start"},search:{size:"small",variant:"search"},"medium-flexible":{size:"medium",variant:"start"},"large-flexible":{size:"large",variant:"start"}},H={"action-padding-inline":{small:"var(--scb-buttons-padding-inline-small, var(--spacing-4, 12px))",medium:"var(--scb-buttons-padding-inline-small, var(--spacing-4, 12px))",large:"var(--scb-buttons-padding-inline-small, var(--spacing-4, 12px))"},"action-padding-block":{small:"var(--scb-buttons-padding-block-small, var(--spacing-2, 4px))",medium:"var(--scb-buttons-padding-block-small, var(--spacing-2, 4px))",large:"var(--scb-buttons-padding-block-small, var(--spacing-2, 4px))"}},G="data-scb-app-bar-managed-action-size",V="data-scb-app-bar-managed-avatar-size",n=(a=new WeakSet,v=class extends M{constructor(...t){super(...t),F(this,a),this.title="",this.appBarTitle="",this.size=N["scb-app-bar"].size,this.variant="centered",this.type="",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(a,this,g).call(this)))}disconnectedCallback(){this.__titleResizeRaf&&(cancelAnimationFrame(this.__titleResizeRaf),this.__titleResizeRaf=0),this.__titleResizeObserver?.disconnect(),this.__titleResizeObserver=void 0,_(this.renderRoot.querySelector("header")),super.disconnectedCallback()}handleActionsSlotChange(t){t.target.assignedElements({flatten:!0}).forEach(r=>{i(a,this,A).call(this,r)}),i(a,this,g).call(this)}handleAvatarSlotChange(t){t.target.assignedElements({flatten:!0}).forEach(r=>{i(a,this,T).call(this,r)}),i(a,this,g).call(this)}firstUpdated(){i(a,this,w).call(this),i(a,this,R).call(this),i(a,this,S).call(this)}updated(t){if((t.has("title")||t.has("appBarTitle"))&&(this.dispatchEvent(new CustomEvent("title-changed",{detail:{title:f.call(i(a,this))},bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("app-bar-title-changed",{detail:{appBarTitle:f.call(i(a,this))},bubbles:!0,composed:!0}))),t.has("position")){const r=this.renderRoot.querySelector("header");this.position==="top"||this.position==="bottom"?U(r):_(r),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})),t.has("size")&&this.dispatchEvent(new CustomEvent("size-changed",{detail:{size:d.call(i(a,this))},bubbles:!0,composed:!0})),t.has("variant")&&this.dispatchEvent(new CustomEvent("variant-changed",{detail:{variant:h.call(i(a,this))},bubbles:!0,composed:!0})),(t.has("type")||t.has("size")||t.has("variant"))&&this.updateComplete.then(()=>{i(a,this,S).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(a,this,w).call(this),i(a,this,R).call(this)}mapSpacingToken(t){if(!t)return;const r=String(t).trim();if(r)return/^\d+$/.test(r)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(r,10)))})`:r}render(){const t=h.call(i(a,this)),r=d.call(i(a,this)),s=x(this,`--scb-app-bar-search-component-size-${r}`,["extra-small","small","medium","large"],"small");return u`
-            <header class=${`variant-${t} size-${r} ${J.call(i(a,this))}`} role="banner" aria-label=${D.call(i(a,this))}>
+import{h as M,m as q,p as l,v,y as N}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as k}from"../../vendor/component-size-token.js";import{t as I}from"../../vendor/component-defaults.js";import{t as p}from"../../vendor/decorate.js";import{t as i}from"../../vendor/assertClassBrand.js";import{t as F}from"../../vendor/classPrivateMethodInitSpec.js";import"../scb-avatar/scb-avatar.js";import"../scb-button/scb-button.js";import"../scb-icon-button/scb-icon-button.js";import{a as U,t as x}from"../../vendor/manual-popover.js";import"../scb-search/scb-search.js";(function(){try{var e=typeof globalThis<"u"?globalThis:window;if(!e.__scb_ce_guard_installed__){e.__scb_ce_guard_installed__=!0;var a=customElements.define.bind(customElements);customElements.define=function(r,s,b){try{customElements.get(r)||a(r,s,b)}catch(c){var g=String(c||"");if(g.indexOf("already been used")===-1&&g.indexOf("NotSupportedError")===-1)throw c}}}}catch{}})();var t,u,W={default:{size:"small",variant:"centered"},"small-flexible":{size:"small",variant:"start"},search:{size:"small",variant:"search"},"medium-flexible":{size:"medium",variant:"start"},"large-flexible":{size:"large",variant:"start"}},H={"action-padding-inline":{small:"var(--scb-buttons-padding-inline-small, var(--spacing-4, 12px))",medium:"var(--scb-buttons-padding-inline-small, var(--spacing-4, 12px))",large:"var(--scb-buttons-padding-inline-small, var(--spacing-4, 12px))"},"action-padding-block":{small:"var(--scb-buttons-padding-block-small, var(--spacing-2, 4px))",medium:"var(--scb-buttons-padding-block-small, var(--spacing-2, 4px))",large:"var(--scb-buttons-padding-block-small, var(--spacing-2, 4px))"}},G="data-scb-app-bar-managed-action-size",V="data-scb-app-bar-managed-avatar-size",n=(t=new WeakSet,u=class extends M{constructor(...a){super(...a),F(this,t),this.title="",this.appBarTitle="",this.size=I["scb-app-bar"].size,this.variant="centered",this.type="",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(t,this,h).call(this)))}disconnectedCallback(){this.__titleResizeRaf&&(cancelAnimationFrame(this.__titleResizeRaf),this.__titleResizeRaf=0),this.__titleResizeObserver?.disconnect(),this.__titleResizeObserver=void 0,x(this.renderRoot.querySelector("header")),super.disconnectedCallback()}handleActionsSlotChange(a){a.target.assignedElements({flatten:!0}).forEach(r=>{i(t,this,T).call(this,r)}),i(t,this,h).call(this)}handleAvatarSlotChange(a){a.target.assignedElements({flatten:!0}).forEach(r=>{i(t,this,A).call(this,r)}),i(t,this,h).call(this)}firstUpdated(){i(t,this,w).call(this),i(t,this,R).call(this),i(t,this,_).call(this)}updated(a){if((a.has("title")||a.has("appBarTitle"))&&(this.dispatchEvent(new CustomEvent("title-changed",{detail:{title:f.call(i(t,this))},bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("app-bar-title-changed",{detail:{appBarTitle:f.call(i(t,this))},bubbles:!0,composed:!0}))),a.has("position")){const r=this.renderRoot.querySelector("header");this.position==="top"||this.position==="bottom"?U(r):x(r),this.dispatchEvent(new CustomEvent("position-changed",{detail:{position:this.position},bubbles:!0,composed:!0}))}a.has("type")&&this.dispatchEvent(new CustomEvent("type-changed",{detail:{type:this.type},bubbles:!0,composed:!0})),a.has("size")&&this.dispatchEvent(new CustomEvent("size-changed",{detail:{size:d.call(i(t,this))},bubbles:!0,composed:!0})),a.has("variant")&&this.dispatchEvent(new CustomEvent("variant-changed",{detail:{variant:o.call(i(t,this))},bubbles:!0,composed:!0})),(a.has("type")||a.has("size")||a.has("variant"))&&this.updateComplete.then(()=>{i(t,this,_).call(this)}),a.has("searchSupportingText")&&this.dispatchEvent(new CustomEvent("search-supporting-text-changed",{detail:{searchSupportingText:this.searchSupportingText},bubbles:!0,composed:!0})),(a.has("spacing")||a.has("spacingTop")||a.has("spacingBottom")||a.has("spacingLeft")||a.has("spacingRight"))&&i(t,this,w).call(this),i(t,this,R).call(this)}mapSpacingToken(a){if(!a)return;const r=String(a).trim();if(r)return/^\d+$/.test(r)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(r,10)))})`:r}render(){const a=o.call(i(t,this)),r=d.call(i(t,this)),s=k(this,`--scb-app-bar-design-search-component-size-${r}`,["extra-small","small","medium","large"],"small");return v`
+            <header class=${`variant-${a} size-${r} ${J.call(i(t,this))}`} role="banner" aria-label=${D.call(i(t,this))}>
                 <div class="leading">
                     <slot name="leading" @slotchange=${this.handleActionsSlotChange}></slot>
                 </div>
-                ${t==="search"?u`
+                ${a==="search"?v`
                     <div class="search-container">
                         <scb-search size=${s} supporting-text=${this.searchSupportingText}></scb-search>
                     </div>
-                `:u`
-                    <h1 class="headline">${f.call(i(a,this))}</h1>
+                `:v`
+                    <h1 class="headline">${f.call(i(t,this))}</h1>
                 `}
                 <div class="trailing">
                     <slot name="trailing" @slotchange=${this.handleActionsSlotChange}></slot>
                     <slot name="avatar" @slotchange=${this.handleAvatarSlotChange}></slot>
                 </div>
             </header>
-        `}},v.styles=[I`:host{display:block;font-family:var(--brand-font, Inter, Arial, sans-serif);position:relative;container-type:inline-size;container-name:app-bar-container;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(--scb-app-bar-surface-color, var(--md-sys-color-surface-container));color:var(--scb-app-bar-content-color, var(--md-sys-color-on-surface));--md-icon-button-icon-color:var(--scb-app-bar-content-color, var(--md-sys-color-on-surface));--md-focus-ring-color:var(--scb-app-bar-content-color, var(--md-sys-color-on-surface));box-sizing:border-box;display:flex;align-items:center;padding-block-start:var(--scb-app-bar-current-padding-block-start);padding-block-end:var(--scb-app-bar-current-padding-block-end);padding-inline:var(--scb-app-bar-current-padding-inline);position:relative;z-index:10;transition:height .3s,min-height .3s;min-height:var(--scb-app-bar-current-height)}header.size-small{--scb-app-bar-current-height:var(--scb-app-bar-height-small, 64px);--scb-app-bar-current-padding-inline:var(--scb-app-bar-padding-inline-small, var(--spacing-2, 4px));--scb-app-bar-current-padding-block-start:var(--scb-app-bar-padding-block-start-small, var(--spacing-3, 8px));--scb-app-bar-current-padding-block-end:var(--scb-app-bar-padding-block-end-small, var(--spacing-3, 8px));--scb-app-bar-current-title-gap:var(--scb-app-bar-title-gap-small, var(--spacing-0, 0px));--scb-app-bar-current-gap:var(--scb-app-bar-gap-small, var(--spacing-2, 4px));--scb-app-bar-current-title-offset:var(--scb-app-bar-title-offset-small, var(--spacing-5, 16px));--scb-app-bar-current-search-padding-inline:var(--scb-app-bar-search-container-padding-inline-small, var(--spacing-3, 8px))}header.size-medium{--scb-app-bar-current-height:var(--scb-app-bar-height-medium, 114px);--scb-app-bar-current-padding-inline:var(--scb-app-bar-padding-inline-medium, var(--spacing-2, 4px));--scb-app-bar-current-padding-block-start:var(--scb-app-bar-padding-block-start-medium, var(--spacing-3, 8px));--scb-app-bar-current-padding-block-end:var(--scb-app-bar-padding-block-end-medium, var(--spacing-7, 24px));--scb-app-bar-current-title-gap:var(--scb-app-bar-title-gap-medium, var(--spacing-2, 4px));--scb-app-bar-current-gap:var(--scb-app-bar-gap-medium, var(--spacing-2, 4px));--scb-app-bar-current-title-offset:var(--scb-app-bar-title-offset-medium, var(--spacing-4, 12px));--scb-app-bar-current-search-padding-inline:var(--scb-app-bar-search-container-padding-inline-medium, var(--spacing-3, 8px))}header.size-large{--scb-app-bar-current-height:var(--scb-app-bar-height-large, 146px);--scb-app-bar-current-padding-inline:var(--scb-app-bar-padding-inline-large, var(--spacing-2, 4px));--scb-app-bar-current-padding-block-start:var(--scb-app-bar-padding-block-start-large, var(--spacing-3, 8px));--scb-app-bar-current-padding-block-end:var(--scb-app-bar-padding-block-end-large, var(--spacing-7, 24px));--scb-app-bar-current-title-gap:var(--scb-app-bar-title-gap-large, var(--spacing-9, 32px));--scb-app-bar-current-gap:var(--scb-app-bar-gap-large, var(--spacing-2, 4px));--scb-app-bar-current-title-offset:var(--scb-app-bar-title-offset-large, var(--spacing-4, 12px));--scb-app-bar-current-search-padding-inline:var(--scb-app-bar-search-container-padding-inline-large, var(--spacing-3, 8px))}header.variant-search{height:var(--scb-app-bar-current-height)}header.position-bottom,header.position-top{position:fixed;left:0;right:0;z-index:var(--scb-layer-app-bar, 100)}header.position-top{top:0}header.position-bottom{bottom:0}header[popover]{box-sizing:border-box;inset:auto;width:auto;max-width:none;margin:0;border:0;overflow:visible}header.position-top[popover]{top:0;right:0;bottom:auto;left:0}header.position-bottom[popover]{top:auto;right:0;bottom:0;left:0}header.variant-centered .trailing{margin-inline-start:auto}header.variant-start.size-large,header.variant-start.size-medium{display:grid;grid-template-areas:"leading trailing""headline headline";grid-template-columns:minmax(0,1fr) auto;grid-template-rows:48px auto;align-content:start;row-gap:var(--scb-app-bar-current-title-gap)}header.variant-start.size-large .leading,header.variant-start.size-medium .leading{grid-area:leading}header.variant-start.size-large .trailing,header.variant-start.size-medium .trailing{grid-area:trailing}header.variant-start.size-large .headline,header.variant-start.size-medium .headline{grid-area:headline}header.variant-centered .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-app-bar-title-small-font, var(--scb-typography-title-large-font, var(--md-sys-typescale-title-large-font, var(--brand-font, Inter, Arial, sans-serif))));font-size:var(--scb-app-bar-title-small-size, var(--scb-typography-title-large-size, var(--md-sys-typescale-title-large-size)));line-height:var(--scb-app-bar-title-small-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:var(--scb-app-bar-title-small-weight, var(--scb-typography-title-large-weight, var(--md-sys-typescale-title-large-weight, var(--weight-semibold, 600))));letter-spacing:var(--scb-app-bar-title-small-tracking, var(--scb-typography-title-large-tracking, var(--md-sys-typescale-title-large-tracking)));margin:0}header.variant-start .headline{text-align:left;margin-inline-start:var(--scb-app-bar-current-title-offset)}header.size-medium .headline{font-family:var(--scb-app-bar-title-medium-font, var(--scb-typography-headline-small-font, var(--md-sys-typescale-headline-small-font, var(--brand-font, Inter, Arial, sans-serif))));font-size:var(--scb-app-bar-title-medium-size, var(--scb-typography-headline-small-size, var(--md-sys-typescale-headline-small-size)));line-height:var(--scb-app-bar-title-medium-line-height, var(--scb-typography-headline-small-line-height, var(--md-sys-typescale-headline-small-line-height, 30px)));font-weight:var(--scb-app-bar-title-medium-weight, var(--scb-typography-headline-small-weight, var(--md-sys-typescale-headline-small-weight, var(--weight-bold, 700))));letter-spacing:var(--scb-app-bar-title-medium-tracking, var(--scb-typography-headline-small-tracking, var(--md-sys-typescale-headline-small-tracking)))}header.size-large .headline{font-family:var(--scb-app-bar-title-large-font, var(--scb-typography-headline-medium-font, var(--md-sys-typescale-headline-medium-font, var(--brand-font, Inter, Arial, sans-serif))));font-size:var(--scb-app-bar-title-large-size, var(--scb-typography-headline-medium-size, var(--md-sys-typescale-headline-medium-size)));font-weight:var(--scb-app-bar-title-large-weight, var(--scb-typography-headline-medium-weight, var(--md-sys-typescale-headline-medium-weight, var(--weight-bold, 700))));line-height:var(--scb-app-bar-title-large-line-height, var(--scb-typography-headline-medium-line-height, var(--md-sys-typescale-headline-medium-line-height)));letter-spacing:var(--scb-app-bar-title-large-tracking, var(--scb-typography-headline-medium-tracking, var(--md-sys-typescale-headline-medium-tracking)))}.search-container{flex:1 1 auto;display:flex;align-items:center;justify-content:center;padding:0 var(--scb-app-bar-current-search-padding-inline)}.leading,.trailing{display:flex;align-items:center;gap:var(--scb-app-bar-current-gap)}.leading ::slotted(scb-icon-button),.trailing ::slotted(scb-avatar),.trailing ::slotted(scb-icon-button){margin:var(--spacing-2, 4px)}`],v);function g(){h.call(i(a,this))==="centered"&&(this.__titleResizeRaf||(this.__titleResizeRaf=requestAnimationFrame(()=>{this.__titleResizeRaf=0,i(a,this,j).call(this)})))}function S(){this.__titleResizeObserver?.disconnect();const e=this.shadowRoot?.querySelector("header");if(e&&e.style.removeProperty("--scb-app-bar-title-max-width"),h.call(i(a,this))!=="centered"||!this.__titleResizeObserver)return;const t=this.shadowRoot?.querySelector("header.variant-centered");if(!t)return;const r=t.querySelector(".leading"),s=t.querySelector(".trailing");!r||!s||(this.__titleResizeObserver.observe(t),this.__titleResizeObserver.observe(r),this.__titleResizeObserver.observe(s),i(a,this,g).call(this))}function z(e){if(!e)return 0;const t=parseFloat(e);return Number.isFinite(t)?t:0}function k(e){const t=getComputedStyle(e);return i(a,this,z).call(this,t.columnGap||t.gap)}function j(){const e=this.shadowRoot?.querySelector("header.variant-centered");if(!e)return;const t=e.querySelector(".leading"),r=e.querySelector(".trailing");if(!t||!r)return;const s=e.getBoundingClientRect(),o=t.getBoundingClientRect(),b=r.getBoundingClientRect(),c=getComputedStyle(e),E=i(a,this,z).call(this,c.paddingInlineStart||c.paddingLeft),B=i(a,this,z).call(this,c.paddingInlineEnd||c.paddingRight),$=Math.max(0,s.width-E-B),L=Math.max(o.width,b.width),O=Math.max(i(a,this,k).call(this,t),i(a,this,k).call(this,r)),P=Math.max(0,$-L*2-O*2);e.style.setProperty("--scb-app-bar-title-max-width",`${P}px`)}function w(){const e=this.mapSpacingToken(this.spacing),t=this.mapSpacingToken(this.spacingTop)??e,r=this.mapSpacingToken(this.spacingBottom)??e,s=this.mapSpacingToken(this.spacingLeft),o=this.mapSpacingToken(this.spacingRight);t?this.style.setProperty("--scb-app-bar-spacing-block-start",t):this.style.removeProperty("--scb-app-bar-spacing-block-start"),r?this.style.setProperty("--scb-app-bar-spacing-block-end",r):this.style.removeProperty("--scb-app-bar-spacing-block-end"),s?this.style.setProperty("--scb-app-bar-spacing-inline-start",s):this.style.removeProperty("--scb-app-bar-spacing-inline-start"),o?this.style.setProperty("--scb-app-bar-spacing-inline-end",o):this.style.removeProperty("--scb-app-bar-spacing-inline-end")}function f(){return this.appBarTitle||this.title}function D(){const e=this.ariaLabel.trim();return e||(h.call(i(a,this))==="search"?this.searchAriaLabel:this.defaultAriaLabel)}function m(){return this.type?W[this.type]:void 0}function d(){return m.call(i(a,this))&&!this.hasAttribute("size")?m.call(i(a,this)).size:this.size==="medium"||this.size==="large"?this.size:"small"}function h(){return m.call(i(a,this))&&!this.hasAttribute("variant")?m.call(i(a,this)).variant:this.variant==="start"||this.variant==="search"?this.variant:"centered"}function J(){return this.position==="bottom"?"position-bottom":this.position==="top"?"position-top":""}function y(e){const t=d.call(i(a,this)),r=H[e]?.[t],s=`--scb-app-bar-${e}-${t}`;return r?`var(${s}, ${r})`:`var(${s})`}function A(e){if(!(e instanceof HTMLElement))return;const t=e.tagName;t!=="SCB-ICON-BUTTON"&&t!=="SCB-BUTTON"||(i(a,this,C).call(this,e,G,x(this,`--scb-app-bar-action-component-size-${d.call(i(a,this))}`,["small","medium","large"],"medium")),t==="SCB-BUTTON"&&(e.style.setProperty("--scb-button-padding-inline",i(a,this,y).call(this,"action-padding-inline")),e.style.setProperty("--scb-button-icon-edge-space",i(a,this,y).call(this,"action-padding-inline")),e.style.setProperty("--scb-button-padding-block",i(a,this,y).call(this,"action-padding-block"))))}function T(e){!(e instanceof HTMLElement)||e.tagName!=="SCB-AVATAR"||i(a,this,C).call(this,e,V,x(this,`--scb-app-bar-avatar-component-size-${d.call(i(a,this))}`,["small","medium","large","extra-large"],"medium"))}function C(e,t,r){const s=e.getAttribute(t);if(s!==null&&e.getAttribute("size")!==s){e.removeAttribute(t);return}(!e.hasAttribute("size")||s!==null)&&(e.setAttribute("size",r),e.setAttribute(t,r))}function R(){this.renderRoot.querySelectorAll('slot[name="leading"], slot[name="trailing"]').forEach(e=>{e.assignedElements({flatten:!0}).forEach(t=>i(a,this,A).call(this,t))}),this.renderRoot.querySelectorAll('slot[name="avatar"]').forEach(e=>{e.assignedElements({flatten:!0}).forEach(t=>i(a,this,T).call(this,t))})}l([p({type:String,reflect:!0})],n.prototype,"title",void 0);l([p({type:String,attribute:"app-bar-title",reflect:!0})],n.prototype,"appBarTitle",void 0);l([p({type:String,reflect:!0})],n.prototype,"size",void 0);l([p({type:String,reflect:!0})],n.prototype,"variant",void 0);l([p({type:String})],n.prototype,"type",void 0);l([p({type:String,reflect:!0})],n.prototype,"position",void 0);l([p({type:String,attribute:"aria-label",reflect:!0})],n.prototype,"ariaLabel",void 0);l([p({type:String,attribute:"default-aria-label"})],n.prototype,"defaultAriaLabel",void 0);l([p({type:String,attribute:"search-aria-label"})],n.prototype,"searchAriaLabel",void 0);l([p({type:String,attribute:"search-supporting-text",reflect:!0})],n.prototype,"searchSupportingText",void 0);l([p({type:String,reflect:!0})],n.prototype,"spacing",void 0);l([p({type:String,attribute:"spacing-top",reflect:!0})],n.prototype,"spacingTop",void 0);l([p({type:String,attribute:"spacing-bottom",reflect:!0})],n.prototype,"spacingBottom",void 0);l([p({type:String,attribute:"spacing-left",reflect:!0})],n.prototype,"spacingLeft",void 0);l([p({type:String,attribute:"spacing-right",reflect:!0})],n.prototype,"spacingRight",void 0);n=l([q("scb-app-bar")],n);
+        `}},u.styles=[N`:host{display:block;font-family:var(--brand-font, Inter, Arial, sans-serif);position:relative;container-type:inline-size;container-name:app-bar-container;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(--scb-app-bar-surface-color, var(--md-sys-color-surface-container));color:var(--scb-app-bar-content-color, var(--md-sys-color-on-surface));--md-icon-button-icon-color:var(--scb-app-bar-content-color, var(--md-sys-color-on-surface));--md-focus-ring-color:var(--scb-app-bar-content-color, var(--md-sys-color-on-surface));box-sizing:border-box;display:flex;align-items:center;padding-block-start:var(--scb-app-bar-current-padding-block-start);padding-block-end:var(--scb-app-bar-current-padding-block-end);padding-inline:var(--scb-app-bar-current-padding-inline);position:relative;z-index:10;transition:height .3s,min-height .3s;min-height:var(--scb-app-bar-current-height)}header.size-small{--scb-app-bar-current-height:var(--scb-app-bar-design-height-small);--scb-app-bar-current-padding-inline:var(--scb-app-bar-design-padding-inline-small);--scb-app-bar-current-padding-block-start:var(--scb-app-bar-design-padding-block-start-small);--scb-app-bar-current-padding-block-end:var(--scb-app-bar-design-padding-block-end-small);--scb-app-bar-current-title-gap:var(--scb-app-bar-design-title-gap-small);--scb-app-bar-current-gap:var(--scb-app-bar-design-gap-small);--scb-app-bar-current-title-offset:var(--scb-app-bar-design-title-offset-small);--scb-app-bar-current-search-padding-inline:var(--scb-app-bar-design-search-container-padding-inline-small)}header.size-medium{--scb-app-bar-current-height:var(--scb-app-bar-design-height-medium);--scb-app-bar-current-padding-inline:var(--scb-app-bar-design-padding-inline-medium);--scb-app-bar-current-padding-block-start:var(--scb-app-bar-design-padding-block-start-medium);--scb-app-bar-current-padding-block-end:var(--scb-app-bar-design-padding-block-end-medium);--scb-app-bar-current-title-gap:var(--scb-app-bar-design-title-gap-medium);--scb-app-bar-current-gap:var(--scb-app-bar-design-gap-medium);--scb-app-bar-current-title-offset:var(--scb-app-bar-design-title-offset-medium);--scb-app-bar-current-search-padding-inline:var(--scb-app-bar-design-search-container-padding-inline-medium)}header.size-large{--scb-app-bar-current-height:var(--scb-app-bar-design-height-large);--scb-app-bar-current-padding-inline:var(--scb-app-bar-design-padding-inline-large);--scb-app-bar-current-padding-block-start:var(--scb-app-bar-design-padding-block-start-large);--scb-app-bar-current-padding-block-end:var(--scb-app-bar-design-padding-block-end-large);--scb-app-bar-current-title-gap:var(--scb-app-bar-design-title-gap-large);--scb-app-bar-current-gap:var(--scb-app-bar-design-gap-large);--scb-app-bar-current-title-offset:var(--scb-app-bar-design-title-offset-large);--scb-app-bar-current-search-padding-inline:var(--scb-app-bar-design-search-container-padding-inline-large)}header.variant-search{height:var(--scb-app-bar-current-height)}header.position-bottom,header.position-top{position:fixed;left:0;right:0;z-index:var(--scb-layer-app-bar, 100)}header.position-top{top:0}header.position-bottom{bottom:0}header[popover]{box-sizing:border-box;inset:auto;width:auto;max-width:none;margin:0;border:0;overflow:visible}header.position-top[popover]{top:0;right:0;bottom:auto;left:0}header.position-bottom[popover]{top:auto;right:0;bottom:0;left:0}header.variant-centered .trailing{margin-inline-start:auto}header.variant-start.size-large,header.variant-start.size-medium{display:grid;grid-template-areas:"leading trailing""headline headline";grid-template-columns:minmax(0,1fr) auto;grid-template-rows:48px auto;align-content:start;row-gap:var(--scb-app-bar-current-title-gap)}header.variant-start.size-large .leading,header.variant-start.size-medium .leading{grid-area:leading}header.variant-start.size-large .trailing,header.variant-start.size-medium .trailing{grid-area:trailing}header.variant-start.size-large .headline,header.variant-start.size-medium .headline{grid-area:headline}header.variant-centered .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-app-bar-design-title-small-font);font-size:var(--scb-app-bar-design-title-small-size);line-height:var(--scb-app-bar-design-title-small-line-height);font-weight:var(--scb-app-bar-design-title-small-weight);letter-spacing:var(--scb-app-bar-design-title-small-tracking);margin:0}header.variant-start .headline{text-align:left;margin-inline-start:var(--scb-app-bar-current-title-offset)}header.size-medium .headline{font-family:var(--scb-app-bar-design-title-medium-font);font-size:var(--scb-app-bar-design-title-medium-size);line-height:var(--scb-app-bar-design-title-medium-line-height);font-weight:var(--scb-app-bar-design-title-medium-weight);letter-spacing:var(--scb-app-bar-design-title-medium-tracking)}header.size-large .headline{font-family:var(--scb-app-bar-design-title-large-font);font-size:var(--scb-app-bar-design-title-large-size);font-weight:var(--scb-app-bar-design-title-large-weight);line-height:var(--scb-app-bar-design-title-large-line-height);letter-spacing:var(--scb-app-bar-design-title-large-tracking)}.search-container{flex:1 1 auto;display:flex;align-items:center;justify-content:center;padding:0 var(--scb-app-bar-current-search-padding-inline)}.leading,.trailing{display:flex;align-items:center;gap:var(--scb-app-bar-current-gap)}.leading ::slotted(scb-icon-button),.trailing ::slotted(scb-avatar),.trailing ::slotted(scb-icon-button){margin:var(--spacing-2, 4px)}:host{--scb-app-bar-design-height-small:var(--scb-app-bar-height-small, 64px);--scb-app-bar-design-height-medium:var(--scb-app-bar-height-medium, 114px);--scb-app-bar-design-height-large:var(--scb-app-bar-height-large, 146px);--scb-app-bar-design-padding-inline-small:var(--scb-app-bar-padding-inline-small, var(--spacing-2, 4px));--scb-app-bar-design-padding-inline-medium:var(--scb-app-bar-padding-inline-medium, var(--spacing-2, 4px));--scb-app-bar-design-padding-inline-large:var(--scb-app-bar-padding-inline-large, var(--spacing-2, 4px));--scb-app-bar-design-padding-block-start-small:var(--scb-app-bar-padding-block-start-small, var(--spacing-3, 8px));--scb-app-bar-design-padding-block-start-medium:var(--scb-app-bar-padding-block-start-medium, var(--spacing-3, 8px));--scb-app-bar-design-padding-block-start-large:var(--scb-app-bar-padding-block-start-large, var(--spacing-3, 8px));--scb-app-bar-design-padding-block-end-small:var(--scb-app-bar-padding-block-end-small, var(--spacing-3, 8px));--scb-app-bar-design-padding-block-end-medium:var(--scb-app-bar-padding-block-end-medium, var(--spacing-7, 24px));--scb-app-bar-design-padding-block-end-large:var(--scb-app-bar-padding-block-end-large, var(--spacing-7, 24px));--scb-app-bar-design-title-gap-small:var(--scb-app-bar-title-gap-small, var(--spacing-0, 0px));--scb-app-bar-design-title-gap-medium:var(--scb-app-bar-title-gap-medium, var(--spacing-2, 4px));--scb-app-bar-design-title-gap-large:var(--scb-app-bar-title-gap-large, 32px);--scb-app-bar-design-gap-small:var(--scb-app-bar-gap-small, var(--spacing-2, 4px));--scb-app-bar-design-gap-medium:var(--scb-app-bar-gap-medium, var(--spacing-2, 4px));--scb-app-bar-design-gap-large:var(--scb-app-bar-gap-large, var(--spacing-2, 4px));--scb-app-bar-design-title-offset-small:var(--scb-app-bar-title-offset-small, var(--spacing-5, 16px));--scb-app-bar-design-title-offset-medium:var(--scb-app-bar-title-offset-medium, var(--spacing-4, 12px));--scb-app-bar-design-title-offset-large:var(--scb-app-bar-title-offset-large, var(--spacing-4, 12px));--scb-app-bar-design-title-small-font:var(--scb-app-bar-title-small-font, var(--scb-typography-title-large-font, var(--md-sys-typescale-title-large-font, var(--brand))));--scb-app-bar-design-title-small-size:var(--scb-app-bar-title-small-size, var(--scb-typography-title-large-size, var(--md-sys-typescale-title-large-size, 20px)));--scb-app-bar-design-title-small-line-height:var(--scb-app-bar-title-small-line-height, var(--scb-typography-title-large-line-height, var(--md-sys-typescale-title-large-line-height, 28px)));--scb-app-bar-design-title-small-tracking:var(--scb-app-bar-title-small-tracking, var(--scb-typography-title-large-tracking, var(--md-sys-typescale-title-large-tracking, var(--tracking-06, -0.4px))));--scb-app-bar-design-title-small-weight:var(--scb-app-bar-title-small-weight, var(--scb-typography-title-large-weight, var(--md-sys-typescale-title-large-weight, var(--weight-semibold, 600))));--scb-app-bar-design-title-small-letter-spacing:var(--scb-app-bar-title-small-letter-spacing, var(--scb-app-bar-title-small-tracking, var(--scb-typography-title-large-tracking, var(--md-sys-typescale-title-large-tracking, var(--tracking-06, -0.4px)))));--scb-app-bar-design-title-small-font-weight:var(--scb-app-bar-title-small-font-weight, var(--scb-app-bar-title-small-weight, var(--scb-typography-title-large-weight, var(--md-sys-typescale-title-large-weight, var(--weight-semibold, 600)))));--scb-app-bar-design-title-medium-font:var(--scb-app-bar-title-medium-font, var(--scb-typography-headline-small-font, var(--md-sys-typescale-headline-small-font, var(--brand))));--scb-app-bar-design-title-medium-size:var(--scb-app-bar-title-medium-size, var(--scb-typography-headline-small-size, var(--md-sys-typescale-headline-small-size, 20px)));--scb-app-bar-design-title-medium-line-height:var(--scb-app-bar-title-medium-line-height, var(--scb-typography-headline-small-line-height, var(--md-sys-typescale-headline-small-line-height, 28px)));--scb-app-bar-design-title-medium-tracking:var(--scb-app-bar-title-medium-tracking, var(--scb-typography-headline-small-tracking, var(--md-sys-typescale-headline-small-tracking, var(--tracking-07, -0.5px))));--scb-app-bar-design-title-medium-weight:var(--scb-app-bar-title-medium-weight, var(--scb-typography-headline-small-weight, var(--md-sys-typescale-headline-small-weight, var(--weight-bold, 700))));--scb-app-bar-design-title-medium-letter-spacing:var(--scb-app-bar-title-medium-letter-spacing, var(--scb-app-bar-title-medium-tracking, var(--scb-typography-headline-small-tracking, var(--md-sys-typescale-headline-small-tracking, var(--tracking-07, -0.5px)))));--scb-app-bar-design-title-medium-font-weight:var(--scb-app-bar-title-medium-font-weight, var(--scb-app-bar-title-medium-weight, var(--scb-typography-headline-small-weight, var(--md-sys-typescale-headline-small-weight, var(--weight-bold, 700)))));--scb-app-bar-design-title-large-font:var(--scb-app-bar-title-large-font, var(--scb-typography-headline-medium-font, var(--md-sys-typescale-headline-medium-font, var(--brand))));--scb-app-bar-design-title-large-size:var(--scb-app-bar-title-large-size, 28px);--scb-app-bar-design-title-large-line-height:var(--scb-app-bar-title-large-line-height, 34px);--scb-app-bar-design-title-large-tracking:var(--scb-app-bar-title-large-tracking, var(--scb-typography-headline-medium-tracking, var(--md-sys-typescale-headline-medium-tracking, var(--tracking-08, -0.6px))));--scb-app-bar-design-title-large-weight:var(--scb-app-bar-title-large-weight, var(--scb-typography-headline-medium-weight, var(--md-sys-typescale-headline-medium-weight, var(--weight-bold, 700))));--scb-app-bar-design-title-large-letter-spacing:var(--scb-app-bar-title-large-letter-spacing, var(--scb-app-bar-title-large-tracking, var(--scb-typography-headline-medium-tracking, var(--md-sys-typescale-headline-medium-tracking, var(--tracking-08, -0.6px)))));--scb-app-bar-design-title-large-font-weight:var(--scb-app-bar-title-large-font-weight, var(--scb-app-bar-title-large-weight, var(--scb-typography-headline-medium-weight, var(--md-sys-typescale-headline-medium-weight, var(--weight-bold, 700)))));--scb-app-bar-design-action-component-size-small:var(--scb-app-bar-action-component-size-small, medium);--scb-app-bar-design-action-component-size-medium:var(--scb-app-bar-action-component-size-medium, medium);--scb-app-bar-design-action-component-size-large:var(--scb-app-bar-action-component-size-large, medium);--scb-app-bar-design-action-padding-inline-small:var(--scb-app-bar-action-padding-inline-small, var(--scb-buttons-padding-inline-small, var(--spacing-4, 12px)));--scb-app-bar-design-action-padding-inline-medium:var(--scb-app-bar-action-padding-inline-medium, var(--scb-buttons-padding-inline-small, var(--spacing-4, 12px)));--scb-app-bar-design-action-padding-inline-large:var(--scb-app-bar-action-padding-inline-large, var(--scb-buttons-padding-inline-small, var(--spacing-4, 12px)));--scb-app-bar-design-action-padding-block-small:var(--scb-app-bar-action-padding-block-small, var(--scb-buttons-padding-block-small, var(--spacing-2, 4px)));--scb-app-bar-design-action-padding-block-medium:var(--scb-app-bar-action-padding-block-medium, var(--scb-buttons-padding-block-small, var(--spacing-2, 4px)));--scb-app-bar-design-action-padding-block-large:var(--scb-app-bar-action-padding-block-large, var(--scb-buttons-padding-block-small, var(--spacing-2, 4px)));--scb-app-bar-design-avatar-component-size-small:var(--scb-app-bar-avatar-component-size-small, medium);--scb-app-bar-design-avatar-component-size-medium:var(--scb-app-bar-avatar-component-size-medium, medium);--scb-app-bar-design-avatar-component-size-large:var(--scb-app-bar-avatar-component-size-large, medium);--scb-app-bar-design-search-component-size-small:var(--scb-app-bar-search-component-size-small, small);--scb-app-bar-design-search-component-size-medium:var(--scb-app-bar-search-component-size-medium, small);--scb-app-bar-design-search-component-size-large:var(--scb-app-bar-search-component-size-large, small);--scb-app-bar-design-search-container-padding-inline-small:var(--scb-app-bar-search-container-padding-inline-small, var(--spacing-3, 8px));--scb-app-bar-design-search-container-padding-inline-medium:var(--scb-app-bar-search-container-padding-inline-medium, var(--spacing-3, 8px));--scb-app-bar-design-search-container-padding-inline-large:var(--scb-app-bar-search-container-padding-inline-large, var(--spacing-3, 8px))}`],u);function h(){o.call(i(t,this))==="centered"&&(this.__titleResizeRaf||(this.__titleResizeRaf=requestAnimationFrame(()=>{this.__titleResizeRaf=0,i(t,this,j).call(this)})))}function _(){this.__titleResizeObserver?.disconnect();const e=this.shadowRoot?.querySelector("header");if(e&&e.style.removeProperty("--scb-app-bar-title-max-width"),o.call(i(t,this))!=="centered"||!this.__titleResizeObserver)return;const a=this.shadowRoot?.querySelector("header.variant-centered");if(!a)return;const r=a.querySelector(".leading"),s=a.querySelector(".trailing");!r||!s||(this.__titleResizeObserver.observe(a),this.__titleResizeObserver.observe(r),this.__titleResizeObserver.observe(s),i(t,this,h).call(this))}function z(e){if(!e)return 0;const a=parseFloat(e);return Number.isFinite(a)?a:0}function S(e){const a=getComputedStyle(e);return i(t,this,z).call(this,a.columnGap||a.gap)}function j(){const e=this.shadowRoot?.querySelector("header.variant-centered");if(!e)return;const a=e.querySelector(".leading"),r=e.querySelector(".trailing");if(!a||!r)return;const s=e.getBoundingClientRect(),b=a.getBoundingClientRect(),g=r.getBoundingClientRect(),c=getComputedStyle(e),E=i(t,this,z).call(this,c.paddingInlineStart||c.paddingLeft),B=i(t,this,z).call(this,c.paddingInlineEnd||c.paddingRight),$=Math.max(0,s.width-E-B),L=Math.max(b.width,g.width),O=Math.max(i(t,this,S).call(this,a),i(t,this,S).call(this,r)),P=Math.max(0,$-L*2-O*2);e.style.setProperty("--scb-app-bar-title-max-width",`${P}px`)}function w(){const e=this.mapSpacingToken(this.spacing),a=this.mapSpacingToken(this.spacingTop)??e,r=this.mapSpacingToken(this.spacingBottom)??e,s=this.mapSpacingToken(this.spacingLeft),b=this.mapSpacingToken(this.spacingRight);a?this.style.setProperty("--scb-app-bar-spacing-block-start",a):this.style.removeProperty("--scb-app-bar-spacing-block-start"),r?this.style.setProperty("--scb-app-bar-spacing-block-end",r):this.style.removeProperty("--scb-app-bar-spacing-block-end"),s?this.style.setProperty("--scb-app-bar-spacing-inline-start",s):this.style.removeProperty("--scb-app-bar-spacing-inline-start"),b?this.style.setProperty("--scb-app-bar-spacing-inline-end",b):this.style.removeProperty("--scb-app-bar-spacing-inline-end")}function f(){return this.appBarTitle||this.title}function D(){const e=this.ariaLabel.trim();return e||(o.call(i(t,this))==="search"?this.searchAriaLabel:this.defaultAriaLabel)}function m(){return this.type?W[this.type]:void 0}function d(){return m.call(i(t,this))&&!this.hasAttribute("size")?m.call(i(t,this)).size:this.size==="medium"||this.size==="large"?this.size:"small"}function o(){return m.call(i(t,this))&&!this.hasAttribute("variant")?m.call(i(t,this)).variant:this.variant==="start"||this.variant==="search"?this.variant:"centered"}function J(){return this.position==="bottom"?"position-bottom":this.position==="top"?"position-top":""}function y(e){const a=d.call(i(t,this)),r=H[e]?.[a],s=`--scb-app-bar-design-${e}-${a}`;return r?`var(${s}, ${r})`:`var(${s})`}function T(e){if(!(e instanceof HTMLElement))return;const a=e.tagName;a!=="SCB-ICON-BUTTON"&&a!=="SCB-BUTTON"||(i(t,this,C).call(this,e,G,k(this,`--scb-app-bar-design-action-component-size-${d.call(i(t,this))}`,["small","medium","large"],"medium")),a==="SCB-BUTTON"&&(e.style.setProperty("--scb-button-padding-inline",i(t,this,y).call(this,"action-padding-inline")),e.style.setProperty("--scb-button-icon-edge-space",i(t,this,y).call(this,"action-padding-inline")),e.style.setProperty("--scb-button-padding-block",i(t,this,y).call(this,"action-padding-block"))))}function A(e){!(e instanceof HTMLElement)||e.tagName!=="SCB-AVATAR"||i(t,this,C).call(this,e,V,k(this,`--scb-app-bar-design-avatar-component-size-${d.call(i(t,this))}`,["small","medium","large","extra-large"],"medium"))}function C(e,a,r){const s=e.getAttribute(a);if(s!==null&&e.getAttribute("size")!==s){e.removeAttribute(a);return}(!e.hasAttribute("size")||s!==null)&&(e.setAttribute("size",r),e.setAttribute(a,r))}function R(){this.renderRoot.querySelectorAll('slot[name="leading"], slot[name="trailing"]').forEach(e=>{e.assignedElements({flatten:!0}).forEach(a=>i(t,this,T).call(this,a))}),this.renderRoot.querySelectorAll('slot[name="avatar"]').forEach(e=>{e.assignedElements({flatten:!0}).forEach(a=>i(t,this,A).call(this,a))})}p([l({type:String,reflect:!0})],n.prototype,"title",void 0);p([l({type:String,attribute:"app-bar-title",reflect:!0})],n.prototype,"appBarTitle",void 0);p([l({type:String,reflect:!0})],n.prototype,"size",void 0);p([l({type:String,reflect:!0})],n.prototype,"variant",void 0);p([l({type:String})],n.prototype,"type",void 0);p([l({type:String,reflect:!0})],n.prototype,"position",void 0);p([l({type:String,attribute:"aria-label",reflect:!0})],n.prototype,"ariaLabel",void 0);p([l({type:String,attribute:"default-aria-label"})],n.prototype,"defaultAriaLabel",void 0);p([l({type:String,attribute:"search-aria-label"})],n.prototype,"searchAriaLabel",void 0);p([l({type:String,attribute:"search-supporting-text",reflect:!0})],n.prototype,"searchSupportingText",void 0);p([l({type:String,reflect:!0})],n.prototype,"spacing",void 0);p([l({type:String,attribute:"spacing-top",reflect:!0})],n.prototype,"spacingTop",void 0);p([l({type:String,attribute:"spacing-bottom",reflect:!0})],n.prototype,"spacingBottom",void 0);p([l({type:String,attribute:"spacing-left",reflect:!0})],n.prototype,"spacingLeft",void 0);p([l({type:String,attribute:"spacing-right",reflect:!0})],n.prototype,"spacingRight",void 0);n=p([q("scb-app-bar")],n);

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

@@ -1,19 +1,19 @@
 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 y,g as c,h as f,m as u,p as s,v as n,y as _}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as m}from"../../vendor/preload-helper.js";import{t as z}from"../../vendor/component-defaults.js";import{t as e}from"../../vendor/decorate.js";import{t as b}from"../../vendor/assertClassBrand.js";import{t as x}from"../../vendor/classPrivateMethodInitSpec.js";(function(){try{var r=typeof globalThis<"u"?globalThis:window;if(!r.__scb_ce_guard_installed__){r.__scb_ce_guard_installed__=!0;var a=customElements.define.bind(customElements);customElements.define=function(i,l,o){try{customElements.get(i)||a(i,l,o)}catch(h){var g=String(h||"");if(g.indexOf("already been used")===-1&&g.indexOf("NotSupportedError")===-1)throw h}}}}catch{}})();var v,p,t=(v=new WeakSet,p=class extends f{constructor(...a){super(...a),x(this,v),this.src="",this.alt="",this.label="",this.size=z["scb-avatar"].size,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 l=i.currentTarget;this._hasIconSlot=(l.assignedNodes({flatten:!0})||[]).length>0}}async firstUpdated(){this.variant==="icon"&&await m(()=>import("../../vendor/icon.js").then(a=>a.t),__vite__mapDeps([0,1,2,3]),import.meta.url),b(v,this,d).call(this)}updated(a){super.updated(a),a.has("variant")&&this.variant==="icon"&&m(()=>import("../../vendor/icon.js").then(i=>i.t),__vite__mapDeps([0,1,2,3]),import.meta.url),(a.has("spacing")||a.has("spacingTop")||a.has("spacingBottom")||a.has("spacingLeft")||a.has("spacingRight"))&&b(v,this,d).call(this)}_initials(){const a=(this.label||this.alt||"").trim();if(!a)return"?";const i=a.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 a=(this.label||this.alt||"").trim();return a||null}mapSpacingToken(a){if(!a)return;const i=String(a).trim();if(i)return/^\d+$/.test(i)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(i,10)))})`:i}render(){const a=this._ariaLabel(),i=this.variant==="image"&&!!this.src&&!this._imgError,l=n`${c}
+import{f as u,g as v,h as y,m as f,p as e,v as l,y as x}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as m}from"../../vendor/preload-helper.js";import{t as _}from"../../vendor/component-defaults.js";import{t as r}from"../../vendor/decorate.js";import{t as p}from"../../vendor/assertClassBrand.js";import{t as z}from"../../vendor/classPrivateMethodInitSpec.js";(function(){try{var s=typeof globalThis<"u"?globalThis:window;if(!s.__scb_ce_guard_installed__){s.__scb_ce_guard_installed__=!0;var a=customElements.define.bind(customElements);customElements.define=function(i,n,c){try{customElements.get(i)||a(i,n,c)}catch(b){var d=String(b||"");if(d.indexOf("already been used")===-1&&d.indexOf("NotSupportedError")===-1)throw b}}}}catch{}})();var g,o,t=(g=new WeakSet,o=class extends y{constructor(...a){super(...a),z(this,g),this.src="",this.alt="",this.label="",this.size=_["scb-avatar"].size,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 n=i.currentTarget;this._hasIconSlot=(n.assignedNodes({flatten:!0})||[]).length>0}}async firstUpdated(){this.variant==="icon"&&await m(()=>import("../../vendor/icon.js").then(a=>a.t),__vite__mapDeps([0,1,2,3]),import.meta.url),p(g,this,h).call(this)}updated(a){super.updated(a),a.has("variant")&&this.variant==="icon"&&m(()=>import("../../vendor/icon.js").then(i=>i.t),__vite__mapDeps([0,1,2,3]),import.meta.url),(a.has("spacing")||a.has("spacingTop")||a.has("spacingBottom")||a.has("spacingLeft")||a.has("spacingRight"))&&p(g,this,h).call(this)}_initials(){const a=(this.label||this.alt||"").trim();if(!a)return"?";const i=a.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 a=(this.label||this.alt||"").trim();return a||null}mapSpacingToken(a){if(!a)return;const i=String(a).trim();if(i)return/^\d+$/.test(i)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(i,10)))})`:i}render(){const a=this._ariaLabel(),i=this.variant==="image"&&!!this.src&&!this._imgError,n=l`${v}
         <slot name="icon" @slotchange=${this._onIconSlotChange}></slot>
-        ${this._hasIconSlot?c:this.iconName?n`<md-icon aria-hidden="true">${this.iconName}</md-icon>`:n`<div class="fallback" part="fallback">${this._initials()}</div>`}
-      `,o=i?n`<img
+        ${this._hasIconSlot?v:this.iconName?l`<md-icon aria-hidden="true">${this.iconName}</md-icon>`:l`<div class="fallback" part="fallback">${this._initials()}</div>`}
+      `,c=i?l`<img
                 class="photo"
                 part="image"
                 src=${this.src}
                 alt=${this.alt}
                 @load=${this._onImgLoad}
                 @error=${this._onImgError}
-              />`:n`
+              />`:l`
             <slot name="icon" @slotchange=${this._onIconSlotChange}></slot>
-            ${this._hasIconSlot?c:this.iconName?n`<md-icon aria-hidden="true">${this.iconName}</md-icon>`:n`<div class="fallback" part="fallback">${this._initials()}</div>`}
-          `;return n`
-      <div class="container" part="container" role="img" aria-label=${a??c}>
-        ${this.variant==="icon"?l:o}
+            ${this._hasIconSlot?v:this.iconName?l`<md-icon aria-hidden="true">${this.iconName}</md-icon>`:l`<div class="fallback" part="fallback">${this._initials()}</div>`}
+          `;return l`
+      <div class="container" part="container" role="img" aria-label=${a??v}>
+        ${this.variant==="icon"?n:c}
       </div>
-    `}},p.styles=_`: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:var(--scb-avatar-size-medium, var(--scale-10, 40px));--scb-avatar-initials-font:var(--scb-avatar-initials-medium-font, var(--scb-typography-label-large-font, var(--md-sys-typescale-label-large-font)));--scb-avatar-initials-font-size:var(--scb-avatar-initials-medium-size, var(--scb-typography-label-large-size, var(--md-sys-typescale-label-large-size, 16px)));--scb-avatar-initials-line-height:var(--scb-avatar-initials-medium-line-height, var(--scb-typography-label-large-line-height, var(--md-sys-typescale-label-large-line-height, 20px)));--scb-avatar-initials-letter-spacing:var(--scb-avatar-initials-medium-letter-spacing, var(--scb-typography-label-large-tracking, var(--md-sys-typescale-label-large-tracking, 0.1px)));--scb-avatar-initials-font-weight:var(--scb-avatar-initials-medium-font-weight, var(--scb-typography-label-large-weight, var(--md-sys-typescale-label-large-weight, var(--weight-semibold, 600))));--_font-size:var(--scb-avatar-font-size, var(--scb-avatar-initials-font-size));--_icon-size:var(--scb-avatar-icon-size-medium, var(--icon-size-medium, 24px));--_bg:var(--scb-avatar-container-color, var(--md-sys-color-primary-fixed-dim, var(--md-sys-color-primary-container)));--_fg:var(--scb-avatar-content-color, var(--md-sys-color-on-primary-fixed, var(--md-sys-color-on-primary-container)));--_image-fallback-bg:var(--scb-avatar-image-fallback-container-color, var(--md-sys-color-primary-container));--_image-fallback-fg:var(--scb-avatar-image-fallback-content-color, var(--md-sys-color-on-primary-container));--_radius:var(--scb-avatar-shape-radius-circular, 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:var(--scb-avatar-size-small, var(--scale-08, 32px));--scb-avatar-initials-font:var(--scb-avatar-initials-small-font, var(--scb-typography-label-medium-font, var(--md-sys-typescale-label-medium-font)));--scb-avatar-initials-font-size:var(--scb-avatar-initials-small-size, var(--scb-typography-label-medium-size, var(--md-sys-typescale-label-medium-size, 14px)));--scb-avatar-initials-line-height:var(--scb-avatar-initials-small-line-height, var(--scb-typography-label-medium-line-height, var(--md-sys-typescale-label-medium-line-height, 20px)));--scb-avatar-initials-letter-spacing:var(--scb-avatar-initials-small-letter-spacing, var(--scb-typography-label-medium-tracking, var(--md-sys-typescale-label-medium-tracking, 0.1px)));--scb-avatar-initials-font-weight:var(--scb-avatar-initials-small-font-weight, var(--scb-typography-label-medium-weight, var(--md-sys-typescale-label-medium-weight, var(--weight-semibold, 600))));--_icon-size:var(--scb-avatar-icon-size-small, var(--icon-size-small, 20px))}:host([size="medium"]){--_size:var(--scb-avatar-size-medium, var(--scale-10, 40px));--scb-avatar-initials-font:var(--scb-avatar-initials-medium-font, var(--scb-typography-label-large-font, var(--md-sys-typescale-label-large-font)));--scb-avatar-initials-font-size:var(--scb-avatar-initials-medium-size, var(--scb-typography-label-large-size, var(--md-sys-typescale-label-large-size, 16px)));--scb-avatar-initials-line-height:var(--scb-avatar-initials-medium-line-height, var(--scb-typography-label-large-line-height, var(--md-sys-typescale-label-large-line-height, 20px)));--scb-avatar-initials-letter-spacing:var(--scb-avatar-initials-medium-letter-spacing, var(--scb-typography-label-large-tracking, var(--md-sys-typescale-label-large-tracking, 0.1px)));--scb-avatar-initials-font-weight:var(--scb-avatar-initials-medium-font-weight, var(--scb-typography-label-large-weight, var(--md-sys-typescale-label-large-weight, var(--weight-semibold, 600))));--_icon-size:var(--scb-avatar-icon-size-medium, var(--icon-size-medium, 24px))}:host([size="large"]){--_size:var(--scb-avatar-size-large, var(--scale-12, 56px));--scb-avatar-initials-font:var(--scb-avatar-initials-large-font, var(--scb-typography-title-large-font, var(--md-sys-typescale-title-large-font)));--scb-avatar-initials-font-size:var(--scb-avatar-initials-large-size, var(--scb-typography-title-large-size, var(--md-sys-typescale-title-large-size, 20px)));--scb-avatar-initials-line-height:var(--scb-avatar-initials-large-line-height, var(--scb-typography-title-large-line-height, var(--md-sys-typescale-title-large-line-height, 28px)));--scb-avatar-initials-letter-spacing:var(--scb-avatar-initials-large-letter-spacing, var(--scb-typography-title-large-tracking, var(--md-sys-typescale-title-large-tracking, 0)));--scb-avatar-initials-font-weight:var(--scb-avatar-initials-large-font-weight, var(--scb-typography-title-large-weight, var(--md-sys-typescale-title-large-weight, var(--weight-semibold, 600))));--_icon-size:var(--scb-avatar-icon-size-large, var(--icon-size-large, 32px))}:host([size="extra-large"]),:host([size="xlarge"]){--_size:var(--scb-avatar-size-extra-large, var(--scale-13, 80px));--scb-avatar-initials-font:var(--scb-avatar-initials-extra-large-font, var(--scb-typography-headline-medium-font, var(--md-sys-typescale-headline-medium-font)));--scb-avatar-initials-font-size:var(--scb-avatar-initials-extra-large-size, var(--scb-typography-headline-medium-size, var(--md-sys-typescale-headline-medium-size, 28px)));--scb-avatar-initials-line-height:var(--scb-avatar-initials-extra-large-line-height, var(--scb-typography-headline-medium-line-height, var(--md-sys-typescale-headline-medium-line-height, 36px)));--scb-avatar-initials-letter-spacing:var(--scb-avatar-initials-extra-large-letter-spacing, var(--scb-typography-headline-medium-tracking, var(--md-sys-typescale-headline-medium-tracking, 0)));--scb-avatar-initials-font-weight:var(--scb-avatar-initials-extra-large-font-weight, var(--scb-typography-headline-medium-weight, var(--md-sys-typescale-headline-medium-weight, var(--weight-semibold, 600))));--_icon-size:var(--scb-avatar-icon-size-extra-large, var(--icon-size-extra-extra-large, 48px))}:host([shape="circular"]){--_radius:var(--scb-avatar-shape-radius-circular, var(--radius-full, 1000px))}:host([shape="rounded"]){--_radius:var(--scb-avatar-shape-radius-rounded, var(--radius-s, 8px))}:host([shape="square"]){--_radius:var(--scb-avatar-shape-radius-square, var(--radius-none, 0px))}.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([variant="icon"]) .container{background:var(--_bg);color:var(--_fg)}md-icon{--md-icon-size:var(--_icon-size);font-size:var(--_icon-size);inline-size:var(--_icon-size);block-size:var(--_icon-size);line-height:1}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-family:var(--scb-avatar-initials-font, var(--brand-font, Inter, system-ui, sans-serif));font-size:var(--_font-size);font-weight:var(--scb-avatar-initials-font-weight, var(--weight-semibold, 600));line-height:var(--scb-avatar-initials-line-height, 1);letter-spacing:var(--scb-avatar-initials-letter-spacing, .01em);text-transform:uppercase;color:var(--_fg);background:var(--_bg)}:host([variant="image"]) .fallback{color:var(--_image-fallback-fg);background:var(--_image-fallback-bg)}::slotted([slot=icon]){width:var(--_icon-size);height:var(--_icon-size);font-size: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)}`,p);function d(){const r=this.mapSpacingToken(this.spacing),a=this.mapSpacingToken(this.spacingTop)??r,i=this.mapSpacingToken(this.spacingBottom)??r,l=this.mapSpacingToken(this.spacingLeft)??r,o=this.mapSpacingToken(this.spacingRight)??r;a?this.style.setProperty("--scb-avatar-spacing-block-start",a):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"),l?this.style.setProperty("--scb-avatar-spacing-inline-start",l):this.style.removeProperty("--scb-avatar-spacing-inline-start"),o?this.style.setProperty("--scb-avatar-spacing-inline-end",o):this.style.removeProperty("--scb-avatar-spacing-inline-end")}e([s({type:String})],t.prototype,"src",void 0);e([s({type:String})],t.prototype,"alt",void 0);e([s({type:String})],t.prototype,"label",void 0);e([s({type:String,reflect:!0})],t.prototype,"size",void 0);e([s({type:String,reflect:!0})],t.prototype,"shape",void 0);e([s({type:String,attribute:"icon-name",reflect:!0})],t.prototype,"iconName",void 0);e([s({type:String,reflect:!0})],t.prototype,"variant",void 0);e([s({type:String,reflect:!0})],t.prototype,"spacing",void 0);e([s({type:String,attribute:"spacing-top",reflect:!0})],t.prototype,"spacingTop",void 0);e([s({type:String,attribute:"spacing-bottom",reflect:!0})],t.prototype,"spacingBottom",void 0);e([s({type:String,attribute:"spacing-left",reflect:!0})],t.prototype,"spacingLeft",void 0);e([s({type:String,attribute:"spacing-right",reflect:!0})],t.prototype,"spacingRight",void 0);e([y()],t.prototype,"_imgError",void 0);e([y()],t.prototype,"_hasIconSlot",void 0);t=e([u("scb-avatar")],t);export{t as ScbAvatar};
+    `}},o.styles=x`: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:var(--scb-avatar-design-avatar-size-medium);--scb-avatar-initials-font:var(--scb-avatar-design-initials-text-medium-font);--scb-avatar-initials-font-size:var(--scb-avatar-design-initials-text-medium-size);--scb-avatar-initials-line-height:var(--scb-avatar-design-initials-text-medium-line-height);--scb-avatar-initials-letter-spacing:var(--scb-avatar-design-initials-text-medium-letter-spacing);--scb-avatar-initials-font-weight:var(--scb-avatar-design-initials-text-medium-font-weight);--_font-size:var(--scb-avatar-font-size, var(--scb-avatar-initials-font-size));--_icon-size:var(--scb-avatar-design-icon-medium);--_bg:var(--scb-avatar-container-color, var(--md-sys-color-primary-fixed-dim, var(--md-sys-color-primary-container)));--_fg:var(--scb-avatar-content-color, var(--md-sys-color-on-primary-fixed, var(--md-sys-color-on-primary-container)));--_image-fallback-bg:var(--scb-avatar-image-fallback-container-color, var(--md-sys-color-primary-container));--_image-fallback-fg:var(--scb-avatar-image-fallback-content-color, var(--md-sys-color-on-primary-container));--_radius:var(--scb-avatar-design-avatar-circular-radius);--_border:0 solid transparent;font-family:var(--brand-font, Inter, system-ui, sans-serif);color-scheme:light dark}:host([size="small"]){--_size:var(--scb-avatar-design-avatar-size-small);--scb-avatar-initials-font:var(--scb-avatar-design-initials-text-small-font);--scb-avatar-initials-font-size:var(--scb-avatar-design-initials-text-small-size);--scb-avatar-initials-line-height:var(--scb-avatar-design-initials-text-small-line-height);--scb-avatar-initials-letter-spacing:var(--scb-avatar-design-initials-text-small-letter-spacing);--scb-avatar-initials-font-weight:var(--scb-avatar-design-initials-text-small-font-weight);--_icon-size:var(--scb-avatar-design-icon-small)}:host([size="medium"]){--_size:var(--scb-avatar-design-avatar-size-medium);--scb-avatar-initials-font:var(--scb-avatar-design-initials-text-medium-font);--scb-avatar-initials-font-size:var(--scb-avatar-design-initials-text-medium-size);--scb-avatar-initials-line-height:var(--scb-avatar-design-initials-text-medium-line-height);--scb-avatar-initials-letter-spacing:var(--scb-avatar-design-initials-text-medium-letter-spacing);--scb-avatar-initials-font-weight:var(--scb-avatar-design-initials-text-medium-font-weight);--_icon-size:var(--scb-avatar-design-icon-medium)}:host([size="large"]){--_size:var(--scb-avatar-design-avatar-size-large);--scb-avatar-initials-font:var(--scb-avatar-design-initials-text-large-font);--scb-avatar-initials-font-size:var(--scb-avatar-design-initials-text-large-size);--scb-avatar-initials-line-height:var(--scb-avatar-design-initials-text-large-line-height);--scb-avatar-initials-letter-spacing:var(--scb-avatar-design-initials-text-large-letter-spacing);--scb-avatar-initials-font-weight:var(--scb-avatar-design-initials-text-large-font-weight);--_icon-size:var(--scb-avatar-design-icon-large)}:host([size="extra-large"]),:host([size="xlarge"]){--_size:var(--scb-avatar-design-avatar-size-extra-large);--scb-avatar-initials-font:var(--scb-avatar-design-initials-text-extra-large-font);--scb-avatar-initials-font-size:var(--scb-avatar-design-initials-text-extra-large-size);--scb-avatar-initials-line-height:var(--scb-avatar-design-initials-text-extra-large-line-height);--scb-avatar-initials-letter-spacing:var(--scb-avatar-design-initials-text-extra-large-letter-spacing);--scb-avatar-initials-font-weight:var(--scb-avatar-design-initials-text-extra-large-font-weight);--_icon-size:var(--scb-avatar-design-icon-extra-large)}:host([shape="circular"]){--_radius:var(--scb-avatar-design-avatar-circular-radius)}:host([shape="rounded"]){--_radius:var(--scb-avatar-design-avatar-rounded-radius)}:host([shape="square"]){--_radius:var(--scb-avatar-design-avatar-square-radius)}.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([variant="icon"]) .container{background:var(--_bg);color:var(--_fg)}md-icon{--md-icon-size:var(--_icon-size);font-size:var(--_icon-size);inline-size:var(--_icon-size);block-size:var(--_icon-size);line-height:1}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-family:var(--scb-avatar-initials-font, var(--brand-font, Inter, system-ui, sans-serif));font-size:var(--_font-size);font-weight:var(--scb-avatar-initials-font-weight, var(--weight-semibold, 600));line-height:var(--scb-avatar-initials-line-height, 1);letter-spacing:var(--scb-avatar-initials-letter-spacing, .01em);text-transform:uppercase;color:var(--_fg);background:var(--_bg)}:host([variant="image"]) .fallback{color:var(--_image-fallback-fg);background:var(--_image-fallback-bg)}::slotted([slot=icon]){width:var(--_icon-size);height:var(--_icon-size);font-size: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)}:host{--scb-avatar-design-avatar-size-small:var(--scb-avatar-size-small, var(--scale-08, 32px));--scb-avatar-design-avatar-size-medium:var(--scb-avatar-size-medium, var(--scale-10, 40px));--scb-avatar-design-avatar-size-large:var(--scb-avatar-size-large, var(--scale-12, 56px));--scb-avatar-design-avatar-size-extra-large:var(--scb-avatar-size-extra-large, var(--scale-13, 80px));--scb-avatar-design-icon-small:var(--scb-avatar-icon-size-small, var(--icon-size-small, 20px));--scb-avatar-design-icon-medium:var(--scb-avatar-icon-size-medium, var(--icon-size-medium, 24px));--scb-avatar-design-icon-large:var(--scb-avatar-icon-size-large, var(--icon-size-large, 32px));--scb-avatar-design-icon-extra-large:var(--scb-avatar-icon-size-extra-large, var(--icon-size-extra-extra-large, 48px));--scb-avatar-design-initials-text-small-font:var(--scb-avatar-initials-small-font, var(--scb-typography-label-medium-font, var(--md-sys-typescale-label-medium-font, var(--brand))));--scb-avatar-design-initials-text-small-size:var(--scb-avatar-initials-small-size, var(--scb-typography-label-medium-size, var(--md-sys-typescale-label-medium-size, 16px)));--scb-avatar-design-initials-text-small-line-height:var(--scb-avatar-initials-small-line-height, var(--scb-typography-label-medium-line-height, var(--md-sys-typescale-label-medium-line-height, 24px)));--scb-avatar-design-initials-text-small-tracking:var(--scb-avatar-initials-small-tracking, var(--scb-typography-label-medium-tracking, var(--md-sys-typescale-label-medium-tracking, var(--tracking-03, -0.15px))));--scb-avatar-design-initials-text-small-weight:var(--scb-avatar-initials-small-weight, var(--scb-typography-label-medium-weight, var(--md-sys-typescale-label-medium-weight, var(--weight-semibold, 600))));--scb-avatar-design-initials-text-small-letter-spacing:var(--scb-avatar-initials-small-letter-spacing, var(--scb-avatar-initials-small-tracking, var(--scb-typography-label-medium-tracking, var(--md-sys-typescale-label-medium-tracking, var(--tracking-03, -0.15px)))));--scb-avatar-design-initials-text-small-font-weight:var(--scb-avatar-initials-small-font-weight, var(--scb-avatar-initials-small-weight, var(--scb-typography-label-medium-weight, var(--md-sys-typescale-label-medium-weight, var(--weight-semibold, 600)))));--scb-avatar-design-initials-text-medium-font:var(--scb-avatar-initials-medium-font, var(--scb-typography-label-large-font, var(--md-sys-typescale-label-large-font, var(--brand))));--scb-avatar-design-initials-text-medium-size:var(--scb-avatar-initials-medium-size, var(--scb-typography-label-large-size, var(--md-sys-typescale-label-large-size, 18px)));--scb-avatar-design-initials-text-medium-line-height:var(--scb-avatar-initials-medium-line-height, var(--scb-typography-label-large-line-height, var(--md-sys-typescale-label-large-line-height, 26px)));--scb-avatar-design-initials-text-medium-tracking:var(--scb-avatar-initials-medium-tracking, var(--scb-typography-label-large-tracking, var(--md-sys-typescale-label-large-tracking, var(--tracking-05, -0.3px))));--scb-avatar-design-initials-text-medium-weight:var(--scb-avatar-initials-medium-weight, var(--scb-typography-label-large-weight, var(--md-sys-typescale-label-large-weight, var(--weight-semibold, 600))));--scb-avatar-design-initials-text-medium-letter-spacing:var(--scb-avatar-initials-medium-letter-spacing, var(--scb-avatar-initials-medium-tracking, var(--scb-typography-label-large-tracking, var(--md-sys-typescale-label-large-tracking, var(--tracking-05, -0.3px)))));--scb-avatar-design-initials-text-medium-font-weight:var(--scb-avatar-initials-medium-font-weight, var(--scb-avatar-initials-medium-weight, var(--scb-typography-label-large-weight, var(--md-sys-typescale-label-large-weight, var(--weight-semibold, 600)))));--scb-avatar-design-initials-text-large-font:var(--scb-avatar-initials-large-font, var(--scb-typography-title-large-font, var(--md-sys-typescale-title-large-font, var(--brand))));--scb-avatar-design-initials-text-large-size:var(--scb-avatar-initials-large-size, var(--scb-typography-title-large-size, var(--md-sys-typescale-title-large-size, 20px)));--scb-avatar-design-initials-text-large-line-height:var(--scb-avatar-initials-large-line-height, var(--scb-typography-title-large-line-height, var(--md-sys-typescale-title-large-line-height, 28px)));--scb-avatar-design-initials-text-large-tracking:var(--scb-avatar-initials-large-tracking, var(--scb-typography-title-large-tracking, var(--md-sys-typescale-title-large-tracking, var(--tracking-06, -0.4px))));--scb-avatar-design-initials-text-large-weight:var(--scb-avatar-initials-large-weight, var(--scb-typography-title-large-weight, var(--md-sys-typescale-title-large-weight, var(--weight-semibold, 600))));--scb-avatar-design-initials-text-large-letter-spacing:var(--scb-avatar-initials-large-letter-spacing, var(--scb-avatar-initials-large-tracking, var(--scb-typography-title-large-tracking, var(--md-sys-typescale-title-large-tracking, var(--tracking-06, -0.4px)))));--scb-avatar-design-initials-text-large-font-weight:var(--scb-avatar-initials-large-font-weight, var(--scb-avatar-initials-large-weight, var(--scb-typography-title-large-weight, var(--md-sys-typescale-title-large-weight, var(--weight-semibold, 600)))));--scb-avatar-design-initials-text-extra-large-font:var(--scb-avatar-initials-extra-large-font, var(--scb-typography-headline-medium-font, var(--md-sys-typescale-headline-medium-font, var(--brand))));--scb-avatar-design-initials-text-extra-large-size:var(--scb-avatar-initials-extra-large-size, var(--scb-typography-headline-medium-size, var(--md-sys-typescale-headline-medium-size, 22px)));--scb-avatar-design-initials-text-extra-large-line-height:var(--scb-avatar-initials-extra-large-line-height, var(--scb-typography-headline-medium-line-height, var(--md-sys-typescale-headline-medium-line-height, 28px)));--scb-avatar-design-initials-text-extra-large-tracking:var(--scb-avatar-initials-extra-large-tracking, var(--scb-typography-headline-medium-tracking, var(--md-sys-typescale-headline-medium-tracking, var(--tracking-08, -0.6px))));--scb-avatar-design-initials-text-extra-large-weight:var(--scb-avatar-initials-extra-large-weight, var(--scb-typography-headline-medium-weight, var(--md-sys-typescale-headline-medium-weight, var(--weight-bold, 700))));--scb-avatar-design-initials-text-extra-large-letter-spacing:var(--scb-avatar-initials-extra-large-letter-spacing, var(--scb-avatar-initials-extra-large-tracking, var(--scb-typography-headline-medium-tracking, var(--md-sys-typescale-headline-medium-tracking, var(--tracking-08, -0.6px)))));--scb-avatar-design-initials-text-extra-large-font-weight:var(--scb-avatar-initials-extra-large-font-weight, var(--scb-avatar-initials-extra-large-weight, var(--scb-typography-headline-medium-weight, var(--md-sys-typescale-headline-medium-weight, var(--weight-bold, 700)))));--scb-avatar-design-avatar-circular-radius-small:var(--scb-avatar-shape-radius-circular, var(--radius-full, 1000px));--scb-avatar-design-avatar-circular-radius-medium:var(--scb-avatar-shape-radius-circular, var(--radius-full, 1000px));--scb-avatar-design-avatar-circular-radius:var(--scb-avatar-design-avatar-circular-radius-medium);--scb-avatar-design-avatar-circular-radius-large:var(--scb-avatar-shape-radius-circular, var(--radius-full, 1000px));--scb-avatar-design-avatar-circular-radius-extra-large:var(--scb-avatar-shape-radius-circular, var(--radius-full, 1000px));--scb-avatar-design-avatar-rounded-radius-small:var(--scb-avatar-shape-radius-rounded, var(--radius-s, 8px));--scb-avatar-design-avatar-rounded-radius-medium:var(--scb-avatar-shape-radius-rounded, var(--radius-s, 8px));--scb-avatar-design-avatar-rounded-radius:var(--scb-avatar-design-avatar-rounded-radius-medium);--scb-avatar-design-avatar-rounded-radius-large:var(--scb-avatar-shape-radius-rounded, var(--radius-s, 8px));--scb-avatar-design-avatar-rounded-radius-extra-large:var(--scb-avatar-shape-radius-rounded, var(--radius-s, 8px));--scb-avatar-design-avatar-square-radius-small:var(--scb-avatar-shape-radius-square, var(--radius-none, 0px));--scb-avatar-design-avatar-square-radius-medium:var(--scb-avatar-shape-radius-square, var(--radius-none, 0px));--scb-avatar-design-avatar-square-radius:var(--scb-avatar-design-avatar-square-radius-medium);--scb-avatar-design-avatar-square-radius-large:var(--scb-avatar-shape-radius-square, var(--radius-none, 0px));--scb-avatar-design-avatar-square-radius-extra-large:var(--scb-avatar-shape-radius-square, var(--radius-none, 0px))}:host([size="small"]){--scb-avatar-design-avatar-circular-radius:var(--scb-avatar-design-avatar-circular-radius-small);--scb-avatar-design-avatar-rounded-radius:var(--scb-avatar-design-avatar-rounded-radius-small);--scb-avatar-design-avatar-square-radius:var(--scb-avatar-design-avatar-square-radius-small)}:host([size="medium"]){--scb-avatar-design-avatar-circular-radius:var(--scb-avatar-design-avatar-circular-radius-medium);--scb-avatar-design-avatar-rounded-radius:var(--scb-avatar-design-avatar-rounded-radius-medium);--scb-avatar-design-avatar-square-radius:var(--scb-avatar-design-avatar-square-radius-medium)}:host([size="large"]){--scb-avatar-design-avatar-circular-radius:var(--scb-avatar-design-avatar-circular-radius-large);--scb-avatar-design-avatar-rounded-radius:var(--scb-avatar-design-avatar-rounded-radius-large);--scb-avatar-design-avatar-square-radius:var(--scb-avatar-design-avatar-square-radius-large)}:host([size="extra-large"]){--scb-avatar-design-avatar-circular-radius:var(--scb-avatar-design-avatar-circular-radius-extra-large);--scb-avatar-design-avatar-rounded-radius:var(--scb-avatar-design-avatar-rounded-radius-extra-large);--scb-avatar-design-avatar-square-radius:var(--scb-avatar-design-avatar-square-radius-extra-large)}`,o);function h(){const s=this.mapSpacingToken(this.spacing),a=this.mapSpacingToken(this.spacingTop)??s,i=this.mapSpacingToken(this.spacingBottom)??s,n=this.mapSpacingToken(this.spacingLeft)??s,c=this.mapSpacingToken(this.spacingRight)??s;a?this.style.setProperty("--scb-avatar-spacing-block-start",a):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"),n?this.style.setProperty("--scb-avatar-spacing-inline-start",n):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")}r([e({type:String})],t.prototype,"src",void 0);r([e({type:String})],t.prototype,"alt",void 0);r([e({type:String})],t.prototype,"label",void 0);r([e({type:String,reflect:!0})],t.prototype,"size",void 0);r([e({type:String,reflect:!0})],t.prototype,"shape",void 0);r([e({type:String,attribute:"icon-name",reflect:!0})],t.prototype,"iconName",void 0);r([e({type:String,reflect:!0})],t.prototype,"variant",void 0);r([e({type:String,reflect:!0})],t.prototype,"spacing",void 0);r([e({type:String,attribute:"spacing-top",reflect:!0})],t.prototype,"spacingTop",void 0);r([e({type:String,attribute:"spacing-bottom",reflect:!0})],t.prototype,"spacingBottom",void 0);r([e({type:String,attribute:"spacing-left",reflect:!0})],t.prototype,"spacingLeft",void 0);r([e({type:String,attribute:"spacing-right",reflect:!0})],t.prototype,"spacingRight",void 0);r([u()],t.prototype,"_imgError",void 0);r([u()],t.prototype,"_hasIconSlot",void 0);t=r([f("scb-avatar")],t);export{t as ScbAvatar};