scb-wc-test 0.1.184 → 0.1.185

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/vendor-material.js","../../vendor/vendor.js","../scb-icon-button/scb-icon-button.js","../../vendor/preload-helper.js"])))=>i.map(i=>d[i]);
-import{_ as u}from"../../vendor/preload-helper.js";import{a as p,n as l,r as b,i as h,E as m,x as d,t as _}from"../../vendor/vendor.js";(function(){try{var e=typeof globalThis<"u"?globalThis:window;if(!e.__scb_ce_guard_installed__){e.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(i,s,o){try{customElements.get(i)||t(i,s,o)}catch(c){var r=String(c||"");if(r.indexOf("already been used")===-1&&r.indexOf("NotSupportedError")===-1)throw c}}}}catch{}})();var f=Object.defineProperty,g=Object.getOwnPropertyDescriptor,a=(e,t,i,s)=>{for(var o=s>1?void 0:s?g(t,i):t,r=e.length-1,c;r>=0;r--)(c=e[r])&&(o=(s?c(t,i,o):c(o))||o);return s&&o&&f(t,i,o),o};let n=class extends h{constructor(){super(...arguments),this.label="",this.selected=!1,this.leadingIcon="",this.itemHref="",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=e=>{e&&e.stopPropagation(),this.hasSlotContent&&this.__setExpanded(!this.expanded)},this._onButtonClick=e=>{e.stopPropagation(),this._dispatchSelect(),this._toggleExpand()},this._onLinkClick=()=>{this._dispatchSelect()},this._onKeyDown=e=>{const t=Array.from(this.parentElement?.querySelectorAll("scb-menu-item")||[]),i=t.indexOf(this);switch(e.key){case"ArrowDown":{e.preventDefault(),(t[i+1]||t[0]).shadowRoot?.querySelector(".scb-menu-label-text")?.focus();break}case"ArrowUp":{e.preventDefault(),(t[i-1]||t[t.length-1]).shadowRoot?.querySelector(".scb-menu-label-text")?.focus();break}case"Home":{e.preventDefault(),t[0].shadowRoot?.querySelector(".scb-menu-label-text")?.focus();break}case"End":{e.preventDefault(),t[t.length-1].shadowRoot?.querySelector(".scb-menu-label-text")?.focus();break}}}}get __submenuEl(){return this.renderRoot.querySelector(`#${this.__submenuId}`)}async __ensureDepsLoaded(){n.__rippleLoaded||(await u(()=>import("../../vendor/vendor-material.js").then(e=>e.r),__vite__mapDeps([0,1]),import.meta.url),n.__rippleLoaded=!0),n.__focusRingLoaded||(await u(()=>import("../../vendor/vendor-material.js").then(e=>e.m),__vite__mapDeps([0,1]),import.meta.url),n.__focusRingLoaded=!0),this.leadingIcon&&!n.__iconLoaded&&(await u(()=>import("../../vendor/vendor-material.js").then(e=>e.i),__vite__mapDeps([0,1]),import.meta.url),n.__iconLoaded=!0),this.hasSlotContent&&!n.__iconButtonLoaded&&(await u(()=>import("../scb-icon-button/scb-icon-button.js"),__vite__mapDeps([2,3,1,0]),import.meta.url),n.__iconButtonLoaded=!0)}__syncHasSlotContentFromLightDom(){const e=Array.from(this.children);this.hasSlotContent=e.length>0&&e.every(t=>t.tagName==="SCB-SUB-MENU")}connectedCallback(){super.connectedCallback(),this.__syncHasSlotContentFromLightDom()}_onSlotChange(e){const i=e.target.assignedElements({flatten:!0});this.hasSlotContent=i.length>0&&i.every(s=>s.tagName==="SCB-SUB-MENU")}__setExpanded(e){this.hasSlotContent&&(this.expanded=e,this.dispatchEvent(new CustomEvent("scb-menu-expand",{bubbles:!0,composed:!0,detail:{item:this,expanded:e}})))}_dispatchSelect(){this.dispatchEvent(new CustomEvent("scb-menu-select",{bubbles:!0,composed:!0,detail:{item:this}}))}async firstUpdated(){await this.__ensureDepsLoaded()}updated(e){e.has("leadingIcon")&&this.leadingIcon&&this.__ensureDepsLoaded(),e.has("hasSlotContent")&&this.hasSlotContent&&this.__ensureDepsLoaded(),e.has("expanded")&&this.__applyInert()}__applyInert(){const e=this.__submenuEl;e&&(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.hasSlotContent;return d`
+import{_ as u}from"../../vendor/preload-helper.js";import{a as h,n as l,r as p,i as b,E as m,x as d,t as _}from"../../vendor/vendor.js";(function(){try{var e=typeof globalThis<"u"?globalThis:window;if(!e.__scb_ce_guard_installed__){e.__scb_ce_guard_installed__=!0;var n=customElements.define.bind(customElements);customElements.define=function(i,s,o){try{customElements.get(i)||n(i,s,o)}catch(c){var r=String(c||"");if(r.indexOf("already been used")===-1&&r.indexOf("NotSupportedError")===-1)throw c}}}}catch{}})();var g=Object.defineProperty,f=Object.getOwnPropertyDescriptor,a=(e,n,i,s)=>{for(var o=s>1?void 0:s?f(n,i):n,r=e.length-1,c;r>=0;r--)(c=e[r])&&(o=(s?c(n,i,o):c(o))||o);return s&&o&&g(n,i,o),o};let t=class extends b{constructor(){super(...arguments),this.label="",this.selected=!1,this.noHighlightSelected=!1,this.leadingIcon="",this.itemHref="",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=e=>{e&&e.stopPropagation(),this.hasSlotContent&&this.__setExpanded(!this.expanded)},this._onButtonClick=e=>{e.stopPropagation(),this._dispatchSelect(),this._toggleExpand()},this._onLinkClick=()=>{this._dispatchSelect()},this._onKeyDown=e=>{const n=Array.from(this.parentElement?.querySelectorAll("scb-menu-item")||[]),i=n.indexOf(this);switch(e.key){case"ArrowDown":{e.preventDefault(),(n[i+1]||n[0]).shadowRoot?.querySelector(".scb-menu-label-text")?.focus();break}case"ArrowUp":{e.preventDefault(),(n[i-1]||n[n.length-1]).shadowRoot?.querySelector(".scb-menu-label-text")?.focus();break}case"Home":{e.preventDefault(),n[0].shadowRoot?.querySelector(".scb-menu-label-text")?.focus();break}case"End":{e.preventDefault(),n[n.length-1].shadowRoot?.querySelector(".scb-menu-label-text")?.focus();break}}}}get __submenuEl(){return this.renderRoot.querySelector(`#${this.__submenuId}`)}async __ensureDepsLoaded(){t.__rippleLoaded||(await u(()=>import("../../vendor/vendor-material.js").then(e=>e.r),__vite__mapDeps([0,1]),import.meta.url),t.__rippleLoaded=!0),t.__focusRingLoaded||(await u(()=>import("../../vendor/vendor-material.js").then(e=>e.m),__vite__mapDeps([0,1]),import.meta.url),t.__focusRingLoaded=!0),this.leadingIcon&&!t.__iconLoaded&&(await u(()=>import("../../vendor/vendor-material.js").then(e=>e.i),__vite__mapDeps([0,1]),import.meta.url),t.__iconLoaded=!0),this.hasSlotContent&&!t.__iconButtonLoaded&&(await u(()=>import("../scb-icon-button/scb-icon-button.js"),__vite__mapDeps([2,3,1,0]),import.meta.url),t.__iconButtonLoaded=!0)}__syncHasSlotContentFromLightDom(){const e=Array.from(this.children);this.hasSlotContent=e.length>0&&e.every(n=>n.tagName==="SCB-SUB-MENU")}connectedCallback(){super.connectedCallback(),this.__syncHasSlotContentFromLightDom()}_onSlotChange(e){const i=e.target.assignedElements({flatten:!0});this.hasSlotContent=i.length>0&&i.every(s=>s.tagName==="SCB-SUB-MENU")}__setExpanded(e){this.hasSlotContent&&(this.expanded=e,this.dispatchEvent(new CustomEvent("scb-menu-expand",{bubbles:!0,composed:!0,detail:{item:this,expanded:e}})))}_dispatchSelect(){this.dispatchEvent(new CustomEvent("scb-menu-select",{bubbles:!0,composed:!0,detail:{item:this}}))}async firstUpdated(){await this.__ensureDepsLoaded()}updated(e){e.has("leadingIcon")&&this.leadingIcon&&this.__ensureDepsLoaded(),e.has("hasSlotContent")&&this.hasSlotContent&&this.__ensureDepsLoaded(),e.has("expanded")&&this.__applyInert()}__applyInert(){const e=this.__submenuEl;e&&(this.expanded?(e.removeAttribute("inert"),e.setAttribute("aria-hidden","false")):(e.setAttribute("inert",""),e.setAttribute("aria-hidden","true")))}render(){const e=!!this.leadingIcon,n=!!this.itemHref,i=this.hasSlotContent;return d`
       <div class="scb-menu-item">
-        <div class="scb-menu-item-label" ?selected=${this.selected}>
-          ${t?d`
+        <div class="scb-menu-item-label" ?selected=${this.selected} ?no-highlight-selected=${this.noHighlightSelected}>
+          ${n?d`
                 <a
                   id=${this.__focusId}
                   class="scb-menu-label-text"
@@ -59,7 +59,7 @@ import{_ as u}from"../../vendor/preload-helper.js";import{a as p,n as l,r as b,i
           </div>
         </div>
       </div>
-    `}};n.__rippleLoaded=!1;n.__iconLoaded=!1;n.__iconButtonLoaded=!1;n.__focusRingLoaded=!1;n.styles=p`
+    `}};t.__rippleLoaded=!1;t.__iconLoaded=!1;t.__iconButtonLoaded=!1;t.__focusRingLoaded=!1;t.styles=h`
     :host {
       /* Animationtokens */
       --scb-menu-sub-transition-duration: var(--scb-motion-duration-quick, 150ms);
@@ -137,8 +137,8 @@ import{_ as u}from"../../vendor/preload-helper.js";import{a as p,n as l,r as b,i
       --md-ripple-focus-opacity: 0;
     }
 
-    .scb-menu-item-label[selected] .scb-menu-click,
-    :host([selected]) .scb-menu-click {
+    .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;
@@ -189,4 +189,4 @@ import{_ as u}from"../../vendor/preload-helper.js";import{a as p,n as l,r as b,i
         transition: none;
       }
     }
-  `;a([l({type:String})],n.prototype,"label",2);a([l({type:Boolean,reflect:!0})],n.prototype,"selected",2);a([l({type:String,attribute:"leading-icon"})],n.prototype,"leadingIcon",2);a([l({type:String,attribute:"item-href"})],n.prototype,"itemHref",2);a([b()],n.prototype,"hasSlotContent",2);a([l({type:Boolean,reflect:!0})],n.prototype,"expanded",2);n=a([_("scb-menu-item")],n);
+  `;a([l({type:String})],t.prototype,"label",2);a([l({type:Boolean,reflect:!0})],t.prototype,"selected",2);a([l({type:Boolean,attribute:"no-highlight-selected",reflect:!0})],t.prototype,"noHighlightSelected",2);a([l({type:String,attribute:"leading-icon"})],t.prototype,"leadingIcon",2);a([l({type:String,attribute:"item-href"})],t.prototype,"itemHref",2);a([p()],t.prototype,"hasSlotContent",2);a([l({type:Boolean,reflect:!0})],t.prototype,"expanded",2);t=a([_("scb-menu-item")],t);

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

@@ -1,8 +1,8 @@
-import{a as u,n as c,i as h,E as v,x as b,t as y}from"../../vendor/vendor.js";import"../scb-divider/scb-divider.js";import"./scb-menu-item.js";import"./scb-menu-section.js";import"./scb-sub-menu.js";import"../../vendor/preload-helper.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,a,i){try{customElements.get(s)||t(s,a,i)}catch(o){var l=String(o||"");if(l.indexOf("already been used")===-1&&l.indexOf("NotSupportedError")===-1)throw o}}}}catch{}})();var f=Object.defineProperty,_=Object.getOwnPropertyDescriptor,m=e=>{throw TypeError(e)},r=(e,t,s,a)=>{for(var i=a>1?void 0:a?_(t,s):t,l=e.length-1,o;l>=0;l--)(o=e[l])&&(i=(a?o(t,s,i):o(i))||i);return a&&i&&f(t,s,i),i},S=(e,t,s)=>t.has(e)||m("Cannot "+s),k=(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),g=(e,t,s)=>(S(e,t,"access private method"),s),p,d;let n=class extends h{constructor(){super(...arguments),k(this,p),this.label="",this.subLabel="",this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this._onGlobalSelect=e=>{const t=e;this.querySelectorAll("scb-menu-item").forEach(a=>a.selected=!1),this.contains(t.detail.item)&&(t.detail.item.selected=!0)}}render(){return b`
+import{a as m,n as l,i as u,E as v,x as g,t as y}from"../../vendor/vendor.js";import"../scb-divider/scb-divider.js";import"./scb-menu-item.js";import"./scb-menu-section.js";import"./scb-sub-menu.js";import"../../vendor/preload-helper.js";(function(){try{var e=typeof globalThis<"u"?globalThis:window;if(!e.__scb_ce_guard_installed__){e.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(s,i,a){try{customElements.get(s)||t(s,i,a)}catch(o){var c=String(o||"");if(c.indexOf("already been used")===-1&&c.indexOf("NotSupportedError")===-1)throw o}}}}catch{}})();var f=Object.defineProperty,_=Object.getOwnPropertyDescriptor,b=e=>{throw TypeError(e)},r=(e,t,s,i)=>{for(var a=i>1?void 0:i?_(t,s):t,c=e.length-1,o;c>=0;c--)(o=e[c])&&(a=(i?o(t,s,a):o(a))||a);return i&&a&&f(t,s,a),a},S=(e,t,s)=>t.has(e)||b("Cannot "+s),k=(e,t,s)=>t.has(e)?b("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(e):t.set(e,s),h=(e,t,s)=>(S(e,t,"access private method"),s),p,d;let n=class extends u{constructor(){super(...arguments),k(this,p),this.label="",this.subLabel="",this.noHighlightSelected=!0,this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this._onGlobalSelect=e=>{const t=e;this.querySelectorAll("scb-menu-item").forEach(i=>{i.selected=!1,this.noHighlightSelected?i.setAttribute("no-highlight-selected",""):i.removeAttribute("no-highlight-selected")}),this.contains(t.detail.item)&&(t.detail.item.selected=!0)}}render(){return g`
       <nav
         aria-label="${this.label}"
       >
-        ${this.label?b`
+        ${this.label?g`
               <div class="scb-menu-label-wrapper">
                 <div class="scb-menu-label">${this.label}</div>
                 <div class="scb-menu-sublabel">
@@ -15,7 +15,7 @@ import{a as u,n as c,i as h,E as v,x as b,t as y}from"../../vendor/vendor.js";im
           <slot></slot>
         </div>
       </nav>
-    `}firstUpdated(e){super.firstUpdated(e),g(this,p,d).call(this)}updated(e){super.updated(e),(e.has("spacing")||e.has("spacingTop")||e.has("spacingBottom")||e.has("spacingLeft")||e.has("spacingRight"))&&g(this,p,d).call(this)}mapSpacingToken(e){if(!e)return;const t=String(e).trim();if(t)return/^\d+$/.test(t)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(t,10)))})`:t}connectedCallback(){super.connectedCallback(),window.addEventListener("scb-menu-select",this._onGlobalSelect)}disconnectedCallback(){window.removeEventListener("scb-menu-select",this._onGlobalSelect),super.disconnectedCallback()}};p=new WeakSet;d=function(){const e=this.mapSpacingToken(this.spacing),t=this.mapSpacingToken(this.spacingTop)??e,s=this.mapSpacingToken(this.spacingBottom)??e,a=this.mapSpacingToken(this.spacingLeft),i=this.mapSpacingToken(this.spacingRight);t?this.style.setProperty("--scb-menu-spacing-block-start",t):this.style.removeProperty("--scb-menu-spacing-block-start"),s?this.style.setProperty("--scb-menu-spacing-block-end",s):this.style.removeProperty("--scb-menu-spacing-block-end"),a?this.style.setProperty("--scb-menu-spacing-inline-start",a):this.style.removeProperty("--scb-menu-spacing-inline-start"),i?this.style.setProperty("--scb-menu-spacing-inline-end",i):this.style.removeProperty("--scb-menu-spacing-inline-end")};n.styles=u`
+    `}firstUpdated(e){super.firstUpdated(e),h(this,p,d).call(this)}updated(e){super.updated(e),(e.has("spacing")||e.has("spacingTop")||e.has("spacingBottom")||e.has("spacingLeft")||e.has("spacingRight"))&&h(this,p,d).call(this)}mapSpacingToken(e){if(!e)return;const t=String(e).trim();if(t)return/^\d+$/.test(t)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(t,10)))})`:t}connectedCallback(){super.connectedCallback(),window.addEventListener("scb-menu-select",this._onGlobalSelect)}disconnectedCallback(){window.removeEventListener("scb-menu-select",this._onGlobalSelect),super.disconnectedCallback()}};p=new WeakSet;d=function(){const e=this.mapSpacingToken(this.spacing),t=this.mapSpacingToken(this.spacingTop)??e,s=this.mapSpacingToken(this.spacingBottom)??e,i=this.mapSpacingToken(this.spacingLeft),a=this.mapSpacingToken(this.spacingRight);t?this.style.setProperty("--scb-menu-spacing-block-start",t):this.style.removeProperty("--scb-menu-spacing-block-start"),s?this.style.setProperty("--scb-menu-spacing-block-end",s):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")};n.styles=m`
     :host {
       display: block;
       color: var(--md-sys-color-on-surface);
@@ -71,4 +71,4 @@ import{a as u,n as c,i as h,E as v,x as b,t as y}from"../../vendor/vendor.js";im
     .panel {
       contain: layout paint style;
     }
-  `;r([c({type:String})],n.prototype,"label",2);r([c({type:String,attribute:"sub-label"})],n.prototype,"subLabel",2);r([c({type:String,reflect:!0})],n.prototype,"spacing",2);r([c({type:String,attribute:"spacing-top",reflect:!0})],n.prototype,"spacingTop",2);r([c({type:String,attribute:"spacing-bottom",reflect:!0})],n.prototype,"spacingBottom",2);r([c({type:String,attribute:"spacing-left",reflect:!0})],n.prototype,"spacingLeft",2);r([c({type:String,attribute:"spacing-right",reflect:!0})],n.prototype,"spacingRight",2);n=r([y("scb-menu")],n);
+  `;r([l({type:String})],n.prototype,"label",2);r([l({type:String,attribute:"sub-label"})],n.prototype,"subLabel",2);r([l({type:Boolean,attribute:"no-highlight-selected"})],n.prototype,"noHighlightSelected",2);r([l({type:String,reflect:!0})],n.prototype,"spacing",2);r([l({type:String,attribute:"spacing-top",reflect:!0})],n.prototype,"spacingTop",2);r([l({type:String,attribute:"spacing-bottom",reflect:!0})],n.prototype,"spacingBottom",2);r([l({type:String,attribute:"spacing-left",reflect:!0})],n.prototype,"spacingLeft",2);r([l({type:String,attribute:"spacing-right",reflect:!0})],n.prototype,"spacingRight",2);n=r([y("scb-menu")],n);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name":  "scb-wc-test",
-    "version":  "0.1.184",
+    "version":  "0.1.185",
     "type":  "module",
     "main":  "index.js",
     "module":  "index.js",
@@ -377,5 +377,5 @@
                                   },
                     "./mvc/*":  "./mvc/*"
                 },
-    "buildHash":  "B7C0A9290575B2141F31FE0C027435E83DDD05EB5B1A6CCB34272E0D93454925"
+    "buildHash":  "81DE5A95C215E6F60B6BFDC8C1E0F98E65B00058CECB9CD31123A2B3B0C8DFFF"
 }

package/scb-menu/scb-menu-item.d.ts

@@ -4,6 +4,7 @@ export declare class ScbMenuItem extends LitElement {
     label: string;
     /** Markerad/vald state. */
     selected: boolean;
+    noHighlightSelected: boolean;
     /** Ikonnamn före label (Material icon glyph). */
     leadingIcon: string;
     /** Om satt blir item en länk (<a>) istället för knapp. */

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

@@ -1,5 +1,5 @@
 import { css as _, LitElement as v, nothing as m, html as d } from "lit";
-import { property as l, state as x, customElement as y } from "lit/decorators.js";
+import { property as l, state as y, customElement as x } from "lit/decorators.js";
 var S = Object.defineProperty, w = Object.getOwnPropertyDescriptor, a = (e, n, i, s) => {
   for (var o = s > 1 ? void 0 : s ? w(n, i) : n, r = e.length - 1, c; r >= 0; r--)
     (c = e[r]) && (o = (s ? c(n, i, o) : c(o)) || o);
@@ -7,14 +7,14 @@ var S = Object.defineProperty, w = Object.getOwnPropertyDescriptor, a = (e, n, i
 };
 let t = class extends v {
   constructor() {
-    super(...arguments), this.label = "", this.selected = !1, this.leadingIcon = "", this.itemHref = "", 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 = (e) => {
+    super(...arguments), this.label = "", this.selected = !1, this.noHighlightSelected = !1, this.leadingIcon = "", this.itemHref = "", 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 = (e) => {
       e && e.stopPropagation(), this.hasSlotContent && this.__setExpanded(!this.expanded);
     }, this._onButtonClick = (e) => {
       e.stopPropagation(), this._dispatchSelect(), this._toggleExpand();
     }, this._onLinkClick = () => {
       this._dispatchSelect();
     }, this._onKeyDown = (e) => {
-      var s, o, r, c, p, b, h, g, f;
+      var s, o, r, c, h, p, b, g, f;
       const n = Array.from(
         ((s = this.parentElement) == null ? void 0 : s.querySelectorAll("scb-menu-item")) || []
       ), i = n.indexOf(this);
@@ -26,15 +26,15 @@ let t = class extends v {
           break;
         }
         case "ArrowUp": {
-          e.preventDefault(), (p = (c = (n[i - 1] || n[n.length - 1]).shadowRoot) == null ? void 0 : c.querySelector(
+          e.preventDefault(), (h = (c = (n[i - 1] || n[n.length - 1]).shadowRoot) == null ? void 0 : c.querySelector(
             ".scb-menu-label-text"
-          )) == null || p.focus();
+          )) == null || h.focus();
           break;
         }
         case "Home": {
-          e.preventDefault(), (h = (b = n[0].shadowRoot) == null ? void 0 : b.querySelector(
+          e.preventDefault(), (b = (p = n[0].shadowRoot) == null ? void 0 : p.querySelector(
             ".scb-menu-label-text"
-          )) == null || h.focus();
+          )) == null || b.focus();
           break;
         }
         case "End": {
@@ -101,7 +101,7 @@ let t = class extends v {
     const e = !!this.leadingIcon, n = !!this.itemHref, i = this.hasSlotContent;
     return d`
       <div class="scb-menu-item">
-        <div class="scb-menu-item-label" ?selected=${this.selected}>
+        <div class="scb-menu-item-label" ?selected=${this.selected} ?no-highlight-selected=${this.noHighlightSelected}>
           ${n ? d`
                 <a
                   id=${this.__focusId}
@@ -246,8 +246,8 @@ t.styles = _`
       --md-ripple-focus-opacity: 0;
     }
 
-    .scb-menu-item-label[selected] .scb-menu-click,
-    :host([selected]) .scb-menu-click {
+    .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;
@@ -305,6 +305,9 @@ a([
 a([
   l({ type: Boolean, reflect: !0 })
 ], t.prototype, "selected", 2);
+a([
+  l({ type: Boolean, attribute: "no-highlight-selected", reflect: !0 })
+], t.prototype, "noHighlightSelected", 2);
 a([
   l({ type: String, attribute: "leading-icon" })
 ], t.prototype, "leadingIcon", 2);
@@ -312,13 +315,13 @@ a([
   l({ type: String, attribute: "item-href" })
 ], t.prototype, "itemHref", 2);
 a([
-  x()
+  y()
 ], t.prototype, "hasSlotContent", 2);
 a([
   l({ type: Boolean, reflect: !0 })
 ], t.prototype, "expanded", 2);
 t = a([
-  y("scb-menu-item")
+  x("scb-menu-item")
 ], t);
 export {
   t as ScbMenuItem

package/scb-menu/scb-menu.d.ts

@@ -3,6 +3,7 @@ export declare class ScbMenu extends LitElement {
     #private;
     label: string;
     subLabel: string;
+    noHighlightSelected: boolean;
     spacing: undefined;
     spacingTop: undefined;
     spacingBottom: undefined;

package/scb-menu/scb-menu.js

@@ -1,29 +1,31 @@
-import { css as h, LitElement as u, nothing as v, html as b } from "lit";
-import { property as c, customElement as y } from "lit/decorators.js";
+import { css as m, LitElement as u, nothing as v, html as h } from "lit";
+import { property as l, customElement as y } from "lit/decorators.js";
 import "../scb-divider/scb-divider.js";
 import "./scb-menu-item.js";
 import "./scb-menu-section.js";
 import "./scb-sub-menu.js";
 var f = Object.defineProperty, S = Object.getOwnPropertyDescriptor, d = (e) => {
   throw TypeError(e);
-}, r = (e, t, s, n) => {
-  for (var i = n > 1 ? void 0 : n ? S(t, s) : t, o = e.length - 1, p; o >= 0; o--)
-    (p = e[o]) && (i = (n ? p(t, s, i) : p(i)) || i);
-  return n && i && f(t, s, i), i;
-}, k = (e, t, s) => t.has(e) || d("Cannot " + s), _ = (e, t, s) => t.has(e) ? d("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, s), m = (e, t, s) => (k(e, t, "access private method"), s), l, g;
+}, r = (e, t, s, i) => {
+  for (var n = i > 1 ? void 0 : i ? S(t, s) : t, o = e.length - 1, p; o >= 0; o--)
+    (p = e[o]) && (n = (i ? p(t, s, n) : p(n)) || n);
+  return i && n && f(t, s, n), n;
+}, k = (e, t, s) => t.has(e) || d("Cannot " + s), _ = (e, t, s) => t.has(e) ? d("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, s), b = (e, t, s) => (k(e, t, "access private method"), s), c, g;
 let a = class extends u {
   constructor() {
-    super(...arguments), _(this, l), this.label = "", this.subLabel = "", this.spacing = void 0, this.spacingTop = void 0, this.spacingBottom = void 0, this.spacingLeft = void 0, this.spacingRight = void 0, this._onGlobalSelect = (e) => {
+    super(...arguments), _(this, c), this.label = "", this.subLabel = "", this.noHighlightSelected = !0, this.spacing = void 0, this.spacingTop = void 0, this.spacingBottom = void 0, this.spacingLeft = void 0, this.spacingRight = void 0, this._onGlobalSelect = (e) => {
       const t = e;
-      this.querySelectorAll("scb-menu-item").forEach((n) => n.selected = !1), this.contains(t.detail.item) && (t.detail.item.selected = !0);
+      this.querySelectorAll("scb-menu-item").forEach((i) => {
+        i.selected = !1, this.noHighlightSelected ? i.setAttribute("no-highlight-selected", "") : i.removeAttribute("no-highlight-selected");
+      }), this.contains(t.detail.item) && (t.detail.item.selected = !0);
     };
   }
   render() {
-    return b`
+    return h`
       <nav
         aria-label="${this.label}"
       >
-        ${this.label ? b`
+        ${this.label ? h`
               <div class="scb-menu-label-wrapper">
                 <div class="scb-menu-label">${this.label}</div>
                 <div class="scb-menu-sublabel">
@@ -39,10 +41,10 @@ let a = class extends u {
     `;
   }
   firstUpdated(e) {
-    super.firstUpdated(e), m(this, l, g).call(this);
+    super.firstUpdated(e), b(this, c, g).call(this);
   }
   updated(e) {
-    super.updated(e), (e.has("spacing") || e.has("spacingTop") || e.has("spacingBottom") || e.has("spacingLeft") || e.has("spacingRight")) && m(this, l, g).call(this);
+    super.updated(e), (e.has("spacing") || e.has("spacingTop") || e.has("spacingBottom") || e.has("spacingLeft") || e.has("spacingRight")) && b(this, c, g).call(this);
   }
   mapSpacingToken(e) {
     if (!e) return;
@@ -63,12 +65,12 @@ let a = class extends u {
     ), super.disconnectedCallback();
   }
 };
-l = /* @__PURE__ */ new WeakSet();
+c = /* @__PURE__ */ new WeakSet();
 g = function() {
-  const e = this.mapSpacingToken(this.spacing), t = this.mapSpacingToken(this.spacingTop) ?? e, s = this.mapSpacingToken(this.spacingBottom) ?? e, n = this.mapSpacingToken(this.spacingLeft), i = this.mapSpacingToken(this.spacingRight);
-  t ? this.style.setProperty("--scb-menu-spacing-block-start", t) : this.style.removeProperty("--scb-menu-spacing-block-start"), s ? this.style.setProperty("--scb-menu-spacing-block-end", s) : this.style.removeProperty("--scb-menu-spacing-block-end"), n ? this.style.setProperty("--scb-menu-spacing-inline-start", n) : this.style.removeProperty("--scb-menu-spacing-inline-start"), i ? this.style.setProperty("--scb-menu-spacing-inline-end", i) : this.style.removeProperty("--scb-menu-spacing-inline-end");
+  const e = this.mapSpacingToken(this.spacing), t = this.mapSpacingToken(this.spacingTop) ?? e, s = this.mapSpacingToken(this.spacingBottom) ?? e, i = this.mapSpacingToken(this.spacingLeft), n = this.mapSpacingToken(this.spacingRight);
+  t ? this.style.setProperty("--scb-menu-spacing-block-start", t) : this.style.removeProperty("--scb-menu-spacing-block-start"), s ? this.style.setProperty("--scb-menu-spacing-block-end", s) : 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"), n ? this.style.setProperty("--scb-menu-spacing-inline-end", n) : this.style.removeProperty("--scb-menu-spacing-inline-end");
 };
-a.styles = h`
+a.styles = m`
     :host {
       display: block;
       color: var(--md-sys-color-on-surface);
@@ -126,25 +128,28 @@ a.styles = h`
     }
   `;
 r([
-  c({ type: String })
+  l({ type: String })
 ], a.prototype, "label", 2);
 r([
-  c({ type: String, attribute: "sub-label" })
+  l({ type: String, attribute: "sub-label" })
 ], a.prototype, "subLabel", 2);
 r([
-  c({ type: String, reflect: !0 })
+  l({ type: Boolean, attribute: "no-highlight-selected" })
+], a.prototype, "noHighlightSelected", 2);
+r([
+  l({ type: String, reflect: !0 })
 ], a.prototype, "spacing", 2);
 r([
-  c({ type: String, attribute: "spacing-top", reflect: !0 })
+  l({ type: String, attribute: "spacing-top", reflect: !0 })
 ], a.prototype, "spacingTop", 2);
 r([
-  c({ type: String, attribute: "spacing-bottom", reflect: !0 })
+  l({ type: String, attribute: "spacing-bottom", reflect: !0 })
 ], a.prototype, "spacingBottom", 2);
 r([
-  c({ type: String, attribute: "spacing-left", reflect: !0 })
+  l({ type: String, attribute: "spacing-left", reflect: !0 })
 ], a.prototype, "spacingLeft", 2);
 r([
-  c({ type: String, attribute: "spacing-right", reflect: !0 })
+  l({ type: String, attribute: "spacing-right", reflect: !0 })
 ], a.prototype, "spacingRight", 2);
 a = r([
   y("scb-menu")