scb-wc-test 0.1.105 → 0.1.107

package/mvc/components/scb-checkbox/scb-checkbox-group.js

@@ -1,29 +1,31 @@
-import{a as u,n as d,i as f,x as b,t as g}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 s=customElements.define.bind(customElements);customElements.define=function(e,o,r){try{customElements.get(e)||s(e,o,r)}catch(a){var i=String(a||"");if(i.indexOf("already been used")===-1&&i.indexOf("NotSupportedError")===-1)throw a}}}}catch{}})();var _=Object.defineProperty,v=Object.getOwnPropertyDescriptor,h=t=>{throw TypeError(t)},l=(t,s,e,o)=>{for(var r=o>1?void 0:o?v(s,e):s,i=t.length-1,a;i>=0;i--)(a=t[i])&&(r=(o?a(s,e,r):a(r))||r);return o&&r&&_(s,e,r),r},y=(t,s,e)=>s.has(t)||h("Cannot "+e),p=(t,s,e)=>(y(t,s,"read from private field"),e?e.call(t):s.get(t)),x=(t,s,e)=>s.has(t)?h("Cannot add the same private member more than once"):s instanceof WeakSet?s.add(t):s.set(t,e),c;let n=class extends f{constructor(){super(...arguments),this.orientation="vertical",this.disabled=!1,this.spacing="group",x(this,c,()=>{const t=this.shadowRoot?.querySelector("slot");if(!t)return;const s=t.assignedElements({flatten:!0}).filter(e=>e.tagName.toLowerCase()==="scb-checkbox");for(const e of s)this.disabled?e.setAttribute("disabled",""):e.removeAttribute("disabled"),this.orientation==="horizontal"?e.setAttribute("orientation","horizontal"):e.removeAttribute("orientation"),this.spacing==="group"?e.style.setProperty("--scb-checkbox-gap","0"):e.style.removeProperty("--scb-checkbox-gap")})}render(){const t=this.orientation==="horizontal"?"row":"column";return b`
+import{a as m,n as d,i as y,x as k,t as x}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(s,o,i){try{customElements.get(s)||e(s,o,i)}catch(c){var n=String(c||"");if(n.indexOf("already been used")===-1&&n.indexOf("NotSupportedError")===-1)throw c}}}}catch{}})();var S=Object.defineProperty,w=Object.getOwnPropertyDescriptor,v=t=>{throw TypeError(t)},l=(t,e,s,o)=>{for(var i=o>1?void 0:o?w(e,s):e,n=t.length-1,c;n>=0;n--)(c=t[n])&&(i=(o?c(e,s,i):c(i))||i);return o&&i&&S(e,s,i),i},_=(t,e,s)=>e.has(t)||v("Cannot "+s),b=(t,e,s)=>(_(t,e,"read from private field"),s?s.call(t):e.get(t)),f=(t,e,s)=>e.has(t)?v("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(t):e.set(t,s),h=(t,e,s)=>(_(t,e,"access private method"),s),p,a,u,g;let r=class extends y{constructor(){super(...arguments),f(this,a),this.orientation="vertical",this.disabled=!1,this.spacing="",this.spacingTop="",this.spacingBottom="",f(this,p,()=>{const t=this.shadowRoot?.querySelector("slot");if(!t)return;const e=t.assignedElements({flatten:!0}).filter(s=>s.tagName.toLowerCase()==="scb-checkbox");for(const s of e)this.disabled?s.setAttribute("disabled",""):s.removeAttribute("disabled"),this.orientation==="horizontal"?s.setAttribute("orientation","horizontal"):s.removeAttribute("orientation")})}render(){const t=this.orientation==="horizontal"?"row":"column";return k`
       <div class="g" role="group" aria-disabled=${String(this.disabled)} style=${`--_dir:${t}`}>
-        <slot @slotchange=${p(this,c)}></slot>
+        <slot @slotchange=${b(this,p)}></slot>
       </div>
-    `}firstUpdated(){p(this,c).call(this)}updated(t){(t.has("disabled")||t.has("orientation")||t.has("spacing"))&&p(this,c).call(this)}};c=new WeakMap;n.styles=u`
+    `}firstUpdated(){h(this,a,u).call(this),b(this,p).call(this)}updated(t){(t.has("spacing")||t.has("spacingTop")||t.has("spacingBottom"))&&h(this,a,u).call(this),(t.has("disabled")||t.has("orientation"))&&b(this,p).call(this)}};p=new WeakMap;a=new WeakSet;u=function(){const t=h(this,a,g).call(this,this.spacing),e=h(this,a,g).call(this,this.spacingTop)??t,s=h(this,a,g).call(this,this.spacingBottom)??t;e?this.style.setProperty("--scb-checkbox-group-spacing-block-start",e):this.style.removeProperty("--scb-checkbox-group-spacing-block-start"),s?this.style.setProperty("--scb-checkbox-group-spacing-block-end",s):this.style.removeProperty("--scb-checkbox-group-spacing-block-end")};g=function(t){if(!t)return;const e=String(t).trim();if(e)return/^\d+$/.test(e)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(e,10)))})`:e};r.styles=m`
     :host {
       display: block;
+      /* Vertikal standard-spacing mellan items i gruppen */
       --scb-checkbox-gap: var(--spacing-4, 12px);
+
+      margin-block-start: var(--scb-checkbox-group-spacing-block-start, 0);
+      margin-block-end: var(--scb-checkbox-group-spacing-block-end, 0);
+    }
+
+    /* Horisontell standard-spacing mellan items om spacing för gruppen inte overrideas via CSS-variabel */
+    :host([orientation='horizontal']) {
+      --scb-checkbox-gap: var(--spacing-8, 32px);
     }
 
     .g {
       display: flex;
       flex-direction: var(--_dir, column);
       align-items: flex-start;
-      gap: 0;
-    }
-
-    :host([spacing='group']) .g {
       gap: var(--scb-checkbox-gap);
     }
 
-    :host([orientation='horizontal']) {
-      --scb-checkbox-gap: var(--spacing-8, 32px);
-    }
-
-    :host([spacing='group']) ::slotted(scb-checkbox) {
+    /* När checkboxar ligger i en grupp ska spacing ägas av gruppen, inte av enskilda items */
+    ::slotted(scb-checkbox) {
       --scb-checkbox-gap: 0;
     }
-  `;l([d({type:String,reflect:!0})],n.prototype,"orientation",2);l([d({type:Boolean,reflect:!0})],n.prototype,"disabled",2);l([d({type:String,reflect:!0})],n.prototype,"spacing",2);n=l([g("scb-checkbox-group")],n);
+  `;l([d({type:String,reflect:!0})],r.prototype,"orientation",2);l([d({type:Boolean,reflect:!0})],r.prototype,"disabled",2);l([d({type:String,reflect:!0})],r.prototype,"spacing",2);l([d({type:String,attribute:"spacing-top",reflect:!0})],r.prototype,"spacingTop",2);l([d({type:String,attribute:"spacing-bottom",reflect:!0})],r.prototype,"spacingBottom",2);r=l([x("scb-checkbox-group")],r);

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

@@ -1,4 +1,4 @@
-import{a as p,n,i as h,E as d,x as b,t as u}from"../../vendor/vendor.js";import"../../vendor/vendor-material.js";import"./scb-checkbox-group.js";(function(){try{var t=typeof globalThis<"u"?globalThis:window;if(!t.__scb_ce_guard_installed__){t.__scb_ce_guard_installed__=!0;var a=customElements.define.bind(customElements);customElements.define=function(e,s,i){try{customElements.get(e)||a(e,s,i)}catch(o){var r=String(o||"");if(r.indexOf("already been used")===-1&&r.indexOf("NotSupportedError")===-1)throw o}}}}catch{}})();var m=Object.defineProperty,f=Object.getOwnPropertyDescriptor,l=(t,a,e,s)=>{for(var i=s>1?void 0:s?f(a,e):a,r=t.length-1,o;r>=0;r--)(o=t[r])&&(i=(s?o(a,e,i):o(i))||i);return s&&i&&m(a,e,i),i};let c=class extends h{constructor(){super(...arguments),this.disabled=!1,this.indeterminate=!1,this.checked=!1,this.label="",this.supportingText="",this.ariaLabel="",this._checkboxId=""}connectedCallback(){super.connectedCallback(),this._checkboxId=this.id||`scb-checkbox-${Math.random().toString(36).slice(2,11)}`}firstUpdated(){const t=this.shadowRoot?.querySelector("md-checkbox");t&&t.addEventListener("change",()=>{const e=t,s=!!e.checked,i=!!e.indeterminate;this.checked=s,this.indeterminate=i,this.dispatchEvent(new CustomEvent("change",{detail:{checked:s,indeterminate:i},bubbles:!0,composed:!0}))}),this.shadowRoot?.querySelector("label.wrap")?.addEventListener("click",e=>{if(this.disabled)return;if(!e.composedPath().some(r=>{const o=r;return o?.tagName?.toLowerCase?.()==="md-checkbox"||o?.classList?.contains("box-wrap")})){e.preventDefault();const r=this.shadowRoot.querySelector("md-checkbox");r&&(r.checked=!r.checked,r.dispatchEvent(new Event("change",{bubbles:!0,composed:!0})))}}),this.__syncInnerAria()}updated(t){super.updated(t),t.has("disabled")&&this.toggleAttribute("aria-disabled",this.disabled),(t.has("label")||t.has("supportingText")||t.has("ariaLabel"))&&this.__syncInnerAria()}__syncInnerAria(){const a=this.shadowRoot?.querySelector("md-checkbox")?.shadowRoot;if(!a)return;const e=a.querySelector('[role="checkbox"]')||a.querySelector('input[type="checkbox"]');if(!e)return;const s=!!this.label?.trim(),i=s?`${this._checkboxId}-label`:"",r=this.supportingText?`${this._checkboxId}-supporting-text`:"";s&&i?(e.setAttribute("aria-labelledby",i),e.removeAttribute("aria-label")):(e.removeAttribute("aria-labelledby"),this.ariaLabel?.trim()?e.setAttribute("aria-label",this.ariaLabel.trim()):e.removeAttribute("aria-label")),r?e.setAttribute("aria-describedby",r):e.removeAttribute("aria-describedby")}render(){const t=this.supportingText?`${this._checkboxId}-supporting-text`:void 0,a=!!this.label?.trim(),e=a?d:this.ariaLabel||d;return b`
+import{a as b,n as c,i as p,E as d,x as h,t as u}from"../../vendor/vendor.js";import"../../vendor/vendor-material.js";import"./scb-checkbox-group.js";(function(){try{var e=typeof globalThis<"u"?globalThis:window;if(!e.__scb_ce_guard_installed__){e.__scb_ce_guard_installed__=!0;var r=customElements.define.bind(customElements);customElements.define=function(t,a,i){try{customElements.get(t)||r(t,a,i)}catch(l){var s=String(l||"");if(s.indexOf("already been used")===-1&&s.indexOf("NotSupportedError")===-1)throw l}}}}catch{}})();var m=Object.defineProperty,f=Object.getOwnPropertyDescriptor,n=(e,r,t,a)=>{for(var i=a>1?void 0:a?f(r,t):r,s=e.length-1,l;s>=0;s--)(l=e[s])&&(i=(a?l(r,t,i):l(i))||i);return a&&i&&m(r,t,i),i};let o=class extends p{constructor(){super(),this._internals=null,this.disabled=!1,this.indeterminate=!1,this.checked=!1,this.label="",this.supportingText="",this.ariaLabel="",this.name="",this.value="on",this._form=null,this._formResetHandler=null,this._initialChecked=!1,this._checkboxId="","attachInternals"in this&&(this._internals=this.attachInternals())}connectedCallback(){super.connectedCallback(),this._checkboxId=this.id||`scb-checkbox-${Math.random().toString(36).slice(2,11)}`,this._initialChecked=this.checked,this._form=this.closest("form"),this._form&&(this._formResetHandler=()=>{this.checked=this._initialChecked,this.indeterminate=!1,this.__syncFormValue()},this._form.addEventListener("reset",this._formResetHandler,!0)),this.__syncFormValue()}disconnectedCallback(){super.disconnectedCallback(),this._form&&this._formResetHandler&&this._form.removeEventListener("reset",this._formResetHandler,!0)}firstUpdated(){const e=this.shadowRoot?.querySelector("md-checkbox");e&&e.addEventListener("change",()=>{const t=e,a=!!t.checked,i=!!t.indeterminate;this.checked=a,this.indeterminate=i,this.dispatchEvent(new CustomEvent("change",{detail:{checked:a,indeterminate:i},bubbles:!0,composed:!0}))}),this.shadowRoot?.querySelector("label.wrap")?.addEventListener("click",t=>{if(this.disabled)return;if(!t.composedPath().some(s=>{const l=s;return l?.tagName?.toLowerCase?.()==="md-checkbox"||l?.classList?.contains("box-wrap")})){t.preventDefault();const s=this.shadowRoot.querySelector("md-checkbox");s&&(s.checked=!s.checked,s.dispatchEvent(new Event("change",{bubbles:!0,composed:!0})))}}),this.__syncInnerAria()}updated(e){super.updated(e),e.has("disabled")&&this.toggleAttribute("aria-disabled",this.disabled),(e.has("label")||e.has("supportingText")||e.has("ariaLabel"))&&this.__syncInnerAria(),(e.has("checked")||e.has("disabled")||e.has("value"))&&this.__syncFormValue()}formDisabledCallback(e){this.disabled=e}__syncInnerAria(){const r=this.shadowRoot?.querySelector("md-checkbox")?.shadowRoot;if(!r)return;const t=r.querySelector('[role="checkbox"]')||r.querySelector('input[type="checkbox"]');if(!t)return;const a=!!this.label?.trim(),i=a?`${this._checkboxId}-label`:"",s=this.supportingText?`${this._checkboxId}-supporting-text`:"";a&&i?(t.setAttribute("aria-labelledby",i),t.removeAttribute("aria-label")):(t.removeAttribute("aria-labelledby"),this.ariaLabel?.trim()?t.setAttribute("aria-label",this.ariaLabel.trim()):t.removeAttribute("aria-label")),s?t.setAttribute("aria-describedby",s):t.removeAttribute("aria-describedby")}__syncFormValue(){if(!this._internals)return;const e=this.disabled||!this.checked?null:this.value;this._internals.setFormValue(e)}render(){const e=this.supportingText?`${this._checkboxId}-supporting-text`:void 0,r=!!this.label?.trim(),t=r?d:this.ariaLabel||d;return h`
       <label class="wrap">
         <div class="box-wrap">
           <md-checkbox
@@ -6,17 +6,17 @@ import{a as p,n,i as h,E as d,x as b,t as u}from"../../vendor/vendor.js";import"
             ?disabled=${this.disabled}
             ?indeterminate=${this.indeterminate}
             ?checked=${this.checked}
-            aria-label=${e}
+            aria-label=${t}
           ></md-checkbox>
         </div>
-        ${a?b`<span class="lbl" id="${this._checkboxId}-label">${this.label}</span>`:d}
+        ${r?h`<span class="lbl" id="${this._checkboxId}-label">${this.label}</span>`:d}
       </label>
 
-      ${this.supportingText?b`<div id="${t}" class="supporting-text">
+      ${this.supportingText?h`<div id="${e}" class="supporting-text">
             ${this.supportingText}
           </div>`:d}
       <slot></slot>
-    `}};c.styles=p`
+    `}};o.formAssociated=!0;o.styles=b`
     :host {
       display: inline-grid;
       grid-template-columns: auto;
@@ -87,4 +87,4 @@ import{a as p,n,i as h,E as d,x as b,t as u}from"../../vendor/vendor.js";import"
         color: var(--md-sys-color-on-surface-variant);
       }
     }
-  `;l([n({type:Boolean,reflect:!0})],c.prototype,"disabled",2);l([n({type:Boolean,reflect:!0})],c.prototype,"indeterminate",2);l([n({type:Boolean,reflect:!0})],c.prototype,"checked",2);l([n({type:String})],c.prototype,"label",2);l([n({type:String,attribute:"supporting-text"})],c.prototype,"supportingText",2);l([n({type:String,reflect:!0,attribute:"aria-label"})],c.prototype,"ariaLabel",2);c=l([u("scb-checkbox")],c);export{c as ScbCheckbox};
+  `;n([c({type:Boolean,reflect:!0})],o.prototype,"disabled",2);n([c({type:Boolean,reflect:!0})],o.prototype,"indeterminate",2);n([c({type:Boolean,reflect:!0})],o.prototype,"checked",2);n([c({type:String})],o.prototype,"label",2);n([c({type:String,attribute:"supporting-text"})],o.prototype,"supportingText",2);n([c({type:String,reflect:!0,attribute:"aria-label"})],o.prototype,"ariaLabel",2);n([c({type:String})],o.prototype,"name",2);n([c({type:String})],o.prototype,"value",2);o=n([u("scb-checkbox")],o);export{o as ScbCheckbox};

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

@@ -1,17 +1,17 @@
 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 c}from"../../vendor/preload-helper.js";import{a as p,n as a,i as u,x as h,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 r=customElements.define.bind(customElements);customElements.define=function(o,l,i){try{customElements.get(o)||r(o,l,i)}catch(n){var d=String(n||"");if(d.indexOf("already been used")===-1&&d.indexOf("NotSupportedError")===-1)throw n}}}}catch{}})();var v=Object.defineProperty,b=Object.getOwnPropertyDescriptor,s=(e,r,o,l)=>{for(var i=l>1?void 0:l?b(r,o):r,d=e.length-1,n;d>=0;d--)(n=e[d])&&(i=(l?n(r,o,i):n(i))||i);return l&&i&&v(r,o,i),i};let t=class extends u{constructor(){super(...arguments),this.variant="assist",this.label="",this.icon="",this.disabled=!1,this.elevated=!1,this.removable=!1,this.selected=!1,this.href="",this.target="",this.__loadedVariants=new Set,this.__chipSetLoaded=!1,this.__iconLoaded=!1}updated(e){super.updated(e),(e.has("variant")||e.has("icon"))&&this.__ensureDepsLoaded(),e.has("disabled")&&(this.toggleAttribute("aria-disabled",this.disabled),this.dispatchEvent(new CustomEvent("disabled-changed",{detail:{disabled:this.disabled},bubbles:!0,composed:!0}))),e.has("variant")&&this.dispatchEvent(new CustomEvent("variant-changed",{detail:{variant:this.variant},bubbles:!0,composed:!0})),e.has("label")&&this.dispatchEvent(new CustomEvent("label-changed",{detail:{label:this.label},bubbles:!0,composed:!0})),e.has("elevated")&&this.dispatchEvent(new CustomEvent("elevated-changed",{detail:{elevated:this.elevated},bubbles:!0,composed:!0})),e.has("icon")&&this.dispatchEvent(new CustomEvent("icon-changed",{detail:{icon:this.icon},bubbles:!0,composed:!0}))}firstUpdated(){this.__ensureDepsLoaded()}async __ensureDepsLoaded(){if(!this.__loadedVariants.has(this.variant)){switch(this.variant){case"assist":await c(()=>import("../../vendor/vendor-material.js").then(e=>e.e),__vite__mapDeps([0,1]),import.meta.url);break;case"filter":await c(()=>import("../../vendor/vendor-material.js").then(e=>e.g),__vite__mapDeps([0,1]),import.meta.url);break}this.__loadedVariants.add(this.variant)}!this._insideChipSet&&!this.__chipSetLoaded&&(await c(()=>import("../../vendor/vendor-material.js").then(e=>e.h),__vite__mapDeps([0,1]),import.meta.url),this.__chipSetLoaded=!0),this.icon&&!this.__iconLoaded&&(await c(()=>import("../../vendor/vendor-material.js").then(e=>e.i),__vite__mapDeps([0,1]),import.meta.url),this.__iconLoaded=!0)}get _insideChipSet(){return!!this.closest("md-chip-set")}render(){const e=this._renderChip();return this._insideChipSet?e:h`<md-chip-set>${e}</md-chip-set>`}_renderChip(){const e=this.icon?h`<md-icon slot="icon">${this.icon}</md-icon>`:null;switch(this.variant){case"assist":{const r=this.target==="_blank"?"noopener noreferrer":void 0;return h`
+import{_ as d}from"../../vendor/preload-helper.js";import{a as b,n as r,i as v,x as c,t as f}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,l,o){try{customElements.get(i)||e(i,l,o)}catch(h){var n=String(h||"");if(n.indexOf("already been used")===-1&&n.indexOf("NotSupportedError")===-1)throw h}}}}catch{}})();var y=Object.defineProperty,g=Object.getOwnPropertyDescriptor,_=t=>{throw TypeError(t)},a=(t,e,i,l)=>{for(var o=l>1?void 0:l?g(e,i):e,n=t.length-1,h;n>=0;n--)(h=t[n])&&(o=(l?h(e,i,o):h(o))||o);return l&&o&&y(e,i,o),o},S=(t,e,i)=>e.has(t)||_("Cannot "+i),E=(t,e,i)=>e.has(t)?_("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(t):e.set(t,i),m=(t,e,i)=>(S(t,e,"access private method"),i),p,u;let s=class extends v{constructor(){super(),E(this,p),this.variant="assist",this.label="",this.icon="",this.disabled=!1,this.elevated=!1,this.removable=!1,this.selected=!1,this.href="",this.target="",this.name="",this.value="",this.spacing="",this.spacingTop="",this.spacingBottom="",this.size="",this._internals=null,this.__loadedVariants=new Set,this.__chipSetLoaded=!1,this.__iconLoaded=!1,"attachInternals"in this&&(this._internals=this.attachInternals())}updated(t){super.updated(t),(t.has("variant")||t.has("icon"))&&this.__ensureDepsLoaded(),t.has("disabled")&&(this.toggleAttribute("aria-disabled",this.disabled),this.dispatchEvent(new CustomEvent("disabled-changed",{detail:{disabled:this.disabled},bubbles:!0,composed:!0}))),t.has("variant")&&this.dispatchEvent(new CustomEvent("variant-changed",{detail:{variant:this.variant},bubbles:!0,composed:!0})),t.has("label")&&this.dispatchEvent(new CustomEvent("label-changed",{detail:{label:this.label},bubbles:!0,composed:!0})),t.has("elevated")&&this.dispatchEvent(new CustomEvent("elevated-changed",{detail:{elevated:this.elevated},bubbles:!0,composed:!0})),t.has("icon")&&this.dispatchEvent(new CustomEvent("icon-changed",{detail:{icon:this.icon},bubbles:!0,composed:!0})),t.has("size")&&this.dispatchEvent(new CustomEvent("size-changed",{detail:{size:this.size},bubbles:!0,composed:!0})),(t.has("selected")||t.has("disabled")||t.has("variant")||t.has("value")||t.has("name"))&&this._updateFormValue(),(t.has("spacing")||t.has("spacingTop")||t.has("spacingBottom"))&&m(this,p,u).call(this)}firstUpdated(){this.__ensureDepsLoaded(),m(this,p,u).call(this),this._updateFormValue()}async __ensureDepsLoaded(){if(!this.__loadedVariants.has(this.variant)){switch(this.variant){case"assist":await d(()=>import("../../vendor/vendor-material.js").then(t=>t.e),__vite__mapDeps([0,1]),import.meta.url);break;case"filter":await d(()=>import("../../vendor/vendor-material.js").then(t=>t.g),__vite__mapDeps([0,1]),import.meta.url);break}this.__loadedVariants.add(this.variant)}!this._insideChipSet&&!this.__chipSetLoaded&&(await d(()=>import("../../vendor/vendor-material.js").then(t=>t.h),__vite__mapDeps([0,1]),import.meta.url),this.__chipSetLoaded=!0),this.icon&&!this.__iconLoaded&&(await d(()=>import("../../vendor/vendor-material.js").then(t=>t.i),__vite__mapDeps([0,1]),import.meta.url),this.__iconLoaded=!0)}get _insideChipSet(){return!!this.closest("md-chip-set")}render(){const t=this._renderChip();return this._insideChipSet?t:c`<md-chip-set>${t}</md-chip-set>`}_renderChip(){const t=this.icon?c`<md-icon slot="icon">${this.icon}</md-icon>`:null;switch(this.variant){case"assist":{const e=this.target==="_blank"?"noopener noreferrer":void 0;return c`
           <md-assist-chip
             label=${this.label}
             ?disabled=${this.disabled}
             ?elevated=${this.elevated}
             href=${this.href||void 0}
             target=${this.href&&this.target||void 0}
-            rel=${r}
+            rel=${e}
             @update-focus=${this._forward}
           >
-            ${e}
+            ${t}
           </md-assist-chip>
-        `}case"filter":return h`
+        `}case"filter":return c`
           <md-filter-chip
             label=${this.label}
             ?disabled=${this.disabled}
@@ -21,11 +21,13 @@ import{_ as c}from"../../vendor/preload-helper.js";import{a as p,n as a,i as u,x
             @update-focus=${this._forward}
             @click=${()=>this._toggleSelected()}
           >
-            ${e}
+            ${t}
           </md-filter-chip>
-        `;default:return h``}}_toggleSelected(){this.selected=!this.selected,this.dispatchEvent(new CustomEvent("selected-changed",{detail:{selected:this.selected},bubbles:!0,composed:!0}))}_onRemove(e){e.stopPropagation(),this.dispatchEvent(new CustomEvent("remove",{detail:{label:this.label},bubbles:!0,composed:!0}))}_forward(e){this.dispatchEvent(new CustomEvent(e.type,{detail:e.detail,bubbles:!0,composed:!0}))}};t.styles=p`
+        `;default:return c``}}_toggleSelected(){this.selected=!this.selected,this.dispatchEvent(new CustomEvent("selected-changed",{detail:{selected:this.selected},bubbles:!0,composed:!0})),this._updateFormValue()}_onRemove(t){t.stopPropagation(),this.dispatchEvent(new CustomEvent("remove",{detail:{label:this.label},bubbles:!0,composed:!0}))}_forward(t){this.dispatchEvent(new CustomEvent(t.type,{detail:t.detail,bubbles:!0,composed:!0}))}_updateFormValue(){if(!this._internals)return;if(!(this.variant==="filter"&&this.selected&&!this.disabled&&!!this.name)){this._internals.setFormValue(null),this._internals.setValidity({});return}const e=this.value||this.label||"";this._internals.setFormValue(e,this.name),this._internals.setValidity({})}formDisabledCallback(t){this.disabled=t}mapSpacingToken(t){if(!t)return;const e=String(t).trim();if(e)return/^\d+$/.test(e)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(e,10)))})`:e}};p=new WeakSet;u=function(){const t=this.mapSpacingToken(this.spacing),e=this.mapSpacingToken(this.spacingTop),i=this.mapSpacingToken(this.spacingBottom),l=e??t,o=i??t;l?this.style.setProperty("--scb-chip-spacing-block-start",l):this.style.removeProperty("--scb-chip-spacing-block-start"),o?this.style.setProperty("--scb-chip-spacing-block-end",o):this.style.removeProperty("--scb-chip-spacing-block-end")};s.formAssociated=!0;s.styles=b`
     :host {
       display: inline-block;
+      margin-block-start: var(--scb-chip-spacing-block-start, 0);
+      margin-block-end: var(--scb-chip-spacing-block-end, 0);
     }
 
     /* Sätt samma färg på label för assist som är på filter */
@@ -36,8 +38,26 @@ import{_ as c}from"../../vendor/preload-helper.js";import{a as p,n as a,i as u,x
       --_pressed-label-text-color: var(--md-sys-color-on-surface-variant);
     }
 
+    /* Storlekar: små/medium/stora chips via tokens.
+       Medium (default) är Material-standardvärdena. */
+    :host([size='small']) md-assist-chip,
+    :host([size='small']) md-filter-chip {
+      --md-assist-chip-container-height: 28px;
+      --md-filter-chip-container-height: 28px;
+      --md-assist-chip-label-text-size: 0.8125rem;
+      --md-filter-chip-label-text-size: 0.8125rem;
+    }
+
+    :host([size='large']) md-assist-chip,
+    :host([size='large']) md-filter-chip {
+      --md-assist-chip-container-height: 40px;
+      --md-filter-chip-container-height: 40px;
+      --md-assist-chip-label-text-size: 0.9375rem;
+      --md-filter-chip-label-text-size: 0.9375rem;
+    }
+
     md-icon {
       color: var(--md-sys-color-on-surface);
       font-size: var(--md-sys-typescale-body-large-size);
     }
-  `;s([a({type:String,reflect:!0})],t.prototype,"variant",2);s([a({type:String})],t.prototype,"label",2);s([a({type:String})],t.prototype,"icon",2);s([a({type:Boolean,reflect:!0})],t.prototype,"disabled",2);s([a({type:Boolean,reflect:!0})],t.prototype,"elevated",2);s([a({type:Boolean,reflect:!0})],t.prototype,"removable",2);s([a({type:Boolean,reflect:!0})],t.prototype,"selected",2);s([a({type:String})],t.prototype,"href",2);s([a({type:String})],t.prototype,"target",2);t=s([_("scb-chip")],t);
+  `;a([r({type:String,reflect:!0})],s.prototype,"variant",2);a([r({type:String})],s.prototype,"label",2);a([r({type:String})],s.prototype,"icon",2);a([r({type:Boolean,reflect:!0})],s.prototype,"disabled",2);a([r({type:Boolean,reflect:!0})],s.prototype,"elevated",2);a([r({type:Boolean,reflect:!0})],s.prototype,"removable",2);a([r({type:Boolean,reflect:!0})],s.prototype,"selected",2);a([r({type:String})],s.prototype,"href",2);a([r({type:String})],s.prototype,"target",2);a([r({type:String})],s.prototype,"name",2);a([r({type:String})],s.prototype,"value",2);a([r({type:String,reflect:!0})],s.prototype,"spacing",2);a([r({type:String,reflect:!0,attribute:"spacing-top"})],s.prototype,"spacingTop",2);a([r({type:String,reflect:!0,attribute:"spacing-bottom"})],s.prototype,"spacingBottom",2);a([r({type:String,reflect:!0})],s.prototype,"size",2);s=a([f("scb-chip")],s);

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

@@ -1,43 +1,69 @@
-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`
+import{a as g,n as d,i as b,x as u,t as f}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 i=customElements.define.bind(customElements);customElements.define=function(t,s,r){try{customElements.get(t)||i(t,s,r)}catch(c){var o=String(c||"");if(o.indexOf("already been used")===-1&&o.indexOf("NotSupportedError")===-1)throw c}}}}catch{}})();var y=Object.defineProperty,_=Object.getOwnPropertyDescriptor,h=e=>{throw TypeError(e)},a=(e,i,t,s)=>{for(var r=s>1?void 0:s?_(i,t):i,o=e.length-1,c;o>=0;o--)(c=e[o])&&(r=(s?c(i,t,r):c(r))||r);return s&&r&&y(i,t,r),r},m=(e,i,t)=>i.has(e)||h("Cannot "+t),k=(e,i,t)=>i.has(e)?h("Cannot add the same private member more than once"):i instanceof WeakSet?i.add(e):i.set(e,t),p=(e,i,t)=>(m(e,i,"access private method"),t),l,v;let n=class extends b{constructor(){super(...arguments),k(this,l),this.variant="thin",this.direction="horizontal",this.inset="none",this.overlay=!1,this.anchor="end",this.spacing=""}firstUpdated(){p(this,l,v).call(this)}updated(e){e.has("spacing")&&p(this,l,v).call(this)}mapSpacingToken(e){if(!e)return;const i=String(e).trim();if(i)return/^\d+$/.test(i)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(i,10)))})`:i}render(){return u``}};l=new WeakSet;v=function(){const e=this.mapSpacingToken(this.spacing);e?this.style.setProperty("--scb-divider-spacing-orth",e):this.style.removeProperty("--scb-divider-spacing-orth")};n.styles=g`
     :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));
+      --scb-divider-spacing-orth: 0;
+
       display: block;
       box-sizing: border-box;
-      pointer-events: none; 
+      pointer-events: none;
     }
-    :host([variant="bold"]) {
+
+    :host([variant='bold']) {
       --scb-divider-color: var(--md-sys-color-outline);
     }
 
-    :host(:not([direction="vertical"])) {
+    /* Horisontell avdelare: drar ut sig på inline-led, spacing på block-led (ovan/under). */
+    :host(:not([direction='vertical'])) {
       inline-size: 100%;
       block-size: var(--scb-divider-thickness);
       background: var(--scb-divider-color);
+      margin-block: var(--scb-divider-spacing-orth, 0);
+    }
+
+    :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([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"]) {
+    /* Vertikal avdelare: drar ut sig på block-led, spacing på inline-led (vänster/höger). */
+    :host([direction='vertical']:not([overlay])) {
       inline-size: var(--scb-divider-thickness);
       block-size: 100%;
       background: var(--scb-divider-color);
       align-self: stretch;
       justify-self: center;
+      margin-inline: var(--scb-divider-spacing-orth, 0);
     }
-    :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"]) {
+    :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);
+    }
+
+    /* Overlay-variant för vertikal avdelare, spacing ignoreras (absolut positionerad). */
+    :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);
+    :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);
+    }
+  `;a([d({type:String,reflect:!0})],n.prototype,"variant",2);a([d({type:String,reflect:!0})],n.prototype,"direction",2);a([d({type:String,reflect:!0})],n.prototype,"inset",2);a([d({type:Boolean,reflect:!0})],n.prototype,"overlay",2);a([d({type:String,reflect:!0})],n.prototype,"anchor",2);a([d({type:String,reflect:!0})],n.prototype,"spacing",2);n=a([f("scb-divider")],n);

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

@@ -1,15 +1,21 @@
 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";(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`
+import{_ as b}from"../../vendor/preload-helper.js";import{a as f,n as a,i as m,x as d,t as _}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";(function(){try{var t=typeof globalThis<"u"?globalThis:window;if(!t.__scb_ce_guard_installed__){t.__scb_ce_guard_installed__=!0;var i=customElements.define.bind(customElements);customElements.define=function(s,r,o){try{customElements.get(s)||i(s,r,o)}catch(l){var c=String(l||"");if(c.indexOf("already been used")===-1&&c.indexOf("NotSupportedError")===-1)throw l}}}}catch{}})();var v=Object.defineProperty,y=Object.getOwnPropertyDescriptor,g=t=>{throw TypeError(t)},n=(t,i,s,r)=>{for(var o=r>1?void 0:r?y(i,s):i,c=t.length-1,l;c>=0;c--)(l=t[c])&&(o=(r?l(i,s,o):l(o))||o);return r&&o&&v(i,s,o),o},x=(t,i,s)=>i.has(t)||g("Cannot "+s),z=(t,i,s)=>i.has(t)?g("Cannot add the same private member more than once"):i instanceof WeakSet?i.add(t):i.set(t,s),u=(t,i,s)=>(x(t,i,"access private method"),s),p,h;let e=class extends m{constructor(){super(...arguments),z(this,p),this.__onCloseClick=t=>{t.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="",this.spacing="",this.spacingTop="",this.spacingBottom=""}static __handleDocClick(t){const i=t.composedPath();for(const s of i){if(!(s instanceof Element))continue;const r=s.getAttribute("data-fact-card-toggle")||s.getAttribute("aria-controls");if(!r)continue;const o=e.__instances.get(r);if(!o){e.__instances.delete(r);continue}o.__lastTriggerEl=s,o.__setOpen(!o.open),t.stopPropagation();break}}static __ensureDocListener(){e.__docListenerAttached||(document.addEventListener("click",e.__handleDocClick,!0),e.__docListenerAttached=!0)}static __maybeRemoveDocListener(){e.__docListenerAttached&&e.__instances.size===0&&(document.removeEventListener("click",e.__handleDocClick,!0),e.__docListenerAttached=!1)}connectedCallback(){super.connectedCallback(),this.id&&e.__instances.set(this.id,this),e.__ensureDocListener()}disconnectedCallback(){this.id&&e.__instances.delete(this.id),e.__maybeRemoveDocListener(),super.disconnectedCallback()}updated(t){t.has("open")&&this.__updateTriggersExpanded(),t.has("width")&&(this.width?this.style.inlineSize=this.width:this.style.removeProperty("inline-size")),t.has("maxWidth")&&(this.maxWidth?this.style.maxInlineSize=this.maxWidth:this.style.removeProperty("max-inline-size")),t.has("height")&&(this.height?this.style.blockSize=this.height:this.style.removeProperty("block-size")),t.has("maxHeight")&&(this.maxHeight?this.style.maxBlockSize=this.maxHeight:this.style.removeProperty("max-block-size")),(t.has("spacing")||t.has("spacingTop")||t.has("spacingBottom"))&&u(this,p,h).call(this)}__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 i=this.open;this.open=t,t&&!i?this.dispatchEvent(new CustomEvent("open",{bubbles:!0,composed:!0})):!t&&i&&this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0}))}render(){if(!this.open)return d``;const t=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":""}">
-          ${this.showCloseButton?d`<scb-icon-button variant="standard" icon="close" @click=${this.__onCloseClick}></scb-icon-button>`:""}
+        ${i?d`<div class="icon-wrapper ${t}"><md-icon>${this.icon}</md-icon></div>`:""}
+        <div class="scb-fact-card ${t} ${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>
       </div>
-    `}async firstUpdated(){t.__iconLoaded||(await h(()=>import("../../vendor/vendor-material.js").then(e=>e.i),__vite__mapDeps([0,1]),import.meta.url),t.__iconLoaded=!0)}};t.__iconLoaded=!1;t.__instances=new Map;t.__docListenerAttached=!1;t.styles=p`
+    `}async firstUpdated(){u(this,p,h).call(this),e.__iconLoaded||(await b(()=>import("../../vendor/vendor-material.js").then(t=>t.i),__vite__mapDeps([0,1]),import.meta.url),e.__iconLoaded=!0)}mapSpacingToken(t){if(!t)return;const i=String(t).trim();if(i)return/^\d+$/.test(i)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(i,10)))})`:i}};p=new WeakSet;h=function(){const t=this.mapSpacingToken(this.spacing),i=this.mapSpacingToken(this.spacingTop),s=this.mapSpacingToken(this.spacingBottom),r=i??t,o=s??t;r?this.style.setProperty("--scb-fact-card-spacing-block-start",r):this.style.removeProperty("--scb-fact-card-spacing-block-start"),o?this.style.setProperty("--scb-fact-card-spacing-block-end",o):this.style.removeProperty("--scb-fact-card-spacing-block-end")};e.__iconLoaded=!1;e.__instances=new Map;e.__docListenerAttached=!1;e.styles=f`
     :host {
       --scb-fact-card-icon-overhang: 40px;
       display: block;
@@ -20,20 +26,22 @@ import{_ as h}from"../../vendor/preload-helper.js";import{a as p,n as r,i as u,x
       max-inline-size: var(--scb-fact-card-max-w);
       height: auto;
       padding: 0;
+      margin-block-start: var(--scb-fact-card-spacing-block-start, 0);
+      margin-block-end: var(--scb-fact-card-spacing-block-end, 0);
     }
 
-    :host([sizing="stretch"]) {
+    :host([sizing='stretch']) {
       inline-size: 100%;
       block-size: 100%;
       max-inline-size: none;
     }
-    :host([sizing="content-width"]) {
+    :host([sizing='content-width']) {
       display: inline-block;
       inline-size: auto;
       block-size: auto;
       max-inline-size: var(--scb-fact-card-max-w);
     }
-    :host([sizing="content-height"]) {
+    :host([sizing='content-height']) {
       inline-size: 100%;
       block-size: auto;
       max-inline-size: none;
@@ -47,13 +55,13 @@ import{_ as h}from"../../vendor/preload-helper.js";import{a as p,n as r,i as u,x
       padding-top: var(--_icon-pad);
       box-sizing: border-box;
     }
-    :host([sizing="content-width"]) .outer {
+    :host([sizing='content-width']) .outer {
       inline-size: max-content;
     }
 
     :host([height]) .outer,
     :host([max-height]) .outer,
-    :host([sizing="stretch"]) .outer {
+    :host([sizing='stretch']) .outer {
       block-size: 100%;
     }
 
@@ -74,16 +82,25 @@ import{_ as h}from"../../vendor/preload-helper.js";import{a as p,n as r,i as u,x
 
     :host([height]) .scb-fact-card,
     :host([max-height]) .scb-fact-card,
-    :host([sizing="stretch"]) .scb-fact-card {
+    :host([sizing='stretch']) .scb-fact-card {
       block-size: calc(100% - var(--_icon-pad));
     }
 
-    .scb-fact-card.has-close { padding-right: var(--spacing-12); }
+    .scb-fact-card.has-close {
+      padding-right: var(--spacing-12);
+    }
 
-    .scb-fact-card.outlined { border: 1px solid var(--md-sys-color-outline); background: var(--md-sys-color-surface); }
+    .scb-fact-card.outlined {
+      border: 1px solid var(--md-sys-color-outline);
+      background: var(--md-sys-color-surface);
+    }
 
-    .outer.has-icon { --_icon-pad: var(--scb-fact-card-icon-overhang); }
-    .outer.has-icon .scb-fact-card { border-top-left-radius: 0; }
+    .outer.has-icon {
+      --_icon-pad: var(--scb-fact-card-icon-overhang);
+    }
+    .outer.has-icon .scb-fact-card {
+      border-top-left-radius: 0;
+    }
 
     .icon-wrapper {
       position: absolute;
@@ -94,7 +111,7 @@ import{_ as h}from"../../vendor/preload-helper.js";import{a as p,n as r,i as u,x
       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;
+        var(--md-sys-shape-corner-full) var(--md-sys-shape-corner-full) 0 0;
       background: var(--md-sys-color-surface-dim);
       line-height: 0;
     }
@@ -110,7 +127,9 @@ import{_ as h}from"../../vendor/preload-helper.js";import{a as p,n as r,i as u,x
       top: var(--scale-01);
     }
 
-    .scb-fact-card.clickable { cursor: pointer; }
+    .scb-fact-card.clickable {
+      cursor: pointer;
+    }
 
     .content {
       display: flex;
@@ -130,4 +149,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,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);
+  `;n([a({type:String})],e.prototype,"variant",2);n([a({type:String,attribute:"title"})],e.prototype,"title",2);n([a({type:String,attribute:"subtitle"})],e.prototype,"subtitle",2);n([a({type:String,attribute:"supporting-text"})],e.prototype,"supportingText",2);n([a({type:String})],e.prototype,"icon",2);n([a({type:Boolean,attribute:"show-close-button"})],e.prototype,"showCloseButton",2);n([a({type:Boolean,reflect:!0})],e.prototype,"open",2);n([a({type:String,reflect:!0})],e.prototype,"sizing",2);n([a({type:String,reflect:!0})],e.prototype,"width",2);n([a({type:String,reflect:!0,attribute:"max-width"})],e.prototype,"maxWidth",2);n([a({type:String,reflect:!0})],e.prototype,"height",2);n([a({type:String,reflect:!0,attribute:"max-height"})],e.prototype,"maxHeight",2);n([a({type:String,reflect:!0})],e.prototype,"spacing",2);n([a({type:String,reflect:!0,attribute:"spacing-top"})],e.prototype,"spacingTop",2);n([a({type:String,reflect:!0,attribute:"spacing-bottom"})],e.prototype,"spacingBottom",2);e=n([_("scb-fact-card")],e);