@govtechsg/sgds-web-component 3.14.1-rc.1 → 3.15.0

package/components/Dropdown/sgds-dropdown.js

@@ -44,7 +44,7 @@ class SgdsDropdown extends DropdownListElement {
     async firstUpdated(changedProperties) {
         super.firstUpdated(changedProperties);
         if (this.menuIsOpen) {
-            await this.showMenu();
+            await this.updateFloatingPosition();
         }
         this._handleDisabled();
     }

package/components/Dropdown/sgds-dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"sgds-dropdown.js","sources":["../../../src/components/Dropdown/sgds-dropdown.ts"],"sourcesContent":["import { html, PropertyValueMap } from \"lit\";\nimport { property, queryAssignedElements } from \"lit/decorators.js\";\nimport { ref } from \"lit/directives/ref.js\";\nimport { DropdownListElement } from \"../../base/dropdown-list-element\";\nimport { watch } from \"../../utils/watch\";\nimport dropdownMenuStyle from \"./dropdown-menu.css\";\nimport dropdownStyle from \"./dropdown.css\";\n\nexport type DropDirection = \"left\" | \"right\" | \"up\" | \"down\";\nexport type DropdownButtonVariant =\n  | \"primary\"\n  | \"secondary\"\n  | \"success\"\n  | \"danger\"\n  | \"warning\"\n  | \"info\"\n  | \"light\"\n  | \"dark\";\n\n/**\n * @summary `SgdsDropdown` toggles contextual overlays for displaying lists of links.\n * @slot default - slot for sgds-dropdown-item passed into dropdown's menu\n * @slot toggler - slot for the toggler that triggers the open and closing of menu, typically a button. Only pass in a single element into this slot\n *\n */\nexport class SgdsDropdown extends DropdownListElement {\n  static styles = [...DropdownListElement.styles, dropdownStyle, dropdownMenuStyle];\n\n  constructor() {\n    super();\n    this.menuRef = ref();\n  }\n\n  /** Controls auto-flipping of menu */\n  @property({ type: Boolean, reflect: true, state: false })\n  noFlip = false;\n\n  /** When true, aligns right edge of menu with right edge of button */\n  @property({ type: Boolean, reflect: true, state: false })\n  menuAlignRight = false;\n\n  /** The drop position of menu relative to the toggle button */\n  @property({ type: String, reflect: true, state: false })\n  drop: DropDirection = \"down\";\n\n  @queryAssignedElements({ slot: \"toggler\", flatten: true })\n  private _toggler: Array<HTMLElement>;\n\n  protected menuRef;\n\n  private async _handleClick() {\n    if (this.disabled) {\n      return;\n    }\n    this.toggleMenu();\n  }\n\n  private _handleCloseMenu() {\n    const button = this._toggler[0];\n    button?.focus();\n  }\n\n  async connectedCallback() {\n    super.connectedCallback();\n    this.addEventListener(\"sgds-hide\", this._handleCloseMenu);\n  }\n\n  async disconnectedCallback() {\n    this.removeEventListener(\"sgds-hide\", this._handleCloseMenu);\n  }\n\n  async firstUpdated(changedProperties: PropertyValueMap<this>) {\n    super.firstUpdated(changedProperties);\n    if (this.menuIsOpen) {\n      await this.showMenu();\n    }\n    this._handleDisabled();\n  }\n\n  @watch(\"disabled\", { waitUntilFirstUpdate: true })\n  _handleDisabled() {\n    const button = this._toggler[0];\n    if (button) {\n      if (this.disabled) {\n        button.setAttribute(\"disabled\", \"true\");\n      } else {\n        button.hasAttribute(\"disabled\") && button.removeAttribute(\"disabled\");\n      }\n    }\n  }\n\n  render() {\n    return html`\n      <div class=\"dropdown\">\n        <div\n          class=\"toggler-container\"\n          ${ref(this.myDropdown)}\n          @click=${this._handleClick}\n          aria-expanded=\"${this.menuIsOpen}\"\n          aria-haspopup=\"menu\"\n        >\n          <slot name=\"toggler\"></slot>\n        </div>\n        <div class=\"dropdown-menu\" role=\"menu\" ${ref(this.menuRef)}>\n          <slot id=\"default\" @click=${this.handleSelectSlot}></slot>\n        </div>\n      </div>\n    `;\n  }\n}\n\nexport default SgdsDropdown;\n"],"names":["dropdownStyle","dropdownMenuStyle"],"mappings":"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"}
+{"version":3,"file":"sgds-dropdown.js","sources":["../../../src/components/Dropdown/sgds-dropdown.ts"],"sourcesContent":["import { html, PropertyValueMap } from \"lit\";\nimport { property, queryAssignedElements } from \"lit/decorators.js\";\nimport { ref } from \"lit/directives/ref.js\";\nimport { DropdownListElement } from \"../../base/dropdown-list-element\";\nimport { watch } from \"../../utils/watch\";\nimport dropdownMenuStyle from \"./dropdown-menu.css\";\nimport dropdownStyle from \"./dropdown.css\";\n\nexport type DropDirection = \"left\" | \"right\" | \"up\" | \"down\";\nexport type DropdownButtonVariant =\n  | \"primary\"\n  | \"secondary\"\n  | \"success\"\n  | \"danger\"\n  | \"warning\"\n  | \"info\"\n  | \"light\"\n  | \"dark\";\n\n/**\n * @summary `SgdsDropdown` toggles contextual overlays for displaying lists of links.\n * @slot default - slot for sgds-dropdown-item passed into dropdown's menu\n * @slot toggler - slot for the toggler that triggers the open and closing of menu, typically a button. Only pass in a single element into this slot\n *\n */\nexport class SgdsDropdown extends DropdownListElement {\n  static styles = [...DropdownListElement.styles, dropdownStyle, dropdownMenuStyle];\n\n  constructor() {\n    super();\n    this.menuRef = ref();\n  }\n\n  /** Controls auto-flipping of menu */\n  @property({ type: Boolean, reflect: true, state: false })\n  noFlip = false;\n\n  /** When true, aligns right edge of menu with right edge of button */\n  @property({ type: Boolean, reflect: true, state: false })\n  menuAlignRight = false;\n\n  /** The drop position of menu relative to the toggle button */\n  @property({ type: String, reflect: true, state: false })\n  drop: DropDirection = \"down\";\n\n  @queryAssignedElements({ slot: \"toggler\", flatten: true })\n  private _toggler: Array<HTMLElement>;\n\n  protected menuRef;\n\n  private async _handleClick() {\n    if (this.disabled) {\n      return;\n    }\n    this.toggleMenu();\n  }\n\n  private _handleCloseMenu() {\n    const button = this._toggler[0];\n    button?.focus();\n  }\n\n  async connectedCallback() {\n    super.connectedCallback();\n    this.addEventListener(\"sgds-hide\", this._handleCloseMenu);\n  }\n\n  async disconnectedCallback() {\n    this.removeEventListener(\"sgds-hide\", this._handleCloseMenu);\n  }\n\n  async firstUpdated(changedProperties: PropertyValueMap<this>) {\n    super.firstUpdated(changedProperties);\n    if (this.menuIsOpen) {\n      await this.updateFloatingPosition();\n    }\n    this._handleDisabled();\n  }\n\n  @watch(\"disabled\", { waitUntilFirstUpdate: true })\n  _handleDisabled() {\n    const button = this._toggler[0];\n    if (button) {\n      if (this.disabled) {\n        button.setAttribute(\"disabled\", \"true\");\n      } else {\n        button.hasAttribute(\"disabled\") && button.removeAttribute(\"disabled\");\n      }\n    }\n  }\n\n  render() {\n    return html`\n      <div class=\"dropdown\">\n        <div\n          class=\"toggler-container\"\n          ${ref(this.myDropdown)}\n          @click=${this._handleClick}\n          aria-expanded=\"${this.menuIsOpen}\"\n          aria-haspopup=\"menu\"\n        >\n          <slot name=\"toggler\"></slot>\n        </div>\n        <div class=\"dropdown-menu\" role=\"menu\" ${ref(this.menuRef)}>\n          <slot id=\"default\" @click=${this.handleSelectSlot}></slot>\n        </div>\n      </div>\n    `;\n  }\n}\n\nexport default SgdsDropdown;\n"],"names":["dropdownStyle","dropdownMenuStyle"],"mappings":"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"}

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

@@ -2383,7 +2383,7 @@ let Be;$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:String})],zt.prototype,"brandHref",void 0),e([Le({type:String})],zt.prototype,"expand",void 0),e([Le({type:Boolean,reflect:!0})],zt.prototype,"fluid",void 0),e([Ee()],zt.prototype,"breakpointReached",void 0),e([Oe()],zt.prototype,"defaultNodes",void 0),e([Oe({slot:"end"})],zt.prototype,"endNodes",void 0),e([at("expanding",{waitUntilFirstUpdate:!0})],zt.prototype,"handleOpenChange",null),Qe("mainnav.show",{keyframes:[{height:"0",opacity:"0"},{height:"auto",opacity:"1"}],options:{duration:200,easing:"ease-in-out"}}),Qe("mainnav.hide",{keyframes:[{height:"auto",opacity:"1"},{height:"0",opacity:"0"}],options:{duration:200,easing:"ease-in-out"}});const Nt=Math.min,Dt=Math.max,It=Math.round,Ut=Math.floor,Wt=e=>({x:e,y:e}),qt={left:"right",right:"left",bottom:"top",top:"bottom"},jt={start:"end",end:"start"};function Ft(e,t,a){return Dt(e,Nt(t,a))}function Kt(e,t){return"function"==typeof e?e(t):e}function Jt(e){return e.split("-")[0]}function Xt(e){return e.split("-")[1]}function Yt(e){return"x"===e?"y":"x"}function Gt(e){return"y"===e?"height":"width"}const Qt=new Set(["top","bottom"]);function ea(e){return Qt.has(Jt(e))?"y":"x"}function ta(e){return Yt(ea(e))}function aa(e,t,a){void 0===a&&(a=!1);const i=Xt(e),n=ta(e),l=Gt(n);let o="x"===n?i===(a?"end":"start")?"right":"left":"start"===i?"bottom":"top";return t.reference[l]>t.floating[l]&&(o=ca(o)),[o,ca(o)]}function ia(e){return e.replace(/start|end/g,e=>jt[e])}const na=["left","right"],la=["right","left"],oa=["top","bottom"],sa=["bottom","top"];function ra(e,t,a,i){const n=Xt(e);let l=function(e,t,a){switch(e){case"top":case"bottom":return a?t?la:na:t?na:la;case"left":case"right":return t?oa:sa;default:return[]}}(Jt(e),"start"===a,i);return n&&(l=l.map(e=>e+"-"+n),t&&(l=l.concat(l.map(ia)))),l}function ca(e){return e.replace(/left|right|bottom|top/g,e=>qt[e])}function da(e){return"number"!=typeof e?function(e){return{top:0,right:0,bottom:0,left:0,...e}}(e):{top:e,right:e,bottom:e,left:e}}function ha(e){const{x:t,y:a,width:i,height:n}=e;return{width:i,height:n,top:a,left:t,right:t+i,bottom:a+n,x:t,y:a}}function va(e,t,a){let{reference:i,floating:n}=e;const l=ea(t),o=ta(t),s=Gt(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(Xt(t)){case"start":p[o]-=v*(a&&c?-1:1);break;case"end":p[o]+=v*(a&&c?-1:1)}return p}async function pa(e,t){var a;void 0===t&&(t={});const{x:i,y: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}=Kt(t,e),g=da(p),u=s[v?"floating"===h?"reference":"floating":h],w=ha(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=ha(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 ga=new Set(["left","top"]);function ua(){return"undefined"!=typeof window}function wa(e){return ba(e)?(e.nodeName||"").toLowerCase():"#document"}function fa(e){var t;return(null==e||null==(t=e.ownerDocument)?void 0:t.defaultView)||window}function ma(e){var t;return null==(t=(ba(e)?e.ownerDocument:e.document)||window.document)?void 0:t.documentElement}function ba(e){return!!ua()&&(e instanceof Node||e instanceof fa(e).Node)}function xa(e){return!!ua()&&(e instanceof Element||e instanceof fa(e).Element)}function ya(e){return!!ua()&&(e instanceof HTMLElement||e instanceof fa(e).HTMLElement)}function Za(e){return!(!ua()||"undefined"==typeof ShadowRoot)&&(e instanceof ShadowRoot||e instanceof fa(e).ShadowRoot)}const Ca=new Set(["inline","contents"]);function Ma(e){const{overflow:t,overflowX:a,overflowY:i,display:n}=Ra(e);return/auto|scroll|overlay|hidden|clip/.test(t+i+a)&&!Ca.has(n)}const _a=new Set(["table","td","th"]);function Va(e){return _a.has(wa(e))}const Ha=[":popover-open",":modal"];function ka(e){return Ha.some(t=>{try{return e.matches(t)}catch(e){return!1}})}const $a=["transform","translate","scale","rotate","perspective"],Ba=["transform","translate","scale","rotate","perspective","filter"],Sa=["paint","layout","strict","content"];function Aa(e){const t=La(),a=xa(e)?Ra(e):e;return $a.some(e=>!!a[e]&&"none"!==a[e])||!!a.containerType&&"normal"!==a.containerType||!t&&!!a.backdropFilter&&"none"!==a.backdropFilter||!t&&!!a.filter&&"none"!==a.filter||Ba.some(e=>(a.willChange||"").includes(e))||Sa.some(e=>(a.contain||"").includes(e))}function La(){return!("undefined"==typeof CSS||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}const Ea=new Set(["html","body","#document"]);function Pa(e){return Ea.has(wa(e))}function Ra(e){return fa(e).getComputedStyle(e)}function Ta(e){return xa(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.scrollX,scrollTop:e.scrollY}}function Oa(e){if("html"===wa(e))return e;const t=e.assignedSlot||e.parentNode||Za(e)&&e.host||ma(e);return Za(t)?t.host:t}function za(e){const t=Oa(e);return Pa(t)?e.ownerDocument?e.ownerDocument.body:e.body:ya(t)&&Ma(t)?t:za(t)}function Na(e,t,a){var i;void 0===t&&(t=[]),void 0===a&&(a=!0);const n=za(e),l=n===(null==(i=e.ownerDocument)?void 0:i.body),o=fa(n);if(l){const e=Da(o);return t.concat(o,o.visualViewport||[],Ma(n)?n:[],e&&a?Na(e):[])}return t.concat(n,Na(n,[],a))}function Da(e){return e.parent&&Object.getPrototypeOf(e.parent)?e.frameElement:null}function Ia(e){const t=Ra(e);let a=parseFloat(t.width)||0,i=parseFloat(t.height)||0;const n=ya(e),l=n?e.offsetWidth:a,o=n?e.offsetHeight:i,s=It(a)!==l||It(i)!==o;return s&&(a=l,i=o),{width:a,height:i,$:s}}function Ua(e){return xa(e)?e:e.contextElement}function Wa(e){const t=Ua(e);if(!ya(t))return Wt(1);const a=t.getBoundingClientRect(),{width:i,height:n,$:l}=Ia(t);let o=(l?It(a.width):a.width)/i,s=(l?It(a.height):a.height)/n;return o&&Number.isFinite(o)||(o=1),s&&Number.isFinite(s)||(s=1),{x:o,y:s}}const qa=Wt(0);function ja(e){const t=fa(e);return La()&&t.visualViewport?{x:t.visualViewport.offsetLeft,y:t.visualViewport.offsetTop}:qa}function Fa(e,t,a,i){void 0===t&&(t=!1),void 0===a&&(a=!1);const n=e.getBoundingClientRect(),l=Ua(e);let o=Wt(1);t&&(i?xa(i)&&(o=Wa(i)):o=Wa(e));const s=function(e,t,a){return void 0===t&&(t=!1),!(!a||t&&a!==fa(e))&&t}(l,a,i)?ja(l):Wt(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=fa(l),t=i&&xa(i)?fa(i):i;let a=e,n=Da(a);for(;n&&i&&t!==a;){const e=Wa(n),t=n.getBoundingClientRect(),i=Ra(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=fa(n),n=Da(a)}}return ha({width:d,height:h,x:r,y:c})}function Ka(e,t){const a=Ta(e).scrollLeft;return t?t.left+a:Fa(ma(e)).left+a}function Ja(e,t){const a=e.getBoundingClientRect();return{x:a.left+t.scrollLeft-Ka(e,a),y:a.top+t.scrollTop}}const Xa=new Set(["absolute","fixed"]);function Ya(e,t,a){let i;if("viewport"===t)i=function(e,t){const a=fa(e),i=ma(e),n=a.visualViewport;let l=i.clientWidth,o=i.clientHeight,s=0,r=0;if(n){l=n.width,o=n.height;const e=La();(!e||e&&"fixed"===t)&&(s=n.offsetLeft,r=n.offsetTop)}const c=Ka(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=ma(e),a=Ta(e),i=e.ownerDocument.body,n=Dt(t.scrollWidth,t.clientWidth,i.scrollWidth,i.clientWidth),l=Dt(t.scrollHeight,t.clientHeight,i.scrollHeight,i.clientHeight);let o=-a.scrollLeft+Ka(e);const s=-a.scrollTop;return"rtl"===Ra(i).direction&&(o+=Dt(t.clientWidth,i.clientWidth)-n),{width:n,height:l,x:o,y:s}}(ma(e));else if(xa(t))i=function(e,t){const a=Fa(e,!0,"fixed"===t),i=a.top+e.clientTop,n=a.left+e.clientLeft,l=ya(e)?Wa(e):Wt(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=ja(e);i={x:t.x-a.x,y:t.y-a.y,width:t.width,height:t.height}}return ha(i)}function Ga(e,t){const a=Oa(e);return!(a===t||!xa(a)||Pa(a))&&("fixed"===Ra(a).position||Ga(a,t))}function Qa(e,t,a){const i=ya(t),n=ma(t),l="fixed"===a,o=Fa(e,!0,l,t);let s={scrollLeft:0,scrollTop:0};const r=Wt(0);function c(){r.x=Ka(n)}if(i||!i&&!l)if(("body"!==wa(t)||Ma(n))&&(s=Ta(t)),i){const e=Fa(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?Wt(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 ei(e){return"static"===Ra(e).position}function ti(e,t){if(!ya(e)||"fixed"===Ra(e).position)return null;if(t)return t(e);let a=e.offsetParent;return ma(e)===a&&(a=a.ownerDocument.body),a}function ai(e,t){const a=fa(e);if(ka(e))return a;if(!ya(e)){let t=Oa(e);for(;t&&!Pa(t);){if(xa(t)&&!ei(t))return t;t=Oa(t)}return a}let i=ti(e,t);for(;i&&Va(i)&&ei(i);)i=ti(i,t);return i&&Pa(i)&&ei(i)&&!Aa(i)?a:i||function(e){let t=Oa(e);for(;ya(t)&&!Pa(t);){if(Aa(t))return t;if(ka(t))return null;t=Oa(t)}return null}(e)||a}const ii={convertOffsetParentRelativeRectToViewportRelativeRect:function(e){let{elements:t,rect:a,offsetParent:i,strategy:n}=e;const l="fixed"===n,o=ma(i),s=!!t&&ka(t.floating);if(i===o||s&&l)return a;let r={scrollLeft:0,scrollTop:0},c=Wt(1);const d=Wt(0),h=ya(i);if((h||!h&&!l)&&(("body"!==wa(i)||Ma(o))&&(r=Ta(i)),ya(i))){const e=Fa(i);c=Wa(i),d.x=e.x+i.clientLeft,d.y=e.y+i.clientTop}const v=!o||h||l?Wt(0):Ja(o,r);return{width:a.width*c.x,height:a.height*c.y,x:a.x*c.x-r.scrollLeft*c.x+d.x+v.x,y:a.y*c.y-r.scrollTop*c.y+d.y+v.y}},getDocumentElement:ma,getClippingRect:function(e){let{element:t,boundary:a,rootBoundary:i,strategy:n}=e;const l=[..."clippingAncestors"===a?ka(t)?[]:function(e,t){const a=t.get(e);if(a)return a;let i=Na(e,[],!1).filter(e=>xa(e)&&"body"!==wa(e)),n=null;const l="fixed"===Ra(e).position;let o=l?Oa(e):e;for(;xa(o)&&!Pa(o);){const t=Ra(o),a=Aa(o);a||"fixed"!==t.position||(n=null),(l?!a&&!n:!a&&"static"===t.position&&n&&Xa.has(n.position)||Ma(o)&&!a&&Ga(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=Ya(t,a,n);return e.top=Dt(i.top,e.top),e.right=Nt(i.right,e.right),e.bottom=Nt(i.bottom,e.bottom),e.left=Dt(i.left,e.left),e},Ya(t,o,n));return{width:s.right-s.left,height:s.bottom-s.top,x:s.left,y:s.top}},getOffsetParent:ai,getElementRects:async function(e){const t=this.getOffsetParent||ai,a=this.getDimensions,i=await a(e.floating);return{reference:Qa(e.reference,await t(e.floating),e.strategy),floating:{x:0,y:0,width:i.width,height:i.height}}},getClientRects:function(e){return Array.from(e.getClientRects())},getDimensions:function(e){const{width:t,height:a}=Ia(e);return{width:t,height:a}},getScale:Wa,isElement:xa,isRTL:function(e){return"rtl"===Ra(e).direction}};function ni(e,t){return e.x===t.x&&e.y===t.y&&e.width===t.width&&e.height===t.height}function li(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=Ua(e),d=n||l?[...c?Na(c):[],...Na(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=ma(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:-Ut(h)+"px "+-Ut(n.clientWidth-(d+v))+"px "+-Ut(n.clientHeight-(h+p))+"px "+-Ut(d)+"px",threshold:Dt(0,Nt(1,r))||1};let u=!0;function w(t){const i=t[0].intersectionRatio;if(i!==r){if(!u)return o();i?o(!1,i):a=setTimeout(()=>{o(!1,1e-7)},1e3)}1!==i||ni(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?Fa(e):null;return r&&function t(){const i=Fa(e);u&&!ni(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 oi=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=Xt(a),r="y"===ea(a),c=ga.has(o)?-1:1,d=l&&r?-1:1,h=Kt(t,e);let{mainAxis:v,crossAxis:p,alignmentAxis:g}="number"==typeof h?{mainAxis:h,crossAxis:0,alignmentAxis:null}:{mainAxis:h.mainAxis||0,crossAxis:h.crossAxis||0,alignmentAxis:h.alignmentAxis};return s&&"number"==typeof g&&(p="end"===s?-1*g:g),r?{x:p*d,y:v*c}:{x:v*c,y:p*d}}(t,e);return o===(null==(a=s.offset)?void 0:a.placement)&&null!=(i=s.arrow)&&i.alignmentOffset?{}:{x:n+r.x,y:l+r.y,data:{...r,placement:o}}}}},si=function(e){return void 0===e&&(e={}),{name:"shift",options:e,async fn(t){const{x:a,y:i,placement:n}=t,{mainAxis:l=!0,crossAxis:o=!1,limiter:s={fn:e=>{let{x:t,y:a}=e;return{x:t,y:a}}},...r}=Kt(e,t),c={x:a,y:i},d=await pa(t,r),h=ea(Jt(n)),v=Yt(h);let p=c[v],g=c[h];if(l){const e="y"===v?"bottom":"right";p=Ft(p+d["y"===v?"top":"left"],p,p-d[e])}if(o){const e="y"===h?"bottom":"right";g=Ft(g+d["y"===h?"top":"left"],g,g-d[e])}const u=s.fn({...t,[v]:p,[h]:g});return{...u,data:{x:u.x-a,y:u.y-i,enabled:{[v]:l,[h]:o}}}}}},ri=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}=Kt(e,t);if(null!=(a=l.arrow)&&a.alignmentOffset)return{};const f=Jt(n),m=ea(s),b=Jt(s)===s,x=await(null==r.isRTL?void 0:r.isRTL(c.floating)),y=v||(b||!u?[ca(s)]:function(e){const t=ca(e);return[ia(e),t,ia(t)]}(s)),Z="none"!==g;!v&&Z&&y.push(...ra(s,u,g,x));const C=[s,...y],M=await pa(t,w),_=[];let V=(null==(i=l.flip)?void 0:i.overflows)||[];if(d&&_.push(M[f]),h){const e=aa(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!==ea(t))||V.every(e=>ea(e.placement)!==m||e.overflows[0]>0))return{data:{index:e,overflows:V},reset:{placement:t}}}let a=null==(k=V.filter(e=>e.overflows[0]<=0).sort((e,t)=>e.overflows[1]-t.overflows[1])[0])?void 0:k.placement;if(!a)switch(p){case"bestFit":{var $;const e=null==($=V.filter(e=>{if(Z){const t=ea(e.placement);return t===m||"y"===t}return!0}).map(e=>[e.placement,e.overflows.filter(e=>e>0).reduce((e,t)=>e+t,0)]).sort((e,t)=>e[1]-t[1])[0])?void 0:$[0];e&&(a=e);break}case"initialPlacement":a=s}if(n!==a)return{reset:{placement:a}}}return{}}}},ci=(e,t,a)=>{const i=new Map,n={platform:ii,...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}=va(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}=va(c,v,r))),a=-1)}return{x:d,y:h,placement:v,strategy:n,middlewareData:p}})(e,t,{...n,platform:l})};var di=p`.dropdown{display:flex;height:inherit;position:relative}`,hi=p`:host([menuisopen]) .dropdown-menu{display:block}.dropdown-menu{background-clip:padding-box;background-color:var(--sgds-surface-default);border-radius:var(--sgds-border-radius-md);box-shadow:0 0 1px 0 hsla(0,0%,5%,.12),0 4px 8px 0 hsla(0,0%,5%,.12);color:var(--sgds-color-default);display:none;list-style:none;margin:0;max-height:var(--sgds-dimension-480);min-width:var(--sgds-dimension-280);overflow-y:auto;padding:var(--sgds-padding-xs) 0;position:absolute;text-align:left;z-index:1050}.nav-tabs .dropdown-menu{border-top-left-radius:0;border-top-right-radius:0;margin-top:calc(var(--sgds-nav-tabs-border-width)*-1)}@media (min-width:512px){.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}}@media (min-width:768px){.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}}@media (min-width:1024px){.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}}@media (min-width:1280px){.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}}@media (min-width:1440px){.navbar-expand-xxl .navbar-nav .dropdown-menu{position:absolute}}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.sgds.navbar .dropdown-menu.megamenu{left:0;right:0;width:100%}.sgds.combobox>.dropdown-menu{min-width:100%}`,vi=p`:host([expand=always]) .nav-link{border-bottom:var(--sgds-border-width-4) solid transparent;min-height:100%;padding:0 var(--sgds-padding-md)}@media (min-width:512px){:host([expand=sm]) .nav-link{border-bottom:var(--sgds-border-width-4) solid transparent;min-height:100%;padding:0 var(--sgds-padding-md)}}@media (min-width:768px){:host([expand=md]) .nav-link{border-bottom:var(--sgds-border-width-4) solid transparent;min-height:100%;padding:0 var(--sgds-padding-md)}}@media (min-width:1024px){:host(:not([expand])) .nav-link,:host([expand=lg]) .nav-link{border-bottom:var(--sgds-border-width-4) solid transparent;min-height:100%;padding:0 var(--sgds-padding-md)}}@media (min-width:1280px){:host([expand=xl]) .nav-link{border-bottom:var(--sgds-border-width-4) solid transparent;min-height:100%;padding:0 var(--sgds-padding-md)}}@media (min-width:1440px){:host([expand=xxl]) .nav-link{border-bottom:var(--sgds-border-width-4) solid transparent;min-height:100%;padding:0 var(--sgds-padding-md)}}.nav-link{align-items:center;box-sizing:border-box;cursor:pointer;display:flex;gap:var(--sgds-gap-xs);padding:var(--sgds-padding-sm) var(--sgds-mainnav-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:String})],zt.prototype,"brandHref",void 0),e([Le({type:String})],zt.prototype,"expand",void 0),e([Le({type:Boolean,reflect:!0})],zt.prototype,"fluid",void 0),e([Ee()],zt.prototype,"breakpointReached",void 0),e([Oe()],zt.prototype,"defaultNodes",void 0),e([Oe({slot:"end"})],zt.prototype,"endNodes",void 0),e([at("expanding",{waitUntilFirstUpdate:!0})],zt.prototype,"handleOpenChange",null),Qe("mainnav.show",{keyframes:[{height:"0",opacity:"0"},{height:"auto",opacity:"1"}],options:{duration:200,easing:"ease-in-out"}}),Qe("mainnav.hide",{keyframes:[{height:"auto",opacity:"1"},{height:"0",opacity:"0"}],options:{duration:200,easing:"ease-in-out"}});const Nt=Math.min,Dt=Math.max,It=Math.round,Ut=Math.floor,Wt=e=>({x:e,y:e}),qt={left:"right",right:"left",bottom:"top",top:"bottom"},jt={start:"end",end:"start"};function Ft(e,t,a){return Dt(e,Nt(t,a))}function Kt(e,t){return"function"==typeof e?e(t):e}function Jt(e){return e.split("-")[0]}function Xt(e){return e.split("-")[1]}function Yt(e){return"x"===e?"y":"x"}function Gt(e){return"y"===e?"height":"width"}const Qt=new Set(["top","bottom"]);function ea(e){return Qt.has(Jt(e))?"y":"x"}function ta(e){return Yt(ea(e))}function aa(e,t,a){void 0===a&&(a=!1);const i=Xt(e),n=ta(e),l=Gt(n);let o="x"===n?i===(a?"end":"start")?"right":"left":"start"===i?"bottom":"top";return t.reference[l]>t.floating[l]&&(o=ca(o)),[o,ca(o)]}function ia(e){return e.replace(/start|end/g,e=>jt[e])}const na=["left","right"],la=["right","left"],oa=["top","bottom"],sa=["bottom","top"];function ra(e,t,a,i){const n=Xt(e);let l=function(e,t,a){switch(e){case"top":case"bottom":return a?t?la:na:t?na:la;case"left":case"right":return t?oa:sa;default:return[]}}(Jt(e),"start"===a,i);return n&&(l=l.map(e=>e+"-"+n),t&&(l=l.concat(l.map(ia)))),l}function ca(e){return e.replace(/left|right|bottom|top/g,e=>qt[e])}function da(e){return"number"!=typeof e?function(e){return{top:0,right:0,bottom:0,left:0,...e}}(e):{top:e,right:e,bottom:e,left:e}}function ha(e){const{x:t,y:a,width:i,height:n}=e;return{width:i,height:n,top:a,left:t,right:t+i,bottom:a+n,x:t,y:a}}function va(e,t,a){let{reference:i,floating:n}=e;const l=ea(t),o=ta(t),s=Gt(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(Xt(t)){case"start":p[o]-=v*(a&&c?-1:1);break;case"end":p[o]+=v*(a&&c?-1:1)}return p}async function pa(e,t){var a;void 0===t&&(t={});const{x:i,y: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}=Kt(t,e),g=da(p),u=s[v?"floating"===h?"reference":"floating":h],w=ha(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=ha(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 ga=new Set(["left","top"]);function ua(){return"undefined"!=typeof window}function wa(e){return ba(e)?(e.nodeName||"").toLowerCase():"#document"}function fa(e){var t;return(null==e||null==(t=e.ownerDocument)?void 0:t.defaultView)||window}function ma(e){var t;return null==(t=(ba(e)?e.ownerDocument:e.document)||window.document)?void 0:t.documentElement}function ba(e){return!!ua()&&(e instanceof Node||e instanceof fa(e).Node)}function xa(e){return!!ua()&&(e instanceof Element||e instanceof fa(e).Element)}function ya(e){return!!ua()&&(e instanceof HTMLElement||e instanceof fa(e).HTMLElement)}function Za(e){return!(!ua()||"undefined"==typeof ShadowRoot)&&(e instanceof ShadowRoot||e instanceof fa(e).ShadowRoot)}const Ca=new Set(["inline","contents"]);function Ma(e){const{overflow:t,overflowX:a,overflowY:i,display:n}=Ra(e);return/auto|scroll|overlay|hidden|clip/.test(t+i+a)&&!Ca.has(n)}const _a=new Set(["table","td","th"]);function Va(e){return _a.has(wa(e))}const Ha=[":popover-open",":modal"];function ka(e){return Ha.some(t=>{try{return e.matches(t)}catch(e){return!1}})}const $a=["transform","translate","scale","rotate","perspective"],Ba=["transform","translate","scale","rotate","perspective","filter"],Sa=["paint","layout","strict","content"];function Aa(e){const t=La(),a=xa(e)?Ra(e):e;return $a.some(e=>!!a[e]&&"none"!==a[e])||!!a.containerType&&"normal"!==a.containerType||!t&&!!a.backdropFilter&&"none"!==a.backdropFilter||!t&&!!a.filter&&"none"!==a.filter||Ba.some(e=>(a.willChange||"").includes(e))||Sa.some(e=>(a.contain||"").includes(e))}function La(){return!("undefined"==typeof CSS||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}const Ea=new Set(["html","body","#document"]);function Pa(e){return Ea.has(wa(e))}function Ra(e){return fa(e).getComputedStyle(e)}function Ta(e){return xa(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.scrollX,scrollTop:e.scrollY}}function Oa(e){if("html"===wa(e))return e;const t=e.assignedSlot||e.parentNode||Za(e)&&e.host||ma(e);return Za(t)?t.host:t}function za(e){const t=Oa(e);return Pa(t)?e.ownerDocument?e.ownerDocument.body:e.body:ya(t)&&Ma(t)?t:za(t)}function Na(e,t,a){var i;void 0===t&&(t=[]),void 0===a&&(a=!0);const n=za(e),l=n===(null==(i=e.ownerDocument)?void 0:i.body),o=fa(n);if(l){const e=Da(o);return t.concat(o,o.visualViewport||[],Ma(n)?n:[],e&&a?Na(e):[])}return t.concat(n,Na(n,[],a))}function Da(e){return e.parent&&Object.getPrototypeOf(e.parent)?e.frameElement:null}function Ia(e){const t=Ra(e);let a=parseFloat(t.width)||0,i=parseFloat(t.height)||0;const n=ya(e),l=n?e.offsetWidth:a,o=n?e.offsetHeight:i,s=It(a)!==l||It(i)!==o;return s&&(a=l,i=o),{width:a,height:i,$:s}}function Ua(e){return xa(e)?e:e.contextElement}function Wa(e){const t=Ua(e);if(!ya(t))return Wt(1);const a=t.getBoundingClientRect(),{width:i,height:n,$:l}=Ia(t);let o=(l?It(a.width):a.width)/i,s=(l?It(a.height):a.height)/n;return o&&Number.isFinite(o)||(o=1),s&&Number.isFinite(s)||(s=1),{x:o,y:s}}const qa=Wt(0);function ja(e){const t=fa(e);return La()&&t.visualViewport?{x:t.visualViewport.offsetLeft,y:t.visualViewport.offsetTop}:qa}function Fa(e,t,a,i){void 0===t&&(t=!1),void 0===a&&(a=!1);const n=e.getBoundingClientRect(),l=Ua(e);let o=Wt(1);t&&(i?xa(i)&&(o=Wa(i)):o=Wa(e));const s=function(e,t,a){return void 0===t&&(t=!1),!(!a||t&&a!==fa(e))&&t}(l,a,i)?ja(l):Wt(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=fa(l),t=i&&xa(i)?fa(i):i;let a=e,n=Da(a);for(;n&&i&&t!==a;){const e=Wa(n),t=n.getBoundingClientRect(),i=Ra(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=fa(n),n=Da(a)}}return ha({width:d,height:h,x:r,y:c})}function Ka(e,t){const a=Ta(e).scrollLeft;return t?t.left+a:Fa(ma(e)).left+a}function Ja(e,t){const a=e.getBoundingClientRect();return{x:a.left+t.scrollLeft-Ka(e,a),y:a.top+t.scrollTop}}const Xa=new Set(["absolute","fixed"]);function Ya(e,t,a){let i;if("viewport"===t)i=function(e,t){const a=fa(e),i=ma(e),n=a.visualViewport;let l=i.clientWidth,o=i.clientHeight,s=0,r=0;if(n){l=n.width,o=n.height;const e=La();(!e||e&&"fixed"===t)&&(s=n.offsetLeft,r=n.offsetTop)}const c=Ka(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=ma(e),a=Ta(e),i=e.ownerDocument.body,n=Dt(t.scrollWidth,t.clientWidth,i.scrollWidth,i.clientWidth),l=Dt(t.scrollHeight,t.clientHeight,i.scrollHeight,i.clientHeight);let o=-a.scrollLeft+Ka(e);const s=-a.scrollTop;return"rtl"===Ra(i).direction&&(o+=Dt(t.clientWidth,i.clientWidth)-n),{width:n,height:l,x:o,y:s}}(ma(e));else if(xa(t))i=function(e,t){const a=Fa(e,!0,"fixed"===t),i=a.top+e.clientTop,n=a.left+e.clientLeft,l=ya(e)?Wa(e):Wt(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=ja(e);i={x:t.x-a.x,y:t.y-a.y,width:t.width,height:t.height}}return ha(i)}function Ga(e,t){const a=Oa(e);return!(a===t||!xa(a)||Pa(a))&&("fixed"===Ra(a).position||Ga(a,t))}function Qa(e,t,a){const i=ya(t),n=ma(t),l="fixed"===a,o=Fa(e,!0,l,t);let s={scrollLeft:0,scrollTop:0};const r=Wt(0);function c(){r.x=Ka(n)}if(i||!i&&!l)if(("body"!==wa(t)||Ma(n))&&(s=Ta(t)),i){const e=Fa(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?Wt(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 ei(e){return"static"===Ra(e).position}function ti(e,t){if(!ya(e)||"fixed"===Ra(e).position)return null;if(t)return t(e);let a=e.offsetParent;return ma(e)===a&&(a=a.ownerDocument.body),a}function ai(e,t){const a=fa(e);if(ka(e))return a;if(!ya(e)){let t=Oa(e);for(;t&&!Pa(t);){if(xa(t)&&!ei(t))return t;t=Oa(t)}return a}let i=ti(e,t);for(;i&&Va(i)&&ei(i);)i=ti(i,t);return i&&Pa(i)&&ei(i)&&!Aa(i)?a:i||function(e){let t=Oa(e);for(;ya(t)&&!Pa(t);){if(Aa(t))return t;if(ka(t))return null;t=Oa(t)}return null}(e)||a}const ii={convertOffsetParentRelativeRectToViewportRelativeRect:function(e){let{elements:t,rect:a,offsetParent:i,strategy:n}=e;const l="fixed"===n,o=ma(i),s=!!t&&ka(t.floating);if(i===o||s&&l)return a;let r={scrollLeft:0,scrollTop:0},c=Wt(1);const d=Wt(0),h=ya(i);if((h||!h&&!l)&&(("body"!==wa(i)||Ma(o))&&(r=Ta(i)),ya(i))){const e=Fa(i);c=Wa(i),d.x=e.x+i.clientLeft,d.y=e.y+i.clientTop}const v=!o||h||l?Wt(0):Ja(o,r);return{width:a.width*c.x,height:a.height*c.y,x:a.x*c.x-r.scrollLeft*c.x+d.x+v.x,y:a.y*c.y-r.scrollTop*c.y+d.y+v.y}},getDocumentElement:ma,getClippingRect:function(e){let{element:t,boundary:a,rootBoundary:i,strategy:n}=e;const l=[..."clippingAncestors"===a?ka(t)?[]:function(e,t){const a=t.get(e);if(a)return a;let i=Na(e,[],!1).filter(e=>xa(e)&&"body"!==wa(e)),n=null;const l="fixed"===Ra(e).position;let o=l?Oa(e):e;for(;xa(o)&&!Pa(o);){const t=Ra(o),a=Aa(o);a||"fixed"!==t.position||(n=null),(l?!a&&!n:!a&&"static"===t.position&&n&&Xa.has(n.position)||Ma(o)&&!a&&Ga(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=Ya(t,a,n);return e.top=Dt(i.top,e.top),e.right=Nt(i.right,e.right),e.bottom=Nt(i.bottom,e.bottom),e.left=Dt(i.left,e.left),e},Ya(t,o,n));return{width:s.right-s.left,height:s.bottom-s.top,x:s.left,y:s.top}},getOffsetParent:ai,getElementRects:async function(e){const t=this.getOffsetParent||ai,a=this.getDimensions,i=await a(e.floating);return{reference:Qa(e.reference,await t(e.floating),e.strategy),floating:{x:0,y:0,width:i.width,height:i.height}}},getClientRects:function(e){return Array.from(e.getClientRects())},getDimensions:function(e){const{width:t,height:a}=Ia(e);return{width:t,height:a}},getScale:Wa,isElement:xa,isRTL:function(e){return"rtl"===Ra(e).direction}};function ni(e,t){return e.x===t.x&&e.y===t.y&&e.width===t.width&&e.height===t.height}function li(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=Ua(e),d=n||l?[...c?Na(c):[],...Na(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=ma(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:-Ut(h)+"px "+-Ut(n.clientWidth-(d+v))+"px "+-Ut(n.clientHeight-(h+p))+"px "+-Ut(d)+"px",threshold:Dt(0,Nt(1,r))||1};let u=!0;function w(t){const i=t[0].intersectionRatio;if(i!==r){if(!u)return o();i?o(!1,i):a=setTimeout(()=>{o(!1,1e-7)},1e3)}1!==i||ni(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?Fa(e):null;return r&&function t(){const i=Fa(e);u&&!ni(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 oi=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=Xt(a),r="y"===ea(a),c=ga.has(o)?-1:1,d=l&&r?-1:1,h=Kt(t,e);let{mainAxis:v,crossAxis:p,alignmentAxis:g}="number"==typeof h?{mainAxis:h,crossAxis:0,alignmentAxis:null}:{mainAxis:h.mainAxis||0,crossAxis:h.crossAxis||0,alignmentAxis:h.alignmentAxis};return s&&"number"==typeof g&&(p="end"===s?-1*g:g),r?{x:p*d,y:v*c}:{x:v*c,y:p*d}}(t,e);return o===(null==(a=s.offset)?void 0:a.placement)&&null!=(i=s.arrow)&&i.alignmentOffset?{}:{x:n+r.x,y:l+r.y,data:{...r,placement:o}}}}},si=function(e){return void 0===e&&(e={}),{name:"shift",options:e,async fn(t){const{x:a,y:i,placement:n}=t,{mainAxis:l=!0,crossAxis:o=!1,limiter:s={fn:e=>{let{x:t,y:a}=e;return{x:t,y:a}}},...r}=Kt(e,t),c={x:a,y:i},d=await pa(t,r),h=ea(Jt(n)),v=Yt(h);let p=c[v],g=c[h];if(l){const e="y"===v?"bottom":"right";p=Ft(p+d["y"===v?"top":"left"],p,p-d[e])}if(o){const e="y"===h?"bottom":"right";g=Ft(g+d["y"===h?"top":"left"],g,g-d[e])}const u=s.fn({...t,[v]:p,[h]:g});return{...u,data:{x:u.x-a,y:u.y-i,enabled:{[v]:l,[h]:o}}}}}},ri=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}=Kt(e,t);if(null!=(a=l.arrow)&&a.alignmentOffset)return{};const f=Jt(n),m=ea(s),b=Jt(s)===s,x=await(null==r.isRTL?void 0:r.isRTL(c.floating)),y=v||(b||!u?[ca(s)]:function(e){const t=ca(e);return[ia(e),t,ia(t)]}(s)),Z="none"!==g;!v&&Z&&y.push(...ra(s,u,g,x));const C=[s,...y],M=await pa(t,w),_=[];let V=(null==(i=l.flip)?void 0:i.overflows)||[];if(d&&_.push(M[f]),h){const e=aa(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!==ea(t))||V.every(e=>ea(e.placement)!==m||e.overflows[0]>0))return{data:{index:e,overflows:V},reset:{placement:t}}}let a=null==(k=V.filter(e=>e.overflows[0]<=0).sort((e,t)=>e.overflows[1]-t.overflows[1])[0])?void 0:k.placement;if(!a)switch(p){case"bestFit":{var $;const e=null==($=V.filter(e=>{if(Z){const t=ea(e.placement);return t===m||"y"===t}return!0}).map(e=>[e.placement,e.overflows.filter(e=>e>0).reduce((e,t)=>e+t,0)]).sort((e,t)=>e[1]-t[1])[0])?void 0:$[0];e&&(a=e);break}case"initialPlacement":a=s}if(n!==a)return{reset:{placement:a}}}return{}}}},ci=(e,t,a)=>{const i=new Map,n={platform:ii,...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}=va(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}=va(c,v,r))),a=-1)}return{x:d,y:h,placement:v,strategy:n,middlewareData:p}})(e,t,{...n,platform:l})};var di=p`.dropdown{display:flex;height:inherit;position:relative}`,hi=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-280);overflow-y:auto;padding:var(--sgds-padding-xs) 0;position:absolute;text-align:left;z-index:1050}.nav-tabs .dropdown-menu{border-top-left-radius:0;border-top-right-radius:0;margin-top:calc(var(--sgds-nav-tabs-border-width)*-1)}@media (min-width:512px){.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}}@media (min-width:768px){.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}}@media (min-width:1024px){.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}}@media (min-width:1280px){.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}}@media (min-width:1440px){.navbar-expand-xxl .navbar-nav .dropdown-menu{position:absolute}}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.sgds.navbar .dropdown-menu.megamenu{left:0;right:0;width:100%}.sgds.combobox>.dropdown-menu{min-width:100%}`,vi=p`:host([expand=always]) .nav-link{border-bottom:var(--sgds-border-width-4) solid transparent;min-height:100%;padding:0 var(--sgds-padding-md)}@media (min-width:512px){:host([expand=sm]) .nav-link{border-bottom:var(--sgds-border-width-4) solid transparent;min-height:100%;padding:0 var(--sgds-padding-md)}}@media (min-width:768px){:host([expand=md]) .nav-link{border-bottom:var(--sgds-border-width-4) solid transparent;min-height:100%;padding:0 var(--sgds-padding-md)}}@media (min-width:1024px){:host(:not([expand])) .nav-link,:host([expand=lg]) .nav-link{border-bottom:var(--sgds-border-width-4) solid transparent;min-height:100%;padding:0 var(--sgds-padding-md)}}@media (min-width:1280px){:host([expand=xl]) .nav-link{border-bottom:var(--sgds-border-width-4) solid transparent;min-height:100%;padding:0 var(--sgds-padding-md)}}@media (min-width:1440px){:host([expand=xxl]) .nav-link{border-bottom:var(--sgds-border-width-4) solid transparent;min-height:100%;padding:0 var(--sgds-padding-md)}}.nav-link{align-items:center;box-sizing:border-box;cursor:pointer;display:flex;gap:var(--sgds-gap-xs);padding:var(--sgds-padding-sm) var(--sgds-mainnav-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)}}`
 /**
    * @license
    * Copyright 2020 Google LLC
@@ -2398,7 +2398,7 @@ let Be;$e?.({LitElement:He}),(_e.litElementVersions??=[]).push("4.2.2"),_e.litEl
    * @license
    * Copyright 2020 Google LLC
    * SPDX-License-Identifier: BSD-3-Clause
-   */const xi=()=>new yi;class yi{}const Zi=new WeakMap;const Ci=De(class extends bi{render(e){return ce}update(e,[t]){const a=t!==this._ref;return a&&void 0!==this._ref&&this._updateRefValue(void 0),(a||this._lastElementForRef!==this._element)&&(this._ref=t,this._context=e.options?.host,this._updateRefValue(this._element=e.element)),ce}_updateRefValue(e){if(this.isConnected||(e=void 0),"function"==typeof this._ref){const t=this._context??globalThis;let a=Zi.get(t);void 0===a&&(a=new WeakMap,Zi.set(t,a)),void 0!==a.get(this._ref)&&this._ref.call(this._context,void 0),a.set(this._ref,e),void 0!==e&&this._ref.call(this._context,e)}else this._ref.value=e}get _lastElementForRef(){return"function"==typeof this._ref?Zi.get(this._context??globalThis)?.get(this._ref):this._ref?.value}disconnected(){this._lastElementForRef===this._element&&this._updateRefValue(void 0)}reconnected(){this._updateRefValue(this._element)}});class Mi extends qe{constructor(){super(...arguments),this.myDropdown=xi(),this.dropdownMenuId=tt("dropdown-menu","div"),this.noFlip=!1,this.menuAlignRight=!1,this.drop="down",this.floatingOpts={},this.menuIsOpen=!1,this.close="default",this.disabled=!1,this.readonly=!1,this.menuRef=xi(),this._handleClickOutOfElement=e=>{this.menuIsOpen&&(e.composedPath().includes(this)||this.hideMenu(!0))}}connectedCallback(){super.connectedCallback(),"inside"!==this.close&&document.addEventListener("click",this._handleClickOutOfElement),this.addEventListener("keydown",this._handleKeyboardMenuEvent)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this._handleClickOutOfElement),this.removeEventListener("keydown",this._handleKeyboardMenuEvent),this._cleanupAutoUpdate&&(this._cleanupAutoUpdate(),this._cleanupAutoUpdate=void 0)}firstUpdated(e){super.firstUpdated(e),this.menuIsOpen&&this.updateFloatingPosition()}async showMenu(){this.disabled||this.menuIsOpen||(this.menuIsOpen=!0,this.emit("sgds-show"),await this.updateFloatingPosition(),this.emit("sgds-after-show"),this.myDropdown.value&&this.menuRef.value&&(this._cleanupAutoUpdate=li(this.myDropdown.value,this.menuRef.value,()=>this.updateFloatingPosition())))}hideMenu(e){this.menuIsOpen&&(this.emit("sgds-hide",{detail:{isOutside:e}}),this.menuIsOpen=!1,setTimeout(()=>this.emit("sgds-after-hide"),0),this._cleanupAutoUpdate&&(this._cleanupAutoUpdate(),this._cleanupAutoUpdate=void 0))}toggleMenu(){this.menuIsOpen?this.hideMenu():this.showMenu()}_handleKeyboardMenuEvent(e){if(!this.readonly)switch(e.key){case"ArrowDown":case"ArrowUp":e.preventDefault(),this.menuIsOpen||this.showMenu();break;case"Escape":this.hideMenu()}}mergeMiddleware(e,t){const a=e=>{var t;return(null==e?void 0:e.name)||(null===(t=null==e?void 0:e.constructor)||void 0===t?void 0:t.name)},i=t.map(a),n=e.map(e=>{const n=a(e),l=i.indexOf(n);return-1!==l?t[l]:e}).concat(t.filter(t=>!e.some(e=>a(e)===a(t))));return n}async updateFloatingPosition(){if(!this.myDropdown.value||!this.menuRef.value)return;let e="bottom-start";switch(this.drop){case"up":e=this.menuAlignRight?"top-end":"top-start";break;case"right":e="right-start";break;case"left":e="left-start";break;case"down":e=this.menuAlignRight?"bottom-end":"bottom-start";break;default:e="bottom-start"}const t=[oi(8),this.noFlip?void 0:ri(),si()].filter(Boolean);let a=t;Array.isArray(this.floatingOpts.middleware)&&this.floatingOpts.middleware.length>0&&(a=this.mergeMiddleware(t,this.floatingOpts.middleware.filter(Boolean)));const i=Object.assign(Object.assign({strategy:"fixed",placement:e},this.floatingOpts),{middleware:a}),{x:n,y:l,strategy:o,placement:s}=await ci(this.myDropdown.value,this.menuRef.value,i);this.menuRef.value.setAttribute("data-placement",s),Object.assign(this.menuRef.value.style,{position:o,left:`${n}px`,top:`${l}px`})}}e([Le({type:Boolean,state:!0})],Mi.prototype,"noFlip",void 0),e([Le({type:Boolean,reflect:!0,state:!0})],Mi.prototype,"menuAlignRight",void 0),e([Le({type:String,reflect:!0,state:!0})],Mi.prototype,"drop",void 0),e([Le({type:Object})],Mi.prototype,"floatingOpts",void 0),e([Le({type:Boolean,reflect:!0})],Mi.prototype,"menuIsOpen",void 0),e([Le({type:Boolean,reflect:!0})],Mi.prototype,"disabled",void 0),e([Le({type:Boolean,reflect:!0})],Mi.prototype,"readonly",void 0);class _i extends Mi{constructor(){super(...arguments),this.nextDropdownItemNo=0,this.prevDropdownItemNo=-1,this.hidden=!1}connectedCallback(){super.connectedCallback(),this.addEventListener("sgds-hide",this._resetMenu)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("sgds-hide",this._resetMenu)}firstUpdated(e){super.firstUpdated(e),this.addEventListener("keydown",this._handleKeyboardMenuItemsEvent)}handleSelectSlot(e){const t=this._getActiveMenuItems(),a=t.indexOf(e.target);this.nextDropdownItemNo=a+1,this.prevDropdownItemNo=a<=0?t.length-1:a-1;const i=e.target;i.disabled||(this.emit("sgds-select",{detail:{item:i}}),"outside"!==this.close&&this.hideMenu())}_resetMenu(){this.nextDropdownItemNo=0,this.prevDropdownItemNo=-1;this._getMenuItems().forEach(e=>{var t;const a=null===(t=null==e?void 0:e.shadowRoot)||void 0===t?void 0:t.querySelector(".dropdown-item");a&&a.removeAttribute("tabindex")})}_handleKeyboardMenuItemsEvent(e){if(this.readonly)return;const t=this._getActiveMenuItems();if(0!==t.length)switch(e.key){case"ArrowDown":e.preventDefault(),this._setMenuItem(this.nextDropdownItemNo);break;case"ArrowUp":e.preventDefault(),this._setMenuItem(this.prevDropdownItemNo);break;case"Tab":if(!this.menuIsOpen)return;e.preventDefault(),e.shiftKey?this._setMenuItem(this.prevDropdownItemNo):this._setMenuItem(this.nextDropdownItemNo);break;case"Enter":t.includes(e.target)&&this.handleSelectSlot(e)}}_getMenuItems(){var e,t;if(this.shadowRoot.querySelector("slot#default")){return null===(e=this.shadowRoot.querySelector("slot#default"))||void 0===e?void 0:e.assignedElements({flatten:!0}).filter(e=>!e.classList.contains("empty-menu")&&!e.hasAttribute("hidden"))}if(null===(t=this.menu)||void 0===t?void 0:t.hasChildNodes()){return[...Array.from(this.menu.children)]}return[]}_getActiveMenuItems(){return this._getMenuItems().filter(e=>!e.disabled&&!e.hidden)}_setMenuItem(e){const t=this._getActiveMenuItems();if(0===t.length)return;const a=(e%t.length+t.length)%t.length,i=t[a];this.emit("i-sgds-option-focus",{detail:{option:i}}),this.nextDropdownItemNo=(a+1)%t.length,this.prevDropdownItemNo=(a-1+t.length)%t.length,t.forEach(e=>{const t=e.shadowRoot.querySelector(".dropdown-item");t.setAttribute("tabindex",e===i?"0":"-1"),e===i&&t.focus()})}}_i.styles=Mi.styles,e([Te("ul.dropdown-menu")],_i.prototype,"menu",void 0),e([Ee()],_i.prototype,"nextDropdownItemNo",void 0),e([Ee()],_i.prototype,"prevDropdownItemNo",void 0),e([Le({type:Boolean,reflect:!0})],_i.prototype,"hidden",void 0);class Vi extends _i{constructor(){super(),this.noFlip=!1,this.menuAlignRight=!1,this.drop="down",this.menuRef=Ci()}async _handleClick(){this.disabled||this.toggleMenu()}_handleCloseMenu(){const e=this._toggler[0];null==e||e.focus()}async connectedCallback(){super.connectedCallback(),this.addEventListener("sgds-hide",this._handleCloseMenu)}async disconnectedCallback(){this.removeEventListener("sgds-hide",this._handleCloseMenu)}async firstUpdated(e){super.firstUpdated(e),this.menuIsOpen&&await this.showMenu(),this._handleDisabled()}_handleDisabled(){const e=this._toggler[0];e&&(this.disabled?e.setAttribute("disabled","true"):e.hasAttribute("disabled")&&e.removeAttribute("disabled"))}render(){return oe`
+   */const xi=()=>new yi;class yi{}const Zi=new WeakMap;const Ci=De(class extends bi{render(e){return ce}update(e,[t]){const a=t!==this._ref;return a&&void 0!==this._ref&&this._updateRefValue(void 0),(a||this._lastElementForRef!==this._element)&&(this._ref=t,this._context=e.options?.host,this._updateRefValue(this._element=e.element)),ce}_updateRefValue(e){if(this.isConnected||(e=void 0),"function"==typeof this._ref){const t=this._context??globalThis;let a=Zi.get(t);void 0===a&&(a=new WeakMap,Zi.set(t,a)),void 0!==a.get(this._ref)&&this._ref.call(this._context,void 0),a.set(this._ref,e),void 0!==e&&this._ref.call(this._context,e)}else this._ref.value=e}get _lastElementForRef(){return"function"==typeof this._ref?Zi.get(this._context??globalThis)?.get(this._ref):this._ref?.value}disconnected(){this._lastElementForRef===this._element&&this._updateRefValue(void 0)}reconnected(){this._updateRefValue(this._element)}});class Mi extends qe{constructor(){super(...arguments),this.myDropdown=xi(),this.dropdownMenuId=tt("dropdown-menu","div"),this.noFlip=!1,this.menuAlignRight=!1,this.drop="down",this.floatingOpts={},this.menuIsOpen=!1,this.close="default",this.disabled=!1,this.readonly=!1,this.menuRef=xi(),this._handleClickOutOfElement=e=>{this.menuIsOpen&&(e.composedPath().includes(this)||this.hideMenu(!0))}}connectedCallback(){super.connectedCallback(),"inside"!==this.close&&document.addEventListener("click",this._handleClickOutOfElement),this.addEventListener("keydown",this._handleKeyboardMenuEvent)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this._handleClickOutOfElement),this.removeEventListener("keydown",this._handleKeyboardMenuEvent),this._cleanupAutoUpdate&&(this._cleanupAutoUpdate(),this._cleanupAutoUpdate=void 0)}firstUpdated(e){super.firstUpdated(e),this.menuIsOpen&&requestAnimationFrame(async()=>{await this.updateFloatingPosition(),this._startAutoUpdate()})}async showMenu(){this.disabled||this.menuIsOpen||(this.menuIsOpen=!0,this.emit("sgds-show"),await this.updateFloatingPosition(),this.emit("sgds-after-show"),this._startAutoUpdate())}_startAutoUpdate(){this.myDropdown.value&&this.menuRef.value&&(this._cleanupAutoUpdate=li(this.myDropdown.value,this.menuRef.value,()=>this.updateFloatingPosition()))}hideMenu(e){this.menuIsOpen&&(this.emit("sgds-hide",{detail:{isOutside:e}}),this.menuIsOpen=!1,setTimeout(()=>this.emit("sgds-after-hide"),0),this._cleanupAutoUpdate&&(this._cleanupAutoUpdate(),this._cleanupAutoUpdate=void 0))}toggleMenu(){this.menuIsOpen?this.hideMenu():this.showMenu()}_handleKeyboardMenuEvent(e){if(!this.readonly)switch(e.key){case"ArrowDown":case"ArrowUp":e.preventDefault(),this.menuIsOpen||this.showMenu();break;case"Escape":this.hideMenu()}}mergeMiddleware(e,t){const a=e=>{var t;return(null==e?void 0:e.name)||(null===(t=null==e?void 0:e.constructor)||void 0===t?void 0:t.name)},i=t.map(a),n=e.map(e=>{const n=a(e),l=i.indexOf(n);return-1!==l?t[l]:e}).concat(t.filter(t=>!e.some(e=>a(e)===a(t))));return n}async updateFloatingPosition(){if(!this.myDropdown.value||!this.menuRef.value)return;let e="bottom-start";switch(this.drop){case"up":e=this.menuAlignRight?"top-end":"top-start";break;case"right":e="right-start";break;case"left":e="left-start";break;case"down":e=this.menuAlignRight?"bottom-end":"bottom-start";break;default:e="bottom-start"}const t=[oi(8),this.noFlip?void 0:ri(),si()].filter(Boolean);let a=t;Array.isArray(this.floatingOpts.middleware)&&this.floatingOpts.middleware.length>0&&(a=this.mergeMiddleware(t,this.floatingOpts.middleware.filter(Boolean)));const i=Object.assign(Object.assign({strategy:"fixed",placement:e},this.floatingOpts),{middleware:a}),{x:n,y:l,strategy:o,placement:s}=await ci(this.myDropdown.value,this.menuRef.value,i);this.menuRef.value.setAttribute("data-placement",s),Object.assign(this.menuRef.value.style,{position:o,left:`${n}px`,top:`${l}px`})}}e([Le({type:Boolean,state:!0})],Mi.prototype,"noFlip",void 0),e([Le({type:Boolean,reflect:!0,state:!0})],Mi.prototype,"menuAlignRight",void 0),e([Le({type:String,reflect:!0,state:!0})],Mi.prototype,"drop",void 0),e([Le({type:Object})],Mi.prototype,"floatingOpts",void 0),e([Le({type:Boolean,reflect:!0})],Mi.prototype,"menuIsOpen",void 0),e([Le({type:Boolean,reflect:!0})],Mi.prototype,"disabled",void 0),e([Le({type:Boolean,reflect:!0})],Mi.prototype,"readonly",void 0);class _i extends Mi{constructor(){super(...arguments),this.nextDropdownItemNo=0,this.prevDropdownItemNo=-1,this.hidden=!1}connectedCallback(){super.connectedCallback(),this.addEventListener("sgds-hide",this._resetMenu)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("sgds-hide",this._resetMenu)}firstUpdated(e){super.firstUpdated(e),this.addEventListener("keydown",this._handleKeyboardMenuItemsEvent)}handleSelectSlot(e){const t=this._getActiveMenuItems(),a=t.indexOf(e.target);this.nextDropdownItemNo=a+1,this.prevDropdownItemNo=a<=0?t.length-1:a-1;const i=e.target;i.disabled||(this.emit("sgds-select",{detail:{item:i}}),"outside"!==this.close&&this.hideMenu())}_resetMenu(){this.nextDropdownItemNo=0,this.prevDropdownItemNo=-1;this._getMenuItems().forEach(e=>{var t;const a=null===(t=null==e?void 0:e.shadowRoot)||void 0===t?void 0:t.querySelector(".dropdown-item");a&&a.removeAttribute("tabindex")})}_handleKeyboardMenuItemsEvent(e){if(this.readonly)return;const t=this._getActiveMenuItems();if(0!==t.length)switch(e.key){case"ArrowDown":e.preventDefault(),this._setMenuItem(this.nextDropdownItemNo);break;case"ArrowUp":e.preventDefault(),this._setMenuItem(this.prevDropdownItemNo);break;case"Tab":if(!this.menuIsOpen)return;e.preventDefault(),e.shiftKey?this._setMenuItem(this.prevDropdownItemNo):this._setMenuItem(this.nextDropdownItemNo);break;case"Enter":t.includes(e.target)&&this.handleSelectSlot(e)}}_getMenuItems(){var e,t;if(this.shadowRoot.querySelector("slot#default")){return null===(e=this.shadowRoot.querySelector("slot#default"))||void 0===e?void 0:e.assignedElements({flatten:!0}).filter(e=>!e.classList.contains("empty-menu")&&!e.hasAttribute("hidden"))}if(null===(t=this.menu)||void 0===t?void 0:t.hasChildNodes()){return[...Array.from(this.menu.children)]}return[]}_getActiveMenuItems(){return this._getMenuItems().filter(e=>!e.disabled&&!e.hidden)}_setMenuItem(e){const t=this._getActiveMenuItems();if(0===t.length)return;const a=(e%t.length+t.length)%t.length,i=t[a];this.emit("i-sgds-option-focus",{detail:{option:i}}),this.nextDropdownItemNo=(a+1)%t.length,this.prevDropdownItemNo=(a-1+t.length)%t.length,t.forEach(e=>{const t=e.shadowRoot.querySelector(".dropdown-item");t.setAttribute("tabindex",e===i?"0":"-1"),e===i&&t.focus()})}}_i.styles=Mi.styles,e([Te("ul.dropdown-menu")],_i.prototype,"menu",void 0),e([Ee()],_i.prototype,"nextDropdownItemNo",void 0),e([Ee()],_i.prototype,"prevDropdownItemNo",void 0),e([Le({type:Boolean,reflect:!0})],_i.prototype,"hidden",void 0);class Vi extends _i{constructor(){super(),this.noFlip=!1,this.menuAlignRight=!1,this.drop="down",this.menuRef=Ci()}async _handleClick(){this.disabled||this.toggleMenu()}_handleCloseMenu(){const e=this._toggler[0];null==e||e.focus()}async connectedCallback(){super.connectedCallback(),this.addEventListener("sgds-hide",this._handleCloseMenu)}async disconnectedCallback(){this.removeEventListener("sgds-hide",this._handleCloseMenu)}async firstUpdated(e){super.firstUpdated(e),this.menuIsOpen&&await this.updateFloatingPosition(),this._handleDisabled()}_handleDisabled(){const e=this._toggler[0];e&&(this.disabled?e.setAttribute("disabled","true"):e.hasAttribute("disabled")&&e.removeAttribute("disabled"))}render(){return oe`
       <div class="dropdown">
         <div
           class="toggler-container"