@govtechsg/sgds-web-component 3.13.2-rc.0 → 3.14.1-rc.0

package/css/fouc.css

@@ -5,10 +5,10 @@ sgds-alert:not(:defined),
 sgds-badge:not(:defined),
 sgds-breadcrumb-item:not(:defined),
 sgds-breadcrumb:not(:defined),
+sgds-button:not(:defined),
 sgds-card:not(:defined),
 sgds-checkbox-group:not(:defined),
 sgds-checkbox:not(:defined),
-sgds-button:not(:defined),
 sgds-close-button:not(:defined),
 sgds-combo-box-option:not(:defined),
 sgds-combo-box:not(:defined),

package/css/utility.css

@@ -362,6 +362,47 @@
   --gap-form-xl: var(--sgds-form-gap-xl);
   --gap-form-2-xl: var(--sgds-form-gap-2-xl);
 
+  /* Text Gap */
+  --gap-text-2-xs: var(--sgds-text-gap-2-xs);
+  --gap-text-xs: var(--sgds-text-gap-xs);
+  --gap-text-sm: var(--sgds-text-gap-sm);
+  --gap-text-md: var(--sgds-text-gap-md);
+  --gap-text-lg: var(--sgds-text-gap-lg);
+  --gap-text-xl: var(--sgds-text-gap-xl);
+  --gap-text-2-xl: var(--sgds-text-gap-2-xl);
+
+  /* Layout Gap */
+  --gap-layout-2-xs: var(--sgds-layout-gap-2-xs);
+  --gap-layout-xs: var(--sgds-layout-gap-xs);
+  --gap-layout-sm: var(--sgds-layout-gap-sm);
+  --gap-layout-md: var(--sgds-layout-gap-md);
+  --gap-layout-lg: var(--sgds-layout-gap-lg);
+  --gap-layout-xl: var(--sgds-layout-gap-xl);
+
+  /* Layout Padding */
+  --padding-layout-xs: var(--sgds-layout-padding-xs);
+  --padding-layout-sm: var(--sgds-layout-padding-sm);
+  --padding-layout-md: var(--sgds-layout-padding-md);
+  --padding-layout-lg: var(--sgds-layout-padding-lg);
+  --padding-layout-xl: var(--sgds-layout-padding-xl);
+
+  /* Component Gap */
+  --gap-component-xs: var(--sgds-component-gap-xs);
+  --gap-component-sm: var(--sgds-component-gap-sm);
+  --gap-component-md: var(--sgds-component-gap-md);
+  --gap-component-lg: var(--sgds-component-gap-lg);
+  --gap-component-xl: var(--sgds-component-gap-xl);
+
+  /* Component Padding */
+  --padding-component-xs: var(--sgds-component-padding-xs);
+  --padding-component-sm: var(--sgds-component-padding-sm);
+  --padding-component-md: var(--sgds-component-padding-md);
+  --padding-component-lg: var(--sgds-component-padding-lg);
+  --padding-component-xl: var(--sgds-component-padding-xl);
+
+  /* Container Width */
+  --width-container: var(--sgds-container-width);
+
   /* Border Radius */
   --radius-none: var(--sgds-border-radius-none);
   --radius-xs: var(--sgds-border-radius-xs);

package/index.umd.min.js

@@ -2391,7 +2391,7 @@ const Tt=e=>e??ie;var Pt=n`:host{cursor:pointer;display:inline-block}.alert-link
           <slot id="default" @click=${this.handleSelectSlot}></slot>
         </div>
       </div>
-    `}}ji.styles=[...Ui.styles,Yi,qi],e([Ve({type:Boolean,reflect:!0,state:!1})],ji.prototype,"noFlip",void 0),e([Ve({type:Boolean,reflect:!0,state:!1})],ji.prototype,"menuAlignRight",void 0),e([Ve({type:String,reflect:!0,state:!1})],ji.prototype,"drop",void 0),e([Le({slot:"toggler",flatten:!0})],ji.prototype,"_toggler",void 0),e([at("disabled",{waitUntilFirstUpdate:!0})],ji.prototype,"_handleDisabled",null);var Wi=n`:host([disabled]){cursor:not-allowed}.dropdown-item{align-items:center;background-color:var(--sgds-bg-transparent);clear:both;color:var(--sgds-color-default);cursor:pointer;display:flex;gap:var(--sgds-gap-sm);padding:var(--sgds-padding-sm) var(--sgds-padding-lg);text-align:inherit}.dropdown-item:hover{background-color:var(--sgds-bg-translucent-subtle)}.dropdown-item:focus,.dropdown-item:focus-visible{background-color:var(--sgds-bg-translucent-subtle)}.dropdown-item:focus-visible{outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.dropdown-item.active{background-color:var(--sgds-bg-translucent-subtle);color:var(--sgds-primary-color-default);text-decoration:none}.dropdown-item.disabled,.dropdown-item:disabled{opacity:var(--sgds-opacity-50);pointer-events:none}::slotted(*){color:inherit!important;display:flex;gap:var(--sgds-gap-sm);text-decoration:none!important}::slotted(a),::slotted(sgds-checkbox){flex:1;margin:calc(var(--sgds-padding-sm)*-1) calc(var(--sgds-padding-lg)*-1);padding:var(--sgds-padding-sm) var(--sgds-padding-lg)}`;class Ki extends Pe{constructor(){super(...arguments),this.active=!1,this.disabled=!1}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",e=>{"Enter"===e.key&&this.anchor[0].click()}),this.setAttribute("role","menuitem"),this.setAttribute("aria-disabled",`${this.disabled}`)}render(){return ee`
+    `}}ji.styles=[...Ui.styles,Yi,qi],e([Ve({type:Boolean,reflect:!0,state:!1})],ji.prototype,"noFlip",void 0),e([Ve({type:Boolean,reflect:!0,state:!1})],ji.prototype,"menuAlignRight",void 0),e([Ve({type:String,reflect:!0,state:!1})],ji.prototype,"drop",void 0),e([Le({slot:"toggler",flatten:!0})],ji.prototype,"_toggler",void 0),e([at("disabled",{waitUntilFirstUpdate:!0})],ji.prototype,"_handleDisabled",null);var Wi=n`:host([disabled]){cursor:not-allowed}.dropdown-item{align-items:center;background-color:var(--sgds-bg-transparent);clear:both;color:var(--sgds-color-default);cursor:pointer;display:flex;gap:var(--sgds-gap-sm);padding:var(--sgds-padding-sm) var(--sgds-padding-lg);text-align:inherit}.dropdown-item:hover{background-color:var(--sgds-bg-translucent-subtle)}.dropdown-item:focus,.dropdown-item:focus-visible{background-color:var(--sgds-bg-translucent-subtle)}.dropdown-item:focus-visible{outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.dropdown-item.active{background-color:var(--sgds-bg-translucent-subtle);color:var(--sgds-primary-color-default);text-decoration:none}.dropdown-item.disabled,.dropdown-item:disabled{opacity:var(--sgds-opacity-50);pointer-events:none}::slotted(*){color:inherit!important;display:flex;gap:var(--sgds-gap-sm);text-decoration:none!important}::slotted(a),::slotted(sgds-checkbox){flex:1;margin:calc(var(--sgds-padding-sm)*-1) calc(var(--sgds-padding-lg)*-1);padding:var(--sgds-padding-sm) var(--sgds-padding-lg)}.dropdown-item.mainnav-dropdown-link{padding:var(--sgds-padding-none)}.dropdown-item.mainnav-dropdown-link ::slotted(*){box-sizing:border-box;margin:auto;max-width:var(--sgds-mainnav-max-width,1440px);padding:var(--sgds-padding-sm) var(--sgds-mainnav-mobile-padding-x)}@media screen and (min-width:1024px){.dropdown-item.mainnav-dropdown-link ::slotted(*){padding:var(--sgds-padding-sm) var(--sgds-mainnav-padding-x)}}`;class Ki extends Pe{constructor(){super(...arguments),this.active=!1,this.disabled=!1}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",e=>{"Enter"===e.key&&this.anchor[0].click()}),this.setAttribute("role","menuitem"),this.setAttribute("aria-disabled",`${this.disabled}`)}render(){return ee`
       <div
         class="dropdown-item ${We({disabled:this.disabled,active:this.active})}"
         tabindex=${this.disabled?"-1":"0"}
@@ -3141,7 +3141,7 @@ class pl{constructor(e,t,s,i){if(this.subscribe=!1,this.provided=!1,this.value=v
    * @license
    * Copyright 2022 Google LLC
    * SPDX-License-Identifier: BSD-3-Clause
-   */function bl({context:e,subscribe:t}){return(s,i)=>{"object"==typeof i?i.addInitializer(function(){new pl(this,{context:e,callback:e=>{s.set.call(this,e)},subscribe:t})}):s.constructor.addInitializer(s=>{new pl(s,{context:e,callback:e=>{s[i]=e},subscribe:t})})}}const wl=1024,yl="mainnav-context",xl="mainnav-expanded-context";var kl=n`:host{display:block;position:relative;z-index:1200}nav{background-color:var(--sgds-surface-default);box-shadow:0 2px 2px 0 hsla(0,0%,5%,.08)}.navbar{align-items:stretch;display:flex;flex-wrap:wrap;gap:var(--sgds-gap-xs);justify-content:space-between;margin:auto;max-width:var(--sgds-mainnav-max-width,1440px);min-height:80px;padding:0 var(--sgds-mainnav-padding-x);position:relative;width:100%}:host([fluid]) .navbar{max-width:none}@media screen and (max-width:767px){.navbar{padding:0 var(--sgds-mainnav-mobile-padding-x)}}.navbar-brand{align-items:center;display:flex;text-decoration:none;white-space:nowrap}.navbar-brand:focus-visible{outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.navbar-nav{display:flex;flex-direction:column;height:100%;margin-bottom:0;margin-top:0;width:100%}nav>.navbar-body .navbar-nav{height:100dvh}nav>.navbar-body{background-color:var(--sgds-surface-default);border-top:var(--sgds-border-width-1) solid var(--sgds-border-color-translucent);box-shadow:0 2px 2px 0 hsla(0,0%,5%,.08);padding:var(--sgds-padding-md) 0;position:absolute;transition:transform .2s ease-in-out;width:100%;z-index:2000}nav>.navbar-body slot::slotted(:not(sgds-mainnav-item):not(sgds-mainnav-dropdown)){padding:var(--sgds-padding-sm) var(--sgds-mainnav-padding-x)}@media screen and (max-width:767px){nav>.navbar-body slot::slotted(:not(sgds-mainnav-item):not(sgds-mainnav-dropdown)){padding:var(--sgds-padding-sm) var(--sgds-mainnav-mobile-padding-x)}}.navbar-collapse{align-items:center;flex-basis:100%;flex-grow:1}.navbar-toggler{align-self:center}@media (prefers-reduced-motion:reduce){.navbar-toggler{transition:none}}.navbar-nav-scroll{overflow-y:auto}@media (min-width:512px){.navbar-expand-sm{flex-wrap:nowrap;gap:var(--sgds-gap-xl);justify-content:flex-start}.navbar-expand-sm .navbar-nav{flex-direction:row}.navbar-expand-sm .navbar-nav-scroll{overflow:visible}.navbar-expand-sm .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}}@media (min-width:768px){.navbar-expand-md{flex-wrap:nowrap;gap:var(--sgds-gap-xl);justify-content:flex-start}.navbar-expand-md .navbar-nav{flex-direction:row}.navbar-expand-md .navbar-nav-scroll{overflow:visible}.navbar-expand-md .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}}@media (min-width:1024px){.navbar-expand-lg{flex-wrap:nowrap;gap:var(--sgds-gap-xl);justify-content:flex-start}.navbar-expand-lg .navbar-nav{flex-direction:row}.navbar-expand-lg .navbar-nav-scroll{overflow:visible}.navbar-expand-lg .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}}@media (min-width:1280px){.navbar-expand-xl{flex-wrap:nowrap;gap:var(--sgds-gap-xl);justify-content:flex-start}.navbar-expand-xl .navbar-nav{flex-direction:row}.navbar-expand-xl .navbar-nav .nav-link{padding-left:var(--mainnav-nav-link-padding-x);padding-right:var(--mainnav-nav-link-padding-x)}.navbar-expand-xl .navbar-nav-scroll{overflow:visible}.navbar-expand-xl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}}@media (min-width:1440px){.navbar-expand-xxl{flex-wrap:nowrap;gap:var(--sgds-gap-xl);justify-content:flex-start}.navbar-expand-xxl .navbar-nav{flex-direction:row}.navbar-expand-xxl .navbar-nav-scroll{overflow:visible}.navbar-expand-xxl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xxl .navbar-toggler{display:none}}.navbar-expand{flex-wrap:nowrap;gap:var(--sgds-gap-xl);justify-content:flex-start}.navbar-expand .navbar-nav{flex-direction:row}.navbar-expand .navbar-nav-scroll{overflow:visible}.navbar-expand .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}slot[name=non-collapsible]{align-items:center;display:flex;gap:var(--sgds-spacer-4);margin-left:auto}.slot-end{align-items:stretch;display:flex;gap:var(--sgds-gap-xs);margin-left:auto}.slot-end::slotted(:not([name$=-mainnav-item]):not([name$=-mainnav-dropdown])){align-self:center}`;const _l={sm:512,md:768,lg:wl,xl:1280,xxl:1440,never:1/0,always:-1};class Cl extends Pe{constructor(){super(...arguments),this._breakpointReached=!1,this.expanded=!1,this.expanding=!1,this.brandHref="",this.collapseId=Ni("mainnav","collapse"),this.expand="lg",this.fluid=!1,this.breakpointReached=!1,this._handleMobileNavBound=this._handleMobileNav.bind(this)}get defaultSlotItems(){return[...this.defaultNodes||[]].filter(e=>void 0!==e.tagName)}get endSlotItems(){return[...this.endNodes||[]].filter(e=>void 0!==e.tagName)}connectedCallback(){super.connectedCallback(),this._handleResize(),window.addEventListener("click",e=>this._handleClickOutOfElement(e,this.body)),window.addEventListener("resize",this._handleResize.bind(this))}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener("click",e=>this._handleClickOutOfElement(e,this.body)),window.removeEventListener("resize",this._handleResize.bind(this))}firstUpdated(e){super.firstUpdated(e),this.breakpointReached&&this.body&&(this.expanded=!1,this.body.hidden=!0,this._handleMobileNav(),this._breakpointReached=!0);[...this.defaultSlotItems,...this.endSlotItems].forEach(e=>{e.setAttribute("expand",this.expand)})}_handleClickOutOfElement(e,t){e.composedPath().includes(t)||e.composedPath().includes(this.header)||this.hide()}_handleSummaryClick(){this.expanded?this.hide():(document.querySelector("body").style.overflow="hidden",this.show())}_handleResize(){const e=window.innerWidth<_l[this.expand];e!==this.breakpointReached?this.requestUpdate():(this.body&&(this.body.hidden=!0),this.expanding=!1),e?(this._handleMobileNav(),this._breakpointReached||(this._breakpointReached=!0,window.addEventListener("scrollend",this._handleMobileNavBound))):(this._handleDesktopNav(),this._breakpointReached=!1,window.removeEventListener("scrollend",this._handleMobileNavBound))}async _handleMobileNav(){if(!this.nav)return;this.nav.appendChild(this.body),await customElements.whenDefined("sgds-masthead");const{bottom:e}=this.nav.getBoundingClientRect(),t=parseFloat(getComputedStyle(this.body).paddingTop)+parseFloat(getComputedStyle(this.body).paddingBottom);this.navScroll.style.maxHeight=`calc(100dvh - ${e}px - ${t}px)`}_handleDesktopNav(){var e;null===(e=this.navbar)||void 0===e||e.insertBefore(this.body,this.nonCollapsibleSlot)}async _animateToShow(){if(this.emit("sgds-show",{cancelable:!0}).defaultPrevented)return this.expanding=!1,void(this.expanded=!1);await Qe(this.body),this.body.hidden=!1;const{keyframes:e,options:t}=tt(this,"mainnav.show");await Ke(this.body,Xe(e,this.body.scrollHeight),t),this.body.style.height="auto",this.emit("sgds-after-show")}async _animateToHide(){if(this.emit("sgds-hide",{cancelable:!0}).defaultPrevented)return this.expanding=!1,void(this.expanded=!0);await Qe(this.body);const{keyframes:e,options:t}=tt(this,"mainnav.hide");await Ke(this.body,Xe(e,this.body.scrollHeight),t),this.body.hidden=!0,this.body.style.height="auto",this.emit("sgds-after-hide")}async handleOpenChange(){this.expanding?(await this._animateToShow(),this.expanded=!0):(this.header.focus(),await this._animateToHide(),this.expanded=!1)}async show(){if(!this.expanded)return this.expanding=!0,it(this,"sgds-after-show")}async hide(){if(this.expanded)return this.expanding=!1,document.querySelector("body").style.removeProperty("overflow"),it(this,"sgds-after-hide")}_handleSlotChange(e){e.target.assignedElements({flatten:!0}).forEach(e=>{e.setAttribute("name",e.tagName.toLowerCase())})}render(){return this.breakpointReached=window.innerWidth<_l[this.expand],ee`
+   */function bl({context:e,subscribe:t}){return(s,i)=>{"object"==typeof i?i.addInitializer(function(){new pl(this,{context:e,callback:e=>{s.set.call(this,e)},subscribe:t})}):s.constructor.addInitializer(s=>{new pl(s,{context:e,callback:e=>{s[i]=e},subscribe:t})})}}const wl=1024,yl="mainnav-context",xl="mainnav-expanded-context";var kl=n`:host{display:block;position:relative;z-index:1200}nav{background-color:var(--sgds-surface-default);box-shadow:0 2px 2px 0 hsla(0,0%,5%,.08)}.navbar{align-items:stretch;display:flex;flex-wrap:wrap;gap:var(--sgds-gap-xs);justify-content:space-between;margin:auto;max-width:var(--sgds-mainnav-max-width,1440px);min-height:80px;padding:0 var(--sgds-mainnav-mobile-padding-x);position:relative;width:100%}:host([fluid]) .navbar{max-width:none}.navbar-brand{align-items:center;display:flex;text-decoration:none;white-space:nowrap}.navbar-brand:focus-visible{outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.navbar-nav{display:flex;flex-direction:column;height:100%;margin-bottom:0;margin-top:0;width:100%}nav>.navbar-body{background-color:var(--sgds-surface-default);border-top:var(--sgds-border-width-1) solid var(--sgds-border-color-translucent);box-shadow:0 2px 2px 0 hsla(0,0%,5%,.08);padding:var(--sgds-padding-md) 0;position:absolute;transition:transform .2s ease-in-out;width:100%;z-index:2000}nav>.navbar-body .navbar-nav{height:100dvh;margin:auto;max-width:var(--sgds-mainnav-max-width,1440px)}nav>.navbar-body slot::slotted(:not(sgds-mainnav-item):not(sgds-mainnav-dropdown)){padding:var(--sgds-padding-sm) var(--sgds-mainnav-padding-x)}@media screen and (max-width:767px){nav>.navbar-body slot::slotted(:not(sgds-mainnav-item):not(sgds-mainnav-dropdown)){padding:var(--sgds-padding-sm) var(--sgds-mainnav-mobile-padding-x)}}.navbar-collapse{align-items:center;flex-basis:100%;flex-grow:1}.navbar-toggler{align-self:center}@media (prefers-reduced-motion:reduce){.navbar-toggler{transition:none}}.navbar-nav-scroll{overflow-y:auto}@media (min-width:512px){.navbar-expand-sm{flex-wrap:nowrap;gap:var(--sgds-gap-xl);justify-content:flex-start}.navbar-expand-sm .navbar-nav{flex-direction:row}.navbar-expand-sm .navbar-nav-scroll{overflow:visible}.navbar-expand-sm .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}}@media (min-width:768px){.navbar-expand-md{flex-wrap:nowrap;gap:var(--sgds-gap-xl);justify-content:flex-start}.navbar-expand-md .navbar-nav{flex-direction:row}.navbar-expand-md .navbar-nav-scroll{overflow:visible}.navbar-expand-md .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}}@media (min-width:1024px){.navbar{padding:0 var(--sgds-mainnav-padding-x)}.navbar-expand-lg{flex-wrap:nowrap;gap:var(--sgds-gap-xl);justify-content:flex-start}.navbar-expand-lg .navbar-nav{flex-direction:row}.navbar-expand-lg .navbar-nav-scroll{overflow:visible}.navbar-expand-lg .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}}@media (min-width:1280px){.navbar-expand-xl{flex-wrap:nowrap;gap:var(--sgds-gap-xl);justify-content:flex-start}.navbar-expand-xl .navbar-nav{flex-direction:row}.navbar-expand-xl .navbar-nav .nav-link{padding-left:var(--mainnav-nav-link-padding-x);padding-right:var(--mainnav-nav-link-padding-x)}.navbar-expand-xl .navbar-nav-scroll{overflow:visible}.navbar-expand-xl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}}@media (min-width:1440px){.navbar-expand-xxl{flex-wrap:nowrap;gap:var(--sgds-gap-xl);justify-content:flex-start}.navbar-expand-xxl .navbar-nav{flex-direction:row}.navbar-expand-xxl .navbar-nav-scroll{overflow:visible}.navbar-expand-xxl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xxl .navbar-toggler{display:none}}.navbar-expand{flex-wrap:nowrap;gap:var(--sgds-gap-xl);justify-content:flex-start}.navbar-expand .navbar-nav{flex-direction:row}.navbar-expand .navbar-nav-scroll{overflow:visible}.navbar-expand .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}slot[name=non-collapsible]{align-items:center;display:flex;gap:var(--sgds-spacer-4);margin-left:auto}.slot-end{align-items:stretch;display:flex;gap:var(--sgds-gap-xs);margin-left:auto}.slot-end::slotted(:not([name$=-mainnav-item]):not([name$=-mainnav-dropdown])){align-self:center}`;const _l={sm:512,md:768,lg:wl,xl:1280,xxl:1440,never:1/0,always:-1};class Cl extends Pe{constructor(){super(...arguments),this._breakpointReached=!1,this.expanded=!1,this.expanding=!1,this.brandHref="",this.collapseId=Ni("mainnav","collapse"),this.expand="lg",this.fluid=!1,this.breakpointReached=!1,this._handleMobileNavBound=this._handleMobileNav.bind(this)}get defaultSlotItems(){return[...this.defaultNodes||[]].filter(e=>void 0!==e.tagName)}get endSlotItems(){return[...this.endNodes||[]].filter(e=>void 0!==e.tagName)}connectedCallback(){super.connectedCallback(),this._handleResize(),window.addEventListener("click",e=>this._handleClickOutOfElement(e,this.body)),window.addEventListener("resize",this._handleResize.bind(this))}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener("click",e=>this._handleClickOutOfElement(e,this.body)),window.removeEventListener("resize",this._handleResize.bind(this))}firstUpdated(e){super.firstUpdated(e),this.breakpointReached&&this.body&&(this.expanded=!1,this.body.hidden=!0,this._handleMobileNav(),this._breakpointReached=!0);[...this.defaultSlotItems,...this.endSlotItems].forEach(e=>{e.setAttribute("expand",this.expand)})}_handleClickOutOfElement(e,t){e.composedPath().includes(t)||e.composedPath().includes(this.header)||this.hide()}_handleSummaryClick(){this.expanded?this.hide():(document.querySelector("body").style.overflow="hidden",this.show())}_handleResize(){const e=window.innerWidth<_l[this.expand];e!==this.breakpointReached?this.requestUpdate():(this.body&&(this.body.hidden=!0),this.expanding=!1),e?(this._handleMobileNav(),this._breakpointReached||(this._breakpointReached=!0,window.addEventListener("scrollend",this._handleMobileNavBound))):(this._handleDesktopNav(),this._breakpointReached=!1,window.removeEventListener("scrollend",this._handleMobileNavBound))}async _handleMobileNav(){if(!this.nav)return;this.nav.appendChild(this.body),await customElements.whenDefined("sgds-masthead");const{bottom:e}=this.nav.getBoundingClientRect(),t=parseFloat(getComputedStyle(this.body).paddingTop)+parseFloat(getComputedStyle(this.body).paddingBottom);this.navScroll.style.maxHeight=`calc(100dvh - ${e}px - ${t}px)`}_handleDesktopNav(){var e;null===(e=this.navbar)||void 0===e||e.insertBefore(this.body,this.nonCollapsibleSlot)}async _animateToShow(){if(this.emit("sgds-show",{cancelable:!0}).defaultPrevented)return this.expanding=!1,void(this.expanded=!1);await Qe(this.body),this.body.hidden=!1;const{keyframes:e,options:t}=tt(this,"mainnav.show");await Ke(this.body,Xe(e,this.body.scrollHeight),t),this.body.style.height="auto",this.emit("sgds-after-show")}async _animateToHide(){if(this.emit("sgds-hide",{cancelable:!0}).defaultPrevented)return this.expanding=!1,void(this.expanded=!0);await Qe(this.body);const{keyframes:e,options:t}=tt(this,"mainnav.hide");await Ke(this.body,Xe(e,this.body.scrollHeight),t),this.body.hidden=!0,this.body.style.height="auto",this.emit("sgds-after-hide")}async handleOpenChange(){this.expanding?(await this._animateToShow(),this.expanded=!0):(this.header.focus(),await this._animateToHide(),this.expanded=!1)}async show(){if(!this.expanded)return this.expanding=!0,it(this,"sgds-after-show")}async hide(){if(this.expanded)return this.expanding=!1,document.querySelector("body").style.removeProperty("overflow"),it(this,"sgds-after-hide")}_handleSlotChange(e){e.target.assignedElements({flatten:!0}).forEach(e=>{e.setAttribute("name",e.tagName.toLowerCase())})}render(){return this.breakpointReached=window.innerWidth<_l[this.expand],ee`
       <nav>
         <div class="navbar ${this._expandClass()}">
           <a class="navbar-brand" href=${this.brandHref} aria-label="brand-link">
@@ -3170,7 +3170,7 @@ class pl{constructor(e,t,s,i){if(this.subscribe=!1,this.provided=!1,this.value=v
           ></sgds-icon-button>
         </div>
       </nav>
-    `}_expandClass(){switch(this.expand){case"always":return"navbar-expand";case"never":break;default:return`navbar-expand-${this.expand}`}}}Cl.styles=[...Pe.styles,kl],Cl.dependencies={"sgds-icon-button":er},e([fl({context:yl}),De()],Cl.prototype,"_breakpointReached",void 0),e([fl({context:xl}),De()],Cl.prototype,"expanded",void 0),e([De()],Cl.prototype,"expanding",void 0),e([Ze("nav")],Cl.prototype,"nav",void 0),e([Ze(".navbar")],Cl.prototype,"navbar",void 0),e([Ze(".navbar-toggler")],Cl.prototype,"header",void 0),e([Ze(".navbar-body")],Cl.prototype,"body",void 0),e([Ze(".navbar-nav-scroll")],Cl.prototype,"navScroll",void 0),e([Ze("slot[name='non-collapsible']")],Cl.prototype,"nonCollapsibleSlot",void 0),e([Ve({type:String})],Cl.prototype,"brandHref",void 0),e([Ve({type:String})],Cl.prototype,"expand",void 0),e([Ve({type:Boolean,reflect:!0})],Cl.prototype,"fluid",void 0),e([De()],Cl.prototype,"breakpointReached",void 0),e([Le()],Cl.prototype,"defaultNodes",void 0),e([Le({slot:"end"})],Cl.prototype,"endNodes",void 0),e([at("expanding",{waitUntilFirstUpdate:!0})],Cl.prototype,"handleOpenChange",null),st("mainnav.show",{keyframes:[{height:"0",opacity:"0"},{height:"auto",opacity:"1"}],options:{duration:200,easing:"ease-in-out"}}),st("mainnav.hide",{keyframes:[{height:"auto",opacity:"1"},{height:"0",opacity:"0"}],options:{duration:200,easing:"ease-in-out"}});var Ml=n`:host([expand=always]) .nav-link{border-bottom:var(--sgds-border-width-4) solid transparent;min-height:100%;padding:0 var(--sgds-padding-md)}@media (min-width:512px){:host([expand=sm]) .nav-link{border-bottom:var(--sgds-border-width-4) solid transparent;min-height:100%;padding:0 var(--sgds-padding-md)}}@media (min-width:768px){:host([expand=md]) .nav-link{border-bottom:var(--sgds-border-width-4) solid transparent;min-height:100%;padding:0 var(--sgds-padding-md)}}@media (min-width:1024px){:host(:not([expand])) .nav-link,:host([expand=lg]) .nav-link{border-bottom:var(--sgds-border-width-4) solid transparent;min-height:100%;padding:0 var(--sgds-padding-md)}}@media (min-width:1280px){:host([expand=xl]) .nav-link{border-bottom:var(--sgds-border-width-4) solid transparent;min-height:100%;padding:0 var(--sgds-padding-md)}}@media (min-width:1440px){:host([expand=xxl]) .nav-link{border-bottom:var(--sgds-border-width-4) solid transparent;min-height:100%;padding:0 var(--sgds-padding-md)}}.nav-link{align-items:center;box-sizing:border-box;cursor:pointer;display:flex;gap:var(--sgds-gap-xs);padding:var(--sgds-padding-sm) var(--sgds-mainnav-padding-x);text-decoration:none}@media screen and (max-width:767px){.nav-link{padding:var(--sgds-padding-sm) var(--sgds-mainnav-mobile-padding-x)}}.nav-link.show,.nav-link:not(.disabled).active{border-color:var(--sgds-primary-border-color-default);color:var(--sgds-primary-color-default)}.nav-link:not(.disabled):hover{color:var(--sgds-primary-color-default)}.nav-link:not(.disabled):focus-visible{color:var(--sgds-primary-color-default);outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.nav-link.disabled{cursor:not-allowed;opacity:var(--sgds-opacity-50)}.dropdown-items{background-color:var(--sgds-surface-default);height:100%;left:100%;padding:var(--sgds-padding-md) 0;position:absolute;top:0;width:100%}.dropdown-items a{align-items:center;color:var(--sgds-color-default);cursor:pointer;display:flex;gap:var(--sgds-gap-xs);padding:var(--sgds-padding-sm) var(--sgds-mainnav-padding-x);text-decoration:none}.dropdown-items a:hover{color:var(--sgds-primary-color-default)}.dropdown-items a:focus-visible{color:var(--sgds-primary-color-default);outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus);outline-offset:-5px}slot[name=toggler]::slotted(*){flex:1}sgds-dropdown{display:block;height:100%}`;const Sl="Enter";class $l extends Pe{constructor(){super(...arguments),this._breakpointReached=!0,this.togglerId=Ni("dropdown","button"),this.active=!1,this.disabled=!1}get defaultSlotItems(){return[...this.defaultNodes||[]].filter(e=>void 0!==e.tagName)}updated(){this._breakpointReached&&(this._copyTextToMenu(),this._resetDropdownMenu(),this._hideDropdownMenuItems())}_handleSlotChange(e){e.target.assignedElements({flatten:!0}).forEach(e=>{var t;e.addEventListener("keydown",this._handleKeyboardMenuItemsEvent.bind(this));const s=e.shadowRoot.querySelector(".dropdown-item");s.classList.add("nav-link");const i=(null===(t=e.shadowRoot)||void 0===t?void 0:t.querySelector("a"))||e.querySelector("a");i.tabIndex=-1,s.classList.contains("disabled")?(i.setAttribute("href","javascript:void(0)"),i.setAttribute("tabindex","-1")):i.addEventListener("click",e=>{e.target.closest("sgds-mainnav").hide()})})}_handleDesktopSlotChange(e){e.target.assignedElements({flatten:!0}).forEach(e=>{const t=e.shadowRoot.querySelector(".dropdown-item");t.classList.remove("nav-link");e.shadowRoot.querySelector(".dropdown-item slot").assignedElements({flatten:!0}).forEach(e=>{t.classList.contains("disabled")&&(e.setAttribute("href","javascript:void(0)"),e.setAttribute("tabindex","-1"))})})}_handleKeyboardMenuItemsEvent(e){if(!this._breakpointReached)return;const t=this.defaultSlotItems.filter(e=>!e.hasAttribute("disabled")),s=[this.menuHeaderButton,...t],i=s.length;if(0===i)return;const a=s[0],o=s[i-1].shadowRoot.querySelector(".dropdown-item");let n=document.activeElement;if(n===this&&(n=this.shadowRoot.activeElement),"Tab"===e.key)if(e.shiftKey)n===a&&(e.preventDefault(),setTimeout(()=>{o.focus()},0));else{const t=n.shadowRoot?n.shadowRoot.querySelector(".dropdown-item"):null;t&&t===o&&(e.preventDefault(),a.focus())}}_copyTextToMenu(){this.menuHeaderText.innerHTML=this.togglerNodes[0].innerHTML}_hideDropdownMenuItems(){this.dropdownItems.style.display="none",this.dropdownItems.setAttribute("aria-hidden","true")}_resetDropdownMenu(){const e=this._getNavbarBody();return e?new Promise(t=>{const s=i=>{"transform"===i.propertyName&&(e.removeEventListener("transitionend",s),t())};getComputedStyle(e).transitionProperty.includes("transform")?(e.addEventListener("transitionend",s),e.style.removeProperty("transform")):(e.style.removeProperty("transform"),t())}):Promise.resolve()}_handleKeyboardOpen(e){this.disabled||e.key!==Sl&&" "!==e.key||(e.preventDefault(),this._openMenu())}_getNavbarBody(){const e=document.querySelector("sgds-mainnav");if(!(null==e?void 0:e.shadowRoot))return void console.warn("sgds-mainnav or its shadowRoot not found");const t=e.shadowRoot.querySelector(".navbar-body");if(t)return t;console.warn(".navbar-body not found in sgds-mainnav")}_openMenu(){this._getNavbarBody().style.transform="translateX(-100%)",this.dropdownItems.style.removeProperty("display"),this.dropdownItems.setAttribute("aria-hidden","false"),setTimeout(()=>{this.menuHeaderButton.focus()},50)}_handleHeaderKeyboardEvent(e){switch(e.key){case"Tab":this._handleKeyboardMenuItemsEvent(e);break;case Sl:case" ":e.preventDefault(),this._closeMenu()}}async _closeMenu(){await this._resetDropdownMenu(),this._hideDropdownMenuItems(),this.navLink.focus()}render(){const e=ee`
+    `}_expandClass(){switch(this.expand){case"always":return"navbar-expand";case"never":break;default:return`navbar-expand-${this.expand}`}}}Cl.styles=[...Pe.styles,kl],Cl.dependencies={"sgds-icon-button":er},e([fl({context:yl}),De()],Cl.prototype,"_breakpointReached",void 0),e([fl({context:xl}),De()],Cl.prototype,"expanded",void 0),e([De()],Cl.prototype,"expanding",void 0),e([Ze("nav")],Cl.prototype,"nav",void 0),e([Ze(".navbar")],Cl.prototype,"navbar",void 0),e([Ze(".navbar-toggler")],Cl.prototype,"header",void 0),e([Ze(".navbar-body")],Cl.prototype,"body",void 0),e([Ze(".navbar-nav-scroll")],Cl.prototype,"navScroll",void 0),e([Ze("slot[name='non-collapsible']")],Cl.prototype,"nonCollapsibleSlot",void 0),e([Ve({type:String})],Cl.prototype,"brandHref",void 0),e([Ve({type:String})],Cl.prototype,"expand",void 0),e([Ve({type:Boolean,reflect:!0})],Cl.prototype,"fluid",void 0),e([De()],Cl.prototype,"breakpointReached",void 0),e([Le()],Cl.prototype,"defaultNodes",void 0),e([Le({slot:"end"})],Cl.prototype,"endNodes",void 0),e([at("expanding",{waitUntilFirstUpdate:!0})],Cl.prototype,"handleOpenChange",null),st("mainnav.show",{keyframes:[{height:"0",opacity:"0"},{height:"auto",opacity:"1"}],options:{duration:200,easing:"ease-in-out"}}),st("mainnav.hide",{keyframes:[{height:"auto",opacity:"1"},{height:"0",opacity:"0"}],options:{duration:200,easing:"ease-in-out"}});var Ml=n`:host([expand=always]) .nav-link{border-bottom:var(--sgds-border-width-4) solid transparent;min-height:100%;padding:0 var(--sgds-padding-md)}@media (min-width:512px){:host([expand=sm]) .nav-link{border-bottom:var(--sgds-border-width-4) solid transparent;min-height:100%;padding:0 var(--sgds-padding-md)}}@media (min-width:768px){:host([expand=md]) .nav-link{border-bottom:var(--sgds-border-width-4) solid transparent;min-height:100%;padding:0 var(--sgds-padding-md)}}@media (min-width:1024px){:host(:not([expand])) .nav-link,:host([expand=lg]) .nav-link{border-bottom:var(--sgds-border-width-4) solid transparent;min-height:100%;padding:0 var(--sgds-padding-md)}}@media (min-width:1280px){:host([expand=xl]) .nav-link{border-bottom:var(--sgds-border-width-4) solid transparent;min-height:100%;padding:0 var(--sgds-padding-md)}}@media (min-width:1440px){:host([expand=xxl]) .nav-link{border-bottom:var(--sgds-border-width-4) solid transparent;min-height:100%;padding:0 var(--sgds-padding-md)}}.nav-link{align-items:center;box-sizing:border-box;cursor:pointer;display:flex;gap:var(--sgds-gap-xs);padding:var(--sgds-padding-sm) var(--sgds-mainnav-mobile-padding-x);text-decoration:none}.nav-link.show,.nav-link:not(.disabled).active{border-color:var(--sgds-primary-border-color-default);color:var(--sgds-primary-color-default)}.nav-link:not(.disabled):hover{color:var(--sgds-primary-color-default)}.nav-link:not(.disabled):focus-visible{color:var(--sgds-primary-color-default);outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.nav-link.disabled{cursor:not-allowed;opacity:var(--sgds-opacity-50)}.dropdown-items{background-color:var(--sgds-surface-default);height:100%;left:100%;overflow-y:auto;padding:var(--sgds-padding-md) 0;position:absolute;top:0;width:100%}.dropdown-items a{align-items:center;color:var(--sgds-color-default);cursor:pointer;display:flex;gap:var(--sgds-gap-xs);margin:auto;max-width:var(--sgds-mainnav-max-width,1440px);padding:var(--sgds-padding-sm) var(--sgds-mainnav-mobile-padding-x);text-decoration:none}.dropdown-items a:hover{color:var(--sgds-primary-color-default)}.dropdown-items a:focus-visible{color:var(--sgds-primary-color-default);outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus);outline-offset:-5px}slot[name=toggler]::slotted(*){flex:1}sgds-dropdown{display:block;height:100%}@media screen and (min-width:1024px){.dropdown-items a,.nav-link{padding:var(--sgds-padding-sm) var(--sgds-mainnav-padding-x)}}`;const Sl="Enter";class $l extends Pe{constructor(){super(...arguments),this._breakpointReached=!0,this.togglerId=Ni("dropdown","button"),this.active=!1,this.disabled=!1}get defaultSlotItems(){return[...this.defaultNodes||[]].filter(e=>void 0!==e.tagName)}updated(){this._breakpointReached&&(this._copyTextToMenu(),this._resetDropdownMenu(),this._hideDropdownMenuItems())}_handleSlotChange(e){e.target.assignedElements({flatten:!0}).forEach(e=>{var t;e.addEventListener("keydown",this._handleKeyboardMenuItemsEvent.bind(this));const s=e.shadowRoot.querySelector(".dropdown-item");s.classList.add("mainnav-dropdown-link");const i=(null===(t=e.shadowRoot)||void 0===t?void 0:t.querySelector("a"))||e.querySelector("a");i.tabIndex=-1,s.classList.contains("disabled")?(i.setAttribute("href","javascript:void(0)"),i.setAttribute("tabindex","-1")):i.addEventListener("click",e=>{e.target.closest("sgds-mainnav").hide()})})}_handleDesktopSlotChange(e){e.target.assignedElements({flatten:!0}).forEach(e=>{const t=e.shadowRoot.querySelector(".dropdown-item");t.classList.remove("mainnav-dropdown-link");e.shadowRoot.querySelector(".dropdown-item slot").assignedElements({flatten:!0}).forEach(e=>{t.classList.contains("disabled")&&(e.setAttribute("href","javascript:void(0)"),e.setAttribute("tabindex","-1"))})})}_handleKeyboardMenuItemsEvent(e){if(!this._breakpointReached)return;const t=this.defaultSlotItems.filter(e=>!e.hasAttribute("disabled")),s=[this.menuHeaderButton,...t],i=s.length;if(0===i)return;const a=s[0],o=s[i-1].shadowRoot.querySelector(".dropdown-item");let n=document.activeElement;if(n===this&&(n=this.shadowRoot.activeElement),"Tab"===e.key)if(e.shiftKey)n===a&&(e.preventDefault(),setTimeout(()=>{o.focus()},0));else{const t=n.shadowRoot?n.shadowRoot.querySelector(".dropdown-item"):null;t&&t===o&&(e.preventDefault(),a.focus())}}_copyTextToMenu(){this.menuHeaderText.innerHTML=this.togglerNodes[0].innerHTML}_hideDropdownMenuItems(){this.dropdownItems.style.display="none",this.dropdownItems.setAttribute("aria-hidden","true")}_resetDropdownMenu(){const e=this._getNavbarBody();return e?new Promise(t=>{const s=i=>{"transform"===i.propertyName&&(e.removeEventListener("transitionend",s),t())};getComputedStyle(e).transitionProperty.includes("transform")?(e.addEventListener("transitionend",s),e.style.removeProperty("transform")):(e.style.removeProperty("transform"),t())}):Promise.resolve()}_handleKeyboardOpen(e){this.disabled||e.key!==Sl&&" "!==e.key||(e.preventDefault(),this._openMenu())}_getNavbarBody(){const e=document.querySelector("sgds-mainnav");if(!(null==e?void 0:e.shadowRoot))return void console.warn("sgds-mainnav or its shadowRoot not found");const t=e.shadowRoot.querySelector(".navbar-body");if(t)return t;console.warn(".navbar-body not found in sgds-mainnav")}_openMenu(){this._getNavbarBody().style.transform="translateX(-100%)",this.dropdownItems.style.removeProperty("display"),this.dropdownItems.setAttribute("aria-hidden","false"),setTimeout(()=>{this.menuHeaderButton.focus()},50)}_handleHeaderKeyboardEvent(e){switch(e.key){case"Tab":this._handleKeyboardMenuItemsEvent(e);break;case Sl:case" ":e.preventDefault(),this._closeMenu()}}async _closeMenu(){await this._resetDropdownMenu(),this._hideDropdownMenuItems(),this.navLink.focus()}render(){const e=ee`
       <a
         class="${We({"nav-link":!0,active:this.active,disabled:this.disabled})}"
         aria-disabled=${this.disabled?"true":"false"}
@@ -3205,7 +3205,7 @@ class pl{constructor(e,t,s,i){if(this.subscribe=!1,this.provided=!1,this.value=v
         <sgds-icon name="chevron-down"></sgds-icon>
       </a>
       <slot @slotchange=${this._handleDesktopSlotChange}></slot>
-    </sgds-dropdown>`;return this._breakpointReached?e:t}}$l.styles=[...Pe.styles,Yi,qi,Ml],$l.dependencies={"sgds-dropdown":ji,"sgds-dropdown-item":Ki,"sgds-icon":Bt},e([bl({context:yl,subscribe:!0}),De()],$l.prototype,"_breakpointReached",void 0),e([bl({context:xl,subscribe:!0}),De()],$l.prototype,"expanded",void 0),e([Ze(".nav-link")],$l.prototype,"navLink",void 0),e([Ze(".dropdown-items")],$l.prototype,"dropdownItems",void 0),e([Ze(".dropdown-items a")],$l.prototype,"menuHeaderButton",void 0),e([Ze(".dropdown-items span")],$l.prototype,"menuHeaderText",void 0),e([Ve({type:Boolean})],$l.prototype,"active",void 0),e([Ve({type:Boolean,reflect:!0})],$l.prototype,"disabled",void 0),e([Le({slot:"toggler"})],$l.prototype,"togglerNodes",void 0),e([Le()],$l.prototype,"defaultNodes",void 0);var Al=n`:host([expand=always]) ::slotted(*){border-bottom:var(--sgds-border-width-4) solid transparent;padding:0 var(--sgds-padding-md)}@media screen and (min-width:512px){:host([expand=sm]) ::slotted(*){border-bottom:var(--sgds-border-width-4) solid transparent;padding:0 var(--sgds-padding-md)}:host(:not([disabled])[active][expand=sm]) ::slotted(*){border-color:var(--sgds-primary-border-color-default)}}@media screen and (min-width:768px){:host([expand=md]) ::slotted(*){border-bottom:var(--sgds-border-width-4) solid transparent;padding:0 var(--sgds-padding-md)}:host(:not([disabled])[active][expand=md]) ::slotted(*){border-color:var(--sgds-primary-border-color-default)}}@media screen and (min-width:1024px){::slotted(*){min-height:100%}:host([expand=lg]) ::slotted(*){border-bottom:var(--sgds-border-width-4) solid transparent;padding:0 var(--sgds-padding-md)}:host(:not([disabled])[active][expand=lg]) ::slotted(*){border-color:var(--sgds-primary-border-color-default)}}@media screen and (min-width:1280px){:host([expand=xl]) ::slotted(*){border-bottom:var(--sgds-border-width-4) solid transparent;padding:0 var(--sgds-padding-md)}:host(:not([disabled])[active][expand=xl]) ::slotted(*){border-color:var(--sgds-primary-border-color-default)}}@media screen and (min-width:1440px){:host([expand=xxl]) ::slotted(*){border-bottom:var(--sgds-border-width-4) solid transparent;padding:0 var(--sgds-padding-md)}:host(:not([disabled])[active][expand=xxl]) ::slotted(*){border-color:var(--sgds-primary-border-color-default)}}@media screen and (max-width:511px){:host(:not([disabled])[active][expand=sm]) ::slotted(*){background-color:var(--sgds-bg-translucent-subtle)}}@media screen and (max-width:767px){:host(:not([disabled])[active][expand=md]) ::slotted(*){background-color:var(--sgds-bg-translucent-subtle)}}@media screen and (max-width:1023px){:host(:not([disabled])[active][expand=lg]) ::slotted(*){background-color:var(--sgds-bg-translucent-subtle)}}@media screen and (max-width:1279px){:host(:not([disabled])[active][expand=xl]) ::slotted(*){background-color:var(--sgds-bg-translucent-subtle)}}@media screen and (max-width:1439px){:host(:not([disabled])[active][expand=xxl]) ::slotted(*){background-color:var(--sgds-bg-translucent-subtle)}}::slotted(*){--sgds-link-color-default:var(--sgds-color-default);align-items:center;box-sizing:border-box;color:var(--sgds-link-color-default,var(--sgds-color-default));cursor:pointer;display:flex;height:auto!important;padding:var(--sgds-padding-sm) var(--sgds-mainnav-padding-x);text-decoration:none!important;text-decoration:none}@media screen and (max-width:767px){::slotted(*){padding:var(--sgds-padding-sm) var(--sgds-mainnav-mobile-padding-x)}}:host(:not([disabled])[active]) ::slotted(*){--sgds-link-color-default:var(--sgds-primary-color-default);color:var(--sgds-link-color-default,var(--sgds-primary-color-default))}:host([disabled]) ::slotted(a:hover){--sgds-link-color-emphasis:var(--sgds-color-default);color:var(--sgds-link-color-emphasis,var(--sgds-color-default))}:host(:not([disabled])) ::slotted(a:hover){--sgds-link-color-emphasis:var(--sgds-primary-color-default);color:var(--sgds-link-color-emphasis,var(--sgds-primary-color-default))}::slotted(a:focus-visible){--sgds-link-color-emphasis:var(--sgds-primary-color-default);color:var(--sgds-link-color-emphasis,var(--sgds-primary-color-default));outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}:host([disabled]) ::slotted(*){cursor:not-allowed;opacity:var(--sgds-opacity-50)}`;class Vl extends Pe{constructor(){super(...arguments),this.active=!1,this.disabled=!1}_handleDisabled(){this.setAttribute("aria-disabled",`${this.disabled}`)}_handleSlotChange(e){const t=e.target,s=t.assignedElements({flatten:!0}).filter(e=>"a"===e.tagName.toLowerCase()||"sgds-link"===e.tagName.toLowerCase());if(s.length>1)console.error("More than one anchor tag is added to sgds-mainnav-item");else{if(0===s.length){t.assignedNodes({flatten:!0}).forEach(e=>{if(e.nodeType===Node.TEXT_NODE){const t=document.createElement("a");t.textContent=e.textContent,e.parentNode.replaceChild(t,e)}})}if(1===s.length){const e=s[0];if(this.active&&e.setAttribute("aria-current","true"),this.disabled)return e.setAttribute("href","javascript:void(0)"),void e.setAttribute("tabindex","-1");e.addEventListener("click",e=>{e.target.closest("sgds-mainnav").hide()})}}}render(){return ee`<slot @slotchange=${this._handleSlotChange}></slot>`}}Vl.styles=[...Pe.styles,Al],e([Ve({type:Boolean,reflect:!0})],Vl.prototype,"active",void 0),e([Ve({type:Boolean,reflect:!0})],Vl.prototype,"disabled",void 0),e([at("disabled")],Vl.prototype,"_handleDisabled",null),rt("sgds-mainnav",Cl),rt("sgds-mainnav-dropdown",$l),rt("sgds-mainnav-item",Vl);var Dl=n`b{font-weight:bolder}[role=button]{cursor:pointer}a{color:#0049dc;text-decoration:none!important}a[target=_blank]:after{height:var(--sgds-icon-size-sm)!important;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.516 2.933h.017a.4.4 0 1 1 0 .8c-.566 0-.967 0-1.28.026-.31.025-.498.073-.646.149a1.6 1.6 0 0 0-.7.699c-.075.148-.123.336-.148.645-.025.314-.026.714-.026 1.281v2.933c0 .567 0 .968.026 1.282.026.308.073.497.149.645a1.6 1.6 0 0 0 .699.699c.148.075.337.123.645.149.314.025.715.025 1.281.025h2.934c.566 0 .967 0 1.28-.025.31-.026.498-.073.646-.149a1.6 1.6 0 0 0 .7-.7c.075-.147.123-.336.148-.644.025-.314.026-.715.026-1.282a.4.4 0 0 1 .8 0v.018c0 .545 0 .979-.029 1.329-.03.358-.09.663-.233.943a2.4 2.4 0 0 1-1.049 1.049c-.28.142-.585.204-.943.233-.35.028-.784.028-1.329.028H6.516c-.545 0-.979 0-1.329-.028-.358-.03-.664-.09-.943-.233a2.4 2.4 0 0 1-1.05-1.049c-.142-.28-.203-.585-.232-.943-.029-.35-.029-.784-.029-1.33V6.517c0-.546 0-.98.029-1.33.03-.357.09-.663.233-.942a2.4 2.4 0 0 1 1.049-1.05c.28-.142.585-.203.943-.232.35-.029.784-.029 1.329-.029Zm1.75.4c0-.22.18-.4.4-.4h4c.222 0 .4.18.4.4v4a.4.4 0 0 1-.8 0V4.3L8.284 8.283a.4.4 0 0 1-.566-.566l3.984-3.984H8.667a.4.4 0 0 1-.4-.4Z' fill='%230269D0'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.516 2.933h.017a.4.4 0 1 1 0 .8c-.566 0-.967 0-1.28.026-.31.025-.498.073-.646.149a1.6 1.6 0 0 0-.7.699c-.075.148-.123.336-.148.645-.025.314-.026.714-.026 1.281v2.933c0 .567 0 .968.026 1.282.026.308.073.497.149.645a1.6 1.6 0 0 0 .699.699c.148.075.337.123.645.149.314.025.715.025 1.281.025h2.934c.566 0 .967 0 1.28-.025.31-.026.498-.073.646-.149a1.6 1.6 0 0 0 .7-.7c.075-.147.123-.336.148-.644.025-.314.026-.715.026-1.282a.4.4 0 0 1 .8 0v.018c0 .545 0 .979-.029 1.329-.03.358-.09.663-.233.943a2.4 2.4 0 0 1-1.049 1.049c-.28.142-.585.204-.943.233-.35.028-.784.028-1.329.028H6.516c-.545 0-.979 0-1.329-.028-.358-.03-.664-.09-.943-.233a2.4 2.4 0 0 1-1.05-1.049c-.142-.28-.203-.585-.232-.943-.029-.35-.029-.784-.029-1.33V6.517c0-.546 0-.98.029-1.33.03-.357.09-.663.233-.942a2.4 2.4 0 0 1 1.049-1.05c.28-.142.585-.203.943-.232.35-.029.784-.029 1.329-.029Zm1.75.4c0-.22.18-.4.4-.4h4c.222 0 .4.18.4.4v4a.4.4 0 0 1-.8 0V4.3L8.284 8.283a.4.4 0 0 1-.566-.566l3.984-3.984H8.667a.4.4 0 0 1-.4-.4Z' fill='%230269D0'/%3E%3C/svg%3E")!important;width:var(--sgds-icon-size-sm)!important}a:hover{color:#0022b9}.sgds-masthead{font-family:Inter,system-ui,sans-serif;font-size:.875rem;line-height:1.25rem}.banner{background-color:light-dark(#f7f7f7,#1a1a1a)}.container{margin-left:auto;margin-right:auto;max-width:var(--sgds-mainnav-max-width,1440px);padding:.25rem var(--sgds-mainnav-padding-x,2rem);width:100%}:host([fluid]) .container{max-width:none}.sg-crest{flex-shrink:0;height:20px;width:20px}.sg-crest path{fill:#db0000}.masthead-layout{display:flex;gap:.25rem}.masthead-text-layout{align-items:center;display:flex;flex-wrap:wrap;gap:0 .75rem}.sgds-masthead-identify-icon{align-self:center;display:block;height:20px;transform:rotate(180deg);transition:transform .3s ease-in-out 0s;user-select:none;width:20px}.sgds-masthead-identify-icon.show{transform:rotate(0deg)}.sgds-masthead-button{align-items:center;color:light-dark(#0269d0,#60aaf4);cursor:pointer;display:flex;gap:4px}.sgds-masthead-button:hover{color:light-dark(#0151a0,#96c7f7)}.panel{background-color:light-dark(#f7f7f7,#1a1a1a)}.sgds-masthead .sgds-masthead-content{display:none;padding-bottom:1rem;padding-top:1rem}.sgds-masthead .sgds-masthead-content.show{display:block}.content-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.icon{margin-top:-.1em}.wrapper{display:flex;gap:.5rem}.content{display:flex;flex-direction:column;gap:.25rem}.content .title{font-weight:600}.content article{color:light-dark(#525252,#a5a5a5)}.banner-icon,.banner-icon-inline{height:20px;width:20px}.banner-icon path,.banner-icon-inline path{fill:light-dark(#1a1a1a,#f3f3f3)}a.trusted-websites-link{color:light-dark(#0269d0,#60aaf4);text-decoration:underline;width:fit-content}a.trusted-websites-link:hover{color:light-dark(#0151a0,#96c7f7)}.sgds-masthead-button:focus-visible,a.trusted-websites-link:focus-visible{outline:4px solid #60aaf4}@media screen and (max-width:767px){.container{padding:.25rem var(--sgds-mainnav-mobile-padding-x,1.25rem)}.sgds-masthead-content .content-grid{gap:1rem;grid-template-columns:1fr}}`,El=n`svg{vertical-align:middle}`;class Il extends Pe{constructor(){super(...arguments),this.fluid=!1,this.toggleVisibility=!1}_handleKeydown(e){"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this._toggleVisibility())}_toggleVisibility(){this.toggleVisibility=!this.toggleVisibility}render(){return ee`
+    </sgds-dropdown>`;return this._breakpointReached?e:t}}$l.styles=[...Pe.styles,Yi,qi,Ml],$l.dependencies={"sgds-dropdown":ji,"sgds-dropdown-item":Ki,"sgds-icon":Bt},e([bl({context:yl,subscribe:!0}),De()],$l.prototype,"_breakpointReached",void 0),e([bl({context:xl,subscribe:!0}),De()],$l.prototype,"expanded",void 0),e([Ze(".nav-link")],$l.prototype,"navLink",void 0),e([Ze(".dropdown-items")],$l.prototype,"dropdownItems",void 0),e([Ze(".dropdown-items a")],$l.prototype,"menuHeaderButton",void 0),e([Ze(".dropdown-items span")],$l.prototype,"menuHeaderText",void 0),e([Ve({type:Boolean})],$l.prototype,"active",void 0),e([Ve({type:Boolean,reflect:!0})],$l.prototype,"disabled",void 0),e([Le({slot:"toggler"})],$l.prototype,"togglerNodes",void 0),e([Le()],$l.prototype,"defaultNodes",void 0);var Al=n`:host([expand=always]) ::slotted(*){border-bottom:var(--sgds-border-width-4) solid transparent;min-height:100%;padding:0 var(--sgds-padding-md)}@media screen and (min-width:512px){:host([expand=sm]) ::slotted(*){border-bottom:var(--sgds-border-width-4) solid transparent;min-height:100%;padding:0 var(--sgds-padding-md)}:host(:not([disabled])[active][expand=sm]) ::slotted(*){border-color:var(--sgds-primary-border-color-default)}}@media screen and (min-width:768px){:host([expand=md]) ::slotted(*){border-bottom:var(--sgds-border-width-4) solid transparent;min-height:100%;padding:0 var(--sgds-padding-md)}:host(:not([disabled])[active][expand=md]) ::slotted(*){border-color:var(--sgds-primary-border-color-default)}}@media screen and (min-width:1024px){:host([expand=lg]) ::slotted(*){border-bottom:var(--sgds-border-width-4) solid transparent;min-height:100%;padding:0 var(--sgds-padding-md)}:host(:not([disabled])[active][expand=lg]) ::slotted(*){border-color:var(--sgds-primary-border-color-default)}}@media screen and (min-width:1280px){:host([expand=xl]) ::slotted(*){border-bottom:var(--sgds-border-width-4) solid transparent;min-height:100%;padding:0 var(--sgds-padding-md)}:host(:not([disabled])[active][expand=xl]) ::slotted(*){border-color:var(--sgds-primary-border-color-default)}}@media screen and (min-width:1440px){:host([expand=xxl]) ::slotted(*){border-bottom:var(--sgds-border-width-4) solid transparent;min-height:100%;padding:0 var(--sgds-padding-md)}:host(:not([disabled])[active][expand=xxl]) ::slotted(*){border-color:var(--sgds-primary-border-color-default)}}@media screen and (max-width:511px){:host(:not([disabled])[active][expand=sm]) ::slotted(*){background-color:var(--sgds-bg-translucent-subtle)}}@media screen and (max-width:767px){:host(:not([disabled])[active][expand=md]) ::slotted(*){background-color:var(--sgds-bg-translucent-subtle)}}@media screen and (max-width:1023px){:host(:not([disabled])[active][expand=lg]) ::slotted(*){background-color:var(--sgds-bg-translucent-subtle)}}@media screen and (max-width:1279px){:host(:not([disabled])[active][expand=xl]) ::slotted(*){background-color:var(--sgds-bg-translucent-subtle)}}@media screen and (max-width:1439px){:host(:not([disabled])[active][expand=xxl]) ::slotted(*){background-color:var(--sgds-bg-translucent-subtle)}}::slotted(*){--sgds-link-color-default:var(--sgds-color-default);align-items:center;box-sizing:border-box;color:var(--sgds-link-color-default,var(--sgds-color-default));cursor:pointer;display:flex;height:auto!important;padding:var(--sgds-padding-sm) var(--sgds-mainnav-mobile-padding-x);text-decoration:none!important;text-decoration:none}@media screen and (min-width:1024px){::slotted(*){padding:var(--sgds-padding-sm) var(--sgds-mainnav-padding-x)}}:host(:not([disabled])[active]) ::slotted(*){--sgds-link-color-default:var(--sgds-primary-color-default);color:var(--sgds-link-color-default,var(--sgds-primary-color-default))}:host([disabled]) ::slotted(a:hover){--sgds-link-color-emphasis:var(--sgds-color-default);color:var(--sgds-link-color-emphasis,var(--sgds-color-default))}:host(:not([disabled])) ::slotted(a:hover){--sgds-link-color-emphasis:var(--sgds-primary-color-default);color:var(--sgds-link-color-emphasis,var(--sgds-primary-color-default))}::slotted(a:focus-visible){--sgds-link-color-emphasis:var(--sgds-primary-color-default);color:var(--sgds-link-color-emphasis,var(--sgds-primary-color-default));outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}:host([disabled]) ::slotted(*){cursor:not-allowed;opacity:var(--sgds-opacity-50)}`;class Vl extends Pe{constructor(){super(...arguments),this.active=!1,this.disabled=!1}_handleDisabled(){this.setAttribute("aria-disabled",`${this.disabled}`)}_handleSlotChange(e){const t=e.target,s=t.assignedElements({flatten:!0}).filter(e=>"a"===e.tagName.toLowerCase()||"sgds-link"===e.tagName.toLowerCase());if(s.length>1)console.error("More than one anchor tag is added to sgds-mainnav-item");else{if(0===s.length){t.assignedNodes({flatten:!0}).forEach(e=>{if(e.nodeType===Node.TEXT_NODE){const t=document.createElement("a");t.textContent=e.textContent,e.parentNode.replaceChild(t,e)}})}if(1===s.length){const e=s[0];if(this.active&&e.setAttribute("aria-current","true"),this.disabled)return e.setAttribute("href","javascript:void(0)"),void e.setAttribute("tabindex","-1");e.addEventListener("click",e=>{e.target.closest("sgds-mainnav").hide()})}}}render(){return ee`<slot @slotchange=${this._handleSlotChange}></slot>`}}Vl.styles=[...Pe.styles,Al],e([Ve({type:Boolean,reflect:!0})],Vl.prototype,"active",void 0),e([Ve({type:Boolean,reflect:!0})],Vl.prototype,"disabled",void 0),e([at("disabled")],Vl.prototype,"_handleDisabled",null),rt("sgds-mainnav",Cl),rt("sgds-mainnav-dropdown",$l),rt("sgds-mainnav-item",Vl);var Dl=n`b{font-weight:bolder}[role=button]{cursor:pointer}a{color:#0049dc;text-decoration:none!important}a[target=_blank]:after{height:var(--sgds-icon-size-sm)!important;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.516 2.933h.017a.4.4 0 1 1 0 .8c-.566 0-.967 0-1.28.026-.31.025-.498.073-.646.149a1.6 1.6 0 0 0-.7.699c-.075.148-.123.336-.148.645-.025.314-.026.714-.026 1.281v2.933c0 .567 0 .968.026 1.282.026.308.073.497.149.645a1.6 1.6 0 0 0 .699.699c.148.075.337.123.645.149.314.025.715.025 1.281.025h2.934c.566 0 .967 0 1.28-.025.31-.026.498-.073.646-.149a1.6 1.6 0 0 0 .7-.7c.075-.147.123-.336.148-.644.025-.314.026-.715.026-1.282a.4.4 0 0 1 .8 0v.018c0 .545 0 .979-.029 1.329-.03.358-.09.663-.233.943a2.4 2.4 0 0 1-1.049 1.049c-.28.142-.585.204-.943.233-.35.028-.784.028-1.329.028H6.516c-.545 0-.979 0-1.329-.028-.358-.03-.664-.09-.943-.233a2.4 2.4 0 0 1-1.05-1.049c-.142-.28-.203-.585-.232-.943-.029-.35-.029-.784-.029-1.33V6.517c0-.546 0-.98.029-1.33.03-.357.09-.663.233-.942a2.4 2.4 0 0 1 1.049-1.05c.28-.142.585-.203.943-.232.35-.029.784-.029 1.329-.029Zm1.75.4c0-.22.18-.4.4-.4h4c.222 0 .4.18.4.4v4a.4.4 0 0 1-.8 0V4.3L8.284 8.283a.4.4 0 0 1-.566-.566l3.984-3.984H8.667a.4.4 0 0 1-.4-.4Z' fill='%230269D0'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.516 2.933h.017a.4.4 0 1 1 0 .8c-.566 0-.967 0-1.28.026-.31.025-.498.073-.646.149a1.6 1.6 0 0 0-.7.699c-.075.148-.123.336-.148.645-.025.314-.026.714-.026 1.281v2.933c0 .567 0 .968.026 1.282.026.308.073.497.149.645a1.6 1.6 0 0 0 .699.699c.148.075.337.123.645.149.314.025.715.025 1.281.025h2.934c.566 0 .967 0 1.28-.025.31-.026.498-.073.646-.149a1.6 1.6 0 0 0 .7-.7c.075-.147.123-.336.148-.644.025-.314.026-.715.026-1.282a.4.4 0 0 1 .8 0v.018c0 .545 0 .979-.029 1.329-.03.358-.09.663-.233.943a2.4 2.4 0 0 1-1.049 1.049c-.28.142-.585.204-.943.233-.35.028-.784.028-1.329.028H6.516c-.545 0-.979 0-1.329-.028-.358-.03-.664-.09-.943-.233a2.4 2.4 0 0 1-1.05-1.049c-.142-.28-.203-.585-.232-.943-.029-.35-.029-.784-.029-1.33V6.517c0-.546 0-.98.029-1.33.03-.357.09-.663.233-.942a2.4 2.4 0 0 1 1.049-1.05c.28-.142.585-.203.943-.232.35-.029.784-.029 1.329-.029Zm1.75.4c0-.22.18-.4.4-.4h4c.222 0 .4.18.4.4v4a.4.4 0 0 1-.8 0V4.3L8.284 8.283a.4.4 0 0 1-.566-.566l3.984-3.984H8.667a.4.4 0 0 1-.4-.4Z' fill='%230269D0'/%3E%3C/svg%3E")!important;width:var(--sgds-icon-size-sm)!important}a:hover{color:#0022b9}.sgds-masthead{font-family:Inter,system-ui,sans-serif;font-size:.875rem;line-height:1.25rem}.banner{background-color:light-dark(#f7f7f7,#1a1a1a)}.container{margin-left:auto;margin-right:auto;max-width:var(--sgds-mainnav-max-width,1440px);padding:.25rem var(--sgds-mainnav-mobile-padding-x,1.25rem);width:100%}:host([fluid]) .container{max-width:none}.sg-crest{flex-shrink:0;height:20px;width:20px}.sg-crest path{fill:#db0000}.masthead-layout{display:flex;gap:.25rem}.masthead-text-layout{align-items:center;display:flex;flex-wrap:wrap;gap:0 .75rem}.sgds-masthead-identify-icon{align-self:center;display:block;height:20px;transform:rotate(180deg);transition:transform .3s ease-in-out 0s;user-select:none;width:20px}.sgds-masthead-identify-icon.show{transform:rotate(0deg)}.sgds-masthead-button{align-items:center;color:light-dark(#0269d0,#60aaf4);cursor:pointer;display:flex;gap:4px}.sgds-masthead-button:hover{color:light-dark(#0151a0,#96c7f7)}.panel{background-color:light-dark(#f7f7f7,#1a1a1a)}.sgds-masthead .sgds-masthead-content{display:none;padding-bottom:1rem;padding-top:1rem}.sgds-masthead .sgds-masthead-content.show{display:block}.content-grid{display:grid;gap:1rem;grid-template-columns:1fr}.icon{margin-top:-.1em}.wrapper{display:flex;gap:.5rem}.content{display:flex;flex-direction:column;gap:.25rem}.content .title{font-weight:600}.content article{color:light-dark(#525252,#a5a5a5)}.banner-icon,.banner-icon-inline{height:20px;width:20px}.banner-icon path,.banner-icon-inline path{fill:light-dark(#1a1a1a,#f3f3f3)}a.trusted-websites-link{color:light-dark(#0269d0,#60aaf4);text-decoration:underline;width:fit-content}a.trusted-websites-link:hover{color:light-dark(#0151a0,#96c7f7)}.sgds-masthead-button:focus-visible,a.trusted-websites-link:focus-visible{outline:4px solid #60aaf4}@media screen and (min-width:768px){.content-grid{gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media screen and (min-width:1024px){.container{padding:.25rem var(--sgds-mainnav-padding-x,2rem)}}`,El=n`svg{vertical-align:middle}`;class Il extends Pe{constructor(){super(...arguments),this.fluid=!1,this.toggleVisibility=!1}_handleKeydown(e){"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this._toggleVisibility())}_toggleVisibility(){this.toggleVisibility=!this.toggleVisibility}render(){return ee`
       <div id="sgds-masthead" class="sgds-masthead">
         <div class="banner">
           <div class="container">
@@ -4083,42 +4083,60 @@ const zl="important",Rl=" !"+zl;const Nl=Ye(class extends je{constructor(e){if(s
           </slot>
         </div>
       </${e}>
-    `}}ec.styles=[...ga.styles,Jd],e([Fe({slot:"icon",flatten:!0})],ec.prototype,"_iconNode",void 0),e([Fe({slot:"upper",flatten:!0})],ec.prototype,"_upperNode",void 0),e([Le({slot:"footer"})],ec.prototype,"footerNode",void 0),e([Le({slot:"link"})],ec.prototype,"linkNode",void 0),e([Ve({type:Boolean,reflect:!0})],ec.prototype,"noPadding",void 0),rt("sgds-icon-card",ec);var tc=n`.sidebar{display:flex;flex-direction:column;height:100%;position:relative;transition:width var(--sgds-motion-duration-standard) var(--sgds-motion-easing-standard);z-index:1100}.sidebar--expanded{width:var(--sgds-dimension-288)}.sidebar--collapsed{width:var(--sgds-dimension-72)}.sidebar-header{align-items:center;display:flex;justify-content:space-between;padding:var(--sgds-padding-xs)}.sidebar .sidebar-brand-name{padding-left:var(--sgds-padding-xs)}.sidebar--collapsed .sidebar-brand-name{display:none}.sidebar--collapsed .sidebar-header{justify-content:center}.sidebar-wrapper{background-color:var(--sgds-bg-default);border-right:var(--sgds-border-width-1) solid var(--sgds-border-color-muted);height:100%;overflow-x:hidden;overflow-y:auto;position:relative;z-index:2}.sidebar-content{flex:1;overflow-y:auto;padding:0 var(--sgds-padding-xs)}.sidebar-nested-overlay{background-color:var(--sgds-bg-default);bottom:0;left:0;opacity:0;overflow-y:scroll;padding:var(--sgds-padding-md) var(--sgds-padding-xs);pointer-events:none;position:absolute;top:0;transition:all var(--sgds-motion-duration-standard) var(--sgds-motion-easing-standard);transition-property:opacity left;width:var(--sgds-dimension-288);z-index:0}.sidebar-nested-overlay.show{border-right:var(--sgds-border-width-1) solid var(--sgds-border-color-muted);left:var(--sgds-dimension-288);opacity:1;pointer-events:auto}.sidebar--collapsed .sidebar-nested-overlay.show{left:var(--sgds-dimension-72)}.sidebar::-webkit-scrollbar{width:var(--sgds-dimension-2)}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:var(--sgds-border-color-muted);border-radius:var(--sgds-border-radius-xs)}.sidebar::-webkit-scrollbar-thumb:hover{background:var(--sgds-color-subtle)}`;const sc="sidebar-active-group",ic="sidebar-active",ac="sidebar-collapsed",oc="sidebar-drawer-items",nc="sidebar-drawer-open",rc="sgds-sidebar-group";class lc extends Pe{constructor(){super(...arguments),this.collapsed=!1,this.active="",this._sidebarActiveGroup=null,this._sidebarActiveItem=null,this._drawerItems=[],this._showDrawer=!1,this._handleClickOutOfElement=e=>{this._sidebarActiveGroup&&(e.composedPath().includes(this)||(this._showDrawer=!1))}}connectedCallback(){super.connectedCallback(),this.setAttribute("role","navigation"),this.setAttribute("aria-label","Main navigation"),this.updateComplete.then(()=>{this.addItemListeners(),this._handleActive(),document.addEventListener("click",this._handleClickOutOfElement)})}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this._handleClickOutOfElement)}_handleCollapsed(){this._sidebarCollapsed=this.collapsed}_handleActiveItem(){if(!this._sidebarActiveItem)return;const e=this._sidebarActiveItem._childLevel;if(this._sidebarActiveItem._selected=!0,0===e)this._sidebarActiveItem._childElements.length>0?this._setNodesToDrawer(this._sidebarActiveItem):this._revertNodesToParent();else{let e=this._sidebarActiveItem.parentElement;for(;e._childLevel>=0&&e.tagName.toLowerCase()===rc;)e.tagName.toLowerCase()===rc&&(0===e._childLevel&&(e.classList.contains("sidebar-nested-overlay")||this._setNodesToDrawer(e)),e._selected=!0,e._showMenu=e._childLevel>0,e=e.parentElement);this._sidebarActiveGroup&&(this._sidebarActiveGroup._selected=!0)}}_handleActive(){this.active?this._sidebarActiveItem=this._getActiveChild():this._sidebarActiveItem=null}_getActiveChild(){const e=t=>{var s;for(const i of t){if(i.name===this.active)return i;if(null===(s=i._childElements)||void 0===s?void 0:s.length){const t=e(i._childElements);if(t)return t}}return null};return e(this._defaultNodes)}_setNodesToDrawer(e){if(!e)return;this._sidebarActiveGroup&&e!==this._sidebarActiveGroup&&this._revertNodesToParent(),this._sidebarActiveGroup=e,this._drawerItems=[];this._sidebarActiveGroup.querySelectorAll(":scope > sgds-sidebar-group, :scope > sgds-sidebar-item").forEach(e=>{this._drawerItems.push(e)})}_revertNodesToParent(){this._sidebarActiveGroup&&(this._drawerItems.forEach(e=>{this._sidebarActiveGroup.append(e)}),this._drawerItems=[]),this._sidebarActiveGroup=null}addItemListeners(){const e=[...this.querySelectorAll("sgds-sidebar-item"),...this.querySelectorAll(rc)];e.forEach(t=>{t.addEventListener("i-sgds-click",s=>{const i=s.detail.element;if(i===this._sidebarActiveGroup)this._showDrawer=!this._showDrawer;else{if(this.active!==i.name&&(this.active=i.name,e.forEach(e=>e._selected=!1)),i._childElements.length>0)this._showDrawer=!0;else{this._showDrawer=!1;const e=t.querySelector(":scope > a");e&&e.click()}this.emit("sgds-select",{detail:{activeItem:i.name}})}})})}toggleCollapsed(){this.collapsed=!this.collapsed}render(){var e,t;return ee`
+    `}}ec.styles=[...ga.styles,Jd],e([Fe({slot:"icon",flatten:!0})],ec.prototype,"_iconNode",void 0),e([Fe({slot:"upper",flatten:!0})],ec.prototype,"_upperNode",void 0),e([Le({slot:"footer"})],ec.prototype,"footerNode",void 0),e([Le({slot:"link"})],ec.prototype,"linkNode",void 0),e([Ve({type:Boolean,reflect:!0})],ec.prototype,"noPadding",void 0),rt("sgds-icon-card",ec);var tc=n`.sidebar{display:flex;flex-direction:column;height:100%;position:relative;transition:width var(--sgds-motion-duration-standard) var(--sgds-motion-easing-standard);z-index:1100}.sidebar--expanded{width:var(--sgds-dimension-288)}.sidebar--collapsed{width:var(--sgds-dimension-72)}.sidebar-top{align-items:center;display:flex;gap:var(--sgds-gap-md);justify-content:space-between;padding:0 var(--sgds-padding-xs)}.sidebar--collapsed .sidebar-brand-name{display:none}.sidebar--collapsed .sidebar-top{justify-content:center}.sidebar-main{background-color:var(--sgds-bg-default);border-right:var(--sgds-border-width-1) solid var(--sgds-border-color-muted);height:100%;overflow-x:hidden;overflow-y:auto;padding:var(--sgds-padding-lg) 0;position:relative;z-index:1}.sidebar-wrapper{display:flex;flex-direction:column;height:100%;justify-content:space-between}.sidebar-content{display:flex;flex:1;flex-direction:column;gap:var(--sgds-gap-md);overflow-y:auto}.sidebar-nested-overlay{background-color:var(--sgds-surface-raised);bottom:0;left:0;opacity:0;overflow-y:scroll;padding:var(--sgds-padding-md) var(--sgds-padding-xs);pointer-events:none;position:absolute;top:0;transition:all var(--sgds-motion-duration-standard) var(--sgds-motion-easing-standard);transition-property:opacity left;width:var(--sgds-dimension-288);z-index:0}.sidebar-nested-overlay.show{border-right:var(--sgds-border-width-1) solid var(--sgds-border-color-muted);left:var(--sgds-dimension-288);opacity:1;pointer-events:auto}.sidebar--collapsed .sidebar-nested-overlay.show{left:var(--sgds-dimension-72)}.sidebar::-webkit-scrollbar{width:var(--sgds-dimension-2)}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:var(--sgds-border-color-muted);border-radius:var(--sgds-border-radius-xs)}.sidebar::-webkit-scrollbar-thumb:hover{background:var(--sgds-color-subtle)}@media only screen and (max-width:511px){.sidebar--expanded{position:absolute;width:100dvw}.sidebar-nested-overlay{left:-100dvw;width:100dvw;z-index:2}.sidebar--collapsed .sidebar-nested-overlay.show,.sidebar-nested-overlay.show{left:0}}@media only screen and (max-width:767px){.sidebar--expanded,.sidebar-nested-overlay{width:var(--sgds-dimension-256)}.sidebar-nested-overlay,.sidebar-nested-overlay.show{left:var(--sgds-dimension-256)}}`;const sc="sidebar-active-group",ic="sidebar-active",ac="sidebar-collapsed",oc="sidebar-drawer-items",nc="sidebar-drawer-open",rc="sgds-sidebar-group";class lc extends Pe{constructor(){super(...arguments),this.collapsed=!1,this.active="",this._sidebarActiveGroup=null,this._sidebarActiveItem=null,this._drawerItems=[],this._showDrawer=!1,this._isMobile=!1,this._handleClickOutOfElement=e=>{this._sidebarActiveGroup&&(e.composedPath().includes(this)||(this._showDrawer=!1))}}connectedCallback(){super.connectedCallback(),this.setAttribute("role","navigation"),this.setAttribute("aria-label","Main navigation"),this.updateComplete.then(()=>{this.addItemListeners(),this._handleActive(),document.addEventListener("click",this._handleClickOutOfElement)}),window.addEventListener("resize",this._handleResize.bind(this)),this._handleResize()}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this._handleClickOutOfElement),window.removeEventListener("resize",this._handleResize.bind(this))}_handleCollapsed(){this._sidebarCollapsed=this.collapsed}_handleActiveItem(){if(!this._sidebarActiveItem)return;const e=this._sidebarActiveItem._childLevel;if(this._sidebarActiveItem._selected=!0,0===e)this._sidebarActiveItem._childElements.length>0?this._setNodesToDrawer(this._sidebarActiveItem):this._revertNodesToParent();else{let e=this._sidebarActiveItem.parentElement;for(;e._childLevel>=0&&e.tagName.toLowerCase()===rc;)e.tagName.toLowerCase()===rc&&(0===e._childLevel&&(e.classList.contains("sidebar-nested-overlay")||this._setNodesToDrawer(e)),e._selected=!0,e._showMenu=e._childLevel>0,e=e.parentElement);this._sidebarActiveGroup&&(this._sidebarActiveGroup._selected=!0)}}_handleActive(){this.active?this._sidebarActiveItem=this._getActiveChild():this._sidebarActiveItem=null}_getActiveChild(){const e=t=>{var s;for(const i of t){if(i.name===this.active)return i;if(null===(s=i._childElements)||void 0===s?void 0:s.length){const t=e(i._childElements);if(t)return t}}return null};return e(this._defaultNodes)}_handleResize(){const e=window.innerWidth<=512;e!==this._isMobile&&(this._isMobile=e,this.collapsed=this._isMobile)}_setNodesToDrawer(e){if(!e)return;this._sidebarActiveGroup&&e!==this._sidebarActiveGroup&&this._revertNodesToParent(),this._sidebarActiveGroup=e,this._drawerItems=[];this._sidebarActiveGroup.querySelectorAll(":scope > sgds-sidebar-group, :scope > sgds-sidebar-item").forEach(e=>{this._drawerItems.push(e)})}_revertNodesToParent(){this._sidebarActiveGroup&&(this._drawerItems.forEach(e=>{this._sidebarActiveGroup.append(e)}),this._drawerItems=[]),this._sidebarActiveGroup=null}addItemListeners(){const e=[...this.querySelectorAll("sgds-sidebar-item"),...this.querySelectorAll(rc)];e.forEach(t=>{t.addEventListener("i-sgds-click",s=>{const i=s.detail.element;if(i===this._sidebarActiveGroup)this._showDrawer=!this._showDrawer;else{if(this.active!==i.name&&(this.active=i.name,e.forEach(e=>e._selected=!1)),i._childElements.length>0)this._showDrawer=!0;else{this._showDrawer=!1;const e=t.querySelector(":scope > a");e&&e.click()}this.emit("sgds-select",{detail:{activeItem:i.name}})}})})}toggleCollapsed(){this.collapsed=!this.collapsed}render(){var e,t;return ee`
       <div
         class=${We({sidebar:!0,"sidebar--expanded":!this._sidebarCollapsed,"sidebar--collapsed":this._sidebarCollapsed})}
       >
-        <div class="sidebar-wrapper">
-          <div class="sidebar-header">
-            <div class="sidebar-brand-name">
-              <slot name="brandName"></slot>
+        <div class="sidebar-main">
+          <div class="sidebar-wrapper">
+            <div class="sidebar-top">
+              <div class="sidebar-brand-name">
+                <slot name="top"></slot>
+              </div>
+
+              <sgds-icon-button
+                name=${this._sidebarCollapsed?"sidebar-expand":"sidebar-collapse"}
+                variant="ghost"
+                tone="neutral"
+                size="sm"
+                @click=${this.toggleCollapsed}
+                aria-label=${this._sidebarCollapsed?"Expand sidebar":"Collapse sidebar"}
+                aria-expanded=${!this._sidebarCollapsed}
+              ></sgds-icon-button>
             </div>
 
-            <sgds-icon-button
-              name=${this._sidebarCollapsed?"sidebar-expand":"sidebar-collapse"}
-              variant="ghost"
-              tone="neutral"
-              size="sm"
-              @click=${this.toggleCollapsed}
-              aria-label=${this._sidebarCollapsed?"Expand sidebar":"Collapse sidebar"}
-              aria-expanded=${!this._sidebarCollapsed}
-            ></sgds-icon-button>
-          </div>
+            <nav
+              class="sidebar-content"
+              role="navigation"
+              aria-label="Main navigation"
+              aria-activedescendant=${(null===(e=this._sidebarActiveItem)||void 0===e?void 0:e.name)||""}
+            >
+              <slot></slot>
+            </nav>
 
-          <nav class="sidebar-content" role="navigation" aria-label="Main navigation" aria-activedescendant=${(null===(e=this._sidebarActiveItem)||void 0===e?void 0:e.name)||""}>
-            <slot></slot>
-          </nav>
+            <slot name="bottom"></slot>
+          </div>
         </div>
 
-          <div
-            class=${We({"sidebar-nested-overlay":!0,show:this._showDrawer})}
-            role="dialog"
-            aria-label=${(null===(t=this._sidebarActiveGroup)||void 0===t?void 0:t.title)?`Nested items for ${this._sidebarActiveGroup.title}`:""}
-          >
-            ${this._drawerItems}
-          </div>
+        <div
+          class=${We({"sidebar-nested-overlay":!0,show:this._showDrawer})}
+          role="dialog"
+          aria-label=${(null===(t=this._sidebarActiveGroup)||void 0===t?void 0:t.title)?`Nested items for ${this._sidebarActiveGroup.title}`:""}
+        >
+          <sgds-icon-button
+            name="chevron-left"
+            variant="ghost"
+            tone="neutral"
+            size="sm"
+            @click=${()=>this._showDrawer=!1}
+            aria-label=${"Close drawer"}
+            aria-expanded=${this._showDrawer}
+          ></sgds-icon-button>
+
+          ${this._drawerItems}
         </div>
       </div>
-    `}}lc.styles=[...Pe.styles,tc],e([Ve({type:Boolean,reflect:!0})],lc.prototype,"collapsed",void 0),e([Ve({type:String,reflect:!0})],lc.prototype,"active",void 0),e([fl({context:sc}),De()],lc.prototype,"_sidebarActiveGroup",void 0),e([fl({context:ac}),De()],lc.prototype,"_sidebarCollapsed",void 0),e([fl({context:ic}),De()],lc.prototype,"_sidebarActiveItem",void 0),e([fl({context:oc}),De()],lc.prototype,"_drawerItems",void 0),e([fl({context:nc}),De()],lc.prototype,"_showDrawer",void 0),e([Le()],lc.prototype,"_defaultNodes",void 0),e([at("collapsed")],lc.prototype,"_handleCollapsed",null),e([at("_sidebarActiveItem")],lc.prototype,"_handleActiveItem",null),e([at("active")],lc.prototype,"_handleActive",null);var dc=n`.sidebar-item{border-radius:var(--sgds-border-radius-md);cursor:pointer;padding:var(--sgds-padding-xs);transition:background-color .15s ease-in-out,color .15s ease-in-out}.sidebar-item.active,.sidebar-item:hover{background-color:var(--sgds-surface-raised)}.sidebar-item:focus,.sidebar-item:focus-visible{outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.sidebar-item-label-wrapper,.sidebar-item-label-wrapper>div{align-items:center;display:flex;gap:var(--sgds-gap-xs)}.sidebar-item-label-wrapper{justify-content:space-between}.sidebar-item-label{-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;display:-webkit-box;font-size:var(--sgds-font-size-1);line-height:var(--sgds-line-height-20);max-height:calc(var(--sgds-line-height-20, 20px)*2);overflow:hidden}.sidebar-item-label.offset{margin-left:var(--sgds-margin-2-xl)}.sidebar-item-label-wrapper .sidebar-item.active{background-color:var(--sgds-surface-raised);color:var(--sgds-primary-color-default)}.sidebar-item-label-wrapper .sidebar-item-trailingIcon{align-items:center;display:flex;gap:var(--sgds-gap-2-xs)}.sidebar-item--collapsed .sidebar-item-label,.sidebar-item--collapsed .sidebar-item-trailingIcon{display:none}.sidebar-item--collapsed .sidebar-item-label-wrapper{justify-content:center}.sidebar-submenu{overflow:hidden}.sidebar-submenu>div{margin-top:-100%;opacity:0;pointer-events:none;transition:all var(--sgds-motion-duration-standard) var(--sgds-motion-easing-standard)}.sidebar-submenu.show>div{margin-top:0;opacity:1;pointer-events:auto}.sidebar-submenu--collapsed{display:none}`;class cc extends Pe{constructor(){super(...arguments),this.title="",this.name="",this._sidebarCollapsed=!1,this._sidebarActiveItem=null,this._sidebarActiveGroup=null,this._drawerItems=null,this._showDrawer=!1,this._childLevel=0,this._selected=!1,this._hidden=!1,this._childElements=[],this._childActive=!1}connectedCallback(){super.connectedCallback(),this.getChildLevel(),this.setAttribute("role","option"),this.setAttribute("aria-label",this.title||this.name),this.addEventListener("keydown",this._handleKeyDown)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this._handleKeyDown)}firstUpdated(e){super.firstUpdated(e),this.getChildLevel()}updated(){1===this._childLevel&&(this._hidden=!this.closest(".sidebar-nested-overlay"))}_handleSlotChange(){this._childElements=this._defaultNodes}_handleClick(){this.emit("i-sgds-click",{detail:{element:this,level:this._childLevel}})}_handleKeyDown(e){var t,s,i;const a=e.target;switch(e.key){case"Enter":return e.preventDefault(),e.stopPropagation(),void(e.target===this&&this._handleClick());case"ArrowDown":{e.preventDefault(),e.stopPropagation();const t=a._childElements[0],s=((null==t?void 0:t._hidden)?null:t)||a.nextElementSibling||a.parentElement.nextElementSibling;if(null==s?void 0:s.shadowRoot){const e=s.shadowRoot.querySelector("[tabindex]");null==e||e.focus()}return}case"ArrowUp":{e.preventDefault(),e.stopPropagation();const s=null===(t=a.previousElementSibling)||void 0===t?void 0:t._childElements,i=s?s[(null==s?void 0:s.length)-1]:null,o=((null==i?void 0:i._hidden)?null:i)||a.previousElementSibling||a.parentElement;if(null==o?void 0:o.shadowRoot){const e=o.shadowRoot.querySelector("[tabindex]");null==e||e.focus()}return}case"ArrowLeft":if(e.preventDefault(),e.stopPropagation(),this._sidebarActiveGroup===this)this._showDrawer&&this._handleClick();else{if(a._childLevel>=1&&(null===(s=this._sidebarActiveGroup)||void 0===s?void 0:s.shadowRoot)){const e=this._sidebarActiveGroup.shadowRoot.querySelector("[tabindex]");null==e||e.focus()}}return;case"ArrowRight":if(e.preventDefault(),e.stopPropagation(),this._sidebarActiveGroup===this){if(null===(i=this._drawerItems)||void 0===i?void 0:i.length)if(this._showDrawer){const e=this._drawerItems[0];if(null==e?void 0:e.shadowRoot){const t=e.shadowRoot.querySelector("[tabindex]");null==t||t.focus()}}else this._handleClick()}else 0===this._childLevel&&this._childElements.length>0&&this._handleClick();return}}getChildLevel(){let e=this.parentElement,t=0;for(;"sgds-sidebar-group"===e.tagName.toLowerCase();)t+=1,e=e.parentElement;const s=e.classList.contains("sidebar-nested-overlay");this._childLevel=s?t+1:t}}cc.styles=Oi.styles,e([Ve({type:String,reflect:!0})],cc.prototype,"title",void 0),e([Ve({type:String,reflect:!0})],cc.prototype,"name",void 0),e([bl({context:ac,subscribe:!0}),De()],cc.prototype,"_sidebarCollapsed",void 0),e([bl({context:ic,subscribe:!0}),De()],cc.prototype,"_sidebarActiveItem",void 0),e([bl({context:sc,subscribe:!0}),De()],cc.prototype,"_sidebarActiveGroup",void 0),e([bl({context:oc,subscribe:!0}),De()],cc.prototype,"_drawerItems",void 0),e([bl({context:nc,subscribe:!0}),De()],cc.prototype,"_showDrawer",void 0),e([De()],cc.prototype,"_childLevel",void 0),e([De()],cc.prototype,"_selected",void 0),e([De()],cc.prototype,"_hidden",void 0),e([De()],cc.prototype,"_childElements",void 0),e([De()],cc.prototype,"_childActive",void 0),e([Le({flatten:!0})],cc.prototype,"_defaultNodes",void 0);class hc extends cc{constructor(){super(...arguments),this._showMenu=!1}get showMenu(){return this._showMenu}_handleClick(){0!==this._childLevel?(this._showMenu=!this._showMenu,this._childElements.forEach(e=>{e._hidden=!this._showMenu})):super._handleClick()}getIcon(){return 0===this._childLevel?"chevron-right":this._showMenu?"chevron-down":"chevron-up"}render(){return ee`
+    `}}lc.styles=[...Pe.styles,tc],lc.dependencies={"sgds-icon-button":er},e([Ve({type:Boolean,reflect:!0})],lc.prototype,"collapsed",void 0),e([Ve({type:String,reflect:!0})],lc.prototype,"active",void 0),e([fl({context:sc}),De()],lc.prototype,"_sidebarActiveGroup",void 0),e([fl({context:ac}),De()],lc.prototype,"_sidebarCollapsed",void 0),e([fl({context:ic}),De()],lc.prototype,"_sidebarActiveItem",void 0),e([fl({context:oc}),De()],lc.prototype,"_drawerItems",void 0),e([fl({context:nc}),De()],lc.prototype,"_showDrawer",void 0),e([Le()],lc.prototype,"_defaultNodes",void 0),e([De()],lc.prototype,"_isMobile",void 0),e([at("collapsed")],lc.prototype,"_handleCollapsed",null),e([at("_sidebarActiveItem")],lc.prototype,"_handleActiveItem",null),e([at("active")],lc.prototype,"_handleActive",null);var dc=n`.sidebar-item{border-radius:var(--sgds-border-radius-md);cursor:pointer;padding:var(--sgds-padding-xs);transition:background-color .15s ease-in-out,color .15s ease-in-out}.sidebar-item.active,.sidebar-item:hover{background-color:var(--sgds-bg-translucent-subtle)}.sidebar-item:focus,.sidebar-item:focus-visible{outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.sidebar-item-label-wrapper,.sidebar-item-label-wrapper>div{align-items:center;display:flex;gap:var(--sgds-gap-xs)}.sidebar-item-label-wrapper{justify-content:space-between}.sidebar-item-label{-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;display:-webkit-box;font-size:var(--sgds-font-size-1);line-height:var(--sgds-line-height-20);max-height:calc(var(--sgds-line-height-20, 20px)*2);overflow:hidden}.sidebar-item-label.offset{margin-left:var(--sgds-margin-2-xl)}.sidebar-item-label-wrapper .sidebar-item.active{background-color:var(--sgds-surface-raised);color:var(--sgds-primary-color-default)}.sidebar-item-label-wrapper .sidebar-item-trailingIcon{align-items:center;display:flex;gap:var(--sgds-gap-2-xs)}.sidebar-item--collapsed .sidebar-item-label,.sidebar-item--collapsed .sidebar-item-trailingIcon{display:none}.sidebar-item--collapsed .sidebar-item-label-wrapper{justify-content:center}.sidebar-submenu{overflow:hidden}.sidebar-submenu>div{margin-top:-100%;opacity:0;pointer-events:none;transition:all var(--sgds-motion-duration-standard) var(--sgds-motion-easing-standard)}.sidebar-submenu.show>div{margin-top:0;opacity:1;pointer-events:auto}.sidebar-submenu--collapsed{display:none}`;class cc extends Pe{constructor(){super(...arguments),this.title="",this.name="",this._sidebarCollapsed=!1,this._sidebarActiveItem=null,this._sidebarActiveGroup=null,this._drawerItems=null,this._showDrawer=!1,this._childLevel=0,this._selected=!1,this._hidden=!1,this._childElements=[],this._childActive=!1}connectedCallback(){super.connectedCallback(),this.getChildLevel(),this.setAttribute("role","option"),this.setAttribute("aria-label",this.title||this.name),this.addEventListener("keydown",this._handleKeyDown)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this._handleKeyDown)}firstUpdated(e){super.firstUpdated(e),this.getChildLevel()}updated(){1===this._childLevel&&(this._hidden=!this.closest(".sidebar-nested-overlay"))}_handleSlotChange(){this._childElements=this._defaultNodes}_handleClick(){this.emit("i-sgds-click",{detail:{element:this,level:this._childLevel}})}_handleKeyDown(e){var t,s,i;const a=e.target;switch(e.key){case"Enter":return e.preventDefault(),e.stopPropagation(),void(e.target===this&&this._handleClick());case"ArrowDown":{e.preventDefault(),e.stopPropagation();const t=a._childElements[0],s=((null==t?void 0:t._hidden)?null:t)||a.nextElementSibling||a.parentElement.nextElementSibling;if(null==s?void 0:s.shadowRoot){const e=s.shadowRoot.querySelector("[tabindex]");null==e||e.focus()}return}case"ArrowUp":{e.preventDefault(),e.stopPropagation();const s=null===(t=a.previousElementSibling)||void 0===t?void 0:t._childElements,i=s?s[(null==s?void 0:s.length)-1]:null,o=((null==i?void 0:i._hidden)?null:i)||a.previousElementSibling||a.parentElement;if(null==o?void 0:o.shadowRoot){const e=o.shadowRoot.querySelector("[tabindex]");null==e||e.focus()}return}case"ArrowLeft":if(e.preventDefault(),e.stopPropagation(),this._sidebarActiveGroup===this)this._showDrawer&&this._handleClick();else{if(a._childLevel>=1&&(null===(s=this._sidebarActiveGroup)||void 0===s?void 0:s.shadowRoot)){const e=this._sidebarActiveGroup.shadowRoot.querySelector("[tabindex]");null==e||e.focus()}}return;case"ArrowRight":if(e.preventDefault(),e.stopPropagation(),this._sidebarActiveGroup===this){if(null===(i=this._drawerItems)||void 0===i?void 0:i.length)if(this._showDrawer){const e=this._drawerItems[0];if(null==e?void 0:e.shadowRoot){const t=e.shadowRoot.querySelector("[tabindex]");null==t||t.focus()}}else this._handleClick()}else 0===this._childLevel&&this._childElements.length>0&&this._handleClick();return}}getChildLevel(){let e=this.parentElement,t=0;for(;"sgds-sidebar-group"===e.tagName.toLowerCase();)t+=1,e=e.parentElement;const s=e.classList.contains("sidebar-nested-overlay");this._childLevel=s?t+1:t}}cc.styles=Oi.styles,e([Ve({type:String,reflect:!0})],cc.prototype,"title",void 0),e([Ve({type:String,reflect:!0})],cc.prototype,"name",void 0),e([bl({context:ac,subscribe:!0}),De()],cc.prototype,"_sidebarCollapsed",void 0),e([bl({context:ic,subscribe:!0}),De()],cc.prototype,"_sidebarActiveItem",void 0),e([bl({context:sc,subscribe:!0}),De()],cc.prototype,"_sidebarActiveGroup",void 0),e([bl({context:oc,subscribe:!0}),De()],cc.prototype,"_drawerItems",void 0),e([bl({context:nc,subscribe:!0}),De()],cc.prototype,"_showDrawer",void 0),e([De()],cc.prototype,"_childLevel",void 0),e([De()],cc.prototype,"_selected",void 0),e([De()],cc.prototype,"_hidden",void 0),e([De()],cc.prototype,"_childElements",void 0),e([De()],cc.prototype,"_childActive",void 0),e([Le({flatten:!0})],cc.prototype,"_defaultNodes",void 0);class hc extends cc{constructor(){super(...arguments),this._showMenu=!1}get showMenu(){return this._showMenu}_handleClick(){0!==this._childLevel?(this._showMenu=!this._showMenu,this._childElements.forEach(e=>{e._hidden=!this._showMenu})):super._handleClick()}getIcon(){return 0===this._childLevel?"chevron-right":this._showMenu?"chevron-down":"chevron-up"}render(){return ee`
       <div
         class=${We({"sidebar-item":!0,"sidebar-item--collapsed":this._sidebarCollapsed&&0===this._childLevel,active:this._selected})}
         @click=${()=>this._handleClick()}
@@ -4171,28 +4189,30 @@ const zl="important",Rl=" !"+zl;const Nl=Ye(class extends je{constructor(e){if(s
           </span>
         </div>
       </div>
-    `}}uc.styles=[...Pe.styles,dc],e([Ve({type:String,reflect:!0})],uc.prototype,"icon",void 0);var pc=n`.sidebar-section{border-bottom:var(--sgds-border-width-1) solid var(--sgds-border-color-muted);display:flex;flex-direction:column;padding:var(--sgds-padding-sm) 0}.sidebar-section.no-border{border-bottom:none}.sidebar-section-label{align-items:center;border-radius:var(--sgds-border-radius-md);color:var(--sgds-label-color-subtle);cursor:pointer;display:flex;font-size:var(--sgds-font-size-0);gap:var(--sgds-gap-2-xs);line-height:var(--sgds-line-height-20);padding:var(--sgds-padding-xs)}.sidebar-section-label:hover{color:var(--sgds-label-color-default)}.sidebar-section-label:focus,.sidebar-section-label:focus-visible{outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.sidebar-section--collapsed .sidebar-section-label{height:0;margin:0;opacity:0;overflow:hidden;padding:0;pointer-events:none;width:0}.sidebar-section-content{overflow:hidden}.sidebar-section-content>div{margin-top:0;pointer-events:auto;transition:all var(--sgds-motion-duration-slow) var(--sgds-motion-easing-standard)}.sidebar-section-content.sidebar-section-content--collapsed>div{margin-top:-100%;pointer-events:none}.sidebar-section--collapsed .sidebar-section-content--collapsed>div{margin-top:0}`;class gc extends cc{constructor(){super(...arguments),this.title="",this.collapsed=!1,this.collapsible=!1,this._isLastChild=!1}connectedCallback(){var e;super.connectedCallback(),this.setAttribute("role","region"),this._isLastChild=(null===(e=this.parentElement)||void 0===e?void 0:e.lastElementChild)===this,this._childLevel=null}_handleClick(){this.collapsible&&(this.collapsed=!this.collapsed)}render(){return ee`
+    `}}uc.styles=[...Pe.styles,dc],e([Ve({type:String,reflect:!0})],uc.prototype,"icon",void 0);var pc=n`.sidebar-section{display:flex;flex-direction:column}.sidebar-section-label{align-items:center;border-radius:var(--sgds-border-radius-md);color:var(--sgds-label-color-subtle);cursor:pointer;display:flex;font-size:var(--sgds-font-size-0);gap:var(--sgds-gap-2-xs);line-height:var(--sgds-line-height-20);padding:var(--sgds-padding-xs) var(--sgds-padding-sm)}.sidebar-section-label:hover{color:var(--sgds-label-color-default)}.sidebar-section-label:focus,.sidebar-section-label:focus-visible{outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.sidebar-section--collapsed .sidebar-section-label{height:0;margin:0;opacity:0;overflow:hidden;padding:0;pointer-events:none;width:0}.sidebar-section-content{overflow:hidden;padding:0 var(--sgds-padding-xs)}.sidebar-section-content>div{margin-top:0;pointer-events:auto;transition:all var(--sgds-motion-duration-slow) var(--sgds-motion-easing-standard)}.sidebar-section-content.sidebar-section-content--collapsed>div{margin-top:-100%;pointer-events:none}.sidebar-section--collapsed .sidebar-section-content--collapsed>div{margin-top:0}.sidebar-section-seperator{margin-bottom:var(--sgds-margin-md)}`;class gc extends cc{constructor(){super(...arguments),this.title="",this.collapsed=!1,this.collapsible=!1,this.seperator=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","region"),this._childLevel=null}_handleClick(){this.collapsible&&(this.collapsed=!this.collapsed)}render(){return ee`
       <div
-        class=${We({"sidebar-section":!0,"no-border":this._isLastChild,"sidebar-section--collapsed":this._sidebarCollapsed})}
+        class=${We({"sidebar-section":!0,"sidebar-section--collapsed":this._sidebarCollapsed})}
       >
-        <div
-          class="sidebar-section-label"
-          @click=${this._handleClick}
-          aria-expanded=${!this.collapsed}
-          aria-disabled=${!this.collapsible}
-          tabindex="0"
-        >
-          <span>${this.title}</span>
-          ${this.collapsible?ee`<sgds-icon name=${this.collapsed?"chevron-down":"chevron-up"} size="sm"></sgds-icon>`:ie}
-        </div>
+        ${""!==this.title?ee`<div
+              class="sidebar-section-label"
+              @click=${this._handleClick}
+              aria-expanded=${!this.collapsed}
+              aria-disabled=${!this.collapsible}
+              tabindex="0"
+            >
+              <span>${this.title}</span>
+              ${this.collapsible?ee`<sgds-icon name=${this.collapsed?"chevron-down":"chevron-up"} size="sm"></sgds-icon>`:ie}
+            </div>`:ie}
 
         <div
-          class=${We({"sidebar-section-content":!0,"sidebar-section-content--collapsed":this.collapsed&&this.collapsible})}
+          class=${We({"sidebar-section-content":!0,"sidebar-section-content--collapsed":this.collapsed&&this.collapsible,"sidebar-section-seperator":this.seperator})}
         >
           <div>
             <slot @slotchange=${this._handleSlotChange}></slot>
           </div>
         </div>
+
+        ${this.seperator?ee`<sgds-divider></sgds-divider>`:ie}
       </div>
-    `}}gc.styles=[...Pe.styles,pc],e([Ve({type:String,reflect:!0})],gc.prototype,"title",void 0),e([Ve({type:Boolean,reflect:!0})],gc.prototype,"collapsed",void 0),e([Ve({type:Boolean,reflect:!0})],gc.prototype,"collapsible",void 0),e([De()],gc.prototype,"_isLastChild",void 0),customElements.define("sgds-sidebar",lc),customElements.define("sgds-sidebar-item",uc),customElements.define("sgds-sidebar-section",gc),customElements.define("sgds-sidebar-group",hc)});
+    `}}gc.styles=[...Pe.styles,pc],gc.dependencies={"sgds-icon":Bt,"sgds-divider":Qr},e([Ve({type:String,reflect:!0})],gc.prototype,"title",void 0),e([Ve({type:Boolean,reflect:!0})],gc.prototype,"collapsed",void 0),e([Ve({type:Boolean,reflect:!0})],gc.prototype,"collapsible",void 0),e([Ve({type:Boolean,reflect:!0})],gc.prototype,"seperator",void 0),customElements.define("sgds-sidebar",lc),customElements.define("sgds-sidebar-item",uc),customElements.define("sgds-sidebar-section",gc),customElements.define("sgds-sidebar-group",hc)});
 //# sourceMappingURL=index.umd.min.js.map