scb-wc-test 0.1.160 → 0.1.162

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

@@ -1,4 +1,4 @@
-import{a as g,n as s,i as v,E as p,x as l,t as u}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(o,a,n){try{customElements.get(o)||e(o,a,n)}catch(d){var c=String(d||"");if(c.indexOf("already been used")===-1&&c.indexOf("NotSupportedError")===-1)throw d}}}}catch{}})();var h=Object.defineProperty,m=Object.getOwnPropertyDescriptor,r=(t,e,o,a)=>{for(var n=a>1?void 0:a?m(e,o):e,c=t.length-1,d;c>=0;c--)(d=t[c])&&(n=(a?d(e,o,n):d(n))||n);return a&&n&&h(e,o,n),n};let i=class extends v{constructor(){super(...arguments),this.open=!1,this.title="",this.content="",this.overline="",this.supportingText="",this.leading=!1,this.leadingVariant="",this.leadingIcon="",this.imgHrefImage="",this.avatarLabel="",this.avatarAlt="",this.avatarVariant="icon",this.avatarSrc="",this.density=0,this._unique=i._uid(),this._onToggle=t=>{const e=t.currentTarget;this.open=!!e.open;const o=this.closest("scb-accordion");this.open&&o&&!o.hasAttribute("detached")&&o.querySelectorAll("scb-accordion-item").forEach(n=>{n!==this&&n.setOpen(!1)}),this._applyInertByOpen()}}static _uid(){return globalThis.crypto?.randomUUID?.()??`${i._uidPrefix}-${++i._uidSeq}`}firstUpdated(){this._applyInertByOpen()}_applyInertByOpen(){const t=this.renderRoot.querySelector(".scb-accordion-bottom"),e=this.renderRoot.querySelector("details");!t||!e||(e.open?(t.removeAttribute("inert"),t.setAttribute("aria-hidden","false")):(t.setAttribute("inert",""),t.setAttribute("aria-hidden","true")))}_onKeyDown(t){const e=this.closest("scb-accordion"),a=Array.from(e?.querySelectorAll("scb-accordion-item")||[]).map(d=>d.renderRoot.querySelector("details")?.querySelector(".scb-accordion-top")||null).filter(d=>!!d),n=t.currentTarget,c=a.indexOf(n);switch(t.key){case"ArrowDown":t.preventDefault(),c<a.length-1&&a[c+1].focus();break;case"ArrowUp":t.preventDefault(),c>0&&a[c-1].focus();break;case"Home":t.preventDefault(),a.length&&a[0].focus();break;case"End":t.preventDefault(),a.length&&a[a.length-1].focus();break}}setOpen(t){this.open=!!t;const e=this.renderRoot.querySelector("details");e&&(e.open=this.open),this._applyInertByOpen()}updated(t){if(t.has("open")){const e=this.renderRoot.querySelector("details");e&&e.open!==this.open&&(e.open=this.open),this._applyInertByOpen(),this.dispatchEvent(new CustomEvent("open-changed",{detail:{open:this.open,title:this.title},bubbles:!0,composed:!0}))}}render(){const t=`bottom-${this._unique}`,e=`header-${this._unique}`,o=this.leading?this.leadingVariant==="image"&&this.imgHrefImage?l`<img part="leading-image" class="img" src="${this.imgHrefImage}" alt="" />`:this.leadingVariant==="avatar"?l`
+import{a as g,n as s,i as v,E as p,x as l,t as u}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(o,a,n){try{customElements.get(o)||e(o,a,n)}catch(d){var c=String(d||"");if(c.indexOf("already been used")===-1&&c.indexOf("NotSupportedError")===-1)throw d}}}}catch{}})();var h=Object.defineProperty,b=Object.getOwnPropertyDescriptor,r=(t,e,o,a)=>{for(var n=a>1?void 0:a?b(e,o):e,c=t.length-1,d;c>=0;c--)(d=t[c])&&(n=(a?d(e,o,n):d(n))||n);return a&&n&&h(e,o,n),n};let i=class extends v{constructor(){super(...arguments),this.open=!1,this.title="",this.content="",this.overline="",this.supportingText="",this.leading=!1,this.leadingVariant="",this.leadingIcon="",this.imgHrefImage="",this.avatarLabel="",this.avatarAlt="",this.avatarVariant="icon",this.avatarSrc="",this.density=0,this._unique=i._uid(),this._onToggle=t=>{const e=t.currentTarget;this.open=!!e.open;const o=this.closest("scb-accordion");this.open&&o&&!o.hasAttribute("detached")&&o.querySelectorAll("scb-accordion-item").forEach(n=>{n!==this&&n.setOpen(!1)}),this._applyInertByOpen()}}static _uid(){return globalThis.crypto?.randomUUID?.()??`${i._uidPrefix}-${++i._uidSeq}`}firstUpdated(){this._applyInertByOpen()}_applyInertByOpen(){const t=this.renderRoot.querySelector(".scb-accordion-bottom"),e=this.renderRoot.querySelector("details");!t||!e||(e.open?(t.removeAttribute("inert"),t.setAttribute("aria-hidden","false")):(t.setAttribute("inert",""),t.setAttribute("aria-hidden","true")))}_onKeyDown(t){const e=this.closest("scb-accordion"),a=Array.from(e?.querySelectorAll("scb-accordion-item")||[]).map(d=>d.renderRoot.querySelector("details")?.querySelector(".scb-accordion-top")||null).filter(d=>!!d),n=t.currentTarget,c=a.indexOf(n);switch(t.key){case"ArrowDown":t.preventDefault(),c<a.length-1&&a[c+1].focus();break;case"ArrowUp":t.preventDefault(),c>0&&a[c-1].focus();break;case"Home":t.preventDefault(),a.length&&a[0].focus();break;case"End":t.preventDefault(),a.length&&a[a.length-1].focus();break}}setOpen(t){this.open=!!t;const e=this.renderRoot.querySelector("details");e&&(e.open=this.open),this._applyInertByOpen()}updated(t){if(t.has("open")){const e=this.renderRoot.querySelector("details");e&&e.open!==this.open&&(e.open=this.open),this._applyInertByOpen(),this.dispatchEvent(new CustomEvent("open-changed",{detail:{open:this.open,title:this.title},bubbles:!0,composed:!0}))}}render(){const t=`bottom-${this._unique}`,e=`header-${this._unique}`,o=this.leading?this.leadingVariant==="image"&&this.imgHrefImage?l`<img part="leading-image" class="img" src="${this.imgHrefImage}" alt="" />`:this.leadingVariant==="avatar"?l`
               <scb-avatar
                 label=${this.avatarLabel}
                 alt=${this.avatarAlt}
@@ -42,7 +42,7 @@ import{a as g,n as s,i as v,E as p,x as l,t as u}from"../../vendor/vendor.js";im
         position: relative;
         --scb-accordion-hover-radius: var(--radius-none, 0px);
         --scb-accordion-chevron-nudge-y: 3px;
-        --scb-accordion-transition-duration: var(--motion-duration-medium, 150ms);
+        --scb-accordion-transition-duration: var(--motion-duration-short, 150ms);
         --scb-accordion-transition-easing: var(--motion-easing-emphasized-accelerate, var(--motion-easing-emphasized, cubic-bezier(.69,.16,.2,.98)));
         --scb-accordion-panel-padding-closed: var(--spacing-0, 0px);
       }
@@ -188,7 +188,7 @@ import{a as g,n as s,i as v,E as p,x as l,t as u}from"../../vendor/vendor.js";im
       .chevron {
         margin-left: auto;
         padding-top: var(--scb-accordion-chevron-nudge-y, 3px);
-        transition: transform var(--motion-duration-medium, var(--scb-accordion-transition-duration)) var(--motion-easing-standard, var(--scb-accordion-transition-easing));
+        transition: transform var(--motion-duration-short, var(--scb-accordion-transition-duration)) var(--motion-easing-standard, var(--scb-accordion-transition-easing));
       }
       details[open] .chevron { transform: rotate(180deg); }
 

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

@@ -1,22 +1,24 @@
-import{a as v,n as d,i as y,E as C,x as g,t as k}from"../../vendor/vendor.js";import"./scb-accordion-item.js";import"../scb-button/scb-button.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(s,c,n){try{customElements.get(s)||e(s,c,n)}catch(l){var r=String(l||"");if(r.indexOf("already been used")===-1&&r.indexOf("NotSupportedError")===-1)throw l}}}}catch{}})();var S=Object.defineProperty,w=Object.getOwnPropertyDescriptor,u=t=>{throw TypeError(t)},p=(t,e,s,c)=>{for(var n=c>1?void 0:c?w(e,s):e,r=t.length-1,l;r>=0;r--)(l=t[r])&&(n=(c?l(e,s,n):l(n))||n);return c&&n&&S(e,s,n),n},A=(t,e,s)=>e.has(t)||u("Cannot "+s),O=(t,e,s)=>e.has(t)?u("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(t):e.set(t,s),a=(t,e,s)=>(A(t,e,"access private method"),s),o,b,_,h,m,f;let i=class extends y{constructor(){super(...arguments),O(this,o),this.detached=!1,this.showCloseAll=!1,this.spacing="",this.spacingTop="",this.spacingBottom=""}connectedCallback(){super.connectedCallback(),this.addEventListener("open-changed",a(this,o,h))}disconnectedCallback(){this.removeEventListener("open-changed",a(this,o,h)),super.disconnectedCallback()}render(){const t=this.detached&&this.showCloseAll,e=t?a(this,o,b).call(this):!1;return g`
+import{a as v,n as l,i as _,E as S,x as f,t as k}from"../../vendor/vendor.js";import"./scb-accordion-item.js";import"../scb-button/scb-button.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(s,a,i){try{customElements.get(s)||e(s,a,i)}catch(h){var p=String(h||"");if(p.indexOf("already been used")===-1&&p.indexOf("NotSupportedError")===-1)throw h}}}}catch{}})();var C=Object.defineProperty,w=Object.getOwnPropertyDescriptor,u=t=>{throw TypeError(t)},o=(t,e,s,a)=>{for(var i=a>1?void 0:a?w(e,s):e,p=t.length-1,h;p>=0;p--)(h=t[p])&&(i=(a?h(e,s,i):h(i))||i);return a&&i&&C(e,s,i),i},A=(t,e,s)=>e.has(t)||u("Cannot "+s),T=(t,e,s)=>e.has(t)?u("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(t):e.set(t,s),r=(t,e,s)=>(A(t,e,"access private method"),s),c,b,y,d,m,g;let n=class extends _{constructor(){super(...arguments),T(this,c),this.detached=!1,this.showCloseAll=!1,this.spacing="",this.spacingTop="",this.spacingBottom="",this.spacingLeft="",this.spacingRight=""}connectedCallback(){super.connectedCallback(),this.addEventListener("open-changed",r(this,c,d))}disconnectedCallback(){this.removeEventListener("open-changed",r(this,c,d)),super.disconnectedCallback()}render(){const t=this.detached&&this.showCloseAll,e=t?r(this,c,b).call(this):!1;return f`
       <div class="scb-accordion" ?detached=${this.detached}>
-        ${t?g`
+        ${t?f`
               <div class="scb-accordion-actions" role="toolbar" aria-label="Accordionkontroller">
                 <scb-button
                   variant="text"
                   label=${e?"Stäng alla":"Öppna alla"}
-                  @click=${a(this,o,_)}
+                  @click=${r(this,c,y)}
                 ></scb-button>
               </div>
-            `:C}
+            `:S}
 
-        <slot @slotchange=${a(this,o,m)}></slot>
+        <slot @slotchange=${r(this,c,m)}></slot>
       </div>
-    `}firstUpdated(){a(this,o,f).call(this)}updated(t){(t.has("spacing")||t.has("spacingTop")||t.has("spacingBottom"))&&a(this,o,f).call(this),(t.has("detached")||t.has("showCloseAll"))&&this.requestUpdate()}_getDirectItems(){return Array.from(this.children).filter(t=>t.tagName==="SCB-ACCORDION-ITEM")}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}};o=new WeakSet;b=function(){const t=this._getDirectItems();return t.length>0&&t.every(e=>e.open)};_=function(){if(!this.detached||!this.showCloseAll)return;const t=this._getDirectItems(),e=t.length>0&&t.every(s=>s.open);t.forEach(s=>s.setOpen(!e))};h=function(){!this.detached||!this.showCloseAll||this.requestUpdate()};m=function(){!this.detached||!this.showCloseAll||this.requestUpdate()};f=function(){const t=this.mapSpacingToken(this.spacing),e=this.mapSpacingToken(this.spacingTop)??t,s=this.mapSpacingToken(this.spacingBottom)??t;e?this.style.setProperty("--scb-accordion-spacing-block-start",e):this.style.removeProperty("--scb-accordion-spacing-block-start"),s?this.style.setProperty("--scb-accordion-spacing-block-end",s):this.style.removeProperty("--scb-accordion-spacing-block-end")};i.styles=v`
+    `}firstUpdated(){r(this,c,g).call(this)}updated(t){(t.has("spacing")||t.has("spacingTop")||t.has("spacingBottom")||t.has("spacingLeft")||t.has("spacingRight"))&&r(this,c,g).call(this),(t.has("detached")||t.has("showCloseAll"))&&this.requestUpdate()}_getDirectItems(){return Array.from(this.children).filter(t=>t.tagName==="SCB-ACCORDION-ITEM")}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}};c=new WeakSet;b=function(){const t=this._getDirectItems();return t.length>0&&t.every(e=>e.open)};y=function(){if(!this.detached||!this.showCloseAll)return;const t=this._getDirectItems(),e=t.length>0&&t.every(s=>s.open);t.forEach(s=>s.setOpen(!e))};d=function(){!this.detached||!this.showCloseAll||this.requestUpdate()};m=function(){!this.detached||!this.showCloseAll||this.requestUpdate()};g=function(){const t=this.mapSpacingToken(this.spacing),e=this.mapSpacingToken(this.spacingTop)??t,s=this.mapSpacingToken(this.spacingBottom)??t,a=this.mapSpacingToken(this.spacingLeft),i=this.mapSpacingToken(this.spacingRight);e?this.style.setProperty("--scb-accordion-spacing-block-start",e):this.style.removeProperty("--scb-accordion-spacing-block-start"),s?this.style.setProperty("--scb-accordion-spacing-block-end",s):this.style.removeProperty("--scb-accordion-spacing-block-end"),a?this.style.setProperty("--scb-accordion-spacing-inline-start",a):this.style.removeProperty("--scb-accordion-spacing-inline-start"),i?this.style.setProperty("--scb-accordion-spacing-inline-end",i):this.style.removeProperty("--scb-accordion-spacing-inline-end")};n.styles=v`
     :host {
       display: block;
       margin-block-start: var(--scb-accordion-spacing-block-start, 0);
       margin-block-end: var(--scb-accordion-spacing-block-end, 0);
+      margin-inline-start: var(--scb-accordion-spacing-inline-start, 0);
+      margin-inline-end: var(--scb-accordion-spacing-inline-end, 0);
     }
 
     .scb-accordion-actions {
@@ -26,4 +28,4 @@ import{a as v,n as d,i as y,E as C,x as g,t as k}from"../../vendor/vendor.js";im
       padding-block-start: var(--spacing-2, 4px);
       padding-block-end: var(--spacing-2, 4px);
     }
-  `;p([d({type:Boolean,reflect:!0})],i.prototype,"detached",2);p([d({type:Boolean,attribute:"show-close-all",reflect:!0})],i.prototype,"showCloseAll",2);p([d({type:String,reflect:!0})],i.prototype,"spacing",2);p([d({type:String,attribute:"spacing-top",reflect:!0})],i.prototype,"spacingTop",2);p([d({type:String,attribute:"spacing-bottom",reflect:!0})],i.prototype,"spacingBottom",2);i=p([k("scb-accordion")],i);
+  `;o([l({type:Boolean,reflect:!0})],n.prototype,"detached",2);o([l({type:Boolean,attribute:"show-close-all",reflect:!0})],n.prototype,"showCloseAll",2);o([l({type:String,reflect:!0})],n.prototype,"spacing",2);o([l({type:String,attribute:"spacing-top",reflect:!0})],n.prototype,"spacingTop",2);o([l({type:String,attribute:"spacing-bottom",reflect:!0})],n.prototype,"spacingBottom",2);o([l({type:String,attribute:"spacing-left",reflect:!0})],n.prototype,"spacingLeft",2);o([l({type:String,attribute:"spacing-right",reflect:!0})],n.prototype,"spacingRight",2);n=o([k("scb-accordion")],n);

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

@@ -1,4 +1,4 @@
-import{a as h,n as d,i as c,x as r,t as m}from"../../vendor/vendor.js";import"../scb-icon-button/scb-icon-button.js";import"../scb-search/scb-search.js";import"../scb-avatar/scb-avatar.js";import"../../vendor/preload-helper.js";import"../scb-tooltip/scb-tooltip.js";import"../scb-button/scb-button.js";import"../../vendor/vendor-material.js";import"../scb-list/scb-list.js";import"../scb-list/scb-list-item.js";(function(){try{var e=typeof globalThis<"u"?globalThis:window;if(!e.__scb_ce_guard_installed__){e.__scb_ce_guard_installed__=!0;var s=customElements.define.bind(customElements);customElements.define=function(a,t,i){try{customElements.get(a)||s(a,t,i)}catch(o){var n=String(o||"");if(n.indexOf("already been used")===-1&&n.indexOf("NotSupportedError")===-1)throw o}}}}catch{}})();var g=Object.defineProperty,f=Object.getOwnPropertyDescriptor,p=(e,s,a,t)=>{for(var i=t>1?void 0:t?f(s,a):s,n=e.length-1,o;n>=0;n--)(o=e[n])&&(i=(t?o(s,a,i):o(i))||i);return t&&i&&g(s,a,i),i};let l=class extends c{constructor(){super(...arguments),this.title="",this.type="default",this.position="default",this.searchSupportingText=""}handleAvatarSlotChange(e){e.target.assignedElements({flatten:!0}).forEach(t=>{t.tagName==="SCB-AVATAR"&&t.setAttribute("size","small")})}updated(e){e.has("title")&&this.dispatchEvent(new CustomEvent("title-changed",{detail:{title:this.title},bubbles:!0,composed:!0})),e.has("position")&&this.dispatchEvent(new CustomEvent("position-changed",{detail:{position:this.position},bubbles:!0,composed:!0})),e.has("type")&&this.dispatchEvent(new CustomEvent("type-changed",{detail:{type:this.type},bubbles:!0,composed:!0})),e.has("searchSupportingText")&&this.dispatchEvent(new CustomEvent("search-supporting-text-changed",{detail:{searchSupportingText:this.searchSupportingText},bubbles:!0,composed:!0}))}render(){switch(this.type){case"small-flexible":return r`
+import{a as b,n as o,i as f,x as c,t as v}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"../scb-tooltip/scb-tooltip.js";import"../scb-button/scb-button.js";import"../../vendor/vendor-material.js";import"../scb-list/scb-list.js";import"../scb-list/scb-list-item.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,a,s){try{customElements.get(i)||e(i,a,s)}catch(p){var l=String(p||"");if(l.indexOf("already been used")===-1&&l.indexOf("NotSupportedError")===-1)throw p}}}}catch{}})();var u=Object.defineProperty,y=Object.getOwnPropertyDescriptor,m=t=>{throw TypeError(t)},r=(t,e,i,a)=>{for(var s=a>1?void 0:a?y(e,i):e,l=t.length-1,p;l>=0;l--)(p=t[l])&&(s=(a?p(e,i,s):p(s))||s);return a&&s&&u(e,i,s),s},x=(t,e,i)=>e.has(t)||m("Cannot "+i),S=(t,e,i)=>e.has(t)?m("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(t):e.set(t,i),g=(t,e,i)=>(x(t,e,"access private method"),i),h,d;let n=class extends f{constructor(){super(...arguments),S(this,h),this.title="",this.type="default",this.position="default",this.searchSupportingText="",this.spacing="",this.spacingTop="",this.spacingBottom="",this.spacingLeft="",this.spacingRight=""}handleAvatarSlotChange(t){t.target.assignedElements({flatten:!0}).forEach(a=>{a.tagName==="SCB-AVATAR"&&a.setAttribute("size","small")})}firstUpdated(){g(this,h,d).call(this)}updated(t){t.has("title")&&this.dispatchEvent(new CustomEvent("title-changed",{detail:{title:this.title},bubbles:!0,composed:!0})),t.has("position")&&this.dispatchEvent(new CustomEvent("position-changed",{detail:{position:this.position},bubbles:!0,composed:!0})),t.has("type")&&this.dispatchEvent(new CustomEvent("type-changed",{detail:{type:this.type},bubbles:!0,composed:!0})),t.has("searchSupportingText")&&this.dispatchEvent(new CustomEvent("search-supporting-text-changed",{detail:{searchSupportingText:this.searchSupportingText},bubbles:!0,composed:!0})),(t.has("spacing")||t.has("spacingTop")||t.has("spacingBottom")||t.has("spacingLeft")||t.has("spacingRight"))&&g(this,h,d).call(this)}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}render(){switch(this.type){case"small-flexible":return c`
                     <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>
@@ -9,7 +9,7 @@ import{a as h,n as d,i as c,x as r,t as m}from"../../vendor/vendor.js";import"..
                             <slot name="avatar" @slotchange=${this.handleAvatarSlotChange}></slot>
                         </div>
                     </header>
-                `;case"medium-flexible":return r`
+                `;case"medium-flexible":return c`
                     <header class="medium-flexible ${this.position=="bottom"?"position-bottom":this.position=="top"?"position-top":""}" role="banner" aria-label="Medium flexible app bar">
                         <div class="action-elements">
                             <div>
@@ -22,7 +22,7 @@ import{a as h,n as d,i as c,x as r,t as m}from"../../vendor/vendor.js";import"..
                         </div>
                         <h1 class="headline">${this.title}</h1>
                     </header>
-                `;case"large-flexible":return r`
+                `;case"large-flexible":return c`
                     <header class="large-flexible ${this.position=="bottom"?"position-bottom":this.position=="top"?"position-top":""}" role="banner" aria-label="Large flexible app bar">
                         <div class="action-elements">
                             <div style="">
@@ -35,7 +35,7 @@ import{a as h,n as d,i as c,x as r,t as m}from"../../vendor/vendor.js";import"..
                         </div>
                         <h1 class="headline">${this.title}</h1>
                     </header>
-                `;case"search":return r`
+                `;case"search":return c`
                     <header class="search ${this.position=="bottom"?"position-bottom":this.position=="top"?"position-top":""}" role="banner" aria-label="Search app bar">
                         <div class="leading">
                             <slot name="leading"></slot>
@@ -48,7 +48,7 @@ import{a as h,n as d,i as c,x as r,t as m}from"../../vendor/vendor.js";import"..
                             <slot name="avatar" @slotchange=${this.handleAvatarSlotChange}></slot>
                         </div>
                     </header>
-                `;default:return r`
+                `;default:return c`
                     <header class="default ${this.position=="bottom"?"position-bottom":this.position=="top"?"position-top":""}" role="banner" aria-label="Small app bar">
                         <div class="leading">
                             <slot name="leading"></slot>
@@ -59,7 +59,7 @@ import{a as h,n as d,i as c,x as r,t as m}from"../../vendor/vendor.js";import"..
                             <slot name="avatar" @slotchange=${this.handleAvatarSlotChange}></slot>
                         </div>
                     </header>
-                `}}};l.styles=[h`
+                `}}};h=new WeakSet;d=function(){const t=this.mapSpacingToken(this.spacing),e=this.mapSpacingToken(this.spacingTop)??t,i=this.mapSpacingToken(this.spacingBottom)??t,a=this.mapSpacingToken(this.spacingLeft),s=this.mapSpacingToken(this.spacingRight);e?this.style.setProperty("--scb-app-bar-spacing-block-start",e):this.style.removeProperty("--scb-app-bar-spacing-block-start"),i?this.style.setProperty("--scb-app-bar-spacing-block-end",i):this.style.removeProperty("--scb-app-bar-spacing-block-end"),a?this.style.setProperty("--scb-app-bar-spacing-inline-start",a):this.style.removeProperty("--scb-app-bar-spacing-inline-start"),s?this.style.setProperty("--scb-app-bar-spacing-inline-end",s):this.style.removeProperty("--scb-app-bar-spacing-inline-end")};n.styles=[b`
             :host {
                 display: block;
                 font-family: var(--brand, Inter);
@@ -67,6 +67,10 @@ import{a as h,n as d,i as c,x as r,t as m}from"../../vendor/vendor.js";import"..
                 container-type: inline-size;
                 container-name: app-bar-container;
                 --app-search-height: 64px;
+                margin-block-start: var(--scb-app-bar-spacing-block-start, 0);
+                margin-block-end: var(--scb-app-bar-spacing-block-end, 0);
+                margin-inline-start: var(--scb-app-bar-spacing-inline-start, 0);
+                margin-inline-end: var(--scb-app-bar-spacing-inline-end, 0);
             }
             header {
                 background: var(--md-sys-color-surface-container);
@@ -156,4 +160,4 @@ import{a as h,n as d,i as c,x as r,t as m}from"../../vendor/vendor.js";import"..
                 display: flex;
                 align-items: center;
             }
-        `];p([d({type:String,reflect:!0})],l.prototype,"title",2);p([d({type:String,reflect:!0})],l.prototype,"type",2);p([d({type:String,reflect:!0})],l.prototype,"position",2);p([d({type:String,attribute:"search-supporting-text",reflect:!0})],l.prototype,"searchSupportingText",2);l=p([m("scb-app-bar")],l);
+        `];r([o({type:String,reflect:!0})],n.prototype,"title",2);r([o({type:String,reflect:!0})],n.prototype,"type",2);r([o({type:String,reflect:!0})],n.prototype,"position",2);r([o({type:String,attribute:"search-supporting-text",reflect:!0})],n.prototype,"searchSupportingText",2);r([o({type:String,reflect:!0})],n.prototype,"spacing",2);r([o({type:String,attribute:"spacing-top",reflect:!0})],n.prototype,"spacingTop",2);r([o({type:String,attribute:"spacing-bottom",reflect:!0})],n.prototype,"spacingBottom",2);r([o({type:String,attribute:"spacing-left",reflect:!0})],n.prototype,"spacingLeft",2);r([o({type:String,attribute:"spacing-right",reflect:!0})],n.prototype,"spacingRight",2);n=r([v("scb-app-bar")],n);

package/mvc/components/scb-avatar/scb-avatar.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{_ as g}from"../../vendor/preload-helper.js";import{a as f,n as o,r as v,i as b,E as h,x as c,t as y}from"../../vendor/vendor.js";(function(){try{var t=typeof globalThis<"u"?globalThis:window;if(!t.__scb_ce_guard_installed__){t.__scb_ce_guard_installed__=!0;var i=customElements.define.bind(customElements);customElements.define=function(e,s,n){try{customElements.get(e)||i(e,s,n)}catch(p){var l=String(p||"");if(l.indexOf("already been used")===-1&&l.indexOf("NotSupportedError")===-1)throw p}}}}catch{}})();var z=Object.defineProperty,S=Object.getOwnPropertyDescriptor,u=t=>{throw TypeError(t)},r=(t,i,e,s)=>{for(var n=s>1?void 0:s?S(i,e):i,l=t.length-1,p;l>=0;l--)(p=t[l])&&(n=(s?p(i,e,n):p(n))||n);return s&&n&&z(i,e,n),n},k=(t,i,e)=>i.has(t)||u("Cannot "+e),x=(t,i,e)=>i.has(t)?u("Cannot add the same private member more than once"):i instanceof WeakSet?i.add(t):i.set(t,e),_=(t,i,e)=>(k(t,i,"access private method"),e),d,m;let a=class extends b{constructor(){super(...arguments),x(this,d),this.src="",this.alt="",this.label="",this.size="medium",this.shape="circular",this.iconName="",this.variant="image",this.spacing="",this.spacingTop="",this.spacingBottom="",this._imgError=!1,this._hasIconSlot=!1,this._onImgLoad=()=>{this._imgError=!1,this.dispatchEvent(new CustomEvent("image-load",{bubbles:!0,composed:!0}))},this._onImgError=()=>{this._imgError=!0,this.dispatchEvent(new CustomEvent("image-error",{bubbles:!0,composed:!0}))},this._onIconSlotChange=t=>{const i=t.currentTarget;this._hasIconSlot=(i.assignedNodes({flatten:!0})||[]).length>0}}async firstUpdated(){this.variant==="icon"&&await g(()=>import("../../vendor/vendor-material.js").then(t=>t.i),__vite__mapDeps([0,1]),import.meta.url),_(this,d,m).call(this)}updated(t){super.updated(t),t.has("variant")&&this.variant==="icon"&&g(()=>import("../../vendor/vendor-material.js").then(i=>i.i),__vite__mapDeps([0,1]),import.meta.url),(t.has("spacing")||t.has("spacingTop")||t.has("spacingBottom"))&&_(this,d,m).call(this)}_initials(){const t=(this.label||this.alt||"").trim();if(!t)return"?";const i=t.split(/\s+/).filter(Boolean);if(i.length===1)return i[0].slice(0,1).toUpperCase();const e=i[0].slice(0,1),s=i[i.length-1].slice(0,1);return(e+s).toUpperCase()}_ariaLabel(){const t=(this.label||this.alt||"").trim();return t||null}mapSpacingToken(t){if(!t)return;const i=String(t).trim();if(i)return/^\d+$/.test(i)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(i,10)))})`:i}render(){const t=this._ariaLabel(),i=this.variant==="image"&&!!this.src&&!this._imgError,e=c`${h}
+import{_ as m}from"../../vendor/preload-helper.js";import{a as f,n,r as _,i as b,E as h,x as c,t as y}from"../../vendor/vendor.js";(function(){try{var t=typeof globalThis<"u"?globalThis:window;if(!t.__scb_ce_guard_installed__){t.__scb_ce_guard_installed__=!0;var i=customElements.define.bind(customElements);customElements.define=function(e,r,o){try{customElements.get(e)||i(e,r,o)}catch(p){var l=String(p||"");if(l.indexOf("already been used")===-1&&l.indexOf("NotSupportedError")===-1)throw p}}}}catch{}})();var z=Object.defineProperty,S=Object.getOwnPropertyDescriptor,u=t=>{throw TypeError(t)},s=(t,i,e,r)=>{for(var o=r>1?void 0:r?S(i,e):i,l=t.length-1,p;l>=0;l--)(p=t[l])&&(o=(r?p(i,e,o):p(o))||o);return r&&o&&z(i,e,o),o},k=(t,i,e)=>i.has(t)||u("Cannot "+e),x=(t,i,e)=>i.has(t)?u("Cannot add the same private member more than once"):i instanceof WeakSet?i.add(t):i.set(t,e),v=(t,i,e)=>(k(t,i,"access private method"),e),g,d;let a=class extends b{constructor(){super(...arguments),x(this,g),this.src="",this.alt="",this.label="",this.size="medium",this.shape="circular",this.iconName="",this.variant="image",this.spacing="",this.spacingTop="",this.spacingBottom="",this.spacingLeft="",this.spacingRight="",this._imgError=!1,this._hasIconSlot=!1,this._onImgLoad=()=>{this._imgError=!1,this.dispatchEvent(new CustomEvent("image-load",{bubbles:!0,composed:!0}))},this._onImgError=()=>{this._imgError=!0,this.dispatchEvent(new CustomEvent("image-error",{bubbles:!0,composed:!0}))},this._onIconSlotChange=t=>{const i=t.currentTarget;this._hasIconSlot=(i.assignedNodes({flatten:!0})||[]).length>0}}async firstUpdated(){this.variant==="icon"&&await m(()=>import("../../vendor/vendor-material.js").then(t=>t.i),__vite__mapDeps([0,1]),import.meta.url),v(this,g,d).call(this)}updated(t){super.updated(t),t.has("variant")&&this.variant==="icon"&&m(()=>import("../../vendor/vendor-material.js").then(i=>i.i),__vite__mapDeps([0,1]),import.meta.url),(t.has("spacing")||t.has("spacingTop")||t.has("spacingBottom")||t.has("spacingLeft")||t.has("spacingRight"))&&v(this,g,d).call(this)}_initials(){const t=(this.label||this.alt||"").trim();if(!t)return"?";const i=t.split(/\s+/).filter(Boolean);if(i.length===1)return i[0].slice(0,1).toUpperCase();const e=i[0].slice(0,1),r=i[i.length-1].slice(0,1);return(e+r).toUpperCase()}_ariaLabel(){const t=(this.label||this.alt||"").trim();return t||null}mapSpacingToken(t){if(!t)return;const i=String(t).trim();if(i)return/^\d+$/.test(i)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(i,10)))})`:i}render(){const t=this._ariaLabel(),i=this.variant==="image"&&!!this.src&&!this._imgError,e=c`${h}
         <slot name="icon" @slotchange=${this._onIconSlotChange}></slot>
         ${this._hasIconSlot?h:this.iconName?c`<md-icon aria-hidden="true">${this.iconName}</md-icon>`:c`<div class="fallback" part="fallback">${this._initials()}</div>`}
-      `,s=i?c`<img
+      `,r=i?c`<img
                 class="photo"
                 part="image"
                 src=${this.src}
@@ -14,14 +14,16 @@ import{_ as g}from"../../vendor/preload-helper.js";import{a as f,n as o,r as v,i
             ${this._hasIconSlot?h:this.iconName?c`<md-icon aria-hidden="true">${this.iconName}</md-icon>`:c`<div class="fallback" part="fallback">${this._initials()}</div>`}
           `;return c`
       <div class="container" part="container" role="img" aria-label=${t??h}>
-        ${this.variant==="icon"?e:s}
+        ${this.variant==="icon"?e:r}
       </div>
-    `}};d=new WeakSet;m=function(){const t=this.mapSpacingToken(this.spacing),i=this.mapSpacingToken(this.spacingTop)??t,e=this.mapSpacingToken(this.spacingBottom)??t;i?this.style.setProperty("--scb-avatar-spacing-block-start",i):this.style.removeProperty("--scb-avatar-spacing-block-start"),e?this.style.setProperty("--scb-avatar-spacing-block-end",e):this.style.removeProperty("--scb-avatar-spacing-block-end")};a.styles=f`
+    `}};g=new WeakSet;d=function(){const t=this.mapSpacingToken(this.spacing),i=this.mapSpacingToken(this.spacingTop)??t,e=this.mapSpacingToken(this.spacingBottom)??t,r=this.mapSpacingToken(this.spacingLeft)??t,o=this.mapSpacingToken(this.spacingRight)??t;i?this.style.setProperty("--scb-avatar-spacing-block-start",i):this.style.removeProperty("--scb-avatar-spacing-block-start"),e?this.style.setProperty("--scb-avatar-spacing-block-end",e):this.style.removeProperty("--scb-avatar-spacing-block-end"),r?this.style.setProperty("--scb-avatar-spacing-inline-start",r):this.style.removeProperty("--scb-avatar-spacing-inline-start"),o?this.style.setProperty("--scb-avatar-spacing-inline-end",o):this.style.removeProperty("--scb-avatar-spacing-inline-end")};a.styles=f`
     :host {
       display: inline-block;
       vertical-align: middle;
       margin-block-start: var(--scb-avatar-spacing-block-start, 0);
       margin-block-end: var(--scb-avatar-spacing-block-end, 0);
+      margin-inline-start: var(--scb-avatar-spacing-inline-start, 0);
+      margin-inline-end: var(--scb-avatar-spacing-inline-end, 0);
 
       --_size: 40px;
       --_font-size: 16px;
@@ -105,4 +107,4 @@ import{_ as g}from"../../vendor/preload-helper.js";import{a as f,n as o,r as v,i
       outline-offset: 2px;
       border-radius: var(--_radius);
     }
-  `;r([o({type:String})],a.prototype,"src",2);r([o({type:String})],a.prototype,"alt",2);r([o({type:String})],a.prototype,"label",2);r([o({type:String,reflect:!0})],a.prototype,"size",2);r([o({type:String,reflect:!0})],a.prototype,"shape",2);r([o({type:String,attribute:"icon-name",reflect:!0})],a.prototype,"iconName",2);r([o({type:String,reflect:!0})],a.prototype,"variant",2);r([o({type:String,reflect:!0})],a.prototype,"spacing",2);r([o({type:String,attribute:"spacing-top",reflect:!0})],a.prototype,"spacingTop",2);r([o({type:String,attribute:"spacing-bottom",reflect:!0})],a.prototype,"spacingBottom",2);r([v()],a.prototype,"_imgError",2);r([v()],a.prototype,"_hasIconSlot",2);a=r([y("scb-avatar")],a);
+  `;s([n({type:String})],a.prototype,"src",2);s([n({type:String})],a.prototype,"alt",2);s([n({type:String})],a.prototype,"label",2);s([n({type:String,reflect:!0})],a.prototype,"size",2);s([n({type:String,reflect:!0})],a.prototype,"shape",2);s([n({type:String,attribute:"icon-name",reflect:!0})],a.prototype,"iconName",2);s([n({type:String,reflect:!0})],a.prototype,"variant",2);s([n({type:String,reflect:!0})],a.prototype,"spacing",2);s([n({type:String,attribute:"spacing-top",reflect:!0})],a.prototype,"spacingTop",2);s([n({type:String,attribute:"spacing-bottom",reflect:!0})],a.prototype,"spacingBottom",2);s([n({type:String,attribute:"spacing-left",reflect:!0})],a.prototype,"spacingLeft",2);s([n({type:String,attribute:"spacing-right",reflect:!0})],a.prototype,"spacingRight",2);s([_()],a.prototype,"_imgError",2);s([_()],a.prototype,"_hasIconSlot",2);a=s([y("scb-avatar")],a);

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

@@ -1,8 +1,10 @@
-import{n as p,t as u,i as f,a as g,x as d}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 s=customElements.define.bind(customElements);customElements.define=function(t,a,r){try{customElements.get(t)||s(t,a,r)}catch(o){var i=String(o||"");if(i.indexOf("already been used")===-1&&i.indexOf("NotSupportedError")===-1)throw o}}}}catch{}})();var y=Object.defineProperty,v=Object.getOwnPropertyDescriptor,h=e=>{throw TypeError(e)},c=(e,s,t,a)=>{for(var r=a>1?void 0:a?v(s,t):s,i=e.length-1,o;i>=0;i--)(o=e[i])&&(r=(a?o(s,t,r):o(r))||r);return a&&r&&y(s,t,r),r},_=(e,s,t)=>s.has(e)||h("Cannot "+t),w=(e,s,t)=>s.has(e)?h("Cannot add the same private member more than once"):s instanceof WeakSet?s.add(e):s.set(e,t),m=(e,s,t)=>(_(e,s,"access private method"),t),l,b;let n=class extends f{constructor(){super(...arguments),w(this,l),this.showAll=!1,this.spacing="",this.spacingTop="",this.spacingBottom=""}static get styles(){return g`
+import{n as l,t as u,i as g,a as f,x as d}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 t=customElements.define.bind(customElements);customElements.define=function(s,i,r){try{customElements.get(s)||t(s,i,r)}catch(o){var c=String(o||"");if(c.indexOf("already been used")===-1&&c.indexOf("NotSupportedError")===-1)throw o}}}}catch{}})();var y=Object.defineProperty,v=Object.getOwnPropertyDescriptor,m=e=>{throw TypeError(e)},n=(e,t,s,i)=>{for(var r=i>1?void 0:i?v(t,s):t,c=e.length-1,o;c>=0;c--)(o=e[c])&&(r=(i?o(t,s,r):o(r))||r);return i&&r&&y(t,s,r),r},_=(e,t,s)=>t.has(e)||m("Cannot "+s),w=(e,t,s)=>t.has(e)?m("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(e):t.set(e,s),h=(e,t,s)=>(_(e,t,"access private method"),s),p,b;let a=class extends g{constructor(){super(...arguments),w(this,p),this.showAll=!1,this.spacing="",this.spacingTop="",this.spacingBottom="",this.spacingLeft="",this.spacingRight=""}static get styles(){return f`
       :host {
         display: block;
         margin-block-start: var(--scb-breadcrumb-spacing-block-start, 0);
         margin-block-end: var(--scb-breadcrumb-spacing-block-end, 0);
+        margin-inline-start: var(--scb-breadcrumb-spacing-inline-start, 0);
+        margin-inline-end: var(--scb-breadcrumb-spacing-inline-end, 0);
       }
 
       .scb-breadcrumb {
@@ -72,9 +74,9 @@ import{n as p,t as u,i as f,a as g,x as d}from"../../vendor/vendor.js";import"./
           transform: translateY(0);
         }
       }
-    `}connectedCallback(){super.connectedCallback(),this._observer=new MutationObserver(()=>{this.requestUpdate()}),this._observer.observe(this,{childList:!0})}disconnectedCallback(){super.disconnectedCallback(),this._observer?.disconnect()}firstUpdated(){m(this,l,b).call(this)}updated(e){e.has("showAll")&&this.dispatchEvent(new CustomEvent("show-all-changed",{detail:{showAll:this.showAll},bubbles:!0,composed:!0})),(e.has("spacing")||e.has("spacingTop")||e.has("spacingBottom"))&&m(this,l,b).call(this)}mapSpacingToken(e){if(!e)return;const s=String(e).trim();if(s)return/^\d+$/.test(s)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(s,10)))})`:s}_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((s,t)=>{s.classList.add("breadcrumb-animate"),s.style.animationDelay=`${t*60}ms`}),setTimeout(()=>{e.forEach(s=>{s.classList.remove("breadcrumb-animate"),s.style.animationDelay=""})},600))}))}render(){let e=[];if(this.children.length||(e=Array.from(this.shadowRoot?this.shadowRoot.querySelectorAll("scb-breadcrumb-item"):[])),e.length||(e=Array.from(this.children).filter(t=>t.tagName.toLowerCase()==="scb-breadcrumb-item")),e.length>0){const t=e.length-1;e.forEach((a,r)=>{a.toggleAttribute("is-current",r===t)})}const s=e.length>6&&!this.showAll;return d`
-      <div class="scb-breadcrumb ${s?"collapsed":"expanded"}">
-        ${s?e.map((t,a)=>a===3?d`<span
+    `}connectedCallback(){super.connectedCallback(),this._observer=new MutationObserver(()=>{this.requestUpdate()}),this._observer.observe(this,{childList:!0})}disconnectedCallback(){super.disconnectedCallback(),this._observer?.disconnect()}firstUpdated(){h(this,p,b).call(this)}updated(e){e.has("showAll")&&this.dispatchEvent(new CustomEvent("show-all-changed",{detail:{showAll:this.showAll},bubbles:!0,composed:!0})),(e.has("spacing")||e.has("spacingTop")||e.has("spacingBottom")||e.has("spacingLeft")||e.has("spacingRight"))&&h(this,p,b).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}_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((t,s)=>{t.classList.add("breadcrumb-animate"),t.style.animationDelay=`${s*60}ms`}),setTimeout(()=>{e.forEach(t=>{t.classList.remove("breadcrumb-animate"),t.style.animationDelay=""})},600))}))}render(){let e=[];if(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){const s=e.length-1;e.forEach((i,r)=>{i.toggleAttribute("is-current",r===s)})}const t=e.length>6&&!this.showAll;return d`
+      <div class="scb-breadcrumb ${t?"collapsed":"expanded"}">
+        ${t?e.map((s,i)=>i===3?d`<span
                       class="ellipsis"
                       aria-label="Visa alla"
                       role="button"
@@ -88,6 +90,6 @@ import{n as p,t as u,i as f,a as g,x as d}from"../../vendor/vendor.js";import"./
                       </md-icon>
                     </span>
                     <span class="breadcrumb-separator">/</span>
-                    ${t}`:d`${t}`):e.map(t=>t)}
+                    ${s}`:d`${s}`):e.map(s=>s)}
       </div>
-    `}};l=new WeakSet;b=function(){const e=this.mapSpacingToken(this.spacing),s=this.mapSpacingToken(this.spacingTop)??e,t=this.mapSpacingToken(this.spacingBottom)??e;s?this.style.setProperty("--scb-breadcrumb-spacing-block-start",s):this.style.removeProperty("--scb-breadcrumb-spacing-block-start"),t?this.style.setProperty("--scb-breadcrumb-spacing-block-end",t):this.style.removeProperty("--scb-breadcrumb-spacing-block-end")};c([p({type:Boolean,attribute:"show-all",reflect:!0})],n.prototype,"showAll",2);c([p({type:String,reflect:!0})],n.prototype,"spacing",2);c([p({type:String,attribute:"spacing-top",reflect:!0})],n.prototype,"spacingTop",2);c([p({type:String,attribute:"spacing-bottom",reflect:!0})],n.prototype,"spacingBottom",2);n=c([u("scb-breadcrumb")],n);
+    `}};p=new WeakSet;b=function(){const e=this.mapSpacingToken(this.spacing),t=this.mapSpacingToken(this.spacingTop)??e,s=this.mapSpacingToken(this.spacingBottom)??e,i=this.mapSpacingToken(this.spacingLeft),r=this.mapSpacingToken(this.spacingRight);t?this.style.setProperty("--scb-breadcrumb-spacing-block-start",t):this.style.removeProperty("--scb-breadcrumb-spacing-block-start"),s?this.style.setProperty("--scb-breadcrumb-spacing-block-end",s):this.style.removeProperty("--scb-breadcrumb-spacing-block-end"),i?this.style.setProperty("--scb-breadcrumb-spacing-inline-start",i):this.style.removeProperty("--scb-breadcrumb-spacing-inline-start"),r?this.style.setProperty("--scb-breadcrumb-spacing-inline-end",r):this.style.removeProperty("--scb-breadcrumb-spacing-inline-end")};n([l({type:Boolean,attribute:"show-all",reflect:!0})],a.prototype,"showAll",2);n([l({type:String,reflect:!0})],a.prototype,"spacing",2);n([l({type:String,attribute:"spacing-top",reflect:!0})],a.prototype,"spacingTop",2);n([l({type:String,attribute:"spacing-bottom",reflect:!0})],a.prototype,"spacingBottom",2);n([l({type:String,attribute:"spacing-left",reflect:!0})],a.prototype,"spacingLeft",2);n([l({type:String,attribute:"spacing-right",reflect:!0})],a.prototype,"spacingRight",2);a=n([u("scb-breadcrumb")],a);

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

@@ -1,10 +1,12 @@
-import{n as a,t as I,i as k,a as w,x as h,E as i}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(r,s,l){try{customElements.get(r)||e(r,s,l)}catch(d){var c=String(d||"");if(c.indexOf("already been used")===-1&&c.indexOf("NotSupportedError")===-1)throw d}}}}catch{}})();var T=Object.defineProperty,B=Object.getOwnPropertyDescriptor,A=t=>{throw TypeError(t)},n=(t,e,r,s)=>{for(var l=s>1?void 0:s?B(e,r):e,c=t.length-1,d;c>=0;c--)(d=t[c])&&(l=(s?d(e,r,l):d(l))||l);return s&&l&&T(e,r,l),l},O=(t,e,r)=>e.has(t)||A("Cannot "+r),L=(t,e,r)=>e.has(t)?A("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(t):e.set(t,r),$=(t,e,r)=>(O(t,e,"access private method"),r),m,g;let o=class extends k{constructor(){super(...arguments),L(this,m),this.variant="filled",this.type="button",this.label="Button",this.trailingIcon=!1,this.icon="",this.iconFilled=!1,this.disabled=!1,this.fullWidth=!1,this.href="",this.target="",this.rel="",this.spacing="",this.spacingTop="",this.spacingBottom=""}__getMdHost(){return this.renderRoot.querySelector("md-filled-button, md-outlined-button, md-filled-tonal-button, md-text-button")}__getInnerNativeButton(t){return t?.shadowRoot?.querySelector("button")??null}__syncAriaToInner(){const t=this.__getMdHost(),e=this.__getInnerNativeButton(t);if(!t||!e)return;const r=(this.getAttribute("aria-label")||"").trim(),s=(t.getAttribute("aria-label")||"").trim(),l=this.label.trim()===""?(this.icon||"").trim():"",c=r||s||l;c?e.setAttribute("aria-label",c):e.removeAttribute("aria-label");const d=this.getAttribute("aria-controls");d!==null?e.setAttribute("aria-controls",d):e.removeAttribute("aria-controls");const y=this.getAttribute("aria-expanded");y!==null?e.setAttribute("aria-expanded",y):e.removeAttribute("aria-expanded"),t.removeAttribute("aria-label"),t.removeAttribute("aria-controls"),t.removeAttribute("aria-expanded"),this.removeAttribute("aria-expanded"),this.__ariaObserver?.disconnect(),this.__ariaObserver=new MutationObserver(x=>{const u=this.__getMdHost(),p=this.__getInnerNativeButton(u);if(!(!u||!p)){for(const f of x){if(f.type!=="attributes"||!f.attributeName)continue;const b=f.attributeName,v=this.getAttribute(b);if(b==="aria-label"){const S=(u.getAttribute("aria-label")||"").trim(),_=(v||S||(this.label.trim()===""?(this.icon||"").trim():"")).trim();_?p.setAttribute("aria-label",_):p.removeAttribute("aria-label"),u.removeAttribute("aria-label")}else(b==="aria-controls"||b==="aria-expanded")&&(v===null?p.removeAttribute(b):p.setAttribute(b,v),b==="aria-expanded"&&this.removeAttribute("aria-expanded"))}u.removeAttribute("aria-label"),u.removeAttribute("aria-controls"),u.removeAttribute("aria-expanded")}}),this.__ariaObserver.observe(this,{attributes:!0,attributeFilter:["aria-label","aria-controls","aria-expanded"]})}firstUpdated(){(this.type==="submit"||this.type==="reset")&&this.addEventListener("click",()=>{if(!this.disabled){const t=this.closest("form");t&&(this.type==="submit"&&t.requestSubmit(),this.type==="reset"&&t.reset())}}),this.__syncAriaToInner(),$(this,m,g).call(this)}updated(t){t.has("variant")&&this.__syncAriaToInner(),(t.has("spacing")||t.has("spacingTop")||t.has("spacingBottom"))&&$(this,m,g).call(this)}disconnectedCallback(){this.__ariaObserver?.disconnect(),super.disconnectedCallback()}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}static get styles(){return w`
+import{n as s,t as I,i as k,a as w,x as p,E as r}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,a,l){try{customElements.get(i)||e(i,a,l)}catch(d){var c=String(d||"");if(c.indexOf("already been used")===-1&&c.indexOf("NotSupportedError")===-1)throw d}}}}catch{}})();var T=Object.defineProperty,L=Object.getOwnPropertyDescriptor,A=t=>{throw TypeError(t)},n=(t,e,i,a)=>{for(var l=a>1?void 0:a?L(e,i):e,c=t.length-1,d;c>=0;c--)(d=t[c])&&(l=(a?d(e,i,l):d(l))||l);return a&&l&&T(e,i,l),l},B=(t,e,i)=>e.has(t)||A("Cannot "+i),O=(t,e,i)=>e.has(t)?A("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(t):e.set(t,i),$=(t,e,i)=>(B(t,e,"access private method"),i),m,v;let o=class extends k{constructor(){super(...arguments),O(this,m),this.variant="filled",this.type="button",this.label="Button",this.trailingIcon=!1,this.icon="",this.iconFilled=!1,this.disabled=!1,this.fullWidth=!1,this.href="",this.target="",this.rel="",this.spacing="",this.spacingTop="",this.spacingBottom="",this.spacingLeft="",this.spacingRight=""}__getMdHost(){return this.renderRoot.querySelector("md-filled-button, md-outlined-button, md-filled-tonal-button, md-text-button")}__getInnerNativeButton(t){return t?.shadowRoot?.querySelector("button")??null}__syncAriaToInner(){const t=this.__getMdHost(),e=this.__getInnerNativeButton(t);if(!t||!e)return;const i=(this.getAttribute("aria-label")||"").trim(),a=(t.getAttribute("aria-label")||"").trim(),l=this.label.trim()===""?(this.icon||"").trim():"",c=i||a||l;c?e.setAttribute("aria-label",c):e.removeAttribute("aria-label");const d=this.getAttribute("aria-controls");d!==null?e.setAttribute("aria-controls",d):e.removeAttribute("aria-controls");const y=this.getAttribute("aria-expanded");y!==null?e.setAttribute("aria-expanded",y):e.removeAttribute("aria-expanded"),t.removeAttribute("aria-label"),t.removeAttribute("aria-controls"),t.removeAttribute("aria-expanded"),this.removeAttribute("aria-expanded"),this.__ariaObserver?.disconnect(),this.__ariaObserver=new MutationObserver(x=>{const b=this.__getMdHost(),h=this.__getInnerNativeButton(b);if(!(!b||!h)){for(const f of x){if(f.type!=="attributes"||!f.attributeName)continue;const u=f.attributeName,g=this.getAttribute(u);if(u==="aria-label"){const S=(b.getAttribute("aria-label")||"").trim(),_=(g||S||(this.label.trim()===""?(this.icon||"").trim():"")).trim();_?h.setAttribute("aria-label",_):h.removeAttribute("aria-label"),b.removeAttribute("aria-label")}else(u==="aria-controls"||u==="aria-expanded")&&(g===null?h.removeAttribute(u):h.setAttribute(u,g),u==="aria-expanded"&&this.removeAttribute("aria-expanded"))}b.removeAttribute("aria-label"),b.removeAttribute("aria-controls"),b.removeAttribute("aria-expanded")}}),this.__ariaObserver.observe(this,{attributes:!0,attributeFilter:["aria-label","aria-controls","aria-expanded"]})}firstUpdated(){(this.type==="submit"||this.type==="reset")&&this.addEventListener("click",()=>{if(!this.disabled){const t=this.closest("form");t&&(this.type==="submit"&&t.requestSubmit(),this.type==="reset"&&t.reset())}}),this.__syncAriaToInner(),$(this,m,v).call(this)}updated(t){t.has("variant")&&this.__syncAriaToInner(),(t.has("spacing")||t.has("spacingTop")||t.has("spacingBottom")||t.has("spacingLeft")||t.has("spacingRight"))&&$(this,m,v).call(this)}disconnectedCallback(){this.__ariaObserver?.disconnect(),super.disconnectedCallback()}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}static get styles(){return w`
       /* Gör hosten stretchbar i t.ex. flex/grid */
       :host {
         display: inline-flex;
         block-size: var(--scb-button-block-size, auto);
         margin-block-start: var(--scb-button-spacing-block-start, 0);
         margin-block-end: var(--scb-button-spacing-block-end, 0);
+        margin-inline-start: var(--scb-button-spacing-inline-start, 0);
+        margin-inline-end: var(--scb-button-spacing-inline-end, 0);
         --scb-button-font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
       }
 
@@ -82,64 +84,64 @@ import{n as a,t as I,i as k,a as w,x as h,E as i}from"../../vendor/vendor.js";im
         }
       }
       */
-    `}render(){const t=!!this.icon?.trim(),e=t?h`<md-icon slot="icon" part="icon" ?filled=${this.iconFilled} aria-hidden="true">${this.icon}</md-icon>`:i,r=i,s=this.label.trim()===""?this.icon:void 0;switch(this.variant){case"filled":return h`
+    `}render(){const t=!!this.icon?.trim(),e=t?p`<md-icon slot="icon" part="icon" ?filled=${this.iconFilled} aria-hidden="true">${this.icon}</md-icon>`:r,i=r,a=this.label.trim()===""?this.icon:void 0;switch(this.variant){case"filled":return p`
           <md-filled-button
             type=${this.type}
-            variant=${r}
+            variant=${i}
             ?trailing-icon=${this.trailingIcon}
             ?disabled=${this.disabled}
-            aria-label=${s}
-            href=${this.href||i}
-            target=${this.target||i}
-            rel=${this.rel||i}
+            aria-label=${a}
+            href=${this.href||r}
+            target=${this.target||r}
+            rel=${this.rel||r}
           >
-            ${t&&!this.trailingIcon?e:i}
+            ${t&&!this.trailingIcon?e:r}
             ${this.label}
-            ${t&&this.trailingIcon?e:i}
+            ${t&&this.trailingIcon?e:r}
           </md-filled-button>
-        `;case"outlined":return h`
+        `;case"outlined":return p`
           <md-outlined-button
             type=${this.type}
-            variant=${r}
+            variant=${i}
             ?trailing-icon=${this.trailingIcon}
             ?disabled=${this.disabled}
-            aria-label=${s}
-            href=${this.href||i}
-            target=${this.target||i}
-            rel=${this.rel||i}
+            aria-label=${a}
+            href=${this.href||r}
+            target=${this.target||r}
+            rel=${this.rel||r}
           >
-            ${t&&!this.trailingIcon?e:i}
+            ${t&&!this.trailingIcon?e:r}
             ${this.label}
-            ${t&&this.trailingIcon?e:i}
+            ${t&&this.trailingIcon?e:r}
           </md-outlined-button>
-        `;case"filled-tonal":return h`
+        `;case"filled-tonal":return p`
           <md-filled-tonal-button
             type=${this.type}
-            variant=${r}
+            variant=${i}
             ?trailing-icon=${this.trailingIcon}
             ?disabled=${this.disabled}
-            aria-label=${s}
-            href=${this.href||i}
-            target=${this.target||i}
-            rel=${this.rel||i}
+            aria-label=${a}
+            href=${this.href||r}
+            target=${this.target||r}
+            rel=${this.rel||r}
           >
-            ${t&&!this.trailingIcon?e:i}
+            ${t&&!this.trailingIcon?e:r}
             ${this.label}
-            ${t&&this.trailingIcon?e:i}
+            ${t&&this.trailingIcon?e:r}
           </md-filled-tonal-button>
-        `;case"text":return h`
+        `;case"text":return p`
           <md-text-button
             type=${this.type}
-            variant=${r}
+            variant=${i}
             ?trailing-icon=${this.trailingIcon}
             ?disabled=${this.disabled}
-            aria-label=${s}
-            href=${this.href||i}
-            target=${this.target||i}
-            rel=${this.rel||i}
+            aria-label=${a}
+            href=${this.href||r}
+            target=${this.target||r}
+            rel=${this.rel||r}
           >
-            ${t&&!this.trailingIcon?e:i}
+            ${t&&!this.trailingIcon?e:r}
             ${this.label}
-            ${t&&this.trailingIcon?e:i}
+            ${t&&this.trailingIcon?e:r}
           </md-text-button>
-        `;default:return h``}}};m=new WeakSet;g=function(){const t=this.mapSpacingToken(this.spacing),e=this.mapSpacingToken(this.spacingTop)??t,r=this.mapSpacingToken(this.spacingBottom)??t;e?this.style.setProperty("--scb-button-spacing-block-start",e):this.style.removeProperty("--scb-button-spacing-block-start"),r?this.style.setProperty("--scb-button-spacing-block-end",r):this.style.removeProperty("--scb-button-spacing-block-end")};n([a({type:String,reflect:!0})],o.prototype,"variant",2);n([a({type:String,reflect:!0})],o.prototype,"type",2);n([a({type:String})],o.prototype,"label",2);n([a({type:Boolean,attribute:"trailing-icon"})],o.prototype,"trailingIcon",2);n([a({type:String})],o.prototype,"icon",2);n([a({type:Boolean,attribute:"icon-filled",reflect:!0})],o.prototype,"iconFilled",2);n([a({type:Boolean,reflect:!0})],o.prototype,"disabled",2);n([a({type:Boolean,attribute:"full-width",reflect:!0})],o.prototype,"fullWidth",2);n([a({type:String})],o.prototype,"href",2);n([a({type:String})],o.prototype,"target",2);n([a({type:String})],o.prototype,"rel",2);n([a({type:String,reflect:!0})],o.prototype,"spacing",2);n([a({type:String,attribute:"spacing-top",reflect:!0})],o.prototype,"spacingTop",2);n([a({type:String,attribute:"spacing-bottom",reflect:!0})],o.prototype,"spacingBottom",2);o=n([I("scb-button")],o);
+        `;default:return p``}}};m=new WeakSet;v=function(){const t=this.mapSpacingToken(this.spacing),e=this.mapSpacingToken(this.spacingTop)??t,i=this.mapSpacingToken(this.spacingBottom)??t,a=this.mapSpacingToken(this.spacingLeft),l=this.mapSpacingToken(this.spacingRight);e?this.style.setProperty("--scb-button-spacing-block-start",e):this.style.removeProperty("--scb-button-spacing-block-start"),i?this.style.setProperty("--scb-button-spacing-block-end",i):this.style.removeProperty("--scb-button-spacing-block-end"),a?this.style.setProperty("--scb-button-spacing-inline-start",a):this.style.removeProperty("--scb-button-spacing-inline-start"),l?this.style.setProperty("--scb-button-spacing-inline-end",l):this.style.removeProperty("--scb-button-spacing-inline-end")};n([s({type:String,reflect:!0})],o.prototype,"variant",2);n([s({type:String,reflect:!0})],o.prototype,"type",2);n([s({type:String})],o.prototype,"label",2);n([s({type:Boolean,attribute:"trailing-icon"})],o.prototype,"trailingIcon",2);n([s({type:String})],o.prototype,"icon",2);n([s({type:Boolean,attribute:"icon-filled",reflect:!0})],o.prototype,"iconFilled",2);n([s({type:Boolean,reflect:!0})],o.prototype,"disabled",2);n([s({type:Boolean,attribute:"full-width",reflect:!0})],o.prototype,"fullWidth",2);n([s({type:String})],o.prototype,"href",2);n([s({type:String})],o.prototype,"target",2);n([s({type:String})],o.prototype,"rel",2);n([s({type:String,reflect:!0})],o.prototype,"spacing",2);n([s({type:String,attribute:"spacing-top",reflect:!0})],o.prototype,"spacingTop",2);n([s({type:String,attribute:"spacing-bottom",reflect:!0})],o.prototype,"spacingBottom",2);n([s({type:String,attribute:"spacing-left",reflect:!0})],o.prototype,"spacingLeft",2);n([s({type:String,attribute:"spacing-right",reflect:!0})],o.prototype,"spacingRight",2);o=n([I("scb-button")],o);

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

@@ -1,47 +1,51 @@
-import{a as j,n as $,i as q,x as v,t as P}from"../../vendor/vendor.js";import"./scb-calendar-event.js";import"../scb-icon-button/scb-icon-button.js";import"../scb-dialog/scb-dialog.js";import"../scb-list/scb-list.js";import"../../vendor/vendor-material.js";import"../../vendor/preload-helper.js";import"../scb-tooltip/scb-tooltip.js";import"../scb-button/scb-button.js";import"../scb-textfield/scb-textfield.js";import"../scb-datepicker/scb-datepicker.js";import"../scb-divider/scb-divider.js";import"../scb-checkbox/scb-checkbox.js";import"../scb-checkbox/scb-checkbox-group.js";import"../scb-radio-button/scb-radio-button.js";import"../scb-radio-button/scb-radio-group.js";import"../scb-switch/scb-switch.js";import"../scb-chip/scb-chip.js";import"../scb-list/scb-list-item.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(s,r,d){try{customElements.get(s)||e(s,r,d)}catch(c){var a=String(c||"");if(a.indexOf("already been used")===-1&&a.indexOf("NotSupportedError")===-1)throw c}}}}catch{}})();var H=Object.defineProperty,L=Object.getOwnPropertyDescriptor,k=(t,e,s,r)=>{for(var d=r>1?void 0:r?L(e,s):e,a=t.length-1,c;a>=0;a--)(c=t[a])&&(d=(r?c(e,s,d):c(d))||d);return r&&d&&H(e,s,d),d};let D=class extends q{constructor(){super(...arguments),this._lastActiveDay=null,this.lang="sv",this.disableWeekend=!1,this.publicHolidays=!0,this.displayYear=new Date().getFullYear(),this.displayMonth=new Date().getMonth()+1,this.selectedDate="",this._mutationObserver=null,this._syncingDisplay=!1,this._onCalendarKeyDown=t=>{const s=Array.from(this.shadowRoot?.querySelectorAll(".calendar-day.has-event")??[]),r=this.shadowRoot?.activeElement,d=r&&s.includes(r)?r:document.activeElement,a=s.indexOf(d);if(a===-1)return;let c=a;const p=this.disableWeekend?5:7;switch(t.key){case"ArrowRight":c=a+1<s.length?a+1:a;break;case"ArrowLeft":c=a-1>=0?a-1:a;break;case"ArrowDown":c=a+p<s.length?a+p:a;break;case"ArrowUp":c=a-p>=0?a-p:a;break;default:return}c!==a&&(t.preventDefault(),s[c].focus())},this._onEventChanged=()=>{this.requestUpdate()},this._today=new Date,this._current=new Date,this._popupEvent=null,this._restoreDayFocus=()=>{this._lastActiveDay&&setTimeout(()=>{this._lastActiveDay?.focus(),this._lastActiveDay=null},0)},this._easterDateCalculated={}}connectedCallback(){super.connectedCallback();const t=Number(this.displayYear),e=Number(this.displayMonth);!Number.isNaN(t)&&!Number.isNaN(e)&&e>=1&&e<=12&&(this._current=new Date(t,e-1,1)),this._syncDisplayFromCurrent(!1),this.addEventListener("change",this._onEventChanged),this._mutationObserver=new MutationObserver(()=>{this.requestUpdate()}),this._mutationObserver.observe(this,{childList:!0}),this.addEventListener("keydown",this._onCalendarKeyDown)}disconnectedCallback(){this.removeEventListener("change",this._onEventChanged),super.disconnectedCallback(),this._mutationObserver&&(this._mutationObserver.disconnect(),this._mutationObserver=null),this.removeEventListener("keydown",this._onCalendarKeyDown)}updated(t){if(super.updated?.(t),!this._syncingDisplay&&(t.has("displayYear")||t.has("displayMonth"))){const e=Number(this.displayYear),s=Number(this.displayMonth);if(!Number.isNaN(e)&&!Number.isNaN(s)&&s>=1&&s<=12){const r=this._current.getFullYear(),d=this._current.getMonth()+1;(r!==e||d!==s)&&(this._current=new Date(e,s-1,1),this.dispatchEvent(new CustomEvent("scb-calendar-month-change",{bubbles:!0,composed:!0,detail:{displayYear:e,displayMonth:s}})),this.requestUpdate())}}}_syncDisplayFromCurrent(t=!0){const e=this._current.getFullYear(),s=this._current.getMonth()+1;this._syncingDisplay=!0;try{this.displayYear=e,this.displayMonth=s}finally{this._syncingDisplay=!1}t&&this.dispatchEvent(new CustomEvent("scb-calendar-month-change",{bubbles:!0,composed:!0,detail:{displayYear:e,displayMonth:s}}))}_daysInMonth(t,e){return new Date(t,e+1,0).getDate()}_firstDayOfWeek(t,e){const s=new Date(t,e,1).getDay();return s===0?6:s-1}_prevMonth(){this._current=new Date(this._current.getFullYear(),this._current.getMonth()-1,1),this.selectedDate="",this._popupEvent=null,this._syncDisplayFromCurrent(),this.requestUpdate()}_nextMonth(){this._current=new Date(this._current.getFullYear(),this._current.getMonth()+1,1),this.selectedDate="",this._popupEvent=null,this._syncDisplayFromCurrent(),this.requestUpdate()}_showEventPopup(t){this._popupEvent=t,this.selectedDate=t.date,this.dispatchEvent(new CustomEvent("scb-calendar-select",{bubbles:!0,composed:!0,detail:{selectedDate:t.date}})),this._lastActiveDay=this.shadowRoot?.activeElement||document.activeElement,this.requestUpdate(),this.updateComplete.then(()=>{const e=this.shadowRoot?.querySelector("scb-dialog");e&&(document.activeElement&&(e.__lastTriggerEl=document.activeElement),requestAnimationFrame(()=>{requestAnimationFrame(()=>{e.open=!0})}),e.addEventListener("close",this._restoreDayFocus,{once:!0}));const s=r=>{r.target?.closest(".event-popup")||this._closePopup()};window.addEventListener("mousedown",s,{once:!0})})}_closePopup(){const t=this.shadowRoot?.querySelector("scb-dialog");t&&t.removeAttribute("open"),this._popupEvent=null,this.requestUpdate()}_addDays(t,e){const s=new Date(t.valueOf());return s.setDate(s.getDate()+e),s}_easterDay(t){if(typeof this._easterDateCalculated["Ar"+t]<"u")return new Date(this._easterDateCalculated["Ar"+t]);let e=t;e<100&&(e=e+1900),e<1950&&(e=e+100);const s=e%19,r=e%4,d=e%7,a=(19*s+24)%30,c=(2*r+4*d+6*a+5)%7;let p=22+a+c,T=0;p==57&&(p-=7),p==56&&a==28&&c==6&&s>10&&(p-=7),p>31?(p-=31,T=4):T=3;const _=new Date(e,T-1,p);return this._easterDateCalculated["Ar"+t]=_,new Date(this._easterDateCalculated["Ar"+t])}_swedishHolidayName(t){const e=t.getMonth();if(e===1||e===6||e===7||e===8)return null;const s=t.getMonth()+1,r=t.getDate(),d=t.getFullYear(),a=this._easterDay(d),c=this.lang==="en",p=[["Nyårsdagen","New Year's Day",s===1&&r===1],["Trettondedag jul","Epiphany",s===1&&r===6],["Långfredag","Good Friday",+t==+this._addDays(a,-2)],["Påskdagen","Easter Sunday",+t==+a],["Annandag påsk","Easter Monday",+t==+this._addDays(a,1)],["Kristi himmelsfärdsdag","Ascension Day",+t==+this._addDays(a,39)],["Pingstdagen","Pentecost",+t==+this._addDays(a,50)&&d<2005],["Första maj","May Day",s===5&&r===1],["Nationaldagen","National Day",s===6&&r===6&&d>=2005],["Midsommarafton","Midsummer's Eve",s===6&&r>=19&&r<=25&&t.getDay()===5],["Midsommardagen","Midsummer's Day",s===6&&r>=20&&r<=26&&t.getDay()===6],["Julafton","Christmas Eve",s===12&&r===24],["Juldagen","Christmas Day",s===12&&r===25],["Annandag jul","Boxing Day",s===12&&r===26],["Alla helgons dag","All Saints' Day",s===10&&r>=31&&t.getDay()===6||s===11&&r<=6&&t.getDay()===6]];for(const T of p){const[_,N,A]=T;if(A)return c?N:_}return null}render(){const t=this._current.getFullYear(),e=this._current.getMonth(),s=this._daysInMonth(t,e),r=this._firstDayOfWeek(t,e),d=this._today,a=this.lang==="en",c=a?["January","February","March","April","May","June","July","August","September","October","November","December"]:["Januari","Februari","Mars","April","Maj","Juni","Juli","Augusti","September","Oktober","November","December"];let p=a?["Mon","Tue","Wed","Thu","Fri","Sat","Sun"]:["Mån","Tis","Ons","Tor","Fre","Lör","Sön"];this.disableWeekend&&(p=p.slice(0,5));const T=Array.from(this.querySelectorAll("scb-calendar-event")),_=new Map;for(const n of T){const l=n.getAttribute("start-date")||"",y=n.getAttribute("end-date")||"";if(l&&y){const o=new Date(l),m=new Date(y);for(let u=new Date(o);u<=m;u.setDate(u.getDate()+1)){const f=u.toISOString().split("T")[0],x=_.get(f)||[];x.push({title:n.title,description:n.description,start:l,end:y}),_.set(f,x)}}else if(l&&n.title){const o=l.split("T")[0],m=_.get(o)||[];m.push({title:n.title,description:n.description,start:l}),_.set(o,m)}}const N=[];let A=1;for(let n=0;n<6;n++){const l=[],y=this.disableWeekend?[0,1,2,3,4]:[0,1,2,3,4,5,6];let o=A;for(let m=0;m<y.length;m++){const u=y[m];if(n===0&&u<r){if(!this.disableWeekend||u<5){const f=e===0?11:e-1,x=e===0?t-1:t,S=this._daysInMonth(x,f)-(r-u-1);l.push(v`
+import{a as W,n as w,i as j,x as D,t as R}from"../../vendor/vendor.js";import"./scb-calendar-event.js";import"../scb-icon-button/scb-icon-button.js";import"../scb-dialog/scb-dialog.js";import"../scb-list/scb-list.js";import"../../vendor/vendor-material.js";import"../../vendor/preload-helper.js";import"../scb-tooltip/scb-tooltip.js";import"../scb-button/scb-button.js";import"../scb-textfield/scb-textfield.js";import"../scb-datepicker/scb-datepicker.js";import"../scb-divider/scb-divider.js";import"../scb-checkbox/scb-checkbox.js";import"../scb-checkbox/scb-checkbox-group.js";import"../scb-radio-button/scb-radio-button.js";import"../scb-radio-button/scb-radio-group.js";import"../scb-switch/scb-switch.js";import"../scb-chip/scb-chip.js";import"../scb-list/scb-list-item.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(s,i,o){try{customElements.get(s)||e(s,i,o)}catch(d){var a=String(d||"");if(a.indexOf("already been used")===-1&&a.indexOf("NotSupportedError")===-1)throw d}}}}catch{}})();var J=Object.defineProperty,U=Object.getOwnPropertyDescriptor,q=t=>{throw TypeError(t)},_=(t,e,s,i)=>{for(var o=i>1?void 0:i?U(e,s):e,a=t.length-1,d;a>=0;a--)(d=t[a])&&(o=(i?d(e,s,o):d(o))||o);return i&&o&&J(e,s,o),o},B=(t,e,s)=>e.has(t)||q("Cannot "+s),I=(t,e,s)=>e.has(t)?q("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(t):e.set(t,s),L=(t,e,s)=>(B(t,e,"access private method"),s),N,O;let b=class extends j{constructor(){super(...arguments),I(this,N),this._lastActiveDay=null,this.lang="sv",this.disableWeekend=!1,this.publicHolidays=!0,this.displayYear=new Date().getFullYear(),this.displayMonth=new Date().getMonth()+1,this.selectedDate="",this.spacing="",this.spacingTop="",this.spacingBottom="",this.spacingLeft="",this.spacingRight="",this._mutationObserver=null,this._syncingDisplay=!1,this._onCalendarKeyDown=t=>{const s=Array.from(this.shadowRoot?.querySelectorAll(".calendar-day.has-event")??[]),i=this.shadowRoot?.activeElement,o=i&&s.includes(i)?i:document.activeElement,a=s.indexOf(o);if(a===-1)return;let d=a;const p=this.disableWeekend?5:7;switch(t.key){case"ArrowRight":d=a+1<s.length?a+1:a;break;case"ArrowLeft":d=a-1>=0?a-1:a;break;case"ArrowDown":d=a+p<s.length?a+p:a;break;case"ArrowUp":d=a-p>=0?a-p:a;break;default:return}d!==a&&(t.preventDefault(),s[d].focus())},this._onEventChanged=()=>{this.requestUpdate()},this._today=new Date,this._current=new Date,this._popupEvent=null,this._restoreDayFocus=()=>{this._lastActiveDay&&setTimeout(()=>{this._lastActiveDay?.focus(),this._lastActiveDay=null},0)},this._easterDateCalculated={}}connectedCallback(){super.connectedCallback(),L(this,N,O).call(this);const t=Number(this.displayYear),e=Number(this.displayMonth);!Number.isNaN(t)&&!Number.isNaN(e)&&e>=1&&e<=12&&(this._current=new Date(t,e-1,1)),this._syncDisplayFromCurrent(!1),this.addEventListener("change",this._onEventChanged),this._mutationObserver=new MutationObserver(()=>{this.requestUpdate()}),this._mutationObserver.observe(this,{childList:!0}),this.addEventListener("keydown",this._onCalendarKeyDown)}disconnectedCallback(){this.removeEventListener("change",this._onEventChanged),super.disconnectedCallback(),this._mutationObserver&&(this._mutationObserver.disconnect(),this._mutationObserver=null),this.removeEventListener("keydown",this._onCalendarKeyDown)}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}updated(t){if(super.updated?.(t),(t.has("spacing")||t.has("spacingTop")||t.has("spacingBottom")||t.has("spacingLeft")||t.has("spacingRight"))&&L(this,N,O).call(this),!this._syncingDisplay&&(t.has("displayYear")||t.has("displayMonth"))){const e=Number(this.displayYear),s=Number(this.displayMonth);if(!Number.isNaN(e)&&!Number.isNaN(s)&&s>=1&&s<=12){const i=this._current.getFullYear(),o=this._current.getMonth()+1;(i!==e||o!==s)&&(this._current=new Date(e,s-1,1),this.dispatchEvent(new CustomEvent("scb-calendar-month-change",{bubbles:!0,composed:!0,detail:{displayYear:e,displayMonth:s}})),this.requestUpdate())}}}_syncDisplayFromCurrent(t=!0){const e=this._current.getFullYear(),s=this._current.getMonth()+1;this._syncingDisplay=!0;try{this.displayYear=e,this.displayMonth=s}finally{this._syncingDisplay=!1}t&&this.dispatchEvent(new CustomEvent("scb-calendar-month-change",{bubbles:!0,composed:!0,detail:{displayYear:e,displayMonth:s}}))}_daysInMonth(t,e){return new Date(t,e+1,0).getDate()}_firstDayOfWeek(t,e){const s=new Date(t,e,1).getDay();return s===0?6:s-1}_prevMonth(){this._current=new Date(this._current.getFullYear(),this._current.getMonth()-1,1),this.selectedDate="",this._popupEvent=null,this._syncDisplayFromCurrent(),this.requestUpdate()}_nextMonth(){this._current=new Date(this._current.getFullYear(),this._current.getMonth()+1,1),this.selectedDate="",this._popupEvent=null,this._syncDisplayFromCurrent(),this.requestUpdate()}_showEventPopup(t){this._popupEvent=t,this.selectedDate=t.date,this.dispatchEvent(new CustomEvent("scb-calendar-select",{bubbles:!0,composed:!0,detail:{selectedDate:t.date}})),this._lastActiveDay=this.shadowRoot?.activeElement||document.activeElement,this.requestUpdate(),this.updateComplete.then(()=>{const e=this.shadowRoot?.querySelector("scb-dialog");e&&(document.activeElement&&(e.__lastTriggerEl=document.activeElement),requestAnimationFrame(()=>{requestAnimationFrame(()=>{e.open=!0})}),e.addEventListener("close",this._restoreDayFocus,{once:!0}));const s=i=>{i.target?.closest(".event-popup")||this._closePopup()};window.addEventListener("mousedown",s,{once:!0})})}_closePopup(){const t=this.shadowRoot?.querySelector("scb-dialog");t&&t.removeAttribute("open"),this._popupEvent=null,this.requestUpdate()}_addDays(t,e){const s=new Date(t.valueOf());return s.setDate(s.getDate()+e),s}_easterDay(t){if(typeof this._easterDateCalculated["Ar"+t]<"u")return new Date(this._easterDateCalculated["Ar"+t]);let e=t;e<100&&(e=e+1900),e<1950&&(e=e+100);const s=e%19,i=e%4,o=e%7,a=(19*s+24)%30,d=(2*i+4*o+6*a+5)%7;let p=22+a+d,E=0;p==57&&(p-=7),p==56&&a==28&&d==6&&s>10&&(p-=7),p>31?(p-=31,E=4):E=3;const T=new Date(e,E-1,p);return this._easterDateCalculated["Ar"+t]=T,new Date(this._easterDateCalculated["Ar"+t])}_swedishHolidayName(t){const e=t.getMonth();if(e===1||e===6||e===7||e===8)return null;const s=t.getMonth()+1,i=t.getDate(),o=t.getFullYear(),a=this._easterDay(o),d=this.lang==="en",p=[["Nyårsdagen","New Year's Day",s===1&&i===1],["Trettondedag jul","Epiphany",s===1&&i===6],["Långfredag","Good Friday",+t==+this._addDays(a,-2)],["Påskdagen","Easter Sunday",+t==+a],["Annandag påsk","Easter Monday",+t==+this._addDays(a,1)],["Kristi himmelsfärdsdag","Ascension Day",+t==+this._addDays(a,39)],["Pingstdagen","Pentecost",+t==+this._addDays(a,50)&&o<2005],["Första maj","May Day",s===5&&i===1],["Nationaldagen","National Day",s===6&&i===6&&o>=2005],["Midsommarafton","Midsummer's Eve",s===6&&i>=19&&i<=25&&t.getDay()===5],["Midsommardagen","Midsummer's Day",s===6&&i>=20&&i<=26&&t.getDay()===6],["Julafton","Christmas Eve",s===12&&i===24],["Juldagen","Christmas Day",s===12&&i===25],["Annandag jul","Boxing Day",s===12&&i===26],["Alla helgons dag","All Saints' Day",s===10&&i>=31&&t.getDay()===6||s===11&&i<=6&&t.getDay()===6]];for(const E of p){const[T,A,$]=E;if($)return d?A:T}return null}render(){const t=this._current.getFullYear(),e=this._current.getMonth(),s=this._daysInMonth(t,e),i=this._firstDayOfWeek(t,e),o=this._today,a=this.lang==="en",d=a?["January","February","March","April","May","June","July","August","September","October","November","December"]:["Januari","Februari","Mars","April","Maj","Juni","Juli","Augusti","September","Oktober","November","December"];let p=a?["Mon","Tue","Wed","Thu","Fri","Sat","Sun"]:["Mån","Tis","Ons","Tor","Fre","Lör","Sön"];this.disableWeekend&&(p=p.slice(0,5));const E=Array.from(this.querySelectorAll("scb-calendar-event")),T=new Map;for(const n of E){const l=n.getAttribute("start-date")||"",y=n.getAttribute("end-date")||"";if(l&&y){const c=new Date(l),g=new Date(y);for(let h=new Date(c);h<=g;h.setDate(h.getDate()+1)){const f=h.toISOString().split("T")[0],x=T.get(f)||[];x.push({title:n.title,description:n.description,start:l,end:y}),T.set(f,x)}}else if(l&&n.title){const c=l.split("T")[0],g=T.get(c)||[];g.push({title:n.title,description:n.description,start:l}),T.set(c,g)}}const A=[];let $=1;for(let n=0;n<6;n++){const l=[],y=this.disableWeekend?[0,1,2,3,4]:[0,1,2,3,4,5,6];let c=$;for(let g=0;g<y.length;g++){const h=y[g];if(n===0&&h<i){if(!this.disableWeekend||h<5){const f=e===0?11:e-1,x=e===0?t-1:t,F=this._daysInMonth(x,f)-(i-h-1);l.push(D`
               <div class="calendar-day calendar-day--other">
-                <span class="calendar-day-number">${S}</span>
+                <span class="calendar-day-number">${F}</span>
               </div>
-            `)}}else if(o>s)l.push(v`<div></div>`);else{let f=new Date(t,e,o);if(this.disableWeekend)for(;f.getDay()===0||f.getDay()===6;)o++,f=new Date(t,e,o);if(o>s){l.push(v`<div></div>`);continue}const x=d.getFullYear()===t&&d.getMonth()===e&&d.getDate()===o,b=`${t}-${String(e+1).padStart(2,"0")}-${String(o).padStart(2,"0")}`,S=new Date(t,e,o);let F=!1,w=null;this.publicHolidays&&(w=this._swedishHolidayName(S),F=!!w);let h=_.get(b)||[];h=[...h].sort((i,g)=>{const E=i.start&&b===i.start.split("T")[0]?i.start:i.end&&b===i.end.split("T")[0]?i.end:"",M=g.start&&b===g.start.split("T")[0]?g.start:g.end&&g.end.split("T")[0]?g.end:"",C=E&&E.includes("T"),O=M&&M.includes("T");return C&&O?E.localeCompare(M):C?-1:O?1:i.title.localeCompare(g.title)});const Y=[...h].map(i=>{let g="",E="";if(i.start&&i.end){const M=i.start.split("T")[0],C=i.end.split("T")[0];b===M&&b===C&&i.start.includes("T")&&i.end.includes("T")?g=i.start.split("T")[1].substring(0,5)+"–"+i.end.split("T")[1].substring(0,5):b===M&&i.start.includes("T")?g=i.start.split("T")[1].substring(0,5):b===C&&i.end.includes("T")?(g=i.end.split("T")[1].substring(0,5),E=a?"cont. ":"fort. "):b!==M&&(g="",E=a?"cont. ":"fort. ")}else i.start&&i.start.includes("T")&&(g=i.start.split("T")[1].substring(0,5));return{...i,time:g,prefix:E}});l.push(v`
+            `)}}else if(c>s)l.push(D`<div></div>`);else{let f=new Date(t,e,c);if(this.disableWeekend)for(;f.getDay()===0||f.getDay()===6;)c++,f=new Date(t,e,c);if(c>s){l.push(D`<div></div>`);continue}const x=o.getFullYear()===t&&o.getMonth()===e&&o.getDate()===c,v=`${t}-${String(e+1).padStart(2,"0")}-${String(c).padStart(2,"0")}`,F=new Date(t,e,c);let P=!1,k=null;this.publicHolidays&&(k=this._swedishHolidayName(F),P=!!k);let u=T.get(v)||[];u=[...u].sort((r,m)=>{const M=r.start&&v===r.start.split("T")[0]?r.start:r.end&&v===r.end.split("T")[0]?r.end:"",S=m.start&&v===m.start.split("T")[0]?m.start:m.end&&m.end.split("T")[0]?m.end:"",C=M&&M.includes("T"),Y=S&&S.includes("T");return C&&Y?M.localeCompare(S):C?-1:Y?1:r.title.localeCompare(m.title)});const H=[...u].map(r=>{let m="",M="";if(r.start&&r.end){const S=r.start.split("T")[0],C=r.end.split("T")[0];v===S&&v===C&&r.start.includes("T")&&r.end.includes("T")?m=r.start.split("T")[1].substring(0,5)+"–"+r.end.split("T")[1].substring(0,5):v===S&&r.start.includes("T")?m=r.start.split("T")[1].substring(0,5):v===C&&r.end.includes("T")?(m=r.end.split("T")[1].substring(0,5),M=a?"cont. ":"fort. "):v!==S&&(m="",M=a?"cont. ":"fort. ")}else r.start&&r.start.includes("T")&&(m=r.start.split("T")[1].substring(0,5));return{...r,time:m,prefix:M}});l.push(D`
             <div
-              class="calendar-day${x?" today":""}${h.length?" has-event":""}${F?" calendar-day--holiday":""}"
-              tabindex=${h.length?"0":void 0}
-              @click=${h.length?()=>this._showEventPopup({date:b,events:h}):null}
-              @keydown=${h.length?i=>{(i.key==="Enter"||i.key===" ")&&(i.preventDefault(),this._showEventPopup({date:b,events:h}))}:null}
-              title=${w||(h.length===1?h[0].title:h.length>1?h.map(i=>i.title).join(", "):"")}
-              role=${h.length?"button":void 0}
-              aria-label=${w||(h.length?h.length===1?h[0].title:h.map(i=>i.title).join(", "):void 0)}
+              class="calendar-day${x?" today":""}${u.length?" has-event":""}${P?" calendar-day--holiday":""}"
+              tabindex=${u.length?"0":void 0}
+              @click=${u.length?()=>this._showEventPopup({date:v,events:u}):null}
+              @keydown=${u.length?r=>{(r.key==="Enter"||r.key===" ")&&(r.preventDefault(),this._showEventPopup({date:v,events:u}))}:null}
+              title=${k||(u.length===1?u[0].title:u.length>1?u.map(r=>r.title).join(", "):"")}
+              role=${u.length?"button":void 0}
+              aria-label=${k||(u.length?u.length===1?u[0].title:u.map(r=>r.title).join(", "):void 0)}
             >
               <md-focus-ring inward></md-focus-ring>
-              <span class="calendar-day-number">${o} ${w?v`<span class="calendar-day-holiday-name">${w}</span>`:""}</span>
+              <span class="calendar-day-number">${c} ${k?D`<span class="calendar-day-holiday-name">${k}</span>`:""}</span>
               <div class="calendar-titles-wrapper">
-                ${Y.map(i=>v`<span class="calendar-day-event-title">${i.prefix||""}${i.title}</span>`)}
+                ${H.map(r=>D`<span class="calendar-day-event-title">${r.prefix||""}${r.title}</span>`)}
               </div>
             </div>
-          `),o++}}if(A=o,N.push(v`<div class="calendar-grid">${l}</div>`),A>s)break}return v`
+          `),c++}}if($=c,A.push(D`<div class="calendar-grid">${l}</div>`),$>s)break}return D`
       <div class="calendar-header">
         <scb-icon-button @click=${this._prevMonth} icon="chevron_left" aria-label="${a?"Previous month":"Föregående månad"}"></scb-icon-button>
-        <span>${c[e]} ${t}</span>
+        <span>${d[e]} ${t}</span>
         <scb-icon-button @click=${this._nextMonth} icon="chevron_right" aria-label="${a?"Next month":"Nästa månad"}"></scb-icon-button>
       </div>
       <div class="calendar-grid calendar-grid-days">
-        ${p.map(n=>v`<div>${n}</div>`)}
+        ${p.map(n=>D`<div>${n}</div>`)}
       </div>
       <div class="calendar-weeks">
-      ${N}
+      ${A}
       </div>
-      ${this._popupEvent&&Array.isArray(this._popupEvent.events)?v`
+      ${this._popupEvent&&Array.isArray(this._popupEvent.events)?D`
         <scb-dialog variant="floating" open label="${a?"Events":"Händelser"} ${this._popupEvent.date}">
           <scb-list>
-            ${[...this._popupEvent.events].sort((n,l)=>{const y=n.start&&n.start.includes("T")?n.start:n.end&&n.end.includes("T")?n.end:"",o=l.start&&l.start.includes("T")?l.start:l.end&&l.end.includes("T")?l.end:"",m=y&&y.includes("T"),u=o&&o.includes("T");return m&&u?y.localeCompare(o):m?-1:u?1:n.title.localeCompare(l.title)}).map(n=>{const l=this._popupEvent?.date??"";let y="",o="",m="";if(n.start&&n.end){const u=n.start.split("T")[0],f=n.end.split("T")[0];u===f&&n.start.includes("T")&&n.end.includes("T")?y=n.start.split("T")[1].substring(0,5)+" – "+n.end.split("T")[1].substring(0,5):l===u&&n.start.includes("T")&&(y="Start: "+n.start.split("T")[1].substring(0,5)+(a?" (Extended event) ":" (Flerdagsevenemang) ")),l===f&&n.end.includes("T")&&u!==f&&(m=(a?"End: ":"Slut: ")+n.end.split("T")[1].substring(0,5)),l!==u&&(o=a?"cont. ":"fort. ")}else n.start&&n.start.includes("T")&&(y=n.start.split("T")[1].substring(0,5));return v`
-                <scb-list-item label="${o}${n.title}" supporting-text="${n.description?n.description:""}" overline="${y||""}${m||""}">
+            ${[...this._popupEvent.events].sort((n,l)=>{const y=n.start&&n.start.includes("T")?n.start:n.end&&n.end.includes("T")?n.end:"",c=l.start&&l.start.includes("T")?l.start:l.end&&l.end.includes("T")?l.end:"",g=y&&y.includes("T"),h=c&&c.includes("T");return g&&h?y.localeCompare(c):g?-1:h?1:n.title.localeCompare(l.title)}).map(n=>{const l=this._popupEvent?.date??"";let y="",c="",g="";if(n.start&&n.end){const h=n.start.split("T")[0],f=n.end.split("T")[0];h===f&&n.start.includes("T")&&n.end.includes("T")?y=n.start.split("T")[1].substring(0,5)+" – "+n.end.split("T")[1].substring(0,5):l===h&&n.start.includes("T")&&(y="Start: "+n.start.split("T")[1].substring(0,5)+(a?" (Extended event) ":" (Flerdagsevenemang) ")),l===f&&n.end.includes("T")&&h!==f&&(g=(a?"End: ":"Slut: ")+n.end.split("T")[1].substring(0,5)),l!==h&&(c=a?"cont. ":"fort. ")}else n.start&&n.start.includes("T")&&(y=n.start.split("T")[1].substring(0,5));return D`
+                <scb-list-item label="${c}${n.title}" supporting-text="${n.description?n.description:""}" overline="${y||""}${g||""}">
                 </scb-list-item>`})}
           </scb-list>
         </scb-dialog>
       `:""}
-    `}};D.styles=j`
+    `}};N=new WeakSet;O=function(){const t=this.mapSpacingToken(this.spacing),e=this.mapSpacingToken(this.spacingTop)??t,s=this.mapSpacingToken(this.spacingBottom)??t,i=this.mapSpacingToken(this.spacingLeft),o=this.mapSpacingToken(this.spacingRight);e?this.style.setProperty("--scb-calendar-spacing-block-start",e):this.style.removeProperty("--scb-calendar-spacing-block-start"),s?this.style.setProperty("--scb-calendar-spacing-block-end",s):this.style.removeProperty("--scb-calendar-spacing-block-end"),i?this.style.setProperty("--scb-calendar-spacing-inline-start",i):this.style.removeProperty("--scb-calendar-spacing-inline-start"),o?this.style.setProperty("--scb-calendar-spacing-inline-end",o):this.style.removeProperty("--scb-calendar-spacing-inline-end")};b.styles=W`
     :host {
         display: block;
+        margin-block-start: var(--scb-calendar-spacing-block-start, 0);
+        margin-block-end: var(--scb-calendar-spacing-block-end, 0);
+        margin-inline-start: var(--scb-calendar-spacing-inline-start, 0);
+        margin-inline-end: var(--scb-calendar-spacing-inline-end, 0);
         border: 1px solid var(--md-sys-color-outline-variant);
         padding: var(--spacing-5);
         border-radius: var(--md-sys-shape-corner-large);
@@ -143,4 +147,4 @@ import{a as j,n as $,i as q,x as v,t as P}from"../../vendor/vendor.js";import"./
         gap: var(--spacing-4);
     }
     
-  `;k([$({type:String})],D.prototype,"lang",2);k([$({type:Boolean,attribute:"disable-weekend"})],D.prototype,"disableWeekend",2);k([$({type:Boolean,attribute:"public-holidays"})],D.prototype,"publicHolidays",2);k([$({type:Number,attribute:"display-year",reflect:!0})],D.prototype,"displayYear",2);k([$({type:Number,attribute:"display-month",reflect:!0})],D.prototype,"displayMonth",2);k([$({type:String,attribute:"selected-date",reflect:!0})],D.prototype,"selectedDate",2);D=k([P("scb-calendar")],D);
+  `;_([w({type:String})],b.prototype,"lang",2);_([w({type:Boolean,attribute:"disable-weekend"})],b.prototype,"disableWeekend",2);_([w({type:Boolean,attribute:"public-holidays"})],b.prototype,"publicHolidays",2);_([w({type:Number,attribute:"display-year",reflect:!0})],b.prototype,"displayYear",2);_([w({type:Number,attribute:"display-month",reflect:!0})],b.prototype,"displayMonth",2);_([w({type:String,attribute:"selected-date",reflect:!0})],b.prototype,"selectedDate",2);_([w({type:String,reflect:!0})],b.prototype,"spacing",2);_([w({type:String,attribute:"spacing-top",reflect:!0})],b.prototype,"spacingTop",2);_([w({type:String,attribute:"spacing-bottom",reflect:!0})],b.prototype,"spacingBottom",2);_([w({type:String,attribute:"spacing-left",reflect:!0})],b.prototype,"spacingLeft",2);_([w({type:String,attribute:"spacing-right",reflect:!0})],b.prototype,"spacingRight",2);b=_([R("scb-calendar")],b);