scb-wc-test 0.1.59 → 0.1.61

package/all.js

@@ -1,65 +1,4 @@
-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';
@@ -90,7 +29,6 @@ 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,7 +28,6 @@ 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 I } from "./scb-card/scb-card.js";
-import { ScbCheckboxGroup as D } from "./scb-checkbox/scb-checkbox-group.js";
+import { ScbCard as B } from "./scb-card/scb-card.js";
+import { ScbCheckboxGroup as T } 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 h } from "./scb-dialog/scb-dialog.js";
-import { ScbDivider as G } from "./scb-divider/scb-divider.js";
+import { ScbDialog as k } from "./scb-dialog/scb-dialog.js";
+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 N } from "./scb-drawer/scb-sub-drawer.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 { 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";
 import { ScbGridItem as Q } from "./scb-grid/scb-grid-item.js";
 import { ScbGrid as W } from "./scb-grid/scb-grid.js";
@@ -28,31 +28,30 @@ 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 { 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";
+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";
 export {
   i as SCBBreadcrumb,
   f as SCBBreadcrumbItem,
@@ -62,19 +61,19 @@ export {
   p as ScbAvatar,
   n as ScbButton,
   C as ScbCalendarCard,
-  I as ScbCard,
+  B as ScbCard,
   w as ScbCheckbox,
-  D as ScbCheckboxGroup,
+  T as ScbCheckboxGroup,
   F as ScbChip,
-  h as ScbDialog,
-  G as ScbDivider,
+  k as ScbDialog,
+  H as ScbDivider,
   P as ScbDrawer,
   A as ScbDrawerItem,
   L as ScbDrawerSection,
-  U as ScbFactCard,
-  z as ScbFactCardContent,
+  j as ScbFactCard,
+  K as ScbFactCardContent,
   J as ScbFooter,
-  q as ScbFooterSection,
+  z as ScbFooterSection,
   W as ScbGrid,
   Q as ScbGridItem,
   Sr as ScbHeader,
@@ -82,31 +81,30 @@ export {
   rr as ScbHeaderDrawerItem,
   er as ScbHeaderTab,
   cr as ScbHeaderUtility,
-  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,
+  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,
   Y as ScbStack,
-  Ur as ScbStatusPill,
+  Kr as ScbStatusPill,
   N as ScbSubDrawer,
-  Fr as ScbSubMenu,
-  qr as ScbSwitch,
-  Wr as ScbTabs,
-  Yr as ScbTextField2,
-  ro as ScbToc,
-  _r as ScbTocItem,
-  eo as ScbTooltip
+  wr as ScbSubMenu,
+  jr as ScbSwitch,
+  Qr as ScbTabs,
+  Wr as ScbTextField2,
+  _r as ScbToc,
+  Yr as ScbTocItem,
+  ro as ScbTooltip
 };

package/mvc/components/all.js

@@ -28,7 +28,6 @@ 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 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`
+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>
@@ -6,7 +6,6 @@ import{a as h,n as d,i as c,x as r,t as g}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`
@@ -17,7 +16,6 @@ import{a as h,n as d,i as c,x as r,t as g}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>
@@ -30,7 +28,6 @@ import{a as h,n as d,i as c,x as r,t as g}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>
@@ -45,7 +42,6 @@ import{a as h,n as d,i as c,x as r,t as g}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`
@@ -56,40 +52,38 @@ import{a as h,n as d,i as c,x as r,t as g}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>
-                `}}};l.styles=[h`
+                `}}};i.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 var(--spacing-5);
+                padding: 0 16px;
                 position: relative;
                 z-index: 10;
                 transition: height 0.3s;
-                min-height: var(--app-search-height);
+                min-height: 64px;
             }
             header.search {
-                height: var(--app-search-height);
+                height: 64px;
             }
             header.medium-flexible {
                 flex-direction: column;
                 align-items: flex-start;
-                padding: var(--spacing-5);
+                padding: 16px;
             }
             header.large-flexible {
                 flex-direction: column;
                 align-items: flex-start;
-                padding: var(--spacing-5);
+                padding: 16px;
             }
             header.position-top {
                 position: fixed;
@@ -108,36 +102,36 @@ import{a as h,n as d,i as c,x as r,t as g}from"../../vendor/vendor.js";import"..
             .headline {
                 flex: 1 1 auto;
                 text-align: center;
-                font-size: var(--md-sys-typescale-title-large-size);
+                font-size: 20px;
                 font-weight: 600;
                 margin: 0;
             }
             header.small-flexible .headline {
                 text-align: left;
-                margin-left: var(--spacing-5);
+                margin-left: 16px;
             }
             header.medium-flexible .headline {
-                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-size:  24px;
+                line-height: 30px;
                 font-weight: 700;
-                letter-spacing: var(--md-sys-typescale-headline-small-Tracking);
+                letter-spacing: -0.6px;
                 text-align: left;
-                margin: var(--spacing-3) 0 0 var(--spacing-3);
+                margin: 8px 0 0 8px;
             }
             header.large-flexible .headline {
-                font-size: var(--md-sys-typescale-headline-medium-size);
+                font-size: 28px;
                 font-weight: 700;
-                line-height: var(--md-sys-typescale-headline-medium-Line-Height);
-                letter-spacing: var(--md-sys-typescale-headline-medium-Tracking);
+                line-height: 34px;
+                letter-spacing: -0.6px;
                 text-align: left;
-                margin: var(--spacing-8) 0 0 var(--spacing-3);
+                margin: 32px 0 0 8px;
             }
             .search-container {
                 flex: 1 1 auto;
                 display: flex;
                 align-items: center;
                 justify-content: center;
-                padding: 0 var(--spacing-3);
+                padding: 0 8px;
             }
             .action-elements {
                 width: 100%;
@@ -145,10 +139,6 @@ import{a as h,n as d,i as c,x as r,t as g}from"../../vendor/vendor.js";import"..
                 flex-direction: row;
                 justify-content: space-between;
                 align-items: center;
-                margin-bottom: var(--spacing-3);
+                margin-bottom: 8px;
             }
-            .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);
+        `];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);

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

@@ -1,9 +1,17 @@
-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`
+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`
     .breadcrumb-separator {
-      margin: var(--spacing-0) var(--spacing-3);
+      margin: 0 8px;
       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>
-        `}}};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);
+        `}}};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);

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

@@ -1,11 +1,11 @@
-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`
+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`
       .scb-breadcrumb {
         display: flex;
         align-items: center;
         flex-wrap: wrap;
       }
       .breadcrumb-separator {
-        margin: var(--spacing-0) var(--spacing-3);
+        margin: 0 8px;
         color: var(--md-sys-color-on-surface);
       }
       .collapsed > scb-breadcrumb-item {
@@ -13,8 +13,7 @@ import{n as d,t as b,i as m,a as p,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: flex;
-        align-items: anchor-center;
+        display: inline-flex;
       }
       .ellipsis:focus {
         outline: none;
@@ -52,9 +51,9 @@ import{n as d,t as b,i as m,a as p,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))}))}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`
+    `}_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`
       <div class="scb-breadcrumb ${r?"collapsed":"expanded"}">
-        ${r?e.map((s,t)=>t===3?o`<span
+        ${r?e.map((s,i)=>i===3?o`<span
                     class="ellipsis"
                     aria-label="Visa alla"
                     role="button"
@@ -63,4 +62,4 @@ import{n as d,t as b,i as m,a as p,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([b("scb-breadcrumb")],n);
+    `}};c([d({type:Boolean})],n.prototype,"showAll",2);n=c([m("scb-breadcrumb")],n);

package/mvc/components/scb-grid/scb-stack.js

@@ -1,4 +1,4 @@
-import{a as d,n as o,i as y,x as g,t as b}from"../../vendor/vendor.js";(function(){try{var e=typeof globalThis<"u"?globalThis:window;if(!e.__scb_ce_guard_installed__){e.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(s,i,a){try{customElements.get(s)||t(s,i,a)}catch(p){var c=String(p||"");if(c.indexOf("already been used")===-1&&c.indexOf("NotSupportedError")===-1)throw p}}}}catch{}})();var v=Object.defineProperty,_=Object.getOwnPropertyDescriptor,f=e=>{throw TypeError(e)},n=(e,t,s,i)=>{for(var a=i>1?void 0:i?_(t,s):t,c=e.length-1,p;c>=0;c--)(p=e[c])&&(a=(i?p(t,s,a):p(a))||a);return i&&a&&v(t,s,a),a},m=(e,t,s)=>t.has(e)||f("Cannot "+s),w=(e,t,s)=>t.has(e)?f("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(e):t.set(e,s),u=(e,t,s)=>(m(e,t,"access private method"),s),l,h;let r=class extends y{constructor(){super(...arguments),w(this,l),this.direction="column",this.gap="",this.rowGap="",this.columnGap="",this.align="stretch",this.justify="start",this.wrap=!1,this.inline=!1}firstUpdated(){u(this,l,h).call(this)}updated(){u(this,l,h).call(this)}mapSpacingToken(e){if(!e)return;const t=String(e).trim();return/^\d+$/.test(t)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(t,10)))})`:t}parseGapShorthand(e){if(!e)return{};const t=e.trim().split(/\s+/);if(t.length===1){const s=this.mapSpacingToken(t[0]);return{row:s,col:s}}return{row:this.mapSpacingToken(t[0]),col:this.mapSpacingToken(t[1])}}render(){return g`<slot></slot>`}};l=new WeakSet;h=function(){this.style.setProperty("--scb-stack-direction",this.direction);const e="var(--spacing-5, 16px)",t=this.parseGapShorthand(this.gap),s=this.mapSpacingToken(this.rowGap)??t.row??e,i=this.mapSpacingToken(this.columnGap)??t.col??e;this.style.setProperty("--scb-stack-gap",`${s}`),this.style.setProperty("--scb-stack-row-gap",s),this.style.setProperty("--scb-stack-column-gap",i);const a={start:"flex-start",center:"center",end:"flex-end",stretch:"stretch",baseline:"baseline"},c={start:"flex-start",center:"center",end:"flex-end",between:"space-between",around:"space-around",evenly:"space-evenly"};this.style.setProperty("--scb-stack-align",a[this.align]??"stretch"),this.style.setProperty("--scb-stack-justify",c[this.justify]??"flex-start"),this.style.setProperty("--scb-stack-wrap",this.wrap?"wrap":"nowrap")};r.styles=d`
+import{a as d,n as o,i as y,x as g,t as b}from"../../vendor/vendor.js";(function(){try{var e=typeof globalThis<"u"?globalThis:window;if(!e.__scb_ce_guard_installed__){e.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(s,i,a){try{customElements.get(s)||t(s,i,a)}catch(p){var c=String(p||"");if(c.indexOf("already been used")===-1&&c.indexOf("NotSupportedError")===-1)throw p}}}}catch{}})();var v=Object.defineProperty,m=Object.getOwnPropertyDescriptor,u=e=>{throw TypeError(e)},n=(e,t,s,i)=>{for(var a=i>1?void 0:i?m(t,s):t,c=e.length-1,p;c>=0;c--)(p=e[c])&&(a=(i?p(t,s,a):p(a))||a);return i&&a&&v(t,s,a),a},w=(e,t,s)=>t.has(e)||u("Cannot "+s),_=(e,t,s)=>t.has(e)?u("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(e):t.set(e,s),f=(e,t,s)=>(w(e,t,"access private method"),s),l,h;let r=class extends y{constructor(){super(...arguments),_(this,l),this.direction="column",this.gap="",this.rowGap="",this.columnGap="",this.align="stretch",this.justify="start",this.wrap=!1,this.inline=!1}firstUpdated(){f(this,l,h).call(this)}updated(){f(this,l,h).call(this)}mapSpacingToken(e){if(!e)return;const t=String(e).trim();return/^\d+$/.test(t)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(t,10)))})`:t}parseGapShorthand(e){if(!e)return{};const t=e.trim().split(/\s+/);if(t.length===1){const s=this.mapSpacingToken(t[0]);return{row:s,col:s}}return{row:this.mapSpacingToken(t[0]),col:this.mapSpacingToken(t[1])}}render(){return g`<slot></slot>`}};l=new WeakSet;h=function(){this.style.setProperty("--scb-stack-direction",this.direction);const e="var(--spacing-5, 16px)",t=this.parseGapShorthand(this.gap),s=this.mapSpacingToken(this.rowGap)??t.row??e,i=this.mapSpacingToken(this.columnGap)??t.col??e;this.style.setProperty("--scb-stack-gap",`${s}`),this.style.setProperty("--scb-stack-row-gap",s),this.style.setProperty("--scb-stack-column-gap",i);const a={start:"flex-start",center:"center",end:"flex-end",stretch:"stretch",baseline:"baseline"},c={start:"flex-start",center:"center",end:"flex-end",between:"space-between",around:"space-around",evenly:"space-evenly"};this.style.setProperty("--scb-stack-align",a[this.align]??"stretch"),this.style.setProperty("--scb-stack-justify",c[this.justify]??"flex-start"),this.style.setProperty("--scb-stack-wrap",this.wrap?"wrap":"nowrap")};r.styles=d`
     :host {
       box-sizing: border-box;
       display: var(--scb-stack-display, flex);
@@ -17,4 +17,9 @@ import{a as d,n as o,i as y,x as g,t as b}from"../../vendor/vendor.js";(function
       min-inline-size: 0;
     }
     :host([inline]) { --scb-stack-display: inline-flex; }
+
+    /* Barnens flex-beteende i rad-läge kan styras via variabeln och defaultar till att inte ta full bredd */
+    :host([direction="row"]) ::slotted(*) {
+      flex: var(--scb-stack-item-flex, 0 0 auto);
+    }
   `;n([o({type:String,reflect:!0})],r.prototype,"direction",2);n([o({type:String,reflect:!0})],r.prototype,"gap",2);n([o({type:String,attribute:"row-gap",reflect:!0})],r.prototype,"rowGap",2);n([o({type:String,attribute:"column-gap",reflect:!0})],r.prototype,"columnGap",2);n([o({type:String,reflect:!0})],r.prototype,"align",2);n([o({type:String,reflect:!0})],r.prototype,"justify",2);n([o({type:Boolean,reflect:!0})],r.prototype,"wrap",2);n([o({type:Boolean,reflect:!0})],r.prototype,"inline",2);r=n([b("scb-stack")],r);

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

@@ -123,7 +123,7 @@ 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(--scb-header-background, inherit);
+      background: var(--scb-header-background, var(--md-sys-color-surface))
       color:var(--md-sys-color-on-surface,#1b1b1f);
       --scb-header-search-max: 380px;
       --scb-header-search-min: 250px;

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

@@ -1,12 +1,12 @@
 const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["../../vendor/vendor-material.js","../../vendor/vendor.js"])))=>i.map(i=>d[i]);
-import{_ as f}from"../../vendor/preload-helper.js";import{a as h,n as p,b as v,i as b,x as m,t as g}from"../../vendor/vendor.js";import"./scb-list-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 t=customElements.define.bind(customElements);customElements.define=function(r,s,i){try{customElements.get(r)||t(r,s,i)}catch(a){var n=String(a||"");if(n.indexOf("already been used")===-1&&n.indexOf("NotSupportedError")===-1)throw a}}}}catch{}})();var y=Object.defineProperty,w=Object.getOwnPropertyDescriptor,c=e=>{throw TypeError(e)},l=(e,t,r,s)=>{for(var i=s>1?void 0:s?w(t,r):t,n=e.length-1,a;n>=0;n--)(a=e[n])&&(i=(s?a(t,r,i):a(i))||i);return s&&i&&y(t,r,i),i},_=(e,t,r)=>t.has(e)||c("Cannot "+r),E=(e,t,r)=>(_(e,t,"read from private field"),t.get(e)),A=(e,t,r)=>t.has(e)?c("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(e):t.set(e,r),k=(e,t,r,s)=>(_(e,t,"write to private field"),t.set(e,r),r),d;let o=class extends b{constructor(){super(...arguments),A(this,d,!1),this.noDivider=!1,this._onSlotChange=()=>this._setupItems()}async firstUpdated(){E(this,d)||(await f(()=>import("../../vendor/vendor-material.js").then(e=>e.l),__vite__mapDeps([0,1]),import.meta.url),k(this,d,!0)),this._setupItems()}_getItems(){return(this._slotEl?.assignedElements({flatten:!0})??[]).filter(t=>t instanceof HTMLElement)}_setupItems(){this._getItems().forEach((r,s)=>{r.hasAttribute("role")||r.setAttribute("role","listitem"),r.setAttribute("tabindex",s===0?"0":"-1")});const t=this.renderRoot?.querySelector("md-list");t&&!t.hasAttribute("data-kbd")&&(t.setAttribute("data-kbd","true"),t.addEventListener("keydown",r=>this._onKeyDown(r)))}_onKeyDown(e){const t=this._getItems();if(!t.length)return;const r=t.findIndex(i=>i.getAttribute("tabindex")==="0"),s=i=>{const n=(i%t.length+t.length)%t.length;t.forEach(u=>u.setAttribute("tabindex","-1"));const a=t[n];a.setAttribute("tabindex","0"),a.focus()};switch(e.key){case"ArrowDown":case"ArrowRight":e.preventDefault(),s(r<0?0:r+1);break;case"ArrowUp":case"ArrowLeft":e.preventDefault(),s(r<0?0:r-1);break;case"Home":e.preventDefault(),s(0);break;case"End":e.preventDefault(),s(t.length-1);break}}render(){return m`
+import{_ as f}from"../../vendor/preload-helper.js";import{a as p,n as h,b as v,i as m,x as b,t as g}from"../../vendor/vendor.js";import"./scb-list-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 t=customElements.define.bind(customElements);customElements.define=function(r,s,i){try{customElements.get(r)||t(r,s,i)}catch(a){var n=String(a||"");if(n.indexOf("already been used")===-1&&n.indexOf("NotSupportedError")===-1)throw a}}}}catch{}})();var y=Object.defineProperty,w=Object.getOwnPropertyDescriptor,c=e=>{throw TypeError(e)},l=(e,t,r,s)=>{for(var i=s>1?void 0:s?w(t,r):t,n=e.length-1,a;n>=0;n--)(a=e[n])&&(i=(s?a(t,r,i):a(i))||i);return s&&i&&y(t,r,i),i},_=(e,t,r)=>t.has(e)||c("Cannot "+r),E=(e,t,r)=>(_(e,t,"read from private field"),t.get(e)),A=(e,t,r)=>t.has(e)?c("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(e):t.set(e,r),k=(e,t,r,s)=>(_(e,t,"write to private field"),t.set(e,r),r),d;let o=class extends m{constructor(){super(...arguments),A(this,d,!1),this.noDivider=!1,this._onSlotChange=()=>this._setupItems()}async firstUpdated(){E(this,d)||(await f(()=>import("../../vendor/vendor-material.js").then(e=>e.l),__vite__mapDeps([0,1]),import.meta.url),k(this,d,!0)),this._setupItems()}_getItems(){return(this._slotEl?.assignedElements({flatten:!0})??[]).filter(t=>t instanceof HTMLElement)}_setupItems(){this._getItems().forEach((r,s)=>{r.hasAttribute("role")||r.setAttribute("role","listitem"),r.setAttribute("tabindex",s===0?"0":"-1")});const t=this.renderRoot?.querySelector("md-list");t&&!t.hasAttribute("data-kbd")&&(t.setAttribute("data-kbd","true"),t.addEventListener("keydown",r=>this._onKeyDown(r)))}_onKeyDown(e){const t=this._getItems();if(!t.length)return;const r=t.findIndex(i=>i.getAttribute("tabindex")==="0"),s=i=>{const n=(i%t.length+t.length)%t.length;t.forEach(u=>u.setAttribute("tabindex","-1"));const a=t[n];a.setAttribute("tabindex","0"),a.focus()};switch(e.key){case"ArrowDown":case"ArrowRight":e.preventDefault(),s(r<0?0:r+1);break;case"ArrowUp":case"ArrowLeft":e.preventDefault(),s(r<0?0:r-1);break;case"Home":e.preventDefault(),s(0);break;case"End":e.preventDefault(),s(t.length-1);break}}render(){return b`
       <md-list role="list" @slotchange=${this._onSlotChange}>
         <slot></slot>
       </md-list>
-    `}};d=new WeakMap;o.styles=[h`
+    `}};d=new WeakMap;o.styles=[p`
       :host {
         display: block;
-        --scb-list-bg: var(--scb-list-background, inherit);
+        --scb-list-bg: transparent;
       }
 
       md-list {
@@ -23,4 +23,4 @@ import{_ as f}from"../../vendor/preload-helper.js";import{a as h,n as p,b as v,i
       :host([no-divider]) ::slotted(scb-list-item) {
         --stroke-border: 0px;
       }
-    `];l([p({type:Boolean,attribute:"no-divider",reflect:!0})],o.prototype,"noDivider",2);l([v("slot")],o.prototype,"_slotEl",2);o=l([g("scb-list")],o);
+    `];l([h({type:Boolean,attribute:"no-divider",reflect:!0})],o.prototype,"noDivider",2);l([v("slot")],o.prototype,"_slotEl",2);o=l([g("scb-list")],o);