scb-wc 0.1.237 → 0.1.239

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

@@ -1,4 +1,4 @@
-import{g as v,h as f,m as y,p,v as b,y as x}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import"../../vendor/icon.js";import"../../vendor/ripple.js";import{t as w}from"../../vendor/lazy-focus-ring.js";import{t as d}from"../../vendor/decorate.js";import"../../vendor/scb-chevron.js";import"../scb-divider/scb-divider.js";(function(){try{var u=typeof globalThis<"u"?globalThis:window;if(!u.__scb_ce_guard_installed__){u.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(e,s,i){try{customElements.get(e)||t(e,s,i)}catch(a){var o=String(a||"");if(o.indexOf("already been used")===-1&&o.indexOf("NotSupportedError")===-1)throw a}}}}catch{}})();var m,g,c=(m=class extends f{constructor(...t){super(...t),this.expanded=!1,this.label="",this.supportingText="",this.current=!1,this.itemHref="#",this.noDivider=!1,this._unique=g._uid(),this._overflowVisibleTimer=null,this._slotHasContent=!1,this._trailingSlotHasContent=!1,this._onSlotChange=()=>{const e=this.renderRoot.querySelector("slot:not([name])"),s=!!e&&e.assignedElements({flatten:!0}).length>0;this._slotHasContent!==s&&(this._slotHasContent=s,this.requestUpdate()),!this._slotHasContent&&this.expanded&&(this.expanded=!1),this._applyInertByExpanded()},this._toggleAccordion=()=>{if(!this._slotHasContent)return;const e=!this.expanded;this.setExpanded(e)},this._onKeyDown=e=>{const s=this.closest("scb-toc"),i=Array.from(s?.querySelectorAll("scb-toc-item")||[]).map(n=>({host:n,label:n.renderRoot.querySelector(".toc-item-label")||null})).filter(n=>!!n.label),o=i.findIndex(n=>n.host===this);if(o<0)return;const a=e.currentTarget?.classList?.contains("toc-chevron-button")??!1;switch(e.key){case"Enter":case" ":if(!a)return;e.preventDefault(),this._toggleAccordion();break;case"ArrowDown":e.preventDefault(),o<i.length-1&&i[o+1].label.focus();break;case"ArrowUp":e.preventDefault(),o>0&&i[o-1].label.focus();break;case"Home":e.preventDefault(),i.length&&i[0].label.focus();break;case"End":e.preventDefault(),i.length&&i[i.length-1].label.focus();break}}}setExpanded(t){this.expanded!==t&&(this.expanded=t)}static _uid(){return globalThis.crypto?.randomUUID?.()??`${g._uidPrefix}-${++g._uidSeq}`}firstUpdated(){this._applyInertByExpanded(),this._syncOverflowVisibilityByExpanded()}updated(t){t.has("expanded")&&(this._applyInertByExpanded(),this._syncOverflowVisibilityByExpanded(),this.dispatchEvent(new CustomEvent("expanded-changed",{detail:{expanded:this.expanded,label:this.label},bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("expandedchanged",{detail:{expanded:this.expanded,label:this.label},bubbles:!0,composed:!0})))}connectedCallback(){super.connectedCallback(),this._removeLazyFocusRingListeners=w(this,this.renderRoot),this._slotHasContent=Array.from(this.children).some(t=>{const e=t.getAttribute("slot");return e===null||e===""}),this._trailingSlotHasContent=Array.from(this.children).some(t=>t.getAttribute("slot")==="trailing"),!this._slotHasContent&&this.expanded&&(this.expanded=!1)}disconnectedCallback(){this._removeLazyFocusRingListeners?.(),this._removeLazyFocusRingListeners=void 0,super.disconnectedCallback(),this._overflowVisibleTimer!==null&&(window.clearTimeout(this._overflowVisibleTimer),this._overflowVisibleTimer=null)}_applyInertByExpanded(){const t=this.renderRoot.querySelector(".scb-toc-item-bottom");t&&(this.expanded?(t.removeAttribute("inert"),t.setAttribute("aria-hidden","false"),this._restoreTabIndexesIfNeeded()):(t.setAttribute("inert",""),t.setAttribute("aria-hidden","true"),this._removeTabIndexesIfNeeded()))}_syncOverflowVisibilityByExpanded(){if(this._overflowVisibleTimer!==null&&(window.clearTimeout(this._overflowVisibleTimer),this._overflowVisibleTimer=null),this.removeAttribute("data-expanded-settled"),!this.expanded)return;const t=this.renderRoot.querySelector(".scb-toc-item-bottom");if(!t){this.setAttribute("data-expanded-settled","");return}const e=this._getTransitionMs(t);if(e<=0){this.setAttribute("data-expanded-settled","");return}this._overflowVisibleTimer=window.setTimeout(()=>{this._overflowVisibleTimer=null,this.expanded&&this.setAttribute("data-expanded-settled","")},e)}_getTransitionMs(t){const e=getComputedStyle(t),s=e.transitionDuration.split(",").map(r=>r.trim()),i=e.transitionDelay.split(",").map(r=>r.trim()),o=r=>{const l=parseFloat(r);return Number.isFinite(l)?r.endsWith("ms")?l:r.endsWith("s")?l*1e3:l:0},a=Math.max(s.length,i.length);let n=0;for(let r=0;r<a;r+=1){const l=o(s[r]??s[s.length-1]??"0s"),h=o(i[r]??i[i.length-1]??"0s");n=Math.max(n,l+h)}return Math.ceil(n)}_supportsInert(){return"inert"in HTMLElement.prototype}_collectFocusableFromSlot(){const t=this.renderRoot.querySelector("slot:not([name])");if(!t)return[];const e=t.assignedElements({flatten:!0}),s=[],i=o=>{o instanceof HTMLElement&&o.matches("a,button,input,select,textarea,[tabindex]")&&s.push(o)};return e.forEach(o=>{i(o),o.querySelectorAll?.("a,button,input,select,textarea,[tabindex]").forEach(a=>i(a))}),s}_removeTabIndexesIfNeeded(){this._supportsInert()||this._collectFocusableFromSlot().forEach(t=>{const e=t.getAttribute("tabindex");e!==null&&t.setAttribute("data-scb-prev-tabindex",e),t.setAttribute("tabindex","-1")})}_restoreTabIndexesIfNeeded(){this._supportsInert()||this._collectFocusableFromSlot().forEach(t=>{const e=t.getAttribute("data-scb-prev-tabindex");e!==null?(t.setAttribute("tabindex",e),t.removeAttribute("data-scb-prev-tabindex")):t.removeAttribute("tabindex")})}render(){const t=`bottom-${this._unique}`,e=`toc-label-${this._unique}`,s=`toc-chevron-${this._unique}`,i=this.supportingText.trim().length>0;return b`
+import{g as v,h as f,m as y,p,v as b,y as x}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import"../../vendor/icon.js";import"../../vendor/ripple.js";import{addLazyFocusRingListeners as w}from"../shared/lazy-focus-ring.js";import{t as d}from"../../vendor/decorate.js";import"../scb-chevron/scb-chevron.js";import"../scb-divider/scb-divider.js";(function(){try{var u=typeof globalThis<"u"?globalThis:window;if(!u.__scb_ce_guard_installed__){u.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(e,s,i){try{customElements.get(e)||t(e,s,i)}catch(a){var o=String(a||"");if(o.indexOf("already been used")===-1&&o.indexOf("NotSupportedError")===-1)throw a}}}}catch{}})();var m,g,c=(m=class extends f{constructor(...t){super(...t),this.expanded=!1,this.label="",this.supportingText="",this.current=!1,this.itemHref="#",this.noDivider=!1,this._unique=g._uid(),this._overflowVisibleTimer=null,this._slotHasContent=!1,this._trailingSlotHasContent=!1,this._onSlotChange=()=>{const e=this.renderRoot.querySelector("slot:not([name])"),s=!!e&&e.assignedElements({flatten:!0}).length>0;this._slotHasContent!==s&&(this._slotHasContent=s,this.requestUpdate()),!this._slotHasContent&&this.expanded&&(this.expanded=!1),this._applyInertByExpanded()},this._toggleAccordion=()=>{if(!this._slotHasContent)return;const e=!this.expanded;this.setExpanded(e)},this._onKeyDown=e=>{const s=this.closest("scb-toc"),i=Array.from(s?.querySelectorAll("scb-toc-item")||[]).map(n=>({host:n,label:n.renderRoot.querySelector(".toc-item-label")||null})).filter(n=>!!n.label),o=i.findIndex(n=>n.host===this);if(o<0)return;const a=e.currentTarget?.classList?.contains("toc-chevron-button")??!1;switch(e.key){case"Enter":case" ":if(!a)return;e.preventDefault(),this._toggleAccordion();break;case"ArrowDown":e.preventDefault(),o<i.length-1&&i[o+1].label.focus();break;case"ArrowUp":e.preventDefault(),o>0&&i[o-1].label.focus();break;case"Home":e.preventDefault(),i.length&&i[0].label.focus();break;case"End":e.preventDefault(),i.length&&i[i.length-1].label.focus();break}}}setExpanded(t){this.expanded!==t&&(this.expanded=t)}static _uid(){return globalThis.crypto?.randomUUID?.()??`${g._uidPrefix}-${++g._uidSeq}`}firstUpdated(){this._applyInertByExpanded(),this._syncOverflowVisibilityByExpanded()}updated(t){t.has("expanded")&&(this._applyInertByExpanded(),this._syncOverflowVisibilityByExpanded(),this.dispatchEvent(new CustomEvent("expanded-changed",{detail:{expanded:this.expanded,label:this.label},bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("expandedchanged",{detail:{expanded:this.expanded,label:this.label},bubbles:!0,composed:!0})))}connectedCallback(){super.connectedCallback(),this._removeLazyFocusRingListeners=w(this,this.renderRoot),this._slotHasContent=Array.from(this.children).some(t=>{const e=t.getAttribute("slot");return e===null||e===""}),this._trailingSlotHasContent=Array.from(this.children).some(t=>t.getAttribute("slot")==="trailing"),!this._slotHasContent&&this.expanded&&(this.expanded=!1)}disconnectedCallback(){this._removeLazyFocusRingListeners?.(),this._removeLazyFocusRingListeners=void 0,super.disconnectedCallback(),this._overflowVisibleTimer!==null&&(window.clearTimeout(this._overflowVisibleTimer),this._overflowVisibleTimer=null)}_applyInertByExpanded(){const t=this.renderRoot.querySelector(".scb-toc-item-bottom");t&&(this.expanded?(t.removeAttribute("inert"),t.setAttribute("aria-hidden","false"),this._restoreTabIndexesIfNeeded()):(t.setAttribute("inert",""),t.setAttribute("aria-hidden","true"),this._removeTabIndexesIfNeeded()))}_syncOverflowVisibilityByExpanded(){if(this._overflowVisibleTimer!==null&&(window.clearTimeout(this._overflowVisibleTimer),this._overflowVisibleTimer=null),this.removeAttribute("data-expanded-settled"),!this.expanded)return;const t=this.renderRoot.querySelector(".scb-toc-item-bottom");if(!t){this.setAttribute("data-expanded-settled","");return}const e=this._getTransitionMs(t);if(e<=0){this.setAttribute("data-expanded-settled","");return}this._overflowVisibleTimer=window.setTimeout(()=>{this._overflowVisibleTimer=null,this.expanded&&this.setAttribute("data-expanded-settled","")},e)}_getTransitionMs(t){const e=getComputedStyle(t),s=e.transitionDuration.split(",").map(r=>r.trim()),i=e.transitionDelay.split(",").map(r=>r.trim()),o=r=>{const l=parseFloat(r);return Number.isFinite(l)?r.endsWith("ms")?l:r.endsWith("s")?l*1e3:l:0},a=Math.max(s.length,i.length);let n=0;for(let r=0;r<a;r+=1){const l=o(s[r]??s[s.length-1]??"0s"),h=o(i[r]??i[i.length-1]??"0s");n=Math.max(n,l+h)}return Math.ceil(n)}_supportsInert(){return"inert"in HTMLElement.prototype}_collectFocusableFromSlot(){const t=this.renderRoot.querySelector("slot:not([name])");if(!t)return[];const e=t.assignedElements({flatten:!0}),s=[],i=o=>{o instanceof HTMLElement&&o.matches("a,button,input,select,textarea,[tabindex]")&&s.push(o)};return e.forEach(o=>{i(o),o.querySelectorAll?.("a,button,input,select,textarea,[tabindex]").forEach(a=>i(a))}),s}_removeTabIndexesIfNeeded(){this._supportsInert()||this._collectFocusableFromSlot().forEach(t=>{const e=t.getAttribute("tabindex");e!==null&&t.setAttribute("data-scb-prev-tabindex",e),t.setAttribute("tabindex","-1")})}_restoreTabIndexesIfNeeded(){this._supportsInert()||this._collectFocusableFromSlot().forEach(t=>{const e=t.getAttribute("data-scb-prev-tabindex");e!==null?(t.setAttribute("tabindex",e),t.removeAttribute("data-scb-prev-tabindex")):t.removeAttribute("tabindex")})}render(){const t=`bottom-${this._unique}`,e=`toc-label-${this._unique}`,s=`toc-chevron-${this._unique}`,i=this.supportingText.trim().length>0;return b`
       <div class="scb-toc-item">
         <div class=${`scb-toc-item-top${i?"":" no-supporting-text"}`}>
           <div>

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

@@ -1,5 +1,5 @@
 const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["../scb-button/scb-button.js","../../vendor/vendor.js","../../vendor/vendor-lit.js","../../vendor/preload-helper.js","../../vendor/component-defaults.js","../../vendor/decorate.js","../../vendor/assertClassBrand.js","../../vendor/classPrivateMethodInitSpec.js"])))=>i.map(i=>d[i]);
-import{g as R,h as q,m as N,p,v,y as H}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import"../../vendor/icon.js";import{t as I}from"../../vendor/preload-helper.js";import{t as K}from"../../vendor/component-size-token.js";import{t as l}from"../../vendor/decorate.js";import{a as V,t as b}from"../../vendor/manual-popover.js";(function(){try{var m=typeof globalThis<"u"?globalThis:window;if(!m.__scb_ce_guard_installed__){m.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(i,e,s){try{customElements.get(i)||t(i,e,s)}catch(h){var c=String(h||"");if(c.indexOf("already been used")===-1&&c.indexOf("NotSupportedError")===-1)throw h}}}}catch{}})();var x,X=0,T="data-scb-tooltip-managed-action-size",a=(x=class extends q{constructor(...t){super(...t),this.variant="plain",this.arrow=null,this.supportingtext="",this.label="",this.trigger="hover",this.position="top",this.open=!1,this.delay=.25,this.offset=0,this.maxWidth="300px",this._hoverActive=!1,this._clickActive=!1,this._hideTimeout=null,this._triggerEl=null,this._originalPosition="top",this._tooltipId=`scb-tooltip-${++X}`,this._buttonDepsLoaded=!1,this._listeningForPositionChanges=!1,this._listeningForDismiss=!1,this._onWindowReposition=()=>{if(!this.open)return;const i=this._getTooltipElement(),e=this._triggerEl;!i||!e||this._positionTooltip(i,e)},this._onDocumentKeyDown=i=>{i.key!=="Escape"||!this.open||(this._clickActive=!1,this._hoverActive=!1,this._setOpenState(!1))},this._onDocumentPointerDown=i=>{this.open&&(i.composedPath().includes(this)||(this._clickActive=!1,this._hoverActive=!1,this._setOpenState(!1)))},this._ensureButtonDepsIfNeeded=()=>{this._syncRichActionButtonSizes(),!this._buttonDepsLoaded&&this.querySelector('[slot="scb-tooltip-button"]')&&(this._buttonDepsLoaded=!0,I(()=>import("../scb-button/scb-button.js"),__vite__mapDeps([0,1,2,3,4,5,6,7]),import.meta.url))},this._onTriggerMouseEnter=()=>{this._hasTooltipContent()&&(this._hoverActive=!0,this._setOpenState(!0))},this._onTriggerMouseLeave=()=>{this._hoverActive=!1,this._clickActive||this._setOpenState(!1)},this._onTriggerFocus=()=>{this._hasTooltipContent()&&(this._hoverActive=!0,this._setOpenState(!0))},this._onTriggerBlur=()=>{this._hoverActive=!1,this._clickActive||this._setOpenState(!1)},this._onTriggerKeyDown=i=>{i.key==="Tab"&&(this._hoverActive=!1,this._clickActive=!1,this._setOpenState(!1),b(this._getTooltipElement()))},this._onTooltipMouseEnter=()=>{this._hasTooltipContent()&&(this.trigger==="hover"||this.trigger==="hover-click")&&(this._hoverActive=!0,this._setOpenState(!0))},this._onTooltipMouseLeave=()=>{(this.trigger==="hover"||this.trigger==="hover-click")&&(this._hoverActive=!1,this._clickActive||this._setOpenState(!1))},this._onTriggerClick=()=>{this._hasTooltipContent()&&(this._clickActive=!this._clickActive,this._clickActive?this._setOpenState(!0):this._hoverActive||this._setOpenState(!1))}}_syncRichActionButtonSizes(){const t=K(this,"--scb-tooltip-design-rich-action-button-size-medium",["small","medium","large"],"medium"),i=this.querySelectorAll(':scope > scb-button[slot="scb-tooltip-button"]');for(const e of i){const s=e.getAttribute(T);if(s!==null&&e.getAttribute("size")!==s){e.removeAttribute(T);continue}(!e.hasAttribute("size")||s!==null)&&(e.setAttribute("size",t),e.setAttribute(T,t))}}firstUpdated(){this._originalPosition=this.position,this._updateDelayCss(),this._updateMaxWidthCss(),this._updateTriggerElement(),this._updateTooltipHoverListeners(),this._ensureButtonDepsIfNeeded(),this.open&&this._syncOpenState()}updated(t){if(this._syncRichActionButtonSizes(),t.has("trigger")&&(this._updateTriggerElement(),this._updateTooltipHoverListeners()),t.has("delay")&&this._updateDelayCss(),t.has("maxWidth")&&this._updateMaxWidthCss(),(t.has("supportingtext")||t.has("label")||t.has("variant"))&&(this._hasTooltipContent()||(this._hoverActive=!1,this._clickActive=!1,this.open=!1),this._updateTriggerElement(),this._updateTooltipHoverListeners()),t.has("open")){if(this.open&&!this._hasTooltipContent()){this.open=!1;return}this._syncOpenState(),this._dispatchOpenChanged()}}disconnectedCallback(){super.disconnectedCallback(),this._detachTriggerListeners();const t=this._getTooltipElement();t&&(t.removeEventListener("mouseenter",this._onTooltipMouseEnter),t.removeEventListener("mouseleave",this._onTooltipMouseLeave),b(t)),this._hideTimeout!==null&&(window.clearTimeout(this._hideTimeout),this._hideTimeout=null),this._detachPositionListeners(),this._detachDismissListeners()}_getTooltipElement(){return this.renderRoot.querySelector(".scb-tooltip")}_syncOpenState(){const t=this._getTooltipElement();t&&(this.open?this._showTooltip(t):this._hideTooltip(t))}_setOpenState(t){if(this.open===t){t&&this._syncOpenState();return}this.open=t}_hasTooltipContent(){const t=(this.supportingtext||"").trim();return this.variant==="rich"?!!((this.label||"").trim()||t):!!t}_updateDelayCss(){const t=Number.isFinite(this.delay)?this.delay:.25;this.style.setProperty("--delay",`${t}s`)}_updateMaxWidthCss(){const t=(this.maxWidth||"").trim(),i=t.toLowerCase()==="none",e=i?"none":t||"300px";this.style.setProperty("--max-width",e),this.style.setProperty("--wrap",i?"nowrap":"normal")}_dispatchOpenChanged(){const t={open:this.open};this.dispatchEvent(new CustomEvent("open-changed",{detail:t,bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("openchanged",{detail:t,bubbles:!0,composed:!0}))}_findTriggerElement(){const t=this.querySelector("[scb-tooltip-anchor]:not([slot])");return t||(Array.from(this.children).find(i=>i.nodeType===Node.ELEMENT_NODE)??null)}_updateTriggerElement(){const t=this._triggerEl;t&&(this._detachTriggerListeners(),t.removeAttribute("aria-describedby"));const i=this._findTriggerElement();this._triggerEl=i,i&&this._hasTooltipContent()&&(i.setAttribute("aria-describedby",this._tooltipId),i.addEventListener("keydown",this._onTriggerKeyDown),(this.trigger==="click"||this.trigger==="hover-click")&&i.addEventListener("click",this._onTriggerClick),(this.trigger==="hover"||this.trigger==="hover-click")&&(i.addEventListener("mouseenter",this._onTriggerMouseEnter),i.addEventListener("mouseleave",this._onTriggerMouseLeave),i.addEventListener("focus",this._onTriggerFocus),i.addEventListener("blur",this._onTriggerBlur)))}_updateTooltipHoverListeners(){const t=this._getTooltipElement();t&&(t.removeEventListener("mouseenter",this._onTooltipMouseEnter),t.removeEventListener("mouseleave",this._onTooltipMouseLeave),(this.trigger==="hover"||this.trigger==="hover-click")&&(t.addEventListener("mouseenter",this._onTooltipMouseEnter),t.addEventListener("mouseleave",this._onTooltipMouseLeave)))}_detachTriggerListeners(){const t=this._triggerEl;t&&(t.removeEventListener("click",this._onTriggerClick),t.removeEventListener("keydown",this._onTriggerKeyDown),t.removeEventListener("mouseenter",this._onTriggerMouseEnter),t.removeEventListener("mouseleave",this._onTriggerMouseLeave),t.removeEventListener("focus",this._onTriggerFocus),t.removeEventListener("blur",this._onTriggerBlur))}_showTooltip(t){if(!this._hasTooltipContent()){this.open=!1;return}this._hideTimeout!==null&&(window.clearTimeout(this._hideTimeout),this._hideTimeout=null);const i=this._triggerEl;this._resetPosition(),t.classList.remove("hidden"),t.setAttribute("aria-hidden","false"),V(t,i),this._attachPositionListeners(),this._attachDismissListeners(),requestAnimationFrame(()=>{i&&this._positionTooltip(t,i),t.setAttribute("open","")})}_hideTooltip(t){t.removeAttribute("open"),t.setAttribute("aria-hidden","true"),this._detachPositionListeners(),this._detachDismissListeners(),this._scheduleHidden(t)}_attachPositionListeners(){this._listeningForPositionChanges||(this._listeningForPositionChanges=!0,window.addEventListener("resize",this._onWindowReposition,{passive:!0}),window.addEventListener("scroll",this._onWindowReposition,{passive:!0,capture:!0}))}_detachPositionListeners(){this._listeningForPositionChanges&&(this._listeningForPositionChanges=!1,window.removeEventListener("resize",this._onWindowReposition),window.removeEventListener("scroll",this._onWindowReposition,!0))}_attachDismissListeners(){this._listeningForDismiss||(this._listeningForDismiss=!0,document.addEventListener("keydown",this._onDocumentKeyDown),document.addEventListener("pointerdown",this._onDocumentPointerDown,!0))}_detachDismissListeners(){this._listeningForDismiss&&(this._listeningForDismiss=!1,document.removeEventListener("keydown",this._onDocumentKeyDown),document.removeEventListener("pointerdown",this._onDocumentPointerDown,!0))}_scheduleHidden(t){const i=(Number.isFinite(this.delay)?this.delay:.25)*1e3;if(i<=0){t.classList.add("hidden"),b(t);return}this._hideTimeout=window.setTimeout(()=>{t.classList.add("hidden"),b(t),this._hideTimeout=null},i)}_resetPosition(){this.position=this._originalPosition}_positionTooltip(t,i){const e=i.getBoundingClientRect(),s=t.getBoundingClientRect(),c=(this.offset??0)+8,h=8,f=h,_=window.innerHeight-h,y=h,w=window.innerWidth-h,D=o=>o>=f&&o+s.height<=_,z=o=>o>=y&&o+s.width<=w,E=(o,r,n,u)=>{let d=0;o<n&&(d+=n-o);const C=o+r;return C>u&&(d+=C-u),d},O=o=>{let r=0,n=0;switch(o){case"top":r=e.top-s.height-c,n=e.left-(s.width-e.width)/2;break;case"bottom":r=e.bottom+c,n=e.left-(s.width-e.width)/2;break;case"left":n=e.left-s.width-c,r=e.top-(s.height-e.height)/2;break;case"right":n=e.right+c,r=e.top-(s.height-e.height)/2;break}const u=E(r,s.height,f,_),d=E(n,s.width,y,w);return{pos:o,top:r,left:n,fitsV:D(r),fitsH:z(n),totalOverflow:u+d}},k=this.position==="top"||this.position==="bottom",L=this.position,S=[L,this._getOppositePosition(L),k?"left":"top",k?"right":"bottom"].map(O);let g=S.find(o=>o.fitsV&&o.fitsH)??S.reduce((o,r)=>r.totalOverflow<o.totalOverflow?r:o);const A=(o,r,n)=>Math.min(Math.max(o,r),n),M=f,P=_-s.height,$=y,B=w-s.width,F=A(g.top,M,P),W=A(g.left,$,B);t.style.top=`${F}px`,t.style.left=`${W}px`,this.position!==g.pos&&(this.position=g.pos)}_getOppositePosition(t){switch(t){case"top":return"bottom";case"bottom":return"top";case"left":return"right";case"right":return"left"}}_onDefaultSlotChange(){this._updateTriggerElement(),this.open&&this._syncOpenState()}render(){const t=this._hasTooltipContent(),i=this.arrow?v`<svg
+import{g as R,h as q,m as N,p,v,y as H}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import"../../vendor/icon.js";import{t as I}from"../../vendor/preload-helper.js";import{componentSizeToken as K}from"../shared/component-size-token.js";import{t as l}from"../../vendor/decorate.js";import{closeManualPopover as b,openManualPopover as V}from"../shared/manual-popover.js";(function(){try{var m=typeof globalThis<"u"?globalThis:window;if(!m.__scb_ce_guard_installed__){m.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(i,e,s){try{customElements.get(i)||t(i,e,s)}catch(h){var c=String(h||"");if(c.indexOf("already been used")===-1&&c.indexOf("NotSupportedError")===-1)throw h}}}}catch{}})();var x,X=0,T="data-scb-tooltip-managed-action-size",a=(x=class extends q{constructor(...t){super(...t),this.variant="plain",this.arrow=null,this.supportingtext="",this.label="",this.trigger="hover",this.position="top",this.open=!1,this.delay=.25,this.offset=0,this.maxWidth="300px",this._hoverActive=!1,this._clickActive=!1,this._hideTimeout=null,this._triggerEl=null,this._originalPosition="top",this._tooltipId=`scb-tooltip-${++X}`,this._buttonDepsLoaded=!1,this._listeningForPositionChanges=!1,this._listeningForDismiss=!1,this._onWindowReposition=()=>{if(!this.open)return;const i=this._getTooltipElement(),e=this._triggerEl;!i||!e||this._positionTooltip(i,e)},this._onDocumentKeyDown=i=>{i.key!=="Escape"||!this.open||(this._clickActive=!1,this._hoverActive=!1,this._setOpenState(!1))},this._onDocumentPointerDown=i=>{this.open&&(i.composedPath().includes(this)||(this._clickActive=!1,this._hoverActive=!1,this._setOpenState(!1)))},this._ensureButtonDepsIfNeeded=()=>{this._syncRichActionButtonSizes(),!this._buttonDepsLoaded&&this.querySelector('[slot="scb-tooltip-button"]')&&(this._buttonDepsLoaded=!0,I(()=>import("../scb-button/scb-button.js"),__vite__mapDeps([0,1,2,3,4,5,6,7]),import.meta.url))},this._onTriggerMouseEnter=()=>{this._hasTooltipContent()&&(this._hoverActive=!0,this._setOpenState(!0))},this._onTriggerMouseLeave=()=>{this._hoverActive=!1,this._clickActive||this._setOpenState(!1)},this._onTriggerFocus=()=>{this._hasTooltipContent()&&(this._hoverActive=!0,this._setOpenState(!0))},this._onTriggerBlur=()=>{this._hoverActive=!1,this._clickActive||this._setOpenState(!1)},this._onTriggerKeyDown=i=>{i.key==="Tab"&&(this._hoverActive=!1,this._clickActive=!1,this._setOpenState(!1),b(this._getTooltipElement()))},this._onTooltipMouseEnter=()=>{this._hasTooltipContent()&&(this.trigger==="hover"||this.trigger==="hover-click")&&(this._hoverActive=!0,this._setOpenState(!0))},this._onTooltipMouseLeave=()=>{(this.trigger==="hover"||this.trigger==="hover-click")&&(this._hoverActive=!1,this._clickActive||this._setOpenState(!1))},this._onTriggerClick=()=>{this._hasTooltipContent()&&(this._clickActive=!this._clickActive,this._clickActive?this._setOpenState(!0):this._hoverActive||this._setOpenState(!1))}}_syncRichActionButtonSizes(){const t=K(this,"--scb-tooltip-design-rich-action-button-size-medium",["small","medium","large"],"medium"),i=this.querySelectorAll(':scope > scb-button[slot="scb-tooltip-button"]');for(const e of i){const s=e.getAttribute(T);if(s!==null&&e.getAttribute("size")!==s){e.removeAttribute(T);continue}(!e.hasAttribute("size")||s!==null)&&(e.setAttribute("size",t),e.setAttribute(T,t))}}firstUpdated(){this._originalPosition=this.position,this._updateDelayCss(),this._updateMaxWidthCss(),this._updateTriggerElement(),this._updateTooltipHoverListeners(),this._ensureButtonDepsIfNeeded(),this.open&&this._syncOpenState()}updated(t){if(this._syncRichActionButtonSizes(),t.has("trigger")&&(this._updateTriggerElement(),this._updateTooltipHoverListeners()),t.has("delay")&&this._updateDelayCss(),t.has("maxWidth")&&this._updateMaxWidthCss(),(t.has("supportingtext")||t.has("label")||t.has("variant"))&&(this._hasTooltipContent()||(this._hoverActive=!1,this._clickActive=!1,this.open=!1),this._updateTriggerElement(),this._updateTooltipHoverListeners()),t.has("open")){if(this.open&&!this._hasTooltipContent()){this.open=!1;return}this._syncOpenState(),this._dispatchOpenChanged()}}disconnectedCallback(){super.disconnectedCallback(),this._detachTriggerListeners();const t=this._getTooltipElement();t&&(t.removeEventListener("mouseenter",this._onTooltipMouseEnter),t.removeEventListener("mouseleave",this._onTooltipMouseLeave),b(t)),this._hideTimeout!==null&&(window.clearTimeout(this._hideTimeout),this._hideTimeout=null),this._detachPositionListeners(),this._detachDismissListeners()}_getTooltipElement(){return this.renderRoot.querySelector(".scb-tooltip")}_syncOpenState(){const t=this._getTooltipElement();t&&(this.open?this._showTooltip(t):this._hideTooltip(t))}_setOpenState(t){if(this.open===t){t&&this._syncOpenState();return}this.open=t}_hasTooltipContent(){const t=(this.supportingtext||"").trim();return this.variant==="rich"?!!((this.label||"").trim()||t):!!t}_updateDelayCss(){const t=Number.isFinite(this.delay)?this.delay:.25;this.style.setProperty("--delay",`${t}s`)}_updateMaxWidthCss(){const t=(this.maxWidth||"").trim(),i=t.toLowerCase()==="none",e=i?"none":t||"300px";this.style.setProperty("--max-width",e),this.style.setProperty("--wrap",i?"nowrap":"normal")}_dispatchOpenChanged(){const t={open:this.open};this.dispatchEvent(new CustomEvent("open-changed",{detail:t,bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("openchanged",{detail:t,bubbles:!0,composed:!0}))}_findTriggerElement(){const t=this.querySelector("[scb-tooltip-anchor]:not([slot])");return t||(Array.from(this.children).find(i=>i.nodeType===Node.ELEMENT_NODE)??null)}_updateTriggerElement(){const t=this._triggerEl;t&&(this._detachTriggerListeners(),t.removeAttribute("aria-describedby"));const i=this._findTriggerElement();this._triggerEl=i,i&&this._hasTooltipContent()&&(i.setAttribute("aria-describedby",this._tooltipId),i.addEventListener("keydown",this._onTriggerKeyDown),(this.trigger==="click"||this.trigger==="hover-click")&&i.addEventListener("click",this._onTriggerClick),(this.trigger==="hover"||this.trigger==="hover-click")&&(i.addEventListener("mouseenter",this._onTriggerMouseEnter),i.addEventListener("mouseleave",this._onTriggerMouseLeave),i.addEventListener("focus",this._onTriggerFocus),i.addEventListener("blur",this._onTriggerBlur)))}_updateTooltipHoverListeners(){const t=this._getTooltipElement();t&&(t.removeEventListener("mouseenter",this._onTooltipMouseEnter),t.removeEventListener("mouseleave",this._onTooltipMouseLeave),(this.trigger==="hover"||this.trigger==="hover-click")&&(t.addEventListener("mouseenter",this._onTooltipMouseEnter),t.addEventListener("mouseleave",this._onTooltipMouseLeave)))}_detachTriggerListeners(){const t=this._triggerEl;t&&(t.removeEventListener("click",this._onTriggerClick),t.removeEventListener("keydown",this._onTriggerKeyDown),t.removeEventListener("mouseenter",this._onTriggerMouseEnter),t.removeEventListener("mouseleave",this._onTriggerMouseLeave),t.removeEventListener("focus",this._onTriggerFocus),t.removeEventListener("blur",this._onTriggerBlur))}_showTooltip(t){if(!this._hasTooltipContent()){this.open=!1;return}this._hideTimeout!==null&&(window.clearTimeout(this._hideTimeout),this._hideTimeout=null);const i=this._triggerEl;this._resetPosition(),t.classList.remove("hidden"),t.setAttribute("aria-hidden","false"),V(t,i),this._attachPositionListeners(),this._attachDismissListeners(),requestAnimationFrame(()=>{i&&this._positionTooltip(t,i),t.setAttribute("open","")})}_hideTooltip(t){t.removeAttribute("open"),t.setAttribute("aria-hidden","true"),this._detachPositionListeners(),this._detachDismissListeners(),this._scheduleHidden(t)}_attachPositionListeners(){this._listeningForPositionChanges||(this._listeningForPositionChanges=!0,window.addEventListener("resize",this._onWindowReposition,{passive:!0}),window.addEventListener("scroll",this._onWindowReposition,{passive:!0,capture:!0}))}_detachPositionListeners(){this._listeningForPositionChanges&&(this._listeningForPositionChanges=!1,window.removeEventListener("resize",this._onWindowReposition),window.removeEventListener("scroll",this._onWindowReposition,!0))}_attachDismissListeners(){this._listeningForDismiss||(this._listeningForDismiss=!0,document.addEventListener("keydown",this._onDocumentKeyDown),document.addEventListener("pointerdown",this._onDocumentPointerDown,!0))}_detachDismissListeners(){this._listeningForDismiss&&(this._listeningForDismiss=!1,document.removeEventListener("keydown",this._onDocumentKeyDown),document.removeEventListener("pointerdown",this._onDocumentPointerDown,!0))}_scheduleHidden(t){const i=(Number.isFinite(this.delay)?this.delay:.25)*1e3;if(i<=0){t.classList.add("hidden"),b(t);return}this._hideTimeout=window.setTimeout(()=>{t.classList.add("hidden"),b(t),this._hideTimeout=null},i)}_resetPosition(){this.position=this._originalPosition}_positionTooltip(t,i){const e=i.getBoundingClientRect(),s=t.getBoundingClientRect(),c=(this.offset??0)+8,h=8,f=h,_=window.innerHeight-h,y=h,w=window.innerWidth-h,D=o=>o>=f&&o+s.height<=_,z=o=>o>=y&&o+s.width<=w,E=(o,r,n,u)=>{let d=0;o<n&&(d+=n-o);const C=o+r;return C>u&&(d+=C-u),d},O=o=>{let r=0,n=0;switch(o){case"top":r=e.top-s.height-c,n=e.left-(s.width-e.width)/2;break;case"bottom":r=e.bottom+c,n=e.left-(s.width-e.width)/2;break;case"left":n=e.left-s.width-c,r=e.top-(s.height-e.height)/2;break;case"right":n=e.right+c,r=e.top-(s.height-e.height)/2;break}const u=E(r,s.height,f,_),d=E(n,s.width,y,w);return{pos:o,top:r,left:n,fitsV:D(r),fitsH:z(n),totalOverflow:u+d}},k=this.position==="top"||this.position==="bottom",L=this.position,S=[L,this._getOppositePosition(L),k?"left":"top",k?"right":"bottom"].map(O);let g=S.find(o=>o.fitsV&&o.fitsH)??S.reduce((o,r)=>r.totalOverflow<o.totalOverflow?r:o);const A=(o,r,n)=>Math.min(Math.max(o,r),n),M=f,P=_-s.height,$=y,B=w-s.width,F=A(g.top,M,P),W=A(g.left,$,B);t.style.top=`${F}px`,t.style.left=`${W}px`,this.position!==g.pos&&(this.position=g.pos)}_getOppositePosition(t){switch(t){case"top":return"bottom";case"bottom":return"top";case"left":return"right";case"right":return"left"}}_onDefaultSlotChange(){this._updateTriggerElement(),this.open&&this._syncOpenState()}render(){const t=this._hasTooltipContent(),i=this.arrow?v`<svg
           class="scb-tooltip-arrow"
           xmlns="http://www.w3.org/2000/svg"
           width="13"

package/mvc/{vendor → components/shared}/component-size-token.js

@@ -1 +1 @@
-(function(){try{var t=typeof globalThis<"u"?globalThis:window;if(!t.__scb_ce_guard_installed__){t.__scb_ce_guard_installed__=!0;var o=customElements.define.bind(customElements);customElements.define=function(e,i,n){try{customElements.get(e)||o(e,i,n)}catch(c){var r=String(c||"");if(r.indexOf("already been used")===-1&&r.indexOf("NotSupportedError")===-1)throw c}}}}catch{}})();function u(t,o,e,i){const n=getComputedStyle(t).getPropertyValue(o).trim();return e.includes(n)?n:i}export{u as t};
+(function(){try{var t=typeof globalThis<"u"?globalThis:window;if(!t.__scb_ce_guard_installed__){t.__scb_ce_guard_installed__=!0;var o=customElements.define.bind(customElements);customElements.define=function(e,i,n){try{customElements.get(e)||o(e,i,n)}catch(c){var r=String(c||"");if(r.indexOf("already been used")===-1&&r.indexOf("NotSupportedError")===-1)throw c}}}}catch{}})();function u(t,o,e,i){const n=getComputedStyle(t).getPropertyValue(o).trim();return e.includes(n)?n:i}export{u as componentSizeToken};

package/mvc/components/shared/lazy-focus-ring.js

@@ -0,0 +1,2 @@
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["../../vendor/md-focus-ring.js","../../vendor/rolldown-runtime.js","../../vendor/vendor.js","../../vendor/vendor-lit.js","../../vendor/attachable-controller.js"])))=>i.map(i=>d[i]);
+import{t as u}from"../../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(o,n,a){try{customElements.get(o)||t(o,n,a)}catch(s){var r=String(s||"");if(r.indexOf("already been used")===-1&&r.indexOf("NotSupportedError")===-1)throw s}}}}catch{}})();var i,c=()=>{customElements.get("md-focus-ring")||(i??(i=u(()=>import("../../vendor/md-focus-ring.js").then(e=>e.t).then(()=>{}),__vite__mapDeps([0,1,2,3,4]),import.meta.url)))},d=e=>{const t=e.composedPath()[0];t instanceof HTMLElement&&t.matches(":focus-visible")&&c()},f=e=>{e.key==="Tab"&&c()},m=(...e)=>{const t=d,o=f;for(const n of e)n.addEventListener("focusin",t),n.addEventListener("keydown",o);return()=>{for(const n of e)n.removeEventListener("focusin",t),n.removeEventListener("keydown",o)}};export{m as addLazyFocusRingListeners,d as ensureFocusRingOnFocusVisible,f as ensureFocusRingOnTab,c as ensureFocusRingReady};

package/mvc/components/shared/lazy-ripple.js

@@ -0,0 +1,2 @@
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["../../vendor/ripple.js","../../vendor/rolldown-runtime.js","../../vendor/vendor.js","../../vendor/vendor-lit.js","../../vendor/attachable-controller.js"])))=>i.map(i=>d[i]);
+import{t as s}from"../../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 r=customElements.define.bind(customElements);customElements.define=function(t,n,d){try{customElements.get(t)||r(t,n,d)}catch(a){var o=String(a||"");if(o.indexOf("already been used")===-1&&o.indexOf("NotSupportedError")===-1)throw a}}}}catch{}})();var i,l=()=>(i??(i=s(()=>import("../../vendor/ripple.js").then(e=>e.t).then(()=>{}),__vite__mapDeps([0,1,2,3,4]),import.meta.url)),i),f=async(e,r,t,n=!1)=>{!e||!r||(e.control=r,r.matches(":hover")&&(e.hovered=!0),t?.type==="pointerenter"?e.handlePointerenter?.(t):t?.type==="pointerdown"&&await e.handlePointerdown?.(t),n&&e.handleClick?.())};export{l as ensureRippleReady,f as syncRippleToControl};

package/mvc/{vendor → components/shared}/manual-popover.js

@@ -1 +1 @@
-(function(){try{var o=typeof globalThis<"u"?globalThis:window;if(!o.__scb_ce_guard_installed__){o.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(r,e,s){try{customElements.get(r)||t(r,e,s)}catch(i){var n=String(i||"");if(n.indexOf("already been used")===-1&&n.indexOf("NotSupportedError")===-1)throw i}}}}catch{}})();var c=new WeakMap;function p(o){const t=(c.get(o)??0)+1;return c.set(o,t),t}function d(o){const t=getComputedStyle(o),r=n=>n.endsWith("ms")?Number.parseFloat(n):Number.parseFloat(n)*1e3,e=t.transitionDuration.split(",").map(n=>r(n.trim())),s=t.transitionDelay.split(",").map(n=>r(n.trim()));return e.reduce((n,i,a)=>{const f=s[a%s.length]??0;return Math.max(n,i+f)},0)}var l=["scb-datepicker","scb-dialog","scb-drawer","scb-dropdown","scb-options-menu","scb-options-sub-menu","scb-overlay","scb-search","scb-select","scb-tooltip"].join(",");function v(o,t,r="manual"){if(!o)return!1;p(o);const e=o;if(typeof e.showPopover!="function")return!1;if(o.setAttribute("popover",r),!o.matches(":popover-open"))try{e.showPopover(t?{source:t}:void 0)}catch{return!1}return o.matches(":popover-open")}function u(o){if(!o)return;p(o);const t=o;if(typeof t.hidePopover=="function"&&o.matches(":popover-open"))try{t.hidePopover()}catch{}o.removeAttribute("popover")}function m(o,t,r){if(!o)return;const e=p(o);requestAnimationFrame(async()=>{const s=r??o,n=d(s),i=s.getAnimations().filter(a=>a.playState!=="finished");i.length>0?await Promise.allSettled(i.map(a=>a.finished)):n>0&&await new Promise(a=>setTimeout(a,n)),c.get(o)===e&&(u(o),t?.())})}function h(o){return!!o?.matches(":popover-open")}function b(o){const t=r=>{for(const e of r.querySelectorAll("*"))e.shadowRoot&&t(e.shadowRoot),e.matches("[popover]")&&h(e)&&u(e),e.matches(l)&&"open"in e&&e.open&&(e.open=!1)};t(o)}export{v as a,h as i,m as n,b as r,u as t};
+(function(){try{var o=typeof globalThis<"u"?globalThis:window;if(!o.__scb_ce_guard_installed__){o.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(r,e,s){try{customElements.get(r)||t(r,e,s)}catch(i){var n=String(i||"");if(n.indexOf("already been used")===-1&&n.indexOf("NotSupportedError")===-1)throw i}}}}catch{}})();var c=new WeakMap;function p(o){const t=(c.get(o)??0)+1;return c.set(o,t),t}function d(o){const t=getComputedStyle(o),r=n=>n.endsWith("ms")?Number.parseFloat(n):Number.parseFloat(n)*1e3,e=t.transitionDuration.split(",").map(n=>r(n.trim())),s=t.transitionDelay.split(",").map(n=>r(n.trim()));return e.reduce((n,i,a)=>{const f=s[a%s.length]??0;return Math.max(n,i+f)},0)}var l=["scb-datepicker","scb-dialog","scb-drawer","scb-dropdown","scb-options-menu","scb-options-sub-menu","scb-overlay","scb-search","scb-select","scb-tooltip"].join(",");function v(o,t,r="manual"){if(!o)return!1;p(o);const e=o;if(typeof e.showPopover!="function")return!1;if(o.setAttribute("popover",r),!o.matches(":popover-open"))try{e.showPopover(t?{source:t}:void 0)}catch{return!1}return o.matches(":popover-open")}function u(o){if(!o)return;p(o);const t=o;if(typeof t.hidePopover=="function"&&o.matches(":popover-open"))try{t.hidePopover()}catch{}o.removeAttribute("popover")}function m(o,t,r){if(!o)return;const e=p(o);requestAnimationFrame(async()=>{const s=r??o,n=d(s),i=s.getAnimations().filter(a=>a.playState!=="finished");i.length>0?await Promise.allSettled(i.map(a=>a.finished)):n>0&&await new Promise(a=>setTimeout(a,n)),c.get(o)===e&&(u(o),t?.())})}function h(o){return!!o?.matches(":popover-open")}function b(o){const t=r=>{for(const e of r.querySelectorAll("*"))e.shadowRoot&&t(e.shadowRoot),e.matches("[popover]")&&h(e)&&u(e),e.matches(l)&&"open"in e&&e.open&&(e.open=!1)};t(o)}export{u as closeManualPopover,m as closeManualPopoverAfterAnimations,b as closeNestedPopupSurfaces,h as isManualPopoverOpen,v as openManualPopover};

package/mvc/components/shared/scb-icon-svg.js

@@ -0,0 +1,11 @@
+import{_ as l,g as o}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";(function(){try{var a=typeof globalThis<"u"?globalThis:window;if(!a.__scb_ce_guard_installed__){a.__scb_ce_guard_installed__=!0;var h=customElements.define.bind(customElements);customElements.define=function(e,n,v){try{customElements.get(e)||h(e,n,v)}catch(t){var r=String(t||"");if(r.indexOf("already been used")===-1&&r.indexOf("NotSupportedError")===-1)throw t}}}}catch{}})();var c=new Map([["arrow_forward","M12 4l-1.41 1.41L15.17 10H4v2h11.17l-4.58 4.59L12 18l8-8-8-8Z"],["chevron_left","M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12l4.58-4.59Z"],["chevron_right","M8.59 16.59 10 18l6-6-6-6-1.41 1.41L13.17 12l-4.58 4.59Z"],["close","M18.3 5.71 16.89 4.3 12 9.17 7.11 4.3 5.7 5.71 10.59 10.6 5.7 15.49 7.11 16.9 12 12.01l4.89 4.89 1.41-1.41-4.89-4.89 4.89-4.89Z"],["menu","M3 6h18v2H3V6Zm0 5h18v2H3v-2Zm0 5h18v2H3v-2Z"],["open_in_new","M14 3h7v7h-2V6.41l-9.83 9.83-1.41-1.41L17.59 5H14V3ZM5 5h6v2H7v10h10v-4h2v6H5V5Z"],["payments","M3 6h18v12H3V6Zm2 2v8h14V8H5Zm7 2a2 2 0 1 1 0 4 2 2 0 0 1 0-4ZM7 9h2v2H7V9Zm8 4h2v2h-2v-2Z"],["person_4","M12 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm-8 8c0-3.31 3.58-6 8-6s8 2.69 8 6v1H4v-1Z"],["price_change","M12 2 3 6v6c0 5 3.84 9.74 9 10 5.16-.26 9-5 9-10V6l-9-4Zm1 15h-2v-2h2v2Zm0-4h-2V7h2v6Zm-7 6.5V15h2v2.6a9.1 9.1 0 0 1-2-3.1Zm12-1.9V15h2a9.1 9.1 0 0 1-2 3.1Z"],["search","M9.5 3a6.5 6.5 0 0 1 5.17 10.44l5.45 5.44-1.42 1.42-5.44-5.45A6.5 6.5 0 1 1 9.5 3Zm0 2a4.5 4.5 0 1 0 0 9 4.5 4.5 0 0 0 0-9Z"],["trending_up","M16 6h5v5h-2V9.41l-6.17 6.17-4-4L3.41 17 2 15.59l6.83-6.83 4 4L17.59 8H16V6Z"],["volume_up","M3 9v6h4l5 5V4L7 9H3Zm13.5 3a4.5 4.5 0 0 0-2.5-4.03v8.06A4.5 4.5 0 0 0 16.5 12Zm-2.5-8.7v2.06A7 7 0 0 1 18 12a7 7 0 0 1-4 6.64v2.06A9 9 0 0 0 20 12a9 9 0 0 0-6-8.7Z"],["work","M10 4h4a2 2 0 0 1 2 2v2h4a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h4V6a2 2 0 0 1 2-2Zm0 4h4V6h-4v2Zm-6 2v8h16v-8H4Zm6 3h4v2h-4v-2Z"]]);function s(a,h="material-icon",e){const n=(a||"").trim(),v=c.get(n);return v?l`
+    <svg
+      class=${`${h} scb-svg-icon`}
+      part=${e||o}
+      aria-hidden="true"
+      viewBox="0 0 24 24"
+      focusable="false"
+    >
+      <path d=${v}></path>
+    </svg>
+  `:o}export{s as renderScbIcon};

package/package.json

@@ -1,6 +1,6 @@
 {
     "name":  "scb-wc",
-    "version":  "0.1.237",
+    "version":  "0.1.239",
     "type":  "module",
     "main":  "index.js",
     "module":  "index.js",
@@ -506,6 +506,16 @@
                                                  "import":  "./scb-table-advanced/scb-table-advanced.js",
                                                  "require":  "./scb-table-advanced/scb-table-advanced.js"
                                              },
+                    "./scb-table-next":  {
+                                             "types":  "./scb-components/scb-table-next/scb-table-next.d.ts",
+                                             "import":  "./scb-table-next/scb-table-next.js",
+                                             "require":  "./scb-table-next/scb-table-next.js"
+                                         },
+                    "./scb-table-next/read-table":  {
+                                                        "types":  "./scb-components/scb-table-next/read-table.d.ts",
+                                                        "import":  "./scb-table-next/read-table.js",
+                                                        "require":  "./scb-table-next/read-table.js"
+                                                    },
                     "./scb-tabs":  {
                                        "types":  "./scb-components/scb-tabs/scb-tabs.d.ts",
                                        "import":  "./scb-tabs/scb-tabs.js",
@@ -549,5 +559,5 @@
                     "./scb-viz/*":  null,
                     "./mvc/*":  "./mvc/*"
                 },
-    "buildHash":  "5A8F728F065157D9BC5DE3886C631CA62FC18D63CE24885970703E83D08FAAD1"
+    "buildHash":  "0048BD20E9914A00E8BA9D8CE97A93E3ABEE22BB8999861DC5A76DC604DCB5C0"
 }

package/scb-components/index.d.ts

@@ -0,0 +1,108 @@
+export * from './scb-accordion/scb-accordion-item';
+export * from './scb-accordion/scb-accordion';
+export * from './scb-action-card/scb-action-card';
+export * from './scb-app-bar/scb-app-bar';
+export * from './scb-avatar/scb-avatar';
+export * from './scb-badge/scb-badge';
+export * from './scb-breadcrumb/scb-breadcrumb-item';
+export * from './scb-breadcrumb/scb-breadcrumb';
+export * from './scb-button/scb-button';
+export * from './scb-calendar/scb-calendar-event';
+export * from './scb-calendar/scb-calendar';
+export * from './scb-calendar-card/scb-calendar-card';
+export * from './scb-card/scb-action-card';
+export * from './scb-card/scb-card';
+export * from './scb-card/scb-container-card';
+export * from './scb-card/scb-link-card';
+export * from './scb-card/scb-list-card';
+export * from './scb-card/scb-social-card';
+export * from './scb-checkbox/scb-checkbox-group';
+export * from './scb-checkbox/scb-checkbox';
+export * from './scb-chevron/scb-chevron';
+export * from './scb-chip/scb-chip';
+export * from './scb-collapse/scb-collapse';
+export * from './scb-container-card/scb-container-card';
+export * from './scb-cookies-consent/scb-cookies-consent';
+export * from './scb-datepicker/scb-datepicker';
+export * from './scb-dialog/scb-dialog';
+export * from './scb-divider/scb-divider';
+export * from './scb-drawer/scb-drawer';
+export * from './scb-drop-zone/scb-drop-zone';
+export * from './scb-dropdown/scb-dropdown';
+export * from './scb-fact-card/scb-fact-card-content';
+export * from './scb-fact-card/scb-fact-card';
+export * from './scb-footer/scb-footer-section';
+export * from './scb-footer/scb-footer';
+export * from './scb-form-error-summary/scb-form-error-summary';
+export * from './scb-gallery-grid/scb-gallery-grid';
+export * from './scb-grid/scb-grid-item';
+export * from './scb-grid/scb-grid';
+export * from './scb-grid/scb-stack';
+export * from './scb-header/scb-header-menu-group';
+export * from './scb-header/scb-header-menu-item';
+export * from './scb-header/scb-header-tab';
+export * from './scb-header/scb-header-utility';
+export * from './scb-header/scb-header';
+export * from './scb-horizontal-scroller/scb-horizontal-scroller';
+export * from './scb-icon/scb-icon';
+export * from './scb-icon-button/scb-icon-button';
+export * from './scb-keyfigure-card/scb-keyfigure-card';
+export * from './scb-link/scb-link';
+export * from './scb-link-button/scb-link-button';
+export * from './scb-link-card/scb-link-card';
+export * from './scb-list/scb-list-item';
+export * from './scb-list/scb-list';
+export * from './scb-list-card/scb-list-card';
+export * from './scb-menu/scb-menu-item';
+export * from './scb-menu/scb-menu-section';
+export * from './scb-menu/scb-menu';
+export * from './scb-menu/scb-sub-menu';
+export * from './scb-nav/scb-nav-item';
+export * from './scb-nav/scb-nav';
+export * from './scb-notification-card/scb-notification-card';
+export * from './scb-options-menu/scb-options-menu-item';
+export * from './scb-options-menu/scb-options-menu';
+export * from './scb-options-menu/scb-options-sub-menu';
+export * from './scb-overlay/scb-overlay';
+export * from './scb-pagination/scb-pagination';
+export * from './scb-progress-indicator/scb-progress-indicator';
+export * from './scb-progress-stepper/scb-progress-step';
+export * from './scb-progress-stepper/scb-progress-stepper';
+export * from './scb-radio-button/scb-radio-button';
+export * from './scb-radio-button/scb-radio-group';
+export * from './scb-scrollspy/scb-scrollspy';
+export * from './scb-search/scb-search';
+export * from './scb-segmented-button/scb-segmented-button';
+export * from './scb-segmented-button/scb-segmented-item';
+export * from './scb-select/scb-select-option';
+export * from './scb-select/scb-select';
+export * from './scb-skeleton/scb-skeleton';
+export * from './scb-slider/scb-slider';
+export * from './scb-snackbar/scb-snackbar';
+export * from './scb-social-card/scb-social-card';
+export * from './scb-status-pill/scb-status-pill';
+export * from './scb-stepper/scb-step';
+export * from './scb-stepper/scb-stepper';
+export * from './scb-switch/scb-switch';
+export * from './scb-table/scb-table';
+export * from './scb-table-advanced/scb-table-advanced';
+export * from './scb-table-next/read-table';
+export * from './scb-table-next/scb-table-next';
+export * from './scb-tabs/scb-primary-tab';
+export * from './scb-tabs/scb-secondary-tab';
+export * from './scb-tabs/scb-tabs';
+export * from './scb-textfield/scb-textfield';
+export * from './scb-toc/scb-toc-item';
+export * from './scb-toc/scb-toc';
+export * from './scb-tooltip/scb-tooltip';
+export * from './scb-viz/scb-viz-actions-runtime';
+export * from './scb-viz/scb-viz-print-runtime';
+export * from './scb-viz/scb-viz-series-differentiation-registry';
+export * from './scb-viz/scb-viz-series-differentiation-runtime';
+export * from './scb-viz/scb-viz-table-runtime';
+export * from './scb-viz/scb-viz';
+export * from './shared/component-size-token';
+export * from './shared/lazy-focus-ring';
+export * from './shared/lazy-ripple';
+export * from './shared/manual-popover';
+export * from './shared/scb-icon-svg';

package/scb-components/scb-table-next/read-table.d.ts

@@ -0,0 +1,29 @@
+export type Content = string | Inline[];
+type Inline = string | {
+    tag: 'a' | 'sup';
+    children: Inline[];
+    href?: string;
+    title?: string;
+    ariaLabel?: string;
+};
+export interface Heading {
+    text: string;
+    content: Content;
+    ariaLabel?: string;
+    visuallyHidden: boolean;
+    column: number;
+    colSpan: number;
+    rowSpan: number;
+}
+export interface TableModel {
+    label: string;
+    headings: Heading[][];
+    columns: Heading[][];
+    stubCount: number;
+    rows: {
+        stubs: Content[];
+        values: Content[];
+    }[];
+}
+export declare function readTable(table: HTMLTableElement, rowLimit?: number): TableModel | undefined;
+export {};

package/scb-components/scb-table-next/scb-table-next.d.ts

@@ -0,0 +1,22 @@
+import { LitElement, type TemplateResult } from 'lit';
+export declare class ScbTableNext extends LitElement {
+    private _model?;
+    private _mobile;
+    private _resize?;
+    private _observer?;
+    private _frame?;
+    private _widthReady;
+    static styles: import("lit").CSSResult;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private _queueRead;
+    private _read;
+    private _content;
+    private _mobileRows;
+    render(): TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'scb-table-next': ScbTableNext;
+    }
+}

package/scb-components/scb-viz/scb-viz-actions-runtime.d.ts

@@ -0,0 +1,26 @@
+export type ScbVizExportFileExtension = 'png' | 'jpg' | 'csv';
+export type ScbVizRasterFormat = 'png' | 'jpeg';
+export interface ScbVizExportFileNameOptions {
+    lang: string;
+    title?: string;
+}
+export interface ScbVizFullscreenDocument extends Document {
+    webkitFullscreenElement?: Element | null;
+    webkitExitFullscreen?: () => Promise<void> | void;
+}
+export declare function getScbVizExportBaseFileName({ lang, title }: ScbVizExportFileNameOptions): string;
+export declare function buildScbVizExportFileName(options: ScbVizExportFileNameOptions, extension: ScbVizExportFileExtension): string;
+export declare function getScbVizFullscreenDocument(doc?: Document): ScbVizFullscreenDocument;
+export declare function getScbVizCurrentFullscreenElement(doc?: Document): Element | null;
+export declare function isScbVizFullscreenSupported(target: HTMLElement & {
+    webkitRequestFullscreen?: () => Promise<void> | void;
+}): boolean;
+export declare function toggleScbVizFullscreen(target: HTMLElement & {
+    webkitRequestFullscreen?: () => Promise<void> | void;
+}, doc?: Document): Promise<void>;
+export declare function openScbVizPrintFrame(html: string, doc?: Document): Promise<void>;
+export declare function runWithScbVizForcedPrintLightMode<T>(host: HTMLElement, callback: () => Promise<T>): Promise<T>;
+export declare function createScbVizCsvBlob(rows: string[][], lang: string): Blob;
+export declare function createScbVizRasterBlobFromElement(source: SVGSVGElement | HTMLCanvasElement | HTMLImageElement, target: HTMLElement, format: ScbVizRasterFormat): Promise<Blob | null>;
+export declare function createScbVizRasterDataUrlFromElement(source: SVGSVGElement | HTMLCanvasElement | HTMLImageElement, target: HTMLElement, format: ScbVizRasterFormat): Promise<string | null>;
+export declare function downloadScbVizBlob(blob: Blob, fileName: string, doc?: Document): void;

package/scb-components/scb-viz/scb-viz-print-runtime.d.ts

@@ -0,0 +1,30 @@
+import type { ScbVizResolvedTableView } from './scb-viz-table-runtime.js';
+export interface ScbVizPrintableFooterOptions {
+    comment?: string;
+    commentLabel: string;
+    description?: string;
+    descriptionLabel: string;
+    escapeHtml: (value: string) => string;
+    footnote?: string;
+    footnoteLabel: string;
+    moreAboutStatsLabel: string;
+    officialStatistics?: boolean;
+    renderRichTextHtml: (value: string) => string;
+    sosLogotypeSvg?: string;
+    source?: string;
+    sourceLabel: string;
+}
+export interface ScbVizPrintDocumentOptions {
+    contentHtml: string;
+    escapeHtml: (value: string) => string;
+    footerHtml?: string;
+    lang?: string;
+    subtitle?: string;
+    title?: string;
+}
+export interface ScbVizPrintableTableOptions {
+    getEmptyHeaderLabel?: (columnIndex: number) => string;
+}
+export declare function buildScbVizPrintableTableHtml(tableView: ScbVizResolvedTableView, escapeHtml: (value: string) => string, options?: ScbVizPrintableTableOptions): string;
+export declare function buildScbVizPrintableFooterHtml(options: ScbVizPrintableFooterOptions): string;
+export declare function buildScbVizPrintDocumentHtml(options: ScbVizPrintDocumentOptions): string;

package/scb-components/scb-viz/scb-viz-series-differentiation-registry.d.ts

@@ -0,0 +1,21 @@
+export interface ScbVizSeriesDifferentiationPatternDefinition {
+    kind: string;
+    appendMarks: (pattern: SVGPatternElement, namespace: string) => void;
+}
+export interface ScbVizSeriesDifferentiationRegistry {
+    dashStyles: string[];
+    markerSymbols: string[];
+    patterns: ScbVizSeriesDifferentiationPatternDefinition[];
+    defaultPatternKind: string;
+}
+export interface ScbVizSeriesDifferentiationVariant {
+    dashStyle: string;
+    markerSymbol: string;
+    patternKind: string;
+}
+export declare const scbVizSeriesDifferentiationRegistry: ScbVizSeriesDifferentiationRegistry;
+export declare function getScbVizSeriesDifferentiationRegistry(): ScbVizSeriesDifferentiationRegistry;
+export declare function getScbVizSeriesDifferentiationPatternKinds(): string[];
+export declare function getScbVizSeriesDifferentiationPatternDefinition(patternKind: string): ScbVizSeriesDifferentiationPatternDefinition;
+export declare function appendScbVizSeriesDifferentiationPatternMarks(pattern: SVGPatternElement, namespace: string, patternKind: string): string;
+export declare function getScbVizSeriesDifferentiationVariant(seriesIndex: number): ScbVizSeriesDifferentiationVariant;

package/scb-components/scb-viz/scb-viz-series-differentiation-runtime.d.ts

@@ -0,0 +1,42 @@
+import { type ScbVizSeriesDifferentiationVariant } from './scb-viz-series-differentiation-registry.js';
+export interface ScbVizGroupedSeriesDifferentiationStore {
+    indexByKey: Record<string, number>;
+    nextIndex: number;
+}
+export interface ScbVizSeriesDifferentiationMetadata {
+    role: 'graph' | 'area' | 'fill' | 'legend-symbol' | 'legend-fill';
+    dashStyle?: string;
+    patternKind?: string;
+}
+export declare function getScbVizSeriesDifferentiationVariantByIndex(variantIndex: number): ScbVizSeriesDifferentiationVariant;
+export declare function isScbVizGroupedSeriesDifferentiationChart(series: any, chart: any): any;
+export declare function usesScbVizGroupedPointDifferentiation(series: any): any;
+export declare function getScbVizSeriesDifferentiationColorIndex(target: any): number | null;
+export declare function ensureScbVizGroupedSeriesDifferentiationStore(chart: any): ScbVizGroupedSeriesDifferentiationStore;
+export declare function getScbVizGroupedSeriesDifferentiationKey(target: any, fallbackIndex: number): string;
+export declare function getScbVizGroupedSeriesDifferentiationVariantIndex(target: any, chart: any, fallbackIndex: number): number;
+export declare function getScbVizGroupedSeriesDifferentiationVariant(target: any, chart: any, fallbackIndex: number): {
+    dashStyle: string;
+    markerSymbol: string;
+    patternKind: string;
+    variantIndex: number;
+};
+export declare function shouldShowScbVizSeriesDifferentiationAction(options: {
+    chart: any;
+    getCurrentPrintableView: () => 'diagram' | 'table' | 'image';
+    getSeriesDifferentiationGroup: (series: any, chart: any) => string | null;
+    isHighchartsStyledMode: (chart: any) => boolean;
+}): any;
+export declare function getScbVizHighchartsSvgElement(target: any): SVGElement | null;
+export declare function isScbVizHighchartsStyledMode(chart: any): boolean;
+export declare function getScbVizHighchartsSvgRoot(chart: any): SVGSVGElement | null;
+export declare function getScbVizHighchartsColorClassName(target: any, fallbackIndex: number): string;
+export declare function setScbVizSeriesDifferentiationMetadata(target: any, metadata: ScbVizSeriesDifferentiationMetadata): void;
+export declare function clearScbVizSeriesDifferentiationMetadata(target: any): void;
+export declare function setScbVizSeriesDifferentiationColorClass(target: any, colorClassName: string): void;
+export declare function clearScbVizSeriesDifferentiationColorClass(target: any): void;
+export declare function getScbVizLegendSeriesDifferentiationTargets(series: any): {
+    graphTargets: SVGElement[];
+    fillTargets: SVGElement[];
+};
+export declare function ensureScbVizStyledModeSeriesPattern(chart: any, colorClassName: string, patternKind: string): void;

package/scb-components/scb-viz/scb-viz-table-runtime.d.ts

@@ -0,0 +1,28 @@
+export type ScbVizTableCellLike = string | number | null | undefined;
+export interface ScbVizTableCellContentLike {
+    html: string;
+    text: string;
+}
+export type ScbVizRenderableTableCellLike = ScbVizTableCellLike | ScbVizTableCellContentLike;
+export interface ScbVizTableDataLike {
+    headers?: ScbVizRenderableTableCellLike[];
+    rows: ScbVizRenderableTableCellLike[][];
+    rowHeaderRows?: boolean[];
+}
+export type ScbVizTableAlignment = 'left' | 'right';
+export interface ScbVizResolvedTableView {
+    alignments: ScbVizTableAlignment[];
+    colCount: number;
+    headers: ScbVizTableCellContentLike[];
+    rows: ScbVizTableCellContentLike[][];
+    rowHeaderRows: boolean[];
+}
+export declare function normalizeScbVizRenderableCell(cell: ScbVizRenderableTableCellLike): ScbVizTableCellContentLike;
+export declare function readScbVizTableDataFromSlot(slot?: HTMLSlotElement | null): ScbVizTableDataLike | undefined;
+export declare function inferScbVizTableAlignments(data: ScbVizTableDataLike, parseNumericValue: (value: ScbVizTableCellLike) => number | null): ScbVizTableAlignment[];
+export declare function buildScbVizResolvedTableView(data: ScbVizTableDataLike, options: {
+    inferAlignments: (data: ScbVizTableDataLike) => ScbVizTableAlignment[];
+    normalizeCell?: (cell: ScbVizRenderableTableCellLike) => ScbVizTableCellContentLike;
+    formatCell?: (cell: ScbVizRenderableTableCellLike, columnIndex: number, alignments: ScbVizTableAlignment[]) => ScbVizTableCellContentLike;
+}): ScbVizResolvedTableView;
+export declare function createScbVizCsvRows(data: ScbVizTableDataLike, normalizeCell?: (cell: ScbVizRenderableTableCellLike) => ScbVizTableCellContentLike): string[][];

package/scb-components/shared/component-size-token.d.ts

@@ -0,0 +1 @@
+export declare function componentSizeToken(host: Element, token: string, allowedSizes: readonly string[], fallback: string): string;

package/scb-components/shared/lazy-focus-ring.d.ts

@@ -0,0 +1,4 @@
+export declare const ensureFocusRingReady: () => void;
+export declare const ensureFocusRingOnFocusVisible: (event: Event) => void;
+export declare const ensureFocusRingOnTab: (event: KeyboardEvent) => void;
+export declare const addLazyFocusRingListeners: (...targets: EventTarget[]) => (() => void);

package/scb-components/shared/lazy-ripple.d.ts

@@ -0,0 +1,9 @@
+export type LazyRippleElement = HTMLElement & {
+    control?: HTMLElement | null;
+    hovered?: boolean;
+    handlePointerenter?: (event: PointerEvent) => void;
+    handlePointerdown?: (event: PointerEvent) => void | Promise<void>;
+    handleClick?: () => void;
+};
+export declare const ensureRippleReady: () => Promise<void>;
+export declare const syncRippleToControl: (ripple: LazyRippleElement | null | undefined, control: HTMLElement | null | undefined, event?: PointerEvent, click?: boolean) => Promise<void>;

package/scb-components/shared/manual-popover.d.ts

@@ -0,0 +1,7 @@
+export declare function openManualPopover(element: HTMLElement | null | undefined, source?: HTMLElement | null, type?: 'manual' | 'hint'): boolean;
+export declare function closeManualPopover(element: HTMLElement | null | undefined): void;
+/** Behåller ytan i top layer tills dess egen stängningsanimation är klar. */
+export declare function closeManualPopoverAfterAnimations(element: HTMLElement | null | undefined, afterClose?: () => void, animationSource?: HTMLElement): void;
+export declare function isManualPopoverOpen(element: HTMLElement | null | undefined): boolean;
+/** Stänger popupytor som annars kan ligga kvar i top layer när en förälder stängs. */
+export declare function closeNestedPopupSurfaces(root: ParentNode): void;

package/scb-components/shared/scb-icon-svg.d.ts

@@ -0,0 +1,3 @@
+import { nothing } from 'lit';
+export declare function hasScbSvgIcon(name: string | undefined | null): boolean;
+export declare function renderScbIcon(name: string | undefined | null, className?: string, part?: string): typeof nothing | import("lit-html").TemplateResult<2>;

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

@@ -105,6 +105,8 @@ var c, l = {
       --scb-menu-item-text-line-height: var(--scb-menu-item-design-text-medium-line-height);
       --scb-menu-item-text-letter-spacing: var(--scb-menu-item-design-text-medium-letter-spacing);
       --scb-menu-item-text-font-weight: var(--scb-menu-item-design-text-medium-font-weight);
+      display: block;
+      min-width: 0;
     }
 
     :host([expanded]) {
@@ -118,10 +120,12 @@ var c, l = {
       display: flex;
       align-items: center;
       position: relative;
+      min-width: 0;
     }
 
     .scb-menu-label-text {
-      width: 100%;
+      flex: 1 1 0;
+      min-width: 0;
       display: block;
       background: transparent;
       border: 0;
@@ -153,12 +157,14 @@ var c, l = {
     .scb-menu-click {
       display: flex;
       align-items: center;
+      min-width: 0;
       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;
+      overflow-wrap: anywhere;
       color: var(--scb-menu-panel-content-color, var(--md-sys-color-on-surface));
     }
     .scb-menu-click.has-icon {

package/scb-menu/scb-menu.js

@@ -26,6 +26,9 @@ var s = class extends t {
     */
     :host {
       display: block;
+      min-width: 0;
+      max-width: 100%;
+      box-sizing: border-box;
       color: var(--scb-menu-panel-content-color, var(--md-sys-color-on-surface));
       padding-block: var(--scb-menu-padding-block, var(--scb-menu-design-panel-padding-block-medium));
       padding-inline: var(--scb-menu-padding-inline, var(--scb-menu-design-panel-padding-inline-medium));