scb-wc-test 0.1.85 → 0.1.87

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

@@ -1,4 +1,4 @@
-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,h=Object.getOwnPropertyDescriptor,u=(r,s,t,a)=>{for(var e=a>1?void 0:a?h(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`
+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`
       .breadcrumb-separator {
         margin: var(--spacing-0) var(--spacing-3);
         color: var(--md-sys-color-on-surface);
@@ -7,8 +7,9 @@ import{n as o,t as b,i as p,a as d,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>
-        `}}};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);
+        `}}};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);

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

@@ -1,5 +1,5 @@
 const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["../../vendor/vendor-material.js","../../vendor/vendor.js"])))=>i.map(i=>d[i]);
-import{_ as f}from"../../vendor/preload-helper.js";import{i as A,a as x,x as h,E as r,n as c,t as I}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,o,a){try{customElements.get(i)||e(i,o,a)}catch(d){var s=String(d||"");if(s.indexOf("already been used")===-1&&s.indexOf("NotSupportedError")===-1)throw d}}}}catch{}})();var E=Object.defineProperty,L=Object.getOwnPropertyDescriptor,l=(t,e,i,o)=>{for(var a=o>1?void 0:o?L(e,i):e,s=t.length-1,d;s>=0;s--)(d=t[s])&&(a=(o?d(e,i,a):d(a))||a);return o&&a&&E(e,i,a),a};let n=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="",this.__loadedButtons=new Set,this.__iconLoaded=!1}async __ensureDepsLoaded(){if(!this.__loadedButtons.has(this.variant)){switch(this.variant){case"filled":await f(()=>import("../../vendor/vendor-material.js").then(t=>t.f),__vite__mapDeps([0,1]),import.meta.url);break;case"outlined":await f(()=>import("../../vendor/vendor-material.js").then(t=>t.o),__vite__mapDeps([0,1]),import.meta.url);break;case"filled-tonal":await f(()=>import("../../vendor/vendor-material.js").then(t=>t.d),__vite__mapDeps([0,1]),import.meta.url);break;case"text":await f(()=>import("../../vendor/vendor-material.js").then(t=>t.t),__vite__mapDeps([0,1]),import.meta.url);break}this.__loadedButtons.add(this.variant)}this.icon&&!this.__iconLoaded&&(await f(()=>import("../../vendor/vendor-material.js").then(t=>t.i),__vite__mapDeps([0,1]),import.meta.url),this.__iconLoaded=!0)}__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(),a=this.label.trim()===""?(this.icon||"").trim():"",s=i||o||a;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 u=this.__getMdHost(),m=this.__getInnerNativeButton(u);if(!(!u||!m)){for(const _ of g){if(_.type!=="attributes"||!_.attributeName)continue;const b=_.attributeName,p=this.getAttribute(b);if(b==="aria-label"){const $=(u.getAttribute("aria-label")||"").trim(),y=(p||$||(this.label.trim()===""?(this.icon||"").trim():"")).trim();y?m.setAttribute("aria-label",y):m.removeAttribute("aria-label"),u.removeAttribute("aria-label")}else(b==="aria-controls"||b==="aria-expanded")&&(p===null?m.removeAttribute(b):m.setAttribute(b,p),b==="aria-expanded"&&this.removeAttribute("aria-expanded"))}u.removeAttribute("aria-label"),u.removeAttribute("aria-controls"),u.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.__ensureDepsLoaded(),this.__syncAriaToInner()}updated(t){(t.has("variant")||t.has("icon")&&this.icon)&&this.__ensureDepsLoaded(),t.has("variant")&&this.__syncAriaToInner()}disconnectedCallback(){this.__ariaObserver?.disconnect(),super.disconnectedCallback()}static get styles(){return x`
+import{_ as f}from"../../vendor/preload-helper.js";import{i as A,a as x,x as h,E as r,n as c,t as I}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,o,a){try{customElements.get(i)||e(i,o,a)}catch(d){var s=String(d||"");if(s.indexOf("already been used")===-1&&s.indexOf("NotSupportedError")===-1)throw d}}}}catch{}})();var E=Object.defineProperty,L=Object.getOwnPropertyDescriptor,l=(t,e,i,o)=>{for(var a=o>1?void 0:o?L(e,i):e,s=t.length-1,d;s>=0;s--)(d=t[s])&&(a=(o?d(e,i,a):d(a))||a);return o&&a&&E(e,i,a),a};let n=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="",this.__loadedButtons=new Set,this.__iconLoaded=!1}async __ensureDepsLoaded(){if(!this.__loadedButtons.has(this.variant)){switch(this.variant){case"filled":await f(()=>import("../../vendor/vendor-material.js").then(t=>t.f),__vite__mapDeps([0,1]),import.meta.url);break;case"outlined":await f(()=>import("../../vendor/vendor-material.js").then(t=>t.o),__vite__mapDeps([0,1]),import.meta.url);break;case"filled-tonal":await f(()=>import("../../vendor/vendor-material.js").then(t=>t.c),__vite__mapDeps([0,1]),import.meta.url);break;case"text":await f(()=>import("../../vendor/vendor-material.js").then(t=>t.t),__vite__mapDeps([0,1]),import.meta.url);break}this.__loadedButtons.add(this.variant)}this.icon&&!this.__iconLoaded&&(await f(()=>import("../../vendor/vendor-material.js").then(t=>t.i),__vite__mapDeps([0,1]),import.meta.url),this.__iconLoaded=!0)}__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(),a=this.label.trim()===""?(this.icon||"").trim():"",s=i||o||a;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 u=this.__getMdHost(),m=this.__getInnerNativeButton(u);if(!(!u||!m)){for(const _ of g){if(_.type!=="attributes"||!_.attributeName)continue;const b=_.attributeName,p=this.getAttribute(b);if(b==="aria-label"){const $=(u.getAttribute("aria-label")||"").trim(),y=(p||$||(this.label.trim()===""?(this.icon||"").trim():"")).trim();y?m.setAttribute("aria-label",y):m.removeAttribute("aria-label"),u.removeAttribute("aria-label")}else(b==="aria-controls"||b==="aria-expanded")&&(p===null?m.removeAttribute(b):m.setAttribute(b,p),b==="aria-expanded"&&this.removeAttribute("aria-expanded"))}u.removeAttribute("aria-label"),u.removeAttribute("aria-controls"),u.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.__ensureDepsLoaded(),this.__syncAriaToInner()}updated(t){(t.has("variant")||t.has("icon")&&this.icon)&&this.__ensureDepsLoaded(),t.has("variant")&&this.__syncAriaToInner()}disconnectedCallback(){this.__ariaObserver?.disconnect(),super.disconnectedCallback()}static get styles(){return x`
       /* Gör hosten stretchbar i t.ex. flex/grid */
       :host {
         display: inline-flex;

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 g,n as r,i as f,x as c,t as u}from"../../vendor/vendor.js";import"../../vendor/vendor-material.js";(function(){try{var i=typeof globalThis<"u"?globalThis:window;if(!i.__scb_ce_guard_installed__){i.__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=(i,s,n,o)=>{for(var a=o>1?void 0:o?v(s,n):s,l=i.length-1,d;l>=0;l--)(d=i[l])&&(a=(o?d(s,n,a):d(a))||a);return o&&a&&y(s,n,a),a};let e=class extends f{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(){e.__iconLoaded||(await p(()=>import("../../vendor/vendor-material.js").then(i=>i.i),__vite__mapDeps([0,1]),import.meta.url),e.__iconLoaded=!0),e.__rippleLoaded||(await p(()=>import("../../vendor/vendor-material.js").then(i=>i.r),__vite__mapDeps([0,1]),import.meta.url),e.__rippleLoaded=!0),this.__applyInnerSizing()}render(){const i=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 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`
       <div
-        class="calendar-card ${s} ${n} ${i}"
+        class="calendar-card ${s} ${n} ${e}"
         role="${this.cardHref?"link":"group"}"
         aria-label="${this.title||"Kalenderkort"}"
         tabindex="${this.cardHref?"0":"-1"}"
@@ -26,7 +26,7 @@ import{_ as p}from"../../vendor/preload-helper.js";import{a as g,n as r,i as f,x
         </div>
       </div>
       <md-focus-ring></md-focus-ring>
-    `}__applyInnerSizing(){const i=this.renderRoot.querySelector(".calendar-card");if(!i)return;this.width&&this.width.trim()!==""?(i.style.inlineSize="100%",i.style.maxInlineSize="100%"):(i.style.removeProperty("inline-size"),i.style.removeProperty("max-inline-size")),this.height&&this.height.trim()!==""||this.sizing==="stretch"?i.style.blockSize="100%":i.style.removeProperty("block-size"),this.maxHeight&&this.maxHeight.trim()!==""?i.style.maxBlockSize="100%":i.style.removeProperty("max-block-size")}_onKeyDown(i){(i.key==="Enter"||i.key===" ")&&this.cardHref&&(window.open(this.cardHref,"_self"),i.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(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("minWidth")&&(this.minWidth?this.style.minInlineSize=this.minWidth:this.style.removeProperty("min-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("minHeight")&&(this.minHeight?this.style.minBlockSize=this.minHeight:this.style.removeProperty("min-block-size")),(i.has("width")||i.has("height")||i.has("maxHeight")||i.has("sizing"))&&this.__applyInnerSizing()}};e.__iconLoaded=!1;e.__rippleLoaded=!1;e.styles=g`
+    `}__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`
     :host {
       display: block;
       position: relative;
@@ -36,22 +36,22 @@ import{_ as p}from"../../vendor/preload-helper.js";import{a as g,n as r,i as f,x
       padding: var(--scb-calendar-card-focus-ring-gap, 4px);
     }
 
-    :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;
     }
-    :host([sizing="content-width"]) .calendar-card {
+    :host([sizing='content-width']) .calendar-card {
       inline-size: max-content;
     }
 
-    :host([sizing="content-height"]) {
+    :host([sizing='content-height']) {
       inline-size: 100%;
       block-size: auto;
       max-inline-size: none;
@@ -74,7 +74,7 @@ import{_ as p}from"../../vendor/preload-helper.js";import{a as g,n as r,i as f,x
 
       position: relative;
       display: flex;
-      color: var(--md-sys-color-on-surface, #0F0865);
+      color: var(--md-sys-color-on-surface, #0f0865);
       font-family: var(--brand, Inter);
       font-style: normal;
       flex-direction: column;
@@ -82,7 +82,11 @@ import{_ as p}from"../../vendor/preload-helper.js";import{a as g,n as r,i as f,x
       gap: var(--spacing-spacing-3, 8px);
       align-self: stretch;
       cursor: pointer;
-      transition: box-shadow .18s ease, transform .18s ease, background-color .18s ease, border-color .18s ease;
+      transition:
+        box-shadow 0.18s ease,
+        transform 0.18s ease,
+        background-color 0.18s ease,
+        border-color 0.18s ease;
 
       inline-size: 100%;
       max-inline-size: 100%;
@@ -94,11 +98,13 @@ import{_ as p}from"../../vendor/preload-helper.js";import{a as g,n as r,i as f,x
     .calendar-card .subtitle,
     .calendar-card .supporting-text {
       font-variant-numeric: proportional-nums;
-      font-feature-settings: "tnum" 0, "pnum" 1;
+      font-feature-settings: 'tnum' 0, 'pnum' 1;
     }
 
     .calendar-card:focus,
-    .calendar-card:focus-visible { outline: none; }
+    .calendar-card:focus-visible {
+      outline: none;
+    }
 
     .calendar-card.horizontal {
       flex-direction: row;
@@ -111,22 +117,24 @@ import{_ as p}from"../../vendor/preload-helper.js";import{a as g,n as r,i as f,x
 
     .calendar-card.outlined {
       border-radius: var(--radius-large, 16px);
-      border: 1px solid var(--md-sys-color-outline-variant, #CCC);
-      background: var(--md-sys-color-surface, #FFF);
+      border: 1px solid var(--md-sys-color-outline-variant, #ccc);
+      background: var(--md-sys-color-surface, #fff);
       padding: var(--spacing-spacing-7, 24px) var(--spacing-spacing-6, 20px);
     }
 
     .calendar-card.filled {
       border-radius: var(--radius-large, 16px);
-      background: var(--md-sys-color-surface-dim, #F9F8EF);
+      background: var(--md-sys-color-surface-dim, #f9f8ef);
       padding: var(--spacing-spacing-7, 24px) var(--spacing-spacing-6, 20px);
     }
 
     .calendar-card.filled .media {
-      background: var(--md-sys-color-surface, #FFF);
+      background: var(--md-sys-color-surface, #fff);
     }
 
-    md-ripple { border-radius: var(--radius-l, 16px); }
+    md-ripple {
+      border-radius: var(--radius-l, 16px);
+    }
 
     .media {
       display: flex;
@@ -140,10 +148,12 @@ import{_ as p}from"../../vendor/preload-helper.js";import{a as g,n as r,i as f,x
       align-items: center;
       gap: var(--spacing-spacing-2, 4px);
       border-radius: var(--radius-small, 8px);
-      background: var(--md-sys-color-surface-dim, #F9F8EF);
+      background: var(--md-sys-color-surface-dim, #f9f8ef);
     }
 
-    .calendar-card.horizontal .media { align-self: flex-start; }
+    .calendar-card.horizontal .media {
+      align-self: flex-start;
+    }
 
     .media .day {
       font-size: var(--scale-07, 28px);
@@ -233,4 +243,4 @@ import{_ as p}from"../../vendor/preload-helper.js";import{a as g,n as r,i as f,x
       overflow: visible;
       text-overflow: clip;
     }
-  `;t([r({type:String,reflect:!0})],e.prototype,"variant",2);t([r({type:String,reflect:!0})],e.prototype,"direction",2);t([r({type:String})],e.prototype,"title",2);t([r({type:String})],e.prototype,"subtitle",2);t([r({type:String,attribute:"supporting-text"})],e.prototype,"supportingText",2);t([r({type:String,attribute:"card-href"})],e.prototype,"cardHref",2);t([r({type:String,attribute:"card-href-nav"})],e.prototype,"cardHrefNav",2);t([r({type:Boolean,reflect:!0,attribute:"show-media"})],e.prototype,"showMedia",2);t([r({type:String,attribute:"media-width"})],e.prototype,"mediaWidth",2);t([r({type:String,attribute:"media-height"})],e.prototype,"mediaHeight",2);t([r({type:String,attribute:"media-aspect"})],e.prototype,"mediaAspect",2);t([r({type:String,reflect:!0})],e.prototype,"width",2);t([r({type:String,reflect:!0,attribute:"max-width"})],e.prototype,"maxWidth",2);t([r({type:String,attribute:"min-width"})],e.prototype,"minWidth",2);t([r({type:String,reflect:!0})],e.prototype,"height",2);t([r({type:String,reflect:!0,attribute:"max-height"})],e.prototype,"maxHeight",2);t([r({type:String,attribute:"min-height"})],e.prototype,"minHeight",2);t([r({type:String,reflect:!0})],e.prototype,"sizing",2);e=t([u("scb-calendar-card")],e);
+  `;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);

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

@@ -1,13 +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 v,x as i,t as b}from"../../vendor/vendor.js";import"../../vendor/vendor-material.js";import"../scb-list/scb-list.js";import"../scb-button/scb-button.js";import"../scb-link/scb-link.js";import"../scb-avatar/scb-avatar.js";import"../scb-list/scb-list-item.js";(function(){try{var a=typeof globalThis<"u"?globalThis:window;if(!a.__scb_ce_guard_installed__){a.__scb_ce_guard_installed__=!0;var o=customElements.define.bind(customElements);customElements.define=function(n,r,l){try{customElements.get(n)||o(n,r,l)}catch(d){var c=String(d||"");if(c.indexOf("already been used")===-1&&c.indexOf("NotSupportedError")===-1)throw d}}}}catch{}})();var g=Object.defineProperty,f=Object.getOwnPropertyDescriptor,e=(a,o,n,r)=>{for(var l=r>1?void 0:r?f(o,n):o,c=a.length-1,d;c>=0;c--)(d=a[c])&&(l=(r?d(o,n,l):d(l))||l);return r&&l&&g(o,n,l),l};let t=class extends v{constructor(){super(...arguments),this.type="",this.variant="",this.direction="",this.mediaType="",this.mediaHref="",this.mediaAlt="",this.mediaSrcset="",this.mediaSizes="",this.mediaLoading="auto",this.mediaDecoding="async",this.mediaFetchPriority="auto",this.mediaFit="cover",this.mediaPosition="center",this.mediaWidth="",this.mediaHeight="",this.mediaAspect="",this.mediaPlaceholder=!1,this.cardHref="",this.title="",this.subtitle="",this.supportingText="",this.commentsText="",this.comments=0,this.likesText="",this.likes=0,this.sizing="stretch",this.width="",this.maxWidth="",this.height="",this.maxHeight="",this.__onImgLoad=a=>{const o=a.currentTarget.closest(".media");o&&o.classList.add("is-loaded")},this.__onKeyDown=a=>{(a.key==="Enter"||a.key===" ")&&this.cardHref&&(a.preventDefault(),window.open(this.cardHref,"_self"))},this.__handleHrefNavigation=a=>{this.cardHref&&(a.target.closest("a")||window.open(this.cardHref,"_self"))}}__calcAspectWH(a){const o=(a||"").trim();if(!o)return{w:640,h:360};const n=o.includes("/")?o.split("/"):o.includes(":")?o.split(":"):o.includes("x")?o.split("x"):null;if(n&&n.length===2){const l=Number(n[0]),c=Number(n[1]);if(l>0&&c>0)return{w:l,h:c}}const r=Number(o);return isFinite(r)&&r>0?{w:1e3,h:Math.round(1e3/r)}:{w:640,h:360}}__mediaTemplate(){if((this.mediaType||"").toLowerCase()==="avatar")return i`
+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`
         <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 o=Number(this.mediaWidth)||0,n=Number(this.mediaHeight)||0;const r=(this.mediaAspect||"").trim();if(!o||!n){const h=this.__calcAspectWH(r||"16/9");o||(o=h.w),n||(n=h.h)}const l=`aspect-ratio:${r||`${o}/${n}`};`,c=this.mediaPlaceholder?"has-ph":"",d=this.mediaFit||"cover",p=this.mediaPosition||"center";return i`
-        <div class="media ${c}" style="${l}">
-          <!-- Tillåt egna <source>-element via slot om man vill använda <picture> -->
+      `;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}">
           <slot name="media-sources"></slot>
           <img
             src="${this.mediaHref||""}"
@@ -17,15 +16,17 @@ import{_ as m}from"../../vendor/preload-helper.js";import{a as u,n as s,i as v,x
             loading="${this.mediaLoading}"
             decoding="${this.mediaDecoding}"
             fetchpriority="${this.mediaFetchPriority}"
-            style="object-fit:${d};object-position:${p};"
-            width="${o}"
+            style="object-fit:${c};object-position:${p};"
+            width="${a}"
             height="${n}"
             @load=${this.__onImgLoad}
           />
         </div>
-      `}return null}render(){const a=this.variant?`${this.variant.toLowerCase()}`:"",o=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">${this.title}</a><md-icon>arrow_forward</md-icon>`:i`<span class="title">${this.title}</span>`,c=()=>this.__mediaTemplate(),d=p=>i`
+      `}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"
+            >${this.title}</a
+          ><md-icon>arrow_forward</md-icon>`:i`<span class="title">${this.title}</span>`,d=()=>this.__mediaTemplate(),c=p=>i`
       <div
-        class="scb-card ${a} ${o} ${n}"
+        class="scb-card ${o} ${a} ${n}"
         @click=${this.cardHref?this.__handleHrefNavigation:null}
         @keydown=${this.cardHref?this.__onKeyDown:null}
         style="cursor:${this.cardHref?"pointer":"default"};"
@@ -34,11 +35,11 @@ import{_ as m}from"../../vendor/preload-helper.js";import{a as u,n as s,i as v,x
         aria-label=${this.title||"Kort"}
       >
         ${this.cardHref?i`<md-ripple></md-ripple>`:""}
-        ${c()}
+        ${d()}
         ${p}
       </div>
       <md-focus-ring></md-focus-ring>
-    `;switch(this.type){case"standard":return d(i`
+    `;switch(this.type){case"standard":return c(i`
           <div class="full-content">
             <div class="top-content">
               ${this.title?i`<div class="header">${l(!!this.cardHref)}</div>`:""}
@@ -47,7 +48,7 @@ import{_ as m}from"../../vendor/preload-helper.js";import{a as u,n as s,i as v,x
               ${r?i`<div class="date">${r}</div>`:""}
             </div>
           </div>
-        `);case"list":return d(i`
+        `);case"list":return c(i`
           <div class="full-content">
             <div class="top-content">
               ${this.title?i`<div class="header"><span class="title">${this.title}</span></div>`:""}
@@ -59,7 +60,7 @@ import{_ as m}from"../../vendor/preload-helper.js";import{a as u,n as s,i as v,x
               <slot></slot>
             </div>
           </div>
-        `);case"social":return d(i`
+        `);case"social":return c(i`
           <div class="full-content">
             <div class="top-content">
               ${this.title?i`<div class="header">${l(!!this.cardHref)}</div>`:""}
@@ -69,12 +70,18 @@ import{_ as m}from"../../vendor/preload-helper.js";import{a as u,n as s,i as v,x
             </div>
             <div class="content">
               <div class="social-metrics">
-                <span class="comments"><md-icon>mode_comment</md-icon> <span>${this.commentsText}: ${this.comments}</span></span>
-                <span class="likes"><md-icon>thumb_up</md-icon> <span>${this.likesText}: ${this.likes}</span></span>
+                <span class="comments"
+                  ><md-icon>mode_comment</md-icon>
+                  <span>${this.commentsText}: ${this.comments}</span></span
+                >
+                <span class="likes"
+                  ><md-icon>thumb_up</md-icon>
+                  <span>${this.likesText}: ${this.likes}</span></span
+                >
               </div>
             </div>
           </div>
-        `);case"link":return d(i`
+        `);case"link":return c(i`
           <div class="full-content">
             <div class="top-content">
               ${this.title?i`<div class="header"><span class="title">${this.title}</span></div>`:""}
@@ -86,7 +93,7 @@ import{_ as m}from"../../vendor/preload-helper.js";import{a as u,n as s,i as v,x
               <slot></slot>
             </div>
           </div>
-        `);case"action":return d(i`
+        `);case"action":return c(i`
           <div class="full-content">
             <div class="top-content">
               ${this.title?i`<div class="header"><span class="title">${this.title}</span></div>`:""}
@@ -98,7 +105,7 @@ import{_ as m}from"../../vendor/preload-helper.js";import{a as u,n as s,i as v,x
               <slot></slot>
             </div>
           </div>
-        `);default:return d(i`
+        `);default:return c(i`
           <div class="full-content">
             <div class="top-content">
               ${this.title?i`<div class="header">${l(!!this.cardHref)}</div>`:""}
@@ -107,7 +114,7 @@ import{_ as m}from"../../vendor/preload-helper.js";import{a as u,n as s,i as v,x
               ${r?i`<div class="date">${r}</div>`:""}
             </div>
           </div>
-        `)}}updated(a){super.updated(a),a.has("width")&&(this.width?this.style.inlineSize=this.width:this.style.removeProperty("inline-size")),a.has("maxWidth")&&(this.maxWidth?this.style.maxInlineSize=this.maxWidth:this.style.removeProperty("max-inline-size")),a.has("height")&&(this.height?this.style.blockSize=this.height:this.style.removeProperty("block-size")),a.has("maxHeight")&&(this.maxHeight?this.style.maxBlockSize=this.maxHeight:this.style.removeProperty("max-block-size")),a.has("type")&&(this.type==="list"?this.setAttribute("data-density","-2"):this.removeAttribute("data-density")),this.style.setProperty("--scb-card-media-fit",this.mediaFit||"cover"),this.style.setProperty("--scb-card-media-position",this.mediaPosition||"center")}async firstUpdated(){t.__iconLoaded||(await m(()=>import("../../vendor/vendor-material.js").then(a=>a.i),__vite__mapDeps([0,1]),import.meta.url),t.__iconLoaded=!0),t.__rippleLoaded||(await m(()=>import("../../vendor/vendor-material.js").then(a=>a.r),__vite__mapDeps([0,1]),import.meta.url),t.__rippleLoaded=!0)}};t.__iconLoaded=!1;t.__rippleLoaded=!1;t.styles=u`
+        `)}}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`
     :host {
       display: block;
       box-sizing: border-box;
@@ -121,34 +128,44 @@ import{_ as m}from"../../vendor/preload-helper.js";import{a as u,n as s,i as v,x
       --scb-card-horizontal-media-min: 96px;
       --scb-card-horizontal-media-aspect: 16 / 9;
     }
-    :host([type="standard"]) { --scb-card-max-w: var(--scb-card-standard-max-w); }
-    :host([type="list"])     { --scb-card-max-w: var(--scb-card-list-max-w); }
-    :host([type="social"])   { --scb-card-max-w: var(--scb-card-social-max-w); }
-    :host([type="link"])     { --scb-card-max-w: var(--scb-card-link-max-w); }
-    :host([type="action"])   { --scb-card-max-w: var(--scb-card-action-max-w); }
+    :host([type='standard']) {
+      --scb-card-max-w: var(--scb-card-standard-max-w);
+    }
+    :host([type='list']) {
+      --scb-card-max-w: var(--scb-card-list-max-w);
+    }
+    :host([type='social']) {
+      --scb-card-max-w: var(--scb-card-social-max-w);
+    }
+    :host([type='link']) {
+      --scb-card-max-w: var(--scb-card-link-max-w);
+    }
+    :host([type='action']) {
+      --scb-card-max-w: var(--scb-card-action-max-w);
+    }
 
     :host([height]) .scb-card,
     :host([max-height]) .scb-card,
-    :host([sizing="stretch"]) .scb-card {
+    :host([sizing='stretch']) .scb-card {
       block-size: 100%;
     }
 
-    :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;
     }
-    :host([sizing="content-width"]) .scb-card {
+    :host([sizing='content-width']) .scb-card {
       inline-size: max-content;
     }
 
-    :host([sizing="content-height"]) {
+    :host([sizing='content-height']) {
       inline-size: 100%;
       block-size: auto;
       max-inline-size: none;
@@ -161,7 +178,9 @@ import{_ as m}from"../../vendor/preload-helper.js";import{a as u,n as s,i as v,x
       display: none;
       border-radius: var(--scb-card-focus-ring-radius, var(--md-sys-shape-corner-large));
     }
-    :host(:focus-within) md-focus-ring { display: block; }
+    :host(:focus-within) md-focus-ring {
+      display: block;
+    }
 
     .scb-card {
       color: var(--md-sys-color-on-surface);
@@ -178,14 +197,26 @@ import{_ as m}from"../../vendor/preload-helper.js";import{a as u,n as s,i as v,x
     }
 
     .scb-card:focus,
-    .scb-card:focus-visible { outline: none; }
+    .scb-card:focus-visible {
+      outline: none;
+    }
     .scb-card a:focus,
-    .scb-card a:focus-visible { outline: none; }
+    .scb-card a:focus-visible {
+      outline: none;
+    }
 
-    .scb-card.outlined { border: 1px solid var(--md-sys-color-outline-variant); }
-    .scb-card.filled   { background: var(--md-sys-color-surface-dim); }
-    .scb-card.vertical { flex-direction: column; }
-    .scb-card.clickable{ cursor: pointer; }
+    .scb-card.outlined {
+      border: 1px solid var(--md-sys-color-outline-variant);
+    }
+    .scb-card.filled {
+      background: var(--md-sys-color-surface-dim);
+    }
+    .scb-card.vertical {
+      flex-direction: column;
+    }
+    .scb-card.clickable {
+      cursor: pointer;
+    }
 
     md-ripple {
       position: absolute;
@@ -216,16 +247,29 @@ import{_ as m}from"../../vendor/preload-helper.js";import{a as u,n as s,i as v,x
       position: absolute;
       inset: 0;
       background:
-        linear-gradient(90deg,
-          rgba(0,0,0,.06) 25%,
-          rgba(0,0,0,.12) 37%,
-          rgba(0,0,0,.06) 63%);
+        linear-gradient(
+          90deg,
+          rgba(0, 0, 0, 0.06) 25%,
+          rgba(0, 0, 0, 0.12) 37%,
+          rgba(0, 0, 0, 0.06) 63%
+        );
       animation: scb-card-shimmer 1.2s infinite linear;
     }
-    .media.is-loaded::before { content: none; }
-    @keyframes scb-card-shimmer { 0% { transform: translateX(-100%); } 100% { transform: translateX(100%); } }
+    .media.is-loaded::before {
+      content: none;
+    }
+    @keyframes scb-card-shimmer {
+      0% {
+        transform: translateX(-100%);
+      }
+      100% {
+        transform: translateX(100%);
+      }
+    }
 
-    .full-content { padding: var(--spacing-7) var(--spacing-6); }
+    .full-content {
+      padding: var(--spacing-7) var(--spacing-6);
+    }
     .top-content {
       display: flex;
       flex-direction: column;
@@ -256,8 +300,13 @@ import{_ as m}from"../../vendor/preload-helper.js";import{a as u,n as s,i as v,x
       overflow-wrap: normal;
       hyphens: auto;
     }
-    .header a.title { color: inherit; text-decoration: none; }
-    .header md-icon { flex: 0 0 auto; }
+    .header a.title {
+      color: inherit;
+      text-decoration: none;
+    }
+    .header md-icon {
+      flex: 0 0 auto;
+    }
 
     .sub-label {
       font-size: var(--md-sys-typescale-title-medium-size);
@@ -286,8 +335,12 @@ import{_ as m}from"../../vendor/preload-helper.js";import{a as u,n as s,i as v,x
       column-gap: var(--spacing-6);
       padding: var(--spacing-6);
     }
-    .scb-card.horizontal .media { align-self: flex-start; }
-    .scb-card.horizontal .media ::slotted(scb-avatar) { margin: 0; }
+    .scb-card.horizontal .media {
+      align-self: flex-start;
+    }
+    .scb-card.horizontal .media ::slotted(scb-avatar) {
+      margin: 0;
+    }
     .scb-card.horizontal .full-content {
       align-self: flex-start;
       padding: 0;
@@ -295,8 +348,12 @@ import{_ as m}from"../../vendor/preload-helper.js";import{a as u,n as s,i as v,x
       min-inline-size: 0;
       flex: 1 1 auto;
     }
-    .scb-card.horizontal .header { align-items: flex-start; }
-    .scb-card.horizontal .header md-icon { align-self: flex-start; }
+    .scb-card.horizontal .header {
+      align-items: flex-start;
+    }
+    .scb-card.horizontal .header md-icon {
+      align-self: flex-start;
+    }
 
     .scb-card.horizontal .media img {
       margin: 0;
@@ -309,7 +366,7 @@ import{_ as m}from"../../vendor/preload-helper.js";import{a as u,n as s,i as v,x
       block-size: auto;
     }
 
-    :host([sizing="content-width"]) .scb-card.horizontal:has(.media img) .full-content {
+    :host([sizing='content-width']) .scb-card.horizontal:has(.media img) .full-content {
       inline-size: max-content;
       flex: 0 1 auto;
     }
@@ -326,13 +383,16 @@ import{_ as m}from"../../vendor/preload-helper.js";import{a as u,n as s,i as v,x
       font-size: var(--md-sys-typescale-title-large-size);
       vertical-align: middle;
     }
-    .comments, .likes {
+    .comments,
+    .likes {
       display: flex;
       align-items: center;
       gap: var(--spacing-2);
     }
 
-    .scb-card .content.list { margin-top: var(--spacing-7); }
+    .scb-card .content.list {
+      margin-top: var(--spacing-7);
+    }
 
     .scb-card .content.actions ::slotted(*) {
       margin-top: var(--spacing-7);
@@ -341,7 +401,9 @@ import{_ as m}from"../../vendor/preload-helper.js";import{a as u,n as s,i as v,x
       gap: var(--spacing-3);
     }
 
-    .scb-card .content.links { margin-top: var(--spacing-3); }
+    .scb-card .content.links {
+      margin-top: var(--spacing-3);
+    }
     .scb-card .content.links ::slotted(a),
     .scb-card .content.links ::slotted(scb-link) {
       display: block;
@@ -354,4 +416,4 @@ import{_ as m}from"../../vendor/preload-helper.js";import{a as u,n as s,i as v,x
     .scb-card.filled .content.list ::slotted(scb-list) {
       --scb-list-bg: var(--md-sys-color-surface-dim);
     }
-  `;e([s({type:String})],t.prototype,"type",2);e([s({type:String})],t.prototype,"variant",2);e([s({type:String})],t.prototype,"direction",2);e([s({type:String,attribute:"media-type"})],t.prototype,"mediaType",2);e([s({type:String,attribute:"media-href"})],t.prototype,"mediaHref",2);e([s({type:String,attribute:"media-alt"})],t.prototype,"mediaAlt",2);e([s({type:String,attribute:"media-srcset"})],t.prototype,"mediaSrcset",2);e([s({type:String,attribute:"media-sizes"})],t.prototype,"mediaSizes",2);e([s({type:String,attribute:"media-loading"})],t.prototype,"mediaLoading",2);e([s({type:String,attribute:"media-decoding"})],t.prototype,"mediaDecoding",2);e([s({type:String,attribute:"media-fetchpriority"})],t.prototype,"mediaFetchPriority",2);e([s({type:String,attribute:"media-fit"})],t.prototype,"mediaFit",2);e([s({type:String,attribute:"media-position"})],t.prototype,"mediaPosition",2);e([s({type:String,attribute:"media-width"})],t.prototype,"mediaWidth",2);e([s({type:String,attribute:"media-height"})],t.prototype,"mediaHeight",2);e([s({type:String,attribute:"media-aspect"})],t.prototype,"mediaAspect",2);e([s({type:Boolean,attribute:"media-placeholder"})],t.prototype,"mediaPlaceholder",2);e([s({type:String,attribute:"card-href"})],t.prototype,"cardHref",2);e([s({type:String})],t.prototype,"title",2);e([s({type:String})],t.prototype,"subtitle",2);e([s({type:String,attribute:"supporting-text"})],t.prototype,"supportingText",2);e([s({type:Date,reflect:!0})],t.prototype,"date",2);e([s({type:String,attribute:"social-comments-text"})],t.prototype,"commentsText",2);e([s({type:Number,attribute:"social-comments",reflect:!0})],t.prototype,"comments",2);e([s({type:String,attribute:"social-likes-text"})],t.prototype,"likesText",2);e([s({type:Number,attribute:"social-likes",reflect:!0})],t.prototype,"likes",2);e([s({type:String,reflect:!0})],t.prototype,"sizing",2);e([s({type:String,reflect:!0})],t.prototype,"width",2);e([s({type:String,reflect:!0,attribute:"max-width"})],t.prototype,"maxWidth",2);e([s({type:String,reflect:!0})],t.prototype,"height",2);e([s({type:String,reflect:!0,attribute:"max-height"})],t.prototype,"maxHeight",2);t=e([b("scb-card")],t);
+  `;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);