@govtechsg/sgds-web-component 3.27.0-rc.3 → 3.27.0

package/base/dropdown-list-element.js

@@ -6,7 +6,6 @@ const TAB = "Tab";
 const ARROW_DOWN = "ArrowDown";
 const ARROW_UP = "ArrowUp";
 const ENTER = "Enter";
-const ESCAPE = "Escape";
 /**
  * @event sgds-select - Emitted when a dropdown item is selected. `event.detail.item` is the clicked `SgdsDropdownItem` element.
  */
@@ -84,12 +83,6 @@ class DropdownListElement extends DropdownElement {
                     this._setMenuItem(this.nextDropdownItemNo);
                 }
                 break;
-            case ESCAPE:
-                if (this.menuIsOpen) {
-                    e.preventDefault();
-                    this.hideMenu();
-                }
-                break;
             case ENTER: {
                 const target = menuItems.find(item => e.composedPath().includes(item));
                 if (target) {
@@ -106,7 +99,7 @@ class DropdownListElement extends DropdownElement {
         if (defaultSlot) {
             const defaultSlotItems = (_a = this.shadowRoot.querySelector("slot#default")) === null || _a === void 0 ? void 0 : _a.assignedElements({
                 flatten: true
-            }).filter(el => el.getAttribute("role") === "menuitem" && !el.classList.contains("empty-menu") && !el.hasAttribute("hidden"));
+            }).filter(el => !el.classList.contains("empty-menu") && !el.hasAttribute("hidden"));
             return defaultSlotItems;
         }
         // for case when there is no slot e.g. combobox
@@ -117,7 +110,7 @@ class DropdownListElement extends DropdownElement {
         return [];
     }
     _getActiveMenuItems() {
-        return this._getMenuItems().filter(item => !item.disabled && !item.hidden && !item.readonly);
+        return this._getMenuItems().filter(item => !item.disabled && !item.hidden);
     }
     _setMenuItem(currentItemIdx) {
         const items = this._getActiveMenuItems();

package/base/dropdown-list-element.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-list-element.js","sources":["../../src/base/dropdown-list-element.ts"],"sourcesContent":["import { property, query, state } from \"lit/decorators.js\";\nimport { DropdownElement } from \"./dropdown-element\";\nimport { SgdsDropdownItem } from \"../components\";\nimport { PropertyValueMap } from \"lit\";\n\nconst TAB = \"Tab\";\nconst ARROW_DOWN = \"ArrowDown\";\nconst ARROW_UP = \"ArrowUp\";\nconst ENTER = \"Enter\";\nconst ESCAPE = \"Escape\";\n\n/**\n * @event sgds-select - Emitted when a dropdown item is selected. `event.detail.item` is the clicked `SgdsDropdownItem` element.\n */\nexport class DropdownListElement extends DropdownElement {\n  static styles = DropdownElement.styles;\n\n  /**@internal */\n  @query(\"ul.dropdown-menu\")\n  private menu: HTMLUListElement;\n\n  /** @internal */\n  @state()\n  nextDropdownItemNo = 0;\n\n  /** @internal */\n  @state()\n  prevDropdownItemNo = -1;\n\n  @property({ type: Boolean, reflect: true })\n  hidden = false;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.addEventListener(\"sgds-hide\", this._resetMenu);\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.removeEventListener(\"sgds-hide\", this._resetMenu);\n  }\n\n  firstUpdated(changedProperties: PropertyValueMap<this>) {\n    super.firstUpdated(changedProperties);\n    this.addEventListener(\"keydown\", this._handleKeyboardMenuItemsEvent);\n  }\n\n  protected handleSelectSlot(e: KeyboardEvent | MouseEvent) {\n    const items = this._getActiveMenuItems();\n\n    const selectedItem = items.find(item => e.composedPath().includes(item));\n    if (!selectedItem) return;\n\n    const currentItemNo = items.indexOf(selectedItem);\n    this.nextDropdownItemNo = currentItemNo + 1;\n    this.prevDropdownItemNo = currentItemNo <= 0 ? items.length - 1 : currentItemNo - 1;\n\n    /** Emitted event from SgdsDropdown element when a slot item is selected */\n    if (!selectedItem.disabled) {\n      this.emit(\"sgds-select\", { detail: { item: selectedItem } });\n      if (this.close !== \"outside\") {\n        this.hideMenu(); // <-- Use new API\n      }\n    }\n  }\n\n  private _resetMenu() {\n    this.nextDropdownItemNo = 0;\n    this.prevDropdownItemNo = -1;\n    // reset the tabindex\n    const items = this._getMenuItems();\n    items.forEach(item => {\n      const dropdownItem = item?.shadowRoot?.querySelector(\".dropdown-item\") as HTMLAnchorElement;\n      dropdownItem && dropdownItem.removeAttribute(\"tabindex\");\n    });\n  }\n  protected _handleKeyboardMenuItemsEvent(e: KeyboardEvent) {\n    if (this.readonly) return;\n    const menuItems = this._getActiveMenuItems();\n    if (menuItems.length === 0) return;\n\n    switch (e.key) {\n      case ARROW_DOWN:\n        e.preventDefault();\n        this._setMenuItem(this.nextDropdownItemNo);\n        break;\n      case ARROW_UP:\n        e.preventDefault();\n        this._setMenuItem(this.prevDropdownItemNo);\n        break;\n      case TAB:\n        if (!this.menuIsOpen) return;\n        e.preventDefault();\n        if (e.shiftKey) {\n          this._setMenuItem(this.prevDropdownItemNo);\n        } else {\n          this._setMenuItem(this.nextDropdownItemNo);\n        }\n        break;\n      case ESCAPE:\n        if (this.menuIsOpen) {\n          e.preventDefault();\n          this.hideMenu();\n        }\n        break;\n      case ENTER: {\n        const target = menuItems.find(item => e.composedPath().includes(item));\n        if (target) {\n          this.handleSelectSlot(e);\n        }\n        break;\n      }\n      default:\n        break;\n    }\n  }\n\n  private _getMenuItems(): SgdsDropdownItem[] {\n    const defaultSlot = this.shadowRoot.querySelector(\"slot#default\");\n    // for case when default slot is used e.g. dropdown, mainnavdropdown\n    if (defaultSlot) {\n      const defaultSlotItems = (this.shadowRoot.querySelector(\"slot#default\") as HTMLSlotElement)\n        ?.assignedElements({\n          flatten: true\n        })\n        .filter(\n          el =>\n            el.getAttribute(\"role\") === \"menuitem\" && !el.classList.contains(\"empty-menu\") && !el.hasAttribute(\"hidden\")\n        ) as SgdsDropdownItem[];\n      return defaultSlotItems;\n    }\n    // for case when there is no slot e.g. combobox\n    if (this.menu?.hasChildNodes()) {\n      const menuItems = Array.from(this.menu.children);\n      return [...menuItems] as SgdsDropdownItem[];\n    }\n\n    return [];\n  }\n\n  private _getActiveMenuItems(): SgdsDropdownItem[] {\n    return this._getMenuItems().filter(item => !item.disabled && !item.hidden && !item.readonly);\n  }\n  private _setMenuItem(currentItemIdx: number) {\n    const items = this._getActiveMenuItems();\n    if (items.length === 0) return;\n\n    // Use modulo for looping\n    const idx = ((currentItemIdx % items.length) + items.length) % items.length;\n    const activeItem = items[idx];\n    this.emit(\"i-sgds-option-focus\", { detail: { option: activeItem } });\n    this.nextDropdownItemNo = (idx + 1) % items.length;\n    this.prevDropdownItemNo = (idx - 1 + items.length) % items.length;\n\n    items.forEach(item => {\n      const dropdownItem = item.shadowRoot.querySelector(\".dropdown-item\") as HTMLAnchorElement;\n      dropdownItem.setAttribute(\"tabindex\", item === activeItem ? \"0\" : \"-1\");\n      if (item === activeItem) dropdownItem.focus();\n    });\n  }\n}\n\nexport interface IDropdownListElement {\n  item: SgdsDropdownItem;\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"dropdown-list-element.js","sources":["../../src/base/dropdown-list-element.ts"],"sourcesContent":["import { property, query, state } from \"lit/decorators.js\";\nimport { DropdownElement } from \"./dropdown-element\";\nimport { SgdsDropdownItem } from \"../components\";\nimport { PropertyValueMap } from \"lit\";\n\nconst TAB = \"Tab\";\nconst ARROW_DOWN = \"ArrowDown\";\nconst ARROW_UP = \"ArrowUp\";\nconst ENTER = \"Enter\";\n\n/**\n * @event sgds-select - Emitted when a dropdown item is selected. `event.detail.item` is the clicked `SgdsDropdownItem` element.\n */\nexport class DropdownListElement extends DropdownElement {\n  static styles = DropdownElement.styles;\n\n  /**@internal */\n  @query(\"ul.dropdown-menu\")\n  private menu: HTMLUListElement;\n\n  /** @internal */\n  @state()\n  nextDropdownItemNo = 0;\n\n  /** @internal */\n  @state()\n  prevDropdownItemNo = -1;\n\n  @property({ type: Boolean, reflect: true })\n  hidden = false;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.addEventListener(\"sgds-hide\", this._resetMenu);\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.removeEventListener(\"sgds-hide\", this._resetMenu);\n  }\n\n  firstUpdated(changedProperties: PropertyValueMap<this>) {\n    super.firstUpdated(changedProperties);\n    this.addEventListener(\"keydown\", this._handleKeyboardMenuItemsEvent);\n  }\n\n  protected handleSelectSlot(e: KeyboardEvent | MouseEvent) {\n    const items = this._getActiveMenuItems();\n\n    const selectedItem = items.find(item => e.composedPath().includes(item));\n    if (!selectedItem) return;\n\n    const currentItemNo = items.indexOf(selectedItem);\n    this.nextDropdownItemNo = currentItemNo + 1;\n    this.prevDropdownItemNo = currentItemNo <= 0 ? items.length - 1 : currentItemNo - 1;\n\n    /** Emitted event from SgdsDropdown element when a slot item is selected */\n    if (!selectedItem.disabled) {\n      this.emit(\"sgds-select\", { detail: { item: selectedItem } });\n      if (this.close !== \"outside\") {\n        this.hideMenu(); // <-- Use new API\n      }\n    }\n  }\n\n  private _resetMenu() {\n    this.nextDropdownItemNo = 0;\n    this.prevDropdownItemNo = -1;\n    // reset the tabindex\n    const items = this._getMenuItems();\n    items.forEach(item => {\n      const dropdownItem = item?.shadowRoot?.querySelector(\".dropdown-item\") as HTMLAnchorElement;\n      dropdownItem && dropdownItem.removeAttribute(\"tabindex\");\n    });\n  }\n  protected _handleKeyboardMenuItemsEvent(e: KeyboardEvent) {\n    if (this.readonly) return;\n    const menuItems = this._getActiveMenuItems();\n    if (menuItems.length === 0) return;\n\n    switch (e.key) {\n      case ARROW_DOWN:\n        e.preventDefault();\n        this._setMenuItem(this.nextDropdownItemNo);\n        break;\n      case ARROW_UP:\n        e.preventDefault();\n        this._setMenuItem(this.prevDropdownItemNo);\n        break;\n      case TAB:\n        if (!this.menuIsOpen) return;\n        e.preventDefault();\n        if (e.shiftKey) {\n          this._setMenuItem(this.prevDropdownItemNo);\n        } else {\n          this._setMenuItem(this.nextDropdownItemNo);\n        }\n        break;\n      case ENTER: {\n        const target = menuItems.find(item => e.composedPath().includes(item));\n        if (target) {\n          this.handleSelectSlot(e);\n        }\n        break;\n      }\n      default:\n        break;\n    }\n  }\n\n  private _getMenuItems(): SgdsDropdownItem[] {\n    const defaultSlot = this.shadowRoot.querySelector(\"slot#default\");\n    // for case when default slot is used e.g. dropdown, mainnavdropdown\n    if (defaultSlot) {\n      const defaultSlotItems = (this.shadowRoot.querySelector(\"slot#default\") as HTMLSlotElement)\n        ?.assignedElements({\n          flatten: true\n        })\n        .filter(el => !el.classList.contains(\"empty-menu\") && !el.hasAttribute(\"hidden\")) as SgdsDropdownItem[];\n      return defaultSlotItems;\n    }\n    // for case when there is no slot e.g. combobox\n    if (this.menu?.hasChildNodes()) {\n      const menuItems = Array.from(this.menu.children);\n      return [...menuItems] as SgdsDropdownItem[];\n    }\n\n    return [];\n  }\n\n  private _getActiveMenuItems(): SgdsDropdownItem[] {\n    return this._getMenuItems().filter(item => !item.disabled && !item.hidden);\n  }\n  private _setMenuItem(currentItemIdx: number) {\n    const items = this._getActiveMenuItems();\n    if (items.length === 0) return;\n\n    // Use modulo for looping\n    const idx = ((currentItemIdx % items.length) + items.length) % items.length;\n    const activeItem = items[idx];\n    this.emit(\"i-sgds-option-focus\", { detail: { option: activeItem } });\n    this.nextDropdownItemNo = (idx + 1) % items.length;\n    this.prevDropdownItemNo = (idx - 1 + items.length) % items.length;\n\n    items.forEach(item => {\n      const dropdownItem = item.shadowRoot.querySelector(\".dropdown-item\") as HTMLAnchorElement;\n      dropdownItem.setAttribute(\"tabindex\", item === activeItem ? \"0\" : \"-1\");\n      if (item === activeItem) dropdownItem.focus();\n    });\n  }\n}\n\nexport interface IDropdownListElement {\n  item: SgdsDropdownItem;\n}\n"],"names":[],"mappings":"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"}

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

@@ -65,7 +65,7 @@ const C={attribute:!0,type:String,converter:_,reflect:!1,hasChanged:x},M=(e=C,t,
    * @license
    * Copyright 2020 Google LLC
    * SPDX-License-Identifier: BSD-3-Clause
-   */const ke=()=>new Le;class Le{}const Ee=new WeakMap,Se=He(class extends je{render(e){return X}update(e,[t]){const l=t!==this.G;return l&&void 0!==this.G&&this.rt(void 0),(l||this.lt!==this.ct)&&(this.G=t,this.ht=e.options?.host,this.rt(this.ct=e.element)),X}rt(e){if(this.isConnected||(e=void 0),"function"==typeof this.G){const t=this.ht??globalThis;let l=Ee.get(t);void 0===l&&(l=new WeakMap,Ee.set(t,l)),void 0!==l.get(this.G)&&this.G.call(this.ht,void 0),l.set(this.G,e),void 0!==e&&this.G.call(this.ht,e)}else this.G.value=e}get lt(){return"function"==typeof this.G?Ee.get(this.ht??globalThis)?.get(this.G):this.G?.value}disconnected(){this.lt===this.ct&&this.rt(void 0)}reconnected(){this.rt(this.ct)}}),Re=Math.min,Ue=Math.max,De=Math.round,Te=Math.floor,Ie=e=>({x:e,y:e}),Ne={left:"right",right:"left",bottom:"top",top:"bottom"},Fe={start:"end",end:"start"};function qe(e,t,l){return Ue(e,Re(t,l))}function We(e,t){return"function"==typeof e?e(t):e}function Ge(e){return e.split("-")[0]}function Ke(e){return e.split("-")[1]}function Ye(e){return"x"===e?"y":"x"}function Je(e){return"y"===e?"height":"width"}const Xe=new Set(["top","bottom"]);function Qe(e){return Xe.has(Ge(e))?"y":"x"}function et(e){return Ye(Qe(e))}function tt(e,t,l){void 0===l&&(l=!1);const o=Ke(e),r=et(e),n=Je(r);let i="x"===r?o===(l?"end":"start")?"right":"left":"start"===o?"bottom":"top";return t.reference[n]>t.floating[n]&&(i=ct(i)),[i,ct(i)]}function lt(e){return e.replace(/start|end/g,e=>Fe[e])}const ot=["left","right"],rt=["right","left"],nt=["top","bottom"],it=["bottom","top"];function at(e,t,l,o){const r=Ke(e);let n=function(e,t,l){switch(e){case"top":case"bottom":return l?t?rt:ot:t?ot:rt;case"left":case"right":return t?nt:it;default:return[]}}(Ge(e),"start"===l,o);return r&&(n=n.map(e=>e+"-"+r),t&&(n=n.concat(n.map(lt)))),n}function ct(e){return e.replace(/left|right|bottom|top/g,e=>Ne[e])}function st(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 ht(e){const{x:t,y:l,width:o,height:r}=e;return{width:o,height:r,top:l,left:t,right:t+o,bottom:l+r,x:t,y:l}}function dt(e,t,l){let{reference:o,floating:r}=e;const n=Qe(t),i=et(t),a=Je(i),c=Ge(t),s="y"===n,h=o.x+o.width/2-r.width/2,d=o.y+o.height/2-r.height/2,v=o[a]/2-r[a]/2;let u;switch(c){case"top":u={x:h,y:o.y-r.height};break;case"bottom":u={x:h,y:o.y+o.height};break;case"right":u={x:o.x+o.width,y:d};break;case"left":u={x:o.x-r.width,y:d};break;default:u={x:o.x,y:o.y}}switch(Ke(t)){case"start":u[i]-=v*(l&&s?-1:1);break;case"end":u[i]+=v*(l&&s?-1:1)}return u}async function vt(e,t){var l;void 0===t&&(t={});const{x:o,y:r,platform:n,rects:i,elements:a,strategy:c}=e,{boundary:s="clippingAncestors",rootBoundary:h="viewport",elementContext:d="floating",altBoundary:v=!1,padding:u=0}=We(t,e),f=st(u),p=a[v?"floating"===d?"reference":"floating":d],g=ht(await n.getClippingRect({element:null==(l=await(null==n.isElement?void 0:n.isElement(p)))||l?p:p.contextElement||await(null==n.getDocumentElement?void 0:n.getDocumentElement(a.floating)),boundary:s,rootBoundary:h,strategy:c})),w="floating"===d?{x:o,y:r,width:i.floating.width,height:i.floating.height}:i.reference,m=await(null==n.getOffsetParent?void 0:n.getOffsetParent(a.floating)),_=await(null==n.isElement?void 0:n.isElement(m))&&await(null==n.getScale?void 0:n.getScale(m))||{x:1,y:1},x=ht(n.convertOffsetParentRelativeRectToViewportRelativeRect?await n.convertOffsetParentRelativeRectToViewportRelativeRect({elements:a,rect:w,offsetParent:m,strategy:c}):w);return{top:(g.top-x.top+f.top)/_.y,bottom:(x.bottom-g.bottom+f.bottom)/_.y,left:(g.left-x.left+f.left)/_.x,right:(x.right-g.right+f.right)/_.x}}const ut=new Set(["left","top"]);function ft(){return"undefined"!=typeof window}function pt(e){return mt(e)?(e.nodeName||"").toLowerCase():"#document"}function gt(e){var t;return(null==e||null==(t=e.ownerDocument)?void 0:t.defaultView)||window}function wt(e){var t;return null==(t=(mt(e)?e.ownerDocument:e.document)||window.document)?void 0:t.documentElement}function mt(e){return!!ft()&&(e instanceof Node||e instanceof gt(e).Node)}function _t(e){return!!ft()&&(e instanceof Element||e instanceof gt(e).Element)}function xt(e){return!!ft()&&(e instanceof HTMLElement||e instanceof gt(e).HTMLElement)}function Zt(e){return!(!ft()||"undefined"==typeof ShadowRoot)&&(e instanceof ShadowRoot||e instanceof gt(e).ShadowRoot)}const bt=new Set(["inline","contents"]);function Ct(e){const{overflow:t,overflowX:l,overflowY:o,display:r}=kt(e);return/auto|scroll|overlay|hidden|clip/.test(t+o+l)&&!bt.has(r)}const Mt=new Set(["table","td","th"]);function yt(e){return Mt.has(pt(e))}const Ht=[":popover-open",":modal"];function At(e){return Ht.some(t=>{try{return e.matches(t)}catch(e){return!1}})}const Vt=["transform","translate","scale","rotate","perspective"],Ot=["transform","translate","scale","rotate","perspective","filter"],zt=["paint","layout","strict","content"];function Pt(e){const t=Bt(),l=_t(e)?kt(e):e;return Vt.some(e=>!!l[e]&&"none"!==l[e])||!!l.containerType&&"normal"!==l.containerType||!t&&!!l.backdropFilter&&"none"!==l.backdropFilter||!t&&!!l.filter&&"none"!==l.filter||Ot.some(e=>(l.willChange||"").includes(e))||zt.some(e=>(l.contain||"").includes(e))}function Bt(){return!("undefined"==typeof CSS||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}const $t=new Set(["html","body","#document"]);function jt(e){return $t.has(pt(e))}function kt(e){return gt(e).getComputedStyle(e)}function Lt(e){return _t(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.scrollX,scrollTop:e.scrollY}}function Et(e){if("html"===pt(e))return e;const t=e.assignedSlot||e.parentNode||Zt(e)&&e.host||wt(e);return Zt(t)?t.host:t}function St(e){const t=Et(e);return jt(t)?e.ownerDocument?e.ownerDocument.body:e.body:xt(t)&&Ct(t)?t:St(t)}function Rt(e,t,l){var o;void 0===t&&(t=[]),void 0===l&&(l=!0);const r=St(e),n=r===(null==(o=e.ownerDocument)?void 0:o.body),i=gt(r);if(n){const e=Ut(i);return t.concat(i,i.visualViewport||[],Ct(r)?r:[],e&&l?Rt(e):[])}return t.concat(r,Rt(r,[],l))}function Ut(e){return e.parent&&Object.getPrototypeOf(e.parent)?e.frameElement:null}function Dt(e){const t=kt(e);let l=parseFloat(t.width)||0,o=parseFloat(t.height)||0;const r=xt(e),n=r?e.offsetWidth:l,i=r?e.offsetHeight:o,a=De(l)!==n||De(o)!==i;return a&&(l=n,o=i),{width:l,height:o,$:a}}function Tt(e){return _t(e)?e:e.contextElement}function It(e){const t=Tt(e);if(!xt(t))return Ie(1);const l=t.getBoundingClientRect(),{width:o,height:r,$:n}=Dt(t);let i=(n?De(l.width):l.width)/o,a=(n?De(l.height):l.height)/r;return i&&Number.isFinite(i)||(i=1),a&&Number.isFinite(a)||(a=1),{x:i,y:a}}const Nt=Ie(0);function Ft(e){const t=gt(e);return Bt()&&t.visualViewport?{x:t.visualViewport.offsetLeft,y:t.visualViewport.offsetTop}:Nt}function qt(e,t,l,o){void 0===t&&(t=!1),void 0===l&&(l=!1);const r=e.getBoundingClientRect(),n=Tt(e);let i=Ie(1);t&&(o?_t(o)&&(i=It(o)):i=It(e));const a=function(e,t,l){return void 0===t&&(t=!1),!(!l||t&&l!==gt(e))&&t}(n,l,o)?Ft(n):Ie(0);let c=(r.left+a.x)/i.x,s=(r.top+a.y)/i.y,h=r.width/i.x,d=r.height/i.y;if(n){const e=gt(n),t=o&&_t(o)?gt(o):o;let l=e,r=Ut(l);for(;r&&o&&t!==l;){const e=It(r),t=r.getBoundingClientRect(),o=kt(r),n=t.left+(r.clientLeft+parseFloat(o.paddingLeft))*e.x,i=t.top+(r.clientTop+parseFloat(o.paddingTop))*e.y;c*=e.x,s*=e.y,h*=e.x,d*=e.y,c+=n,s+=i,l=gt(r),r=Ut(l)}}return ht({width:h,height:d,x:c,y:s})}function Wt(e,t){const l=Lt(e).scrollLeft;return t?t.left+l:qt(wt(e)).left+l}function Gt(e,t){const l=e.getBoundingClientRect();return{x:l.left+t.scrollLeft-Wt(e,l),y:l.top+t.scrollTop}}const Kt=new Set(["absolute","fixed"]);function Yt(e,t,l){let o;if("viewport"===t)o=function(e,t){const l=gt(e),o=wt(e),r=l.visualViewport;let n=o.clientWidth,i=o.clientHeight,a=0,c=0;if(r){n=r.width,i=r.height;const e=Bt();(!e||e&&"fixed"===t)&&(a=r.offsetLeft,c=r.offsetTop)}const s=Wt(o);if(s<=0){const e=o.ownerDocument,t=e.body,l=getComputedStyle(t),r="CSS1Compat"===e.compatMode&&parseFloat(l.marginLeft)+parseFloat(l.marginRight)||0,i=Math.abs(o.clientWidth-t.clientWidth-r);i<=25&&(n-=i)}else s<=25&&(n+=s);return{width:n,height:i,x:a,y:c}}(e,l);else if("document"===t)o=function(e){const t=wt(e),l=Lt(e),o=e.ownerDocument.body,r=Ue(t.scrollWidth,t.clientWidth,o.scrollWidth,o.clientWidth),n=Ue(t.scrollHeight,t.clientHeight,o.scrollHeight,o.clientHeight);let i=-l.scrollLeft+Wt(e);const a=-l.scrollTop;return"rtl"===kt(o).direction&&(i+=Ue(t.clientWidth,o.clientWidth)-r),{width:r,height:n,x:i,y:a}}(wt(e));else if(_t(t))o=function(e,t){const l=qt(e,!0,"fixed"===t),o=l.top+e.clientTop,r=l.left+e.clientLeft,n=xt(e)?It(e):Ie(1);return{width:e.clientWidth*n.x,height:e.clientHeight*n.y,x:r*n.x,y:o*n.y}}(t,l);else{const l=Ft(e);o={x:t.x-l.x,y:t.y-l.y,width:t.width,height:t.height}}return ht(o)}function Jt(e,t){const l=Et(e);return!(l===t||!_t(l)||jt(l))&&("fixed"===kt(l).position||Jt(l,t))}function Xt(e,t,l){const o=xt(t),r=wt(t),n="fixed"===l,i=qt(e,!0,n,t);let a={scrollLeft:0,scrollTop:0};const c=Ie(0);function s(){c.x=Wt(r)}if(o||!o&&!n)if(("body"!==pt(t)||Ct(r))&&(a=Lt(t)),o){const e=qt(t,!0,n,t);c.x=e.x+t.clientLeft,c.y=e.y+t.clientTop}else r&&s();n&&!o&&r&&s();const h=!r||o||n?Ie(0):Gt(r,a);return{x:i.left+a.scrollLeft-c.x-h.x,y:i.top+a.scrollTop-c.y-h.y,width:i.width,height:i.height}}function Qt(e){return"static"===kt(e).position}function el(e,t){if(!xt(e)||"fixed"===kt(e).position)return null;if(t)return t(e);let l=e.offsetParent;return wt(e)===l&&(l=l.ownerDocument.body),l}function tl(e,t){const l=gt(e);if(At(e))return l;if(!xt(e)){let t=Et(e);for(;t&&!jt(t);){if(_t(t)&&!Qt(t))return t;t=Et(t)}return l}let o=el(e,t);for(;o&&yt(o)&&Qt(o);)o=el(o,t);return o&&jt(o)&&Qt(o)&&!Pt(o)?l:o||function(e){let t=Et(e);for(;xt(t)&&!jt(t);){if(Pt(t))return t;if(At(t))return null;t=Et(t)}return null}(e)||l}const ll={convertOffsetParentRelativeRectToViewportRelativeRect:function(e){let{elements:t,rect:l,offsetParent:o,strategy:r}=e;const n="fixed"===r,i=wt(o),a=!!t&&At(t.floating);if(o===i||a&&n)return l;let c={scrollLeft:0,scrollTop:0},s=Ie(1);const h=Ie(0),d=xt(o);if((d||!d&&!n)&&(("body"!==pt(o)||Ct(i))&&(c=Lt(o)),xt(o))){const e=qt(o);s=It(o),h.x=e.x+o.clientLeft,h.y=e.y+o.clientTop}const v=!i||d||n?Ie(0):Gt(i,c);return{width:l.width*s.x,height:l.height*s.y,x:l.x*s.x-c.scrollLeft*s.x+h.x+v.x,y:l.y*s.y-c.scrollTop*s.y+h.y+v.y}},getDocumentElement:wt,getClippingRect:function(e){let{element:t,boundary:l,rootBoundary:o,strategy:r}=e;const n=[..."clippingAncestors"===l?At(t)?[]:function(e,t){const l=t.get(e);if(l)return l;let o=Rt(e,[],!1).filter(e=>_t(e)&&"body"!==pt(e)),r=null;const n="fixed"===kt(e).position;let i=n?Et(e):e;for(;_t(i)&&!jt(i);){const t=kt(i),l=Pt(i);l||"fixed"!==t.position||(r=null),(n?!l&&!r:!l&&"static"===t.position&&r&&Kt.has(r.position)||Ct(i)&&!l&&Jt(e,i))?o=o.filter(e=>e!==i):r=t,i=Et(i)}return t.set(e,o),o}(t,this._c):[].concat(l),o],i=n[0],a=n.reduce((e,l)=>{const o=Yt(t,l,r);return e.top=Ue(o.top,e.top),e.right=Re(o.right,e.right),e.bottom=Re(o.bottom,e.bottom),e.left=Ue(o.left,e.left),e},Yt(t,i,r));return{width:a.right-a.left,height:a.bottom-a.top,x:a.left,y:a.top}},getOffsetParent:tl,getElementRects:async function(e){const t=this.getOffsetParent||tl,l=this.getDimensions,o=await l(e.floating);return{reference:Xt(e.reference,await t(e.floating),e.strategy),floating:{x:0,y:0,width:o.width,height:o.height}}},getClientRects:function(e){return Array.from(e.getClientRects())},getDimensions:function(e){const{width:t,height:l}=Dt(e);return{width:t,height:l}},getScale:It,isElement:_t,isRTL:function(e){return"rtl"===kt(e).direction}};function ol(e,t){return e.x===t.x&&e.y===t.y&&e.width===t.width&&e.height===t.height}function rl(e,t,l,o){void 0===o&&(o={});const{ancestorScroll:r=!0,ancestorResize:n=!0,elementResize:i="function"==typeof ResizeObserver,layoutShift:a="function"==typeof IntersectionObserver,animationFrame:c=!1}=o,s=Tt(e),h=r||n?[...s?Rt(s):[],...Rt(t)]:[];h.forEach(e=>{r&&e.addEventListener("scroll",l,{passive:!0}),n&&e.addEventListener("resize",l)});const d=s&&a?function(e,t){let l,o=null;const r=wt(e);function n(){var e;clearTimeout(l),null==(e=o)||e.disconnect(),o=null}return function i(a,c){void 0===a&&(a=!1),void 0===c&&(c=1),n();const s=e.getBoundingClientRect(),{left:h,top:d,width:v,height:u}=s;if(a||t(),!v||!u)return;const f={rootMargin:-Te(d)+"px "+-Te(r.clientWidth-(h+v))+"px "+-Te(r.clientHeight-(d+u))+"px "+-Te(h)+"px",threshold:Ue(0,Re(1,c))||1};let p=!0;function g(t){const o=t[0].intersectionRatio;if(o!==c){if(!p)return i();o?i(!1,o):l=setTimeout(()=>{i(!1,1e-7)},1e3)}1!==o||ol(s,e.getBoundingClientRect())||i(),p=!1}try{o=new IntersectionObserver(g,{...f,root:r.ownerDocument})}catch(e){o=new IntersectionObserver(g,f)}o.observe(e)}(!0),n}(s,l):null;let v,u=-1,f=null;i&&(f=new ResizeObserver(e=>{let[o]=e;o&&o.target===s&&f&&(f.unobserve(t),cancelAnimationFrame(u),u=requestAnimationFrame(()=>{var e;null==(e=f)||e.observe(t)})),l()}),s&&!c&&f.observe(s),f.observe(t));let p=c?qt(e):null;return c&&function t(){const o=qt(e);p&&!ol(p,o)&&l();p=o,v=requestAnimationFrame(t)}(),l(),()=>{var e;h.forEach(e=>{r&&e.removeEventListener("scroll",l),n&&e.removeEventListener("resize",l)}),null==d||d(),null==(e=f)||e.disconnect(),f=null,c&&cancelAnimationFrame(v)}}const nl=function(e){return void 0===e&&(e=0),{name:"offset",options:e,async fn(t){var l,o;const{x:r,y:n,placement:i,middlewareData:a}=t,c=await async function(e,t){const{placement:l,platform:o,elements:r}=e,n=await(null==o.isRTL?void 0:o.isRTL(r.floating)),i=Ge(l),a=Ke(l),c="y"===Qe(l),s=ut.has(i)?-1:1,h=n&&c?-1:1,d=We(t,e);let{mainAxis:v,crossAxis:u,alignmentAxis:f}="number"==typeof d?{mainAxis:d,crossAxis:0,alignmentAxis:null}:{mainAxis:d.mainAxis||0,crossAxis:d.crossAxis||0,alignmentAxis:d.alignmentAxis};return a&&"number"==typeof f&&(u="end"===a?-1*f:f),c?{x:u*h,y:v*s}:{x:v*s,y:u*h}}(t,e);return i===(null==(l=a.offset)?void 0:l.placement)&&null!=(o=a.arrow)&&o.alignmentOffset?{}:{x:r+c.x,y:n+c.y,data:{...c,placement:i}}}}},il=function(e){return void 0===e&&(e={}),{name:"shift",options:e,async fn(t){const{x:l,y:o,placement:r}=t,{mainAxis:n=!0,crossAxis:i=!1,limiter:a={fn:e=>{let{x:t,y:l}=e;return{x:t,y:l}}},...c}=We(e,t),s={x:l,y:o},h=await vt(t,c),d=Qe(Ge(r)),v=Ye(d);let u=s[v],f=s[d];if(n){const e="y"===v?"bottom":"right";u=qe(u+h["y"===v?"top":"left"],u,u-h[e])}if(i){const e="y"===d?"bottom":"right";f=qe(f+h["y"===d?"top":"left"],f,f-h[e])}const p=a.fn({...t,[v]:u,[d]:f});return{...p,data:{x:p.x-l,y:p.y-o,enabled:{[v]:n,[d]:i}}}}}},al=function(e){return void 0===e&&(e={}),{name:"flip",options:e,async fn(t){var l,o;const{placement:r,middlewareData:n,rects:i,initialPlacement:a,platform:c,elements:s}=t,{mainAxis:h=!0,crossAxis:d=!0,fallbackPlacements:v,fallbackStrategy:u="bestFit",fallbackAxisSideDirection:f="none",flipAlignment:p=!0,...g}=We(e,t);if(null!=(l=n.arrow)&&l.alignmentOffset)return{};const w=Ge(r),m=Qe(a),_=Ge(a)===a,x=await(null==c.isRTL?void 0:c.isRTL(s.floating)),Z=v||(_||!p?[ct(a)]:function(e){const t=ct(e);return[lt(e),t,lt(t)]}(a)),b="none"!==f;!v&&b&&Z.push(...at(a,p,f,x));const C=[a,...Z],M=await vt(t,g),y=[];let H=(null==(o=n.flip)?void 0:o.overflows)||[];if(h&&y.push(M[w]),d){const e=tt(r,i,x);y.push(M[e[0]],M[e[1]])}if(H=[...H,{placement:r,overflows:y}],!y.every(e=>e<=0)){var A,V;const e=((null==(A=n.flip)?void 0:A.index)||0)+1,t=C[e];if(t){if(!("alignment"===d&&m!==Qe(t))||H.every(e=>Qe(e.placement)!==m||e.overflows[0]>0))return{data:{index:e,overflows:H},reset:{placement:t}}}let l=null==(V=H.filter(e=>e.overflows[0]<=0).sort((e,t)=>e.overflows[1]-t.overflows[1])[0])?void 0:V.placement;if(!l)switch(u){case"bestFit":{var O;const e=null==(O=H.filter(e=>{if(b){const t=Qe(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:O[0];e&&(l=e);break}case"initialPlacement":l=a}if(r!==l)return{reset:{placement:l}}}return{}}}},cl=(e,t,l)=>{const o=new Map,r={platform:ll,...l},n={...r.platform,_c:o};return(async(e,t,l)=>{const{placement:o="bottom",strategy:r="absolute",middleware:n=[],platform:i}=l,a=n.filter(Boolean),c=await(null==i.isRTL?void 0:i.isRTL(t));let s=await i.getElementRects({reference:e,floating:t,strategy:r}),{x:h,y:d}=dt(s,o,c),v=o,u={},f=0;for(let l=0;l<a.length;l++){const{name:n,fn:p}=a[l],{x:g,y:w,data:m,reset:_}=await p({x:h,y:d,initialPlacement:o,placement:v,strategy:r,middlewareData:u,rects:s,platform:i,elements:{reference:e,floating:t}});h=null!=g?g:h,d=null!=w?w:d,u={...u,[n]:{...u[n],...m}},_&&f<=50&&(f++,"object"==typeof _&&(_.placement&&(v=_.placement),_.rects&&(s=!0===_.rects?await i.getElementRects({reference:e,floating:t,strategy:r}):_.rects),({x:h,y:d}=dt(s,v,c))),l=-1)}return{x:h,y:d,placement:v,strategy:r,middlewareData:u}})(e,t,{...r,platform:n})};function sl(e,t,l){return new Promise(o=>{if((null==l?void 0:l.duration)===1/0)throw new Error("Promise-based animations must be finite.");const r=e.animate(t,Object.assign(Object.assign({},l),{duration:hl()?0:null==l?void 0:l.duration}));r.addEventListener("cancel",o,{once:!0}),r.addEventListener("finish",o,{once:!0})})}function hl(){return window.matchMedia("(prefers-reduced-motion: reduce)").matches}const dl=new Map,vl=new WeakMap;function ul(e,t){const l=vl.get(e);if(null==l?void 0:l[t])return l[t];const o=dl.get(t);return o||{keyframes:[],options:{duration:0}}}function fl(e,t){dl.set(e,function(e){return null!=e?e:{keyframes:[],options:{duration:0}}}(t))}class pl extends be{constructor(){super(...arguments),this.myDropdown=ke(),this.dropdownMenuId=function(e="",t=""){return`id-${Math.random().toString().substring(2,6)}-sgds-${e}-${t}`}("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=ke(),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(){if(!this.disabled&&!this.menuIsOpen){if(this.menuIsOpen=!0,this.emit("sgds-show"),await this.updateFloatingPosition(),this._startAutoUpdate(),this.menuRef.value){const e=(this.menuRef.value.getAttribute("data-placement")||"").startsWith("top")?"4px":"-4px",{options:t}=ul(this,"dropdown.show");await sl(this.menuRef.value,[{opacity:0,transform:`translateY(${e})`},{opacity:1,transform:"translateY(0)"}],t)}this.emit("sgds-after-show")}}_startAutoUpdate(){this.myDropdown.value&&this.menuRef.value&&(this._cleanupAutoUpdate=rl(this.myDropdown.value,this.menuRef.value,()=>this.updateFloatingPosition()))}async hideMenu(e){if(this.menuIsOpen){if(this.emit("sgds-hide",{detail:{isOutside:e}}),this.menuRef.value){const e=(this.menuRef.value.getAttribute("data-placement")||"").startsWith("top")?"4px":"-4px",{options:t}=ul(this,"dropdown.hide");await sl(this.menuRef.value,[{opacity:1,transform:"translateY(0)"},{opacity:0,transform:`translateY(${e})`}],t)}this.menuIsOpen=!1,this.emit("sgds-after-hide"),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 l=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)},o=t.map(l),r=e.map(e=>{const r=l(e),n=o.indexOf(r);return-1!==n?t[n]:e}).concat(t.filter(t=>!e.some(e=>l(e)===l(t))));return r}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=[nl(8),this.noFlip?void 0:al(),il()].filter(Boolean);let l=t;Array.isArray(this.floatingOpts.middleware)&&this.floatingOpts.middleware.length>0&&(l=this.mergeMiddleware(t,this.floatingOpts.middleware.filter(Boolean)));const o=Object.assign(Object.assign({strategy:"fixed",placement:e},this.floatingOpts),{middleware:l}),{x:r,y:n,strategy:i,placement:a}=await cl(this.myDropdown.value,this.menuRef.value,o);this.menuRef.value.setAttribute("data-placement",a),Object.assign(this.menuRef.value.style,{position:i,left:`${r}px`,top:`${n}px`})}}e([y({type:Boolean,state:!0})],pl.prototype,"noFlip",void 0),e([y({type:Boolean,reflect:!0,state:!0})],pl.prototype,"menuAlignRight",void 0),e([y({type:String,reflect:!0,state:!0})],pl.prototype,"drop",void 0),e([y({type:Object})],pl.prototype,"floatingOpts",void 0),e([y({type:Boolean,reflect:!0})],pl.prototype,"menuIsOpen",void 0),e([y({type:Boolean,reflect:!0})],pl.prototype,"disabled",void 0),e([y({type:Boolean,reflect:!0})],pl.prototype,"readonly",void 0),fl("dropdown.show",{keyframes:[],options:{duration:200,easing:"cubic-bezier(0.1, 0, 0.5, 0)"}}),fl("dropdown.hide",{keyframes:[],options:{duration:200,easing:"cubic-bezier(0.15, 0.6, 0.6, 1)"}});class gl extends pl{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(),l=t.find(t=>e.composedPath().includes(t));if(!l)return;const o=t.indexOf(l);this.nextDropdownItemNo=o+1,this.prevDropdownItemNo=o<=0?t.length-1:o-1,l.disabled||(this.emit("sgds-select",{detail:{item:l}}),"outside"!==this.close&&this.hideMenu())}_resetMenu(){this.nextDropdownItemNo=0,this.prevDropdownItemNo=-1;this._getMenuItems().forEach(e=>{var t;const l=null===(t=null==e?void 0:e.shadowRoot)||void 0===t?void 0:t.querySelector(".dropdown-item");l&&l.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"Escape":this.menuIsOpen&&(e.preventDefault(),this.hideMenu());break;case"Enter":t.find(t=>e.composedPath().includes(t))&&this.handleSelectSlot(e);break}}_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=>"menuitem"===e.getAttribute("role")&&!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&&!e.readonly)}_setMenuItem(e){const t=this._getActiveMenuItems();if(0===t.length)return;const l=(e%t.length+t.length)%t.length,o=t[l];this.emit("i-sgds-option-focus",{detail:{option:o}}),this.nextDropdownItemNo=(l+1)%t.length,this.prevDropdownItemNo=(l-1+t.length)%t.length,t.forEach(e=>{const t=e.shadowRoot.querySelector(".dropdown-item");t.setAttribute("tabindex",e===o?"0":"-1"),e===o&&t.focus()})}}function wl(e,t){const l=Object.assign({waitUntilFirstUpdate:!1},t);return(t,o)=>{const{update:r}=t;if(e in t){const n=e;t.update=function(e){if(e.has(n)){const t=e.get(n),r=this[n];t!==r&&(l.waitUntilFirstUpdate&&!this.hasUpdated||this[o](t,r))}r.call(this,e)}}}}gl.styles=pl.styles,e([V("ul.dropdown-menu")],gl.prototype,"menu",void 0),e([H()],gl.prototype,"nextDropdownItemNo",void 0),e([H()],gl.prototype,"prevDropdownItemNo",void 0),e([y({type:Boolean,reflect:!0})],gl.prototype,"hidden",void 0);var ml=i`: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%}`,_l=i`.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}`;class xl extends gl{constructor(){super(),this.noFlip=!1,this.menuAlignRight=!1,this.drop="down",this.close="default",this.menuRef=Se()}async _handleClick(e){if(this.disabled)return;const t=this._toggler[0];if(!t)return void this.toggleMenu();if(e.composedPath().includes(t))return void this.toggleMenu();if(!this.menuIsOpen)return;const l=this.menuRef.value;l&&e.composedPath().includes(l)||this.hideMenu()}_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()}_handleTogglerSlotChange(e){const t=e.target.assignedElements({flatten:!0})[0];t&&(t.setAttribute("aria-haspopup","menu"),t.setAttribute("aria-expanded",String(this.menuIsOpen)))}_handleMenuIsOpenChange(){const e=this._toggler[0];e&&e.setAttribute("aria-expanded",String(this.menuIsOpen))}_handleDisabled(){const e=this._toggler[0];e&&(this.disabled?e.setAttribute("disabled","true"):e.hasAttribute("disabled")&&e.removeAttribute("disabled"))}render(){return Y`
+   */const ke=()=>new Le;class Le{}const Ee=new WeakMap,Se=He(class extends je{render(e){return X}update(e,[t]){const l=t!==this.G;return l&&void 0!==this.G&&this.rt(void 0),(l||this.lt!==this.ct)&&(this.G=t,this.ht=e.options?.host,this.rt(this.ct=e.element)),X}rt(e){if(this.isConnected||(e=void 0),"function"==typeof this.G){const t=this.ht??globalThis;let l=Ee.get(t);void 0===l&&(l=new WeakMap,Ee.set(t,l)),void 0!==l.get(this.G)&&this.G.call(this.ht,void 0),l.set(this.G,e),void 0!==e&&this.G.call(this.ht,e)}else this.G.value=e}get lt(){return"function"==typeof this.G?Ee.get(this.ht??globalThis)?.get(this.G):this.G?.value}disconnected(){this.lt===this.ct&&this.rt(void 0)}reconnected(){this.rt(this.ct)}}),Re=Math.min,Ue=Math.max,De=Math.round,Te=Math.floor,Ie=e=>({x:e,y:e}),Ne={left:"right",right:"left",bottom:"top",top:"bottom"},Fe={start:"end",end:"start"};function qe(e,t,l){return Ue(e,Re(t,l))}function We(e,t){return"function"==typeof e?e(t):e}function Ge(e){return e.split("-")[0]}function Ke(e){return e.split("-")[1]}function Ye(e){return"x"===e?"y":"x"}function Je(e){return"y"===e?"height":"width"}const Xe=new Set(["top","bottom"]);function Qe(e){return Xe.has(Ge(e))?"y":"x"}function et(e){return Ye(Qe(e))}function tt(e,t,l){void 0===l&&(l=!1);const o=Ke(e),r=et(e),n=Je(r);let i="x"===r?o===(l?"end":"start")?"right":"left":"start"===o?"bottom":"top";return t.reference[n]>t.floating[n]&&(i=ct(i)),[i,ct(i)]}function lt(e){return e.replace(/start|end/g,e=>Fe[e])}const ot=["left","right"],rt=["right","left"],nt=["top","bottom"],it=["bottom","top"];function at(e,t,l,o){const r=Ke(e);let n=function(e,t,l){switch(e){case"top":case"bottom":return l?t?rt:ot:t?ot:rt;case"left":case"right":return t?nt:it;default:return[]}}(Ge(e),"start"===l,o);return r&&(n=n.map(e=>e+"-"+r),t&&(n=n.concat(n.map(lt)))),n}function ct(e){return e.replace(/left|right|bottom|top/g,e=>Ne[e])}function st(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 ht(e){const{x:t,y:l,width:o,height:r}=e;return{width:o,height:r,top:l,left:t,right:t+o,bottom:l+r,x:t,y:l}}function dt(e,t,l){let{reference:o,floating:r}=e;const n=Qe(t),i=et(t),a=Je(i),c=Ge(t),s="y"===n,h=o.x+o.width/2-r.width/2,d=o.y+o.height/2-r.height/2,v=o[a]/2-r[a]/2;let u;switch(c){case"top":u={x:h,y:o.y-r.height};break;case"bottom":u={x:h,y:o.y+o.height};break;case"right":u={x:o.x+o.width,y:d};break;case"left":u={x:o.x-r.width,y:d};break;default:u={x:o.x,y:o.y}}switch(Ke(t)){case"start":u[i]-=v*(l&&s?-1:1);break;case"end":u[i]+=v*(l&&s?-1:1)}return u}async function vt(e,t){var l;void 0===t&&(t={});const{x:o,y:r,platform:n,rects:i,elements:a,strategy:c}=e,{boundary:s="clippingAncestors",rootBoundary:h="viewport",elementContext:d="floating",altBoundary:v=!1,padding:u=0}=We(t,e),f=st(u),p=a[v?"floating"===d?"reference":"floating":d],g=ht(await n.getClippingRect({element:null==(l=await(null==n.isElement?void 0:n.isElement(p)))||l?p:p.contextElement||await(null==n.getDocumentElement?void 0:n.getDocumentElement(a.floating)),boundary:s,rootBoundary:h,strategy:c})),w="floating"===d?{x:o,y:r,width:i.floating.width,height:i.floating.height}:i.reference,m=await(null==n.getOffsetParent?void 0:n.getOffsetParent(a.floating)),_=await(null==n.isElement?void 0:n.isElement(m))&&await(null==n.getScale?void 0:n.getScale(m))||{x:1,y:1},x=ht(n.convertOffsetParentRelativeRectToViewportRelativeRect?await n.convertOffsetParentRelativeRectToViewportRelativeRect({elements:a,rect:w,offsetParent:m,strategy:c}):w);return{top:(g.top-x.top+f.top)/_.y,bottom:(x.bottom-g.bottom+f.bottom)/_.y,left:(g.left-x.left+f.left)/_.x,right:(x.right-g.right+f.right)/_.x}}const ut=new Set(["left","top"]);function ft(){return"undefined"!=typeof window}function pt(e){return mt(e)?(e.nodeName||"").toLowerCase():"#document"}function gt(e){var t;return(null==e||null==(t=e.ownerDocument)?void 0:t.defaultView)||window}function wt(e){var t;return null==(t=(mt(e)?e.ownerDocument:e.document)||window.document)?void 0:t.documentElement}function mt(e){return!!ft()&&(e instanceof Node||e instanceof gt(e).Node)}function _t(e){return!!ft()&&(e instanceof Element||e instanceof gt(e).Element)}function xt(e){return!!ft()&&(e instanceof HTMLElement||e instanceof gt(e).HTMLElement)}function Zt(e){return!(!ft()||"undefined"==typeof ShadowRoot)&&(e instanceof ShadowRoot||e instanceof gt(e).ShadowRoot)}const bt=new Set(["inline","contents"]);function Ct(e){const{overflow:t,overflowX:l,overflowY:o,display:r}=kt(e);return/auto|scroll|overlay|hidden|clip/.test(t+o+l)&&!bt.has(r)}const Mt=new Set(["table","td","th"]);function yt(e){return Mt.has(pt(e))}const Ht=[":popover-open",":modal"];function At(e){return Ht.some(t=>{try{return e.matches(t)}catch(e){return!1}})}const Vt=["transform","translate","scale","rotate","perspective"],Ot=["transform","translate","scale","rotate","perspective","filter"],zt=["paint","layout","strict","content"];function Pt(e){const t=Bt(),l=_t(e)?kt(e):e;return Vt.some(e=>!!l[e]&&"none"!==l[e])||!!l.containerType&&"normal"!==l.containerType||!t&&!!l.backdropFilter&&"none"!==l.backdropFilter||!t&&!!l.filter&&"none"!==l.filter||Ot.some(e=>(l.willChange||"").includes(e))||zt.some(e=>(l.contain||"").includes(e))}function Bt(){return!("undefined"==typeof CSS||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}const $t=new Set(["html","body","#document"]);function jt(e){return $t.has(pt(e))}function kt(e){return gt(e).getComputedStyle(e)}function Lt(e){return _t(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.scrollX,scrollTop:e.scrollY}}function Et(e){if("html"===pt(e))return e;const t=e.assignedSlot||e.parentNode||Zt(e)&&e.host||wt(e);return Zt(t)?t.host:t}function St(e){const t=Et(e);return jt(t)?e.ownerDocument?e.ownerDocument.body:e.body:xt(t)&&Ct(t)?t:St(t)}function Rt(e,t,l){var o;void 0===t&&(t=[]),void 0===l&&(l=!0);const r=St(e),n=r===(null==(o=e.ownerDocument)?void 0:o.body),i=gt(r);if(n){const e=Ut(i);return t.concat(i,i.visualViewport||[],Ct(r)?r:[],e&&l?Rt(e):[])}return t.concat(r,Rt(r,[],l))}function Ut(e){return e.parent&&Object.getPrototypeOf(e.parent)?e.frameElement:null}function Dt(e){const t=kt(e);let l=parseFloat(t.width)||0,o=parseFloat(t.height)||0;const r=xt(e),n=r?e.offsetWidth:l,i=r?e.offsetHeight:o,a=De(l)!==n||De(o)!==i;return a&&(l=n,o=i),{width:l,height:o,$:a}}function Tt(e){return _t(e)?e:e.contextElement}function It(e){const t=Tt(e);if(!xt(t))return Ie(1);const l=t.getBoundingClientRect(),{width:o,height:r,$:n}=Dt(t);let i=(n?De(l.width):l.width)/o,a=(n?De(l.height):l.height)/r;return i&&Number.isFinite(i)||(i=1),a&&Number.isFinite(a)||(a=1),{x:i,y:a}}const Nt=Ie(0);function Ft(e){const t=gt(e);return Bt()&&t.visualViewport?{x:t.visualViewport.offsetLeft,y:t.visualViewport.offsetTop}:Nt}function qt(e,t,l,o){void 0===t&&(t=!1),void 0===l&&(l=!1);const r=e.getBoundingClientRect(),n=Tt(e);let i=Ie(1);t&&(o?_t(o)&&(i=It(o)):i=It(e));const a=function(e,t,l){return void 0===t&&(t=!1),!(!l||t&&l!==gt(e))&&t}(n,l,o)?Ft(n):Ie(0);let c=(r.left+a.x)/i.x,s=(r.top+a.y)/i.y,h=r.width/i.x,d=r.height/i.y;if(n){const e=gt(n),t=o&&_t(o)?gt(o):o;let l=e,r=Ut(l);for(;r&&o&&t!==l;){const e=It(r),t=r.getBoundingClientRect(),o=kt(r),n=t.left+(r.clientLeft+parseFloat(o.paddingLeft))*e.x,i=t.top+(r.clientTop+parseFloat(o.paddingTop))*e.y;c*=e.x,s*=e.y,h*=e.x,d*=e.y,c+=n,s+=i,l=gt(r),r=Ut(l)}}return ht({width:h,height:d,x:c,y:s})}function Wt(e,t){const l=Lt(e).scrollLeft;return t?t.left+l:qt(wt(e)).left+l}function Gt(e,t){const l=e.getBoundingClientRect();return{x:l.left+t.scrollLeft-Wt(e,l),y:l.top+t.scrollTop}}const Kt=new Set(["absolute","fixed"]);function Yt(e,t,l){let o;if("viewport"===t)o=function(e,t){const l=gt(e),o=wt(e),r=l.visualViewport;let n=o.clientWidth,i=o.clientHeight,a=0,c=0;if(r){n=r.width,i=r.height;const e=Bt();(!e||e&&"fixed"===t)&&(a=r.offsetLeft,c=r.offsetTop)}const s=Wt(o);if(s<=0){const e=o.ownerDocument,t=e.body,l=getComputedStyle(t),r="CSS1Compat"===e.compatMode&&parseFloat(l.marginLeft)+parseFloat(l.marginRight)||0,i=Math.abs(o.clientWidth-t.clientWidth-r);i<=25&&(n-=i)}else s<=25&&(n+=s);return{width:n,height:i,x:a,y:c}}(e,l);else if("document"===t)o=function(e){const t=wt(e),l=Lt(e),o=e.ownerDocument.body,r=Ue(t.scrollWidth,t.clientWidth,o.scrollWidth,o.clientWidth),n=Ue(t.scrollHeight,t.clientHeight,o.scrollHeight,o.clientHeight);let i=-l.scrollLeft+Wt(e);const a=-l.scrollTop;return"rtl"===kt(o).direction&&(i+=Ue(t.clientWidth,o.clientWidth)-r),{width:r,height:n,x:i,y:a}}(wt(e));else if(_t(t))o=function(e,t){const l=qt(e,!0,"fixed"===t),o=l.top+e.clientTop,r=l.left+e.clientLeft,n=xt(e)?It(e):Ie(1);return{width:e.clientWidth*n.x,height:e.clientHeight*n.y,x:r*n.x,y:o*n.y}}(t,l);else{const l=Ft(e);o={x:t.x-l.x,y:t.y-l.y,width:t.width,height:t.height}}return ht(o)}function Jt(e,t){const l=Et(e);return!(l===t||!_t(l)||jt(l))&&("fixed"===kt(l).position||Jt(l,t))}function Xt(e,t,l){const o=xt(t),r=wt(t),n="fixed"===l,i=qt(e,!0,n,t);let a={scrollLeft:0,scrollTop:0};const c=Ie(0);function s(){c.x=Wt(r)}if(o||!o&&!n)if(("body"!==pt(t)||Ct(r))&&(a=Lt(t)),o){const e=qt(t,!0,n,t);c.x=e.x+t.clientLeft,c.y=e.y+t.clientTop}else r&&s();n&&!o&&r&&s();const h=!r||o||n?Ie(0):Gt(r,a);return{x:i.left+a.scrollLeft-c.x-h.x,y:i.top+a.scrollTop-c.y-h.y,width:i.width,height:i.height}}function Qt(e){return"static"===kt(e).position}function el(e,t){if(!xt(e)||"fixed"===kt(e).position)return null;if(t)return t(e);let l=e.offsetParent;return wt(e)===l&&(l=l.ownerDocument.body),l}function tl(e,t){const l=gt(e);if(At(e))return l;if(!xt(e)){let t=Et(e);for(;t&&!jt(t);){if(_t(t)&&!Qt(t))return t;t=Et(t)}return l}let o=el(e,t);for(;o&&yt(o)&&Qt(o);)o=el(o,t);return o&&jt(o)&&Qt(o)&&!Pt(o)?l:o||function(e){let t=Et(e);for(;xt(t)&&!jt(t);){if(Pt(t))return t;if(At(t))return null;t=Et(t)}return null}(e)||l}const ll={convertOffsetParentRelativeRectToViewportRelativeRect:function(e){let{elements:t,rect:l,offsetParent:o,strategy:r}=e;const n="fixed"===r,i=wt(o),a=!!t&&At(t.floating);if(o===i||a&&n)return l;let c={scrollLeft:0,scrollTop:0},s=Ie(1);const h=Ie(0),d=xt(o);if((d||!d&&!n)&&(("body"!==pt(o)||Ct(i))&&(c=Lt(o)),xt(o))){const e=qt(o);s=It(o),h.x=e.x+o.clientLeft,h.y=e.y+o.clientTop}const v=!i||d||n?Ie(0):Gt(i,c);return{width:l.width*s.x,height:l.height*s.y,x:l.x*s.x-c.scrollLeft*s.x+h.x+v.x,y:l.y*s.y-c.scrollTop*s.y+h.y+v.y}},getDocumentElement:wt,getClippingRect:function(e){let{element:t,boundary:l,rootBoundary:o,strategy:r}=e;const n=[..."clippingAncestors"===l?At(t)?[]:function(e,t){const l=t.get(e);if(l)return l;let o=Rt(e,[],!1).filter(e=>_t(e)&&"body"!==pt(e)),r=null;const n="fixed"===kt(e).position;let i=n?Et(e):e;for(;_t(i)&&!jt(i);){const t=kt(i),l=Pt(i);l||"fixed"!==t.position||(r=null),(n?!l&&!r:!l&&"static"===t.position&&r&&Kt.has(r.position)||Ct(i)&&!l&&Jt(e,i))?o=o.filter(e=>e!==i):r=t,i=Et(i)}return t.set(e,o),o}(t,this._c):[].concat(l),o],i=n[0],a=n.reduce((e,l)=>{const o=Yt(t,l,r);return e.top=Ue(o.top,e.top),e.right=Re(o.right,e.right),e.bottom=Re(o.bottom,e.bottom),e.left=Ue(o.left,e.left),e},Yt(t,i,r));return{width:a.right-a.left,height:a.bottom-a.top,x:a.left,y:a.top}},getOffsetParent:tl,getElementRects:async function(e){const t=this.getOffsetParent||tl,l=this.getDimensions,o=await l(e.floating);return{reference:Xt(e.reference,await t(e.floating),e.strategy),floating:{x:0,y:0,width:o.width,height:o.height}}},getClientRects:function(e){return Array.from(e.getClientRects())},getDimensions:function(e){const{width:t,height:l}=Dt(e);return{width:t,height:l}},getScale:It,isElement:_t,isRTL:function(e){return"rtl"===kt(e).direction}};function ol(e,t){return e.x===t.x&&e.y===t.y&&e.width===t.width&&e.height===t.height}function rl(e,t,l,o){void 0===o&&(o={});const{ancestorScroll:r=!0,ancestorResize:n=!0,elementResize:i="function"==typeof ResizeObserver,layoutShift:a="function"==typeof IntersectionObserver,animationFrame:c=!1}=o,s=Tt(e),h=r||n?[...s?Rt(s):[],...Rt(t)]:[];h.forEach(e=>{r&&e.addEventListener("scroll",l,{passive:!0}),n&&e.addEventListener("resize",l)});const d=s&&a?function(e,t){let l,o=null;const r=wt(e);function n(){var e;clearTimeout(l),null==(e=o)||e.disconnect(),o=null}return function i(a,c){void 0===a&&(a=!1),void 0===c&&(c=1),n();const s=e.getBoundingClientRect(),{left:h,top:d,width:v,height:u}=s;if(a||t(),!v||!u)return;const f={rootMargin:-Te(d)+"px "+-Te(r.clientWidth-(h+v))+"px "+-Te(r.clientHeight-(d+u))+"px "+-Te(h)+"px",threshold:Ue(0,Re(1,c))||1};let p=!0;function g(t){const o=t[0].intersectionRatio;if(o!==c){if(!p)return i();o?i(!1,o):l=setTimeout(()=>{i(!1,1e-7)},1e3)}1!==o||ol(s,e.getBoundingClientRect())||i(),p=!1}try{o=new IntersectionObserver(g,{...f,root:r.ownerDocument})}catch(e){o=new IntersectionObserver(g,f)}o.observe(e)}(!0),n}(s,l):null;let v,u=-1,f=null;i&&(f=new ResizeObserver(e=>{let[o]=e;o&&o.target===s&&f&&(f.unobserve(t),cancelAnimationFrame(u),u=requestAnimationFrame(()=>{var e;null==(e=f)||e.observe(t)})),l()}),s&&!c&&f.observe(s),f.observe(t));let p=c?qt(e):null;return c&&function t(){const o=qt(e);p&&!ol(p,o)&&l();p=o,v=requestAnimationFrame(t)}(),l(),()=>{var e;h.forEach(e=>{r&&e.removeEventListener("scroll",l),n&&e.removeEventListener("resize",l)}),null==d||d(),null==(e=f)||e.disconnect(),f=null,c&&cancelAnimationFrame(v)}}const nl=function(e){return void 0===e&&(e=0),{name:"offset",options:e,async fn(t){var l,o;const{x:r,y:n,placement:i,middlewareData:a}=t,c=await async function(e,t){const{placement:l,platform:o,elements:r}=e,n=await(null==o.isRTL?void 0:o.isRTL(r.floating)),i=Ge(l),a=Ke(l),c="y"===Qe(l),s=ut.has(i)?-1:1,h=n&&c?-1:1,d=We(t,e);let{mainAxis:v,crossAxis:u,alignmentAxis:f}="number"==typeof d?{mainAxis:d,crossAxis:0,alignmentAxis:null}:{mainAxis:d.mainAxis||0,crossAxis:d.crossAxis||0,alignmentAxis:d.alignmentAxis};return a&&"number"==typeof f&&(u="end"===a?-1*f:f),c?{x:u*h,y:v*s}:{x:v*s,y:u*h}}(t,e);return i===(null==(l=a.offset)?void 0:l.placement)&&null!=(o=a.arrow)&&o.alignmentOffset?{}:{x:r+c.x,y:n+c.y,data:{...c,placement:i}}}}},il=function(e){return void 0===e&&(e={}),{name:"shift",options:e,async fn(t){const{x:l,y:o,placement:r}=t,{mainAxis:n=!0,crossAxis:i=!1,limiter:a={fn:e=>{let{x:t,y:l}=e;return{x:t,y:l}}},...c}=We(e,t),s={x:l,y:o},h=await vt(t,c),d=Qe(Ge(r)),v=Ye(d);let u=s[v],f=s[d];if(n){const e="y"===v?"bottom":"right";u=qe(u+h["y"===v?"top":"left"],u,u-h[e])}if(i){const e="y"===d?"bottom":"right";f=qe(f+h["y"===d?"top":"left"],f,f-h[e])}const p=a.fn({...t,[v]:u,[d]:f});return{...p,data:{x:p.x-l,y:p.y-o,enabled:{[v]:n,[d]:i}}}}}},al=function(e){return void 0===e&&(e={}),{name:"flip",options:e,async fn(t){var l,o;const{placement:r,middlewareData:n,rects:i,initialPlacement:a,platform:c,elements:s}=t,{mainAxis:h=!0,crossAxis:d=!0,fallbackPlacements:v,fallbackStrategy:u="bestFit",fallbackAxisSideDirection:f="none",flipAlignment:p=!0,...g}=We(e,t);if(null!=(l=n.arrow)&&l.alignmentOffset)return{};const w=Ge(r),m=Qe(a),_=Ge(a)===a,x=await(null==c.isRTL?void 0:c.isRTL(s.floating)),Z=v||(_||!p?[ct(a)]:function(e){const t=ct(e);return[lt(e),t,lt(t)]}(a)),b="none"!==f;!v&&b&&Z.push(...at(a,p,f,x));const C=[a,...Z],M=await vt(t,g),y=[];let H=(null==(o=n.flip)?void 0:o.overflows)||[];if(h&&y.push(M[w]),d){const e=tt(r,i,x);y.push(M[e[0]],M[e[1]])}if(H=[...H,{placement:r,overflows:y}],!y.every(e=>e<=0)){var A,V;const e=((null==(A=n.flip)?void 0:A.index)||0)+1,t=C[e];if(t){if(!("alignment"===d&&m!==Qe(t))||H.every(e=>Qe(e.placement)!==m||e.overflows[0]>0))return{data:{index:e,overflows:H},reset:{placement:t}}}let l=null==(V=H.filter(e=>e.overflows[0]<=0).sort((e,t)=>e.overflows[1]-t.overflows[1])[0])?void 0:V.placement;if(!l)switch(u){case"bestFit":{var O;const e=null==(O=H.filter(e=>{if(b){const t=Qe(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:O[0];e&&(l=e);break}case"initialPlacement":l=a}if(r!==l)return{reset:{placement:l}}}return{}}}},cl=(e,t,l)=>{const o=new Map,r={platform:ll,...l},n={...r.platform,_c:o};return(async(e,t,l)=>{const{placement:o="bottom",strategy:r="absolute",middleware:n=[],platform:i}=l,a=n.filter(Boolean),c=await(null==i.isRTL?void 0:i.isRTL(t));let s=await i.getElementRects({reference:e,floating:t,strategy:r}),{x:h,y:d}=dt(s,o,c),v=o,u={},f=0;for(let l=0;l<a.length;l++){const{name:n,fn:p}=a[l],{x:g,y:w,data:m,reset:_}=await p({x:h,y:d,initialPlacement:o,placement:v,strategy:r,middlewareData:u,rects:s,platform:i,elements:{reference:e,floating:t}});h=null!=g?g:h,d=null!=w?w:d,u={...u,[n]:{...u[n],...m}},_&&f<=50&&(f++,"object"==typeof _&&(_.placement&&(v=_.placement),_.rects&&(s=!0===_.rects?await i.getElementRects({reference:e,floating:t,strategy:r}):_.rects),({x:h,y:d}=dt(s,v,c))),l=-1)}return{x:h,y:d,placement:v,strategy:r,middlewareData:u}})(e,t,{...r,platform:n})};function sl(e,t,l){return new Promise(o=>{if((null==l?void 0:l.duration)===1/0)throw new Error("Promise-based animations must be finite.");const r=e.animate(t,Object.assign(Object.assign({},l),{duration:hl()?0:null==l?void 0:l.duration}));r.addEventListener("cancel",o,{once:!0}),r.addEventListener("finish",o,{once:!0})})}function hl(){return window.matchMedia("(prefers-reduced-motion: reduce)").matches}const dl=new Map,vl=new WeakMap;function ul(e,t){const l=vl.get(e);if(null==l?void 0:l[t])return l[t];const o=dl.get(t);return o||{keyframes:[],options:{duration:0}}}function fl(e,t){dl.set(e,function(e){return null!=e?e:{keyframes:[],options:{duration:0}}}(t))}class pl extends be{constructor(){super(...arguments),this.myDropdown=ke(),this.dropdownMenuId=function(e="",t=""){return`id-${Math.random().toString().substring(2,6)}-sgds-${e}-${t}`}("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=ke(),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(){if(!this.disabled&&!this.menuIsOpen){if(this.menuIsOpen=!0,this.emit("sgds-show"),await this.updateFloatingPosition(),this._startAutoUpdate(),this.menuRef.value){const e=(this.menuRef.value.getAttribute("data-placement")||"").startsWith("top")?"4px":"-4px",{options:t}=ul(this,"dropdown.show");await sl(this.menuRef.value,[{opacity:0,transform:`translateY(${e})`},{opacity:1,transform:"translateY(0)"}],t)}this.emit("sgds-after-show")}}_startAutoUpdate(){this.myDropdown.value&&this.menuRef.value&&(this._cleanupAutoUpdate=rl(this.myDropdown.value,this.menuRef.value,()=>this.updateFloatingPosition()))}async hideMenu(e){if(this.menuIsOpen){if(this.emit("sgds-hide",{detail:{isOutside:e}}),this.menuRef.value){const e=(this.menuRef.value.getAttribute("data-placement")||"").startsWith("top")?"4px":"-4px",{options:t}=ul(this,"dropdown.hide");await sl(this.menuRef.value,[{opacity:1,transform:"translateY(0)"},{opacity:0,transform:`translateY(${e})`}],t)}this.menuIsOpen=!1,this.emit("sgds-after-hide"),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 l=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)},o=t.map(l),r=e.map(e=>{const r=l(e),n=o.indexOf(r);return-1!==n?t[n]:e}).concat(t.filter(t=>!e.some(e=>l(e)===l(t))));return r}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=[nl(8),this.noFlip?void 0:al(),il()].filter(Boolean);let l=t;Array.isArray(this.floatingOpts.middleware)&&this.floatingOpts.middleware.length>0&&(l=this.mergeMiddleware(t,this.floatingOpts.middleware.filter(Boolean)));const o=Object.assign(Object.assign({strategy:"fixed",placement:e},this.floatingOpts),{middleware:l}),{x:r,y:n,strategy:i,placement:a}=await cl(this.myDropdown.value,this.menuRef.value,o);this.menuRef.value.setAttribute("data-placement",a),Object.assign(this.menuRef.value.style,{position:i,left:`${r}px`,top:`${n}px`})}}e([y({type:Boolean,state:!0})],pl.prototype,"noFlip",void 0),e([y({type:Boolean,reflect:!0,state:!0})],pl.prototype,"menuAlignRight",void 0),e([y({type:String,reflect:!0,state:!0})],pl.prototype,"drop",void 0),e([y({type:Object})],pl.prototype,"floatingOpts",void 0),e([y({type:Boolean,reflect:!0})],pl.prototype,"menuIsOpen",void 0),e([y({type:Boolean,reflect:!0})],pl.prototype,"disabled",void 0),e([y({type:Boolean,reflect:!0})],pl.prototype,"readonly",void 0),fl("dropdown.show",{keyframes:[],options:{duration:200,easing:"cubic-bezier(0.1, 0, 0.5, 0)"}}),fl("dropdown.hide",{keyframes:[],options:{duration:200,easing:"cubic-bezier(0.15, 0.6, 0.6, 1)"}});class gl extends pl{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(),l=t.find(t=>e.composedPath().includes(t));if(!l)return;const o=t.indexOf(l);this.nextDropdownItemNo=o+1,this.prevDropdownItemNo=o<=0?t.length-1:o-1,l.disabled||(this.emit("sgds-select",{detail:{item:l}}),"outside"!==this.close&&this.hideMenu())}_resetMenu(){this.nextDropdownItemNo=0,this.prevDropdownItemNo=-1;this._getMenuItems().forEach(e=>{var t;const l=null===(t=null==e?void 0:e.shadowRoot)||void 0===t?void 0:t.querySelector(".dropdown-item");l&&l.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.find(t=>e.composedPath().includes(t))&&this.handleSelectSlot(e);break}}_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 l=(e%t.length+t.length)%t.length,o=t[l];this.emit("i-sgds-option-focus",{detail:{option:o}}),this.nextDropdownItemNo=(l+1)%t.length,this.prevDropdownItemNo=(l-1+t.length)%t.length,t.forEach(e=>{const t=e.shadowRoot.querySelector(".dropdown-item");t.setAttribute("tabindex",e===o?"0":"-1"),e===o&&t.focus()})}}function wl(e,t){const l=Object.assign({waitUntilFirstUpdate:!1},t);return(t,o)=>{const{update:r}=t;if(e in t){const n=e;t.update=function(e){if(e.has(n)){const t=e.get(n),r=this[n];t!==r&&(l.waitUntilFirstUpdate&&!this.hasUpdated||this[o](t,r))}r.call(this,e)}}}}gl.styles=pl.styles,e([V("ul.dropdown-menu")],gl.prototype,"menu",void 0),e([H()],gl.prototype,"nextDropdownItemNo",void 0),e([H()],gl.prototype,"prevDropdownItemNo",void 0),e([y({type:Boolean,reflect:!0})],gl.prototype,"hidden",void 0);var ml=i`: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%}`,_l=i`.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}`;class xl extends gl{constructor(){super(),this.noFlip=!1,this.menuAlignRight=!1,this.drop="down",this.close="default",this.menuRef=Se()}async _handleClick(e){if(this.disabled)return;const t=this._toggler[0];if(!t)return void this.toggleMenu();if(e.composedPath().includes(t))return void this.toggleMenu();if(!this.menuIsOpen)return;const l=this.menuRef.value;l&&e.composedPath().includes(l)||this.hideMenu()}_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()}_handleTogglerSlotChange(e){const t=e.target.assignedElements({flatten:!0})[0];t&&(t.setAttribute("aria-haspopup","menu"),t.setAttribute("aria-expanded",String(this.menuIsOpen)))}_handleMenuIsOpenChange(){const e=this._toggler[0];e&&e.setAttribute("aria-expanded",String(this.menuIsOpen))}_handleDisabled(){const e=this._toggler[0];e&&(this.disabled?e.setAttribute("disabled","true"):e.hasAttribute("disabled")&&e.removeAttribute("disabled"))}render(){return Y`
       <div class="dropdown" @click=${this._handleClick}>
         <div class="toggler-container" ${Se(this.myDropdown)}>
           <slot name="toggler" @slotchange=${this._handleTogglerSlotChange}></slot>
@@ -80,15 +80,15 @@ const C={attribute:!0,type:String,converter:_,reflect:!1,hasChanged:x},M=(e=C,t,
    * Copyright 2018 Google LLC
    * SPDX-License-Identifier: BSD-3-Clause
    */
-const Zl=He(class extends Ae{constructor(e){if(super(e),e.type!==Me||"class"!==e.name||e.strings?.length>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(e){return" "+Object.keys(e).filter(t=>e[t]).join(" ")+" "}update(e,[t]){if(void 0===this.st){this.st=new Set,void 0!==e.strings&&(this.nt=new Set(e.strings.join(" ").split(/\s/).filter(e=>""!==e)));for(const e in t)t[e]&&!this.nt?.has(e)&&this.st.add(e);return this.render(t)}const l=e.element.classList;for(const e of this.st)e in t||(l.remove(e),this.st.delete(e));for(const e in t){const o=!!t[e];o===this.st.has(e)||this.nt?.has(e)||(o?(l.add(e),this.st.add(e)):(l.remove(e),this.st.delete(e)))}return J}}),bl={announcement:()=>Promise.resolve().then(function(){return El}),archive:()=>Promise.resolve().then(function(){return Rl}),"arrow-bar-down":()=>Promise.resolve().then(function(){return Dl}),"arrow-bar-left":()=>Promise.resolve().then(function(){return Il}),"arrow-bar-right":()=>Promise.resolve().then(function(){return Fl}),"arrow-bar-up":()=>Promise.resolve().then(function(){return Wl}),"arrow-circle-down":()=>Promise.resolve().then(function(){return Kl}),"arrow-circle-left":()=>Promise.resolve().then(function(){return Jl}),"arrow-circle-right":()=>Promise.resolve().then(function(){return Ql}),"arrow-circle-up":()=>Promise.resolve().then(function(){return to}),"arrow-clockwise":()=>Promise.resolve().then(function(){return oo}),"arrow-down":()=>Promise.resolve().then(function(){return no}),"arrow-left":()=>Promise.resolve().then(function(){return ao}),"arrow-repeat":()=>Promise.resolve().then(function(){return so}),"arrow-right":()=>Promise.resolve().then(function(){return vo}),"arrow-square-down":()=>Promise.resolve().then(function(){return fo}),"arrow-square-left":()=>Promise.resolve().then(function(){return go}),"arrow-square-right":()=>Promise.resolve().then(function(){return mo}),"arrow-square-up":()=>Promise.resolve().then(function(){return xo}),"arrow-up":()=>Promise.resolve().then(function(){return bo}),"bank-fill":()=>Promise.resolve().then(function(){return Mo}),"bell-slash":()=>Promise.resolve().then(function(){return Ho}),bell:()=>Promise.resolve().then(function(){return Vo}),"bi-funnel":()=>Promise.resolve().then(function(){return zo}),"bookmark-fill":()=>Promise.resolve().then(function(){return Bo}),bookmark:()=>Promise.resolve().then(function(){return jo}),"box-arrow-up-right":()=>Promise.resolve().then(function(){return Lo}),"box-seam":()=>Promise.resolve().then(function(){return So}),building:()=>Promise.resolve().then(function(){return Uo}),bus:()=>Promise.resolve().then(function(){return To}),calculator:()=>Promise.resolve().then(function(){return No}),"calendar-check":()=>Promise.resolve().then(function(){return qo}),"calendar-heart":()=>Promise.resolve().then(function(){return Go}),"calendar-x":()=>Promise.resolve().then(function(){return Yo}),calendar:()=>Promise.resolve().then(function(){return Xo}),camera:()=>Promise.resolve().then(function(){return er}),car:()=>Promise.resolve().then(function(){return lr}),"chat-dots":()=>Promise.resolve().then(function(){return rr}),"chat-left-text":()=>Promise.resolve().then(function(){return ir}),chat:()=>Promise.resolve().then(function(){return cr}),"check-circle-fill":()=>Promise.resolve().then(function(){return hr}),"check-circle":()=>Promise.resolve().then(function(){return vr}),check:()=>Promise.resolve().then(function(){return fr}),"chevron-down":()=>Promise.resolve().then(function(){return gr}),"chevron-left":()=>Promise.resolve().then(function(){return mr}),"chevron-right":()=>Promise.resolve().then(function(){return xr}),"chevron-selector-vertical":()=>Promise.resolve().then(function(){return br}),"chevron-up":()=>Promise.resolve().then(function(){return Mr}),clock:()=>Promise.resolve().then(function(){return Hr}),"cloud-check":()=>Promise.resolve().then(function(){return Vr}),"cloud-download":()=>Promise.resolve().then(function(){return zr}),"cloud-upload":()=>Promise.resolve().then(function(){return Br}),cloud:()=>Promise.resolve().then(function(){return jr}),"code-square":()=>Promise.resolve().then(function(){return Lr}),"coins-hand":()=>Promise.resolve().then(function(){return Sr}),compass:()=>Promise.resolve().then(function(){return Ur}),copy:()=>Promise.resolve().then(function(){return Tr}),"cpu-chip-ai":()=>Promise.resolve().then(function(){return Nr}),cross:()=>Promise.resolve().then(function(){return qr}),"cursor-fill":()=>Promise.resolve().then(function(){return Gr}),cursor:()=>Promise.resolve().then(function(){return Yr}),"dash-circle":()=>Promise.resolve().then(function(){return Xr}),"dash-square":()=>Promise.resolve().then(function(){return en}),dash:()=>Promise.resolve().then(function(){return ln}),database:()=>Promise.resolve().then(function(){return rn}),dataflow:()=>Promise.resolve().then(function(){return an}),download:()=>Promise.resolve().then(function(){return sn}),edit:()=>Promise.resolve().then(function(){return dn}),"exclamation-circle-fill":()=>Promise.resolve().then(function(){return un}),"exclamation-circle":()=>Promise.resolve().then(function(){return pn}),"exclamation-triangle-fill":()=>Promise.resolve().then(function(){return wn}),"exclamation-triangle":()=>Promise.resolve().then(function(){return _n}),exclamation:()=>Promise.resolve().then(function(){return Zn}),"eye-fill":()=>Promise.resolve().then(function(){return Cn}),"eye-slash-fill":()=>Promise.resolve().then(function(){return yn}),"eye-slash":()=>Promise.resolve().then(function(){return An}),eye:()=>Promise.resolve().then(function(){return On}),"face-smile-fill":()=>Promise.resolve().then(function(){return Pn}),"face-smile":()=>Promise.resolve().then(function(){return $n}),facebook:()=>Promise.resolve().then(function(){return kn}),"file-earmark-text":()=>Promise.resolve().then(function(){return En}),"file-pdf":()=>Promise.resolve().then(function(){return Rn}),"file-plus":()=>Promise.resolve().then(function(){return Dn}),"file-text":()=>Promise.resolve().then(function(){return In}),file:()=>Promise.resolve().then(function(){return Fn}),files:()=>Promise.resolve().then(function(){return Wn}),fingerprint:()=>Promise.resolve().then(function(){return Kn}),flash:()=>Promise.resolve().then(function(){return Jn}),"folder-check":()=>Promise.resolve().then(function(){return Qn}),"folder-minus":()=>Promise.resolve().then(function(){return ti}),"folder-plus":()=>Promise.resolve().then(function(){return oi}),folder:()=>Promise.resolve().then(function(){return ni}),gear:()=>Promise.resolve().then(function(){return ai}),"geo-alt":()=>Promise.resolve().then(function(){return si}),"geo-fill":()=>Promise.resolve().then(function(){return di}),geo:()=>Promise.resolve().then(function(){return ui}),"globe-alt":()=>Promise.resolve().then(function(){return pi}),globe:()=>Promise.resolve().then(function(){return wi}),google:()=>Promise.resolve().then(function(){return _i}),"grid-alt":()=>Promise.resolve().then(function(){return Zi}),"grid-fill":()=>Promise.resolve().then(function(){return Ci}),"hand-thumbs-down":()=>Promise.resolve().then(function(){return yi}),"hand-thumbs-up":()=>Promise.resolve().then(function(){return Ai}),"hard-drive":()=>Promise.resolve().then(function(){return Oi}),heart:()=>Promise.resolve().then(function(){return Pi}),"house-door":()=>Promise.resolve().then(function(){return $i}),house:()=>Promise.resolve().then(function(){return ki}),image:()=>Promise.resolve().then(function(){return Ei}),"in-box":()=>Promise.resolve().then(function(){return Ri}),"info-circle-fill":()=>Promise.resolve().then(function(){return Di}),"info-circle":()=>Promise.resolve().then(function(){return Ii}),instagram:()=>Promise.resolve().then(function(){return Fi}),key:()=>Promise.resolve().then(function(){return Wi}),"laptop-gear":()=>Promise.resolve().then(function(){return Ki}),laptop:()=>Promise.resolve().then(function(){return Ji}),layers:()=>Promise.resolve().then(function(){return Qi}),"layout-text-window-reverse":()=>Promise.resolve().then(function(){return ta}),"layout-text-window":()=>Promise.resolve().then(function(){return oa}),layout:()=>Promise.resolve().then(function(){return na}),"life-buoy":()=>Promise.resolve().then(function(){return aa}),lightbulb:()=>Promise.resolve().then(function(){return sa}),link:()=>Promise.resolve().then(function(){return da}),linkedin:()=>Promise.resolve().then(function(){return ua}),list:()=>Promise.resolve().then(function(){return pa}),"lock-fill":()=>Promise.resolve().then(function(){return wa}),lock:()=>Promise.resolve().then(function(){return _a}),login:()=>Promise.resolve().then(function(){return Za}),logout:()=>Promise.resolve().then(function(){return Ca}),luggage:()=>Promise.resolve().then(function(){return ya}),"mail-open":()=>Promise.resolve().then(function(){return Aa}),mail:()=>Promise.resolve().then(function(){return Oa}),map:()=>Promise.resolve().then(function(){return Pa}),meetup:()=>Promise.resolve().then(function(){return $a}),menu:()=>Promise.resolve().then(function(){return ka}),microphone:()=>Promise.resolve().then(function(){return Ea}),monitor:()=>Promise.resolve().then(function(){return Ra}),moon:()=>Promise.resolve().then(function(){return Da}),move:()=>Promise.resolve().then(function(){return Ia}),paperclip:()=>Promise.resolve().then(function(){return Fa}),passcode:()=>Promise.resolve().then(function(){return Wa}),passport:()=>Promise.resolve().then(function(){return Ka}),pause:()=>Promise.resolve().then(function(){return Ja}),pencil:()=>Promise.resolve().then(function(){return Qa}),"pending-circle":()=>Promise.resolve().then(function(){return tc}),"person-dash":()=>Promise.resolve().then(function(){return oc}),"person-plus":()=>Promise.resolve().then(function(){return nc}),"person-x":()=>Promise.resolve().then(function(){return ac}),person:()=>Promise.resolve().then(function(){return sc}),phone:()=>Promise.resolve().then(function(){return dc}),"pin-map-fill":()=>Promise.resolve().then(function(){return uc}),pin:()=>Promise.resolve().then(function(){return pc}),placeholder:()=>Promise.resolve().then(function(){return wc}),plane:()=>Promise.resolve().then(function(){return _c}),play:()=>Promise.resolve().then(function(){return Zc}),"plus-circle":()=>Promise.resolve().then(function(){return Cc}),"plus-square":()=>Promise.resolve().then(function(){return yc}),plus:()=>Promise.resolve().then(function(){return Ac}),printer:()=>Promise.resolve().then(function(){return Oc}),"question-circle":()=>Promise.resolve().then(function(){return Pc}),rocket:()=>Promise.resolve().then(function(){return $c}),save:()=>Promise.resolve().then(function(){return kc}),search:()=>Promise.resolve().then(function(){return Ec}),send:()=>Promise.resolve().then(function(){return Rc}),"sg-crest":()=>Promise.resolve().then(function(){return Dc}),share:()=>Promise.resolve().then(function(){return Ic}),"shield-tick":()=>Promise.resolve().then(function(){return Fc}),"sidebar-collapse":()=>Promise.resolve().then(function(){return Wc}),"sidebar-expand":()=>Promise.resolve().then(function(){return Kc}),"slash-circle":()=>Promise.resolve().then(function(){return Jc}),"slash-divider":()=>Promise.resolve().then(function(){return Qc}),sliders:()=>Promise.resolve().then(function(){return ts}),"sort-ascending":()=>Promise.resolve().then(function(){return os}),"sort-descending":()=>Promise.resolve().then(function(){return ns}),speedometer:()=>Promise.resolve().then(function(){return as}),"star-ai":()=>Promise.resolve().then(function(){return ss}),"star-fill":()=>Promise.resolve().then(function(){return ds}),star:()=>Promise.resolve().then(function(){return us}),stoplights:()=>Promise.resolve().then(function(){return ps}),sun:()=>Promise.resolve().then(function(){return ws}),"switch-horizontal":()=>Promise.resolve().then(function(){return _s}),"switch-vertical":()=>Promise.resolve().then(function(){return Zs}),tablet:()=>Promise.resolve().then(function(){return Cs}),telegram:()=>Promise.resolve().then(function(){return ys}),telephone:()=>Promise.resolve().then(function(){return As}),"three-dots-vertical":()=>Promise.resolve().then(function(){return Os}),"three-dots":()=>Promise.resolve().then(function(){return Ps}),ticket:()=>Promise.resolve().then(function(){return $s}),"toggle-off":()=>Promise.resolve().then(function(){return ks}),"toggle-on":()=>Promise.resolve().then(function(){return Es}),train:()=>Promise.resolve().then(function(){return Rs}),translate:()=>Promise.resolve().then(function(){return Ds}),trash:()=>Promise.resolve().then(function(){return Is}),"trend-down":()=>Promise.resolve().then(function(){return Fs}),"trend-up":()=>Promise.resolve().then(function(){return Ws}),truck:()=>Promise.resolve().then(function(){return Ks}),"twitter-x":()=>Promise.resolve().then(function(){return Js}),unlock:()=>Promise.resolve().then(function(){return Qs}),upload:()=>Promise.resolve().then(function(){return th}),"user-check":()=>Promise.resolve().then(function(){return oh}),"user-circle":()=>Promise.resolve().then(function(){return nh}),"user-pause":()=>Promise.resolve().then(function(){return ah}),"user-square":()=>Promise.resolve().then(function(){return sh}),users:()=>Promise.resolve().then(function(){return dh}),"video-recorder":()=>Promise.resolve().then(function(){return uh}),"volume-max":()=>Promise.resolve().then(function(){return ph}),"volume-x":()=>Promise.resolve().then(function(){return wh}),"window-dash":()=>Promise.resolve().then(function(){return _h}),"window-desktop":()=>Promise.resolve().then(function(){return Zh}),"window-dock":()=>Promise.resolve().then(function(){return Ch}),"window-fullscreen":()=>Promise.resolve().then(function(){return yh}),"window-plus":()=>Promise.resolve().then(function(){return Ah}),"window-sidebar":()=>Promise.resolve().then(function(){return Oh}),"window-split":()=>Promise.resolve().then(function(){return Ph}),"window-stack":()=>Promise.resolve().then(function(){return $h}),"window-x":()=>Promise.resolve().then(function(){return kh}),window:()=>Promise.resolve().then(function(){return Eh}),"xcircle-fill":()=>Promise.resolve().then(function(){return Rh}),xcircle:()=>Promise.resolve().then(function(){return Dh}),youtube:()=>Promise.resolve().then(function(){return Ih}),"zoom-in":()=>Promise.resolve().then(function(){return Fh}),"zoom-out":()=>Promise.resolve().then(function(){return Wh})};var Cl=i`:host{color:inherit;display:inline-flex;vertical-align:bottom}:host(.icon-left){margin-right:.25rem}:host(.icon-right){margin-left:.25rem}:host([size=xs]) svg{height:var(--sgds-icon-size-xs);width:var(--sgds-icon-size-xs)}:host([size=sm]) svg{height:var(--sgds-icon-size-sm);width:var(--sgds-icon-size-sm)}:host([size=md]) svg{height:var(--sgds-icon-size-md);width:var(--sgds-icon-size-md)}:host([size=xl]) svg{height:var(--sgds-icon-size-xl);width:var(--sgds-icon-size-xl)}:host([size="2-xl"]) svg{height:var(--sgds-icon-size-2-xl);width:var(--sgds-icon-size-2-xl)}:host([size="3-xl"]) svg{height:var(--sgds-icon-size-3-xl);width:var(--sgds-icon-size-3-xl)}svg{display:inline-block;height:var(--sgds-icon-size-lg);width:var(--sgds-icon-size-lg)}`;const Ml=new Map;class yl extends be{constructor(){super(...arguments),this.size="lg"}willUpdate(e){e.has("name")&&this._loadIcon(this.name)}async _loadIcon(e){if(!e)return void(this._icon=void 0);if(Ml.has(e))return void(this._icon=Ml.get(e));const t=bl[e];if(!t)return console.warn(`Icon not found: ${e}`),void(this._icon=void 0);try{const l=await t();Ml.set(e,l.default),this._icon=l.default}catch(t){console.warn(`Failed to load icon: ${e}`),this._icon=void 0}}updated(){var e;const t=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector("svg");t&&(this.ariaLabel?(t.removeAttribute("aria-hidden"),t.setAttribute("aria-label",this.ariaLabel)):(t.removeAttribute("aria-label"),t.setAttribute("aria-hidden","true")))}render(){var e;return null!==(e=this._icon)&&void 0!==e?e:X}}yl.styles=[...be.styles,Cl],e([y({type:String,reflect:!0})],yl.prototype,"name",void 0),e([y({type:String,reflect:!0})],yl.prototype,"size",void 0),e([y({type:String})],yl.prototype,"ariaLabel",void 0),e([H()],yl.prototype,"_icon",void 0);var Hl=i`: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;font-size:var(--sgds-font-size-label-sm);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}.dropdown-item.readonly{cursor:default}.dropdown-item.readonly:focus,.dropdown-item.readonly:focus-visible,.dropdown-item.readonly:hover{background-color:var(--sgds-bg-transparent);outline: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 Al extends be{constructor(){super(...arguments),this.active=!1,this.disabled=!1,this.readonly=!1,this.ariaLabel=""}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",e=>{"Enter"===e.key&&this.anchor.length>0&&this.anchor[0].click()}),this.setAttribute("role","menuitem"),this.setAttribute("aria-disabled",`${this.disabled}`)}render(){return Y`
+const Zl=He(class extends Ae{constructor(e){if(super(e),e.type!==Me||"class"!==e.name||e.strings?.length>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(e){return" "+Object.keys(e).filter(t=>e[t]).join(" ")+" "}update(e,[t]){if(void 0===this.st){this.st=new Set,void 0!==e.strings&&(this.nt=new Set(e.strings.join(" ").split(/\s/).filter(e=>""!==e)));for(const e in t)t[e]&&!this.nt?.has(e)&&this.st.add(e);return this.render(t)}const l=e.element.classList;for(const e of this.st)e in t||(l.remove(e),this.st.delete(e));for(const e in t){const o=!!t[e];o===this.st.has(e)||this.nt?.has(e)||(o?(l.add(e),this.st.add(e)):(l.remove(e),this.st.delete(e)))}return J}}),bl={announcement:()=>Promise.resolve().then(function(){return El}),archive:()=>Promise.resolve().then(function(){return Rl}),"arrow-bar-down":()=>Promise.resolve().then(function(){return Dl}),"arrow-bar-left":()=>Promise.resolve().then(function(){return Il}),"arrow-bar-right":()=>Promise.resolve().then(function(){return Fl}),"arrow-bar-up":()=>Promise.resolve().then(function(){return Wl}),"arrow-circle-down":()=>Promise.resolve().then(function(){return Kl}),"arrow-circle-left":()=>Promise.resolve().then(function(){return Jl}),"arrow-circle-right":()=>Promise.resolve().then(function(){return Ql}),"arrow-circle-up":()=>Promise.resolve().then(function(){return to}),"arrow-clockwise":()=>Promise.resolve().then(function(){return oo}),"arrow-down":()=>Promise.resolve().then(function(){return no}),"arrow-left":()=>Promise.resolve().then(function(){return ao}),"arrow-repeat":()=>Promise.resolve().then(function(){return so}),"arrow-right":()=>Promise.resolve().then(function(){return vo}),"arrow-square-down":()=>Promise.resolve().then(function(){return fo}),"arrow-square-left":()=>Promise.resolve().then(function(){return go}),"arrow-square-right":()=>Promise.resolve().then(function(){return mo}),"arrow-square-up":()=>Promise.resolve().then(function(){return xo}),"arrow-up":()=>Promise.resolve().then(function(){return bo}),"bank-fill":()=>Promise.resolve().then(function(){return Mo}),"bell-slash":()=>Promise.resolve().then(function(){return Ho}),bell:()=>Promise.resolve().then(function(){return Vo}),"bi-funnel":()=>Promise.resolve().then(function(){return zo}),"bookmark-fill":()=>Promise.resolve().then(function(){return Bo}),bookmark:()=>Promise.resolve().then(function(){return jo}),"box-arrow-up-right":()=>Promise.resolve().then(function(){return Lo}),"box-seam":()=>Promise.resolve().then(function(){return So}),building:()=>Promise.resolve().then(function(){return Uo}),bus:()=>Promise.resolve().then(function(){return To}),calculator:()=>Promise.resolve().then(function(){return No}),"calendar-check":()=>Promise.resolve().then(function(){return qo}),"calendar-heart":()=>Promise.resolve().then(function(){return Go}),"calendar-x":()=>Promise.resolve().then(function(){return Yo}),calendar:()=>Promise.resolve().then(function(){return Xo}),camera:()=>Promise.resolve().then(function(){return er}),car:()=>Promise.resolve().then(function(){return lr}),"chat-dots":()=>Promise.resolve().then(function(){return rr}),"chat-left-text":()=>Promise.resolve().then(function(){return ir}),chat:()=>Promise.resolve().then(function(){return cr}),"check-circle-fill":()=>Promise.resolve().then(function(){return hr}),"check-circle":()=>Promise.resolve().then(function(){return vr}),check:()=>Promise.resolve().then(function(){return fr}),"chevron-down":()=>Promise.resolve().then(function(){return gr}),"chevron-left":()=>Promise.resolve().then(function(){return mr}),"chevron-right":()=>Promise.resolve().then(function(){return xr}),"chevron-selector-vertical":()=>Promise.resolve().then(function(){return br}),"chevron-up":()=>Promise.resolve().then(function(){return Mr}),clock:()=>Promise.resolve().then(function(){return Hr}),"cloud-check":()=>Promise.resolve().then(function(){return Vr}),"cloud-download":()=>Promise.resolve().then(function(){return zr}),"cloud-upload":()=>Promise.resolve().then(function(){return Br}),cloud:()=>Promise.resolve().then(function(){return jr}),"code-square":()=>Promise.resolve().then(function(){return Lr}),"coins-hand":()=>Promise.resolve().then(function(){return Sr}),compass:()=>Promise.resolve().then(function(){return Ur}),copy:()=>Promise.resolve().then(function(){return Tr}),"cpu-chip-ai":()=>Promise.resolve().then(function(){return Nr}),cross:()=>Promise.resolve().then(function(){return qr}),"cursor-fill":()=>Promise.resolve().then(function(){return Gr}),cursor:()=>Promise.resolve().then(function(){return Yr}),"dash-circle":()=>Promise.resolve().then(function(){return Xr}),"dash-square":()=>Promise.resolve().then(function(){return en}),dash:()=>Promise.resolve().then(function(){return ln}),database:()=>Promise.resolve().then(function(){return rn}),dataflow:()=>Promise.resolve().then(function(){return an}),download:()=>Promise.resolve().then(function(){return sn}),edit:()=>Promise.resolve().then(function(){return dn}),"exclamation-circle-fill":()=>Promise.resolve().then(function(){return un}),"exclamation-circle":()=>Promise.resolve().then(function(){return pn}),"exclamation-triangle-fill":()=>Promise.resolve().then(function(){return wn}),"exclamation-triangle":()=>Promise.resolve().then(function(){return _n}),exclamation:()=>Promise.resolve().then(function(){return Zn}),"eye-fill":()=>Promise.resolve().then(function(){return Cn}),"eye-slash-fill":()=>Promise.resolve().then(function(){return yn}),"eye-slash":()=>Promise.resolve().then(function(){return An}),eye:()=>Promise.resolve().then(function(){return On}),"face-smile-fill":()=>Promise.resolve().then(function(){return Pn}),"face-smile":()=>Promise.resolve().then(function(){return $n}),facebook:()=>Promise.resolve().then(function(){return kn}),"file-earmark-text":()=>Promise.resolve().then(function(){return En}),"file-pdf":()=>Promise.resolve().then(function(){return Rn}),"file-plus":()=>Promise.resolve().then(function(){return Dn}),"file-text":()=>Promise.resolve().then(function(){return In}),file:()=>Promise.resolve().then(function(){return Fn}),files:()=>Promise.resolve().then(function(){return Wn}),fingerprint:()=>Promise.resolve().then(function(){return Kn}),flash:()=>Promise.resolve().then(function(){return Jn}),"folder-check":()=>Promise.resolve().then(function(){return Qn}),"folder-minus":()=>Promise.resolve().then(function(){return ti}),"folder-plus":()=>Promise.resolve().then(function(){return oi}),folder:()=>Promise.resolve().then(function(){return ni}),gear:()=>Promise.resolve().then(function(){return ai}),"geo-alt":()=>Promise.resolve().then(function(){return si}),"geo-fill":()=>Promise.resolve().then(function(){return di}),geo:()=>Promise.resolve().then(function(){return ui}),"globe-alt":()=>Promise.resolve().then(function(){return pi}),globe:()=>Promise.resolve().then(function(){return wi}),google:()=>Promise.resolve().then(function(){return _i}),"grid-alt":()=>Promise.resolve().then(function(){return Zi}),"grid-fill":()=>Promise.resolve().then(function(){return Ci}),"hand-thumbs-down":()=>Promise.resolve().then(function(){return yi}),"hand-thumbs-up":()=>Promise.resolve().then(function(){return Ai}),"hard-drive":()=>Promise.resolve().then(function(){return Oi}),heart:()=>Promise.resolve().then(function(){return Pi}),"house-door":()=>Promise.resolve().then(function(){return $i}),house:()=>Promise.resolve().then(function(){return ki}),image:()=>Promise.resolve().then(function(){return Ei}),"in-box":()=>Promise.resolve().then(function(){return Ri}),"info-circle-fill":()=>Promise.resolve().then(function(){return Di}),"info-circle":()=>Promise.resolve().then(function(){return Ii}),instagram:()=>Promise.resolve().then(function(){return Fi}),key:()=>Promise.resolve().then(function(){return Wi}),"laptop-gear":()=>Promise.resolve().then(function(){return Ki}),laptop:()=>Promise.resolve().then(function(){return Ji}),layers:()=>Promise.resolve().then(function(){return Qi}),"layout-text-window-reverse":()=>Promise.resolve().then(function(){return ta}),"layout-text-window":()=>Promise.resolve().then(function(){return oa}),layout:()=>Promise.resolve().then(function(){return na}),"life-buoy":()=>Promise.resolve().then(function(){return aa}),lightbulb:()=>Promise.resolve().then(function(){return sa}),link:()=>Promise.resolve().then(function(){return da}),linkedin:()=>Promise.resolve().then(function(){return ua}),list:()=>Promise.resolve().then(function(){return pa}),"lock-fill":()=>Promise.resolve().then(function(){return wa}),lock:()=>Promise.resolve().then(function(){return _a}),login:()=>Promise.resolve().then(function(){return Za}),logout:()=>Promise.resolve().then(function(){return Ca}),luggage:()=>Promise.resolve().then(function(){return ya}),"mail-open":()=>Promise.resolve().then(function(){return Aa}),mail:()=>Promise.resolve().then(function(){return Oa}),map:()=>Promise.resolve().then(function(){return Pa}),meetup:()=>Promise.resolve().then(function(){return $a}),menu:()=>Promise.resolve().then(function(){return ka}),microphone:()=>Promise.resolve().then(function(){return Ea}),monitor:()=>Promise.resolve().then(function(){return Ra}),moon:()=>Promise.resolve().then(function(){return Da}),move:()=>Promise.resolve().then(function(){return Ia}),paperclip:()=>Promise.resolve().then(function(){return Fa}),passcode:()=>Promise.resolve().then(function(){return Wa}),passport:()=>Promise.resolve().then(function(){return Ka}),pause:()=>Promise.resolve().then(function(){return Ja}),pencil:()=>Promise.resolve().then(function(){return Qa}),"pending-circle":()=>Promise.resolve().then(function(){return tc}),"person-dash":()=>Promise.resolve().then(function(){return oc}),"person-plus":()=>Promise.resolve().then(function(){return nc}),"person-x":()=>Promise.resolve().then(function(){return ac}),person:()=>Promise.resolve().then(function(){return sc}),phone:()=>Promise.resolve().then(function(){return dc}),"pin-map-fill":()=>Promise.resolve().then(function(){return uc}),pin:()=>Promise.resolve().then(function(){return pc}),placeholder:()=>Promise.resolve().then(function(){return wc}),plane:()=>Promise.resolve().then(function(){return _c}),play:()=>Promise.resolve().then(function(){return Zc}),"plus-circle":()=>Promise.resolve().then(function(){return Cc}),"plus-square":()=>Promise.resolve().then(function(){return yc}),plus:()=>Promise.resolve().then(function(){return Ac}),printer:()=>Promise.resolve().then(function(){return Oc}),"question-circle":()=>Promise.resolve().then(function(){return Pc}),rocket:()=>Promise.resolve().then(function(){return $c}),save:()=>Promise.resolve().then(function(){return kc}),search:()=>Promise.resolve().then(function(){return Ec}),send:()=>Promise.resolve().then(function(){return Rc}),"sg-crest":()=>Promise.resolve().then(function(){return Dc}),share:()=>Promise.resolve().then(function(){return Ic}),"shield-tick":()=>Promise.resolve().then(function(){return Fc}),"sidebar-collapse":()=>Promise.resolve().then(function(){return Wc}),"sidebar-expand":()=>Promise.resolve().then(function(){return Kc}),"slash-circle":()=>Promise.resolve().then(function(){return Jc}),"slash-divider":()=>Promise.resolve().then(function(){return Qc}),sliders:()=>Promise.resolve().then(function(){return ts}),"sort-ascending":()=>Promise.resolve().then(function(){return os}),"sort-descending":()=>Promise.resolve().then(function(){return ns}),speedometer:()=>Promise.resolve().then(function(){return as}),"star-ai":()=>Promise.resolve().then(function(){return ss}),"star-fill":()=>Promise.resolve().then(function(){return ds}),star:()=>Promise.resolve().then(function(){return us}),stoplights:()=>Promise.resolve().then(function(){return ps}),sun:()=>Promise.resolve().then(function(){return ws}),"switch-horizontal":()=>Promise.resolve().then(function(){return _s}),"switch-vertical":()=>Promise.resolve().then(function(){return Zs}),tablet:()=>Promise.resolve().then(function(){return Cs}),telegram:()=>Promise.resolve().then(function(){return ys}),telephone:()=>Promise.resolve().then(function(){return As}),"three-dots-vertical":()=>Promise.resolve().then(function(){return Os}),"three-dots":()=>Promise.resolve().then(function(){return Ps}),ticket:()=>Promise.resolve().then(function(){return $s}),"toggle-off":()=>Promise.resolve().then(function(){return ks}),"toggle-on":()=>Promise.resolve().then(function(){return Es}),train:()=>Promise.resolve().then(function(){return Rs}),translate:()=>Promise.resolve().then(function(){return Ds}),trash:()=>Promise.resolve().then(function(){return Is}),"trend-down":()=>Promise.resolve().then(function(){return Fs}),"trend-up":()=>Promise.resolve().then(function(){return Ws}),truck:()=>Promise.resolve().then(function(){return Ks}),"twitter-x":()=>Promise.resolve().then(function(){return Js}),unlock:()=>Promise.resolve().then(function(){return Qs}),upload:()=>Promise.resolve().then(function(){return th}),"user-check":()=>Promise.resolve().then(function(){return oh}),"user-circle":()=>Promise.resolve().then(function(){return nh}),"user-pause":()=>Promise.resolve().then(function(){return ah}),"user-square":()=>Promise.resolve().then(function(){return sh}),users:()=>Promise.resolve().then(function(){return dh}),"video-recorder":()=>Promise.resolve().then(function(){return uh}),"volume-max":()=>Promise.resolve().then(function(){return ph}),"volume-x":()=>Promise.resolve().then(function(){return wh}),"window-dash":()=>Promise.resolve().then(function(){return _h}),"window-desktop":()=>Promise.resolve().then(function(){return Zh}),"window-dock":()=>Promise.resolve().then(function(){return Ch}),"window-fullscreen":()=>Promise.resolve().then(function(){return yh}),"window-plus":()=>Promise.resolve().then(function(){return Ah}),"window-sidebar":()=>Promise.resolve().then(function(){return Oh}),"window-split":()=>Promise.resolve().then(function(){return Ph}),"window-stack":()=>Promise.resolve().then(function(){return $h}),"window-x":()=>Promise.resolve().then(function(){return kh}),window:()=>Promise.resolve().then(function(){return Eh}),"xcircle-fill":()=>Promise.resolve().then(function(){return Rh}),xcircle:()=>Promise.resolve().then(function(){return Dh}),youtube:()=>Promise.resolve().then(function(){return Ih}),"zoom-in":()=>Promise.resolve().then(function(){return Fh}),"zoom-out":()=>Promise.resolve().then(function(){return Wh})};var Cl=i`:host{color:inherit;display:inline-flex;vertical-align:bottom}:host(.icon-left){margin-right:.25rem}:host(.icon-right){margin-left:.25rem}:host([size=xs]) svg{height:var(--sgds-icon-size-xs);width:var(--sgds-icon-size-xs)}:host([size=sm]) svg{height:var(--sgds-icon-size-sm);width:var(--sgds-icon-size-sm)}:host([size=md]) svg{height:var(--sgds-icon-size-md);width:var(--sgds-icon-size-md)}:host([size=xl]) svg{height:var(--sgds-icon-size-xl);width:var(--sgds-icon-size-xl)}:host([size="2-xl"]) svg{height:var(--sgds-icon-size-2-xl);width:var(--sgds-icon-size-2-xl)}:host([size="3-xl"]) svg{height:var(--sgds-icon-size-3-xl);width:var(--sgds-icon-size-3-xl)}svg{display:inline-block;height:var(--sgds-icon-size-lg);width:var(--sgds-icon-size-lg)}`;const Ml=new Map;class yl extends be{constructor(){super(...arguments),this.size="lg"}willUpdate(e){e.has("name")&&this._loadIcon(this.name)}async _loadIcon(e){if(!e)return void(this._icon=void 0);if(Ml.has(e))return void(this._icon=Ml.get(e));const t=bl[e];if(!t)return console.warn(`Icon not found: ${e}`),void(this._icon=void 0);try{const l=await t();Ml.set(e,l.default),this._icon=l.default}catch(t){console.warn(`Failed to load icon: ${e}`),this._icon=void 0}}updated(){var e;const t=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector("svg");t&&(this.ariaLabel?(t.removeAttribute("aria-hidden"),t.setAttribute("aria-label",this.ariaLabel)):(t.removeAttribute("aria-label"),t.setAttribute("aria-hidden","true")))}render(){var e;return null!==(e=this._icon)&&void 0!==e?e:X}}yl.styles=[...be.styles,Cl],e([y({type:String,reflect:!0})],yl.prototype,"name",void 0),e([y({type:String,reflect:!0})],yl.prototype,"size",void 0),e([y({type:String})],yl.prototype,"ariaLabel",void 0),e([H()],yl.prototype,"_icon",void 0);var Hl=i`: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;font-size:var(--sgds-font-size-label-sm);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 Al extends be{constructor(){super(...arguments),this.active=!1,this.disabled=!1,this.ariaLabel=""}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",e=>{"Enter"===e.key&&this.anchor.length>0&&this.anchor[0].click()}),this.setAttribute("role","menuitem"),this.setAttribute("aria-disabled",`${this.disabled}`)}render(){return Y`
       <div
-        class="dropdown-item ${Zl({disabled:this.disabled,active:this.active,readonly:this.readonly})}"
-        tabindex=${this.disabled||this.readonly?"-1":"0"}
+        class="dropdown-item ${Zl({disabled:this.disabled,active:this.active})}"
+        tabindex=${this.disabled?"-1":"0"}
         aria-label=${ue(this.ariaLabel||void 0)}
       >
         <slot></slot>
       </div>
-    `}}Al.styles=[_l,Hl],Al.dependencies={"sgds-icon":yl},e([O({flatten:!0})],Al.prototype,"anchor",void 0),e([y({type:Boolean})],Al.prototype,"active",void 0),e([y({type:Boolean,reflect:!0})],Al.prototype,"disabled",void 0),e([y({type:Boolean,reflect:!0})],Al.prototype,"readonly",void 0),e([y({type:String})],Al.prototype,"ariaLabel",void 0);class Vl extends be{constructor(){super(...arguments),this.size="md"}render(){return Y`
+    `}}Al.styles=[_l,Hl],Al.dependencies={"sgds-icon":yl},e([O({flatten:!0})],Al.prototype,"anchor",void 0),e([y({type:Boolean})],Al.prototype,"active",void 0),e([y({type:Boolean,reflect:!0})],Al.prototype,"disabled",void 0),e([y({type:String})],Al.prototype,"ariaLabel",void 0);class Vl extends be{constructor(){super(...arguments),this.size="md"}render(){return Y`
       <sgds-dropdown>
         <button slot="toggler" class="overflow-btn" aria-label="More options">
           <sgds-icon name="three-dots" size=${this.size}></sgds-icon>