scb-wc-test 0.1.67 → 0.1.69

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

@@ -1,5 +1,5 @@
 const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["../../vendor/vendor-material.js","../../vendor/vendor.js"])))=>i.map(i=>d[i]);
-import{_ as m}from"../../vendor/preload-helper.js";import{a as b,n as s,i as u,x as i,t as v}from"../../vendor/vendor.js";import"../../vendor/vendor-material.js";import"../scb-list/scb-list.js";import"../scb-button/scb-button.js";import"../scb-link/scb-link.js";import"../scb-avatar/scb-avatar.js";import"../scb-list/scb-list-item.js";(function(){try{var a=typeof globalThis<"u"?globalThis:window;if(!a.__scb_ce_guard_installed__){a.__scb_ce_guard_installed__=!0;var o=customElements.define.bind(customElements);customElements.define=function(n,r,l){try{customElements.get(n)||o(n,r,l)}catch(d){var c=String(d||"");if(c.indexOf("already been used")===-1&&c.indexOf("NotSupportedError")===-1)throw d}}}}catch{}})();var g=Object.defineProperty,f=Object.getOwnPropertyDescriptor,e=(a,o,n,r)=>{for(var l=r>1?void 0:r?f(o,n):o,c=a.length-1,d;c>=0;c--)(d=a[c])&&(l=(r?d(o,n,l):d(l))||l);return r&&l&&g(o,n,l),l};let t=class extends u{constructor(){super(...arguments),this.type="",this.variant="",this.direction="",this.mediaType="",this.mediaHref="",this.mediaAlt="",this.mediaSrcset="",this.mediaSizes="",this.mediaLoading="auto",this.mediaDecoding="async",this.mediaFetchPriority="auto",this.mediaFit="cover",this.mediaPosition="center",this.mediaWidth="",this.mediaHeight="",this.mediaAspect="",this.mediaPlaceholder=!1,this.cardHref="",this.title="",this.subLabel="",this.supportingText="",this.commentsText="",this.comments=0,this.likesText="",this.likes=0,this.sizing="stretch",this.width="",this.maxWidth="",this.height="",this.maxHeight="",this.__onImgLoad=a=>{const o=a.currentTarget.closest(".media");o&&o.classList.add("is-loaded")},this.__onKeyDown=a=>{(a.key==="Enter"||a.key===" ")&&this.cardHref&&(a.preventDefault(),window.open(this.cardHref,"_self"))},this.__handleHrefNavigation=a=>{this.cardHref&&(a.target.closest("a")||window.open(this.cardHref,"_self"))}}__calcAspectWH(a){const o=(a||"").trim();if(!o)return{w:640,h:360};const n=o.includes("/")?o.split("/"):o.includes(":")?o.split(":"):o.includes("x")?o.split("x"):null;if(n&&n.length===2){const l=Number(n[0]),c=Number(n[1]);if(l>0&&c>0)return{w:l,h:c}}const r=Number(o);return isFinite(r)&&r>0?{w:1e3,h:Math.round(1e3/r)}:{w:640,h:360}}__mediaTemplate(){if((this.mediaType||"").toLowerCase()==="avatar")return i`
+import{_ as m}from"../../vendor/preload-helper.js";import{a as u,n as s,i as v,x as i,t as b}from"../../vendor/vendor.js";import"../../vendor/vendor-material.js";import"../scb-list/scb-list.js";import"../scb-button/scb-button.js";import"../scb-link/scb-link.js";import"../scb-avatar/scb-avatar.js";import"../scb-list/scb-list-item.js";(function(){try{var a=typeof globalThis<"u"?globalThis:window;if(!a.__scb_ce_guard_installed__){a.__scb_ce_guard_installed__=!0;var o=customElements.define.bind(customElements);customElements.define=function(n,r,l){try{customElements.get(n)||o(n,r,l)}catch(d){var c=String(d||"");if(c.indexOf("already been used")===-1&&c.indexOf("NotSupportedError")===-1)throw d}}}}catch{}})();var g=Object.defineProperty,f=Object.getOwnPropertyDescriptor,e=(a,o,n,r)=>{for(var l=r>1?void 0:r?f(o,n):o,c=a.length-1,d;c>=0;c--)(d=a[c])&&(l=(r?d(o,n,l):d(l))||l);return r&&l&&g(o,n,l),l};let t=class extends v{constructor(){super(...arguments),this.type="",this.variant="",this.direction="",this.mediaType="",this.mediaHref="",this.mediaAlt="",this.mediaSrcset="",this.mediaSizes="",this.mediaLoading="auto",this.mediaDecoding="async",this.mediaFetchPriority="auto",this.mediaFit="cover",this.mediaPosition="center",this.mediaWidth="",this.mediaHeight="",this.mediaAspect="",this.mediaPlaceholder=!1,this.cardHref="",this.title="",this.subtitle="",this.supportingText="",this.commentsText="",this.comments=0,this.likesText="",this.likes=0,this.sizing="stretch",this.width="",this.maxWidth="",this.height="",this.maxHeight="",this.__onImgLoad=a=>{const o=a.currentTarget.closest(".media");o&&o.classList.add("is-loaded")},this.__onKeyDown=a=>{(a.key==="Enter"||a.key===" ")&&this.cardHref&&(a.preventDefault(),window.open(this.cardHref,"_self"))},this.__handleHrefNavigation=a=>{this.cardHref&&(a.target.closest("a")||window.open(this.cardHref,"_self"))}}__calcAspectWH(a){const o=(a||"").trim();if(!o)return{w:640,h:360};const n=o.includes("/")?o.split("/"):o.includes(":")?o.split(":"):o.includes("x")?o.split("x"):null;if(n&&n.length===2){const l=Number(n[0]),c=Number(n[1]);if(l>0&&c>0)return{w:l,h:c}}const r=Number(o);return isFinite(r)&&r>0?{w:1e3,h:Math.round(1e3/r)}:{w:640,h:360}}__mediaTemplate(){if((this.mediaType||"").toLowerCase()==="avatar")return i`
         <div class="media">
           <slot name="media">
             <scb-avatar variant="icon" label="${this.title}" icon-name="person"></scb-avatar>
@@ -42,7 +42,7 @@ import{_ as m}from"../../vendor/preload-helper.js";import{a as b,n as s,i as u,x
           <div class="full-content">
             <div class="top-content">
               ${this.title?i`<div class="header">${l(!!this.cardHref)}</div>`:""}
-              ${this.subLabel?i`<div class="sub-label">${this.subLabel}</div>`:""}
+              ${this.subtitle?i`<div class="sub-label">${this.subtitle}</div>`:""}
               ${this.supportingText?i`<div class="supporting-text">${this.supportingText}</div>`:""}
               ${r?i`<div class="date">${r}</div>`:""}
             </div>
@@ -51,7 +51,7 @@ import{_ as m}from"../../vendor/preload-helper.js";import{a as b,n as s,i as u,x
           <div class="full-content">
             <div class="top-content">
               ${this.title?i`<div class="header"><span class="title">${this.title}</span></div>`:""}
-              ${this.subLabel?i`<div class="sub-label">${this.subLabel}</div>`:""}
+              ${this.subtitle?i`<div class="sub-label">${this.subtitle}</div>`:""}
               ${this.supportingText?i`<div class="supporting-text">${this.supportingText}</div>`:""}
               ${r?i`<div class="date">${r}</div>`:""}
             </div>
@@ -63,7 +63,7 @@ import{_ as m}from"../../vendor/preload-helper.js";import{a as b,n as s,i as u,x
           <div class="full-content">
             <div class="top-content">
               ${this.title?i`<div class="header">${l(!!this.cardHref)}</div>`:""}
-              ${this.subLabel?i`<div class="sub-label">${this.subLabel}</div>`:""}
+              ${this.subtitle?i`<div class="sub-label">${this.subtitle}</div>`:""}
               ${this.supportingText?i`<div class="supporting-text">${this.supportingText}</div>`:""}
               ${r?i`<div class="date">${r}</div>`:""}
             </div>
@@ -78,7 +78,7 @@ import{_ as m}from"../../vendor/preload-helper.js";import{a as b,n as s,i as u,x
           <div class="full-content">
             <div class="top-content">
               ${this.title?i`<div class="header"><span class="title">${this.title}</span></div>`:""}
-              ${this.subLabel?i`<div class="sub-label">${this.subLabel}</div>`:""}
+              ${this.subtitle?i`<div class="sub-label">${this.subtitle}</div>`:""}
               ${this.supportingText?i`<div class="supporting-text">${this.supportingText}</div>`:""}
               ${r?i`<div class="date">${r}</div>`:""}
             </div>
@@ -90,7 +90,7 @@ import{_ as m}from"../../vendor/preload-helper.js";import{a as b,n as s,i as u,x
           <div class="full-content">
             <div class="top-content">
               ${this.title?i`<div class="header"><span class="title">${this.title}</span></div>`:""}
-              ${this.subLabel?i`<div class="sub-label">${this.subLabel}</div>`:""}
+              ${this.subtitle?i`<div class="sub-label">${this.subtitle}</div>`:""}
               ${this.supportingText?i`<div class="supporting-text">${this.supportingText}</div>`:""}
               ${r?i`<div class="date">${r}</div>`:""}
             </div>
@@ -102,12 +102,12 @@ import{_ as m}from"../../vendor/preload-helper.js";import{a as b,n as s,i as u,x
           <div class="full-content">
             <div class="top-content">
               ${this.title?i`<div class="header">${l(!!this.cardHref)}</div>`:""}
-              ${this.subLabel?i`<div class="sub-label">${this.subLabel}</div>`:""}
+              ${this.subtitle?i`<div class="sub-label">${this.subtitle}</div>`:""}
               ${this.supportingText?i`<div class="supporting-text">${this.supportingText}</div>`:""}
               ${r?i`<div class="date">${r}</div>`:""}
             </div>
           </div>
-        `)}}updated(a){super.updated(a),a.has("width")&&(this.width?this.style.inlineSize=this.width:this.style.removeProperty("inline-size")),a.has("maxWidth")&&(this.maxWidth?this.style.maxInlineSize=this.maxWidth:this.style.removeProperty("max-inline-size")),a.has("height")&&(this.height?this.style.blockSize=this.height:this.style.removeProperty("block-size")),a.has("maxHeight")&&(this.maxHeight?this.style.maxBlockSize=this.maxHeight:this.style.removeProperty("max-block-size")),a.has("type")&&(this.type==="list"?this.setAttribute("data-density","-2"):this.removeAttribute("data-density")),this.style.setProperty("--scb-card-media-fit",this.mediaFit||"cover"),this.style.setProperty("--scb-card-media-position",this.mediaPosition||"center")}async firstUpdated(){t.__iconLoaded||(await m(()=>import("../../vendor/vendor-material.js").then(a=>a.i),__vite__mapDeps([0,1]),import.meta.url),t.__iconLoaded=!0),t.__rippleLoaded||(await m(()=>import("../../vendor/vendor-material.js").then(a=>a.r),__vite__mapDeps([0,1]),import.meta.url),t.__rippleLoaded=!0)}};t.__iconLoaded=!1;t.__rippleLoaded=!1;t.styles=b`
+        `)}}updated(a){super.updated(a),a.has("width")&&(this.width?this.style.inlineSize=this.width:this.style.removeProperty("inline-size")),a.has("maxWidth")&&(this.maxWidth?this.style.maxInlineSize=this.maxWidth:this.style.removeProperty("max-inline-size")),a.has("height")&&(this.height?this.style.blockSize=this.height:this.style.removeProperty("block-size")),a.has("maxHeight")&&(this.maxHeight?this.style.maxBlockSize=this.maxHeight:this.style.removeProperty("max-block-size")),a.has("type")&&(this.type==="list"?this.setAttribute("data-density","-2"):this.removeAttribute("data-density")),this.style.setProperty("--scb-card-media-fit",this.mediaFit||"cover"),this.style.setProperty("--scb-card-media-position",this.mediaPosition||"center")}async firstUpdated(){t.__iconLoaded||(await m(()=>import("../../vendor/vendor-material.js").then(a=>a.i),__vite__mapDeps([0,1]),import.meta.url),t.__iconLoaded=!0),t.__rippleLoaded||(await m(()=>import("../../vendor/vendor-material.js").then(a=>a.r),__vite__mapDeps([0,1]),import.meta.url),t.__rippleLoaded=!0)}};t.__iconLoaded=!1;t.__rippleLoaded=!1;t.styles=u`
     :host {
       display: block;
       box-sizing: border-box;
@@ -354,4 +354,4 @@ import{_ as m}from"../../vendor/preload-helper.js";import{a as b,n as s,i as u,x
     .scb-card.filled .content.list ::slotted(scb-list) {
       --scb-list-bg: var(--md-sys-color-surface-dim);
     }
-  `;e([s({type:String})],t.prototype,"type",2);e([s({type:String})],t.prototype,"variant",2);e([s({type:String})],t.prototype,"direction",2);e([s({type:String,attribute:"media-type"})],t.prototype,"mediaType",2);e([s({type:String,attribute:"media-href"})],t.prototype,"mediaHref",2);e([s({type:String,attribute:"media-alt"})],t.prototype,"mediaAlt",2);e([s({type:String,attribute:"media-srcset"})],t.prototype,"mediaSrcset",2);e([s({type:String,attribute:"media-sizes"})],t.prototype,"mediaSizes",2);e([s({type:String,attribute:"media-loading"})],t.prototype,"mediaLoading",2);e([s({type:String,attribute:"media-decoding"})],t.prototype,"mediaDecoding",2);e([s({type:String,attribute:"media-fetchpriority"})],t.prototype,"mediaFetchPriority",2);e([s({type:String,attribute:"media-fit"})],t.prototype,"mediaFit",2);e([s({type:String,attribute:"media-position"})],t.prototype,"mediaPosition",2);e([s({type:String,attribute:"media-width"})],t.prototype,"mediaWidth",2);e([s({type:String,attribute:"media-height"})],t.prototype,"mediaHeight",2);e([s({type:String,attribute:"media-aspect"})],t.prototype,"mediaAspect",2);e([s({type:Boolean,attribute:"media-placeholder"})],t.prototype,"mediaPlaceholder",2);e([s({type:String,attribute:"card-href"})],t.prototype,"cardHref",2);e([s({type:String})],t.prototype,"title",2);e([s({type:String,attribute:"sub-label"})],t.prototype,"subLabel",2);e([s({type:String,attribute:"supporting-text"})],t.prototype,"supportingText",2);e([s({type:Date,reflect:!0})],t.prototype,"date",2);e([s({type:String,attribute:"social-comments-text"})],t.prototype,"commentsText",2);e([s({type:Number,attribute:"social-comments",reflect:!0})],t.prototype,"comments",2);e([s({type:String,attribute:"social-likes-text"})],t.prototype,"likesText",2);e([s({type:Number,attribute:"social-likes",reflect:!0})],t.prototype,"likes",2);e([s({type:String,reflect:!0})],t.prototype,"sizing",2);e([s({type:String,reflect:!0})],t.prototype,"width",2);e([s({type:String,reflect:!0,attribute:"max-width"})],t.prototype,"maxWidth",2);e([s({type:String,reflect:!0})],t.prototype,"height",2);e([s({type:String,reflect:!0,attribute:"max-height"})],t.prototype,"maxHeight",2);t=e([v("scb-card")],t);
+  `;e([s({type:String})],t.prototype,"type",2);e([s({type:String})],t.prototype,"variant",2);e([s({type:String})],t.prototype,"direction",2);e([s({type:String,attribute:"media-type"})],t.prototype,"mediaType",2);e([s({type:String,attribute:"media-href"})],t.prototype,"mediaHref",2);e([s({type:String,attribute:"media-alt"})],t.prototype,"mediaAlt",2);e([s({type:String,attribute:"media-srcset"})],t.prototype,"mediaSrcset",2);e([s({type:String,attribute:"media-sizes"})],t.prototype,"mediaSizes",2);e([s({type:String,attribute:"media-loading"})],t.prototype,"mediaLoading",2);e([s({type:String,attribute:"media-decoding"})],t.prototype,"mediaDecoding",2);e([s({type:String,attribute:"media-fetchpriority"})],t.prototype,"mediaFetchPriority",2);e([s({type:String,attribute:"media-fit"})],t.prototype,"mediaFit",2);e([s({type:String,attribute:"media-position"})],t.prototype,"mediaPosition",2);e([s({type:String,attribute:"media-width"})],t.prototype,"mediaWidth",2);e([s({type:String,attribute:"media-height"})],t.prototype,"mediaHeight",2);e([s({type:String,attribute:"media-aspect"})],t.prototype,"mediaAspect",2);e([s({type:Boolean,attribute:"media-placeholder"})],t.prototype,"mediaPlaceholder",2);e([s({type:String,attribute:"card-href"})],t.prototype,"cardHref",2);e([s({type:String})],t.prototype,"title",2);e([s({type:String})],t.prototype,"subtitle",2);e([s({type:String,attribute:"supporting-text"})],t.prototype,"supportingText",2);e([s({type:Date,reflect:!0})],t.prototype,"date",2);e([s({type:String,attribute:"social-comments-text"})],t.prototype,"commentsText",2);e([s({type:Number,attribute:"social-comments",reflect:!0})],t.prototype,"comments",2);e([s({type:String,attribute:"social-likes-text"})],t.prototype,"likesText",2);e([s({type:Number,attribute:"social-likes",reflect:!0})],t.prototype,"likes",2);e([s({type:String,reflect:!0})],t.prototype,"sizing",2);e([s({type:String,reflect:!0})],t.prototype,"width",2);e([s({type:String,reflect:!0,attribute:"max-width"})],t.prototype,"maxWidth",2);e([s({type:String,reflect:!0})],t.prototype,"height",2);e([s({type:String,reflect:!0,attribute:"max-height"})],t.prototype,"maxHeight",2);t=e([b("scb-card")],t);

package/mvc/components/scb-fact-card/scb-fact-card-content.js

@@ -1,13 +1,13 @@
-import{a as p,n as d,i as u,x as o,t as h}from"../../vendor/vendor.js";(function(){try{var i=typeof globalThis<"u"?globalThis:window;if(!i.__scb_ce_guard_installed__){i.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(e,l,s){try{customElements.get(e)||t(e,l,s)}catch(n){var a=String(n||"");if(a.indexOf("already been used")===-1&&a.indexOf("NotSupportedError")===-1)throw n}}}}catch{}})();var g=Object.defineProperty,y=Object.getOwnPropertyDescriptor,c=(i,t,e,l)=>{for(var s=l>1?void 0:l?y(t,e):t,a=i.length-1,n;a>=0;a--)(n=i[a])&&(s=(l?n(t,e,s):n(s))||s);return l&&s&&g(t,e,s),s};let r=class extends u{constructor(){super(...arguments),this.label="",this.subLabel="",this.supportingText=""}render(){return o`
-        ${this.label?o`
+import{a as p,n as d,i as u,x as o,t as h}from"../../vendor/vendor.js";(function(){try{var i=typeof globalThis<"u"?globalThis:window;if(!i.__scb_ce_guard_installed__){i.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(t,l,s){try{customElements.get(t)||e(t,l,s)}catch(a){var n=String(a||"");if(n.indexOf("already been used")===-1&&n.indexOf("NotSupportedError")===-1)throw a}}}}catch{}})();var g=Object.defineProperty,y=Object.getOwnPropertyDescriptor,c=(i,e,t,l)=>{for(var s=l>1?void 0:l?y(e,t):e,n=i.length-1,a;n>=0;n--)(a=i[n])&&(s=(l?a(e,t,s):a(s))||s);return l&&s&&g(e,t,s),s};let r=class extends u{constructor(){super(...arguments),this.title="",this.subtitle="",this.supportingText=""}render(){return o`
+        ${this.title?o`
         <div class="label">
-            ${this.label}
+            ${this.title}
         </div>`:""}
-        ${this.subLabel?o`<div class="sub-label">${this.subLabel}</div>`:""}
+        ${this.subtitle?o`<div class="sub-label">${this.subtitle}</div>`:""}
         ${this.supportingText?o`<div class="supporting-text">${this.supportingText}</div>`:""}
         <slot @slotchange=${this.requestUpdate}></slot>
         ${this._hasSlotContent()?o`<div class="content links"><slot></slot></div>`:""}
-        `}_hasSlotContent(){const i=this.shadowRoot&&this.shadowRoot.querySelector("slot");if(!i)return!1;const t=i.assignedNodes({flatten:!0});return t.length>0&&t.some(e=>e.nodeType===Node.TEXT_NODE?e.textContent?.trim():!0)}};r.styles=p`
+        `}_hasSlotContent(){const i=this.shadowRoot&&this.shadowRoot.querySelector("slot");if(!i)return!1;const e=i.assignedNodes({flatten:!0});return e.length>0&&e.some(t=>t.nodeType===Node.TEXT_NODE?t.textContent?.trim():!0)}};r.styles=p`
         :host {
             display: flex;
             flex-direction: column;
@@ -36,9 +36,9 @@ import{a as p,n as d,i as u,x as o,t as h}from"../../vendor/vendor.js";(function
             letter-spacing: var(--md-sys-typescale-body-large-tracking);
         }
         .content.links ::slotted(*) {
-        margin-top: var(--spacing-3);
-        display: flex;
-        flex-direction: column;
-        gap: var(--spacing-3);
-    }
-    `;c([d({type:String})],r.prototype,"label",2);c([d({type:String,attribute:"sub-label"})],r.prototype,"subLabel",2);c([d({type:String,attribute:"supporting-text"})],r.prototype,"supportingText",2);r=c([h("scb-fact-card-content")],r);
+          margin-top: var(--spacing-3);
+          display: flex;
+          flex-direction: column;
+          gap: var(--spacing-3);
+        }
+    `;c([d({type:String,attribute:"title"})],r.prototype,"title",2);c([d({type:String,attribute:"subtitle"})],r.prototype,"subtitle",2);c([d({type:String,attribute:"supporting-text"})],r.prototype,"supportingText",2);r=c([h("scb-fact-card-content")],r);

package/mvc/components/scb-fact-card/scb-fact-card.js

@@ -1,5 +1,5 @@
 const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["../../vendor/vendor-material.js","../../vendor/vendor.js"])))=>i.map(i=>d[i]);
-import{_ as h}from"../../vendor/preload-helper.js";import{a as p,n as r,i as u,x as d,t as b}from"../../vendor/vendor.js";import"../scb-icon-button/scb-icon-button.js";import"./scb-fact-card-content.js";import"../scb-link/scb-link.js";import"../../vendor/vendor-material.js";import"../scb-tooltip/scb-tooltip.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 i=customElements.define.bind(customElements);customElements.define=function(n,a,s){try{customElements.get(n)||i(n,a,s)}catch(l){var c=String(l||"");if(c.indexOf("already been used")===-1&&c.indexOf("NotSupportedError")===-1)throw l}}}}catch{}})();var f=Object.defineProperty,_=Object.getOwnPropertyDescriptor,o=(e,i,n,a)=>{for(var s=a>1?void 0:a?_(i,n):i,c=e.length-1,l;c>=0;c--)(l=e[c])&&(s=(a?l(i,n,s):l(s))||s);return a&&s&&f(i,n,s),s};let t=class extends u{constructor(){super(...arguments),this.__onCloseClick=e=>{e.stopPropagation(),this.__setOpen(!1)},this.variant="filled",this.label="",this.subLabel="",this.supportingText="",this.icon="",this.showCloseButton=!1,this.open=!0,this.__lastTriggerEl=null,this.sizing="stretch",this.width="",this.maxWidth="",this.height="",this.maxHeight=""}static __handleDocClick(e){const i=e.composedPath();for(const n of i){if(!(n instanceof Element))continue;const a=n.getAttribute("data-fact-card-toggle")||n.getAttribute("aria-controls");if(!a)continue;const s=t.__instances.get(a);if(!s){t.__instances.delete(a);continue}s.__lastTriggerEl=n,s.__setOpen(!s.open),e.stopPropagation();break}}static __ensureDocListener(){t.__docListenerAttached||(document.addEventListener("click",t.__handleDocClick,!0),t.__docListenerAttached=!0)}static __maybeRemoveDocListener(){t.__docListenerAttached&&t.__instances.size===0&&(document.removeEventListener("click",t.__handleDocClick,!0),t.__docListenerAttached=!1)}connectedCallback(){super.connectedCallback(),this.id&&t.__instances.set(this.id,this),t.__ensureDocListener()}disconnectedCallback(){this.id&&t.__instances.delete(this.id),t.__maybeRemoveDocListener(),super.disconnectedCallback()}updated(e){e.has("open")&&this.__updateTriggersExpanded(),e.has("width")&&(this.width?this.style.inlineSize=this.width:this.style.removeProperty("inline-size")),e.has("maxWidth")&&(this.maxWidth?this.style.maxInlineSize=this.maxWidth:this.style.removeProperty("max-inline-size")),e.has("height")&&(this.height?this.style.blockSize=this.height:this.style.removeProperty("block-size")),e.has("maxHeight")&&(this.maxHeight?this.style.maxBlockSize=this.maxHeight:this.style.removeProperty("max-block-size"))}__updateTriggersExpanded(){this.id&&document.querySelectorAll(`[aria-controls="${this.id}"], [data-fact-card-toggle="${this.id}"]`).forEach(e=>{e.hasAttribute("aria-controls")&&e.setAttribute("aria-expanded",String(this.open))})}__setOpen(e){const i=this.open;this.open=e,e&&!i?this.dispatchEvent(new CustomEvent("open",{bubbles:!0,composed:!0})):!e&&i&&this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0}))}render(){if(!this.open)return d``;const e=this.variant==="outlined"?"outlined":"filled",i=!!this.icon;return d`
+import{_ as h}from"../../vendor/preload-helper.js";import{a as p,n as r,i as u,x as d,t as b}from"../../vendor/vendor.js";import"../scb-icon-button/scb-icon-button.js";import"./scb-fact-card-content.js";import"../scb-link/scb-link.js";import"../../vendor/vendor-material.js";import"../scb-tooltip/scb-tooltip.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 i=customElements.define.bind(customElements);customElements.define=function(n,a,s){try{customElements.get(n)||i(n,a,s)}catch(l){var c=String(l||"");if(c.indexOf("already been used")===-1&&c.indexOf("NotSupportedError")===-1)throw l}}}}catch{}})();var f=Object.defineProperty,_=Object.getOwnPropertyDescriptor,o=(e,i,n,a)=>{for(var s=a>1?void 0:a?_(i,n):i,c=e.length-1,l;c>=0;c--)(l=e[c])&&(s=(a?l(i,n,s):l(s))||s);return a&&s&&f(i,n,s),s};let t=class extends u{constructor(){super(...arguments),this.__onCloseClick=e=>{e.stopPropagation(),this.__setOpen(!1)},this.variant="filled",this.title="",this.subtitle="",this.supportingText="",this.icon="",this.showCloseButton=!1,this.open=!0,this.__lastTriggerEl=null,this.sizing="stretch",this.width="",this.maxWidth="",this.height="",this.maxHeight=""}static __handleDocClick(e){const i=e.composedPath();for(const n of i){if(!(n instanceof Element))continue;const a=n.getAttribute("data-fact-card-toggle")||n.getAttribute("aria-controls");if(!a)continue;const s=t.__instances.get(a);if(!s){t.__instances.delete(a);continue}s.__lastTriggerEl=n,s.__setOpen(!s.open),e.stopPropagation();break}}static __ensureDocListener(){t.__docListenerAttached||(document.addEventListener("click",t.__handleDocClick,!0),t.__docListenerAttached=!0)}static __maybeRemoveDocListener(){t.__docListenerAttached&&t.__instances.size===0&&(document.removeEventListener("click",t.__handleDocClick,!0),t.__docListenerAttached=!1)}connectedCallback(){super.connectedCallback(),this.id&&t.__instances.set(this.id,this),t.__ensureDocListener()}disconnectedCallback(){this.id&&t.__instances.delete(this.id),t.__maybeRemoveDocListener(),super.disconnectedCallback()}updated(e){e.has("open")&&this.__updateTriggersExpanded(),e.has("width")&&(this.width?this.style.inlineSize=this.width:this.style.removeProperty("inline-size")),e.has("maxWidth")&&(this.maxWidth?this.style.maxInlineSize=this.maxWidth:this.style.removeProperty("max-inline-size")),e.has("height")&&(this.height?this.style.blockSize=this.height:this.style.removeProperty("block-size")),e.has("maxHeight")&&(this.maxHeight?this.style.maxBlockSize=this.maxHeight:this.style.removeProperty("max-block-size"))}__updateTriggersExpanded(){this.id&&document.querySelectorAll(`[aria-controls="${this.id}"], [data-fact-card-toggle="${this.id}"]`).forEach(e=>{e.hasAttribute("aria-controls")&&e.setAttribute("aria-expanded",String(this.open))})}__setOpen(e){const i=this.open;this.open=e,e&&!i?this.dispatchEvent(new CustomEvent("open",{bubbles:!0,composed:!0})):!e&&i&&this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0}))}render(){if(!this.open)return d``;const e=this.variant==="outlined"?"outlined":"filled",i=!!this.icon;return d`
       <div class="outer ${i?"has-icon":""}">
         ${i?d`<div class="icon-wrapper ${e}"><md-icon>${this.icon}</md-icon></div>`:""}
         <div class="scb-fact-card ${e} ${this.showCloseButton?"has-close":""}">
@@ -130,4 +130,4 @@ import{_ as h}from"../../vendor/preload-helper.js";import{a as p,n as r,i as u,x
       overflow-wrap: normal;
       hyphens: auto;
     }
-  `;o([r({type:String})],t.prototype,"variant",2);o([r({type:String})],t.prototype,"label",2);o([r({type:String,attribute:"sub-label"})],t.prototype,"subLabel",2);o([r({type:String,attribute:"supporting-text"})],t.prototype,"supportingText",2);o([r({type:String})],t.prototype,"icon",2);o([r({type:Boolean,attribute:"show-close-button"})],t.prototype,"showCloseButton",2);o([r({type:Boolean,reflect:!0})],t.prototype,"open",2);o([r({type:String,reflect:!0})],t.prototype,"sizing",2);o([r({type:String,reflect:!0})],t.prototype,"width",2);o([r({type:String,reflect:!0,attribute:"max-width"})],t.prototype,"maxWidth",2);o([r({type:String,reflect:!0})],t.prototype,"height",2);o([r({type:String,reflect:!0,attribute:"max-height"})],t.prototype,"maxHeight",2);t=o([b("scb-fact-card")],t);
+  `;o([r({type:String})],t.prototype,"variant",2);o([r({type:String,attribute:"title"})],t.prototype,"title",2);o([r({type:String,attribute:"subtitle"})],t.prototype,"subtitle",2);o([r({type:String,attribute:"supporting-text"})],t.prototype,"supportingText",2);o([r({type:String})],t.prototype,"icon",2);o([r({type:Boolean,attribute:"show-close-button"})],t.prototype,"showCloseButton",2);o([r({type:Boolean,reflect:!0})],t.prototype,"open",2);o([r({type:String,reflect:!0})],t.prototype,"sizing",2);o([r({type:String,reflect:!0})],t.prototype,"width",2);o([r({type:String,reflect:!0,attribute:"max-width"})],t.prototype,"maxWidth",2);o([r({type:String,reflect:!0})],t.prototype,"height",2);o([r({type:String,reflect:!0,attribute:"max-height"})],t.prototype,"maxHeight",2);t=o([b("scb-fact-card")],t);

package/mvc/components/scb-grid/scb-stack.js

@@ -1,6 +1,14 @@
-import{a as d,n as o,i as y,x as g,t as b}from"../../vendor/vendor.js";(function(){try{var e=typeof globalThis<"u"?globalThis:window;if(!e.__scb_ce_guard_installed__){e.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(s,i,a){try{customElements.get(s)||t(s,i,a)}catch(p){var c=String(p||"");if(c.indexOf("already been used")===-1&&c.indexOf("NotSupportedError")===-1)throw p}}}}catch{}})();var v=Object.defineProperty,m=Object.getOwnPropertyDescriptor,u=e=>{throw TypeError(e)},n=(e,t,s,i)=>{for(var a=i>1?void 0:i?m(t,s):t,c=e.length-1,p;c>=0;c--)(p=e[c])&&(a=(i?p(t,s,a):p(a))||a);return i&&a&&v(t,s,a),a},w=(e,t,s)=>t.has(e)||u("Cannot "+s),_=(e,t,s)=>t.has(e)?u("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(e):t.set(e,s),f=(e,t,s)=>(w(e,t,"access private method"),s),l,h;let r=class extends y{constructor(){super(...arguments),_(this,l),this.direction="column",this.gap="",this.rowGap="",this.columnGap="",this.align="stretch",this.justify="start",this.wrap=!1,this.inline=!1}firstUpdated(){f(this,l,h).call(this)}updated(){f(this,l,h).call(this)}mapSpacingToken(e){if(!e)return;const t=String(e).trim();return/^\d+$/.test(t)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(t,10)))})`:t}parseGapShorthand(e){if(!e)return{};const t=e.trim().split(/\s+/);if(t.length===1){const s=this.mapSpacingToken(t[0]);return{row:s,col:s}}return{row:this.mapSpacingToken(t[0]),col:this.mapSpacingToken(t[1])}}render(){return g`<slot></slot>`}};l=new WeakSet;h=function(){this.style.setProperty("--scb-stack-direction",this.direction);const e="var(--spacing-5, 16px)",t=this.parseGapShorthand(this.gap),s=this.mapSpacingToken(this.rowGap)??t.row??e,i=this.mapSpacingToken(this.columnGap)??t.col??e;this.style.setProperty("--scb-stack-gap",`${s}`),this.style.setProperty("--scb-stack-row-gap",s),this.style.setProperty("--scb-stack-column-gap",i);const a={start:"flex-start",center:"center",end:"flex-end",stretch:"stretch",baseline:"baseline"},c={start:"flex-start",center:"center",end:"flex-end",between:"space-between",around:"space-around",evenly:"space-evenly"};this.style.setProperty("--scb-stack-align",a[this.align]??"stretch"),this.style.setProperty("--scb-stack-justify",c[this.justify]??"flex-start"),this.style.setProperty("--scb-stack-wrap",this.wrap?"wrap":"nowrap")};r.styles=d`
+import{a as u,n as o,i as y,x as g,t as b}from"../../vendor/vendor.js";(function(){try{var e=typeof globalThis<"u"?globalThis:window;if(!e.__scb_ce_guard_installed__){e.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(s,i,a){try{customElements.get(s)||t(s,i,a)}catch(l){var c=String(l||"");if(c.indexOf("already been used")===-1&&c.indexOf("NotSupportedError")===-1)throw l}}}}catch{}})();var v=Object.defineProperty,w=Object.getOwnPropertyDescriptor,f=e=>{throw TypeError(e)},n=(e,t,s,i)=>{for(var a=i>1?void 0:i?w(t,s):t,c=e.length-1,l;c>=0;c--)(l=e[c])&&(a=(i?l(t,s,a):l(a))||a);return i&&a&&v(t,s,a),a},m=(e,t,s)=>t.has(e)||f("Cannot "+s),_=(e,t,s)=>t.has(e)?f("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(e):t.set(e,s),d=(e,t,s)=>(m(e,t,"access private method"),s),p,h;let r=class extends y{constructor(){super(...arguments),_(this,p),this.direction="column",this.gap="",this.rowGap="",this.columnGap="",this.align="stretch",this.justify="start",this.wrap=!1,this.inline=!1}firstUpdated(){d(this,p,h).call(this)}updated(){d(this,p,h).call(this)}mapSpacingToken(e){if(!e)return;const t=String(e).trim();return/^\d+$/.test(t)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(t,10)))})`:t}parseGapShorthand(e){if(!e)return{};const t=e.trim().split(/\s+/);if(t.length===1){const s=this.mapSpacingToken(t[0]);return{row:s,col:s}}return{row:this.mapSpacingToken(t[0]),col:this.mapSpacingToken(t[1])}}render(){return g`<div class="base"><slot></slot></div>`}};p=new WeakSet;h=function(){this.style.setProperty("--scb-stack-direction",this.direction);const e="var(--spacing-5, 16px)",t=this.parseGapShorthand(this.gap),s=this.mapSpacingToken(this.rowGap)??t.row??e,i=this.mapSpacingToken(this.columnGap)??t.col??e;this.style.setProperty("--scb-stack-gap",`${s}`),this.style.setProperty("--scb-stack-row-gap",s),this.style.setProperty("--scb-stack-column-gap",i);const a={start:"flex-start",center:"center",end:"flex-end",stretch:"stretch",baseline:"baseline"},c={start:"flex-start",center:"center",end:"flex-end",between:"space-between",around:"space-around",evenly:"space-evenly"};this.style.setProperty("--scb-stack-align",a[this.align]??"stretch"),this.style.setProperty("--scb-stack-justify",c[this.justify]??"flex-start"),this.style.setProperty("--scb-stack-wrap",this.wrap?"wrap":"nowrap")};r.styles=u`
     :host {
       box-sizing: border-box;
+      display: block;
+      width: auto;
+      max-width: 100%;
+      min-inline-size: 0;
+    }
+
+    /* Inre flexlayout så att gap även fungerar för slottat innehåll */
+    .base {
       display: var(--scb-stack-display, flex);
       flex-direction: var(--scb-stack-direction, column);
 
@@ -11,14 +19,14 @@ import{a as d,n as o,i as y,x as g,t as b}from"../../vendor/vendor.js";(function
       align-items: var(--scb-stack-align, stretch);
       justify-content: var(--scb-stack-justify, flex-start);
       flex-wrap: var(--scb-stack-wrap, nowrap);
-
-      width: auto;
-      max-width: 100%;
-      min-inline-size: 0;
     }
-    :host([inline]) { --scb-stack-display: inline-flex; }
 
-    /* Barnens flex-beteende i rad-läge kan styras via variabeln och defaultar till att inte ta full bredd */
+    /* Gör att slotens tilldelade noder blir barn till .base */
+    slot { display: contents; }
+
+    :host([inline]) .base { --scb-stack-display: inline-flex; }
+
+    /* Barnens flex-beteende i row-läge kan styras via variabeln och defaultar till att inte ta full bredd */
     :host([direction="row"]) ::slotted(*) {
       flex: var(--scb-stack-item-flex, 0 0 auto);
     }

package/mvc/components/scb-keyfigure-card/scb-keyfigure-card.js

@@ -1,9 +1,9 @@
-import{a as d,n as a,i as u,x as l,t as p}from"../../vendor/vendor.js";import"../../vendor/vendor-material.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,n,o){try{customElements.get(r)||t(r,n,o)}catch(h){var c=String(h||"");if(c.indexOf("already been used")===-1&&c.indexOf("NotSupportedError")===-1)throw h}}}}catch{}})();var y=Object.defineProperty,g=Object.getOwnPropertyDescriptor,s=(e,t,r,n)=>{for(var o=n>1?void 0:n?g(t,r):t,c=e.length-1,h;c>=0;c--)(h=e[c])&&(o=(n?h(t,r,o):h(o))||o);return n&&o&&y(t,r,o),o};let i=class extends u{constructor(){super(...arguments),this.keyfigure=0,this.subLabel="",this.supportingText="",this.cardHref="",this.icon="",this.size="standard",this.unit="",this.width="",this.maxWidth="",this.height="",this.maxHeight="",this.sizing="stretch",this.__onKeyDown=e=>{(e.key==="Enter"||e.key===" ")&&this.cardHref&&(e.preventDefault(),window.location.href=this.cardHref)},this.__handleHrefNavigation=e=>{this.cardHref&&(e.target.closest("a")||(window.location.href=this.cardHref))}}formatNumber(e){if(typeof e=="number")return e.toLocaleString("sv-SE").replace(/\u00A0/g," ");const t=Number(e);return Number.isNaN(t)?String(e):t.toLocaleString("sv-SE").replace(/\u00A0/g," ")}render(){const e=!!this.cardHref,t=this.formatNumber(this.keyfigure),r=(this.unit||"").trim(),n=r?`${t} ${r}`:t;return l`
+import{a as d,n,i as u,x as l,t as p}from"../../vendor/vendor.js";import"../../vendor/vendor-material.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,a,o){try{customElements.get(r)||t(r,a,o)}catch(h){var c=String(h||"");if(c.indexOf("already been used")===-1&&c.indexOf("NotSupportedError")===-1)throw h}}}}catch{}})();var y=Object.defineProperty,g=Object.getOwnPropertyDescriptor,s=(e,t,r,a)=>{for(var o=a>1?void 0:a?g(t,r):t,c=e.length-1,h;c>=0;c--)(h=e[c])&&(o=(a?h(t,r,o):h(o))||o);return a&&o&&y(t,r,o),o};let i=class extends u{constructor(){super(...arguments),this.keyfigure=0,this.subtitle="",this.supportingText="",this.cardHref="",this.icon="",this.size="standard",this.unit="",this.width="",this.maxWidth="",this.height="",this.maxHeight="",this.sizing="stretch",this.__onKeyDown=e=>{(e.key==="Enter"||e.key===" ")&&this.cardHref&&(e.preventDefault(),window.location.href=this.cardHref)},this.__handleHrefNavigation=e=>{this.cardHref&&(e.target.closest("a")||(window.location.href=this.cardHref))}}formatNumber(e){if(typeof e=="number")return e.toLocaleString("sv-SE").replace(/\u00A0/g," ");const t=Number(e);return Number.isNaN(t)?String(e):t.toLocaleString("sv-SE").replace(/\u00A0/g," ")}render(){const e=!!this.cardHref,t=this.formatNumber(this.keyfigure),r=(this.unit||"").trim(),a=r?`${t} ${r}`:t;return l`
       <div
         class="scb-keyfigure-card ${e?"clickable":""} ${this.size}"
         role=${e?"link":"group"}
         tabindex=${e?"0":"-1"}
-        aria-label=${this.subLabel||n}
+        aria-label=${this.subtitle||a}
         @click=${e?this.__handleHrefNavigation:null}
         @keydown=${e?this.__onKeyDown:null}
         style="cursor:${e?"pointer":"default"};"
@@ -13,16 +13,16 @@ import{a as d,n as a,i as u,x as l,t as p}from"../../vendor/vendor.js";import"..
 
         ${this.keyfigure!==void 0&&this.keyfigure!==null&&this.keyfigure!==""?l`
           <div class="keyfigure">
-            <span class="value" aria-label="${n}">
+            <span class="value" aria-label="${a}">
               ${t}${r?l`<span class="unit" aria-hidden="true">\u00A0${r}</span>`:""}
             </span>
             ${e?l`<md-icon>arrow_forward</md-icon>`:""}
           </div>
         `:""}
 
-        ${this.subLabel?l`
+        ${this.subtitle?l`
           <div class="sub-label">
-            ${e?l`<a href="${this.cardHref}" tabindex="-1">${this.subLabel}</a>`:this.subLabel}
+            ${e?l`<a href="${this.cardHref}" tabindex="-1">${this.subtitle}</a>`:this.subtitle}
           </div>
         `:""}
 
@@ -134,4 +134,4 @@ import{a as d,n as a,i as u,x as l,t as p}from"../../vendor/vendor.js";import"..
       line-height: var(--md-sys-typescale-display-medium-line-height);
       letter-spacing: var(--md-sys-typescale-display-medium-tracking);
     }
-  `;s([a({attribute:"keyfigure"})],i.prototype,"keyfigure",2);s([a({type:String,attribute:"sub-label"})],i.prototype,"subLabel",2);s([a({type:String,attribute:"supporting-text"})],i.prototype,"supportingText",2);s([a({type:String,attribute:"card-href"})],i.prototype,"cardHref",2);s([a({type:String})],i.prototype,"icon",2);s([a({type:String})],i.prototype,"size",2);s([a({type:String})],i.prototype,"unit",2);s([a({type:String,reflect:!0})],i.prototype,"width",2);s([a({type:String,reflect:!0,attribute:"max-width"})],i.prototype,"maxWidth",2);s([a({type:String,reflect:!0})],i.prototype,"height",2);s([a({type:String,reflect:!0,attribute:"max-height"})],i.prototype,"maxHeight",2);s([a({type:String,reflect:!0})],i.prototype,"sizing",2);i=s([p("scb-keyfigure-card")],i);
+  `;s([n({attribute:"keyfigure"})],i.prototype,"keyfigure",2);s([n({type:String,attribute:"subtitle"})],i.prototype,"subtitle",2);s([n({type:String,attribute:"supporting-text"})],i.prototype,"supportingText",2);s([n({type:String,attribute:"card-href"})],i.prototype,"cardHref",2);s([n({type:String})],i.prototype,"icon",2);s([n({type:String})],i.prototype,"size",2);s([n({type:String})],i.prototype,"unit",2);s([n({type:String,reflect:!0})],i.prototype,"width",2);s([n({type:String,reflect:!0,attribute:"max-width"})],i.prototype,"maxWidth",2);s([n({type:String,reflect:!0})],i.prototype,"height",2);s([n({type:String,reflect:!0,attribute:"max-height"})],i.prototype,"maxHeight",2);s([n({type:String,reflect:!0})],i.prototype,"sizing",2);i=s([p("scb-keyfigure-card")],i);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name":  "scb-wc-test",
-    "version":  "0.1.67",
+    "version":  "0.1.69",
     "type":  "module",
     "main":  "index.js",
     "module":  "index.js",
@@ -288,5 +288,5 @@
                                       },
                     "./mvc/*":  "./mvc/*"
                 },
-    "buildHash":  "22C1A767F3E412A91BA814122D67B359348A1D40CCFAA832CE2025A7575E496F"
+    "buildHash":  "FE9B59510D9ECD28B7D24E5FB48881AD15C3F106C90BCCCB8F207A27AA59E61B"
 }

package/scb-card/scb-card.d.ts

@@ -21,7 +21,7 @@ export declare class ScbCard extends LitElement {
     mediaPlaceholder: boolean;
     cardHref: string;
     title: string;
-    subLabel: string;
+    subtitle: string;
     supportingText: string;
     date?: Date;
     commentsText: string;

package/scb-card/scb-card.js

@@ -1,18 +1,18 @@
-import { css as m, LitElement as b, html as i } from "lit";
+import { css as m, LitElement as v, html as i } from "lit";
 import { property as s, customElement as u } from "lit/decorators.js";
 import "@material/web/focus/md-focus-ring.js";
 import "../scb-list/scb-list.js";
 import "../scb-button/scb-button.js";
 import "../scb-link/scb-link.js";
 import "../scb-avatar/scb-avatar.js";
-var v = Object.defineProperty, g = Object.getOwnPropertyDescriptor, e = (o, r, n, a) => {
+var b = Object.defineProperty, g = Object.getOwnPropertyDescriptor, e = (o, r, n, a) => {
   for (var l = a > 1 ? void 0 : a ? g(r, n) : r, d = o.length - 1, c; d >= 0; d--)
     (c = o[d]) && (l = (a ? c(r, n, l) : c(l)) || l);
-  return a && l && v(r, n, l), l;
+  return a && l && b(r, n, l), l;
 };
-let t = class extends b {
+let t = class extends v {
   constructor() {
-    super(...arguments), this.type = "", this.variant = "", this.direction = "", this.mediaType = "", this.mediaHref = "", this.mediaAlt = "", this.mediaSrcset = "", this.mediaSizes = "", this.mediaLoading = "auto", this.mediaDecoding = "async", this.mediaFetchPriority = "auto", this.mediaFit = "cover", this.mediaPosition = "center", this.mediaWidth = "", this.mediaHeight = "", this.mediaAspect = "", this.mediaPlaceholder = !1, this.cardHref = "", this.title = "", this.subLabel = "", this.supportingText = "", this.commentsText = "", this.comments = 0, this.likesText = "", this.likes = 0, this.sizing = "stretch", this.width = "", this.maxWidth = "", this.height = "", this.maxHeight = "", this.__onImgLoad = (o) => {
+    super(...arguments), this.type = "", this.variant = "", this.direction = "", this.mediaType = "", this.mediaHref = "", this.mediaAlt = "", this.mediaSrcset = "", this.mediaSizes = "", this.mediaLoading = "auto", this.mediaDecoding = "async", this.mediaFetchPriority = "auto", this.mediaFit = "cover", this.mediaPosition = "center", this.mediaWidth = "", this.mediaHeight = "", this.mediaAspect = "", this.mediaPlaceholder = !1, this.cardHref = "", this.title = "", this.subtitle = "", this.supportingText = "", this.commentsText = "", this.comments = 0, this.likesText = "", this.likes = 0, this.sizing = "stretch", this.width = "", this.maxWidth = "", this.height = "", this.maxHeight = "", this.__onImgLoad = (o) => {
       const r = o.currentTarget.closest(".media");
       r && r.classList.add("is-loaded");
     }, this.__onKeyDown = (o) => {
@@ -95,7 +95,7 @@ let t = class extends b {
           <div class="full-content">
             <div class="top-content">
               ${this.title ? i`<div class="header">${l(!!this.cardHref)}</div>` : ""}
-              ${this.subLabel ? i`<div class="sub-label">${this.subLabel}</div>` : ""}
+              ${this.subtitle ? i`<div class="sub-label">${this.subtitle}</div>` : ""}
               ${this.supportingText ? i`<div class="supporting-text">${this.supportingText}</div>` : ""}
               ${a ? i`<div class="date">${a}</div>` : ""}
             </div>
@@ -106,7 +106,7 @@ let t = class extends b {
           <div class="full-content">
             <div class="top-content">
               ${this.title ? i`<div class="header"><span class="title">${this.title}</span></div>` : ""}
-              ${this.subLabel ? i`<div class="sub-label">${this.subLabel}</div>` : ""}
+              ${this.subtitle ? i`<div class="sub-label">${this.subtitle}</div>` : ""}
               ${this.supportingText ? i`<div class="supporting-text">${this.supportingText}</div>` : ""}
               ${a ? i`<div class="date">${a}</div>` : ""}
             </div>
@@ -120,7 +120,7 @@ let t = class extends b {
           <div class="full-content">
             <div class="top-content">
               ${this.title ? i`<div class="header">${l(!!this.cardHref)}</div>` : ""}
-              ${this.subLabel ? i`<div class="sub-label">${this.subLabel}</div>` : ""}
+              ${this.subtitle ? i`<div class="sub-label">${this.subtitle}</div>` : ""}
               ${this.supportingText ? i`<div class="supporting-text">${this.supportingText}</div>` : ""}
               ${a ? i`<div class="date">${a}</div>` : ""}
             </div>
@@ -137,7 +137,7 @@ let t = class extends b {
           <div class="full-content">
             <div class="top-content">
               ${this.title ? i`<div class="header"><span class="title">${this.title}</span></div>` : ""}
-              ${this.subLabel ? i`<div class="sub-label">${this.subLabel}</div>` : ""}
+              ${this.subtitle ? i`<div class="sub-label">${this.subtitle}</div>` : ""}
               ${this.supportingText ? i`<div class="supporting-text">${this.supportingText}</div>` : ""}
               ${a ? i`<div class="date">${a}</div>` : ""}
             </div>
@@ -151,7 +151,7 @@ let t = class extends b {
           <div class="full-content">
             <div class="top-content">
               ${this.title ? i`<div class="header"><span class="title">${this.title}</span></div>` : ""}
-              ${this.subLabel ? i`<div class="sub-label">${this.subLabel}</div>` : ""}
+              ${this.subtitle ? i`<div class="sub-label">${this.subtitle}</div>` : ""}
               ${this.supportingText ? i`<div class="supporting-text">${this.supportingText}</div>` : ""}
               ${a ? i`<div class="date">${a}</div>` : ""}
             </div>
@@ -165,7 +165,7 @@ let t = class extends b {
           <div class="full-content">
             <div class="top-content">
               ${this.title ? i`<div class="header">${l(!!this.cardHref)}</div>` : ""}
-              ${this.subLabel ? i`<div class="sub-label">${this.subLabel}</div>` : ""}
+              ${this.subtitle ? i`<div class="sub-label">${this.subtitle}</div>` : ""}
               ${this.supportingText ? i`<div class="supporting-text">${this.supportingText}</div>` : ""}
               ${a ? i`<div class="date">${a}</div>` : ""}
             </div>
@@ -488,8 +488,8 @@ e([
   s({ type: String })
 ], t.prototype, "title", 2);
 e([
-  s({ type: String, attribute: "sub-label" })
-], t.prototype, "subLabel", 2);
+  s({ type: String })
+], t.prototype, "subtitle", 2);
 e([
   s({ type: String, attribute: "supporting-text" })
 ], t.prototype, "supportingText", 2);

package/scb-fact-card/scb-fact-card-content.d.ts

@@ -1,7 +1,7 @@
 import { LitElement } from 'lit';
 export declare class ScbFactCardContent extends LitElement {
-    label: string;
-    subLabel: string;
+    title: string;
+    subtitle: string;
     supportingText: string;
     static styles: import('lit').CSSResult;
     render(): import('lit-html').TemplateResult<1>;

package/scb-fact-card/scb-fact-card-content.js

@@ -1,37 +1,37 @@
-import { css as d, LitElement as h, html as r } from "lit";
+import { css as d, LitElement as h, html as a } from "lit";
 import { property as c, customElement as g } from "lit/decorators.js";
-var u = Object.defineProperty, y = Object.getOwnPropertyDescriptor, n = (a, e, l, t) => {
-  for (var s = t > 1 ? void 0 : t ? y(e, l) : e, o = a.length - 1, p; o >= 0; o--)
-    (p = a[o]) && (s = (t ? p(e, l, s) : p(s)) || s);
-  return t && s && u(e, l, s), s;
+var u = Object.defineProperty, y = Object.getOwnPropertyDescriptor, n = (r, t, i, e) => {
+  for (var s = e > 1 ? void 0 : e ? y(t, i) : t, o = r.length - 1, p; o >= 0; o--)
+    (p = r[o]) && (s = (e ? p(t, i, s) : p(s)) || s);
+  return e && s && u(t, i, s), s;
 };
-let i = class extends h {
+let l = class extends h {
   constructor() {
-    super(...arguments), this.label = "", this.subLabel = "", this.supportingText = "";
+    super(...arguments), this.title = "", this.subtitle = "", this.supportingText = "";
   }
   render() {
-    return r`
-        ${this.label ? r`
+    return a`
+        ${this.title ? a`
         <div class="label">
-            ${this.label}
+            ${this.title}
         </div>` : ""}
-        ${this.subLabel ? r`<div class="sub-label">${this.subLabel}</div>` : ""}
-        ${this.supportingText ? r`<div class="supporting-text">${this.supportingText}</div>` : ""}
+        ${this.subtitle ? a`<div class="sub-label">${this.subtitle}</div>` : ""}
+        ${this.supportingText ? a`<div class="supporting-text">${this.supportingText}</div>` : ""}
         <slot @slotchange=${this.requestUpdate}></slot>
-        ${this._hasSlotContent() ? r`<div class="content links"><slot></slot></div>` : ""}
+        ${this._hasSlotContent() ? a`<div class="content links"><slot></slot></div>` : ""}
         `;
   }
   _hasSlotContent() {
-    const a = this.shadowRoot && this.shadowRoot.querySelector("slot");
-    if (!a) return !1;
-    const e = a.assignedNodes({ flatten: !0 });
-    return e.length > 0 && e.some((l) => {
-      var t;
-      return l.nodeType === Node.TEXT_NODE ? (t = l.textContent) == null ? void 0 : t.trim() : !0;
+    const r = this.shadowRoot && this.shadowRoot.querySelector("slot");
+    if (!r) return !1;
+    const t = r.assignedNodes({ flatten: !0 });
+    return t.length > 0 && t.some((i) => {
+      var e;
+      return i.nodeType === Node.TEXT_NODE ? (e = i.textContent) == null ? void 0 : e.trim() : !0;
     });
   }
 };
-i.styles = d`
+l.styles = d`
         :host {
             display: flex;
             flex-direction: column;
@@ -60,24 +60,24 @@ i.styles = d`
             letter-spacing: var(--md-sys-typescale-body-large-tracking);
         }
         .content.links ::slotted(*) {
-        margin-top: var(--spacing-3);
-        display: flex;
-        flex-direction: column;
-        gap: var(--spacing-3);
-    }
+          margin-top: var(--spacing-3);
+          display: flex;
+          flex-direction: column;
+          gap: var(--spacing-3);
+        }
     `;
 n([
-  c({ type: String })
-], i.prototype, "label", 2);
+  c({ type: String, attribute: "title" })
+], l.prototype, "title", 2);
 n([
-  c({ type: String, attribute: "sub-label" })
-], i.prototype, "subLabel", 2);
+  c({ type: String, attribute: "subtitle" })
+], l.prototype, "subtitle", 2);
 n([
   c({ type: String, attribute: "supporting-text" })
-], i.prototype, "supportingText", 2);
-i = n([
+], l.prototype, "supportingText", 2);
+l = n([
   g("scb-fact-card-content")
-], i);
+], l);
 export {
-  i as ScbFactCardContent
+  l as ScbFactCardContent
 };

package/scb-fact-card/scb-fact-card.d.ts

@@ -8,8 +8,8 @@ export declare class ScbFactCard extends LitElement {
     private static __maybeRemoveDocListener;
     private __onCloseClick;
     variant: 'filled' | 'outlined';
-    label: string;
-    subLabel: string;
+    title: string;
+    subtitle: string;
     supportingText: string;
     icon: string;
     showCloseButton: boolean;

package/scb-fact-card/scb-fact-card.js

@@ -12,7 +12,7 @@ let t = class extends p {
   constructor() {
     super(...arguments), this.__onCloseClick = (e) => {
       e.stopPropagation(), this.__setOpen(!1);
-    }, this.variant = "filled", this.label = "", this.subLabel = "", this.supportingText = "", this.icon = "", this.showCloseButton = !1, this.open = !0, this.__lastTriggerEl = null, this.sizing = "stretch", this.width = "", this.maxWidth = "", this.height = "", this.maxHeight = "";
+    }, this.variant = "filled", this.title = "", this.subtitle = "", this.supportingText = "", this.icon = "", this.showCloseButton = !1, this.open = !0, this.__lastTriggerEl = null, this.sizing = "stretch", this.width = "", this.maxWidth = "", this.height = "", this.maxHeight = "";
   }
   static __handleDocClick(e) {
     const s = e.composedPath();
@@ -201,11 +201,11 @@ i([
   n({ type: String })
 ], t.prototype, "variant", 2);
 i([
-  n({ type: String })
-], t.prototype, "label", 2);
+  n({ type: String, attribute: "title" })
+], t.prototype, "title", 2);
 i([
-  n({ type: String, attribute: "sub-label" })
-], t.prototype, "subLabel", 2);
+  n({ type: String, attribute: "subtitle" })
+], t.prototype, "subtitle", 2);
 i([
   n({ type: String, attribute: "supporting-text" })
 ], t.prototype, "supportingText", 2);

package/scb-grid/scb-stack.js

@@ -1,13 +1,13 @@
-import { css as y, LitElement as g, html as d } from "lit";
+import { css as y, LitElement as d, html as g } from "lit";
 import { property as i, customElement as b } from "lit/decorators.js";
-var m = Object.defineProperty, v = Object.getOwnPropertyDescriptor, u = (e) => {
+var v = Object.defineProperty, m = Object.getOwnPropertyDescriptor, u = (e) => {
   throw TypeError(e);
 }, n = (e, t, s, c) => {
-  for (var r = c > 1 ? void 0 : c ? v(t, s) : t, o = e.length - 1, l; o >= 0; o--)
+  for (var r = c > 1 ? void 0 : c ? m(t, s) : t, o = e.length - 1, l; o >= 0; o--)
     (l = e[o]) && (r = (c ? l(t, s, r) : l(r)) || r);
-  return c && r && m(t, s, r), r;
+  return c && r && v(t, s, r), r;
 }, k = (e, t, s) => t.has(e) || u("Cannot " + s), w = (e, t, s) => t.has(e) ? u("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, s), f = (e, t, s) => (k(e, t, "access private method"), s), p, h;
-let a = class extends g {
+let a = class extends d {
   constructor() {
     super(...arguments), w(this, p), this.direction = "column", this.gap = "", this.rowGap = "", this.columnGap = "", this.align = "stretch", this.justify = "start", this.wrap = !1, this.inline = !1;
   }
@@ -32,7 +32,7 @@ let a = class extends g {
     return { row: this.mapSpacingToken(t[0]), col: this.mapSpacingToken(t[1]) };
   }
   render() {
-    return d`<slot></slot>`;
+    return g`<div class="base"><slot></slot></div>`;
   }
 };
 p = /* @__PURE__ */ new WeakSet();
@@ -59,6 +59,14 @@ h = function() {
 a.styles = y`
     :host {
       box-sizing: border-box;
+      display: block;
+      width: auto;
+      max-width: 100%;
+      min-inline-size: 0;
+    }
+
+    /* Inre flexlayout så att gap även fungerar för slottat innehåll */
+    .base {
       display: var(--scb-stack-display, flex);
       flex-direction: var(--scb-stack-direction, column);
 
@@ -69,14 +77,14 @@ a.styles = y`
       align-items: var(--scb-stack-align, stretch);
       justify-content: var(--scb-stack-justify, flex-start);
       flex-wrap: var(--scb-stack-wrap, nowrap);
-
-      width: auto;
-      max-width: 100%;
-      min-inline-size: 0;
     }
-    :host([inline]) { --scb-stack-display: inline-flex; }
 
-    /* Barnens flex-beteende i rad-läge kan styras via variabeln och defaultar till att inte ta full bredd */
+    /* Gör att slotens tilldelade noder blir barn till .base */
+    slot { display: contents; }
+
+    :host([inline]) .base { --scb-stack-display: inline-flex; }
+
+    /* Barnens flex-beteende i row-läge kan styras via variabeln och defaultar till att inte ta full bredd */
     :host([direction="row"]) ::slotted(*) {
       flex: var(--scb-stack-item-flex, 0 0 auto);
     }

package/scb-keyfigure-card/scb-keyfigure-card.d.ts

@@ -1,7 +1,7 @@
 import { LitElement, PropertyValues } from 'lit';
 export declare class ScbKeyFigureCard extends LitElement {
     keyfigure: number | string;
-    subLabel: string;
+    subtitle: string;
     supportingText: string;
     cardHref: string;
     icon: string;

package/scb-keyfigure-card/scb-keyfigure-card.js

@@ -10,7 +10,7 @@ var y = Object.defineProperty, g = Object.getOwnPropertyDescriptor, t = (e, r, n
 };
 let i = class extends u {
   constructor() {
-    super(...arguments), this.keyfigure = 0, this.subLabel = "", this.supportingText = "", this.cardHref = "", this.icon = "", this.size = "standard", this.unit = "", this.width = "", this.maxWidth = "", this.height = "", this.maxHeight = "", this.sizing = "stretch", this.__onKeyDown = (e) => {
+    super(...arguments), this.keyfigure = 0, this.subtitle = "", this.supportingText = "", this.cardHref = "", this.icon = "", this.size = "standard", this.unit = "", this.width = "", this.maxWidth = "", this.height = "", this.maxHeight = "", this.sizing = "stretch", this.__onKeyDown = (e) => {
       (e.key === "Enter" || e.key === " ") && this.cardHref && (e.preventDefault(), window.location.href = this.cardHref);
     }, this.__handleHrefNavigation = (e) => {
       this.cardHref && (e.target.closest("a") || (window.location.href = this.cardHref));
@@ -29,7 +29,7 @@ let i = class extends u {
         class="scb-keyfigure-card ${e ? "clickable" : ""} ${this.size}"
         role=${e ? "link" : "group"}
         tabindex=${e ? "0" : "-1"}
-        aria-label=${this.subLabel || o}
+        aria-label=${this.subtitle || o}
         @click=${e ? this.__handleHrefNavigation : null}
         @keydown=${e ? this.__onKeyDown : null}
         style="cursor:${e ? "pointer" : "default"};"
@@ -46,9 +46,9 @@ let i = class extends u {
           </div>
         ` : ""}
 
-        ${this.subLabel ? a`
+        ${this.subtitle ? a`
           <div class="sub-label">
-            ${e ? a`<a href="${this.cardHref}" tabindex="-1">${this.subLabel}</a>` : this.subLabel}
+            ${e ? a`<a href="${this.cardHref}" tabindex="-1">${this.subtitle}</a>` : this.subtitle}
           </div>
         ` : ""}
 
@@ -179,8 +179,8 @@ t([
   s({ attribute: "keyfigure" })
 ], i.prototype, "keyfigure", 2);
 t([
-  s({ type: String, attribute: "sub-label" })
-], i.prototype, "subLabel", 2);
+  s({ type: String, attribute: "subtitle" })
+], i.prototype, "subtitle", 2);
 t([
   s({ type: String, attribute: "supporting-text" })
 ], i.prototype, "supportingText", 2);

package/scb-wc-test.bundle.js

@@ -3234,7 +3234,7 @@ var ScbWcTest=function(a){"use strict";var Ss;function d(o,e,t,r){var i=argument
       overflow: visible;
       text-overflow: clip;
     }
-  `,H([l({type:String,reflect:!0})],a.ScbCalendarCard.prototype,"variant",2),H([l({type:String,reflect:!0})],a.ScbCalendarCard.prototype,"direction",2),H([l({type:String})],a.ScbCalendarCard.prototype,"title",2),H([l({type:String})],a.ScbCalendarCard.prototype,"subtitle",2),H([l({type:String,attribute:"supporting-text"})],a.ScbCalendarCard.prototype,"supportingText",2),H([l({type:String,attribute:"card-href"})],a.ScbCalendarCard.prototype,"cardHref",2),H([l({type:String,attribute:"card-href-nav"})],a.ScbCalendarCard.prototype,"cardHrefNav",2),H([l({type:Boolean,reflect:!0,attribute:"show-media"})],a.ScbCalendarCard.prototype,"showMedia",2),H([l({type:String,attribute:"media-width"})],a.ScbCalendarCard.prototype,"mediaWidth",2),H([l({type:String,attribute:"media-height"})],a.ScbCalendarCard.prototype,"mediaHeight",2),H([l({type:String,attribute:"media-aspect"})],a.ScbCalendarCard.prototype,"mediaAspect",2),H([l({type:String,reflect:!0})],a.ScbCalendarCard.prototype,"width",2),H([l({type:String,reflect:!0,attribute:"max-width"})],a.ScbCalendarCard.prototype,"maxWidth",2),H([l({type:String,attribute:"min-width"})],a.ScbCalendarCard.prototype,"minWidth",2),H([l({type:String,reflect:!0})],a.ScbCalendarCard.prototype,"height",2),H([l({type:String,reflect:!0,attribute:"max-height"})],a.ScbCalendarCard.prototype,"maxHeight",2),H([l({type:String,attribute:"min-height"})],a.ScbCalendarCard.prototype,"minHeight",2),H([l({type:String,reflect:!0})],a.ScbCalendarCard.prototype,"sizing",2),a.ScbCalendarCard=H([g("scb-calendar-card")],a.ScbCalendarCard);var od=Object.defineProperty,ad=Object.getOwnPropertyDescriptor,E=(o,e,t,r)=>{for(var i=r>1?void 0:r?ad(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(i=(r?n(e,t,i):n(i))||i);return r&&i&&od(e,t,i),i};a.ScbCard=class extends y{constructor(){super(...arguments),this.type="",this.variant="",this.direction="",this.mediaType="",this.mediaHref="",this.mediaAlt="",this.mediaSrcset="",this.mediaSizes="",this.mediaLoading="auto",this.mediaDecoding="async",this.mediaFetchPriority="auto",this.mediaFit="cover",this.mediaPosition="center",this.mediaWidth="",this.mediaHeight="",this.mediaAspect="",this.mediaPlaceholder=!1,this.cardHref="",this.title="",this.subLabel="",this.supportingText="",this.commentsText="",this.comments=0,this.likesText="",this.likes=0,this.sizing="stretch",this.width="",this.maxWidth="",this.height="",this.maxHeight="",this.__onImgLoad=e=>{const t=e.currentTarget.closest(".media");t&&t.classList.add("is-loaded")},this.__onKeyDown=e=>{(e.key==="Enter"||e.key===" ")&&this.cardHref&&(e.preventDefault(),window.open(this.cardHref,"_self"))},this.__handleHrefNavigation=e=>{this.cardHref&&(e.target.closest("a")||window.open(this.cardHref,"_self"))}}__calcAspectWH(e){const t=(e||"").trim();if(!t)return{w:640,h:360};const r=t.includes("/")?t.split("/"):t.includes(":")?t.split(":"):t.includes("x")?t.split("x"):null;if(r&&r.length===2){const s=Number(r[0]),n=Number(r[1]);if(s>0&&n>0)return{w:s,h:n}}const i=Number(t);return isFinite(i)&&i>0?{w:1e3,h:Math.round(1e3/i)}:{w:640,h:360}}__mediaTemplate(){if((this.mediaType||"").toLowerCase()==="avatar")return c`
+  `,H([l({type:String,reflect:!0})],a.ScbCalendarCard.prototype,"variant",2),H([l({type:String,reflect:!0})],a.ScbCalendarCard.prototype,"direction",2),H([l({type:String})],a.ScbCalendarCard.prototype,"title",2),H([l({type:String})],a.ScbCalendarCard.prototype,"subtitle",2),H([l({type:String,attribute:"supporting-text"})],a.ScbCalendarCard.prototype,"supportingText",2),H([l({type:String,attribute:"card-href"})],a.ScbCalendarCard.prototype,"cardHref",2),H([l({type:String,attribute:"card-href-nav"})],a.ScbCalendarCard.prototype,"cardHrefNav",2),H([l({type:Boolean,reflect:!0,attribute:"show-media"})],a.ScbCalendarCard.prototype,"showMedia",2),H([l({type:String,attribute:"media-width"})],a.ScbCalendarCard.prototype,"mediaWidth",2),H([l({type:String,attribute:"media-height"})],a.ScbCalendarCard.prototype,"mediaHeight",2),H([l({type:String,attribute:"media-aspect"})],a.ScbCalendarCard.prototype,"mediaAspect",2),H([l({type:String,reflect:!0})],a.ScbCalendarCard.prototype,"width",2),H([l({type:String,reflect:!0,attribute:"max-width"})],a.ScbCalendarCard.prototype,"maxWidth",2),H([l({type:String,attribute:"min-width"})],a.ScbCalendarCard.prototype,"minWidth",2),H([l({type:String,reflect:!0})],a.ScbCalendarCard.prototype,"height",2),H([l({type:String,reflect:!0,attribute:"max-height"})],a.ScbCalendarCard.prototype,"maxHeight",2),H([l({type:String,attribute:"min-height"})],a.ScbCalendarCard.prototype,"minHeight",2),H([l({type:String,reflect:!0})],a.ScbCalendarCard.prototype,"sizing",2),a.ScbCalendarCard=H([g("scb-calendar-card")],a.ScbCalendarCard);var od=Object.defineProperty,ad=Object.getOwnPropertyDescriptor,E=(o,e,t,r)=>{for(var i=r>1?void 0:r?ad(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(i=(r?n(e,t,i):n(i))||i);return r&&i&&od(e,t,i),i};a.ScbCard=class extends y{constructor(){super(...arguments),this.type="",this.variant="",this.direction="",this.mediaType="",this.mediaHref="",this.mediaAlt="",this.mediaSrcset="",this.mediaSizes="",this.mediaLoading="auto",this.mediaDecoding="async",this.mediaFetchPriority="auto",this.mediaFit="cover",this.mediaPosition="center",this.mediaWidth="",this.mediaHeight="",this.mediaAspect="",this.mediaPlaceholder=!1,this.cardHref="",this.title="",this.subtitle="",this.supportingText="",this.commentsText="",this.comments=0,this.likesText="",this.likes=0,this.sizing="stretch",this.width="",this.maxWidth="",this.height="",this.maxHeight="",this.__onImgLoad=e=>{const t=e.currentTarget.closest(".media");t&&t.classList.add("is-loaded")},this.__onKeyDown=e=>{(e.key==="Enter"||e.key===" ")&&this.cardHref&&(e.preventDefault(),window.open(this.cardHref,"_self"))},this.__handleHrefNavigation=e=>{this.cardHref&&(e.target.closest("a")||window.open(this.cardHref,"_self"))}}__calcAspectWH(e){const t=(e||"").trim();if(!t)return{w:640,h:360};const r=t.includes("/")?t.split("/"):t.includes(":")?t.split(":"):t.includes("x")?t.split("x"):null;if(r&&r.length===2){const s=Number(r[0]),n=Number(r[1]);if(s>0&&n>0)return{w:s,h:n}}const i=Number(t);return isFinite(i)&&i>0?{w:1e3,h:Math.round(1e3/i)}:{w:640,h:360}}__mediaTemplate(){if((this.mediaType||"").toLowerCase()==="avatar")return c`
         <div class="media">
           <slot name="media">
             <scb-avatar variant="icon" label="${this.title}" icon-name="person"></scb-avatar>
@@ -3277,7 +3277,7 @@ var ScbWcTest=function(a){"use strict";var Ss;function d(o,e,t,r){var i=argument
           <div class="full-content">
             <div class="top-content">
               ${this.title?c`<div class="header">${s(!!this.cardHref)}</div>`:""}
-              ${this.subLabel?c`<div class="sub-label">${this.subLabel}</div>`:""}
+              ${this.subtitle?c`<div class="sub-label">${this.subtitle}</div>`:""}
               ${this.supportingText?c`<div class="supporting-text">${this.supportingText}</div>`:""}
               ${i?c`<div class="date">${i}</div>`:""}
             </div>
@@ -3286,7 +3286,7 @@ var ScbWcTest=function(a){"use strict";var Ss;function d(o,e,t,r){var i=argument
           <div class="full-content">
             <div class="top-content">
               ${this.title?c`<div class="header"><span class="title">${this.title}</span></div>`:""}
-              ${this.subLabel?c`<div class="sub-label">${this.subLabel}</div>`:""}
+              ${this.subtitle?c`<div class="sub-label">${this.subtitle}</div>`:""}
               ${this.supportingText?c`<div class="supporting-text">${this.supportingText}</div>`:""}
               ${i?c`<div class="date">${i}</div>`:""}
             </div>
@@ -3298,7 +3298,7 @@ var ScbWcTest=function(a){"use strict";var Ss;function d(o,e,t,r){var i=argument
           <div class="full-content">
             <div class="top-content">
               ${this.title?c`<div class="header">${s(!!this.cardHref)}</div>`:""}
-              ${this.subLabel?c`<div class="sub-label">${this.subLabel}</div>`:""}
+              ${this.subtitle?c`<div class="sub-label">${this.subtitle}</div>`:""}
               ${this.supportingText?c`<div class="supporting-text">${this.supportingText}</div>`:""}
               ${i?c`<div class="date">${i}</div>`:""}
             </div>
@@ -3313,7 +3313,7 @@ var ScbWcTest=function(a){"use strict";var Ss;function d(o,e,t,r){var i=argument
           <div class="full-content">
             <div class="top-content">
               ${this.title?c`<div class="header"><span class="title">${this.title}</span></div>`:""}
-              ${this.subLabel?c`<div class="sub-label">${this.subLabel}</div>`:""}
+              ${this.subtitle?c`<div class="sub-label">${this.subtitle}</div>`:""}
               ${this.supportingText?c`<div class="supporting-text">${this.supportingText}</div>`:""}
               ${i?c`<div class="date">${i}</div>`:""}
             </div>
@@ -3325,7 +3325,7 @@ var ScbWcTest=function(a){"use strict";var Ss;function d(o,e,t,r){var i=argument
           <div class="full-content">
             <div class="top-content">
               ${this.title?c`<div class="header"><span class="title">${this.title}</span></div>`:""}
-              ${this.subLabel?c`<div class="sub-label">${this.subLabel}</div>`:""}
+              ${this.subtitle?c`<div class="sub-label">${this.subtitle}</div>`:""}
               ${this.supportingText?c`<div class="supporting-text">${this.supportingText}</div>`:""}
               ${i?c`<div class="date">${i}</div>`:""}
             </div>
@@ -3337,7 +3337,7 @@ var ScbWcTest=function(a){"use strict";var Ss;function d(o,e,t,r){var i=argument
           <div class="full-content">
             <div class="top-content">
               ${this.title?c`<div class="header">${s(!!this.cardHref)}</div>`:""}
-              ${this.subLabel?c`<div class="sub-label">${this.subLabel}</div>`:""}
+              ${this.subtitle?c`<div class="sub-label">${this.subtitle}</div>`:""}
               ${this.supportingText?c`<div class="supporting-text">${this.supportingText}</div>`:""}
               ${i?c`<div class="date">${i}</div>`:""}
             </div>
@@ -3589,7 +3589,7 @@ var ScbWcTest=function(a){"use strict";var Ss;function d(o,e,t,r){var i=argument
     .scb-card.filled .content.list ::slotted(scb-list) {
       --scb-list-bg: var(--md-sys-color-surface-dim);
     }
-  `,E([l({type:String})],a.ScbCard.prototype,"type",2),E([l({type:String})],a.ScbCard.prototype,"variant",2),E([l({type:String})],a.ScbCard.prototype,"direction",2),E([l({type:String,attribute:"media-type"})],a.ScbCard.prototype,"mediaType",2),E([l({type:String,attribute:"media-href"})],a.ScbCard.prototype,"mediaHref",2),E([l({type:String,attribute:"media-alt"})],a.ScbCard.prototype,"mediaAlt",2),E([l({type:String,attribute:"media-srcset"})],a.ScbCard.prototype,"mediaSrcset",2),E([l({type:String,attribute:"media-sizes"})],a.ScbCard.prototype,"mediaSizes",2),E([l({type:String,attribute:"media-loading"})],a.ScbCard.prototype,"mediaLoading",2),E([l({type:String,attribute:"media-decoding"})],a.ScbCard.prototype,"mediaDecoding",2),E([l({type:String,attribute:"media-fetchpriority"})],a.ScbCard.prototype,"mediaFetchPriority",2),E([l({type:String,attribute:"media-fit"})],a.ScbCard.prototype,"mediaFit",2),E([l({type:String,attribute:"media-position"})],a.ScbCard.prototype,"mediaPosition",2),E([l({type:String,attribute:"media-width"})],a.ScbCard.prototype,"mediaWidth",2),E([l({type:String,attribute:"media-height"})],a.ScbCard.prototype,"mediaHeight",2),E([l({type:String,attribute:"media-aspect"})],a.ScbCard.prototype,"mediaAspect",2),E([l({type:Boolean,attribute:"media-placeholder"})],a.ScbCard.prototype,"mediaPlaceholder",2),E([l({type:String,attribute:"card-href"})],a.ScbCard.prototype,"cardHref",2),E([l({type:String})],a.ScbCard.prototype,"title",2),E([l({type:String,attribute:"sub-label"})],a.ScbCard.prototype,"subLabel",2),E([l({type:String,attribute:"supporting-text"})],a.ScbCard.prototype,"supportingText",2),E([l({type:Date,reflect:!0})],a.ScbCard.prototype,"date",2),E([l({type:String,attribute:"social-comments-text"})],a.ScbCard.prototype,"commentsText",2),E([l({type:Number,attribute:"social-comments",reflect:!0})],a.ScbCard.prototype,"comments",2),E([l({type:String,attribute:"social-likes-text"})],a.ScbCard.prototype,"likesText",2),E([l({type:Number,attribute:"social-likes",reflect:!0})],a.ScbCard.prototype,"likes",2),E([l({type:String,reflect:!0})],a.ScbCard.prototype,"sizing",2),E([l({type:String,reflect:!0})],a.ScbCard.prototype,"width",2),E([l({type:String,reflect:!0,attribute:"max-width"})],a.ScbCard.prototype,"maxWidth",2),E([l({type:String,reflect:!0})],a.ScbCard.prototype,"height",2),E([l({type:String,reflect:!0,attribute:"max-height"})],a.ScbCard.prototype,"maxHeight",2),a.ScbCard=E([g("scb-card")],a.ScbCard);var sd=Object.defineProperty,nd=Object.getOwnPropertyDescriptor,rs=o=>{throw TypeError(o)},oi=(o,e,t,r)=>{for(var i=r>1?void 0:r?nd(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(i=(r?n(e,t,i):n(i))||i);return r&&i&&sd(e,t,i),i},ld=(o,e,t)=>e.has(o)||rs("Cannot "+t),xo=(o,e,t)=>(ld(o,e,"read from private field"),t?t.call(o):e.get(o)),cd=(o,e,t)=>e.has(o)?rs("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(o):e.set(o,t),er;a.ScbCheckboxGroup=class extends y{constructor(){super(...arguments),this.orientation="vertical",this.disabled=!1,this.spacing="group",cd(this,er,()=>{var r;const e=(r=this.shadowRoot)==null?void 0:r.querySelector("slot");if(!e)return;const t=e.assignedElements({flatten:!0}).filter(i=>i.tagName.toLowerCase()==="scb-checkbox");for(const i of t)this.disabled?i.setAttribute("disabled",""):i.removeAttribute("disabled"),this.orientation==="horizontal"?i.setAttribute("orientation","horizontal"):i.removeAttribute("orientation"),this.spacing==="group"?i.style.setProperty("--scb-checkbox-gap","0"):i.style.removeProperty("--scb-checkbox-gap")})}render(){const e=this.orientation==="horizontal"?"row":"column";return c`
+  `,E([l({type:String})],a.ScbCard.prototype,"type",2),E([l({type:String})],a.ScbCard.prototype,"variant",2),E([l({type:String})],a.ScbCard.prototype,"direction",2),E([l({type:String,attribute:"media-type"})],a.ScbCard.prototype,"mediaType",2),E([l({type:String,attribute:"media-href"})],a.ScbCard.prototype,"mediaHref",2),E([l({type:String,attribute:"media-alt"})],a.ScbCard.prototype,"mediaAlt",2),E([l({type:String,attribute:"media-srcset"})],a.ScbCard.prototype,"mediaSrcset",2),E([l({type:String,attribute:"media-sizes"})],a.ScbCard.prototype,"mediaSizes",2),E([l({type:String,attribute:"media-loading"})],a.ScbCard.prototype,"mediaLoading",2),E([l({type:String,attribute:"media-decoding"})],a.ScbCard.prototype,"mediaDecoding",2),E([l({type:String,attribute:"media-fetchpriority"})],a.ScbCard.prototype,"mediaFetchPriority",2),E([l({type:String,attribute:"media-fit"})],a.ScbCard.prototype,"mediaFit",2),E([l({type:String,attribute:"media-position"})],a.ScbCard.prototype,"mediaPosition",2),E([l({type:String,attribute:"media-width"})],a.ScbCard.prototype,"mediaWidth",2),E([l({type:String,attribute:"media-height"})],a.ScbCard.prototype,"mediaHeight",2),E([l({type:String,attribute:"media-aspect"})],a.ScbCard.prototype,"mediaAspect",2),E([l({type:Boolean,attribute:"media-placeholder"})],a.ScbCard.prototype,"mediaPlaceholder",2),E([l({type:String,attribute:"card-href"})],a.ScbCard.prototype,"cardHref",2),E([l({type:String})],a.ScbCard.prototype,"title",2),E([l({type:String})],a.ScbCard.prototype,"subtitle",2),E([l({type:String,attribute:"supporting-text"})],a.ScbCard.prototype,"supportingText",2),E([l({type:Date,reflect:!0})],a.ScbCard.prototype,"date",2),E([l({type:String,attribute:"social-comments-text"})],a.ScbCard.prototype,"commentsText",2),E([l({type:Number,attribute:"social-comments",reflect:!0})],a.ScbCard.prototype,"comments",2),E([l({type:String,attribute:"social-likes-text"})],a.ScbCard.prototype,"likesText",2),E([l({type:Number,attribute:"social-likes",reflect:!0})],a.ScbCard.prototype,"likes",2),E([l({type:String,reflect:!0})],a.ScbCard.prototype,"sizing",2),E([l({type:String,reflect:!0})],a.ScbCard.prototype,"width",2),E([l({type:String,reflect:!0,attribute:"max-width"})],a.ScbCard.prototype,"maxWidth",2),E([l({type:String,reflect:!0})],a.ScbCard.prototype,"height",2),E([l({type:String,reflect:!0,attribute:"max-height"})],a.ScbCard.prototype,"maxHeight",2),a.ScbCard=E([g("scb-card")],a.ScbCard);var sd=Object.defineProperty,nd=Object.getOwnPropertyDescriptor,rs=o=>{throw TypeError(o)},oi=(o,e,t,r)=>{for(var i=r>1?void 0:r?nd(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(i=(r?n(e,t,i):n(i))||i);return r&&i&&sd(e,t,i),i},ld=(o,e,t)=>e.has(o)||rs("Cannot "+t),xo=(o,e,t)=>(ld(o,e,"read from private field"),t?t.call(o):e.get(o)),cd=(o,e,t)=>e.has(o)?rs("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(o):e.set(o,t),er;a.ScbCheckboxGroup=class extends y{constructor(){super(...arguments),this.orientation="vertical",this.disabled=!1,this.spacing="group",cd(this,er,()=>{var r;const e=(r=this.shadowRoot)==null?void 0:r.querySelector("slot");if(!e)return;const t=e.assignedElements({flatten:!0}).filter(i=>i.tagName.toLowerCase()==="scb-checkbox");for(const i of t)this.disabled?i.setAttribute("disabled",""):i.removeAttribute("disabled"),this.orientation==="horizontal"?i.setAttribute("orientation","horizontal"):i.removeAttribute("orientation"),this.spacing==="group"?i.style.setProperty("--scb-checkbox-gap","0"):i.style.removeProperty("--scb-checkbox-gap")})}render(){const e=this.orientation==="horizontal"?"row":"column";return c`
       <div class="g" role="group" aria-disabled=${String(this.disabled)} style=${`--_dir:${e}`}>
         <slot @slotchange=${xo(this,er)}></slot>
       </div>
@@ -4248,12 +4248,12 @@ var ScbWcTest=function(a){"use strict";var Ss;function d(o,e,t,r){var i=argument
       display: block;
       width: 100%;
     }
-  `,as([l({type:String})],a.ScbSubDrawer.prototype,"label",2),a.ScbSubDrawer=as([g("scb-sub-drawer")],a.ScbSubDrawer);const zd=Object.freeze(Object.defineProperty({__proto__:null,get ScbSubDrawer(){return a.ScbSubDrawer}},Symbol.toStringTag,{value:"Module"}));var Td=Object.defineProperty,Od=Object.getOwnPropertyDescriptor,ai=(o,e,t,r)=>{for(var i=r>1?void 0:r?Od(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(i=(r?n(e,t,i):n(i))||i);return r&&i&&Td(e,t,i),i};a.ScbFactCardContent=class extends y{constructor(){super(...arguments),this.label="",this.subLabel="",this.supportingText=""}render(){return c`
-        ${this.label?c`
+  `,as([l({type:String})],a.ScbSubDrawer.prototype,"label",2),a.ScbSubDrawer=as([g("scb-sub-drawer")],a.ScbSubDrawer);const zd=Object.freeze(Object.defineProperty({__proto__:null,get ScbSubDrawer(){return a.ScbSubDrawer}},Symbol.toStringTag,{value:"Module"}));var Td=Object.defineProperty,Od=Object.getOwnPropertyDescriptor,ai=(o,e,t,r)=>{for(var i=r>1?void 0:r?Od(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(i=(r?n(e,t,i):n(i))||i);return r&&i&&Td(e,t,i),i};a.ScbFactCardContent=class extends y{constructor(){super(...arguments),this.title="",this.subtitle="",this.supportingText=""}render(){return c`
+        ${this.title?c`
         <div class="label">
-            ${this.label}
+            ${this.title}
         </div>`:""}
-        ${this.subLabel?c`<div class="sub-label">${this.subLabel}</div>`:""}
+        ${this.subtitle?c`<div class="sub-label">${this.subtitle}</div>`:""}
         ${this.supportingText?c`<div class="supporting-text">${this.supportingText}</div>`:""}
         <slot @slotchange=${this.requestUpdate}></slot>
         ${this._hasSlotContent()?c`<div class="content links"><slot></slot></div>`:""}
@@ -4286,12 +4286,12 @@ var ScbWcTest=function(a){"use strict";var Ss;function d(o,e,t,r){var i=argument
             letter-spacing: var(--md-sys-typescale-body-large-tracking);
         }
         .content.links ::slotted(*) {
-        margin-top: var(--spacing-3);
-        display: flex;
-        flex-direction: column;
-        gap: var(--spacing-3);
-    }
-    `,ai([l({type:String})],a.ScbFactCardContent.prototype,"label",2),ai([l({type:String,attribute:"sub-label"})],a.ScbFactCardContent.prototype,"subLabel",2),ai([l({type:String,attribute:"supporting-text"})],a.ScbFactCardContent.prototype,"supportingText",2),a.ScbFactCardContent=ai([g("scb-fact-card-content")],a.ScbFactCardContent);var Pd=Object.defineProperty,Ld=Object.getOwnPropertyDescriptor,te=(o,e,t,r)=>{for(var i=r>1?void 0:r?Ld(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(i=(r?n(e,t,i):n(i))||i);return r&&i&&Pd(e,t,i),i};a.ScbFactCard=class extends y{constructor(){super(...arguments),this.__onCloseClick=e=>{e.stopPropagation(),this.__setOpen(!1)},this.variant="filled",this.label="",this.subLabel="",this.supportingText="",this.icon="",this.showCloseButton=!1,this.open=!0,this.__lastTriggerEl=null,this.sizing="stretch",this.width="",this.maxWidth="",this.height="",this.maxHeight=""}static __handleDocClick(e){const t=e.composedPath();for(const r of t){if(!(r instanceof Element))continue;const i=r.getAttribute("data-fact-card-toggle")||r.getAttribute("aria-controls");if(!i)continue;const s=a.ScbFactCard.__instances.get(i);if(!s){a.ScbFactCard.__instances.delete(i);continue}s.__lastTriggerEl=r,s.__setOpen(!s.open),e.stopPropagation();break}}static __ensureDocListener(){a.ScbFactCard.__docListenerAttached||(document.addEventListener("click",a.ScbFactCard.__handleDocClick,!0),a.ScbFactCard.__docListenerAttached=!0)}static __maybeRemoveDocListener(){a.ScbFactCard.__docListenerAttached&&a.ScbFactCard.__instances.size===0&&(document.removeEventListener("click",a.ScbFactCard.__handleDocClick,!0),a.ScbFactCard.__docListenerAttached=!1)}connectedCallback(){super.connectedCallback(),this.id&&a.ScbFactCard.__instances.set(this.id,this),a.ScbFactCard.__ensureDocListener()}disconnectedCallback(){this.id&&a.ScbFactCard.__instances.delete(this.id),a.ScbFactCard.__maybeRemoveDocListener(),super.disconnectedCallback()}updated(e){e.has("open")&&this.__updateTriggersExpanded(),e.has("width")&&(this.width?this.style.inlineSize=this.width:this.style.removeProperty("inline-size")),e.has("maxWidth")&&(this.maxWidth?this.style.maxInlineSize=this.maxWidth:this.style.removeProperty("max-inline-size")),e.has("height")&&(this.height?this.style.blockSize=this.height:this.style.removeProperty("block-size")),e.has("maxHeight")&&(this.maxHeight?this.style.maxBlockSize=this.maxHeight:this.style.removeProperty("max-block-size"))}__updateTriggersExpanded(){this.id&&document.querySelectorAll(`[aria-controls="${this.id}"], [data-fact-card-toggle="${this.id}"]`).forEach(e=>{e.hasAttribute("aria-controls")&&e.setAttribute("aria-expanded",String(this.open))})}__setOpen(e){const t=this.open;this.open=e,e&&!t?this.dispatchEvent(new CustomEvent("open",{bubbles:!0,composed:!0})):!e&&t&&this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0}))}render(){if(!this.open)return c``;const e=this.variant==="outlined"?"outlined":"filled",t=!!this.icon;return c`
+          margin-top: var(--spacing-3);
+          display: flex;
+          flex-direction: column;
+          gap: var(--spacing-3);
+        }
+    `,ai([l({type:String,attribute:"title"})],a.ScbFactCardContent.prototype,"title",2),ai([l({type:String,attribute:"subtitle"})],a.ScbFactCardContent.prototype,"subtitle",2),ai([l({type:String,attribute:"supporting-text"})],a.ScbFactCardContent.prototype,"supportingText",2),a.ScbFactCardContent=ai([g("scb-fact-card-content")],a.ScbFactCardContent);var Pd=Object.defineProperty,Ld=Object.getOwnPropertyDescriptor,te=(o,e,t,r)=>{for(var i=r>1?void 0:r?Ld(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(i=(r?n(e,t,i):n(i))||i);return r&&i&&Pd(e,t,i),i};a.ScbFactCard=class extends y{constructor(){super(...arguments),this.__onCloseClick=e=>{e.stopPropagation(),this.__setOpen(!1)},this.variant="filled",this.title="",this.subtitle="",this.supportingText="",this.icon="",this.showCloseButton=!1,this.open=!0,this.__lastTriggerEl=null,this.sizing="stretch",this.width="",this.maxWidth="",this.height="",this.maxHeight=""}static __handleDocClick(e){const t=e.composedPath();for(const r of t){if(!(r instanceof Element))continue;const i=r.getAttribute("data-fact-card-toggle")||r.getAttribute("aria-controls");if(!i)continue;const s=a.ScbFactCard.__instances.get(i);if(!s){a.ScbFactCard.__instances.delete(i);continue}s.__lastTriggerEl=r,s.__setOpen(!s.open),e.stopPropagation();break}}static __ensureDocListener(){a.ScbFactCard.__docListenerAttached||(document.addEventListener("click",a.ScbFactCard.__handleDocClick,!0),a.ScbFactCard.__docListenerAttached=!0)}static __maybeRemoveDocListener(){a.ScbFactCard.__docListenerAttached&&a.ScbFactCard.__instances.size===0&&(document.removeEventListener("click",a.ScbFactCard.__handleDocClick,!0),a.ScbFactCard.__docListenerAttached=!1)}connectedCallback(){super.connectedCallback(),this.id&&a.ScbFactCard.__instances.set(this.id,this),a.ScbFactCard.__ensureDocListener()}disconnectedCallback(){this.id&&a.ScbFactCard.__instances.delete(this.id),a.ScbFactCard.__maybeRemoveDocListener(),super.disconnectedCallback()}updated(e){e.has("open")&&this.__updateTriggersExpanded(),e.has("width")&&(this.width?this.style.inlineSize=this.width:this.style.removeProperty("inline-size")),e.has("maxWidth")&&(this.maxWidth?this.style.maxInlineSize=this.maxWidth:this.style.removeProperty("max-inline-size")),e.has("height")&&(this.height?this.style.blockSize=this.height:this.style.removeProperty("block-size")),e.has("maxHeight")&&(this.maxHeight?this.style.maxBlockSize=this.maxHeight:this.style.removeProperty("max-block-size"))}__updateTriggersExpanded(){this.id&&document.querySelectorAll(`[aria-controls="${this.id}"], [data-fact-card-toggle="${this.id}"]`).forEach(e=>{e.hasAttribute("aria-controls")&&e.setAttribute("aria-expanded",String(this.open))})}__setOpen(e){const t=this.open;this.open=e,e&&!t?this.dispatchEvent(new CustomEvent("open",{bubbles:!0,composed:!0})):!e&&t&&this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0}))}render(){if(!this.open)return c``;const e=this.variant==="outlined"?"outlined":"filled",t=!!this.icon;return c`
       <div class="outer ${t?"has-icon":""}">
         ${t?c`<div class="icon-wrapper ${e}"><md-icon>${this.icon}</md-icon></div>`:""}
         <div class="scb-fact-card ${e} ${this.showCloseButton?"has-close":""}">
@@ -4422,7 +4422,7 @@ var ScbWcTest=function(a){"use strict";var Ss;function d(o,e,t,r){var i=argument
       overflow-wrap: normal;
       hyphens: auto;
     }
-  `,te([l({type:String})],a.ScbFactCard.prototype,"variant",2),te([l({type:String})],a.ScbFactCard.prototype,"label",2),te([l({type:String,attribute:"sub-label"})],a.ScbFactCard.prototype,"subLabel",2),te([l({type:String,attribute:"supporting-text"})],a.ScbFactCard.prototype,"supportingText",2),te([l({type:String})],a.ScbFactCard.prototype,"icon",2),te([l({type:Boolean,attribute:"show-close-button"})],a.ScbFactCard.prototype,"showCloseButton",2),te([l({type:Boolean,reflect:!0})],a.ScbFactCard.prototype,"open",2),te([l({type:String,reflect:!0})],a.ScbFactCard.prototype,"sizing",2),te([l({type:String,reflect:!0})],a.ScbFactCard.prototype,"width",2),te([l({type:String,reflect:!0,attribute:"max-width"})],a.ScbFactCard.prototype,"maxWidth",2),te([l({type:String,reflect:!0})],a.ScbFactCard.prototype,"height",2),te([l({type:String,reflect:!0,attribute:"max-height"})],a.ScbFactCard.prototype,"maxHeight",2),a.ScbFactCard=te([g("scb-fact-card")],a.ScbFactCard);var Dd=Object.defineProperty,Rd=Object.getOwnPropertyDescriptor,ss=(o,e,t,r)=>{for(var i=r>1?void 0:r?Rd(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(i=(r?n(e,t,i):n(i))||i);return r&&i&&Dd(e,t,i),i};a.ScbFooterSection=class extends y{constructor(){super(...arguments),this.title=""}render(){return c`<slot></slot>`}},a.ScbFooterSection.styles=b`
+  `,te([l({type:String})],a.ScbFactCard.prototype,"variant",2),te([l({type:String,attribute:"title"})],a.ScbFactCard.prototype,"title",2),te([l({type:String,attribute:"subtitle"})],a.ScbFactCard.prototype,"subtitle",2),te([l({type:String,attribute:"supporting-text"})],a.ScbFactCard.prototype,"supportingText",2),te([l({type:String})],a.ScbFactCard.prototype,"icon",2),te([l({type:Boolean,attribute:"show-close-button"})],a.ScbFactCard.prototype,"showCloseButton",2),te([l({type:Boolean,reflect:!0})],a.ScbFactCard.prototype,"open",2),te([l({type:String,reflect:!0})],a.ScbFactCard.prototype,"sizing",2),te([l({type:String,reflect:!0})],a.ScbFactCard.prototype,"width",2),te([l({type:String,reflect:!0,attribute:"max-width"})],a.ScbFactCard.prototype,"maxWidth",2),te([l({type:String,reflect:!0})],a.ScbFactCard.prototype,"height",2),te([l({type:String,reflect:!0,attribute:"max-height"})],a.ScbFactCard.prototype,"maxHeight",2),a.ScbFactCard=te([g("scb-fact-card")],a.ScbFactCard);var Dd=Object.defineProperty,Rd=Object.getOwnPropertyDescriptor,ss=(o,e,t,r)=>{for(var i=r>1?void 0:r?Rd(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(i=(r?n(e,t,i):n(i))||i);return r&&i&&Dd(e,t,i),i};a.ScbFooterSection=class extends y{constructor(){super(...arguments),this.title=""}render(){return c`<slot></slot>`}},a.ScbFooterSection.styles=b`
     :host { display: none; }
   `,ss([l({type:String,reflect:!0})],a.ScbFooterSection.prototype,"title",2),a.ScbFooterSection=ss([g("scb-footer-section")],a.ScbFooterSection);var Bd=Object.defineProperty,Md=Object.getOwnPropertyDescriptor,ns=o=>{throw TypeError(o)},re=(o,e,t,r)=>{for(var i=r>1?void 0:r?Md(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(i=(r?n(e,t,i):n(i))||i);return r&&i&&Bd(e,t,i),i},Fd=(o,e,t)=>e.has(o)||ns("Cannot "+t),Hd=(o,e,t)=>e.has(o)?ns("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(o):e.set(o,t),wt=(o,e,t)=>(Fd(o,e,"access private method"),t),qe,wo,tr;a.ScbGrid=class extends y{constructor(){super(...arguments),Hd(this,qe),this.colsCompact=4,this.colsMedium=8,this.colsExpanded=12,this.gap="",this.rowGap="",this.columnGap="",this.alignItems="stretch",this.justifyItems="stretch",this.paddingInline="",this.paddingBlock="",this.maxWidth="",this.autoRows=""}firstUpdated(){wt(this,qe,wo).call(this)}updated(){wt(this,qe,wo).call(this)}mapSpacingToken(e){if(!e)return;const t=String(e).trim();return/^\d+$/.test(t)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(t,10)))})`:t}parseGapShorthand(e){if(!e)return{};const t=e.trim().split(/\s+/);if(t.length===1){const r=this.mapSpacingToken(t[0]);return{row:r,col:r}}return{row:this.mapSpacingToken(t[0]),col:this.mapSpacingToken(t[1])}}render(){return c`<div class="grid"><slot></slot></div>`}},qe=new WeakSet,wo=function(){this.style.setProperty("--scb-grid-cols-compact",String(this.colsCompact)),this.style.setProperty("--scb-grid-cols-medium",String(this.colsMedium)),this.style.setProperty("--scb-grid-cols-expanded",String(this.colsExpanded));const o="var(--spacing-7, 24px)",e=this.parseGapShorthand(this.gap),t=this.mapSpacingToken(this.rowGap)??e.row??o,r=this.mapSpacingToken(this.columnGap)??e.col??o;this.style.setProperty("--scb-grid-row-gap",t),this.style.setProperty("--scb-grid-column-gap",r),this.style.setProperty("--scb-grid-gap",`${t} ${r}`),this.style.setProperty("--scb-grid-align-items",this.alignItems),this.style.setProperty("--scb-grid-justify-items",this.justifyItems);const i=this.mapSpacingToken(this.paddingInline),s=this.mapSpacingToken(this.paddingBlock);wt(this,qe,tr).call(this,"--scb-grid-max-width",this.maxWidth),wt(this,qe,tr).call(this,"--scb-grid-padding-inline",i??""),wt(this,qe,tr).call(this,"--scb-grid-padding-block",s??""),wt(this,qe,tr).call(this,"--scb-grid-auto-rows",this.autoRows)},tr=function(o,e){e?this.style.setProperty(o,e):this.style.removeProperty(o)},a.ScbGrid.styles=b`
   :host {
@@ -4738,9 +4738,17 @@ var ScbWcTest=function(a){"use strict";var Ss;function d(o,e,t,r){var i=argument
 
     .spacer { display: none; }
     @media (min-width: 840px) { .spacer { display: block; } }
-  `,rr([l({type:String,attribute:"max-width",reflect:!0,converter:{fromAttribute:o=>{if(o==null)return"1440px";const e=o.trim();return e===""?"1440px":/^\d+$/.test(e)?`${e}px`:e}}})],a.ScbFooter.prototype,"maxWidth",2),rr([l({type:Boolean,reflect:!0,attribute:"defer-paint"})],a.ScbFooter.prototype,"deferPaint",2),rr([l({type:Array})],a.ScbFooter.prototype,"sections",2),rr([l({type:String})],a.ScbFooter.prototype,"description",2),a.ScbFooter=rr([g("scb-footer")],a.ScbFooter);var Gd=Object.defineProperty,Kd=Object.getOwnPropertyDescriptor,vs=o=>{throw TypeError(o)},Oe=(o,e,t,r)=>{for(var i=r>1?void 0:r?Kd(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(i=(r?n(e,t,i):n(i))||i);return r&&i&&Gd(e,t,i),i},Yd=(o,e,t)=>e.has(o)||vs("Cannot "+t),Xd=(o,e,t)=>e.has(o)?vs("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(o):e.set(o,t),ms=(o,e,t)=>(Yd(o,e,"access private method"),t),si,Io;a.ScbStack=class extends y{constructor(){super(...arguments),Xd(this,si),this.direction="column",this.gap="",this.rowGap="",this.columnGap="",this.align="stretch",this.justify="start",this.wrap=!1,this.inline=!1}firstUpdated(){ms(this,si,Io).call(this)}updated(){ms(this,si,Io).call(this)}mapSpacingToken(e){if(!e)return;const t=String(e).trim();return/^\d+$/.test(t)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(t,10)))})`:t}parseGapShorthand(e){if(!e)return{};const t=e.trim().split(/\s+/);if(t.length===1){const r=this.mapSpacingToken(t[0]);return{row:r,col:r}}return{row:this.mapSpacingToken(t[0]),col:this.mapSpacingToken(t[1])}}render(){return c`<slot></slot>`}},si=new WeakSet,Io=function(){this.style.setProperty("--scb-stack-direction",this.direction);const o="var(--spacing-5, 16px)",e=this.parseGapShorthand(this.gap),t=this.mapSpacingToken(this.rowGap)??e.row??o,r=this.mapSpacingToken(this.columnGap)??e.col??o;this.style.setProperty("--scb-stack-gap",`${t}`),this.style.setProperty("--scb-stack-row-gap",t),this.style.setProperty("--scb-stack-column-gap",r);const i={start:"flex-start",center:"center",end:"flex-end",stretch:"stretch",baseline:"baseline"},s={start:"flex-start",center:"center",end:"flex-end",between:"space-between",around:"space-around",evenly:"space-evenly"};this.style.setProperty("--scb-stack-align",i[this.align]??"stretch"),this.style.setProperty("--scb-stack-justify",s[this.justify]??"flex-start"),this.style.setProperty("--scb-stack-wrap",this.wrap?"wrap":"nowrap")},a.ScbStack.styles=b`
+  `,rr([l({type:String,attribute:"max-width",reflect:!0,converter:{fromAttribute:o=>{if(o==null)return"1440px";const e=o.trim();return e===""?"1440px":/^\d+$/.test(e)?`${e}px`:e}}})],a.ScbFooter.prototype,"maxWidth",2),rr([l({type:Boolean,reflect:!0,attribute:"defer-paint"})],a.ScbFooter.prototype,"deferPaint",2),rr([l({type:Array})],a.ScbFooter.prototype,"sections",2),rr([l({type:String})],a.ScbFooter.prototype,"description",2),a.ScbFooter=rr([g("scb-footer")],a.ScbFooter);var Gd=Object.defineProperty,Kd=Object.getOwnPropertyDescriptor,vs=o=>{throw TypeError(o)},Oe=(o,e,t,r)=>{for(var i=r>1?void 0:r?Kd(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(i=(r?n(e,t,i):n(i))||i);return r&&i&&Gd(e,t,i),i},Yd=(o,e,t)=>e.has(o)||vs("Cannot "+t),Xd=(o,e,t)=>e.has(o)?vs("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(o):e.set(o,t),ms=(o,e,t)=>(Yd(o,e,"access private method"),t),si,Io;a.ScbStack=class extends y{constructor(){super(...arguments),Xd(this,si),this.direction="column",this.gap="",this.rowGap="",this.columnGap="",this.align="stretch",this.justify="start",this.wrap=!1,this.inline=!1}firstUpdated(){ms(this,si,Io).call(this)}updated(){ms(this,si,Io).call(this)}mapSpacingToken(e){if(!e)return;const t=String(e).trim();return/^\d+$/.test(t)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(t,10)))})`:t}parseGapShorthand(e){if(!e)return{};const t=e.trim().split(/\s+/);if(t.length===1){const r=this.mapSpacingToken(t[0]);return{row:r,col:r}}return{row:this.mapSpacingToken(t[0]),col:this.mapSpacingToken(t[1])}}render(){return c`<div class="base"><slot></slot></div>`}},si=new WeakSet,Io=function(){this.style.setProperty("--scb-stack-direction",this.direction);const o="var(--spacing-5, 16px)",e=this.parseGapShorthand(this.gap),t=this.mapSpacingToken(this.rowGap)??e.row??o,r=this.mapSpacingToken(this.columnGap)??e.col??o;this.style.setProperty("--scb-stack-gap",`${t}`),this.style.setProperty("--scb-stack-row-gap",t),this.style.setProperty("--scb-stack-column-gap",r);const i={start:"flex-start",center:"center",end:"flex-end",stretch:"stretch",baseline:"baseline"},s={start:"flex-start",center:"center",end:"flex-end",between:"space-between",around:"space-around",evenly:"space-evenly"};this.style.setProperty("--scb-stack-align",i[this.align]??"stretch"),this.style.setProperty("--scb-stack-justify",s[this.justify]??"flex-start"),this.style.setProperty("--scb-stack-wrap",this.wrap?"wrap":"nowrap")},a.ScbStack.styles=b`
     :host {
       box-sizing: border-box;
+      display: block;
+      width: auto;
+      max-width: 100%;
+      min-inline-size: 0;
+    }
+
+    /* Inre flexlayout så att gap även fungerar för slottat innehåll */
+    .base {
       display: var(--scb-stack-display, flex);
       flex-direction: var(--scb-stack-direction, column);
 
@@ -4751,14 +4759,14 @@ var ScbWcTest=function(a){"use strict";var Ss;function d(o,e,t,r){var i=argument
       align-items: var(--scb-stack-align, stretch);
       justify-content: var(--scb-stack-justify, flex-start);
       flex-wrap: var(--scb-stack-wrap, nowrap);
-
-      width: auto;
-      max-width: 100%;
-      min-inline-size: 0;
     }
-    :host([inline]) { --scb-stack-display: inline-flex; }
 
-    /* Barnens flex-beteende i rad-läge kan styras via variabeln och defaultar till att inte ta full bredd */
+    /* Gör att slotens tilldelade noder blir barn till .base */
+    slot { display: contents; }
+
+    :host([inline]) .base { --scb-stack-display: inline-flex; }
+
+    /* Barnens flex-beteende i row-läge kan styras via variabeln och defaultar till att inte ta full bredd */
     :host([direction="row"]) ::slotted(*) {
       flex: var(--scb-stack-item-flex, 0 0 auto);
     }
@@ -5161,12 +5169,12 @@ var ScbWcTest=function(a){"use strict";var Ss;function d(o,e,t,r){var i=argument
       gap: var(--spacing-5);
     }
 
-  `,Ct([l({type:String,reflect:!0})],a.ScbHorizontalScroller.prototype,"variant",2),Ct([l({type:String,reflect:!0})],a.ScbHorizontalScroller.prototype,"width",2),Ct([l({type:Boolean,reflect:!0,attribute:"show-scrollbar"})],a.ScbHorizontalScroller.prototype,"showScrollbar",2),Ct([l({type:String,reflect:!0,attribute:"right-scroll-button-label"})],a.ScbHorizontalScroller.prototype,"rightScrollButtonLabel",2),Ct([l({type:String,reflect:!0,attribute:"left-scroll-button-label"})],a.ScbHorizontalScroller.prototype,"leftScrollButtonLabel",2),a.ScbHorizontalScroller=Ct([g("scb-horizontal-scroller")],a.ScbHorizontalScroller);var ch=Object.defineProperty,dh=Object.getOwnPropertyDescriptor,ie=(o,e,t,r)=>{for(var i=r>1?void 0:r?dh(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(i=(r?n(e,t,i):n(i))||i);return r&&i&&ch(e,t,i),i};a.ScbKeyFigureCard=class extends y{constructor(){super(...arguments),this.keyfigure=0,this.subLabel="",this.supportingText="",this.cardHref="",this.icon="",this.size="standard",this.unit="",this.width="",this.maxWidth="",this.height="",this.maxHeight="",this.sizing="stretch",this.__onKeyDown=e=>{(e.key==="Enter"||e.key===" ")&&this.cardHref&&(e.preventDefault(),window.location.href=this.cardHref)},this.__handleHrefNavigation=e=>{this.cardHref&&(e.target.closest("a")||(window.location.href=this.cardHref))}}formatNumber(e){if(typeof e=="number")return e.toLocaleString("sv-SE").replace(/\u00A0/g," ");const t=Number(e);return Number.isNaN(t)?String(e):t.toLocaleString("sv-SE").replace(/\u00A0/g," ")}render(){const e=!!this.cardHref,t=this.formatNumber(this.keyfigure),r=(this.unit||"").trim(),i=r?`${t} ${r}`:t;return c`
+  `,Ct([l({type:String,reflect:!0})],a.ScbHorizontalScroller.prototype,"variant",2),Ct([l({type:String,reflect:!0})],a.ScbHorizontalScroller.prototype,"width",2),Ct([l({type:Boolean,reflect:!0,attribute:"show-scrollbar"})],a.ScbHorizontalScroller.prototype,"showScrollbar",2),Ct([l({type:String,reflect:!0,attribute:"right-scroll-button-label"})],a.ScbHorizontalScroller.prototype,"rightScrollButtonLabel",2),Ct([l({type:String,reflect:!0,attribute:"left-scroll-button-label"})],a.ScbHorizontalScroller.prototype,"leftScrollButtonLabel",2),a.ScbHorizontalScroller=Ct([g("scb-horizontal-scroller")],a.ScbHorizontalScroller);var ch=Object.defineProperty,dh=Object.getOwnPropertyDescriptor,ie=(o,e,t,r)=>{for(var i=r>1?void 0:r?dh(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(i=(r?n(e,t,i):n(i))||i);return r&&i&&ch(e,t,i),i};a.ScbKeyFigureCard=class extends y{constructor(){super(...arguments),this.keyfigure=0,this.subtitle="",this.supportingText="",this.cardHref="",this.icon="",this.size="standard",this.unit="",this.width="",this.maxWidth="",this.height="",this.maxHeight="",this.sizing="stretch",this.__onKeyDown=e=>{(e.key==="Enter"||e.key===" ")&&this.cardHref&&(e.preventDefault(),window.location.href=this.cardHref)},this.__handleHrefNavigation=e=>{this.cardHref&&(e.target.closest("a")||(window.location.href=this.cardHref))}}formatNumber(e){if(typeof e=="number")return e.toLocaleString("sv-SE").replace(/\u00A0/g," ");const t=Number(e);return Number.isNaN(t)?String(e):t.toLocaleString("sv-SE").replace(/\u00A0/g," ")}render(){const e=!!this.cardHref,t=this.formatNumber(this.keyfigure),r=(this.unit||"").trim(),i=r?`${t} ${r}`:t;return c`
       <div
         class="scb-keyfigure-card ${e?"clickable":""} ${this.size}"
         role=${e?"link":"group"}
         tabindex=${e?"0":"-1"}
-        aria-label=${this.subLabel||i}
+        aria-label=${this.subtitle||i}
         @click=${e?this.__handleHrefNavigation:null}
         @keydown=${e?this.__onKeyDown:null}
         style="cursor:${e?"pointer":"default"};"
@@ -5183,9 +5191,9 @@ var ScbWcTest=function(a){"use strict";var Ss;function d(o,e,t,r){var i=argument
           </div>
         `:""}
 
-        ${this.subLabel?c`
+        ${this.subtitle?c`
           <div class="sub-label">
-            ${e?c`<a href="${this.cardHref}" tabindex="-1">${this.subLabel}</a>`:this.subLabel}
+            ${e?c`<a href="${this.cardHref}" tabindex="-1">${this.subtitle}</a>`:this.subtitle}
           </div>
         `:""}
 
@@ -5297,7 +5305,7 @@ var ScbWcTest=function(a){"use strict";var Ss;function d(o,e,t,r){var i=argument
       line-height: var(--md-sys-typescale-display-medium-line-height);
       letter-spacing: var(--md-sys-typescale-display-medium-tracking);
     }
-  `,ie([l({attribute:"keyfigure"})],a.ScbKeyFigureCard.prototype,"keyfigure",2),ie([l({type:String,attribute:"sub-label"})],a.ScbKeyFigureCard.prototype,"subLabel",2),ie([l({type:String,attribute:"supporting-text"})],a.ScbKeyFigureCard.prototype,"supportingText",2),ie([l({type:String,attribute:"card-href"})],a.ScbKeyFigureCard.prototype,"cardHref",2),ie([l({type:String})],a.ScbKeyFigureCard.prototype,"icon",2),ie([l({type:String})],a.ScbKeyFigureCard.prototype,"size",2),ie([l({type:String})],a.ScbKeyFigureCard.prototype,"unit",2),ie([l({type:String,reflect:!0})],a.ScbKeyFigureCard.prototype,"width",2),ie([l({type:String,reflect:!0,attribute:"max-width"})],a.ScbKeyFigureCard.prototype,"maxWidth",2),ie([l({type:String,reflect:!0})],a.ScbKeyFigureCard.prototype,"height",2),ie([l({type:String,reflect:!0,attribute:"max-height"})],a.ScbKeyFigureCard.prototype,"maxHeight",2),ie([l({type:String,reflect:!0})],a.ScbKeyFigureCard.prototype,"sizing",2),a.ScbKeyFigureCard=ie([g("scb-keyfigure-card")],a.ScbKeyFigureCard);var hh=Object.defineProperty,ph=Object.getOwnPropertyDescriptor,Ue=(o,e,t,r)=>{for(var i=r>1?void 0:r?ph(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(i=(r?n(e,t,i):n(i))||i);return r&&i&&hh(e,t,i),i};a.ScbMenuItem=class extends y{constructor(){super(...arguments),this.label="",this.hasSubMenu=!1,this.openLeft=!1,this.divider=!1,this.leadingIcon="",this.trailingIcon="",this.itemHref="",this.handleClick=e=>{this.itemHref?this._navigateToHref(e):this._toggleSubMenu()},this._onBlur=e=>{const t=this.closest("scb-sub-menu");if(t&&t.open){const r=e.relatedTarget;(!r||!t.contains(r))&&t.dispatchEvent(new CustomEvent("hide-submenu",{bubbles:!0,composed:!0}))}},this._onFocus=()=>{const e=this.nextElementSibling;this.classList.contains("open-submenu")&&(e&&e.tagName==="SCB-SUB-MENU"&&e.hasAttribute("open")||this.classList.remove("open-submenu"))},this._onKeyDown=e=>{var t,r,i,s,n,h;if(e.key==="Enter"||e.key===" "){e.preventDefault(),this.handleClick(e);return}if(e.key==="ArrowDown"){e.preventDefault();let p=this.nextElementSibling;for(;p&&p.tagName!=="SCB-MENU-ITEM";)p=p.nextElementSibling;p&&((r=(t=p.shadowRoot)==null?void 0:t.querySelector("li"))==null||r.focus());return}if(e.key==="ArrowUp"){e.preventDefault();let p=this.previousElementSibling;for(;p&&p.tagName!=="SCB-MENU-ITEM";)p=p.previousElementSibling;p&&((s=(i=p.shadowRoot)==null?void 0:i.querySelector("li"))==null||s.focus());return}if(e.key==="ArrowRight"){e.preventDefault();const p=this.nextElementSibling;p&&p.tagName==="SCB-SUB-MENU"&&(p.hasAttribute("open")||(this._toggleSubMenu(),p.dispatchEvent(new CustomEvent("show-submenu",{bubbles:!0,composed:!0}))),setTimeout(()=>{var f,m;const v=p.querySelector("scb-menu-item");v&&((m=(f=v.shadowRoot)==null?void 0:f.querySelector("li"))==null||m.focus())},0));return}if(e.key==="ArrowLeft"){e.preventDefault();const p=this.nextElementSibling;if(p&&p.tagName==="SCB-SUB-MENU"&&p.hasAttribute("open")){this._toggleSubMenu(),p.dispatchEvent(new CustomEvent("hide-submenu",{bubbles:!0,composed:!0}));return}const v=this.closest("scb-sub-menu");if(v){const f=v.previousElementSibling;f&&f.tagName==="SCB-MENU-ITEM"&&((h=(n=f.shadowRoot)==null?void 0:n.querySelector("li"))==null||h.focus())}return}}}updated(){const e=this.nextElementSibling;this.hasSubMenu=!!(e&&e.tagName==="SCB-SUB-MENU"),this.openLeft=!!(this.hasSubMenu&&e&&e.hasAttribute("open-left"))}render(){return c`
+  `,ie([l({attribute:"keyfigure"})],a.ScbKeyFigureCard.prototype,"keyfigure",2),ie([l({type:String,attribute:"subtitle"})],a.ScbKeyFigureCard.prototype,"subtitle",2),ie([l({type:String,attribute:"supporting-text"})],a.ScbKeyFigureCard.prototype,"supportingText",2),ie([l({type:String,attribute:"card-href"})],a.ScbKeyFigureCard.prototype,"cardHref",2),ie([l({type:String})],a.ScbKeyFigureCard.prototype,"icon",2),ie([l({type:String})],a.ScbKeyFigureCard.prototype,"size",2),ie([l({type:String})],a.ScbKeyFigureCard.prototype,"unit",2),ie([l({type:String,reflect:!0})],a.ScbKeyFigureCard.prototype,"width",2),ie([l({type:String,reflect:!0,attribute:"max-width"})],a.ScbKeyFigureCard.prototype,"maxWidth",2),ie([l({type:String,reflect:!0})],a.ScbKeyFigureCard.prototype,"height",2),ie([l({type:String,reflect:!0,attribute:"max-height"})],a.ScbKeyFigureCard.prototype,"maxHeight",2),ie([l({type:String,reflect:!0})],a.ScbKeyFigureCard.prototype,"sizing",2),a.ScbKeyFigureCard=ie([g("scb-keyfigure-card")],a.ScbKeyFigureCard);var hh=Object.defineProperty,ph=Object.getOwnPropertyDescriptor,Ue=(o,e,t,r)=>{for(var i=r>1?void 0:r?ph(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(i=(r?n(e,t,i):n(i))||i);return r&&i&&hh(e,t,i),i};a.ScbMenuItem=class extends y{constructor(){super(...arguments),this.label="",this.hasSubMenu=!1,this.openLeft=!1,this.divider=!1,this.leadingIcon="",this.trailingIcon="",this.itemHref="",this.handleClick=e=>{this.itemHref?this._navigateToHref(e):this._toggleSubMenu()},this._onBlur=e=>{const t=this.closest("scb-sub-menu");if(t&&t.open){const r=e.relatedTarget;(!r||!t.contains(r))&&t.dispatchEvent(new CustomEvent("hide-submenu",{bubbles:!0,composed:!0}))}},this._onFocus=()=>{const e=this.nextElementSibling;this.classList.contains("open-submenu")&&(e&&e.tagName==="SCB-SUB-MENU"&&e.hasAttribute("open")||this.classList.remove("open-submenu"))},this._onKeyDown=e=>{var t,r,i,s,n,h;if(e.key==="Enter"||e.key===" "){e.preventDefault(),this.handleClick(e);return}if(e.key==="ArrowDown"){e.preventDefault();let p=this.nextElementSibling;for(;p&&p.tagName!=="SCB-MENU-ITEM";)p=p.nextElementSibling;p&&((r=(t=p.shadowRoot)==null?void 0:t.querySelector("li"))==null||r.focus());return}if(e.key==="ArrowUp"){e.preventDefault();let p=this.previousElementSibling;for(;p&&p.tagName!=="SCB-MENU-ITEM";)p=p.previousElementSibling;p&&((s=(i=p.shadowRoot)==null?void 0:i.querySelector("li"))==null||s.focus());return}if(e.key==="ArrowRight"){e.preventDefault();const p=this.nextElementSibling;p&&p.tagName==="SCB-SUB-MENU"&&(p.hasAttribute("open")||(this._toggleSubMenu(),p.dispatchEvent(new CustomEvent("show-submenu",{bubbles:!0,composed:!0}))),setTimeout(()=>{var f,m;const v=p.querySelector("scb-menu-item");v&&((m=(f=v.shadowRoot)==null?void 0:f.querySelector("li"))==null||m.focus())},0));return}if(e.key==="ArrowLeft"){e.preventDefault();const p=this.nextElementSibling;if(p&&p.tagName==="SCB-SUB-MENU"&&p.hasAttribute("open")){this._toggleSubMenu(),p.dispatchEvent(new CustomEvent("hide-submenu",{bubbles:!0,composed:!0}));return}const v=this.closest("scb-sub-menu");if(v){const f=v.previousElementSibling;f&&f.tagName==="SCB-MENU-ITEM"&&((h=(n=f.shadowRoot)==null?void 0:n.querySelector("li"))==null||h.focus())}return}}}updated(){const e=this.nextElementSibling;this.hasSubMenu=!!(e&&e.tagName==="SCB-SUB-MENU"),this.openLeft=!!(this.hasSubMenu&&e&&e.hasAttribute("open-left"))}render(){return c`
       ${this.divider?c`<scb-divider></scb-divider>`:""}
   <li @click=${this.handleClick} @keydown=${this._onKeyDown} @blur=${this._onBlur} @focus=${this._onFocus} role="menuitem" tabindex="0">