scb-wc-test 0.1.50 → 0.1.52

package/all.js

@@ -1,4 +1,65 @@
+import './all.js';
 import './index.js';
+import './mvc/components/all.js';
+import './mvc/components/scb-accordion/scb-accordion-item.js';
+import './mvc/components/scb-accordion/scb-accordion.js';
+import './mvc/components/scb-app-bar/scb-app-bar.js';
+import './mvc/components/scb-avatar/scb-avatar.js';
+import './mvc/components/scb-breadcrumb/scb-breadcrumb-item.js';
+import './mvc/components/scb-breadcrumb/scb-breadcrumb.js';
+import './mvc/components/scb-button/scb-button.js';
+import './mvc/components/scb-calendar-card/scb-calendar-card.js';
+import './mvc/components/scb-card/scb-card.js';
+import './mvc/components/scb-checkbox/scb-checkbox-group.js';
+import './mvc/components/scb-checkbox/scb-checkbox.js';
+import './mvc/components/scb-chip/scb-chip.js';
+import './mvc/components/scb-dialog/scb-dialog.js';
+import './mvc/components/scb-divider/scb-divider.js';
+import './mvc/components/scb-drawer/scb-drawer-item.js';
+import './mvc/components/scb-drawer/scb-drawer-section.js';
+import './mvc/components/scb-drawer/scb-drawer.js';
+import './mvc/components/scb-drawer/scb-sub-drawer.js';
+import './mvc/components/scb-fact-card/scb-fact-card-content.js';
+import './mvc/components/scb-fact-card/scb-fact-card.js';
+import './mvc/components/scb-footer/scb-footer-section.js';
+import './mvc/components/scb-footer/scb-footer.js';
+import './mvc/components/scb-grid/scb-grid-item.js';
+import './mvc/components/scb-grid/scb-grid.js';
+import './mvc/components/scb-grid/scb-stack.js';
+import './mvc/components/scb-header/scb-header-drawer-group.js';
+import './mvc/components/scb-header/scb-header-drawer-item.js';
+import './mvc/components/scb-header/scb-header-tab.js';
+import './mvc/components/scb-header/scb-header-utility.js';
+import './mvc/components/scb-header/scb-header.js';
+import './mvc/components/scb-horizontal-scroller/scb-horizontal-scroller.js';
+import './mvc/components/scb-icon-button/scb-icon-button.js';
+import './mvc/components/scb-keyfigure-card/scb-keyfigure-card.js';
+import './mvc/components/scb-link/scb-link.js';
+import './mvc/components/scb-list/scb-list-item.js';
+import './mvc/components/scb-list/scb-list.js';
+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';
+import './mvc/components/scb-search/scb-search.js';
+import './mvc/components/scb-snackbar/scb-snackbar.js';
+import './mvc/components/scb-status-pill/scb-status-pill.js';
+import './mvc/components/scb-switch/scb-switch.js';
+import './mvc/components/scb-tabs/scb-primary-tab.js';
+import './mvc/components/scb-tabs/scb-secondary-tab.js';
+import './mvc/components/scb-tabs/scb-tabs.js';
+import './mvc/components/scb-textfield/scb-textfield.js';
+import './mvc/components/scb-toc/scb-toc-item.js';
+import './mvc/components/scb-toc/scb-toc.js';
+import './mvc/components/scb-tooltip/scb-tooltip.js';
+import './mvc/vendor/preload-helper.js';
+import './mvc/vendor/vendor-lit.js';
+import './mvc/vendor/vendor-material.js';
+import './mvc/vendor/vendor.js';
 import './scb-accordion/scb-accordion-item.js';
 import './scb-accordion/scb-accordion.js';
 import './scb-app-bar/scb-app-bar.js';
@@ -29,6 +90,7 @@ import './scb-header/scb-header-drawer-item.js';
 import './scb-header/scb-header-tab.js';
 import './scb-header/scb-header-utility.js';
 import './scb-header/scb-header.js';
+import './scb-horizontal-scroller/scb-horizontal-scroller.js';
 import './scb-icon-button/scb-icon-button.js';
 import './scb-keyfigure-card/scb-keyfigure-card.js';
 import './scb-link/scb-link.js';

package/index.d.ts

@@ -28,6 +28,7 @@ export * from './scb-header/scb-header-drawer-item';
 export * from './scb-header/scb-header-tab';
 export * from './scb-header/scb-header-utility';
 export * from './scb-header/scb-header';
+export * from './scb-horizontal-scroller/scb-horizontal-scroller';
 export * from './scb-icon-button/scb-icon-button';
 export * from './scb-keyfigure-card/scb-keyfigure-card';
 export * from './scb-link/scb-link';

package/index.js

@@ -6,19 +6,19 @@ import { SCBBreadcrumbItem as f } from "./scb-breadcrumb/scb-breadcrumb-item.js"
 import { SCBBreadcrumb as i } from "./scb-breadcrumb/scb-breadcrumb.js";
 import { ScbButton as n } from "./scb-button/scb-button.js";
 import { ScbCalendarCard as C } from "./scb-calendar-card/scb-calendar-card.js";
-import { ScbCard as B } from "./scb-card/scb-card.js";
-import { ScbCheckboxGroup as T } from "./scb-checkbox/scb-checkbox-group.js";
+import { ScbCard as I } from "./scb-card/scb-card.js";
+import { ScbCheckboxGroup as D } from "./scb-checkbox/scb-checkbox-group.js";
 import { ScbCheckbox as w } from "./scb-checkbox/scb-checkbox.js";
 import { ScbChip as F } from "./scb-chip/scb-chip.js";
-import { ScbDialog as k } from "./scb-dialog/scb-dialog.js";
-import { ScbDivider as H } from "./scb-divider/scb-divider.js";
+import { ScbDialog as h } from "./scb-dialog/scb-dialog.js";
+import { ScbDivider as G } 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 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 { ScbFactCardContent as z } from "./scb-fact-card/scb-fact-card-content.js";
+import { ScbFactCard as U } from "./scb-fact-card/scb-fact-card.js";
+import { ScbFooterSection as q } from "./scb-footer/scb-footer-section.js";
 import { ScbFooter as J } from "./scb-footer/scb-footer.js";
 import { ScbGridItem as Q } from "./scb-grid/scb-grid-item.js";
 import { ScbGrid as W } from "./scb-grid/scb-grid.js";
@@ -28,30 +28,31 @@ import { ScbHeaderDrawerItem as rr } from "./scb-header/scb-header-drawer-item.j
 import { ScbHeaderTab as er } from "./scb-header/scb-header-tab.js";
 import { ScbHeaderUtility as cr } from "./scb-header/scb-header-utility.js";
 import { ScbHeader as Sr } from "./scb-header/scb-header.js";
-import { ScbIconButton as pr } from "./scb-icon-button/scb-icon-button.js";
-import { ScbKeyFigureCard as fr } from "./scb-keyfigure-card/scb-keyfigure-card.js";
-import { ScbLink as ir } from "./scb-link/scb-link.js";
-import { ScbListItem as nr } from "./scb-list/scb-list-item.js";
-import { ScbList as Cr } from "./scb-list/scb-list.js";
-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 { 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";
+import { ScbHorizontalScroller as pr } from "./scb-horizontal-scroller/scb-horizontal-scroller.js";
+import { ScbIconButton as fr } from "./scb-icon-button/scb-icon-button.js";
+import { ScbKeyFigureCard as ir } from "./scb-keyfigure-card/scb-keyfigure-card.js";
+import { ScbLink as nr } from "./scb-link/scb-link.js";
+import { ScbListItem as Cr } from "./scb-list/scb-list-item.js";
+import { ScbList as Ir } from "./scb-list/scb-list.js";
+import { ScbMenuItem as Dr } from "./scb-menu/scb-menu-item.js";
+import { ScbMenu as wr } from "./scb-menu/scb-menu.js";
+import { ScbSubMenu as Fr } from "./scb-menu/scb-sub-menu.js";
+import { ScbNotification as hr } from "./scb-notification/scb-notification.js";
+import { ScbNotificationCard as Gr } from "./scb-notification-card/scb-notification-card.js";
+import { ScbProgressIndicator as Ar } from "./scb-progress-indicator/scb-progress-indicator.js";
+import { ScbRadioButton as Lr } from "./scb-radio-button/scb-radio-button.js";
+import { ScbRadioGroup as Pr } from "./scb-radio-button/scb-radio-group.js";
+import { ScbSearch as Nr } from "./scb-search/scb-search.js";
+import { ScbSnackbar as zr } from "./scb-snackbar/scb-snackbar.js";
+import { ScbStatusPill as Ur } from "./scb-status-pill/scb-status-pill.js";
+import { ScbSwitch as qr } from "./scb-switch/scb-switch.js";
+import { ScbPrimaryTab as Jr } from "./scb-tabs/scb-primary-tab.js";
+import { ScbSecondaryTab as Qr } from "./scb-tabs/scb-secondary-tab.js";
+import { ScbTabs as Wr } from "./scb-tabs/scb-tabs.js";
+import { ScbTextField2 as Yr } from "./scb-textfield/scb-textfield.js";
+import { ScbTocItem as _r } from "./scb-toc/scb-toc-item.js";
+import { ScbToc as ro } from "./scb-toc/scb-toc.js";
+import { ScbTooltip as eo } from "./scb-tooltip/scb-tooltip.js";
 export {
   i as SCBBreadcrumb,
   f as SCBBreadcrumbItem,
@@ -61,19 +62,19 @@ export {
   p as ScbAvatar,
   n as ScbButton,
   C as ScbCalendarCard,
-  B as ScbCard,
+  I as ScbCard,
   w as ScbCheckbox,
-  T as ScbCheckboxGroup,
+  D as ScbCheckboxGroup,
   F as ScbChip,
-  k as ScbDialog,
-  H as ScbDivider,
+  h as ScbDialog,
+  G as ScbDivider,
   P as ScbDrawer,
   A as ScbDrawerItem,
   L as ScbDrawerSection,
-  j as ScbFactCard,
-  K as ScbFactCardContent,
+  U as ScbFactCard,
+  z as ScbFactCardContent,
   J as ScbFooter,
-  z as ScbFooterSection,
+  q as ScbFooterSection,
   W as ScbGrid,
   Q as ScbGridItem,
   Sr as ScbHeader,
@@ -81,30 +82,31 @@ export {
   rr as ScbHeaderDrawerItem,
   er as ScbHeaderTab,
   cr as ScbHeaderUtility,
-  pr as ScbIconButton,
-  fr as ScbKeyFigureCard,
-  ir as ScbLink,
-  Cr as ScbList,
-  nr as ScbListItem,
-  Tr as ScbMenu,
-  Br as ScbMenuItem,
-  Fr as ScbNotification,
-  kr as ScbNotificationCard,
-  zr as ScbPrimaryTab,
-  Hr as ScbProgressIndicator,
-  Ar as ScbRadioButton,
-  Lr as ScbRadioGroup,
-  Pr as ScbSearch,
-  Jr as ScbSecondaryTab,
-  Nr as ScbSnackbar,
+  pr as ScbHorizontalScroller,
+  fr as ScbIconButton,
+  ir as ScbKeyFigureCard,
+  nr as ScbLink,
+  Ir as ScbList,
+  Cr as ScbListItem,
+  wr as ScbMenu,
+  Dr as ScbMenuItem,
+  hr as ScbNotification,
+  Gr as ScbNotificationCard,
+  Jr as ScbPrimaryTab,
+  Ar as ScbProgressIndicator,
+  Lr as ScbRadioButton,
+  Pr as ScbRadioGroup,
+  Nr as ScbSearch,
+  Qr as ScbSecondaryTab,
+  zr as ScbSnackbar,
   Y as ScbStack,
-  Kr as ScbStatusPill,
+  Ur as ScbStatusPill,
   N as ScbSubDrawer,
-  wr as ScbSubMenu,
-  jr as ScbSwitch,
-  Qr as ScbTabs,
-  Wr as ScbTextField2,
-  _r as ScbToc,
-  Yr as ScbTocItem,
-  ro as ScbTooltip
+  Fr as ScbSubMenu,
+  qr as ScbSwitch,
+  Wr as ScbTabs,
+  Yr as ScbTextField2,
+  ro as ScbToc,
+  _r as ScbTocItem,
+  eo as ScbTooltip
 };

package/mvc/components/all.js

@@ -28,6 +28,7 @@ import './scb-header/scb-header-drawer-group.js';
 import './scb-header/scb-header-drawer-item.js';
 import './scb-header/scb-header-tab.js';
 import './scb-header/scb-header-utility.js';
+import './scb-horizontal-scroller/scb-horizontal-scroller.js';
 import './scb-icon-button/scb-icon-button.js';
 import './scb-keyfigure-card/scb-keyfigure-card.js';
 import './scb-link/scb-link.js';

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

@@ -1,4 +1,4 @@
-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`
+import{a as h,n as d,i as c,x as r,t as g}from"../../vendor/vendor.js";import"../scb-icon-button/scb-icon-button.js";import"../scb-search/scb-search.js";import"../scb-avatar/scb-avatar.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 a=typeof globalThis<"u"?globalThis:window;if(!a.__scb_ce_guard_installed__){a.__scb_ce_guard_installed__=!0;var s=customElements.define.bind(customElements);customElements.define=function(i,e,t){try{customElements.get(i)||s(i,e,t)}catch(o){var n=String(o||"");if(n.indexOf("already been used")===-1&&n.indexOf("NotSupportedError")===-1)throw o}}}}catch{}})();var m=Object.defineProperty,f=Object.getOwnPropertyDescriptor,p=(a,s,i,e)=>{for(var t=e>1?void 0:e?f(s,i):s,n=a.length-1,o;n>=0;n--)(o=a[n])&&(t=(e?o(s,i,t):o(t))||t);return e&&t&&m(s,i,t),t};let l=class extends c{constructor(){super(...arguments),this.title="App title",this.type="default",this.position="default",this.searchSupportingText=""}handleAvatarSlotChange(a){a.target.assignedElements({flatten:!0}).forEach(e=>{e.tagName==="SCB-AVATAR"&&e.setAttribute("size","small")})}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>
@@ -6,6 +6,7 @@ import{a as h,n as d,i as c,x as r,t as m}from"../../vendor/vendor.js";import"..
                         <h1 class="headline">${this.title}</h1>
                         <div class="trailing">
                             <slot name="trailing"></slot>
+                            <slot name="avatar" @slotchange=${this.handleAvatarSlotChange}></slot>
                         </div>
                     </header>
                 `;case"medium-flexible":return r`
@@ -16,6 +17,7 @@ import{a as h,n as d,i as c,x as r,t as m}from"../../vendor/vendor.js";import"..
                             </div>
                             <div>
                                 <slot name="trailing"></slot>
+                                <slot name="avatar" @slotchange=${this.handleAvatarSlotChange}></slot>
                             </div>
                         </div>
                         <h1 class="headline">${this.title}</h1>
@@ -28,6 +30,7 @@ import{a as h,n as d,i as c,x as r,t as m}from"../../vendor/vendor.js";import"..
                             </div>
                             <div style="">
                                 <slot name="trailing"></slot>
+                                <slot name="avatar" @slotchange=${this.handleAvatarSlotChange}></slot>
                             </div>
                         </div>
                         <h1 class="headline">${this.title}</h1>
@@ -42,6 +45,7 @@ import{a as h,n as d,i as c,x as r,t as m}from"../../vendor/vendor.js";import"..
                         </div>
                         <div class="trailing">
                             <slot name="trailing"></slot>
+                            <slot name="avatar" @slotchange=${this.handleAvatarSlotChange}></slot>
                         </div>
                     </header>
                 `;default:return r`
@@ -52,38 +56,40 @@ import{a as h,n as d,i as c,x as r,t as m}from"../../vendor/vendor.js";import"..
                         <h1 class="headline">${this.title}</h1>
                         <div class="trailing">
                             <slot name="trailing"></slot>
+                            <slot name="avatar" @slotchange=${this.handleAvatarSlotChange}></slot>
                         </div>
                     </header>
-                `}}};i.styles=[h`
+                `}}};l.styles=[h`
             :host {
                 display: block;
                 position: relative;
                 container-type: inline-size;
                 container-name: app-bar-container;
+                --app-search-height: 64px;
             }
             header {
                 background: var(--md-sys-color-surface-container);
                 color: var(--md-sys-color-on-surface);
                 display: flex;
                 align-items: center;
-                padding: 0 16px;
+                padding: 0 var(--spacing-5);
                 position: relative;
                 z-index: 10;
                 transition: height 0.3s;
-                min-height: 64px;
+                min-height: var(--app-search-height);
             }
             header.search {
-                height: 64px;
+                height: var(--app-search-height);
             }
             header.medium-flexible {
                 flex-direction: column;
                 align-items: flex-start;
-                padding: 16px;
+                padding: var(--spacing-5);
             }
             header.large-flexible {
                 flex-direction: column;
                 align-items: flex-start;
-                padding: 16px;
+                padding: var(--spacing-5);
             }
             header.position-top {
                 position: fixed;
@@ -102,36 +108,36 @@ import{a as h,n as d,i as c,x as r,t as m}from"../../vendor/vendor.js";import"..
             .headline {
                 flex: 1 1 auto;
                 text-align: center;
-                font-size: 20px;
+                font-size: var(--md-sys-typescale-title-large-size);
                 font-weight: 600;
                 margin: 0;
             }
             header.small-flexible .headline {
                 text-align: left;
-                margin-left: 16px;
+                margin-left: var(--spacing-5);
             }
             header.medium-flexible .headline {
-                font-size:  24px;
-                line-height: 30px;
+                font-size: var(--md-sys-typescale-headline-small-size);
+                line-height: 30px; /* denna variabel finns inte, men sätts i figma.. --md-sys-typescale-headline-small-Line-Height2 */
                 font-weight: 700;
-                letter-spacing: -0.6px;
+                letter-spacing: var(--md-sys-typescale-headline-small-Tracking);
                 text-align: left;
-                margin: 8px 0 0 8px;
+                margin: var(--spacing-3) 0 0 var(--spacing-3);
             }
             header.large-flexible .headline {
-                font-size: 28px;
+                font-size: var(--md-sys-typescale-headline-medium-size);
                 font-weight: 700;
-                line-height: 34px;
-                letter-spacing: -0.6px;
+                line-height: var(--md-sys-typescale-headline-medium-Line-Height);
+                letter-spacing: var(--md-sys-typescale-headline-medium-Tracking);
                 text-align: left;
-                margin: 32px 0 0 8px;
+                margin: var(--spacing-8) 0 0 var(--spacing-3);
             }
             .search-container {
                 flex: 1 1 auto;
                 display: flex;
                 align-items: center;
                 justify-content: center;
-                padding: 0 8px;
+                padding: 0 var(--spacing-3);
             }
             .action-elements {
                 width: 100%;
@@ -139,6 +145,10 @@ import{a as h,n as d,i as c,x as r,t as m}from"../../vendor/vendor.js";import"..
                 flex-direction: row;
                 justify-content: space-between;
                 align-items: center;
-                margin-bottom: 8px;
+                margin-bottom: var(--spacing-3);
             }
-        `];p([d({type:String})],i.prototype,"title",2);p([d({type:String})],i.prototype,"type",2);p([d({type:String,reflect:!0})],i.prototype,"position",2);p([d({type:String,attribute:"search-supporting-text"})],i.prototype,"searchSupportingText",2);i=p([m("scb-app-bar")],i);
+            .trailing{
+                display: flex;
+                align-items: center;
+            }
+        `];p([d({type:String})],l.prototype,"title",2);p([d({type:String})],l.prototype,"type",2);p([d({type:String,reflect:!0})],l.prototype,"position",2);p([d({type:String,attribute:"search-supporting-text"})],l.prototype,"searchSupportingText",2);l=p([g("scb-app-bar")],l);

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

@@ -1,17 +1,9 @@
-import{n as l,t as p,i as b,a as d,x as u}from"../../vendor/vendor.js";import"../scb-link/scb-link.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 t=customElements.define.bind(customElements);customElements.define=function(r,s,e){try{customElements.get(r)||t(r,s,e)}catch(i){var a=String(i||"");if(a.indexOf("already been used")===-1&&a.indexOf("NotSupportedError")===-1)throw i}}}}catch{}})();var f=Object.defineProperty,m=Object.getOwnPropertyDescriptor,c=(n,t,r,s)=>{for(var e=s>1?void 0:s?m(t,r):t,a=n.length-1,i;a>=0;a--)(i=n[a])&&(e=(s?i(t,r,e):i(e))||e);return s&&e&&f(t,r,e),e};let o=class extends b{constructor(){super(...arguments),this.label="",this.isCurrent=!1,this.href=""}static get styles(){return d`
+import{n as l,t as p,i as b,a as f,x as u}from"../../vendor/vendor.js";import"../scb-link/scb-link.js";import"../../vendor/vendor-material.js";(function(){try{var i=typeof globalThis<"u"?globalThis:window;if(!i.__scb_ce_guard_installed__){i.__scb_ce_guard_installed__=!0;var 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 d=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&&d(t,r,e),e};let c=class extends b{constructor(){super(...arguments),this.label="",this.isCurrent=!1,this.href=""}static get styles(){return f`
     .breadcrumb-separator {
-      margin: 0 8px;
+      margin: var(--spacing-0) var(--spacing-3);
       color: var(--md-sys-color-on-surface);
     }
-    .breadcrumb-link { 
-        color: var(--md-sys-color-primary);
-        text-decoration-thickness: 1px;
-        
-      }
-      .breadcrumb-link:hover { 
-        text-decoration-thickness: 2px;
-      }
     `}render(){switch(!0){case this.isCurrent:return u`<span class="breadcrumb-current">${this.label}</span>`;default:return u`
           <scb-link href="${this.href}">${this.label}</scb-link>
           <span class="breadcrumb-separator">/</span>
-        `}}};c([l({type:String})],o.prototype,"label",2);c([l({type:Boolean,attribute:"is-current"})],o.prototype,"isCurrent",2);c([l({type:String,attribute:"item-href"})],o.prototype,"href",2);o=c([p("scb-breadcrumb-item")],o);
+        `}}};o([l({type:String})],c.prototype,"label",2);o([l({type:Boolean,attribute:"is-current"})],c.prototype,"isCurrent",2);o([l({type:String,attribute:"item-href"})],c.prototype,"href",2);c=o([p("scb-breadcrumb-item")],c);

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

@@ -1,11 +1,11 @@
-import{n as d,t as m,i as p,a as b,x as o}from"../../vendor/vendor.js";import"./scb-breadcrumb-item.js";import"../../vendor/vendor-material.js";import"../scb-link/scb-link.js";(function(){try{var e=typeof globalThis<"u"?globalThis:window;if(!e.__scb_ce_guard_installed__){e.__scb_ce_guard_installed__=!0;var r=customElements.define.bind(customElements);customElements.define=function(s,i,a){try{customElements.get(s)||r(s,i,a)}catch(l){var t=String(l||"");if(t.indexOf("already been used")===-1&&t.indexOf("NotSupportedError")===-1)throw l}}}}catch{}})();var u=Object.defineProperty,f=Object.getOwnPropertyDescriptor,c=(e,r,s,i)=>{for(var a=i>1?void 0:i?f(r,s):r,t=e.length-1,l;t>=0;t--)(l=e[t])&&(a=(i?l(r,s,a):l(a))||a);return i&&a&&u(r,s,a),a};let n=class extends p{constructor(){super(...arguments),this.showAll=!1}static get styles(){return b`
+import{n as d,t as b,i as m,a as p,x as o}from"../../vendor/vendor.js";import"./scb-breadcrumb-item.js";import"../../vendor/vendor-material.js";import"../scb-link/scb-link.js";(function(){try{var e=typeof globalThis<"u"?globalThis:window;if(!e.__scb_ce_guard_installed__){e.__scb_ce_guard_installed__=!0;var r=customElements.define.bind(customElements);customElements.define=function(s,t,a){try{customElements.get(s)||r(s,t,a)}catch(l){var i=String(l||"");if(i.indexOf("already been used")===-1&&i.indexOf("NotSupportedError")===-1)throw l}}}}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,i=e.length-1,l;i>=0;i--)(l=e[i])&&(a=(t?l(r,s,a):l(a))||a);return t&&a&&u(r,s,a),a};let n=class extends m{constructor(){super(...arguments),this.showAll=!1}static get styles(){return p`
       .scb-breadcrumb {
         display: flex;
         align-items: center;
         flex-wrap: wrap;
       }
       .breadcrumb-separator {
-        margin: 0 8px;
+        margin: var(--spacing-0) var(--spacing-3);
         color: var(--md-sys-color-on-surface);
       }
       .collapsed > scb-breadcrumb-item {
@@ -13,7 +13,8 @@ import{n as d,t as m,i as p,a as b,x as o}from"../../vendor/vendor.js";import"./
       }
       .collapsed > scb-breadcrumb-item:nth-child(-n+3),
       .collapsed > scb-breadcrumb-item:nth-last-child(-n+3) {
-        display: inline-flex;
+        display: flex;
+        align-items: anchor-center;
       }
       .ellipsis:focus {
         outline: none;
@@ -51,9 +52,9 @@ import{n as d,t as m,i as p,a as b,x as o}from"../../vendor/vendor.js";import"./
           transform: translateY(0);
         }
       }
-    `}_onEllipsisClick(){this.showAll?this.showAll=!1:(this.showAll=!0,this.updateComplete.then(()=>{const e=this.shadowRoot?.querySelectorAll(".scb-breadcrumb.expanded > scb-breadcrumb-item");e&&(e.forEach((r,s)=>{r.classList.add("breadcrumb-animate"),r.style.animationDelay=`${s*60}ms`}),setTimeout(()=>{e.forEach(r=>{r.classList.remove("breadcrumb-animate"),r.style.animationDelay=""})},600))}))}render(){let e=[];this.children.length||(e=Array.from(this.shadowRoot?this.shadowRoot.querySelectorAll("scb-breadcrumb-item"):[])),e.length||(e=Array.from(this.children).filter(s=>s.tagName.toLowerCase()==="scb-breadcrumb-item")),e.length>0&&e[e.length-1].setAttribute("is-current","true");const r=e.length>6&&!this.showAll;return o`
+    `}_onEllipsisClick(){this.showAll?this.showAll=!1:(this.showAll=!0,this.updateComplete.then(()=>{const e=this.shadowRoot?.querySelectorAll(".scb-breadcrumb.expanded > scb-breadcrumb-item");e&&(e.forEach((r,s)=>{r.classList.add("breadcrumb-animate"),r.style.animationDelay=`${s*60}ms`}),setTimeout(()=>{e.forEach(r=>{r.classList.remove("breadcrumb-animate"),r.style.animationDelay=""})},600))}))}connectedCallback(){super.connectedCallback(),this._observer=new MutationObserver(()=>{this.requestUpdate()}),this._observer.observe(this,{childList:!0})}disconnectedCallback(){super.disconnectedCallback(),this._observer?.disconnect()}render(){let e=[];this.children.length||(e=Array.from(this.shadowRoot?this.shadowRoot.querySelectorAll("scb-breadcrumb-item"):[])),e.length||(e=Array.from(this.children).filter(s=>s.tagName.toLowerCase()==="scb-breadcrumb-item")),e.length>0&&e[e.length-1].setAttribute("is-current","true");const r=e.length>6&&!this.showAll;return o`
       <div class="scb-breadcrumb ${r?"collapsed":"expanded"}">
-        ${r?e.map((s,i)=>i===3?o`<span
+        ${r?e.map((s,t)=>t===3?o`<span
                     class="ellipsis"
                     aria-label="Visa alla"
                     role="button"
@@ -62,4 +63,4 @@ import{n as d,t as m,i as p,a as b,x as o}from"../../vendor/vendor.js";import"./
                     @keydown=${a=>{(a.key==="Enter"||a.key===" ")&&this._onEllipsisClick()}}
                   ><md-icon><md-focus-ring></md-focus-ring>more_horiz</md-icon></span><span class="breadcrumb-separator">/</span>${s}`:o`${s}`):e.map(s=>s)}
       </div>
-    `}};c([d({type:Boolean})],n.prototype,"showAll",2);n=c([m("scb-breadcrumb")],n);
+    `}};c([d({type:Boolean})],n.prototype,"showAll",2);n=c([b("scb-breadcrumb")],n);

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

@@ -123,10 +123,11 @@ import{_ as g}from"../../vendor/preload-helper.js";import{a as x,n as l,r as u,i
     `}};r._JSON_ARRAY={fromAttribute:e=>{if(e==null||e==="")return[];try{const t=JSON.parse(e);return Array.isArray(t)?t:[]}catch{return[]}},toAttribute:e=>e==null?null:JSON.stringify(e)};r.BP_SM_DEFAULT=600;r.BP_MD_DEFAULT=840;r.styles=x`
     :host {
       display:block;
-      background:var(--md-sys-color-background,#fff)!important;
+      background:var(--md-sys-color-background,#fff);
       color:var(--md-sys-color-on-surface,#1b1b1f);
       --scb-header-search-max: 380px;
       --scb-header-search-min: 250px;
+
       --scb-header-logo-w: var(--icon-size-large, 40px);
       --scb-header-logo-h: calc(var(--scb-header-logo-w) * 1.125);
     }
@@ -213,10 +214,6 @@ import{_ as g}from"../../vendor/preload-helper.js";import{a as x,n as l,r as u,i
       min-width: var(--scb-header-search-min);
     }
 
-      .header-landmark {
-    background: var(--md-sys-color-background, #fff);
-  }
-
     .tabs-inset{ display:inline-block; width:fit-content; max-width:100%; }
     @media (max-width:839.98px){ .tabs-inset{ display:none; } }
     scb-tabs, scb-tabs::part(divider){