@govtechsg/sgds-web-component 3.30.1-rc.1 → 3.30.1-rc.10

package/components/Sidenav/index.umd.min.js

@@ -2347,7 +2347,7 @@ let Fe={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},Ie
       clip-rule="evenodd"
     />
   </svg>
-`}));let yp={announcement:()=>Promise.resolve().then(()=>(rt(),tt)),archive:()=>Promise.resolve().then(()=>(ot(),it)),"arrow-bar-down":()=>Promise.resolve().then(()=>(lt(),st)),"arrow-bar-left":()=>Promise.resolve().then(()=>(ft(),ut)),"arrow-bar-right":()=>Promise.resolve().then(()=>(ht(),pt)),"arrow-bar-up":()=>Promise.resolve().then(()=>(vt(),gt)),"arrow-circle-down":()=>Promise.resolve().then(()=>(xt(),yt)),"arrow-circle-left":()=>Promise.resolve().then(()=>(wt(),St)),"arrow-circle-right":()=>Promise.resolve().then(()=>(Dt(),Tt)),"arrow-circle-up":()=>Promise.resolve().then(()=>(At(),Ot)),"arrow-clockwise":()=>Promise.resolve().then(()=>(Nt(),jt)),"arrow-down":()=>Promise.resolve().then(()=>(It(),Pt)),"arrow-left":()=>Promise.resolve().then(()=>(zt(),Lt)),"arrow-repeat":()=>Promise.resolve().then(()=>(Ht(),Bt)),"arrow-right":()=>Promise.resolve().then(()=>(Gt(),Ut)),"arrow-square-down":()=>Promise.resolve().then(()=>(Jt(),Kt)),"arrow-square-left":()=>Promise.resolve().then(()=>(Zt(),Yt)),"arrow-square-right":()=>Promise.resolve().then(()=>(en(),Qt)),"arrow-square-up":()=>Promise.resolve().then(()=>(rn(),tn)),"arrow-up":()=>Promise.resolve().then(()=>(sn(),an)),"bank-fill":()=>Promise.resolve().then(()=>(un(),cn)),"bell-slash":()=>Promise.resolve().then(()=>(pn(),dn)),bell:()=>Promise.resolve().then(()=>(gn(),mn)),"bi-funnel":()=>Promise.resolve().then(()=>(yn(),_n)),"bookmark-fill":()=>Promise.resolve().then(()=>(Sn(),bn)),bookmark:()=>Promise.resolve().then(()=>(Tn(),Cn)),"box-arrow-up-right":()=>Promise.resolve().then(()=>(On(),En)),"box-seam":()=>Promise.resolve().then(()=>(jn(),kn)),building:()=>Promise.resolve().then(()=>(Pn(),Mn)),bus:()=>Promise.resolve().then(()=>(Ln(),Fn)),calculator:()=>Promise.resolve().then(()=>(Bn(),Rn)),"calendar-check":()=>Promise.resolve().then(()=>(Un(),Vn)),"calendar-heart":()=>Promise.resolve().then(()=>(Kn(),Wn)),"calendar-x":()=>Promise.resolve().then(()=>(Yn(),qn)),calendar:()=>Promise.resolve().then(()=>(Qn(),Xn)),camera:()=>Promise.resolve().then(()=>(tr(),$n)),car:()=>Promise.resolve().then(()=>(ir(),nr)),"chat-dots":()=>Promise.resolve().then(()=>(sr(),ar)),"chat-left-text":()=>Promise.resolve().then(()=>(ur(),cr)),chat:()=>Promise.resolve().then(()=>(pr(),dr)),"check-circle-fill":()=>Promise.resolve().then(()=>(gr(),mr)),"check-circle":()=>Promise.resolve().then(()=>(yr(),_r)),check:()=>Promise.resolve().then(()=>(Sr(),br)),"chevron-down":()=>Promise.resolve().then(()=>(Tr(),Cr)),"chevron-left":()=>Promise.resolve().then(()=>(Or(),Er)),"chevron-right":()=>Promise.resolve().then(()=>(jr(),kr)),"chevron-selector-vertical":()=>Promise.resolve().then(()=>(Pr(),Mr)),"chevron-up":()=>Promise.resolve().then(()=>(Lr(),Fr)),clock:()=>Promise.resolve().then(()=>(Br(),Rr)),"cloud-check":()=>Promise.resolve().then(()=>(Ur(),Vr)),"cloud-download":()=>Promise.resolve().then(()=>(Kr(),Wr)),"cloud-upload":()=>Promise.resolve().then(()=>(Yr(),qr)),cloud:()=>Promise.resolve().then(()=>(Qr(),Xr)),"code-square":()=>Promise.resolve().then(()=>(ti(),$r)),"coins-hand":()=>Promise.resolve().then(()=>(ii(),ni)),compass:()=>Promise.resolve().then(()=>(si(),ai)),copy:()=>Promise.resolve().then(()=>(ui(),ci)),"cpu-chip-ai":()=>Promise.resolve().then(()=>(pi(),di)),cross:()=>Promise.resolve().then(()=>(gi(),mi)),"cursor-fill":()=>Promise.resolve().then(()=>(yi(),_i)),cursor:()=>Promise.resolve().then(()=>(Si(),bi)),"dash-circle":()=>Promise.resolve().then(()=>(Ti(),Ci)),"dash-square":()=>Promise.resolve().then(()=>(Oi(),Ei)),dash:()=>Promise.resolve().then(()=>(ji(),ki)),database:()=>Promise.resolve().then(()=>(Pi(),Mi)),dataflow:()=>Promise.resolve().then(()=>(Li(),Fi)),download:()=>Promise.resolve().then(()=>(Bi(),Ri)),edit:()=>Promise.resolve().then(()=>(Ui(),Vi)),"exclamation-circle-fill":()=>Promise.resolve().then(()=>(Ki(),Wi)),"exclamation-circle":()=>Promise.resolve().then(()=>(Yi(),qi)),"exclamation-triangle-fill":()=>Promise.resolve().then(()=>(Qi(),Xi)),"exclamation-triangle":()=>Promise.resolve().then(()=>(ta(),$i)),exclamation:()=>Promise.resolve().then(()=>(ia(),na)),"eye-fill":()=>Promise.resolve().then(()=>(sa(),aa)),"eye-slash-fill":()=>Promise.resolve().then(()=>(ua(),ca)),"eye-slash":()=>Promise.resolve().then(()=>(pa(),da)),eye:()=>Promise.resolve().then(()=>(ga(),ma)),"face-smile-fill":()=>Promise.resolve().then(()=>(ya(),_a)),"face-smile":()=>Promise.resolve().then(()=>(Sa(),ba)),facebook:()=>Promise.resolve().then(()=>(Ta(),Ca)),"file-earmark-text":()=>Promise.resolve().then(()=>(Oa(),Ea)),"file-pdf":()=>Promise.resolve().then(()=>(ja(),ka)),"file-plus":()=>Promise.resolve().then(()=>(Pa(),Ma)),"file-text":()=>Promise.resolve().then(()=>(La(),Fa)),file:()=>Promise.resolve().then(()=>(Ba(),Ra)),files:()=>Promise.resolve().then(()=>(Ua(),Va)),fingerprint:()=>Promise.resolve().then(()=>(Ka(),Wa)),flash:()=>Promise.resolve().then(()=>(Ya(),qa)),"folder-check":()=>Promise.resolve().then(()=>(Qa(),Xa)),"folder-minus":()=>Promise.resolve().then(()=>(to(),$a)),"folder-plus":()=>Promise.resolve().then(()=>(io(),no)),folder:()=>Promise.resolve().then(()=>(so(),ao)),gear:()=>Promise.resolve().then(()=>(uo(),co)),"geo-alt":()=>Promise.resolve().then(()=>(mo(),fo)),"geo-fill":()=>Promise.resolve().then(()=>(_o(),ho)),geo:()=>Promise.resolve().then(()=>(bo(),vo)),"globe-alt":()=>Promise.resolve().then(()=>(Co(),xo)),globe:()=>Promise.resolve().then(()=>(Eo(),wo)),google:()=>Promise.resolve().then(()=>(ko(),Do)),"grid-alt":()=>Promise.resolve().then(()=>(Mo(),Ao)),"grid-fill":()=>Promise.resolve().then(()=>(Fo(),No)),"hand-thumbs-down":()=>Promise.resolve().then(()=>(Ro(),Io)),"hand-thumbs-up":()=>Promise.resolve().then(()=>(Vo(),zo)),"hard-drive":()=>Promise.resolve().then(()=>(Wo(),Ho)),heart:()=>Promise.resolve().then(()=>(qo(),Go)),"house-door":()=>Promise.resolve().then(()=>(Xo(),Jo)),house:()=>Promise.resolve().then(()=>($o(),Zo)),image:()=>Promise.resolve().then(()=>(ns(),es)),"in-box":()=>Promise.resolve().then(()=>(as(),rs)),"info-circle-fill":()=>Promise.resolve().then(()=>(cs(),os)),"info-circle":()=>Promise.resolve().then(()=>(ds(),ls)),instagram:()=>Promise.resolve().then(()=>(ms(),fs)),key:()=>Promise.resolve().then(()=>(_s(),hs)),"laptop-gear":()=>Promise.resolve().then(()=>(bs(),vs)),laptop:()=>Promise.resolve().then(()=>(Cs(),xs)),layers:()=>Promise.resolve().then(()=>(Es(),ws)),"layout-text-window-reverse":()=>Promise.resolve().then(()=>(ks(),Ds)),"layout-text-window":()=>Promise.resolve().then(()=>(Ms(),As)),layout:()=>Promise.resolve().then(()=>(Fs(),Ns)),"life-buoy":()=>Promise.resolve().then(()=>(Rs(),Is)),lightbulb:()=>Promise.resolve().then(()=>(Vs(),zs)),link:()=>Promise.resolve().then(()=>(Ws(),Hs)),linkedin:()=>Promise.resolve().then(()=>(qs(),Gs)),list:()=>Promise.resolve().then(()=>(Xs(),Js)),"lock-fill":()=>Promise.resolve().then(()=>($s(),Zs)),lock:()=>Promise.resolve().then(()=>(nc(),ec)),login:()=>Promise.resolve().then(()=>(ac(),rc)),logout:()=>Promise.resolve().then(()=>(cc(),oc)),luggage:()=>Promise.resolve().then(()=>(dc(),lc)),"mail-open":()=>Promise.resolve().then(()=>(mc(),fc)),mail:()=>Promise.resolve().then(()=>(_c(),hc)),map:()=>Promise.resolve().then(()=>(bc(),vc)),meetup:()=>Promise.resolve().then(()=>(Cc(),xc)),menu:()=>Promise.resolve().then(()=>(Ec(),wc)),microphone:()=>Promise.resolve().then(()=>(kc(),Dc)),monitor:()=>Promise.resolve().then(()=>(Mc(),Ac)),moon:()=>Promise.resolve().then(()=>(Fc(),Nc)),move:()=>Promise.resolve().then(()=>(Rc(),Ic)),paperclip:()=>Promise.resolve().then(()=>(Vc(),zc)),passcode:()=>Promise.resolve().then(()=>(Wc(),Hc)),passport:()=>Promise.resolve().then(()=>(qc(),Gc)),pause:()=>Promise.resolve().then(()=>(Xc(),Jc)),pencil:()=>Promise.resolve().then(()=>($c(),Zc)),"pending-circle":()=>Promise.resolve().then(()=>(nl(),el)),"person-dash":()=>Promise.resolve().then(()=>(al(),rl)),"person-plus":()=>Promise.resolve().then(()=>(cl(),ol)),"person-x":()=>Promise.resolve().then(()=>(dl(),ll)),person:()=>Promise.resolve().then(()=>(ml(),fl)),phone:()=>Promise.resolve().then(()=>(_l(),hl)),"pin-map-fill":()=>Promise.resolve().then(()=>(bl(),vl)),pin:()=>Promise.resolve().then(()=>(Cl(),xl)),placeholder:()=>Promise.resolve().then(()=>(El(),wl)),plane:()=>Promise.resolve().then(()=>(kl(),Dl)),play:()=>Promise.resolve().then(()=>(Ml(),Al)),"plus-circle":()=>Promise.resolve().then(()=>(Fl(),Nl)),"plus-square":()=>Promise.resolve().then(()=>(Rl(),Il)),plus:()=>Promise.resolve().then(()=>(Vl(),zl)),printer:()=>Promise.resolve().then(()=>(Wl(),Hl)),"question-circle":()=>Promise.resolve().then(()=>(ql(),Gl)),rocket:()=>Promise.resolve().then(()=>(Xl(),Jl)),save:()=>Promise.resolve().then(()=>($l(),Zl)),search:()=>Promise.resolve().then(()=>(nu(),eu)),send:()=>Promise.resolve().then(()=>(au(),ru)),"sg-crest":()=>Promise.resolve().then(()=>(cu(),ou)),share:()=>Promise.resolve().then(()=>(du(),lu)),"shield-tick":()=>Promise.resolve().then(()=>(mu(),fu)),"sidebar-collapse":()=>Promise.resolve().then(()=>(_u(),hu)),"sidebar-expand":()=>Promise.resolve().then(()=>(bu(),vu)),"slash-circle":()=>Promise.resolve().then(()=>(Cu(),xu)),"slash-divider":()=>Promise.resolve().then(()=>(Eu(),wu)),sliders:()=>Promise.resolve().then(()=>(ku(),Du)),"sort-ascending":()=>Promise.resolve().then(()=>(Mu(),Au)),"sort-descending":()=>Promise.resolve().then(()=>(Fu(),Nu)),speedometer:()=>Promise.resolve().then(()=>(Ru(),Iu)),"star-ai":()=>Promise.resolve().then(()=>(Vu(),zu)),"star-fill":()=>Promise.resolve().then(()=>(Wu(),Hu)),star:()=>Promise.resolve().then(()=>(qu(),Gu)),stoplights:()=>Promise.resolve().then(()=>(Xu(),Ju)),sun:()=>Promise.resolve().then(()=>($u(),Zu)),"switch-horizontal":()=>Promise.resolve().then(()=>(nd(),ed)),"switch-vertical":()=>Promise.resolve().then(()=>(ad(),rd)),tablet:()=>Promise.resolve().then(()=>(cd(),od)),telegram:()=>Promise.resolve().then(()=>(dd(),ld)),telephone:()=>Promise.resolve().then(()=>(md(),fd)),"three-dots-vertical":()=>Promise.resolve().then(()=>(_d(),hd)),"three-dots":()=>Promise.resolve().then(()=>(bd(),vd)),ticket:()=>Promise.resolve().then(()=>(Cd(),xd)),"toggle-off":()=>Promise.resolve().then(()=>(Ed(),wd)),"toggle-on":()=>Promise.resolve().then(()=>(kd(),Dd)),train:()=>Promise.resolve().then(()=>(Md(),Ad)),translate:()=>Promise.resolve().then(()=>(Fd(),Nd)),trash:()=>Promise.resolve().then(()=>(Rd(),Id)),"trend-down":()=>Promise.resolve().then(()=>(Vd(),zd)),"trend-up":()=>Promise.resolve().then(()=>(Wd(),Hd)),truck:()=>Promise.resolve().then(()=>(qd(),Gd)),"twitter-x":()=>Promise.resolve().then(()=>(Xd(),Jd)),unlock:()=>Promise.resolve().then(()=>($d(),Zd)),upload:()=>Promise.resolve().then(()=>(nf(),ef)),"user-check":()=>Promise.resolve().then(()=>(of(),rf)),"user-circle":()=>Promise.resolve().then(()=>(lf(),sf)),"user-pause":()=>Promise.resolve().then(()=>(ff(),uf)),"user-square":()=>Promise.resolve().then(()=>(hf(),pf)),users:()=>Promise.resolve().then(()=>(vf(),gf)),"video-recorder":()=>Promise.resolve().then(()=>(xf(),yf)),"volume-max":()=>Promise.resolve().then(()=>(wf(),Sf)),"volume-x":()=>Promise.resolve().then(()=>(Df(),Tf)),"window-dash":()=>Promise.resolve().then(()=>(Af(),Of)),"window-desktop":()=>Promise.resolve().then(()=>(Nf(),jf)),"window-dock":()=>Promise.resolve().then(()=>(If(),Pf)),"window-fullscreen":()=>Promise.resolve().then(()=>(zf(),Lf)),"window-plus":()=>Promise.resolve().then(()=>(Hf(),Bf)),"window-sidebar":()=>Promise.resolve().then(()=>(Gf(),Uf)),"window-split":()=>Promise.resolve().then(()=>(Jf(),Kf)),"window-stack":()=>Promise.resolve().then(()=>(Zf(),Yf)),"window-x":()=>Promise.resolve().then(()=>(ep(),Qf)),window:()=>Promise.resolve().then(()=>(rp(),tp)),"xcircle-fill":()=>Promise.resolve().then(()=>(op(),ip)),xcircle:()=>Promise.resolve().then(()=>(lp(),sp)),youtube:()=>Promise.resolve().then(()=>(fp(),up)),"zoom-in":()=>Promise.resolve().then(()=>(hp(),pp)),"zoom-out":()=>Promise.resolve().then(()=>(vp(),gp))};q();var bp=l`:host{color:inherit;display:inline-flex;vertical-align:bottom}:host(.icon-left){margin-right:.25rem}:host(.icon-right){margin-left:.25rem}:host([size=xs]) svg{height:var(--sgds-icon-size-xs);width:var(--sgds-icon-size-xs)}:host([size=sm]) svg{height:var(--sgds-icon-size-sm);width:var(--sgds-icon-size-sm)}:host([size=md]) svg{height:var(--sgds-icon-size-md);width:var(--sgds-icon-size-md)}:host([size=xl]) svg{height:var(--sgds-icon-size-xl);width:var(--sgds-icon-size-xl)}:host([size="2-xl"]) svg{height:var(--sgds-icon-size-2-xl);width:var(--sgds-icon-size-2-xl)}:host([size="3-xl"]) svg{height:var(--sgds-icon-size-3-xl);width:var(--sgds-icon-size-3-xl)}svg{display:inline-block;height:var(--sgds-icon-size-lg);width:var(--sgds-icon-size-lg)}`;q();let xp=/* @__PURE__ */ new Map;var Z=class extends X{constructor(...e){super(...e),this.size=`lg`}static{this.styles=[...X.styles,bp]}willUpdate(e){e.has(`name`)&&this._loadIcon(this.name)}async _loadIcon(e){if(!e){this._icon=void 0;return}if(xp.has(e)){this._icon=xp.get(e);return}let t=yp[e];if(!t){console.warn(`Icon not found: ${e}`),this._icon=void 0;return}try{let n=await t();xp.set(e,n.default),this._icon=n.default}catch{console.warn(`Failed to load icon: ${e}`),this._icon=void 0}}updated(){let e=this.shadowRoot?.querySelector(`svg`);e&&(this.ariaLabel?(e.removeAttribute(`aria-hidden`),e.setAttribute(`aria-label`,this.ariaLabel)):(e.removeAttribute(`aria-label`),e.setAttribute(`aria-hidden`,`true`)))}render(){return this._icon??R}};Y([J({type:String,reflect:!0})],Z.prototype,`name`,void 0),Y([J({type:String,reflect:!0})],Z.prototype,`size`,void 0),Y([J({type:String})],Z.prototype,`ariaLabel`,void 0),Y([Ae()],Z.prototype,`_icon`,void 0),q();var Sp=l`:host([class^=second-level]) .sidenav-btn{font-weight:var(--sgds-font-weight-regular);padding-left:var(--sgds-padding-3-xl)}button{all:unset}.sidenav-btn{background:0;border:0;border-radius:var(--sgds-interactive-border-radius);display:flex;font-size:var(--sgds-font-size-label-md);font-weight:var(--sgds-font-weight-semibold);gap:var(--sgds-gap-xs);line-height:var(--sgds-line-height-xs);padding:var(--sgds-padding-sm) var(--sgds-padding-sm) var(--sgds-padding-sm) calc(var(--sgds-padding-sm) + var(--sgds-padding-2-xs));text-align:initial;width:100%;.caret-icon,slot[name=caret-icon]::slotted(*){margin-bottom:auto;margin-left:auto;transform:rotate(180deg);transition:all .3s ease-in-out}}.sidenav-btn:hover:not(.disabled){background-color:var(--sgds-bg-translucent-subtle)}.sidenav-btn.active{color:var(--sgds-color-default)}.sidenav-btn.disabled{opacity:var(--sgds-opacity-40);pointer-events:none}.sidenav-btn:not(.active){.caret-icon,slot[name=caret-icon]::slotted(*){transform:rotate(0deg)}}.sidenav-btn:focus-visible:not(.disabled){background-color:var(--sgds-bg-translucent-subtle)}.sidenav-btn:focus-visible:not(.disabled){outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.no-menu-default::slotted(a){background:0;border:0;border-radius:var(--sgds-interactive-border-radius);color:inherit!important;display:flex;font-size:var(--sgds-font-size-label-md);font-weight:var(--sgds-font-weight-semibold)!important;gap:var(--sgds-gap-xs);line-height:var(--sgds-line-height-xs)!important;padding:var(--sgds-padding-sm) var(--sgds-padding-sm) var(--sgds-padding-sm) calc(var(--sgds-padding-sm) + var(--sgds-padding-2-xs));text-decoration:none!important}.no-menu-default::slotted(a:focus-visible){background-color:var(--sgds-bg-translucent-subtle)}.no-menu-default::slotted(a:focus-visible){outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}:host([class^=first-level][active]) .no-menu-default::slotted(a){background-color:var(--sgds-primary-surface-translucent);color:var(--sgds-primary-color-emphasis)!important}:host([class^=first-level][disabled]) .no-menu-default::slotted(a){opacity:var(--sgds-opacity-40);pointer-events:none}`;q();var Q=class extends X{constructor(...e){super(...e),this.active=!1,this.disabled=!1,this.isLink=!1,this._collapseId=$e(`sidenav`,`collapse`),this._buttonId=$e(`sidenav`,`button`),this._levelId=$e(`sidenav`,`this`),this._firstLevelId=`first-level-`+this._levelId,this._secondLevelId=`second-level-`+this._levelId,this._thirdLevelId=`third-level-`+this._levelId,this.index=`-1`}static{this.styles=[...X.styles,Sp]}static{this.dependencies={"sgds-icon":Z}}_onToggle(){this.emit(`sgds-toggle`,{detail:{index:this.index}})}async show(){if(!this.isLink&&!this.active)return this.active=!0,Qe(this,`sgds-after-show`)}async hide(){if(!this.isLink&&this.active)return this.active=!1,Qe(this,`sgds-after-hide`)}connectedCallback(){super.connectedCallback(),this.classList.add(this._firstLevelId)}firstUpdated(e){super.firstUpdated(e),this.isLink||(this.body.hidden=!this.active,this.body.style.height=this.active?`auto`:`0`),this._handleOpenMenu()}_handleOpenMenu(){this.active||=this._items.some(e=>e.active)}_handleSummaryClick(){this.active?this.hide():this.show(),this._onToggle(),this.header.focus()}_handleSummaryKeyDown(e){(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),this.active?this.hide():this.show()),(e.key===`ArrowUp`||e.key===`ArrowLeft`)&&(e.preventDefault(),this.hide()),(e.key===`ArrowDown`||e.key===`ArrowRight`)&&(e.preventDefault(),this.show())}async _handleOpenChange(){if(!this.isLink){if(this.active){if(this.emit(`sgds-show`,{cancelable:!0}).defaultPrevented){this.active=!1;return}await Ge(this.body),this.body.hidden=!1;let{keyframes:e,options:t}=Xe(this,`sidenav.show`);await He(this.body,We(e,this.body.scrollHeight),t),this.body.style.height=`auto`,this.emit(`sgds-after-show`)}else{if(this.emit(`sgds-hide`,{cancelable:!0}).defaultPrevented){this.active=!0;return}await Ge(this.body);let{keyframes:e,options:t}=Xe(this,`sidenav.hide`);await He(this.body,We(e,this.body.scrollHeight),t),this.body.hidden=!0,this.body.style.height=`auto`,this.emit(`sgds-after-hide`)}}}_handleSlotChange(e){let t=e.target.assignedElements({flatten:!0}).filter(e=>e.tagName.toLowerCase()===`a`);if(t.length>1)return console.error(`More than one anchor tag is added to sgds-sidenav-item`);if(t.length===1){let e=t[0];return this.disabled&&e.setAttribute(`tabindex`,`-1`),this.active&&e.setAttribute(`aria-current`,`true`),this.isLink=!0}e.target.assignedElements({flatten:!0}).filter(e=>e.tagName.toLowerCase()===`sgds-sidenav-item`).forEach(e=>{let t=Array.from(e.classList).filter(e=>e.startsWith(`first-level`))[0];e.classList.replace(t,this._secondLevelId)}),Array.from(this.classList).some(e=>e.startsWith(`second-level`))&&this._items.forEach(e=>e.classList.add(this._thirdLevelId)),this._handleOpenMenu()}render(){let e=I`
+`}));let yp={announcement:()=>Promise.resolve().then(()=>(rt(),tt)),archive:()=>Promise.resolve().then(()=>(ot(),it)),"arrow-bar-down":()=>Promise.resolve().then(()=>(lt(),st)),"arrow-bar-left":()=>Promise.resolve().then(()=>(ft(),ut)),"arrow-bar-right":()=>Promise.resolve().then(()=>(ht(),pt)),"arrow-bar-up":()=>Promise.resolve().then(()=>(vt(),gt)),"arrow-circle-down":()=>Promise.resolve().then(()=>(xt(),yt)),"arrow-circle-left":()=>Promise.resolve().then(()=>(wt(),St)),"arrow-circle-right":()=>Promise.resolve().then(()=>(Dt(),Tt)),"arrow-circle-up":()=>Promise.resolve().then(()=>(At(),Ot)),"arrow-clockwise":()=>Promise.resolve().then(()=>(Nt(),jt)),"arrow-down":()=>Promise.resolve().then(()=>(It(),Pt)),"arrow-left":()=>Promise.resolve().then(()=>(zt(),Lt)),"arrow-repeat":()=>Promise.resolve().then(()=>(Ht(),Bt)),"arrow-right":()=>Promise.resolve().then(()=>(Gt(),Ut)),"arrow-square-down":()=>Promise.resolve().then(()=>(Jt(),Kt)),"arrow-square-left":()=>Promise.resolve().then(()=>(Zt(),Yt)),"arrow-square-right":()=>Promise.resolve().then(()=>(en(),Qt)),"arrow-square-up":()=>Promise.resolve().then(()=>(rn(),tn)),"arrow-up":()=>Promise.resolve().then(()=>(sn(),an)),"bank-fill":()=>Promise.resolve().then(()=>(un(),cn)),"bell-slash":()=>Promise.resolve().then(()=>(pn(),dn)),bell:()=>Promise.resolve().then(()=>(gn(),mn)),"bi-funnel":()=>Promise.resolve().then(()=>(yn(),_n)),"bookmark-fill":()=>Promise.resolve().then(()=>(Sn(),bn)),bookmark:()=>Promise.resolve().then(()=>(Tn(),Cn)),"box-arrow-up-right":()=>Promise.resolve().then(()=>(On(),En)),"box-seam":()=>Promise.resolve().then(()=>(jn(),kn)),building:()=>Promise.resolve().then(()=>(Pn(),Mn)),bus:()=>Promise.resolve().then(()=>(Ln(),Fn)),calculator:()=>Promise.resolve().then(()=>(Bn(),Rn)),"calendar-check":()=>Promise.resolve().then(()=>(Un(),Vn)),"calendar-heart":()=>Promise.resolve().then(()=>(Kn(),Wn)),"calendar-x":()=>Promise.resolve().then(()=>(Yn(),qn)),calendar:()=>Promise.resolve().then(()=>(Qn(),Xn)),camera:()=>Promise.resolve().then(()=>(tr(),$n)),car:()=>Promise.resolve().then(()=>(ir(),nr)),"chat-dots":()=>Promise.resolve().then(()=>(sr(),ar)),"chat-left-text":()=>Promise.resolve().then(()=>(ur(),cr)),chat:()=>Promise.resolve().then(()=>(pr(),dr)),"check-circle-fill":()=>Promise.resolve().then(()=>(gr(),mr)),"check-circle":()=>Promise.resolve().then(()=>(yr(),_r)),check:()=>Promise.resolve().then(()=>(Sr(),br)),"chevron-down":()=>Promise.resolve().then(()=>(Tr(),Cr)),"chevron-left":()=>Promise.resolve().then(()=>(Or(),Er)),"chevron-right":()=>Promise.resolve().then(()=>(jr(),kr)),"chevron-selector-vertical":()=>Promise.resolve().then(()=>(Pr(),Mr)),"chevron-up":()=>Promise.resolve().then(()=>(Lr(),Fr)),clock:()=>Promise.resolve().then(()=>(Br(),Rr)),"cloud-check":()=>Promise.resolve().then(()=>(Ur(),Vr)),"cloud-download":()=>Promise.resolve().then(()=>(Kr(),Wr)),"cloud-upload":()=>Promise.resolve().then(()=>(Yr(),qr)),cloud:()=>Promise.resolve().then(()=>(Qr(),Xr)),"code-square":()=>Promise.resolve().then(()=>(ti(),$r)),"coins-hand":()=>Promise.resolve().then(()=>(ii(),ni)),compass:()=>Promise.resolve().then(()=>(si(),ai)),copy:()=>Promise.resolve().then(()=>(ui(),ci)),"cpu-chip-ai":()=>Promise.resolve().then(()=>(pi(),di)),cross:()=>Promise.resolve().then(()=>(gi(),mi)),"cursor-fill":()=>Promise.resolve().then(()=>(yi(),_i)),cursor:()=>Promise.resolve().then(()=>(Si(),bi)),"dash-circle":()=>Promise.resolve().then(()=>(Ti(),Ci)),"dash-square":()=>Promise.resolve().then(()=>(Oi(),Ei)),dash:()=>Promise.resolve().then(()=>(ji(),ki)),database:()=>Promise.resolve().then(()=>(Pi(),Mi)),dataflow:()=>Promise.resolve().then(()=>(Li(),Fi)),download:()=>Promise.resolve().then(()=>(Bi(),Ri)),edit:()=>Promise.resolve().then(()=>(Ui(),Vi)),"exclamation-circle-fill":()=>Promise.resolve().then(()=>(Ki(),Wi)),"exclamation-circle":()=>Promise.resolve().then(()=>(Yi(),qi)),"exclamation-triangle-fill":()=>Promise.resolve().then(()=>(Qi(),Xi)),"exclamation-triangle":()=>Promise.resolve().then(()=>(ta(),$i)),exclamation:()=>Promise.resolve().then(()=>(ia(),na)),"eye-fill":()=>Promise.resolve().then(()=>(sa(),aa)),"eye-slash-fill":()=>Promise.resolve().then(()=>(ua(),ca)),"eye-slash":()=>Promise.resolve().then(()=>(pa(),da)),eye:()=>Promise.resolve().then(()=>(ga(),ma)),"face-smile-fill":()=>Promise.resolve().then(()=>(ya(),_a)),"face-smile":()=>Promise.resolve().then(()=>(Sa(),ba)),facebook:()=>Promise.resolve().then(()=>(Ta(),Ca)),"file-earmark-text":()=>Promise.resolve().then(()=>(Oa(),Ea)),"file-pdf":()=>Promise.resolve().then(()=>(ja(),ka)),"file-plus":()=>Promise.resolve().then(()=>(Pa(),Ma)),"file-text":()=>Promise.resolve().then(()=>(La(),Fa)),file:()=>Promise.resolve().then(()=>(Ba(),Ra)),files:()=>Promise.resolve().then(()=>(Ua(),Va)),fingerprint:()=>Promise.resolve().then(()=>(Ka(),Wa)),flash:()=>Promise.resolve().then(()=>(Ya(),qa)),"folder-check":()=>Promise.resolve().then(()=>(Qa(),Xa)),"folder-minus":()=>Promise.resolve().then(()=>(to(),$a)),"folder-plus":()=>Promise.resolve().then(()=>(io(),no)),folder:()=>Promise.resolve().then(()=>(so(),ao)),gear:()=>Promise.resolve().then(()=>(uo(),co)),"geo-alt":()=>Promise.resolve().then(()=>(mo(),fo)),"geo-fill":()=>Promise.resolve().then(()=>(_o(),ho)),geo:()=>Promise.resolve().then(()=>(bo(),vo)),"globe-alt":()=>Promise.resolve().then(()=>(Co(),xo)),globe:()=>Promise.resolve().then(()=>(Eo(),wo)),google:()=>Promise.resolve().then(()=>(ko(),Do)),"grid-alt":()=>Promise.resolve().then(()=>(Mo(),Ao)),"grid-fill":()=>Promise.resolve().then(()=>(Fo(),No)),"hand-thumbs-down":()=>Promise.resolve().then(()=>(Ro(),Io)),"hand-thumbs-up":()=>Promise.resolve().then(()=>(Vo(),zo)),"hard-drive":()=>Promise.resolve().then(()=>(Wo(),Ho)),heart:()=>Promise.resolve().then(()=>(qo(),Go)),"house-door":()=>Promise.resolve().then(()=>(Xo(),Jo)),house:()=>Promise.resolve().then(()=>($o(),Zo)),image:()=>Promise.resolve().then(()=>(ns(),es)),"in-box":()=>Promise.resolve().then(()=>(as(),rs)),"info-circle-fill":()=>Promise.resolve().then(()=>(cs(),os)),"info-circle":()=>Promise.resolve().then(()=>(ds(),ls)),instagram:()=>Promise.resolve().then(()=>(ms(),fs)),key:()=>Promise.resolve().then(()=>(_s(),hs)),"laptop-gear":()=>Promise.resolve().then(()=>(bs(),vs)),laptop:()=>Promise.resolve().then(()=>(Cs(),xs)),layers:()=>Promise.resolve().then(()=>(Es(),ws)),"layout-text-window-reverse":()=>Promise.resolve().then(()=>(ks(),Ds)),"layout-text-window":()=>Promise.resolve().then(()=>(Ms(),As)),layout:()=>Promise.resolve().then(()=>(Fs(),Ns)),"life-buoy":()=>Promise.resolve().then(()=>(Rs(),Is)),lightbulb:()=>Promise.resolve().then(()=>(Vs(),zs)),link:()=>Promise.resolve().then(()=>(Ws(),Hs)),linkedin:()=>Promise.resolve().then(()=>(qs(),Gs)),list:()=>Promise.resolve().then(()=>(Xs(),Js)),"lock-fill":()=>Promise.resolve().then(()=>($s(),Zs)),lock:()=>Promise.resolve().then(()=>(nc(),ec)),login:()=>Promise.resolve().then(()=>(ac(),rc)),logout:()=>Promise.resolve().then(()=>(cc(),oc)),luggage:()=>Promise.resolve().then(()=>(dc(),lc)),"mail-open":()=>Promise.resolve().then(()=>(mc(),fc)),mail:()=>Promise.resolve().then(()=>(_c(),hc)),map:()=>Promise.resolve().then(()=>(bc(),vc)),meetup:()=>Promise.resolve().then(()=>(Cc(),xc)),menu:()=>Promise.resolve().then(()=>(Ec(),wc)),microphone:()=>Promise.resolve().then(()=>(kc(),Dc)),monitor:()=>Promise.resolve().then(()=>(Mc(),Ac)),moon:()=>Promise.resolve().then(()=>(Fc(),Nc)),move:()=>Promise.resolve().then(()=>(Rc(),Ic)),paperclip:()=>Promise.resolve().then(()=>(Vc(),zc)),passcode:()=>Promise.resolve().then(()=>(Wc(),Hc)),passport:()=>Promise.resolve().then(()=>(qc(),Gc)),pause:()=>Promise.resolve().then(()=>(Xc(),Jc)),pencil:()=>Promise.resolve().then(()=>($c(),Zc)),"pending-circle":()=>Promise.resolve().then(()=>(nl(),el)),"person-dash":()=>Promise.resolve().then(()=>(al(),rl)),"person-plus":()=>Promise.resolve().then(()=>(cl(),ol)),"person-x":()=>Promise.resolve().then(()=>(dl(),ll)),person:()=>Promise.resolve().then(()=>(ml(),fl)),phone:()=>Promise.resolve().then(()=>(_l(),hl)),"pin-map-fill":()=>Promise.resolve().then(()=>(bl(),vl)),pin:()=>Promise.resolve().then(()=>(Cl(),xl)),placeholder:()=>Promise.resolve().then(()=>(El(),wl)),plane:()=>Promise.resolve().then(()=>(kl(),Dl)),play:()=>Promise.resolve().then(()=>(Ml(),Al)),"plus-circle":()=>Promise.resolve().then(()=>(Fl(),Nl)),"plus-square":()=>Promise.resolve().then(()=>(Rl(),Il)),plus:()=>Promise.resolve().then(()=>(Vl(),zl)),printer:()=>Promise.resolve().then(()=>(Wl(),Hl)),"question-circle":()=>Promise.resolve().then(()=>(ql(),Gl)),rocket:()=>Promise.resolve().then(()=>(Xl(),Jl)),save:()=>Promise.resolve().then(()=>($l(),Zl)),search:()=>Promise.resolve().then(()=>(nu(),eu)),send:()=>Promise.resolve().then(()=>(au(),ru)),"sg-crest":()=>Promise.resolve().then(()=>(cu(),ou)),share:()=>Promise.resolve().then(()=>(du(),lu)),"shield-tick":()=>Promise.resolve().then(()=>(mu(),fu)),"sidebar-collapse":()=>Promise.resolve().then(()=>(_u(),hu)),"sidebar-expand":()=>Promise.resolve().then(()=>(bu(),vu)),"slash-circle":()=>Promise.resolve().then(()=>(Cu(),xu)),"slash-divider":()=>Promise.resolve().then(()=>(Eu(),wu)),sliders:()=>Promise.resolve().then(()=>(ku(),Du)),"sort-ascending":()=>Promise.resolve().then(()=>(Mu(),Au)),"sort-descending":()=>Promise.resolve().then(()=>(Fu(),Nu)),speedometer:()=>Promise.resolve().then(()=>(Ru(),Iu)),"star-ai":()=>Promise.resolve().then(()=>(Vu(),zu)),"star-fill":()=>Promise.resolve().then(()=>(Wu(),Hu)),star:()=>Promise.resolve().then(()=>(qu(),Gu)),stoplights:()=>Promise.resolve().then(()=>(Xu(),Ju)),sun:()=>Promise.resolve().then(()=>($u(),Zu)),"switch-horizontal":()=>Promise.resolve().then(()=>(nd(),ed)),"switch-vertical":()=>Promise.resolve().then(()=>(ad(),rd)),tablet:()=>Promise.resolve().then(()=>(cd(),od)),telegram:()=>Promise.resolve().then(()=>(dd(),ld)),telephone:()=>Promise.resolve().then(()=>(md(),fd)),"three-dots-vertical":()=>Promise.resolve().then(()=>(_d(),hd)),"three-dots":()=>Promise.resolve().then(()=>(bd(),vd)),ticket:()=>Promise.resolve().then(()=>(Cd(),xd)),"toggle-off":()=>Promise.resolve().then(()=>(Ed(),wd)),"toggle-on":()=>Promise.resolve().then(()=>(kd(),Dd)),train:()=>Promise.resolve().then(()=>(Md(),Ad)),translate:()=>Promise.resolve().then(()=>(Fd(),Nd)),trash:()=>Promise.resolve().then(()=>(Rd(),Id)),"trend-down":()=>Promise.resolve().then(()=>(Vd(),zd)),"trend-up":()=>Promise.resolve().then(()=>(Wd(),Hd)),truck:()=>Promise.resolve().then(()=>(qd(),Gd)),"twitter-x":()=>Promise.resolve().then(()=>(Xd(),Jd)),unlock:()=>Promise.resolve().then(()=>($d(),Zd)),upload:()=>Promise.resolve().then(()=>(nf(),ef)),"user-check":()=>Promise.resolve().then(()=>(of(),rf)),"user-circle":()=>Promise.resolve().then(()=>(lf(),sf)),"user-pause":()=>Promise.resolve().then(()=>(ff(),uf)),"user-square":()=>Promise.resolve().then(()=>(hf(),pf)),users:()=>Promise.resolve().then(()=>(vf(),gf)),"video-recorder":()=>Promise.resolve().then(()=>(xf(),yf)),"volume-max":()=>Promise.resolve().then(()=>(wf(),Sf)),"volume-x":()=>Promise.resolve().then(()=>(Df(),Tf)),"window-dash":()=>Promise.resolve().then(()=>(Af(),Of)),"window-desktop":()=>Promise.resolve().then(()=>(Nf(),jf)),"window-dock":()=>Promise.resolve().then(()=>(If(),Pf)),"window-fullscreen":()=>Promise.resolve().then(()=>(zf(),Lf)),"window-plus":()=>Promise.resolve().then(()=>(Hf(),Bf)),"window-sidebar":()=>Promise.resolve().then(()=>(Gf(),Uf)),"window-split":()=>Promise.resolve().then(()=>(Jf(),Kf)),"window-stack":()=>Promise.resolve().then(()=>(Zf(),Yf)),"window-x":()=>Promise.resolve().then(()=>(ep(),Qf)),window:()=>Promise.resolve().then(()=>(rp(),tp)),"xcircle-fill":()=>Promise.resolve().then(()=>(op(),ip)),xcircle:()=>Promise.resolve().then(()=>(lp(),sp)),youtube:()=>Promise.resolve().then(()=>(fp(),up)),"zoom-in":()=>Promise.resolve().then(()=>(hp(),pp)),"zoom-out":()=>Promise.resolve().then(()=>(vp(),gp))};q();var bp=l`:host{color:inherit;display:inline-flex;vertical-align:bottom}:host(.icon-left){margin-right:.25rem}:host(.icon-right){margin-left:.25rem}:host([size=xs]) svg{height:var(--sgds-icon-size-xs);width:var(--sgds-icon-size-xs)}:host([size=sm]) svg{height:var(--sgds-icon-size-sm);width:var(--sgds-icon-size-sm)}:host([size=md]) svg{height:var(--sgds-icon-size-md);width:var(--sgds-icon-size-md)}:host([size=xl]) svg{height:var(--sgds-icon-size-xl);width:var(--sgds-icon-size-xl)}:host([size="2-xl"]) svg{height:var(--sgds-icon-size-2-xl);width:var(--sgds-icon-size-2-xl)}:host([size="3-xl"]) svg{height:var(--sgds-icon-size-3-xl);width:var(--sgds-icon-size-3-xl)}svg{display:inline-block;height:var(--sgds-icon-size-lg);width:var(--sgds-icon-size-lg)}`;q();let xp=/* @__PURE__ */ new Map;var Z=class extends X{constructor(...e){super(...e),this.size=`lg`}static{this.styles=[...X.styles,bp]}willUpdate(e){e.has(`name`)&&this._loadIcon(this.name)}async _loadIcon(e){if(!e){this._icon=void 0;return}if(xp.has(e)){this._icon=xp.get(e);return}let t=yp[e];if(!t){console.warn(`Icon not found: ${e}`),this._icon=void 0;return}try{let n=await t();xp.set(e,n.default),this._icon=n.default}catch{console.warn(`Failed to load icon: ${e}`),this._icon=void 0}}updated(){let e=this.shadowRoot?.querySelector(`svg`);e&&(this.ariaLabel?(e.removeAttribute(`aria-hidden`),e.setAttribute(`aria-label`,this.ariaLabel)):(e.removeAttribute(`aria-label`),e.setAttribute(`aria-hidden`,`true`)))}render(){return this._icon??R}};Y([J({type:String,reflect:!0})],Z.prototype,`name`,void 0),Y([J({type:String,reflect:!0})],Z.prototype,`size`,void 0),Y([J({type:String})],Z.prototype,`ariaLabel`,void 0),Y([Ae()],Z.prototype,`_icon`,void 0),q();var Sp=l`:host([class^=second-level]) .sidenav-btn{font-weight:var(--sgds-font-weight-regular);padding-left:var(--sgds-padding-3-xl)}button{all:unset}.sidenav-btn{background:0;border:0;border-radius:var(--sgds-interactive-border-radius);display:flex;font-size:var(--sgds-font-size-label-md);font-weight:var(--sgds-font-weight-semibold);gap:var(--sgds-gap-xs);line-height:var(--sgds-line-height-xs);padding:var(--sgds-padding-sm) var(--sgds-padding-sm) var(--sgds-padding-sm) calc(var(--sgds-padding-sm) + var(--sgds-padding-2-xs));text-align:initial;width:100%;.caret-icon,slot[name=caret-icon]::slotted(*){margin-bottom:auto;margin-left:auto;transform:rotate(180deg);transition:all .3s ease-in-out}}.sidenav-btn:hover:not(.disabled){background-color:var(--sgds-bg-translucent-subtle)}.sidenav-btn.active{color:var(--sgds-color-default)}.sidenav-btn.disabled{opacity:var(--sgds-opacity-40);pointer-events:none}.sidenav-btn:not(.active){.caret-icon,slot[name=caret-icon]::slotted(*){transform:rotate(0deg)}}.sidenav-btn:focus-visible:not(.disabled){background-color:var(--sgds-bg-translucent-subtle)}.sidenav-btn:focus-visible:not(.disabled){outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.no-menu-wrapper{background:0;border:0;border-radius:var(--sgds-interactive-border-radius);display:flex;font-size:var(--sgds-font-size-label-md);font-weight:var(--sgds-font-weight-semibold);gap:var(--sgds-gap-xs);line-height:var(--sgds-line-height-xs);padding:var(--sgds-padding-sm) var(--sgds-padding-sm) var(--sgds-padding-sm) calc(var(--sgds-padding-sm) + var(--sgds-padding-2-xs))}.no-menu-wrapper:hover{background-color:var(--sgds-bg-translucent-subtle)}.no-menu-wrapper:focus-within{background-color:var(--sgds-bg-translucent-subtle);outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}:host([class^=first-level][active]) .no-menu-wrapper{background-color:var(--sgds-primary-surface-translucent);color:var(--sgds-primary-color-emphasis)}:host([class^=first-level][disabled]) .no-menu-wrapper{opacity:var(--sgds-opacity-40);pointer-events:none}.no-menu-default::slotted(a){color:inherit!important;font-weight:inherit!important;text-decoration:none!important}.no-menu-default::slotted(a:focus-visible){outline:none}`;q();var Q=class extends X{constructor(...e){super(...e),this.active=!1,this.disabled=!1,this.isLink=!1,this._collapseId=$e(`sidenav`,`collapse`),this._buttonId=$e(`sidenav`,`button`),this._levelId=$e(`sidenav`,`this`),this._firstLevelId=`first-level-`+this._levelId,this._secondLevelId=`second-level-`+this._levelId,this._thirdLevelId=`third-level-`+this._levelId,this.index=`-1`}static{this.styles=[...X.styles,Sp]}static{this.dependencies={"sgds-icon":Z}}_onToggle(){this.emit(`sgds-toggle`,{detail:{index:this.index}})}async show(){if(!this.isLink&&!this.active)return this.active=!0,Qe(this,`sgds-after-show`)}async hide(){if(!this.isLink&&this.active)return this.active=!1,Qe(this,`sgds-after-hide`)}connectedCallback(){super.connectedCallback(),this.classList.add(this._firstLevelId)}firstUpdated(e){super.firstUpdated(e),this.isLink||(this.body.hidden=!this.active,this.body.style.height=this.active?`auto`:`0`),this._handleOpenMenu()}_handleOpenMenu(){this.active||=this._items.some(e=>e.active)}_handleSummaryClick(){this.active?this.hide():this.show(),this._onToggle(),this.header.focus()}_handleSummaryKeyDown(e){(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),this.active?this.hide():this.show()),(e.key===`ArrowUp`||e.key===`ArrowLeft`)&&(e.preventDefault(),this.hide()),(e.key===`ArrowDown`||e.key===`ArrowRight`)&&(e.preventDefault(),this.show())}async _handleOpenChange(){if(!this.isLink){if(this.active){if(this.emit(`sgds-show`,{cancelable:!0}).defaultPrevented){this.active=!1;return}await Ge(this.body),this.body.hidden=!1;let{keyframes:e,options:t}=Xe(this,`sidenav.show`);await He(this.body,We(e,this.body.scrollHeight),t),this.body.style.height=`auto`,this.emit(`sgds-after-show`)}else{if(this.emit(`sgds-hide`,{cancelable:!0}).defaultPrevented){this.active=!0;return}await Ge(this.body);let{keyframes:e,options:t}=Xe(this,`sidenav.hide`);await He(this.body,We(e,this.body.scrollHeight),t),this.body.hidden=!0,this.body.style.height=`auto`,this.emit(`sgds-after-hide`)}}}_handleSlotChange(e){let t=e.target.assignedElements({flatten:!0}).filter(e=>e.tagName.toLowerCase()===`a`);if(t.length>1)return console.error(`More than one anchor tag is added to sgds-sidenav-item`);if(t.length===1){let e=t[0];return this.disabled&&e.setAttribute(`tabindex`,`-1`),this.active&&e.setAttribute(`aria-current`,`true`),this.isLink=!0}e.target.assignedElements({flatten:!0}).filter(e=>e.tagName.toLowerCase()===`sgds-sidenav-item`).forEach(e=>{let t=Array.from(e.classList).filter(e=>e.startsWith(`first-level`))[0];e.classList.replace(t,this._secondLevelId)}),Array.from(this.classList).some(e=>e.startsWith(`second-level`))&&this._items.forEach(e=>e.classList.add(this._thirdLevelId)),this._handleOpenMenu()}render(){let e=I`
       <button
         @click=${this._handleSummaryClick}
         @keydown=${this._handleSummaryKeyDown}
@@ -2371,7 +2371,9 @@ let Fe={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},Ie
           <slot class="default" @slotchange=${this._handleSlotChange}></slot>
         </div>
       </div>
-    `,t=I` <slot @slotchange=${this._handleSlotChange} class="no-menu-default"></slot> `;return I`
+    `,t=I`<div class="no-menu-wrapper">
+      <slot @slotchange=${this._handleSlotChange} class="no-menu-default"></slot>
+    </div>`;return I`
       <div class="sidenav-item" aria-haspopup="${!this.isLink}">${this.isLink?t:e}</div>
-    `}};Y([Me(`.sidenav-body`)],Q.prototype,`body`,void 0),Y([Me(`.sidenav-btn`)],Q.prototype,`header`,void 0),Y([J({type:Boolean,reflect:!0})],Q.prototype,`active`,void 0),Y([J({type:Boolean,reflect:!0})],Q.prototype,`disabled`,void 0),Y([J({type:String})],Q.prototype,`ariaLabel`,void 0),Y([Ae()],Q.prototype,`isLink`,void 0),Y([et(`active`,{waitUntilFirstUpdate:!0})],Q.prototype,`_handleOpenChange`,null),Y([Ne()],Q.prototype,`_items`,void 0),Ze(`sidenav.show`,{keyframes:[{height:`0`,opacity:`0`},{height:`auto`,opacity:`1`}],options:{duration:200,easing:`ease-in-out`}}),Ze(`sidenav.hide`,{keyframes:[{height:`auto`,opacity:`1`},{height:`0`,opacity:`0`}],options:{duration:200,easing:`ease-in-out`}}),q();var Cp=l`:host([class^=third-level]) ::slotted(a){padding-left:calc(var(--sgds-padding-xl) + var(--sgds-padding-3-xl))}::slotted(a){--sgds-link-color-default:var(--sgds-color-default);border-radius:var(--sgds-interactive-border-radius);color:var(--sgds-color-default,var(--sgds-link-color-default));display:block;padding:var(--sgds-padding-sm) var(--sgds-padding-sm) var(--sgds-padding-sm) var(--sgds-padding-3-xl);text-decoration:none!important}:host([active]) ::slotted(a){--sgds-link-color-default:var(--sgds-primary-color-emphasis);background-color:var(--sgds-primary-surface-translucent);color:var(--sgds-primary-color-emphasis,var(--sgds-link-color-default))}:host(:not([disabled]):not([active])) ::slotted(a:hover){background-color:var(--sgds-bg-translucent-subtle)}::slotted(a:focus),::slotted(a:focus-visible),::slotted(a:hover){--sgds-link-color-emphasis:var(--sgds-color-default);color:var(--sgds-color-default,var(--sgds-link-color-emphasis))}:host([active]) ::slotted(a:focus),:host([active]) ::slotted(a:focus-visible),:host([active]) ::slotted(a:hover){--sgds-link-color-emphasis:var(--sgds-primary-color-emphasis);color:var(--sgds-primary-color-emphasis,var(--sgds-link-color-emphasis))}:host([disabled]) ::slotted(a){opacity:var(--sgds-opacity-40);pointer-events:none}:host([disabled]) ::slotted(a:focus-visible){outline:0}::slotted(a:focus-visible){background-color:var(--sgds-bg-translucent-subtle)}::slotted(a:focus-visible){outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}:host([active]) ::slotted(a:focus-visible){background-color:var(--sgds-primary-bg-translucent)}`;q();var $=class extends X{constructor(...e){super(...e),this.active=!1,this.disabled=!1}static{this.styles=[...X.styles,Cp]}connectedCallback(){super.connectedCallback(),this.setAttribute(`aria-disabled`,`${this.disabled}`)}_handleDisabled(){this.setAttribute(`aria-disabled`,`${this.disabled}`),this._anchor[0].setAttribute(`aria-disabled`,`${this.disabled}`),this.disabled||this._anchor[0].removeAttribute(`tabindex`)}_handleSlotChange(){this._anchor[0].setAttribute(`aria-disabled`,`${this.disabled}`),this.disabled&&(this._anchor[0].setAttribute(`tabindex`,`-1`),this._anchor[0].removeAttribute(`href`),this._anchor[0].setAttribute(`role`,`link`))}render(){return I` <slot @slotchange=${this._handleSlotChange}></slot> `}};Y([J({type:Boolean,reflect:!0})],$.prototype,`active`,void 0),Y([J({type:Boolean,reflect:!0})],$.prototype,`disabled`,void 0),Y([Ne({flatten:!0})],$.prototype,`_anchor`,void 0),Y([et(`disabled`,{waitUntilFirstUpdate:!0})],$.prototype,`_handleDisabled`,null);function wp(e,t){customElements.get(e)||customElements.define(e,t)}wp(`sgds-sidenav`,Be),wp(`sgds-sidenav-item`,Q),wp(`sgds-sidenav-link`,$)});
+    `}};Y([Me(`.sidenav-body`)],Q.prototype,`body`,void 0),Y([Me(`.sidenav-btn`)],Q.prototype,`header`,void 0),Y([J({type:Boolean,reflect:!0})],Q.prototype,`active`,void 0),Y([J({type:Boolean,reflect:!0})],Q.prototype,`disabled`,void 0),Y([J({type:String})],Q.prototype,`ariaLabel`,void 0),Y([Ae()],Q.prototype,`isLink`,void 0),Y([et(`active`,{waitUntilFirstUpdate:!0})],Q.prototype,`_handleOpenChange`,null),Y([Ne()],Q.prototype,`_items`,void 0),Ze(`sidenav.show`,{keyframes:[{height:`0`,opacity:`0`},{height:`auto`,opacity:`1`}],options:{duration:200,easing:`ease-in-out`}}),Ze(`sidenav.hide`,{keyframes:[{height:`auto`,opacity:`1`},{height:`0`,opacity:`0`}],options:{duration:200,easing:`ease-in-out`}}),q();var Cp=l`.sidenav-link{border-radius:var(--sgds-interactive-border-radius);display:block;padding:var(--sgds-padding-sm) var(--sgds-padding-sm) var(--sgds-padding-sm) var(--sgds-padding-3-xl)}:host([class^=third-level]) .sidenav-link{padding-left:calc(var(--sgds-padding-xl) + var(--sgds-padding-3-xl))}:host([active]) .sidenav-link{background-color:var(--sgds-primary-surface-translucent)}:host(:not([disabled]):not([active])) .sidenav-link:hover{background-color:var(--sgds-bg-translucent-subtle)}.sidenav-link:focus-within{background-color:var(--sgds-bg-translucent-subtle);outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}:host([active]) .sidenav-link:focus-within{background-color:var(--sgds-primary-bg-translucent)}:host([disabled]) .sidenav-link{opacity:var(--sgds-opacity-40);pointer-events:none}::slotted(a){--sgds-link-color-default:var(--sgds-color-default);color:var(--sgds-color-default,var(--sgds-link-color-default));text-decoration:none!important}:host([active]) ::slotted(a){--sgds-link-color-default:var(--sgds-primary-color-emphasis);color:var(--sgds-primary-color-emphasis,var(--sgds-link-color-default))}::slotted(a:focus),::slotted(a:focus-visible),::slotted(a:hover){--sgds-link-color-emphasis:var(--sgds-color-default);color:var(--sgds-color-default,var(--sgds-link-color-emphasis))}:host([active]) ::slotted(a:focus),:host([active]) ::slotted(a:focus-visible),:host([active]) ::slotted(a:hover){--sgds-link-color-emphasis:var(--sgds-primary-color-emphasis);color:var(--sgds-primary-color-emphasis,var(--sgds-link-color-emphasis))}::slotted(a:focus-visible){outline:none}`;q();var $=class extends X{constructor(...e){super(...e),this.active=!1,this.disabled=!1}static{this.styles=[...X.styles,Cp]}connectedCallback(){super.connectedCallback(),this.setAttribute(`aria-disabled`,`${this.disabled}`)}_handleDisabled(){this.setAttribute(`aria-disabled`,`${this.disabled}`),this._anchor[0].setAttribute(`aria-disabled`,`${this.disabled}`),this.disabled||this._anchor[0].removeAttribute(`tabindex`)}_handleSlotChange(){this._anchor[0].setAttribute(`aria-disabled`,`${this.disabled}`),this.disabled&&(this._anchor[0].setAttribute(`tabindex`,`-1`),this._anchor[0].removeAttribute(`href`),this._anchor[0].setAttribute(`role`,`link`))}render(){return I`<div class="sidenav-link"><slot @slotchange=${this._handleSlotChange}></slot></div>`}};Y([J({type:Boolean,reflect:!0})],$.prototype,`active`,void 0),Y([J({type:Boolean,reflect:!0})],$.prototype,`disabled`,void 0),Y([Ne({flatten:!0})],$.prototype,`_anchor`,void 0),Y([et(`disabled`,{waitUntilFirstUpdate:!0})],$.prototype,`_handleDisabled`,null);function wp(e,t){customElements.get(e)||customElements.define(e,t)}wp(`sgds-sidenav`,Be),wp(`sgds-sidenav-item`,Q),wp(`sgds-sidenav-link`,$)});
 //# sourceMappingURL=index.umd.min.js.map