@govtechsg/sgds-web-component 3.19.0-rc.0 → 3.19.0-rc.3

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

@@ -27,5 +27,5 @@ let kt;$t?.({LitElement:bt}),(_t.litElementVersions??=[]).push("4.2.2"),_t.litEl
    * @license
    * Copyright 2017 Google LLC
    * SPDX-License-Identifier: BSD-3-Clause
-   */globalThis.litIssuedWarnings??=new Set;var Et=r`:host{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-font-smoothing:antialiased;color:var(--sgds-body-color-default,#1a1a1a);display:block;font-family:var(--sgds-font-family-brand,"Inter",system-ui,sans-serif);font-size:var(--sgds-font-size-body-md,1rem);font-weight:var(--sgds-font-weight-regular,400);line-height:var(--sgds-line-height-xs,24px);margin:0;*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:disabled{cursor:not-allowed}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}::slotted(a[target=_blank]):after,a[target=_blank]:after{background-color:currentColor;content:"/";display:inline-block;height:1em;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.774 4.4H9.8a.6.6 0 1 1 0 1.2c-.85 0-1.451 0-1.922.039-.463.038-.745.11-.968.223A2.4 2.4 0 0 0 5.861 6.91c-.113.223-.184.505-.222.968-.039.47-.04 1.072-.04 1.922v4.4c0 .85.001 1.451.04 1.922.038.463.11.745.222.968a2.4 2.4 0 0 0 1.05 1.048c.222.114.504.185.967.223.47.038 1.072.039 1.922.039h4.4c.85 0 1.451 0 1.921-.039.464-.038.746-.11.969-.223a2.4 2.4 0 0 0 1.048-1.048c.113-.223.185-.505.223-.968.038-.47.039-1.072.039-1.922a.6.6 0 1 1 1.2 0v.026c0 .818 0 1.468-.043 1.993-.044.538-.136.996-.35 1.415a3.6 3.6 0 0 1-1.573 1.574c-.42.213-.878.305-1.415.35-.525.042-1.175.042-1.993.042H9.774c-.818 0-1.469 0-1.993-.043-.538-.044-.996-.136-1.415-.35a3.6 3.6 0 0 1-1.574-1.573c-.213-.42-.305-.877-.35-1.415-.042-.525-.042-1.175-.042-1.993V9.774c0-.818 0-1.468.043-1.993.044-.538.136-.996.35-1.415a3.6 3.6 0 0 1 1.573-1.574c.42-.213.877-.305 1.415-.35C8.305 4.4 8.956 4.4 9.774 4.4ZM12.4 5a.6.6 0 0 1 .6-.6h6a.6.6 0 0 1 .6.6v6a.6.6 0 1 1-1.2 0V6.449l-5.976 5.975a.6.6 0 0 1-.848-.848L17.55 5.6H13a.6.6 0 0 1-.6-.6Z' fill='%230E0E0E'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.774 4.4H9.8a.6.6 0 1 1 0 1.2c-.85 0-1.451 0-1.922.039-.463.038-.745.11-.968.223A2.4 2.4 0 0 0 5.861 6.91c-.113.223-.184.505-.222.968-.039.47-.04 1.072-.04 1.922v4.4c0 .85.001 1.451.04 1.922.038.463.11.745.222.968a2.4 2.4 0 0 0 1.05 1.048c.222.114.504.185.967.223.47.038 1.072.039 1.922.039h4.4c.85 0 1.451 0 1.921-.039.464-.038.746-.11.969-.223a2.4 2.4 0 0 0 1.048-1.048c.113-.223.185-.505.223-.968.038-.47.039-1.072.039-1.922a.6.6 0 1 1 1.2 0v.026c0 .818 0 1.468-.043 1.993-.044.538-.136.996-.35 1.415a3.6 3.6 0 0 1-1.573 1.574c-.42.213-.878.305-1.415.35-.525.042-1.175.042-1.993.042H9.774c-.818 0-1.469 0-1.993-.043-.538-.044-.996-.136-1.415-.35a3.6 3.6 0 0 1-1.574-1.573c-.213-.42-.305-.877-.35-1.415-.042-.525-.042-1.175-.042-1.993V9.774c0-.818 0-1.468.043-1.993.044-.538.136-.996.35-1.415a3.6 3.6 0 0 1 1.573-1.574c.42-.213.877-.305 1.415-.35C8.305 4.4 8.956 4.4 9.774 4.4ZM12.4 5a.6.6 0 0 1 .6-.6h6a.6.6 0 0 1 .6.6v6a.6.6 0 1 1-1.2 0V6.449l-5.976 5.975a.6.6 0 0 1-.848-.848L17.55 5.6H13a.6.6 0 0 1-.6-.6Z' fill='%230E0E0E'/%3E%3C/svg%3E");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;vertical-align:top;width:1em}::slotted(svg){vertical-align:middle}}`;class Ct extends bt{emit(t,e){const s=new CustomEvent(t,Object.assign({bubbles:!0,cancelable:!1,composed:!0,detail:{}},e));return this.dispatchEvent(s),s}static define(t,e=this,s={}){if(customElements.get(t));else try{customElements.define(t,e,s)}catch(i){customElements.define(t,class extends e{},s)}}constructor(){super(),this.ssr=Boolean(this.shadowRoot),Object.entries(this.constructor.dependencies).forEach(([t,e])=>{this.constructor.define(t,e)})}firstUpdated(t){var e;super.firstUpdated(t),this.ssr&&(null===(e=this.shadowRoot)||void 0===e||e.querySelectorAll("slot").forEach(t=>{t.dispatchEvent(new Event("slotchange",{bubbles:!0,composed:!1,cancelable:!1}))}))}}Ct.styles=[Et],Ct.dependencies={},t([Pt({type:Boolean,reflect:!0})],Ct.prototype,"ssr",void 0);var Tt,zt,Nt=r`:host{--color-emphasis:var(--sgds-link-color-emphasis);display:inline-flex;vertical-align:middle}:host([tone=danger]),:host([variant=danger]){--color-emphasis:var(--sgds-danger-color-emphasis)}:host([tone=neutral]),:host([variant=neutral]){--color-emphasis:var(--sgds-color-default)}:host([tone=fixed-light]),:host([variant=light]){--color-emphasis:var(--sgds-color-fixed-light)}:host([variant=dark]) :host([tone=fixed-dark]){--color-emphasis:var(--sgds-color-fixed-dark)}:host([tone=danger]) .nav-link::slotted(a),:host([variant=danger]) .nav-link::slotted(a){--sgds-link-color-default:var(--sgds-danger-color-default);color:var(--sgds-link-color-default,--sgds-danger-color-default)}:host([tone=danger]) .nav-link::slotted(a:focus),:host([tone=danger]) .nav-link::slotted(a:focus-visible),:host([tone=danger]) .nav-link::slotted(a:hover),:host([variant=danger]) .nav-link::slotted(a:focus),:host([variant=danger]) .nav-link::slotted(a:focus-visible),:host([variant=danger]) .nav-link::slotted(a:hover){--color-emphasis:var(--sgds-danger-color-emphasis);color:var(--color-emphasis,--sgds-danger-color-emphasis)}:host([tone=neutral]) .nav-link::slotted(a),:host([variant=neutral]) .nav-link::slotted(a){--sgds-link-color-default:var(--sgds-color-default);color:var(--sgds-link-color-default,--sgds-color-default)}:host([tone=neutral]) .nav-link::slotted(a:focus),:host([tone=neutral]) .nav-link::slotted(a:focus-visible),:host([tone=neutral]) .nav-link::slotted(a:hover),:host([variant=neutral]) .nav-link::slotted(a:focus),:host([variant=neutral]) .nav-link::slotted(a:focus-visible),:host([variant=neutral]) .nav-link::slotted(a:hover){--color-emphasis:var(--sgds-color-default);color:var(--color-emphasis,--sgds-color-default)}:host([tone=fixed-light]) .nav-link::slotted(a),:host([variant=light]) .nav-link::slotted(a){--sgds-link-color-default:var(--sgds-color-fixed-light);color:var(--sgds-link-color-default,--sgds-color-fixed-light)}:host([tone=fixed-light]) .nav-link::slotted(a:focus),:host([tone=fixed-light]) .nav-link::slotted(a:focus-visible),:host([tone=fixed-light]) .nav-link::slotted(a:hover),:host([variant=light]) .nav-link::slotted(a:focus),:host([variant=light]) .nav-link::slotted(a:focus-visible),:host([variant=light]) .nav-link::slotted(a:hover){--color-emphasis:var(--sgds-color-fixed-light);color:var(--color-emphasis,--sgds-color-fixed-light)}:host([tone=fixed-dark]) .nav-link::slotted(a),:host([variant=dark]) .nav-link::slotted(a){--sgds-link-color-default:var(--sgds-color-fixed-dark);color:var(--sgds-link-color-default,--sgds-color-fixed-dark)}:host([tone=fixed-dark]) .nav-link::slotted(a:focus),:host([tone=fixed-dark]) .nav-link::slotted(a:focus-visible),:host([tone=fixed-dark]) .nav-link::slotted(a:hover),:host([variant=dark]) .nav-link::slotted(a:focus),:host([variant=dark]) .nav-link::slotted(a:focus-visible),:host([variant=dark]) .nav-link::slotted(a:hover){--color-emphasis:var(--sgds-color-fixed-dark);color:var(--color-emphasis,--sgds-color-fixed-dark)}:host([size=md]) .nav-link::slotted(a){--text-underline-offset:3px;font-size:var(--sgds-font-size-16)!important;line-height:var(--sgds-line-height-24)!important}:host([size=lg]) .nav-link::slotted(a){--text-underline-offset:4px;font-size:var(--sgds-font-size-20)!important;line-height:var(--sgds-line-height-32)!important}:host([size=sm]) .nav-link::slotted(a){--text-underline-offset:2.8px;font-size:var(--sgds-font-size-14)!important;line-height:var(--sgds-line-height-20)!important}:host([size=xs]) .nav-link::slotted(a){--text-underline-offset:2.2px;font-size:var(--sgds-font-size-12)!important;line-height:var(--sgds-line-height-16)!important}.nav-link::slotted(a):after{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.145 3.667h.021a.5.5 0 1 1 0 1c-.708 0-1.209 0-1.6.032-.387.032-.622.091-.807.186a2 2 0 0 0-.875.874c-.094.185-.154.42-.185.806-.032.392-.032.893-.032 1.602v3.666c0 .709 0 1.21.032 1.602.031.386.091.621.185.806a2 2 0 0 0 .875.874c.185.095.42.154.806.186.392.032.893.032 1.601.032h3.667c.708 0 1.21 0 1.601-.032.386-.032.622-.091.807-.186a2 2 0 0 0 .874-.874c.095-.185.154-.42.186-.806.032-.392.032-.893.032-1.602a.5.5 0 1 1 1 0v.022c0 .682 0 1.224-.036 1.661-.036.448-.113.83-.29 1.18a3 3 0 0 1-1.312 1.31c-.35.178-.731.255-1.18.292-.436.035-.978.035-1.66.035h-3.71c-.682 0-1.224 0-1.661-.035-.448-.037-.83-.113-1.18-.292a3 3 0 0 1-1.31-1.31c-.179-.35-.255-.732-.292-1.18-.035-.437-.035-.98-.035-1.66V8.144c0-.682 0-1.224.035-1.661.037-.448.113-.83.291-1.18a3 3 0 0 1 1.312-1.31c.35-.178.731-.255 1.179-.292.437-.035.98-.035 1.66-.035Zm2.188.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 .5.5v5a.5.5 0 0 1-1 0V5.374l-4.98 4.98a.5.5 0 0 1-.707-.708l4.98-4.98h-3.793a.5.5 0 0 1-.5-.5Z' fill='%230E0E0E'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.145 3.667h.021a.5.5 0 1 1 0 1c-.708 0-1.209 0-1.6.032-.387.032-.622.091-.807.186a2 2 0 0 0-.875.874c-.094.185-.154.42-.185.806-.032.392-.032.893-.032 1.602v3.666c0 .709 0 1.21.032 1.602.031.386.091.621.185.806a2 2 0 0 0 .875.874c.185.095.42.154.806.186.392.032.893.032 1.601.032h3.667c.708 0 1.21 0 1.601-.032.386-.032.622-.091.807-.186a2 2 0 0 0 .874-.874c.095-.185.154-.42.186-.806.032-.392.032-.893.032-1.602a.5.5 0 1 1 1 0v.022c0 .682 0 1.224-.036 1.661-.036.448-.113.83-.29 1.18a3 3 0 0 1-1.312 1.31c-.35.178-.731.255-1.18.292-.436.035-.978.035-1.66.035h-3.71c-.682 0-1.224 0-1.661-.035-.448-.037-.83-.113-1.18-.292a3 3 0 0 1-1.31-1.31c-.179-.35-.255-.732-.292-1.18-.035-.437-.035-.98-.035-1.66V8.144c0-.682 0-1.224.035-1.661.037-.448.113-.83.291-1.18a3 3 0 0 1 1.312-1.31c.35-.178.731-.255 1.179-.292.437-.035.98-.035 1.66-.035Zm2.188.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 .5.5v5a.5.5 0 0 1-1 0V5.374l-4.98 4.98a.5.5 0 0 1-.707-.708l4.98-4.98h-3.793a.5.5 0 0 1-.5-.5Z' fill='%230E0E0E'/%3E%3C/svg%3E")!important}:host([size=xs]) .nav-link::slotted(a):after{height:var(--sgds-icon-size-sm)!important;width:var(--sgds-icon-size-sm)!important}:host([size=sm]) .nav-link::slotted(a):after{height:var(--sgds-icon-size-md)!important;width:var(--sgds-icon-size-md)!important}:host([size=md]) .nav-link::slotted(a):after{height:var(--sgds-icon-size-lg)!important;width:var(--sgds-icon-size-lg)!important}:host([size=lg]) .nav-link::slotted(a):after{height:var(--sgds-icon-size-xl)!important;width:var(--sgds-icon-size-xl)!important}::slotted(*){align-items:center;display:flex}.nav-link::slotted(a:focus-visible:not([disabled])){outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.nav-link::slotted(a[disabled]){cursor:not-allowed;opacity:var(--sgds-opacity-50)}.nav-link::slotted(a){color:var(--sgds-link-color-default)!important;cursor:pointer}:host(:not([active])) .nav-link::slotted(a:not(:hover)){text-decoration:underline solid transparent!important;text-underline-offset:0;transition:text-underline-offset var(--sgds-motion-duration-standard) var(--sgds-motion-easing-enter),text-decoration-color var(--sgds-motion-duration-standard) var(--sgds-motion-easing-enter)}.nav-link::slotted(a:focus),.nav-link::slotted(a:focus-visible),.nav-link::slotted(a:hover),:host([active]) .nav-link::slotted(a){color:var(--color-emphasis)!important}.nav-link::slotted(a:hover),:host([active]) .nav-link::slotted(a){text-decoration-color:var(--color-emphasis)!important;text-underline-offset:var(--text-underline-offset);transition:text-underline-offset var(--sgds-motion-duration-standard) var(--sgds-motion-easing-enter),text-decoration-color var(--sgds-motion-duration-standard) var(--sgds-motion-easing-enter)}.nav-link::slotted(a[disabled]),:host([disabled]) .nav-link::slotted(a){text-decoration:none!important}@media (prefers-reduced-motion:reduce){.nav-link::slotted(a:hover),:host(:not([active])) .nav-link::slotted(a:not(:hover)),:host([active]) .nav-link::slotted(a){transition:none}}`;class Vt extends Ct{constructor(){super(...arguments),this.size="md",this.variant="primary",this.tone="primary",this.active=!1,this.disabled=!1}_processAnchor(t){this.disabled&&t.setAttribute("disabled","true"),t.hasAttribute("disabled")?(t.setAttribute("href","javascript:void(0)"),t.setAttribute("tabindex","-1")):t.setAttribute("tabindex","0")}_processIcon(t){const e={xs:"sm",sm:"md",md:"lg",lg:"xl"};t.querySelectorAll("sgds-icon").forEach(t=>{t.setAttribute("size",e[this.size]),t.classList.remove("icon-left","icon-right"),t.previousElementSibling||t.previousSibling||t.classList.add("icon-left"),t.nextElementSibling||t.nextSibling||t.classList.add("icon-right")})}_handleSlotChange(t){const e=t.target.assignedElements().find(t=>"a"===t.tagName.toLowerCase());e&&(this._processAnchor(e),this._processIcon(e))}firstUpdated(t){super.firstUpdated(t);const e=this.querySelector("a");e&&(this._processAnchor(e),this._processIcon(e))}render(){return Q`<slot class="nav-link " @slotchange=${this._handleSlotChange}></slot> `}}Vt.styles=[...Ct.styles,Nt],t([Pt({type:String,reflect:!0})],Vt.prototype,"size",void 0),t([Pt({type:String,reflect:!0})],Vt.prototype,"variant",void 0),t([Pt({type:String,reflect:!0})],Vt.prototype,"tone",void 0),t([Pt({type:Boolean,reflect:!0})],Vt.prototype,"active",void 0),t([Pt({type:Boolean,reflect:!0})],Vt.prototype,"disabled",void 0),Tt="sgds-link",zt=Vt,customElements.get(Tt)||customElements.define(Tt,zt)});
+   */globalThis.litIssuedWarnings??=new Set;var Et=r`:host{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-font-smoothing:antialiased;color:var(--sgds-body-color-default,#1a1a1a);display:block;font-family:var(--sgds-font-family-brand,"Inter",system-ui,sans-serif);font-size:var(--sgds-font-size-body-md,1rem);font-weight:var(--sgds-font-weight-regular,400);line-height:var(--sgds-line-height-xs,24px);margin:0;*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:disabled{cursor:not-allowed}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}::slotted(a[target=_blank]):after,a[target=_blank]:after{background-color:currentColor;content:"/";display:inline-block;height:1em;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.774 4.4H9.8a.6.6 0 1 1 0 1.2c-.85 0-1.451 0-1.922.039-.463.038-.745.11-.968.223A2.4 2.4 0 0 0 5.861 6.91c-.113.223-.184.505-.222.968-.039.47-.04 1.072-.04 1.922v4.4c0 .85.001 1.451.04 1.922.038.463.11.745.222.968a2.4 2.4 0 0 0 1.05 1.048c.222.114.504.185.967.223.47.038 1.072.039 1.922.039h4.4c.85 0 1.451 0 1.921-.039.464-.038.746-.11.969-.223a2.4 2.4 0 0 0 1.048-1.048c.113-.223.185-.505.223-.968.038-.47.039-1.072.039-1.922a.6.6 0 1 1 1.2 0v.026c0 .818 0 1.468-.043 1.993-.044.538-.136.996-.35 1.415a3.6 3.6 0 0 1-1.573 1.574c-.42.213-.878.305-1.415.35-.525.042-1.175.042-1.993.042H9.774c-.818 0-1.469 0-1.993-.043-.538-.044-.996-.136-1.415-.35a3.6 3.6 0 0 1-1.574-1.573c-.213-.42-.305-.877-.35-1.415-.042-.525-.042-1.175-.042-1.993V9.774c0-.818 0-1.468.043-1.993.044-.538.136-.996.35-1.415a3.6 3.6 0 0 1 1.573-1.574c.42-.213.877-.305 1.415-.35C8.305 4.4 8.956 4.4 9.774 4.4ZM12.4 5a.6.6 0 0 1 .6-.6h6a.6.6 0 0 1 .6.6v6a.6.6 0 1 1-1.2 0V6.449l-5.976 5.975a.6.6 0 0 1-.848-.848L17.55 5.6H13a.6.6 0 0 1-.6-.6Z' fill='%230E0E0E'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.774 4.4H9.8a.6.6 0 1 1 0 1.2c-.85 0-1.451 0-1.922.039-.463.038-.745.11-.968.223A2.4 2.4 0 0 0 5.861 6.91c-.113.223-.184.505-.222.968-.039.47-.04 1.072-.04 1.922v4.4c0 .85.001 1.451.04 1.922.038.463.11.745.222.968a2.4 2.4 0 0 0 1.05 1.048c.222.114.504.185.967.223.47.038 1.072.039 1.922.039h4.4c.85 0 1.451 0 1.921-.039.464-.038.746-.11.969-.223a2.4 2.4 0 0 0 1.048-1.048c.113-.223.185-.505.223-.968.038-.47.039-1.072.039-1.922a.6.6 0 1 1 1.2 0v.026c0 .818 0 1.468-.043 1.993-.044.538-.136.996-.35 1.415a3.6 3.6 0 0 1-1.573 1.574c-.42.213-.878.305-1.415.35-.525.042-1.175.042-1.993.042H9.774c-.818 0-1.469 0-1.993-.043-.538-.044-.996-.136-1.415-.35a3.6 3.6 0 0 1-1.574-1.573c-.213-.42-.305-.877-.35-1.415-.042-.525-.042-1.175-.042-1.993V9.774c0-.818 0-1.468.043-1.993.044-.538.136-.996.35-1.415a3.6 3.6 0 0 1 1.573-1.574c.42-.213.877-.305 1.415-.35C8.305 4.4 8.956 4.4 9.774 4.4ZM12.4 5a.6.6 0 0 1 .6-.6h6a.6.6 0 0 1 .6.6v6a.6.6 0 1 1-1.2 0V6.449l-5.976 5.975a.6.6 0 0 1-.848-.848L17.55 5.6H13a.6.6 0 0 1-.6-.6Z' fill='%230E0E0E'/%3E%3C/svg%3E");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;vertical-align:top;width:1em}::slotted(svg){vertical-align:middle}}`;class Ct extends bt{emit(t,e){const s=new CustomEvent(t,Object.assign({bubbles:!0,cancelable:!1,composed:!0,detail:{}},e));return this.dispatchEvent(s),s}static define(t,e=this,s={}){if(customElements.get(t));else try{customElements.define(t,e,s)}catch(i){customElements.define(t,class extends e{},s)}}constructor(){super(),this.ssr=Boolean(this.shadowRoot),Object.entries(this.constructor.dependencies).forEach(([t,e])=>{this.constructor.define(t,e)})}firstUpdated(t){var e;super.firstUpdated(t),this.ssr&&(null===(e=this.shadowRoot)||void 0===e||e.querySelectorAll("slot").forEach(t=>{t.dispatchEvent(new Event("slotchange",{bubbles:!0,composed:!1,cancelable:!1}))}))}}Ct.styles=[Et],Ct.dependencies={},t([Pt({type:Boolean,reflect:!0})],Ct.prototype,"ssr",void 0);var Tt,zt,Nt=r`:host{--color-emphasis:var(--sgds-link-color-emphasis);display:inline-flex;vertical-align:middle}:host([tone=danger]),:host([variant=danger]){--color-emphasis:var(--sgds-danger-color-emphasis)}:host([tone=neutral]),:host([variant=neutral]){--color-emphasis:var(--sgds-color-default)}:host([tone=fixed-light]),:host([variant=light]){--color-emphasis:var(--sgds-color-fixed-light)}:host([variant=dark]) :host([tone=fixed-dark]){--color-emphasis:var(--sgds-color-fixed-dark)}:host([tone=danger]) .nav-link::slotted(a),:host([variant=danger]) .nav-link::slotted(a){--sgds-link-color-default:var(--sgds-danger-color-default);color:var(--sgds-link-color-default,--sgds-danger-color-default)}:host([tone=danger]) .nav-link::slotted(a:focus),:host([tone=danger]) .nav-link::slotted(a:focus-visible),:host([tone=danger]) .nav-link::slotted(a:hover),:host([variant=danger]) .nav-link::slotted(a:focus),:host([variant=danger]) .nav-link::slotted(a:focus-visible),:host([variant=danger]) .nav-link::slotted(a:hover){--color-emphasis:var(--sgds-danger-color-emphasis);color:var(--color-emphasis,--sgds-danger-color-emphasis)}:host([tone=neutral]) .nav-link::slotted(a),:host([variant=neutral]) .nav-link::slotted(a){--sgds-link-color-default:var(--sgds-color-default);color:var(--sgds-link-color-default,--sgds-color-default)}:host([tone=neutral]) .nav-link::slotted(a:focus),:host([tone=neutral]) .nav-link::slotted(a:focus-visible),:host([tone=neutral]) .nav-link::slotted(a:hover),:host([variant=neutral]) .nav-link::slotted(a:focus),:host([variant=neutral]) .nav-link::slotted(a:focus-visible),:host([variant=neutral]) .nav-link::slotted(a:hover){--color-emphasis:var(--sgds-color-default);color:var(--color-emphasis,--sgds-color-default)}:host([tone=fixed-light]) .nav-link::slotted(a),:host([variant=light]) .nav-link::slotted(a){--sgds-link-color-default:var(--sgds-color-fixed-light);color:var(--sgds-link-color-default,--sgds-color-fixed-light)}:host([tone=fixed-light]) .nav-link::slotted(a:focus),:host([tone=fixed-light]) .nav-link::slotted(a:focus-visible),:host([tone=fixed-light]) .nav-link::slotted(a:hover),:host([variant=light]) .nav-link::slotted(a:focus),:host([variant=light]) .nav-link::slotted(a:focus-visible),:host([variant=light]) .nav-link::slotted(a:hover){--color-emphasis:var(--sgds-color-fixed-light);color:var(--color-emphasis,--sgds-color-fixed-light)}:host([tone=fixed-dark]) .nav-link::slotted(a),:host([variant=dark]) .nav-link::slotted(a){--sgds-link-color-default:var(--sgds-color-fixed-dark);color:var(--sgds-link-color-default,--sgds-color-fixed-dark)}:host([tone=fixed-dark]) .nav-link::slotted(a:focus),:host([tone=fixed-dark]) .nav-link::slotted(a:focus-visible),:host([tone=fixed-dark]) .nav-link::slotted(a:hover),:host([variant=dark]) .nav-link::slotted(a:focus),:host([variant=dark]) .nav-link::slotted(a:focus-visible),:host([variant=dark]) .nav-link::slotted(a:hover){--color-emphasis:var(--sgds-color-fixed-dark);color:var(--color-emphasis,--sgds-color-fixed-dark)}:host([size=md]) .nav-link::slotted(a){--text-underline-offset:3px;font-size:var(--sgds-font-size-16)!important;line-height:var(--sgds-line-height-24)!important}:host([size=lg]) .nav-link::slotted(a){--text-underline-offset:4px;font-size:var(--sgds-font-size-20)!important;line-height:var(--sgds-line-height-32)!important}:host([size=sm]) .nav-link::slotted(a){--text-underline-offset:2.8px;font-size:var(--sgds-font-size-14)!important;line-height:var(--sgds-line-height-20)!important}:host([size=xs]) .nav-link::slotted(a){--text-underline-offset:2.2px;font-size:var(--sgds-font-size-12)!important;line-height:var(--sgds-line-height-16)!important}.nav-link::slotted(a):after{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.145 3.667h.021a.5.5 0 1 1 0 1c-.708 0-1.209 0-1.6.032-.387.032-.622.091-.807.186a2 2 0 0 0-.875.874c-.094.185-.154.42-.185.806-.032.392-.032.893-.032 1.602v3.666c0 .709 0 1.21.032 1.602.031.386.091.621.185.806a2 2 0 0 0 .875.874c.185.095.42.154.806.186.392.032.893.032 1.601.032h3.667c.708 0 1.21 0 1.601-.032.386-.032.622-.091.807-.186a2 2 0 0 0 .874-.874c.095-.185.154-.42.186-.806.032-.392.032-.893.032-1.602a.5.5 0 1 1 1 0v.022c0 .682 0 1.224-.036 1.661-.036.448-.113.83-.29 1.18a3 3 0 0 1-1.312 1.31c-.35.178-.731.255-1.18.292-.436.035-.978.035-1.66.035h-3.71c-.682 0-1.224 0-1.661-.035-.448-.037-.83-.113-1.18-.292a3 3 0 0 1-1.31-1.31c-.179-.35-.255-.732-.292-1.18-.035-.437-.035-.98-.035-1.66V8.144c0-.682 0-1.224.035-1.661.037-.448.113-.83.291-1.18a3 3 0 0 1 1.312-1.31c.35-.178.731-.255 1.179-.292.437-.035.98-.035 1.66-.035Zm2.188.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 .5.5v5a.5.5 0 0 1-1 0V5.374l-4.98 4.98a.5.5 0 0 1-.707-.708l4.98-4.98h-3.793a.5.5 0 0 1-.5-.5Z' fill='%230E0E0E'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.145 3.667h.021a.5.5 0 1 1 0 1c-.708 0-1.209 0-1.6.032-.387.032-.622.091-.807.186a2 2 0 0 0-.875.874c-.094.185-.154.42-.185.806-.032.392-.032.893-.032 1.602v3.666c0 .709 0 1.21.032 1.602.031.386.091.621.185.806a2 2 0 0 0 .875.874c.185.095.42.154.806.186.392.032.893.032 1.601.032h3.667c.708 0 1.21 0 1.601-.032.386-.032.622-.091.807-.186a2 2 0 0 0 .874-.874c.095-.185.154-.42.186-.806.032-.392.032-.893.032-1.602a.5.5 0 1 1 1 0v.022c0 .682 0 1.224-.036 1.661-.036.448-.113.83-.29 1.18a3 3 0 0 1-1.312 1.31c-.35.178-.731.255-1.18.292-.436.035-.978.035-1.66.035h-3.71c-.682 0-1.224 0-1.661-.035-.448-.037-.83-.113-1.18-.292a3 3 0 0 1-1.31-1.31c-.179-.35-.255-.732-.292-1.18-.035-.437-.035-.98-.035-1.66V8.144c0-.682 0-1.224.035-1.661.037-.448.113-.83.291-1.18a3 3 0 0 1 1.312-1.31c.35-.178.731-.255 1.179-.292.437-.035.98-.035 1.66-.035Zm2.188.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 .5.5v5a.5.5 0 0 1-1 0V5.374l-4.98 4.98a.5.5 0 0 1-.707-.708l4.98-4.98h-3.793a.5.5 0 0 1-.5-.5Z' fill='%230E0E0E'/%3E%3C/svg%3E")!important}:host([size=xs]) .nav-link::slotted(a):after{height:var(--sgds-icon-size-sm)!important;width:var(--sgds-icon-size-sm)!important}:host([size=sm]) .nav-link::slotted(a):after{height:var(--sgds-icon-size-md)!important;width:var(--sgds-icon-size-md)!important}:host([size=md]) .nav-link::slotted(a):after{height:var(--sgds-icon-size-lg)!important;width:var(--sgds-icon-size-lg)!important}:host([size=lg]) .nav-link::slotted(a):after{height:var(--sgds-icon-size-xl)!important;width:var(--sgds-icon-size-xl)!important}::slotted(*){align-items:center;display:flex}.nav-link::slotted(a:focus-visible:not([disabled])){outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.nav-link::slotted(a[disabled]){cursor:not-allowed;opacity:var(--sgds-opacity-40)}.nav-link::slotted(a){color:var(--sgds-link-color-default)!important;cursor:pointer}:host(:not([active])) .nav-link::slotted(a:not(:hover)){text-decoration:underline solid transparent!important;text-underline-offset:0;transition:text-underline-offset var(--sgds-motion-duration-standard) var(--sgds-motion-easing-enter),text-decoration-color var(--sgds-motion-duration-standard) var(--sgds-motion-easing-enter)}.nav-link::slotted(a:focus),.nav-link::slotted(a:focus-visible),.nav-link::slotted(a:hover),:host([active]) .nav-link::slotted(a){color:var(--color-emphasis)!important}.nav-link::slotted(a:hover),:host([active]) .nav-link::slotted(a){text-decoration-color:var(--color-emphasis)!important;text-underline-offset:var(--text-underline-offset);transition:text-underline-offset var(--sgds-motion-duration-standard) var(--sgds-motion-easing-enter),text-decoration-color var(--sgds-motion-duration-standard) var(--sgds-motion-easing-enter)}.nav-link::slotted(a[disabled]),:host([disabled]) .nav-link::slotted(a){text-decoration:none!important}@media (prefers-reduced-motion:reduce){.nav-link::slotted(a:hover),:host(:not([active])) .nav-link::slotted(a:not(:hover)),:host([active]) .nav-link::slotted(a){transition:none}}`;class Vt extends Ct{constructor(){super(...arguments),this.size="md",this.variant="primary",this.tone="primary",this.active=!1,this.disabled=!1}_processAnchor(t){this.disabled&&t.setAttribute("disabled","true"),t.hasAttribute("disabled")?(t.setAttribute("href","javascript:void(0)"),t.setAttribute("tabindex","-1")):t.setAttribute("tabindex","0")}_processIcon(t){const e={xs:"sm",sm:"md",md:"lg",lg:"xl"};t.querySelectorAll("sgds-icon").forEach(t=>{t.setAttribute("size",e[this.size]),t.classList.remove("icon-left","icon-right"),t.previousElementSibling||t.previousSibling||t.classList.add("icon-left"),t.nextElementSibling||t.nextSibling||t.classList.add("icon-right")})}_handleSlotChange(t){const e=t.target.assignedElements().find(t=>"a"===t.tagName.toLowerCase());e&&(this._processAnchor(e),this._processIcon(e))}firstUpdated(t){super.firstUpdated(t);const e=this.querySelector("a");e&&(this._processAnchor(e),this._processIcon(e))}render(){return Q`<slot class="nav-link " @slotchange=${this._handleSlotChange}></slot> `}}Vt.styles=[...Ct.styles,Nt],t([Pt({type:String,reflect:!0})],Vt.prototype,"size",void 0),t([Pt({type:String,reflect:!0})],Vt.prototype,"variant",void 0),t([Pt({type:String,reflect:!0})],Vt.prototype,"tone",void 0),t([Pt({type:Boolean,reflect:!0})],Vt.prototype,"active",void 0),t([Pt({type:Boolean,reflect:!0})],Vt.prototype,"disabled",void 0),Tt="sgds-link",zt=Vt,customElements.get(Tt)||customElements.define(Tt,zt)});
 //# sourceMappingURL=index.umd.min.js.map

package/components/Link/link.js

@@ -1,6 +1,6 @@
 import { css } from 'lit';
 
-var css_248z = css`:host{--color-emphasis:var(--sgds-link-color-emphasis);display:inline-flex;vertical-align:middle}:host([tone=danger]),:host([variant=danger]){--color-emphasis:var(--sgds-danger-color-emphasis)}:host([tone=neutral]),:host([variant=neutral]){--color-emphasis:var(--sgds-color-default)}:host([tone=fixed-light]),:host([variant=light]){--color-emphasis:var(--sgds-color-fixed-light)}:host([variant=dark]) :host([tone=fixed-dark]){--color-emphasis:var(--sgds-color-fixed-dark)}:host([tone=danger]) .nav-link::slotted(a),:host([variant=danger]) .nav-link::slotted(a){--sgds-link-color-default:var(--sgds-danger-color-default);color:var(--sgds-link-color-default,--sgds-danger-color-default)}:host([tone=danger]) .nav-link::slotted(a:focus),:host([tone=danger]) .nav-link::slotted(a:focus-visible),:host([tone=danger]) .nav-link::slotted(a:hover),:host([variant=danger]) .nav-link::slotted(a:focus),:host([variant=danger]) .nav-link::slotted(a:focus-visible),:host([variant=danger]) .nav-link::slotted(a:hover){--color-emphasis:var(--sgds-danger-color-emphasis);color:var(--color-emphasis,--sgds-danger-color-emphasis)}:host([tone=neutral]) .nav-link::slotted(a),:host([variant=neutral]) .nav-link::slotted(a){--sgds-link-color-default:var(--sgds-color-default);color:var(--sgds-link-color-default,--sgds-color-default)}:host([tone=neutral]) .nav-link::slotted(a:focus),:host([tone=neutral]) .nav-link::slotted(a:focus-visible),:host([tone=neutral]) .nav-link::slotted(a:hover),:host([variant=neutral]) .nav-link::slotted(a:focus),:host([variant=neutral]) .nav-link::slotted(a:focus-visible),:host([variant=neutral]) .nav-link::slotted(a:hover){--color-emphasis:var(--sgds-color-default);color:var(--color-emphasis,--sgds-color-default)}:host([tone=fixed-light]) .nav-link::slotted(a),:host([variant=light]) .nav-link::slotted(a){--sgds-link-color-default:var(--sgds-color-fixed-light);color:var(--sgds-link-color-default,--sgds-color-fixed-light)}:host([tone=fixed-light]) .nav-link::slotted(a:focus),:host([tone=fixed-light]) .nav-link::slotted(a:focus-visible),:host([tone=fixed-light]) .nav-link::slotted(a:hover),:host([variant=light]) .nav-link::slotted(a:focus),:host([variant=light]) .nav-link::slotted(a:focus-visible),:host([variant=light]) .nav-link::slotted(a:hover){--color-emphasis:var(--sgds-color-fixed-light);color:var(--color-emphasis,--sgds-color-fixed-light)}:host([tone=fixed-dark]) .nav-link::slotted(a),:host([variant=dark]) .nav-link::slotted(a){--sgds-link-color-default:var(--sgds-color-fixed-dark);color:var(--sgds-link-color-default,--sgds-color-fixed-dark)}:host([tone=fixed-dark]) .nav-link::slotted(a:focus),:host([tone=fixed-dark]) .nav-link::slotted(a:focus-visible),:host([tone=fixed-dark]) .nav-link::slotted(a:hover),:host([variant=dark]) .nav-link::slotted(a:focus),:host([variant=dark]) .nav-link::slotted(a:focus-visible),:host([variant=dark]) .nav-link::slotted(a:hover){--color-emphasis:var(--sgds-color-fixed-dark);color:var(--color-emphasis,--sgds-color-fixed-dark)}:host([size=md]) .nav-link::slotted(a){--text-underline-offset:3px;font-size:var(--sgds-font-size-16)!important;line-height:var(--sgds-line-height-24)!important}:host([size=lg]) .nav-link::slotted(a){--text-underline-offset:4px;font-size:var(--sgds-font-size-20)!important;line-height:var(--sgds-line-height-32)!important}:host([size=sm]) .nav-link::slotted(a){--text-underline-offset:2.8px;font-size:var(--sgds-font-size-14)!important;line-height:var(--sgds-line-height-20)!important}:host([size=xs]) .nav-link::slotted(a){--text-underline-offset:2.2px;font-size:var(--sgds-font-size-12)!important;line-height:var(--sgds-line-height-16)!important}.nav-link::slotted(a):after{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.145 3.667h.021a.5.5 0 1 1 0 1c-.708 0-1.209 0-1.6.032-.387.032-.622.091-.807.186a2 2 0 0 0-.875.874c-.094.185-.154.42-.185.806-.032.392-.032.893-.032 1.602v3.666c0 .709 0 1.21.032 1.602.031.386.091.621.185.806a2 2 0 0 0 .875.874c.185.095.42.154.806.186.392.032.893.032 1.601.032h3.667c.708 0 1.21 0 1.601-.032.386-.032.622-.091.807-.186a2 2 0 0 0 .874-.874c.095-.185.154-.42.186-.806.032-.392.032-.893.032-1.602a.5.5 0 1 1 1 0v.022c0 .682 0 1.224-.036 1.661-.036.448-.113.83-.29 1.18a3 3 0 0 1-1.312 1.31c-.35.178-.731.255-1.18.292-.436.035-.978.035-1.66.035h-3.71c-.682 0-1.224 0-1.661-.035-.448-.037-.83-.113-1.18-.292a3 3 0 0 1-1.31-1.31c-.179-.35-.255-.732-.292-1.18-.035-.437-.035-.98-.035-1.66V8.144c0-.682 0-1.224.035-1.661.037-.448.113-.83.291-1.18a3 3 0 0 1 1.312-1.31c.35-.178.731-.255 1.179-.292.437-.035.98-.035 1.66-.035Zm2.188.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 .5.5v5a.5.5 0 0 1-1 0V5.374l-4.98 4.98a.5.5 0 0 1-.707-.708l4.98-4.98h-3.793a.5.5 0 0 1-.5-.5Z' fill='%230E0E0E'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.145 3.667h.021a.5.5 0 1 1 0 1c-.708 0-1.209 0-1.6.032-.387.032-.622.091-.807.186a2 2 0 0 0-.875.874c-.094.185-.154.42-.185.806-.032.392-.032.893-.032 1.602v3.666c0 .709 0 1.21.032 1.602.031.386.091.621.185.806a2 2 0 0 0 .875.874c.185.095.42.154.806.186.392.032.893.032 1.601.032h3.667c.708 0 1.21 0 1.601-.032.386-.032.622-.091.807-.186a2 2 0 0 0 .874-.874c.095-.185.154-.42.186-.806.032-.392.032-.893.032-1.602a.5.5 0 1 1 1 0v.022c0 .682 0 1.224-.036 1.661-.036.448-.113.83-.29 1.18a3 3 0 0 1-1.312 1.31c-.35.178-.731.255-1.18.292-.436.035-.978.035-1.66.035h-3.71c-.682 0-1.224 0-1.661-.035-.448-.037-.83-.113-1.18-.292a3 3 0 0 1-1.31-1.31c-.179-.35-.255-.732-.292-1.18-.035-.437-.035-.98-.035-1.66V8.144c0-.682 0-1.224.035-1.661.037-.448.113-.83.291-1.18a3 3 0 0 1 1.312-1.31c.35-.178.731-.255 1.179-.292.437-.035.98-.035 1.66-.035Zm2.188.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 .5.5v5a.5.5 0 0 1-1 0V5.374l-4.98 4.98a.5.5 0 0 1-.707-.708l4.98-4.98h-3.793a.5.5 0 0 1-.5-.5Z' fill='%230E0E0E'/%3E%3C/svg%3E")!important}:host([size=xs]) .nav-link::slotted(a):after{height:var(--sgds-icon-size-sm)!important;width:var(--sgds-icon-size-sm)!important}:host([size=sm]) .nav-link::slotted(a):after{height:var(--sgds-icon-size-md)!important;width:var(--sgds-icon-size-md)!important}:host([size=md]) .nav-link::slotted(a):after{height:var(--sgds-icon-size-lg)!important;width:var(--sgds-icon-size-lg)!important}:host([size=lg]) .nav-link::slotted(a):after{height:var(--sgds-icon-size-xl)!important;width:var(--sgds-icon-size-xl)!important}::slotted(*){align-items:center;display:flex}.nav-link::slotted(a:focus-visible:not([disabled])){outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.nav-link::slotted(a[disabled]){cursor:not-allowed;opacity:var(--sgds-opacity-50)}.nav-link::slotted(a){color:var(--sgds-link-color-default)!important;cursor:pointer}:host(:not([active])) .nav-link::slotted(a:not(:hover)){text-decoration:underline solid transparent!important;text-underline-offset:0;transition:text-underline-offset var(--sgds-motion-duration-standard) var(--sgds-motion-easing-enter),text-decoration-color var(--sgds-motion-duration-standard) var(--sgds-motion-easing-enter)}.nav-link::slotted(a:focus),.nav-link::slotted(a:focus-visible),.nav-link::slotted(a:hover),:host([active]) .nav-link::slotted(a){color:var(--color-emphasis)!important}.nav-link::slotted(a:hover),:host([active]) .nav-link::slotted(a){text-decoration-color:var(--color-emphasis)!important;text-underline-offset:var(--text-underline-offset);transition:text-underline-offset var(--sgds-motion-duration-standard) var(--sgds-motion-easing-enter),text-decoration-color var(--sgds-motion-duration-standard) var(--sgds-motion-easing-enter)}.nav-link::slotted(a[disabled]),:host([disabled]) .nav-link::slotted(a){text-decoration:none!important}@media (prefers-reduced-motion:reduce){.nav-link::slotted(a:hover),:host(:not([active])) .nav-link::slotted(a:not(:hover)),:host([active]) .nav-link::slotted(a){transition:none}}`;
+var css_248z = css`:host{--color-emphasis:var(--sgds-link-color-emphasis);display:inline-flex;vertical-align:middle}:host([tone=danger]),:host([variant=danger]){--color-emphasis:var(--sgds-danger-color-emphasis)}:host([tone=neutral]),:host([variant=neutral]){--color-emphasis:var(--sgds-color-default)}:host([tone=fixed-light]),:host([variant=light]){--color-emphasis:var(--sgds-color-fixed-light)}:host([variant=dark]) :host([tone=fixed-dark]){--color-emphasis:var(--sgds-color-fixed-dark)}:host([tone=danger]) .nav-link::slotted(a),:host([variant=danger]) .nav-link::slotted(a){--sgds-link-color-default:var(--sgds-danger-color-default);color:var(--sgds-link-color-default,--sgds-danger-color-default)}:host([tone=danger]) .nav-link::slotted(a:focus),:host([tone=danger]) .nav-link::slotted(a:focus-visible),:host([tone=danger]) .nav-link::slotted(a:hover),:host([variant=danger]) .nav-link::slotted(a:focus),:host([variant=danger]) .nav-link::slotted(a:focus-visible),:host([variant=danger]) .nav-link::slotted(a:hover){--color-emphasis:var(--sgds-danger-color-emphasis);color:var(--color-emphasis,--sgds-danger-color-emphasis)}:host([tone=neutral]) .nav-link::slotted(a),:host([variant=neutral]) .nav-link::slotted(a){--sgds-link-color-default:var(--sgds-color-default);color:var(--sgds-link-color-default,--sgds-color-default)}:host([tone=neutral]) .nav-link::slotted(a:focus),:host([tone=neutral]) .nav-link::slotted(a:focus-visible),:host([tone=neutral]) .nav-link::slotted(a:hover),:host([variant=neutral]) .nav-link::slotted(a:focus),:host([variant=neutral]) .nav-link::slotted(a:focus-visible),:host([variant=neutral]) .nav-link::slotted(a:hover){--color-emphasis:var(--sgds-color-default);color:var(--color-emphasis,--sgds-color-default)}:host([tone=fixed-light]) .nav-link::slotted(a),:host([variant=light]) .nav-link::slotted(a){--sgds-link-color-default:var(--sgds-color-fixed-light);color:var(--sgds-link-color-default,--sgds-color-fixed-light)}:host([tone=fixed-light]) .nav-link::slotted(a:focus),:host([tone=fixed-light]) .nav-link::slotted(a:focus-visible),:host([tone=fixed-light]) .nav-link::slotted(a:hover),:host([variant=light]) .nav-link::slotted(a:focus),:host([variant=light]) .nav-link::slotted(a:focus-visible),:host([variant=light]) .nav-link::slotted(a:hover){--color-emphasis:var(--sgds-color-fixed-light);color:var(--color-emphasis,--sgds-color-fixed-light)}:host([tone=fixed-dark]) .nav-link::slotted(a),:host([variant=dark]) .nav-link::slotted(a){--sgds-link-color-default:var(--sgds-color-fixed-dark);color:var(--sgds-link-color-default,--sgds-color-fixed-dark)}:host([tone=fixed-dark]) .nav-link::slotted(a:focus),:host([tone=fixed-dark]) .nav-link::slotted(a:focus-visible),:host([tone=fixed-dark]) .nav-link::slotted(a:hover),:host([variant=dark]) .nav-link::slotted(a:focus),:host([variant=dark]) .nav-link::slotted(a:focus-visible),:host([variant=dark]) .nav-link::slotted(a:hover){--color-emphasis:var(--sgds-color-fixed-dark);color:var(--color-emphasis,--sgds-color-fixed-dark)}:host([size=md]) .nav-link::slotted(a){--text-underline-offset:3px;font-size:var(--sgds-font-size-16)!important;line-height:var(--sgds-line-height-24)!important}:host([size=lg]) .nav-link::slotted(a){--text-underline-offset:4px;font-size:var(--sgds-font-size-20)!important;line-height:var(--sgds-line-height-32)!important}:host([size=sm]) .nav-link::slotted(a){--text-underline-offset:2.8px;font-size:var(--sgds-font-size-14)!important;line-height:var(--sgds-line-height-20)!important}:host([size=xs]) .nav-link::slotted(a){--text-underline-offset:2.2px;font-size:var(--sgds-font-size-12)!important;line-height:var(--sgds-line-height-16)!important}.nav-link::slotted(a):after{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.145 3.667h.021a.5.5 0 1 1 0 1c-.708 0-1.209 0-1.6.032-.387.032-.622.091-.807.186a2 2 0 0 0-.875.874c-.094.185-.154.42-.185.806-.032.392-.032.893-.032 1.602v3.666c0 .709 0 1.21.032 1.602.031.386.091.621.185.806a2 2 0 0 0 .875.874c.185.095.42.154.806.186.392.032.893.032 1.601.032h3.667c.708 0 1.21 0 1.601-.032.386-.032.622-.091.807-.186a2 2 0 0 0 .874-.874c.095-.185.154-.42.186-.806.032-.392.032-.893.032-1.602a.5.5 0 1 1 1 0v.022c0 .682 0 1.224-.036 1.661-.036.448-.113.83-.29 1.18a3 3 0 0 1-1.312 1.31c-.35.178-.731.255-1.18.292-.436.035-.978.035-1.66.035h-3.71c-.682 0-1.224 0-1.661-.035-.448-.037-.83-.113-1.18-.292a3 3 0 0 1-1.31-1.31c-.179-.35-.255-.732-.292-1.18-.035-.437-.035-.98-.035-1.66V8.144c0-.682 0-1.224.035-1.661.037-.448.113-.83.291-1.18a3 3 0 0 1 1.312-1.31c.35-.178.731-.255 1.179-.292.437-.035.98-.035 1.66-.035Zm2.188.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 .5.5v5a.5.5 0 0 1-1 0V5.374l-4.98 4.98a.5.5 0 0 1-.707-.708l4.98-4.98h-3.793a.5.5 0 0 1-.5-.5Z' fill='%230E0E0E'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.145 3.667h.021a.5.5 0 1 1 0 1c-.708 0-1.209 0-1.6.032-.387.032-.622.091-.807.186a2 2 0 0 0-.875.874c-.094.185-.154.42-.185.806-.032.392-.032.893-.032 1.602v3.666c0 .709 0 1.21.032 1.602.031.386.091.621.185.806a2 2 0 0 0 .875.874c.185.095.42.154.806.186.392.032.893.032 1.601.032h3.667c.708 0 1.21 0 1.601-.032.386-.032.622-.091.807-.186a2 2 0 0 0 .874-.874c.095-.185.154-.42.186-.806.032-.392.032-.893.032-1.602a.5.5 0 1 1 1 0v.022c0 .682 0 1.224-.036 1.661-.036.448-.113.83-.29 1.18a3 3 0 0 1-1.312 1.31c-.35.178-.731.255-1.18.292-.436.035-.978.035-1.66.035h-3.71c-.682 0-1.224 0-1.661-.035-.448-.037-.83-.113-1.18-.292a3 3 0 0 1-1.31-1.31c-.179-.35-.255-.732-.292-1.18-.035-.437-.035-.98-.035-1.66V8.144c0-.682 0-1.224.035-1.661.037-.448.113-.83.291-1.18a3 3 0 0 1 1.312-1.31c.35-.178.731-.255 1.179-.292.437-.035.98-.035 1.66-.035Zm2.188.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 .5.5v5a.5.5 0 0 1-1 0V5.374l-4.98 4.98a.5.5 0 0 1-.707-.708l4.98-4.98h-3.793a.5.5 0 0 1-.5-.5Z' fill='%230E0E0E'/%3E%3C/svg%3E")!important}:host([size=xs]) .nav-link::slotted(a):after{height:var(--sgds-icon-size-sm)!important;width:var(--sgds-icon-size-sm)!important}:host([size=sm]) .nav-link::slotted(a):after{height:var(--sgds-icon-size-md)!important;width:var(--sgds-icon-size-md)!important}:host([size=md]) .nav-link::slotted(a):after{height:var(--sgds-icon-size-lg)!important;width:var(--sgds-icon-size-lg)!important}:host([size=lg]) .nav-link::slotted(a):after{height:var(--sgds-icon-size-xl)!important;width:var(--sgds-icon-size-xl)!important}::slotted(*){align-items:center;display:flex}.nav-link::slotted(a:focus-visible:not([disabled])){outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.nav-link::slotted(a[disabled]){cursor:not-allowed;opacity:var(--sgds-opacity-40)}.nav-link::slotted(a){color:var(--sgds-link-color-default)!important;cursor:pointer}:host(:not([active])) .nav-link::slotted(a:not(:hover)){text-decoration:underline solid transparent!important;text-underline-offset:0;transition:text-underline-offset var(--sgds-motion-duration-standard) var(--sgds-motion-easing-enter),text-decoration-color var(--sgds-motion-duration-standard) var(--sgds-motion-easing-enter)}.nav-link::slotted(a:focus),.nav-link::slotted(a:focus-visible),.nav-link::slotted(a:hover),:host([active]) .nav-link::slotted(a){color:var(--color-emphasis)!important}.nav-link::slotted(a:hover),:host([active]) .nav-link::slotted(a){text-decoration-color:var(--color-emphasis)!important;text-underline-offset:var(--text-underline-offset);transition:text-underline-offset var(--sgds-motion-duration-standard) var(--sgds-motion-easing-enter),text-decoration-color var(--sgds-motion-duration-standard) var(--sgds-motion-easing-enter)}.nav-link::slotted(a[disabled]),:host([disabled]) .nav-link::slotted(a){text-decoration:none!important}@media (prefers-reduced-motion:reduce){.nav-link::slotted(a:hover),:host(:not([active])) .nav-link::slotted(a:not(:hover)),:host([active]) .nav-link::slotted(a){transition:none}}`;
 
 export { css_248z as default };
 //# sourceMappingURL=link.js.map

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

@@ -2386,7 +2386,7 @@ let Se;$e?.({LitElement:He}),(_e.litElementVersions??=[]).push("4.2.2"),_e.litEl
           ></sgds-icon-button>
         </div>
       </nav>
-    `}_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:Boolean})],zt.prototype,"hasNonCollapsibleSlot",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([Ne()],zt.prototype,"defaultNodes",void 0),e([Ne({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 Dt=Math.min,It=Math.max,Ut=Math.round,Wt=Math.floor,qt=e=>({x:e,y:e}),jt={left:"right",right:"left",bottom:"top",top:"bottom"},Ft={start:"end",end:"start"};function Kt(e,t,a){return It(e,Dt(t,a))}function Xt(e,t){return"function"==typeof e?e(t):e}function Jt(e){return e.split("-")[0]}function Yt(e){return e.split("-")[1]}function Gt(e){return"x"===e?"y":"x"}function Qt(e){return"y"===e?"height":"width"}const ea=new Set(["top","bottom"]);function ta(e){return ea.has(Jt(e))?"y":"x"}function aa(e){return Gt(ta(e))}function ia(e,t,a){void 0===a&&(a=!1);const i=Yt(e),n=aa(e),l=Qt(n);let o="x"===n?i===(a?"end":"start")?"right":"left":"start"===i?"bottom":"top";return t.reference[l]>t.floating[l]&&(o=da(o)),[o,da(o)]}function na(e){return e.replace(/start|end/g,e=>Ft[e])}const la=["left","right"],oa=["right","left"],sa=["top","bottom"],ra=["bottom","top"];function ca(e,t,a,i){const n=Yt(e);let l=function(e,t,a){switch(e){case"top":case"bottom":return a?t?oa:la:t?la:oa;case"left":case"right":return t?sa:ra;default:return[]}}(Jt(e),"start"===a,i);return n&&(l=l.map(e=>e+"-"+n),t&&(l=l.concat(l.map(na)))),l}function da(e){return e.replace(/left|right|bottom|top/g,e=>jt[e])}function ha(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 va(e){const{x:t,y:a,width:i,height:n}=e;return{width:i,height:n,top:a,left:t,right:t+i,bottom:a+n,x:t,y:a}}function pa(e,t,a){let{reference:i,floating:n}=e;const l=ta(t),o=aa(t),s=Qt(o),r=Jt(t),c="y"===l,d=i.x+i.width/2-n.width/2,h=i.y+i.height/2-n.height/2,v=i[s]/2-n[s]/2;let p;switch(r){case"top":p={x:d,y:i.y-n.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-n.width,y:h};break;default:p={x:i.x,y:i.y}}switch(Yt(t)){case"start":p[o]-=v*(a&&c?-1:1);break;case"end":p[o]+=v*(a&&c?-1:1)}return p}async function ga(e,t){var a;void 0===t&&(t={});const{x:i,y:n,platform:l,rects:o,elements:s,strategy:r}=e,{boundary:c="clippingAncestors",rootBoundary:d="viewport",elementContext:h="floating",altBoundary:v=!1,padding:p=0}=Xt(t,e),g=ha(p),u=s[v?"floating"===h?"reference":"floating":h],w=va(await l.getClippingRect({element:null==(a=await(null==l.isElement?void 0:l.isElement(u)))||a?u:u.contextElement||await(null==l.getDocumentElement?void 0:l.getDocumentElement(s.floating)),boundary:c,rootBoundary:d,strategy:r})),f="floating"===h?{x:i,y:n,width:o.floating.width,height:o.floating.height}:o.reference,m=await(null==l.getOffsetParent?void 0:l.getOffsetParent(s.floating)),b=await(null==l.isElement?void 0:l.isElement(m))&&await(null==l.getScale?void 0:l.getScale(m))||{x:1,y:1},x=va(l.convertOffsetParentRelativeRectToViewportRelativeRect?await l.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 ua=new Set(["left","top"]);function wa(){return"undefined"!=typeof window}function fa(e){return xa(e)?(e.nodeName||"").toLowerCase():"#document"}function ma(e){var t;return(null==e||null==(t=e.ownerDocument)?void 0:t.defaultView)||window}function ba(e){var t;return null==(t=(xa(e)?e.ownerDocument:e.document)||window.document)?void 0:t.documentElement}function xa(e){return!!wa()&&(e instanceof Node||e instanceof ma(e).Node)}function ya(e){return!!wa()&&(e instanceof Element||e instanceof ma(e).Element)}function Za(e){return!!wa()&&(e instanceof HTMLElement||e instanceof ma(e).HTMLElement)}function Ca(e){return!(!wa()||"undefined"==typeof ShadowRoot)&&(e instanceof ShadowRoot||e instanceof ma(e).ShadowRoot)}const Ma=new Set(["inline","contents"]);function _a(e){const{overflow:t,overflowX:a,overflowY:i,display:n}=Ta(e);return/auto|scroll|overlay|hidden|clip/.test(t+i+a)&&!Ma.has(n)}const Va=new Set(["table","td","th"]);function Ha(e){return Va.has(fa(e))}const ka=[":popover-open",":modal"];function $a(e){return ka.some(t=>{try{return e.matches(t)}catch(e){return!1}})}const Sa=["transform","translate","scale","rotate","perspective"],Ba=["transform","translate","scale","rotate","perspective","filter"],Aa=["paint","layout","strict","content"];function La(e){const t=Ea(),a=ya(e)?Ta(e):e;return Sa.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))||Aa.some(e=>(a.contain||"").includes(e))}function Ea(){return!("undefined"==typeof CSS||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}const Pa=new Set(["html","body","#document"]);function Ra(e){return Pa.has(fa(e))}function Ta(e){return ma(e).getComputedStyle(e)}function Na(e){return ya(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.scrollX,scrollTop:e.scrollY}}function Oa(e){if("html"===fa(e))return e;const t=e.assignedSlot||e.parentNode||Ca(e)&&e.host||ba(e);return Ca(t)?t.host:t}function za(e){const t=Oa(e);return Ra(t)?e.ownerDocument?e.ownerDocument.body:e.body:Za(t)&&_a(t)?t:za(t)}function Da(e,t,a){var i;void 0===t&&(t=[]),void 0===a&&(a=!0);const n=za(e),l=n===(null==(i=e.ownerDocument)?void 0:i.body),o=ma(n);if(l){const e=Ia(o);return t.concat(o,o.visualViewport||[],_a(n)?n:[],e&&a?Da(e):[])}return t.concat(n,Da(n,[],a))}function Ia(e){return e.parent&&Object.getPrototypeOf(e.parent)?e.frameElement:null}function Ua(e){const t=Ta(e);let a=parseFloat(t.width)||0,i=parseFloat(t.height)||0;const n=Za(e),l=n?e.offsetWidth:a,o=n?e.offsetHeight:i,s=Ut(a)!==l||Ut(i)!==o;return s&&(a=l,i=o),{width:a,height:i,$:s}}function Wa(e){return ya(e)?e:e.contextElement}function qa(e){const t=Wa(e);if(!Za(t))return qt(1);const a=t.getBoundingClientRect(),{width:i,height:n,$:l}=Ua(t);let o=(l?Ut(a.width):a.width)/i,s=(l?Ut(a.height):a.height)/n;return o&&Number.isFinite(o)||(o=1),s&&Number.isFinite(s)||(s=1),{x:o,y:s}}const ja=qt(0);function Fa(e){const t=ma(e);return Ea()&&t.visualViewport?{x:t.visualViewport.offsetLeft,y:t.visualViewport.offsetTop}:ja}function Ka(e,t,a,i){void 0===t&&(t=!1),void 0===a&&(a=!1);const n=e.getBoundingClientRect(),l=Wa(e);let o=qt(1);t&&(i?ya(i)&&(o=qa(i)):o=qa(e));const s=function(e,t,a){return void 0===t&&(t=!1),!(!a||t&&a!==ma(e))&&t}(l,a,i)?Fa(l):qt(0);let r=(n.left+s.x)/o.x,c=(n.top+s.y)/o.y,d=n.width/o.x,h=n.height/o.y;if(l){const e=ma(l),t=i&&ya(i)?ma(i):i;let a=e,n=Ia(a);for(;n&&i&&t!==a;){const e=qa(n),t=n.getBoundingClientRect(),i=Ta(n),l=t.left+(n.clientLeft+parseFloat(i.paddingLeft))*e.x,o=t.top+(n.clientTop+parseFloat(i.paddingTop))*e.y;r*=e.x,c*=e.y,d*=e.x,h*=e.y,r+=l,c+=o,a=ma(n),n=Ia(a)}}return va({width:d,height:h,x:r,y:c})}function Xa(e,t){const a=Na(e).scrollLeft;return t?t.left+a:Ka(ba(e)).left+a}function Ja(e,t){const a=e.getBoundingClientRect();return{x:a.left+t.scrollLeft-Xa(e,a),y:a.top+t.scrollTop}}const Ya=new Set(["absolute","fixed"]);function Ga(e,t,a){let i;if("viewport"===t)i=function(e,t){const a=ma(e),i=ba(e),n=a.visualViewport;let l=i.clientWidth,o=i.clientHeight,s=0,r=0;if(n){l=n.width,o=n.height;const e=Ea();(!e||e&&"fixed"===t)&&(s=n.offsetLeft,r=n.offsetTop)}const c=Xa(i);if(c<=0){const e=i.ownerDocument,t=e.body,a=getComputedStyle(t),n="CSS1Compat"===e.compatMode&&parseFloat(a.marginLeft)+parseFloat(a.marginRight)||0,o=Math.abs(i.clientWidth-t.clientWidth-n);o<=25&&(l-=o)}else c<=25&&(l+=c);return{width:l,height:o,x:s,y:r}}(e,a);else if("document"===t)i=function(e){const t=ba(e),a=Na(e),i=e.ownerDocument.body,n=It(t.scrollWidth,t.clientWidth,i.scrollWidth,i.clientWidth),l=It(t.scrollHeight,t.clientHeight,i.scrollHeight,i.clientHeight);let o=-a.scrollLeft+Xa(e);const s=-a.scrollTop;return"rtl"===Ta(i).direction&&(o+=It(t.clientWidth,i.clientWidth)-n),{width:n,height:l,x:o,y:s}}(ba(e));else if(ya(t))i=function(e,t){const a=Ka(e,!0,"fixed"===t),i=a.top+e.clientTop,n=a.left+e.clientLeft,l=Za(e)?qa(e):qt(1);return{width:e.clientWidth*l.x,height:e.clientHeight*l.y,x:n*l.x,y:i*l.y}}(t,a);else{const a=Fa(e);i={x:t.x-a.x,y:t.y-a.y,width:t.width,height:t.height}}return va(i)}function Qa(e,t){const a=Oa(e);return!(a===t||!ya(a)||Ra(a))&&("fixed"===Ta(a).position||Qa(a,t))}function ei(e,t,a){const i=Za(t),n=ba(t),l="fixed"===a,o=Ka(e,!0,l,t);let s={scrollLeft:0,scrollTop:0};const r=qt(0);function c(){r.x=Xa(n)}if(i||!i&&!l)if(("body"!==fa(t)||_a(n))&&(s=Na(t)),i){const e=Ka(t,!0,l,t);r.x=e.x+t.clientLeft,r.y=e.y+t.clientTop}else n&&c();l&&!i&&n&&c();const d=!n||i||l?qt(0):Ja(n,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 ti(e){return"static"===Ta(e).position}function ai(e,t){if(!Za(e)||"fixed"===Ta(e).position)return null;if(t)return t(e);let a=e.offsetParent;return ba(e)===a&&(a=a.ownerDocument.body),a}function ii(e,t){const a=ma(e);if($a(e))return a;if(!Za(e)){let t=Oa(e);for(;t&&!Ra(t);){if(ya(t)&&!ti(t))return t;t=Oa(t)}return a}let i=ai(e,t);for(;i&&Ha(i)&&ti(i);)i=ai(i,t);return i&&Ra(i)&&ti(i)&&!La(i)?a:i||function(e){let t=Oa(e);for(;Za(t)&&!Ra(t);){if(La(t))return t;if($a(t))return null;t=Oa(t)}return null}(e)||a}const ni={convertOffsetParentRelativeRectToViewportRelativeRect:function(e){let{elements:t,rect:a,offsetParent:i,strategy:n}=e;const l="fixed"===n,o=ba(i),s=!!t&&$a(t.floating);if(i===o||s&&l)return a;let r={scrollLeft:0,scrollTop:0},c=qt(1);const d=qt(0),h=Za(i);if((h||!h&&!l)&&(("body"!==fa(i)||_a(o))&&(r=Na(i)),Za(i))){const e=Ka(i);c=qa(i),d.x=e.x+i.clientLeft,d.y=e.y+i.clientTop}const v=!o||h||l?qt(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:ba,getClippingRect:function(e){let{element:t,boundary:a,rootBoundary:i,strategy:n}=e;const l=[..."clippingAncestors"===a?$a(t)?[]:function(e,t){const a=t.get(e);if(a)return a;let i=Da(e,[],!1).filter(e=>ya(e)&&"body"!==fa(e)),n=null;const l="fixed"===Ta(e).position;let o=l?Oa(e):e;for(;ya(o)&&!Ra(o);){const t=Ta(o),a=La(o);a||"fixed"!==t.position||(n=null),(l?!a&&!n:!a&&"static"===t.position&&n&&Ya.has(n.position)||_a(o)&&!a&&Qa(e,o))?i=i.filter(e=>e!==o):n=t,o=Oa(o)}return t.set(e,i),i}(t,this._c):[].concat(a),i],o=l[0],s=l.reduce((e,a)=>{const i=Ga(t,a,n);return e.top=It(i.top,e.top),e.right=Dt(i.right,e.right),e.bottom=Dt(i.bottom,e.bottom),e.left=It(i.left,e.left),e},Ga(t,o,n));return{width:s.right-s.left,height:s.bottom-s.top,x:s.left,y:s.top}},getOffsetParent:ii,getElementRects:async function(e){const t=this.getOffsetParent||ii,a=this.getDimensions,i=await a(e.floating);return{reference:ei(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}=Ua(e);return{width:t,height:a}},getScale:qa,isElement:ya,isRTL:function(e){return"rtl"===Ta(e).direction}};function li(e,t){return e.x===t.x&&e.y===t.y&&e.width===t.width&&e.height===t.height}function oi(e,t,a,i){void 0===i&&(i={});const{ancestorScroll:n=!0,ancestorResize:l=!0,elementResize:o="function"==typeof ResizeObserver,layoutShift:s="function"==typeof IntersectionObserver,animationFrame:r=!1}=i,c=Wa(e),d=n||l?[...c?Da(c):[],...Da(t)]:[];d.forEach(e=>{n&&e.addEventListener("scroll",a,{passive:!0}),l&&e.addEventListener("resize",a)});const h=c&&s?function(e,t){let a,i=null;const n=ba(e);function l(){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),l();const c=e.getBoundingClientRect(),{left:d,top:h,width:v,height:p}=c;if(s||t(),!v||!p)return;const g={rootMargin:-Wt(h)+"px "+-Wt(n.clientWidth-(d+v))+"px "+-Wt(n.clientHeight-(h+p))+"px "+-Wt(d)+"px",threshold:It(0,Dt(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:n.ownerDocument})}catch(e){i=new IntersectionObserver(w,g)}i.observe(e)}(!0),l}(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?Ka(e):null;return r&&function t(){const i=Ka(e);u&&!li(u,i)&&a();u=i,v=requestAnimationFrame(t)}(),a(),()=>{var e;d.forEach(e=>{n&&e.removeEventListener("scroll",a),l&&e.removeEventListener("resize",a)}),null==h||h(),null==(e=g)||e.disconnect(),g=null,r&&cancelAnimationFrame(v)}}const si=function(e){return void 0===e&&(e=0),{name:"offset",options:e,async fn(t){var a,i;const{x:n,y:l,placement:o,middlewareData:s}=t,r=await async function(e,t){const{placement:a,platform:i,elements:n}=e,l=await(null==i.isRTL?void 0:i.isRTL(n.floating)),o=Jt(a),s=Yt(a),r="y"===ta(a),c=ua.has(o)?-1:1,d=l&&r?-1:1,h=Xt(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:n+r.x,y:l+r.y,data:{...r,placement:o}}}}},ri=function(e){return void 0===e&&(e={}),{name:"shift",options:e,async fn(t){const{x:a,y:i,placement:n}=t,{mainAxis:l=!0,crossAxis:o=!1,limiter:s={fn:e=>{let{x:t,y:a}=e;return{x:t,y:a}}},...r}=Xt(e,t),c={x:a,y:i},d=await ga(t,r),h=ta(Jt(n)),v=Gt(h);let p=c[v],g=c[h];if(l){const e="y"===v?"bottom":"right";p=Kt(p+d["y"===v?"top":"left"],p,p-d[e])}if(o){const e="y"===h?"bottom":"right";g=Kt(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]:l,[h]:o}}}}}},ci=function(e){return void 0===e&&(e={}),{name:"flip",options:e,async fn(t){var a,i;const{placement:n,middlewareData:l,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}=Xt(e,t);if(null!=(a=l.arrow)&&a.alignmentOffset)return{};const f=Jt(n),m=ta(s),b=Jt(s)===s,x=await(null==r.isRTL?void 0:r.isRTL(c.floating)),y=v||(b||!u?[da(s)]:function(e){const t=da(e);return[na(e),t,na(t)]}(s)),Z="none"!==g;!v&&Z&&y.push(...ca(s,u,g,x));const C=[s,...y],M=await ga(t,w),_=[];let V=(null==(i=l.flip)?void 0:i.overflows)||[];if(d&&_.push(M[f]),h){const e=ia(n,o,x);_.push(M[e[0]],M[e[1]])}if(V=[...V,{placement:n,overflows:_}],!_.every(e=>e<=0)){var H,k;const e=((null==(H=l.flip)?void 0:H.index)||0)+1,t=C[e];if(t){if(!("alignment"===h&&m!==ta(t))||V.every(e=>ta(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=ta(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(n!==a)return{reset:{placement:a}}}return{}}}},di=(e,t,a)=>{const i=new Map,n={platform:ni,...a},l={...n.platform,_c:i};return(async(e,t,a)=>{const{placement:i="bottom",strategy:n="absolute",middleware:l=[],platform:o}=a,s=l.filter(Boolean),r=await(null==o.isRTL?void 0:o.isRTL(t));let c=await o.getElementRects({reference:e,floating:t,strategy:n}),{x:d,y:h}=pa(c,i,r),v=i,p={},g=0;for(let a=0;a<s.length;a++){const{name:l,fn:u}=s[a],{x:w,y:f,data:m,reset:b}=await u({x:d,y:h,initialPlacement:i,placement:v,strategy:n,middlewareData:p,rects:c,platform:o,elements:{reference:e,floating:t}});d=null!=w?w:d,h=null!=f?f:h,p={...p,[l]:{...p[l],...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:n}):b.rects),({x:d,y:h}=pa(c,v,r))),a=-1)}return{x:d,y:h,placement:v,strategy:n,middlewareData:p}})(e,t,{...n,platform:l})};var hi=p`.dropdown{display:flex;height:inherit;position:relative}.dropdown-menu{max-width:var(--sgds-dimension-320)}.toggler-container{flex:1;pointer-events:none}.toggler-container ::slotted(*){pointer-events:auto}`,vi=p`:host([menuisopen]:not([disabled]):not([readonly])) .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-192);overflow-y:auto;padding:var(--sgds-padding-xs) 0;position:absolute;text-align:left;z-index:var(--sgds-z-index-floating)}.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%}`,pi=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-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)}}`
+    `}_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:Boolean})],zt.prototype,"hasNonCollapsibleSlot",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([Ne()],zt.prototype,"defaultNodes",void 0),e([Ne({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 Dt=Math.min,It=Math.max,Ut=Math.round,Wt=Math.floor,qt=e=>({x:e,y:e}),jt={left:"right",right:"left",bottom:"top",top:"bottom"},Ft={start:"end",end:"start"};function Kt(e,t,a){return It(e,Dt(t,a))}function Xt(e,t){return"function"==typeof e?e(t):e}function Jt(e){return e.split("-")[0]}function Yt(e){return e.split("-")[1]}function Gt(e){return"x"===e?"y":"x"}function Qt(e){return"y"===e?"height":"width"}const ea=new Set(["top","bottom"]);function ta(e){return ea.has(Jt(e))?"y":"x"}function aa(e){return Gt(ta(e))}function ia(e,t,a){void 0===a&&(a=!1);const i=Yt(e),n=aa(e),l=Qt(n);let o="x"===n?i===(a?"end":"start")?"right":"left":"start"===i?"bottom":"top";return t.reference[l]>t.floating[l]&&(o=da(o)),[o,da(o)]}function na(e){return e.replace(/start|end/g,e=>Ft[e])}const la=["left","right"],oa=["right","left"],sa=["top","bottom"],ra=["bottom","top"];function ca(e,t,a,i){const n=Yt(e);let l=function(e,t,a){switch(e){case"top":case"bottom":return a?t?oa:la:t?la:oa;case"left":case"right":return t?sa:ra;default:return[]}}(Jt(e),"start"===a,i);return n&&(l=l.map(e=>e+"-"+n),t&&(l=l.concat(l.map(na)))),l}function da(e){return e.replace(/left|right|bottom|top/g,e=>jt[e])}function ha(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 va(e){const{x:t,y:a,width:i,height:n}=e;return{width:i,height:n,top:a,left:t,right:t+i,bottom:a+n,x:t,y:a}}function pa(e,t,a){let{reference:i,floating:n}=e;const l=ta(t),o=aa(t),s=Qt(o),r=Jt(t),c="y"===l,d=i.x+i.width/2-n.width/2,h=i.y+i.height/2-n.height/2,v=i[s]/2-n[s]/2;let p;switch(r){case"top":p={x:d,y:i.y-n.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-n.width,y:h};break;default:p={x:i.x,y:i.y}}switch(Yt(t)){case"start":p[o]-=v*(a&&c?-1:1);break;case"end":p[o]+=v*(a&&c?-1:1)}return p}async function ga(e,t){var a;void 0===t&&(t={});const{x:i,y:n,platform:l,rects:o,elements:s,strategy:r}=e,{boundary:c="clippingAncestors",rootBoundary:d="viewport",elementContext:h="floating",altBoundary:v=!1,padding:p=0}=Xt(t,e),g=ha(p),u=s[v?"floating"===h?"reference":"floating":h],w=va(await l.getClippingRect({element:null==(a=await(null==l.isElement?void 0:l.isElement(u)))||a?u:u.contextElement||await(null==l.getDocumentElement?void 0:l.getDocumentElement(s.floating)),boundary:c,rootBoundary:d,strategy:r})),f="floating"===h?{x:i,y:n,width:o.floating.width,height:o.floating.height}:o.reference,m=await(null==l.getOffsetParent?void 0:l.getOffsetParent(s.floating)),b=await(null==l.isElement?void 0:l.isElement(m))&&await(null==l.getScale?void 0:l.getScale(m))||{x:1,y:1},x=va(l.convertOffsetParentRelativeRectToViewportRelativeRect?await l.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 ua=new Set(["left","top"]);function wa(){return"undefined"!=typeof window}function fa(e){return xa(e)?(e.nodeName||"").toLowerCase():"#document"}function ma(e){var t;return(null==e||null==(t=e.ownerDocument)?void 0:t.defaultView)||window}function ba(e){var t;return null==(t=(xa(e)?e.ownerDocument:e.document)||window.document)?void 0:t.documentElement}function xa(e){return!!wa()&&(e instanceof Node||e instanceof ma(e).Node)}function ya(e){return!!wa()&&(e instanceof Element||e instanceof ma(e).Element)}function Za(e){return!!wa()&&(e instanceof HTMLElement||e instanceof ma(e).HTMLElement)}function Ca(e){return!(!wa()||"undefined"==typeof ShadowRoot)&&(e instanceof ShadowRoot||e instanceof ma(e).ShadowRoot)}const Ma=new Set(["inline","contents"]);function _a(e){const{overflow:t,overflowX:a,overflowY:i,display:n}=Ta(e);return/auto|scroll|overlay|hidden|clip/.test(t+i+a)&&!Ma.has(n)}const Va=new Set(["table","td","th"]);function Ha(e){return Va.has(fa(e))}const ka=[":popover-open",":modal"];function $a(e){return ka.some(t=>{try{return e.matches(t)}catch(e){return!1}})}const Sa=["transform","translate","scale","rotate","perspective"],Ba=["transform","translate","scale","rotate","perspective","filter"],Aa=["paint","layout","strict","content"];function La(e){const t=Ea(),a=ya(e)?Ta(e):e;return Sa.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))||Aa.some(e=>(a.contain||"").includes(e))}function Ea(){return!("undefined"==typeof CSS||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}const Pa=new Set(["html","body","#document"]);function Ra(e){return Pa.has(fa(e))}function Ta(e){return ma(e).getComputedStyle(e)}function Na(e){return ya(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.scrollX,scrollTop:e.scrollY}}function Oa(e){if("html"===fa(e))return e;const t=e.assignedSlot||e.parentNode||Ca(e)&&e.host||ba(e);return Ca(t)?t.host:t}function za(e){const t=Oa(e);return Ra(t)?e.ownerDocument?e.ownerDocument.body:e.body:Za(t)&&_a(t)?t:za(t)}function Da(e,t,a){var i;void 0===t&&(t=[]),void 0===a&&(a=!0);const n=za(e),l=n===(null==(i=e.ownerDocument)?void 0:i.body),o=ma(n);if(l){const e=Ia(o);return t.concat(o,o.visualViewport||[],_a(n)?n:[],e&&a?Da(e):[])}return t.concat(n,Da(n,[],a))}function Ia(e){return e.parent&&Object.getPrototypeOf(e.parent)?e.frameElement:null}function Ua(e){const t=Ta(e);let a=parseFloat(t.width)||0,i=parseFloat(t.height)||0;const n=Za(e),l=n?e.offsetWidth:a,o=n?e.offsetHeight:i,s=Ut(a)!==l||Ut(i)!==o;return s&&(a=l,i=o),{width:a,height:i,$:s}}function Wa(e){return ya(e)?e:e.contextElement}function qa(e){const t=Wa(e);if(!Za(t))return qt(1);const a=t.getBoundingClientRect(),{width:i,height:n,$:l}=Ua(t);let o=(l?Ut(a.width):a.width)/i,s=(l?Ut(a.height):a.height)/n;return o&&Number.isFinite(o)||(o=1),s&&Number.isFinite(s)||(s=1),{x:o,y:s}}const ja=qt(0);function Fa(e){const t=ma(e);return Ea()&&t.visualViewport?{x:t.visualViewport.offsetLeft,y:t.visualViewport.offsetTop}:ja}function Ka(e,t,a,i){void 0===t&&(t=!1),void 0===a&&(a=!1);const n=e.getBoundingClientRect(),l=Wa(e);let o=qt(1);t&&(i?ya(i)&&(o=qa(i)):o=qa(e));const s=function(e,t,a){return void 0===t&&(t=!1),!(!a||t&&a!==ma(e))&&t}(l,a,i)?Fa(l):qt(0);let r=(n.left+s.x)/o.x,c=(n.top+s.y)/o.y,d=n.width/o.x,h=n.height/o.y;if(l){const e=ma(l),t=i&&ya(i)?ma(i):i;let a=e,n=Ia(a);for(;n&&i&&t!==a;){const e=qa(n),t=n.getBoundingClientRect(),i=Ta(n),l=t.left+(n.clientLeft+parseFloat(i.paddingLeft))*e.x,o=t.top+(n.clientTop+parseFloat(i.paddingTop))*e.y;r*=e.x,c*=e.y,d*=e.x,h*=e.y,r+=l,c+=o,a=ma(n),n=Ia(a)}}return va({width:d,height:h,x:r,y:c})}function Xa(e,t){const a=Na(e).scrollLeft;return t?t.left+a:Ka(ba(e)).left+a}function Ja(e,t){const a=e.getBoundingClientRect();return{x:a.left+t.scrollLeft-Xa(e,a),y:a.top+t.scrollTop}}const Ya=new Set(["absolute","fixed"]);function Ga(e,t,a){let i;if("viewport"===t)i=function(e,t){const a=ma(e),i=ba(e),n=a.visualViewport;let l=i.clientWidth,o=i.clientHeight,s=0,r=0;if(n){l=n.width,o=n.height;const e=Ea();(!e||e&&"fixed"===t)&&(s=n.offsetLeft,r=n.offsetTop)}const c=Xa(i);if(c<=0){const e=i.ownerDocument,t=e.body,a=getComputedStyle(t),n="CSS1Compat"===e.compatMode&&parseFloat(a.marginLeft)+parseFloat(a.marginRight)||0,o=Math.abs(i.clientWidth-t.clientWidth-n);o<=25&&(l-=o)}else c<=25&&(l+=c);return{width:l,height:o,x:s,y:r}}(e,a);else if("document"===t)i=function(e){const t=ba(e),a=Na(e),i=e.ownerDocument.body,n=It(t.scrollWidth,t.clientWidth,i.scrollWidth,i.clientWidth),l=It(t.scrollHeight,t.clientHeight,i.scrollHeight,i.clientHeight);let o=-a.scrollLeft+Xa(e);const s=-a.scrollTop;return"rtl"===Ta(i).direction&&(o+=It(t.clientWidth,i.clientWidth)-n),{width:n,height:l,x:o,y:s}}(ba(e));else if(ya(t))i=function(e,t){const a=Ka(e,!0,"fixed"===t),i=a.top+e.clientTop,n=a.left+e.clientLeft,l=Za(e)?qa(e):qt(1);return{width:e.clientWidth*l.x,height:e.clientHeight*l.y,x:n*l.x,y:i*l.y}}(t,a);else{const a=Fa(e);i={x:t.x-a.x,y:t.y-a.y,width:t.width,height:t.height}}return va(i)}function Qa(e,t){const a=Oa(e);return!(a===t||!ya(a)||Ra(a))&&("fixed"===Ta(a).position||Qa(a,t))}function ei(e,t,a){const i=Za(t),n=ba(t),l="fixed"===a,o=Ka(e,!0,l,t);let s={scrollLeft:0,scrollTop:0};const r=qt(0);function c(){r.x=Xa(n)}if(i||!i&&!l)if(("body"!==fa(t)||_a(n))&&(s=Na(t)),i){const e=Ka(t,!0,l,t);r.x=e.x+t.clientLeft,r.y=e.y+t.clientTop}else n&&c();l&&!i&&n&&c();const d=!n||i||l?qt(0):Ja(n,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 ti(e){return"static"===Ta(e).position}function ai(e,t){if(!Za(e)||"fixed"===Ta(e).position)return null;if(t)return t(e);let a=e.offsetParent;return ba(e)===a&&(a=a.ownerDocument.body),a}function ii(e,t){const a=ma(e);if($a(e))return a;if(!Za(e)){let t=Oa(e);for(;t&&!Ra(t);){if(ya(t)&&!ti(t))return t;t=Oa(t)}return a}let i=ai(e,t);for(;i&&Ha(i)&&ti(i);)i=ai(i,t);return i&&Ra(i)&&ti(i)&&!La(i)?a:i||function(e){let t=Oa(e);for(;Za(t)&&!Ra(t);){if(La(t))return t;if($a(t))return null;t=Oa(t)}return null}(e)||a}const ni={convertOffsetParentRelativeRectToViewportRelativeRect:function(e){let{elements:t,rect:a,offsetParent:i,strategy:n}=e;const l="fixed"===n,o=ba(i),s=!!t&&$a(t.floating);if(i===o||s&&l)return a;let r={scrollLeft:0,scrollTop:0},c=qt(1);const d=qt(0),h=Za(i);if((h||!h&&!l)&&(("body"!==fa(i)||_a(o))&&(r=Na(i)),Za(i))){const e=Ka(i);c=qa(i),d.x=e.x+i.clientLeft,d.y=e.y+i.clientTop}const v=!o||h||l?qt(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:ba,getClippingRect:function(e){let{element:t,boundary:a,rootBoundary:i,strategy:n}=e;const l=[..."clippingAncestors"===a?$a(t)?[]:function(e,t){const a=t.get(e);if(a)return a;let i=Da(e,[],!1).filter(e=>ya(e)&&"body"!==fa(e)),n=null;const l="fixed"===Ta(e).position;let o=l?Oa(e):e;for(;ya(o)&&!Ra(o);){const t=Ta(o),a=La(o);a||"fixed"!==t.position||(n=null),(l?!a&&!n:!a&&"static"===t.position&&n&&Ya.has(n.position)||_a(o)&&!a&&Qa(e,o))?i=i.filter(e=>e!==o):n=t,o=Oa(o)}return t.set(e,i),i}(t,this._c):[].concat(a),i],o=l[0],s=l.reduce((e,a)=>{const i=Ga(t,a,n);return e.top=It(i.top,e.top),e.right=Dt(i.right,e.right),e.bottom=Dt(i.bottom,e.bottom),e.left=It(i.left,e.left),e},Ga(t,o,n));return{width:s.right-s.left,height:s.bottom-s.top,x:s.left,y:s.top}},getOffsetParent:ii,getElementRects:async function(e){const t=this.getOffsetParent||ii,a=this.getDimensions,i=await a(e.floating);return{reference:ei(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}=Ua(e);return{width:t,height:a}},getScale:qa,isElement:ya,isRTL:function(e){return"rtl"===Ta(e).direction}};function li(e,t){return e.x===t.x&&e.y===t.y&&e.width===t.width&&e.height===t.height}function oi(e,t,a,i){void 0===i&&(i={});const{ancestorScroll:n=!0,ancestorResize:l=!0,elementResize:o="function"==typeof ResizeObserver,layoutShift:s="function"==typeof IntersectionObserver,animationFrame:r=!1}=i,c=Wa(e),d=n||l?[...c?Da(c):[],...Da(t)]:[];d.forEach(e=>{n&&e.addEventListener("scroll",a,{passive:!0}),l&&e.addEventListener("resize",a)});const h=c&&s?function(e,t){let a,i=null;const n=ba(e);function l(){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),l();const c=e.getBoundingClientRect(),{left:d,top:h,width:v,height:p}=c;if(s||t(),!v||!p)return;const g={rootMargin:-Wt(h)+"px "+-Wt(n.clientWidth-(d+v))+"px "+-Wt(n.clientHeight-(h+p))+"px "+-Wt(d)+"px",threshold:It(0,Dt(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:n.ownerDocument})}catch(e){i=new IntersectionObserver(w,g)}i.observe(e)}(!0),l}(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?Ka(e):null;return r&&function t(){const i=Ka(e);u&&!li(u,i)&&a();u=i,v=requestAnimationFrame(t)}(),a(),()=>{var e;d.forEach(e=>{n&&e.removeEventListener("scroll",a),l&&e.removeEventListener("resize",a)}),null==h||h(),null==(e=g)||e.disconnect(),g=null,r&&cancelAnimationFrame(v)}}const si=function(e){return void 0===e&&(e=0),{name:"offset",options:e,async fn(t){var a,i;const{x:n,y:l,placement:o,middlewareData:s}=t,r=await async function(e,t){const{placement:a,platform:i,elements:n}=e,l=await(null==i.isRTL?void 0:i.isRTL(n.floating)),o=Jt(a),s=Yt(a),r="y"===ta(a),c=ua.has(o)?-1:1,d=l&&r?-1:1,h=Xt(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:n+r.x,y:l+r.y,data:{...r,placement:o}}}}},ri=function(e){return void 0===e&&(e={}),{name:"shift",options:e,async fn(t){const{x:a,y:i,placement:n}=t,{mainAxis:l=!0,crossAxis:o=!1,limiter:s={fn:e=>{let{x:t,y:a}=e;return{x:t,y:a}}},...r}=Xt(e,t),c={x:a,y:i},d=await ga(t,r),h=ta(Jt(n)),v=Gt(h);let p=c[v],g=c[h];if(l){const e="y"===v?"bottom":"right";p=Kt(p+d["y"===v?"top":"left"],p,p-d[e])}if(o){const e="y"===h?"bottom":"right";g=Kt(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]:l,[h]:o}}}}}},ci=function(e){return void 0===e&&(e={}),{name:"flip",options:e,async fn(t){var a,i;const{placement:n,middlewareData:l,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}=Xt(e,t);if(null!=(a=l.arrow)&&a.alignmentOffset)return{};const f=Jt(n),m=ta(s),b=Jt(s)===s,x=await(null==r.isRTL?void 0:r.isRTL(c.floating)),y=v||(b||!u?[da(s)]:function(e){const t=da(e);return[na(e),t,na(t)]}(s)),Z="none"!==g;!v&&Z&&y.push(...ca(s,u,g,x));const C=[s,...y],M=await ga(t,w),_=[];let V=(null==(i=l.flip)?void 0:i.overflows)||[];if(d&&_.push(M[f]),h){const e=ia(n,o,x);_.push(M[e[0]],M[e[1]])}if(V=[...V,{placement:n,overflows:_}],!_.every(e=>e<=0)){var H,k;const e=((null==(H=l.flip)?void 0:H.index)||0)+1,t=C[e];if(t){if(!("alignment"===h&&m!==ta(t))||V.every(e=>ta(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=ta(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(n!==a)return{reset:{placement:a}}}return{}}}},di=(e,t,a)=>{const i=new Map,n={platform:ni,...a},l={...n.platform,_c:i};return(async(e,t,a)=>{const{placement:i="bottom",strategy:n="absolute",middleware:l=[],platform:o}=a,s=l.filter(Boolean),r=await(null==o.isRTL?void 0:o.isRTL(t));let c=await o.getElementRects({reference:e,floating:t,strategy:n}),{x:d,y:h}=pa(c,i,r),v=i,p={},g=0;for(let a=0;a<s.length;a++){const{name:l,fn:u}=s[a],{x:w,y:f,data:m,reset:b}=await u({x:d,y:h,initialPlacement:i,placement:v,strategy:n,middlewareData:p,rects:c,platform:o,elements:{reference:e,floating:t}});d=null!=w?w:d,h=null!=f?f:h,p={...p,[l]:{...p[l],...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:n}):b.rects),({x:d,y:h}=pa(c,v,r))),a=-1)}return{x:d,y:h,placement:v,strategy:n,middlewareData:p}})(e,t,{...n,platform:l})};var hi=p`.dropdown{display:flex;height:inherit;position:relative}.dropdown-menu{max-width:var(--sgds-dimension-320)}.toggler-container{flex:1;pointer-events:none}.toggler-container ::slotted(*){pointer-events:auto}`,vi=p`:host([menuisopen]:not([disabled]):not([readonly])) .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-192);overflow-y:auto;padding:var(--sgds-padding-xs) 0;position:absolute;text-align:left;z-index:var(--sgds-z-index-floating)}.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%}`,pi=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-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-40)}.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)}}`
 /**
    * @license
    * Copyright 2020 Google LLC
@@ -2410,7 +2410,7 @@ let Se;$e?.({LitElement:He}),(_e.litElementVersions??=[]).push("4.2.2"),_e.litEl
           <slot id="default" @click=${this.handleSelectSlot}></slot>
         </div>
       </div>
-    `}}Hi.styles=[...Vi.styles,hi,vi],e([Le({type:Boolean,reflect:!0,state:!1})],Hi.prototype,"noFlip",void 0),e([Le({type:Boolean,reflect:!0,state:!1})],Hi.prototype,"menuAlignRight",void 0),e([Le({type:String,reflect:!0,state:!1})],Hi.prototype,"drop",void 0),e([Ne({slot:"toggler",flatten:!0})],Hi.prototype,"_toggler",void 0),e([at("disabled",{waitUntilFirstUpdate:!0})],Hi.prototype,"_handleDisabled",null);var ki=p`: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 $i extends qe{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 oe`
+    `}}Hi.styles=[...Vi.styles,hi,vi],e([Le({type:Boolean,reflect:!0,state:!1})],Hi.prototype,"noFlip",void 0),e([Le({type:Boolean,reflect:!0,state:!1})],Hi.prototype,"menuAlignRight",void 0),e([Le({type:String,reflect:!0,state:!1})],Hi.prototype,"drop",void 0),e([Ne({slot:"toggler",flatten:!0})],Hi.prototype,"_toggler",void 0),e([at("disabled",{waitUntilFirstUpdate:!0})],Hi.prototype,"_handleDisabled",null);var ki=p`: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-40);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 $i extends qe{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 oe`
       <div
         class="dropdown-item ${Ue({disabled:this.disabled,active:this.active})}"
         tabindex=${this.disabled?"-1":"0"}
@@ -2452,5 +2452,5 @@ let Se;$e?.({LitElement:He}),(_e.litElementVersions??=[]).push("4.2.2"),_e.litEl
         <sgds-icon name="chevron-down"></sgds-icon>
       </a>
       <slot @slotchange=${this._handleDesktopSlotChange}></slot>
-    </sgds-dropdown>`;return this._breakpointReached?e:t}}Bi.styles=[...qe.styles,hi,vi,pi],Bi.dependencies={"sgds-dropdown":Hi,"sgds-dropdown-item":$i,"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([Ne({slot:"toggler"})],Bi.prototype,"togglerNodes",void 0),e([Ne()],Bi.prototype,"defaultNodes",void 0);var Ai=p`: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 Li 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 Ei(e,t){customElements.get(e)||customElements.define(e,t)}Li.styles=[...qe.styles,Ai],e([Le({type:Boolean,reflect:!0})],Li.prototype,"active",void 0),e([Le({type:Boolean,reflect:!0})],Li.prototype,"disabled",void 0),e([at("disabled")],Li.prototype,"_handleDisabled",null),Ei("sgds-mainnav",zt),Ei("sgds-mainnav-dropdown",Bi),Ei("sgds-mainnav-item",Li)});
+    </sgds-dropdown>`;return this._breakpointReached?e:t}}Bi.styles=[...qe.styles,hi,vi,pi],Bi.dependencies={"sgds-dropdown":Hi,"sgds-dropdown-item":$i,"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([Ne({slot:"toggler"})],Bi.prototype,"togglerNodes",void 0),e([Ne()],Bi.prototype,"defaultNodes",void 0);var Ai=p`: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-40)}`;class Li 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 Ei(e,t){customElements.get(e)||customElements.define(e,t)}Li.styles=[...qe.styles,Ai],e([Le({type:Boolean,reflect:!0})],Li.prototype,"active",void 0),e([Le({type:Boolean,reflect:!0})],Li.prototype,"disabled",void 0),e([at("disabled")],Li.prototype,"_handleDisabled",null),Ei("sgds-mainnav",zt),Ei("sgds-mainnav-dropdown",Bi),Ei("sgds-mainnav-item",Li)});
 //# sourceMappingURL=index.umd.min.js.map

package/components/Mainnav/mainnav-dropdown.js

@@ -1,6 +1,6 @@
 import { css } from 'lit';
 
-var css_248z = css`: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)}}`;
+var css_248z = css`: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-40)}.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)}}`;
 
 export { css_248z as default };
 //# sourceMappingURL=mainnav-dropdown.js.map

package/components/Mainnav/mainnav-item.js

@@ -1,6 +1,6 @@
 import { css } from 'lit';
 
-var css_248z = css`: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)}`;
+var css_248z = css`: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-40)}`;
 
 export { css_248z as default };
 //# sourceMappingURL=mainnav-item.js.map