scb-wc-test 0.1.104 → 0.1.106

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

@@ -1,5 +1,11 @@
-import{n as a,t as l,i as _,x as f}from"../../vendor/vendor.js";import"./scb-accordion-item.js";import"../../vendor/vendor-material.js";(function(){try{var n=typeof globalThis<"u"?globalThis:window;if(!n.__scb_ce_guard_installed__){n.__scb_ce_guard_installed__=!0;var r=customElements.define.bind(customElements);customElements.define=function(t,c,e){try{customElements.get(t)||r(t,c,e)}catch(s){var o=String(s||"");if(o.indexOf("already been used")===-1&&o.indexOf("NotSupportedError")===-1)throw s}}}}catch{}})();var u=Object.defineProperty,p=Object.getOwnPropertyDescriptor,i=(n,r,t,c)=>{for(var e=c>1?void 0:c?p(r,t):r,o=n.length-1,s;o>=0;o--)(s=n[o])&&(e=(c?s(r,t,e):s(e))||e);return c&&e&&u(r,t,e),e};let d=class extends _{constructor(){super(...arguments),this.detached=!1}render(){return f`
+import{a as f,n as d,i as _,x as u,t as b}from"../../vendor/vendor.js";import"./scb-accordion-item.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(s,i,a){try{customElements.get(s)||e(s,i,a)}catch(c){var o=String(c||"");if(o.indexOf("already been used")===-1&&o.indexOf("NotSupportedError")===-1)throw c}}}}catch{}})();var m=Object.defineProperty,v=Object.getOwnPropertyDescriptor,g=t=>{throw TypeError(t)},n=(t,e,s,i)=>{for(var a=i>1?void 0:i?v(e,s):e,o=t.length-1,c;o>=0;o--)(c=t[o])&&(a=(i?c(e,s,a):c(a))||a);return i&&a&&m(e,s,a),a},y=(t,e,s)=>e.has(t)||g("Cannot "+s),S=(t,e,s)=>e.has(t)?g("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(t):e.set(t,s),h=(t,e,s)=>(y(t,e,"access private method"),s),p,l;let r=class extends _{constructor(){super(...arguments),S(this,p),this.detached=!1,this.spacing="",this.spacingTop="",this.spacingBottom=""}render(){return u`
       <div class="scb-accordion" ?detached=${this.detached}>
         <slot></slot>
       </div>
-    `}};i([a({type:Boolean,reflect:!0})],d.prototype,"detached",2);d=i([l("scb-accordion")],d);
+    `}firstUpdated(){h(this,p,l).call(this)}updated(t){(t.has("spacing")||t.has("spacingTop")||t.has("spacingBottom"))&&h(this,p,l).call(this)}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;l=function(){const t=this.mapSpacingToken(this.spacing),e=this.mapSpacingToken(this.spacingTop)??t,s=this.mapSpacingToken(this.spacingBottom)??t;e?this.style.setProperty("--scb-accordion-spacing-block-start",e):this.style.removeProperty("--scb-accordion-spacing-block-start"),s?this.style.setProperty("--scb-accordion-spacing-block-end",s):this.style.removeProperty("--scb-accordion-spacing-block-end")};r.styles=f`
+    :host {
+      display: block;
+      margin-block-start: var(--scb-accordion-spacing-block-start, 0);
+      margin-block-end: var(--scb-accordion-spacing-block-end, 0);
+    }
+  `;n([d({type:Boolean,reflect:!0})],r.prototype,"detached",2);n([d({type:String,reflect:!0})],r.prototype,"spacing",2);n([d({type:String,attribute:"spacing-top",reflect:!0})],r.prototype,"spacingTop",2);n([d({type:String,attribute:"spacing-bottom",reflect:!0})],r.prototype,"spacingBottom",2);r=n([b("scb-accordion")],r);

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

@@ -1,19 +1,28 @@
 const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["../../vendor/vendor-material.js","../../vendor/vendor.js"])))=>i.map(i=>d[i]);
-import{_ as m}from"../../vendor/preload-helper.js";import{a as _,n as l,r as p,i as u,E as d,x as n,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 i=customElements.define.bind(customElements);customElements.define=function(r,s,o){try{customElements.get(r)||i(r,s,o)}catch(h){var c=String(h||"");if(c.indexOf("already been used")===-1&&c.indexOf("NotSupportedError")===-1)throw h}}}}catch{}})();var v=Object.defineProperty,f=Object.getOwnPropertyDescriptor,a=(t,i,r,s)=>{for(var o=s>1?void 0:s?f(i,r):i,c=t.length-1,h;c>=0;c--)(h=t[c])&&(o=(s?h(i,r,o):h(o))||o);return s&&o&&v(i,r,o),o};let e=class extends u{constructor(){super(...arguments),this.src="",this.alt="",this.label="",this.size="medium",this.shape="circular",this.iconName="",this.variant="image",this._imgError=!1,this._hasIconSlot=!1,this._onImgLoad=()=>{this._imgError=!1,this.dispatchEvent(new CustomEvent("image-load",{bubbles:!0,composed:!0}))},this._onImgError=()=>{this._imgError=!0,this.dispatchEvent(new CustomEvent("image-error",{bubbles:!0,composed:!0}))},this._onIconSlotChange=t=>{const i=t.currentTarget;this._hasIconSlot=(i.assignedNodes({flatten:!0})||[]).length>0}}async firstUpdated(){this.variant==="icon"&&await m(()=>import("../../vendor/vendor-material.js").then(t=>t.i),__vite__mapDeps([0,1]),import.meta.url)}_initials(){const t=(this.label||this.alt||"").trim();if(!t)return"?";const i=t.split(/\s+/).filter(Boolean);if(i.length===1)return i[0].slice(0,1).toUpperCase();const r=i[0].slice(0,1),s=i[i.length-1].slice(0,1);return(r+s).toUpperCase()}_ariaLabel(){const t=(this.label||this.alt||"").trim();return t||null}render(){const t=this._ariaLabel(),i=this.variant==="image"&&!!this.src&&!this._imgError,r=n`${d}
+import{_ as g}from"../../vendor/preload-helper.js";import{a as f,n as o,r as v,i as b,E as h,x as c,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 i=customElements.define.bind(customElements);customElements.define=function(e,s,n){try{customElements.get(e)||i(e,s,n)}catch(p){var l=String(p||"");if(l.indexOf("already been used")===-1&&l.indexOf("NotSupportedError")===-1)throw p}}}}catch{}})();var z=Object.defineProperty,S=Object.getOwnPropertyDescriptor,u=t=>{throw TypeError(t)},r=(t,i,e,s)=>{for(var n=s>1?void 0:s?S(i,e):i,l=t.length-1,p;l>=0;l--)(p=t[l])&&(n=(s?p(i,e,n):p(n))||n);return s&&n&&z(i,e,n),n},k=(t,i,e)=>i.has(t)||u("Cannot "+e),x=(t,i,e)=>i.has(t)?u("Cannot add the same private member more than once"):i instanceof WeakSet?i.add(t):i.set(t,e),_=(t,i,e)=>(k(t,i,"access private method"),e),d,m;let a=class extends b{constructor(){super(...arguments),x(this,d),this.src="",this.alt="",this.label="",this.size="medium",this.shape="circular",this.iconName="",this.variant="image",this.spacing="",this.spacingTop="",this.spacingBottom="",this._imgError=!1,this._hasIconSlot=!1,this._onImgLoad=()=>{this._imgError=!1,this.dispatchEvent(new CustomEvent("image-load",{bubbles:!0,composed:!0}))},this._onImgError=()=>{this._imgError=!0,this.dispatchEvent(new CustomEvent("image-error",{bubbles:!0,composed:!0}))},this._onIconSlotChange=t=>{const i=t.currentTarget;this._hasIconSlot=(i.assignedNodes({flatten:!0})||[]).length>0}}async firstUpdated(){this.variant==="icon"&&await g(()=>import("../../vendor/vendor-material.js").then(t=>t.i),__vite__mapDeps([0,1]),import.meta.url),_(this,d,m).call(this)}updated(t){super.updated(t),t.has("variant")&&this.variant==="icon"&&g(()=>import("../../vendor/vendor-material.js").then(i=>i.i),__vite__mapDeps([0,1]),import.meta.url),(t.has("spacing")||t.has("spacingTop")||t.has("spacingBottom"))&&_(this,d,m).call(this)}_initials(){const t=(this.label||this.alt||"").trim();if(!t)return"?";const i=t.split(/\s+/).filter(Boolean);if(i.length===1)return i[0].slice(0,1).toUpperCase();const e=i[0].slice(0,1),s=i[i.length-1].slice(0,1);return(e+s).toUpperCase()}_ariaLabel(){const t=(this.label||this.alt||"").trim();return t||null}mapSpacingToken(t){if(!t)return;const i=String(t).trim();if(i)return/^\d+$/.test(i)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(i,10)))})`:i}render(){const t=this._ariaLabel(),i=this.variant==="image"&&!!this.src&&!this._imgError,e=c`${h}
         <slot name="icon" @slotchange=${this._onIconSlotChange}></slot>
-        ${this._hasIconSlot?d:this.iconName?n`<md-icon aria-hidden="true">${this.iconName}</md-icon>`:n`<div class="fallback" part="fallback">${this._initials()}</div>`}
-      `,s=i?n`<img class="photo" part="image" src=${this.src} alt=${this.alt}
-                    @load=${this._onImgLoad} @error=${this._onImgError} />`:n`
+        ${this._hasIconSlot?h:this.iconName?c`<md-icon aria-hidden="true">${this.iconName}</md-icon>`:c`<div class="fallback" part="fallback">${this._initials()}</div>`}
+      `,s=i?c`<img
+                class="photo"
+                part="image"
+                src=${this.src}
+                alt=${this.alt}
+                @load=${this._onImgLoad}
+                @error=${this._onImgError}
+              />`:c`
             <slot name="icon" @slotchange=${this._onIconSlotChange}></slot>
-            ${this._hasIconSlot?d:this.iconName?n`<md-icon aria-hidden="true">${this.iconName}</md-icon>`:n`<div class="fallback" part="fallback">${this._initials()}</div>`}
-          `;return n`
-      <div class="container" part="container" role="img" aria-label=${t??d}>
-        ${this.variant==="icon"?r:s}
+            ${this._hasIconSlot?h:this.iconName?c`<md-icon aria-hidden="true">${this.iconName}</md-icon>`:c`<div class="fallback" part="fallback">${this._initials()}</div>`}
+          `;return c`
+      <div class="container" part="container" role="img" aria-label=${t??h}>
+        ${this.variant==="icon"?e:s}
       </div>
-    `}};e.styles=_`
+    `}};d=new WeakSet;m=function(){const t=this.mapSpacingToken(this.spacing),i=this.mapSpacingToken(this.spacingTop)??t,e=this.mapSpacingToken(this.spacingBottom)??t;i?this.style.setProperty("--scb-avatar-spacing-block-start",i):this.style.removeProperty("--scb-avatar-spacing-block-start"),e?this.style.setProperty("--scb-avatar-spacing-block-end",e):this.style.removeProperty("--scb-avatar-spacing-block-end")};a.styles=f`
     :host {
       display: inline-block;
       vertical-align: middle;
+      margin-block-start: var(--scb-avatar-spacing-block-start, 0);
+      margin-block-end: var(--scb-avatar-spacing-block-end, 0);
+
       --_size: 40px;
       --_font-size: 16px;
       --_bg: var(--md-sys-color-primary-fixed-dim, var(--md-sys-color-primary-container));
@@ -96,4 +105,4 @@ import{_ as m}from"../../vendor/preload-helper.js";import{a as _,n as l,r as p,i
       outline-offset: 2px;
       border-radius: var(--_radius);
     }
-  `;a([l({type:String})],e.prototype,"src",2);a([l({type:String})],e.prototype,"alt",2);a([l({type:String})],e.prototype,"label",2);a([l({type:String,reflect:!0})],e.prototype,"size",2);a([l({type:String,reflect:!0})],e.prototype,"shape",2);a([l({type:String,attribute:"icon-name",reflect:!0})],e.prototype,"iconName",2);a([l({type:String,reflect:!0})],e.prototype,"variant",2);a([p()],e.prototype,"_imgError",2);a([p()],e.prototype,"_hasIconSlot",2);e=a([g("scb-avatar")],e);
+  `;r([o({type:String})],a.prototype,"src",2);r([o({type:String})],a.prototype,"alt",2);r([o({type:String})],a.prototype,"label",2);r([o({type:String,reflect:!0})],a.prototype,"size",2);r([o({type:String,reflect:!0})],a.prototype,"shape",2);r([o({type:String,attribute:"icon-name",reflect:!0})],a.prototype,"iconName",2);r([o({type:String,reflect:!0})],a.prototype,"variant",2);r([o({type:String,reflect:!0})],a.prototype,"spacing",2);r([o({type:String,attribute:"spacing-top",reflect:!0})],a.prototype,"spacingTop",2);r([o({type:String,attribute:"spacing-bottom",reflect:!0})],a.prototype,"spacingBottom",2);r([v()],a.prototype,"_imgError",2);r([v()],a.prototype,"_hasIconSlot",2);a=r([y("scb-avatar")],a);

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

@@ -1,4 +1,4 @@
-import{n as u,t as b,i as d,a as p,x as l}from"../../vendor/vendor.js";import"../scb-link/scb-link.js";import"../../vendor/vendor-material.js";(function(){try{var r=typeof globalThis<"u"?globalThis:window;if(!r.__scb_ce_guard_installed__){r.__scb_ce_guard_installed__=!0;var s=customElements.define.bind(customElements);customElements.define=function(t,a,e){try{customElements.get(t)||s(t,a,e)}catch(i){var n=String(i||"");if(n.indexOf("already been used")===-1&&n.indexOf("NotSupportedError")===-1)throw i}}}}catch{}})();var f=Object.defineProperty,m=Object.getOwnPropertyDescriptor,o=(r,s,t,a)=>{for(var e=a>1?void 0:a?m(s,t):s,n=r.length-1,i;n>=0;n--)(i=r[n])&&(e=(a?i(s,t,e):i(e))||e);return a&&e&&f(s,t,e),e};let c=class extends d{constructor(){super(...arguments),this.label="",this.isCurrent=!1,this.href=""}static get styles(){return p`
+import{n as o,t as b,i as p,a as d,x as l}from"../../vendor/vendor.js";import"../scb-link/scb-link.js";import"../../vendor/vendor-material.js";(function(){try{var r=typeof globalThis<"u"?globalThis:window;if(!r.__scb_ce_guard_installed__){r.__scb_ce_guard_installed__=!0;var s=customElements.define.bind(customElements);customElements.define=function(t,a,e){try{customElements.get(t)||s(t,a,e)}catch(i){var n=String(i||"");if(n.indexOf("already been used")===-1&&n.indexOf("NotSupportedError")===-1)throw i}}}}catch{}})();var f=Object.defineProperty,m=Object.getOwnPropertyDescriptor,u=(r,s,t,a)=>{for(var e=a>1?void 0:a?m(s,t):s,n=r.length-1,i;n>=0;n--)(i=r[n])&&(e=(a?i(s,t,e):i(e))||e);return a&&e&&f(s,t,e),e};let c=class extends p{constructor(){super(...arguments),this.label="",this.isCurrent=!1,this.href=""}static get styles(){return d`
       .breadcrumb-separator {
         margin: var(--spacing-0) var(--spacing-3);
         color: var(--md-sys-color-on-surface);
@@ -6,10 +6,9 @@ import{n as u,t as b,i as d,a as p,x as l}from"../../vendor/vendor.js";import"..
 
       .breadcrumb-current {
         color: var(--md-sys-color-on-surface);
-        font-weight: var(--weight-semibold);
         font-family: var(--brand, Inter);
       }
     `}updated(r){r.has("isCurrent")&&this.dispatchEvent(new CustomEvent("current-changed",{detail:{isCurrent:this.isCurrent},bubbles:!0,composed:!0}))}render(){switch(!0){case this.isCurrent:return l`<span class="breadcrumb-current">${this.label}</span>`;default:return l`
           <scb-link href="${this.href}">${this.label}</scb-link>
           <span class="breadcrumb-separator">/</span>
-        `}}};o([u({type:String})],c.prototype,"label",2);o([u({type:Boolean,attribute:"is-current",reflect:!0})],c.prototype,"isCurrent",2);o([u({type:String,attribute:"item-href"})],c.prototype,"href",2);c=o([b("scb-breadcrumb-item")],c);
+        `}}};u([o({type:String})],c.prototype,"label",2);u([o({type:Boolean,attribute:"is-current",reflect:!0})],c.prototype,"isCurrent",2);u([o({type:String,attribute:"item-href"})],c.prototype,"href",2);c=u([b("scb-breadcrumb-item")],c);

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

@@ -1,4 +1,10 @@
-import{n as d,t as b,i as p,a as u,x as o}from"../../vendor/vendor.js";import"./scb-breadcrumb-item.js";import"../../vendor/vendor-material.js";import"../scb-link/scb-link.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(s,a,t){try{customElements.get(s)||r(s,a,t)}catch(l){var i=String(l||"");if(i.indexOf("already been used")===-1&&i.indexOf("NotSupportedError")===-1)throw l}}}}catch{}})();var m=Object.defineProperty,h=Object.getOwnPropertyDescriptor,c=(e,r,s,a)=>{for(var t=a>1?void 0:a?h(r,s):r,i=e.length-1,l;i>=0;i--)(l=e[i])&&(t=(a?l(r,s,t):l(t))||t);return a&&t&&m(r,s,t),t};let n=class extends p{constructor(){super(...arguments),this.showAll=!1}static get styles(){return u`
+import{n as p,t as u,i as f,a as g,x as d}from"../../vendor/vendor.js";import"./scb-breadcrumb-item.js";import"../../vendor/vendor-material.js";import"../scb-link/scb-link.js";(function(){try{var e=typeof globalThis<"u"?globalThis:window;if(!e.__scb_ce_guard_installed__){e.__scb_ce_guard_installed__=!0;var s=customElements.define.bind(customElements);customElements.define=function(t,a,r){try{customElements.get(t)||s(t,a,r)}catch(o){var i=String(o||"");if(i.indexOf("already been used")===-1&&i.indexOf("NotSupportedError")===-1)throw o}}}}catch{}})();var y=Object.defineProperty,v=Object.getOwnPropertyDescriptor,h=e=>{throw TypeError(e)},c=(e,s,t,a)=>{for(var r=a>1?void 0:a?v(s,t):s,i=e.length-1,o;i>=0;i--)(o=e[i])&&(r=(a?o(s,t,r):o(r))||r);return a&&r&&y(s,t,r),r},_=(e,s,t)=>s.has(e)||h("Cannot "+t),w=(e,s,t)=>s.has(e)?h("Cannot add the same private member more than once"):s instanceof WeakSet?s.add(e):s.set(e,t),m=(e,s,t)=>(_(e,s,"access private method"),t),l,b;let n=class extends f{constructor(){super(...arguments),w(this,l),this.showAll=!1,this.spacing="",this.spacingTop="",this.spacingBottom=""}static get styles(){return g`
+      :host {
+        display: block;
+        margin-block-start: var(--scb-breadcrumb-spacing-block-start, 0);
+        margin-block-end: var(--scb-breadcrumb-spacing-block-end, 0);
+      }
+
       .scb-breadcrumb {
         display: flex;
         align-items: center;
@@ -66,15 +72,15 @@ import{n as d,t as b,i as p,a as u,x as o}from"../../vendor/vendor.js";import"./
           transform: translateY(0);
         }
       }
-    `}connectedCallback(){super.connectedCallback(),this._observer=new MutationObserver(()=>{this.requestUpdate()}),this._observer.observe(this,{childList:!0})}disconnectedCallback(){super.disconnectedCallback(),this._observer?.disconnect()}updated(e){e.has("showAll")&&this.dispatchEvent(new CustomEvent("show-all-changed",{detail:{showAll:this.showAll},bubbles:!0,composed:!0}))}_onEllipsisClick(){this.showAll?this.showAll=!1:(this.showAll=!0,this.updateComplete.then(()=>{const e=this.shadowRoot?.querySelectorAll(".scb-breadcrumb.expanded > scb-breadcrumb-item");e&&(e.forEach((r,s)=>{r.classList.add("breadcrumb-animate"),r.style.animationDelay=`${s*60}ms`}),setTimeout(()=>{e.forEach(r=>{r.classList.remove("breadcrumb-animate"),r.style.animationDelay=""})},600))}))}render(){let e=[];if(this.children.length||(e=Array.from(this.shadowRoot?this.shadowRoot.querySelectorAll("scb-breadcrumb-item"):[])),e.length||(e=Array.from(this.children).filter(s=>s.tagName.toLowerCase()==="scb-breadcrumb-item")),e.length>0){const s=e.length-1;e.forEach((a,t)=>{a.toggleAttribute("is-current",t===s)})}const r=e.length>6&&!this.showAll;return o`
-      <div class="scb-breadcrumb ${r?"collapsed":"expanded"}">
-        ${r?e.map((s,a)=>a===3?o`<span
+    `}connectedCallback(){super.connectedCallback(),this._observer=new MutationObserver(()=>{this.requestUpdate()}),this._observer.observe(this,{childList:!0})}disconnectedCallback(){super.disconnectedCallback(),this._observer?.disconnect()}firstUpdated(){m(this,l,b).call(this)}updated(e){e.has("showAll")&&this.dispatchEvent(new CustomEvent("show-all-changed",{detail:{showAll:this.showAll},bubbles:!0,composed:!0})),(e.has("spacing")||e.has("spacingTop")||e.has("spacingBottom"))&&m(this,l,b).call(this)}mapSpacingToken(e){if(!e)return;const s=String(e).trim();if(s)return/^\d+$/.test(s)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(s,10)))})`:s}_onEllipsisClick(){this.showAll?this.showAll=!1:(this.showAll=!0,this.updateComplete.then(()=>{const e=this.shadowRoot?.querySelectorAll(".scb-breadcrumb.expanded > scb-breadcrumb-item");e&&(e.forEach((s,t)=>{s.classList.add("breadcrumb-animate"),s.style.animationDelay=`${t*60}ms`}),setTimeout(()=>{e.forEach(s=>{s.classList.remove("breadcrumb-animate"),s.style.animationDelay=""})},600))}))}render(){let e=[];if(this.children.length||(e=Array.from(this.shadowRoot?this.shadowRoot.querySelectorAll("scb-breadcrumb-item"):[])),e.length||(e=Array.from(this.children).filter(t=>t.tagName.toLowerCase()==="scb-breadcrumb-item")),e.length>0){const t=e.length-1;e.forEach((a,r)=>{a.toggleAttribute("is-current",r===t)})}const s=e.length>6&&!this.showAll;return d`
+      <div class="scb-breadcrumb ${s?"collapsed":"expanded"}">
+        ${s?e.map((t,a)=>a===3?d`<span
                       class="ellipsis"
                       aria-label="Visa alla"
                       role="button"
                       tabindex="0"
                       @click=${this._onEllipsisClick}
-                      @keydown=${t=>{(t.key==="Enter"||t.key===" ")&&this._onEllipsisClick()}}
+                      @keydown=${r=>{(r.key==="Enter"||r.key===" ")&&this._onEllipsisClick()}}
                     >
                       <md-icon>
                         <md-focus-ring></md-focus-ring>
@@ -82,6 +88,6 @@ import{n as d,t as b,i as p,a as u,x as o}from"../../vendor/vendor.js";import"./
                       </md-icon>
                     </span>
                     <span class="breadcrumb-separator">/</span>
-                    ${s}`:o`${s}`):e.map(s=>s)}
+                    ${t}`:d`${t}`):e.map(t=>t)}
       </div>
-    `}};c([d({type:Boolean,attribute:"show-all",reflect:!0})],n.prototype,"showAll",2);n=c([b("scb-breadcrumb")],n);
+    `}};l=new WeakSet;b=function(){const e=this.mapSpacingToken(this.spacing),s=this.mapSpacingToken(this.spacingTop)??e,t=this.mapSpacingToken(this.spacingBottom)??e;s?this.style.setProperty("--scb-breadcrumb-spacing-block-start",s):this.style.removeProperty("--scb-breadcrumb-spacing-block-start"),t?this.style.setProperty("--scb-breadcrumb-spacing-block-end",t):this.style.removeProperty("--scb-breadcrumb-spacing-block-end")};c([p({type:Boolean,attribute:"show-all",reflect:!0})],n.prototype,"showAll",2);c([p({type:String,reflect:!0})],n.prototype,"spacing",2);c([p({type:String,attribute:"spacing-top",reflect:!0})],n.prototype,"spacingTop",2);c([p({type:String,attribute:"spacing-bottom",reflect:!0})],n.prototype,"spacingBottom",2);n=c([u("scb-breadcrumb")],n);

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

@@ -1,11 +1,13 @@
-import{n as c,t as $,i as A,a as x,x as h,E as r}from"../../vendor/vendor.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,o,n){try{customElements.get(i)||e(i,o,n)}catch(d){var s=String(d||"");if(s.indexOf("already been used")===-1&&s.indexOf("NotSupportedError")===-1)throw d}}}}catch{}})();var I=Object.defineProperty,S=Object.getOwnPropertyDescriptor,l=(t,e,i,o)=>{for(var n=o>1?void 0:o?S(e,i):e,s=t.length-1,d;s>=0;s--)(d=t[s])&&(n=(o?d(e,i,n):d(n))||n);return o&&n&&I(e,i,n),n};let a=class extends A{constructor(){super(...arguments),this.variant="filled",this.type="button",this.label="Button",this.trailingIcon=!1,this.icon="",this.disabled=!1,this.href="",this.target="",this.rel=""}__getMdHost(){return this.renderRoot.querySelector("md-filled-button, md-outlined-button, md-filled-tonal-button, md-text-button")}__getInnerNativeButton(t){return t?.shadowRoot?.querySelector("button")??null}__syncAriaToInner(){const t=this.__getMdHost(),e=this.__getInnerNativeButton(t);if(!t||!e)return;const i=(this.getAttribute("aria-label")||"").trim(),o=(t.getAttribute("aria-label")||"").trim(),n=this.label.trim()===""?(this.icon||"").trim():"",s=i||o||n;s?e.setAttribute("aria-label",s):e.removeAttribute("aria-label");const d=this.getAttribute("aria-controls");d!==null?e.setAttribute("aria-controls",d):e.removeAttribute("aria-controls");const v=this.getAttribute("aria-expanded");v!==null?e.setAttribute("aria-expanded",v):e.removeAttribute("aria-expanded"),t.removeAttribute("aria-label"),t.removeAttribute("aria-controls"),t.removeAttribute("aria-expanded"),this.removeAttribute("aria-expanded"),this.__ariaObserver?.disconnect(),this.__ariaObserver=new MutationObserver(g=>{const b=this.__getMdHost(),m=this.__getInnerNativeButton(b);if(!(!b||!m)){for(const f of g){if(f.type!=="attributes"||!f.attributeName)continue;const u=f.attributeName,p=this.getAttribute(u);if(u==="aria-label"){const _=(b.getAttribute("aria-label")||"").trim(),y=(p||_||(this.label.trim()===""?(this.icon||"").trim():"")).trim();y?m.setAttribute("aria-label",y):m.removeAttribute("aria-label"),b.removeAttribute("aria-label")}else(u==="aria-controls"||u==="aria-expanded")&&(p===null?m.removeAttribute(u):m.setAttribute(u,p),u==="aria-expanded"&&this.removeAttribute("aria-expanded"))}b.removeAttribute("aria-label"),b.removeAttribute("aria-controls"),b.removeAttribute("aria-expanded")}}),this.__ariaObserver.observe(this,{attributes:!0,attributeFilter:["aria-label","aria-controls","aria-expanded"]})}firstUpdated(){(this.type==="submit"||this.type==="reset")&&this.addEventListener("click",()=>{if(!this.disabled){const t=this.closest("form");t&&(this.type==="submit"&&t.requestSubmit(),this.type==="reset"&&t.reset())}}),this.__syncAriaToInner()}updated(t){t.has("variant")&&this.__syncAriaToInner()}disconnectedCallback(){this.__ariaObserver?.disconnect(),super.disconnectedCallback()}static get styles(){return x`
+import{n as s,t as I,i as k,a as T,x as h,E as i}from"../../vendor/vendor.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(r,a,l){try{customElements.get(r)||e(r,a,l)}catch(d){var c=String(d||"");if(c.indexOf("already been used")===-1&&c.indexOf("NotSupportedError")===-1)throw d}}}}catch{}})();var B=Object.defineProperty,O=Object.getOwnPropertyDescriptor,A=t=>{throw TypeError(t)},n=(t,e,r,a)=>{for(var l=a>1?void 0:a?O(e,r):e,c=t.length-1,d;c>=0;c--)(d=t[c])&&(l=(a?d(e,r,l):d(l))||l);return a&&l&&B(e,r,l),l},w=(t,e,r)=>e.has(t)||A("Cannot "+r),E=(t,e,r)=>e.has(t)?A("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(t):e.set(t,r),$=(t,e,r)=>(w(t,e,"access private method"),r),m,g;let o=class extends k{constructor(){super(...arguments),E(this,m),this.variant="filled",this.type="button",this.label="Button",this.trailingIcon=!1,this.icon="",this.disabled=!1,this.href="",this.target="",this.rel="",this.spacing="",this.spacingTop="",this.spacingBottom=""}__getMdHost(){return this.renderRoot.querySelector("md-filled-button, md-outlined-button, md-filled-tonal-button, md-text-button")}__getInnerNativeButton(t){return t?.shadowRoot?.querySelector("button")??null}__syncAriaToInner(){const t=this.__getMdHost(),e=this.__getInnerNativeButton(t);if(!t||!e)return;const r=(this.getAttribute("aria-label")||"").trim(),a=(t.getAttribute("aria-label")||"").trim(),l=this.label.trim()===""?(this.icon||"").trim():"",c=r||a||l;c?e.setAttribute("aria-label",c):e.removeAttribute("aria-label");const d=this.getAttribute("aria-controls");d!==null?e.setAttribute("aria-controls",d):e.removeAttribute("aria-controls");const y=this.getAttribute("aria-expanded");y!==null?e.setAttribute("aria-expanded",y):e.removeAttribute("aria-expanded"),t.removeAttribute("aria-label"),t.removeAttribute("aria-controls"),t.removeAttribute("aria-expanded"),this.removeAttribute("aria-expanded"),this.__ariaObserver?.disconnect(),this.__ariaObserver=new MutationObserver(x=>{const b=this.__getMdHost(),p=this.__getInnerNativeButton(b);if(!(!b||!p)){for(const f of x){if(f.type!=="attributes"||!f.attributeName)continue;const u=f.attributeName,v=this.getAttribute(u);if(u==="aria-label"){const S=(b.getAttribute("aria-label")||"").trim(),_=(v||S||(this.label.trim()===""?(this.icon||"").trim():"")).trim();_?p.setAttribute("aria-label",_):p.removeAttribute("aria-label"),b.removeAttribute("aria-label")}else(u==="aria-controls"||u==="aria-expanded")&&(v===null?p.removeAttribute(u):p.setAttribute(u,v),u==="aria-expanded"&&this.removeAttribute("aria-expanded"))}b.removeAttribute("aria-label"),b.removeAttribute("aria-controls"),b.removeAttribute("aria-expanded")}}),this.__ariaObserver.observe(this,{attributes:!0,attributeFilter:["aria-label","aria-controls","aria-expanded"]})}firstUpdated(){(this.type==="submit"||this.type==="reset")&&this.addEventListener("click",()=>{if(!this.disabled){const t=this.closest("form");t&&(this.type==="submit"&&t.requestSubmit(),this.type==="reset"&&t.reset())}}),this.__syncAriaToInner(),$(this,m,g).call(this)}updated(t){t.has("variant")&&this.__syncAriaToInner(),(t.has("spacing")||t.has("spacingTop")||t.has("spacingBottom"))&&$(this,m,g).call(this)}disconnectedCallback(){this.__ariaObserver?.disconnect(),super.disconnectedCallback()}mapSpacingToken(t){if(!t)return;const e=String(t).trim();if(e)return/^\d+$/.test(e)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(e,10)))})`:e}static get styles(){return T`
       /* Gör hosten stretchbar i t.ex. flex/grid */
       :host {
         display: inline-flex;
         block-size: var(--scb-button-block-size, auto);
+        margin-block-start: var(--scb-button-spacing-block-start, 0);
+        margin-block-end: var(--scb-button-spacing-block-end, 0);
       }
 
-      /* Låt inre md-knappen fylla hostens höjd*/
+      /* Låt inre md-knappar fylla hostens höjd */
       md-filled-button,
       md-outlined-button,
       md-filled-tonal-button,
@@ -57,64 +59,64 @@ import{n as c,t as $,i as A,a as x,x as h,E as r}from"../../vendor/vendor.js";im
         }
       }
       */
-    `}render(){const t=!!this.icon?.trim(),e=t?h`<md-icon slot="icon">${this.icon}</md-icon>`:r,i=r,o=this.label.trim()===""?this.icon:void 0;switch(this.variant){case"filled":return h`
+    `}render(){const t=!!this.icon?.trim(),e=t?h`<md-icon slot="icon">${this.icon}</md-icon>`:i,r=i,a=this.label.trim()===""?this.icon:void 0;switch(this.variant){case"filled":return h`
           <md-filled-button
             type=${this.type}
-            variant=${i}
+            variant=${r}
             ?trailing-icon=${this.trailingIcon}
             ?disabled=${this.disabled}
-            aria-label=${o}
-            href=${this.href||r}
-            target=${this.target||r}
-            rel=${this.rel||r}
+            aria-label=${a}
+            href=${this.href||i}
+            target=${this.target||i}
+            rel=${this.rel||i}
           >
-            ${t&&!this.trailingIcon?e:r}
+            ${t&&!this.trailingIcon?e:i}
             ${this.label}
-            ${t&&this.trailingIcon?e:r}
+            ${t&&this.trailingIcon?e:i}
           </md-filled-button>
         `;case"outlined":return h`
           <md-outlined-button
             type=${this.type}
-            variant=${i}
+            variant=${r}
             ?trailing-icon=${this.trailingIcon}
             ?disabled=${this.disabled}
-            aria-label=${o}
-            href=${this.href||r}
-            target=${this.target||r}
-            rel=${this.rel||r}
+            aria-label=${a}
+            href=${this.href||i}
+            target=${this.target||i}
+            rel=${this.rel||i}
           >
-            ${t&&!this.trailingIcon?e:r}
+            ${t&&!this.trailingIcon?e:i}
             ${this.label}
-            ${t&&this.trailingIcon?e:r}
+            ${t&&this.trailingIcon?e:i}
           </md-outlined-button>
         `;case"filled-tonal":return h`
           <md-filled-tonal-button
             type=${this.type}
-            variant=${i}
+            variant=${r}
             ?trailing-icon=${this.trailingIcon}
             ?disabled=${this.disabled}
-            aria-label=${o}
-            href=${this.href||r}
-            target=${this.target||r}
-            rel=${this.rel||r}
+            aria-label=${a}
+            href=${this.href||i}
+            target=${this.target||i}
+            rel=${this.rel||i}
           >
-            ${t&&!this.trailingIcon?e:r}
+            ${t&&!this.trailingIcon?e:i}
             ${this.label}
-            ${t&&this.trailingIcon?e:r}
+            ${t&&this.trailingIcon?e:i}
           </md-filled-tonal-button>
         `;case"text":return h`
           <md-text-button
             type=${this.type}
-            variant=${i}
+            variant=${r}
             ?trailing-icon=${this.trailingIcon}
             ?disabled=${this.disabled}
-            aria-label=${o}
-            href=${this.href||r}
-            target=${this.target||r}
-            rel=${this.rel||r}
+            aria-label=${a}
+            href=${this.href||i}
+            target=${this.target||i}
+            rel=${this.rel||i}
           >
-            ${t&&!this.trailingIcon?e:r}
+            ${t&&!this.trailingIcon?e:i}
             ${this.label}
-            ${t&&this.trailingIcon?e:r}
+            ${t&&this.trailingIcon?e:i}
           </md-text-button>
-        `;default:return h``}}};l([c({type:String,reflect:!0})],a.prototype,"variant",2);l([c({type:String,reflect:!0})],a.prototype,"type",2);l([c({type:String})],a.prototype,"label",2);l([c({type:Boolean,attribute:"trailing-icon"})],a.prototype,"trailingIcon",2);l([c({type:String})],a.prototype,"icon",2);l([c({type:Boolean,reflect:!0})],a.prototype,"disabled",2);l([c({type:String})],a.prototype,"href",2);l([c({type:String})],a.prototype,"target",2);l([c({type:String})],a.prototype,"rel",2);a=l([$("scb-button")],a);
+        `;default:return h``}}};m=new WeakSet;g=function(){const t=this.mapSpacingToken(this.spacing),e=this.mapSpacingToken(this.spacingTop)??t,r=this.mapSpacingToken(this.spacingBottom)??t;e?this.style.setProperty("--scb-button-spacing-block-start",e):this.style.removeProperty("--scb-button-spacing-block-start"),r?this.style.setProperty("--scb-button-spacing-block-end",r):this.style.removeProperty("--scb-button-spacing-block-end")};n([s({type:String,reflect:!0})],o.prototype,"variant",2);n([s({type:String,reflect:!0})],o.prototype,"type",2);n([s({type:String})],o.prototype,"label",2);n([s({type:Boolean,attribute:"trailing-icon"})],o.prototype,"trailingIcon",2);n([s({type:String})],o.prototype,"icon",2);n([s({type:Boolean,reflect:!0})],o.prototype,"disabled",2);n([s({type:String})],o.prototype,"href",2);n([s({type:String})],o.prototype,"target",2);n([s({type:String})],o.prototype,"rel",2);n([s({type:String,reflect:!0})],o.prototype,"spacing",2);n([s({type:String,attribute:"spacing-top",reflect:!0})],o.prototype,"spacingTop",2);n([s({type:String,attribute:"spacing-bottom",reflect:!0})],o.prototype,"spacingBottom",2);o=n([I("scb-button")],o);

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

@@ -1,7 +1,7 @@
 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 p}from"../../vendor/preload-helper.js";import{a as f,n as r,i as g,x as c,t as u}from"../../vendor/vendor.js";import"../../vendor/vendor-material.js";(function(){try{var e=typeof globalThis<"u"?globalThis:window;if(!e.__scb_ce_guard_installed__){e.__scb_ce_guard_installed__=!0;var s=customElements.define.bind(customElements);customElements.define=function(n,o,a){try{customElements.get(n)||s(n,o,a)}catch(d){var l=String(d||"");if(l.indexOf("already been used")===-1&&l.indexOf("NotSupportedError")===-1)throw d}}}}catch{}})();var y=Object.defineProperty,v=Object.getOwnPropertyDescriptor,t=(e,s,n,o)=>{for(var a=o>1?void 0:o?v(s,n):s,l=e.length-1,d;l>=0;l--)(d=e[l])&&(a=(o?d(s,n,a):d(a))||a);return o&&a&&y(s,n,a),a};let i=class extends g{constructor(){super(...arguments),this.variant="default",this.direction="horizontal",this.title="",this.subtitle="",this.supportingText="",this.cardHref="",this.cardHrefNav="",this.showMedia=null,this.mediaWidth="",this.mediaHeight="",this.mediaAspect="",this.width="",this.maxWidth="",this.minWidth="",this.height="",this.maxHeight="",this.minHeight="",this.sizing="stretch"}async firstUpdated(){i.__iconLoaded||(await p(()=>import("../../vendor/vendor-material.js").then(e=>e.i),__vite__mapDeps([0,1]),import.meta.url),i.__iconLoaded=!0),i.__rippleLoaded||(await p(()=>import("../../vendor/vendor-material.js").then(e=>e.r),__vite__mapDeps([0,1]),import.meta.url),i.__rippleLoaded=!0),this.__applyInnerSizing()}render(){const e=this.variant?`${this.variant.toLowerCase()}`:"",s=this.direction?`${this.direction.toLowerCase()}`:"",n=this.cardHref?"clickable":"",o=1,a="Jan",l=this.mediaWidth&&this.mediaWidth.trim()!==""?this.mediaWidth:"",d=this.mediaHeight&&this.mediaHeight.trim()!==""?this.mediaHeight:"",h=this.mediaAspect&&this.mediaAspect.trim()!==""?this.mediaAspect:"",m=`${l?`inline-size:${l};`:""}${d?`block-size:${d};`:""}${h?`aspect-ratio:${h};`:""}`;return c`
+import{_ as g}from"../../vendor/preload-helper.js";import{a as v,n as a,i as b,x as d,t as x}from"../../vendor/vendor.js";import"../../vendor/vendor-material.js";(function(){try{var e=typeof globalThis<"u"?globalThis:window;if(!e.__scb_ce_guard_installed__){e.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(s,o,n){try{customElements.get(s)||t(s,o,n)}catch(c){var l=String(c||"");if(l.indexOf("already been used")===-1&&l.indexOf("NotSupportedError")===-1)throw c}}}}catch{}})();var w=Object.defineProperty,_=Object.getOwnPropertyDescriptor,y=e=>{throw TypeError(e)},r=(e,t,s,o)=>{for(var n=o>1?void 0:o?_(t,s):t,l=e.length-1,c;l>=0;l--)(c=e[l])&&(n=(o?c(t,s,n):c(n))||n);return o&&n&&w(t,s,n),n},z=(e,t,s)=>t.has(e)||y("Cannot "+s),k=(e,t,s)=>t.has(e)?y("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(e):t.set(e,s),f=(e,t,s)=>(z(e,t,"access private method"),s),p,h;let i=class extends b{constructor(){super(...arguments),k(this,p),this.variant="default",this.direction="horizontal",this.title="",this.subtitle="",this.supportingText="",this.cardHref="",this.cardHrefNav="",this.showMedia=null,this.mediaWidth="",this.mediaHeight="",this.mediaAspect="",this.width="",this.maxWidth="",this.minWidth="",this.height="",this.maxHeight="",this.minHeight="",this.sizing="stretch",this.spacing="",this.spacingTop="",this.spacingBottom=""}async firstUpdated(){i.__iconLoaded||(await g(()=>import("../../vendor/vendor-material.js").then(e=>e.i),__vite__mapDeps([0,1]),import.meta.url),i.__iconLoaded=!0),i.__rippleLoaded||(await g(()=>import("../../vendor/vendor-material.js").then(e=>e.r),__vite__mapDeps([0,1]),import.meta.url),i.__rippleLoaded=!0),this.__applyInnerSizing(),f(this,p,h).call(this)}render(){const e=this.variant?`${this.variant.toLowerCase()}`:"",t=this.direction?`${this.direction.toLowerCase()}`:"",s=this.cardHref?"clickable":"",o=1,n="Jan",l=this.mediaWidth&&this.mediaWidth.trim()!==""?this.mediaWidth:"",c=this.mediaHeight&&this.mediaHeight.trim()!==""?this.mediaHeight:"",m=this.mediaAspect&&this.mediaAspect.trim()!==""?this.mediaAspect:"",u=`${l?`inline-size:${l};`:""}${c?`block-size:${c};`:""}${m?`aspect-ratio:${m};`:""}`;return d`
       <div
-        class="calendar-card ${s} ${n} ${e}"
+        class="calendar-card ${t} ${s} ${e}"
         role="${this.cardHref?"link":"group"}"
         aria-label="${this.title||"Kalenderkort"}"
         tabindex="${this.cardHref?"0":"-1"}"
@@ -9,24 +9,24 @@ import{_ as p}from"../../vendor/preload-helper.js";import{a as f,n as r,i as g,x
         @keydown=${this.cardHref?this._onKeyDown:null}
         style="cursor: ${this.cardHref?"pointer":"default"};"
       >
-        ${this.cardHref?c`<md-ripple></md-ripple>`:""}
-        ${this.showMedia?c`
-              <div class="media" style="${m}" aria-label="Datum: ${o} ${a}">
+        ${this.cardHref?d`<md-ripple></md-ripple>`:""}
+        ${this.showMedia?d`
+              <div class="media" style="${u}" aria-label="Datum: ${o} ${n}">
                 <div class="day">${o}</div>
-                <div class="month">${a}</div>
+                <div class="month">${n}</div>
               </div>
             `:""}
         <div class="container">
           <div class="header-container">
             <div class="header">${this.title}</div>
-            ${this.cardHref?c`<md-icon>arrow_forward</md-icon>`:""}
+            ${this.cardHref?d`<md-icon>arrow_forward</md-icon>`:""}
           </div>
-          ${this.subtitle?c`<div class="subtitle">${this.subtitle}</div>`:""}
-          ${this.supportingText?c`<div class="supporting-text">${this.supportingText}</div>`:""}
+          ${this.subtitle?d`<div class="subtitle">${this.subtitle}</div>`:""}
+          ${this.supportingText?d`<div class="supporting-text">${this.supportingText}</div>`:""}
         </div>
       </div>
       <md-focus-ring></md-focus-ring>
-    `}__applyInnerSizing(){const e=this.renderRoot.querySelector(".calendar-card");if(!e)return;this.width&&this.width.trim()!==""?(e.style.inlineSize="100%",e.style.maxInlineSize="100%"):(e.style.removeProperty("inline-size"),e.style.removeProperty("max-inline-size")),this.height&&this.height.trim()!==""||this.sizing==="stretch"?e.style.blockSize="100%":e.style.removeProperty("block-size"),this.maxHeight&&this.maxHeight.trim()!==""?e.style.maxBlockSize="100%":e.style.removeProperty("max-block-size")}_onKeyDown(e){(e.key==="Enter"||e.key===" ")&&this.cardHref&&(window.open(this.cardHref,"_self"),e.preventDefault())}_handleHrefNavigation(){this.cardHref&&(this.cardHrefNav==="tab"?window.open(this.cardHref,"_blank"):this.cardHrefNav==="window"?window.open(this.cardHref,"_blank","noopener,noreferrer,width=800,height=600"):window.open(this.cardHref,"_self"))}updated(e){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("minWidth")&&(this.minWidth?this.style.minInlineSize=this.minWidth:this.style.removeProperty("min-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")),e.has("minHeight")&&(this.minHeight?this.style.minBlockSize=this.minHeight:this.style.removeProperty("min-block-size")),(e.has("width")||e.has("height")||e.has("maxHeight")||e.has("sizing"))&&this.__applyInnerSizing()}};i.__iconLoaded=!1;i.__rippleLoaded=!1;i.styles=f`
+    `}__applyInnerSizing(){const e=this.renderRoot.querySelector(".calendar-card");if(!e)return;this.width&&this.width.trim()!==""?(e.style.inlineSize="100%",e.style.maxInlineSize="100%"):(e.style.removeProperty("inline-size"),e.style.removeProperty("max-inline-size")),this.height&&this.height.trim()!==""||this.sizing==="stretch"?e.style.blockSize="100%":e.style.removeProperty("block-size"),this.maxHeight&&this.maxHeight.trim()!==""?e.style.maxBlockSize="100%":e.style.removeProperty("max-block-size")}_onKeyDown(e){(e.key==="Enter"||e.key===" ")&&this.cardHref&&(window.open(this.cardHref,"_self"),e.preventDefault())}_handleHrefNavigation(){this.cardHref&&(this.cardHrefNav==="tab"?window.open(this.cardHref,"_blank"):this.cardHrefNav==="window"?window.open(this.cardHref,"_blank","noopener,noreferrer,width=800,height=600"):window.open(this.cardHref,"_self"))}mapSpacingToken(e){if(!e)return;const t=String(e).trim();if(t)return/^\d+$/.test(t)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(t,10)))})`:t}updated(e){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("minWidth")&&(this.minWidth?this.style.minInlineSize=this.minWidth:this.style.removeProperty("min-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")),e.has("minHeight")&&(this.minHeight?this.style.minBlockSize=this.minHeight:this.style.removeProperty("min-block-size")),(e.has("width")||e.has("height")||e.has("maxHeight")||e.has("sizing"))&&this.__applyInnerSizing(),(e.has("spacing")||e.has("spacingTop")||e.has("spacingBottom"))&&f(this,p,h).call(this)}};p=new WeakSet;h=function(){const e=this.mapSpacingToken(this.spacing),t=this.mapSpacingToken(this.spacingTop)??e,s=this.mapSpacingToken(this.spacingBottom)??e;t?this.style.setProperty("--scb-calendar-card-spacing-block-start",t):this.style.removeProperty("--scb-calendar-card-spacing-block-start"),s?this.style.setProperty("--scb-calendar-card-spacing-block-end",s):this.style.removeProperty("--scb-calendar-card-spacing-block-end")};i.__iconLoaded=!1;i.__rippleLoaded=!1;i.styles=v`
     :host {
       display: block;
       position: relative;
@@ -34,6 +34,8 @@ import{_ as p}from"../../vendor/preload-helper.js";import{a as f,n as r,i as g,x
       inline-size: 100%;
       min-inline-size: 0;
       padding: var(--scb-calendar-card-focus-ring-gap, 4px);
+      margin-block-start: var(--scb-calendar-card-spacing-block-start, 0);
+      margin-block-end: var(--scb-calendar-card-spacing-block-end, 0);
     }
 
     :host([sizing='stretch']) {
@@ -243,4 +245,4 @@ import{_ as p}from"../../vendor/preload-helper.js";import{a as f,n as r,i as g,x
       overflow: visible;
       text-overflow: clip;
     }
-  `;t([r({type:String,reflect:!0})],i.prototype,"variant",2);t([r({type:String,reflect:!0})],i.prototype,"direction",2);t([r({type:String,reflect:!0})],i.prototype,"title",2);t([r({type:String,reflect:!0})],i.prototype,"subtitle",2);t([r({type:String,attribute:"supporting-text",reflect:!0})],i.prototype,"supportingText",2);t([r({type:String,attribute:"card-href"})],i.prototype,"cardHref",2);t([r({type:String,attribute:"card-href-nav"})],i.prototype,"cardHrefNav",2);t([r({type:Boolean,reflect:!0,attribute:"show-media"})],i.prototype,"showMedia",2);t([r({type:String,attribute:"media-width"})],i.prototype,"mediaWidth",2);t([r({type:String,attribute:"media-height"})],i.prototype,"mediaHeight",2);t([r({type:String,attribute:"media-aspect"})],i.prototype,"mediaAspect",2);t([r({type:String,reflect:!0})],i.prototype,"width",2);t([r({type:String,reflect:!0,attribute:"max-width"})],i.prototype,"maxWidth",2);t([r({type:String,attribute:"min-width"})],i.prototype,"minWidth",2);t([r({type:String,reflect:!0})],i.prototype,"height",2);t([r({type:String,reflect:!0,attribute:"max-height"})],i.prototype,"maxHeight",2);t([r({type:String,attribute:"min-height"})],i.prototype,"minHeight",2);t([r({type:String,reflect:!0})],i.prototype,"sizing",2);i=t([u("scb-calendar-card")],i);
+  `;r([a({type:String,reflect:!0})],i.prototype,"variant",2);r([a({type:String,reflect:!0})],i.prototype,"direction",2);r([a({type:String,reflect:!0})],i.prototype,"title",2);r([a({type:String,reflect:!0})],i.prototype,"subtitle",2);r([a({type:String,attribute:"supporting-text",reflect:!0})],i.prototype,"supportingText",2);r([a({type:String,attribute:"card-href"})],i.prototype,"cardHref",2);r([a({type:String,attribute:"card-href-nav"})],i.prototype,"cardHrefNav",2);r([a({type:Boolean,reflect:!0,attribute:"show-media"})],i.prototype,"showMedia",2);r([a({type:String,attribute:"media-width"})],i.prototype,"mediaWidth",2);r([a({type:String,attribute:"media-height"})],i.prototype,"mediaHeight",2);r([a({type:String,attribute:"media-aspect"})],i.prototype,"mediaAspect",2);r([a({type:String,reflect:!0})],i.prototype,"width",2);r([a({type:String,reflect:!0,attribute:"max-width"})],i.prototype,"maxWidth",2);r([a({type:String,attribute:"min-width"})],i.prototype,"minWidth",2);r([a({type:String,reflect:!0})],i.prototype,"height",2);r([a({type:String,reflect:!0,attribute:"max-height"})],i.prototype,"maxHeight",2);r([a({type:String,attribute:"min-height"})],i.prototype,"minHeight",2);r([a({type:String,reflect:!0})],i.prototype,"sizing",2);r([a({type:String,reflect:!0})],i.prototype,"spacing",2);r([a({type:String,attribute:"spacing-top",reflect:!0})],i.prototype,"spacingTop",2);r([a({type:String,attribute:"spacing-bottom",reflect:!0})],i.prototype,"spacingBottom",2);i=r([x("scb-calendar-card")],i);

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

@@ -1,12 +1,12 @@
 const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["../../vendor/vendor-material.js","../../vendor/vendor.js"])))=>i.map(i=>d[i]);
-import{_ as m}from"../../vendor/preload-helper.js";import{a as u,n as s,i as b,x as i,t as v}from"../../vendor/vendor.js";import"../../vendor/vendor-material.js";import"../scb-list/scb-list.js";import"../scb-button/scb-button.js";import"../scb-link/scb-link.js";import"../scb-avatar/scb-avatar.js";import"../scb-list/scb-list-item.js";(function(){try{var o=typeof globalThis<"u"?globalThis:window;if(!o.__scb_ce_guard_installed__){o.__scb_ce_guard_installed__=!0;var a=customElements.define.bind(customElements);customElements.define=function(n,r,l){try{customElements.get(n)||a(n,r,l)}catch(c){var d=String(c||"");if(d.indexOf("already been used")===-1&&d.indexOf("NotSupportedError")===-1)throw c}}}}catch{}})();var g=Object.defineProperty,f=Object.getOwnPropertyDescriptor,e=(o,a,n,r)=>{for(var l=r>1?void 0:r?f(a,n):a,d=o.length-1,c;d>=0;d--)(c=o[d])&&(l=(r?c(a,n,l):c(l))||l);return r&&l&&g(a,n,l),l};let t=class extends b{constructor(){super(...arguments),this.type="",this.variant="",this.direction="",this.mediaType="",this.mediaHref="",this.mediaAlt="",this.mediaSrcset="",this.mediaSizes="",this.mediaLoading="auto",this.mediaDecoding="async",this.mediaFetchPriority="auto",this.mediaFit="cover",this.mediaPosition="center",this.mediaWidth="",this.mediaHeight="",this.mediaAspect="",this.mediaPlaceholder=!1,this.cardHref="",this.title="",this.subtitle="",this.supportingText="",this.commentsText="",this.comments=0,this.likesText="",this.likes=0,this.sizing="stretch",this.width="",this.maxWidth="",this.height="",this.maxHeight="",this.__onImgLoad=o=>{const a=o.currentTarget.closest(".media");a&&a.classList.add("is-loaded")},this.__onKeyDown=o=>{(o.key==="Enter"||o.key===" ")&&this.cardHref&&(o.preventDefault(),window.open(this.cardHref,"_self"))},this.__handleHrefNavigation=o=>{this.cardHref&&(o.target.closest("a")||window.open(this.cardHref,"_self"))}}__calcAspectWH(o){const a=(o||"").trim();if(!a)return{w:640,h:360};const n=a.includes("/")?a.split("/"):a.includes(":")?a.split(":"):a.includes("x")?a.split("x"):null;if(n&&n.length===2){const l=Number(n[0]),d=Number(n[1]);if(l>0&&d>0)return{w:l,h:d}}const r=Number(a);return isFinite(r)&&r>0?{w:1e3,h:Math.round(1e3/r)}:{w:640,h:360}}__mediaTemplate(){if((this.mediaType||"").toLowerCase()==="avatar")return i`
+import{_ as g}from"../../vendor/preload-helper.js";import{a as f,n as r,i as y,x as s,t as x}from"../../vendor/vendor.js";import"../../vendor/vendor-material.js";import"../scb-list/scb-list.js";import"../scb-button/scb-button.js";import"../scb-link/scb-link.js";import"../scb-avatar/scb-avatar.js";import"../scb-list/scb-list-item.js";(function(){try{var 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(n,o,c){try{customElements.get(n)||t(n,o,c)}catch(l){var d=String(l||"");if(d.indexOf("already been used")===-1&&d.indexOf("NotSupportedError")===-1)throw l}}}}catch{}})();var $=Object.defineProperty,_=Object.getOwnPropertyDescriptor,v=i=>{throw TypeError(i)},a=(i,t,n,o)=>{for(var c=o>1?void 0:o?_(t,n):t,d=i.length-1,l;d>=0;d--)(l=i[d])&&(c=(o?l(t,n,c):l(c))||c);return o&&c&&$(t,n,c),c},z=(i,t,n)=>t.has(i)||v("Cannot "+n),w=(i,t,n)=>t.has(i)?v("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(i):t.set(i,n),b=(i,t,n)=>(z(i,t,"access private method"),n),h,m;let e=class extends y{constructor(){super(...arguments),w(this,h),this.type="",this.variant="",this.direction="",this.mediaType="",this.mediaHref="",this.mediaAlt="",this.mediaSrcset="",this.mediaSizes="",this.mediaLoading="auto",this.mediaDecoding="async",this.mediaFetchPriority="auto",this.mediaFit="cover",this.mediaPosition="center",this.mediaWidth="",this.mediaHeight="",this.mediaAspect="",this.mediaPlaceholder=!1,this.cardHref="",this.title="",this.subtitle="",this.supportingText="",this.commentsText="",this.comments=0,this.likesText="",this.likes=0,this.sizing="stretch",this.width="",this.maxWidth="",this.height="",this.maxHeight="",this.spacing="",this.spacingTop="",this.spacingBottom="",this.__onImgLoad=i=>{const t=i.currentTarget.closest(".media");t&&t.classList.add("is-loaded")},this.__onKeyDown=i=>{(i.key==="Enter"||i.key===" ")&&this.cardHref&&(i.preventDefault(),window.open(this.cardHref,"_self"))},this.__handleHrefNavigation=i=>{this.cardHref&&(i.target.closest("a")||window.open(this.cardHref,"_self"))}}__calcAspectWH(i){const t=(i||"").trim();if(!t)return{w:640,h:360};const n=t.includes("/")?t.split("/"):t.includes(":")?t.split(":"):t.includes("x")?t.split("x"):null;if(n&&n.length===2){const c=Number(n[0]),d=Number(n[1]);if(c>0&&d>0)return{w:c,h:d}}const o=Number(t);return isFinite(o)&&o>0?{w:1e3,h:Math.round(1e3/o)}:{w:640,h:360}}__mediaTemplate(){if((this.mediaType||"").toLowerCase()==="avatar")return s`
         <div class="media">
           <slot name="media">
             <scb-avatar variant="icon" label="${this.title}" icon-name="person"></scb-avatar>
           </slot>
         </div>
-      `;if(this.mediaHref||this.mediaSrcset){let a=Number(this.mediaWidth)||0,n=Number(this.mediaHeight)||0;const r=(this.mediaAspect||"").trim();if(!a||!n){const h=this.__calcAspectWH(r||"16/9");a||(a=h.w),n||(n=h.h)}const l=`aspect-ratio:${r||`${a}/${n}`};`,d=this.mediaPlaceholder?"has-ph":"",c=this.mediaFit||"cover",p=this.mediaPosition||"center";return i`
-        <div class="media ${d}" style="${l}">
+      `;if(this.mediaHref||this.mediaSrcset){let t=Number(this.mediaWidth)||0,n=Number(this.mediaHeight)||0;const o=(this.mediaAspect||"").trim();if(!t||!n){const u=this.__calcAspectWH(o||"16/9");t||(t=u.w),n||(n=u.h)}const c=`aspect-ratio:${o||`${t}/${n}`};`,d=this.mediaPlaceholder?"has-ph":"",l=this.mediaFit||"cover",p=this.mediaPosition||"center";return s`
+        <div class="media ${d}" style="${c}">
           <slot name="media-sources"></slot>
           <img
             src="${this.mediaHref||""}"
@@ -16,17 +16,17 @@ import{_ as m}from"../../vendor/preload-helper.js";import{a as u,n as s,i as b,x
             loading="${this.mediaLoading}"
             decoding="${this.mediaDecoding}"
             fetchpriority="${this.mediaFetchPriority}"
-            style="object-fit:${c};object-position:${p};"
-            width="${a}"
+            style="object-fit:${l};object-position:${p};"
+            width="${t}"
             height="${n}"
             @load=${this.__onImgLoad}
           />
         </div>
-      `}return null}render(){const o=this.variant?`${this.variant.toLowerCase()}`:"",a=this.type==="list"?"vertical":this.direction?this.direction.toLowerCase():"",n=this.cardHref?"clickable":"",r=this.date instanceof Date?this.date.toISOString().slice(0,10):this.date||"",l=(p=!1)=>p?i`<a class="title" href="${this.cardHref}" tabindex="0"
+      `}return null}mapSpacingToken(i){if(!i)return;const t=String(i).trim();if(t)return/^\d+$/.test(t)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(t,10)))})`:t}render(){const i=this.variant?`${this.variant.toLowerCase()}`:"",t=this.type==="list"?"vertical":this.direction?this.direction.toLowerCase():"",n=this.cardHref?"clickable":"",o=this.date instanceof Date?this.date.toISOString().slice(0,10):this.date||"",c=(p=!1)=>p?s`<a class="title" href="${this.cardHref}" tabindex="0"
             >${this.title}</a
-          ><md-icon>arrow_forward</md-icon>`:i`<span class="title">${this.title}</span>`,d=()=>this.__mediaTemplate(),c=p=>i`
+          ><md-icon>arrow_forward</md-icon>`:s`<span class="title">${this.title}</span>`,d=()=>this.__mediaTemplate(),l=p=>s`
       <div
-        class="scb-card ${o} ${a} ${n}"
+        class="scb-card ${i} ${t} ${n}"
         @click=${this.cardHref?this.__handleHrefNavigation:null}
         @keydown=${this.cardHref?this.__onKeyDown:null}
         style="cursor:${this.cardHref?"pointer":"default"};"
@@ -34,39 +34,39 @@ import{_ as m}from"../../vendor/preload-helper.js";import{a as u,n as s,i as b,x
         tabindex=${this.cardHref?"0":"-1"}
         aria-label=${this.title||"Kort"}
       >
-        ${this.cardHref?i`<md-ripple></md-ripple>`:""}
+        ${this.cardHref?s`<md-ripple></md-ripple>`:""}
         ${d()}
         ${p}
       </div>
       <md-focus-ring></md-focus-ring>
-    `;switch(this.type){case"standard":return c(i`
+    `;switch(this.type){case"standard":return l(s`
           <div class="full-content">
             <div class="top-content">
-              ${this.title?i`<div class="header">${l(!!this.cardHref)}</div>`:""}
-              ${this.subtitle?i`<div class="sub-label">${this.subtitle}</div>`:""}
-              ${this.supportingText?i`<div class="supporting-text">${this.supportingText}</div>`:""}
-              ${r?i`<div class="date">${r}</div>`:""}
+              ${this.title?s`<div class="header">${c(!!this.cardHref)}</div>`:""}
+              ${this.subtitle?s`<div class="sub-label">${this.subtitle}</div>`:""}
+              ${this.supportingText?s`<div class="supporting-text">${this.supportingText}</div>`:""}
+              ${o?s`<div class="date">${o}</div>`:""}
             </div>
           </div>
-        `);case"list":return c(i`
+        `);case"list":return l(s`
           <div class="full-content">
             <div class="top-content">
-              ${this.title?i`<div class="header"><span class="title">${this.title}</span></div>`:""}
-              ${this.subtitle?i`<div class="sub-label">${this.subtitle}</div>`:""}
-              ${this.supportingText?i`<div class="supporting-text">${this.supportingText}</div>`:""}
-              ${r?i`<div class="date">${r}</div>`:""}
+              ${this.title?s`<div class="header"><span class="title">${this.title}</span></div>`:""}
+              ${this.subtitle?s`<div class="sub-label">${this.subtitle}</div>`:""}
+              ${this.supportingText?s`<div class="supporting-text">${this.supportingText}</div>`:""}
+              ${o?s`<div class="date">${o}</div>`:""}
             </div>
             <div class="content list">
               <slot></slot>
             </div>
           </div>
-        `);case"social":return c(i`
+        `);case"social":return l(s`
           <div class="full-content">
             <div class="top-content">
-              ${this.title?i`<div class="header">${l(!!this.cardHref)}</div>`:""}
-              ${this.subtitle?i`<div class="sub-label">${this.subtitle}</div>`:""}
-              ${this.supportingText?i`<div class="supporting-text">${this.supportingText}</div>`:""}
-              ${r?i`<div class="date">${r}</div>`:""}
+              ${this.title?s`<div class="header">${c(!!this.cardHref)}</div>`:""}
+              ${this.subtitle?s`<div class="sub-label">${this.subtitle}</div>`:""}
+              ${this.supportingText?s`<div class="supporting-text">${this.supportingText}</div>`:""}
+              ${o?s`<div class="date">${o}</div>`:""}
             </div>
             <div class="content">
               <div class="social-metrics">
@@ -81,40 +81,40 @@ import{_ as m}from"../../vendor/preload-helper.js";import{a as u,n as s,i as b,x
               </div>
             </div>
           </div>
-        `);case"link":return c(i`
+        `);case"link":return l(s`
           <div class="full-content">
             <div class="top-content">
-              ${this.title?i`<div class="header"><span class="title">${this.title}</span></div>`:""}
-              ${this.subtitle?i`<div class="sub-label">${this.subtitle}</div>`:""}
-              ${this.supportingText?i`<div class="supporting-text">${this.supportingText}</div>`:""}
-              ${r?i`<div class="date">${r}</div>`:""}
+              ${this.title?s`<div class="header"><span class="title">${this.title}</span></div>`:""}
+              ${this.subtitle?s`<div class="sub-label">${this.subtitle}</div>`:""}
+              ${this.supportingText?s`<div class="supporting-text">${this.supportingText}</div>`:""}
+              ${o?s`<div class="date">${o}</div>`:""}
             </div>
             <div class="content links">
               <slot></slot>
             </div>
           </div>
-        `);case"action":return c(i`
+        `);case"action":return l(s`
           <div class="full-content">
             <div class="top-content">
-              ${this.title?i`<div class="header"><span class="title">${this.title}</span></div>`:""}
-              ${this.subtitle?i`<div class="sub-label">${this.subtitle}</div>`:""}
-              ${this.supportingText?i`<div class="supporting-text">${this.supportingText}</div>`:""}
-              ${r?i`<div class="date">${r}</div>`:""}
+              ${this.title?s`<div class="header"><span class="title">${this.title}</span></div>`:""}
+              ${this.subtitle?s`<div class="sub-label">${this.subtitle}</div>`:""}
+              ${this.supportingText?s`<div class="supporting-text">${this.supportingText}</div>`:""}
+              ${o?s`<div class="date">${o}</div>`:""}
             </div>
             <div class="content actions">
               <slot></slot>
             </div>
           </div>
-        `);default:return c(i`
+        `);default:return l(s`
           <div class="full-content">
             <div class="top-content">
-              ${this.title?i`<div class="header">${l(!!this.cardHref)}</div>`:""}
-              ${this.subtitle?i`<div class="sub-label">${this.subtitle}</div>`:""}
-              ${this.supportingText?i`<div class="supporting-text">${this.supportingText}</div>`:""}
-              ${r?i`<div class="date">${r}</div>`:""}
+              ${this.title?s`<div class="header">${c(!!this.cardHref)}</div>`:""}
+              ${this.subtitle?s`<div class="sub-label">${this.subtitle}</div>`:""}
+              ${this.supportingText?s`<div class="supporting-text">${this.supportingText}</div>`:""}
+              ${o?s`<div class="date">${o}</div>`:""}
             </div>
           </div>
-        `)}}updated(o){super.updated(o),o.has("width")&&(this.width?this.style.inlineSize=this.width:this.style.removeProperty("inline-size")),o.has("maxWidth")&&(this.maxWidth?this.style.maxInlineSize=this.maxWidth:this.style.removeProperty("max-inline-size")),o.has("height")&&(this.height?this.style.blockSize=this.height:this.style.removeProperty("block-size")),o.has("maxHeight")&&(this.maxHeight?this.style.maxBlockSize=this.maxHeight:this.style.removeProperty("max-block-size")),o.has("type")&&(this.type==="list"?this.setAttribute("data-density","-2"):this.removeAttribute("data-density")),this.style.setProperty("--scb-card-media-fit",this.mediaFit||"cover"),this.style.setProperty("--scb-card-media-position",this.mediaPosition||"center")}async firstUpdated(o){t.__iconLoaded||(await m(()=>import("../../vendor/vendor-material.js").then(a=>a.i),__vite__mapDeps([0,1]),import.meta.url),t.__iconLoaded=!0),t.__rippleLoaded||(await m(()=>import("../../vendor/vendor-material.js").then(a=>a.r),__vite__mapDeps([0,1]),import.meta.url),t.__rippleLoaded=!0)}};t.__iconLoaded=!1;t.__rippleLoaded=!1;t.styles=u`
+        `)}}updated(i){super.updated(i),i.has("width")&&(this.width?this.style.inlineSize=this.width:this.style.removeProperty("inline-size")),i.has("maxWidth")&&(this.maxWidth?this.style.maxInlineSize=this.maxWidth:this.style.removeProperty("max-inline-size")),i.has("height")&&(this.height?this.style.blockSize=this.height:this.style.removeProperty("block-size")),i.has("maxHeight")&&(this.maxHeight?this.style.maxBlockSize=this.maxHeight:this.style.removeProperty("max-block-size")),i.has("type")&&(this.type==="list"?this.setAttribute("data-density","-2"):this.removeAttribute("data-density")),this.style.setProperty("--scb-card-media-fit",this.mediaFit||"cover"),this.style.setProperty("--scb-card-media-position",this.mediaPosition||"center"),(i.has("spacing")||i.has("spacingTop")||i.has("spacingBottom"))&&b(this,h,m).call(this)}async firstUpdated(i){e.__iconLoaded||(await g(()=>import("../../vendor/vendor-material.js").then(t=>t.i),__vite__mapDeps([0,1]),import.meta.url),e.__iconLoaded=!0),e.__rippleLoaded||(await g(()=>import("../../vendor/vendor-material.js").then(t=>t.r),__vite__mapDeps([0,1]),import.meta.url),e.__rippleLoaded=!0),b(this,h,m).call(this)}};h=new WeakSet;m=function(){const i=this.mapSpacingToken(this.spacing),t=this.mapSpacingToken(this.spacingTop)??i,n=this.mapSpacingToken(this.spacingBottom)??i;t?this.style.setProperty("--scb-card-spacing-block-start",t):this.style.removeProperty("--scb-card-spacing-block-start"),n?this.style.setProperty("--scb-card-spacing-block-end",n):this.style.removeProperty("--scb-card-spacing-block-end")};e.__iconLoaded=!1;e.__rippleLoaded=!1;e.styles=f`
     :host {
       display: block;
       box-sizing: border-box;
@@ -127,6 +127,9 @@ import{_ as m}from"../../vendor/preload-helper.js";import{a as u,n as s,i as b,x
       --scb-card-horizontal-media-max: 176px;
       --scb-card-horizontal-media-min: 96px;
       --scb-card-horizontal-media-aspect: 16 / 9;
+
+      margin-block-start: var(--scb-card-spacing-block-start, 0);
+      margin-block-end: var(--scb-card-spacing-block-end, 0);
     }
     :host([type='standard']) {
       --scb-card-max-w: var(--scb-card-standard-max-w);
@@ -416,4 +419,4 @@ import{_ as m}from"../../vendor/preload-helper.js";import{a as u,n as s,i as b,x
     .scb-card.filled .content.list ::slotted(scb-list) {
       --scb-list-bg: var(--md-sys-color-surface-dim);
     }
-  `;e([s({type:String,reflect:!0})],t.prototype,"type",2);e([s({type:String,reflect:!0})],t.prototype,"variant",2);e([s({type:String,reflect:!0})],t.prototype,"direction",2);e([s({type:String,attribute:"media-type"})],t.prototype,"mediaType",2);e([s({type:String,attribute:"media-href"})],t.prototype,"mediaHref",2);e([s({type:String,attribute:"media-alt"})],t.prototype,"mediaAlt",2);e([s({type:String,attribute:"media-srcset"})],t.prototype,"mediaSrcset",2);e([s({type:String,attribute:"media-sizes"})],t.prototype,"mediaSizes",2);e([s({type:String,attribute:"media-loading"})],t.prototype,"mediaLoading",2);e([s({type:String,attribute:"media-decoding"})],t.prototype,"mediaDecoding",2);e([s({type:String,attribute:"media-fetchpriority"})],t.prototype,"mediaFetchPriority",2);e([s({type:String,attribute:"media-fit"})],t.prototype,"mediaFit",2);e([s({type:String,attribute:"media-position"})],t.prototype,"mediaPosition",2);e([s({type:String,attribute:"media-width"})],t.prototype,"mediaWidth",2);e([s({type:String,attribute:"media-height"})],t.prototype,"mediaHeight",2);e([s({type:String,attribute:"media-aspect"})],t.prototype,"mediaAspect",2);e([s({type:Boolean,attribute:"media-placeholder"})],t.prototype,"mediaPlaceholder",2);e([s({type:String,attribute:"card-href",reflect:!0})],t.prototype,"cardHref",2);e([s({type:String,reflect:!0})],t.prototype,"title",2);e([s({type:String,reflect:!0})],t.prototype,"subtitle",2);e([s({type:String,attribute:"supporting-text",reflect:!0})],t.prototype,"supportingText",2);e([s({type:Date,reflect:!0})],t.prototype,"date",2);e([s({type:String,attribute:"social-comments-text",reflect:!0})],t.prototype,"commentsText",2);e([s({type:Number,attribute:"social-comments",reflect:!0})],t.prototype,"comments",2);e([s({type:String,attribute:"social-likes-text",reflect:!0})],t.prototype,"likesText",2);e([s({type:Number,attribute:"social-likes",reflect:!0})],t.prototype,"likes",2);e([s({type:String,reflect:!0})],t.prototype,"sizing",2);e([s({type:String,reflect:!0})],t.prototype,"width",2);e([s({type:String,reflect:!0,attribute:"max-width"})],t.prototype,"maxWidth",2);e([s({type:String,reflect:!0})],t.prototype,"height",2);e([s({type:String,reflect:!0,attribute:"max-height"})],t.prototype,"maxHeight",2);t=e([v("scb-card")],t);
+  `;a([r({type:String,reflect:!0})],e.prototype,"type",2);a([r({type:String,reflect:!0})],e.prototype,"variant",2);a([r({type:String,reflect:!0})],e.prototype,"direction",2);a([r({type:String,attribute:"media-type"})],e.prototype,"mediaType",2);a([r({type:String,attribute:"media-href"})],e.prototype,"mediaHref",2);a([r({type:String,attribute:"media-alt"})],e.prototype,"mediaAlt",2);a([r({type:String,attribute:"media-srcset"})],e.prototype,"mediaSrcset",2);a([r({type:String,attribute:"media-sizes"})],e.prototype,"mediaSizes",2);a([r({type:String,attribute:"media-loading"})],e.prototype,"mediaLoading",2);a([r({type:String,attribute:"media-decoding"})],e.prototype,"mediaDecoding",2);a([r({type:String,attribute:"media-fetchpriority"})],e.prototype,"mediaFetchPriority",2);a([r({type:String,attribute:"media-fit"})],e.prototype,"mediaFit",2);a([r({type:String,attribute:"media-position"})],e.prototype,"mediaPosition",2);a([r({type:String,attribute:"media-width"})],e.prototype,"mediaWidth",2);a([r({type:String,attribute:"media-height"})],e.prototype,"mediaHeight",2);a([r({type:String,attribute:"media-aspect"})],e.prototype,"mediaAspect",2);a([r({type:Boolean,attribute:"media-placeholder"})],e.prototype,"mediaPlaceholder",2);a([r({type:String,attribute:"card-href",reflect:!0})],e.prototype,"cardHref",2);a([r({type:String,reflect:!0})],e.prototype,"title",2);a([r({type:String,reflect:!0})],e.prototype,"subtitle",2);a([r({type:String,attribute:"supporting-text",reflect:!0})],e.prototype,"supportingText",2);a([r({type:Date,reflect:!0})],e.prototype,"date",2);a([r({type:String,attribute:"social-comments-text",reflect:!0})],e.prototype,"commentsText",2);a([r({type:Number,attribute:"social-comments",reflect:!0})],e.prototype,"comments",2);a([r({type:String,attribute:"social-likes-text",reflect:!0})],e.prototype,"likesText",2);a([r({type:Number,attribute:"social-likes",reflect:!0})],e.prototype,"likes",2);a([r({type:String,reflect:!0})],e.prototype,"sizing",2);a([r({type:String,reflect:!0})],e.prototype,"width",2);a([r({type:String,reflect:!0,attribute:"max-width"})],e.prototype,"maxWidth",2);a([r({type:String,reflect:!0})],e.prototype,"height",2);a([r({type:String,reflect:!0,attribute:"max-height"})],e.prototype,"maxHeight",2);a([r({type:String,reflect:!0})],e.prototype,"spacing",2);a([r({type:String,attribute:"spacing-top",reflect:!0})],e.prototype,"spacingTop",2);a([r({type:String,attribute:"spacing-bottom",reflect:!0})],e.prototype,"spacingBottom",2);e=a([x("scb-card")],e);