scb-wc 0.1.26 → 0.1.28

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

@@ -1,15 +1,15 @@
 const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["../../vendor/vendor-material.js","../../vendor/vendor.js","../../vendor/vendor-lit.js"])))=>i.map(i=>d[i]);
-import"../../vendor/vendor-material.js";import{_ as nt,b as ct,g as $,h as a,v as o,y as r}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as i}from"../../vendor/decorate.js";import{n as ot,t as v}from"../../vendor/assertClassBrand.js";import"../scb-button/scb-button.js";import{t as R}from"../../vendor/preload-helper.js";import"../scb-icon-button/scb-icon-button.js";import"../scb-list/scb-list.js";import"../scb-avatar/scb-avatar.js";import"../scb-link/scb-link.js";import"../scb-chip/scb-chip.js";import"../scb-tooltip/scb-tooltip.js";(function(){try{var d=typeof globalThis<"u"?globalThis:window;if(!d.__scb_ce_guard_installed__){d.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(s,n,l){try{customElements.get(s)||t(s,n,l)}catch(b){var h=String(b||"");if(h.indexOf("already been used")===-1&&h.indexOf("NotSupportedError")===-1)throw b}}}}catch{}})();var g,_,S,dt=["standard","list","social","link","action","container"],c={fromAttribute:d=>d??"",toAttribute:d=>typeof d!="string"||d.trim()===""?null:d},e=(g=new WeakSet,_=class extends nt{constructor(...t){super(...t),ot(this,g),this.__managedSocialAttributes=new Set(["social-comments-text","social-comments","social-comments-href","social-likes-text","social-likes","social-likes-hover-content","social-has-liked","social-likes-interactive","social-author","social-author-text","social-author-href"]),this.__isSyncingManagedSocialAttributes=!1,this.type="standard",this.variant="standard",this.direction="dynamic",this.size="large",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.href="",this.title="",this.cardTitle="",this.subtitle="",this.vignette="",this.vignetteVariant="filled",this.vignetteSpacing=void 0,this.vignetteSpacingTop=void 0,this.vignetteSpacingBottom=void 0,this.vignetteSpacingLeft=void 0,this.vignetteSpacingRight=void 0,this.supportingText="",this.commentsText="",this.commentsDisabled=!1,this.commentsHref="",this.likesText="",this.likesDisabled=!1,this.likesHoverContent="",this.hasLiked=!1,this.likesInteractive=!0,this.author=!1,this.authorText="",this.authorHref="",this.replyEnabled=!1,this.editEnabled=!1,this.deleteEnabled=!1,this.width="",this.maxWidth="",this.height="",this.maxHeight="",this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this.innerPadding=void 0,this.paddingTop=void 0,this.paddingBottom=void 0,this.paddingLeft=void 0,this.paddingRight=void 0,this.__onImgLoad=s=>{const n=s.currentTarget.closest(".media");n&&n.classList.add("is-loaded")},this.__onKeyDown=s=>{const n=this.__effectiveHref();(s.key==="Enter"||s.key===" ")&&n&&(s.preventDefault(),this.__navigate(n,s))},this.__handleHrefNavigation=s=>{const n=this.__effectiveHref();n&&(s.target.closest("a")||this.__navigate(n,s))}}attributeChangedCallback(t,s,n){this.__isSyncingManagedSocialAttributes&&this.__managedSocialAttributes.has(t)||super.attributeChangedCallback(t,s,n)}get likeButton(){return this.cardType!=="social"?null:this.renderRoot.querySelector(".likes scb-icon-button")}__calcAspectWH(t){const s=(t||"").trim();if(!s)return{w:600,h:400};const n=s.includes("/")?s.split("/"):s.includes(":")?s.split(":"):s.includes("x")?s.split("x"):null;if(n&&n.length===2){const h=Number(n[0]),b=Number(n[1]);if(h>0&&b>0)return{w:h,h:b}}const l=Number(s);return isFinite(l)&&l>0?{w:1e3,h:Math.round(1e3/l)}:{w:600,h:400}}__noWrapText(t){return(t??"").replace(/ /g," ").replace(/-/g,"‑")}get cardType(){const t=(this.type||"standard").toLowerCase();return dt.includes(t)?t:"standard"}__dispatchLikeEvent(t,s){this.dispatchEvent(new CustomEvent(t,{bubbles:!0,composed:!0,detail:s})),this.dispatchEvent(new CustomEvent(t.replace("-",""),{bubbles:!0,composed:!0,detail:s}))}__dispatchSocialActionEvent(t,s){this.dispatchEvent(new CustomEvent(`social-${t}`,{bubbles:!0,composed:!0,detail:{action:t,originalEvent:s}}))}__dispatchCardNavigate(t,s){const n={href:t,originalEvent:s},l=new CustomEvent("card-navigate",{bubbles:!0,composed:!0,cancelable:!0,detail:n});if(this.dispatchEvent(l),l.defaultPrevented)return!1;const h=new CustomEvent("cardnavigate",{bubbles:!0,composed:!0,cancelable:!0,detail:n});return this.dispatchEvent(h),!h.defaultPrevented}__effectiveHref(){return this.cardHref||this.href}__navigate(t,s){t&&this.__dispatchCardNavigate(t,s)&&window.open(t,"_self")}__hasSlottedContent(t){return Array.from(this.children).some(s=>s.getAttribute("slot")===t)}__mediaTemplate(){if(this.__hasSlottedContent("media"))return r`
+import"../../vendor/vendor-material.js";import{_ as ct,b as ot,g as $,h as a,v as o,y as n}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as s}from"../../vendor/decorate.js";import{n as dt,t as v}from"../../vendor/assertClassBrand.js";import"../scb-button/scb-button.js";import{t as N}from"../../vendor/preload-helper.js";import"../scb-icon-button/scb-icon-button.js";import"../scb-list/scb-list.js";import"../scb-avatar/scb-avatar.js";import"../scb-link/scb-link.js";import"../scb-chip/scb-chip.js";import"../scb-tooltip/scb-tooltip.js";(function(){try{var d=typeof globalThis<"u"?globalThis:window;if(!d.__scb_ce_guard_installed__){d.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(e,r,l){try{customElements.get(e)||t(e,r,l)}catch(b){var h=String(b||"");if(h.indexOf("already been used")===-1&&h.indexOf("NotSupportedError")===-1)throw b}}}}catch{}})();var m,_,S,lt=["standard","list","social","link","action","container"],c={fromAttribute:d=>d??"",toAttribute:d=>typeof d!="string"||d.trim()===""?null:d},i=(m=new WeakSet,_=class extends ct{constructor(...t){super(...t),dt(this,m),this.__managedSocialAttributes=new Set(["social-comments-text","social-comments","social-comments-href","social-likes-text","social-likes","social-likes-hover-content","social-has-liked","social-likes-interactive","social-author","social-author-text","social-author-href"]),this.__isSyncingManagedSocialAttributes=!1,this.type="standard",this.variant="standard",this.direction="dynamic",this.size="large",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.href="",this.title="",this.cardTitle="",this.subtitle="",this.vignette="",this.vignetteVariant="filled",this.vignetteSpacing=void 0,this.vignetteSpacingTop=void 0,this.vignetteSpacingBottom=void 0,this.vignetteSpacingLeft=void 0,this.vignetteSpacingRight=void 0,this.supportingText="",this.commentsText="",this.commentsDisabled=!1,this.commentsHref="",this.likesText="",this.likesDisabled=!1,this.likesHoverContent="",this.hasLiked=!1,this.likesInteractive=!0,this.author=!1,this.authorText="",this.authorHref="",this.replyEnabled=!1,this.editEnabled=!1,this.deleteEnabled=!1,this.width="",this.maxWidth="",this.height="",this.maxHeight="",this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this.innerPadding=void 0,this.paddingTop=void 0,this.paddingBottom=void 0,this.paddingLeft=void 0,this.paddingRight=void 0,this.__onImgLoad=e=>{const r=e.currentTarget.closest(".media");r&&r.classList.add("is-loaded")},this.__onKeyDown=e=>{const r=this.__effectiveHref();(e.key==="Enter"||e.key===" ")&&r&&(e.preventDefault(),this.__navigate(r,e))},this.__handleHrefNavigation=e=>{const r=this.__effectiveHref();r&&(e.target.closest("a")||this.__navigate(r,e))}}attributeChangedCallback(t,e,r){this.__isSyncingManagedSocialAttributes&&this.__managedSocialAttributes.has(t)||super.attributeChangedCallback(t,e,r)}get likeButton(){return this.cardType!=="social"?null:this.renderRoot.querySelector(".likes scb-icon-button")}__calcAspectWH(t){const e=(t||"").trim();if(!e)return{w:600,h:400};const r=e.includes("/")?e.split("/"):e.includes(":")?e.split(":"):e.includes("x")?e.split("x"):null;if(r&&r.length===2){const h=Number(r[0]),b=Number(r[1]);if(h>0&&b>0)return{w:h,h:b}}const l=Number(e);return isFinite(l)&&l>0?{w:1e3,h:Math.round(1e3/l)}:{w:600,h:400}}__noWrapText(t){return(t??"").replace(/ /g," ").replace(/-/g,"‑")}__decodeHtmlEntities(t){const e=document.createElement("textarea");return e.innerHTML=t,e.value}__normalizePlainText(t){let e=String(t??"");for(let r=0;r<5;r+=1){const l=this.__decodeHtmlEntities(e);if(l===e)break;e=l}return e.replace(/<\s*(br|\/p|\/div|\/li|\/h[1-6]|\/tr)\b[^>]*>/gi," ").replace(/<[^>]*>/g," ").replace(/\s+/g," ").trim()}get cardType(){const t=(this.type||"standard").toLowerCase();return lt.includes(t)?t:"standard"}__dispatchLikeEvent(t,e){this.dispatchEvent(new CustomEvent(t,{bubbles:!0,composed:!0,detail:e})),this.dispatchEvent(new CustomEvent(t.replace("-",""),{bubbles:!0,composed:!0,detail:e}))}__dispatchSocialActionEvent(t,e){this.dispatchEvent(new CustomEvent(`social-${t}`,{bubbles:!0,composed:!0,detail:{action:t,originalEvent:e}}))}__dispatchCardNavigate(t,e){const r={href:t,originalEvent:e},l=new CustomEvent("card-navigate",{bubbles:!0,composed:!0,cancelable:!0,detail:r});if(this.dispatchEvent(l),l.defaultPrevented)return!1;const h=new CustomEvent("cardnavigate",{bubbles:!0,composed:!0,cancelable:!0,detail:r});return this.dispatchEvent(h),!h.defaultPrevented}__effectiveHref(){return this.cardHref||this.href}__navigate(t,e){t&&this.__dispatchCardNavigate(t,e)&&window.open(t,"_self")}__hasSlottedContent(t){return Array.from(this.children).some(e=>e.getAttribute("slot")===t)}__mediaTemplate(){if(this.__hasSlottedContent("media"))return n`
         <div class="media">
           <slot name="media"></slot>
         </div>
-      `;if((this.mediaType||"").toLowerCase()==="avatar")return r`
+      `;if((this.mediaType||"").toLowerCase()==="avatar")return n`
         <div class="media">
           <slot name="media">
-            <scb-avatar variant="icon" label="${T.call(v(g,this))}" icon-name="person"></scb-avatar>
+            <scb-avatar variant="icon" label="${T.call(v(m,this))}" icon-name="person"></scb-avatar>
           </slot>
         </div>
-      `;if(this.mediaHref||this.mediaSrcset){let t=Number(this.mediaWidth)||0,s=Number(this.mediaHeight)||0;const n=(this.mediaAspect||"").trim();if(!t||!s){const h=this.__calcAspectWH(n||"3/2");t||(t=h.w),s||(s=h.h)}const l=`aspect-ratio:${n||`${t}/${s}`};`;return r`
+      `;if(this.mediaHref||this.mediaSrcset){let t=Number(this.mediaWidth)||0,e=Number(this.mediaHeight)||0;const r=(this.mediaAspect||"").trim();if(!t||!e){const h=this.__calcAspectWH(r||"3/2");t||(t=h.w),e||(e=h.h)}const l=`aspect-ratio:${r||`${t}/${e}`};`;return n`
         <div class="media ${this.mediaPlaceholder?"has-ph":""}" style="${l}">
           <slot name="media-sources"></slot>
           <img
@@ -21,74 +21,74 @@ import"../../vendor/vendor-material.js";import{_ as nt,b as ct,g as $,h as a,v a
             decoding="${this.mediaDecoding}"
             fetchpriority="${this.mediaFetchPriority}"
             width="${t}"
-            height="${s}"
+            height="${e}"
             @load=${this.__onImgLoad}
           />
         </div>
-      `}return null}mapSpacingToken(t){if(!t)return;const s=String(t).trim();if(s)return/^\d+$/.test(s)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(s,10)))})`:s}__syncStringAttribute(t,s){this.__isSyncingManagedSocialAttributes=!0;try{typeof s=="string"&&s.trim()!==""?this.setAttribute(t,s):this.removeAttribute(t)}finally{this.__isSyncingManagedSocialAttributes=!1}}__syncNumberAttribute(t,s){this.__isSyncingManagedSocialAttributes=!0;try{typeof s=="number"&&Number.isFinite(s)?this.setAttribute(t,String(s)):this.removeAttribute(t)}finally{this.__isSyncingManagedSocialAttributes=!1}}__syncBooleanAttribute(t,s){this.__isSyncingManagedSocialAttributes=!0;try{s?this.setAttribute(t,""):this.removeAttribute(t)}finally{this.__isSyncingManagedSocialAttributes=!1}}__syncSocialAttributes(){this.cardType==="social"&&(this.__syncStringAttribute("social-comments-text",this.commentsText),this.__syncNumberAttribute("social-comments",this.comments),this.__syncStringAttribute("social-comments-href",this.commentsHref),this.__syncStringAttribute("social-likes-text",this.likesText),this.__syncNumberAttribute("social-likes",this.likes),this.__syncStringAttribute("social-likes-hover-content",this.likesHoverContent),this.__syncBooleanAttribute("social-has-liked",this.hasLiked),this.__syncBooleanAttribute("social-likes-interactive",this.likesInteractive),this.__syncBooleanAttribute("social-author",this.author),this.__syncStringAttribute("social-author-text",this.authorText),this.__syncStringAttribute("social-author-href",this.authorHref))}render(){const t=this.cardType,s=this.variant?`${this.variant.toLowerCase()}`:"",n=(this.direction||"dynamic").toLowerCase(),l=t!=="list"&&t!=="container"&&n!=="vertical"&&n!=="horizontal"?"dynamic-direction":"",h=t==="list"||t==="container"?"vertical":n==="horizontal"?"horizontal":"vertical",b=this.__effectiveHref(),y=(t==="standard"||t==="social")&&!!b,K=y?"clickable":"",P=this.date instanceof Date?this.date.toISOString().slice(0,10):this.date||"",C=!!T.call(v(g,this))||this.__hasSlottedContent("heading"),A=!!this.subtitle||this.__hasSlottedContent("subtitle"),q=!!this.supportingText||this.__hasSlottedContent("supporting-text"),G=!!P||this.__hasSlottedContent("date"),X=this.__hasSlottedContent("footer"),E=(m=!1)=>C?r`
+      `}return null}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}__syncStringAttribute(t,e){this.__isSyncingManagedSocialAttributes=!0;try{typeof e=="string"&&e.trim()!==""?this.setAttribute(t,e):this.removeAttribute(t)}finally{this.__isSyncingManagedSocialAttributes=!1}}__syncNumberAttribute(t,e){this.__isSyncingManagedSocialAttributes=!0;try{typeof e=="number"&&Number.isFinite(e)?this.setAttribute(t,String(e)):this.removeAttribute(t)}finally{this.__isSyncingManagedSocialAttributes=!1}}__syncBooleanAttribute(t,e){this.__isSyncingManagedSocialAttributes=!0;try{e?this.setAttribute(t,""):this.removeAttribute(t)}finally{this.__isSyncingManagedSocialAttributes=!1}}__syncSocialAttributes(){this.cardType==="social"&&(this.__syncStringAttribute("social-comments-text",this.commentsText),this.__syncNumberAttribute("social-comments",this.comments),this.__syncStringAttribute("social-comments-href",this.commentsHref),this.__syncStringAttribute("social-likes-text",this.likesText),this.__syncNumberAttribute("social-likes",this.likes),this.__syncStringAttribute("social-likes-hover-content",this.likesHoverContent),this.__syncBooleanAttribute("social-has-liked",this.hasLiked),this.__syncBooleanAttribute("social-likes-interactive",this.likesInteractive),this.__syncBooleanAttribute("social-author",this.author),this.__syncStringAttribute("social-author-text",this.authorText),this.__syncStringAttribute("social-author-href",this.authorHref))}render(){const t=this.cardType,e=this.variant?`${this.variant.toLowerCase()}`:"",r=(this.direction||"dynamic").toLowerCase(),l=t!=="list"&&t!=="container"&&r!=="vertical"&&r!=="horizontal"?"dynamic-direction":"",h=t==="list"||t==="container"?"vertical":r==="horizontal"?"horizontal":"vertical",b=this.__effectiveHref(),f=(t==="standard"||t==="social")&&!!b,q=f?"clickable":"",P=this.date instanceof Date?this.date.toISOString().slice(0,10):this.date||"",E=t==="social"?this.__normalizePlainText(this.supportingText):this.supportingText,C=!!T.call(v(m,this))||this.__hasSlottedContent("heading"),L=!!this.subtitle||this.__hasSlottedContent("subtitle"),G=!!E||this.__hasSlottedContent("supporting-text"),X=!!P||this.__hasSlottedContent("date"),U=this.__hasSlottedContent("footer"),H=(g=!1)=>C?n`
             <div class="header">
               <slot name="heading">
-                ${m?r`<a class="title" href="${b}" tabindex="-1">${T.call(v(g,this))}</a>`:r`<span class="title">${T.call(v(g,this))}</span>`}
+                ${g?n`<a class="title" href="${b}" tabindex="-1">${T.call(v(m,this))}</a>`:n`<span class="title">${T.call(v(m,this))}</span>`}
               </slot>
-              ${m?r`<md-icon>arrow_forward</md-icon>`:o}
+              ${g?n`<md-icon>arrow_forward</md-icon>`:o}
             </div>
-          `:o,F=()=>A?r`<div class="sub-label"><slot name="subtitle">${this.subtitle}</slot></div>`:o,U=()=>q?r`<div class="supporting-text"><slot name="supporting-text">${this.supportingText}</slot></div>`:o,J=()=>G?r`<div class="date"><slot name="date">${P}</slot></div>`:o,Q=()=>this.__mediaTemplate(),Y=this.vignetteSpacing||o,Z=this.vignetteSpacingTop||o,tt=this.vignetteSpacingBottom||(this.vignetteSpacing?o:"5"),et=this.vignetteSpacingLeft||o,it=this.vignetteSpacingRight||o,H=!!this.vignette?.trim(),st=H?r`<scb-chip
+          `:o,F=()=>L?n`<div class="sub-label"><slot name="subtitle">${this.subtitle}</slot></div>`:o,J=()=>G?n`<div class="supporting-text"><slot name="supporting-text">${E}</slot></div>`:o,Q=()=>X?n`<div class="date"><slot name="date">${P}</slot></div>`:o,Y=()=>this.__mediaTemplate(),Z=this.vignetteSpacing||o,tt=this.vignetteSpacingTop||o,et=this.vignetteSpacingBottom||(this.vignetteSpacing?o:"5"),it=this.vignetteSpacingLeft||o,st=this.vignetteSpacingRight||o,B=!!this.vignette?.trim(),at=B?n`<scb-chip
           class="content-vignette"
           variant="static"
           static-variant="${this.vignetteVariant==="outline"||this.vignetteVariant==="outlined"?"outlined":"filled"}"
           label="${this.vignette}"
-          spacing=${Y}
-          spacing-top=${Z}
-          spacing-bottom=${tt}
-          spacing-left=${et}
-          spacing-right=${it}
-        ></scb-chip>`:o,B=()=>this.__hasSlottedContent("scb-chip")?r`<div class="chip-slot"><slot name="scb-chip"></slot></div>`:H?r`<div class="chip-slot">${st}</div>`:o,z=(m=!1,w=!0,u=!0)=>r`
-      ${B()}
+          spacing=${Z}
+          spacing-top=${tt}
+          spacing-bottom=${et}
+          spacing-left=${it}
+          spacing-right=${st}
+        ></scb-chip>`:o,D=()=>this.__hasSlottedContent("scb-chip")?n`<div class="chip-slot"><slot name="scb-chip"></slot></div>`:B?n`<div class="chip-slot">${at}</div>`:o,z=(g=!1,w=!0,u=!0)=>n`
+      ${D()}
       <div class="top-content">
-        ${E(m)}
+        ${H(g)}
         ${F()}
-        ${w?U():o}
-        ${u?J():o}
+        ${w?J():o}
+        ${u?Q():o}
       </div>
-    `,f=()=>X?r`
+    `,y=()=>U?n`
             <div class="content footer">
               <slot name="footer"></slot>
             </div>
-          `:o,x=m=>r`
+          `:o,x=g=>n`
       <div
-        class="scb-card ${s} ${h} ${l} ${K}"
-        @click=${y?this.__handleHrefNavigation:null}
-        @keydown=${y?this.__onKeyDown:null}
-        style="cursor:${y?"pointer":"default"};"
-        role=${y?"link":o}
-        tabindex=${y?"0":o}
-        aria-label=${T.call(v(g,this))||this.subtitle||"Kort"}
+        class="scb-card ${e} ${h} ${l} ${q}"
+        @click=${f?this.__handleHrefNavigation:null}
+        @keydown=${f?this.__onKeyDown:null}
+        style="cursor:${f?"pointer":"default"};"
+        role=${f?"link":o}
+        tabindex=${f?"0":o}
+        aria-label=${T.call(v(m,this))||this.subtitle||"Kort"}
       >
-        ${y?r`<md-ripple></md-ripple>`:""}
-        ${Q()}
-        ${m}
+        ${f?n`<md-ripple></md-ripple>`:""}
+        ${Y()}
+        ${g}
       </div>
       <md-focus-ring></md-focus-ring>
-    `;switch(t){case"standard":return x(r`
+    `;switch(t){case"standard":return x(n`
           <div class="full-content">
             ${z(!!b)}
-            ${f()}
+            ${y()}
           </div>
-        `);case"list":return x(r`
+        `);case"list":return x(n`
           <div class="full-content">
             ${z(!1)}
             <div class="content list">
               <slot name="list"></slot><slot></slot>
             </div>
-            ${f()}
+            ${y()}
           </div>
-        `);case"social":const m=this.commentsHref,w=p=>{p.stopPropagation()},u=p=>{const k=this.renderRoot?.querySelector(".scb-card");k&&(p?k.classList.add("no-hover"):k.classList.remove("no-hover"))},at=this.commentsText?`${this.commentsText}: `:"",rt=this.likesText?`${this.likesText}: `:"",L=p=>k=>{k.stopPropagation(),this.__dispatchSocialActionEvent(p,k)},D=this.likesDisabled?o:r`
+        `);case"social":const g=this.commentsHref,w=p=>{p.stopPropagation()},u=p=>{const k=this.renderRoot?.querySelector(".scb-card");k&&(p?k.classList.add("no-hover"):k.classList.remove("no-hover"))},rt=this.commentsText?`${this.commentsText}: `:"",nt=this.likesText?`${this.likesText}: `:"",A=p=>k=>{k.stopPropagation(),this.__dispatchSocialActionEvent(p,k)},R=this.likesDisabled?o:n`
               <span
                 class="likes"
                 @mouseenter=${()=>u(!0)}
                 @mouseleave=${()=>u(!1)}
               >
-                ${this.likesInteractive?r`
+                ${this.likesInteractive?n`
                       <scb-icon-button
                         id="like-button"
                         variant="standard"
@@ -99,15 +99,15 @@ import"../../vendor/vendor-material.js";import{_ as nt,b as ct,g as $,h as a,v a
                         @keydown=${p=>{(p.key==="Enter"||p.key===" ")&&(p.preventDefault(),p.stopPropagation(),this.hasLiked=!this.hasLiked,this.__dispatchLikeEvent("like-click",{hasLiked:this.hasLiked,likes:this.likes??0}))}}
                         @hover=${p=>{p.preventDefault(),p.stopPropagation(),this.__dispatchLikeEvent("like-hover",{hasLiked:this.hasLiked,likes:this.likes??0})}}
                       ></scb-icon-button>
-                    `:r`<md-icon>thumb_up</md-icon>`}
-                <span class="social-text">${rt}${this.likes??0}</span>
+                    `:n`<md-icon>thumb_up</md-icon>`}
+                <span class="social-text">${nt}${this.likes??0}</span>
               </span>
-            `;return x(r`
+            `;return x(n`
           <div class="full-content">
             ${z(!!b)}
             <div class="content">
               <div class="social-metrics">
-                ${this.author?r`
+                ${this.author?n`
                       <a
                         class="author social-text"
                         href="${this.authorHref||"#"}"
@@ -118,28 +118,28 @@ import"../../vendor/vendor-material.js";import{_ as nt,b as ct,g as $,h as a,v a
                         >${this.authorText}</a
                       >
                     `:""}
-                ${this.commentsDisabled?o:r`
+                ${this.commentsDisabled?o:n`
                       <span
                         class="comments"
                         @mouseenter=${()=>u(!0)}
                         @mouseleave=${()=>u(!1)}
                       >
-                        ${m!==""?r`
+                        ${g!==""?n`
                               <scb-icon-button
-                                href="${m}"
+                                href="${g}"
                                 tabindex="0"
                                 @click=${w}
                                 variant="standard"
                                 icon="comment"
                                 aria-label="Gå till kommentarer"
                               ></scb-icon-button>
-                            `:r`
+                            `:n`
                               <md-icon>comment</md-icon>
                             `}
-                        <span class="social-text">${at}${this.comments??0}</span>
+                        <span class="social-text">${rt}${this.comments??0}</span>
                       </span>
                     `}
-                ${this.likesHoverContent?r`
+                ${this.likesHoverContent?n`
                       <scb-tooltip
                         variant="rich"
                         for="like-button"
@@ -147,80 +147,80 @@ import"../../vendor/vendor-material.js";import{_ as nt,b as ct,g as $,h as a,v a
                         trigger="hover"
                         position="right"
                       >
-                        ${D}
+                        ${R}
                       </scb-tooltip>
-                    `:D}
-                ${this.replyEnabled?r`
+                    `:R}
+                ${this.replyEnabled?n`
                       <span class="social-action">
                         <scb-icon-button
                           variant="standard"
                           icon="reply"
                           aria-label="Svara"
-                          @click=${L("reply")}
+                          @click=${A("reply")}
                         ></scb-icon-button>
                         <span class="social-text">Svara</span>
                       </span>
                     `:o}
-                ${this.editEnabled?r`
+                ${this.editEnabled?n`
                       <span class="social-action">
                         <scb-icon-button
                           variant="standard"
                           icon="edit"
                           aria-label="Redigera"
-                          @click=${L("edit")}
+                          @click=${A("edit")}
                         ></scb-icon-button>
                         <span class="social-text">Redigera</span>
                       </span>
                     `:o}
-                ${this.deleteEnabled?r`
+                ${this.deleteEnabled?n`
                       <span class="social-action">
                         <scb-icon-button
                           variant="standard"
                           icon="delete"
                           aria-label="Ta bort"
-                          @click=${L("delete")}
+                          @click=${A("delete")}
                         ></scb-icon-button>
                         <span class="social-text">Ta bort</span>
                       </span>
                     `:o}
               </div>
             </div>
-            ${f()}
+            ${y()}
           </div>
-        `);case"link":return x(r`
+        `);case"link":return x(n`
           <div class="full-content">
             ${z(!1)}
             <div class="content links">
               <slot name="links"></slot><slot></slot>
             </div>
-            ${f()}
+            ${y()}
           </div>
-        `);case"action":return x(r`
+        `);case"action":return x(n`
           <div class="full-content">
             ${z(!1)}
             <div class="content actions">
               <slot name="actions"></slot><slot></slot>
             </div>
-            ${f()}
+            ${y()}
           </div>
-        `);case"container":return x(r`
-          <div class="container-content ${C||A?"has-header":""}">
-            ${B()}
-            ${C||A?r`
+        `);case"container":return x(n`
+          <div class="container-content ${C||L?"has-header":""}">
+            ${D()}
+            ${C||L?n`
                   <div class="top-content">
-                    ${E(!1)}
+                    ${H(!1)}
                     ${F()}
                   </div>
                 `:o}
             <slot></slot>
-            ${f()}
+            ${y()}
           </div>
-        `);default:return x(r`
+        `);default:return x(n`
           <div class="full-content">
             ${z(!!b)}
-            ${f()}
+            ${y()}
           </div>
-        `)}}updated(t){super.updated(t),t.has("width")&&(this.width?this.style.inlineSize=this.width:this.style.removeProperty("inline-size")),t.has("maxWidth")&&(this.maxWidth?this.style.maxInlineSize=this.maxWidth:this.style.removeProperty("max-inline-size")),t.has("height")&&(this.height?this.style.blockSize=this.height:this.style.removeProperty("block-size")),t.has("maxHeight")&&(this.maxHeight?this.style.maxBlockSize=this.maxHeight:this.style.removeProperty("max-block-size")),t.has("type")&&(this.cardType==="list"?this.setAttribute("data-density","-2"):this.removeAttribute("data-density")),this.mediaFit&&this.mediaFit!=="cover"?this.style.setProperty("--scb-card-media-fit",this.mediaFit):this.style.removeProperty("--scb-card-media-fit"),this.mediaPosition&&this.mediaPosition!=="center"?this.style.setProperty("--scb-card-media-position",this.mediaPosition):this.style.removeProperty("--scb-card-media-position"),this.__syncSocialAttributes(),(t.has("spacing")||t.has("spacingTop")||t.has("spacingBottom")||t.has("spacingLeft")||t.has("spacingRight"))&&v(g,this,N).call(this),(t.has("innerPadding")||t.has("paddingTop")||t.has("paddingBottom")||t.has("paddingLeft")||t.has("paddingRight"))&&v(g,this,I).call(this)}async firstUpdated(t){S.__iconLoaded||(await R(()=>import("../../vendor/vendor-material.js").then(s=>s.p),__vite__mapDeps([0,1,2]),import.meta.url),S.__iconLoaded=!0),S.__rippleLoaded||(await R(()=>import("../../vendor/vendor-material.js").then(s=>s.f),__vite__mapDeps([0,1,2]),import.meta.url),S.__rippleLoaded=!0),v(g,this,N).call(this),v(g,this,I).call(this),this.__syncSocialAttributes()}},S=_,_.__iconLoaded=!1,_.__rippleLoaded=!1,_.styles=ct`
+        `)}}updated(t){super.updated(t),t.has("width")&&(this.width?this.style.inlineSize=this.width:this.style.removeProperty("inline-size")),t.has("maxWidth")&&(this.maxWidth?this.style.maxInlineSize=this.maxWidth:this.style.removeProperty("max-inline-size")),t.has("height")&&(this.height?this.style.blockSize=this.height:this.style.removeProperty("block-size")),t.has("maxHeight")&&(this.maxHeight?this.style.maxBlockSize=this.maxHeight:this.style.removeProperty("max-block-size")),t.has("type")&&(this.cardType==="list"?this.setAttribute("data-density","-2"):this.removeAttribute("data-density")),this.mediaFit&&this.mediaFit!=="cover"?this.style.setProperty("--scb-card-media-fit",this.mediaFit):this.style.removeProperty("--scb-card-media-fit"),this.mediaPosition&&this.mediaPosition!=="center"?this.style.setProperty("--scb-card-media-position",this.mediaPosition):this.style.removeProperty("--scb-card-media-position"),this.__syncSocialAttributes(),(t.has("spacing")||t.has("spacingTop")||t.has("spacingBottom")||t.has("spacingLeft")||t.has("spacingRight"))&&v(m,this,I).call(this),(t.has("innerPadding")||t.has("paddingTop")||t.has("paddingBottom")||t.has("paddingLeft")||t.has("paddingRight"))&&v(m,this,M).call(this)}async firstUpdated(t){S.__iconLoaded||(await N(()=>import("../../vendor/vendor-material.js").then(e=>e.p),__vite__mapDeps([0,1,2]),import.meta.url),S.__iconLoaded=!0),S.__rippleLoaded||(await N(()=>import("../../vendor/vendor-material.js").then(e=>e.f),__vite__mapDeps([0,1,2]),import.meta.url),S.__rippleLoaded=!0),v(m,this,I).call(this),v(m,this,M).call(this),this.__syncSocialAttributes()}},S=_,_.__iconLoaded=!1,_.__rippleLoaded=!1,_.styles=ot`
     :host {
       display: block;
       container-type: inline-size;
@@ -824,4 +824,4 @@ import"../../vendor/vendor-material.js";import{_ as nt,b as ct,g as $,h as a,v a
     .scb-card.filled-alternative .content.list ::slotted(scb-list) {
       --scb-list-bg: var(--md-sys-color-surface-container, #EEF3FF);
     }
-  `,_);function T(){return this.cardTitle||this.title}function N(){const d=this.mapSpacingToken(this.spacing),t=this.mapSpacingToken(this.spacingTop)??d,s=this.mapSpacingToken(this.spacingBottom)??d,n=this.mapSpacingToken(this.spacingLeft),l=this.mapSpacingToken(this.spacingRight);t?this.style.setProperty("--scb-card-spacing-block-start",t):this.style.removeProperty("--scb-card-spacing-block-start"),s?this.style.setProperty("--scb-card-spacing-block-end",s):this.style.removeProperty("--scb-card-spacing-block-end"),n?this.style.setProperty("--scb-card-spacing-inline-start",n):this.style.removeProperty("--scb-card-spacing-inline-start"),l?this.style.setProperty("--scb-card-spacing-inline-end",l):this.style.removeProperty("--scb-card-spacing-inline-end")}function I(){const d=this.mapSpacingToken(this.innerPadding),t=this.mapSpacingToken(this.paddingTop)??d,s=this.mapSpacingToken(this.paddingBottom)??d,n=this.mapSpacingToken(this.paddingLeft)??d,l=this.mapSpacingToken(this.paddingRight)??d;t?this.style.setProperty("--scb-card-content-padding-block-start",t):this.style.removeProperty("--scb-card-content-padding-block-start"),s?this.style.setProperty("--scb-card-content-padding-block-end",s):this.style.removeProperty("--scb-card-content-padding-block-end"),n?this.style.setProperty("--scb-card-content-padding-inline-start",n):this.style.removeProperty("--scb-card-content-padding-inline-start"),l?this.style.setProperty("--scb-card-content-padding-inline-end",l):this.style.removeProperty("--scb-card-content-padding-inline-end")}i([a({type:String,reflect:!0,converter:c})],e.prototype,"type",void 0);i([a({type:String,reflect:!0,converter:c})],e.prototype,"variant",void 0);i([a({type:String,reflect:!0,converter:c})],e.prototype,"direction",void 0);i([a({type:String,reflect:!0})],e.prototype,"size",void 0);i([a({type:String,attribute:"media-type"})],e.prototype,"mediaType",void 0);i([a({type:String,attribute:"media-href"})],e.prototype,"mediaHref",void 0);i([a({type:String,attribute:"media-alt"})],e.prototype,"mediaAlt",void 0);i([a({type:String,attribute:"media-srcset"})],e.prototype,"mediaSrcset",void 0);i([a({type:String,attribute:"media-sizes"})],e.prototype,"mediaSizes",void 0);i([a({type:String,attribute:"media-loading"})],e.prototype,"mediaLoading",void 0);i([a({type:String,attribute:"media-decoding"})],e.prototype,"mediaDecoding",void 0);i([a({type:String,attribute:"media-fetchpriority"})],e.prototype,"mediaFetchPriority",void 0);i([a({type:String,attribute:"media-fit"})],e.prototype,"mediaFit",void 0);i([a({type:String,attribute:"media-position"})],e.prototype,"mediaPosition",void 0);i([a({type:String,attribute:"media-width"})],e.prototype,"mediaWidth",void 0);i([a({type:String,attribute:"media-height"})],e.prototype,"mediaHeight",void 0);i([a({type:String,attribute:"media-aspect"})],e.prototype,"mediaAspect",void 0);i([a({type:Boolean,attribute:"media-placeholder"})],e.prototype,"mediaPlaceholder",void 0);i([a({type:String,attribute:"card-href",reflect:!0,converter:c})],e.prototype,"cardHref",void 0);i([a({type:String,reflect:!0,converter:c})],e.prototype,"href",void 0);i([a({type:String,reflect:!0,converter:c})],e.prototype,"title",void 0);i([a({type:String,attribute:"card-title",reflect:!0,converter:c})],e.prototype,"cardTitle",void 0);i([a({type:String,reflect:!0,converter:c})],e.prototype,"subtitle",void 0);i([a({type:String,reflect:!0,converter:c})],e.prototype,"vignette",void 0);i([a({type:String,attribute:"vignette-variant",reflect:!0,converter:c})],e.prototype,"vignetteVariant",void 0);i([a({type:String,attribute:"vignette-spacing",reflect:!0,converter:c})],e.prototype,"vignetteSpacing",void 0);i([a({type:String,attribute:"vignette-spacing-top",reflect:!0,converter:c})],e.prototype,"vignetteSpacingTop",void 0);i([a({type:String,attribute:"vignette-spacing-bottom",reflect:!0,converter:c})],e.prototype,"vignetteSpacingBottom",void 0);i([a({type:String,attribute:"vignette-spacing-left",reflect:!0,converter:c})],e.prototype,"vignetteSpacingLeft",void 0);i([a({type:String,attribute:"vignette-spacing-right",reflect:!0,converter:c})],e.prototype,"vignetteSpacingRight",void 0);i([a({type:String,attribute:"supporting-text",reflect:!0,converter:c})],e.prototype,"supportingText",void 0);i([a({type:Date,reflect:!0})],e.prototype,"date",void 0);i([a({type:String,attribute:"social-comments-text"})],e.prototype,"commentsText",void 0);i([a({type:Number,attribute:"social-comments"})],e.prototype,"comments",void 0);i([a({type:Boolean,attribute:"social-comments-disabled"})],e.prototype,"commentsDisabled",void 0);i([a({type:String,attribute:"social-comments-href"})],e.prototype,"commentsHref",void 0);i([a({type:String,attribute:"social-likes-text"})],e.prototype,"likesText",void 0);i([a({type:Number,attribute:"social-likes"})],e.prototype,"likes",void 0);i([a({type:Boolean,attribute:"social-likes-disabled"})],e.prototype,"likesDisabled",void 0);i([a({type:String,attribute:"social-likes-hover-content"})],e.prototype,"likesHoverContent",void 0);i([a({type:Boolean,attribute:"social-has-liked"})],e.prototype,"hasLiked",void 0);i([a({type:Boolean,attribute:"social-likes-interactive"})],e.prototype,"likesInteractive",void 0);i([a({type:Boolean,attribute:"social-author"})],e.prototype,"author",void 0);i([a({type:String,attribute:"social-author-text"})],e.prototype,"authorText",void 0);i([a({type:String,attribute:"social-author-href"})],e.prototype,"authorHref",void 0);i([a({type:Boolean,attribute:"social-reply-enabled"})],e.prototype,"replyEnabled",void 0);i([a({type:Boolean,attribute:"social-edit-enabled"})],e.prototype,"editEnabled",void 0);i([a({type:Boolean,attribute:"social-delete-enabled"})],e.prototype,"deleteEnabled",void 0);i([a({type:String,reflect:!0,converter:c})],e.prototype,"sizing",void 0);i([a({type:String,reflect:!0,converter:c})],e.prototype,"width",void 0);i([a({type:String,reflect:!0,attribute:"max-width",converter:c})],e.prototype,"maxWidth",void 0);i([a({type:String,reflect:!0,converter:c})],e.prototype,"height",void 0);i([a({type:String,reflect:!0,attribute:"max-height",converter:c})],e.prototype,"maxHeight",void 0);i([a({type:String,reflect:!0,converter:c})],e.prototype,"spacing",void 0);i([a({type:String,attribute:"spacing-top",reflect:!0,converter:c})],e.prototype,"spacingTop",void 0);i([a({type:String,attribute:"spacing-bottom",reflect:!0,converter:c})],e.prototype,"spacingBottom",void 0);i([a({type:String,attribute:"spacing-left",reflect:!0,converter:c})],e.prototype,"spacingLeft",void 0);i([a({type:String,attribute:"spacing-right",reflect:!0,converter:c})],e.prototype,"spacingRight",void 0);i([a({type:String,attribute:"padding",reflect:!0,converter:c})],e.prototype,"innerPadding",void 0);i([a({type:String,attribute:"padding-top",reflect:!0,converter:c})],e.prototype,"paddingTop",void 0);i([a({type:String,attribute:"padding-bottom",reflect:!0,converter:c})],e.prototype,"paddingBottom",void 0);i([a({type:String,attribute:"padding-left",reflect:!0,converter:c})],e.prototype,"paddingLeft",void 0);i([a({type:String,attribute:"padding-right",reflect:!0,converter:c})],e.prototype,"paddingRight",void 0);e=S=i([$("scb-card")],e);var W=class extends e{constructor(){super(),this.type="list"}get cardType(){return"list"}};W=i([$("scb-list-card")],W);var M=class extends e{constructor(){super(),this.type="link"}get cardType(){return"link"}};M=i([$("scb-link-card")],M);var V=class extends e{constructor(){super(),this.type="action"}get cardType(){return"action"}};V=i([$("scb-action-card")],V);var j=class extends e{constructor(){super(),this.type="social"}get cardType(){return"social"}};j=i([$("scb-social-card")],j);var O=class extends e{constructor(){super(),this.type="container"}get cardType(){return"container"}};O=i([$("scb-container-card")],O);
+  `,_);function T(){return this.cardTitle||this.title}function I(){const d=this.mapSpacingToken(this.spacing),t=this.mapSpacingToken(this.spacingTop)??d,e=this.mapSpacingToken(this.spacingBottom)??d,r=this.mapSpacingToken(this.spacingLeft),l=this.mapSpacingToken(this.spacingRight);t?this.style.setProperty("--scb-card-spacing-block-start",t):this.style.removeProperty("--scb-card-spacing-block-start"),e?this.style.setProperty("--scb-card-spacing-block-end",e):this.style.removeProperty("--scb-card-spacing-block-end"),r?this.style.setProperty("--scb-card-spacing-inline-start",r):this.style.removeProperty("--scb-card-spacing-inline-start"),l?this.style.setProperty("--scb-card-spacing-inline-end",l):this.style.removeProperty("--scb-card-spacing-inline-end")}function M(){const d=this.mapSpacingToken(this.innerPadding),t=this.mapSpacingToken(this.paddingTop)??d,e=this.mapSpacingToken(this.paddingBottom)??d,r=this.mapSpacingToken(this.paddingLeft)??d,l=this.mapSpacingToken(this.paddingRight)??d;t?this.style.setProperty("--scb-card-content-padding-block-start",t):this.style.removeProperty("--scb-card-content-padding-block-start"),e?this.style.setProperty("--scb-card-content-padding-block-end",e):this.style.removeProperty("--scb-card-content-padding-block-end"),r?this.style.setProperty("--scb-card-content-padding-inline-start",r):this.style.removeProperty("--scb-card-content-padding-inline-start"),l?this.style.setProperty("--scb-card-content-padding-inline-end",l):this.style.removeProperty("--scb-card-content-padding-inline-end")}s([a({type:String,reflect:!0,converter:c})],i.prototype,"type",void 0);s([a({type:String,reflect:!0,converter:c})],i.prototype,"variant",void 0);s([a({type:String,reflect:!0,converter:c})],i.prototype,"direction",void 0);s([a({type:String,reflect:!0})],i.prototype,"size",void 0);s([a({type:String,attribute:"media-type"})],i.prototype,"mediaType",void 0);s([a({type:String,attribute:"media-href"})],i.prototype,"mediaHref",void 0);s([a({type:String,attribute:"media-alt"})],i.prototype,"mediaAlt",void 0);s([a({type:String,attribute:"media-srcset"})],i.prototype,"mediaSrcset",void 0);s([a({type:String,attribute:"media-sizes"})],i.prototype,"mediaSizes",void 0);s([a({type:String,attribute:"media-loading"})],i.prototype,"mediaLoading",void 0);s([a({type:String,attribute:"media-decoding"})],i.prototype,"mediaDecoding",void 0);s([a({type:String,attribute:"media-fetchpriority"})],i.prototype,"mediaFetchPriority",void 0);s([a({type:String,attribute:"media-fit"})],i.prototype,"mediaFit",void 0);s([a({type:String,attribute:"media-position"})],i.prototype,"mediaPosition",void 0);s([a({type:String,attribute:"media-width"})],i.prototype,"mediaWidth",void 0);s([a({type:String,attribute:"media-height"})],i.prototype,"mediaHeight",void 0);s([a({type:String,attribute:"media-aspect"})],i.prototype,"mediaAspect",void 0);s([a({type:Boolean,attribute:"media-placeholder"})],i.prototype,"mediaPlaceholder",void 0);s([a({type:String,attribute:"card-href",reflect:!0,converter:c})],i.prototype,"cardHref",void 0);s([a({type:String,reflect:!0,converter:c})],i.prototype,"href",void 0);s([a({type:String,reflect:!0,converter:c})],i.prototype,"title",void 0);s([a({type:String,attribute:"card-title",reflect:!0,converter:c})],i.prototype,"cardTitle",void 0);s([a({type:String,reflect:!0,converter:c})],i.prototype,"subtitle",void 0);s([a({type:String,reflect:!0,converter:c})],i.prototype,"vignette",void 0);s([a({type:String,attribute:"vignette-variant",reflect:!0,converter:c})],i.prototype,"vignetteVariant",void 0);s([a({type:String,attribute:"vignette-spacing",reflect:!0,converter:c})],i.prototype,"vignetteSpacing",void 0);s([a({type:String,attribute:"vignette-spacing-top",reflect:!0,converter:c})],i.prototype,"vignetteSpacingTop",void 0);s([a({type:String,attribute:"vignette-spacing-bottom",reflect:!0,converter:c})],i.prototype,"vignetteSpacingBottom",void 0);s([a({type:String,attribute:"vignette-spacing-left",reflect:!0,converter:c})],i.prototype,"vignetteSpacingLeft",void 0);s([a({type:String,attribute:"vignette-spacing-right",reflect:!0,converter:c})],i.prototype,"vignetteSpacingRight",void 0);s([a({type:String,attribute:"supporting-text",reflect:!0,converter:c})],i.prototype,"supportingText",void 0);s([a({type:Date,reflect:!0})],i.prototype,"date",void 0);s([a({type:String,attribute:"social-comments-text"})],i.prototype,"commentsText",void 0);s([a({type:Number,attribute:"social-comments"})],i.prototype,"comments",void 0);s([a({type:Boolean,attribute:"social-comments-disabled"})],i.prototype,"commentsDisabled",void 0);s([a({type:String,attribute:"social-comments-href"})],i.prototype,"commentsHref",void 0);s([a({type:String,attribute:"social-likes-text"})],i.prototype,"likesText",void 0);s([a({type:Number,attribute:"social-likes"})],i.prototype,"likes",void 0);s([a({type:Boolean,attribute:"social-likes-disabled"})],i.prototype,"likesDisabled",void 0);s([a({type:String,attribute:"social-likes-hover-content"})],i.prototype,"likesHoverContent",void 0);s([a({type:Boolean,attribute:"social-has-liked"})],i.prototype,"hasLiked",void 0);s([a({type:Boolean,attribute:"social-likes-interactive"})],i.prototype,"likesInteractive",void 0);s([a({type:Boolean,attribute:"social-author"})],i.prototype,"author",void 0);s([a({type:String,attribute:"social-author-text"})],i.prototype,"authorText",void 0);s([a({type:String,attribute:"social-author-href"})],i.prototype,"authorHref",void 0);s([a({type:Boolean,attribute:"social-reply-enabled"})],i.prototype,"replyEnabled",void 0);s([a({type:Boolean,attribute:"social-edit-enabled"})],i.prototype,"editEnabled",void 0);s([a({type:Boolean,attribute:"social-delete-enabled"})],i.prototype,"deleteEnabled",void 0);s([a({type:String,reflect:!0,converter:c})],i.prototype,"sizing",void 0);s([a({type:String,reflect:!0,converter:c})],i.prototype,"width",void 0);s([a({type:String,reflect:!0,attribute:"max-width",converter:c})],i.prototype,"maxWidth",void 0);s([a({type:String,reflect:!0,converter:c})],i.prototype,"height",void 0);s([a({type:String,reflect:!0,attribute:"max-height",converter:c})],i.prototype,"maxHeight",void 0);s([a({type:String,reflect:!0,converter:c})],i.prototype,"spacing",void 0);s([a({type:String,attribute:"spacing-top",reflect:!0,converter:c})],i.prototype,"spacingTop",void 0);s([a({type:String,attribute:"spacing-bottom",reflect:!0,converter:c})],i.prototype,"spacingBottom",void 0);s([a({type:String,attribute:"spacing-left",reflect:!0,converter:c})],i.prototype,"spacingLeft",void 0);s([a({type:String,attribute:"spacing-right",reflect:!0,converter:c})],i.prototype,"spacingRight",void 0);s([a({type:String,attribute:"padding",reflect:!0,converter:c})],i.prototype,"innerPadding",void 0);s([a({type:String,attribute:"padding-top",reflect:!0,converter:c})],i.prototype,"paddingTop",void 0);s([a({type:String,attribute:"padding-bottom",reflect:!0,converter:c})],i.prototype,"paddingBottom",void 0);s([a({type:String,attribute:"padding-left",reflect:!0,converter:c})],i.prototype,"paddingLeft",void 0);s([a({type:String,attribute:"padding-right",reflect:!0,converter:c})],i.prototype,"paddingRight",void 0);i=S=s([$("scb-card")],i);var W=class extends i{constructor(){super(),this.type="list"}get cardType(){return"list"}};W=s([$("scb-list-card")],W);var V=class extends i{constructor(){super(),this.type="link"}get cardType(){return"link"}};V=s([$("scb-link-card")],V);var j=class extends i{constructor(){super(),this.type="action"}get cardType(){return"action"}};j=s([$("scb-action-card")],j);var O=class extends i{constructor(){super(),this.type="social"}get cardType(){return"social"}};O=s([$("scb-social-card")],O);var K=class extends i{constructor(){super(),this.type="container"}get cardType(){return"container"}};K=s([$("scb-container-card")],K);export{j as ScbActionCard,K as ScbContainerCard,V as ScbLinkCard,W as ScbListCard,O as ScbSocialCard};

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

@@ -0,0 +1 @@
+import"./scb-card.js";(function(){try{var t=typeof globalThis<"u"?globalThis:window;if(!t.__scb_ce_guard_installed__){t.__scb_ce_guard_installed__=!0;var r=customElements.define.bind(customElements);customElements.define=function(e,o,d){try{customElements.get(e)||r(e,o,d)}catch(i){var n=String(i||"");if(n.indexOf("already been used")===-1&&n.indexOf("NotSupportedError")===-1)throw i}}}}catch{}})();

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

@@ -0,0 +1 @@
+import"./scb-card.js";(function(){try{var t=typeof globalThis<"u"?globalThis:window;if(!t.__scb_ce_guard_installed__){t.__scb_ce_guard_installed__=!0;var r=customElements.define.bind(customElements);customElements.define=function(e,d,o){try{customElements.get(e)||r(e,d,o)}catch(i){var n=String(i||"");if(n.indexOf("already been used")===-1&&n.indexOf("NotSupportedError")===-1)throw i}}}}catch{}})();

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

@@ -0,0 +1 @@
+import"./scb-card.js";(function(){try{var t=typeof globalThis<"u"?globalThis:window;if(!t.__scb_ce_guard_installed__){t.__scb_ce_guard_installed__=!0;var r=customElements.define.bind(customElements);customElements.define=function(e,d,o){try{customElements.get(e)||r(e,d,o)}catch(n){var i=String(n||"");if(i.indexOf("already been used")===-1&&i.indexOf("NotSupportedError")===-1)throw n}}}}catch{}})();

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

@@ -0,0 +1 @@
+import"./scb-card.js";(function(){try{var t=typeof globalThis<"u"?globalThis:window;if(!t.__scb_ce_guard_installed__){t.__scb_ce_guard_installed__=!0;var r=customElements.define.bind(customElements);customElements.define=function(e,o,c){try{customElements.get(e)||r(e,o,c)}catch(n){var i=String(n||"");if(i.indexOf("already been used")===-1&&i.indexOf("NotSupportedError")===-1)throw n}}}}catch{}})();

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

@@ -1,6 +1,6 @@
 import{_ as f,b as v,g as y,h as a,y as h}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as n}from"../../vendor/decorate.js";import{n as _,t as d}from"../../vendor/assertClassBrand.js";import"../scb-button/scb-button.js";(function(){try{var l=typeof globalThis<"u"?globalThis:window;if(!l.__scb_ce_guard_installed__){l.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(e,i,s){try{customElements.get(e)||t(e,i,s)}catch(r){var p=String(r||"");if(p.indexOf("already been used")===-1&&p.indexOf("NotSupportedError")===-1)throw r}}}}catch{}})();var c,u,o=(c=new WeakSet,u=class extends f{constructor(...t){super(...t),_(this,c),this._contentId=`scb-collapse-content-${Math.random().toString(36).substr(2,9)}`,this.variant="elements",this.collapsedHeight=40,this.visibleElements=1,this.expanded=!1,this._elementCount=0,this.expandButtonLabel="Mer",this.collapseButtonLabel="Mindre",this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this.itemsGap=void 0,this._contentHeight=0}get _regionLabel(){return`${this.expanded?this.collapseButtonLabel:this.expandButtonLabel} – ${this._contentId}`}toggle(){this.expanded=!this.expanded}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}willUpdate(t){t.has("variant")&&(this._measureContent(!1),this._countElements(!1))}firstUpdated(){requestAnimationFrame(()=>{this._measureContent(),this._countElements()});const t=this.shadowRoot?.querySelector("slot");t&&t.addEventListener("slotchange",()=>{requestAnimationFrame(()=>{this._measureContent(),this._countElements(),d(c,this,g).call(this)})}),d(c,this,b).call(this),d(c,this,g).call(this)}updated(t){(t.has("spacing")||t.has("spacingTop")||t.has("spacingBottom")||t.has("spacingLeft")||t.has("spacingRight"))&&d(c,this,b).call(this),t.has("itemsGap")&&(d(c,this,g).call(this),this._measureContent()),t.has("expanded")&&(d(c,this,g).call(this),this.dispatchEvent(new CustomEvent("expandedchange",{detail:{expanded:this.expanded},bubbles:!0,composed:!0})))}_measureContent(t=!0){if(this.variant==="height"){const e=this.shadowRoot?.querySelector("slot");if(e){const i=e.assignedNodes({flatten:!0});let s=0;i.forEach(r=>{if(r.nodeType===Node.ELEMENT_NODE){const m=r;s+=m.offsetHeight||m.scrollHeight||0}});const p=s;p!==this._contentHeight&&(this._contentHeight=p,t&&this.requestUpdate())}}}_countElements(t=!0){if(this.variant==="elements"){const e=this.shadowRoot?.querySelector("slot");if(e){const i=e.assignedNodes({flatten:!0}).filter(s=>s.nodeType===Node.ELEMENT_NODE).length;i!==this._elementCount&&(this._elementCount=i,t&&this.requestUpdate())}}}render(){if(this.variant==="height"){const t=this.expanded?`${this._contentHeight}px`:`${this.collapsedHeight}px`,e=this._contentHeight>this.collapsedHeight;return h`
         <div
-          class="collapse-content"
+          class="collapse-content ${this.expanded?"expanded":""}"
           id="${this._contentId}"
           style="max-height: ${t};"
           role="region"
@@ -23,7 +23,7 @@ import{_ as f,b as v,g as y,h as a,y as h}from"../../vendor/vendor.js";import"..
         `:""}
       `}else{const t=typeof this.visibleElements=="string"?parseInt(this.visibleElements,10):this.visibleElements,e=this._elementCount>t;return setTimeout(()=>{const i=this.shadowRoot?.querySelector("slot");i&&i.assignedNodes({flatten:!0}).filter(s=>s.nodeType===Node.ELEMENT_NODE).forEach((s,p)=>{const r=s;!this.expanded&&p>=t?r.classList.add("scb-collapsed-hidden"):r.classList.remove("scb-collapsed-hidden")})},0),h`
         <div
-          class="collapse-content"
+          class="collapse-content ${this.expanded?"expanded":""}"
           id="${this._contentId}"
           role="region"
            aria-label="${this._regionLabel}"
@@ -55,6 +55,9 @@ import{_ as f,b as v,g as y,h as a,y as h}from"../../vendor/vendor.js";import"..
       overflow: hidden;
       transition: max-height var(--motion-duration-medium) var(--motion-easing-standard);
     }
+    .collapse-content.expanded {
+      overflow: visible;
+    }
     .collapse-gradient-overlay {
       position: absolute;
       left: 0;
@@ -83,7 +86,7 @@ import{_ as f,b as v,g as y,h as a,y as h}from"../../vendor/vendor.js";import"..
     ::slotted(*) {
         max-height: 1000px;
         transition: max-height var(--motion-duration-medium) var(--motion-easing-standard), opacity var(--motion-duration-medium) var(--motion-easing-standard);
-        overflow: hidden;
+        overflow: visible;
         display: block;
     }
   `,u);function b(){const l=this.mapSpacingToken(this.spacing),t=this.mapSpacingToken(this.spacingTop)??l,e=this.mapSpacingToken(this.spacingBottom)??l,i=this.mapSpacingToken(this.spacingLeft),s=this.mapSpacingToken(this.spacingRight);t?this.style.setProperty("--scb-collapse-spacing-block-start",t):this.style.removeProperty("--scb-collapse-spacing-block-start"),e?this.style.setProperty("--scb-collapse-spacing-block-end",e):this.style.removeProperty("--scb-collapse-spacing-block-end"),i?this.style.setProperty("--scb-collapse-spacing-inline-start",i):this.style.removeProperty("--scb-collapse-spacing-inline-start"),s?this.style.setProperty("--scb-collapse-spacing-inline-end",s):this.style.removeProperty("--scb-collapse-spacing-inline-end")}function g(){const l=this.mapSpacingToken(this.itemsGap);l?this.style.setProperty("--scb-collapse-items-gap",l):this.style.removeProperty("--scb-collapse-items-gap");const t=this.shadowRoot?.querySelector("slot");t&&t.assignedNodes({flatten:!0}).filter(e=>e.nodeType===Node.ELEMENT_NODE).forEach((e,i)=>{const s=e;i===0||!l?s.style.removeProperty("margin-block-start"):s.style.setProperty("margin-block-start","var(--scb-collapse-items-gap)")})}n([a({type:String})],o.prototype,"variant",void 0);n([a({type:Number,attribute:"collapsed-height",reflect:!0})],o.prototype,"collapsedHeight",void 0);n([a({type:Number,attribute:"visible-elements",reflect:!0})],o.prototype,"visibleElements",void 0);n([a({type:Boolean,reflect:!0})],o.prototype,"expanded",void 0);n([a({type:String,attribute:"expand-button-label",reflect:!0})],o.prototype,"expandButtonLabel",void 0);n([a({type:String,attribute:"collapse-button-label",reflect:!0})],o.prototype,"collapseButtonLabel",void 0);n([a({type:String,reflect:!0})],o.prototype,"spacing",void 0);n([a({type:String,attribute:"spacing-top",reflect:!0})],o.prototype,"spacingTop",void 0);n([a({type:String,attribute:"spacing-bottom",reflect:!0})],o.prototype,"spacingBottom",void 0);n([a({type:String,attribute:"spacing-left",reflect:!0})],o.prototype,"spacingLeft",void 0);n([a({type:String,attribute:"spacing-right",reflect:!0})],o.prototype,"spacingRight",void 0);n([a({type:String,attribute:"items-gap",reflect:!0})],o.prototype,"itemsGap",void 0);o=n([y("scb-collapse")],o);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name":  "scb-wc",
-    "version":  "0.1.26",
+    "version":  "0.1.28",
     "type":  "module",
     "main":  "index.js",
     "module":  "index.js",
@@ -107,6 +107,26 @@
                                        "import":  "./scb-card/scb-card.js",
                                        "require":  "./scb-card/scb-card.js"
                                    },
+                    "./scb-card/scb-action-card":  {
+                                                       "import":  "./scb-card/scb-action-card.js",
+                                                       "require":  "./scb-card/scb-action-card.js"
+                                                   },
+                    "./scb-card/scb-container-card":  {
+                                                          "import":  "./scb-card/scb-container-card.js",
+                                                          "require":  "./scb-card/scb-container-card.js"
+                                                      },
+                    "./scb-card/scb-link-card":  {
+                                                     "import":  "./scb-card/scb-link-card.js",
+                                                     "require":  "./scb-card/scb-link-card.js"
+                                                 },
+                    "./scb-card/scb-list-card":  {
+                                                     "import":  "./scb-card/scb-list-card.js",
+                                                     "require":  "./scb-card/scb-list-card.js"
+                                                 },
+                    "./scb-card/scb-social-card":  {
+                                                       "import":  "./scb-card/scb-social-card.js",
+                                                       "require":  "./scb-card/scb-social-card.js"
+                                                   },
                     "./scb-checkbox":  {
                                            "import":  "./scb-checkbox/scb-checkbox.js",
                                            "require":  "./scb-checkbox/scb-checkbox.js"
@@ -417,5 +437,5 @@
                                                         },
                     "./mvc/*":  "./mvc/*"
                 },
-    "buildHash":  "458C1B8AEDE69F1820B80ACE8E8D87E2D19195DAFD4D14A997D4EE17AA997116"
+    "buildHash":  "AFBF8ABA1D36B04FB900ADC00638A36226C11847C595CD90A8922792E50DE4D7"
 }

package/scb-card/scb-action-card.js

@@ -0,0 +1 @@
+import "./scb-card.js";