scb-wc-test 0.1.11 → 0.1.13

package/all.js

@@ -40,6 +40,7 @@ import './mvc/components/scb-menu/scb-menu-item.js';
 import './mvc/components/scb-menu/scb-menu.js';
 import './mvc/components/scb-menu/scb-sub-menu.js';
 import './mvc/components/scb-notification/scb-notification.js';
+import './mvc/components/scb-notification-card/scb-notification-card.js';
 import './mvc/components/scb-progress-indicator/scb-progress-indicator.js';
 import './mvc/components/scb-radio-button/scb-radio-button.js';
 import './mvc/components/scb-radio-button/scb-radio-group.js';
@@ -97,6 +98,7 @@ import './scb-menu/scb-menu-item.js';
 import './scb-menu/scb-menu.js';
 import './scb-menu/scb-sub-menu.js';
 import './scb-notification/scb-notification.js';
+import './scb-notification-card/scb-notification-card.js';
 import './scb-progress-indicator/scb-progress-indicator.js';
 import './scb-radio-button/scb-radio-button.js';
 import './scb-radio-button/scb-radio-group.js';

package/index.d.ts

@@ -37,6 +37,7 @@ export * from './scb-menu/scb-menu-item';
 export * from './scb-menu/scb-menu';
 export * from './scb-menu/scb-sub-menu';
 export * from './scb-notification/scb-notification';
+export * from './scb-notification-card/scb-notification-card';
 export * from './scb-progress-indicator/scb-progress-indicator';
 export * from './scb-radio-button/scb-radio-button';
 export * from './scb-radio-button/scb-radio-group';

package/index.js

@@ -15,8 +15,8 @@ import { ScbDivider as H } from "./scb-divider/scb-divider.js";
 import { ScbDrawerItem as A } from "./scb-drawer/scb-drawer-item.js";
 import { ScbDrawerSection as L } from "./scb-drawer/scb-drawer-section.js";
 import { ScbDrawer as P } from "./scb-drawer/scb-drawer.js";
-import { ScbSubDrawer as R } from "./scb-drawer/scb-sub-drawer.js";
-import { ScbFactCardContent as N } from "./scb-fact-card/scb-fact-card-content.js";
+import { ScbSubDrawer as N } from "./scb-drawer/scb-sub-drawer.js";
+import { ScbFactCardContent as K } from "./scb-fact-card/scb-fact-card-content.js";
 import { ScbFactCard as j } from "./scb-fact-card/scb-fact-card.js";
 import { ScbFooterSection as z } from "./scb-footer/scb-footer-section.js";
 import { ScbFooter as J } from "./scb-footer/scb-footer.js";
@@ -37,20 +37,21 @@ import { ScbMenuItem as Br } from "./scb-menu/scb-menu-item.js";
 import { ScbMenu as Tr } from "./scb-menu/scb-menu.js";
 import { ScbSubMenu as wr } from "./scb-menu/scb-sub-menu.js";
 import { ScbNotification as Fr } from "./scb-notification/scb-notification.js";
-import { ScbProgressIndicator as kr } from "./scb-progress-indicator/scb-progress-indicator.js";
-import { ScbRadioButton as Hr } from "./scb-radio-button/scb-radio-button.js";
-import { ScbRadioGroup as Ar } from "./scb-radio-button/scb-radio-group.js";
-import { ScbSearch as Lr } from "./scb-search/scb-search.js";
-import { ScbSnackbar as Pr } from "./scb-snackbar/scb-snackbar.js";
-import { ScbStatusPill as Rr } from "./scb-status-pill/scb-status-pill.js";
-import { ScbSwitch as Nr } from "./scb-switch/scb-switch.js";
-import { ScbPrimaryTab as jr } from "./scb-tabs/scb-primary-tab.js";
-import { ScbSecondaryTab as zr } from "./scb-tabs/scb-secondary-tab.js";
-import { ScbTabs as Jr } from "./scb-tabs/scb-tabs.js";
-import { ScbTextField2 as Qr } from "./scb-textfield/scb-textfield.js";
-import { ScbTocItem as Wr } from "./scb-toc/scb-toc-item.js";
-import { ScbToc as Yr } from "./scb-toc/scb-toc.js";
-import { ScbTooltip as _r } from "./scb-tooltip/scb-tooltip.js";
+import { ScbNotificationCard as kr } from "./scb-notification-card/scb-notification-card.js";
+import { ScbProgressIndicator as Hr } from "./scb-progress-indicator/scb-progress-indicator.js";
+import { ScbRadioButton as Ar } from "./scb-radio-button/scb-radio-button.js";
+import { ScbRadioGroup as Lr } from "./scb-radio-button/scb-radio-group.js";
+import { ScbSearch as Pr } from "./scb-search/scb-search.js";
+import { ScbSnackbar as Nr } from "./scb-snackbar/scb-snackbar.js";
+import { ScbStatusPill as Kr } from "./scb-status-pill/scb-status-pill.js";
+import { ScbSwitch as jr } from "./scb-switch/scb-switch.js";
+import { ScbPrimaryTab as zr } from "./scb-tabs/scb-primary-tab.js";
+import { ScbSecondaryTab as Jr } from "./scb-tabs/scb-secondary-tab.js";
+import { ScbTabs as Qr } from "./scb-tabs/scb-tabs.js";
+import { ScbTextField2 as Wr } from "./scb-textfield/scb-textfield.js";
+import { ScbTocItem as Yr } from "./scb-toc/scb-toc-item.js";
+import { ScbToc as _r } from "./scb-toc/scb-toc.js";
+import { ScbTooltip as ro } from "./scb-tooltip/scb-tooltip.js";
 export {
   i as SCBBreadcrumb,
   f as SCBBreadcrumbItem,
@@ -70,7 +71,7 @@ export {
   A as ScbDrawerItem,
   L as ScbDrawerSection,
   j as ScbFactCard,
-  N as ScbFactCardContent,
+  K as ScbFactCardContent,
   J as ScbFooter,
   z as ScbFooterSection,
   W as ScbGrid,
@@ -88,21 +89,22 @@ export {
   Tr as ScbMenu,
   Br as ScbMenuItem,
   Fr as ScbNotification,
-  jr as ScbPrimaryTab,
-  kr as ScbProgressIndicator,
-  Hr as ScbRadioButton,
-  Ar as ScbRadioGroup,
-  Lr as ScbSearch,
-  zr as ScbSecondaryTab,
-  Pr as ScbSnackbar,
+  kr as ScbNotificationCard,
+  zr as ScbPrimaryTab,
+  Hr as ScbProgressIndicator,
+  Ar as ScbRadioButton,
+  Lr as ScbRadioGroup,
+  Pr as ScbSearch,
+  Jr as ScbSecondaryTab,
+  Nr as ScbSnackbar,
   Y as ScbStack,
-  Rr as ScbStatusPill,
-  R as ScbSubDrawer,
+  Kr as ScbStatusPill,
+  N as ScbSubDrawer,
   wr as ScbSubMenu,
-  Nr as ScbSwitch,
-  Jr as ScbTabs,
-  Qr as ScbTextField2,
-  Yr as ScbToc,
-  Wr as ScbTocItem,
-  _r as ScbTooltip
+  jr as ScbSwitch,
+  Qr as ScbTabs,
+  Wr as ScbTextField2,
+  _r as ScbToc,
+  Yr as ScbTocItem,
+  ro as ScbTooltip
 };

package/mvc/components/all.js

@@ -36,6 +36,7 @@ import './scb-list/scb-list-item.js';
 import './scb-menu/scb-menu.js';
 import './scb-menu/scb-menu-item.js';
 import './scb-menu/scb-sub-menu.js';
+import './scb-notification-card/scb-notification-card.js';
 import './scb-notification/scb-notification.js';
 import './scb-progress-indicator/scb-progress-indicator.js';
 import './scb-radio-button/scb-radio-button.js';

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

@@ -1,5 +1,5 @@
 const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["../../vendor/vendor-material.js","../../vendor/vendor.js"])))=>i.map(i=>d[i]);
-import{_ as h}from"../../vendor/preload-helper.js";import{b as g,n,i as u,E as p,x as l,t as v}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 a=customElements.define.bind(customElements);customElements.define=function(r,i,s){try{customElements.get(r)||a(r,i,s)}catch(c){var d=String(c||"");if(d.indexOf("already been used")===-1&&d.indexOf("NotSupportedError")===-1)throw c}}}}catch{}})();var m=Object.defineProperty,b=Object.getOwnPropertyDescriptor,o=(t,a,r,i)=>{for(var s=i>1?void 0:i?b(a,r):a,d=t.length-1,c;d>=0;d--)(c=t[d])&&(s=(i?c(a,r,s):c(s))||s);return i&&s&&m(a,r,s),s};let e=class extends u{constructor(){super(...arguments),this.expanded=!1,this.label="",this.content="",this.overline="",this.supportingText="",this.leading=!1,this.leadingVariant="",this.leadingIcon="",this.imgHrefImage="https://www.scb.se/img/scb-logo.svg",this.avatarLabel="",this.avatarAlt="",this.avatarVariant="icon",this.avatarSrc="",this.density=0,this._unique=e._uid(),this.toggleAccordion=()=>{const t=this.closest("scb-accordion");t?.hasAttribute("detached")||t.querySelectorAll("scb-accordion-item").forEach(r=>{r!==this&&(r.expanded=!1,r._applyInert(),r._setBottomMaxHeight(r))}),this.expanded=!this.expanded,this._applyInert(),this._setBottomMaxHeight(this)},this._onSlotChange=()=>{this.expanded&&this._setBottomMaxHeight(this)},this._onContentLoad=()=>{this.expanded&&this._setBottomMaxHeight(this)}}static _uid(){return globalThis.crypto?.randomUUID?.()??`${e._uidPrefix}-${++e._uidSeq}`}async firstUpdated(){e._mdIconLoaded||(await h(()=>import("../../vendor/vendor-material.js").then(t=>t.i),__vite__mapDeps([0,1]),import.meta.url),e._mdIconLoaded=!0),e._mdRippleLoaded||(await h(()=>import("../../vendor/vendor-material.js").then(t=>t.r),__vite__mapDeps([0,1]),import.meta.url),e._mdRippleLoaded=!0),this._applyInert(),this._bottomEl()?.addEventListener("load",this._onContentLoad,!0)}disconnectedCallback(){this._bottomEl()?.removeEventListener("load",this._onContentLoad,!0),super.disconnectedCallback()}_setBottomMaxHeight(t){const a=t._bottomEl();a&&(t.expanded?(a.style.maxHeight=`${a.scrollHeight}px`,setTimeout(()=>a.style.maxHeight="unset",160)):(a.style.maxHeight=`${a.scrollHeight}px`,requestAnimationFrame(()=>a.style.maxHeight="0")))}_onKeyDown(t){const a=this.closest("scb-accordion"),i=Array.from(a?.querySelectorAll("scb-accordion-item")||[]).map(c=>c.renderRoot.querySelector(".scb-accordion-top")).filter(c=>!!c),s=t.currentTarget,d=i.indexOf(s);switch(t.key){case"Enter":case" ":t.preventDefault(),this.toggleAccordion();break;case"ArrowDown":t.preventDefault(),d<i.length-1&&i[d+1].focus();break;case"ArrowUp":t.preventDefault(),d>0&&i[d-1].focus();break;case"Home":t.preventDefault(),i.length&&i[0].focus();break;case"End":t.preventDefault(),i.length&&i[i.length-1].focus();break}}_renderLeading(){if(!this.leading)return p;switch(this.leadingVariant){case"icon":return l`<md-icon>${this.leadingIcon}</md-icon>`;case"avatar":return l`
+import{_ as h}from"../../vendor/preload-helper.js";import{a as g,n,i as u,E as p,x as l,t as v}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 a=customElements.define.bind(customElements);customElements.define=function(o,i,s){try{customElements.get(o)||a(o,i,s)}catch(c){var d=String(c||"");if(d.indexOf("already been used")===-1&&d.indexOf("NotSupportedError")===-1)throw c}}}}catch{}})();var m=Object.defineProperty,b=Object.getOwnPropertyDescriptor,r=(t,a,o,i)=>{for(var s=i>1?void 0:i?b(a,o):a,d=t.length-1,c;d>=0;d--)(c=t[d])&&(s=(i?c(a,o,s):c(s))||s);return i&&s&&m(a,o,s),s};let e=class extends u{constructor(){super(...arguments),this.expanded=!1,this.label="",this.content="",this.overline="",this.supportingText="",this.leading=!1,this.leadingVariant="",this.leadingIcon="",this.imgHrefImage="",this.avatarLabel="",this.avatarAlt="",this.avatarVariant="icon",this.avatarSrc="",this.density=0,this._unique=e._uid(),this.toggleAccordion=()=>{const t=this.closest("scb-accordion");t?.hasAttribute("detached")||t.querySelectorAll("scb-accordion-item").forEach(o=>{o!==this&&(o.expanded=!1,o._applyInert(),o._setBottomMaxHeight(o))}),this.expanded=!this.expanded,this._applyInert(),this._setBottomMaxHeight(this)},this._onSlotChange=()=>{this.expanded&&this._setBottomMaxHeight(this)},this._onContentLoad=()=>{this.expanded&&this._setBottomMaxHeight(this)}}static _uid(){return globalThis.crypto?.randomUUID?.()??`${e._uidPrefix}-${++e._uidSeq}`}async firstUpdated(){e._mdIconLoaded||(await h(()=>import("../../vendor/vendor-material.js").then(t=>t.i),__vite__mapDeps([0,1]),import.meta.url),e._mdIconLoaded=!0),e._mdRippleLoaded||(await h(()=>import("../../vendor/vendor-material.js").then(t=>t.r),__vite__mapDeps([0,1]),import.meta.url),e._mdRippleLoaded=!0),this._applyInert(),this._bottomEl()?.addEventListener("load",this._onContentLoad,!0)}disconnectedCallback(){this._bottomEl()?.removeEventListener("load",this._onContentLoad,!0),super.disconnectedCallback()}_setBottomMaxHeight(t){const a=t._bottomEl();a&&(t.expanded?(a.style.maxHeight=`${a.scrollHeight}px`,setTimeout(()=>a.style.maxHeight="unset",160)):(a.style.maxHeight=`${a.scrollHeight}px`,requestAnimationFrame(()=>a.style.maxHeight="0")))}_onKeyDown(t){const a=this.closest("scb-accordion"),i=Array.from(a?.querySelectorAll("scb-accordion-item")||[]).map(c=>c.renderRoot.querySelector(".scb-accordion-top")).filter(c=>!!c),s=t.currentTarget,d=i.indexOf(s);switch(t.key){case"Enter":case" ":t.preventDefault(),this.toggleAccordion();break;case"ArrowDown":t.preventDefault(),d<i.length-1&&i[d+1].focus();break;case"ArrowUp":t.preventDefault(),d>0&&i[d-1].focus();break;case"Home":t.preventDefault(),i.length&&i[0].focus();break;case"End":t.preventDefault(),i.length&&i[i.length-1].focus();break}}_renderLeading(){if(!this.leading)return p;switch(this.leadingVariant){case"icon":return l`<md-icon>${this.leadingIcon}</md-icon>`;case"avatar":return l`
           <scb-avatar
             label=${this.avatarLabel}
             alt=${this.avatarAlt}
@@ -8,7 +8,7 @@ import{_ as h}from"../../vendor/preload-helper.js";import{b as g,n,i as u,E as p
             shape="circular"
             variant=${this.avatarVariant}
           ></scb-avatar>
-        `;case"image":return l`<img part="leading-image" class="img" src="${this.imgHrefImage}" alt="" />`;default:return p}}_bottomEl(){return this.renderRoot.querySelector(".scb-accordion-bottom")}_applyInert(){const t=this._bottomEl();t&&(this.expanded?(t.removeAttribute("inert"),t.setAttribute("aria-hidden","false")):(t.setAttribute("inert",""),t.setAttribute("aria-hidden","true")))}updated(t){t.has("expanded")&&(this._applyInert(),this._setBottomMaxHeight(this))}render(){const t=`bottom-${this._unique}`,a=`header-${this._unique}`,r=!!this.overline,i=!!this.supportingText;return l`
+        `;case"image":return this.imgHrefImage?l`<img part="leading-image" class="img" src="${this.imgHrefImage}" alt="" />`:p;default:return p}}_bottomEl(){return this.renderRoot.querySelector(".scb-accordion-bottom")}_applyInert(){const t=this._bottomEl();t&&(this.expanded?(t.removeAttribute("inert"),t.setAttribute("aria-hidden","false")):(t.setAttribute("inert",""),t.setAttribute("aria-hidden","true")))}updated(t){t.has("expanded")&&(this._applyInert(),this._setBottomMaxHeight(this))}render(){const t=`bottom-${this._unique}`,a=`header-${this._unique}`;return l`
       <div part="scb-accordion-item" class="scb-accordion-item">
         <div
           id=${a}
@@ -20,20 +20,17 @@ import{_ as h}from"../../vendor/preload-helper.js";import{b as g,n,i as u,E as p
           @click=${this.toggleAccordion}
           @keydown=${this._onKeyDown}
         >
-          <!-- Ripple för press/hover/focus state-layer -->
           <md-ripple></md-ripple>
 
           ${this.leading?l`<div class="leading">${this._renderLeading()}</div>`:p}
 
           <div class="texts">
-            ${r?l`<div class="overline">${this.overline}</div>`:p}
+            ${this.overline?l`<div class="overline">${this.overline}</div>`:p}
             <div class="label">${this.label}</div>
-            ${i?l`<div class="supporting-text">${this.supportingText}</div>`:p}
+            ${this.supportingText?l`<div class="supporting-text">${this.supportingText}</div>`:p}
           </div>
 
-          <md-icon class="chevron">
-            ${this.expanded?"keyboard_arrow_up":"keyboard_arrow_down"}
-          </md-icon>
+          <md-icon class="chevron">${this.expanded?"keyboard_arrow_up":"keyboard_arrow_down"}</md-icon>
         </div>
 
         <div
@@ -73,32 +70,23 @@ import{_ as h}from"../../vendor/preload-helper.js";import{b as g,n,i as u,E as p
         flex-direction: row;
         align-items: center;
         cursor: pointer;
-        /* default density 0: 24px över/under, 16px i sidled */
         padding-block: var(--spacing-7, 24px);
         padding-inline: var(--spacing-5, 16px);
         outline: none;
-        /* för att undvika rundade hörn på hover */
         border-radius: var(--radius-none, 0px);
         gap: var(--spacing-5, 16px);
         color: var(--md-sys-color-on-surface);
-        /* För ripple */
         position: relative;
         overflow: hidden;
         -webkit-tap-highlight-color: transparent;
       }
-      .scb-accordion-top:hover {
-        /* Inga runda hörn på hover */
-        border-radius: var(--scb-accordion-hover-radius);
-      }
-      
+      .scb-accordion-top:hover { border-radius: var(--scb-accordion-hover-radius); }
       .scb-accordion-top:focus-visible {
         outline: var(--_focus-width) solid var(--md-focus-ring-color, var(--p-40));
         outline-offset: var(--spacing-1, 2px);
-        /* Tillåt runda hörn endast vid fokusmarkering  */
         border-radius: var(--_focus-radius);
       }
 
-      /* Om både om hosten har data-density och om en förälder har det. */
       :host([density="-2"]) .scb-accordion-top,
       :host-context([data-density="-2"]) .scb-accordion-top {
         padding-block: var(--spacing-5, 16px);
@@ -125,7 +113,7 @@ import{_ as h}from"../../vendor/preload-helper.js";import{b as g,n,i as u,E as p
         max-height: 100%;
       }
 
-      .label { 
+      .label {
         font-family: var(--brand-font);
         font-size: var(--md-sys-typescale-title-large-size);
         line-height: var(--md-sys-typescale-title-large-line-height);
@@ -133,9 +121,9 @@ import{_ as h}from"../../vendor/preload-helper.js";import{b as g,n,i as u,E as p
         letter-spacing: var(--md-sys-typescale-title-large-tracking);
         color: var(--md-sys-color-on-surface);
       }
-      .overline { 
+      .overline {
         font-family: var(--brand-font);
-        font-size: var(--md-sys-typescale-label-medium-size); 
+        font-size: var(--md-sys-typescale-label-medium-size);
         line-height: var(--md-sys-typescale-label-medium-line-height);
         font-weight: var(--weight-regular);
         letter-spacing: var(--md-sys-typescale-label-medium-tracking);
@@ -143,52 +131,24 @@ import{_ as h}from"../../vendor/preload-helper.js";import{b as g,n,i as u,E as p
       }
       .supporting-text {
         font-family: var(--brand-font);
-        font-size: var(--md-sys-typescale-body-medium-size);  
+        font-size: var(--md-sys-typescale-body-medium-size);
         line-height: var(--md-sys-typescale-body-medium-line-height);
         font-weight: var(--weight-regular);
         letter-spacing: var(--md-sys-typescale-body-medium-tracking);
         color: var(--md-sys-color-on-surface-variant);
       }
 
-      .leading { 
-        align-self: center; 
-        display: grid; 
-        place-items: center; 
+      .leading { align-self: center; display: grid; place-items: center; }
+      .img {
+        width: calc(var(--icon-size-large, 40px) + var(--spacing-5, 16px));
+        height: calc(var(--icon-size-large, 40px) + var(--spacing-5, 16px));
+        object-fit: contain;
+        border-radius: var(--radius-s, 8px);
       }
 
-      .avatar { 
-        width: var(--icon-size-small, 24px); 
-        height: var(--icon-size-small, 24px); 
-        display: flex; 
-        object-fit: contain;    
-      }
-      .img { 
-        width: calc(var(--icon-size-large, 40px) + var(--spacing-5, 16px)); 
-        height: calc(var(--icon-size-large, 40px) + var(--spacing-5, 16px)); 
-        object-fit: contain;      
-        border-radius: var(--radius-s, 8px); 
-      }
-
-      .texts { 
-        display: grid; 
-        gap: var(--spacing-1, 2px); 
-      }
+      .texts { display: grid; gap: var(--spacing-1, 2px); }
+      .chevron { margin-left: auto; padding-top: var(--scb-accordion-chevron-nudge-y, 3px); font-size: var(--icon-size-small, 24px); }
 
-      /* chevron till höger */
-      .chevron { 
-        margin-left: auto; 
-        padding-top: var(--scb-accordion-chevron-nudge-y, 3px); 
-        font-size: var(--icon-size-small, 24px);
-      }
-
-      /* Ripple ska fylla den klickbara ytan och ärver ev. rundning vid fokus */
-      md-ripple {
-        border-radius: inherit;
-        inset: 0;
-        position: absolute;
-        pointer-events: none;
-      }
-      @media (prefers-reduced-motion: reduce) {
-        md-ripple { display: none; } /* endast fokusring visas */
-      }
-    `];o([n({type:Boolean})],e.prototype,"expanded",2);o([n({type:String,reflect:!0})],e.prototype,"label",2);o([n({type:String})],e.prototype,"content",2);o([n({type:String,attribute:"overline"})],e.prototype,"overline",2);o([n({type:String,attribute:"supporting-text"})],e.prototype,"supportingText",2);o([n({type:Boolean})],e.prototype,"leading",2);o([n({type:String,attribute:"leading-variant",reflect:!0})],e.prototype,"leadingVariant",2);o([n({type:String,attribute:"leading-icon"})],e.prototype,"leadingIcon",2);o([n({type:String,attribute:"img-href-image",reflect:!0})],e.prototype,"imgHrefImage",2);o([n({type:String,attribute:"avatar-label"})],e.prototype,"avatarLabel",2);o([n({type:String,attribute:"avatar-alt"})],e.prototype,"avatarAlt",2);o([n({type:String,attribute:"avatar-variant"})],e.prototype,"avatarVariant",2);o([n({type:String,attribute:"avatar-src"})],e.prototype,"avatarSrc",2);o([n({type:Number,reflect:!0})],e.prototype,"density",2);e=o([v("scb-accordion-item")],e);
+      md-ripple { border-radius: inherit; inset: 0; position: absolute; pointer-events: none; }
+      @media (prefers-reduced-motion: reduce) { md-ripple { display: none; } }
+    `];r([n({type:Boolean})],e.prototype,"expanded",2);r([n({type:String,reflect:!0})],e.prototype,"label",2);r([n({type:String})],e.prototype,"content",2);r([n({type:String,attribute:"overline"})],e.prototype,"overline",2);r([n({type:String,attribute:"supporting-text"})],e.prototype,"supportingText",2);r([n({type:Boolean})],e.prototype,"leading",2);r([n({type:String,attribute:"leading-variant",reflect:!0})],e.prototype,"leadingVariant",2);r([n({type:String,attribute:"leading-icon"})],e.prototype,"leadingIcon",2);r([n({type:String,attribute:"img-href-image",reflect:!0})],e.prototype,"imgHrefImage",2);r([n({type:String,attribute:"avatar-label"})],e.prototype,"avatarLabel",2);r([n({type:String,attribute:"avatar-alt"})],e.prototype,"avatarAlt",2);r([n({type:String,attribute:"avatar-variant"})],e.prototype,"avatarVariant",2);r([n({type:String,attribute:"avatar-src"})],e.prototype,"avatarSrc",2);r([n({type:Number,reflect:!0})],e.prototype,"density",2);e=r([v("scb-accordion-item")],e);

package/mvc/components/scb-app-bar/scb-app-bar.js

@@ -1,4 +1,4 @@
-import{b as h,n as d,i as c,x as r,t as m}from"../../vendor/vendor.js";import"../scb-icon-button/scb-icon-button.js";import"../scb-search/scb-search.js";import"../../vendor/preload-helper.js";import"../scb-list/scb-list.js";import"../scb-list/scb-list-item.js";import"../../vendor/vendor-material.js";(function(){try{var n=typeof globalThis<"u"?globalThis:window;if(!n.__scb_ce_guard_installed__){n.__scb_ce_guard_installed__=!0;var a=customElements.define.bind(customElements);customElements.define=function(t,l,e){try{customElements.get(t)||a(t,l,e)}catch(s){var o=String(s||"");if(o.indexOf("already been used")===-1&&o.indexOf("NotSupportedError")===-1)throw s}}}}catch{}})();var g=Object.defineProperty,f=Object.getOwnPropertyDescriptor,p=(n,a,t,l)=>{for(var e=l>1?void 0:l?f(a,t):a,o=n.length-1,s;o>=0;o--)(s=n[o])&&(e=(l?s(a,t,e):s(e))||e);return l&&e&&g(a,t,e),e};let i=class extends c{constructor(){super(...arguments),this.title="App title",this.type="default",this.position="default",this.searchSupportingText=""}render(){switch(this.type){case"small-flexible":return r`
+import{a as h,n as d,i as c,x as r,t as m}from"../../vendor/vendor.js";import"../scb-icon-button/scb-icon-button.js";import"../scb-search/scb-search.js";import"../../vendor/preload-helper.js";import"../../vendor/vendor-material.js";import"../scb-tooltip/scb-tooltip.js";import"../scb-button/scb-button.js";import"../scb-list/scb-list.js";import"../scb-list/scb-list-item.js";(function(){try{var n=typeof globalThis<"u"?globalThis:window;if(!n.__scb_ce_guard_installed__){n.__scb_ce_guard_installed__=!0;var a=customElements.define.bind(customElements);customElements.define=function(t,o,e){try{customElements.get(t)||a(t,o,e)}catch(s){var l=String(s||"");if(l.indexOf("already been used")===-1&&l.indexOf("NotSupportedError")===-1)throw s}}}}catch{}})();var g=Object.defineProperty,f=Object.getOwnPropertyDescriptor,p=(n,a,t,o)=>{for(var e=o>1?void 0:o?f(a,t):a,l=n.length-1,s;l>=0;l--)(s=n[l])&&(e=(o?s(a,t,e):s(e))||e);return o&&e&&g(a,t,e),e};let i=class extends c{constructor(){super(...arguments),this.title="App title",this.type="default",this.position="default",this.searchSupportingText=""}render(){switch(this.type){case"small-flexible":return r`
                     <header class="small-flexible ${this.position=="bottom"?"position-bottom":this.position=="top"?"position-top":""}" role="banner" aria-label="Small app bar">
                         <div class="leading">
                             <slot name="leading"></slot>

package/mvc/components/scb-avatar/scb-avatar.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 m}from"../../vendor/preload-helper.js";import{b as _,n as l,r as p,i as u,E as d,x as n,t as g}from"../../vendor/vendor.js";(function(){try{var t=typeof globalThis<"u"?globalThis:window;if(!t.__scb_ce_guard_installed__){t.__scb_ce_guard_installed__=!0;var i=customElements.define.bind(customElements);customElements.define=function(r,s,o){try{customElements.get(r)||i(r,s,o)}catch(h){var c=String(h||"");if(c.indexOf("already been used")===-1&&c.indexOf("NotSupportedError")===-1)throw h}}}}catch{}})();var v=Object.defineProperty,f=Object.getOwnPropertyDescriptor,a=(t,i,r,s)=>{for(var o=s>1?void 0:s?f(i,r):i,c=t.length-1,h;c>=0;c--)(h=t[c])&&(o=(s?h(i,r,o):h(o))||o);return s&&o&&v(i,r,o),o};let e=class extends u{constructor(){super(...arguments),this.src="",this.alt="",this.label="",this.size="medium",this.shape="circular",this.iconName="",this.variant="image",this._imgError=!1,this._hasIconSlot=!1,this._onImgLoad=()=>{this._imgError=!1,this.dispatchEvent(new CustomEvent("image-load",{bubbles:!0,composed:!0}))},this._onImgError=()=>{this._imgError=!0,this.dispatchEvent(new CustomEvent("image-error",{bubbles:!0,composed:!0}))},this._onIconSlotChange=t=>{const i=t.currentTarget;this._hasIconSlot=(i.assignedNodes({flatten:!0})||[]).length>0}}async firstUpdated(){this.variant==="icon"&&await m(()=>import("../../vendor/vendor-material.js").then(t=>t.i),__vite__mapDeps([0,1]),import.meta.url)}_initials(){const t=(this.label||this.alt||"").trim();if(!t)return"?";const i=t.split(/\s+/).filter(Boolean);if(i.length===1)return i[0].slice(0,1).toUpperCase();const r=i[0].slice(0,1),s=i[i.length-1].slice(0,1);return(r+s).toUpperCase()}_ariaLabel(){const t=(this.label||this.alt||"").trim();return t||null}render(){const t=this._ariaLabel(),i=this.variant==="image"&&!!this.src&&!this._imgError,r=n`${d}
+import{_ as m}from"../../vendor/preload-helper.js";import{a as _,n as l,r as p,i as u,E as d,x as n,t as g}from"../../vendor/vendor.js";(function(){try{var t=typeof globalThis<"u"?globalThis:window;if(!t.__scb_ce_guard_installed__){t.__scb_ce_guard_installed__=!0;var i=customElements.define.bind(customElements);customElements.define=function(r,s,o){try{customElements.get(r)||i(r,s,o)}catch(h){var c=String(h||"");if(c.indexOf("already been used")===-1&&c.indexOf("NotSupportedError")===-1)throw h}}}}catch{}})();var v=Object.defineProperty,f=Object.getOwnPropertyDescriptor,a=(t,i,r,s)=>{for(var o=s>1?void 0:s?f(i,r):i,c=t.length-1,h;c>=0;c--)(h=t[c])&&(o=(s?h(i,r,o):h(o))||o);return s&&o&&v(i,r,o),o};let e=class extends u{constructor(){super(...arguments),this.src="",this.alt="",this.label="",this.size="medium",this.shape="circular",this.iconName="",this.variant="image",this._imgError=!1,this._hasIconSlot=!1,this._onImgLoad=()=>{this._imgError=!1,this.dispatchEvent(new CustomEvent("image-load",{bubbles:!0,composed:!0}))},this._onImgError=()=>{this._imgError=!0,this.dispatchEvent(new CustomEvent("image-error",{bubbles:!0,composed:!0}))},this._onIconSlotChange=t=>{const i=t.currentTarget;this._hasIconSlot=(i.assignedNodes({flatten:!0})||[]).length>0}}async firstUpdated(){this.variant==="icon"&&await m(()=>import("../../vendor/vendor-material.js").then(t=>t.i),__vite__mapDeps([0,1]),import.meta.url)}_initials(){const t=(this.label||this.alt||"").trim();if(!t)return"?";const i=t.split(/\s+/).filter(Boolean);if(i.length===1)return i[0].slice(0,1).toUpperCase();const r=i[0].slice(0,1),s=i[i.length-1].slice(0,1);return(r+s).toUpperCase()}_ariaLabel(){const t=(this.label||this.alt||"").trim();return t||null}render(){const t=this._ariaLabel(),i=this.variant==="image"&&!!this.src&&!this._imgError,r=n`${d}
         <slot name="icon" @slotchange=${this._onIconSlotChange}></slot>
         ${this._hasIconSlot?d:this.iconName?n`<md-icon aria-hidden="true">${this.iconName}</md-icon>`:n`<div class="fallback" part="fallback">${this._initials()}</div>`}
       `,s=i?n`<img class="photo" part="image" src=${this.src} alt=${this.alt}

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

@@ -1,4 +1,4 @@
-import{n as l,t as b,i as p,b as d,x as u}from"../../vendor/vendor.js";(function(){try{var i=typeof globalThis<"u"?globalThis:window;if(!i.__scb_ce_guard_installed__){i.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(r,s,e){try{customElements.get(r)||t(r,s,e)}catch(n){var a=String(n||"");if(a.indexOf("already been used")===-1&&a.indexOf("NotSupportedError")===-1)throw n}}}}catch{}})();var f=Object.defineProperty,m=Object.getOwnPropertyDescriptor,o=(i,t,r,s)=>{for(var e=s>1?void 0:s?m(t,r):t,a=i.length-1,n;a>=0;a--)(n=i[a])&&(e=(s?n(t,r,e):n(e))||e);return s&&e&&f(t,r,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 l,t as b,i as p,a as d,x as u}from"../../vendor/vendor.js";(function(){try{var i=typeof globalThis<"u"?globalThis:window;if(!i.__scb_ce_guard_installed__){i.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(r,s,e){try{customElements.get(r)||t(r,s,e)}catch(n){var a=String(n||"");if(a.indexOf("already been used")===-1&&a.indexOf("NotSupportedError")===-1)throw n}}}}catch{}})();var f=Object.defineProperty,m=Object.getOwnPropertyDescriptor,o=(i,t,r,s)=>{for(var e=s>1?void 0:s?m(t,r):t,a=i.length-1,n;a>=0;a--)(n=i[a])&&(e=(s?n(t,r,e):n(e))||e);return s&&e&&f(t,r,e),e};let c=class extends p{constructor(){super(...arguments),this.label="",this.isCurrent=!1,this.href=""}static get styles(){return d`
     .breadcrumb-separator {
       margin: 0 8px;
       color: var(--md-sys-color-on-surface);

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

@@ -1,4 +1,4 @@
-import{n as d,t as m,i as b,b as p,x as o}from"../../vendor/vendor.js";import"./scb-breadcrumb-item.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 r=customElements.define.bind(customElements);customElements.define=function(s,t,a){try{customElements.get(s)||r(s,t,a)}catch(i){var l=String(i||"");if(l.indexOf("already been used")===-1&&l.indexOf("NotSupportedError")===-1)throw i}}}}catch{}})();var u=Object.defineProperty,h=Object.getOwnPropertyDescriptor,c=(e,r,s,t)=>{for(var a=t>1?void 0:t?h(r,s):r,l=e.length-1,i;l>=0;l--)(i=e[l])&&(a=(t?i(r,s,a):i(a))||a);return t&&a&&u(r,s,a),a};let n=class extends b{constructor(){super(...arguments),this.showAll=!1}static get styles(){return p`
+import{n as d,t as m,i as b,a as p,x as o}from"../../vendor/vendor.js";import"./scb-breadcrumb-item.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 r=customElements.define.bind(customElements);customElements.define=function(s,t,a){try{customElements.get(s)||r(s,t,a)}catch(i){var l=String(i||"");if(l.indexOf("already been used")===-1&&l.indexOf("NotSupportedError")===-1)throw i}}}}catch{}})();var u=Object.defineProperty,h=Object.getOwnPropertyDescriptor,c=(e,r,s,t)=>{for(var a=t>1?void 0:t?h(r,s):r,l=e.length-1,i;l>=0;l--)(i=e[l])&&(a=(t?i(r,s,a):i(a))||a);return t&&a&&u(r,s,a),a};let n=class extends b{constructor(){super(...arguments),this.showAll=!1}static get styles(){return p`
       .scb-breadcrumb {
         display: flex;
         align-items: center;

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 h}from"../../vendor/preload-helper.js";import{i as b,b as m,x as u,E as e,n as c,t as f}from"../../vendor/vendor.js";(function(){try{var t=typeof globalThis<"u"?globalThis:window;if(!t.__scb_ce_guard_installed__){t.__scb_ce_guard_installed__=!0;var r=customElements.define.bind(customElements);customElements.define=function(i,n,a){try{customElements.get(i)||r(i,n,a)}catch(d){var o=String(d||"");if(o.indexOf("already been used")===-1&&o.indexOf("NotSupportedError")===-1)throw d}}}}catch{}})();var p=Object.defineProperty,_=Object.getOwnPropertyDescriptor,s=(t,r,i,n)=>{for(var a=n>1?void 0:n?_(r,i):r,o=t.length-1,d;o>=0;o--)(d=t[o])&&(a=(n?d(r,i,a):d(a))||a);return n&&a&&p(r,i,a),a};let l=class extends b{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 h(()=>import("../../vendor/vendor-material.js").then(t=>t.g),__vite__mapDeps([0,1]),import.meta.url);break;case"outlined":await h(()=>import("../../vendor/vendor-material.js").then(t=>t.h),__vite__mapDeps([0,1]),import.meta.url);break;case"filled-tonal":await h(()=>import("../../vendor/vendor-material.js").then(t=>t.j),__vite__mapDeps([0,1]),import.meta.url);break;case"text":await h(()=>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 h(()=>import("../../vendor/vendor-material.js").then(t=>t.i),__vite__mapDeps([0,1]),import.meta.url),this.__iconLoaded=!0)}__getInnerButton(){return this.renderRoot.querySelector("md-filled-button, md-outlined-button, md-filled-tonal-button, md-text-button")}__syncAriaToInner(){const t=this.__getInnerButton();if(!t)return;const r=this.getAttribute("aria-controls");r&&t.setAttribute("aria-controls",r);const i=this.getAttribute("aria-expanded");i!==null&&(t.setAttribute("aria-expanded",i),this.removeAttribute("aria-expanded")),this.__ariaObserver?.disconnect(),this.__ariaObserver=new MutationObserver(n=>{const a=this.__getInnerButton();if(a){for(const o of n)if(!(o.type!=="attributes"||!o.attributeName)&&(o.attributeName==="aria-controls"||o.attributeName==="aria-expanded")){const d=this.getAttribute(o.attributeName);d===null?a.removeAttribute(o.attributeName):a.setAttribute(o.attributeName,d),o.attributeName==="aria-expanded"&&this.removeAttribute("aria-expanded")}}}),this.__ariaObserver.observe(this,{attributes:!0,attributeFilter:["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 m`
+import{_ as h}from"../../vendor/preload-helper.js";import{i as b,a as m,x as u,E as e,n as c,t as f}from"../../vendor/vendor.js";(function(){try{var t=typeof globalThis<"u"?globalThis:window;if(!t.__scb_ce_guard_installed__){t.__scb_ce_guard_installed__=!0;var r=customElements.define.bind(customElements);customElements.define=function(i,n,a){try{customElements.get(i)||r(i,n,a)}catch(d){var o=String(d||"");if(o.indexOf("already been used")===-1&&o.indexOf("NotSupportedError")===-1)throw d}}}}catch{}})();var p=Object.defineProperty,_=Object.getOwnPropertyDescriptor,s=(t,r,i,n)=>{for(var a=n>1?void 0:n?_(r,i):r,o=t.length-1,d;o>=0;o--)(d=t[o])&&(a=(n?d(r,i,a):d(a))||a);return n&&a&&p(r,i,a),a};let l=class extends b{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 h(()=>import("../../vendor/vendor-material.js").then(t=>t.f),__vite__mapDeps([0,1]),import.meta.url);break;case"outlined":await h(()=>import("../../vendor/vendor-material.js").then(t=>t.o),__vite__mapDeps([0,1]),import.meta.url);break;case"filled-tonal":await h(()=>import("../../vendor/vendor-material.js").then(t=>t.c),__vite__mapDeps([0,1]),import.meta.url);break;case"text":await h(()=>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 h(()=>import("../../vendor/vendor-material.js").then(t=>t.i),__vite__mapDeps([0,1]),import.meta.url),this.__iconLoaded=!0)}__getInnerButton(){return this.renderRoot.querySelector("md-filled-button, md-outlined-button, md-filled-tonal-button, md-text-button")}__syncAriaToInner(){const t=this.__getInnerButton();if(!t)return;const r=this.getAttribute("aria-controls");r&&t.setAttribute("aria-controls",r);const i=this.getAttribute("aria-expanded");i!==null&&(t.setAttribute("aria-expanded",i),this.removeAttribute("aria-expanded")),this.__ariaObserver?.disconnect(),this.__ariaObserver=new MutationObserver(n=>{const a=this.__getInnerButton();if(a){for(const o of n)if(!(o.type!=="attributes"||!o.attributeName)&&(o.attributeName==="aria-controls"||o.attributeName==="aria-expanded")){const d=this.getAttribute(o.attributeName);d===null?a.removeAttribute(o.attributeName):a.setAttribute(o.attributeName,d),o.attributeName==="aria-expanded"&&this.removeAttribute("aria-expanded")}}}),this.__ariaObserver.observe(this,{attributes:!0,attributeFilter:["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 m`
       /* Gör hosten stretchbar i t.ex. flex/grid */
       :host {
         display: inline-flex;