@govtechsg/sgds-web-component 3.13.0 → 3.13.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -2354,7 +2354,7 @@ let Be;$e?.({LitElement:He}),(_e.litElementVersions??=[]).push("4.2.2"),_e.litEl
2354
2354
  size=${it(this._assignIconSize(this.size))}
2355
2355
  ></sgds-icon>`}
2356
2356
  </${t}>
2357
- `}}Et.styles=[...ht.styles,Lt],Et.dependencies={"sgds-icon":$t,"sgds-spinner":At},e([Le({type:String,reflect:!0})],Et.prototype,"name",void 0);const Pt="mainnav-context",Rt="mainnav-expanded-context";var Tt=p`:host{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 Ot={sm:512,md:768,lg:1024,xl:1280,xxl:1440,never:1/0,always:-1};class zt extends qe{constructor(){super(...arguments),this._breakpointReached=!1,this.expanded=!1,this.expanding=!1,this.brandHref="",this.collapseId=tt("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<Ot[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 Je(this.body),this.body.hidden=!1;const{keyframes:e,options:t}=Ge(this,"mainnav.show");await je(this.body,Ke(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 Je(this.body);const{keyframes:e,options:t}=Ge(this,"mainnav.hide");await je(this.body,Ke(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,et(this,"sgds-after-show")}async hide(){if(this.expanded)return this.expanding=!1,document.querySelector("body").style.removeProperty("overflow"),et(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<Ot[this.expand],oe`
2357
+ `}}Et.styles=[...ht.styles,Lt],Et.dependencies={"sgds-icon":$t,"sgds-spinner":At},e([Le({type:String,reflect:!0})],Et.prototype,"name",void 0);const Pt="mainnav-context",Rt="mainnav-expanded-context";var Tt=p`: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 Ot={sm:512,md:768,lg:1024,xl:1280,xxl:1440,never:1/0,always:-1};class zt extends qe{constructor(){super(...arguments),this._breakpointReached=!1,this.expanded=!1,this.expanding=!1,this.brandHref="",this.collapseId=tt("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<Ot[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 Je(this.body),this.body.hidden=!1;const{keyframes:e,options:t}=Ge(this,"mainnav.show");await je(this.body,Ke(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 Je(this.body);const{keyframes:e,options:t}=Ge(this,"mainnav.hide");await je(this.body,Ke(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,et(this,"sgds-after-show")}async hide(){if(this.expanded)return this.expanding=!1,document.querySelector("body").style.removeProperty("overflow"),et(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<Ot[this.expand],oe`
2358
2358
  <nav>
2359
2359
  <div class="navbar ${this._expandClass()}">
2360
2360
  <a class="navbar-brand" href=${this.brandHref} aria-label="brand-link">
@@ -2383,7 +2383,7 @@ let Be;$e?.({LitElement:He}),(_e.litElementVersions??=[]).push("4.2.2"),_e.litEl
2383
2383
  ></sgds-icon-button>
2384
2384
  </div>
2385
2385
  </nav>
2386
- `}_expandClass(){switch(this.expand){case"always":return"navbar-expand";case"never":break;default:return`navbar-expand-${this.expand}`}}}zt.styles=[...qe.styles,Tt],zt.dependencies={"sgds-icon-button":Et},e([o({context:Pt}),Ee()],zt.prototype,"_breakpointReached",void 0),e([o({context:Rt}),Ee()],zt.prototype,"expanded",void 0),e([Ee()],zt.prototype,"expanding",void 0),e([Te("nav")],zt.prototype,"nav",void 0),e([Te(".navbar")],zt.prototype,"navbar",void 0),e([Te(".navbar-toggler")],zt.prototype,"header",void 0),e([Te(".navbar-body")],zt.prototype,"body",void 0),e([Te(".navbar-nav-scroll")],zt.prototype,"navScroll",void 0),e([Te("slot[name='non-collapsible']")],zt.prototype,"nonCollapsibleSlot",void 0),e([Le({type:String})],zt.prototype,"brandHref",void 0),e([Le({type:String})],zt.prototype,"expand",void 0),e([Le({type:Boolean,reflect:!0})],zt.prototype,"fluid",void 0),e([Ee()],zt.prototype,"breakpointReached",void 0),e([Oe()],zt.prototype,"defaultNodes",void 0),e([Oe({slot:"end"})],zt.prototype,"endNodes",void 0),e([at("expanding",{waitUntilFirstUpdate:!0})],zt.prototype,"handleOpenChange",null),Qe("mainnav.show",{keyframes:[{height:"0",opacity:"0"},{height:"auto",opacity:"1"}],options:{duration:200,easing:"ease-in-out"}}),Qe("mainnav.hide",{keyframes:[{height:"auto",opacity:"1"},{height:"0",opacity:"0"}],options:{duration:200,easing:"ease-in-out"}});const Nt=Math.min,It=Math.max,Dt=Math.round,Ut=Math.floor,Wt=e=>({x:e,y:e}),qt={left:"right",right:"left",bottom:"top",top:"bottom"},jt={start:"end",end:"start"};function Ft(e,t,a){return It(e,Nt(t,a))}function Kt(e,t){return"function"==typeof e?e(t):e}function Jt(e){return e.split("-")[0]}function Xt(e){return e.split("-")[1]}function Yt(e){return"x"===e?"y":"x"}function Gt(e){return"y"===e?"height":"width"}const Qt=new Set(["top","bottom"]);function ea(e){return Qt.has(Jt(e))?"y":"x"}function ta(e){return Yt(ea(e))}function aa(e,t,a){void 0===a&&(a=!1);const i=Xt(e),l=ta(e),n=Gt(l);let o="x"===l?i===(a?"end":"start")?"right":"left":"start"===i?"bottom":"top";return t.reference[n]>t.floating[n]&&(o=ca(o)),[o,ca(o)]}function ia(e){return e.replace(/start|end/g,e=>jt[e])}const la=["left","right"],na=["right","left"],oa=["top","bottom"],sa=["bottom","top"];function ra(e,t,a,i){const l=Xt(e);let n=function(e,t,a){switch(e){case"top":case"bottom":return a?t?na:la:t?la:na;case"left":case"right":return t?oa:sa;default:return[]}}(Jt(e),"start"===a,i);return l&&(n=n.map(e=>e+"-"+l),t&&(n=n.concat(n.map(ia)))),n}function ca(e){return e.replace(/left|right|bottom|top/g,e=>qt[e])}function da(e){return"number"!=typeof e?function(e){return{top:0,right:0,bottom:0,left:0,...e}}(e):{top:e,right:e,bottom:e,left:e}}function ha(e){const{x:t,y:a,width:i,height:l}=e;return{width:i,height:l,top:a,left:t,right:t+i,bottom:a+l,x:t,y:a}}function va(e,t,a){let{reference:i,floating:l}=e;const n=ea(t),o=ta(t),s=Gt(o),r=Jt(t),c="y"===n,d=i.x+i.width/2-l.width/2,h=i.y+i.height/2-l.height/2,v=i[s]/2-l[s]/2;let p;switch(r){case"top":p={x:d,y:i.y-l.height};break;case"bottom":p={x:d,y:i.y+i.height};break;case"right":p={x:i.x+i.width,y:h};break;case"left":p={x:i.x-l.width,y:h};break;default:p={x:i.x,y:i.y}}switch(Xt(t)){case"start":p[o]-=v*(a&&c?-1:1);break;case"end":p[o]+=v*(a&&c?-1:1)}return p}async function pa(e,t){var a;void 0===t&&(t={});const{x:i,y:l,platform:n,rects:o,elements:s,strategy:r}=e,{boundary:c="clippingAncestors",rootBoundary:d="viewport",elementContext:h="floating",altBoundary:v=!1,padding:p=0}=Kt(t,e),g=da(p),u=s[v?"floating"===h?"reference":"floating":h],w=ha(await n.getClippingRect({element:null==(a=await(null==n.isElement?void 0:n.isElement(u)))||a?u:u.contextElement||await(null==n.getDocumentElement?void 0:n.getDocumentElement(s.floating)),boundary:c,rootBoundary:d,strategy:r})),f="floating"===h?{x:i,y:l,width:o.floating.width,height:o.floating.height}:o.reference,m=await(null==n.getOffsetParent?void 0:n.getOffsetParent(s.floating)),b=await(null==n.isElement?void 0:n.isElement(m))&&await(null==n.getScale?void 0:n.getScale(m))||{x:1,y:1},x=ha(n.convertOffsetParentRelativeRectToViewportRelativeRect?await n.convertOffsetParentRelativeRectToViewportRelativeRect({elements:s,rect:f,offsetParent:m,strategy:r}):f);return{top:(w.top-x.top+g.top)/b.y,bottom:(x.bottom-w.bottom+g.bottom)/b.y,left:(w.left-x.left+g.left)/b.x,right:(x.right-w.right+g.right)/b.x}}const ga=new Set(["left","top"]);function ua(){return"undefined"!=typeof window}function wa(e){return ba(e)?(e.nodeName||"").toLowerCase():"#document"}function fa(e){var t;return(null==e||null==(t=e.ownerDocument)?void 0:t.defaultView)||window}function ma(e){var t;return null==(t=(ba(e)?e.ownerDocument:e.document)||window.document)?void 0:t.documentElement}function ba(e){return!!ua()&&(e instanceof Node||e instanceof fa(e).Node)}function xa(e){return!!ua()&&(e instanceof Element||e instanceof fa(e).Element)}function ya(e){return!!ua()&&(e instanceof HTMLElement||e instanceof fa(e).HTMLElement)}function Za(e){return!(!ua()||"undefined"==typeof ShadowRoot)&&(e instanceof ShadowRoot||e instanceof fa(e).ShadowRoot)}const Ca=new Set(["inline","contents"]);function Ma(e){const{overflow:t,overflowX:a,overflowY:i,display:l}=Ra(e);return/auto|scroll|overlay|hidden|clip/.test(t+i+a)&&!Ca.has(l)}const _a=new Set(["table","td","th"]);function Va(e){return _a.has(wa(e))}const Ha=[":popover-open",":modal"];function ka(e){return Ha.some(t=>{try{return e.matches(t)}catch(e){return!1}})}const $a=["transform","translate","scale","rotate","perspective"],Ba=["transform","translate","scale","rotate","perspective","filter"],Sa=["paint","layout","strict","content"];function Aa(e){const t=La(),a=xa(e)?Ra(e):e;return $a.some(e=>!!a[e]&&"none"!==a[e])||!!a.containerType&&"normal"!==a.containerType||!t&&!!a.backdropFilter&&"none"!==a.backdropFilter||!t&&!!a.filter&&"none"!==a.filter||Ba.some(e=>(a.willChange||"").includes(e))||Sa.some(e=>(a.contain||"").includes(e))}function La(){return!("undefined"==typeof CSS||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}const Ea=new Set(["html","body","#document"]);function Pa(e){return Ea.has(wa(e))}function Ra(e){return fa(e).getComputedStyle(e)}function Ta(e){return xa(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.scrollX,scrollTop:e.scrollY}}function Oa(e){if("html"===wa(e))return e;const t=e.assignedSlot||e.parentNode||Za(e)&&e.host||ma(e);return Za(t)?t.host:t}function za(e){const t=Oa(e);return Pa(t)?e.ownerDocument?e.ownerDocument.body:e.body:ya(t)&&Ma(t)?t:za(t)}function Na(e,t,a){var i;void 0===t&&(t=[]),void 0===a&&(a=!0);const l=za(e),n=l===(null==(i=e.ownerDocument)?void 0:i.body),o=fa(l);if(n){const e=Ia(o);return t.concat(o,o.visualViewport||[],Ma(l)?l:[],e&&a?Na(e):[])}return t.concat(l,Na(l,[],a))}function Ia(e){return e.parent&&Object.getPrototypeOf(e.parent)?e.frameElement:null}function Da(e){const t=Ra(e);let a=parseFloat(t.width)||0,i=parseFloat(t.height)||0;const l=ya(e),n=l?e.offsetWidth:a,o=l?e.offsetHeight:i,s=Dt(a)!==n||Dt(i)!==o;return s&&(a=n,i=o),{width:a,height:i,$:s}}function Ua(e){return xa(e)?e:e.contextElement}function Wa(e){const t=Ua(e);if(!ya(t))return Wt(1);const a=t.getBoundingClientRect(),{width:i,height:l,$:n}=Da(t);let o=(n?Dt(a.width):a.width)/i,s=(n?Dt(a.height):a.height)/l;return o&&Number.isFinite(o)||(o=1),s&&Number.isFinite(s)||(s=1),{x:o,y:s}}const qa=Wt(0);function ja(e){const t=fa(e);return La()&&t.visualViewport?{x:t.visualViewport.offsetLeft,y:t.visualViewport.offsetTop}:qa}function Fa(e,t,a,i){void 0===t&&(t=!1),void 0===a&&(a=!1);const l=e.getBoundingClientRect(),n=Ua(e);let o=Wt(1);t&&(i?xa(i)&&(o=Wa(i)):o=Wa(e));const s=function(e,t,a){return void 0===t&&(t=!1),!(!a||t&&a!==fa(e))&&t}(n,a,i)?ja(n):Wt(0);let r=(l.left+s.x)/o.x,c=(l.top+s.y)/o.y,d=l.width/o.x,h=l.height/o.y;if(n){const e=fa(n),t=i&&xa(i)?fa(i):i;let a=e,l=Ia(a);for(;l&&i&&t!==a;){const e=Wa(l),t=l.getBoundingClientRect(),i=Ra(l),n=t.left+(l.clientLeft+parseFloat(i.paddingLeft))*e.x,o=t.top+(l.clientTop+parseFloat(i.paddingTop))*e.y;r*=e.x,c*=e.y,d*=e.x,h*=e.y,r+=n,c+=o,a=fa(l),l=Ia(a)}}return ha({width:d,height:h,x:r,y:c})}function Ka(e,t){const a=Ta(e).scrollLeft;return t?t.left+a:Fa(ma(e)).left+a}function Ja(e,t){const a=e.getBoundingClientRect();return{x:a.left+t.scrollLeft-Ka(e,a),y:a.top+t.scrollTop}}const Xa=new Set(["absolute","fixed"]);function Ya(e,t,a){let i;if("viewport"===t)i=function(e,t){const a=fa(e),i=ma(e),l=a.visualViewport;let n=i.clientWidth,o=i.clientHeight,s=0,r=0;if(l){n=l.width,o=l.height;const e=La();(!e||e&&"fixed"===t)&&(s=l.offsetLeft,r=l.offsetTop)}const c=Ka(i);if(c<=0){const e=i.ownerDocument,t=e.body,a=getComputedStyle(t),l="CSS1Compat"===e.compatMode&&parseFloat(a.marginLeft)+parseFloat(a.marginRight)||0,o=Math.abs(i.clientWidth-t.clientWidth-l);o<=25&&(n-=o)}else c<=25&&(n+=c);return{width:n,height:o,x:s,y:r}}(e,a);else if("document"===t)i=function(e){const t=ma(e),a=Ta(e),i=e.ownerDocument.body,l=It(t.scrollWidth,t.clientWidth,i.scrollWidth,i.clientWidth),n=It(t.scrollHeight,t.clientHeight,i.scrollHeight,i.clientHeight);let o=-a.scrollLeft+Ka(e);const s=-a.scrollTop;return"rtl"===Ra(i).direction&&(o+=It(t.clientWidth,i.clientWidth)-l),{width:l,height:n,x:o,y:s}}(ma(e));else if(xa(t))i=function(e,t){const a=Fa(e,!0,"fixed"===t),i=a.top+e.clientTop,l=a.left+e.clientLeft,n=ya(e)?Wa(e):Wt(1);return{width:e.clientWidth*n.x,height:e.clientHeight*n.y,x:l*n.x,y:i*n.y}}(t,a);else{const a=ja(e);i={x:t.x-a.x,y:t.y-a.y,width:t.width,height:t.height}}return ha(i)}function Ga(e,t){const a=Oa(e);return!(a===t||!xa(a)||Pa(a))&&("fixed"===Ra(a).position||Ga(a,t))}function Qa(e,t,a){const i=ya(t),l=ma(t),n="fixed"===a,o=Fa(e,!0,n,t);let s={scrollLeft:0,scrollTop:0};const r=Wt(0);function c(){r.x=Ka(l)}if(i||!i&&!n)if(("body"!==wa(t)||Ma(l))&&(s=Ta(t)),i){const e=Fa(t,!0,n,t);r.x=e.x+t.clientLeft,r.y=e.y+t.clientTop}else l&&c();n&&!i&&l&&c();const d=!l||i||n?Wt(0):Ja(l,s);return{x:o.left+s.scrollLeft-r.x-d.x,y:o.top+s.scrollTop-r.y-d.y,width:o.width,height:o.height}}function ei(e){return"static"===Ra(e).position}function ti(e,t){if(!ya(e)||"fixed"===Ra(e).position)return null;if(t)return t(e);let a=e.offsetParent;return ma(e)===a&&(a=a.ownerDocument.body),a}function ai(e,t){const a=fa(e);if(ka(e))return a;if(!ya(e)){let t=Oa(e);for(;t&&!Pa(t);){if(xa(t)&&!ei(t))return t;t=Oa(t)}return a}let i=ti(e,t);for(;i&&Va(i)&&ei(i);)i=ti(i,t);return i&&Pa(i)&&ei(i)&&!Aa(i)?a:i||function(e){let t=Oa(e);for(;ya(t)&&!Pa(t);){if(Aa(t))return t;if(ka(t))return null;t=Oa(t)}return null}(e)||a}const ii={convertOffsetParentRelativeRectToViewportRelativeRect:function(e){let{elements:t,rect:a,offsetParent:i,strategy:l}=e;const n="fixed"===l,o=ma(i),s=!!t&&ka(t.floating);if(i===o||s&&n)return a;let r={scrollLeft:0,scrollTop:0},c=Wt(1);const d=Wt(0),h=ya(i);if((h||!h&&!n)&&(("body"!==wa(i)||Ma(o))&&(r=Ta(i)),ya(i))){const e=Fa(i);c=Wa(i),d.x=e.x+i.clientLeft,d.y=e.y+i.clientTop}const v=!o||h||n?Wt(0):Ja(o,r);return{width:a.width*c.x,height:a.height*c.y,x:a.x*c.x-r.scrollLeft*c.x+d.x+v.x,y:a.y*c.y-r.scrollTop*c.y+d.y+v.y}},getDocumentElement:ma,getClippingRect:function(e){let{element:t,boundary:a,rootBoundary:i,strategy:l}=e;const n=[..."clippingAncestors"===a?ka(t)?[]:function(e,t){const a=t.get(e);if(a)return a;let i=Na(e,[],!1).filter(e=>xa(e)&&"body"!==wa(e)),l=null;const n="fixed"===Ra(e).position;let o=n?Oa(e):e;for(;xa(o)&&!Pa(o);){const t=Ra(o),a=Aa(o);a||"fixed"!==t.position||(l=null),(n?!a&&!l:!a&&"static"===t.position&&l&&Xa.has(l.position)||Ma(o)&&!a&&Ga(e,o))?i=i.filter(e=>e!==o):l=t,o=Oa(o)}return t.set(e,i),i}(t,this._c):[].concat(a),i],o=n[0],s=n.reduce((e,a)=>{const i=Ya(t,a,l);return e.top=It(i.top,e.top),e.right=Nt(i.right,e.right),e.bottom=Nt(i.bottom,e.bottom),e.left=It(i.left,e.left),e},Ya(t,o,l));return{width:s.right-s.left,height:s.bottom-s.top,x:s.left,y:s.top}},getOffsetParent:ai,getElementRects:async function(e){const t=this.getOffsetParent||ai,a=this.getDimensions,i=await a(e.floating);return{reference:Qa(e.reference,await t(e.floating),e.strategy),floating:{x:0,y:0,width:i.width,height:i.height}}},getClientRects:function(e){return Array.from(e.getClientRects())},getDimensions:function(e){const{width:t,height:a}=Da(e);return{width:t,height:a}},getScale:Wa,isElement:xa,isRTL:function(e){return"rtl"===Ra(e).direction}};function li(e,t){return e.x===t.x&&e.y===t.y&&e.width===t.width&&e.height===t.height}function ni(e,t,a,i){void 0===i&&(i={});const{ancestorScroll:l=!0,ancestorResize:n=!0,elementResize:o="function"==typeof ResizeObserver,layoutShift:s="function"==typeof IntersectionObserver,animationFrame:r=!1}=i,c=Ua(e),d=l||n?[...c?Na(c):[],...Na(t)]:[];d.forEach(e=>{l&&e.addEventListener("scroll",a,{passive:!0}),n&&e.addEventListener("resize",a)});const h=c&&s?function(e,t){let a,i=null;const l=ma(e);function n(){var e;clearTimeout(a),null==(e=i)||e.disconnect(),i=null}return function o(s,r){void 0===s&&(s=!1),void 0===r&&(r=1),n();const c=e.getBoundingClientRect(),{left:d,top:h,width:v,height:p}=c;if(s||t(),!v||!p)return;const g={rootMargin:-Ut(h)+"px "+-Ut(l.clientWidth-(d+v))+"px "+-Ut(l.clientHeight-(h+p))+"px "+-Ut(d)+"px",threshold:It(0,Nt(1,r))||1};let u=!0;function w(t){const i=t[0].intersectionRatio;if(i!==r){if(!u)return o();i?o(!1,i):a=setTimeout(()=>{o(!1,1e-7)},1e3)}1!==i||li(c,e.getBoundingClientRect())||o(),u=!1}try{i=new IntersectionObserver(w,{...g,root:l.ownerDocument})}catch(e){i=new IntersectionObserver(w,g)}i.observe(e)}(!0),n}(c,a):null;let v,p=-1,g=null;o&&(g=new ResizeObserver(e=>{let[i]=e;i&&i.target===c&&g&&(g.unobserve(t),cancelAnimationFrame(p),p=requestAnimationFrame(()=>{var e;null==(e=g)||e.observe(t)})),a()}),c&&!r&&g.observe(c),g.observe(t));let u=r?Fa(e):null;return r&&function t(){const i=Fa(e);u&&!li(u,i)&&a();u=i,v=requestAnimationFrame(t)}(),a(),()=>{var e;d.forEach(e=>{l&&e.removeEventListener("scroll",a),n&&e.removeEventListener("resize",a)}),null==h||h(),null==(e=g)||e.disconnect(),g=null,r&&cancelAnimationFrame(v)}}const oi=function(e){return void 0===e&&(e=0),{name:"offset",options:e,async fn(t){var a,i;const{x:l,y:n,placement:o,middlewareData:s}=t,r=await async function(e,t){const{placement:a,platform:i,elements:l}=e,n=await(null==i.isRTL?void 0:i.isRTL(l.floating)),o=Jt(a),s=Xt(a),r="y"===ea(a),c=ga.has(o)?-1:1,d=n&&r?-1:1,h=Kt(t,e);let{mainAxis:v,crossAxis:p,alignmentAxis:g}="number"==typeof h?{mainAxis:h,crossAxis:0,alignmentAxis:null}:{mainAxis:h.mainAxis||0,crossAxis:h.crossAxis||0,alignmentAxis:h.alignmentAxis};return s&&"number"==typeof g&&(p="end"===s?-1*g:g),r?{x:p*d,y:v*c}:{x:v*c,y:p*d}}(t,e);return o===(null==(a=s.offset)?void 0:a.placement)&&null!=(i=s.arrow)&&i.alignmentOffset?{}:{x:l+r.x,y:n+r.y,data:{...r,placement:o}}}}},si=function(e){return void 0===e&&(e={}),{name:"shift",options:e,async fn(t){const{x:a,y:i,placement:l}=t,{mainAxis:n=!0,crossAxis:o=!1,limiter:s={fn:e=>{let{x:t,y:a}=e;return{x:t,y:a}}},...r}=Kt(e,t),c={x:a,y:i},d=await pa(t,r),h=ea(Jt(l)),v=Yt(h);let p=c[v],g=c[h];if(n){const e="y"===v?"bottom":"right";p=Ft(p+d["y"===v?"top":"left"],p,p-d[e])}if(o){const e="y"===h?"bottom":"right";g=Ft(g+d["y"===h?"top":"left"],g,g-d[e])}const u=s.fn({...t,[v]:p,[h]:g});return{...u,data:{x:u.x-a,y:u.y-i,enabled:{[v]:n,[h]:o}}}}}},ri=function(e){return void 0===e&&(e={}),{name:"flip",options:e,async fn(t){var a,i;const{placement:l,middlewareData:n,rects:o,initialPlacement:s,platform:r,elements:c}=t,{mainAxis:d=!0,crossAxis:h=!0,fallbackPlacements:v,fallbackStrategy:p="bestFit",fallbackAxisSideDirection:g="none",flipAlignment:u=!0,...w}=Kt(e,t);if(null!=(a=n.arrow)&&a.alignmentOffset)return{};const f=Jt(l),m=ea(s),b=Jt(s)===s,x=await(null==r.isRTL?void 0:r.isRTL(c.floating)),y=v||(b||!u?[ca(s)]:function(e){const t=ca(e);return[ia(e),t,ia(t)]}(s)),Z="none"!==g;!v&&Z&&y.push(...ra(s,u,g,x));const C=[s,...y],M=await pa(t,w),_=[];let V=(null==(i=n.flip)?void 0:i.overflows)||[];if(d&&_.push(M[f]),h){const e=aa(l,o,x);_.push(M[e[0]],M[e[1]])}if(V=[...V,{placement:l,overflows:_}],!_.every(e=>e<=0)){var H,k;const e=((null==(H=n.flip)?void 0:H.index)||0)+1,t=C[e];if(t){if(!("alignment"===h&&m!==ea(t))||V.every(e=>ea(e.placement)!==m||e.overflows[0]>0))return{data:{index:e,overflows:V},reset:{placement:t}}}let a=null==(k=V.filter(e=>e.overflows[0]<=0).sort((e,t)=>e.overflows[1]-t.overflows[1])[0])?void 0:k.placement;if(!a)switch(p){case"bestFit":{var $;const e=null==($=V.filter(e=>{if(Z){const t=ea(e.placement);return t===m||"y"===t}return!0}).map(e=>[e.placement,e.overflows.filter(e=>e>0).reduce((e,t)=>e+t,0)]).sort((e,t)=>e[1]-t[1])[0])?void 0:$[0];e&&(a=e);break}case"initialPlacement":a=s}if(l!==a)return{reset:{placement:a}}}return{}}}},ci=(e,t,a)=>{const i=new Map,l={platform:ii,...a},n={...l.platform,_c:i};return(async(e,t,a)=>{const{placement:i="bottom",strategy:l="absolute",middleware:n=[],platform:o}=a,s=n.filter(Boolean),r=await(null==o.isRTL?void 0:o.isRTL(t));let c=await o.getElementRects({reference:e,floating:t,strategy:l}),{x:d,y:h}=va(c,i,r),v=i,p={},g=0;for(let a=0;a<s.length;a++){const{name:n,fn:u}=s[a],{x:w,y:f,data:m,reset:b}=await u({x:d,y:h,initialPlacement:i,placement:v,strategy:l,middlewareData:p,rects:c,platform:o,elements:{reference:e,floating:t}});d=null!=w?w:d,h=null!=f?f:h,p={...p,[n]:{...p[n],...m}},b&&g<=50&&(g++,"object"==typeof b&&(b.placement&&(v=b.placement),b.rects&&(c=!0===b.rects?await o.getElementRects({reference:e,floating:t,strategy:l}):b.rects),({x:d,y:h}=va(c,v,r))),a=-1)}return{x:d,y:h,placement:v,strategy:l,middlewareData:p}})(e,t,{...l,platform:n})};var di=p`.dropdown{display:flex;height:inherit;position:relative}`,hi=p`:host([menuisopen]) .dropdown-menu{display:block}.dropdown-menu{background-clip:padding-box;background-color:var(--sgds-surface-default);border-radius:var(--sgds-border-radius-md);box-shadow:0 0 1px 0 hsla(0,0%,5%,.12),0 4px 8px 0 hsla(0,0%,5%,.12);color:var(--sgds-color-default);display:none;list-style:none;margin:0;max-height:var(--sgds-dimension-480);min-width:var(--sgds-dimension-280);overflow-y:auto;padding:var(--sgds-padding-xs) 0;position:absolute;text-align:left;z-index:1050}.nav-tabs .dropdown-menu{border-top-left-radius:0;border-top-right-radius:0;margin-top:calc(var(--sgds-nav-tabs-border-width)*-1)}@media (min-width:512px){.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}}@media (min-width:768px){.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}}@media (min-width:1024px){.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}}@media (min-width:1280px){.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}}@media (min-width:1440px){.navbar-expand-xxl .navbar-nav .dropdown-menu{position:absolute}}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.sgds.navbar .dropdown-menu.megamenu{left:0;right:0;width:100%}.sgds.combobox>.dropdown-menu{min-width:100%}`,vi=p`: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{height:100%}`
2386
+ `}_expandClass(){switch(this.expand){case"always":return"navbar-expand";case"never":break;default:return`navbar-expand-${this.expand}`}}}zt.styles=[...qe.styles,Tt],zt.dependencies={"sgds-icon-button":Et},e([o({context:Pt}),Ee()],zt.prototype,"_breakpointReached",void 0),e([o({context:Rt}),Ee()],zt.prototype,"expanded",void 0),e([Ee()],zt.prototype,"expanding",void 0),e([Te("nav")],zt.prototype,"nav",void 0),e([Te(".navbar")],zt.prototype,"navbar",void 0),e([Te(".navbar-toggler")],zt.prototype,"header",void 0),e([Te(".navbar-body")],zt.prototype,"body",void 0),e([Te(".navbar-nav-scroll")],zt.prototype,"navScroll",void 0),e([Te("slot[name='non-collapsible']")],zt.prototype,"nonCollapsibleSlot",void 0),e([Le({type:String})],zt.prototype,"brandHref",void 0),e([Le({type:String})],zt.prototype,"expand",void 0),e([Le({type:Boolean,reflect:!0})],zt.prototype,"fluid",void 0),e([Ee()],zt.prototype,"breakpointReached",void 0),e([Oe()],zt.prototype,"defaultNodes",void 0),e([Oe({slot:"end"})],zt.prototype,"endNodes",void 0),e([at("expanding",{waitUntilFirstUpdate:!0})],zt.prototype,"handleOpenChange",null),Qe("mainnav.show",{keyframes:[{height:"0",opacity:"0"},{height:"auto",opacity:"1"}],options:{duration:200,easing:"ease-in-out"}}),Qe("mainnav.hide",{keyframes:[{height:"auto",opacity:"1"},{height:"0",opacity:"0"}],options:{duration:200,easing:"ease-in-out"}});const Nt=Math.min,It=Math.max,Dt=Math.round,Ut=Math.floor,Wt=e=>({x:e,y:e}),qt={left:"right",right:"left",bottom:"top",top:"bottom"},jt={start:"end",end:"start"};function Ft(e,t,a){return It(e,Nt(t,a))}function Kt(e,t){return"function"==typeof e?e(t):e}function Jt(e){return e.split("-")[0]}function Xt(e){return e.split("-")[1]}function Yt(e){return"x"===e?"y":"x"}function Gt(e){return"y"===e?"height":"width"}const Qt=new Set(["top","bottom"]);function ea(e){return Qt.has(Jt(e))?"y":"x"}function ta(e){return Yt(ea(e))}function aa(e,t,a){void 0===a&&(a=!1);const i=Xt(e),l=ta(e),n=Gt(l);let o="x"===l?i===(a?"end":"start")?"right":"left":"start"===i?"bottom":"top";return t.reference[n]>t.floating[n]&&(o=ca(o)),[o,ca(o)]}function ia(e){return e.replace(/start|end/g,e=>jt[e])}const la=["left","right"],na=["right","left"],oa=["top","bottom"],sa=["bottom","top"];function ra(e,t,a,i){const l=Xt(e);let n=function(e,t,a){switch(e){case"top":case"bottom":return a?t?na:la:t?la:na;case"left":case"right":return t?oa:sa;default:return[]}}(Jt(e),"start"===a,i);return l&&(n=n.map(e=>e+"-"+l),t&&(n=n.concat(n.map(ia)))),n}function ca(e){return e.replace(/left|right|bottom|top/g,e=>qt[e])}function da(e){return"number"!=typeof e?function(e){return{top:0,right:0,bottom:0,left:0,...e}}(e):{top:e,right:e,bottom:e,left:e}}function ha(e){const{x:t,y:a,width:i,height:l}=e;return{width:i,height:l,top:a,left:t,right:t+i,bottom:a+l,x:t,y:a}}function va(e,t,a){let{reference:i,floating:l}=e;const n=ea(t),o=ta(t),s=Gt(o),r=Jt(t),c="y"===n,d=i.x+i.width/2-l.width/2,h=i.y+i.height/2-l.height/2,v=i[s]/2-l[s]/2;let p;switch(r){case"top":p={x:d,y:i.y-l.height};break;case"bottom":p={x:d,y:i.y+i.height};break;case"right":p={x:i.x+i.width,y:h};break;case"left":p={x:i.x-l.width,y:h};break;default:p={x:i.x,y:i.y}}switch(Xt(t)){case"start":p[o]-=v*(a&&c?-1:1);break;case"end":p[o]+=v*(a&&c?-1:1)}return p}async function pa(e,t){var a;void 0===t&&(t={});const{x:i,y:l,platform:n,rects:o,elements:s,strategy:r}=e,{boundary:c="clippingAncestors",rootBoundary:d="viewport",elementContext:h="floating",altBoundary:v=!1,padding:p=0}=Kt(t,e),g=da(p),u=s[v?"floating"===h?"reference":"floating":h],w=ha(await n.getClippingRect({element:null==(a=await(null==n.isElement?void 0:n.isElement(u)))||a?u:u.contextElement||await(null==n.getDocumentElement?void 0:n.getDocumentElement(s.floating)),boundary:c,rootBoundary:d,strategy:r})),f="floating"===h?{x:i,y:l,width:o.floating.width,height:o.floating.height}:o.reference,m=await(null==n.getOffsetParent?void 0:n.getOffsetParent(s.floating)),b=await(null==n.isElement?void 0:n.isElement(m))&&await(null==n.getScale?void 0:n.getScale(m))||{x:1,y:1},x=ha(n.convertOffsetParentRelativeRectToViewportRelativeRect?await n.convertOffsetParentRelativeRectToViewportRelativeRect({elements:s,rect:f,offsetParent:m,strategy:r}):f);return{top:(w.top-x.top+g.top)/b.y,bottom:(x.bottom-w.bottom+g.bottom)/b.y,left:(w.left-x.left+g.left)/b.x,right:(x.right-w.right+g.right)/b.x}}const ga=new Set(["left","top"]);function ua(){return"undefined"!=typeof window}function wa(e){return ba(e)?(e.nodeName||"").toLowerCase():"#document"}function fa(e){var t;return(null==e||null==(t=e.ownerDocument)?void 0:t.defaultView)||window}function ma(e){var t;return null==(t=(ba(e)?e.ownerDocument:e.document)||window.document)?void 0:t.documentElement}function ba(e){return!!ua()&&(e instanceof Node||e instanceof fa(e).Node)}function xa(e){return!!ua()&&(e instanceof Element||e instanceof fa(e).Element)}function ya(e){return!!ua()&&(e instanceof HTMLElement||e instanceof fa(e).HTMLElement)}function Za(e){return!(!ua()||"undefined"==typeof ShadowRoot)&&(e instanceof ShadowRoot||e instanceof fa(e).ShadowRoot)}const Ca=new Set(["inline","contents"]);function Ma(e){const{overflow:t,overflowX:a,overflowY:i,display:l}=Ra(e);return/auto|scroll|overlay|hidden|clip/.test(t+i+a)&&!Ca.has(l)}const _a=new Set(["table","td","th"]);function Va(e){return _a.has(wa(e))}const Ha=[":popover-open",":modal"];function ka(e){return Ha.some(t=>{try{return e.matches(t)}catch(e){return!1}})}const $a=["transform","translate","scale","rotate","perspective"],Ba=["transform","translate","scale","rotate","perspective","filter"],Sa=["paint","layout","strict","content"];function Aa(e){const t=La(),a=xa(e)?Ra(e):e;return $a.some(e=>!!a[e]&&"none"!==a[e])||!!a.containerType&&"normal"!==a.containerType||!t&&!!a.backdropFilter&&"none"!==a.backdropFilter||!t&&!!a.filter&&"none"!==a.filter||Ba.some(e=>(a.willChange||"").includes(e))||Sa.some(e=>(a.contain||"").includes(e))}function La(){return!("undefined"==typeof CSS||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}const Ea=new Set(["html","body","#document"]);function Pa(e){return Ea.has(wa(e))}function Ra(e){return fa(e).getComputedStyle(e)}function Ta(e){return xa(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.scrollX,scrollTop:e.scrollY}}function Oa(e){if("html"===wa(e))return e;const t=e.assignedSlot||e.parentNode||Za(e)&&e.host||ma(e);return Za(t)?t.host:t}function za(e){const t=Oa(e);return Pa(t)?e.ownerDocument?e.ownerDocument.body:e.body:ya(t)&&Ma(t)?t:za(t)}function Na(e,t,a){var i;void 0===t&&(t=[]),void 0===a&&(a=!0);const l=za(e),n=l===(null==(i=e.ownerDocument)?void 0:i.body),o=fa(l);if(n){const e=Ia(o);return t.concat(o,o.visualViewport||[],Ma(l)?l:[],e&&a?Na(e):[])}return t.concat(l,Na(l,[],a))}function Ia(e){return e.parent&&Object.getPrototypeOf(e.parent)?e.frameElement:null}function Da(e){const t=Ra(e);let a=parseFloat(t.width)||0,i=parseFloat(t.height)||0;const l=ya(e),n=l?e.offsetWidth:a,o=l?e.offsetHeight:i,s=Dt(a)!==n||Dt(i)!==o;return s&&(a=n,i=o),{width:a,height:i,$:s}}function Ua(e){return xa(e)?e:e.contextElement}function Wa(e){const t=Ua(e);if(!ya(t))return Wt(1);const a=t.getBoundingClientRect(),{width:i,height:l,$:n}=Da(t);let o=(n?Dt(a.width):a.width)/i,s=(n?Dt(a.height):a.height)/l;return o&&Number.isFinite(o)||(o=1),s&&Number.isFinite(s)||(s=1),{x:o,y:s}}const qa=Wt(0);function ja(e){const t=fa(e);return La()&&t.visualViewport?{x:t.visualViewport.offsetLeft,y:t.visualViewport.offsetTop}:qa}function Fa(e,t,a,i){void 0===t&&(t=!1),void 0===a&&(a=!1);const l=e.getBoundingClientRect(),n=Ua(e);let o=Wt(1);t&&(i?xa(i)&&(o=Wa(i)):o=Wa(e));const s=function(e,t,a){return void 0===t&&(t=!1),!(!a||t&&a!==fa(e))&&t}(n,a,i)?ja(n):Wt(0);let r=(l.left+s.x)/o.x,c=(l.top+s.y)/o.y,d=l.width/o.x,h=l.height/o.y;if(n){const e=fa(n),t=i&&xa(i)?fa(i):i;let a=e,l=Ia(a);for(;l&&i&&t!==a;){const e=Wa(l),t=l.getBoundingClientRect(),i=Ra(l),n=t.left+(l.clientLeft+parseFloat(i.paddingLeft))*e.x,o=t.top+(l.clientTop+parseFloat(i.paddingTop))*e.y;r*=e.x,c*=e.y,d*=e.x,h*=e.y,r+=n,c+=o,a=fa(l),l=Ia(a)}}return ha({width:d,height:h,x:r,y:c})}function Ka(e,t){const a=Ta(e).scrollLeft;return t?t.left+a:Fa(ma(e)).left+a}function Ja(e,t){const a=e.getBoundingClientRect();return{x:a.left+t.scrollLeft-Ka(e,a),y:a.top+t.scrollTop}}const Xa=new Set(["absolute","fixed"]);function Ya(e,t,a){let i;if("viewport"===t)i=function(e,t){const a=fa(e),i=ma(e),l=a.visualViewport;let n=i.clientWidth,o=i.clientHeight,s=0,r=0;if(l){n=l.width,o=l.height;const e=La();(!e||e&&"fixed"===t)&&(s=l.offsetLeft,r=l.offsetTop)}const c=Ka(i);if(c<=0){const e=i.ownerDocument,t=e.body,a=getComputedStyle(t),l="CSS1Compat"===e.compatMode&&parseFloat(a.marginLeft)+parseFloat(a.marginRight)||0,o=Math.abs(i.clientWidth-t.clientWidth-l);o<=25&&(n-=o)}else c<=25&&(n+=c);return{width:n,height:o,x:s,y:r}}(e,a);else if("document"===t)i=function(e){const t=ma(e),a=Ta(e),i=e.ownerDocument.body,l=It(t.scrollWidth,t.clientWidth,i.scrollWidth,i.clientWidth),n=It(t.scrollHeight,t.clientHeight,i.scrollHeight,i.clientHeight);let o=-a.scrollLeft+Ka(e);const s=-a.scrollTop;return"rtl"===Ra(i).direction&&(o+=It(t.clientWidth,i.clientWidth)-l),{width:l,height:n,x:o,y:s}}(ma(e));else if(xa(t))i=function(e,t){const a=Fa(e,!0,"fixed"===t),i=a.top+e.clientTop,l=a.left+e.clientLeft,n=ya(e)?Wa(e):Wt(1);return{width:e.clientWidth*n.x,height:e.clientHeight*n.y,x:l*n.x,y:i*n.y}}(t,a);else{const a=ja(e);i={x:t.x-a.x,y:t.y-a.y,width:t.width,height:t.height}}return ha(i)}function Ga(e,t){const a=Oa(e);return!(a===t||!xa(a)||Pa(a))&&("fixed"===Ra(a).position||Ga(a,t))}function Qa(e,t,a){const i=ya(t),l=ma(t),n="fixed"===a,o=Fa(e,!0,n,t);let s={scrollLeft:0,scrollTop:0};const r=Wt(0);function c(){r.x=Ka(l)}if(i||!i&&!n)if(("body"!==wa(t)||Ma(l))&&(s=Ta(t)),i){const e=Fa(t,!0,n,t);r.x=e.x+t.clientLeft,r.y=e.y+t.clientTop}else l&&c();n&&!i&&l&&c();const d=!l||i||n?Wt(0):Ja(l,s);return{x:o.left+s.scrollLeft-r.x-d.x,y:o.top+s.scrollTop-r.y-d.y,width:o.width,height:o.height}}function ei(e){return"static"===Ra(e).position}function ti(e,t){if(!ya(e)||"fixed"===Ra(e).position)return null;if(t)return t(e);let a=e.offsetParent;return ma(e)===a&&(a=a.ownerDocument.body),a}function ai(e,t){const a=fa(e);if(ka(e))return a;if(!ya(e)){let t=Oa(e);for(;t&&!Pa(t);){if(xa(t)&&!ei(t))return t;t=Oa(t)}return a}let i=ti(e,t);for(;i&&Va(i)&&ei(i);)i=ti(i,t);return i&&Pa(i)&&ei(i)&&!Aa(i)?a:i||function(e){let t=Oa(e);for(;ya(t)&&!Pa(t);){if(Aa(t))return t;if(ka(t))return null;t=Oa(t)}return null}(e)||a}const ii={convertOffsetParentRelativeRectToViewportRelativeRect:function(e){let{elements:t,rect:a,offsetParent:i,strategy:l}=e;const n="fixed"===l,o=ma(i),s=!!t&&ka(t.floating);if(i===o||s&&n)return a;let r={scrollLeft:0,scrollTop:0},c=Wt(1);const d=Wt(0),h=ya(i);if((h||!h&&!n)&&(("body"!==wa(i)||Ma(o))&&(r=Ta(i)),ya(i))){const e=Fa(i);c=Wa(i),d.x=e.x+i.clientLeft,d.y=e.y+i.clientTop}const v=!o||h||n?Wt(0):Ja(o,r);return{width:a.width*c.x,height:a.height*c.y,x:a.x*c.x-r.scrollLeft*c.x+d.x+v.x,y:a.y*c.y-r.scrollTop*c.y+d.y+v.y}},getDocumentElement:ma,getClippingRect:function(e){let{element:t,boundary:a,rootBoundary:i,strategy:l}=e;const n=[..."clippingAncestors"===a?ka(t)?[]:function(e,t){const a=t.get(e);if(a)return a;let i=Na(e,[],!1).filter(e=>xa(e)&&"body"!==wa(e)),l=null;const n="fixed"===Ra(e).position;let o=n?Oa(e):e;for(;xa(o)&&!Pa(o);){const t=Ra(o),a=Aa(o);a||"fixed"!==t.position||(l=null),(n?!a&&!l:!a&&"static"===t.position&&l&&Xa.has(l.position)||Ma(o)&&!a&&Ga(e,o))?i=i.filter(e=>e!==o):l=t,o=Oa(o)}return t.set(e,i),i}(t,this._c):[].concat(a),i],o=n[0],s=n.reduce((e,a)=>{const i=Ya(t,a,l);return e.top=It(i.top,e.top),e.right=Nt(i.right,e.right),e.bottom=Nt(i.bottom,e.bottom),e.left=It(i.left,e.left),e},Ya(t,o,l));return{width:s.right-s.left,height:s.bottom-s.top,x:s.left,y:s.top}},getOffsetParent:ai,getElementRects:async function(e){const t=this.getOffsetParent||ai,a=this.getDimensions,i=await a(e.floating);return{reference:Qa(e.reference,await t(e.floating),e.strategy),floating:{x:0,y:0,width:i.width,height:i.height}}},getClientRects:function(e){return Array.from(e.getClientRects())},getDimensions:function(e){const{width:t,height:a}=Da(e);return{width:t,height:a}},getScale:Wa,isElement:xa,isRTL:function(e){return"rtl"===Ra(e).direction}};function li(e,t){return e.x===t.x&&e.y===t.y&&e.width===t.width&&e.height===t.height}function ni(e,t,a,i){void 0===i&&(i={});const{ancestorScroll:l=!0,ancestorResize:n=!0,elementResize:o="function"==typeof ResizeObserver,layoutShift:s="function"==typeof IntersectionObserver,animationFrame:r=!1}=i,c=Ua(e),d=l||n?[...c?Na(c):[],...Na(t)]:[];d.forEach(e=>{l&&e.addEventListener("scroll",a,{passive:!0}),n&&e.addEventListener("resize",a)});const h=c&&s?function(e,t){let a,i=null;const l=ma(e);function n(){var e;clearTimeout(a),null==(e=i)||e.disconnect(),i=null}return function o(s,r){void 0===s&&(s=!1),void 0===r&&(r=1),n();const c=e.getBoundingClientRect(),{left:d,top:h,width:v,height:p}=c;if(s||t(),!v||!p)return;const g={rootMargin:-Ut(h)+"px "+-Ut(l.clientWidth-(d+v))+"px "+-Ut(l.clientHeight-(h+p))+"px "+-Ut(d)+"px",threshold:It(0,Nt(1,r))||1};let u=!0;function w(t){const i=t[0].intersectionRatio;if(i!==r){if(!u)return o();i?o(!1,i):a=setTimeout(()=>{o(!1,1e-7)},1e3)}1!==i||li(c,e.getBoundingClientRect())||o(),u=!1}try{i=new IntersectionObserver(w,{...g,root:l.ownerDocument})}catch(e){i=new IntersectionObserver(w,g)}i.observe(e)}(!0),n}(c,a):null;let v,p=-1,g=null;o&&(g=new ResizeObserver(e=>{let[i]=e;i&&i.target===c&&g&&(g.unobserve(t),cancelAnimationFrame(p),p=requestAnimationFrame(()=>{var e;null==(e=g)||e.observe(t)})),a()}),c&&!r&&g.observe(c),g.observe(t));let u=r?Fa(e):null;return r&&function t(){const i=Fa(e);u&&!li(u,i)&&a();u=i,v=requestAnimationFrame(t)}(),a(),()=>{var e;d.forEach(e=>{l&&e.removeEventListener("scroll",a),n&&e.removeEventListener("resize",a)}),null==h||h(),null==(e=g)||e.disconnect(),g=null,r&&cancelAnimationFrame(v)}}const oi=function(e){return void 0===e&&(e=0),{name:"offset",options:e,async fn(t){var a,i;const{x:l,y:n,placement:o,middlewareData:s}=t,r=await async function(e,t){const{placement:a,platform:i,elements:l}=e,n=await(null==i.isRTL?void 0:i.isRTL(l.floating)),o=Jt(a),s=Xt(a),r="y"===ea(a),c=ga.has(o)?-1:1,d=n&&r?-1:1,h=Kt(t,e);let{mainAxis:v,crossAxis:p,alignmentAxis:g}="number"==typeof h?{mainAxis:h,crossAxis:0,alignmentAxis:null}:{mainAxis:h.mainAxis||0,crossAxis:h.crossAxis||0,alignmentAxis:h.alignmentAxis};return s&&"number"==typeof g&&(p="end"===s?-1*g:g),r?{x:p*d,y:v*c}:{x:v*c,y:p*d}}(t,e);return o===(null==(a=s.offset)?void 0:a.placement)&&null!=(i=s.arrow)&&i.alignmentOffset?{}:{x:l+r.x,y:n+r.y,data:{...r,placement:o}}}}},si=function(e){return void 0===e&&(e={}),{name:"shift",options:e,async fn(t){const{x:a,y:i,placement:l}=t,{mainAxis:n=!0,crossAxis:o=!1,limiter:s={fn:e=>{let{x:t,y:a}=e;return{x:t,y:a}}},...r}=Kt(e,t),c={x:a,y:i},d=await pa(t,r),h=ea(Jt(l)),v=Yt(h);let p=c[v],g=c[h];if(n){const e="y"===v?"bottom":"right";p=Ft(p+d["y"===v?"top":"left"],p,p-d[e])}if(o){const e="y"===h?"bottom":"right";g=Ft(g+d["y"===h?"top":"left"],g,g-d[e])}const u=s.fn({...t,[v]:p,[h]:g});return{...u,data:{x:u.x-a,y:u.y-i,enabled:{[v]:n,[h]:o}}}}}},ri=function(e){return void 0===e&&(e={}),{name:"flip",options:e,async fn(t){var a,i;const{placement:l,middlewareData:n,rects:o,initialPlacement:s,platform:r,elements:c}=t,{mainAxis:d=!0,crossAxis:h=!0,fallbackPlacements:v,fallbackStrategy:p="bestFit",fallbackAxisSideDirection:g="none",flipAlignment:u=!0,...w}=Kt(e,t);if(null!=(a=n.arrow)&&a.alignmentOffset)return{};const f=Jt(l),m=ea(s),b=Jt(s)===s,x=await(null==r.isRTL?void 0:r.isRTL(c.floating)),y=v||(b||!u?[ca(s)]:function(e){const t=ca(e);return[ia(e),t,ia(t)]}(s)),Z="none"!==g;!v&&Z&&y.push(...ra(s,u,g,x));const C=[s,...y],M=await pa(t,w),_=[];let V=(null==(i=n.flip)?void 0:i.overflows)||[];if(d&&_.push(M[f]),h){const e=aa(l,o,x);_.push(M[e[0]],M[e[1]])}if(V=[...V,{placement:l,overflows:_}],!_.every(e=>e<=0)){var H,k;const e=((null==(H=n.flip)?void 0:H.index)||0)+1,t=C[e];if(t){if(!("alignment"===h&&m!==ea(t))||V.every(e=>ea(e.placement)!==m||e.overflows[0]>0))return{data:{index:e,overflows:V},reset:{placement:t}}}let a=null==(k=V.filter(e=>e.overflows[0]<=0).sort((e,t)=>e.overflows[1]-t.overflows[1])[0])?void 0:k.placement;if(!a)switch(p){case"bestFit":{var $;const e=null==($=V.filter(e=>{if(Z){const t=ea(e.placement);return t===m||"y"===t}return!0}).map(e=>[e.placement,e.overflows.filter(e=>e>0).reduce((e,t)=>e+t,0)]).sort((e,t)=>e[1]-t[1])[0])?void 0:$[0];e&&(a=e);break}case"initialPlacement":a=s}if(l!==a)return{reset:{placement:a}}}return{}}}},ci=(e,t,a)=>{const i=new Map,l={platform:ii,...a},n={...l.platform,_c:i};return(async(e,t,a)=>{const{placement:i="bottom",strategy:l="absolute",middleware:n=[],platform:o}=a,s=n.filter(Boolean),r=await(null==o.isRTL?void 0:o.isRTL(t));let c=await o.getElementRects({reference:e,floating:t,strategy:l}),{x:d,y:h}=va(c,i,r),v=i,p={},g=0;for(let a=0;a<s.length;a++){const{name:n,fn:u}=s[a],{x:w,y:f,data:m,reset:b}=await u({x:d,y:h,initialPlacement:i,placement:v,strategy:l,middlewareData:p,rects:c,platform:o,elements:{reference:e,floating:t}});d=null!=w?w:d,h=null!=f?f:h,p={...p,[n]:{...p[n],...m}},b&&g<=50&&(g++,"object"==typeof b&&(b.placement&&(v=b.placement),b.rects&&(c=!0===b.rects?await o.getElementRects({reference:e,floating:t,strategy:l}):b.rects),({x:d,y:h}=va(c,v,r))),a=-1)}return{x:d,y:h,placement:v,strategy:l,middlewareData:p}})(e,t,{...l,platform:n})};var di=p`.dropdown{display:flex;height:inherit;position:relative}`,hi=p`:host([menuisopen]) .dropdown-menu{display:block}.dropdown-menu{background-clip:padding-box;background-color:var(--sgds-surface-default);border-radius:var(--sgds-border-radius-md);box-shadow:0 0 1px 0 hsla(0,0%,5%,.12),0 4px 8px 0 hsla(0,0%,5%,.12);color:var(--sgds-color-default);display:none;list-style:none;margin:0;max-height:var(--sgds-dimension-480);min-width:var(--sgds-dimension-280);overflow-y:auto;padding:var(--sgds-padding-xs) 0;position:absolute;text-align:left;z-index:1050}.nav-tabs .dropdown-menu{border-top-left-radius:0;border-top-right-radius:0;margin-top:calc(var(--sgds-nav-tabs-border-width)*-1)}@media (min-width:512px){.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}}@media (min-width:768px){.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}}@media (min-width:1024px){.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}}@media (min-width:1280px){.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}}@media (min-width:1440px){.navbar-expand-xxl .navbar-nav .dropdown-menu{position:absolute}}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.sgds.navbar .dropdown-menu.megamenu{left:0;right:0;width:100%}.sgds.combobox>.dropdown-menu{min-width:100%}`,vi=p`: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%}`
2387
2387
  /**
2388
2388
  * @license
2389
2389
  * Copyright 2020 Google LLC
@@ -2455,5 +2455,5 @@ let Be;$e?.({LitElement:He}),(_e.litElementVersions??=[]).push("4.2.2"),_e.litEl
2455
2455
  <sgds-icon name="chevron-down"></sgds-icon>
2456
2456
  </a>
2457
2457
  <slot @slotchange=${this._handleDesktopSlotChange}></slot>
2458
- </sgds-dropdown>`;return this._breakpointReached?e:t}}Bi.styles=[...qe.styles,di,hi,vi],Bi.dependencies={"sgds-dropdown":Vi,"sgds-dropdown-item":ki,"sgds-icon":$t},e([s({context:Pt,subscribe:!0}),Ee()],Bi.prototype,"_breakpointReached",void 0),e([s({context:Rt,subscribe:!0}),Ee()],Bi.prototype,"expanded",void 0),e([Te(".nav-link")],Bi.prototype,"navLink",void 0),e([Te(".dropdown-items")],Bi.prototype,"dropdownItems",void 0),e([Te(".dropdown-items a")],Bi.prototype,"menuHeaderButton",void 0),e([Te(".dropdown-items span")],Bi.prototype,"menuHeaderText",void 0),e([Le({type:Boolean})],Bi.prototype,"active",void 0),e([Le({type:Boolean,reflect:!0})],Bi.prototype,"disabled",void 0),e([Oe({slot:"toggler"})],Bi.prototype,"togglerNodes",void 0),e([Oe()],Bi.prototype,"defaultNodes",void 0);var Si=p`: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){: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;min-height:100%;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 Ai extends qe{constructor(){super(...arguments),this.active=!1,this.disabled=!1}_handleDisabled(){this.setAttribute("aria-disabled",`${this.disabled}`)}_handleSlotChange(e){const t=e.target,a=t.assignedElements({flatten:!0}).filter(e=>"a"===e.tagName.toLowerCase()||"sgds-link"===e.tagName.toLowerCase());if(a.length>1)console.error("More than one anchor tag is added to sgds-mainnav-item");else{if(0===a.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===a.length){const e=a[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 oe`<slot @slotchange=${this._handleSlotChange}></slot>`}}function Li(e,t){customElements.get(e)||customElements.define(e,t)}Ai.styles=[...qe.styles,Si],e([Le({type:Boolean,reflect:!0})],Ai.prototype,"active",void 0),e([Le({type:Boolean,reflect:!0})],Ai.prototype,"disabled",void 0),e([at("disabled")],Ai.prototype,"_handleDisabled",null),Li("sgds-mainnav",zt),Li("sgds-mainnav-dropdown",Bi),Li("sgds-mainnav-item",Ai)});
2458
+ </sgds-dropdown>`;return this._breakpointReached?e:t}}Bi.styles=[...qe.styles,di,hi,vi],Bi.dependencies={"sgds-dropdown":Vi,"sgds-dropdown-item":ki,"sgds-icon":$t},e([s({context:Pt,subscribe:!0}),Ee()],Bi.prototype,"_breakpointReached",void 0),e([s({context:Rt,subscribe:!0}),Ee()],Bi.prototype,"expanded",void 0),e([Te(".nav-link")],Bi.prototype,"navLink",void 0),e([Te(".dropdown-items")],Bi.prototype,"dropdownItems",void 0),e([Te(".dropdown-items a")],Bi.prototype,"menuHeaderButton",void 0),e([Te(".dropdown-items span")],Bi.prototype,"menuHeaderText",void 0),e([Le({type:Boolean})],Bi.prototype,"active",void 0),e([Le({type:Boolean,reflect:!0})],Bi.prototype,"disabled",void 0),e([Oe({slot:"toggler"})],Bi.prototype,"togglerNodes",void 0),e([Oe()],Bi.prototype,"defaultNodes",void 0);var Si=p`: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 Ai extends qe{constructor(){super(...arguments),this.active=!1,this.disabled=!1}_handleDisabled(){this.setAttribute("aria-disabled",`${this.disabled}`)}_handleSlotChange(e){const t=e.target,a=t.assignedElements({flatten:!0}).filter(e=>"a"===e.tagName.toLowerCase()||"sgds-link"===e.tagName.toLowerCase());if(a.length>1)console.error("More than one anchor tag is added to sgds-mainnav-item");else{if(0===a.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===a.length){const e=a[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 oe`<slot @slotchange=${this._handleSlotChange}></slot>`}}function Li(e,t){customElements.get(e)||customElements.define(e,t)}Ai.styles=[...qe.styles,Si],e([Le({type:Boolean,reflect:!0})],Ai.prototype,"active",void 0),e([Le({type:Boolean,reflect:!0})],Ai.prototype,"disabled",void 0),e([at("disabled")],Ai.prototype,"_handleDisabled",null),Li("sgds-mainnav",zt),Li("sgds-mainnav-dropdown",Bi),Li("sgds-mainnav-item",Ai)});
2459
2459
  //# sourceMappingURL=index.umd.min.js.map