scb-wc-test 0.1.105 → 0.1.107

package/mvc/components/scb-horizontal-scroller/scb-horizontal-scroller.js

@@ -1,58 +1,87 @@
-import{a as u,n as h,i as b,x as c,t as f}from"../../vendor/vendor.js";import"../scb-icon-button/scb-icon-button.js";import"../scb-button/scb-button.js";import"../../vendor/vendor-material.js";import"../../vendor/preload-helper.js";(function(){try{var t=typeof globalThis<"u"?globalThis:window;if(!t.__scb_ce_guard_installed__){t.__scb_ce_guard_installed__=!0;var l=customElements.define.bind(customElements);customElements.define=function(i,s,o){try{customElements.get(i)||l(i,s,o)}catch(r){var e=String(r||"");if(e.indexOf("already been used")===-1&&e.indexOf("NotSupportedError")===-1)throw r}}}}catch{}})();var p=Object.defineProperty,g=Object.getOwnPropertyDescriptor,n=(t,l,i,s)=>{for(var o=s>1?void 0:s?g(l,i):l,e=t.length-1,r;e>=0;e--)(r=t[e])&&(o=(s?r(l,i,o):r(o))||o);return s&&o&&p(l,i,o),o};let a=class extends b{constructor(){super(...arguments),this.variant="standard",this.width="100%",this.showScrollbar=!0,this.rightScrollButtonLabel="Scrolla höger",this.leftScrollButtonLabel="Scrolla vänster",this.contentFlex=!1,this.updateScrollButtons=()=>{this.requestUpdate();const t=this.shadowRoot?.querySelector(".scb-horizontal-scroller");if(!t)return;t.scrollLeft>0?this.setAttribute("data-scroll-left",""):this.removeAttribute("data-scroll-left");const l=t;l.scrollLeft+l.clientWidth<l.scrollWidth-1?this.setAttribute("data-scroll-right",""):this.removeAttribute("data-scroll-right")},this.lastScrollLeft=0,this.isScrolling=!1,this.scrollEndTimeout=null,this.handleScroll=()=>{const t=this.shadowRoot?.querySelector(".scb-horizontal-scroller");t&&(this.updateScrollButtons(),this.dispatchCustomEvent("scb-scroll",{scrollLeft:t.scrollLeft}),this.isScrolling||(this.isScrolling=!0,this.dispatchCustomEvent("scb-scroll-start",{scrollLeft:t.scrollLeft})),clearTimeout(this.scrollEndTimeout),this.scrollEndTimeout=setTimeout(()=>{this.isScrolling=!1,this.dispatchCustomEvent("scb-scroll-end",{scrollLeft:t.scrollLeft})},120),t.scrollLeft>this.lastScrollLeft?this.dispatchCustomEvent("scb-scroll-right",{scrollLeft:t.scrollLeft}):t.scrollLeft<this.lastScrollLeft&&this.dispatchCustomEvent("scb-scroll-left",{scrollLeft:t.scrollLeft}),this.lastScrollLeft=t.scrollLeft)}}doScrollBy(t){const l=this.shadowRoot?.querySelector(".scb-horizontal-scroller");l&&l.scrollBy({left:t,behavior:"smooth"})}get canScrollLeft(){const t=this.shadowRoot?.querySelector(".scb-horizontal-scroller");return t?t.scrollLeft>0:!1}get canScrollRight(){const t=this.shadowRoot?.querySelector(".scb-horizontal-scroller");if(!t)return!1;const l=t;return l.scrollLeft+l.clientWidth<l.scrollWidth-1}connectedCallback(){super.connectedCallback(),this.addEventListener("scroll",this.updateScrollButtons,!0)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("scroll",this.updateScrollButtons,!0)}dispatchCustomEvent(t,l={}){this.dispatchEvent(new CustomEvent(t,{detail:l,bubbles:!0,composed:!0}))}firstUpdated(){const t=this.shadowRoot?.querySelector(".scb-horizontal-scroller"),l=this.shadowRoot?.querySelector(".scroll-shadow-left"),i=this.shadowRoot?.querySelector(".scroll-shadow-right"),s=this.shadowRoot?.querySelector("slot");t&&(t.addEventListener("scroll",this.handleScroll),t.addEventListener("wheel",function(e){e.deltaY!==0&&(e.preventDefault(),t.scrollLeft+=e.deltaY)},{passive:!1}));const o=()=>{if(s&&l&&i){const e=s.getBoundingClientRect();l.style.height=`${e.height}px`,i.style.height=`${e.height}px`}};o(),s&&new ResizeObserver(o).observe(s),this.updateComplete.then(()=>{this.updateScrollButtons()})}updated(t){const l=this.shadowRoot?.querySelector(".scroll-shadow-left"),i=this.shadowRoot?.querySelector(".scroll-shadow-right"),s=this.shadowRoot?.querySelector("slot"),o=this.shadowRoot?.querySelector(".scb-horizontal-scroller");if(o){o.addEventListener("scroll",this.handleScroll),o.addEventListener("wheel",function(d){d.deltaY!==0&&(d.preventDefault(),o.scrollLeft+=d.deltaY)},{passive:!1}),o.scrollLeft>0?this.setAttribute("data-scroll-left",""):this.removeAttribute("data-scroll-left");const r=o;r.scrollLeft+r.clientWidth<r.scrollWidth-1?this.setAttribute("data-scroll-right",""):this.removeAttribute("data-scroll-right")}t.has("width")&&this.style.setProperty("--scb-horizontal-scroller-width",this.width);const e=()=>{if(s&&l&&i){const r=s.getBoundingClientRect();l.style.height=`${r.height}px`,i.style.height=`${r.height}px`}};e(),s&&new ResizeObserver(e).observe(s)}render(){const t=this.variant;var l=!!(this.canScrollLeft||this.canScrollRight);switch(t){case"inline":return c`
-        <div class="scb-horizontal-scroller ${l?"canScroll":""}" tabindex="0">
-          ${this.variant!="inline"?c`<div class="scroll-shadow-left"></div>`:""}
-              <slot></slot>
-              <md-focus-ring inward></md-focus-ring>
-          ${this.variant!="inline"?c`<div class="scroll-shadow-right"></div>`:""}
-        </div>
-        ${l?c`
-          <div class="scroll-buttons">
-            ${this.canScrollLeft?c`
-              <scb-button class="scroll-button-left" variant="text" label="${this.leftScrollButtonLabel}" aria-label="Scrolla vänster" icon="chevron_left" @click="${()=>this.doScrollBy(-100)}"></scb-button>
-            `:""}
+import{a as g,n as h,i as v,x as n,t as S}from"../../vendor/vendor.js";import"../scb-icon-button/scb-icon-button.js";import"../scb-button/scb-button.js";import"../../vendor/vendor-material.js";import"../../vendor/preload-helper.js";(function(){try{var t=typeof globalThis<"u"?globalThis:window;if(!t.__scb_ce_guard_installed__){t.__scb_ce_guard_installed__=!0;var o=customElements.define.bind(customElements);customElements.define=function(l,e,s){try{customElements.get(l)||o(l,e,s)}catch(i){var r=String(i||"");if(r.indexOf("already been used")===-1&&r.indexOf("NotSupportedError")===-1)throw i}}}}catch{}})();var w=Object.defineProperty,y=Object.getOwnPropertyDescriptor,f=t=>{throw TypeError(t)},a=(t,o,l,e)=>{for(var s=e>1?void 0:e?y(o,l):o,r=t.length-1,i;r>=0;r--)(i=t[r])&&(s=(e?i(o,l,s):i(s))||s);return e&&s&&w(o,l,s),s},m=(t,o,l)=>o.has(t)||f("Cannot "+l),x=(t,o,l)=>o.has(t)?f("Cannot add the same private member more than once"):o instanceof WeakSet?o.add(t):o.set(t,l),b=(t,o,l)=>(m(t,o,"access private method"),l),d,p;let c=class extends v{constructor(){super(...arguments),x(this,d),this.variant="standard",this.width="100%",this.showScrollbar=!0,this.rightScrollButtonLabel="Scrolla höger",this.leftScrollButtonLabel="Scrolla vänster",this.spacing="",this.spacingTop="",this.spacingBottom="",this.contentFlex=!1,this.updateScrollButtons=()=>{this.requestUpdate();const t=this.shadowRoot?.querySelector(".scb-horizontal-scroller");if(!t)return;t.scrollLeft>0?this.setAttribute("data-scroll-left",""):this.removeAttribute("data-scroll-left");const o=t;o.scrollLeft+o.clientWidth<o.scrollWidth-1?this.setAttribute("data-scroll-right",""):this.removeAttribute("data-scroll-right")},this.lastScrollLeft=0,this.isScrolling=!1,this.scrollEndTimeout=null,this.handleScroll=()=>{const t=this.shadowRoot?.querySelector(".scb-horizontal-scroller");t&&(this.updateScrollButtons(),this.dispatchCustomEvent("scb-scroll",{scrollLeft:t.scrollLeft}),this.isScrolling||(this.isScrolling=!0,this.dispatchCustomEvent("scb-scroll-start",{scrollLeft:t.scrollLeft})),clearTimeout(this.scrollEndTimeout),this.scrollEndTimeout=setTimeout(()=>{this.isScrolling=!1,this.dispatchCustomEvent("scb-scroll-end",{scrollLeft:t.scrollLeft})},120),t.scrollLeft>this.lastScrollLeft?this.dispatchCustomEvent("scb-scroll-right",{scrollLeft:t.scrollLeft}):t.scrollLeft<this.lastScrollLeft&&this.dispatchCustomEvent("scb-scroll-left",{scrollLeft:t.scrollLeft}),this.lastScrollLeft=t.scrollLeft)}}doScrollBy(t){const o=this.shadowRoot?.querySelector(".scb-horizontal-scroller");o&&o.scrollBy({left:t,behavior:"smooth"})}get canScrollLeft(){const t=this.shadowRoot?.querySelector(".scb-horizontal-scroller");return t?t.scrollLeft>0:!1}get canScrollRight(){const t=this.shadowRoot?.querySelector(".scb-horizontal-scroller");if(!t)return!1;const o=t;return o.scrollLeft+o.clientWidth<o.scrollWidth-1}connectedCallback(){super.connectedCallback(),this.addEventListener("scroll",this.updateScrollButtons,!0)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("scroll",this.updateScrollButtons,!0)}dispatchCustomEvent(t,o={}){this.dispatchEvent(new CustomEvent(t,{detail:o,bubbles:!0,composed:!0}))}firstUpdated(){const t=this.shadowRoot?.querySelector(".scb-horizontal-scroller"),o=this.shadowRoot?.querySelector(".scroll-shadow-left"),l=this.shadowRoot?.querySelector(".scroll-shadow-right"),e=this.shadowRoot?.querySelector("slot");t&&(t.addEventListener("scroll",this.handleScroll),t.addEventListener("wheel",function(r){r.deltaY!==0&&(r.preventDefault(),t.scrollLeft+=r.deltaY)},{passive:!1}));const s=()=>{if(e&&o&&l){const r=e.getBoundingClientRect();o.style.height=`${r.height}px`,l.style.height=`${r.height}px`}};s(),e&&new ResizeObserver(s).observe(e),this.updateComplete.then(()=>{this.updateScrollButtons()}),b(this,d,p).call(this)}updated(t){const o=this.shadowRoot?.querySelector(".scroll-shadow-left"),l=this.shadowRoot?.querySelector(".scroll-shadow-right"),e=this.shadowRoot?.querySelector("slot"),s=this.shadowRoot?.querySelector(".scb-horizontal-scroller");if(s){s.addEventListener("scroll",this.handleScroll),s.addEventListener("wheel",function(u){u.deltaY!==0&&(u.preventDefault(),s.scrollLeft+=u.deltaY)},{passive:!1}),s.scrollLeft>0?this.setAttribute("data-scroll-left",""):this.removeAttribute("data-scroll-left");const i=s;i.scrollLeft+i.clientWidth<i.scrollWidth-1?this.setAttribute("data-scroll-right",""):this.removeAttribute("data-scroll-right")}t.has("width")&&this.style.setProperty("--scb-horizontal-scroller-width",this.width);const r=()=>{if(e&&o&&l){const i=e.getBoundingClientRect();o.style.height=`${i.height}px`,l.style.height=`${i.height}px`}};r(),e&&new ResizeObserver(r).observe(e),(t.has("spacing")||t.has("spacingTop")||t.has("spacingBottom"))&&b(this,d,p).call(this)}mapSpacingToken(t){if(!t)return;const o=String(t).trim();if(o)return/^\d+$/.test(o)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(o,10)))})`:o}render(){const t=this.variant,o=!!(this.canScrollLeft||this.canScrollRight);switch(t){case"inline":return n`
+          <div class="scb-horizontal-scroller ${o?"canScroll":""}" tabindex="0">
+            ${this.variant!="inline"?n`<div class="scroll-shadow-left"></div>`:""}
+            <slot></slot>
+            <md-focus-ring inward></md-focus-ring>
+            ${this.variant!="inline"?n`<div class="scroll-shadow-right"></div>`:""}
+          </div>
+          ${o?n`
+                <div class="scroll-buttons">
+                  ${this.canScrollLeft?n`
+                        <scb-button
+                          class="scroll-button-left"
+                          variant="text"
+                          label="${this.leftScrollButtonLabel}"
+                          aria-label="Scrolla vänster"
+                          icon="chevron_left"
+                          @click="${()=>this.doScrollBy(-100)}"
+                        ></scb-button>
+                      `:""}
 
-            ${this.canScrollRight?c`
-              <scb-button class="scroll-button-right" variant="text" label="${this.rightScrollButtonLabel}" aria-label="Scrolla höger" icon="chevron_right" trailing-icon @click="${()=>this.doScrollBy(100)}"></scb-button>
-            `:""}
+                  ${this.canScrollRight?n`
+                        <scb-button
+                          class="scroll-button-right"
+                          variant="text"
+                          label="${this.rightScrollButtonLabel}"
+                          aria-label="Scrolla höger"
+                          icon="chevron_right"
+                          trailing-icon
+                          @click="${()=>this.doScrollBy(100)}"
+                        ></scb-button>
+                      `:""}
+                </div>
+              `:""}
+        `;default:return n`
+          ${this.canScrollLeft?n`
+                <scb-icon-button
+                  class="scroll-button-left"
+                  icon="chevron_left"
+                  aria-label="Scrolla vänster"
+                  variant="filled-tonal"
+                  @click="${()=>this.doScrollBy(-100)}"
+                ></scb-icon-button>
+              `:""}
+          <div class="scroll-shadow-left"></div>
+          <div class="scb-horizontal-scroller">
+            <slot></slot>
+            <md-focus-ring inward></md-focus-ring>
           </div>
-        `:""}
-    `;default:return c`
-        ${this.canScrollLeft?c`
-          <scb-icon-button class="scroll-button-left" icon="chevron_left" aria-label="Scrolla vänster" variant="filled-tonal" @click="${()=>this.doScrollBy(-100)}"></scb-icon-button>
-        `:""}
-        <div class="scroll-shadow-left"></div>
-        <div class="scb-horizontal-scroller">
-          <slot></slot>
-          <md-focus-ring inward></md-focus-ring>
-        </div>
-        <div class="scroll-shadow-right"></div>
-        ${this.canScrollRight?c`
-          <scb-icon-button class="scroll-button-right" icon="chevron_right" aria-label="Scrolla höger" variant="filled-tonal" @click="${()=>this.doScrollBy(100)}"></scb-icon-button>
-        `:""}
-    `}}};a.styles=u`
+          <div class="scroll-shadow-right"></div>
+          ${this.canScrollRight?n`
+                <scb-icon-button
+                  class="scroll-button-right"
+                  icon="chevron_right"
+                  aria-label="Scrolla höger"
+                  variant="filled-tonal"
+                  @click="${()=>this.doScrollBy(100)}"
+                ></scb-icon-button>
+              `:""}
+        `}}};d=new WeakSet;p=function(){const t=this.mapSpacingToken(this.spacing),o=this.mapSpacingToken(this.spacingTop),l=this.mapSpacingToken(this.spacingBottom),e=o??t,s=l??t;e?this.style.setProperty("--scb-horizontal-scroller-spacing-block-start",e):this.style.removeProperty("--scb-horizontal-scroller-spacing-block-start"),s?this.style.setProperty("--scb-horizontal-scroller-spacing-block-end",s):this.style.removeProperty("--scb-horizontal-scroller-spacing-block-end")};c.styles=g`
     :host {
       display: flex;
       position: relative;
       align-items: center;
       gap: var(--spacing-3);
       padding: 0px var(--spacing-8);
+      margin-block-start: var(--scb-horizontal-scroller-spacing-block-start, 0);
+      margin-block-end: var(--scb-horizontal-scroller-spacing-block-end, 0);
     }
     .scb-horizontal-scroller {
       overflow-x: auto;
-      -ms-overflow-style: none;  /* IE and Edge */
+      -ms-overflow-style: none; /* IE and Edge */
       scrollbar-width: none;
       width: 100%;
     }
-    :host([show-scrollbar]) .scb-horizontal-scroller{
-     scrollbar-width: auto;
+    :host([show-scrollbar]) .scb-horizontal-scroller {
+      scrollbar-width: auto;
     }
 
-    :host([content-flex]) .scb-horizontal-scroller{
+    :host([content-flex]) .scb-horizontal-scroller {
       display: flex;
       flex-direction: row;
       flex: 1 1 auto;
     }
-    
+
     .scb-horizontal-scroller::-webkit-scrollbar {
       border-radius: var(--md-sys-shape-corner-large);
       height: 4px;
@@ -68,13 +97,13 @@ import{a as u,n as h,i as b,x as c,t as f}from"../../vendor/vendor.js";import"..
       border-radius: var(--md-sys-shape-corner-large);
     }
     .scb-horizontal-scroller:focus {
-       outline: none;
+      outline: none;
     }
     md-focus-ring {
       border-radius: var(--scb-card-focus-ring-radius, var(--md-sys-shape-corner-large));
     }
 
-    :host([show-scrollbar]) .scb-horizontal-scroller.canScroll{
+    :host([show-scrollbar]) .scb-horizontal-scroller.canScroll {
       padding-bottom: var(--spacing-5);
     }
     slot {
@@ -113,12 +142,12 @@ import{a as u,n as h,i as b,x as c,t as f}from"../../vendor/vendor.js";import"..
       right: 0;
     }
     :host([data-scroll-left]) .scroll-shadow-left {
-      box-shadow: 16px 0 16px -8px rgba(0,0,0,0.12);
+      box-shadow: 16px 0 16px -8px rgba(0, 0, 0, 0.12);
     }
     :host([data-scroll-right]) .scroll-shadow-right {
-      box-shadow: -16px 0 16px -8px rgba(0,0,0,0.12);
+      box-shadow: -16px 0 16px -8px rgba(0, 0, 0, 0.12);
     }
-    :host([variant="inline"]) {
+    :host([variant='inline']) {
       flex-direction: column;
       align-items: unset;
       padding: 0;
@@ -138,8 +167,7 @@ import{a as u,n as h,i as b,x as c,t as f}from"../../vendor/vendor.js";import"..
         z-index: auto;
       }
     }
-    :host([variant="inline"][show-scrollbar]) {
+    :host([variant='inline'][show-scrollbar]) {
       gap: var(--spacing-5);
     }
-
-  `;n([h({type:String,reflect:!0})],a.prototype,"variant",2);n([h({type:String,reflect:!0})],a.prototype,"width",2);n([h({type:Boolean,reflect:!0,attribute:"show-scrollbar"})],a.prototype,"showScrollbar",2);n([h({type:String,reflect:!0,attribute:"right-scroll-button-label"})],a.prototype,"rightScrollButtonLabel",2);n([h({type:String,reflect:!0,attribute:"left-scroll-button-label"})],a.prototype,"leftScrollButtonLabel",2);n([h({type:Boolean,reflect:!0,attribute:"content-flex"})],a.prototype,"contentFlex",2);a=n([f("scb-horizontal-scroller")],a);
+  `;a([h({type:String,reflect:!0})],c.prototype,"variant",2);a([h({type:String,reflect:!0})],c.prototype,"width",2);a([h({type:Boolean,reflect:!0,attribute:"show-scrollbar"})],c.prototype,"showScrollbar",2);a([h({type:String,reflect:!0,attribute:"right-scroll-button-label"})],c.prototype,"rightScrollButtonLabel",2);a([h({type:String,reflect:!0,attribute:"left-scroll-button-label"})],c.prototype,"leftScrollButtonLabel",2);a([h({type:String,reflect:!0})],c.prototype,"spacing",2);a([h({type:String,reflect:!0,attribute:"spacing-top"})],c.prototype,"spacingTop",2);a([h({type:String,reflect:!0,attribute:"spacing-bottom"})],c.prototype,"spacingBottom",2);a([h({type:Boolean,reflect:!0,attribute:"content-flex"})],c.prototype,"contentFlex",2);c=a([S("scb-horizontal-scroller")],c);

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

@@ -1,8 +1,8 @@
 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{_}from"../../vendor/preload-helper.js";import{a as u,n as d,i as h,x as s,t as b}from"../../vendor/vendor.js";import"../../vendor/vendor-material.js";(function(){try{var t=typeof globalThis<"u"?globalThis:window;if(!t.__scb_ce_guard_installed__){t.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(a,r,i){try{customElements.get(a)||e(a,r,i)}catch(c){var l=String(c||"");if(l.indexOf("already been used")===-1&&l.indexOf("NotSupportedError")===-1)throw c}}}}catch{}})();var p=Object.defineProperty,m=Object.getOwnPropertyDescriptor,n=(t,e,a,r)=>{for(var i=r>1?void 0:r?m(e,a):e,l=t.length-1,c;l>=0;l--)(c=t[l])&&(i=(r?c(e,a,i):c(i))||i);return r&&i&&p(e,a,i),i};let o=class extends h{constructor(){super(...arguments),this.icon="home",this.tooltip="",this.ariaLabel="",this.variant="standard",this.toggle=!1,this.selected=!1,this.toggleofficon="add",this.toggleonicon="remove",this.disabled=!1,this.__loadedVariants=new Set,this.__iconLoaded=!1,this.__lastMdHost=null,this.__onInnerChange=()=>{const e=!!this.__getMdHost()?.selected;this.toggle&&(this.selected=e),this.dispatchEvent(new CustomEvent("change",{detail:{selected:e},bubbles:!0,composed:!0}))}}async firstUpdated(){await this.__ensureDepsLoaded(),await this.updateComplete,this.__attachChangeListener(),this.__syncTitleAndAria()}updated(t){if(super.updated(t),t.has("variant")){this.__ensureDepsLoaded().then(()=>{queueMicrotask(()=>{this.__attachChangeListener(),this.__syncTitleAndAria()})});return}(t.has("toggle")||t.has("icon")||t.has("toggleofficon")||t.has("toggleonicon")||t.has("selected")||t.has("disabled")||t.has("tooltip")||t.has("ariaLabel"))&&queueMicrotask(()=>{this.__attachChangeListener(),this.__syncTitleAndAria()})}disconnectedCallback(){this.__lastMdHost?.removeEventListener?.("change",this.__onInnerChange),this.__lastMdHost=null,super.disconnectedCallback()}async __ensureDepsLoaded(){if(!this.__loadedVariants.has(this.variant)){switch(this.variant){case"filled":await _(()=>import("../../vendor/vendor-material.js").then(t=>t.f),__vite__mapDeps([0,1]),import.meta.url);break;case"outlined":await _(()=>import("../../vendor/vendor-material.js").then(t=>t.o),__vite__mapDeps([0,1]),import.meta.url);break;case"filled-tonal":await _(()=>import("../../vendor/vendor-material.js").then(t=>t.c),__vite__mapDeps([0,1]),import.meta.url);break;default:await _(()=>import("../../vendor/vendor-material.js").then(t=>t.d),__vite__mapDeps([0,1]),import.meta.url);break}this.__loadedVariants.add(this.variant)}this.__iconLoaded||(await _(()=>import("../../vendor/vendor-material.js").then(t=>t.i),__vite__mapDeps([0,1]),import.meta.url),this.__iconLoaded=!0)}__getMdHost(){return this.renderRoot.querySelector("md-filled-icon-button, md-outlined-icon-button, md-filled-tonal-icon-button, md-icon-button")}__attachChangeListener(){const t=this.__getMdHost();t&&t!==this.__lastMdHost&&(this.__lastMdHost?.removeEventListener?.("change",this.__onInnerChange),t.addEventListener("change",this.__onInnerChange),this.__lastMdHost=t),this.toggle&&t&&"selected"in t&&(t.selected=this.selected)}__syncTitleAndAria(){const t=this.__getMdHost();if(!t)return;const e=(this.tooltip||this.getAttribute("title")||"").trim(),a=(this.ariaLabel||this.getAttribute("aria-label")||"").trim(),r=this.getAttribute("aria-controls"),i=this.getAttribute("aria-expanded");this.tooltip&&this.setAttribute("title",e);const l=a||e||this.icon.trim()||void 0;l?t.setAttribute("aria-label",l):t.removeAttribute("aria-label"),e?t.setAttribute("title",e):t.removeAttribute("title"),r!==null?t.setAttribute("aria-controls",r):t.removeAttribute("aria-controls"),i!==null?t.setAttribute("aria-expanded",i):t.removeAttribute("aria-expanded")}__renderToggleIcons(){return s`
+import{_ as h}from"../../vendor/preload-helper.js";import{a as g,n as a,i as m,x as r,t as f}from"../../vendor/vendor.js";import"../../vendor/vendor-material.js";(function(){try{var t=typeof globalThis<"u"?globalThis:window;if(!t.__scb_ce_guard_installed__){t.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(i,l,n){try{customElements.get(i)||e(i,l,n)}catch(c){var d=String(c||"");if(d.indexOf("already been used")===-1&&d.indexOf("NotSupportedError")===-1)throw c}}}}catch{}})();var v=Object.defineProperty,y=Object.getOwnPropertyDescriptor,b=t=>{throw TypeError(t)},s=(t,e,i,l)=>{for(var n=l>1?void 0:l?y(e,i):e,d=t.length-1,c;d>=0;d--)(c=t[d])&&(n=(l?c(e,i,n):c(n))||n);return l&&n&&v(e,i,n),n},A=(t,e,i)=>e.has(t)||b("Cannot "+i),$=(t,e,i)=>e.has(t)?b("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(t):e.set(t,i),p=(t,e,i)=>(A(t,e,"access private method"),i),_,u;let o=class extends m{constructor(){super(...arguments),$(this,_),this.icon="home",this.tooltip="",this.ariaLabel="",this.variant="standard",this.toggle=!1,this.selected=!1,this.toggleofficon="add",this.toggleonicon="remove",this.disabled=!1,this.spacing="",this.spacingTop="",this.spacingBottom="",this.__loadedVariants=new Set,this.__iconLoaded=!1,this.__lastMdHost=null,this.__onInnerChange=()=>{const e=!!this.__getMdHost()?.selected;this.toggle&&(this.selected=e),this.dispatchEvent(new CustomEvent("change",{detail:{selected:e},bubbles:!0,composed:!0}))}}async firstUpdated(){await this.__ensureDepsLoaded(),await this.updateComplete,this.__attachChangeListener(),this.__syncTitleAndAria(),p(this,_,u).call(this)}updated(t){if(super.updated(t),(t.has("spacing")||t.has("spacingTop")||t.has("spacingBottom"))&&p(this,_,u).call(this),t.has("variant")){this.__ensureDepsLoaded().then(()=>{queueMicrotask(()=>{this.__attachChangeListener(),this.__syncTitleAndAria()})});return}(t.has("toggle")||t.has("icon")||t.has("toggleofficon")||t.has("toggleonicon")||t.has("selected")||t.has("disabled")||t.has("tooltip")||t.has("ariaLabel"))&&queueMicrotask(()=>{this.__attachChangeListener(),this.__syncTitleAndAria()})}disconnectedCallback(){this.__lastMdHost?.removeEventListener?.("change",this.__onInnerChange),this.__lastMdHost=null,super.disconnectedCallback()}async __ensureDepsLoaded(){if(!this.__loadedVariants.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;default:await h(()=>import("../../vendor/vendor-material.js").then(t=>t.d),__vite__mapDeps([0,1]),import.meta.url);break}this.__loadedVariants.add(this.variant)}this.__iconLoaded||(await h(()=>import("../../vendor/vendor-material.js").then(t=>t.i),__vite__mapDeps([0,1]),import.meta.url),this.__iconLoaded=!0)}__getMdHost(){return this.renderRoot.querySelector("md-filled-icon-button, md-outlined-icon-button, md-filled-tonal-icon-button, md-icon-button")}__attachChangeListener(){const t=this.__getMdHost();t&&t!==this.__lastMdHost&&(this.__lastMdHost?.removeEventListener?.("change",this.__onInnerChange),t.addEventListener("change",this.__onInnerChange),this.__lastMdHost=t),this.toggle&&t&&"selected"in t&&(t.selected=this.selected)}__syncTitleAndAria(){const t=this.__getMdHost();if(!t)return;const e=(this.tooltip||this.getAttribute("title")||"").trim(),i=(this.ariaLabel||this.getAttribute("aria-label")||"").trim(),l=this.getAttribute("aria-controls"),n=this.getAttribute("aria-expanded");this.tooltip&&this.setAttribute("title",e);const d=i||e||this.icon.trim()||void 0;d?t.setAttribute("aria-label",d):t.removeAttribute("aria-label"),e?t.setAttribute("title",e):t.removeAttribute("title"),l!==null?t.setAttribute("aria-controls",l):t.removeAttribute("aria-controls"),n!==null?t.setAttribute("aria-expanded",n):t.removeAttribute("aria-expanded")}mapSpacingToken(t){if(!t)return;const e=String(t).trim();if(e)return/^\d+$/.test(e)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(e,10)))})`:e}__renderToggleIcons(){return r`
       <md-icon aria-hidden="true">${this.toggleofficon}</md-icon>
       <md-icon slot="selected" aria-hidden="true">${this.toggleonicon}</md-icon>
-    `}__renderSingleIcon(){return s`<md-icon aria-hidden="true">${this.icon}</md-icon>`}__renderMd(){const t=this.toggle?this.__renderToggleIcons():this.__renderSingleIcon();if(this.toggle)switch(this.variant){case"filled":return s`
+    `}__renderSingleIcon(){return r`<md-icon aria-hidden="true">${this.icon}</md-icon>`}__renderMd(){const t=this.toggle?this.__renderToggleIcons():this.__renderSingleIcon();if(this.toggle)switch(this.variant){case"filled":return r`
             <md-filled-icon-button
               toggle
               ?selected=${this.selected}
@@ -10,7 +10,7 @@ import{_}from"../../vendor/preload-helper.js";import{a as u,n as d,i as h,x as s
             >
               ${t}
             </md-filled-icon-button>
-          `;case"outlined":return s`
+          `;case"outlined":return r`
             <md-outlined-icon-button
               toggle
               ?selected=${this.selected}
@@ -18,7 +18,7 @@ import{_}from"../../vendor/preload-helper.js";import{a as u,n as d,i as h,x as s
             >
               ${t}
             </md-outlined-icon-button>
-          `;case"filled-tonal":return s`
+          `;case"filled-tonal":return r`
             <md-filled-tonal-icon-button
               toggle
               ?selected=${this.selected}
@@ -26,24 +26,30 @@ import{_}from"../../vendor/preload-helper.js";import{a as u,n as d,i as h,x as s
             >
               ${t}
             </md-filled-tonal-icon-button>
-          `;default:return s`
+          `;default:return r`
             <md-icon-button toggle ?selected=${this.selected} ?disabled=${this.disabled}>
               ${t}
             </md-icon-button>
-          `}switch(this.variant){case"filled":return s`
+          `}switch(this.variant){case"filled":return r`
           <md-filled-icon-button ?disabled=${this.disabled}>
             ${t}
           </md-filled-icon-button>
-        `;case"outlined":return s`
+        `;case"outlined":return r`
           <md-outlined-icon-button ?disabled=${this.disabled}>
             ${t}
           </md-outlined-icon-button>
-        `;case"filled-tonal":return s`
+        `;case"filled-tonal":return r`
           <md-filled-tonal-icon-button ?disabled=${this.disabled}>
             ${t}
           </md-filled-tonal-icon-button>
-        `;default:return s`
+        `;default:return r`
           <md-icon-button ?disabled=${this.disabled}>
             ${t}
           </md-icon-button>
-        `}}render(){return this.__renderMd()}};o.styles=u``;n([d({type:String})],o.prototype,"icon",2);n([d({type:String})],o.prototype,"tooltip",2);n([d({type:String,attribute:"aria-label"})],o.prototype,"ariaLabel",2);n([d({type:String})],o.prototype,"variant",2);n([d({type:Boolean,reflect:!0})],o.prototype,"toggle",2);n([d({type:Boolean,reflect:!0})],o.prototype,"selected",2);n([d({type:String})],o.prototype,"toggleofficon",2);n([d({type:String})],o.prototype,"toggleonicon",2);n([d({type:Boolean,reflect:!0})],o.prototype,"disabled",2);o=n([b("scb-icon-button")],o);export{o as ScbIconButton};
+        `}}render(){return this.__renderMd()}};_=new WeakSet;u=function(){const t=this.mapSpacingToken(this.spacing),e=this.mapSpacingToken(this.spacingTop)??t,i=this.mapSpacingToken(this.spacingBottom)??t;e?this.style.setProperty("--scb-icon-button-spacing-block-start",e):this.style.removeProperty("--scb-icon-button-spacing-block-start"),i?this.style.setProperty("--scb-icon-button-spacing-block-end",i):this.style.removeProperty("--scb-icon-button-spacing-block-end")};o.styles=g`
+    :host {
+      display: inline-flex;
+      margin-block-start: var(--scb-icon-button-spacing-block-start, 0);
+      margin-block-end: var(--scb-icon-button-spacing-block-end, 0);
+    }
+  `;s([a({type:String})],o.prototype,"icon",2);s([a({type:String})],o.prototype,"tooltip",2);s([a({type:String,attribute:"aria-label"})],o.prototype,"ariaLabel",2);s([a({type:String})],o.prototype,"variant",2);s([a({type:Boolean,reflect:!0})],o.prototype,"toggle",2);s([a({type:Boolean,reflect:!0})],o.prototype,"selected",2);s([a({type:String})],o.prototype,"toggleofficon",2);s([a({type:String})],o.prototype,"toggleonicon",2);s([a({type:Boolean,reflect:!0})],o.prototype,"disabled",2);s([a({type:String,reflect:!0})],o.prototype,"spacing",2);s([a({type:String,attribute:"spacing-top",reflect:!0})],o.prototype,"spacingTop",2);s([a({type:String,attribute:"spacing-bottom",reflect:!0})],o.prototype,"spacingBottom",2);o=s([f("scb-icon-button")],o);export{o as ScbIconButton};

package/mvc/components/scb-keyfigure-card/scb-keyfigure-card.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 d}from"../../vendor/preload-helper.js";import{a as p,n as a,i as u,x as l,t as y}from"../../vendor/vendor.js";import"../../vendor/vendor-material.js";(function(){try{var e=typeof globalThis<"u"?globalThis:window;if(!e.__scb_ce_guard_installed__){e.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(s,n,o){try{customElements.get(s)||t(s,n,o)}catch(h){var c=String(h||"");if(c.indexOf("already been used")===-1&&c.indexOf("NotSupportedError")===-1)throw h}}}}catch{}})();var f=Object.defineProperty,g=Object.getOwnPropertyDescriptor,r=(e,t,s,n)=>{for(var o=n>1?void 0:n?g(t,s):t,c=e.length-1,h;c>=0;c--)(h=e[c])&&(o=(n?h(t,s,o):h(o))||o);return n&&o&&f(t,s,o),o};let i=class extends u{constructor(){super(...arguments),this.keyfigure=0,this.subtitle="",this.supportingText="",this.cardHref="",this.icon="",this.size="standard",this.unit="",this.width="",this.maxWidth="",this.height="",this.maxHeight="",this.sizing="stretch",this.__onKeyDown=e=>{(e.key==="Enter"||e.key===" ")&&this.cardHref&&(e.preventDefault(),window.location.href=this.cardHref)},this.__handleHrefNavigation=e=>{this.cardHref&&(e.target.closest("a")||(window.location.href=this.cardHref))}}formatNumber(e){if(typeof e=="number")return e.toLocaleString("sv-SE").replace(/\u00A0/g," ");const t=Number(e);return Number.isNaN(t)?String(e):t.toLocaleString("sv-SE").replace(/\u00A0/g," ")}async firstUpdated(){i.__iconLoaded||(await d(()=>import("../../vendor/vendor-material.js").then(e=>e.i),__vite__mapDeps([0,1]),import.meta.url),i.__iconLoaded=!0),i.__rippleLoaded||(await d(()=>import("../../vendor/vendor-material.js").then(e=>e.r),__vite__mapDeps([0,1]),import.meta.url),i.__rippleLoaded=!0),this.__applyInnerSizing()}render(){const e=!!this.cardHref,t=this.formatNumber(this.keyfigure),s=(this.unit||"").trim(),n=s?`${t} ${s}`:t;return l`
+import{_ as u}from"../../vendor/preload-helper.js";import{a as f,n as a,i as m,x as l,t as b}from"../../vendor/vendor.js";import"../../vendor/vendor-material.js";(function(){try{var e=typeof globalThis<"u"?globalThis:window;if(!e.__scb_ce_guard_installed__){e.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(r,n,o){try{customElements.get(r)||t(r,n,o)}catch(p){var c=String(p||"");if(c.indexOf("already been used")===-1&&c.indexOf("NotSupportedError")===-1)throw p}}}}catch{}})();var v=Object.defineProperty,k=Object.getOwnPropertyDescriptor,y=e=>{throw TypeError(e)},s=(e,t,r,n)=>{for(var o=n>1?void 0:n?k(t,r):t,c=e.length-1,p;c>=0;c--)(p=e[c])&&(o=(n?p(t,r,o):p(o))||o);return n&&o&&v(t,r,o),o},_=(e,t,r)=>t.has(e)||y("Cannot "+r),z=(e,t,r)=>t.has(e)?y("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(e):t.set(e,r),g=(e,t,r)=>(_(e,t,"access private method"),r),h,d;let i=class extends m{constructor(){super(...arguments),z(this,h),this.keyfigure=0,this.subtitle="",this.supportingText="",this.cardHref="",this.icon="",this.size="standard",this.unit="",this.width="",this.maxWidth="",this.height="",this.maxHeight="",this.sizing="stretch",this.spacing="",this.spacingTop="",this.spacingBottom="",this.__onKeyDown=e=>{(e.key==="Enter"||e.key===" ")&&this.cardHref&&(e.preventDefault(),window.location.href=this.cardHref)},this.__handleHrefNavigation=e=>{this.cardHref&&(e.target.closest("a")||(window.location.href=this.cardHref))}}formatNumber(e){if(typeof e=="number")return e.toLocaleString("sv-SE").replace(/\u00A0/g," ");const t=Number(e);return Number.isNaN(t)?String(e):t.toLocaleString("sv-SE").replace(/\u00A0/g," ")}async firstUpdated(){i.__iconLoaded||(await u(()=>import("../../vendor/vendor-material.js").then(e=>e.i),__vite__mapDeps([0,1]),import.meta.url),i.__iconLoaded=!0),i.__rippleLoaded||(await u(()=>import("../../vendor/vendor-material.js").then(e=>e.r),__vite__mapDeps([0,1]),import.meta.url),i.__rippleLoaded=!0),this.__applyInnerSizing(),g(this,h,d).call(this)}render(){const e=!!this.cardHref,t=this.formatNumber(this.keyfigure),r=(this.unit||"").trim(),n=r?`${t} ${r}`:t;return l`
       <div
         class="scb-keyfigure-card ${e?"clickable":""} ${this.size}"
         role=${e?"link":"group"}
@@ -15,7 +15,7 @@ import{_ as d}from"../../vendor/preload-helper.js";import{a as p,n as a,i as u,x
         ${this.keyfigure!==void 0&&this.keyfigure!==null&&this.keyfigure!==""?l`
           <div class="keyfigure">
             <span class="value" aria-label="${n}">
-              ${t}${s?l`<span class="unit" aria-hidden="true">\u00A0${s}</span>`:""}
+              ${t}${r?l`<span class="unit" aria-hidden="true">\u00A0${r}</span>`:""}
             </span>
             ${e?l`<md-icon>arrow_forward</md-icon>`:""}
           </div>
@@ -31,7 +31,7 @@ import{_ as d}from"../../vendor/preload-helper.js";import{a as p,n as a,i as u,x
       </div>
 
       <md-focus-ring></md-focus-ring>
-    `}__applyInnerSizing(){const e=this.renderRoot.querySelector(".scb-keyfigure-card");if(!e)return;this.width&&this.width.trim()!==""?(e.style.inlineSize="100%",e.style.maxInlineSize="100%"):(e.style.removeProperty("inline-size"),e.style.removeProperty("max-inline-size")),this.height&&this.height.trim()!==""||this.sizing==="stretch"?e.style.blockSize="100%":e.style.removeProperty("block-size"),this.maxHeight&&this.maxHeight.trim()!==""?e.style.maxBlockSize="100%":e.style.removeProperty("max-block-size")}updated(e){super.updated(e),e.has("width")&&(this.width?this.style.inlineSize=this.width:this.style.removeProperty("inline-size")),e.has("maxWidth")&&(this.maxWidth?this.style.maxInlineSize=this.maxWidth:this.style.removeProperty("max-inline-size")),e.has("height")&&(this.height?this.style.blockSize=this.height:this.style.removeProperty("block-size")),e.has("maxHeight")&&(this.maxHeight?this.style.maxBlockSize=this.maxHeight:this.style.removeProperty("max-block-size")),(e.has("width")||e.has("height")||e.has("maxHeight")||e.has("sizing"))&&this.__applyInnerSizing()}};i.__iconLoaded=!1;i.__rippleLoaded=!1;i.styles=p`
+    `}__applyInnerSizing(){const e=this.renderRoot.querySelector(".scb-keyfigure-card");if(!e)return;this.width&&this.width.trim()!==""?(e.style.inlineSize="100%",e.style.maxInlineSize="100%"):(e.style.removeProperty("inline-size"),e.style.removeProperty("max-inline-size")),this.height&&this.height.trim()!==""||this.sizing==="stretch"?e.style.blockSize="100%":e.style.removeProperty("block-size"),this.maxHeight&&this.maxHeight.trim()!==""?e.style.maxBlockSize="100%":e.style.removeProperty("max-block-size")}updated(e){super.updated(e),e.has("width")&&(this.width?this.style.inlineSize=this.width:this.style.removeProperty("inline-size")),e.has("maxWidth")&&(this.maxWidth?this.style.maxInlineSize=this.maxWidth:this.style.removeProperty("max-inline-size")),e.has("height")&&(this.height?this.style.blockSize=this.height:this.style.removeProperty("block-size")),e.has("maxHeight")&&(this.maxHeight?this.style.maxBlockSize=this.maxHeight:this.style.removeProperty("max-block-size")),(e.has("width")||e.has("height")||e.has("maxHeight")||e.has("sizing"))&&this.__applyInnerSizing(),(e.has("spacing")||e.has("spacingTop")||e.has("spacingBottom"))&&g(this,h,d).call(this)}mapSpacingToken(e){if(!e)return;const t=String(e).trim();if(t)return/^\d+$/.test(t)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(t,10)))})`:t}};h=new WeakSet;d=function(){const e=this.mapSpacingToken(this.spacing),t=this.mapSpacingToken(this.spacingTop),r=this.mapSpacingToken(this.spacingBottom),n=t??e,o=r??e;n?this.style.setProperty("--scb-keyfigure-card-spacing-block-start",n):this.style.removeProperty("--scb-keyfigure-card-spacing-block-start"),o?this.style.setProperty("--scb-keyfigure-card-spacing-block-end",o):this.style.removeProperty("--scb-keyfigure-card-spacing-block-end")};i.__iconLoaded=!1;i.__rippleLoaded=!1;i.styles=f`
     :host {
       display: block;
       box-sizing: border-box;
@@ -39,6 +39,8 @@ import{_ as d}from"../../vendor/preload-helper.js";import{a as p,n as a,i as u,x
       inline-size: 100%;
       min-inline-size: 0;
       padding: var(--scb-keyfigure-card-focus-ring-gap, 4px);
+      margin-block-start: var(--scb-keyfigure-card-spacing-block-start, 0);
+      margin-block-end: var(--scb-keyfigure-card-spacing-block-end, 0);
     }
 
     /* Ska vi ha tabulära eller inte? */
@@ -147,4 +149,4 @@ import{_ as d}from"../../vendor/preload-helper.js";import{a as p,n as a,i as u,x
       line-height: var(--md-sys-typescale-display-medium-line-height);
       letter-spacing: var(--md-sys-typescale-display-medium-tracking);
     }
-  `;r([a({attribute:"keyfigure"})],i.prototype,"keyfigure",2);r([a({type:String,attribute:"subtitle"})],i.prototype,"subtitle",2);r([a({type:String,attribute:"supporting-text"})],i.prototype,"supportingText",2);r([a({type:String,attribute:"card-href"})],i.prototype,"cardHref",2);r([a({type:String})],i.prototype,"icon",2);r([a({type:String})],i.prototype,"size",2);r([a({type:String})],i.prototype,"unit",2);r([a({type:String,reflect:!0})],i.prototype,"width",2);r([a({type:String,reflect:!0,attribute:"max-width"})],i.prototype,"maxWidth",2);r([a({type:String,reflect:!0})],i.prototype,"height",2);r([a({type:String,reflect:!0,attribute:"max-height"})],i.prototype,"maxHeight",2);r([a({type:String,reflect:!0})],i.prototype,"sizing",2);i=r([y("scb-keyfigure-card")],i);
+  `;s([a({attribute:"keyfigure"})],i.prototype,"keyfigure",2);s([a({type:String,attribute:"subtitle"})],i.prototype,"subtitle",2);s([a({type:String,attribute:"supporting-text"})],i.prototype,"supportingText",2);s([a({type:String,attribute:"card-href"})],i.prototype,"cardHref",2);s([a({type:String})],i.prototype,"icon",2);s([a({type:String})],i.prototype,"size",2);s([a({type:String})],i.prototype,"unit",2);s([a({type:String,reflect:!0})],i.prototype,"width",2);s([a({type:String,reflect:!0,attribute:"max-width"})],i.prototype,"maxWidth",2);s([a({type:String,reflect:!0})],i.prototype,"height",2);s([a({type:String,reflect:!0,attribute:"max-height"})],i.prototype,"maxHeight",2);s([a({type:String,reflect:!0})],i.prototype,"sizing",2);s([a({type:String,reflect:!0})],i.prototype,"spacing",2);s([a({type:String,reflect:!0,attribute:"spacing-top"})],i.prototype,"spacingTop",2);s([a({type:String,reflect:!0,attribute:"spacing-bottom"})],i.prototype,"spacingBottom",2);i=s([b("scb-keyfigure-card")],i);

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

@@ -1,9 +1,9 @@
 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 p,n as h,e 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`
+import{_}from"../../vendor/preload-helper.js";import{a as m,n as c,e as f,i as g,x as v,t as b}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(s,r,i){try{customElements.get(s)||t(s,r,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,k=Object.getOwnPropertyDescriptor,d=e=>{throw TypeError(e)},p=(e,t,s,r)=>{for(var i=r>1?void 0:r?k(t,s):t,n=e.length-1,a;n>=0;n--)(a=e[n])&&(i=(r?a(t,s,i):a(i))||i);return r&&i&&y(t,s,i),i},h=(e,t,s)=>t.has(e)||d("Cannot "+s),S=(e,t,s)=>(h(e,t,"read from private field"),t.get(e)),w=(e,t,s)=>t.has(e)?d("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(e):t.set(e,s),E=(e,t,s,r)=>(h(e,t,"write to private field"),t.set(e,s),s),l;let o=class extends g{constructor(){super(...arguments),w(this,l,!1),this.noDivider=!1,this.spacing="",this.spacingTop="",this.spacingBottom="",this._onSlotChange=()=>this._setupItems()}async firstUpdated(){S(this,l)||(await _(()=>import("../../vendor/vendor-material.js").then(e=>e.l),__vite__mapDeps([0,1]),import.meta.url),E(this,l,!0)),this._setupItems(),this._applySpacing()}updated(e){super.updated(e),(e.has("spacing")||e.has("spacingTop")||e.has("spacingBottom"))&&this._applySpacing()}_getItems(){return(this._slotEl?.assignedElements({flatten:!0})??[]).filter(t=>t instanceof HTMLElement)}_setupItems(){this._getItems().forEach((s,r)=>{s.hasAttribute("role")||s.setAttribute("role","listitem"),s.setAttribute("tabindex",r===0?"0":"-1")});const t=this.renderRoot?.querySelector("md-list");t&&!t.hasAttribute("data-kbd")&&(t.setAttribute("data-kbd","true"),t.addEventListener("keydown",s=>this._onKeyDown(s)))}_onKeyDown(e){const t=this._getItems();if(!t.length)return;const s=t.findIndex(i=>i.getAttribute("tabindex")==="0"),r=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(),r(s<0?0:s+1);break;case"ArrowUp":case"ArrowLeft":e.preventDefault(),r(s<0?0:s-1);break;case"Home":e.preventDefault(),r(0);break;case"End":e.preventDefault(),r(t.length-1);break}}_mapSpacingToken(e){if(!e)return;const t=String(e).trim();if(t)return/^\d+$/.test(t)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(t,10)))})`:t}_applySpacing(){const e=this._mapSpacingToken(this.spacing),t=this._mapSpacingToken(this.spacingTop)??e,s=this._mapSpacingToken(this.spacingBottom)??e;t?this.style.marginBlockStart=t:this.style.removeProperty("margin-block-start"),s?this.style.marginBlockEnd=s:this.style.removeProperty("margin-block-end")}render(){return v`
       <md-list role="list" @slotchange=${this._onSlotChange}>
         <slot></slot>
       </md-list>
-    `}};d=new WeakMap;o.styles=[p`
+    `}};l=new WeakMap;o.styles=[m`
       :host {
         display: block;
         --scb-list-bg: transparent;
@@ -23,4 +23,4 @@ import{_ as f}from"../../vendor/preload-helper.js";import{a as p,n as h,e as v,i
       :host([no-divider]) ::slotted(scb-list-item) {
         --stroke-border: 0px;
       }
-    `];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);
+    `];p([c({type:Boolean,attribute:"no-divider",reflect:!0})],o.prototype,"noDivider",2);p([c({type:String,reflect:!0})],o.prototype,"spacing",2);p([c({type:String,reflect:!0,attribute:"spacing-top"})],o.prototype,"spacingTop",2);p([c({type:String,reflect:!0,attribute:"spacing-bottom"})],o.prototype,"spacingBottom",2);p([f("slot")],o.prototype,"_slotEl",2);o=p([b("scb-list")],o);

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

@@ -1,4 +1,4 @@
-import{a as d,n as e,i as p,x as a,t as f}from"../../vendor/vendor.js";import"../../vendor/vendor-material.js";import"../scb-icon-button/scb-icon-button.js";import"../../vendor/preload-helper.js";(function(){try{var o=typeof globalThis<"u"?globalThis:window;if(!o.__scb_ce_guard_installed__){o.__scb_ce_guard_installed__=!0;var s=customElements.define.bind(customElements);customElements.define=function(r,l,n){try{customElements.get(r)||s(r,l,n)}catch(h){var c=String(h||"");if(c.indexOf("already been used")===-1&&c.indexOf("NotSupportedError")===-1)throw h}}}}catch{}})();var m=Object.defineProperty,u=Object.getOwnPropertyDescriptor,i=(o,s,r,l)=>{for(var n=l>1?void 0:l?u(s,r):s,c=o.length-1,h;c>=0;c--)(h=o[c])&&(n=(l?h(s,r,n):h(n))||n);return l&&n&&m(s,r,n),n};let t=class extends p{constructor(){super(...arguments),this.variant="success",this.direction="horizontal",this.title="",this.subtitle="",this.supportingText="",this.open=!1,this.linkText="",this.linkHref="#",this.showIcon=!1,this.showCloseButton=!1,this.sizing="stretch",this.width="",this.maxWidth="",this.height="",this.maxHeight="",this.fullHeight=!1,this.fullWidth=!1,this._closeNotification=()=>{this.open=!1;const o=new CustomEvent("close",{detail:{open:this.open},bubbles:!0,composed:!0});this.dispatchEvent(o)}}_iconForVariant(){switch(this.variant){case"success":return"check_circle";case"error":return"error";case"warning":return"warning";case"info":default:return"info"}}updated(o){super.updated(o),o.has("width")&&(this.width&&this.width.trim()!==""?this.style.inlineSize=this.width:this.style.removeProperty("inline-size")),o.has("maxWidth")&&(this.maxWidth&&this.maxWidth.trim()!==""?this.style.maxInlineSize=this.maxWidth:this.style.removeProperty("max-inline-size")),o.has("height")&&(this.height&&this.height.trim()!==""?this.style.blockSize=this.height:this.style.removeProperty("block-size")),o.has("maxHeight")&&(this.maxHeight&&this.maxHeight.trim()!==""?this.style.maxBlockSize=this.maxHeight:this.style.removeProperty("max-block-size"))}render(){const o=this.direction==="vertical"?"vertical":"horizontal",s=this.variant==="success"?"--_icon-color: var(--md-sys-color-on-success-container);":this.variant==="error"?"--_icon-color: var(--md-sys-color-on-error-container);":this.variant==="warning"?"--_icon-color: var(--md-sys-color-on-warning-container);":"--_icon-color: var(--md-sys-color-on-info-container);";return a`
+import{a as p,n as o,i as d,x as a,t as f}from"../../vendor/vendor.js";import"../../vendor/vendor-material.js";import"../scb-icon-button/scb-icon-button.js";import"../../vendor/preload-helper.js";(function(){try{var t=typeof globalThis<"u"?globalThis:window;if(!t.__scb_ce_guard_installed__){t.__scb_ce_guard_installed__=!0;var n=customElements.define.bind(customElements);customElements.define=function(r,l,s){try{customElements.get(r)||n(r,l,s)}catch(h){var c=String(h||"");if(c.indexOf("already been used")===-1&&c.indexOf("NotSupportedError")===-1)throw h}}}}catch{}})();var g=Object.defineProperty,m=Object.getOwnPropertyDescriptor,e=(t,n,r,l)=>{for(var s=l>1?void 0:l?m(n,r):n,c=t.length-1,h;c>=0;c--)(h=t[c])&&(s=(l?h(n,r,s):h(s))||s);return l&&s&&g(n,r,s),s};let i=class extends d{constructor(){super(...arguments),this.variant="success",this.direction="horizontal",this.title="",this.subtitle="",this.supportingText="",this.open=!1,this.linkText="",this.linkHref="#",this.showIcon=!1,this.showCloseButton=!1,this.sizing="stretch",this.width="",this.maxWidth="",this.height="",this.maxHeight="",this.fullHeight=!1,this.fullWidth=!1,this.spacing="",this.spacingTop="",this.spacingBottom="",this._closeNotification=()=>{this.open=!1;const t=new CustomEvent("close",{detail:{open:this.open},bubbles:!0,composed:!0});this.dispatchEvent(t)}}_iconForVariant(){switch(this.variant){case"success":return"check_circle";case"error":return"error";case"warning":return"warning";case"info":default:return"info"}}__resolveSpacingToken(t){const n=(t??"").trim();return n?/^(?:[0-9]|1[0-4])$/.test(n)?`var(--spacing-${n})`:n:""}__applySpacing(){const t=this.__resolveSpacingToken(this.spacingTop||this.spacing),n=this.__resolveSpacingToken(this.spacingBottom||this.spacing);t?this.style.marginBlockStart=t:this.style.removeProperty("margin-block-start"),n?this.style.marginBlockEnd=n:this.style.removeProperty("margin-block-end")}updated(t){super.updated(t),t.has("width")&&(this.width&&this.width.trim()!==""?this.style.inlineSize=this.width:this.style.removeProperty("inline-size")),t.has("maxWidth")&&(this.maxWidth&&this.maxWidth.trim()!==""?this.style.maxInlineSize=this.maxWidth:this.style.removeProperty("max-inline-size")),t.has("height")&&(this.height&&this.height.trim()!==""?this.style.blockSize=this.height:this.style.removeProperty("block-size")),t.has("maxHeight")&&(this.maxHeight&&this.maxHeight.trim()!==""?this.style.maxBlockSize=this.maxHeight:this.style.removeProperty("max-block-size")),(t.has("spacing")||t.has("spacingTop")||t.has("spacingBottom"))&&this.__applySpacing()}render(){const t=this.direction==="vertical"?"vertical":"horizontal",n=this.variant==="success"?"--_icon-color: var(--md-sys-color-on-success-container);":this.variant==="error"?"--_icon-color: var(--md-sys-color-on-error-container);":this.variant==="warning"?"--_icon-color: var(--md-sys-color-on-warning-container);":"--_icon-color: var(--md-sys-color-on-info-container);";return a`
       <div
         class="notification"
         type=${this.variant}
@@ -6,7 +6,7 @@ import{a as d,n as e,i as p,x as a,t as f}from"../../vendor/vendor.js";import"..
         aria-live="assertive"
         aria-atomic="true"
       >
-        <div class="notification-main ${o}">
+        <div class="notification-main ${t}">
           ${this.showIcon?a`
                 <div class="notification-leading-icon">
                   <md-icon aria-hidden="true">
@@ -36,7 +36,7 @@ import{a as d,n as e,i as p,x as a,t as f}from"../../vendor/vendor.js";import"..
                 <scb-icon-button
                   aria-label="Stäng meddelande"
                   icon="close"
-                  style=${s}
+                  style=${n}
                   @click=${this._closeNotification}
                 >
                 </scb-icon-button>
@@ -44,7 +44,7 @@ import{a as d,n as e,i as p,x as a,t as f}from"../../vendor/vendor.js";import"..
             `:null}
       </div>
       <md-focus-ring></md-focus-ring>
-    `}};t.styles=[d`
+    `}};i.styles=[p`
       :host {
         display: block;
         position: relative;
@@ -294,4 +294,4 @@ import{a as d,n as e,i as p,x as a,t as f}from"../../vendor/vendor.js";import"..
           box-shadow: 0 0 0 2px var(--md-sys-color-primary, #1976d2);
         }
       }
-    `];i([e({type:String})],t.prototype,"variant",2);i([e({type:String,reflect:!0})],t.prototype,"direction",2);i([e({type:String})],t.prototype,"title",2);i([e({type:String})],t.prototype,"subtitle",2);i([e({type:String,attribute:"supporting-text"})],t.prototype,"supportingText",2);i([e({type:Boolean,reflect:!0})],t.prototype,"open",2);i([e({type:String,attribute:"link-text"})],t.prototype,"linkText",2);i([e({type:String,attribute:"link-href"})],t.prototype,"linkHref",2);i([e({type:Boolean,attribute:"show-icon"})],t.prototype,"showIcon",2);i([e({type:Boolean,attribute:"show-close-button"})],t.prototype,"showCloseButton",2);i([e({type:String,reflect:!0})],t.prototype,"sizing",2);i([e({type:String,reflect:!0})],t.prototype,"width",2);i([e({type:String,reflect:!0,attribute:"max-width"})],t.prototype,"maxWidth",2);i([e({type:String,reflect:!0})],t.prototype,"height",2);i([e({type:String,reflect:!0,attribute:"max-height"})],t.prototype,"maxHeight",2);i([e({type:Boolean,reflect:!0,attribute:"full-height"})],t.prototype,"fullHeight",2);i([e({type:Boolean,reflect:!0,attribute:"full-width"})],t.prototype,"fullWidth",2);t=i([f("scb-notification-card")],t);
+    `];e([o({type:String})],i.prototype,"variant",2);e([o({type:String,reflect:!0})],i.prototype,"direction",2);e([o({type:String})],i.prototype,"title",2);e([o({type:String})],i.prototype,"subtitle",2);e([o({type:String,attribute:"supporting-text"})],i.prototype,"supportingText",2);e([o({type:Boolean,reflect:!0})],i.prototype,"open",2);e([o({type:String,attribute:"link-text"})],i.prototype,"linkText",2);e([o({type:String,attribute:"link-href"})],i.prototype,"linkHref",2);e([o({type:Boolean,attribute:"show-icon"})],i.prototype,"showIcon",2);e([o({type:Boolean,attribute:"show-close-button"})],i.prototype,"showCloseButton",2);e([o({type:String,reflect:!0})],i.prototype,"sizing",2);e([o({type:String,reflect:!0})],i.prototype,"width",2);e([o({type:String,reflect:!0,attribute:"max-width"})],i.prototype,"maxWidth",2);e([o({type:String,reflect:!0})],i.prototype,"height",2);e([o({type:String,reflect:!0,attribute:"max-height"})],i.prototype,"maxHeight",2);e([o({type:Boolean,reflect:!0,attribute:"full-height"})],i.prototype,"fullHeight",2);e([o({type:Boolean,reflect:!0,attribute:"full-width"})],i.prototype,"fullWidth",2);e([o({type:String})],i.prototype,"spacing",2);e([o({type:String,attribute:"spacing-top"})],i.prototype,"spacingTop",2);e([o({type:String,attribute:"spacing-bottom"})],i.prototype,"spacingBottom",2);i=e([f("scb-notification-card")],i);