@govtechsg/sgds-web-component 3.6.0-rc.2 → 3.6.0

package/components/Badge/sgds-badge.d.ts

@@ -1,7 +1,7 @@
 import { nothing } from "lit";
 import SgdsElement from "../../base/sgds-element";
 import SgdsTooltip from "../Tooltip/sgds-tooltip";
-import SgdsCloseButton from "../../internals/CloseButton/sgds-close-button";
+import SgdsCloseButton from "../CloseButton/sgds-close-button";
 export type BadgeVariant = "primary" | "accent" | "success" | "danger" | "warning" | "cyan" | "purple" | "neutral" | "white" | "info";
 /**
  * @summary Badges can be used to highlight important bits of information such as labels, notifications & status.

package/components/Badge/sgds-badge.js

@@ -6,7 +6,7 @@ import { watch } from '../../utils/watch.js';
 import css_248z from './badge.js';
 import SgdsElement from '../../base/sgds-element.js';
 import { SgdsTooltip } from '../Tooltip/sgds-tooltip.js';
-import { SgdsCloseButton } from '../../internals/CloseButton/sgds-close-button.js';
+import { SgdsCloseButton } from '../CloseButton/sgds-close-button.js';
 import { getTextContent } from '../../utils/slot.js';
 
 /**
@@ -106,7 +106,7 @@ class SgdsBadge extends SgdsElement {
             size="sm"
             aria-label="close the badge"
             @click=${this.close}
-            variant=${isDarkCloseButton ? "dark" : "light"}
+            tone=${isDarkCloseButton ? "fixed-dark" : "fixed-light"}
           ></sgds-close-button>`
             : nothing}
     </div>`;

package/components/Badge/sgds-badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"sgds-badge.js","sources":["../../../src/components/Badge/sgds-badge.ts"],"sourcesContent":["import { html, nothing } from \"lit\";\nimport { property, state } from \"lit/decorators.js\";\nimport { classMap } from \"lit/directives/class-map.js\";\n\nimport { watch } from \"../../utils/watch\";\nimport badgeStyle from \"./badge.css\";\n\nimport SgdsElement from \"../../base/sgds-element\";\nimport SgdsTooltip from \"../Tooltip/sgds-tooltip\";\nimport SgdsCloseButton from \"../../internals/CloseButton/sgds-close-button\";\n\nimport { getTextContent } from \"../../utils/slot\";\n\nexport type BadgeVariant =\n  | \"primary\"\n  | \"accent\"\n  | \"success\"\n  | \"danger\"\n  | \"warning\"\n  | \"cyan\"\n  | \"purple\"\n  | \"neutral\"\n  | \"white\"\n  | \"info\";\n\n/**\n * @summary Badges can be used to highlight important bits of information such as labels, notifications & status.\n * When the text exceeds the width, it will be truncated with a tooltip that will be displayed on hover.\n *\n * @slot default - slot for badge\n * @slot icon - The slot for icon to the left of the badge text\n *\n * @event sgds-show - Emitted when the badge appears.\n * @event sgds-hide - Emitted when the badge is starting to close but has not closed.\n * @event sgds-after-show - Emitted after the badge has appeared\n * @event sgds-after-hide - Emitted after the badge has closed\n */\nexport class SgdsBadge extends SgdsElement {\n  static styles = [...SgdsElement.styles, badgeStyle];\n\n  /**@internal */\n  static dependencies = {\n    \"sgds-close-button\": SgdsCloseButton,\n    \"sgds-tooltip\": SgdsTooltip\n  };\n\n  /** Controls the appearance of the dismissible badge. This prop only applies when dismissible is true  */\n  @property({ type: Boolean, reflect: true }) show = false;\n\n  /**\n   * One or more badge variant combinations.\n   * Variants include: `primary`, `accent`, `success`, `danger`, `warning`, `cyan`, `purple`, `neutral`, `white`, `info`.\n   *\n   * (@deprecated) The `info` variant is deprecated. Use `primary` instead.\n   */\n  @property({ reflect: true }) variant: BadgeVariant = \"primary\";\n\n  /** Manually set the outlined state to false */\n  @property({ type: Boolean, reflect: true }) outlined = false;\n\n  /** Manually set the dismissible state of the button to `false` */\n  @property({ type: Boolean, reflect: true }) dismissible = false;\n\n  /** Manually enable full width */\n  @property({ type: Boolean, reflect: true }) fullWidth = false;\n\n  @state() private truncated = false;\n  @state() private text = \"\";\n\n  /** Closes the badge  */\n  public close() {\n    this.show = false;\n  }\n\n  /**@internal */\n  @watch(\"show\")\n  _handleShowChange() {\n    if (this.show) {\n      const sgdsShow = this.emit(\"sgds-show\", { cancelable: true });\n      if (sgdsShow.defaultPrevented) {\n        this.show = false;\n        return;\n      }\n      // animations if any go here\n\n      this.emit(\"sgds-after-show\");\n    } else {\n      const sgdsHide = this.emit(\"sgds-hide\", { cancelable: true });\n      if (sgdsHide.defaultPrevented) {\n        this.show = true;\n        return;\n      }\n      // animations if any go here\n\n      this.emit(\"sgds-after-hide\");\n    }\n  }\n\n  /**@internal */\n  @watch(\"text\")\n  _handleTruncation() {\n    // checking of text height if its exceeding parent, it needs to be truncated\n    const badge = this.shadowRoot.querySelector(\".badge\");\n    const badgeLabel = this.shadowRoot.querySelector(\".badge-label\");\n\n    if (badge && badgeLabel) {\n      const labelHeight = badgeLabel.getBoundingClientRect().height;\n      const badgeHeight = badge.getBoundingClientRect().height;\n\n      this.truncated = labelHeight > badgeHeight;\n    }\n  }\n\n  private _handleLabelSlotChange(e: Event) {\n    this.text = getTextContent(e.target as HTMLSlotElement);\n    return;\n  }\n\n  private _renderBadge() {\n    const isDarkCloseButton = this.outlined || this.variant === \"warning\" || this.variant === \"white\";\n\n    return html`<div\n      class=\"  \n          ${classMap({\n        [`badge-dismissible`]: this.dismissible,\n        badge: true,\n        outlined: this.outlined,\n        truncated: this.truncated,\n        \"full-width\": this.fullWidth\n      })}\"\n      aria-hidden=${this.show ? \"false\" : \"true\"}\n    >\n      ${!this.dismissible ? html`<slot name=\"icon\"></slot>` : nothing}\n\n      <span class=\"badge-label\">\n        <slot @slotchange=${this._handleLabelSlotChange}></slot>\n      </span>\n\n      ${this.dismissible\n        ? html`<sgds-close-button\n            size=\"sm\"\n            aria-label=\"close the badge\"\n            @click=${this.close}\n            variant=${isDarkCloseButton ? \"dark\" : \"light\"}\n          ></sgds-close-button>`\n        : nothing}\n    </div>`;\n  }\n\n  render() {\n    return (this.dismissible && this.show) || !this.dismissible\n      ? this.truncated\n        ? html`<sgds-tooltip content=${this.text} @sgds-hide=${e => e.stopPropagation()}\n            >${this._renderBadge()}</sgds-tooltip\n          >`\n        : this._renderBadge()\n      : nothing;\n  }\n}\n\nexport default SgdsBadge;\n"],"names":["badgeStyle"],"mappings":"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"}
+{"version":3,"file":"sgds-badge.js","sources":["../../../src/components/Badge/sgds-badge.ts"],"sourcesContent":["import { html, nothing } from \"lit\";\nimport { property, state } from \"lit/decorators.js\";\nimport { classMap } from \"lit/directives/class-map.js\";\n\nimport { watch } from \"../../utils/watch\";\nimport badgeStyle from \"./badge.css\";\n\nimport SgdsElement from \"../../base/sgds-element\";\nimport SgdsTooltip from \"../Tooltip/sgds-tooltip\";\nimport SgdsCloseButton from \"../CloseButton/sgds-close-button\";\n\nimport { getTextContent } from \"../../utils/slot\";\n\nexport type BadgeVariant =\n  | \"primary\"\n  | \"accent\"\n  | \"success\"\n  | \"danger\"\n  | \"warning\"\n  | \"cyan\"\n  | \"purple\"\n  | \"neutral\"\n  | \"white\"\n  | \"info\";\n\n/**\n * @summary Badges can be used to highlight important bits of information such as labels, notifications & status.\n * When the text exceeds the width, it will be truncated with a tooltip that will be displayed on hover.\n *\n * @slot default - slot for badge\n * @slot icon - The slot for icon to the left of the badge text\n *\n * @event sgds-show - Emitted when the badge appears.\n * @event sgds-hide - Emitted when the badge is starting to close but has not closed.\n * @event sgds-after-show - Emitted after the badge has appeared\n * @event sgds-after-hide - Emitted after the badge has closed\n */\nexport class SgdsBadge extends SgdsElement {\n  static styles = [...SgdsElement.styles, badgeStyle];\n\n  /**@internal */\n  static dependencies = {\n    \"sgds-close-button\": SgdsCloseButton,\n    \"sgds-tooltip\": SgdsTooltip\n  };\n\n  /** Controls the appearance of the dismissible badge. This prop only applies when dismissible is true  */\n  @property({ type: Boolean, reflect: true }) show = false;\n\n  /**\n   * One or more badge variant combinations.\n   * Variants include: `primary`, `accent`, `success`, `danger`, `warning`, `cyan`, `purple`, `neutral`, `white`, `info`.\n   *\n   * (@deprecated) The `info` variant is deprecated. Use `primary` instead.\n   */\n  @property({ reflect: true }) variant: BadgeVariant = \"primary\";\n\n  /** Manually set the outlined state to false */\n  @property({ type: Boolean, reflect: true }) outlined = false;\n\n  /** Manually set the dismissible state of the button to `false` */\n  @property({ type: Boolean, reflect: true }) dismissible = false;\n\n  /** Manually enable full width */\n  @property({ type: Boolean, reflect: true }) fullWidth = false;\n\n  @state() private truncated = false;\n  @state() private text = \"\";\n\n  /** Closes the badge  */\n  public close() {\n    this.show = false;\n  }\n\n  /**@internal */\n  @watch(\"show\")\n  _handleShowChange() {\n    if (this.show) {\n      const sgdsShow = this.emit(\"sgds-show\", { cancelable: true });\n      if (sgdsShow.defaultPrevented) {\n        this.show = false;\n        return;\n      }\n      // animations if any go here\n\n      this.emit(\"sgds-after-show\");\n    } else {\n      const sgdsHide = this.emit(\"sgds-hide\", { cancelable: true });\n      if (sgdsHide.defaultPrevented) {\n        this.show = true;\n        return;\n      }\n      // animations if any go here\n\n      this.emit(\"sgds-after-hide\");\n    }\n  }\n\n  /**@internal */\n  @watch(\"text\")\n  _handleTruncation() {\n    // checking of text height if its exceeding parent, it needs to be truncated\n    const badge = this.shadowRoot.querySelector(\".badge\");\n    const badgeLabel = this.shadowRoot.querySelector(\".badge-label\");\n\n    if (badge && badgeLabel) {\n      const labelHeight = badgeLabel.getBoundingClientRect().height;\n      const badgeHeight = badge.getBoundingClientRect().height;\n\n      this.truncated = labelHeight > badgeHeight;\n    }\n  }\n\n  private _handleLabelSlotChange(e: Event) {\n    this.text = getTextContent(e.target as HTMLSlotElement);\n    return;\n  }\n\n  private _renderBadge() {\n    const isDarkCloseButton = this.outlined || this.variant === \"warning\" || this.variant === \"white\";\n\n    return html`<div\n      class=\"  \n          ${classMap({\n        [`badge-dismissible`]: this.dismissible,\n        badge: true,\n        outlined: this.outlined,\n        truncated: this.truncated,\n        \"full-width\": this.fullWidth\n      })}\"\n      aria-hidden=${this.show ? \"false\" : \"true\"}\n    >\n      ${!this.dismissible ? html`<slot name=\"icon\"></slot>` : nothing}\n\n      <span class=\"badge-label\">\n        <slot @slotchange=${this._handleLabelSlotChange}></slot>\n      </span>\n\n      ${this.dismissible\n        ? html`<sgds-close-button\n            size=\"sm\"\n            aria-label=\"close the badge\"\n            @click=${this.close}\n            tone=${isDarkCloseButton ? \"fixed-dark\" : \"fixed-light\"}\n          ></sgds-close-button>`\n        : nothing}\n    </div>`;\n  }\n\n  render() {\n    return (this.dismissible && this.show) || !this.dismissible\n      ? this.truncated\n        ? html`<sgds-tooltip content=${this.text} @sgds-hide=${e => e.stopPropagation()}\n            >${this._renderBadge()}</sgds-tooltip\n          >`\n        : this._renderBadge()\n      : nothing;\n  }\n}\n\nexport default SgdsBadge;\n"],"names":["badgeStyle"],"mappings":";;;;;;;;;;;AAyBA;;;;;;;;;;;AAWG;AACG,MAAO,SAAU,SAAQ,WAAW,CAAA;AAA1C,IAAA,WAAA,GAAA;;;QAU8C,IAAI,CAAA,IAAA,GAAG,KAAK,CAAC;AAEzD;;;;;AAKG;QAC0B,IAAO,CAAA,OAAA,GAAiB,SAAS,CAAC;;QAGnB,IAAQ,CAAA,QAAA,GAAG,KAAK,CAAC;;QAGjB,IAAW,CAAA,WAAA,GAAG,KAAK,CAAC;;QAGpB,IAAS,CAAA,SAAA,GAAG,KAAK,CAAC;QAE7C,IAAS,CAAA,SAAA,GAAG,KAAK,CAAC;QAClB,IAAI,CAAA,IAAA,GAAG,EAAE,CAAC;KA2F5B;;IAxFQ,KAAK,GAAA;AACV,QAAA,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;KACnB;;IAID,iBAAiB,GAAA;AACf,QAAA,IAAI,IAAI,CAAC,IAAI,EAAE;AACb,YAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC,CAAC;AAC9D,YAAA,IAAI,QAAQ,CAAC,gBAAgB,EAAE;AAC7B,gBAAA,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;gBAClB,OAAO;aACR;;AAGD,YAAA,IAAI,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;SAC9B;aAAM;AACL,YAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC,CAAC;AAC9D,YAAA,IAAI,QAAQ,CAAC,gBAAgB,EAAE;AAC7B,gBAAA,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;gBACjB,OAAO;aACR;;AAGD,YAAA,IAAI,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;SAC9B;KACF;;IAID,iBAAiB,GAAA;;QAEf,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QACtD,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC;AAEjE,QAAA,IAAI,KAAK,IAAI,UAAU,EAAE;YACvB,MAAM,WAAW,GAAG,UAAU,CAAC,qBAAqB,EAAE,CAAC,MAAM,CAAC;YAC9D,MAAM,WAAW,GAAG,KAAK,CAAC,qBAAqB,EAAE,CAAC,MAAM,CAAC;AAEzD,YAAA,IAAI,CAAC,SAAS,GAAG,WAAW,GAAG,WAAW,CAAC;SAC5C;KACF;AAEO,IAAA,sBAAsB,CAAC,CAAQ,EAAA;QACrC,IAAI,CAAC,IAAI,GAAG,cAAc,CAAC,CAAC,CAAC,MAAyB,CAAC,CAAC;QACxD,OAAO;KACR;IAEO,YAAY,GAAA;AAClB,QAAA,MAAM,iBAAiB,GAAG,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,OAAO,KAAK,SAAS,IAAI,IAAI,CAAC,OAAO,KAAK,OAAO,CAAC;AAElG,QAAA,OAAO,IAAI,CAAA,CAAA;;AAEH,UAAA,EAAA,QAAQ,CAAC;AACb,YAAA,CAAC,CAAmB,iBAAA,CAAA,GAAG,IAAI,CAAC,WAAW;AACvC,YAAA,KAAK,EAAE,IAAI;YACX,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,SAAS,EAAE,IAAI,CAAC,SAAS;YACzB,YAAY,EAAE,IAAI,CAAC,SAAS;SAC7B,CAAC,CAAA;oBACY,IAAI,CAAC,IAAI,GAAG,OAAO,GAAG,MAAM,CAAA;;AAExC,MAAA,EAAA,CAAC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAA,CAA2B,yBAAA,CAAA,GAAG,OAAO,CAAA;;;AAGzC,0BAAA,EAAA,IAAI,CAAC,sBAAsB,CAAA;;;AAG/C,MAAA,EAAA,IAAI,CAAC,WAAW;cACd,IAAI,CAAA,CAAA;;;AAGO,mBAAA,EAAA,IAAI,CAAC,KAAK,CAAA;AACZ,iBAAA,EAAA,iBAAiB,GAAG,YAAY,GAAG,aAAa,CAAA;AACnC,+BAAA,CAAA;AACxB,cAAE,OAAO,CAAA;WACN,CAAC;KACT;IAED,MAAM,GAAA;AACJ,QAAA,OAAO,CAAC,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,IAAI,KAAK,CAAC,IAAI,CAAC,WAAW;cACvD,IAAI,CAAC,SAAS;AACd,kBAAE,IAAI,CAAA,CAAA,sBAAA,EAAyB,IAAI,CAAC,IAAI,CAAe,YAAA,EAAA,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAA;eACxE,IAAI,CAAC,YAAY,EAAE,CAAA;AACtB,WAAA,CAAA;AACJ,kBAAE,IAAI,CAAC,YAAY,EAAE;cACrB,OAAO,CAAC;KACb;;AAvHM,SAAM,CAAA,MAAA,GAAG,CAAC,GAAG,WAAW,CAAC,MAAM,EAAEA,QAAU,CAArC,CAAuC;AAEpD;AACO,SAAA,CAAA,YAAY,GAAG;AACpB,IAAA,mBAAmB,EAAE,eAAe;AACpC,IAAA,cAAc,EAAE,WAAW;AAC5B,CAHkB,CAGjB;AAG0C,UAAA,CAAA;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AAAc,CAAA,EAAA,SAAA,CAAA,SAAA,EAAA,MAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAQ5B,UAAA,CAAA;AAA5B,IAAA,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AAAmC,CAAA,EAAA,SAAA,CAAA,SAAA,EAAA,SAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAGnB,UAAA,CAAA;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AAAkB,CAAA,EAAA,SAAA,CAAA,SAAA,EAAA,UAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAGjB,UAAA,CAAA;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AAAqB,CAAA,EAAA,SAAA,CAAA,SAAA,EAAA,aAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAGpB,UAAA,CAAA;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AAAmB,CAAA,EAAA,SAAA,CAAA,SAAA,EAAA,WAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAE7C,UAAA,CAAA;AAAhB,IAAA,KAAK,EAAE;AAA2B,CAAA,EAAA,SAAA,CAAA,SAAA,EAAA,WAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAClB,UAAA,CAAA;AAAhB,IAAA,KAAK,EAAE;AAAmB,CAAA,EAAA,SAAA,CAAA,SAAA,EAAA,MAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAS3B,UAAA,CAAA;IADC,KAAK,CAAC,MAAM,CAAC;AAqBb,CAAA,EAAA,SAAA,CAAA,SAAA,EAAA,mBAAA,EAAA,IAAA,CAAA,CAAA;AAID,UAAA,CAAA;IADC,KAAK,CAAC,MAAM,CAAC;AAYb,CAAA,EAAA,SAAA,CAAA,SAAA,EAAA,mBAAA,EAAA,IAAA,CAAA;;;;"}

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

@@ -20,33 +20,33 @@ let _;(u.reactiveElementVersions??=[]).push("2.0.4"),u.reactiveElementVersions.l
    * @license
    * Copyright 2017 Google LLC
    * SPDX-License-Identifier: BSD-3-Clause
-   */function $(e){return S({...e,state:!0,attribute:!1})}
+   */function k(e){return S({...e,state:!0,attribute:!1})}
 /**
    * @license
    * Copyright 2017 Google LLC
    * SPDX-License-Identifier: BSD-3-Clause
-   */const k=(e,t,i)=>(i.configurable=!0,i.enumerable=!0,Reflect.decorate&&"object"!=typeof t&&Object.defineProperty(e,t,i),i);
+   */const $=(e,t,i)=>(i.configurable=!0,i.enumerable=!0,Reflect.decorate&&"object"!=typeof t&&Object.defineProperty(e,t,i),i);
 /**
    * @license
    * Copyright 2017 Google LLC
    * SPDX-License-Identifier: BSD-3-Clause
-   */let B;{const e=globalThis.litIssuedWarnings??=new Set;B=(t,i)=>{i+=t?` See https://lit.dev/msg/${t} for more information.`:"",e.has(i)||(console.warn(i),e.add(i))}}function P(e,t){return(i,l,o)=>{const a=i=>{const o=i.renderRoot?.querySelector(e)??null;if(null===o&&t&&!i.hasUpdated){const t="object"==typeof l?l.name:l;B("",`@query'd field ${JSON.stringify(String(t))} with the 'cache' flag set for selector '${e}' has been accessed before the first update and returned null. This is expected if the renderRoot tree has not been provided beforehand (e.g. via Declarative Shadow DOM). Therefore the value hasn't been cached.`)}return o};if(t){const{get:e,set:t}="object"==typeof l?i:o??(()=>{const e=Symbol(`${String(l)} (@query() cache)`);return{get(){return this[e]},set(t){this[e]=t}}})();return k(i,l,{get(){let i=e.call(this);return void 0===i&&(i=a(this),(null!==i||this.hasUpdated)&&t.call(this,i)),i}})}return k(i,l,{get(){return a(this)}})}}
+   */let B;{const e=globalThis.litIssuedWarnings??=new Set;B=(t,i)=>{i+=t?` See https://lit.dev/msg/${t} for more information.`:"",e.has(i)||(console.warn(i),e.add(i))}}function A(e,t){return(i,l,o)=>{const a=i=>{const o=i.renderRoot?.querySelector(e)??null;if(null===o&&t&&!i.hasUpdated){const t="object"==typeof l?l.name:l;B("",`@query'd field ${JSON.stringify(String(t))} with the 'cache' flag set for selector '${e}' has been accessed before the first update and returned null. This is expected if the renderRoot tree has not been provided beforehand (e.g. via Declarative Shadow DOM). Therefore the value hasn't been cached.`)}return o};if(t){const{get:e,set:t}="object"==typeof l?i:o??(()=>{const e=Symbol(`${String(l)} (@query() cache)`);return{get(){return this[e]},set(t){this[e]=t}}})();return $(i,l,{get(){let i=e.call(this);return void 0===i&&(i=a(this),(null!==i||this.hasUpdated)&&t.call(this,i)),i}})}return $(i,l,{get(){return a(this)}})}}
 /**
    * @license
    * Copyright 2021 Google LLC
    * SPDX-License-Identifier: BSD-3-Clause
-   */function A(e){return(t,i)=>{const{slot:l,selector:o}=e??{},a="slot"+(l?`[name=${l}]`:":not([name])");return k(t,i,{get(){const t=this.renderRoot?.querySelector(a),i=t?.assignedElements(e)??[];return void 0===o?i:i.filter((e=>e.matches(o)))}})}}
+   */function P(e){return(t,i)=>{const{slot:l,selector:o}=e??{},a="slot"+(l?`[name=${l}]`:":not([name])");return $(t,i,{get(){const t=this.renderRoot?.querySelector(a),i=t?.assignedElements(e)??[];return void 0===o?i:i.filter((e=>e.matches(o)))}})}}
 /**
    * @license
    * Copyright 2017 Google LLC
    * SPDX-License-Identifier: BSD-3-Clause
-   */const L=globalThis,E=e=>{L.emitLitDebugLogEvents&&L.dispatchEvent(new CustomEvent("lit-debug",{detail:e}))};let T,O=0;L.litIssuedWarnings??=new Set,T=(e,t)=>{t+=e?` See https://lit.dev/msg/${e} for more information.`:"",L.litIssuedWarnings.has(t)||(console.warn(t),L.litIssuedWarnings.add(t))},T("dev-mode","Lit is in dev mode. Not recommended for production!");const R=L.ShadyDOM?.inUse&&!0===L.ShadyDOM?.noPatch?L.ShadyDOM.wrap:e=>e,U=L.trustedTypes,z=U?U.createPolicy("lit-html",{createHTML:e=>e}):void 0,N=e=>e,D=(e,t,i)=>N,I=e=>{if(ue!==D)throw new Error("Attempted to overwrite existing lit-html security policy. setSanitizeDOMValueFactory should be called at most once.");ue=e},W=()=>{ue=D},F=(e,t,i)=>ue(e,t,i),q="$lit$",j=`lit$${Math.random().toFixed(9).slice(2)}$`,J="?"+j,K=`<${J}>`,Y=document,X=()=>Y.createComment(""),G=e=>null===e||"object"!=typeof e&&"function"!=typeof e,Q=Array.isArray,ee="[ \t\n\f\r]",te=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,ie=/-->/g,le=/>/g,oe=new RegExp(`>|${ee}(?:([^\\s"'>=/]+)(${ee}*=${ee}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),ae=/'/g,ne=/"/g,re=/^(?:script|style|textarea|title)$/i,se=(ce=1,(e,...t)=>(e.some((e=>void 0===e))&&console.warn("Some template strings are undefined.\nThis is probably caused by illegal octal escape sequences."),t.some((e=>e?._$litStatic$))&&T("","Static values 'literal' or 'unsafeStatic' cannot be used as values to non-static templates.\nPlease use the static 'html' tag function. See https://lit.dev/docs/templates/expressions/#static-expressions"),{_$litType$:ce,strings:e,values:t}));var ce;const de=Symbol.for("lit-noChange"),he=Symbol.for("lit-nothing"),ve=new WeakMap,pe=Y.createTreeWalker(Y,129);let ue=D;function ge(e,t){if(!Q(e)||!e.hasOwnProperty("raw")){let e="invalid template strings array";throw e="\n          Internal Error: expected template strings to be an array\n          with a 'raw' field. Faking a template strings array by\n          calling html or svg like an ordinary function is effectively\n          the same as calling unsafeHtml and can lead to major security\n          issues, e.g. opening your code up to XSS attacks.\n          If you're using the html or svg tagged template functions normally\n          and still seeing this error, please file a bug at\n          https://github.com/lit/lit/issues/new?template=bug_report.md\n          and include information about your build tooling, if any.\n        ".trim().replace(/\n */g,"\n"),new Error(e)}return void 0!==z?z.createHTML(t):t}class fe{constructor({strings:e,_$litType$:t},i){let l;this.parts=[];let o=0,a=0;const n=e.length-1,r=this.parts,[s,c]=((e,t)=>{const i=e.length-1,l=[];let o,a=2===t?"<svg>":3===t?"<math>":"",n=te;for(let t=0;t<i;t++){const i=e[t];let r,s,c=-1,d=0;for(;d<i.length&&(n.lastIndex=d,s=n.exec(i),null!==s);)if(d=n.lastIndex,n===te){if("!--"===s[1])n=ie;else if(void 0!==s[1])n=le;else if(void 0!==s[2])re.test(s[2])&&(o=new RegExp(`</${s[2]}`,"g")),n=oe;else if(void 0!==s[3])throw new Error("Bindings in tag names are not supported. Please use static templates instead. See https://lit.dev/docs/templates/expressions/#static-expressions")}else n===oe?">"===s[0]?(n=o??te,c=-1):void 0===s[1]?c=-2:(c=n.lastIndex-s[2].length,r=s[1],n=void 0===s[3]?oe:'"'===s[3]?ne:ae):n===ne||n===ae?n=oe:n===ie||n===le?n=te:(n=oe,o=void 0);console.assert(-1===c||n===oe||n===ae||n===ne,"unexpected parse state B");const h=n===oe&&e[t+1].startsWith("/>")?" ":"";a+=n===te?i+K:c>=0?(l.push(r),i.slice(0,c)+q+i.slice(c)+j+h):i+j+(-2===c?t:h)}return[ge(e,a+(e[i]||"<?>")+(2===t?"</svg>":3===t?"</math>":"")),l]})(e,t);if(this.el=fe.createElement(s,i),pe.currentNode=this.el.content,2===t||3===t){const e=this.el.content.firstChild;e.replaceWith(...e.childNodes)}for(;null!==(l=pe.nextNode())&&r.length<n;){if(1===l.nodeType){{const e=l.localName;if(/^(?:textarea|template)$/i.test(e)&&l.innerHTML.includes(j)){const t=`Expressions are not supported inside \`${e}\` elements. See https://lit.dev/msg/expression-in-${e} for more information.`;if("template"===e)throw new Error(t);T("",t)}}if(l.hasAttributes())for(const e of l.getAttributeNames())if(e.endsWith(q)){const t=c[a++],i=l.getAttribute(e).split(j),n=/([.?@])?(.*)/.exec(t);r.push({type:1,index:o,name:n[2],strings:i,ctor:"."===n[1]?Ce:"?"===n[1]?be:"@"===n[1]?Ze:ye}),l.removeAttribute(e)}else e.startsWith(j)&&(r.push({type:6,index:o}),l.removeAttribute(e));if(re.test(l.tagName)){const e=l.textContent.split(j),t=e.length-1;if(t>0){l.textContent=U?U.emptyScript:"";for(let i=0;i<t;i++)l.append(e[i],X()),pe.nextNode(),r.push({type:2,index:++o});l.append(e[t],X())}}}else if(8===l.nodeType){if(l.data===J)r.push({type:2,index:o});else{let e=-1;for(;-1!==(e=l.data.indexOf(j,e+1));)r.push({type:7,index:o}),e+=j.length-1}}o++}if(c.length!==a)throw new Error('Detected duplicate attribute bindings. This occurs if your template has duplicate attributes on an element tag. For example "<input ?disabled=${true} ?disabled=${false}>" contains a duplicate "disabled" attribute. The error was detected in the following template: \n`'+e.join("${...}")+"`");E&&E({kind:"template prep",template:this,clonableTemplate:this.el,parts:this.parts,strings:e})}static createElement(e,t){const i=Y.createElement("template");return i.innerHTML=e,i}}function we(e,t,i=e,l){if(t===de)return t;let o=void 0!==l?i.__directives?.[l]:i.__directive;const a=G(t)?void 0:t._$litDirective$;return o?.constructor!==a&&(o?._$notifyDirectiveConnectionChanged?.(!1),void 0===a?o=void 0:(o=new a(e),o._$initialize(e,i,l)),void 0!==l?(i.__directives??=[])[l]=o:i.__directive=o),void 0!==o&&(t=we(e,o._$resolve(e,t.values),o,l)),t}class me{constructor(e,t){this._$parts=[],this._$disconnectableChildren=void 0,this._$template=e,this._$parent=t}get parentNode(){return this._$parent.parentNode}get _$isConnected(){return this._$parent._$isConnected}_clone(e){const{el:{content:t},parts:i}=this._$template,l=(e?.creationScope??Y).importNode(t,!0);pe.currentNode=l;let o=pe.nextNode(),a=0,n=0,r=i[0];for(;void 0!==r;){if(a===r.index){let t;2===r.type?t=new xe(o,o.nextSibling,this,e):1===r.type?t=new r.ctor(o,r.name,r.strings,this,e):6===r.type&&(t=new _e(o,this,e)),this._$parts.push(t),r=i[++n]}a!==r?.index&&(o=pe.nextNode(),a++)}return pe.currentNode=Y,l}_update(e){let t=0;for(const i of this._$parts)void 0!==i&&(E&&E({kind:"set part",part:i,value:e[t],valueIndex:t,values:e,templateInstance:this}),void 0!==i.strings?(i._$setValue(e,i,t),t+=i.strings.length-2):i._$setValue(e[t])),t++}}class xe{get _$isConnected(){return this._$parent?._$isConnected??this.__isConnected}constructor(e,t,i,l){this.type=2,this._$committedValue=he,this._$disconnectableChildren=void 0,this._$startNode=e,this._$endNode=t,this._$parent=i,this.options=l,this.__isConnected=l?.isConnected??!0,this._textSanitizer=void 0}get parentNode(){let e=R(this._$startNode).parentNode;const t=this._$parent;return void 0!==t&&11===e?.nodeType&&(e=t.parentNode),e}get startNode(){return this._$startNode}get endNode(){return this._$endNode}_$setValue(e,t=this){if(null===this.parentNode)throw new Error("This `ChildPart` has no `parentNode` and therefore cannot accept a value. This likely means the element containing the part was manipulated in an unsupported way outside of Lit's control such that the part's marker nodes were ejected from DOM. For example, setting the element's `innerHTML` or `textContent` can do this.");if(e=we(this,e,t),G(e))e===he||null==e||""===e?(this._$committedValue!==he&&(E&&E({kind:"commit nothing to child",start:this._$startNode,end:this._$endNode,parent:this._$parent,options:this.options}),this._$clear()),this._$committedValue=he):e!==this._$committedValue&&e!==de&&this._commitText(e);else if(void 0!==e._$litType$)this._commitTemplateResult(e);else if(void 0!==e.nodeType){if(this.options?.host===e)return this._commitText("[probable mistake: rendered a template's host in itself (commonly caused by writing ${this} in a template]"),void console.warn("Attempted to render the template host",e,"inside itself. This is almost always a mistake, and in dev mode ","we render some warning text. In production however, we'll ","render it, which will usually result in an error, and sometimes ","in the element disappearing from the DOM.");this._commitNode(e)}else(e=>Q(e)||"function"==typeof e?.[Symbol.iterator])(e)?this._commitIterable(e):this._commitText(e)}_insert(e){return R(R(this._$startNode).parentNode).insertBefore(e,this._$endNode)}_commitNode(e){if(this._$committedValue!==e){if(this._$clear(),ue!==D){const e=this._$startNode.parentNode?.nodeName;if("STYLE"===e||"SCRIPT"===e){let t="Forbidden";throw t="STYLE"===e?"Lit does not support binding inside style nodes. This is a security risk, as style injection attacks can exfiltrate data and spoof UIs. Consider instead using css`...` literals to compose styles, and do dynamic styling with css custom properties, ::parts, <slot>s, and by mutating the DOM rather than stylesheets.":"Lit does not support binding inside script nodes. This is a security risk, as it could allow arbitrary code execution.",new Error(t)}}E&&E({kind:"commit node",start:this._$startNode,parent:this._$parent,value:e,options:this.options}),this._$committedValue=this._insert(e)}}_commitText(e){if(this._$committedValue!==he&&G(this._$committedValue)){const t=R(this._$startNode).nextSibling;void 0===this._textSanitizer&&(this._textSanitizer=F(t,"data","property")),e=this._textSanitizer(e),E&&E({kind:"commit text",node:t,value:e,options:this.options}),t.data=e}else{const t=Y.createTextNode("");this._commitNode(t),void 0===this._textSanitizer&&(this._textSanitizer=F(t,"data","property")),e=this._textSanitizer(e),E&&E({kind:"commit text",node:t,value:e,options:this.options}),t.data=e}this._$committedValue=e}_commitTemplateResult(e){const{values:t,_$litType$:i}=e,l="number"==typeof i?this._$getTemplate(e):(void 0===i.el&&(i.el=fe.createElement(ge(i.h,i.h[0]),this.options)),i);if(this._$committedValue?._$template===l)E&&E({kind:"template updating",template:l,instance:this._$committedValue,parts:this._$committedValue._$parts,options:this.options,values:t}),this._$committedValue._update(t);else{const e=new me(l,this),i=e._clone(this.options);E&&E({kind:"template instantiated",template:l,instance:e,parts:e._$parts,options:this.options,fragment:i,values:t}),e._update(t),E&&E({kind:"template instantiated and updated",template:l,instance:e,parts:e._$parts,options:this.options,fragment:i,values:t}),this._commitNode(i),this._$committedValue=e}}_$getTemplate(e){let t=ve.get(e.strings);return void 0===t&&ve.set(e.strings,t=new fe(e)),t}_commitIterable(e){Q(this._$committedValue)||(this._$committedValue=[],this._$clear());const t=this._$committedValue;let i,l=0;for(const o of e)l===t.length?t.push(i=new xe(this._insert(X()),this._insert(X()),this,this.options)):i=t[l],i._$setValue(o),l++;l<t.length&&(this._$clear(i&&R(i._$endNode).nextSibling,l),t.length=l)}_$clear(e=R(this._$startNode).nextSibling,t){for(this._$notifyConnectionChanged?.(!1,!0,t);e&&e!==this._$endNode;){const t=R(e).nextSibling;R(e).remove(),e=t}}setConnected(e){if(void 0!==this._$parent)throw new Error("part.setConnected() may only be called on a RootPart returned from render().");this.__isConnected=e,this._$notifyConnectionChanged?.(e)}}class ye{get tagName(){return this.element.tagName}get _$isConnected(){return this._$parent._$isConnected}constructor(e,t,i,l,o){this.type=1,this._$committedValue=he,this._$disconnectableChildren=void 0,this.element=e,this.name=t,this._$parent=l,this.options=o,i.length>2||""!==i[0]||""!==i[1]?(this._$committedValue=new Array(i.length-1).fill(new String),this.strings=i):this._$committedValue=he,this._sanitizer=void 0}_$setValue(e,t=this,i,l){const o=this.strings;let a=!1;if(void 0===o)e=we(this,e,t,0),a=!G(e)||e!==this._$committedValue&&e!==de,a&&(this._$committedValue=e);else{const l=e;let n,r;for(e=o[0],n=0;n<o.length-1;n++)r=we(this,l[i+n],t,n),r===de&&(r=this._$committedValue[n]),a||=!G(r)||r!==this._$committedValue[n],r===he?e=he:e!==he&&(e+=(r??"")+o[n+1]),this._$committedValue[n]=r}a&&!l&&this._commitValue(e)}_commitValue(e){e===he?R(this.element).removeAttribute(this.name):(void 0===this._sanitizer&&(this._sanitizer=ue(this.element,this.name,"attribute")),e=this._sanitizer(e??""),E&&E({kind:"commit attribute",element:this.element,name:this.name,value:e,options:this.options}),R(this.element).setAttribute(this.name,e??""))}}class Ce extends ye{constructor(){super(...arguments),this.type=3}_commitValue(e){void 0===this._sanitizer&&(this._sanitizer=ue(this.element,this.name,"property")),e=this._sanitizer(e),E&&E({kind:"commit property",element:this.element,name:this.name,value:e,options:this.options}),this.element[this.name]=e===he?void 0:e}}class be extends ye{constructor(){super(...arguments),this.type=4}_commitValue(e){E&&E({kind:"commit boolean attribute",element:this.element,name:this.name,value:!(!e||e===he),options:this.options}),R(this.element).toggleAttribute(this.name,!!e&&e!==he)}}class Ze extends ye{constructor(e,t,i,l,o){if(super(e,t,i,l,o),this.type=5,void 0!==this.strings)throw new Error(`A \`<${e.localName}>\` has a \`@${t}=...\` listener with invalid content. Event listeners in templates must have exactly one expression and no surrounding text.`)}_$setValue(e,t=this){if((e=we(this,e,t,0)??he)===de)return;const i=this._$committedValue,l=e===he&&i!==he||e.capture!==i.capture||e.once!==i.once||e.passive!==i.passive,o=e!==he&&(i===he||l);E&&E({kind:"commit event listener",element:this.element,name:this.name,value:e,options:this.options,removeListener:l,addListener:o,oldListener:i}),l&&this.element.removeEventListener(this.name,this,i),o&&this.element.addEventListener(this.name,this,e),this._$committedValue=e}handleEvent(e){"function"==typeof this._$committedValue?this._$committedValue.call(this.options?.host??this.element,e):this._$committedValue.handleEvent(e)}}class _e{constructor(e,t,i){this.element=e,this.type=6,this._$disconnectableChildren=void 0,this._$parent=t,this.options=i}get _$isConnected(){return this._$parent._$isConnected}_$setValue(e){E&&E({kind:"commit to element binding",element:this.element,value:e,options:this.options}),we(this,e)}}const Me=L.litHtmlPolyfillSupportDevMode;Me?.(fe,xe),(L.litHtmlVersions??=[]).push("3.2.0"),L.litHtmlVersions.length>1&&T("multiple-versions","Multiple versions of Lit loaded. Loading multiple versions is not recommended.");const Ve=(e,t,i)=>{if(null==t)throw new TypeError(`The container to render into may not be ${t}`);const l=O++,o=i?.renderBefore??t;let a=o._$litPart$;if(E&&E({kind:"begin render",id:l,value:e,container:t,options:i,part:a}),void 0===a){const e=i?.renderBefore??null;o._$litPart$=a=new xe(t.insertBefore(X(),e),e,void 0,i??{})}return a._$setValue(e),E&&E({kind:"end render",id:l,value:e,container:t,options:i,part:a}),a};Ve.setSanitizer=I,Ve.createSanitizer=F,Ve._testOnlyClearSanitizerFactoryDoNotCallOrElse=W;
+   */const L=globalThis,E=e=>{L.emitLitDebugLogEvents&&L.dispatchEvent(new CustomEvent("lit-debug",{detail:e}))};let T,z=0;L.litIssuedWarnings??=new Set,T=(e,t)=>{t+=e?` See https://lit.dev/msg/${e} for more information.`:"",L.litIssuedWarnings.has(t)||(console.warn(t),L.litIssuedWarnings.add(t))},T("dev-mode","Lit is in dev mode. Not recommended for production!");const O=L.ShadyDOM?.inUse&&!0===L.ShadyDOM?.noPatch?L.ShadyDOM.wrap:e=>e,R=L.trustedTypes,U=R?R.createPolicy("lit-html",{createHTML:e=>e}):void 0,N=e=>e,D=(e,t,i)=>N,I=e=>{if(ue!==D)throw new Error("Attempted to overwrite existing lit-html security policy. setSanitizeDOMValueFactory should be called at most once.");ue=e},W=()=>{ue=D},F=(e,t,i)=>ue(e,t,i),q="$lit$",j=`lit$${Math.random().toFixed(9).slice(2)}$`,J="?"+j,K=`<${J}>`,Y=document,X=()=>Y.createComment(""),G=e=>null===e||"object"!=typeof e&&"function"!=typeof e,Q=Array.isArray,ee="[ \t\n\f\r]",te=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,ie=/-->/g,le=/>/g,oe=new RegExp(`>|${ee}(?:([^\\s"'>=/]+)(${ee}*=${ee}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),ae=/'/g,ne=/"/g,re=/^(?:script|style|textarea|title)$/i,se=(ce=1,(e,...t)=>(e.some((e=>void 0===e))&&console.warn("Some template strings are undefined.\nThis is probably caused by illegal octal escape sequences."),t.some((e=>e?._$litStatic$))&&T("","Static values 'literal' or 'unsafeStatic' cannot be used as values to non-static templates.\nPlease use the static 'html' tag function. See https://lit.dev/docs/templates/expressions/#static-expressions"),{_$litType$:ce,strings:e,values:t}));var ce;const de=Symbol.for("lit-noChange"),he=Symbol.for("lit-nothing"),ve=new WeakMap,pe=Y.createTreeWalker(Y,129);let ue=D;function ge(e,t){if(!Q(e)||!e.hasOwnProperty("raw")){let e="invalid template strings array";throw e="\n          Internal Error: expected template strings to be an array\n          with a 'raw' field. Faking a template strings array by\n          calling html or svg like an ordinary function is effectively\n          the same as calling unsafeHtml and can lead to major security\n          issues, e.g. opening your code up to XSS attacks.\n          If you're using the html or svg tagged template functions normally\n          and still seeing this error, please file a bug at\n          https://github.com/lit/lit/issues/new?template=bug_report.md\n          and include information about your build tooling, if any.\n        ".trim().replace(/\n */g,"\n"),new Error(e)}return void 0!==U?U.createHTML(t):t}class fe{constructor({strings:e,_$litType$:t},i){let l;this.parts=[];let o=0,a=0;const n=e.length-1,r=this.parts,[s,c]=((e,t)=>{const i=e.length-1,l=[];let o,a=2===t?"<svg>":3===t?"<math>":"",n=te;for(let t=0;t<i;t++){const i=e[t];let r,s,c=-1,d=0;for(;d<i.length&&(n.lastIndex=d,s=n.exec(i),null!==s);)if(d=n.lastIndex,n===te){if("!--"===s[1])n=ie;else if(void 0!==s[1])n=le;else if(void 0!==s[2])re.test(s[2])&&(o=new RegExp(`</${s[2]}`,"g")),n=oe;else if(void 0!==s[3])throw new Error("Bindings in tag names are not supported. Please use static templates instead. See https://lit.dev/docs/templates/expressions/#static-expressions")}else n===oe?">"===s[0]?(n=o??te,c=-1):void 0===s[1]?c=-2:(c=n.lastIndex-s[2].length,r=s[1],n=void 0===s[3]?oe:'"'===s[3]?ne:ae):n===ne||n===ae?n=oe:n===ie||n===le?n=te:(n=oe,o=void 0);console.assert(-1===c||n===oe||n===ae||n===ne,"unexpected parse state B");const h=n===oe&&e[t+1].startsWith("/>")?" ":"";a+=n===te?i+K:c>=0?(l.push(r),i.slice(0,c)+q+i.slice(c)+j+h):i+j+(-2===c?t:h)}return[ge(e,a+(e[i]||"<?>")+(2===t?"</svg>":3===t?"</math>":"")),l]})(e,t);if(this.el=fe.createElement(s,i),pe.currentNode=this.el.content,2===t||3===t){const e=this.el.content.firstChild;e.replaceWith(...e.childNodes)}for(;null!==(l=pe.nextNode())&&r.length<n;){if(1===l.nodeType){{const e=l.localName;if(/^(?:textarea|template)$/i.test(e)&&l.innerHTML.includes(j)){const t=`Expressions are not supported inside \`${e}\` elements. See https://lit.dev/msg/expression-in-${e} for more information.`;if("template"===e)throw new Error(t);T("",t)}}if(l.hasAttributes())for(const e of l.getAttributeNames())if(e.endsWith(q)){const t=c[a++],i=l.getAttribute(e).split(j),n=/([.?@])?(.*)/.exec(t);r.push({type:1,index:o,name:n[2],strings:i,ctor:"."===n[1]?Ce:"?"===n[1]?be:"@"===n[1]?Ze:ye}),l.removeAttribute(e)}else e.startsWith(j)&&(r.push({type:6,index:o}),l.removeAttribute(e));if(re.test(l.tagName)){const e=l.textContent.split(j),t=e.length-1;if(t>0){l.textContent=R?R.emptyScript:"";for(let i=0;i<t;i++)l.append(e[i],X()),pe.nextNode(),r.push({type:2,index:++o});l.append(e[t],X())}}}else if(8===l.nodeType){if(l.data===J)r.push({type:2,index:o});else{let e=-1;for(;-1!==(e=l.data.indexOf(j,e+1));)r.push({type:7,index:o}),e+=j.length-1}}o++}if(c.length!==a)throw new Error('Detected duplicate attribute bindings. This occurs if your template has duplicate attributes on an element tag. For example "<input ?disabled=${true} ?disabled=${false}>" contains a duplicate "disabled" attribute. The error was detected in the following template: \n`'+e.join("${...}")+"`");E&&E({kind:"template prep",template:this,clonableTemplate:this.el,parts:this.parts,strings:e})}static createElement(e,t){const i=Y.createElement("template");return i.innerHTML=e,i}}function we(e,t,i=e,l){if(t===de)return t;let o=void 0!==l?i.__directives?.[l]:i.__directive;const a=G(t)?void 0:t._$litDirective$;return o?.constructor!==a&&(o?._$notifyDirectiveConnectionChanged?.(!1),void 0===a?o=void 0:(o=new a(e),o._$initialize(e,i,l)),void 0!==l?(i.__directives??=[])[l]=o:i.__directive=o),void 0!==o&&(t=we(e,o._$resolve(e,t.values),o,l)),t}class me{constructor(e,t){this._$parts=[],this._$disconnectableChildren=void 0,this._$template=e,this._$parent=t}get parentNode(){return this._$parent.parentNode}get _$isConnected(){return this._$parent._$isConnected}_clone(e){const{el:{content:t},parts:i}=this._$template,l=(e?.creationScope??Y).importNode(t,!0);pe.currentNode=l;let o=pe.nextNode(),a=0,n=0,r=i[0];for(;void 0!==r;){if(a===r.index){let t;2===r.type?t=new xe(o,o.nextSibling,this,e):1===r.type?t=new r.ctor(o,r.name,r.strings,this,e):6===r.type&&(t=new _e(o,this,e)),this._$parts.push(t),r=i[++n]}a!==r?.index&&(o=pe.nextNode(),a++)}return pe.currentNode=Y,l}_update(e){let t=0;for(const i of this._$parts)void 0!==i&&(E&&E({kind:"set part",part:i,value:e[t],valueIndex:t,values:e,templateInstance:this}),void 0!==i.strings?(i._$setValue(e,i,t),t+=i.strings.length-2):i._$setValue(e[t])),t++}}class xe{get _$isConnected(){return this._$parent?._$isConnected??this.__isConnected}constructor(e,t,i,l){this.type=2,this._$committedValue=he,this._$disconnectableChildren=void 0,this._$startNode=e,this._$endNode=t,this._$parent=i,this.options=l,this.__isConnected=l?.isConnected??!0,this._textSanitizer=void 0}get parentNode(){let e=O(this._$startNode).parentNode;const t=this._$parent;return void 0!==t&&11===e?.nodeType&&(e=t.parentNode),e}get startNode(){return this._$startNode}get endNode(){return this._$endNode}_$setValue(e,t=this){if(null===this.parentNode)throw new Error("This `ChildPart` has no `parentNode` and therefore cannot accept a value. This likely means the element containing the part was manipulated in an unsupported way outside of Lit's control such that the part's marker nodes were ejected from DOM. For example, setting the element's `innerHTML` or `textContent` can do this.");if(e=we(this,e,t),G(e))e===he||null==e||""===e?(this._$committedValue!==he&&(E&&E({kind:"commit nothing to child",start:this._$startNode,end:this._$endNode,parent:this._$parent,options:this.options}),this._$clear()),this._$committedValue=he):e!==this._$committedValue&&e!==de&&this._commitText(e);else if(void 0!==e._$litType$)this._commitTemplateResult(e);else if(void 0!==e.nodeType){if(this.options?.host===e)return this._commitText("[probable mistake: rendered a template's host in itself (commonly caused by writing ${this} in a template]"),void console.warn("Attempted to render the template host",e,"inside itself. This is almost always a mistake, and in dev mode ","we render some warning text. In production however, we'll ","render it, which will usually result in an error, and sometimes ","in the element disappearing from the DOM.");this._commitNode(e)}else(e=>Q(e)||"function"==typeof e?.[Symbol.iterator])(e)?this._commitIterable(e):this._commitText(e)}_insert(e){return O(O(this._$startNode).parentNode).insertBefore(e,this._$endNode)}_commitNode(e){if(this._$committedValue!==e){if(this._$clear(),ue!==D){const e=this._$startNode.parentNode?.nodeName;if("STYLE"===e||"SCRIPT"===e){let t="Forbidden";throw t="STYLE"===e?"Lit does not support binding inside style nodes. This is a security risk, as style injection attacks can exfiltrate data and spoof UIs. Consider instead using css`...` literals to compose styles, and do dynamic styling with css custom properties, ::parts, <slot>s, and by mutating the DOM rather than stylesheets.":"Lit does not support binding inside script nodes. This is a security risk, as it could allow arbitrary code execution.",new Error(t)}}E&&E({kind:"commit node",start:this._$startNode,parent:this._$parent,value:e,options:this.options}),this._$committedValue=this._insert(e)}}_commitText(e){if(this._$committedValue!==he&&G(this._$committedValue)){const t=O(this._$startNode).nextSibling;void 0===this._textSanitizer&&(this._textSanitizer=F(t,"data","property")),e=this._textSanitizer(e),E&&E({kind:"commit text",node:t,value:e,options:this.options}),t.data=e}else{const t=Y.createTextNode("");this._commitNode(t),void 0===this._textSanitizer&&(this._textSanitizer=F(t,"data","property")),e=this._textSanitizer(e),E&&E({kind:"commit text",node:t,value:e,options:this.options}),t.data=e}this._$committedValue=e}_commitTemplateResult(e){const{values:t,_$litType$:i}=e,l="number"==typeof i?this._$getTemplate(e):(void 0===i.el&&(i.el=fe.createElement(ge(i.h,i.h[0]),this.options)),i);if(this._$committedValue?._$template===l)E&&E({kind:"template updating",template:l,instance:this._$committedValue,parts:this._$committedValue._$parts,options:this.options,values:t}),this._$committedValue._update(t);else{const e=new me(l,this),i=e._clone(this.options);E&&E({kind:"template instantiated",template:l,instance:e,parts:e._$parts,options:this.options,fragment:i,values:t}),e._update(t),E&&E({kind:"template instantiated and updated",template:l,instance:e,parts:e._$parts,options:this.options,fragment:i,values:t}),this._commitNode(i),this._$committedValue=e}}_$getTemplate(e){let t=ve.get(e.strings);return void 0===t&&ve.set(e.strings,t=new fe(e)),t}_commitIterable(e){Q(this._$committedValue)||(this._$committedValue=[],this._$clear());const t=this._$committedValue;let i,l=0;for(const o of e)l===t.length?t.push(i=new xe(this._insert(X()),this._insert(X()),this,this.options)):i=t[l],i._$setValue(o),l++;l<t.length&&(this._$clear(i&&O(i._$endNode).nextSibling,l),t.length=l)}_$clear(e=O(this._$startNode).nextSibling,t){for(this._$notifyConnectionChanged?.(!1,!0,t);e&&e!==this._$endNode;){const t=O(e).nextSibling;O(e).remove(),e=t}}setConnected(e){if(void 0!==this._$parent)throw new Error("part.setConnected() may only be called on a RootPart returned from render().");this.__isConnected=e,this._$notifyConnectionChanged?.(e)}}class ye{get tagName(){return this.element.tagName}get _$isConnected(){return this._$parent._$isConnected}constructor(e,t,i,l,o){this.type=1,this._$committedValue=he,this._$disconnectableChildren=void 0,this.element=e,this.name=t,this._$parent=l,this.options=o,i.length>2||""!==i[0]||""!==i[1]?(this._$committedValue=new Array(i.length-1).fill(new String),this.strings=i):this._$committedValue=he,this._sanitizer=void 0}_$setValue(e,t=this,i,l){const o=this.strings;let a=!1;if(void 0===o)e=we(this,e,t,0),a=!G(e)||e!==this._$committedValue&&e!==de,a&&(this._$committedValue=e);else{const l=e;let n,r;for(e=o[0],n=0;n<o.length-1;n++)r=we(this,l[i+n],t,n),r===de&&(r=this._$committedValue[n]),a||=!G(r)||r!==this._$committedValue[n],r===he?e=he:e!==he&&(e+=(r??"")+o[n+1]),this._$committedValue[n]=r}a&&!l&&this._commitValue(e)}_commitValue(e){e===he?O(this.element).removeAttribute(this.name):(void 0===this._sanitizer&&(this._sanitizer=ue(this.element,this.name,"attribute")),e=this._sanitizer(e??""),E&&E({kind:"commit attribute",element:this.element,name:this.name,value:e,options:this.options}),O(this.element).setAttribute(this.name,e??""))}}class Ce extends ye{constructor(){super(...arguments),this.type=3}_commitValue(e){void 0===this._sanitizer&&(this._sanitizer=ue(this.element,this.name,"property")),e=this._sanitizer(e),E&&E({kind:"commit property",element:this.element,name:this.name,value:e,options:this.options}),this.element[this.name]=e===he?void 0:e}}class be extends ye{constructor(){super(...arguments),this.type=4}_commitValue(e){E&&E({kind:"commit boolean attribute",element:this.element,name:this.name,value:!(!e||e===he),options:this.options}),O(this.element).toggleAttribute(this.name,!!e&&e!==he)}}class Ze extends ye{constructor(e,t,i,l,o){if(super(e,t,i,l,o),this.type=5,void 0!==this.strings)throw new Error(`A \`<${e.localName}>\` has a \`@${t}=...\` listener with invalid content. Event listeners in templates must have exactly one expression and no surrounding text.`)}_$setValue(e,t=this){if((e=we(this,e,t,0)??he)===de)return;const i=this._$committedValue,l=e===he&&i!==he||e.capture!==i.capture||e.once!==i.once||e.passive!==i.passive,o=e!==he&&(i===he||l);E&&E({kind:"commit event listener",element:this.element,name:this.name,value:e,options:this.options,removeListener:l,addListener:o,oldListener:i}),l&&this.element.removeEventListener(this.name,this,i),o&&this.element.addEventListener(this.name,this,e),this._$committedValue=e}handleEvent(e){"function"==typeof this._$committedValue?this._$committedValue.call(this.options?.host??this.element,e):this._$committedValue.handleEvent(e)}}class _e{constructor(e,t,i){this.element=e,this.type=6,this._$disconnectableChildren=void 0,this._$parent=t,this.options=i}get _$isConnected(){return this._$parent._$isConnected}_$setValue(e){E&&E({kind:"commit to element binding",element:this.element,value:e,options:this.options}),we(this,e)}}const Me=L.litHtmlPolyfillSupportDevMode;Me?.(fe,xe),(L.litHtmlVersions??=[]).push("3.2.0"),L.litHtmlVersions.length>1&&T("multiple-versions","Multiple versions of Lit loaded. Loading multiple versions is not recommended.");const Ve=(e,t,i)=>{if(null==t)throw new TypeError(`The container to render into may not be ${t}`);const l=z++,o=i?.renderBefore??t;let a=o._$litPart$;if(E&&E({kind:"begin render",id:l,value:e,container:t,options:i,part:a}),void 0===a){const e=i?.renderBefore??null;o._$litPart$=a=new xe(t.insertBefore(X(),e),e,void 0,i??{})}return a._$setValue(e),E&&E({kind:"end render",id:l,value:e,container:t,options:i,part:a}),a};Ve.setSanitizer=I,Ve.createSanitizer=F,Ve._testOnlyClearSanitizerFactoryDoNotCallOrElse=W;
 /**
    * @license
    * Copyright 2018 Google LLC
    * SPDX-License-Identifier: BSD-3-Clause
    */
-const He=Symbol.for(""),Se=e=>{if(e?.r===He)return e?._$litStatic$},$e=new Map,ke=(Be=se,(e,...t)=>{const i=t.length;let l,o;const a=[],n=[];let r,s=0,c=!1;for(;s<i;){for(r=e[s];s<i&&void 0!==(o=t[s],l=Se(o));)r+=l+e[++s],c=!0;s!==i&&n.push(o),a.push(r),s++}if(s===i&&a.push(e[i]),c){const i=a.join("$$lit$$");void 0===(e=$e.get(i))&&(a.raw=a,$e.set(i,e=a)),t=n}return Be(e,...t)});
+const He=Symbol.for(""),Se=e=>{if(e?.r===He)return e?._$litStatic$},ke=new Map,$e=(Be=se,(e,...t)=>{const i=t.length;let l,o;const a=[],n=[];let r,s=0,c=!1;for(;s<i;){for(r=e[s];s<i&&void 0!==(o=t[s],l=Se(o));)r+=l+e[++s],c=!0;s!==i&&n.push(o),a.push(r),s++}if(s===i&&a.push(e[i]),c){const i=a.join("$$lit$$");void 0===(e=ke.get(i))&&(a.raw=a,ke.set(i,e=a)),t=n}return Be(e,...t)});
 /**
    * @license
    * Copyright 2020 Google LLC
@@ -57,17 +57,17 @@ const He=Symbol.for(""),Se=e=>{if(e?.r===He)return e?._$litStatic$},$e=new Map,k
    * Copyright 2019 Google LLC
    * SPDX-License-Identifier: BSD-3-Clause
    */
-const Pe=globalThis,Ae=Pe.ShadowRoot&&(void 0===Pe.ShadyCSS||Pe.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,Le=Symbol(),Ee=new WeakMap;class Te{constructor(e,t,i){if(this._$cssResult$=!0,i!==Le)throw new Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this._strings=t}get styleSheet(){let e=this._styleSheet;const t=this._strings;if(Ae&&void 0===e){const i=void 0!==t&&1===t.length;i&&(e=Ee.get(t)),void 0===e&&((this._styleSheet=e=new CSSStyleSheet).replaceSync(this.cssText),i&&Ee.set(t,e))}return e}toString(){return this.cssText}}const Oe=(e,...t)=>{const i=1===e.length?e[0]:t.reduce(((t,i,l)=>t+(e=>{if(!0===e._$cssResult$)return e.cssText;if("number"==typeof e)return e;throw new Error(`Value passed to 'css' function must be a 'css' function result: ${e}. Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.`)})(i)+e[l+1]),e[0]);return new Te(i,e,Le)},Re=e=>{let t="";for(const i of e.cssRules)t+=i.cssText;return new Te("string"==typeof(i=t)?i:String(i),void 0,Le);var i},Ue=Ae?e=>e:e=>e instanceof CSSStyleSheet?Re(e):e
+const Ae=globalThis,Pe=Ae.ShadowRoot&&(void 0===Ae.ShadyCSS||Ae.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,Le=Symbol(),Ee=new WeakMap;class Te{constructor(e,t,i){if(this._$cssResult$=!0,i!==Le)throw new Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this._strings=t}get styleSheet(){let e=this._styleSheet;const t=this._strings;if(Pe&&void 0===e){const i=void 0!==t&&1===t.length;i&&(e=Ee.get(t)),void 0===e&&((this._styleSheet=e=new CSSStyleSheet).replaceSync(this.cssText),i&&Ee.set(t,e))}return e}toString(){return this.cssText}}const ze=(e,...t)=>{const i=1===e.length?e[0]:t.reduce(((t,i,l)=>t+(e=>{if(!0===e._$cssResult$)return e.cssText;if("number"==typeof e)return e;throw new Error(`Value passed to 'css' function must be a 'css' function result: ${e}. Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.`)})(i)+e[l+1]),e[0]);return new Te(i,e,Le)},Oe=e=>{let t="";for(const i of e.cssRules)t+=i.cssText;return new Te("string"==typeof(i=t)?i:String(i),void 0,Le);var i},Re=Pe?e=>e:e=>e instanceof CSSStyleSheet?Oe(e):e
 /**
    * @license
    * Copyright 2017 Google LLC
    * SPDX-License-Identifier: BSD-3-Clause
-   */,{is:ze,defineProperty:Ne,getOwnPropertyDescriptor:De,getOwnPropertyNames:Ie,getOwnPropertySymbols:We,getPrototypeOf:Fe}=Object,qe=globalThis;let je;const Je=qe.trustedTypes,Ke=Je?Je.emptyScript:"",Ye=qe.reactiveElementPolyfillSupportDevMode;{const e=qe.litIssuedWarnings??=new Set;je=(t,i)=>{i+=` See https://lit.dev/msg/${t} for more information.`,e.has(i)||(console.warn(i),e.add(i))},je("dev-mode","Lit is in dev mode. Not recommended for production!"),qe.ShadyDOM?.inUse&&void 0===Ye&&je("polyfill-support-missing","Shadow DOM is being polyfilled via `ShadyDOM` but the `polyfill-support` module has not been loaded.")}const Xe=(e,t)=>e,Ge={toAttribute(e,t){switch(t){case Boolean:e=e?Ke:null;break;case Object:case Array:e=null==e?e:JSON.stringify(e)}return e},fromAttribute(e,t){let i=e;switch(t){case Boolean:i=null!==e;break;case Number:i=null===e?null:Number(e);break;case Object:case Array:try{i=JSON.parse(e)}catch(e){i=null}}return i}},Qe=(e,t)=>!ze(e,t),et={attribute:!0,type:String,converter:Ge,reflect:!1,hasChanged:Qe};Symbol.metadata??=Symbol("metadata"),qe.litPropertyMetadata??=new WeakMap;class tt extends HTMLElement{static addInitializer(e){this.__prepare(),(this._initializers??=[]).push(e)}static get observedAttributes(){return this.finalize(),this.__attributeToPropertyMap&&[...this.__attributeToPropertyMap.keys()]}static createProperty(e,t=et){if(t.state&&(t.attribute=!1),this.__prepare(),this.elementProperties.set(e,t),!t.noAccessor){const i=Symbol.for(`${String(e)} (@property() cache)`),l=this.getPropertyDescriptor(e,i,t);void 0!==l&&Ne(this.prototype,e,l)}}static getPropertyDescriptor(e,t,i){const{get:l,set:o}=De(this.prototype,e)??{get(){return this[t]},set(e){this[t]=e}};if(null==l){if("value"in(De(this.prototype,e)??{}))throw new Error(`Field ${JSON.stringify(String(e))} on ${this.name} was declared as a reactive property but it's actually declared as a value on the prototype. Usually this is due to using @property or @state on a method.`);je("reactive-property-without-getter",`Field ${JSON.stringify(String(e))} on ${this.name} was declared as a reactive property but it does not have a getter. This will be an error in a future version of Lit.`)}return{get(){return l?.call(this)},set(t){const a=l?.call(this);o.call(this,t),this.requestUpdate(e,a,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)??et}static __prepare(){if(this.hasOwnProperty(Xe("elementProperties")))return;const e=Fe(this);e.finalize(),void 0!==e._initializers&&(this._initializers=[...e._initializers]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(Xe("finalized")))return;if(this.finalized=!0,this.__prepare(),this.hasOwnProperty(Xe("properties"))){const e=this.properties,t=[...Ie(e),...We(e)];for(const i of t)this.createProperty(i,e[i])}const e=this[Symbol.metadata];if(null!==e){const t=litPropertyMetadata.get(e);if(void 0!==t)for(const[e,i]of t)this.elementProperties.set(e,i)}this.__attributeToPropertyMap=new Map;for(const[e,t]of this.elementProperties){const i=this.__attributeNameForProperty(e,t);void 0!==i&&this.__attributeToPropertyMap.set(i,e)}this.elementStyles=this.finalizeStyles(this.styles),this.hasOwnProperty("createProperty")&&je("no-override-create-property","Overriding ReactiveElement.createProperty() is deprecated. The override will not be called with standard decorators"),this.hasOwnProperty("getPropertyDescriptor")&&je("no-override-get-property-descriptor","Overriding ReactiveElement.getPropertyDescriptor() is deprecated. The override will not be called with standard decorators")}static finalizeStyles(e){const t=[];if(Array.isArray(e)){const i=new Set(e.flat(1/0).reverse());for(const e of i)t.unshift(Ue(e))}else void 0!==e&&t.push(Ue(e));return t}static __attributeNameForProperty(e,t){const i=t.attribute;return!1===i?void 0:"string"==typeof i?i:"string"==typeof e?e.toLowerCase():void 0}constructor(){super(),this.__instanceProperties=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this.__reflectingProperty=null,this.__initialize()}__initialize(){this.__updatePromise=new Promise((e=>this.enableUpdating=e)),this._$changedProperties=new Map,this.__saveInstanceProperties(),this.requestUpdate(),this.constructor._initializers?.forEach((e=>e(this)))}addController(e){(this.__controllers??=new Set).add(e),void 0!==this.renderRoot&&this.isConnected&&e.hostConnected?.()}removeController(e){this.__controllers?.delete(e)}__saveInstanceProperties(){const e=new Map,t=this.constructor.elementProperties;for(const i of t.keys())this.hasOwnProperty(i)&&(e.set(i,this[i]),delete this[i]);e.size>0&&(this.__instanceProperties=e)}createRenderRoot(){const e=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return((e,t)=>{if(Ae)e.adoptedStyleSheets=t.map((e=>e instanceof CSSStyleSheet?e:e.styleSheet));else for(const i of t){const t=document.createElement("style"),l=Pe.litNonce;void 0!==l&&t.setAttribute("nonce",l),t.textContent=i.cssText,e.appendChild(t)}})(e,this.constructor.elementStyles),e}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this.__controllers?.forEach((e=>e.hostConnected?.()))}enableUpdating(e){}disconnectedCallback(){this.__controllers?.forEach((e=>e.hostDisconnected?.()))}attributeChangedCallback(e,t,i){this._$attributeToProperty(e,i)}__propertyToAttribute(e,t){const i=this.constructor.elementProperties.get(e),l=this.constructor.__attributeNameForProperty(e,i);if(void 0!==l&&!0===i.reflect){const o=(void 0!==i.converter?.toAttribute?i.converter:Ge).toAttribute(t,i.type);this.constructor.enabledWarnings.includes("migration")&&void 0===o&&je("undefined-attribute-value",`The attribute value for the ${e} property is undefined on element ${this.localName}. The attribute will be removed, but in the previous version of \`ReactiveElement\`, the attribute would not have changed.`),this.__reflectingProperty=e,null==o?this.removeAttribute(l):this.setAttribute(l,o),this.__reflectingProperty=null}}_$attributeToProperty(e,t){const i=this.constructor,l=i.__attributeToPropertyMap.get(e);if(void 0!==l&&this.__reflectingProperty!==l){const e=i.getPropertyOptions(l),o="function"==typeof e.converter?{fromAttribute:e.converter}:void 0!==e.converter?.fromAttribute?e.converter:Ge;this.__reflectingProperty=l,this[l]=o.fromAttribute(t,e.type),this.__reflectingProperty=null}}requestUpdate(e,t,i){if(void 0!==e){e instanceof Event&&je("","The requestUpdate() method was called with an Event as the property name. This is probably a mistake caused by binding this.requestUpdate as an event listener. Instead bind a function that will call it with no arguments: () => this.requestUpdate()"),i??=this.constructor.getPropertyOptions(e);if(!(i.hasChanged??Qe)(this[e],t))return;this._$changeProperty(e,t,i)}!1===this.isUpdatePending&&(this.__updatePromise=this.__enqueueUpdate())}_$changeProperty(e,t,i){this._$changedProperties.has(e)||this._$changedProperties.set(e,t),!0===i.reflect&&this.__reflectingProperty!==e&&(this.__reflectingProperties??=new Set).add(e)}async __enqueueUpdate(){this.isUpdatePending=!0;try{await this.__updatePromise}catch(e){Promise.reject(e)}const e=this.scheduleUpdate();return null!=e&&await e,!this.isUpdatePending}scheduleUpdate(){const e=this.performUpdate();return this.constructor.enabledWarnings.includes("async-perform-update")&&"function"==typeof e?.then&&je("async-perform-update",`Element ${this.localName} returned a Promise from performUpdate(). This behavior is deprecated and will be removed in a future version of ReactiveElement.`),e}performUpdate(){if(!this.isUpdatePending)return;var e;if(e={kind:"update"},qe.emitLitDebugLogEvents&&qe.dispatchEvent(new CustomEvent("lit-debug",{detail:e})),!this.hasUpdated){this.renderRoot??=this.createRenderRoot();{const e=[...this.constructor.elementProperties.keys()].filter((e=>this.hasOwnProperty(e)&&e in Fe(this)));if(e.length)throw new Error(`The following properties on element ${this.localName} will not trigger updates as expected because they are set using class fields: ${e.join(", ")}. Native class fields and some compiled output will overwrite accessors used for detecting changes. See https://lit.dev/msg/class-field-shadowing for more information.`)}if(this.__instanceProperties){for(const[e,t]of this.__instanceProperties)this[e]=t;this.__instanceProperties=void 0}const e=this.constructor.elementProperties;if(e.size>0)for(const[t,i]of e)!0!==i.wrapped||this._$changedProperties.has(t)||void 0===this[t]||this._$changeProperty(t,this[t],i)}let t=!1;const i=this._$changedProperties;try{t=this.shouldUpdate(i),t?(this.willUpdate(i),this.__controllers?.forEach((e=>e.hostUpdate?.())),this.update(i)):this.__markUpdated()}catch(e){throw t=!1,this.__markUpdated(),e}t&&this._$didUpdate(i)}willUpdate(e){}_$didUpdate(e){this.__controllers?.forEach((e=>e.hostUpdated?.())),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e),this.isUpdatePending&&this.constructor.enabledWarnings.includes("change-in-update")&&je("change-in-update",`Element ${this.localName} scheduled an update (generally because a property was set) after an update completed, causing a new update to be scheduled. This is inefficient and should be avoided unless the next update can only be scheduled as a side effect of the previous update.`)}__markUpdated(){this._$changedProperties=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this.__updatePromise}shouldUpdate(e){return!0}update(e){this.__reflectingProperties&&=this.__reflectingProperties.forEach((e=>this.__propertyToAttribute(e,this[e]))),this.__markUpdated()}updated(e){}firstUpdated(e){}}tt.elementStyles=[],tt.shadowRootOptions={mode:"open"},tt[Xe("elementProperties")]=new Map,tt[Xe("finalized")]=new Map,Ye?.({ReactiveElement:tt});{tt.enabledWarnings=["change-in-update","async-perform-update"];const e=function(e){e.hasOwnProperty(Xe("enabledWarnings"))||(e.enabledWarnings=e.enabledWarnings.slice())};tt.enableWarning=function(t){e(this),this.enabledWarnings.includes(t)||this.enabledWarnings.push(t)},tt.disableWarning=function(t){e(this);const i=this.enabledWarnings.indexOf(t);i>=0&&this.enabledWarnings.splice(i,1)}}(qe.reactiveElementVersions??=[]).push("2.0.4"),qe.reactiveElementVersions.length>1&&je("multiple-versions","Multiple versions of Lit loaded. Loading multiple versions is not recommended.")
+   */,{is:Ue,defineProperty:Ne,getOwnPropertyDescriptor:De,getOwnPropertyNames:Ie,getOwnPropertySymbols:We,getPrototypeOf:Fe}=Object,qe=globalThis;let je;const Je=qe.trustedTypes,Ke=Je?Je.emptyScript:"",Ye=qe.reactiveElementPolyfillSupportDevMode;{const e=qe.litIssuedWarnings??=new Set;je=(t,i)=>{i+=` See https://lit.dev/msg/${t} for more information.`,e.has(i)||(console.warn(i),e.add(i))},je("dev-mode","Lit is in dev mode. Not recommended for production!"),qe.ShadyDOM?.inUse&&void 0===Ye&&je("polyfill-support-missing","Shadow DOM is being polyfilled via `ShadyDOM` but the `polyfill-support` module has not been loaded.")}const Xe=(e,t)=>e,Ge={toAttribute(e,t){switch(t){case Boolean:e=e?Ke:null;break;case Object:case Array:e=null==e?e:JSON.stringify(e)}return e},fromAttribute(e,t){let i=e;switch(t){case Boolean:i=null!==e;break;case Number:i=null===e?null:Number(e);break;case Object:case Array:try{i=JSON.parse(e)}catch(e){i=null}}return i}},Qe=(e,t)=>!Ue(e,t),et={attribute:!0,type:String,converter:Ge,reflect:!1,hasChanged:Qe};Symbol.metadata??=Symbol("metadata"),qe.litPropertyMetadata??=new WeakMap;class tt extends HTMLElement{static addInitializer(e){this.__prepare(),(this._initializers??=[]).push(e)}static get observedAttributes(){return this.finalize(),this.__attributeToPropertyMap&&[...this.__attributeToPropertyMap.keys()]}static createProperty(e,t=et){if(t.state&&(t.attribute=!1),this.__prepare(),this.elementProperties.set(e,t),!t.noAccessor){const i=Symbol.for(`${String(e)} (@property() cache)`),l=this.getPropertyDescriptor(e,i,t);void 0!==l&&Ne(this.prototype,e,l)}}static getPropertyDescriptor(e,t,i){const{get:l,set:o}=De(this.prototype,e)??{get(){return this[t]},set(e){this[t]=e}};if(null==l){if("value"in(De(this.prototype,e)??{}))throw new Error(`Field ${JSON.stringify(String(e))} on ${this.name} was declared as a reactive property but it's actually declared as a value on the prototype. Usually this is due to using @property or @state on a method.`);je("reactive-property-without-getter",`Field ${JSON.stringify(String(e))} on ${this.name} was declared as a reactive property but it does not have a getter. This will be an error in a future version of Lit.`)}return{get(){return l?.call(this)},set(t){const a=l?.call(this);o.call(this,t),this.requestUpdate(e,a,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)??et}static __prepare(){if(this.hasOwnProperty(Xe("elementProperties")))return;const e=Fe(this);e.finalize(),void 0!==e._initializers&&(this._initializers=[...e._initializers]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(Xe("finalized")))return;if(this.finalized=!0,this.__prepare(),this.hasOwnProperty(Xe("properties"))){const e=this.properties,t=[...Ie(e),...We(e)];for(const i of t)this.createProperty(i,e[i])}const e=this[Symbol.metadata];if(null!==e){const t=litPropertyMetadata.get(e);if(void 0!==t)for(const[e,i]of t)this.elementProperties.set(e,i)}this.__attributeToPropertyMap=new Map;for(const[e,t]of this.elementProperties){const i=this.__attributeNameForProperty(e,t);void 0!==i&&this.__attributeToPropertyMap.set(i,e)}this.elementStyles=this.finalizeStyles(this.styles),this.hasOwnProperty("createProperty")&&je("no-override-create-property","Overriding ReactiveElement.createProperty() is deprecated. The override will not be called with standard decorators"),this.hasOwnProperty("getPropertyDescriptor")&&je("no-override-get-property-descriptor","Overriding ReactiveElement.getPropertyDescriptor() is deprecated. The override will not be called with standard decorators")}static finalizeStyles(e){const t=[];if(Array.isArray(e)){const i=new Set(e.flat(1/0).reverse());for(const e of i)t.unshift(Re(e))}else void 0!==e&&t.push(Re(e));return t}static __attributeNameForProperty(e,t){const i=t.attribute;return!1===i?void 0:"string"==typeof i?i:"string"==typeof e?e.toLowerCase():void 0}constructor(){super(),this.__instanceProperties=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this.__reflectingProperty=null,this.__initialize()}__initialize(){this.__updatePromise=new Promise((e=>this.enableUpdating=e)),this._$changedProperties=new Map,this.__saveInstanceProperties(),this.requestUpdate(),this.constructor._initializers?.forEach((e=>e(this)))}addController(e){(this.__controllers??=new Set).add(e),void 0!==this.renderRoot&&this.isConnected&&e.hostConnected?.()}removeController(e){this.__controllers?.delete(e)}__saveInstanceProperties(){const e=new Map,t=this.constructor.elementProperties;for(const i of t.keys())this.hasOwnProperty(i)&&(e.set(i,this[i]),delete this[i]);e.size>0&&(this.__instanceProperties=e)}createRenderRoot(){const e=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return((e,t)=>{if(Pe)e.adoptedStyleSheets=t.map((e=>e instanceof CSSStyleSheet?e:e.styleSheet));else for(const i of t){const t=document.createElement("style"),l=Ae.litNonce;void 0!==l&&t.setAttribute("nonce",l),t.textContent=i.cssText,e.appendChild(t)}})(e,this.constructor.elementStyles),e}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this.__controllers?.forEach((e=>e.hostConnected?.()))}enableUpdating(e){}disconnectedCallback(){this.__controllers?.forEach((e=>e.hostDisconnected?.()))}attributeChangedCallback(e,t,i){this._$attributeToProperty(e,i)}__propertyToAttribute(e,t){const i=this.constructor.elementProperties.get(e),l=this.constructor.__attributeNameForProperty(e,i);if(void 0!==l&&!0===i.reflect){const o=(void 0!==i.converter?.toAttribute?i.converter:Ge).toAttribute(t,i.type);this.constructor.enabledWarnings.includes("migration")&&void 0===o&&je("undefined-attribute-value",`The attribute value for the ${e} property is undefined on element ${this.localName}. The attribute will be removed, but in the previous version of \`ReactiveElement\`, the attribute would not have changed.`),this.__reflectingProperty=e,null==o?this.removeAttribute(l):this.setAttribute(l,o),this.__reflectingProperty=null}}_$attributeToProperty(e,t){const i=this.constructor,l=i.__attributeToPropertyMap.get(e);if(void 0!==l&&this.__reflectingProperty!==l){const e=i.getPropertyOptions(l),o="function"==typeof e.converter?{fromAttribute:e.converter}:void 0!==e.converter?.fromAttribute?e.converter:Ge;this.__reflectingProperty=l,this[l]=o.fromAttribute(t,e.type),this.__reflectingProperty=null}}requestUpdate(e,t,i){if(void 0!==e){e instanceof Event&&je("","The requestUpdate() method was called with an Event as the property name. This is probably a mistake caused by binding this.requestUpdate as an event listener. Instead bind a function that will call it with no arguments: () => this.requestUpdate()"),i??=this.constructor.getPropertyOptions(e);if(!(i.hasChanged??Qe)(this[e],t))return;this._$changeProperty(e,t,i)}!1===this.isUpdatePending&&(this.__updatePromise=this.__enqueueUpdate())}_$changeProperty(e,t,i){this._$changedProperties.has(e)||this._$changedProperties.set(e,t),!0===i.reflect&&this.__reflectingProperty!==e&&(this.__reflectingProperties??=new Set).add(e)}async __enqueueUpdate(){this.isUpdatePending=!0;try{await this.__updatePromise}catch(e){Promise.reject(e)}const e=this.scheduleUpdate();return null!=e&&await e,!this.isUpdatePending}scheduleUpdate(){const e=this.performUpdate();return this.constructor.enabledWarnings.includes("async-perform-update")&&"function"==typeof e?.then&&je("async-perform-update",`Element ${this.localName} returned a Promise from performUpdate(). This behavior is deprecated and will be removed in a future version of ReactiveElement.`),e}performUpdate(){if(!this.isUpdatePending)return;var e;if(e={kind:"update"},qe.emitLitDebugLogEvents&&qe.dispatchEvent(new CustomEvent("lit-debug",{detail:e})),!this.hasUpdated){this.renderRoot??=this.createRenderRoot();{const e=[...this.constructor.elementProperties.keys()].filter((e=>this.hasOwnProperty(e)&&e in Fe(this)));if(e.length)throw new Error(`The following properties on element ${this.localName} will not trigger updates as expected because they are set using class fields: ${e.join(", ")}. Native class fields and some compiled output will overwrite accessors used for detecting changes. See https://lit.dev/msg/class-field-shadowing for more information.`)}if(this.__instanceProperties){for(const[e,t]of this.__instanceProperties)this[e]=t;this.__instanceProperties=void 0}const e=this.constructor.elementProperties;if(e.size>0)for(const[t,i]of e)!0!==i.wrapped||this._$changedProperties.has(t)||void 0===this[t]||this._$changeProperty(t,this[t],i)}let t=!1;const i=this._$changedProperties;try{t=this.shouldUpdate(i),t?(this.willUpdate(i),this.__controllers?.forEach((e=>e.hostUpdate?.())),this.update(i)):this.__markUpdated()}catch(e){throw t=!1,this.__markUpdated(),e}t&&this._$didUpdate(i)}willUpdate(e){}_$didUpdate(e){this.__controllers?.forEach((e=>e.hostUpdated?.())),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e),this.isUpdatePending&&this.constructor.enabledWarnings.includes("change-in-update")&&je("change-in-update",`Element ${this.localName} scheduled an update (generally because a property was set) after an update completed, causing a new update to be scheduled. This is inefficient and should be avoided unless the next update can only be scheduled as a side effect of the previous update.`)}__markUpdated(){this._$changedProperties=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this.__updatePromise}shouldUpdate(e){return!0}update(e){this.__reflectingProperties&&=this.__reflectingProperties.forEach((e=>this.__propertyToAttribute(e,this[e]))),this.__markUpdated()}updated(e){}firstUpdated(e){}}tt.elementStyles=[],tt.shadowRootOptions={mode:"open"},tt[Xe("elementProperties")]=new Map,tt[Xe("finalized")]=new Map,Ye?.({ReactiveElement:tt});{tt.enabledWarnings=["change-in-update","async-perform-update"];const e=function(e){e.hasOwnProperty(Xe("enabledWarnings"))||(e.enabledWarnings=e.enabledWarnings.slice())};tt.enableWarning=function(t){e(this),this.enabledWarnings.includes(t)||this.enabledWarnings.push(t)},tt.disableWarning=function(t){e(this);const i=this.enabledWarnings.indexOf(t);i>=0&&this.enabledWarnings.splice(i,1)}}(qe.reactiveElementVersions??=[]).push("2.0.4"),qe.reactiveElementVersions.length>1&&je("multiple-versions","Multiple versions of Lit loaded. Loading multiple versions is not recommended.")
 /**
    * @license
    * Copyright 2017 Google LLC
    * SPDX-License-Identifier: BSD-3-Clause
-   */;let it;{const e=globalThis.litIssuedWarnings??=new Set;it=(t,i)=>{i+=` See https://lit.dev/msg/${t} for more information.`,e.has(i)||(console.warn(i),e.add(i))}}class lt extends tt{constructor(){super(...arguments),this.renderOptions={host:this},this.__childPart=void 0}createRenderRoot(){const e=super.createRenderRoot();return this.renderOptions.renderBefore??=e.firstChild,e}update(e){const t=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this.__childPart=Ve(t,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this.__childPart?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this.__childPart?.setConnected(!1)}render(){return de}}var ot;lt._$litElement$=!0,lt[(ot="finalized",ot)]=!0,globalThis.litElementHydrateSupport?.({LitElement:lt});const at=globalThis.litElementPolyfillSupportDevMode;at?.({LitElement:lt}),(globalThis.litElementVersions??=[]).push("4.1.0"),globalThis.litElementVersions.length>1&&it("multiple-versions","Multiple versions of Lit loaded. Loading multiple versions is not recommended.");var nt=Oe`:host{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);color:var(--sgds-body-color-default);font-family:var(--sgds-font-family-brand);font-size:var(--sgds-font-size-2);font-weight:var(--sgds-font-weight-regular);line-height:var(--sgds-line-height-24);margin:0;*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:disabled{cursor:not-allowed}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}::slotted(a[target=_blank]):after,a[target=_blank]:after{background-color:currentColor;content:"/";display:inline-block;height:var(--sgds-icon-size-lg);margin-left:.25rem;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.774 4.4H9.8a.6.6 0 1 1 0 1.2c-.85 0-1.451 0-1.922.039-.463.038-.745.11-.968.223A2.4 2.4 0 0 0 5.861 6.91c-.113.223-.184.505-.222.968-.039.47-.04 1.072-.04 1.922v4.4c0 .85.001 1.451.04 1.922.038.463.11.745.222.968a2.4 2.4 0 0 0 1.05 1.048c.222.114.504.185.967.223.47.038 1.072.039 1.922.039h4.4c.85 0 1.451 0 1.921-.039.464-.038.746-.11.969-.223a2.4 2.4 0 0 0 1.048-1.048c.113-.223.185-.505.223-.968.038-.47.039-1.072.039-1.922a.6.6 0 1 1 1.2 0v.026c0 .818 0 1.468-.043 1.993-.044.538-.136.996-.35 1.415a3.6 3.6 0 0 1-1.573 1.574c-.42.213-.878.305-1.415.35-.525.042-1.175.042-1.993.042H9.774c-.818 0-1.469 0-1.993-.043-.538-.044-.996-.136-1.415-.35a3.6 3.6 0 0 1-1.574-1.573c-.213-.42-.305-.877-.35-1.415-.042-.525-.042-1.175-.042-1.993V9.774c0-.818 0-1.468.043-1.993.044-.538.136-.996.35-1.415a3.6 3.6 0 0 1 1.573-1.574c.42-.213.877-.305 1.415-.35C8.305 4.4 8.956 4.4 9.774 4.4ZM12.4 5a.6.6 0 0 1 .6-.6h6a.6.6 0 0 1 .6.6v6a.6.6 0 1 1-1.2 0V6.449l-5.976 5.975a.6.6 0 0 1-.848-.848L17.55 5.6H13a.6.6 0 0 1-.6-.6Z' fill='%230E0E0E'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.774 4.4H9.8a.6.6 0 1 1 0 1.2c-.85 0-1.451 0-1.922.039-.463.038-.745.11-.968.223A2.4 2.4 0 0 0 5.861 6.91c-.113.223-.184.505-.222.968-.039.47-.04 1.072-.04 1.922v4.4c0 .85.001 1.451.04 1.922.038.463.11.745.222.968a2.4 2.4 0 0 0 1.05 1.048c.222.114.504.185.967.223.47.038 1.072.039 1.922.039h4.4c.85 0 1.451 0 1.921-.039.464-.038.746-.11.969-.223a2.4 2.4 0 0 0 1.048-1.048c.113-.223.185-.505.223-.968.038-.47.039-1.072.039-1.922a.6.6 0 1 1 1.2 0v.026c0 .818 0 1.468-.043 1.993-.044.538-.136.996-.35 1.415a3.6 3.6 0 0 1-1.573 1.574c-.42.213-.878.305-1.415.35-.525.042-1.175.042-1.993.042H9.774c-.818 0-1.469 0-1.993-.043-.538-.044-.996-.136-1.415-.35a3.6 3.6 0 0 1-1.574-1.573c-.213-.42-.305-.877-.35-1.415-.042-.525-.042-1.175-.042-1.993V9.774c0-.818 0-1.468.043-1.993.044-.538.136-.996.35-1.415a3.6 3.6 0 0 1 1.573-1.574c.42-.213.877-.305 1.415-.35C8.305 4.4 8.956 4.4 9.774 4.4ZM12.4 5a.6.6 0 0 1 .6-.6h6a.6.6 0 0 1 .6.6v6a.6.6 0 1 1-1.2 0V6.449l-5.976 5.975a.6.6 0 0 1-.848-.848L17.55 5.6H13a.6.6 0 0 1-.6-.6Z' fill='%230E0E0E'/%3E%3C/svg%3E");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;vertical-align:bottom;width:var(--sgds-icon-size-lg)}::slotted(svg){vertical-align:middle}}`;class rt extends lt{emit(e,t){const i=new CustomEvent(e,Object.assign({bubbles:!0,cancelable:!1,composed:!0,detail:{}},t));return this.dispatchEvent(i),i}static define(e,t=this,i={}){if(customElements.get(e));else try{customElements.define(e,t,i)}catch(l){customElements.define(e,class extends t{},i)}}constructor(){super(),this.ssr=Boolean(this.shadowRoot),Object.entries(this.constructor.dependencies).forEach((([e,t])=>{this.constructor.define(e,t)}))}firstUpdated(e){var t;super.firstUpdated(e),this.ssr&&(null===(t=this.shadowRoot)||void 0===t||t.querySelectorAll("slot").forEach((e=>{e.dispatchEvent(new Event("slotchange",{bubbles:!0,composed:!1,cancelable:!1}))})))}}rt.styles=[nt],rt.dependencies={},e([S({type:Boolean,reflect:!0})],rt.prototype,"ssr",void 0);var st=Oe`:host([size=sm]) .overflow-btn{height:var(--sgds-dimension-24);width:var(--sgds-dimension-24)}.overflow-btn{align-items:center;background-color:var(--sgds-bg-transparent);border:0;border-radius:var(--sgds-border-radius-sm);cursor:pointer;display:flex;height:var(--sgds-dimension-32);justify-content:center;padding:0;position:relative;width:var(--sgds-dimension-32)}.overflow-btn:hover{background-color:var(--sgds-bg-translucent-subtle)}.overflow-btn:focus-visible{background-color:var(--sgds-bg-translucent-subtle);outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}`
+   */;let it;{const e=globalThis.litIssuedWarnings??=new Set;it=(t,i)=>{i+=` See https://lit.dev/msg/${t} for more information.`,e.has(i)||(console.warn(i),e.add(i))}}class lt extends tt{constructor(){super(...arguments),this.renderOptions={host:this},this.__childPart=void 0}createRenderRoot(){const e=super.createRenderRoot();return this.renderOptions.renderBefore??=e.firstChild,e}update(e){const t=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this.__childPart=Ve(t,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this.__childPart?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this.__childPart?.setConnected(!1)}render(){return de}}var ot;lt._$litElement$=!0,lt[(ot="finalized",ot)]=!0,globalThis.litElementHydrateSupport?.({LitElement:lt});const at=globalThis.litElementPolyfillSupportDevMode;at?.({LitElement:lt}),(globalThis.litElementVersions??=[]).push("4.1.0"),globalThis.litElementVersions.length>1&&it("multiple-versions","Multiple versions of Lit loaded. Loading multiple versions is not recommended.");var nt=ze`:host{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);color:var(--sgds-body-color-default);font-family:var(--sgds-font-family-brand);font-size:var(--sgds-font-size-2);font-weight:var(--sgds-font-weight-regular);line-height:var(--sgds-line-height-24);margin:0;*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:disabled{cursor:not-allowed}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}::slotted(a[target=_blank]):after,a[target=_blank]:after{background-color:currentColor;content:"/";display:inline-block;height:var(--sgds-icon-size-lg);margin-left:.25rem;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.774 4.4H9.8a.6.6 0 1 1 0 1.2c-.85 0-1.451 0-1.922.039-.463.038-.745.11-.968.223A2.4 2.4 0 0 0 5.861 6.91c-.113.223-.184.505-.222.968-.039.47-.04 1.072-.04 1.922v4.4c0 .85.001 1.451.04 1.922.038.463.11.745.222.968a2.4 2.4 0 0 0 1.05 1.048c.222.114.504.185.967.223.47.038 1.072.039 1.922.039h4.4c.85 0 1.451 0 1.921-.039.464-.038.746-.11.969-.223a2.4 2.4 0 0 0 1.048-1.048c.113-.223.185-.505.223-.968.038-.47.039-1.072.039-1.922a.6.6 0 1 1 1.2 0v.026c0 .818 0 1.468-.043 1.993-.044.538-.136.996-.35 1.415a3.6 3.6 0 0 1-1.573 1.574c-.42.213-.878.305-1.415.35-.525.042-1.175.042-1.993.042H9.774c-.818 0-1.469 0-1.993-.043-.538-.044-.996-.136-1.415-.35a3.6 3.6 0 0 1-1.574-1.573c-.213-.42-.305-.877-.35-1.415-.042-.525-.042-1.175-.042-1.993V9.774c0-.818 0-1.468.043-1.993.044-.538.136-.996.35-1.415a3.6 3.6 0 0 1 1.573-1.574c.42-.213.877-.305 1.415-.35C8.305 4.4 8.956 4.4 9.774 4.4ZM12.4 5a.6.6 0 0 1 .6-.6h6a.6.6 0 0 1 .6.6v6a.6.6 0 1 1-1.2 0V6.449l-5.976 5.975a.6.6 0 0 1-.848-.848L17.55 5.6H13a.6.6 0 0 1-.6-.6Z' fill='%230E0E0E'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.774 4.4H9.8a.6.6 0 1 1 0 1.2c-.85 0-1.451 0-1.922.039-.463.038-.745.11-.968.223A2.4 2.4 0 0 0 5.861 6.91c-.113.223-.184.505-.222.968-.039.47-.04 1.072-.04 1.922v4.4c0 .85.001 1.451.04 1.922.038.463.11.745.222.968a2.4 2.4 0 0 0 1.05 1.048c.222.114.504.185.967.223.47.038 1.072.039 1.922.039h4.4c.85 0 1.451 0 1.921-.039.464-.038.746-.11.969-.223a2.4 2.4 0 0 0 1.048-1.048c.113-.223.185-.505.223-.968.038-.47.039-1.072.039-1.922a.6.6 0 1 1 1.2 0v.026c0 .818 0 1.468-.043 1.993-.044.538-.136.996-.35 1.415a3.6 3.6 0 0 1-1.573 1.574c-.42.213-.878.305-1.415.35-.525.042-1.175.042-1.993.042H9.774c-.818 0-1.469 0-1.993-.043-.538-.044-.996-.136-1.415-.35a3.6 3.6 0 0 1-1.574-1.573c-.213-.42-.305-.877-.35-1.415-.042-.525-.042-1.175-.042-1.993V9.774c0-.818 0-1.468.043-1.993.044-.538.136-.996.35-1.415a3.6 3.6 0 0 1 1.573-1.574c.42-.213.877-.305 1.415-.35C8.305 4.4 8.956 4.4 9.774 4.4ZM12.4 5a.6.6 0 0 1 .6-.6h6a.6.6 0 0 1 .6.6v6a.6.6 0 1 1-1.2 0V6.449l-5.976 5.975a.6.6 0 0 1-.848-.848L17.55 5.6H13a.6.6 0 0 1-.6-.6Z' fill='%230E0E0E'/%3E%3C/svg%3E");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;vertical-align:bottom;width:var(--sgds-icon-size-lg)}::slotted(svg){vertical-align:middle}}`;class rt extends lt{emit(e,t){const i=new CustomEvent(e,Object.assign({bubbles:!0,cancelable:!1,composed:!0,detail:{}},t));return this.dispatchEvent(i),i}static define(e,t=this,i={}){if(customElements.get(e));else try{customElements.define(e,t,i)}catch(l){customElements.define(e,class extends t{},i)}}constructor(){super(),this.ssr=Boolean(this.shadowRoot),Object.entries(this.constructor.dependencies).forEach((([e,t])=>{this.constructor.define(e,t)}))}firstUpdated(e){var t;super.firstUpdated(e),this.ssr&&(null===(t=this.shadowRoot)||void 0===t||t.querySelectorAll("slot").forEach((e=>{e.dispatchEvent(new Event("slotchange",{bubbles:!0,composed:!1,cancelable:!1}))})))}}rt.styles=[nt],rt.dependencies={},e([S({type:Boolean,reflect:!0})],rt.prototype,"ssr",void 0);var st=ze`:host([size=sm]) .overflow-btn{height:var(--sgds-dimension-24);width:var(--sgds-dimension-24)}.overflow-btn{align-items:center;background-color:var(--sgds-bg-transparent);border:0;border-radius:var(--sgds-border-radius-sm);cursor:pointer;display:flex;height:var(--sgds-dimension-32);justify-content:center;padding:0;position:relative;width:var(--sgds-dimension-32)}.overflow-btn:hover{background-color:var(--sgds-bg-translucent-subtle)}.overflow-btn:focus-visible{background-color:var(--sgds-bg-translucent-subtle);outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}`
 /**
    * @license
    * Copyright 2020 Google LLC
@@ -87,7 +87,7 @@ const Pe=globalThis,Ae=Pe.ShadowRoot&&(void 0===Pe.ShadyCSS||Pe.ShadyCSS.nativeS
    * @license
    * Copyright 2020 Google LLC
    * SPDX-License-Identifier: BSD-3-Clause
-   */const yt=()=>new Ct;class Ct{}const bt=new WeakMap;const Zt=ht(class extends xt{render(e){return he}update(e,[t]){const i=t!==this._ref;return i&&void 0!==this._ref&&this._updateRefValue(void 0),(i||this._lastElementForRef!==this._element)&&(this._ref=t,this._context=e.options?.host,this._updateRefValue(this._element=e.element)),he}_updateRefValue(e){if(this.isConnected||(e=void 0),"function"==typeof this._ref){const t=this._context??globalThis;let i=bt.get(t);void 0===i&&(i=new WeakMap,bt.set(t,i)),void 0!==i.get(this._ref)&&this._ref.call(this._context,void 0),i.set(this._ref,e),void 0!==e&&this._ref.call(this._context,e)}else this._ref.value=e}get _lastElementForRef(){return"function"==typeof this._ref?bt.get(this._context??globalThis)?.get(this._ref):this._ref?.value}disconnected(){this._lastElementForRef===this._element&&this._updateRefValue(void 0)}reconnected(){this._updateRefValue(this._element)}}),_t=Math.min,Mt=Math.max,Vt=Math.round,Ht=Math.floor,St=e=>({x:e,y:e}),$t={left:"right",right:"left",bottom:"top",top:"bottom"},kt={start:"end",end:"start"};function Bt(e,t,i){return Mt(e,_t(t,i))}function Pt(e,t){return"function"==typeof e?e(t):e}function At(e){return e.split("-")[0]}function Lt(e){return e.split("-")[1]}function Et(e){return"x"===e?"y":"x"}function Tt(e){return"y"===e?"height":"width"}const Ot=new Set(["top","bottom"]);function Rt(e){return Ot.has(At(e))?"y":"x"}function Ut(e){return Et(Rt(e))}function zt(e,t,i){void 0===i&&(i=!1);const l=Lt(e),o=Ut(e),a=Tt(o);let n="x"===o?l===(i?"end":"start")?"right":"left":"start"===l?"bottom":"top";return t.reference[a]>t.floating[a]&&(n=jt(n)),[n,jt(n)]}function Nt(e){return e.replace(/start|end/g,(e=>kt[e]))}const Dt=["left","right"],It=["right","left"],Wt=["top","bottom"],Ft=["bottom","top"];function qt(e,t,i,l){const o=Lt(e);let a=function(e,t,i){switch(e){case"top":case"bottom":return i?t?It:Dt:t?Dt:It;case"left":case"right":return t?Wt:Ft;default:return[]}}(At(e),"start"===i,l);return o&&(a=a.map((e=>e+"-"+o)),t&&(a=a.concat(a.map(Nt)))),a}function jt(e){return e.replace(/left|right|bottom|top/g,(e=>$t[e]))}function Jt(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 Kt(e){const{x:t,y:i,width:l,height:o}=e;return{width:l,height:o,top:i,left:t,right:t+l,bottom:i+o,x:t,y:i}}function Yt(e,t,i){let{reference:l,floating:o}=e;const a=Rt(t),n=Ut(t),r=Tt(n),s=At(t),c="y"===a,d=l.x+l.width/2-o.width/2,h=l.y+l.height/2-o.height/2,v=l[r]/2-o[r]/2;let p;switch(s){case"top":p={x:d,y:l.y-o.height};break;case"bottom":p={x:d,y:l.y+l.height};break;case"right":p={x:l.x+l.width,y:h};break;case"left":p={x:l.x-o.width,y:h};break;default:p={x:l.x,y:l.y}}switch(Lt(t)){case"start":p[n]-=v*(i&&c?-1:1);break;case"end":p[n]+=v*(i&&c?-1:1)}return p}async function Xt(e,t){var i;void 0===t&&(t={});const{x:l,y:o,platform:a,rects:n,elements:r,strategy:s}=e,{boundary:c="clippingAncestors",rootBoundary:d="viewport",elementContext:h="floating",altBoundary:v=!1,padding:p=0}=Pt(t,e),u=Jt(p),g=r[v?"floating"===h?"reference":"floating":h],f=Kt(await a.getClippingRect({element:null==(i=await(null==a.isElement?void 0:a.isElement(g)))||i?g:g.contextElement||await(null==a.getDocumentElement?void 0:a.getDocumentElement(r.floating)),boundary:c,rootBoundary:d,strategy:s})),w="floating"===h?{x:l,y:o,width:n.floating.width,height:n.floating.height}:n.reference,m=await(null==a.getOffsetParent?void 0:a.getOffsetParent(r.floating)),x=await(null==a.isElement?void 0:a.isElement(m))&&await(null==a.getScale?void 0:a.getScale(m))||{x:1,y:1},y=Kt(a.convertOffsetParentRelativeRectToViewportRelativeRect?await a.convertOffsetParentRelativeRectToViewportRelativeRect({elements:r,rect:w,offsetParent:m,strategy:s}):w);return{top:(f.top-y.top+u.top)/x.y,bottom:(y.bottom-f.bottom+u.bottom)/x.y,left:(f.left-y.left+u.left)/x.x,right:(y.right-f.right+u.right)/x.x}}const Gt=new Set(["left","top"]);function Qt(){return"undefined"!=typeof window}function ei(e){return li(e)?(e.nodeName||"").toLowerCase():"#document"}function ti(e){var t;return(null==e||null==(t=e.ownerDocument)?void 0:t.defaultView)||window}function ii(e){var t;return null==(t=(li(e)?e.ownerDocument:e.document)||window.document)?void 0:t.documentElement}function li(e){return!!Qt()&&(e instanceof Node||e instanceof ti(e).Node)}function oi(e){return!!Qt()&&(e instanceof Element||e instanceof ti(e).Element)}function ai(e){return!!Qt()&&(e instanceof HTMLElement||e instanceof ti(e).HTMLElement)}function ni(e){return!(!Qt()||"undefined"==typeof ShadowRoot)&&(e instanceof ShadowRoot||e instanceof ti(e).ShadowRoot)}const ri=new Set(["inline","contents"]);function si(e){const{overflow:t,overflowX:i,overflowY:l,display:o}=yi(e);return/auto|scroll|overlay|hidden|clip/.test(t+l+i)&&!ri.has(o)}const ci=new Set(["table","td","th"]);function di(e){return ci.has(ei(e))}const hi=[":popover-open",":modal"];function vi(e){return hi.some((t=>{try{return e.matches(t)}catch(e){return!1}}))}const pi=["transform","translate","scale","rotate","perspective"],ui=["transform","translate","scale","rotate","perspective","filter"],gi=["paint","layout","strict","content"];function fi(e){const t=wi(),i=oi(e)?yi(e):e;return pi.some((e=>!!i[e]&&"none"!==i[e]))||!!i.containerType&&"normal"!==i.containerType||!t&&!!i.backdropFilter&&"none"!==i.backdropFilter||!t&&!!i.filter&&"none"!==i.filter||ui.some((e=>(i.willChange||"").includes(e)))||gi.some((e=>(i.contain||"").includes(e)))}function wi(){return!("undefined"==typeof CSS||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}const mi=new Set(["html","body","#document"]);function xi(e){return mi.has(ei(e))}function yi(e){return ti(e).getComputedStyle(e)}function Ci(e){return oi(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.scrollX,scrollTop:e.scrollY}}function bi(e){if("html"===ei(e))return e;const t=e.assignedSlot||e.parentNode||ni(e)&&e.host||ii(e);return ni(t)?t.host:t}function Zi(e){const t=bi(e);return xi(t)?e.ownerDocument?e.ownerDocument.body:e.body:ai(t)&&si(t)?t:Zi(t)}function _i(e,t,i){var l;void 0===t&&(t=[]),void 0===i&&(i=!0);const o=Zi(e),a=o===(null==(l=e.ownerDocument)?void 0:l.body),n=ti(o);if(a){const e=Mi(n);return t.concat(n,n.visualViewport||[],si(o)?o:[],e&&i?_i(e):[])}return t.concat(o,_i(o,[],i))}function Mi(e){return e.parent&&Object.getPrototypeOf(e.parent)?e.frameElement:null}function Vi(e){const t=yi(e);let i=parseFloat(t.width)||0,l=parseFloat(t.height)||0;const o=ai(e),a=o?e.offsetWidth:i,n=o?e.offsetHeight:l,r=Vt(i)!==a||Vt(l)!==n;return r&&(i=a,l=n),{width:i,height:l,$:r}}function Hi(e){return oi(e)?e:e.contextElement}function Si(e){const t=Hi(e);if(!ai(t))return St(1);const i=t.getBoundingClientRect(),{width:l,height:o,$:a}=Vi(t);let n=(a?Vt(i.width):i.width)/l,r=(a?Vt(i.height):i.height)/o;return n&&Number.isFinite(n)||(n=1),r&&Number.isFinite(r)||(r=1),{x:n,y:r}}const $i=St(0);function ki(e){const t=ti(e);return wi()&&t.visualViewport?{x:t.visualViewport.offsetLeft,y:t.visualViewport.offsetTop}:$i}function Bi(e,t,i,l){void 0===t&&(t=!1),void 0===i&&(i=!1);const o=e.getBoundingClientRect(),a=Hi(e);let n=St(1);t&&(l?oi(l)&&(n=Si(l)):n=Si(e));const r=function(e,t,i){return void 0===t&&(t=!1),!(!i||t&&i!==ti(e))&&t}(a,i,l)?ki(a):St(0);let s=(o.left+r.x)/n.x,c=(o.top+r.y)/n.y,d=o.width/n.x,h=o.height/n.y;if(a){const e=ti(a),t=l&&oi(l)?ti(l):l;let i=e,o=Mi(i);for(;o&&l&&t!==i;){const e=Si(o),t=o.getBoundingClientRect(),l=yi(o),a=t.left+(o.clientLeft+parseFloat(l.paddingLeft))*e.x,n=t.top+(o.clientTop+parseFloat(l.paddingTop))*e.y;s*=e.x,c*=e.y,d*=e.x,h*=e.y,s+=a,c+=n,i=ti(o),o=Mi(i)}}return Kt({width:d,height:h,x:s,y:c})}function Pi(e,t){const i=Ci(e).scrollLeft;return t?t.left+i:Bi(ii(e)).left+i}function Ai(e,t){const i=e.getBoundingClientRect();return{x:i.left+t.scrollLeft-Pi(e,i),y:i.top+t.scrollTop}}const Li=25;const Ei=new Set(["absolute","fixed"]);function Ti(e,t,i){let l;if("viewport"===t)l=function(e,t){const i=ti(e),l=ii(e),o=i.visualViewport;let a=l.clientWidth,n=l.clientHeight,r=0,s=0;if(o){a=o.width,n=o.height;const e=wi();(!e||e&&"fixed"===t)&&(r=o.offsetLeft,s=o.offsetTop)}const c=Pi(l);if(c<=0){const e=l.ownerDocument,t=e.body,i=getComputedStyle(t),o="CSS1Compat"===e.compatMode&&parseFloat(i.marginLeft)+parseFloat(i.marginRight)||0,n=Math.abs(l.clientWidth-t.clientWidth-o);n<=Li&&(a-=n)}else c<=Li&&(a+=c);return{width:a,height:n,x:r,y:s}}(e,i);else if("document"===t)l=function(e){const t=ii(e),i=Ci(e),l=e.ownerDocument.body,o=Mt(t.scrollWidth,t.clientWidth,l.scrollWidth,l.clientWidth),a=Mt(t.scrollHeight,t.clientHeight,l.scrollHeight,l.clientHeight);let n=-i.scrollLeft+Pi(e);const r=-i.scrollTop;return"rtl"===yi(l).direction&&(n+=Mt(t.clientWidth,l.clientWidth)-o),{width:o,height:a,x:n,y:r}}(ii(e));else if(oi(t))l=function(e,t){const i=Bi(e,!0,"fixed"===t),l=i.top+e.clientTop,o=i.left+e.clientLeft,a=ai(e)?Si(e):St(1);return{width:e.clientWidth*a.x,height:e.clientHeight*a.y,x:o*a.x,y:l*a.y}}(t,i);else{const i=ki(e);l={x:t.x-i.x,y:t.y-i.y,width:t.width,height:t.height}}return Kt(l)}function Oi(e,t){const i=bi(e);return!(i===t||!oi(i)||xi(i))&&("fixed"===yi(i).position||Oi(i,t))}function Ri(e,t,i){const l=ai(t),o=ii(t),a="fixed"===i,n=Bi(e,!0,a,t);let r={scrollLeft:0,scrollTop:0};const s=St(0);function c(){s.x=Pi(o)}if(l||!l&&!a)if(("body"!==ei(t)||si(o))&&(r=Ci(t)),l){const e=Bi(t,!0,a,t);s.x=e.x+t.clientLeft,s.y=e.y+t.clientTop}else o&&c();a&&!l&&o&&c();const d=!o||l||a?St(0):Ai(o,r);return{x:n.left+r.scrollLeft-s.x-d.x,y:n.top+r.scrollTop-s.y-d.y,width:n.width,height:n.height}}function Ui(e){return"static"===yi(e).position}function zi(e,t){if(!ai(e)||"fixed"===yi(e).position)return null;if(t)return t(e);let i=e.offsetParent;return ii(e)===i&&(i=i.ownerDocument.body),i}function Ni(e,t){const i=ti(e);if(vi(e))return i;if(!ai(e)){let t=bi(e);for(;t&&!xi(t);){if(oi(t)&&!Ui(t))return t;t=bi(t)}return i}let l=zi(e,t);for(;l&&di(l)&&Ui(l);)l=zi(l,t);return l&&xi(l)&&Ui(l)&&!fi(l)?i:l||function(e){let t=bi(e);for(;ai(t)&&!xi(t);){if(fi(t))return t;if(vi(t))return null;t=bi(t)}return null}(e)||i}const Di={convertOffsetParentRelativeRectToViewportRelativeRect:function(e){let{elements:t,rect:i,offsetParent:l,strategy:o}=e;const a="fixed"===o,n=ii(l),r=!!t&&vi(t.floating);if(l===n||r&&a)return i;let s={scrollLeft:0,scrollTop:0},c=St(1);const d=St(0),h=ai(l);if((h||!h&&!a)&&(("body"!==ei(l)||si(n))&&(s=Ci(l)),ai(l))){const e=Bi(l);c=Si(l),d.x=e.x+l.clientLeft,d.y=e.y+l.clientTop}const v=!n||h||a?St(0):Ai(n,s);return{width:i.width*c.x,height:i.height*c.y,x:i.x*c.x-s.scrollLeft*c.x+d.x+v.x,y:i.y*c.y-s.scrollTop*c.y+d.y+v.y}},getDocumentElement:ii,getClippingRect:function(e){let{element:t,boundary:i,rootBoundary:l,strategy:o}=e;const a=[..."clippingAncestors"===i?vi(t)?[]:function(e,t){const i=t.get(e);if(i)return i;let l=_i(e,[],!1).filter((e=>oi(e)&&"body"!==ei(e))),o=null;const a="fixed"===yi(e).position;let n=a?bi(e):e;for(;oi(n)&&!xi(n);){const t=yi(n),i=fi(n);i||"fixed"!==t.position||(o=null),(a?!i&&!o:!i&&"static"===t.position&&o&&Ei.has(o.position)||si(n)&&!i&&Oi(e,n))?l=l.filter((e=>e!==n)):o=t,n=bi(n)}return t.set(e,l),l}(t,this._c):[].concat(i),l],n=a[0],r=a.reduce(((e,i)=>{const l=Ti(t,i,o);return e.top=Mt(l.top,e.top),e.right=_t(l.right,e.right),e.bottom=_t(l.bottom,e.bottom),e.left=Mt(l.left,e.left),e}),Ti(t,n,o));return{width:r.right-r.left,height:r.bottom-r.top,x:r.left,y:r.top}},getOffsetParent:Ni,getElementRects:async function(e){const t=this.getOffsetParent||Ni,i=this.getDimensions,l=await i(e.floating);return{reference:Ri(e.reference,await t(e.floating),e.strategy),floating:{x:0,y:0,width:l.width,height:l.height}}},getClientRects:function(e){return Array.from(e.getClientRects())},getDimensions:function(e){const{width:t,height:i}=Vi(e);return{width:t,height:i}},getScale:Si,isElement:oi,isRTL:function(e){return"rtl"===yi(e).direction}};function Ii(e,t){return e.x===t.x&&e.y===t.y&&e.width===t.width&&e.height===t.height}function Wi(e,t,i,l){void 0===l&&(l={});const{ancestorScroll:o=!0,ancestorResize:a=!0,elementResize:n="function"==typeof ResizeObserver,layoutShift:r="function"==typeof IntersectionObserver,animationFrame:s=!1}=l,c=Hi(e),d=o||a?[...c?_i(c):[],..._i(t)]:[];d.forEach((e=>{o&&e.addEventListener("scroll",i,{passive:!0}),a&&e.addEventListener("resize",i)}));const h=c&&r?function(e,t){let i,l=null;const o=ii(e);function a(){var e;clearTimeout(i),null==(e=l)||e.disconnect(),l=null}return function n(r,s){void 0===r&&(r=!1),void 0===s&&(s=1),a();const c=e.getBoundingClientRect(),{left:d,top:h,width:v,height:p}=c;if(r||t(),!v||!p)return;const u={rootMargin:-Ht(h)+"px "+-Ht(o.clientWidth-(d+v))+"px "+-Ht(o.clientHeight-(h+p))+"px "+-Ht(d)+"px",threshold:Mt(0,_t(1,s))||1};let g=!0;function f(t){const l=t[0].intersectionRatio;if(l!==s){if(!g)return n();l?n(!1,l):i=setTimeout((()=>{n(!1,1e-7)}),1e3)}1!==l||Ii(c,e.getBoundingClientRect())||n(),g=!1}try{l=new IntersectionObserver(f,{...u,root:o.ownerDocument})}catch(e){l=new IntersectionObserver(f,u)}l.observe(e)}(!0),a}(c,i):null;let v,p=-1,u=null;n&&(u=new ResizeObserver((e=>{let[l]=e;l&&l.target===c&&u&&(u.unobserve(t),cancelAnimationFrame(p),p=requestAnimationFrame((()=>{var e;null==(e=u)||e.observe(t)}))),i()})),c&&!s&&u.observe(c),u.observe(t));let g=s?Bi(e):null;return s&&function t(){const l=Bi(e);g&&!Ii(g,l)&&i();g=l,v=requestAnimationFrame(t)}(),i(),()=>{var e;d.forEach((e=>{o&&e.removeEventListener("scroll",i),a&&e.removeEventListener("resize",i)})),null==h||h(),null==(e=u)||e.disconnect(),u=null,s&&cancelAnimationFrame(v)}}const Fi=function(e){return void 0===e&&(e=0),{name:"offset",options:e,async fn(t){var i,l;const{x:o,y:a,placement:n,middlewareData:r}=t,s=await async function(e,t){const{placement:i,platform:l,elements:o}=e,a=await(null==l.isRTL?void 0:l.isRTL(o.floating)),n=At(i),r=Lt(i),s="y"===Rt(i),c=Gt.has(n)?-1:1,d=a&&s?-1:1,h=Pt(t,e);let{mainAxis:v,crossAxis:p,alignmentAxis:u}="number"==typeof h?{mainAxis:h,crossAxis:0,alignmentAxis:null}:{mainAxis:h.mainAxis||0,crossAxis:h.crossAxis||0,alignmentAxis:h.alignmentAxis};return r&&"number"==typeof u&&(p="end"===r?-1*u:u),s?{x:p*d,y:v*c}:{x:v*c,y:p*d}}(t,e);return n===(null==(i=r.offset)?void 0:i.placement)&&null!=(l=r.arrow)&&l.alignmentOffset?{}:{x:o+s.x,y:a+s.y,data:{...s,placement:n}}}}},qi=function(e){return void 0===e&&(e={}),{name:"shift",options:e,async fn(t){const{x:i,y:l,placement:o}=t,{mainAxis:a=!0,crossAxis:n=!1,limiter:r={fn:e=>{let{x:t,y:i}=e;return{x:t,y:i}}},...s}=Pt(e,t),c={x:i,y:l},d=await Xt(t,s),h=Rt(At(o)),v=Et(h);let p=c[v],u=c[h];if(a){const e="y"===v?"bottom":"right";p=Bt(p+d["y"===v?"top":"left"],p,p-d[e])}if(n){const e="y"===h?"bottom":"right";u=Bt(u+d["y"===h?"top":"left"],u,u-d[e])}const g=r.fn({...t,[v]:p,[h]:u});return{...g,data:{x:g.x-i,y:g.y-l,enabled:{[v]:a,[h]:n}}}}}},ji=function(e){return void 0===e&&(e={}),{name:"flip",options:e,async fn(t){var i,l;const{placement:o,middlewareData:a,rects:n,initialPlacement:r,platform:s,elements:c}=t,{mainAxis:d=!0,crossAxis:h=!0,fallbackPlacements:v,fallbackStrategy:p="bestFit",fallbackAxisSideDirection:u="none",flipAlignment:g=!0,...f}=Pt(e,t);if(null!=(i=a.arrow)&&i.alignmentOffset)return{};const w=At(o),m=Rt(r),x=At(r)===r,y=await(null==s.isRTL?void 0:s.isRTL(c.floating)),C=v||(x||!g?[jt(r)]:function(e){const t=jt(e);return[Nt(e),t,Nt(t)]}(r)),b="none"!==u;!v&&b&&C.push(...qt(r,g,u,y));const Z=[r,...C],_=await Xt(t,f),M=[];let V=(null==(l=a.flip)?void 0:l.overflows)||[];if(d&&M.push(_[w]),h){const e=zt(o,n,y);M.push(_[e[0]],_[e[1]])}if(V=[...V,{placement:o,overflows:M}],!M.every((e=>e<=0))){var H,S;const e=((null==(H=a.flip)?void 0:H.index)||0)+1,t=Z[e];if(t){if(!("alignment"===h&&m!==Rt(t))||V.every((e=>Rt(e.placement)!==m||e.overflows[0]>0)))return{data:{index:e,overflows:V},reset:{placement:t}}}let i=null==(S=V.filter((e=>e.overflows[0]<=0)).sort(((e,t)=>e.overflows[1]-t.overflows[1]))[0])?void 0:S.placement;if(!i)switch(p){case"bestFit":{var $;const e=null==($=V.filter((e=>{if(b){const t=Rt(e.placement);return t===m||"y"===t}return!0})).map((e=>[e.placement,e.overflows.filter((e=>e>0)).reduce(((e,t)=>e+t),0)])).sort(((e,t)=>e[1]-t[1]))[0])?void 0:$[0];e&&(i=e);break}case"initialPlacement":i=r}if(o!==i)return{reset:{placement:i}}}return{}}}},Ji=(e,t,i)=>{const l=new Map,o={platform:Di,...i},a={...o.platform,_c:l};return(async(e,t,i)=>{const{placement:l="bottom",strategy:o="absolute",middleware:a=[],platform:n}=i,r=a.filter(Boolean),s=await(null==n.isRTL?void 0:n.isRTL(t));let c=await n.getElementRects({reference:e,floating:t,strategy:o}),{x:d,y:h}=Yt(c,l,s),v=l,p={},u=0;for(let i=0;i<r.length;i++){const{name:a,fn:g}=r[i],{x:f,y:w,data:m,reset:x}=await g({x:d,y:h,initialPlacement:l,placement:v,strategy:o,middlewareData:p,rects:c,platform:n,elements:{reference:e,floating:t}});d=null!=f?f:d,h=null!=w?w:h,p={...p,[a]:{...p[a],...m}},x&&u<=50&&(u++,"object"==typeof x&&(x.placement&&(v=x.placement),x.rects&&(c=!0===x.rects?await n.getElementRects({reference:e,floating:t,strategy:o}):x.rects),({x:d,y:h}=Yt(c,v,s))),i=-1)}return{x:d,y:h,placement:v,strategy:o,middlewareData:p}})(e,t,{...o,platform:a})};class Ki extends rt{constructor(){super(...arguments),this.myDropdown=yt(),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=yt(),this._handleKeyboardMenuEvent=e=>{if(!this.readonly)switch(e.key){case"ArrowDown":case"ArrowUp":e.preventDefault(),this.menuIsOpen||this.showMenu();break;case"Escape":this.hideMenu()}},this._handleClickOutOfElement=e=>{this.menuIsOpen&&(e.composedPath().includes(this)||this.hideMenu())}}connectedCallback(){super.connectedCallback(),"inside"!==this.close&&document.addEventListener("click",this._handleClickOutOfElement),this.addEventListener("keydown",this._handleKeyboardMenuEvent)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this._handleClickOutOfElement),this.removeEventListener("keydown",this._handleKeyboardMenuEvent),this._cleanupAutoUpdate&&(this._cleanupAutoUpdate(),this._cleanupAutoUpdate=void 0)}firstUpdated(e){super.firstUpdated(e),this.menuIsOpen&&this.updateFloatingPosition()}async showMenu(){this.disabled||this.menuIsOpen||(this.menuIsOpen=!0,this.emit("sgds-show"),await this.updateFloatingPosition(),this.emit("sgds-after-show"),this.myDropdown.value&&this.menuRef.value&&(this._cleanupAutoUpdate=Wi(this.myDropdown.value,this.menuRef.value,(()=>this.updateFloatingPosition()))))}async hideMenu(){this.menuIsOpen&&(this.emit("sgds-hide"),this.menuIsOpen=!1,setTimeout((()=>this.emit("sgds-after-hide")),0),this._cleanupAutoUpdate&&(this._cleanupAutoUpdate(),this._cleanupAutoUpdate=void 0))}toggleMenu(){this.menuIsOpen?this.hideMenu():this.showMenu()}mergeMiddleware(e,t){const i=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)},l=t.map(i),o=e.map((e=>{const o=i(e),a=l.indexOf(o);return-1!==a?t[a]:e})).concat(t.filter((t=>!e.some((e=>i(e)===i(t))))));return o}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=[Fi(8),this.noFlip?void 0:ji(),qi()].filter(Boolean);let i=t;Array.isArray(this.floatingOpts.middleware)&&this.floatingOpts.middleware.length>0&&(i=this.mergeMiddleware(t,this.floatingOpts.middleware.filter(Boolean)));const l=Object.assign(Object.assign({strategy:"fixed",placement:e},this.floatingOpts),{middleware:i}),{x:o,y:a,strategy:n,placement:r}=await Ji(this.myDropdown.value,this.menuRef.value,l);this.menuRef.value.setAttribute("data-placement",r),Object.assign(this.menuRef.value.style,{position:n,left:`${o}px`,top:`${a}px`})}}e([S({type:Boolean,state:!0})],Ki.prototype,"noFlip",void 0),e([S({type:Boolean,reflect:!0,state:!0})],Ki.prototype,"menuAlignRight",void 0),e([S({type:String,reflect:!0,state:!0})],Ki.prototype,"drop",void 0),e([S({type:Object})],Ki.prototype,"floatingOpts",void 0),e([S({type:Boolean,reflect:!0})],Ki.prototype,"menuIsOpen",void 0),e([S({type:Boolean,reflect:!0})],Ki.prototype,"disabled",void 0),e([S({type:Boolean,reflect:!0})],Ki.prototype,"readonly",void 0);class Yi extends Ki{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(),i=t.indexOf(e.target);this.nextDropdownItemNo=i+1,this.prevDropdownItemNo=i<=0?t.length-1:i-1;e.target.disabled||(this.emit("sgds-select"),"outside"!==this.close&&this.hideMenu())}_resetMenu(){this.nextDropdownItemNo=0,this.prevDropdownItemNo=-1;this._getMenuItems().forEach((e=>{var t;const i=null===(t=null==e?void 0:e.shadowRoot)||void 0===t?void 0:t.querySelector(".dropdown-item");i&&i.removeAttribute("tabindex")}))}_handleKeyboardMenuItemsEvent(e){if(this.readonly)return;const t=this._getActiveMenuItems();if(0!==t.length)switch(e.key){case"ArrowDown":e.preventDefault(),this._setMenuItem(this.nextDropdownItemNo);break;case"ArrowUp":e.preventDefault(),this._setMenuItem(this.prevDropdownItemNo);break;case"Tab":if(!this.menuIsOpen)return;e.preventDefault(),e.shiftKey?this._setMenuItem(this.prevDropdownItemNo):this._setMenuItem(this.nextDropdownItemNo);break;case"Enter":t.includes(e.target)&&this.handleSelectSlot(e)}}_getMenuItems(){var e,t;if(this.shadowRoot.querySelector("slot#default")){return null===(e=this.shadowRoot.querySelector("slot#default"))||void 0===e?void 0:e.assignedElements({flatten:!0}).filter((e=>!e.classList.contains("empty-menu")&&!e.hasAttribute("hidden")))}if(null===(t=this.menu)||void 0===t?void 0:t.hasChildNodes()){return[...Array.from(this.menu.children)]}return[]}_getActiveMenuItems(){return this._getMenuItems().filter((e=>!e.disabled&&!e.hidden))}_setMenuItem(e){const t=this._getActiveMenuItems();if(0===t.length)return;const i=(e%t.length+t.length)%t.length,l=t[i];this.emit("i-sgds-option-focus",{detail:{option:l}}),this.nextDropdownItemNo=(i+1)%t.length,this.prevDropdownItemNo=(i-1+t.length)%t.length,t.forEach((e=>{const t=e.shadowRoot.querySelector(".dropdown-item");t.setAttribute("tabindex",e===l?"0":"-1"),e===l&&t.focus()}))}}Yi.styles=Ki.styles,e([P("ul.dropdown-menu")],Yi.prototype,"menu",void 0),e([$()],Yi.prototype,"nextDropdownItemNo",void 0),e([$()],Yi.prototype,"prevDropdownItemNo",void 0),e([S({type:Boolean,reflect:!0})],Yi.prototype,"hidden",void 0);var Xi=Oe`:host([menuisopen]) .dropdown-menu{display:block}.dropdown-menu{background-clip:padding-box;background-color:var(--sgds-surface-default);border-radius:var(--sgds-border-radius-md);box-shadow:0 0 1px 0 hsla(0,0%,5%,.12),0 4px 8px 0 hsla(0,0%,5%,.12);color:var(--sgds-color-default);display:none;list-style:none;margin:0;max-height:var(--sgds-dimension-480);min-width:var(--sgds-dimension-280);overflow-y:auto;padding:var(--sgds-padding-xs) 0;position:absolute;text-align:left;z-index:1050}.nav-tabs .dropdown-menu{border-top-left-radius:0;border-top-right-radius:0;margin-top:calc(var(--sgds-nav-tabs-border-width)*-1)}@media (min-width:512px){.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}}@media (min-width:768px){.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}}@media (min-width:1024px){.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}}@media (min-width:1280px){.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}}@media (min-width:1440px){.navbar-expand-xxl .navbar-nav .dropdown-menu{position:absolute}}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.sgds.navbar .dropdown-menu.megamenu{left:0;right:0;width:100%}.sgds.combobox>.dropdown-menu{min-width:100%}`,Gi=Oe`.dropdown{display:flex;height:inherit;position:relative}`;class Qi extends Yi{constructor(){super(),this.noFlip=!1,this.menuAlignRight=!1,this.drop="down",this.menuRef=Zt()}async _handleClick(){this.disabled||this.toggleMenu()}_handleCloseMenu(){const e=this._toggler[0];null==e||e.focus()}async connectedCallback(){super.connectedCallback(),this.addEventListener("sgds-hide",this._handleCloseMenu)}async disconnectedCallback(){this.removeEventListener("sgds-hide",this._handleCloseMenu)}async firstUpdated(e){super.firstUpdated(e),this.menuIsOpen&&await this.showMenu(),this._handleDisabled()}_handleDisabled(){const e=this._toggler[0];e&&(this.disabled?e.setAttribute("disabled","true"):e.hasAttribute("disabled")&&e.removeAttribute("disabled"))}render(){return se`
+   */const yt=()=>new Ct;class Ct{}const bt=new WeakMap;const Zt=ht(class extends xt{render(e){return he}update(e,[t]){const i=t!==this._ref;return i&&void 0!==this._ref&&this._updateRefValue(void 0),(i||this._lastElementForRef!==this._element)&&(this._ref=t,this._context=e.options?.host,this._updateRefValue(this._element=e.element)),he}_updateRefValue(e){if(this.isConnected||(e=void 0),"function"==typeof this._ref){const t=this._context??globalThis;let i=bt.get(t);void 0===i&&(i=new WeakMap,bt.set(t,i)),void 0!==i.get(this._ref)&&this._ref.call(this._context,void 0),i.set(this._ref,e),void 0!==e&&this._ref.call(this._context,e)}else this._ref.value=e}get _lastElementForRef(){return"function"==typeof this._ref?bt.get(this._context??globalThis)?.get(this._ref):this._ref?.value}disconnected(){this._lastElementForRef===this._element&&this._updateRefValue(void 0)}reconnected(){this._updateRefValue(this._element)}}),_t=Math.min,Mt=Math.max,Vt=Math.round,Ht=Math.floor,St=e=>({x:e,y:e}),kt={left:"right",right:"left",bottom:"top",top:"bottom"},$t={start:"end",end:"start"};function Bt(e,t,i){return Mt(e,_t(t,i))}function At(e,t){return"function"==typeof e?e(t):e}function Pt(e){return e.split("-")[0]}function Lt(e){return e.split("-")[1]}function Et(e){return"x"===e?"y":"x"}function Tt(e){return"y"===e?"height":"width"}const zt=new Set(["top","bottom"]);function Ot(e){return zt.has(Pt(e))?"y":"x"}function Rt(e){return Et(Ot(e))}function Ut(e,t,i){void 0===i&&(i=!1);const l=Lt(e),o=Rt(e),a=Tt(o);let n="x"===o?l===(i?"end":"start")?"right":"left":"start"===l?"bottom":"top";return t.reference[a]>t.floating[a]&&(n=jt(n)),[n,jt(n)]}function Nt(e){return e.replace(/start|end/g,(e=>$t[e]))}const Dt=["left","right"],It=["right","left"],Wt=["top","bottom"],Ft=["bottom","top"];function qt(e,t,i,l){const o=Lt(e);let a=function(e,t,i){switch(e){case"top":case"bottom":return i?t?It:Dt:t?Dt:It;case"left":case"right":return t?Wt:Ft;default:return[]}}(Pt(e),"start"===i,l);return o&&(a=a.map((e=>e+"-"+o)),t&&(a=a.concat(a.map(Nt)))),a}function jt(e){return e.replace(/left|right|bottom|top/g,(e=>kt[e]))}function Jt(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 Kt(e){const{x:t,y:i,width:l,height:o}=e;return{width:l,height:o,top:i,left:t,right:t+l,bottom:i+o,x:t,y:i}}function Yt(e,t,i){let{reference:l,floating:o}=e;const a=Ot(t),n=Rt(t),r=Tt(n),s=Pt(t),c="y"===a,d=l.x+l.width/2-o.width/2,h=l.y+l.height/2-o.height/2,v=l[r]/2-o[r]/2;let p;switch(s){case"top":p={x:d,y:l.y-o.height};break;case"bottom":p={x:d,y:l.y+l.height};break;case"right":p={x:l.x+l.width,y:h};break;case"left":p={x:l.x-o.width,y:h};break;default:p={x:l.x,y:l.y}}switch(Lt(t)){case"start":p[n]-=v*(i&&c?-1:1);break;case"end":p[n]+=v*(i&&c?-1:1)}return p}async function Xt(e,t){var i;void 0===t&&(t={});const{x:l,y:o,platform:a,rects:n,elements:r,strategy:s}=e,{boundary:c="clippingAncestors",rootBoundary:d="viewport",elementContext:h="floating",altBoundary:v=!1,padding:p=0}=At(t,e),u=Jt(p),g=r[v?"floating"===h?"reference":"floating":h],f=Kt(await a.getClippingRect({element:null==(i=await(null==a.isElement?void 0:a.isElement(g)))||i?g:g.contextElement||await(null==a.getDocumentElement?void 0:a.getDocumentElement(r.floating)),boundary:c,rootBoundary:d,strategy:s})),w="floating"===h?{x:l,y:o,width:n.floating.width,height:n.floating.height}:n.reference,m=await(null==a.getOffsetParent?void 0:a.getOffsetParent(r.floating)),x=await(null==a.isElement?void 0:a.isElement(m))&&await(null==a.getScale?void 0:a.getScale(m))||{x:1,y:1},y=Kt(a.convertOffsetParentRelativeRectToViewportRelativeRect?await a.convertOffsetParentRelativeRectToViewportRelativeRect({elements:r,rect:w,offsetParent:m,strategy:s}):w);return{top:(f.top-y.top+u.top)/x.y,bottom:(y.bottom-f.bottom+u.bottom)/x.y,left:(f.left-y.left+u.left)/x.x,right:(y.right-f.right+u.right)/x.x}}const Gt=new Set(["left","top"]);function Qt(){return"undefined"!=typeof window}function ei(e){return li(e)?(e.nodeName||"").toLowerCase():"#document"}function ti(e){var t;return(null==e||null==(t=e.ownerDocument)?void 0:t.defaultView)||window}function ii(e){var t;return null==(t=(li(e)?e.ownerDocument:e.document)||window.document)?void 0:t.documentElement}function li(e){return!!Qt()&&(e instanceof Node||e instanceof ti(e).Node)}function oi(e){return!!Qt()&&(e instanceof Element||e instanceof ti(e).Element)}function ai(e){return!!Qt()&&(e instanceof HTMLElement||e instanceof ti(e).HTMLElement)}function ni(e){return!(!Qt()||"undefined"==typeof ShadowRoot)&&(e instanceof ShadowRoot||e instanceof ti(e).ShadowRoot)}const ri=new Set(["inline","contents"]);function si(e){const{overflow:t,overflowX:i,overflowY:l,display:o}=yi(e);return/auto|scroll|overlay|hidden|clip/.test(t+l+i)&&!ri.has(o)}const ci=new Set(["table","td","th"]);function di(e){return ci.has(ei(e))}const hi=[":popover-open",":modal"];function vi(e){return hi.some((t=>{try{return e.matches(t)}catch(e){return!1}}))}const pi=["transform","translate","scale","rotate","perspective"],ui=["transform","translate","scale","rotate","perspective","filter"],gi=["paint","layout","strict","content"];function fi(e){const t=wi(),i=oi(e)?yi(e):e;return pi.some((e=>!!i[e]&&"none"!==i[e]))||!!i.containerType&&"normal"!==i.containerType||!t&&!!i.backdropFilter&&"none"!==i.backdropFilter||!t&&!!i.filter&&"none"!==i.filter||ui.some((e=>(i.willChange||"").includes(e)))||gi.some((e=>(i.contain||"").includes(e)))}function wi(){return!("undefined"==typeof CSS||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}const mi=new Set(["html","body","#document"]);function xi(e){return mi.has(ei(e))}function yi(e){return ti(e).getComputedStyle(e)}function Ci(e){return oi(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.scrollX,scrollTop:e.scrollY}}function bi(e){if("html"===ei(e))return e;const t=e.assignedSlot||e.parentNode||ni(e)&&e.host||ii(e);return ni(t)?t.host:t}function Zi(e){const t=bi(e);return xi(t)?e.ownerDocument?e.ownerDocument.body:e.body:ai(t)&&si(t)?t:Zi(t)}function _i(e,t,i){var l;void 0===t&&(t=[]),void 0===i&&(i=!0);const o=Zi(e),a=o===(null==(l=e.ownerDocument)?void 0:l.body),n=ti(o);if(a){const e=Mi(n);return t.concat(n,n.visualViewport||[],si(o)?o:[],e&&i?_i(e):[])}return t.concat(o,_i(o,[],i))}function Mi(e){return e.parent&&Object.getPrototypeOf(e.parent)?e.frameElement:null}function Vi(e){const t=yi(e);let i=parseFloat(t.width)||0,l=parseFloat(t.height)||0;const o=ai(e),a=o?e.offsetWidth:i,n=o?e.offsetHeight:l,r=Vt(i)!==a||Vt(l)!==n;return r&&(i=a,l=n),{width:i,height:l,$:r}}function Hi(e){return oi(e)?e:e.contextElement}function Si(e){const t=Hi(e);if(!ai(t))return St(1);const i=t.getBoundingClientRect(),{width:l,height:o,$:a}=Vi(t);let n=(a?Vt(i.width):i.width)/l,r=(a?Vt(i.height):i.height)/o;return n&&Number.isFinite(n)||(n=1),r&&Number.isFinite(r)||(r=1),{x:n,y:r}}const ki=St(0);function $i(e){const t=ti(e);return wi()&&t.visualViewport?{x:t.visualViewport.offsetLeft,y:t.visualViewport.offsetTop}:ki}function Bi(e,t,i,l){void 0===t&&(t=!1),void 0===i&&(i=!1);const o=e.getBoundingClientRect(),a=Hi(e);let n=St(1);t&&(l?oi(l)&&(n=Si(l)):n=Si(e));const r=function(e,t,i){return void 0===t&&(t=!1),!(!i||t&&i!==ti(e))&&t}(a,i,l)?$i(a):St(0);let s=(o.left+r.x)/n.x,c=(o.top+r.y)/n.y,d=o.width/n.x,h=o.height/n.y;if(a){const e=ti(a),t=l&&oi(l)?ti(l):l;let i=e,o=Mi(i);for(;o&&l&&t!==i;){const e=Si(o),t=o.getBoundingClientRect(),l=yi(o),a=t.left+(o.clientLeft+parseFloat(l.paddingLeft))*e.x,n=t.top+(o.clientTop+parseFloat(l.paddingTop))*e.y;s*=e.x,c*=e.y,d*=e.x,h*=e.y,s+=a,c+=n,i=ti(o),o=Mi(i)}}return Kt({width:d,height:h,x:s,y:c})}function Ai(e,t){const i=Ci(e).scrollLeft;return t?t.left+i:Bi(ii(e)).left+i}function Pi(e,t){const i=e.getBoundingClientRect();return{x:i.left+t.scrollLeft-Ai(e,i),y:i.top+t.scrollTop}}const Li=25;const Ei=new Set(["absolute","fixed"]);function Ti(e,t,i){let l;if("viewport"===t)l=function(e,t){const i=ti(e),l=ii(e),o=i.visualViewport;let a=l.clientWidth,n=l.clientHeight,r=0,s=0;if(o){a=o.width,n=o.height;const e=wi();(!e||e&&"fixed"===t)&&(r=o.offsetLeft,s=o.offsetTop)}const c=Ai(l);if(c<=0){const e=l.ownerDocument,t=e.body,i=getComputedStyle(t),o="CSS1Compat"===e.compatMode&&parseFloat(i.marginLeft)+parseFloat(i.marginRight)||0,n=Math.abs(l.clientWidth-t.clientWidth-o);n<=Li&&(a-=n)}else c<=Li&&(a+=c);return{width:a,height:n,x:r,y:s}}(e,i);else if("document"===t)l=function(e){const t=ii(e),i=Ci(e),l=e.ownerDocument.body,o=Mt(t.scrollWidth,t.clientWidth,l.scrollWidth,l.clientWidth),a=Mt(t.scrollHeight,t.clientHeight,l.scrollHeight,l.clientHeight);let n=-i.scrollLeft+Ai(e);const r=-i.scrollTop;return"rtl"===yi(l).direction&&(n+=Mt(t.clientWidth,l.clientWidth)-o),{width:o,height:a,x:n,y:r}}(ii(e));else if(oi(t))l=function(e,t){const i=Bi(e,!0,"fixed"===t),l=i.top+e.clientTop,o=i.left+e.clientLeft,a=ai(e)?Si(e):St(1);return{width:e.clientWidth*a.x,height:e.clientHeight*a.y,x:o*a.x,y:l*a.y}}(t,i);else{const i=$i(e);l={x:t.x-i.x,y:t.y-i.y,width:t.width,height:t.height}}return Kt(l)}function zi(e,t){const i=bi(e);return!(i===t||!oi(i)||xi(i))&&("fixed"===yi(i).position||zi(i,t))}function Oi(e,t,i){const l=ai(t),o=ii(t),a="fixed"===i,n=Bi(e,!0,a,t);let r={scrollLeft:0,scrollTop:0};const s=St(0);function c(){s.x=Ai(o)}if(l||!l&&!a)if(("body"!==ei(t)||si(o))&&(r=Ci(t)),l){const e=Bi(t,!0,a,t);s.x=e.x+t.clientLeft,s.y=e.y+t.clientTop}else o&&c();a&&!l&&o&&c();const d=!o||l||a?St(0):Pi(o,r);return{x:n.left+r.scrollLeft-s.x-d.x,y:n.top+r.scrollTop-s.y-d.y,width:n.width,height:n.height}}function Ri(e){return"static"===yi(e).position}function Ui(e,t){if(!ai(e)||"fixed"===yi(e).position)return null;if(t)return t(e);let i=e.offsetParent;return ii(e)===i&&(i=i.ownerDocument.body),i}function Ni(e,t){const i=ti(e);if(vi(e))return i;if(!ai(e)){let t=bi(e);for(;t&&!xi(t);){if(oi(t)&&!Ri(t))return t;t=bi(t)}return i}let l=Ui(e,t);for(;l&&di(l)&&Ri(l);)l=Ui(l,t);return l&&xi(l)&&Ri(l)&&!fi(l)?i:l||function(e){let t=bi(e);for(;ai(t)&&!xi(t);){if(fi(t))return t;if(vi(t))return null;t=bi(t)}return null}(e)||i}const Di={convertOffsetParentRelativeRectToViewportRelativeRect:function(e){let{elements:t,rect:i,offsetParent:l,strategy:o}=e;const a="fixed"===o,n=ii(l),r=!!t&&vi(t.floating);if(l===n||r&&a)return i;let s={scrollLeft:0,scrollTop:0},c=St(1);const d=St(0),h=ai(l);if((h||!h&&!a)&&(("body"!==ei(l)||si(n))&&(s=Ci(l)),ai(l))){const e=Bi(l);c=Si(l),d.x=e.x+l.clientLeft,d.y=e.y+l.clientTop}const v=!n||h||a?St(0):Pi(n,s);return{width:i.width*c.x,height:i.height*c.y,x:i.x*c.x-s.scrollLeft*c.x+d.x+v.x,y:i.y*c.y-s.scrollTop*c.y+d.y+v.y}},getDocumentElement:ii,getClippingRect:function(e){let{element:t,boundary:i,rootBoundary:l,strategy:o}=e;const a=[..."clippingAncestors"===i?vi(t)?[]:function(e,t){const i=t.get(e);if(i)return i;let l=_i(e,[],!1).filter((e=>oi(e)&&"body"!==ei(e))),o=null;const a="fixed"===yi(e).position;let n=a?bi(e):e;for(;oi(n)&&!xi(n);){const t=yi(n),i=fi(n);i||"fixed"!==t.position||(o=null),(a?!i&&!o:!i&&"static"===t.position&&o&&Ei.has(o.position)||si(n)&&!i&&zi(e,n))?l=l.filter((e=>e!==n)):o=t,n=bi(n)}return t.set(e,l),l}(t,this._c):[].concat(i),l],n=a[0],r=a.reduce(((e,i)=>{const l=Ti(t,i,o);return e.top=Mt(l.top,e.top),e.right=_t(l.right,e.right),e.bottom=_t(l.bottom,e.bottom),e.left=Mt(l.left,e.left),e}),Ti(t,n,o));return{width:r.right-r.left,height:r.bottom-r.top,x:r.left,y:r.top}},getOffsetParent:Ni,getElementRects:async function(e){const t=this.getOffsetParent||Ni,i=this.getDimensions,l=await i(e.floating);return{reference:Oi(e.reference,await t(e.floating),e.strategy),floating:{x:0,y:0,width:l.width,height:l.height}}},getClientRects:function(e){return Array.from(e.getClientRects())},getDimensions:function(e){const{width:t,height:i}=Vi(e);return{width:t,height:i}},getScale:Si,isElement:oi,isRTL:function(e){return"rtl"===yi(e).direction}};function Ii(e,t){return e.x===t.x&&e.y===t.y&&e.width===t.width&&e.height===t.height}function Wi(e,t,i,l){void 0===l&&(l={});const{ancestorScroll:o=!0,ancestorResize:a=!0,elementResize:n="function"==typeof ResizeObserver,layoutShift:r="function"==typeof IntersectionObserver,animationFrame:s=!1}=l,c=Hi(e),d=o||a?[...c?_i(c):[],..._i(t)]:[];d.forEach((e=>{o&&e.addEventListener("scroll",i,{passive:!0}),a&&e.addEventListener("resize",i)}));const h=c&&r?function(e,t){let i,l=null;const o=ii(e);function a(){var e;clearTimeout(i),null==(e=l)||e.disconnect(),l=null}return function n(r,s){void 0===r&&(r=!1),void 0===s&&(s=1),a();const c=e.getBoundingClientRect(),{left:d,top:h,width:v,height:p}=c;if(r||t(),!v||!p)return;const u={rootMargin:-Ht(h)+"px "+-Ht(o.clientWidth-(d+v))+"px "+-Ht(o.clientHeight-(h+p))+"px "+-Ht(d)+"px",threshold:Mt(0,_t(1,s))||1};let g=!0;function f(t){const l=t[0].intersectionRatio;if(l!==s){if(!g)return n();l?n(!1,l):i=setTimeout((()=>{n(!1,1e-7)}),1e3)}1!==l||Ii(c,e.getBoundingClientRect())||n(),g=!1}try{l=new IntersectionObserver(f,{...u,root:o.ownerDocument})}catch(e){l=new IntersectionObserver(f,u)}l.observe(e)}(!0),a}(c,i):null;let v,p=-1,u=null;n&&(u=new ResizeObserver((e=>{let[l]=e;l&&l.target===c&&u&&(u.unobserve(t),cancelAnimationFrame(p),p=requestAnimationFrame((()=>{var e;null==(e=u)||e.observe(t)}))),i()})),c&&!s&&u.observe(c),u.observe(t));let g=s?Bi(e):null;return s&&function t(){const l=Bi(e);g&&!Ii(g,l)&&i();g=l,v=requestAnimationFrame(t)}(),i(),()=>{var e;d.forEach((e=>{o&&e.removeEventListener("scroll",i),a&&e.removeEventListener("resize",i)})),null==h||h(),null==(e=u)||e.disconnect(),u=null,s&&cancelAnimationFrame(v)}}const Fi=function(e){return void 0===e&&(e=0),{name:"offset",options:e,async fn(t){var i,l;const{x:o,y:a,placement:n,middlewareData:r}=t,s=await async function(e,t){const{placement:i,platform:l,elements:o}=e,a=await(null==l.isRTL?void 0:l.isRTL(o.floating)),n=Pt(i),r=Lt(i),s="y"===Ot(i),c=Gt.has(n)?-1:1,d=a&&s?-1:1,h=At(t,e);let{mainAxis:v,crossAxis:p,alignmentAxis:u}="number"==typeof h?{mainAxis:h,crossAxis:0,alignmentAxis:null}:{mainAxis:h.mainAxis||0,crossAxis:h.crossAxis||0,alignmentAxis:h.alignmentAxis};return r&&"number"==typeof u&&(p="end"===r?-1*u:u),s?{x:p*d,y:v*c}:{x:v*c,y:p*d}}(t,e);return n===(null==(i=r.offset)?void 0:i.placement)&&null!=(l=r.arrow)&&l.alignmentOffset?{}:{x:o+s.x,y:a+s.y,data:{...s,placement:n}}}}},qi=function(e){return void 0===e&&(e={}),{name:"shift",options:e,async fn(t){const{x:i,y:l,placement:o}=t,{mainAxis:a=!0,crossAxis:n=!1,limiter:r={fn:e=>{let{x:t,y:i}=e;return{x:t,y:i}}},...s}=At(e,t),c={x:i,y:l},d=await Xt(t,s),h=Ot(Pt(o)),v=Et(h);let p=c[v],u=c[h];if(a){const e="y"===v?"bottom":"right";p=Bt(p+d["y"===v?"top":"left"],p,p-d[e])}if(n){const e="y"===h?"bottom":"right";u=Bt(u+d["y"===h?"top":"left"],u,u-d[e])}const g=r.fn({...t,[v]:p,[h]:u});return{...g,data:{x:g.x-i,y:g.y-l,enabled:{[v]:a,[h]:n}}}}}},ji=function(e){return void 0===e&&(e={}),{name:"flip",options:e,async fn(t){var i,l;const{placement:o,middlewareData:a,rects:n,initialPlacement:r,platform:s,elements:c}=t,{mainAxis:d=!0,crossAxis:h=!0,fallbackPlacements:v,fallbackStrategy:p="bestFit",fallbackAxisSideDirection:u="none",flipAlignment:g=!0,...f}=At(e,t);if(null!=(i=a.arrow)&&i.alignmentOffset)return{};const w=Pt(o),m=Ot(r),x=Pt(r)===r,y=await(null==s.isRTL?void 0:s.isRTL(c.floating)),C=v||(x||!g?[jt(r)]:function(e){const t=jt(e);return[Nt(e),t,Nt(t)]}(r)),b="none"!==u;!v&&b&&C.push(...qt(r,g,u,y));const Z=[r,...C],_=await Xt(t,f),M=[];let V=(null==(l=a.flip)?void 0:l.overflows)||[];if(d&&M.push(_[w]),h){const e=Ut(o,n,y);M.push(_[e[0]],_[e[1]])}if(V=[...V,{placement:o,overflows:M}],!M.every((e=>e<=0))){var H,S;const e=((null==(H=a.flip)?void 0:H.index)||0)+1,t=Z[e];if(t){if(!("alignment"===h&&m!==Ot(t))||V.every((e=>Ot(e.placement)!==m||e.overflows[0]>0)))return{data:{index:e,overflows:V},reset:{placement:t}}}let i=null==(S=V.filter((e=>e.overflows[0]<=0)).sort(((e,t)=>e.overflows[1]-t.overflows[1]))[0])?void 0:S.placement;if(!i)switch(p){case"bestFit":{var k;const e=null==(k=V.filter((e=>{if(b){const t=Ot(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:k[0];e&&(i=e);break}case"initialPlacement":i=r}if(o!==i)return{reset:{placement:i}}}return{}}}},Ji=(e,t,i)=>{const l=new Map,o={platform:Di,...i},a={...o.platform,_c:l};return(async(e,t,i)=>{const{placement:l="bottom",strategy:o="absolute",middleware:a=[],platform:n}=i,r=a.filter(Boolean),s=await(null==n.isRTL?void 0:n.isRTL(t));let c=await n.getElementRects({reference:e,floating:t,strategy:o}),{x:d,y:h}=Yt(c,l,s),v=l,p={},u=0;for(let i=0;i<r.length;i++){const{name:a,fn:g}=r[i],{x:f,y:w,data:m,reset:x}=await g({x:d,y:h,initialPlacement:l,placement:v,strategy:o,middlewareData:p,rects:c,platform:n,elements:{reference:e,floating:t}});d=null!=f?f:d,h=null!=w?w:h,p={...p,[a]:{...p[a],...m}},x&&u<=50&&(u++,"object"==typeof x&&(x.placement&&(v=x.placement),x.rects&&(c=!0===x.rects?await n.getElementRects({reference:e,floating:t,strategy:o}):x.rects),({x:d,y:h}=Yt(c,v,s))),i=-1)}return{x:d,y:h,placement:v,strategy:o,middlewareData:p}})(e,t,{...o,platform:a})};class Ki extends rt{constructor(){super(...arguments),this.myDropdown=yt(),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=yt(),this._handleKeyboardMenuEvent=e=>{if(!this.readonly)switch(e.key){case"ArrowDown":case"ArrowUp":e.preventDefault(),this.menuIsOpen||this.showMenu();break;case"Escape":this.hideMenu()}},this._handleClickOutOfElement=e=>{this.menuIsOpen&&(e.composedPath().includes(this)||this.hideMenu())}}connectedCallback(){super.connectedCallback(),"inside"!==this.close&&document.addEventListener("click",this._handleClickOutOfElement),this.addEventListener("keydown",this._handleKeyboardMenuEvent)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this._handleClickOutOfElement),this.removeEventListener("keydown",this._handleKeyboardMenuEvent),this._cleanupAutoUpdate&&(this._cleanupAutoUpdate(),this._cleanupAutoUpdate=void 0)}firstUpdated(e){super.firstUpdated(e),this.menuIsOpen&&this.updateFloatingPosition()}async showMenu(){this.disabled||this.menuIsOpen||(this.menuIsOpen=!0,this.emit("sgds-show"),await this.updateFloatingPosition(),this.emit("sgds-after-show"),this.myDropdown.value&&this.menuRef.value&&(this._cleanupAutoUpdate=Wi(this.myDropdown.value,this.menuRef.value,(()=>this.updateFloatingPosition()))))}async hideMenu(){this.menuIsOpen&&(this.emit("sgds-hide"),this.menuIsOpen=!1,setTimeout((()=>this.emit("sgds-after-hide")),0),this._cleanupAutoUpdate&&(this._cleanupAutoUpdate(),this._cleanupAutoUpdate=void 0))}toggleMenu(){this.menuIsOpen?this.hideMenu():this.showMenu()}mergeMiddleware(e,t){const i=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)},l=t.map(i),o=e.map((e=>{const o=i(e),a=l.indexOf(o);return-1!==a?t[a]:e})).concat(t.filter((t=>!e.some((e=>i(e)===i(t))))));return o}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=[Fi(8),this.noFlip?void 0:ji(),qi()].filter(Boolean);let i=t;Array.isArray(this.floatingOpts.middleware)&&this.floatingOpts.middleware.length>0&&(i=this.mergeMiddleware(t,this.floatingOpts.middleware.filter(Boolean)));const l=Object.assign(Object.assign({strategy:"fixed",placement:e},this.floatingOpts),{middleware:i}),{x:o,y:a,strategy:n,placement:r}=await Ji(this.myDropdown.value,this.menuRef.value,l);this.menuRef.value.setAttribute("data-placement",r),Object.assign(this.menuRef.value.style,{position:n,left:`${o}px`,top:`${a}px`})}}e([S({type:Boolean,state:!0})],Ki.prototype,"noFlip",void 0),e([S({type:Boolean,reflect:!0,state:!0})],Ki.prototype,"menuAlignRight",void 0),e([S({type:String,reflect:!0,state:!0})],Ki.prototype,"drop",void 0),e([S({type:Object})],Ki.prototype,"floatingOpts",void 0),e([S({type:Boolean,reflect:!0})],Ki.prototype,"menuIsOpen",void 0),e([S({type:Boolean,reflect:!0})],Ki.prototype,"disabled",void 0),e([S({type:Boolean,reflect:!0})],Ki.prototype,"readonly",void 0);class Yi extends Ki{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(),i=t.indexOf(e.target);this.nextDropdownItemNo=i+1,this.prevDropdownItemNo=i<=0?t.length-1:i-1;e.target.disabled||(this.emit("sgds-select"),"outside"!==this.close&&this.hideMenu())}_resetMenu(){this.nextDropdownItemNo=0,this.prevDropdownItemNo=-1;this._getMenuItems().forEach((e=>{var t;const i=null===(t=null==e?void 0:e.shadowRoot)||void 0===t?void 0:t.querySelector(".dropdown-item");i&&i.removeAttribute("tabindex")}))}_handleKeyboardMenuItemsEvent(e){if(this.readonly)return;const t=this._getActiveMenuItems();if(0!==t.length)switch(e.key){case"ArrowDown":e.preventDefault(),this._setMenuItem(this.nextDropdownItemNo);break;case"ArrowUp":e.preventDefault(),this._setMenuItem(this.prevDropdownItemNo);break;case"Tab":if(!this.menuIsOpen)return;e.preventDefault(),e.shiftKey?this._setMenuItem(this.prevDropdownItemNo):this._setMenuItem(this.nextDropdownItemNo);break;case"Enter":t.includes(e.target)&&this.handleSelectSlot(e)}}_getMenuItems(){var e,t;if(this.shadowRoot.querySelector("slot#default")){return null===(e=this.shadowRoot.querySelector("slot#default"))||void 0===e?void 0:e.assignedElements({flatten:!0}).filter((e=>!e.classList.contains("empty-menu")&&!e.hasAttribute("hidden")))}if(null===(t=this.menu)||void 0===t?void 0:t.hasChildNodes()){return[...Array.from(this.menu.children)]}return[]}_getActiveMenuItems(){return this._getMenuItems().filter((e=>!e.disabled&&!e.hidden))}_setMenuItem(e){const t=this._getActiveMenuItems();if(0===t.length)return;const i=(e%t.length+t.length)%t.length,l=t[i];this.emit("i-sgds-option-focus",{detail:{option:l}}),this.nextDropdownItemNo=(i+1)%t.length,this.prevDropdownItemNo=(i-1+t.length)%t.length,t.forEach((e=>{const t=e.shadowRoot.querySelector(".dropdown-item");t.setAttribute("tabindex",e===l?"0":"-1"),e===l&&t.focus()}))}}Yi.styles=Ki.styles,e([A("ul.dropdown-menu")],Yi.prototype,"menu",void 0),e([k()],Yi.prototype,"nextDropdownItemNo",void 0),e([k()],Yi.prototype,"prevDropdownItemNo",void 0),e([S({type:Boolean,reflect:!0})],Yi.prototype,"hidden",void 0);var Xi=ze`:host([menuisopen]) .dropdown-menu{display:block}.dropdown-menu{background-clip:padding-box;background-color:var(--sgds-surface-default);border-radius:var(--sgds-border-radius-md);box-shadow:0 0 1px 0 hsla(0,0%,5%,.12),0 4px 8px 0 hsla(0,0%,5%,.12);color:var(--sgds-color-default);display:none;list-style:none;margin:0;max-height:var(--sgds-dimension-480);min-width:var(--sgds-dimension-280);overflow-y:auto;padding:var(--sgds-padding-xs) 0;position:absolute;text-align:left;z-index:1050}.nav-tabs .dropdown-menu{border-top-left-radius:0;border-top-right-radius:0;margin-top:calc(var(--sgds-nav-tabs-border-width)*-1)}@media (min-width:512px){.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}}@media (min-width:768px){.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}}@media (min-width:1024px){.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}}@media (min-width:1280px){.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}}@media (min-width:1440px){.navbar-expand-xxl .navbar-nav .dropdown-menu{position:absolute}}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.sgds.navbar .dropdown-menu.megamenu{left:0;right:0;width:100%}.sgds.combobox>.dropdown-menu{min-width:100%}`,Gi=ze`.dropdown{display:flex;height:inherit;position:relative}`;class Qi extends Yi{constructor(){super(),this.noFlip=!1,this.menuAlignRight=!1,this.drop="down",this.menuRef=Zt()}async _handleClick(){this.disabled||this.toggleMenu()}_handleCloseMenu(){const e=this._toggler[0];null==e||e.focus()}async connectedCallback(){super.connectedCallback(),this.addEventListener("sgds-hide",this._handleCloseMenu)}async disconnectedCallback(){this.removeEventListener("sgds-hide",this._handleCloseMenu)}async firstUpdated(e){super.firstUpdated(e),this.menuIsOpen&&await this.showMenu(),this._handleDisabled()}_handleDisabled(){const e=this._toggler[0];e&&(this.disabled?e.setAttribute("disabled","true"):e.hasAttribute("disabled")&&e.removeAttribute("disabled"))}render(){return se`
       <div class="dropdown">
         <div
           class="toggler-container"
@@ -102,7 +102,7 @@ const Pe=globalThis,Ae=Pe.ShadowRoot&&(void 0===Pe.ShadyCSS||Pe.ShadyCSS.nativeS
           <slot id="default" @click=${this.handleSelectSlot}></slot>
         </div>
       </div>
-    `}}Qi.styles=[...Yi.styles,Gi,Xi],e([S({type:Boolean,reflect:!0,state:!1})],Qi.prototype,"noFlip",void 0),e([S({type:Boolean,reflect:!0,state:!1})],Qi.prototype,"menuAlignRight",void 0),e([S({type:String,reflect:!0,state:!1})],Qi.prototype,"drop",void 0),e([A({slot:"toggler",flatten:!0})],Qi.prototype,"_toggler",void 0),e([function(e,t){const i=Object.assign({waitUntilFirstUpdate:!1},t);return(t,l)=>{const{update:o}=t;if(e in t){const a=e;t.update=function(e){if(e.has(a)){const t=e.get(a),o=this[a];t!==o&&(i.waitUntilFirstUpdate&&!this.hasUpdated||this[l](t,o))}o.call(this,e)}}}}("disabled",{waitUntilFirstUpdate:!0})],Qi.prototype,"_handleDisabled",null);const el=ht(
+    `}}Qi.styles=[...Yi.styles,Gi,Xi],e([S({type:Boolean,reflect:!0,state:!1})],Qi.prototype,"noFlip",void 0),e([S({type:Boolean,reflect:!0,state:!1})],Qi.prototype,"menuAlignRight",void 0),e([S({type:String,reflect:!0,state:!1})],Qi.prototype,"drop",void 0),e([P({slot:"toggler",flatten:!0})],Qi.prototype,"_toggler",void 0),e([function(e,t){const i=Object.assign({waitUntilFirstUpdate:!1},t);return(t,l)=>{const{update:o}=t;if(e in t){const a=e;t.update=function(e){if(e.has(a)){const t=e.get(a),o=this[a];t!==o&&(i.waitUntilFirstUpdate&&!this.hasUpdated||this[l](t,o))}o.call(this,e)}}}}("disabled",{waitUntilFirstUpdate:!0})],Qi.prototype,"_handleDisabled",null);const el=ht(
 /**
    * @license
    * Copyright 2018 Google LLC
@@ -1997,28 +1997,28 @@ class extends vt{constructor(e){if(super(e),e.type!==ct||"class"!==e.name||e.str
       clip-rule="evenodd"
     />
   </svg>
-`};var il=Oe`: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)}`;class ll extends rt{constructor(){super(...arguments),this.size="lg"}_getIconByName(e){if(!e)return;const t=tl[e];if(t)return t;console.warn(`Icon not found: ${e}`)}render(){const e=this._getIconByName(this.name);return e||he}}ll.styles=[...rt.styles,il],e([S({type:String,reflect:!0})],ll.prototype,"name",void 0),e([S({type:String,reflect:!0})],ll.prototype,"size",void 0);var ol=Oe`:host([disabled]){cursor:not-allowed}.dropdown-item{align-items:center;background-color:var(--sgds-bg-transparent);clear:both;color:var(--sgds-color-default);cursor:pointer;display:flex;gap:var(--sgds-gap-sm);padding:var(--sgds-padding-sm) var(--sgds-padding-lg);text-align:inherit}.dropdown-item:hover{background-color:var(--sgds-bg-translucent-subtle)}.dropdown-item:focus,.dropdown-item:focus-visible{background-color:var(--sgds-bg-translucent-subtle)}.dropdown-item:focus-visible{outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.dropdown-item.active{background-color:var(--sgds-bg-translucent-subtle);color:var(--sgds-primary-color-default);text-decoration:none}.dropdown-item.disabled,.dropdown-item:disabled{opacity:var(--sgds-opacity-50);pointer-events:none}::slotted(*){color:inherit!important;display:flex;gap:var(--sgds-gap-sm);text-decoration:none!important}`;class al extends rt{constructor(){super(...arguments),this.active=!1,this.disabled=!1}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",(e=>{"Enter"===e.key&&this.anchor[0].click()})),this.addEventListener("click",(()=>{this.anchor.length>0&&this.anchor[0].click()})),this.setAttribute("role","menuitem"),this.setAttribute("aria-disabled",`${this.disabled}`)}render(){return se`
+`};var il=ze`: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)}`;class ll extends rt{constructor(){super(...arguments),this.size="lg"}_getIconByName(e){if(!e)return;const t=tl[e];if(t)return t;console.warn(`Icon not found: ${e}`)}render(){const e=this._getIconByName(this.name);return e||he}}ll.styles=[...rt.styles,il],e([S({type:String,reflect:!0})],ll.prototype,"name",void 0),e([S({type:String,reflect:!0})],ll.prototype,"size",void 0);var ol=ze`:host([disabled]){cursor:not-allowed}.dropdown-item{align-items:center;background-color:var(--sgds-bg-transparent);clear:both;color:var(--sgds-color-default);cursor:pointer;display:flex;gap:var(--sgds-gap-sm);padding:var(--sgds-padding-sm) var(--sgds-padding-lg);text-align:inherit}.dropdown-item:hover{background-color:var(--sgds-bg-translucent-subtle)}.dropdown-item:focus,.dropdown-item:focus-visible{background-color:var(--sgds-bg-translucent-subtle)}.dropdown-item:focus-visible{outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.dropdown-item.active{background-color:var(--sgds-bg-translucent-subtle);color:var(--sgds-primary-color-default);text-decoration:none}.dropdown-item.disabled,.dropdown-item:disabled{opacity:var(--sgds-opacity-50);pointer-events:none}::slotted(*){color:inherit!important;display:flex;gap:var(--sgds-gap-sm);text-decoration:none!important}`;class al extends rt{constructor(){super(...arguments),this.active=!1,this.disabled=!1}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",(e=>{"Enter"===e.key&&this.anchor[0].click()})),this.addEventListener("click",(()=>{this.anchor.length>0&&this.anchor[0].click()})),this.setAttribute("role","menuitem"),this.setAttribute("aria-disabled",`${this.disabled}`)}render(){return se`
       <div
         class="dropdown-item ${el({disabled:this.disabled,active:this.active})}"
         tabindex=${this.disabled?"-1":"0"}
       >
         <slot></slot>
       </div>
-    `}}al.styles=[Gi,ol],al.dependencies={"sgds-icon":ll},e([A({flatten:!0})],al.prototype,"anchor",void 0),e([S({type:Boolean})],al.prototype,"active",void 0),e([S({type:Boolean,reflect:!0})],al.prototype,"disabled",void 0);class nl extends rt{constructor(){super(...arguments),this.size="md"}render(){return se`
+    `}}al.styles=[Gi,ol],al.dependencies={"sgds-icon":ll},e([P({flatten:!0})],al.prototype,"anchor",void 0),e([S({type:Boolean})],al.prototype,"active",void 0),e([S({type:Boolean,reflect:!0})],al.prototype,"disabled",void 0);class nl extends rt{constructor(){super(...arguments),this.size="md"}render(){return se`
       <sgds-dropdown>
         <button slot="toggler" class="overflow-btn">
           <sgds-icon name="three-dots" size=${this.size}></sgds-icon>
         </button>
         <slot></slot>
       </sgds-dropdown>
-    `}}nl.styles=[...rt.styles,st],nl.dependencies={"sgds-dropdown":Qi,"sgds-dropdown-item":al,"sgds-icon":ll},e([S({type:String,reflect:!0})],nl.prototype,"size",void 0);var rl=Oe`.breadcrumb{display:flex;gap:var(--sgds-gap-xs)}`;class sl extends rt{constructor(){super(...arguments),this.ariaLabel="breadcrumb"}_replaceExcessItemsWithDropdown(e){const t=document.createElement("sgds-breadcrumb-item"),i=document.createElement("sgds-overflow-menu");i.setAttribute("aria-haspopup","menu"),i.setAttribute("size","sm");const l=e.filter(((t,l)=>{if(l>0&&l<e.length-2){const e=t.querySelector("a").cloneNode(!0),l=document.createElement("sgds-dropdown-item");return l.appendChild(e),void i.appendChild(l)}return t}));t.appendChild(i),l.splice(1,0,t),this.defaultSlot.replaceWith(...l)}_handleSlotChange(e){const t=e.target.assignedElements({flatten:!0}).filter((e=>"sgds-breadcrumb-item"===e.tagName.toLowerCase()));t.forEach(((e,i)=>{i===t.length-1?(e.setAttribute("aria-current","page"),e.active=!0):e.removeAttribute("aria-current")})),t.length>=5&&this._replaceExcessItemsWithDropdown(t)}render(){return ke`
+    `}}nl.styles=[...rt.styles,st],nl.dependencies={"sgds-dropdown":Qi,"sgds-dropdown-item":al,"sgds-icon":ll},e([S({type:String,reflect:!0})],nl.prototype,"size",void 0);var rl=ze`.breadcrumb{display:flex;gap:var(--sgds-gap-xs)}`;class sl extends rt{constructor(){super(...arguments),this.ariaLabel="breadcrumb"}_replaceExcessItemsWithDropdown(e){const t=document.createElement("sgds-breadcrumb-item"),i=document.createElement("sgds-overflow-menu");i.setAttribute("aria-haspopup","menu"),i.setAttribute("size","sm");const l=e.filter(((t,l)=>{if(l>0&&l<e.length-2){const e=t.querySelector("a").cloneNode(!0),l=document.createElement("sgds-dropdown-item");return l.appendChild(e),void i.appendChild(l)}return t}));t.appendChild(i),l.splice(1,0,t),this.defaultSlot.replaceWith(...l)}_handleSlotChange(e){const t=e.target.assignedElements({flatten:!0}).filter((e=>"sgds-breadcrumb-item"===e.tagName.toLowerCase()));t.forEach(((e,i)=>{i===t.length-1?(e.setAttribute("aria-current","page"),e.active=!0):e.removeAttribute("aria-current")})),t.length>=5&&this._replaceExcessItemsWithDropdown(t)}render(){return $e`
       <div aria-label=${e=this.ariaLabel,e??he}>
         <div class="breadcrumb">
           <slot @slotchange=${this._handleSlotChange}></slot>
         </div>
       </div>
-    `;var e}}sl.styles=[...rt.styles,rl],sl.dependencies={"sgds-overflow-menu":nl},e([S({type:String})],sl.prototype,"ariaLabel",void 0),e([P("slot")],sl.prototype,"defaultSlot",void 0);var cl=Oe`:host{display:inline-flex}.nav-link::slotted(a){color:var(--sgds-link-color-default);cursor:pointer;line-height:var(--sgds-line-height-24);text-decoration:none!important}.nav-link::slotted(a:focus),.nav-link::slotted(a:focus-visible),.nav-link::slotted(a:hover),.nav-link::slotted(a[active]){color:var(--sgds-link-color-emphasis)}.nav-link::slotted(a:focus-visible:not([disabled])){outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.nav-link::slotted(a[disabled]){cursor:not-allowed;opacity:var(--sgds-opacity-50)}:host([variant=danger]) .nav-link::slotted(a){--sgds-link-color-default:var(--sgds-danger-color-default);color:var(--sgds-link-color-default,--sgds-danger-color-default)}:host([variant=danger]) .nav-link::slotted(a:focus),:host([variant=danger]) .nav-link::slotted(a:focus-visible),:host([variant=danger]) .nav-link::slotted(a:hover){--sgds-link-color-emphasis:var(--sgds-danger-color-emphasis);color:var(--sgds-link-color-emphasis,--sgds-danger-color-emphasis)}:host([variant=neutral]) .nav-link::slotted(a){--sgds-link-color-default:var(--sgds-color-default);color:var(--sgds-link-color-default,--sgds-color-default)}:host([variant=neutral]) .nav-link::slotted(a:focus),:host([variant=neutral]) .nav-link::slotted(a:focus-visible),:host([variant=neutral]) .nav-link::slotted(a:hover){--sgds-link-color-emphasis:var(--sgds-color-default);color:var(--sgds-link-color-emphasis,--sgds-color-default)}:host([variant=light]) .nav-link::slotted(a){--sgds-link-color-default:var(--sgds-color-fixed-light);color:var(--sgds-link-color-default,--sgds-color-fixed-light)}:host([variant=light]) .nav-link::slotted(a:focus),:host([variant=light]) .nav-link::slotted(a:focus-visible),:host([variant=light]) .nav-link::slotted(a:hover){--sgds-link-color-emphasis:var(--sgds-color-fixed-light);color:var(--sgds-link-color-emphasis,--sgds-color-fixed-light)}:host([variant=dark]) .nav-link::slotted(a){--sgds-link-color-default:var(--sgds-color-fixed-dark);color:var(--sgds-link-color-default,--sgds-color-fixed-dark)}:host([variant=dark]) .nav-link::slotted(a:focus),:host([variant=dark]) .nav-link::slotted(a:focus-visible),:host([variant=dark]) .nav-link::slotted(a:hover){--sgds-link-color-emphasis:var(--sgds-color-fixed-dark);color:var(--sgds-link-color-emphasis,--sgds-color-fixed-dark)}:host([size=lg]) .nav-link::slotted(a){font-size:var(--sgds-font-size-3)!important}:host([size=sm]) .nav-link::slotted(a){font-size:var(--sgds-font-size-1)!important;line-height:var(--sgds-line-height-20)}:host([size=sm]) .nav-link::slotted(a):after{height:var(--sgds-icon-size-md)!important;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.145 3.667h.021a.5.5 0 1 1 0 1c-.708 0-1.209 0-1.6.032-.387.032-.622.091-.807.186a2 2 0 0 0-.875.874c-.094.185-.154.42-.185.806-.032.392-.032.893-.032 1.602v3.666c0 .709 0 1.21.032 1.602.031.386.091.621.185.806a2 2 0 0 0 .875.874c.185.095.42.154.806.186.392.032.893.032 1.601.032h3.667c.708 0 1.21 0 1.601-.032.386-.032.622-.091.807-.186a2 2 0 0 0 .874-.874c.095-.185.154-.42.186-.806.032-.392.032-.893.032-1.602a.5.5 0 1 1 1 0v.022c0 .682 0 1.224-.036 1.661-.036.448-.113.83-.29 1.18a3 3 0 0 1-1.312 1.31c-.35.178-.731.255-1.18.292-.436.035-.978.035-1.66.035h-3.71c-.682 0-1.224 0-1.661-.035-.448-.037-.83-.113-1.18-.292a3 3 0 0 1-1.31-1.31c-.179-.35-.255-.732-.292-1.18-.035-.437-.035-.98-.035-1.66V8.144c0-.682 0-1.224.035-1.661.037-.448.113-.83.291-1.18a3 3 0 0 1 1.312-1.31c.35-.178.731-.255 1.179-.292.437-.035.98-.035 1.66-.035Zm2.188.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 .5.5v5a.5.5 0 0 1-1 0V5.374l-4.98 4.98a.5.5 0 0 1-.707-.708l4.98-4.98h-3.793a.5.5 0 0 1-.5-.5Z' fill='%230E0E0E'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.145 3.667h.021a.5.5 0 1 1 0 1c-.708 0-1.209 0-1.6.032-.387.032-.622.091-.807.186a2 2 0 0 0-.875.874c-.094.185-.154.42-.185.806-.032.392-.032.893-.032 1.602v3.666c0 .709 0 1.21.032 1.602.031.386.091.621.185.806a2 2 0 0 0 .875.874c.185.095.42.154.806.186.392.032.893.032 1.601.032h3.667c.708 0 1.21 0 1.601-.032.386-.032.622-.091.807-.186a2 2 0 0 0 .874-.874c.095-.185.154-.42.186-.806.032-.392.032-.893.032-1.602a.5.5 0 1 1 1 0v.022c0 .682 0 1.224-.036 1.661-.036.448-.113.83-.29 1.18a3 3 0 0 1-1.312 1.31c-.35.178-.731.255-1.18.292-.436.035-.978.035-1.66.035h-3.71c-.682 0-1.224 0-1.661-.035-.448-.037-.83-.113-1.18-.292a3 3 0 0 1-1.31-1.31c-.179-.35-.255-.732-.292-1.18-.035-.437-.035-.98-.035-1.66V8.144c0-.682 0-1.224.035-1.661.037-.448.113-.83.291-1.18a3 3 0 0 1 1.312-1.31c.35-.178.731-.255 1.179-.292.437-.035.98-.035 1.66-.035Zm2.188.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 .5.5v5a.5.5 0 0 1-1 0V5.374l-4.98 4.98a.5.5 0 0 1-.707-.708l4.98-4.98h-3.793a.5.5 0 0 1-.5-.5Z' fill='%230E0E0E'/%3E%3C/svg%3E")!important;width:var(--sgds-icon-size-md)!important}:host([size=xs]) .nav-link::slotted(a){font-size:var(--sgds-font-size-0)!important;line-height:var(--sgds-line-height-16)}`;class dl extends rt{constructor(){super(...arguments),this.size="md",this.variant="primary"}_processAnchor(e){e.hasAttribute("disabled")?(e.setAttribute("href","javascript:void(0)"),e.setAttribute("tabindex","-1")):e.setAttribute("tabindex","0")}_processIcon(e){e.querySelectorAll("sgds-icon").forEach((e=>{e.classList.remove("icon-left","icon-right"),e.previousElementSibling||e.previousSibling||e.classList.add("icon-left"),e.nextElementSibling||e.nextSibling||e.classList.add("icon-right")}))}_handleSlotChange(e){const t=e.target.assignedElements().find((e=>"a"===e.tagName.toLowerCase()));t&&(this._processAnchor(t),this._processIcon(t))}firstUpdated(e){super.firstUpdated(e);const t=this.querySelector("a");t&&(this._processAnchor(t),this._processIcon(t))}render(){return se`<slot class="nav-link" @slotchange=${this._handleSlotChange}></slot>`}}dl.styles=[...rt.styles,cl],e([S({type:String,reflect:!0})],dl.prototype,"size",void 0),e([S({type:String,reflect:!0})],dl.prototype,"variant",void 0);var hl=Oe`:host{align-items:center;display:flex;gap:var(--sgds-gap-xs)}:host([active]) .nav-link::slotted(*){--sgds-link-color-default:var(--sgds-color-default);color:var(--sgds-link-color-default,--sgds-color-default);pointer-events:none}:host([active]) .nav-link::slotted(:focus),:host([active]) .nav-link::slotted(:focus-visible),:host([active]) .nav-link::slotted(:hover){--sgds-link-color-emphasis:var(--sgds-color-default);color:var(--sgds-link-color-emphasis,--sgds-color-default)}.separator svg{display:block}:host(:last-of-type) .separator{display:none}`;class vl extends rt{constructor(){super(...arguments),this.active=!1}render(){return se`
-      <slot class="nav-link"></slot>
+    `;var e}}sl.styles=[...rt.styles,rl],sl.dependencies={"sgds-overflow-menu":nl},e([S({type:String})],sl.prototype,"ariaLabel",void 0),e([A("slot")],sl.prototype,"defaultSlot",void 0);var cl=ze`:host{--color-emphasis:var(--sgds-link-color-emphasis);display:inline-flex;vertical-align:middle}:host([tone=danger]),:host([variant=danger]){--color-emphasis:var(--sgds-danger-color-emphasis)}:host([tone=neutral]),:host([variant=neutral]){--color-emphasis:var(--sgds-color-default)}:host([tone=fixed-light]),:host([variant=light]){--color-emphasis:var(--sgds-color-fixed-light)}:host([variant=dark]) :host([tone=fixed-dark]){--color-emphasis:var(--sgds-color-fixed-dark)}:host([tone=danger]) .nav-link::slotted(a),:host([variant=danger]) .nav-link::slotted(a){--sgds-link-color-default:var(--sgds-danger-color-default);color:var(--sgds-link-color-default,--sgds-danger-color-default)}:host([tone=danger]) .nav-link::slotted(a:focus),:host([tone=danger]) .nav-link::slotted(a:focus-visible),:host([tone=danger]) .nav-link::slotted(a:hover),:host([variant=danger]) .nav-link::slotted(a:focus),:host([variant=danger]) .nav-link::slotted(a:focus-visible),:host([variant=danger]) .nav-link::slotted(a:hover){--color-emphasis:var(--sgds-danger-color-emphasis);color:var(--color-emphasis,--sgds-danger-color-emphasis)}:host([tone=neutral]) .nav-link::slotted(a),:host([variant=neutral]) .nav-link::slotted(a){--sgds-link-color-default:var(--sgds-color-default);color:var(--sgds-link-color-default,--sgds-color-default)}:host([tone=neutral]) .nav-link::slotted(a:focus),:host([tone=neutral]) .nav-link::slotted(a:focus-visible),:host([tone=neutral]) .nav-link::slotted(a:hover),:host([variant=neutral]) .nav-link::slotted(a:focus),:host([variant=neutral]) .nav-link::slotted(a:focus-visible),:host([variant=neutral]) .nav-link::slotted(a:hover){--color-emphasis:var(--sgds-color-default);color:var(--color-emphasis,--sgds-color-default)}:host([tone=fixed-light]) .nav-link::slotted(a),:host([variant=light]) .nav-link::slotted(a){--sgds-link-color-default:var(--sgds-color-fixed-light);color:var(--sgds-link-color-default,--sgds-color-fixed-light)}:host([tone=fixed-light]) .nav-link::slotted(a:focus),:host([tone=fixed-light]) .nav-link::slotted(a:focus-visible),:host([tone=fixed-light]) .nav-link::slotted(a:hover),:host([variant=light]) .nav-link::slotted(a:focus),:host([variant=light]) .nav-link::slotted(a:focus-visible),:host([variant=light]) .nav-link::slotted(a:hover){--color-emphasis:var(--sgds-color-fixed-light);color:var(--color-emphasis,--sgds-color-fixed-light)}:host([tone=fixed-dark]) .nav-link::slotted(a),:host([variant=dark]) .nav-link::slotted(a){--sgds-link-color-default:var(--sgds-color-fixed-dark);color:var(--sgds-link-color-default,--sgds-color-fixed-dark)}:host([tone=fixed-dark]) .nav-link::slotted(a:focus),:host([tone=fixed-dark]) .nav-link::slotted(a:focus-visible),:host([tone=fixed-dark]) .nav-link::slotted(a:hover),:host([variant=dark]) .nav-link::slotted(a:focus),:host([variant=dark]) .nav-link::slotted(a:focus-visible),:host([variant=dark]) .nav-link::slotted(a:hover){--color-emphasis:var(--sgds-color-fixed-dark);color:var(--color-emphasis,--sgds-color-fixed-dark)}:host([size=md]) .nav-link::slotted(a){--text-underline-offset:3px;font-size:var(--sgds-font-size-2)!important;line-height:var(--sgds-line-height-24)!important}:host([size=lg]) .nav-link::slotted(a){--text-underline-offset:4px;font-size:var(--sgds-font-size-3)!important;line-height:var(--sgds-line-height-32)!important}:host([size=sm]) .nav-link::slotted(a){--text-underline-offset:2.8px;font-size:var(--sgds-font-size-1)!important;line-height:var(--sgds-line-height-20)!important}:host([size=xs]) .nav-link::slotted(a){--text-underline-offset:2.2px;font-size:var(--sgds-font-size-0)!important;line-height:var(--sgds-line-height-16)!important}.nav-link::slotted(a):after{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.145 3.667h.021a.5.5 0 1 1 0 1c-.708 0-1.209 0-1.6.032-.387.032-.622.091-.807.186a2 2 0 0 0-.875.874c-.094.185-.154.42-.185.806-.032.392-.032.893-.032 1.602v3.666c0 .709 0 1.21.032 1.602.031.386.091.621.185.806a2 2 0 0 0 .875.874c.185.095.42.154.806.186.392.032.893.032 1.601.032h3.667c.708 0 1.21 0 1.601-.032.386-.032.622-.091.807-.186a2 2 0 0 0 .874-.874c.095-.185.154-.42.186-.806.032-.392.032-.893.032-1.602a.5.5 0 1 1 1 0v.022c0 .682 0 1.224-.036 1.661-.036.448-.113.83-.29 1.18a3 3 0 0 1-1.312 1.31c-.35.178-.731.255-1.18.292-.436.035-.978.035-1.66.035h-3.71c-.682 0-1.224 0-1.661-.035-.448-.037-.83-.113-1.18-.292a3 3 0 0 1-1.31-1.31c-.179-.35-.255-.732-.292-1.18-.035-.437-.035-.98-.035-1.66V8.144c0-.682 0-1.224.035-1.661.037-.448.113-.83.291-1.18a3 3 0 0 1 1.312-1.31c.35-.178.731-.255 1.179-.292.437-.035.98-.035 1.66-.035Zm2.188.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 .5.5v5a.5.5 0 0 1-1 0V5.374l-4.98 4.98a.5.5 0 0 1-.707-.708l4.98-4.98h-3.793a.5.5 0 0 1-.5-.5Z' fill='%230E0E0E'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.145 3.667h.021a.5.5 0 1 1 0 1c-.708 0-1.209 0-1.6.032-.387.032-.622.091-.807.186a2 2 0 0 0-.875.874c-.094.185-.154.42-.185.806-.032.392-.032.893-.032 1.602v3.666c0 .709 0 1.21.032 1.602.031.386.091.621.185.806a2 2 0 0 0 .875.874c.185.095.42.154.806.186.392.032.893.032 1.601.032h3.667c.708 0 1.21 0 1.601-.032.386-.032.622-.091.807-.186a2 2 0 0 0 .874-.874c.095-.185.154-.42.186-.806.032-.392.032-.893.032-1.602a.5.5 0 1 1 1 0v.022c0 .682 0 1.224-.036 1.661-.036.448-.113.83-.29 1.18a3 3 0 0 1-1.312 1.31c-.35.178-.731.255-1.18.292-.436.035-.978.035-1.66.035h-3.71c-.682 0-1.224 0-1.661-.035-.448-.037-.83-.113-1.18-.292a3 3 0 0 1-1.31-1.31c-.179-.35-.255-.732-.292-1.18-.035-.437-.035-.98-.035-1.66V8.144c0-.682 0-1.224.035-1.661.037-.448.113-.83.291-1.18a3 3 0 0 1 1.312-1.31c.35-.178.731-.255 1.179-.292.437-.035.98-.035 1.66-.035Zm2.188.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 .5.5v5a.5.5 0 0 1-1 0V5.374l-4.98 4.98a.5.5 0 0 1-.707-.708l4.98-4.98h-3.793a.5.5 0 0 1-.5-.5Z' fill='%230E0E0E'/%3E%3C/svg%3E")!important}:host([size=xs]) .nav-link::slotted(a):after{height:var(--sgds-icon-size-sm)!important;width:var(--sgds-icon-size-sm)!important}:host([size=sm]) .nav-link::slotted(a):after{height:var(--sgds-icon-size-md)!important;width:var(--sgds-icon-size-md)!important}:host([size=md]) .nav-link::slotted(a):after{height:var(--sgds-icon-size-lg)!important;width:var(--sgds-icon-size-lg)!important}:host([size=lg]) .nav-link::slotted(a):after{height:var(--sgds-icon-size-xl)!important;width:var(--sgds-icon-size-xl)!important}::slotted(*){align-items:center;display:flex}.nav-link::slotted(a:focus-visible:not([disabled])){outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.nav-link::slotted(a[disabled]){cursor:not-allowed;opacity:var(--sgds-opacity-50)}.nav-link::slotted(a){color:var(--sgds-link-color-default);cursor:pointer}:host(:not([active])) .nav-link::slotted(a:not(:hover)){text-decoration:underline solid transparent!important;text-underline-offset:0;transition:text-underline-offset var(--sgds-motion-duration-standard) var(--sgds-motion-easing-enter),text-decoration-color var(--sgds-motion-duration-standard) var(--sgds-motion-easing-enter)}.nav-link::slotted(a:focus),.nav-link::slotted(a:focus-visible),.nav-link::slotted(a:hover),:host([active]) .nav-link::slotted(a){color:var(--color-emphasis)!important}.nav-link::slotted(a:hover),:host([active]) .nav-link::slotted(a){text-decoration-color:var(--color-emphasis)!important;text-underline-offset:var(--text-underline-offset);transition:text-underline-offset var(--sgds-motion-duration-standard) var(--sgds-motion-easing-enter),text-decoration-color var(--sgds-motion-duration-standard) var(--sgds-motion-easing-enter)}.nav-link::slotted(a[disabled]),:host([disabled]) .nav-link::slotted(a){text-decoration:none!important}@media (prefers-reduced-motion:reduce){.nav-link::slotted(a:hover),:host(:not([active])) .nav-link::slotted(a:not(:hover)),:host([active]) .nav-link::slotted(a){transition:none}}`;class dl extends rt{constructor(){super(...arguments),this.size="md",this.variant="primary",this.tone="primary",this.active=!1,this.disabled=!1}_processAnchor(e){this.disabled&&e.setAttribute("disabled","true"),e.hasAttribute("disabled")?(e.setAttribute("href","javascript:void(0)"),e.setAttribute("tabindex","-1")):e.setAttribute("tabindex","0")}_processIcon(e){const t={xs:"sm",sm:"md",md:"lg",lg:"xl"};e.querySelectorAll("sgds-icon").forEach((e=>{e.setAttribute("size",t[this.size]),e.classList.remove("icon-left","icon-right"),e.previousElementSibling||e.previousSibling||e.classList.add("icon-left"),e.nextElementSibling||e.nextSibling||e.classList.add("icon-right")}))}_handleSlotChange(e){const t=e.target.assignedElements().find((e=>"a"===e.tagName.toLowerCase()));t&&(this._processAnchor(t),this._processIcon(t))}firstUpdated(e){super.firstUpdated(e);const t=this.querySelector("a");t&&(this._processAnchor(t),this._processIcon(t))}render(){return se`<slot class="nav-link " @slotchange=${this._handleSlotChange}></slot> `}}dl.styles=[...rt.styles,cl],e([S({type:String,reflect:!0})],dl.prototype,"size",void 0),e([S({type:String,reflect:!0})],dl.prototype,"variant",void 0),e([S({type:String,reflect:!0})],dl.prototype,"tone",void 0),e([S({type:Boolean,reflect:!0})],dl.prototype,"active",void 0),e([S({type:Boolean,reflect:!0})],dl.prototype,"disabled",void 0);var hl=ze`:host{align-items:center;display:flex;gap:var(--sgds-gap-xs)}:host([active]) .nav-link::slotted(*){--sgds-link-color-default:var(--sgds-color-default);color:var(--sgds-link-color-default,--sgds-color-default);pointer-events:none}:host([active]) .nav-link::slotted(:focus),:host([active]) .nav-link::slotted(:focus-visible),:host([active]) .nav-link::slotted(:hover){--sgds-link-color-emphasis:var(--sgds-color-default);color:var(--sgds-link-color-emphasis,--sgds-color-default)}.separator svg{display:block}:host(:last-of-type) .separator{display:none}`;class vl extends rt{constructor(){super(...arguments),this.active=!1}render(){return se`
+      <sgds-link><slot class="nav-link"></slot></sgds-link>
       <div class="separator">
         <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
           <path
@@ -2029,5 +2029,5 @@ class extends vt{constructor(e){if(super(e),e.type!==ct||"class"!==e.name||e.str
           />
         </svg>
       </div>
-    `}}function pl(e,t){customElements.get(e)||customElements.define(e,t)}vl.styles=[...dl.styles,hl],e([S({type:Boolean,reflect:!0})],vl.prototype,"active",void 0),pl("sgds-breadcrumb",sl),pl("sgds-breadcrumb-item",vl)}));
+    `}}function pl(e,t){customElements.get(e)||customElements.define(e,t)}vl.styles=[hl],vl.dependencies={"sgds-link":dl},e([S({type:Boolean,reflect:!0})],vl.prototype,"active",void 0),pl("sgds-breadcrumb",sl),pl("sgds-breadcrumb-item",vl)}));
 //# sourceMappingURL=index.umd.min.js.map