scb-wc 0.1.78 → 0.1.80

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

@@ -1,26 +1,5 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["../../vendor/list.js","../../vendor/vendor.js","../../vendor/vendor-lit.js"])))=>i.map(i=>d[i]);
-import{_ as u,b as f,g as b,h as o,p as _,y as v}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as n}from"../../vendor/decorate.js";import{n as h,r as y,t as S}from"../../vendor/classPrivateFieldGet2.js";import{t as k}from"../../vendor/preload-helper.js";import"./scb-list-item.js";(function(){try{var c=typeof globalThis<"u"?globalThis:window;if(!c.__scb_ce_guard_installed__){c.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(e,i,s){try{customElements.get(e)||t(e,i,s)}catch(l){var r=String(l||"");if(r.indexOf("already been used")===-1&&r.indexOf("NotSupportedError")===-1)throw l}}}}catch{}})();var p,d,a=(p=new WeakMap,d=class extends u{constructor(...t){super(...t),y(this,p,void 0),h(p,this,!1),this.noDivider=!1,this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this._onSlotChange=()=>this._setupItems()}async firstUpdated(){S(p,this)||(await k(()=>import("../../vendor/list.js"),__vite__mapDeps([0,1,2]),import.meta.url),h(p,this,!0)),this._setupItems(),this._applySpacing()}updated(t){super.updated(t),(t.has("spacing")||t.has("spacingTop")||t.has("spacingBottom")||t.has("spacingLeft")||t.has("spacingRight"))&&this._applySpacing()}_getItems(){return(this._slotEl?.assignedElements({flatten:!0})??[]).filter(t=>t instanceof HTMLElement)}_setupItems(){this._getItems().forEach((e,i)=>{e.hasAttribute("role")||e.setAttribute("role","listitem"),e.setAttribute("tabindex",i===0?"0":"-1")});const t=this.renderRoot?.querySelector("md-list");t&&!t.hasAttribute("data-kbd")&&(t.setAttribute("data-kbd","true"),t.addEventListener("keydown",e=>this._onKeyDown(e)))}_onKeyDown(t){const e=this._getItems();if(!e.length)return;const i=e.findIndex(r=>r.getAttribute("tabindex")==="0"),s=r=>{const l=(r%e.length+e.length)%e.length;e.forEach(m=>m.setAttribute("tabindex","-1"));const g=e[l];g.setAttribute("tabindex","0"),g.focus()};switch(t.key){case"ArrowDown":case"ArrowRight":t.preventDefault(),s(i<0?0:i+1);break;case"ArrowUp":case"ArrowLeft":t.preventDefault(),s(i<0?0:i-1);break;case"Home":t.preventDefault(),s(0);break;case"End":t.preventDefault(),s(e.length-1);break;default:break}}_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}_applySpacing(){const t=this._mapSpacingToken(this.spacing),e=this._mapSpacingToken(this.spacingTop)??t,i=this._mapSpacingToken(this.spacingBottom)??t,s=this._mapSpacingToken(this.spacingLeft),r=this._mapSpacingToken(this.spacingRight);e?this.style.marginBlockStart=e:this.style.removeProperty("margin-block-start"),i?this.style.marginBlockEnd=i:this.style.removeProperty("margin-block-end"),s?this.style.marginInlineStart=s:this.style.removeProperty("margin-inline-start"),r?this.style.marginInlineEnd=r:this.style.removeProperty("margin-inline-end")}render(){return v`
-      <md-list role="list" @slotchange=${this._onSlotChange}>
-        <slot></slot>
-      </md-list>
-    `}},d.styles=[f`
-      :host {
-        display: block;
-        --scb-list-bg: transparent;
-      }
-
-      md-list {
-        background: var(--scb-list-bg);
-      }
-
-      /* Visa top-border på första raden endast när listan saknar no-divider
-         och endast om första item inte själv är markerad med no-divider. */
-      :host(:not([no-divider])) ::slotted(scb-list-item:first-of-type:not([no-divider])) {
-        border-top: 1px solid var(--md-sys-color-outline-variant);
-      }
-
-      /* När listan har no-divider, tryck ned variabeln till alla barn */
-      :host([no-divider]) ::slotted(scb-list-item) {
-        --stroke-border: 0px;
-      }
-    `],d);n([o({type:Boolean,attribute:"no-divider",reflect:!0})],a.prototype,"noDivider",void 0);n([o({type:String,reflect:!0})],a.prototype,"spacing",void 0);n([o({type:String,reflect:!0,attribute:"spacing-top"})],a.prototype,"spacingTop",void 0);n([o({type:String,reflect:!0,attribute:"spacing-bottom"})],a.prototype,"spacingBottom",void 0);n([o({type:String,reflect:!0,attribute:"spacing-left"})],a.prototype,"spacingLeft",void 0);n([o({type:String,reflect:!0,attribute:"spacing-right"})],a.prototype,"spacingRight",void 0);n([_("slot")],a.prototype,"_slotEl",void 0);a=n([b("scb-list")],a);export{a as ScbList};
+import{d as h,h as u,m,p as a,v as f,y as b}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as n}from"../../vendor/decorate.js";import"./scb-list-item.js";(function(){try{var c=typeof globalThis<"u"?globalThis:window;if(!c.__scb_ce_guard_installed__){c.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(e,i,s){try{customElements.get(e)||t(e,i,s)}catch(p){var r=String(p||"");if(r.indexOf("already been used")===-1&&r.indexOf("NotSupportedError")===-1)throw p}}}}catch{}})();var l,o=(l=class extends u{constructor(...t){super(...t),this.noDivider=!1,this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this._onSlotChange=()=>this._setupItems()}firstUpdated(){this._setupItems(),this._applySpacing()}updated(t){super.updated(t),(t.has("spacing")||t.has("spacingTop")||t.has("spacingBottom")||t.has("spacingLeft")||t.has("spacingRight"))&&this._applySpacing()}_getItems(){return(this._slotEl?.assignedElements({flatten:!0})??[]).filter(t=>t instanceof HTMLElement)}_setupItems(){this._getItems().forEach((e,i)=>{e.hasAttribute("role")||e.setAttribute("role","listitem"),e.setAttribute("tabindex",i===0?"0":"-1")});const t=this.renderRoot?.querySelector(".list");t&&!t.hasAttribute("data-kbd")&&(t.setAttribute("data-kbd","true"),t.addEventListener("keydown",e=>this._onKeyDown(e)))}_onKeyDown(t){const e=this._getItems();if(!e.length)return;const i=e.findIndex(r=>r.getAttribute("tabindex")==="0"),s=r=>{const p=(r%e.length+e.length)%e.length;e.forEach(g=>g.setAttribute("tabindex","-1"));const d=e[p];d.setAttribute("tabindex","0"),d.focus()};switch(t.key){case"ArrowDown":case"ArrowRight":t.preventDefault(),s(i<0?0:i+1);break;case"ArrowUp":case"ArrowLeft":t.preventDefault(),s(i<0?0:i-1);break;case"Home":t.preventDefault(),s(0);break;case"End":t.preventDefault(),s(e.length-1);break;default:break}}_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}_applySpacing(){const t=this._mapSpacingToken(this.spacing),e=this._mapSpacingToken(this.spacingTop)??t,i=this._mapSpacingToken(this.spacingBottom)??t,s=this._mapSpacingToken(this.spacingLeft),r=this._mapSpacingToken(this.spacingRight);e?this.style.marginBlockStart=e:this.style.removeProperty("margin-block-start"),i?this.style.marginBlockEnd=i:this.style.removeProperty("margin-block-end"),s?this.style.marginInlineStart=s:this.style.removeProperty("margin-inline-start"),r?this.style.marginInlineEnd=r:this.style.removeProperty("margin-inline-end")}render(){return f`
+      <div class="list" role="list">
+        <slot @slotchange=${this._onSlotChange}></slot>
+      </div>
+    `}},l.styles=[b`:host{display:block;--scb-list-bg:transparent}.list{background:var(--scb-list-bg);padding-block:var(--scb-list-container-padding-block, 8px)}:host(:not([no-divider])) ::slotted(scb-list-item:first-of-type:not([no-divider])){border-top:1px solid var(--md-sys-color-outline-variant)}:host([no-divider]) ::slotted(scb-list-item){--stroke-border:0px}`],l);n([a({type:Boolean,attribute:"no-divider",reflect:!0})],o.prototype,"noDivider",void 0);n([a({type:String,reflect:!0})],o.prototype,"spacing",void 0);n([a({type:String,reflect:!0,attribute:"spacing-top"})],o.prototype,"spacingTop",void 0);n([a({type:String,reflect:!0,attribute:"spacing-bottom"})],o.prototype,"spacingBottom",void 0);n([a({type:String,reflect:!0,attribute:"spacing-left"})],o.prototype,"spacingLeft",void 0);n([a({type:String,reflect:!0,attribute:"spacing-right"})],o.prototype,"spacingRight",void 0);n([h("slot")],o.prototype,"_slotEl",void 0);o=n([m("scb-list")],o);export{o as ScbList};

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

@@ -1,8 +1,8 @@
 const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["../../vendor/ripple.js","../../vendor/rolldown-runtime.js","../../vendor/vendor.js","../../vendor/attachable-controller.js","../../vendor/vendor-lit.js","../../vendor/md-focus-ring.js","../../vendor/icon.js"])))=>i.map(i=>d[i]);
-import{_ as g,b as _,g as f,h as r,m as v,v as u,y as l}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as s}from"../../vendor/decorate.js";import"../scb-chevron/scb-chevron.js";import{t as h}from"../../vendor/preload-helper.js";(function(){try{var a=typeof globalThis<"u"?globalThis:window;if(!a.__scb_ce_guard_installed__){a.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(t,n,d){try{customElements.get(t)||e(t,n,d)}catch(p){var m=String(p||"");if(m.indexOf("already been used")===-1&&m.indexOf("NotSupportedError")===-1)throw p}}}}catch{}})();var c,o,b={fromAttribute:a=>a==null?!1:!/^(false|0|off|no)$/i.test(a),toAttribute:a=>a?"":null},i=(c=class extends g{constructor(...e){super(...e),this.label="",this.selected=!1,this.noHighlightSelected=!1,this.leadingIcon="",this.itemHref="",this.hasChildren=!1,this.loading=!1,this.hasSlotContent=!1,this.expanded=!1,this.__submenuId=`sub-${Math.random().toString(36).slice(2)}`,this.__focusId=`f-${Math.random().toString(36).slice(2)}`,this._toggleExpand=t=>{t&&t.stopPropagation(),this.__isExpandable&&this.__setExpanded(!this.expanded)},this._onButtonClick=t=>{t.stopPropagation(),this._dispatchSelect(),this._toggleExpand()},this._onLinkClick=()=>{this._dispatchSelect()},this._onKeyDown=t=>{const n=Array.from(this.closest("scb-sub-menu, scb-menu")?.querySelectorAll("scb-menu-item")||[]),d=n.indexOf(this);switch(t.key){case"ArrowDown":t.preventDefault(),(n[d+1]||n[0]).shadowRoot?.querySelector(".scb-menu-label-text")?.focus();break;case"ArrowUp":t.preventDefault(),(n[d-1]||n[n.length-1]).shadowRoot?.querySelector(".scb-menu-label-text")?.focus();break;case"Home":t.preventDefault(),n[0].shadowRoot?.querySelector(".scb-menu-label-text")?.focus();break;case"End":t.preventDefault(),n[n.length-1].shadowRoot?.querySelector(".scb-menu-label-text")?.focus();break}}}get __submenuEl(){return this.renderRoot.querySelector(`#${this.__submenuId}`)}get __isExpandable(){return this.hasSlotContent||this.hasChildren}async __ensureDepsLoaded(){o.__rippleLoaded||(await h(()=>import("../../vendor/ripple.js").then(e=>e.t),__vite__mapDeps([0,1,2,3,4]),import.meta.url),o.__rippleLoaded=!0),o.__focusRingLoaded||(await h(()=>import("../../vendor/md-focus-ring.js").then(e=>e.t),__vite__mapDeps([5,1,2,3,4]),import.meta.url),o.__focusRingLoaded=!0),this.leadingIcon&&!o.__iconLoaded&&(await h(()=>import("../../vendor/icon.js").then(e=>e.t),__vite__mapDeps([6,1,2,4]),import.meta.url),o.__iconLoaded=!0)}__syncHasSlotContentFromLightDom(){const e=Array.from(this.children);this.hasSlotContent=e.some(t=>t.tagName==="SCB-SUB-MENU")}connectedCallback(){super.connectedCallback(),this.__syncHasSlotContentFromLightDom()}_onSlotChange(e){const t=e.target.assignedElements({flatten:!0});this.hasSlotContent=t.some(n=>n.tagName==="SCB-SUB-MENU")}__setExpanded(e){if(!this.__isExpandable)return;this.expanded=e;const t={item:this,expanded:e,hasChildren:this.hasChildren,hasSlotContent:this.hasSlotContent,loading:this.loading,lazy:this.hasChildren&&!this.hasSlotContent};this.dispatchEvent(new CustomEvent("scb-menu-expand",{bubbles:!0,composed:!0,detail:t})),this.dispatchEvent(new CustomEvent("scbmenuexpand",{bubbles:!0,composed:!0,detail:t}))}_dispatchSelect(){this.dispatchEvent(new CustomEvent("scb-menu-select",{bubbles:!0,composed:!0,detail:{item:this}})),this.dispatchEvent(new CustomEvent("scbmenuselect",{bubbles:!0,composed:!0,detail:{item:this}}))}async firstUpdated(){await this.__ensureDepsLoaded(),this.__applyInert()}updated(e){e.has("leadingIcon")&&this.leadingIcon&&this.__ensureDepsLoaded(),(e.has("hasSlotContent")&&this.hasSlotContent||e.has("hasChildren")&&this.hasChildren||e.has("loading")&&this.loading)&&this.__ensureDepsLoaded(),(e.has("expanded")||e.has("hasChildren")||e.has("loading"))&&this.__applyInert()}__applyInert(){const e=this.__submenuEl;e&&(this.loading?e.setAttribute("aria-busy","true"):e.removeAttribute("aria-busy"),this.expanded?(e.removeAttribute("inert"),e.setAttribute("aria-hidden","false")):(e.setAttribute("inert",""),e.setAttribute("aria-hidden","true")))}render(){const e=!!this.leadingIcon,t=!!this.itemHref,n=this.__isExpandable;return l`
+import{f as g,g as u,h as _,m as f,p as r,v as d,y as v}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as h}from"../../vendor/preload-helper.js";import{t as s}from"../../vendor/decorate.js";import"../../vendor/scb-chevron.js";(function(){try{var a=typeof globalThis<"u"?globalThis:window;if(!a.__scb_ce_guard_installed__){a.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(t,i,l){try{customElements.get(t)||e(t,i,l)}catch(p){var m=String(p||"");if(m.indexOf("already been used")===-1&&m.indexOf("NotSupportedError")===-1)throw p}}}}catch{}})();var c,o,b={fromAttribute:a=>a==null?!1:!/^(false|0|off|no)$/i.test(a),toAttribute:a=>a?"":null},n=(c=class extends _{constructor(...e){super(...e),this.label="",this.selected=!1,this.noHighlightSelected=!1,this.leadingIcon="",this.itemHref="",this.hasChildren=!1,this.loading=!1,this.hasSlotContent=!1,this.expanded=!1,this.__submenuId=`sub-${Math.random().toString(36).slice(2)}`,this.__focusId=`f-${Math.random().toString(36).slice(2)}`,this._toggleExpand=t=>{t&&t.stopPropagation(),this.__isExpandable&&this.__setExpanded(!this.expanded)},this._onButtonClick=t=>{t.stopPropagation(),this._dispatchSelect(),this._toggleExpand()},this._onLinkClick=()=>{this._dispatchSelect()},this._onKeyDown=t=>{const i=Array.from(this.closest("scb-sub-menu, scb-menu")?.querySelectorAll("scb-menu-item")||[]),l=i.indexOf(this);switch(t.key){case"ArrowDown":t.preventDefault(),(i[l+1]||i[0]).shadowRoot?.querySelector(".scb-menu-label-text")?.focus();break;case"ArrowUp":t.preventDefault(),(i[l-1]||i[i.length-1]).shadowRoot?.querySelector(".scb-menu-label-text")?.focus();break;case"Home":t.preventDefault(),i[0].shadowRoot?.querySelector(".scb-menu-label-text")?.focus();break;case"End":t.preventDefault(),i[i.length-1].shadowRoot?.querySelector(".scb-menu-label-text")?.focus();break}}}get __submenuEl(){return this.renderRoot.querySelector(`#${this.__submenuId}`)}get __isExpandable(){return this.hasSlotContent||this.hasChildren}async __ensureDepsLoaded(){o.__rippleLoaded||(await h(()=>import("../../vendor/ripple.js").then(e=>e.t),__vite__mapDeps([0,1,2,3,4]),import.meta.url),o.__rippleLoaded=!0),o.__focusRingLoaded||(await h(()=>import("../../vendor/md-focus-ring.js").then(e=>e.t),__vite__mapDeps([5,1,2,3,4]),import.meta.url),o.__focusRingLoaded=!0),this.leadingIcon&&!o.__iconLoaded&&(await h(()=>import("../../vendor/icon.js").then(e=>e.t),__vite__mapDeps([6,1,2,4]),import.meta.url),o.__iconLoaded=!0)}__syncHasSlotContentFromLightDom(){const e=Array.from(this.children);this.hasSlotContent=e.some(t=>t.tagName==="SCB-SUB-MENU")}connectedCallback(){super.connectedCallback(),this.__syncHasSlotContentFromLightDom()}_onSlotChange(e){const t=e.target.assignedElements({flatten:!0});this.hasSlotContent=t.some(i=>i.tagName==="SCB-SUB-MENU")}__setExpanded(e){if(!this.__isExpandable)return;this.expanded=e;const t={item:this,expanded:e,hasChildren:this.hasChildren,hasSlotContent:this.hasSlotContent,loading:this.loading,lazy:this.hasChildren&&!this.hasSlotContent};this.dispatchEvent(new CustomEvent("scb-menu-expand",{bubbles:!0,composed:!0,detail:t})),this.dispatchEvent(new CustomEvent("scbmenuexpand",{bubbles:!0,composed:!0,detail:t}))}_dispatchSelect(){this.dispatchEvent(new CustomEvent("scb-menu-select",{bubbles:!0,composed:!0,detail:{item:this}})),this.dispatchEvent(new CustomEvent("scbmenuselect",{bubbles:!0,composed:!0,detail:{item:this}}))}async firstUpdated(){await this.__ensureDepsLoaded(),this.__applyInert()}updated(e){e.has("leadingIcon")&&this.leadingIcon&&this.__ensureDepsLoaded(),(e.has("hasSlotContent")&&this.hasSlotContent||e.has("hasChildren")&&this.hasChildren||e.has("loading")&&this.loading)&&this.__ensureDepsLoaded(),(e.has("expanded")||e.has("hasChildren")||e.has("loading"))&&this.__applyInert()}__applyInert(){const e=this.__submenuEl;e&&(this.loading?e.setAttribute("aria-busy","true"):e.removeAttribute("aria-busy"),this.expanded?(e.removeAttribute("inert"),e.setAttribute("aria-hidden","false")):(e.setAttribute("inert",""),e.setAttribute("aria-hidden","true")))}render(){const e=!!this.leadingIcon,t=!!this.itemHref,i=this.__isExpandable;return d`
       <div class="scb-menu-item">
         <div class="scb-menu-item-label" ?selected=${this.selected} ?no-highlight-selected=${this.noHighlightSelected}>
-          ${t?l`
+          ${t?d`
                 <a
                   id=${this.__focusId}
                   class="scb-menu-label-text"
@@ -14,31 +14,31 @@ import{_ as g,b as _,g as f,h as r,m as v,v as u,y as l}from"../../vendor/vendor
                 >
                   <span class="scb-menu-click ${e?"has-icon":""}">
                     <md-ripple></md-ripple>
-                    ${e?l`<md-icon>${this.leadingIcon}</md-icon>`:""}
+                    ${e?d`<md-icon>${this.leadingIcon}</md-icon>`:""}
                     ${this.label}
                   </span>
                 </a>
                 <md-focus-ring for=${this.__focusId} inward></md-focus-ring>
-              `:l`
+              `:d`
                 <button
                   id=${this.__focusId}
                   type="button"
                   class="scb-menu-label-text"
                   @click=${this._onButtonClick}
                   @keydown=${this._onKeyDown}
-                  aria-expanded=${n?String(this.expanded):u}
-                  aria-controls=${n?this.__submenuId:u}
-                  aria-busy=${n&&this.loading?"true":u}
+                  aria-expanded=${i?String(this.expanded):u}
+                  aria-controls=${i?this.__submenuId:u}
+                  aria-busy=${i&&this.loading?"true":u}
                 >
                   <span class="scb-menu-click ${e?"has-icon":""}">
                     <md-ripple></md-ripple>
-                    ${e?l`<md-icon>${this.leadingIcon}</md-icon>`:""}
+                    ${e?d`<md-icon>${this.leadingIcon}</md-icon>`:""}
                     ${this.label}
                   </span>
                 </button>
                 <md-focus-ring for=${this.__focusId} inward></md-focus-ring>
               `}
-          ${n?l`
+          ${i?d`
                 <button
                   class="menu-chevron-button"
                   type="button"
@@ -46,7 +46,7 @@ import{_ as g,b as _,g as f,h as r,m as v,v as u,y as l}from"../../vendor/vendor
                   aria-expanded=${String(this.expanded)}
                   aria-controls=${this.__submenuId}
                   tabindex=${t?"0":"-1"}
-                  @click=${d=>{d.stopPropagation(),this._toggleExpand(d)}}
+                  @click=${l=>{l.stopPropagation(),this._toggleExpand(l)}}
                 >
                   <md-ripple></md-ripple>
                   <scb-chevron class="menu-chevron" .open=${this.expanded}></scb-chevron>
@@ -59,194 +59,20 @@ import{_ as g,b as _,g as f,h as r,m as v,v as u,y as l}from"../../vendor/vendor
           class="submenu ${this.expanded?"expanded":""}"
           role="region"
           aria-hidden=${this.expanded?"false":"true"}
-          aria-busy=${n&&this.loading?"true":u}
+          aria-busy=${i&&this.loading?"true":u}
         >
           <div class="submenu__inner">
             <slot @slotchange=${this._onSlotChange}></slot>
-            ${this.loading?l`<div class="submenu-loading" role="status">Laddar…</div>`:u}
+            ${this.loading?d`<div class="submenu-loading" role="status">Laddar…</div>`:u}
           </div>
         </div>
       </div>
-    `}},o=c,c.__rippleLoaded=!1,c.__iconLoaded=!1,c.__focusRingLoaded=!1,c.styles=_`
-    :host {
-      /* Animationtokens */
-      --scb-menu-sub-transition-duration: var(--scb-motion-duration-quick, 150ms);
-      --scb-menu-sub-transition-easing: var(--scb-motion-easing-standard, cubic-bezier(.69,.16,.2,.98));
-
-      --scb-menu-chevron-transition-duration: var(--motion-duration-medium, 150ms);
-      --scb-menu-chevron-transition-easing: var(
+    `}},o=c,c.__rippleLoaded=!1,c.__iconLoaded=!1,c.__focusRingLoaded=!1,c.styles=v`@keyframes scb-menu-loading-spin{to{transform:rotate(1turn)}}:host{--scb-menu-sub-transition-duration:var(--scb-motion-duration-quick, 150ms);--scb-menu-sub-transition-easing:var(--scb-motion-easing-standard, cubic-bezier(.69,.16,.2,.98));--scb-menu-chevron-transition-duration:var(--motion-duration-medium, 150ms);--scb-menu-chevron-transition-easing:var(
         --motion-easing-emphasized-accelerate,
         var(--motion-easing-emphasized, cubic-bezier(.69,.16,.2,.98))
-      );
-
-      --scb-menu-item-padding-y: 14px;
-      --scb-menu-item-padding-x: 20px;
-      --scb-menu-item-padding-x-has-icon: var(--spacing-4, 12px);
-      --scb-menu-item-radius: 28px;
-      --scb-menu-item-gap: var(--spacing-4, 12px);
-    }
-
-    :host([expanded]) {
-      --scb-menu-chevron-transition-easing: var(
+      );--scb-menu-item-padding-y:14px;--scb-menu-item-padding-x:20px;--scb-menu-item-padding-x-has-icon:var(--spacing-4, 12px);--scb-menu-item-radius:28px;--scb-menu-item-gap:var(--spacing-4, 12px)}:host([expanded]){--scb-menu-chevron-transition-easing:var(
         --motion-easing-emphasized-decelerate,
         var(--motion-easing-emphasized, cubic-bezier(.69,.16,.2,.98))
-      );
-    }
-
-    .scb-menu-item-label {
-      display: flex;
-      align-items: center;
-      position: relative;
-    }
-
-    .scb-menu-label-text {
-      width: 100%;
-      display: block;
-      background: transparent;
-      border: 0;
-      text-align: left;
-      font: inherit;
-      color: inherit;
-      text-decoration: none;
-      cursor: pointer;
-      padding: 0;
-      margin: 0;
-      appearance: none;
-      -webkit-appearance: none;
-      box-sizing: border-box;
-      outline: none;
-      -webkit-tap-highlight-color: transparent;
-    }
-    .scb-menu-label-text:focus,
-    .scb-menu-label-text:focus-visible {
-      outline: none;
-    }
-    .scb-menu-label-text:-moz-focusring {
-      outline: none;
-    }
-
-    .scb-menu-click {
-      display: flex;
-      align-items: center;
-      gap: var(--scb-menu-item-gap);
-      padding-block: var(--scb-menu-item-padding-y);
-      padding-inline: var(--scb-menu-item-padding-x);
-      border-radius: var(--scb-menu-item-radius);
-      position: relative;
-      overflow: hidden;
-      color: var(--md-sys-color-on-surface);
-    }
-    .scb-menu-click.has-icon {
-      padding-inline: var(--scb-menu-item-padding-x-has-icon);
-      padding-block: var(--scb-menu-item-padding-y);
-    }
-
-    .scb-menu-click md-ripple {
-      --md-ripple-focus-opacity: 0;
-    }
-
-    .scb-menu-item-label[selected]:not([no-highlight-selected]) .scb-menu-click,
-    :host([selected]):not([no-highlight-selected]) .scb-menu-click {
-      color: var(--md-sys-color-on-secondary-container);
-      background: var(--md-sys-color-secondary-container);
-      font-weight: 600;
-    }
-
-    .menu-chevron-button {
-      margin-left: auto;
-      flex: 0 0 auto;
-      position: relative;
-      display: inline-flex;
-      align-items: center;
-      justify-content: center;
-      inline-size: 48px;
-      block-size: 48px;
-      padding: 0;
-      border: 0;
-      border-radius: 999px;
-      background: transparent;
-      color: inherit;
-      cursor: pointer;
-      -webkit-tap-highlight-color: transparent;
-    }
-
-    .menu-chevron-button:focus {
-      outline: none;
-    }
-
-    .menu-chevron-button md-ripple {
-      border-radius: inherit;
-    }
-
-    .menu-chevron {
-      --scb-chevron-size: var(--icon-size-medium, 24px);
-    }
-
-    :host([loading]) .menu-chevron-button {
-      cursor: progress;
-    }
-
-    :host([loading]) .menu-chevron {
-      opacity: 0.7;
-    }
-
-    /* Undermeny: CSS-grid 0fr till 1fr för höjd-animation utan JS-mätningar */
-    .submenu {
-      display: grid;
-      grid-template-rows: 0fr;
-      transition:
-        grid-template-rows var(--scb-menu-sub-transition-duration) var(--scb-menu-sub-transition-easing),
-        opacity var(--scb-menu-sub-transition-duration) var(--scb-menu-sub-transition-easing);
-      opacity: 0;
-      overflow: hidden;
-      padding-left: var(--spacing-5, 16px);
-    }
-    .submenu.expanded {
-      grid-template-rows: 1fr;
-      opacity: 1;
-    }
-    .submenu__inner {
-      overflow: hidden;
-    }
-
-    .submenu-loading {
-      display: flex;
-      align-items: center;
-      gap: var(--spacing-3, 8px);
-      padding-block: var(--spacing-3, 8px);
-      padding-inline: var(--spacing-5, 16px);
-      color: var(
-        --scb-menu-loading-color,
+      )}.scb-menu-item-label{display:flex;align-items:center;position:relative}.scb-menu-label-text{width:100%;display:block;background:0 0;border:0;text-align:left;font:inherit;color:inherit;text-decoration:none;cursor:pointer;padding:0;margin:0;appearance:none;-webkit-appearance:none;box-sizing:border-box;outline:0;-webkit-tap-highlight-color:transparent}.scb-menu-label-text:focus,.scb-menu-label-text:focus-visible{outline:0}.scb-menu-label-text:-moz-focusring{outline:0}.scb-menu-click,.scb-menu-click.has-icon{padding-block:var(--scb-menu-item-padding-y)}.scb-menu-click{display:flex;align-items:center;gap:var(--scb-menu-item-gap);padding-inline:var(--scb-menu-item-padding-x);border-radius:var(--scb-menu-item-radius);position:relative;overflow:hidden;color:var(--md-sys-color-on-surface)}.scb-menu-click.has-icon{padding-inline:var(--scb-menu-item-padding-x-has-icon)}.scb-menu-click md-ripple{--md-ripple-focus-opacity:0}.scb-menu-item-label[selected]:not([no-highlight-selected]) .scb-menu-click,:host([selected]):not([no-highlight-selected]) .scb-menu-click{color:var(--md-sys-color-on-secondary-container);background:var(--md-sys-color-secondary-container);font-weight:600}.menu-chevron-button{margin-left:auto;flex:0 0 auto;position:relative;display:inline-flex;align-items:center;justify-content:center;inline-size:48px;block-size:48px;padding:0;border:0;border-radius:999px;background:0 0;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.menu-chevron-button:focus{outline:0}.menu-chevron-button md-ripple{border-radius:inherit}.menu-chevron{--scb-chevron-size:var(--icon-size-medium, 24px)}:host([loading]) .menu-chevron-button{cursor:progress}:host([loading]) .menu-chevron{opacity:.7}.submenu{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--scb-menu-sub-transition-duration) var(--scb-menu-sub-transition-easing),opacity var(--scb-menu-sub-transition-duration) var(--scb-menu-sub-transition-easing);opacity:0;padding-left:var(--spacing-5, 16px)}.submenu.expanded{grid-template-rows:1fr;opacity:1}.submenu,.submenu__inner{overflow:hidden}.submenu-loading{display:flex;align-items:center;gap:var(--spacing-3, 8px);padding-block:var(--spacing-3, 8px);padding-inline:var(--spacing-5, 16px);color:var(--scb-menu-loading-color,
         var(--md-sys-color-on-surface-variant, currentColor)
-      );
-      font-size: var(--md-sys-typescale-body-small-size, 0.875rem);
-      line-height: var(--md-sys-typescale-body-small-line-height, 1.25rem);
-    }
-
-    .submenu-loading::before {
-      content: '';
-      inline-size: 0.75rem;
-      block-size: 0.75rem;
-      border-radius: 999px;
-      border: 2px solid currentColor;
-      border-inline-end-color: transparent;
-      animation: scb-menu-loading-spin 700ms linear infinite;
-    }
-
-    @keyframes scb-menu-loading-spin {
-      to {
-        transform: rotate(1turn);
-      }
-    }
-
-    /* Minskar rörelse för användare som önskar det */
-    @media (prefers-reduced-motion: reduce) {
-      .submenu {
-        transition: none;
-      }
-
-      .submenu-loading::before {
-        animation: none;
-      }
-    }
-  `,c);s([r({type:String})],i.prototype,"label",void 0);s([r({type:Boolean,reflect:!0})],i.prototype,"selected",void 0);s([r({type:Boolean,attribute:"no-highlight-selected",reflect:!0})],i.prototype,"noHighlightSelected",void 0);s([r({type:String,attribute:"leading-icon"})],i.prototype,"leadingIcon",void 0);s([r({type:String,attribute:"item-href"})],i.prototype,"itemHref",void 0);s([r({type:Boolean,attribute:"has-children",reflect:!0,converter:b})],i.prototype,"hasChildren",void 0);s([r({type:Boolean,reflect:!0,converter:b})],i.prototype,"loading",void 0);s([v()],i.prototype,"hasSlotContent",void 0);s([r({type:Boolean,reflect:!0})],i.prototype,"expanded",void 0);i=o=s([f("scb-menu-item")],i);
+      );font-size:var(--md-sys-typescale-body-small-size, 0.875rem);line-height:var(--md-sys-typescale-body-small-line-height, 1.25rem)}.submenu-loading::before{content:"";inline-size:.75rem;block-size:.75rem;border-radius:999px;border:2px solid currentColor;border-inline-end-color:transparent;animation:scb-menu-loading-spin 700ms linear infinite}@media (prefers-reduced-motion:reduce){.submenu{transition:none}.submenu-loading::before{animation:none}}`,c);s([r({type:String})],n.prototype,"label",void 0);s([r({type:Boolean,reflect:!0})],n.prototype,"selected",void 0);s([r({type:Boolean,attribute:"no-highlight-selected",reflect:!0})],n.prototype,"noHighlightSelected",void 0);s([r({type:String,attribute:"leading-icon"})],n.prototype,"leadingIcon",void 0);s([r({type:String,attribute:"item-href"})],n.prototype,"itemHref",void 0);s([r({type:Boolean,attribute:"has-children",reflect:!0,converter:b})],n.prototype,"hasChildren",void 0);s([r({type:Boolean,reflect:!0,converter:b})],n.prototype,"loading",void 0);s([g()],n.prototype,"hasSlotContent",void 0);s([r({type:Boolean,reflect:!0})],n.prototype,"expanded",void 0);n=o=s([f("scb-menu-item")],n);

package/mvc/components/scb-menu/scb-menu-section.js

@@ -1,42 +1,10 @@
-import{_ as m,b,g as u,h as v,y as o}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as c}from"../../vendor/decorate.js";import"../scb-divider/scb-divider.js";(function(){try{var e=typeof globalThis<"u"?globalThis:window;if(!e.__scb_ce_guard_installed__){e.__scb_ce_guard_installed__=!0;var i=customElements.define.bind(customElements);customElements.define=function(s,l,d){try{customElements.get(s)||i(s,l,d)}catch(r){var n=String(r||"");if(n.indexOf("already been used")===-1&&n.indexOf("NotSupportedError")===-1)throw r}}}}catch{}})();var t,a=(t=class extends m{constructor(...i){super(...i),this.label=""}render(){return o`
+import{h as m,m as b,p as u,v as c,y as p}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as l}from"../../vendor/decorate.js";import"../scb-divider/scb-divider.js";(function(){try{var e=typeof globalThis<"u"?globalThis:window;if(!e.__scb_ce_guard_installed__){e.__scb_ce_guard_installed__=!0;var i=customElements.define.bind(customElements);customElements.define=function(s,o,d){try{customElements.get(s)||i(s,o,d)}catch(r){var a=String(r||"");if(a.indexOf("already been used")===-1&&a.indexOf("NotSupportedError")===-1)throw r}}}}catch{}})();var t,n=(t=class extends m{constructor(...i){super(...i),this.label=""}render(){return c`
       <scb-divider></scb-divider>
-      ${this.label?o`
+      ${this.label?c`
             <div class="scb-menu-section">
               <div class="scb-menu-label">${this.label}</div>
             </div>
           `:""}
-    `}},t.styles=b`
-    :host {
-      color: var(--md-sys-color-on-surface);
-      font-family: var(--brand-font);
-    }
-
-    .scb-menu-section {
-      display: block;
-      width: 100%;
-
-      padding-block: var(--scb-menu-section-padding-block, 14px);
-      padding-inline: var(--spacing-4, 12px);
-      color: var(--md-sys-color-on-surface);
-      font-weight: var(--weight-semibold, 600);
-    }
-
-    .scb-menu-label {
-      font-family: var(--brand-font);
-      font-size: var(--md-sys-typescale-label-medium-size);
-      line-height: var(--md-sys-typescale-label-medium-line-height);
-      font-weight: var(
-        --md-sys-typescale-label-medium-weight,
+    `}},t.styles=p`:host{color:var(--md-sys-color-on-surface);font-family:var(--brand-font)}.scb-menu-label,.scb-menu-section{color:var(--md-sys-color-on-surface)}.scb-menu-section{display:block;width:100%;padding-block:var(--scb-menu-section-padding-block, 14px);padding-inline:var(--spacing-4, 12px);font-weight:var(--weight-semibold, 600)}.scb-menu-label{font-family:var(--brand-font);font-size:var(--md-sys-typescale-label-medium-size);line-height:var(--md-sys-typescale-label-medium-line-height);font-weight:var(--md-sys-typescale-label-medium-weight,
         var(--weight-semibold)
-      );
-      letter-spacing: var(
-        --md-sys-typescale-label-medium-tracking
-      );
-      color: var(--md-sys-color-on-surface);
-    }
-
-    scb-divider {
-      margin-block: var(--spacing-2, 4px);
-      margin-inline: var(--spacing-4, 12px);
-    }
-  `,t);c([v({type:String})],a.prototype,"label",void 0);a=c([u("scb-menu-section")],a);
+      );letter-spacing:var(--md-sys-typescale-label-medium-tracking)}scb-divider{margin-block:var(--spacing-2, 4px);margin-inline:var(--spacing-4, 12px)}`,t);l([u({type:String})],n.prototype,"label",void 0);n=l([b("scb-menu-section")],n);

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

@@ -1,4 +1,4 @@
-import{_ as m,b as f,g as v,h as n,v as _,y as b}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as r}from"../../vendor/decorate.js";import{n as z,t as y}from"../../vendor/assertClassBrand.js";import"../scb-divider/scb-divider.js";import"./scb-menu-item.js";import"./scb-menu-section.js";import"./scb-sub-menu.js";(function(){try{var c=typeof globalThis<"u"?globalThis:window;if(!c.__scb_ce_guard_installed__){c.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(t,i,a){try{customElements.get(t)||e(t,i,a)}catch(o){var l=String(o||"");if(l.indexOf("already been used")===-1&&l.indexOf("NotSupportedError")===-1)throw o}}}}catch{}})();var h,u,s=(h=new WeakSet,u=class extends m{constructor(...e){super(...e),z(this,h),this.label="",this.subLabel="",this.noHighlightSelected=!1,this.elevation=!1,this.lazySrc="",this.lazyIdParam="id",this.lazyChildrenField="",this.lazyIdField="id",this.lazyLabelField="label",this.lazyHrefField="href",this.lazyHasChildrenField="hasChildren",this.lazyHasLinkField="hasLink",this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this._lazyCache=new Map,this._onGlobalSelect=t=>{const i=t;this.querySelectorAll("scb-menu-item").forEach(a=>{a.selected=!1,this.noHighlightSelected?a.setAttribute("no-highlight-selected",""):a.removeAttribute("no-highlight-selected")}),this.contains(i.detail.item)&&(i.detail.item.selected=!0)},this._onMenuExpand=t=>{this._loadLazyChildren(t)}}render(){return b`
+import{g as m,h as f,m as v,p as n,v as b,y as z}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as r}from"../../vendor/decorate.js";import{n as _,t as y}from"../../vendor/assertClassBrand.js";import"../scb-divider/scb-divider.js";import"./scb-menu-item.js";import"./scb-menu-section.js";import"./scb-sub-menu.js";(function(){try{var c=typeof globalThis<"u"?globalThis:window;if(!c.__scb_ce_guard_installed__){c.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(t,i,a){try{customElements.get(t)||e(t,i,a)}catch(o){var l=String(o||"");if(l.indexOf("already been used")===-1&&l.indexOf("NotSupportedError")===-1)throw o}}}}catch{}})();var h,u,s=(h=new WeakSet,u=class extends f{constructor(...e){super(...e),_(this,h),this.label="",this.subLabel="",this.noHighlightSelected=!1,this.elevation=!1,this.lazySrc="",this.lazyIdParam="id",this.lazyChildrenField="",this.lazyIdField="id",this.lazyLabelField="label",this.lazyHrefField="href",this.lazyHasChildrenField="hasChildren",this.lazyHasLinkField="hasLink",this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this._lazyCache=new Map,this._onGlobalSelect=t=>{const i=t;this.querySelectorAll("scb-menu-item").forEach(a=>{a.selected=!1,this.noHighlightSelected?a.setAttribute("no-highlight-selected",""):a.removeAttribute("no-highlight-selected")}),this.contains(i.detail.item)&&(i.detail.item.selected=!0)},this._onMenuExpand=t=>{this._loadLazyChildren(t)}}render(){return b`
       <nav
         aria-label="${this.label}"
       >
@@ -10,77 +10,13 @@ import{_ as m,b as f,g as v,h as n,v as _,y as b}from"../../vendor/vendor.js";im
                 </div>
               </div>
               <scb-divider></scb-divider>
-            `:_}
+            `:m}
         <div class="panel">
           <slot></slot>
         </div>
       </nav>
-    `}firstUpdated(e){super.firstUpdated(e),y(h,this,g).call(this)}updated(e){super.updated(e),(e.has("spacing")||e.has("spacingTop")||e.has("spacingBottom")||e.has("spacingLeft")||e.has("spacingRight"))&&y(h,this,g).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}connectedCallback(){super.connectedCallback(),window.addEventListener("scb-menu-select",this._onGlobalSelect),this.addEventListener("scb-menu-expand",this._onMenuExpand)}disconnectedCallback(){window.removeEventListener("scb-menu-select",this._onGlobalSelect),this.removeEventListener("scb-menu-expand",this._onMenuExpand),super.disconnectedCallback()}async _loadLazyChildren(e){if(!this.lazySrc)return;const t=e.detail?.item;if(!t||!this.contains(t)||!e.detail?.expanded||t.hasAttribute("data-loaded")||!t.hasAttribute("has-children")||e.detail?.lazy===!1||this._hasSubMenu(t))return;const i=t.getAttribute("data-node-id")??t.dataset.nodeId;if(i){this._setItemLoading(t,!0),t.removeAttribute("data-load-error");try{const a=await this._fetchLazyChildren(i),l=this._createSubMenu(t,a);t.appendChild(l),t.setAttribute("data-loaded",""),this.dispatchEvent(new CustomEvent("scb-menu-lazy-load",{bubbles:!0,composed:!0,detail:{item:t,nodeId:i,children:a}}))}catch(a){t.setAttribute("data-load-error",""),this.dispatchEvent(new CustomEvent("scb-menu-lazy-error",{bubbles:!0,composed:!0,detail:{item:t,nodeId:i,error:a}}))}finally{this._setItemLoading(t,!1)}}}_setItemLoading(e,t){e.loading=t,e.toggleAttribute("loading",t),t?e.setAttribute("aria-busy","true"):e.removeAttribute("aria-busy")}_hasSubMenu(e){return Array.from(e.children).some(t=>t.tagName==="SCB-SUB-MENU")}_createSubMenu(e,t){const i=document.createElement("scb-sub-menu");i.setAttribute("label",e.getAttribute("label")??"");for(const a of t)i.appendChild(this._createLazyMenuItem(a));return i}_createLazyMenuItem(e){const t=document.createElement("scb-menu-item"),i=this._getRecordValue(e,this.lazyIdField,["id","Id"]),a=this._getRecordValue(e,this.lazyLabelField,["label","Label","name","Name"]),l=this._getRecordValue(e,this.lazyHrefField,["href","Href","url","Url"]),o=this._toBoolean(this._getRecordValue(e,this.lazyHasChildrenField,["hasChildren","HasChildren"])),d=this._getRecordValue(e,this.lazyHasLinkField,["hasLink","HasLink"]),p=d==null?!!l:this._toBoolean(d);return a!=null&&t.setAttribute("label",String(a)),i!=null&&t.setAttribute("data-node-id",String(i)),o&&t.setAttribute("has-children",""),p&&l!=null&&String(l).trim()&&t.setAttribute("item-href",String(l)),t}async _fetchLazyChildren(e){const t=`${this.lazySrc}|${this.lazyIdParam}|${e}`;let i=this._lazyCache.get(t);return i||(i=fetch(this._createLazyUrl(e),{credentials:"same-origin"}).then(async a=>{if(!a.ok)throw new Error(`Kunde inte ladda menybarn (${a.status}).`);const l=await a.json();return this._normalizeChildren(l)}).catch(a=>{throw this._lazyCache.delete(t),a}),this._lazyCache.set(t,i)),i}_createLazyUrl(e){if(this.lazySrc.includes("{id}"))return this.lazySrc.split("{id}").join(encodeURIComponent(e));const t=new URL(this.lazySrc,document.baseURI);return this.lazyIdParam&&t.searchParams.set(this.lazyIdParam,e),t.toString()}_normalizeChildren(e){const t=Array.isArray(e)?e:this._getRecordValue(e,this.lazyChildrenField,["children","Children","items","Items","data","Data"]);return Array.isArray(t)?t.filter(i=>!!i&&typeof i=="object"&&!Array.isArray(i)):[]}_getRecordValue(e,t,i=[]){if(!e||typeof e!="object"||Array.isArray(e))return;const a=e,l=[t,...i].filter(Boolean);for(const o of l){if(o in a)return a[o];const d=Object.keys(a).find(p=>p.toLowerCase()===o.toLowerCase());if(d)return a[d]}}_toBoolean(e){return typeof e=="boolean"?e:typeof e=="number"?e!==0:typeof e=="string"?!/^(false|0|off|no|nej)$/i.test(e.trim()):!!e}},u.styles=f`
-    :host {
-      display: block;
-      color: var(--md-sys-color-on-surface);
-      padding: var(--spacing-4, 12px);
-      background: var(--scb-menu-background, var(--md-sys-color-surface-container-low));
-      font-family: var(--brand-font);
-
-      margin-block-start: var(--scb-menu-spacing-block-start, 0);
-      margin-block-end: var(--scb-menu-spacing-block-end, 0);
-      margin-inline-start: var(--scb-menu-spacing-inline-start, 0);
-      margin-inline-end: var(--scb-menu-spacing-inline-end, 0);
-    }
-
-    :host([elevation]) {
-      box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.30), 0 2px 6px 2px rgba(0, 0, 0, 0.15);
-      border-radius: 0 var(--radius-Large, 16px) var(--radius-Large, 16px) 0;
-    }
-    
-    .scb-menu-label {
-      font-size: var(--md-sys-typescale-label-large-size);
-      line-height: var(
-        --md-sys-typescale-label-large-line-height
-      );
-      font-weight: var(
-        --md-sys-typescale-label-large-weight,
+    `}firstUpdated(e){super.firstUpdated(e),y(h,this,g).call(this)}updated(e){super.updated(e),(e.has("spacing")||e.has("spacingTop")||e.has("spacingBottom")||e.has("spacingLeft")||e.has("spacingRight"))&&y(h,this,g).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}connectedCallback(){super.connectedCallback(),window.addEventListener("scb-menu-select",this._onGlobalSelect),this.addEventListener("scb-menu-expand",this._onMenuExpand)}disconnectedCallback(){window.removeEventListener("scb-menu-select",this._onGlobalSelect),this.removeEventListener("scb-menu-expand",this._onMenuExpand),super.disconnectedCallback()}async _loadLazyChildren(e){if(!this.lazySrc)return;const t=e.detail?.item;if(!t||!this.contains(t)||!e.detail?.expanded||t.hasAttribute("data-loaded")||!t.hasAttribute("has-children")||e.detail?.lazy===!1||this._hasSubMenu(t))return;const i=t.getAttribute("data-node-id")??t.dataset.nodeId;if(i){this._setItemLoading(t,!0),t.removeAttribute("data-load-error");try{const a=await this._fetchLazyChildren(i),l=this._createSubMenu(t,a);t.appendChild(l),t.setAttribute("data-loaded",""),this.dispatchEvent(new CustomEvent("scb-menu-lazy-load",{bubbles:!0,composed:!0,detail:{item:t,nodeId:i,children:a}}))}catch(a){t.setAttribute("data-load-error",""),this.dispatchEvent(new CustomEvent("scb-menu-lazy-error",{bubbles:!0,composed:!0,detail:{item:t,nodeId:i,error:a}}))}finally{this._setItemLoading(t,!1)}}}_setItemLoading(e,t){e.loading=t,e.toggleAttribute("loading",t),t?e.setAttribute("aria-busy","true"):e.removeAttribute("aria-busy")}_hasSubMenu(e){return Array.from(e.children).some(t=>t.tagName==="SCB-SUB-MENU")}_createSubMenu(e,t){const i=document.createElement("scb-sub-menu");i.setAttribute("label",e.getAttribute("label")??"");for(const a of t)i.appendChild(this._createLazyMenuItem(a));return i}_createLazyMenuItem(e){const t=document.createElement("scb-menu-item"),i=this._getRecordValue(e,this.lazyIdField,["id","Id"]),a=this._getRecordValue(e,this.lazyLabelField,["label","Label","name","Name"]),l=this._getRecordValue(e,this.lazyHrefField,["href","Href","url","Url"]),o=this._toBoolean(this._getRecordValue(e,this.lazyHasChildrenField,["hasChildren","HasChildren"])),d=this._getRecordValue(e,this.lazyHasLinkField,["hasLink","HasLink"]),p=d==null?!!l:this._toBoolean(d);return a!=null&&t.setAttribute("label",String(a)),i!=null&&t.setAttribute("data-node-id",String(i)),o&&t.setAttribute("has-children",""),p&&l!=null&&String(l).trim()&&t.setAttribute("item-href",String(l)),t}async _fetchLazyChildren(e){const t=`${this.lazySrc}|${this.lazyIdParam}|${e}`;let i=this._lazyCache.get(t);return i||(i=fetch(this._createLazyUrl(e),{credentials:"same-origin"}).then(async a=>{if(!a.ok)throw new Error(`Kunde inte ladda menybarn (${a.status}).`);const l=await a.json();return this._normalizeChildren(l)}).catch(a=>{throw this._lazyCache.delete(t),a}),this._lazyCache.set(t,i)),i}_createLazyUrl(e){if(this.lazySrc.includes("{id}"))return this.lazySrc.split("{id}").join(encodeURIComponent(e));const t=new URL(this.lazySrc,document.baseURI);return this.lazyIdParam&&t.searchParams.set(this.lazyIdParam,e),t.toString()}_normalizeChildren(e){const t=Array.isArray(e)?e:this._getRecordValue(e,this.lazyChildrenField,["children","Children","items","Items","data","Data"]);return Array.isArray(t)?t.filter(i=>!!i&&typeof i=="object"&&!Array.isArray(i)):[]}_getRecordValue(e,t,i=[]){if(!e||typeof e!="object"||Array.isArray(e))return;const a=e,l=[t,...i].filter(Boolean);for(const o of l){if(o in a)return a[o];const d=Object.keys(a).find(p=>p.toLowerCase()===o.toLowerCase());if(d)return a[d]}}_toBoolean(e){return typeof e=="boolean"?e:typeof e=="number"?e!==0:typeof e=="string"?!/^(false|0|off|no|nej)$/i.test(e.trim()):!!e}},u.styles=z`:host{display:block;color:var(--md-sys-color-on-surface);padding:var(--spacing-4, 12px);background:var(--scb-menu-background, var(--md-sys-color-surface-container-low));font-family:var(--brand-font);margin-block-start:var(--scb-menu-spacing-block-start, 0);margin-block-end:var(--scb-menu-spacing-block-end, 0);margin-inline-start:var(--scb-menu-spacing-inline-start, 0);margin-inline-end:var(--scb-menu-spacing-inline-end, 0)}:host([elevation]){box-shadow:0 1px 2px 0 rgba(0,0,0,.3),0 2px 6px 2px rgba(0,0,0,.15);border-radius:0 var(--radius-Large, 16px) var(--radius-Large, 16px)0}.scb-menu-label,.scb-menu-sublabel{color:var(--md-sys-color-on-surface)}.scb-menu-label{font-size:var(--md-sys-typescale-label-large-size);line-height:var(--md-sys-typescale-label-large-line-height);font-weight:var(--md-sys-typescale-label-large-weight,
         var(--weight-semibold)
-      );
-      letter-spacing: var(
-        --md-sys-typescale-label-large-tracking
-      );
-      color: var(--md-sys-color-on-surface);
-    }
-
-    .scb-menu-sublabel {
-      font-size: var(--md-sys-typescale-body-small-size);
-      line-height: var(
-        --md-sys-typescale-body-small-line-height
-      );
-      font-weight: var(
-        --md-sys-typescale-body-small-weight,
+      );letter-spacing:var(--md-sys-typescale-label-large-tracking)}.scb-menu-sublabel{font-size:var(--md-sys-typescale-body-small-size);line-height:var(--md-sys-typescale-body-small-line-height);font-weight:var(--md-sys-typescale-body-small-weight,
         var(--weight-regular)
-      );
-      letter-spacing: var(
-        --md-sys-typescale-body-small-tracking
-      );
-      color: var(--md-sys-color-on-surface);
-    }
-
-    .scb-menu-label-wrapper {
-      padding: var(--spacing-4, 12px);
-      color: inherit;
-    }
-
-    scb-divider {
-      margin-block: var(--spacing-2, 4px);
-    }
-
-    ::slotted(scb-search) {
-      display: block;
-      width: 100%;
-      box-sizing: border-box;
-      padding: var(--scb-menu-search-padding, var(--spacing-4, 12px));
-    }
-
-    .panel {
-      contain: layout paint style;
-    }
-  `,u);function g(){const c=this.mapSpacingToken(this.spacing),e=this.mapSpacingToken(this.spacingTop)??c,t=this.mapSpacingToken(this.spacingBottom)??c,i=this.mapSpacingToken(this.spacingLeft),a=this.mapSpacingToken(this.spacingRight);e?this.style.setProperty("--scb-menu-spacing-block-start",e):this.style.removeProperty("--scb-menu-spacing-block-start"),t?this.style.setProperty("--scb-menu-spacing-block-end",t):this.style.removeProperty("--scb-menu-spacing-block-end"),i?this.style.setProperty("--scb-menu-spacing-inline-start",i):this.style.removeProperty("--scb-menu-spacing-inline-start"),a?this.style.setProperty("--scb-menu-spacing-inline-end",a):this.style.removeProperty("--scb-menu-spacing-inline-end")}r([n({type:String})],s.prototype,"label",void 0);r([n({type:String,attribute:"sub-label"})],s.prototype,"subLabel",void 0);r([n({type:Boolean,attribute:"no-highlight-selected",reflect:!0})],s.prototype,"noHighlightSelected",void 0);r([n({type:Boolean,reflect:!0})],s.prototype,"elevation",void 0);r([n({type:String,attribute:"lazy-src"})],s.prototype,"lazySrc",void 0);r([n({type:String,attribute:"lazy-id-param"})],s.prototype,"lazyIdParam",void 0);r([n({type:String,attribute:"lazy-children-field"})],s.prototype,"lazyChildrenField",void 0);r([n({type:String,attribute:"lazy-id-field"})],s.prototype,"lazyIdField",void 0);r([n({type:String,attribute:"lazy-label-field"})],s.prototype,"lazyLabelField",void 0);r([n({type:String,attribute:"lazy-href-field"})],s.prototype,"lazyHrefField",void 0);r([n({type:String,attribute:"lazy-has-children-field"})],s.prototype,"lazyHasChildrenField",void 0);r([n({type:String,attribute:"lazy-has-link-field"})],s.prototype,"lazyHasLinkField",void 0);r([n({type:String,reflect:!0})],s.prototype,"spacing",void 0);r([n({type:String,attribute:"spacing-top",reflect:!0})],s.prototype,"spacingTop",void 0);r([n({type:String,attribute:"spacing-bottom",reflect:!0})],s.prototype,"spacingBottom",void 0);r([n({type:String,attribute:"spacing-left",reflect:!0})],s.prototype,"spacingLeft",void 0);r([n({type:String,attribute:"spacing-right",reflect:!0})],s.prototype,"spacingRight",void 0);s=r([v("scb-menu")],s);export{s as ScbMenu};
+      );letter-spacing:var(--md-sys-typescale-body-small-tracking)}.scb-menu-label-wrapper{padding:var(--spacing-4, 12px);color:inherit}scb-divider{margin-block:var(--spacing-2, 4px)}::slotted(scb-search){display:block;width:100%;box-sizing:border-box;padding:var(--scb-menu-search-padding, var(--spacing-4, 12px))}.panel{contain:layout paint style}`,u);function g(){const c=this.mapSpacingToken(this.spacing),e=this.mapSpacingToken(this.spacingTop)??c,t=this.mapSpacingToken(this.spacingBottom)??c,i=this.mapSpacingToken(this.spacingLeft),a=this.mapSpacingToken(this.spacingRight);e?this.style.setProperty("--scb-menu-spacing-block-start",e):this.style.removeProperty("--scb-menu-spacing-block-start"),t?this.style.setProperty("--scb-menu-spacing-block-end",t):this.style.removeProperty("--scb-menu-spacing-block-end"),i?this.style.setProperty("--scb-menu-spacing-inline-start",i):this.style.removeProperty("--scb-menu-spacing-inline-start"),a?this.style.setProperty("--scb-menu-spacing-inline-end",a):this.style.removeProperty("--scb-menu-spacing-inline-end")}r([n({type:String})],s.prototype,"label",void 0);r([n({type:String,attribute:"sub-label"})],s.prototype,"subLabel",void 0);r([n({type:Boolean,attribute:"no-highlight-selected",reflect:!0})],s.prototype,"noHighlightSelected",void 0);r([n({type:Boolean,reflect:!0})],s.prototype,"elevation",void 0);r([n({type:String,attribute:"lazy-src"})],s.prototype,"lazySrc",void 0);r([n({type:String,attribute:"lazy-id-param"})],s.prototype,"lazyIdParam",void 0);r([n({type:String,attribute:"lazy-children-field"})],s.prototype,"lazyChildrenField",void 0);r([n({type:String,attribute:"lazy-id-field"})],s.prototype,"lazyIdField",void 0);r([n({type:String,attribute:"lazy-label-field"})],s.prototype,"lazyLabelField",void 0);r([n({type:String,attribute:"lazy-href-field"})],s.prototype,"lazyHrefField",void 0);r([n({type:String,attribute:"lazy-has-children-field"})],s.prototype,"lazyHasChildrenField",void 0);r([n({type:String,attribute:"lazy-has-link-field"})],s.prototype,"lazyHasLinkField",void 0);r([n({type:String,reflect:!0})],s.prototype,"spacing",void 0);r([n({type:String,attribute:"spacing-top",reflect:!0})],s.prototype,"spacingTop",void 0);r([n({type:String,attribute:"spacing-bottom",reflect:!0})],s.prototype,"spacingBottom",void 0);r([n({type:String,attribute:"spacing-left",reflect:!0})],s.prototype,"spacingLeft",void 0);r([n({type:String,attribute:"spacing-right",reflect:!0})],s.prototype,"spacingRight",void 0);s=r([v("scb-menu")],s);export{s as ScbMenu};

package/mvc/components/scb-menu/scb-sub-menu.js

@@ -1,10 +1,5 @@
-import{_ as d,b as u,g as b,h as m,y as _}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as r}from"../../vendor/decorate.js";(function(){try{var s=typeof globalThis<"u"?globalThis:window;if(!s.__scb_ce_guard_installed__){s.__scb_ce_guard_installed__=!0;var n=customElements.define.bind(customElements);customElements.define=function(e,t,l){try{customElements.get(e)||n(e,t,l)}catch(o){var i=String(o||"");if(i.indexOf("already been used")===-1&&i.indexOf("NotSupportedError")===-1)throw o}}}}catch{}})();var c,a=(c=class extends d{constructor(...n){super(...n),this.label="",this._onGlobalSelect=e=>{const t=e;this.querySelectorAll("scb-menu-item").forEach(l=>l.selected=!1),this.contains(t.detail.item)&&(t.detail.item.selected=!0)}}connectedCallback(){super.connectedCallback(),window.addEventListener("scb-menu-select",this._onGlobalSelect)}disconnectedCallback(){window.removeEventListener("scb-menu-select",this._onGlobalSelect),super.disconnectedCallback()}render(){return _`
+import{h as d,m as u,p as b,v as m,y as _}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as r}from"../../vendor/decorate.js";(function(){try{var s=typeof globalThis<"u"?globalThis:window;if(!s.__scb_ce_guard_installed__){s.__scb_ce_guard_installed__=!0;var n=customElements.define.bind(customElements);customElements.define=function(e,t,l){try{customElements.get(e)||n(e,t,l)}catch(o){var i=String(o||"");if(i.indexOf("already been used")===-1&&i.indexOf("NotSupportedError")===-1)throw o}}}}catch{}})();var c,a=(c=class extends d{constructor(...n){super(...n),this.label="",this._onGlobalSelect=e=>{const t=e;this.querySelectorAll("scb-menu-item").forEach(l=>l.selected=!1),this.contains(t.detail.item)&&(t.detail.item.selected=!0)}}connectedCallback(){super.connectedCallback(),window.addEventListener("scb-menu-select",this._onGlobalSelect)}disconnectedCallback(){window.removeEventListener("scb-menu-select",this._onGlobalSelect),super.disconnectedCallback()}render(){return m`
       <nav aria-label="${this.label}">
         <slot></slot>
       </nav>
-    `}},c.styles=u`
-    :host {
-      display: block;
-      width: 100%;
-    }
-  `,c);r([m({type:String})],a.prototype,"label",void 0);a=r([b("scb-sub-menu")],a);
+    `}},c.styles=_`:host{display:block;width:100%}`,c);r([b({type:String})],a.prototype,"label",void 0);a=r([u("scb-sub-menu")],a);

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

@@ -1,28 +1 @@
-import{_ as h,b as u,g as f,h as a,y as _}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as s}from"../../vendor/decorate.js";(function(){try{var r=typeof globalThis<"u"?globalThis:window;if(!r.__scb_ce_guard_installed__){r.__scb_ce_guard_installed__=!0;var i=customElements.define.bind(customElements);customElements.define=function(e,t,c){try{customElements.get(e)||i(e,t,c)}catch(l){var d=String(l||"");if(d.indexOf("already been used")===-1&&d.indexOf("NotSupportedError")===-1)throw l}}}}catch{}})();var o,n=(o=class extends h{constructor(...i){super(...i),this.href="",this.dataHref="",this.disabled=!1,this.__onClick=e=>{if(e.defaultPrevented)return;if(this.disabled){e.preventDefault(),e.stopImmediatePropagation();return}const t=(this.href||"").trim();if(t){if(t.startsWith("#")){typeof window<"u"&&(window.location.hash=t.slice(1));return}if((this.getAttribute("target")||"").trim()==="_blank"){window.open(t,"_blank","noopener,noreferrer");return}window.location.href=t}},this.__onKeyDown=e=>{if(!this.disabled){if(e.key==="Enter"){e.preventDefault(),this.click();return}e.key===" "&&e.preventDefault()}},this.__onKeyUp=e=>{this.disabled||e.key===" "&&(e.preventDefault(),this.click())}}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this.__onClick),this.addEventListener("keydown",this.__onKeyDown),this.addEventListener("keyup",this.__onKeyUp),this.__syncA11y()}disconnectedCallback(){this.removeEventListener("click",this.__onClick),this.removeEventListener("keydown",this.__onKeyDown),this.removeEventListener("keyup",this.__onKeyUp),super.disconnectedCallback()}updated(){this.__syncA11y()}__syncA11y(){const i=!!(this.href||"").trim();if(this.disabled){this.setAttribute("aria-disabled","true"),this.tabIndex=-1,this.removeAttribute("role");return}this.removeAttribute("aria-disabled"),this.tabIndex=0,this.setAttribute("role",i?"link":"button")}render(){return _`<span class="label"><slot></slot></span>`}},o.styles=u`
-    :host {
-      display: inline-flex;
-      align-items: center;
-      justify-content: center;
-      outline: none;
-      position: relative;
-      overflow: hidden;
-    }
-
-    :host([disabled]) {
-      cursor: default;
-      pointer-events: none;
-      opacity: 0.6;
-    }
-
-    :host(:focus-visible) {
-      outline: none;
-    }
-
-    :host(:focus) {
-      outline: none;
-    }
-
-    .label {
-      pointer-events: none;
-    }
-  `,o);s([a({type:String})],n.prototype,"href",void 0);s([a({type:String,attribute:"data-href"})],n.prototype,"dataHref",void 0);s([a({type:Boolean,reflect:!0})],n.prototype,"disabled",void 0);n=s([f("scb-nav-item")],n);
+import{h,m as f,p as a,v as u,y as _}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as s}from"../../vendor/decorate.js";(function(){try{var r=typeof globalThis<"u"?globalThis:window;if(!r.__scb_ce_guard_installed__){r.__scb_ce_guard_installed__=!0;var i=customElements.define.bind(customElements);customElements.define=function(e,t,c){try{customElements.get(e)||i(e,t,c)}catch(l){var d=String(l||"");if(d.indexOf("already been used")===-1&&d.indexOf("NotSupportedError")===-1)throw l}}}}catch{}})();var o,n=(o=class extends h{constructor(...i){super(...i),this.href="",this.dataHref="",this.disabled=!1,this.__onClick=e=>{if(e.defaultPrevented)return;if(this.disabled){e.preventDefault(),e.stopImmediatePropagation();return}const t=(this.href||"").trim();if(t){if(t.startsWith("#")){typeof window<"u"&&(window.location.hash=t.slice(1));return}if((this.getAttribute("target")||"").trim()==="_blank"){window.open(t,"_blank","noopener,noreferrer");return}window.location.href=t}},this.__onKeyDown=e=>{if(!this.disabled){if(e.key==="Enter"){e.preventDefault(),this.click();return}e.key===" "&&e.preventDefault()}},this.__onKeyUp=e=>{this.disabled||e.key===" "&&(e.preventDefault(),this.click())}}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this.__onClick),this.addEventListener("keydown",this.__onKeyDown),this.addEventListener("keyup",this.__onKeyUp),this.__syncA11y()}disconnectedCallback(){this.removeEventListener("click",this.__onClick),this.removeEventListener("keydown",this.__onKeyDown),this.removeEventListener("keyup",this.__onKeyUp),super.disconnectedCallback()}updated(){this.__syncA11y()}__syncA11y(){const i=!!(this.href||"").trim();if(this.disabled){this.setAttribute("aria-disabled","true"),this.tabIndex=-1,this.removeAttribute("role");return}this.removeAttribute("aria-disabled"),this.tabIndex=0,this.setAttribute("role",i?"link":"button")}render(){return u`<span class="label"><slot></slot></span>`}},o.styles=_`:host{display:inline-flex;align-items:center;justify-content:center;outline:0;position:relative;overflow:hidden}:host([disabled]){cursor:default;pointer-events:none;opacity:.6}:host(:focus),:host(:focus-visible){outline:0}.label{pointer-events:none}`,o);s([a({type:String})],n.prototype,"href",void 0);s([a({type:String,attribute:"data-href"})],n.prototype,"dataHref",void 0);s([a({type:Boolean,reflect:!0})],n.prototype,"disabled",void 0);n=s([f("scb-nav-item")],n);