scb-wc-test 0.1.11 → 0.1.13

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

@@ -1,5 +1,5 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["../scb-textfield/scb-textfield.js","../../vendor/preload-helper.js","../../vendor/vendor.js","../scb-checkbox/scb-checkbox.js","../../vendor/vendor-material.js","../scb-radio-button/scb-radio-button.js","../scb-switch/scb-switch.js","../scb-chips/scb-chip.js","../scb-button/scb-button.js","../scb-icon-button/scb-icon-button.js"])))=>i.map(i=>d[i]);
-import{_ as d}from"../../vendor/preload-helper.js";import{b as h,n,i as m,E as p,x as a,t as _}from"../../vendor/vendor.js";(function(){try{var t=typeof globalThis<"u"?globalThis:window;if(!t.__scb_ce_guard_installed__){t.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(o,c,r){try{customElements.get(o)||e(o,c,r)}catch(u){var l=String(u||"");if(l.indexOf("already been used")===-1&&l.indexOf("NotSupportedError")===-1)throw u}}}}catch{}})();var b=Object.defineProperty,f=Object.getOwnPropertyDescriptor,s=(t,e,o,c)=>{for(var r=c>1?void 0:c?f(e,o):e,l=t.length-1,u;l>=0;l--)(u=t[l])&&(r=(c?u(e,o,r):u(r))||r);return c&&r&&b(e,o,r),r};let i=class extends m{constructor(){super(...arguments),this.open=!1,this.inSb=!1,this.scrimClose=!0,this.variant="basic",this.label="",this.icon="",this.supportingText="",this.okButton="OK",this.cancelButton="Avbryt",this.deleteButton="Delete",this.confirmButton="Ta bort",this.denyButton="Avbryt",this.resetButton="Återställ",this.submitButton="Spara",this.formId="",this.formAction="",this.formMethod="",this.__lastTriggerEl=null,this.__slotDeps={"SCB-TEXTFIELD":()=>d(()=>import("../scb-textfield/scb-textfield.js"),__vite__mapDeps([0,1,2]),import.meta.url),"SCB-CHECKBOX":()=>d(()=>import("../scb-checkbox/scb-checkbox.js"),__vite__mapDeps([3,2,4]),import.meta.url),"SCB-RADIO-BUTTON":()=>d(()=>import("../scb-radio-button/scb-radio-button.js"),__vite__mapDeps([5,2,4]),import.meta.url),"SCB-SWITCH":()=>d(()=>import("../scb-switch/scb-switch.js"),__vite__mapDeps([6,1,2]),import.meta.url),"SCB-CHIP":()=>d(()=>import("../scb-chips/scb-chip.js"),__vite__mapDeps([7,1,2]),import.meta.url)},this.__onDocumentClick=t=>{this.__getActionFromEvent(t)==="toggle"&&(this.__setOpen(!this.open),t.stopPropagation())},this.__onDocumentKeydown=t=>{this.open&&t.key==="Escape"&&(this.__fire("esc"),this.__setOpen(!1))},this.__onScrimClick=()=>{this.scrimClose&&(this.__fire("scrim"),this.__setOpen(!1))},this.__onOk=()=>{this.__fire("ok"),this.__setOpen(!1)},this.__onCancel=()=>{this.__fire("cancel"),this.__setOpen(!1)},this.__onConfirm=()=>{this.__fire("confirm"),this.__setOpen(!1)},this.__onDeny=()=>{this.__fire("deny"),this.__setOpen(!1)},this.__onReset=()=>{this.shadowRoot?.querySelector("form")?.reset(),(this.shadowRoot?.querySelector("slot")?.assignedElements({flatten:!0})??[]).forEach(e=>{const o=e.tagName;o==="SCB-TEXTFIELD"&&(e.value=""),o==="SCB-CHECKBOX"&&(e.checked=!1),o==="SCB-RADIO-BUTTON"&&(e.checked=!1),o==="SCB-SWITCH"&&(e.selected=!1),o==="SCB-CHIP"&&(e.selected=!1)}),this.__fire("reset")},this.__onSubmit=()=>{this.shadowRoot?.querySelector("form")?.requestSubmit(),this.__fire("submit"),this.__setOpen(!1)},this.__onKeydownTrap=t=>{if(!this.open||t.key!=="Tab")return;const e=Array.from(this.shadowRoot.querySelectorAll('button,[href],input,select,textarea,[tabindex]:not([tabindex="-1"])')).filter(r=>!r.hasAttribute("disabled"));if(!e.length)return;const o=e[0],c=e[e.length-1];t.shiftKey&&document.activeElement===o?(c.focus(),t.preventDefault()):!t.shiftKey&&document.activeElement===c&&(o.focus(),t.preventDefault())}}async firstUpdated(){await d(()=>import("../scb-button/scb-button.js"),__vite__mapDeps([8,1,2]),import.meta.url),await d(()=>import("../scb-icon-button/scb-icon-button.js"),__vite__mapDeps([9,1,2]),import.meta.url),this.icon&&await d(()=>import("../../vendor/vendor-material.js").then(t=>t.i),__vite__mapDeps([4,2]),import.meta.url),await this.__ensureSlottedDeps()}async __ensureSlottedDeps(){const t=this.shadowRoot?.querySelector("slot");if(!t)return;const e=async o=>{const c=new Set(o.map(r=>r.tagName));for(const r of c){const l=this.__slotDeps[r];l&&await l()}};await e(t.assignedElements({flatten:!0})),t.addEventListener("slotchange",async()=>e(t.assignedElements({flatten:!0})))}__getActionFromEvent(t){if(!this.id)return null;for(const e of t.composedPath())if(e instanceof Element){if(e.getAttribute("data-dialog-toggle")===this.id)return this.__lastTriggerEl=e,"toggle";if(e.getAttribute("aria-controls")===this.id)return this.__lastTriggerEl=e,"toggle"}return null}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this.__onDocumentClick,!1),document.addEventListener("keydown",this.__onDocumentKeydown,!0),this.addEventListener("keydown",this.__onKeydownTrap)}disconnectedCallback(){document.removeEventListener("click",this.__onDocumentClick,!1),document.removeEventListener("keydown",this.__onDocumentKeydown,!0),this.removeEventListener("keydown",this.__onKeydownTrap),super.disconnectedCallback()}updated(t){if(t.has("open")){const e=t.get("open");this.__updateTriggersExpanded(),this.open&&!e?this.updateComplete.then(()=>{this.shadowRoot?.querySelector('button,[href],input,select,textarea,[tabindex]:not([tabindex="-1"])')?.focus?.()}):!this.open&&e&&this.__lastTriggerEl?.focus?.(),this.__toggleScrollLock(this.open)}t.has("icon")&&this.icon&&d(()=>import("../../vendor/vendor-material.js").then(e=>e.i),__vite__mapDeps([4,2]),import.meta.url)}__updateTriggersExpanded(){this.id&&document.querySelectorAll(`[aria-controls="${this.id}"], [data-dialog-toggle="${this.id}"]`).forEach(t=>{t.hasAttribute("aria-controls")&&t.setAttribute("aria-expanded",String(this.open))})}__toggleScrollLock(t){if(this.inSb)return;const e=document.documentElement;e.style.overflow=t?"hidden":""}__setOpen(t){this.open=t,this.__fire(t?"open":"close")}__fire(t,e){this.dispatchEvent(new CustomEvent(t,{detail:e,bubbles:!0,composed:!0}))}__slotIsEmpty(){const t=this.shadowRoot?.querySelector("slot");return t?t.assignedElements({flatten:!0}).length===0:!0}renderHeader(t){const e=this.variant==="form"||this.variant==="floating";return a`
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["../scb-textfield/scb-textfield.js","../../vendor/preload-helper.js","../../vendor/vendor.js","../scb-checkbox/scb-checkbox.js","../../vendor/vendor-material.js","../scb-radio-button/scb-radio-button.js","../scb-switch/scb-switch.js","../scb-chips/scb-chip.js","../scb-button/scb-button.js","../scb-icon-button/scb-icon-button.js","../scb-tooltip/scb-tooltip.js"])))=>i.map(i=>d[i]);
+import{_ as d}from"../../vendor/preload-helper.js";import{a as h,n,i as m,E as p,x as a,t as _}from"../../vendor/vendor.js";(function(){try{var t=typeof globalThis<"u"?globalThis:window;if(!t.__scb_ce_guard_installed__){t.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(o,c,r){try{customElements.get(o)||e(o,c,r)}catch(u){var l=String(u||"");if(l.indexOf("already been used")===-1&&l.indexOf("NotSupportedError")===-1)throw u}}}}catch{}})();var b=Object.defineProperty,f=Object.getOwnPropertyDescriptor,s=(t,e,o,c)=>{for(var r=c>1?void 0:c?f(e,o):e,l=t.length-1,u;l>=0;l--)(u=t[l])&&(r=(c?u(e,o,r):u(r))||r);return c&&r&&b(e,o,r),r};let i=class extends m{constructor(){super(...arguments),this.open=!1,this.inSb=!1,this.scrimClose=!0,this.variant="basic",this.label="",this.icon="",this.supportingText="",this.okButton="OK",this.cancelButton="Avbryt",this.deleteButton="Delete",this.confirmButton="Ta bort",this.denyButton="Avbryt",this.resetButton="Återställ",this.submitButton="Spara",this.formId="",this.formAction="",this.formMethod="",this.__lastTriggerEl=null,this.__slotDeps={"SCB-TEXTFIELD":()=>d(()=>import("../scb-textfield/scb-textfield.js"),__vite__mapDeps([0,1,2]),import.meta.url),"SCB-CHECKBOX":()=>d(()=>import("../scb-checkbox/scb-checkbox.js"),__vite__mapDeps([3,2,4]),import.meta.url),"SCB-RADIO-BUTTON":()=>d(()=>import("../scb-radio-button/scb-radio-button.js"),__vite__mapDeps([5,2,4]),import.meta.url),"SCB-SWITCH":()=>d(()=>import("../scb-switch/scb-switch.js"),__vite__mapDeps([6,1,2]),import.meta.url),"SCB-CHIP":()=>d(()=>import("../scb-chips/scb-chip.js"),__vite__mapDeps([7,1,2]),import.meta.url)},this.__onDocumentClick=t=>{this.__getActionFromEvent(t)==="toggle"&&(this.__setOpen(!this.open),t.stopPropagation())},this.__onDocumentKeydown=t=>{this.open&&t.key==="Escape"&&(this.__fire("esc"),this.__setOpen(!1))},this.__onScrimClick=()=>{this.scrimClose&&(this.__fire("scrim"),this.__setOpen(!1))},this.__onOk=()=>{this.__fire("ok"),this.__setOpen(!1)},this.__onCancel=()=>{this.__fire("cancel"),this.__setOpen(!1)},this.__onConfirm=()=>{this.__fire("confirm"),this.__setOpen(!1)},this.__onDeny=()=>{this.__fire("deny"),this.__setOpen(!1)},this.__onReset=()=>{this.shadowRoot?.querySelector("form")?.reset(),(this.shadowRoot?.querySelector("slot")?.assignedElements({flatten:!0})??[]).forEach(e=>{const o=e.tagName;o==="SCB-TEXTFIELD"&&(e.value=""),o==="SCB-CHECKBOX"&&(e.checked=!1),o==="SCB-RADIO-BUTTON"&&(e.checked=!1),o==="SCB-SWITCH"&&(e.selected=!1),o==="SCB-CHIP"&&(e.selected=!1)}),this.__fire("reset")},this.__onSubmit=()=>{this.shadowRoot?.querySelector("form")?.requestSubmit(),this.__fire("submit"),this.__setOpen(!1)},this.__onKeydownTrap=t=>{if(!this.open||t.key!=="Tab")return;const e=Array.from(this.shadowRoot.querySelectorAll('button,[href],input,select,textarea,[tabindex]:not([tabindex="-1"])')).filter(r=>!r.hasAttribute("disabled"));if(!e.length)return;const o=e[0],c=e[e.length-1];t.shiftKey&&document.activeElement===o?(c.focus(),t.preventDefault()):!t.shiftKey&&document.activeElement===c&&(o.focus(),t.preventDefault())}}async firstUpdated(){await d(()=>import("../scb-button/scb-button.js"),__vite__mapDeps([8,1,2]),import.meta.url),await d(()=>import("../scb-icon-button/scb-icon-button.js"),__vite__mapDeps([9,1,2,4,10,8]),import.meta.url),this.icon&&await d(()=>import("../../vendor/vendor-material.js").then(t=>t.i),__vite__mapDeps([4,2]),import.meta.url),await this.__ensureSlottedDeps()}async __ensureSlottedDeps(){const t=this.shadowRoot?.querySelector("slot");if(!t)return;const e=async o=>{const c=new Set(o.map(r=>r.tagName));for(const r of c){const l=this.__slotDeps[r];l&&await l()}};await e(t.assignedElements({flatten:!0})),t.addEventListener("slotchange",async()=>e(t.assignedElements({flatten:!0})))}__getActionFromEvent(t){if(!this.id)return null;for(const e of t.composedPath())if(e instanceof Element){if(e.getAttribute("data-dialog-toggle")===this.id)return this.__lastTriggerEl=e,"toggle";if(e.getAttribute("aria-controls")===this.id)return this.__lastTriggerEl=e,"toggle"}return null}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this.__onDocumentClick,!1),document.addEventListener("keydown",this.__onDocumentKeydown,!0),this.addEventListener("keydown",this.__onKeydownTrap)}disconnectedCallback(){document.removeEventListener("click",this.__onDocumentClick,!1),document.removeEventListener("keydown",this.__onDocumentKeydown,!0),this.removeEventListener("keydown",this.__onKeydownTrap),super.disconnectedCallback()}updated(t){if(t.has("open")){const e=t.get("open");this.__updateTriggersExpanded(),this.open&&!e?this.updateComplete.then(()=>{this.shadowRoot?.querySelector('button,[href],input,select,textarea,[tabindex]:not([tabindex="-1"])')?.focus?.()}):!this.open&&e&&this.__lastTriggerEl?.focus?.(),this.__toggleScrollLock(this.open)}t.has("icon")&&this.icon&&d(()=>import("../../vendor/vendor-material.js").then(e=>e.i),__vite__mapDeps([4,2]),import.meta.url)}__updateTriggersExpanded(){this.id&&document.querySelectorAll(`[aria-controls="${this.id}"], [data-dialog-toggle="${this.id}"]`).forEach(t=>{t.hasAttribute("aria-controls")&&t.setAttribute("aria-expanded",String(this.open))})}__toggleScrollLock(t){if(this.inSb)return;const e=document.documentElement;e.style.overflow=t?"hidden":""}__setOpen(t){this.open=t,this.__fire(t?"open":"close")}__fire(t,e){this.dispatchEvent(new CustomEvent(t,{detail:e,bubbles:!0,composed:!0}))}__slotIsEmpty(){const t=this.shadowRoot?.querySelector("slot");return t?t.assignedElements({flatten:!0}).length===0:!0}renderHeader(t){const e=this.variant==="form"||this.variant==="floating";return a`
       <div class="header">
         <div class="title">
           ${this.icon?a`<md-icon class="dialog-icon">${this.icon}</md-icon>`:p}

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

@@ -1,53 +1,43 @@
-import{b as l,n as d,i as p,x as v,t as h}from"../../vendor/vendor.js";(function(){try{var a=typeof globalThis<"u"?globalThis:window;if(!a.__scb_ce_guard_installed__){a.__scb_ce_guard_installed__=!0;var i=customElements.define.bind(customElements);customElements.define=function(e,r,t){try{customElements.get(e)||i(e,r,t)}catch(n){var o=String(n||"");if(o.indexOf("already been used")===-1&&o.indexOf("NotSupportedError")===-1)throw n}}}}catch{}})();var u=Object.defineProperty,b=Object.getOwnPropertyDescriptor,c=(a,i,e,r)=>{for(var t=r>1?void 0:r?b(i,e):i,o=a.length-1,n;o>=0;o--)(n=a[o])&&(t=(r?n(i,e,t):n(t))||t);return r&&t&&u(i,e,t),t};let s=class extends p{constructor(){super(...arguments),this.variant="thin",this.direction="horizontal",this.inset="both"}render(){return v`
-      <div class="scb-divider"
-        variant=${this.variant}
-        direction=${this.direction}
-      ></div>
-    `}};s.styles=[l`
-      :host {
-        content: '';
-        display: block;
-        border-top: 1px solid var(--md-sys-color-outline-variant);
-        width: 100%;
-      }
-
-      :host([variant="bold"]) {
-        border-top: 1px solid var(--md-sys-color-outline);
-      }
-      :host([direction="vertical"]) {
-        border-top: none;
-        border-left: 1px solid var(--md-sys-color-outline-variant);
-        height: calc(100% - 20px);
-        margin: 10px;
-        width: 2px;
-      }
-
-      :host([variant="bold"][direction="vertical"]) {
-        border-left: 1px solid var(--md-sys-color-outline);
-      }
-
-
-      // // // :host([inset="both"]:not([direction="vertical"])) {
-      // // //   margin: 0 32px;
-      // // // }
-
-      // // // :host([inset="start"]:not([direction="vertical"])) {
-      // // //   margin-left: 32px;
-      // // // }
-
-      // // // :host([inset="end"]:not([direction="vertical"])) {
-      // // //   margin-right: 32px;
-      // // // }
-
-      // // // :host([inset="both"][direction="vertical"]) {
-      // // //   margin: 32px 0;
-      // // // }
-
-      // // // :host([inset="start"][direction="vertical"]) {
-      // // //   margin-top: 32px;
-      // // // }
-
-      // // // :host([inset="end"][direction="vertical"]) {
-      // // //   margin-bottom: 32px;
-      // // // }
-    `];c([d({type:String,reflect:!0})],s.prototype,"variant",2);c([d({type:String,reflect:!0})],s.prototype,"direction",2);c([d({type:String,reflect:!0})],s.prototype,"inset",2);s=c([h("scb-divider")],s);
+import{a as d,n as l,i as v,x as p,t as b}from"../../vendor/vendor.js";(function(){try{var a=typeof globalThis<"u"?globalThis:window;if(!a.__scb_ce_guard_installed__){a.__scb_ce_guard_installed__=!0;var r=customElements.define.bind(customElements);customElements.define=function(i,n,e){try{customElements.get(i)||r(i,n,e)}catch(s){var o=String(s||"");if(o.indexOf("already been used")===-1&&o.indexOf("NotSupportedError")===-1)throw s}}}}catch{}})();var h=Object.defineProperty,g=Object.getOwnPropertyDescriptor,c=(a,r,i,n)=>{for(var e=n>1?void 0:n?g(r,i):r,o=a.length-1,s;o>=0;o--)(s=a[o])&&(e=(n?s(r,i,e):s(e))||e);return n&&e&&h(r,i,e),e};let t=class extends v{constructor(){super(...arguments),this.variant="thin",this.direction="horizontal",this.inset="none",this.overlay=!1,this.anchor="end"}render(){return p``}};t.styles=d`
+    :host {
+      --scb-divider-color: var(--md-sys-color-outline-variant);
+      --scb-divider-thickness: 1px;
+      --scb-divider-gap: var(--scb-grid-column-gap, var(--spacing-6, 24px));
+      display: block;
+      box-sizing: border-box;
+      pointer-events: none; 
+    }
+    :host([variant="bold"]) {
+      --scb-divider-color: var(--md-sys-color-outline);
+    }
+
+    :host(:not([direction="vertical"])) {
+      inline-size: 100%;
+      block-size: var(--scb-divider-thickness);
+      background: var(--scb-divider-color);
+    }
+    :host([inset="both"]:not([direction="vertical"]))   { margin-inline: var(--spacing-8, 32px); }
+    :host([inset="start"]:not([direction="vertical"]))  { margin-inline-start: var(--spacing-8, 32px); }
+    :host([inset="end"]:not([direction="vertical"]))    { margin-inline-end: var(--spacing-8, 32px); }
+
+    :host([direction="vertical"]) {
+      inline-size: var(--scb-divider-thickness);
+      block-size: 100%;
+      background: var(--scb-divider-color);
+      align-self: stretch;
+      justify-self: center;
+    }
+    :host([direction="vertical"][inset="both"]:not([overlay]))  { margin-block: var(--spacing-8, 32px); }
+    :host([direction="vertical"][inset="start"]:not([overlay])) { margin-block-start: var(--spacing-8, 32px); }
+    :host([direction="vertical"][inset="end"]:not([overlay]))   { margin-block-end: var(--spacing-8, 32px); }
+
+    :host([overlay][direction="vertical"]) {
+      position: absolute;
+      top: 0;
+      bottom: 0;
+      inline-size: var(--scb-divider-thickness);
+      background: var(--scb-divider-color);
+    }
+    :host([overlay][direction="vertical"][anchor="end"])  { right: calc(var(--scb-divider-gap) / -2); }
+    :host([overlay][direction="vertical"][anchor="start"]){ left:  calc(var(--scb-divider-gap) / -2); }
+  `;c([l({type:String,reflect:!0})],t.prototype,"variant",2);c([l({type:String,reflect:!0})],t.prototype,"direction",2);c([l({type:String,reflect:!0})],t.prototype,"inset",2);c([l({type:Boolean,reflect:!0})],t.prototype,"overlay",2);c([l({type:String,reflect:!0})],t.prototype,"anchor",2);t=c([b("scb-divider")],t);

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

@@ -1,5 +1,5 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["../../vendor/vendor-material.js","../../vendor/vendor.js","../scb-icon-button/scb-icon-button.js","../../vendor/preload-helper.js"])))=>i.map(i=>d[i]);
-import{_ as p}from"../../vendor/preload-helper.js";import{b as u,n as c,r as h,i as b,x as d,t as _}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,a,n){try{customElements.get(s)||t(s,a,n)}catch(l){var r=String(l||"");if(r.indexOf("already been used")===-1&&r.indexOf("NotSupportedError")===-1)throw l}}}}catch{}})();var f=Object.defineProperty,m=Object.getOwnPropertyDescriptor,i=(e,t,s,a)=>{for(var n=a>1?void 0:a?m(t,s):t,r=e.length-1,l;r>=0;r--)(l=e[r])&&(n=(a?l(t,s,n):l(n))||n);return a&&n&&f(t,s,n),n};let o=class extends b{constructor(){super(...arguments),this.label="",this.selected=!1,this.leadingIcon="",this.itemHref="",this.hasSlotContent=!1,this.expanded=!1,this.__submenuId=`sub-${Math.random().toString(36).slice(2)}`,this._toggleExpand=e=>{e&&e.stopPropagation(),this.hasSlotContent&&(this.expanded=!this.expanded)},this._onButtonClick=e=>{e.stopPropagation(),this._dispatchSelect(),this._toggleExpand()},this._onLinkClick=()=>{this._dispatchSelect()},this._onKeyDown=e=>{const t=Array.from(this.parentElement?.querySelectorAll("scb-drawer-item")||[]),s=t.indexOf(this);switch(e.key){case"ArrowDown":{e.preventDefault(),(t[s+1]||t[0]).shadowRoot?.querySelector(".scb-drawer-label-text")?.focus();break}case"ArrowUp":{e.preventDefault(),(t[s-1]||t[t.length-1]).shadowRoot?.querySelector(".scb-drawer-label-text")?.focus();break}case"Home":{e.preventDefault(),t[0].shadowRoot?.querySelector(".scb-drawer-label-text")?.focus();break}case"End":{e.preventDefault(),t[t.length-1].shadowRoot?.querySelector(".scb-drawer-label-text")?.focus();break}}}}async __ensureDepsLoaded(){o.__rippleLoaded||(await p(()=>import("../../vendor/vendor-material.js").then(e=>e.r),__vite__mapDeps([0,1]),import.meta.url),o.__rippleLoaded=!0),this.leadingIcon&&!o.__iconLoaded&&(await p(()=>import("../../vendor/vendor-material.js").then(e=>e.i),__vite__mapDeps([0,1]),import.meta.url),o.__iconLoaded=!0),this.hasSlotContent&&!o.__iconButtonLoaded&&(await p(()=>import("../scb-icon-button/scb-icon-button.js"),__vite__mapDeps([2,3,1]),import.meta.url),o.__iconButtonLoaded=!0)}_onSlotChange(e){const s=e.target.assignedElements({flatten:!0});this.hasSlotContent=s.length>0&&s.every(a=>a.tagName==="SCB-SUB-DRAWER")}_dispatchSelect(){this.dispatchEvent(new CustomEvent("scb-drawer-select",{bubbles:!0,composed:!0,detail:{item:this}}))}async firstUpdated(){const e=this.renderRoot.querySelector("slot");if(e){const t=e.assignedElements({flatten:!0});this.hasSlotContent=t.length>0&&t.every(s=>s.tagName==="SCB-SUB-DRAWER")}await this.__ensureDepsLoaded()}updated(e){e.has("leadingIcon")&&this.leadingIcon&&this.__ensureDepsLoaded(),e.has("hasSlotContent")&&this.hasSlotContent&&this.__ensureDepsLoaded()}render(){const e=!!this.leadingIcon,t=!!this.itemHref,s=this.hasSlotContent;return d`
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["../../vendor/vendor-material.js","../../vendor/vendor.js","../scb-icon-button/scb-icon-button.js","../../vendor/preload-helper.js","../scb-tooltip/scb-tooltip.js","../scb-button/scb-button.js"])))=>i.map(i=>d[i]);
+import{_ as p}from"../../vendor/preload-helper.js";import{a as u,n as c,r as h,i as b,x as d,t as _}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,a,n){try{customElements.get(s)||t(s,a,n)}catch(l){var r=String(l||"");if(r.indexOf("already been used")===-1&&r.indexOf("NotSupportedError")===-1)throw l}}}}catch{}})();var f=Object.defineProperty,m=Object.getOwnPropertyDescriptor,i=(e,t,s,a)=>{for(var n=a>1?void 0:a?m(t,s):t,r=e.length-1,l;r>=0;r--)(l=e[r])&&(n=(a?l(t,s,n):l(n))||n);return a&&n&&f(t,s,n),n};let o=class extends b{constructor(){super(...arguments),this.label="",this.selected=!1,this.leadingIcon="",this.itemHref="",this.hasSlotContent=!1,this.expanded=!1,this.__submenuId=`sub-${Math.random().toString(36).slice(2)}`,this._toggleExpand=e=>{e&&e.stopPropagation(),this.hasSlotContent&&(this.expanded=!this.expanded)},this._onButtonClick=e=>{e.stopPropagation(),this._dispatchSelect(),this._toggleExpand()},this._onLinkClick=()=>{this._dispatchSelect()},this._onKeyDown=e=>{const t=Array.from(this.parentElement?.querySelectorAll("scb-drawer-item")||[]),s=t.indexOf(this);switch(e.key){case"ArrowDown":{e.preventDefault(),(t[s+1]||t[0]).shadowRoot?.querySelector(".scb-drawer-label-text")?.focus();break}case"ArrowUp":{e.preventDefault(),(t[s-1]||t[t.length-1]).shadowRoot?.querySelector(".scb-drawer-label-text")?.focus();break}case"Home":{e.preventDefault(),t[0].shadowRoot?.querySelector(".scb-drawer-label-text")?.focus();break}case"End":{e.preventDefault(),t[t.length-1].shadowRoot?.querySelector(".scb-drawer-label-text")?.focus();break}}}}async __ensureDepsLoaded(){o.__rippleLoaded||(await p(()=>import("../../vendor/vendor-material.js").then(e=>e.r),__vite__mapDeps([0,1]),import.meta.url),o.__rippleLoaded=!0),this.leadingIcon&&!o.__iconLoaded&&(await p(()=>import("../../vendor/vendor-material.js").then(e=>e.i),__vite__mapDeps([0,1]),import.meta.url),o.__iconLoaded=!0),this.hasSlotContent&&!o.__iconButtonLoaded&&(await p(()=>import("../scb-icon-button/scb-icon-button.js"),__vite__mapDeps([2,3,1,0,4,5]),import.meta.url),o.__iconButtonLoaded=!0)}_onSlotChange(e){const s=e.target.assignedElements({flatten:!0});this.hasSlotContent=s.length>0&&s.every(a=>a.tagName==="SCB-SUB-DRAWER")}_dispatchSelect(){this.dispatchEvent(new CustomEvent("scb-drawer-select",{bubbles:!0,composed:!0,detail:{item:this}}))}async firstUpdated(){const e=this.renderRoot.querySelector("slot");if(e){const t=e.assignedElements({flatten:!0});this.hasSlotContent=t.length>0&&t.every(s=>s.tagName==="SCB-SUB-DRAWER")}await this.__ensureDepsLoaded()}updated(e){e.has("leadingIcon")&&this.leadingIcon&&this.__ensureDepsLoaded(),e.has("hasSlotContent")&&this.hasSlotContent&&this.__ensureDepsLoaded()}render(){const e=!!this.leadingIcon,t=!!this.itemHref,s=this.hasSlotContent;return d`
       <div class="scb-drawer-item">
         <div class="scb-drawer-item-label" ?selected=${this.selected}>
           ${t?d`

package/mvc/components/scb-drawer/scb-drawer-section.js

@@ -1,11 +1,11 @@
-import{b as o,n as b,i as _,x as a,t as p}from"../../vendor/vendor.js";import"../scb-divider/scb-divider.js";(function(){try{var n=typeof globalThis<"u"?globalThis:window;if(!n.__scb_ce_guard_installed__){n.__scb_ce_guard_installed__=!0;var s=customElements.define.bind(customElements);customElements.define=function(r,t,e){try{customElements.get(r)||s(r,t,e)}catch(c){var i=String(c||"");if(i.indexOf("already been used")===-1&&i.indexOf("NotSupportedError")===-1)throw c}}}}catch{}})();var f=Object.defineProperty,u=Object.getOwnPropertyDescriptor,d=(n,s,r,t)=>{for(var e=t>1?void 0:t?u(s,r):s,i=n.length-1,c;i>=0;i--)(c=n[i])&&(e=(t?c(s,r,e):c(e))||e);return t&&e&&f(s,r,e),e};let l=class extends _{constructor(){super(...arguments),this.label=""}render(){return a`
+import{a as o,n as b,i as _,x as l,t as p}from"../../vendor/vendor.js";import"../scb-divider/scb-divider.js";(function(){try{var n=typeof globalThis<"u"?globalThis:window;if(!n.__scb_ce_guard_installed__){n.__scb_ce_guard_installed__=!0;var s=customElements.define.bind(customElements);customElements.define=function(r,t,e){try{customElements.get(r)||s(r,t,e)}catch(c){var i=String(c||"");if(i.indexOf("already been used")===-1&&i.indexOf("NotSupportedError")===-1)throw c}}}}catch{}})();var f=Object.defineProperty,u=Object.getOwnPropertyDescriptor,d=(n,s,r,t)=>{for(var e=t>1?void 0:t?u(s,r):s,i=n.length-1,c;i>=0;i--)(c=n[i])&&(e=(t?c(s,r,e):c(e))||e);return t&&e&&f(s,r,e),e};let a=class extends _{constructor(){super(...arguments),this.label=""}render(){return l`
         
         <scb-divider></scb-divider>
-        ${this.label?a`
+        ${this.label?l`
         <div class="scb-drawer-section">
             <div class="scb-drawer-label">${this.label}</div>
         </div>`:""}
-    `}};l.styles=o`
+    `}};a.styles=o`
     .scb-drawer-section {
       display: block;
       width: 100%;
@@ -16,4 +16,4 @@ import{b as o,n as b,i as _,x as a,t as p}from"../../vendor/vendor.js";import"..
     scb-divider {
       margin: 4px 12px;
     }
-  `;d([b({type:String})],l.prototype,"label",2);l=d([p("scb-drawer-section")],l);
+  `;d([b({type:String})],a.prototype,"label",2);a=d([p("scb-drawer-section")],a);

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

@@ -1,4 +1,4 @@
-import{b as f,n,i as _,E as d,x as u,t as p}from"../../vendor/vendor.js";import"../scb-divider/scb-divider.js";import"./scb-drawer-item.js";import"./scb-drawer-section.js";import"./scb-sub-drawer.js";import"../../vendor/preload-helper.js";(function(){try{var e=typeof globalThis<"u"?globalThis:window;if(!e.__scb_ce_guard_installed__){e.__scb_ce_guard_installed__=!0;var o=customElements.define.bind(customElements);customElements.define=function(r,s,l){try{customElements.get(r)||o(r,s,l)}catch(c){var i=String(c||"");if(i.indexOf("already been used")===-1&&i.indexOf("NotSupportedError")===-1)throw c}}}}catch{}})();var h=Object.defineProperty,b=Object.getOwnPropertyDescriptor,a=(e,o,r,s)=>{for(var l=s>1?void 0:s?b(o,r):o,i=e.length-1,c;i>=0;i--)(c=e[i])&&(l=(s?c(o,r,l):c(l))||l);return s&&l&&h(o,r,l),l};let t=class extends _{constructor(){super(...arguments),this.label="",this.subLabel="",this.floating=!1,this.left=!0,this.right=!1,this.open=!1,this.overlay=!1,this.lockScroll=!1,this.closeOnOverlay=!0,this.modal=!1,this.__lastTriggerEl=null,this._onGlobalSelect=e=>{const o=e;this.querySelectorAll("scb-drawer-item").forEach(s=>s.selected=!1),this.contains(o.detail.item)&&(o.detail.item.selected=!0)},this.__onDocumentClick=e=>{const o=this.__getActionFromEvent(e);if(o){o==="open"&&this.__setOpen(!0),o==="close"&&this.__setOpen(!1),o==="toggle"&&this.__setOpen(!this.open),e.stopPropagation();return}this.floating&&this.open&&!this.overlay&&(e.composedPath().includes(this)||this.__setOpen(!1))},this.__onDocumentKeydown=e=>{if(this.open){if(e.key==="Escape"){this.__setOpen(!1);return}if(this.overlay&&e.key==="Tab"){const o=this.__getFocusable();if(o.length===0)return;const r=o[0],s=o[o.length-1],l=this.renderRoot,i=l.activeElement||document.activeElement;e.shiftKey?(i===r||!l.contains(i))&&(e.preventDefault(),s.focus()):(i===s||!l.contains(i))&&(e.preventDefault(),r.focus())}}}}static __ensureOverlayStyles(){if(typeof document>"u"||document.getElementById("scb-drawer-overlay-styles"))return;const e=document.createElement("style");e.id="scb-drawer-overlay-styles",e.textContent=`
+import{a as f,n,i as _,E as d,x as u,t as p}from"../../vendor/vendor.js";import"../scb-divider/scb-divider.js";import"./scb-drawer-item.js";import"./scb-drawer-section.js";import"./scb-sub-drawer.js";import"../../vendor/preload-helper.js";(function(){try{var e=typeof globalThis<"u"?globalThis:window;if(!e.__scb_ce_guard_installed__){e.__scb_ce_guard_installed__=!0;var o=customElements.define.bind(customElements);customElements.define=function(r,s,l){try{customElements.get(r)||o(r,s,l)}catch(c){var i=String(c||"");if(i.indexOf("already been used")===-1&&i.indexOf("NotSupportedError")===-1)throw c}}}}catch{}})();var h=Object.defineProperty,v=Object.getOwnPropertyDescriptor,a=(e,o,r,s)=>{for(var l=s>1?void 0:s?v(o,r):o,i=e.length-1,c;i>=0;i--)(c=e[i])&&(l=(s?c(o,r,l):c(l))||l);return s&&l&&h(o,r,l),l};let t=class extends _{constructor(){super(...arguments),this.label="",this.subLabel="",this.floating=!1,this.left=!0,this.right=!1,this.open=!1,this.overlay=!1,this.lockScroll=!1,this.closeOnOverlay=!0,this.modal=!1,this.__lastTriggerEl=null,this._onGlobalSelect=e=>{const o=e;this.querySelectorAll("scb-drawer-item").forEach(s=>s.selected=!1),this.contains(o.detail.item)&&(o.detail.item.selected=!0)},this.__onDocumentClick=e=>{const o=this.__getActionFromEvent(e);if(o){o==="open"&&this.__setOpen(!0),o==="close"&&this.__setOpen(!1),o==="toggle"&&this.__setOpen(!this.open),e.stopPropagation();return}this.floating&&this.open&&!this.overlay&&(e.composedPath().includes(this)||this.__setOpen(!1))},this.__onDocumentKeydown=e=>{if(this.open){if(e.key==="Escape"){this.__setOpen(!1);return}if(this.overlay&&e.key==="Tab"){const o=this.__getFocusable();if(o.length===0)return;const r=o[0],s=o[o.length-1],l=this.renderRoot,i=l.activeElement||document.activeElement;e.shiftKey?(i===r||!l.contains(i))&&(e.preventDefault(),s.focus()):(i===s||!l.contains(i))&&(e.preventDefault(),r.focus())}}}}static __ensureOverlayStyles(){if(typeof document>"u"||document.getElementById("scb-drawer-overlay-styles"))return;const e=document.createElement("style");e.id="scb-drawer-overlay-styles",e.textContent=`
       .scb-drawer-global-overlay {
         position: fixed;
         inset: 0;

package/mvc/components/scb-drawer/scb-sub-drawer.js

@@ -1,4 +1,4 @@
-import{b as o,n as d,i as b,x as u,t as _}from"../../vendor/vendor.js";(function(){try{var r=typeof globalThis<"u"?globalThis:window;if(!r.__scb_ce_guard_installed__){r.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(s,l,t){try{customElements.get(s)||e(s,l,t)}catch(c){var n=String(c||"");if(n.indexOf("already been used")===-1&&n.indexOf("NotSupportedError")===-1)throw c}}}}catch{}})();var f=Object.defineProperty,h=Object.getOwnPropertyDescriptor,i=(r,e,s,l)=>{for(var t=l>1?void 0:l?h(e,s):e,n=r.length-1,c;n>=0;n--)(c=r[n])&&(t=(l?c(e,s,t):c(t))||t);return l&&t&&f(e,s,t),t};let a=class extends b{constructor(){super(...arguments),this.label="",this._onGlobalSelect=r=>{const e=r;this.querySelectorAll("scb-drawer-item").forEach(l=>l.selected=!1),this.contains(e.detail.item)&&(e.detail.item.selected=!0)}}connectedCallback(){super.connectedCallback(),window.addEventListener("scb-drawer-select",this._onGlobalSelect)}disconnectedCallback(){window.removeEventListener("scb-drawer-select",this._onGlobalSelect),super.disconnectedCallback()}render(){return u`
+import{a as o,n as d,i as b,x as u,t as _}from"../../vendor/vendor.js";(function(){try{var r=typeof globalThis<"u"?globalThis:window;if(!r.__scb_ce_guard_installed__){r.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(s,l,t){try{customElements.get(s)||e(s,l,t)}catch(c){var n=String(c||"");if(n.indexOf("already been used")===-1&&n.indexOf("NotSupportedError")===-1)throw c}}}}catch{}})();var f=Object.defineProperty,h=Object.getOwnPropertyDescriptor,i=(r,e,s,l)=>{for(var t=l>1?void 0:l?h(e,s):e,n=r.length-1,c;n>=0;n--)(c=r[n])&&(t=(l?c(e,s,t):c(t))||t);return l&&t&&f(e,s,t),t};let a=class extends b{constructor(){super(...arguments),this.label="",this._onGlobalSelect=r=>{const e=r;this.querySelectorAll("scb-drawer-item").forEach(l=>l.selected=!1),this.contains(e.detail.item)&&(e.detail.item.selected=!0)}}connectedCallback(){super.connectedCallback(),window.addEventListener("scb-drawer-select",this._onGlobalSelect)}disconnectedCallback(){window.removeEventListener("scb-drawer-select",this._onGlobalSelect),super.disconnectedCallback()}render(){return u`
       <nav aria-label="${this.label}">
         <slot></slot>
       </nav>

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

@@ -1,4 +1,4 @@
-import{b 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`
+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`
         <div class="label">
             ${this.label}

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

@@ -1,67 +1,80 @@
-import{b as p,n as a,i as u,x as d,t as h}from"../../vendor/vendor.js";import"../../vendor/vendor-material.js";import"../scb-icon-button/scb-icon-button.js";import"./scb-fact-card-content.js";import"../../vendor/preload-helper.js";(function(){try{var t=typeof globalThis<"u"?globalThis:window;if(!t.__scb_ce_guard_installed__){t.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(i,n,r){try{customElements.get(i)||e(i,n,r)}catch(l){var c=String(l||"");if(c.indexOf("already been used")===-1&&c.indexOf("NotSupportedError")===-1)throw l}}}}catch{}})();var b=Object.defineProperty,f=Object.getOwnPropertyDescriptor,s=(t,e,i,n)=>{for(var r=n>1?void 0:n?f(e,i):e,c=t.length-1,l;c>=0;c--)(l=t[c])&&(r=(n?l(e,i,r):l(r))||r);return n&&r&&b(e,i,r),r};let o=class extends u{constructor(){super(...arguments),this.__onCloseClick=t=>{t.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.__onDocumentClick=t=>{this.__getActionFromEvent(t)==="toggle"&&(this.__setOpen(!this.open),t.stopPropagation())}}__getActionFromEvent(t){if(!this.id)return null;for(const e of t.composedPath())if(e instanceof Element){if(e.getAttribute("data-fact-card-toggle")===this.id)return this.__lastTriggerEl=e,"toggle";if(e.getAttribute("aria-controls")===this.id)return this.__lastTriggerEl=e,"toggle"}return null}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this.__onDocumentClick,!1)}disconnectedCallback(){document.removeEventListener("click",this.__onDocumentClick,!1),super.disconnectedCallback()}updated(t){t.has("open")&&this.__updateTriggersExpanded()}__updateTriggersExpanded(){this.id&&document.querySelectorAll(`[aria-controls="${this.id}"], [data-fact-card-toggle="${this.id}"]`).forEach(t=>{t.hasAttribute("aria-controls")&&t.setAttribute("aria-expanded",String(this.open))})}__setOpen(t){const e=this.open;this.open=t,t&&!e?this.dispatchEvent(new CustomEvent("open",{bubbles:!0,composed:!0})):!t&&e&&this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0}))}render(){if(!this.open)return d``;const t=this.variant==="outlined"?"outlined":"filled";return d`
-            ${this.icon?d`<div class="icon-wrapper ${t}"><md-icon>${this.icon}</md-icon></div>`:""}
-            <div class="scb-fact-card ${t} ${this.icon?"no-topleft-radius":""} ${this.showCloseButton?"has-close":""}">
-                ${this.showCloseButton?d`<scb-icon-button variant="standard" icon="close" @click=${this.__onCloseClick}></scb-icon-button>`:""}
-                <div class="content">
-                    <slot></slot>
-                </div>
-            </div>
-        `}};o.styles=p`
-    :host{ --scb-fact-card-max-w:  580px; }
+import{a as p,n as s,i as u,x as d,t as h}from"../../vendor/vendor.js";import"../../vendor/vendor-material.js";import"../scb-icon-button/scb-icon-button.js";import"./scb-fact-card-content.js";import"../../vendor/preload-helper.js";import"../scb-tooltip/scb-tooltip.js";import"../scb-button/scb-button.js";(function(){try{var t=typeof globalThis<"u"?globalThis:window;if(!t.__scb_ce_guard_installed__){t.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(n,a,r){try{customElements.get(n)||e(n,a,r)}catch(c){var l=String(c||"");if(l.indexOf("already been used")===-1&&l.indexOf("NotSupportedError")===-1)throw c}}}}catch{}})();var f=Object.defineProperty,b=Object.getOwnPropertyDescriptor,o=(t,e,n,a)=>{for(var r=a>1?void 0:a?b(e,n):e,l=t.length-1,c;l>=0;l--)(c=t[l])&&(r=(a?c(e,n,r):c(r))||r);return a&&r&&f(e,n,r),r};let i=class extends u{constructor(){super(...arguments),this.__onCloseClick=t=>{t.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.fullHeight=!1,this.fullWidth=!1,this.stretch=!1,this.__onDocumentClick=t=>{this.__getActionFromEvent(t)==="toggle"&&(this.__setOpen(!this.open),t.stopPropagation())}}__getActionFromEvent(t){if(!this.id)return null;for(const e of t.composedPath())if(e instanceof Element){if(e.getAttribute("data-fact-card-toggle")===this.id)return this.__lastTriggerEl=e,"toggle";if(e.getAttribute("aria-controls")===this.id)return this.__lastTriggerEl=e,"toggle"}return null}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this.__onDocumentClick,!1)}disconnectedCallback(){document.removeEventListener("click",this.__onDocumentClick,!1),super.disconnectedCallback()}updated(t){t.has("open")&&this.__updateTriggersExpanded()}__updateTriggersExpanded(){this.id&&document.querySelectorAll(`[aria-controls="${this.id}"], [data-fact-card-toggle="${this.id}"]`).forEach(t=>{t.hasAttribute("aria-controls")&&t.setAttribute("aria-expanded",String(this.open))})}__setOpen(t){const e=this.open;this.open=t,t&&!e?this.dispatchEvent(new CustomEvent("open",{bubbles:!0,composed:!0})):!t&&e&&this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0}))}render(){if(!this.open)return d``;const t=this.variant==="outlined"?"outlined":"filled";return d`
+      ${this.icon?d`<div class="icon-wrapper ${t}"><md-icon>${this.icon}</md-icon></div>`:""}
+      <div class="scb-fact-card ${t} ${this.icon?"no-topleft-radius":""} ${this.showCloseButton?"has-close":""}">
+        ${this.showCloseButton?d`<scb-icon-button variant="standard" icon="close" @click=${this.__onCloseClick}></scb-icon-button>`:""}
+        <div class="content">
+          <slot></slot>
+        </div>
+      </div>
+    `}};i.styles=p`
     :host {
-        max-width: var(--scb-fact-card-max-w);
-        width: fit-content;
-        display: block;
-        position: relative;
+      --scb-fact-card-max-w: 580px;
+      display: block;
+      position: relative;
+      box-sizing: border-box;
+      inline-size: 100%;
+      min-inline-size: 0;
+      max-inline-size: var(--scb-fact-card-max-w);
+      height: auto;
     }
+
+    :host([full-width]) { max-inline-size: none; }
+
+    :host([stretch]),
+    :host([full-height]) { block-size: 100%; }
+
+    :host([stretch]) .scb-fact-card,
+    :host([full-height]) .scb-fact-card { block-size: 100%; }
+
     .scb-fact-card {
-        color: var(--md-sys-color-on-surface);
-        max-width: var(--scb-fact-card-max-w);
-        width: fit-content;
-        position: relative;
-        border-radius: var(--md-sys-shape-corner-large);
-        background: var(--md-sys-color-surface-dim);
-        padding: var(--spacing-7);
-    }
-    .scb-fact-card.has-close {
-        padding-right: var(--spacing-12);
-    }
-    .scb-fact-card.no-topleft-radius {
-        border-top-left-radius: 0;
-        margin-top: var(--spacing-9);
-    }
-    .scb-fact-card.outlined {
-        border: 1px solid var(--md-sys-color-outline);
-        background: var(--md-sys-color-surface);
+      color: var(--md-sys-color-on-surface);
+      position: relative;
+      border-radius: var(--md-sys-shape-corner-large);
+      background: var(--md-sys-color-surface-dim);
+      padding: var(--spacing-7);
+      box-sizing: border-box;
+      inline-size: 100%;
+      max-inline-size: 100%;
+      min-inline-size: 0;
+      overflow: hidden;
     }
+
+    .scb-fact-card.has-close { padding-right: var(--spacing-12); }
+    .scb-fact-card.no-topleft-radius { border-top-left-radius: 0; margin-top: var(--spacing-9); }
+    .scb-fact-card.outlined { border: 1px solid var(--md-sys-color-outline); background: var(--md-sys-color-surface); }
+
     .icon-wrapper {
-        top: -40px;
-        position: absolute;
-        z-index: 1;
-        padding: var(--spacing-5) var(--spacing-7);
-        padding-bottom: 0;
-        width: fit-content;
-        border-radius: var(--md-sys-shape-corner-full) var(--md-sys-shape-corner-full) 0 0 / var(--md-sys-shape-corner-full) var(--md-sys-shape-corner-full) 0 0; /* halvmåne upptill */
-        background: var(--md-sys-color-surface-dim);
-        line-height: 0;
+      position: absolute;
+      z-index: 1;
+      top: -40px;
+      left: 0;
+      padding: var(--spacing-5) var(--spacing-7);
+      padding-bottom: 0;
+      width: fit-content;
+      border-radius: var(--md-sys-shape-corner-full) var(--md-sys-shape-corner-full) 0 0 /
+                     var(--md-sys-shape-corner-full) var(--md-sys-shape-corner-full) 0 0;
+      background: var(--md-sys-color-surface-dim);
+      line-height: 0;
     }
     .icon-wrapper.outlined {
-        border: var(--stroke-border) solid var(--md-sys-color-outline);
-        border-bottom: none;
-        background: var(--md-sys-color-surface);
+      border: var(--stroke-border) solid var(--md-sys-color-outline);
+      border-bottom: none;
+      background: var(--md-sys-color-surface);
     }
+
     scb-icon-button {
-        position: absolute;
-        right: var(--scale-01);
-        top: var(--scale-01 );
-    }
-    .scb-fact-card.clickable {
-        cursor: pointer;
+      position: absolute;
+      right: var(--scale-01);
+      top: var(--scale-01);
     }
+
+    .scb-fact-card.clickable { cursor: pointer; }
+
     .content {
-        display: flex;
-        flex-direction: column;
-        gap: var(--spacing-8);
-        width: 100%;
+      display: flex;
+      flex-direction: column;
+      gap: var(--spacing-8);
+      inline-size: 100%;
+      min-inline-size: 0;
     }
-  `;s([a({type:String})],o.prototype,"variant",2);s([a({type:String})],o.prototype,"label",2);s([a({type:String,attribute:"sub-label"})],o.prototype,"subLabel",2);s([a({type:String,attribute:"supporting-text"})],o.prototype,"supportingText",2);s([a({type:String})],o.prototype,"icon",2);s([a({type:Boolean,attribute:"show-close-button"})],o.prototype,"showCloseButton",2);s([a({type:Boolean,reflect:!0})],o.prototype,"open",2);o=s([h("scb-fact-card")],o);
+  `;o([s({type:String})],i.prototype,"variant",2);o([s({type:String})],i.prototype,"label",2);o([s({type:String,attribute:"sub-label"})],i.prototype,"subLabel",2);o([s({type:String,attribute:"supporting-text"})],i.prototype,"supportingText",2);o([s({type:String})],i.prototype,"icon",2);o([s({type:Boolean,attribute:"show-close-button"})],i.prototype,"showCloseButton",2);o([s({type:Boolean,reflect:!0})],i.prototype,"open",2);o([s({type:Boolean,reflect:!0,attribute:"full-height"})],i.prototype,"fullHeight",2);o([s({type:Boolean,reflect:!0,attribute:"full-width"})],i.prototype,"fullWidth",2);o([s({type:Boolean,reflect:!0})],i.prototype,"stretch",2);i=o([h("scb-fact-card")],i);

package/mvc/components/scb-footer/scb-footer-section.js

@@ -1,3 +1,3 @@
-import{b as _,n as f,i as u,x as a,t as d}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 r=customElements.define.bind(customElements);customElements.define=function(t,s,e){try{customElements.get(t)||r(t,s,e)}catch(o){var n=String(o||"");if(n.indexOf("already been used")===-1&&n.indexOf("NotSupportedError")===-1)throw o}}}}catch{}})();var p=Object.defineProperty,b=Object.getOwnPropertyDescriptor,c=(i,r,t,s)=>{for(var e=s>1?void 0:s?b(r,t):r,n=i.length-1,o;n>=0;n--)(o=i[n])&&(e=(s?o(r,t,e):o(e))||e);return s&&e&&p(r,t,e),e};let l=class extends u{constructor(){super(...arguments),this.title=""}render(){return a`<slot></slot>`}};l.styles=_`
+import{a as _,n as a,i as f,x as u,t as d}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 r=customElements.define.bind(customElements);customElements.define=function(t,s,e){try{customElements.get(t)||r(t,s,e)}catch(o){var n=String(o||"");if(n.indexOf("already been used")===-1&&n.indexOf("NotSupportedError")===-1)throw o}}}}catch{}})();var p=Object.defineProperty,b=Object.getOwnPropertyDescriptor,c=(i,r,t,s)=>{for(var e=s>1?void 0:s?b(r,t):r,n=i.length-1,o;n>=0;n--)(o=i[n])&&(e=(s?o(r,t,e):o(e))||e);return s&&e&&p(r,t,e),e};let l=class extends f{constructor(){super(...arguments),this.title=""}render(){return u`<slot></slot>`}};l.styles=_`
     :host { display: none; }
-  `;c([f({type:String,reflect:!0})],l.prototype,"title",2);l=c([d("scb-footer-section")],l);
+  `;c([a({type:String,reflect:!0})],l.prototype,"title",2);l=c([d("scb-footer-section")],l);

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

@@ -1,4 +1,4 @@
-import{b as A,n as C,i as H,x as v,t as T}from"../../vendor/vendor.js";import"../scb-link/scb-link.js";import"../scb-grid/scb-grid.js";import"../scb-grid/scb-grid-item.js";import"./scb-footer-section.js";(function(){try{var t=typeof globalThis<"u"?globalThis:window;if(!t.__scb_ce_guard_installed__){t.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(i,a,r){try{customElements.get(i)||e(i,a,r)}catch(o){var n=String(o||"");if(n.indexOf("already been used")===-1&&n.indexOf("NotSupportedError")===-1)throw o}}}}catch{}})();var L=Object.defineProperty,P=Object.getOwnPropertyDescriptor,O=t=>{throw TypeError(t)},b=(t,e,i,a)=>{for(var r=a>1?void 0:a?P(e,i):e,n=t.length-1,o;n>=0;n--)(o=t[n])&&(r=(a?o(e,i,r):o(r))||r);return a&&r&&L(e,i,r),r},w=(t,e,i)=>e.has(t)||O("Cannot "+i),c=(t,e,i)=>(w(t,e,"read from private field"),i?i.call(t):e.get(t)),p=(t,e,i)=>e.has(t)?O("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(t):e.set(t,i),d=(t,e,i,a)=>(w(t,e,"write to private field"),e.set(t,i),i),l=(t,e,i)=>(w(t,e,"access private method"),i),h,f,g,u,s,N,y,E,_,k,M,W,S;let m=class extends H{constructor(){super(...arguments),p(this,s),this.maxWidth="1440px",this.sections=[],this.description="Statistikmyndigheten SCB förser samhället med statistik för beslutsfattande, debatt och forskning.",p(this,h,null),p(this,f,""),p(this,g),p(this,u,!1),p(this,k,8)}connectedCallback(){super.connectedCallback(),l(this,s,_).call(this,!0),l(this,s,N).call(this)}disconnectedCallback(){super.disconnectedCallback(),c(this,g)?.disconnect()}render(){const t=c(this,s,E);return v`
+import{a as A,n as C,i as H,x as v,t as T}from"../../vendor/vendor.js";import"../scb-link/scb-link.js";import"../scb-grid/scb-grid.js";import"../scb-grid/scb-grid-item.js";import"./scb-footer-section.js";import"../../vendor/vendor-material.js";(function(){try{var t=typeof globalThis<"u"?globalThis:window;if(!t.__scb_ce_guard_installed__){t.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(i,a,r){try{customElements.get(i)||e(i,a,r)}catch(o){var n=String(o||"");if(n.indexOf("already been used")===-1&&n.indexOf("NotSupportedError")===-1)throw o}}}}catch{}})();var L=Object.defineProperty,P=Object.getOwnPropertyDescriptor,O=t=>{throw TypeError(t)},b=(t,e,i,a)=>{for(var r=a>1?void 0:a?P(e,i):e,n=t.length-1,o;n>=0;n--)(o=t[n])&&(r=(a?o(e,i,r):o(r))||r);return a&&r&&L(e,i,r),r},w=(t,e,i)=>e.has(t)||O("Cannot "+i),c=(t,e,i)=>(w(t,e,"read from private field"),i?i.call(t):e.get(t)),p=(t,e,i)=>e.has(t)?O("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(t):e.set(t,i),d=(t,e,i,a)=>(w(t,e,"write to private field"),e.set(t,i),i),l=(t,e,i)=>(w(t,e,"access private method"),i),h,f,g,u,s,N,y,E,_,k,M,W,S;let m=class extends H{constructor(){super(...arguments),p(this,s),this.maxWidth="1440px",this.sections=[],this.description="Statistikmyndigheten SCB förser samhället med statistik för beslutsfattande, debatt och forskning.",p(this,h,null),p(this,f,""),p(this,g),p(this,u,!1),p(this,k,8)}connectedCallback(){super.connectedCallback(),l(this,s,_).call(this,!0),l(this,s,N).call(this)}disconnectedCallback(){super.disconnectedCallback(),c(this,g)?.disconnect()}render(){const t=c(this,s,E);return v`
       <footer class="outer" role="contentinfo" style=${`--scb-footer-max-width:${this.maxWidth}`}>
         <nav aria-label="Sidfot med länkar">
           <scb-grid

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

@@ -1,9 +1,11 @@
-import{b as y,n as l,i as m,x as _,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,n,r){try{customElements.get(s)||t(s,n,r)}catch(p){var c=String(p||"");if(c.indexOf("already been used")===-1&&c.indexOf("NotSupportedError")===-1)throw p}}}}catch{}})();var g=Object.defineProperty,v=Object.getOwnPropertyDescriptor,f=e=>{throw TypeError(e)},o=(e,t,s,n)=>{for(var r=n>1?void 0:n?v(t,s):t,c=e.length-1,p;c>=0;c--)(p=e[c])&&(r=(n?p(t,s,r):p(r))||r);return n&&r&&g(t,s,r),r},S=(e,t,s)=>t.has(e)||f("Cannot "+s),x=(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),u=(e,t,s)=>(S(e,t,"access private method"),s),a,h,d;let i=class extends m{constructor(){super(...arguments),x(this,a),this.fit=!1}firstUpdated(){u(this,a,h).call(this)}updated(){u(this,a,h).call(this)}render(){return _`<slot></slot>`}};a=new WeakSet;h=function(){u(this,a,d).call(this,"--col-span",this.hasAttribute("col-span")?String(this.colSpan):null),u(this,a,d).call(this,"--col-span-compact",this.hasAttribute("col-span-compact")?String(this.colSpanCompact):null),u(this,a,d).call(this,"--col-span-medium",this.hasAttribute("col-span-medium")?String(this.colSpanMedium):null),u(this,a,d).call(this,"--col-span-expanded",this.hasAttribute("col-span-expanded")?String(this.colSpanExpanded):null),this.align?this.style.setProperty("--scb-grid-item-align",this.align):this.style.removeProperty("--scb-grid-item-align"),this.justify?this.style.setProperty("--scb-grid-item-justify",this.justify):this.style.removeProperty("--scb-grid-item-justify")};d=function(e,t){t===null||t===""?this.style.removeProperty(e):this.style.setProperty(e,t)};i.styles=y`
+import{a as f,n as o,i as m,x as b,t as _}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(r,c,p){try{customElements.get(r)||t(r,c,p)}catch(h){var u=String(h||"");if(u.indexOf("already been used")===-1&&u.indexOf("NotSupportedError")===-1)throw h}}}}catch{}})();var g=Object.defineProperty,S=Object.getOwnPropertyDescriptor,y=e=>{throw TypeError(e)},a=(e,t,r,c)=>{for(var p=c>1?void 0:c?S(t,r):t,u=e.length-1,h;u>=0;u--)(h=e[u])&&(p=(c?h(t,r,p):h(p))||p);return c&&p&&g(t,r,p),p},w=(e,t,r)=>t.has(e)||y("Cannot "+r),v=(e,t,r)=>t.has(e)?y("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(e):t.set(e,r),l=(e,t,r)=>(w(e,t,"access private method"),r),i,d,n;let s=class extends m{constructor(){super(...arguments),v(this,i),this.fit=!1}firstUpdated(){l(this,i,d).call(this)}updated(){l(this,i,d).call(this)}render(){return b`<slot></slot>`}};i=new WeakSet;d=function(){l(this,i,n).call(this,"--col-span",this.hasAttribute("col-span")?String(this.colSpan):null),l(this,i,n).call(this,"--col-span-compact",this.hasAttribute("col-span-compact")?String(this.colSpanCompact):null),l(this,i,n).call(this,"--col-span-medium",this.hasAttribute("col-span-medium")?String(this.colSpanMedium):null),l(this,i,n).call(this,"--col-span-expanded",this.hasAttribute("col-span-expanded")?String(this.colSpanExpanded):null),l(this,i,n).call(this,"--row-rule",this.hasAttribute("row-span")?`span ${this.rowSpan}`:null),l(this,i,n).call(this,"--row-rule-compact",this.hasAttribute("row-span-compact")?`span ${this.rowSpanCompact}`:null),l(this,i,n).call(this,"--row-rule-medium",this.hasAttribute("row-span-medium")?`span ${this.rowSpanMedium}`:null),l(this,i,n).call(this,"--row-rule-expanded",this.hasAttribute("row-span-expanded")?`span ${this.rowSpanExpanded}`:null),this.align?(this.style.setProperty("--scb-grid-item-align",this.align),this.style.setProperty("align-self",this.align)):(this.style.removeProperty("--scb-grid-item-align"),this.style.removeProperty("align-self")),this.justify?(this.style.setProperty("--scb-grid-item-justify",this.justify),this.style.setProperty("justify-self",this.justify)):(this.style.removeProperty("--scb-grid-item-justify"),this.style.removeProperty("justify-self"))};n=function(e,t){t===null||t===""?this.style.removeProperty(e):this.style.setProperty(e,t)};s.styles=f`
     :host {
       box-sizing: border-box;
       display: block;
       align-self:  var(--scb-grid-item-align, auto);
       justify-self: var(--scb-grid-item-justify, auto);
+      block-size: auto;
     }
-    :host([fit]) { width: fit-content; max-width: 100%; }
-  `;o([l({type:Number,attribute:"col-span",reflect:!0})],i.prototype,"colSpan",2);o([l({type:Number,attribute:"col-span-compact",reflect:!0})],i.prototype,"colSpanCompact",2);o([l({type:Number,attribute:"col-span-medium",reflect:!0})],i.prototype,"colSpanMedium",2);o([l({type:Number,attribute:"col-span-expanded",reflect:!0})],i.prototype,"colSpanExpanded",2);o([l({type:String,reflect:!0})],i.prototype,"align",2);o([l({type:String,reflect:!0})],i.prototype,"justify",2);o([l({type:Boolean,reflect:!0})],i.prototype,"fit",2);i=o([b("scb-grid-item")],i);
+    :host([fit]) { block-size: 100%; }
+    :host([fit]) ::slotted(*) { block-size: 100%; }
+  `;a([o({type:Number,attribute:"col-span",reflect:!0})],s.prototype,"colSpan",2);a([o({type:Number,attribute:"col-span-compact",reflect:!0})],s.prototype,"colSpanCompact",2);a([o({type:Number,attribute:"col-span-medium",reflect:!0})],s.prototype,"colSpanMedium",2);a([o({type:Number,attribute:"col-span-expanded",reflect:!0})],s.prototype,"colSpanExpanded",2);a([o({type:Number,attribute:"row-span",reflect:!0})],s.prototype,"rowSpan",2);a([o({type:Number,attribute:"row-span-compact",reflect:!0})],s.prototype,"rowSpanCompact",2);a([o({type:Number,attribute:"row-span-medium",reflect:!0})],s.prototype,"rowSpanMedium",2);a([o({type:Number,attribute:"row-span-expanded",reflect:!0})],s.prototype,"rowSpanExpanded",2);a([o({type:String,reflect:!0})],s.prototype,"align",2);a([o({type:String,reflect:!0})],s.prototype,"justify",2);a([o({type:Boolean,reflect:!0})],s.prototype,"fit",2);s=a([_("scb-grid-item")],s);

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

@@ -1,4 +1,4 @@
-import{b as h,n as a,i as v,x as b,t as y}from"../../vendor/vendor.js";(function(){try{var t=typeof globalThis<"u"?globalThis:window;if(!t.__scb_ce_guard_installed__){t.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(i,n,c){try{customElements.get(i)||e(i,n,c)}catch(p){var o=String(p||"");if(o.indexOf("already been used")===-1&&o.indexOf("NotSupportedError")===-1)throw p}}}}catch{}})();var f=Object.defineProperty,x=Object.getOwnPropertyDescriptor,u=t=>{throw TypeError(t)},s=(t,e,i,n)=>{for(var c=n>1?void 0:n?x(e,i):e,o=t.length-1,p;o>=0;o--)(p=t[o])&&(c=(n?p(e,i,c):p(c))||c);return n&&c&&f(e,i,c),c},_=(t,e,i)=>e.has(t)||u("Cannot "+i),w=(t,e,i)=>e.has(t)?u("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(t):e.set(t,i),l=(t,e,i)=>(_(t,e,"access private method"),i),d,g,m;let r=class extends v{constructor(){super(...arguments),w(this,d),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=""}firstUpdated(){l(this,d,g).call(this)}updated(){l(this,d,g).call(this)}render(){return b`<div class="grid"><slot></slot></div>`}};d=new WeakSet;g=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 t="var(--spacing-7, 24px)",e=this.rowGap||this.gap||t,i=this.columnGap||this.gap||t;this.style.setProperty("--scb-grid-row-gap",e),this.style.setProperty("--scb-grid-column-gap",i),this.style.setProperty("--scb-grid-gap",`${e} ${i}`),this.style.setProperty("--scb-grid-align-items",this.alignItems),this.style.setProperty("--scb-grid-justify-items",this.justifyItems),l(this,d,m).call(this,"--scb-grid-max-width",this.maxWidth),l(this,d,m).call(this,"--scb-grid-padding-inline",this.paddingInline),l(this,d,m).call(this,"--scb-grid-padding-block",this.paddingBlock)};m=function(t,e){e?this.style.setProperty(t,e):this.style.removeProperty(t)};r.styles=h`
+import{a as h,n as s,i as b,x as v,t as y}from"../../vendor/vendor.js";(function(){try{var r=typeof globalThis<"u"?globalThis:window;if(!r.__scb_ce_guard_installed__){r.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(i,n,o){try{customElements.get(i)||t(i,n,o)}catch(p){var c=String(p||"");if(c.indexOf("already been used")===-1&&c.indexOf("NotSupportedError")===-1)throw p}}}}catch{}})();var w=Object.defineProperty,f=Object.getOwnPropertyDescriptor,u=r=>{throw TypeError(r)},a=(r,t,i,n)=>{for(var o=n>1?void 0:n?f(t,i):t,c=r.length-1,p;c>=0;c--)(p=r[c])&&(o=(n?p(t,i,o):p(o))||o);return n&&o&&w(t,i,o),o},x=(r,t,i)=>t.has(r)||u("Cannot "+i),_=(r,t,i)=>t.has(r)?u("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(r):t.set(r,i),l=(r,t,i)=>(x(r,t,"access private method"),i),d,m,g;let e=class extends b{constructor(){super(...arguments),_(this,d),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(){l(this,d,m).call(this)}updated(){l(this,d,m).call(this)}mapSpacingToken(r){if(!r)return;const t=String(r).trim();return/^\d+$/.test(t)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(t,10)))})`:t}parseGapShorthand(r){if(!r)return{};const t=r.trim().split(/\s+/);if(t.length===1){const i=this.mapSpacingToken(t[0]);return{row:i,col:i}}return{row:this.mapSpacingToken(t[0]),col:this.mapSpacingToken(t[1])}}render(){return v`<div class="grid"><slot></slot></div>`}};d=new WeakSet;m=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 r="var(--spacing-7, 24px)",t=this.parseGapShorthand(this.gap),i=this.mapSpacingToken(this.rowGap)??t.row??r,n=this.mapSpacingToken(this.columnGap)??t.col??r;this.style.setProperty("--scb-grid-row-gap",i),this.style.setProperty("--scb-grid-column-gap",n),this.style.setProperty("--scb-grid-gap",`${i} ${n}`),this.style.setProperty("--scb-grid-align-items",this.alignItems),this.style.setProperty("--scb-grid-justify-items",this.justifyItems);const o=this.mapSpacingToken(this.paddingInline),c=this.mapSpacingToken(this.paddingBlock);l(this,d,g).call(this,"--scb-grid-max-width",this.maxWidth),l(this,d,g).call(this,"--scb-grid-padding-inline",o??""),l(this,d,g).call(this,"--scb-grid-padding-block",c??""),l(this,d,g).call(this,"--scb-grid-auto-rows",this.autoRows)};g=function(r,t){t?this.style.setProperty(r,t):this.style.removeProperty(r)};e.styles=h`
   :host {
     box-sizing: border-box;
     display: block;
@@ -6,14 +6,18 @@ import{b as h,n as a,i as v,x as b,t as y}from"../../vendor/vendor.js";(function
     margin-inline: auto;
     padding-inline: var(--scb-grid-padding-inline, 0);
     padding-block:  var(--scb-grid-padding-block, 0);
-
     container-type: inline-size;
   }
 
   .grid {
     display: grid;
     width: 100%;
-    gap: var(--scb-grid-gap, var(--spacing-7, 24px));
+    grid-auto-rows: var(--scb-grid-auto-rows, auto);
+
+    /* Longhands med fallback till --scb-grid-gap och sedan token-default */
+    row-gap:    var(--scb-grid-row-gap,    var(--scb-grid-gap, var(--spacing-7, 24px)));
+    column-gap: var(--scb-grid-column-gap, var(--scb-grid-gap, var(--spacing-7, 24px)));
+
     grid-auto-flow: row dense;
     grid-auto-rows: var(--scb-grid-auto-rows, auto);
     align-items:   var(--scb-grid-align-items, stretch);
@@ -25,57 +29,70 @@ import{b as h,n as a,i as v,x as b,t as y}from"../../vendor/vendor.js";(function
 
   .grid > slot { display: contents; }
 
+  /* Kolumn-span + rad-span (compact) */
   .grid ::slotted(*) {
-    grid-column: span var(--col-span-compact, var(--col-span, var(--scb-grid-cols-compact, 4)));
+    min-width: 0;
+    min-height: 0;
     grid-column: span min(
       max(1, var(--col-span-compact, var(--col-span, var(--scb-grid-cols-compact, 4)))) ,
       var(--scb-grid-cols-compact, 4)
     );
+    grid-row: var(--row-rule-compact, var(--row-rule, auto));
   }
 
-   @supports not (container-type: inline-size) {
+  /* Utan container queries -> media queries */
+  @supports not (container-type: inline-size) {
     @media (min-width: 600px) {
       .grid { grid-template-columns: repeat(var(--scb-grid-cols-medium, 8), minmax(0, 1fr)); }
       .grid ::slotted(*) {
-        grid-column: span var(--col-span-medium, var(--col-span, var(--scb-grid-cols-medium, 8)));
+        min-width: 0;
+        min-height: 0;
         grid-column: span min(
           max(1, var(--col-span-medium, var(--col-span, var(--scb-grid-cols-medium, 8)))) ,
           var(--scb-grid-cols-medium, 8)
         );
+        grid-row: var(--row-rule-medium, var(--row-rule, auto));
       }
     }
     @media (min-width: 840px) {
       .grid { grid-template-columns: repeat(var(--scb-grid-cols-expanded, 12), minmax(0, 1fr)); }
       .grid ::slotted(*) {
-        grid-column: span var(--col-span-expanded, var(--col-span, var(--scb-grid-cols-expanded, 12)));
+        min-width: 0;
+        min-height: 0;
         grid-column: span min(
           max(1, var(--col-span-expanded, var(--col-span, var(--scb-grid-cols-expanded, 12)))) ,
           var(--scb-grid-cols-expanded, 12)
         );
+        grid-row: var(--row-rule-expanded, var(--row-rule, auto));
       }
     }
   }
 
+  /* Med container queries */
   @supports (container-type: inline-size) {
     @container (min-width: 600px) {
       .grid { grid-template-columns: repeat(var(--scb-grid-cols-medium, 8), minmax(0, 1fr)); }
       .grid ::slotted(*) {
-        grid-column: span var(--col-span-medium, var(--col-span, var(--scb-grid-cols-medium, 8)));
+        min-width: 0;
+        min-height: 0;
         grid-column: span min(
           max(1, var(--col-span-medium, var(--col-span, var(--scb-grid-cols-medium, 8)))) ,
           var(--scb-grid-cols-medium, 8)
         );
+        grid-row: var(--row-rule-medium, var(--row-rule, auto));
       }
     }
     @container (min-width: 840px) {
       .grid { grid-template-columns: repeat(var(--scb-grid-cols-expanded, 12), minmax(0, 1fr)); }
       .grid ::slotted(*) {
-        grid-column: span var(--col-span-expanded, var(--col-span, var(--scb-grid-cols-expanded, 12)));
+        min-width: 0;
+        min-height: 0;
         grid-column: span min(
           max(1, var(--col-span-expanded, var(--col-span, var(--scb-grid-cols-expanded, 12)))) ,
           var(--scb-grid-cols-expanded, 12)
         );
+        grid-row: var(--row-rule-expanded, var(--row-rule, auto));
       }
     }
   }
-`;s([a({type:Number,attribute:"cols-compact",reflect:!0})],r.prototype,"colsCompact",2);s([a({type:Number,attribute:"cols-medium",reflect:!0})],r.prototype,"colsMedium",2);s([a({type:Number,attribute:"cols-expanded",reflect:!0})],r.prototype,"colsExpanded",2);s([a({type:String,reflect:!0})],r.prototype,"gap",2);s([a({type:String,attribute:"row-gap",reflect:!0})],r.prototype,"rowGap",2);s([a({type:String,attribute:"column-gap",reflect:!0})],r.prototype,"columnGap",2);s([a({type:String,attribute:"align-items",reflect:!0})],r.prototype,"alignItems",2);s([a({type:String,attribute:"justify-items",reflect:!0})],r.prototype,"justifyItems",2);s([a({type:String,attribute:"padding-inline",reflect:!0})],r.prototype,"paddingInline",2);s([a({type:String,attribute:"padding-block",reflect:!0})],r.prototype,"paddingBlock",2);s([a({type:String,attribute:"max-width",reflect:!0})],r.prototype,"maxWidth",2);r=s([y("scb-grid")],r);
+`;a([s({type:Number,attribute:"cols-compact",reflect:!0})],e.prototype,"colsCompact",2);a([s({type:Number,attribute:"cols-medium",reflect:!0})],e.prototype,"colsMedium",2);a([s({type:Number,attribute:"cols-expanded",reflect:!0})],e.prototype,"colsExpanded",2);a([s({type:String,reflect:!0})],e.prototype,"gap",2);a([s({type:String,attribute:"row-gap",reflect:!0})],e.prototype,"rowGap",2);a([s({type:String,attribute:"column-gap",reflect:!0})],e.prototype,"columnGap",2);a([s({type:String,attribute:"align-items",reflect:!0})],e.prototype,"alignItems",2);a([s({type:String,attribute:"justify-items",reflect:!0})],e.prototype,"justifyItems",2);a([s({type:String,attribute:"padding-inline",reflect:!0})],e.prototype,"paddingInline",2);a([s({type:String,attribute:"padding-block",reflect:!0})],e.prototype,"paddingBlock",2);a([s({type:String,attribute:"max-width",reflect:!0})],e.prototype,"maxWidth",2);a([s({type:String,attribute:"auto-rows",reflect:!0})],e.prototype,"autoRows",2);e=a([y("scb-grid")],e);