@govtechsg/sgds-web-component 3.17.1-rc.0 → 3.18.0

package/base/card-element.d.ts

@@ -16,5 +16,6 @@ export declare class CardElement extends SgdsElement {
     /** Sets the orientation of the card. Available options: `vertical`, `horizontal` */
     orientation: CardOrientation;
     handleTitleSlotChange(e: Event): void;
+    protected _forwardAnchorAttributes(anchor: HTMLAnchorElement | null): void;
     warnLinkSlotMisused(e: Event): void;
 }

package/base/card-element.js

@@ -31,6 +31,20 @@ class CardElement extends SgdsElement {
         }
         return;
     }
+    _forwardAnchorAttributes(anchor) {
+        const SKIP = new Set(["class", "style", "id"]);
+        if (!(anchor === null || anchor === void 0 ? void 0 : anchor.href) ||
+            anchor.href.startsWith("javascript:") ||
+            anchor.href.startsWith("data:") ||
+            anchor.href.startsWith("vbscript:")) {
+            return;
+        }
+        for (const { name, value } of Array.from(anchor.attributes)) {
+            if (!SKIP.has(name) && !name.startsWith("on")) {
+                this.card.setAttribute(name, value);
+            }
+        }
+    }
     warnLinkSlotMisused(e) {
         const childNodes = e.target.assignedNodes({ flatten: true });
         if (childNodes.length > 1) {

package/base/card-element.js.map

@@ -1 +1 @@
-{"version":3,"file":"card-element.js","sources":["../../src/base/card-element.ts"],"sourcesContent":["import { property, query } from \"lit/decorators.js\";\nimport { SgdsLink } from \"../components/Link/sgds-link\";\nimport { CardOrientation } from \"../components/Card/types\";\nimport SgdsElement from \"./sgds-element\";\nimport cardStyle from \"./card.css\";\nimport textStyles from \"../styles/text-variants.css\";\nimport bgStyles from \"../styles/bg-variants.css\";\nimport borderStyles from \"../styles/border-variants.css\";\nimport headerStyles from \"../styles/header-class.css\";\nimport paragraphStyles from \"../styles/paragraph.css\";\n\nexport class CardElement extends SgdsElement {\n  static styles = [...SgdsElement.styles, textStyles, bgStyles, borderStyles, headerStyles, paragraphStyles, cardStyle];\n\n  /** @internal */\n  @query(\"a.card\") card: HTMLAnchorElement;\n\n  /** Extends the link passed in either `footer` or `link`(deprecated) slot.\n   */\n  @property({ type: Boolean, reflect: true }) stretchedLink = false;\n\n  /** Disables the card  */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /** When true, hides the default border of the card. */\n  @property({ type: Boolean, reflect: true }) hideBorder = false;\n\n  /** When true, applies a tinted background color to the card. */\n  @property({ type: Boolean, reflect: true }) tinted = false;\n\n  /** Sets the orientation of the card. Available options: `vertical`, `horizontal` */\n  @property({ type: String, reflect: true }) orientation: CardOrientation = \"vertical\";\n\n  handleTitleSlotChange(e: Event) {\n    const childNodes = (e.target as HTMLSlotElement).assignedNodes({ flatten: true }) as Array<HTMLElement>;\n\n    if (this.stretchedLink && childNodes[0] instanceof HTMLAnchorElement) {\n      const hyperlink = childNodes[0].querySelector(\"a\") || childNodes[0];\n      hyperlink.removeAttribute(\"href\");\n    }\n    return;\n  }\n\n  warnLinkSlotMisused(e: Event) {\n    const childNodes = (e.target as HTMLSlotElement).assignedNodes({ flatten: true }) as\n      | Array<HTMLLinkElement>\n      | Array<HTMLAnchorElement>\n      | Array<SgdsLink>;\n\n    if (childNodes.length > 1) {\n      return console.error(\"Multiple elements passed into SgdsCard's link slot\");\n    }\n  }\n}\n"],"names":["textStyles","bgStyles","borderStyles","headerStyles","paragraphStyles","cardStyle"],"mappings":";;;;;;;;;;AAWM,MAAO,WAAY,SAAQ,WAAW,CAAA;AAA5C,IAAA,WAAA,GAAA;;AAME;AACG;QACyC,IAAa,CAAA,aAAA,GAAG,KAAK,CAAC;;QAGtB,IAAQ,CAAA,QAAA,GAAG,KAAK,CAAC;;QAGjB,IAAU,CAAA,UAAA,GAAG,KAAK,CAAC;;QAGnB,IAAM,CAAA,MAAA,GAAG,KAAK,CAAC;;QAGhB,IAAW,CAAA,WAAA,GAAoB,UAAU,CAAC;KAsBtF;AApBC,IAAA,qBAAqB,CAAC,CAAQ,EAAA;AAC5B,QAAA,MAAM,UAAU,GAAI,CAAC,CAAC,MAA0B,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAuB,CAAC;QAExG,IAAI,IAAI,CAAC,aAAa,IAAI,UAAU,CAAC,CAAC,CAAC,YAAY,iBAAiB,EAAE;AACpE,YAAA,MAAM,SAAS,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,GAAG,CAAC,IAAI,UAAU,CAAC,CAAC,CAAC,CAAC;AACpE,YAAA,SAAS,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC;SACnC;QACD,OAAO;KACR;AAED,IAAA,mBAAmB,CAAC,CAAQ,EAAA;AAC1B,QAAA,MAAM,UAAU,GAAI,CAAC,CAAC,MAA0B,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAG7D,CAAC;AAEpB,QAAA,IAAI,UAAU,CAAC,MAAM,GAAG,CAAC,EAAE;AACzB,YAAA,OAAO,OAAO,CAAC,KAAK,CAAC,oDAAoD,CAAC,CAAC;SAC5E;KACF;;AAxCM,WAAM,CAAA,MAAA,GAAG,CAAC,GAAG,WAAW,CAAC,MAAM,EAAEA,QAAU,EAAEC,UAAQ,EAAEC,UAAY,EAAEC,UAAY,EAAEC,UAAe,EAAEC,UAAS,CAAC,CAAC;AAGrG,UAAA,CAAA;IAAhB,KAAK,CAAC,QAAQ,CAAC;AAAyB,CAAA,EAAA,WAAA,CAAA,SAAA,EAAA,MAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAIG,UAAA,CAAA;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AAAuB,CAAA,EAAA,WAAA,CAAA,SAAA,EAAA,eAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAGtB,UAAA,CAAA;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AAAkB,CAAA,EAAA,WAAA,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;AAAoB,CAAA,EAAA,WAAA,CAAA,SAAA,EAAA,YAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAGnB,UAAA,CAAA;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AAAgB,CAAA,EAAA,WAAA,CAAA,SAAA,EAAA,QAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAGhB,UAAA,CAAA;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AAA2C,CAAA,EAAA,WAAA,CAAA,SAAA,EAAA,aAAA,EAAA,KAAA,CAAA,CAAA;;;;"}
+{"version":3,"file":"card-element.js","sources":["../../src/base/card-element.ts"],"sourcesContent":["import { property, query } from \"lit/decorators.js\";\nimport { SgdsLink } from \"../components/Link/sgds-link\";\nimport { CardOrientation } from \"../components/Card/types\";\nimport SgdsElement from \"./sgds-element\";\nimport cardStyle from \"./card.css\";\nimport textStyles from \"../styles/text-variants.css\";\nimport bgStyles from \"../styles/bg-variants.css\";\nimport borderStyles from \"../styles/border-variants.css\";\nimport headerStyles from \"../styles/header-class.css\";\nimport paragraphStyles from \"../styles/paragraph.css\";\n\nexport class CardElement extends SgdsElement {\n  static styles = [...SgdsElement.styles, textStyles, bgStyles, borderStyles, headerStyles, paragraphStyles, cardStyle];\n\n  /** @internal */\n  @query(\"a.card\") card: HTMLAnchorElement;\n\n  /** Extends the link passed in either `footer` or `link`(deprecated) slot.\n   */\n  @property({ type: Boolean, reflect: true }) stretchedLink = false;\n\n  /** Disables the card  */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /** When true, hides the default border of the card. */\n  @property({ type: Boolean, reflect: true }) hideBorder = false;\n\n  /** When true, applies a tinted background color to the card. */\n  @property({ type: Boolean, reflect: true }) tinted = false;\n\n  /** Sets the orientation of the card. Available options: `vertical`, `horizontal` */\n  @property({ type: String, reflect: true }) orientation: CardOrientation = \"vertical\";\n\n  handleTitleSlotChange(e: Event) {\n    const childNodes = (e.target as HTMLSlotElement).assignedNodes({ flatten: true }) as Array<HTMLElement>;\n\n    if (this.stretchedLink && childNodes[0] instanceof HTMLAnchorElement) {\n      const hyperlink = childNodes[0].querySelector(\"a\") || childNodes[0];\n      hyperlink.removeAttribute(\"href\");\n    }\n    return;\n  }\n\n  protected _forwardAnchorAttributes(anchor: HTMLAnchorElement | null) {\n    const SKIP = new Set([\"class\", \"style\", \"id\"]);\n    if (\n      !anchor?.href ||\n      anchor.href.startsWith(\"javascript:\") ||\n      anchor.href.startsWith(\"data:\") ||\n      anchor.href.startsWith(\"vbscript:\")\n    ) {\n      return;\n    }\n\n    for (const { name, value } of Array.from(anchor.attributes)) {\n      if (!SKIP.has(name) && !name.startsWith(\"on\")) {\n        this.card.setAttribute(name, value);\n      }\n    }\n  }\n\n  warnLinkSlotMisused(e: Event) {\n    const childNodes = (e.target as HTMLSlotElement).assignedNodes({ flatten: true }) as\n      | Array<HTMLLinkElement>\n      | Array<HTMLAnchorElement>\n      | Array<SgdsLink>;\n\n    if (childNodes.length > 1) {\n      return console.error(\"Multiple elements passed into SgdsCard's link slot\");\n    }\n  }\n}\n"],"names":["textStyles","bgStyles","borderStyles","headerStyles","paragraphStyles","cardStyle"],"mappings":";;;;;;;;;;AAWM,MAAO,WAAY,SAAQ,WAAW,CAAA;AAA5C,IAAA,WAAA,GAAA;;AAME;AACG;QACyC,IAAa,CAAA,aAAA,GAAG,KAAK,CAAC;;QAGtB,IAAQ,CAAA,QAAA,GAAG,KAAK,CAAC;;QAGjB,IAAU,CAAA,UAAA,GAAG,KAAK,CAAC;;QAGnB,IAAM,CAAA,MAAA,GAAG,KAAK,CAAC;;QAGhB,IAAW,CAAA,WAAA,GAAoB,UAAU,CAAC;KAwCtF;AAtCC,IAAA,qBAAqB,CAAC,CAAQ,EAAA;AAC5B,QAAA,MAAM,UAAU,GAAI,CAAC,CAAC,MAA0B,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAuB,CAAC;QAExG,IAAI,IAAI,CAAC,aAAa,IAAI,UAAU,CAAC,CAAC,CAAC,YAAY,iBAAiB,EAAE;AACpE,YAAA,MAAM,SAAS,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,GAAG,CAAC,IAAI,UAAU,CAAC,CAAC,CAAC,CAAC;AACpE,YAAA,SAAS,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC;SACnC;QACD,OAAO;KACR;AAES,IAAA,wBAAwB,CAAC,MAAgC,EAAA;AACjE,QAAA,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,CAAC,OAAO,EAAE,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC;QAC/C,IACE,EAAC,MAAM,KAAA,IAAA,IAAN,MAAM,KAAN,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,MAAM,CAAE,IAAI,CAAA;AACb,YAAA,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC;AACrC,YAAA,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC;YAC/B,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC,EACnC;YACA,OAAO;SACR;AAED,QAAA,KAAK,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,EAAE;AAC3D,YAAA,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE;gBAC7C,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;aACrC;SACF;KACF;AAED,IAAA,mBAAmB,CAAC,CAAQ,EAAA;AAC1B,QAAA,MAAM,UAAU,GAAI,CAAC,CAAC,MAA0B,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAG7D,CAAC;AAEpB,QAAA,IAAI,UAAU,CAAC,MAAM,GAAG,CAAC,EAAE;AACzB,YAAA,OAAO,OAAO,CAAC,KAAK,CAAC,oDAAoD,CAAC,CAAC;SAC5E;KACF;;AA1DM,WAAM,CAAA,MAAA,GAAG,CAAC,GAAG,WAAW,CAAC,MAAM,EAAEA,QAAU,EAAEC,UAAQ,EAAEC,UAAY,EAAEC,UAAY,EAAEC,UAAe,EAAEC,UAAS,CAAC,CAAC;AAGrG,UAAA,CAAA;IAAhB,KAAK,CAAC,QAAQ,CAAC;AAAyB,CAAA,EAAA,WAAA,CAAA,SAAA,EAAA,MAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAIG,UAAA,CAAA;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AAAuB,CAAA,EAAA,WAAA,CAAA,SAAA,EAAA,eAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAGtB,UAAA,CAAA;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AAAkB,CAAA,EAAA,WAAA,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;AAAoB,CAAA,EAAA,WAAA,CAAA,SAAA,EAAA,YAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAGnB,UAAA,CAAA;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AAAgB,CAAA,EAAA,WAAA,CAAA,SAAA,EAAA,QAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAGhB,UAAA,CAAA;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AAA2C,CAAA,EAAA,WAAA,CAAA,SAAA,EAAA,aAAA,EAAA,KAAA,CAAA,CAAA;;;;"}

package/base/card.js

@@ -1,6 +1,6 @@
 import { css } from 'lit';
 
-var css_248z = css`:host([disabled]){cursor:not-allowed}:host(:not([noPadding])) .card:not(.disabled):hover{box-shadow:0 0 1px 0 hsla(0,0%,5%,.12),0 8px 16px 0 hsla(0,0%,5%,.12)}:host([stretchedLink]) slot[name=footer]::slotted(a),:host([stretchedLink]) slot[name=footer]::slotted(sgds-link),:host([stretchedLink]) slot[name=link]::slotted(a),:host([stretchedLink]) slot[name=link]::slotted(sgds-link){display:none}:host([orientation=horizontal]) .card{flex-direction:row}:host(:not([hideBorder])) .card{border:var(--sgds-border-width-1) solid var(--sgds-border-color-muted)}:host([orientation=horizontal]) .card-body{flex:1}:host([orientation=horizontal]) .card-media{padding:var(--sgds-padding-xl) var(--sgds-padding-none) var(--sgds-padding-xl) var(--sgds-padding-xl)}:host([orientation=horizontal]) .card-image{width:40%}:host([imagePosition=after]) .card-image{order:1}:host([orientation=vertical][imagePosition=after]) slot[name=image]::slotted(img){border-radius:calc(var(--sgds-border-radius-md) - var(--sgds-border-width-1));border-top-left-radius:var(--sgds-border-radius-none);border-top-right-radius:var(--sgds-border-radius-none)}:host([orientation=horizontal][imagePosition=after]) slot[name=image]::slotted(img){border-radius:calc(var(--sgds-border-radius-md) - var(--sgds-border-width-1));border-bottom-left-radius:var(--sgds-border-radius-none);border-top-left-radius:var(--sgds-border-radius-none)}:host([orientation=horizontal]) slot[name=image]::slotted(img){border-bottom-left-radius:calc(var(--sgds-border-radius-md) - var(--sgds-border-width-1));border-top-right-radius:var(--sgds-border-radius-none);height:100%;object-fit:cover}:host([orientation=vertical][imageAdjustment="padding around"]) .card-image{margin:var(--sgds-margin-xl) var(--sgds-margin-xl) var(--sgds-padding-none)}:host([orientation=vertical][imageAdjustment="padding around"][imagePosition=after]) .card-image{margin:var(--sgds-margin-none) var(--sgds-margin-xl) var(--sgds-margin-xl)}:host([orientation=horizontal][imageAdjustment="padding around"]) .card-image{margin:var(--sgds-margin-xl) var(--sgds-margin-none) var(--sgds-margin-xl) var(--sgds-margin-xl)}:host([orientation=horizontal][imageAdjustment="padding around"][imagePosition=after]) .card-image{margin:var(--sgds-margin-xl) var(--sgds-margin-xl) var(--sgds-margin-xl) var(--sgds-margin-none)}:host([orientation][imageAdjustment="padding around"]) slot[name=image]::slotted(img){border-radius:calc(var(--sgds-border-radius-md) - var(--sgds-border-width-1))}:host([orientation=vertical]:not([imageAdjustment="aspect ratio"])) slot[name=image]::slotted(img){height:auto}:host([orientation=vertical][imageAdjustment="aspect ratio"]) slot[name=image]::slotted(img){object-fit:cover}.card{word-wrap:break-word;background-clip:border-box;background-color:var(--sgds-surface-default);border:var(--sgds-border-width-1) solid var(--sgds-border-color-transparent);border-radius:var(--sgds-border-radius-md);box-shadow:none;display:flex;flex-direction:column;height:100%;min-width:0;position:relative;transition:box-shadow .3s ease}a.card{color:initial;text-decoration:none}@media (prefers-reduced-motion:reduce){.card{transition:none}}.card.disabled{opacity:var(--sgds-opacity-50);pointer-events:none}a.card:not(.disabled):focus-visible{--sgds-outline-offset-focus:-1px;outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.card-tinted-bg{border-radius:var(--sgds-border-radius-md);bottom:0;left:0;opacity:var(--sgds-opacity-0);position:absolute;right:0;top:0}.card-image{flex:1;position:relative}.card-media{align-items:flex-start;display:flex;justify-content:space-between;line-height:0;padding:var(--sgds-padding-xl) var(--sgds-padding-xl) var(--sgds-padding-none)}.card-body{color:var(--sgds-body-color-default);display:flex;flex:1 1 auto;flex-direction:column;gap:var(--sgds-gap-xl);padding:var(--sgds-padding-xl);z-index:1}.card-header-container{display:flex;flex-direction:column;gap:var(--sgds-gap-sm)}.card-header{display:flex;flex-direction:column;gap:var(--sgds-gap-xs)}.card-title,slot[name=title]::slotted(*){color:var(--sgds-body-color-default);font-size:var(--sgds-font-size-24)!important;font-weight:var(--sgds-font-weight-semibold)!important;margin-bottom:var(--sgds-margin-none)!important}slot[name=subtitle]::slotted(*){color:var(--sgds-color-subtle);font-size:var(--sgds-font-size-14)!important;font-weight:var(--sgds-font-weight-semibold)!important;letter-spacing:var(--sgds-letter-spacing-wide)!important;line-height:var(--sgds-line-height-20)!important;margin:var(--sgds-margin-none)!important;text-transform:uppercase}slot[name=title]::slotted(a){color:var(--sgds-link-color-default);font-size:var(--sgds-font-size-24)!important;font-weight:var(--sgds-font-weight-semibold)!important;margin-bottom:var(--sgds-margin-none)!important;text-decoration:none!important}slot[name=description]::slotted(*){--sgds-paragraph-spacing-xl:var(--sgds-margin-none);color:var(--sgds-color-subtle);margin-bottom:var(--sgds-paragraph-spacing-xl,--sgds-margin-none)}slot[name=image]::slotted(img){border-top-left-radius:calc(var(--sgds-border-radius-md) - var(--sgds-border-width-1));border-top-right-radius:calc(var(--sgds-border-radius-md) - var(--sgds-border-width-1));display:block;width:100%}slot[name=footer]::slotted(*),slot[name=link]::slotted(*){margin-top:auto;padding-top:var(--sgds-padding-sm);width:fit-content}slot[name=footer]::slotted(a),slot[name=link]::slotted(a){color:var(--sgds-link-color-default);height:auto!important;text-decoration:none!important}slot[name=footer]::slotted(a:focus),slot[name=footer]::slotted(a:hover),slot[name=link]::slotted(a:focus),slot[name=link]::slotted(a:hover),slot[name=title]::slotted(a:focus),slot[name=title]::slotted(a:hover){color:var(--sgds-link-color-emphasis)}slot[name=footer]::slotted(a:focus-visible),slot[name=link]::slotted(a:focus-visible),slot[name=title]::slotted(a:focus-visible){outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}`;
+var css_248z = css`:host([disabled]){cursor:not-allowed}:host(:not([noPadding])) .card:not(.disabled):hover{box-shadow:0 0 1px 0 hsla(0,0%,5%,.12),0 8px 16px 0 hsla(0,0%,5%,.12)}:host([stretchedLink]) slot[name=footer]::slotted(a),:host([stretchedLink]) slot[name=footer]::slotted(sgds-link),:host([stretchedLink]) slot[name=link]::slotted(a),:host([stretchedLink]) slot[name=link]::slotted(sgds-link){display:none}:host([stretchedLink]) .card:after{display:none}:host([orientation=horizontal]) .card{flex-direction:row}:host(:not([hideBorder])) .card{border:var(--sgds-border-width-1) solid var(--sgds-border-color-muted)}:host([orientation=horizontal]) .card-body{flex:1}:host([orientation=horizontal]) .card-media{padding:var(--sgds-padding-xl) var(--sgds-padding-none) var(--sgds-padding-xl) var(--sgds-padding-xl)}:host([orientation=horizontal]) .card-image{width:40%}:host([imagePosition=after]) .card-image{order:1}:host([orientation=vertical][imagePosition=after]) slot[name=image]::slotted(img){border-radius:calc(var(--sgds-border-radius-md) - var(--sgds-border-width-1));border-top-left-radius:var(--sgds-border-radius-none);border-top-right-radius:var(--sgds-border-radius-none)}:host([orientation=horizontal][imagePosition=after]) slot[name=image]::slotted(img){border-radius:calc(var(--sgds-border-radius-md) - var(--sgds-border-width-1));border-bottom-left-radius:var(--sgds-border-radius-none);border-top-left-radius:var(--sgds-border-radius-none)}:host([orientation=horizontal]) slot[name=image]::slotted(img){border-bottom-left-radius:calc(var(--sgds-border-radius-md) - var(--sgds-border-width-1));border-top-right-radius:var(--sgds-border-radius-none);height:100%;object-fit:cover}:host([orientation=vertical][imageAdjustment="padding around"]) .card-image{margin:var(--sgds-margin-xl) var(--sgds-margin-xl) var(--sgds-padding-none)}:host([orientation=vertical][imageAdjustment="padding around"][imagePosition=after]) .card-image{margin:var(--sgds-margin-none) var(--sgds-margin-xl) var(--sgds-margin-xl)}:host([orientation=horizontal][imageAdjustment="padding around"]) .card-image{margin:var(--sgds-margin-xl) var(--sgds-margin-none) var(--sgds-margin-xl) var(--sgds-margin-xl)}:host([orientation=horizontal][imageAdjustment="padding around"][imagePosition=after]) .card-image{margin:var(--sgds-margin-xl) var(--sgds-margin-xl) var(--sgds-margin-xl) var(--sgds-margin-none)}:host([orientation][imageAdjustment="padding around"]) slot[name=image]::slotted(img){border-radius:calc(var(--sgds-border-radius-md) - var(--sgds-border-width-1))}:host([orientation=vertical]:not([imageAdjustment="aspect ratio"])) slot[name=image]::slotted(img){height:auto}:host([orientation=vertical][imageAdjustment="aspect ratio"]) slot[name=image]::slotted(img){object-fit:cover}.card{word-wrap:break-word;background-clip:border-box;background-color:var(--sgds-surface-default);border:var(--sgds-border-width-1) solid var(--sgds-border-color-transparent);border-radius:var(--sgds-border-radius-md);box-shadow:none;display:flex;flex-direction:column;height:100%;min-width:0;position:relative;transition:box-shadow .3s ease}a.card{color:initial;text-decoration:none}@media (prefers-reduced-motion:reduce){.card{transition:none}}.card.disabled{opacity:var(--sgds-opacity-50);pointer-events:none}a.card:not(.disabled):focus-visible{--sgds-outline-offset-focus:-1px;outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.card-tinted-bg{border-radius:var(--sgds-border-radius-md);bottom:0;left:0;opacity:var(--sgds-opacity-0);position:absolute;right:0;top:0}.card-image{flex:1;position:relative}.card-media{align-items:flex-start;display:flex;justify-content:space-between;line-height:0;padding:var(--sgds-padding-xl) var(--sgds-padding-xl) var(--sgds-padding-none)}.card-body{color:var(--sgds-body-color-default);display:flex;flex:1 1 auto;flex-direction:column;gap:var(--sgds-gap-xl);padding:var(--sgds-padding-xl);z-index:1}.card-header-container{display:flex;flex-direction:column;gap:var(--sgds-gap-sm)}.card-header{display:flex;flex-direction:column;gap:var(--sgds-gap-xs)}.card-title,slot[name=title]::slotted(*){color:var(--sgds-body-color-default);font-size:var(--sgds-font-size-24)!important;font-weight:var(--sgds-font-weight-semibold)!important;margin-bottom:var(--sgds-margin-none)!important}slot[name=subtitle]::slotted(*){color:var(--sgds-color-subtle);font-size:var(--sgds-font-size-14)!important;font-weight:var(--sgds-font-weight-semibold)!important;letter-spacing:var(--sgds-letter-spacing-wide)!important;line-height:var(--sgds-line-height-20)!important;margin:var(--sgds-margin-none)!important;text-transform:uppercase}slot[name=title]::slotted(a){color:var(--sgds-link-color-default);font-size:var(--sgds-font-size-24)!important;font-weight:var(--sgds-font-weight-semibold)!important;margin-bottom:var(--sgds-margin-none)!important;text-decoration:none!important}slot[name=description]::slotted(*){--sgds-paragraph-spacing-xl:var(--sgds-margin-none);color:var(--sgds-color-subtle);margin-bottom:var(--sgds-paragraph-spacing-xl,--sgds-margin-none)}slot[name=image]::slotted(img){border-top-left-radius:calc(var(--sgds-border-radius-md) - var(--sgds-border-width-1));border-top-right-radius:calc(var(--sgds-border-radius-md) - var(--sgds-border-width-1));display:block;width:100%}slot[name=footer]::slotted(*),slot[name=link]::slotted(*){margin-top:auto;padding-top:var(--sgds-padding-sm);width:fit-content}slot[name=footer]::slotted(a),slot[name=link]::slotted(a){color:var(--sgds-link-color-default);height:auto!important;text-decoration:none!important}slot[name=footer]::slotted(a:focus),slot[name=footer]::slotted(a:hover),slot[name=link]::slotted(a:focus),slot[name=link]::slotted(a:hover),slot[name=title]::slotted(a:focus),slot[name=title]::slotted(a:hover){color:var(--sgds-link-color-emphasis)}slot[name=footer]::slotted(a:focus-visible),slot[name=link]::slotted(a:focus-visible),slot[name=title]::slotted(a:focus-visible){outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}`;
 
 export { css_248z as default };
 //# sourceMappingURL=card.js.map

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

@@ -35,7 +35,7 @@ let _;(g.reactiveElementVersions??=[]).push("2.1.2"),g.reactiveElementVersions.l
    * @license
    * Copyright 2017 Google LLC
    * SPDX-License-Identifier: BSD-3-Clause
-   */globalThis.litIssuedWarnings??=new Set,$=(e,t)=>{t+=e?` See https://lit.dev/msg/${e} for more information.`:"",globalThis.litIssuedWarnings.has(t)||globalThis.litIssuedWarnings.has(e)||(console.warn(t),globalThis.litIssuedWarnings.add(t))};const E=globalThis,P=e=>{E.emitLitDebugLogEvents&&E.dispatchEvent(new CustomEvent("lit-debug",{detail:e}))};let z,T=0;E.litIssuedWarnings??=new Set,z=(e,t)=>{t+=e?` See https://lit.dev/msg/${e} for more information.`:"",E.litIssuedWarnings.has(t)||E.litIssuedWarnings.has(e)||(console.warn(t),E.litIssuedWarnings.add(t))},queueMicrotask(()=>{z("dev-mode","Lit is in dev mode. Not recommended for production!")});const O=E.ShadyDOM?.inUse&&!0===E.ShadyDOM?.noPatch?E.ShadyDOM.wrap:e=>e,R=E.trustedTypes,D=R?R.createPolicy("lit-html",{createHTML:e=>e}):void 0,N=e=>e,I=(e,t,l)=>N,U=e=>{if(pe!==I)throw new Error("Attempted to overwrite existing lit-html security policy. setSanitizeDOMValueFactory should be called at most once.");pe=e},W=()=>{pe=I},F=(e,t,l)=>pe(e,t,l),q="$lit$",j=`lit$${Math.random().toFixed(9).slice(2)}$`,K="?"+j,J=`<${K}>`,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,le=/-->/g,ae=/>/g,ie=new RegExp(`>|${ee}(?:([^\\s"'>=/]+)(${ee}*=${ee}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),oe=/'/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$)&&z("","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,ue=Y.createTreeWalker(Y,129);let pe=I;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!==D?D.createHTML(t):t}class we{constructor({strings:e,_$litType$:t},l){let a;this.parts=[];let i=0,o=0;const n=e.length-1,r=this.parts,[s,c]=((e,t)=>{const l=e.length-1,a=[];let i,o=2===t?"<svg>":3===t?"<math>":"",n=te;for(let t=0;t<l;t++){const l=e[t];let r,s,c=-1,d=0;for(;d<l.length&&(n.lastIndex=d,s=n.exec(l),null!==s);)if(d=n.lastIndex,n===te){if("!--"===s[1])n=le;else if(void 0!==s[1])n=ae;else if(void 0!==s[2])re.test(s[2])&&(i=new RegExp(`</${s[2]}`,"g")),n=ie;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===ie?">"===s[0]?(n=i??te,c=-1):void 0===s[1]?c=-2:(c=n.lastIndex-s[2].length,r=s[1],n=void 0===s[3]?ie:'"'===s[3]?ne:oe):n===ne||n===oe?n=ie:n===le||n===ae?n=te:(n=ie,i=void 0);console.assert(-1===c||n===ie||n===oe||n===ne,"unexpected parse state B");const h=n===ie&&e[t+1].startsWith("/>")?" ":"";o+=n===te?l+J:c>=0?(a.push(r),l.slice(0,c)+q+l.slice(c)+j+h):l+j+(-2===c?t:h)}return[ge(e,o+(e[l]||"<?>")+(2===t?"</svg>":3===t?"</math>":"")),a]})(e,t);if(this.el=we.createElement(s,l),ue.currentNode=this.el.content,2===t||3===t){const e=this.el.content.firstChild;e.replaceWith(...e.childNodes)}for(;null!==(a=ue.nextNode())&&r.length<n;){if(1===a.nodeType){{const e=a.localName;if(/^(?:textarea|template)$/i.test(e)&&a.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);z("",t)}}if(a.hasAttributes())for(const e of a.getAttributeNames())if(e.endsWith(q)){const t=c[o++],l=a.getAttribute(e).split(j),n=/([.?@])?(.*)/.exec(t);r.push({type:1,index:i,name:n[2],strings:l,ctor:"."===n[1]?Ce:"?"===n[1]?Me:"@"===n[1]?be:Ze}),a.removeAttribute(e)}else e.startsWith(j)&&(r.push({type:6,index:i}),a.removeAttribute(e));if(re.test(a.tagName)){const e=a.textContent.split(j),t=e.length-1;if(t>0){a.textContent=R?R.emptyScript:"";for(let l=0;l<t;l++)a.append(e[l],X()),ue.nextNode(),r.push({type:2,index:++i});a.append(e[t],X())}}}else if(8===a.nodeType){if(a.data===K)r.push({type:2,index:i});else{let e=-1;for(;-1!==(e=a.data.indexOf(j,e+1));)r.push({type:7,index:i}),e+=j.length-1}}i++}if(c.length!==o)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("${...}")+"`");P&&P({kind:"template prep",template:this,clonableTemplate:this.el,parts:this.parts,strings:e})}static createElement(e,t){const l=Y.createElement("template");return l.innerHTML=e,l}}function fe(e,t,l=e,a){if(t===de)return t;let i=void 0!==a?l.__directives?.[a]:l.__directive;const o=G(t)?void 0:t._$litDirective$;return i?.constructor!==o&&(i?._$notifyDirectiveConnectionChanged?.(!1),void 0===o?i=void 0:(i=new o(e),i._$initialize(e,l,a)),void 0!==a?(l.__directives??=[])[a]=i:l.__directive=i),void 0!==i&&(t=fe(e,i._$resolve(e,t.values),i,a)),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:l}=this._$template,a=(e?.creationScope??Y).importNode(t,!0);ue.currentNode=a;let i=ue.nextNode(),o=0,n=0,r=l[0];for(;void 0!==r;){if(o===r.index){let t;2===r.type?t=new xe(i,i.nextSibling,this,e):1===r.type?t=new r.ctor(i,r.name,r.strings,this,e):6===r.type&&(t=new ye(i,this,e)),this._$parts.push(t),r=l[++n]}o!==r?.index&&(i=ue.nextNode(),o++)}return ue.currentNode=Y,a}_update(e){let t=0;for(const l of this._$parts)void 0!==l&&(P&&P({kind:"set part",part:l,value:e[t],valueIndex:t,values:e,templateInstance:this}),void 0!==l.strings?(l._$setValue(e,l,t),t+=l.strings.length-2):l._$setValue(e[t])),t++}}class xe{get _$isConnected(){return this._$parent?._$isConnected??this.__isConnected}constructor(e,t,l,a){this.type=2,this._$committedValue=he,this._$disconnectableChildren=void 0,this._$startNode=e,this._$endNode=t,this._$parent=l,this.options=a,this.__isConnected=a?.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=fe(this,e,t),G(e))e===he||null==e||""===e?(this._$committedValue!==he&&(P&&P({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(),pe!==I){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)}}P&&P({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),P&&P({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),P&&P({kind:"commit text",node:t,value:e,options:this.options}),t.data=e}this._$committedValue=e}_commitTemplateResult(e){const{values:t,_$litType$:l}=e,a="number"==typeof l?this._$getTemplate(e):(void 0===l.el&&(l.el=we.createElement(ge(l.h,l.h[0]),this.options)),l);if(this._$committedValue?._$template===a)P&&P({kind:"template updating",template:a,instance:this._$committedValue,parts:this._$committedValue._$parts,options:this.options,values:t}),this._$committedValue._update(t);else{const e=new me(a,this),l=e._clone(this.options);P&&P({kind:"template instantiated",template:a,instance:e,parts:e._$parts,options:this.options,fragment:l,values:t}),e._update(t),P&&P({kind:"template instantiated and updated",template:a,instance:e,parts:e._$parts,options:this.options,fragment:l,values:t}),this._commitNode(l),this._$committedValue=e}}_$getTemplate(e){let t=ve.get(e.strings);return void 0===t&&ve.set(e.strings,t=new we(e)),t}_commitIterable(e){Q(this._$committedValue)||(this._$committedValue=[],this._$clear());const t=this._$committedValue;let l,a=0;for(const i of e)a===t.length?t.push(l=new xe(this._insert(X()),this._insert(X()),this,this.options)):l=t[a],l._$setValue(i),a++;a<t.length&&(this._$clear(l&&O(l._$endNode).nextSibling,a),t.length=a)}_$clear(e=O(this._$startNode).nextSibling,t){for(this._$notifyConnectionChanged?.(!1,!0,t);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 Ze{get tagName(){return this.element.tagName}get _$isConnected(){return this._$parent._$isConnected}constructor(e,t,l,a,i){this.type=1,this._$committedValue=he,this._$disconnectableChildren=void 0,this.element=e,this.name=t,this._$parent=a,this.options=i,l.length>2||""!==l[0]||""!==l[1]?(this._$committedValue=new Array(l.length-1).fill(new String),this.strings=l):this._$committedValue=he,this._sanitizer=void 0}_$setValue(e,t=this,l,a){const i=this.strings;let o=!1;if(void 0===i)e=fe(this,e,t,0),o=!G(e)||e!==this._$committedValue&&e!==de,o&&(this._$committedValue=e);else{const a=e;let n,r;for(e=i[0],n=0;n<i.length-1;n++)r=fe(this,a[l+n],t,n),r===de&&(r=this._$committedValue[n]),o||=!G(r)||r!==this._$committedValue[n],r===he?e=he:e!==he&&(e+=(r??"")+i[n+1]),this._$committedValue[n]=r}o&&!a&&this._commitValue(e)}_commitValue(e){e===he?O(this.element).removeAttribute(this.name):(void 0===this._sanitizer&&(this._sanitizer=pe(this.element,this.name,"attribute")),e=this._sanitizer(e??""),P&&P({kind:"commit attribute",element:this.element,name:this.name,value:e,options:this.options}),O(this.element).setAttribute(this.name,e??""))}}class Ce extends Ze{constructor(){super(...arguments),this.type=3}_commitValue(e){void 0===this._sanitizer&&(this._sanitizer=pe(this.element,this.name,"property")),e=this._sanitizer(e),P&&P({kind:"commit property",element:this.element,name:this.name,value:e,options:this.options}),this.element[this.name]=e===he?void 0:e}}class Me extends Ze{constructor(){super(...arguments),this.type=4}_commitValue(e){P&&P({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 be extends Ze{constructor(e,t,l,a,i){if(super(e,t,l,a,i),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=fe(this,e,t,0)??he)===de)return;const l=this._$committedValue,a=e===he&&l!==he||e.capture!==l.capture||e.once!==l.once||e.passive!==l.passive,i=e!==he&&(l===he||a);P&&P({kind:"commit event listener",element:this.element,name:this.name,value:e,options:this.options,removeListener:a,addListener:i,oldListener:l}),a&&this.element.removeEventListener(this.name,this,l),i&&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 ye{constructor(e,t,l){this.element=e,this.type=6,this._$disconnectableChildren=void 0,this._$parent=t,this.options=l}get _$isConnected(){return this._$parent._$isConnected}_$setValue(e){P&&P({kind:"commit to element binding",element:this.element,value:e,options:this.options}),fe(this,e)}}const _e=E.litHtmlPolyfillSupportDevMode;_e?.(we,xe),(E.litHtmlVersions??=[]).push("3.3.2"),E.litHtmlVersions.length>1&&queueMicrotask(()=>{z("multiple-versions","Multiple versions of Lit loaded. Loading multiple versions is not recommended.")});const Ve=(e,t,l)=>{if(null==t)throw new TypeError(`The container to render into may not be ${t}`);const a=T++,i=l?.renderBefore??t;let o=i._$litPart$;if(P&&P({kind:"begin render",id:a,value:e,container:t,options:l,part:o}),void 0===o){const e=l?.renderBefore??null;i._$litPart$=o=new xe(t.insertBefore(X(),e),e,void 0,l??{})}return o._$setValue(e),P&&P({kind:"end render",id:a,value:e,container:t,options:l,part:o}),o};Ve.setSanitizer=U,Ve.createSanitizer=F,Ve._testOnlyClearSanitizerFactoryDoNotCallOrElse=W;
+   */globalThis.litIssuedWarnings??=new Set,$=(e,t)=>{t+=e?` See https://lit.dev/msg/${e} for more information.`:"",globalThis.litIssuedWarnings.has(t)||globalThis.litIssuedWarnings.has(e)||(console.warn(t),globalThis.litIssuedWarnings.add(t))};const E=globalThis,P=e=>{E.emitLitDebugLogEvents&&E.dispatchEvent(new CustomEvent("lit-debug",{detail:e}))};let z,T=0;E.litIssuedWarnings??=new Set,z=(e,t)=>{t+=e?` See https://lit.dev/msg/${e} for more information.`:"",E.litIssuedWarnings.has(t)||E.litIssuedWarnings.has(e)||(console.warn(t),E.litIssuedWarnings.add(t))},queueMicrotask(()=>{z("dev-mode","Lit is in dev mode. Not recommended for production!")});const O=E.ShadyDOM?.inUse&&!0===E.ShadyDOM?.noPatch?E.ShadyDOM.wrap:e=>e,R=E.trustedTypes,D=R?R.createPolicy("lit-html",{createHTML:e=>e}):void 0,I=e=>e,N=(e,t,l)=>I,U=e=>{if(pe!==N)throw new Error("Attempted to overwrite existing lit-html security policy. setSanitizeDOMValueFactory should be called at most once.");pe=e},W=()=>{pe=N},F=(e,t,l)=>pe(e,t,l),q="$lit$",j=`lit$${Math.random().toFixed(9).slice(2)}$`,K="?"+j,J=`<${K}>`,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,le=/-->/g,ae=/>/g,ie=new RegExp(`>|${ee}(?:([^\\s"'>=/]+)(${ee}*=${ee}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),oe=/'/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$)&&z("","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,ue=Y.createTreeWalker(Y,129);let pe=N;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!==D?D.createHTML(t):t}class we{constructor({strings:e,_$litType$:t},l){let a;this.parts=[];let i=0,o=0;const n=e.length-1,r=this.parts,[s,c]=((e,t)=>{const l=e.length-1,a=[];let i,o=2===t?"<svg>":3===t?"<math>":"",n=te;for(let t=0;t<l;t++){const l=e[t];let r,s,c=-1,d=0;for(;d<l.length&&(n.lastIndex=d,s=n.exec(l),null!==s);)if(d=n.lastIndex,n===te){if("!--"===s[1])n=le;else if(void 0!==s[1])n=ae;else if(void 0!==s[2])re.test(s[2])&&(i=new RegExp(`</${s[2]}`,"g")),n=ie;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===ie?">"===s[0]?(n=i??te,c=-1):void 0===s[1]?c=-2:(c=n.lastIndex-s[2].length,r=s[1],n=void 0===s[3]?ie:'"'===s[3]?ne:oe):n===ne||n===oe?n=ie:n===le||n===ae?n=te:(n=ie,i=void 0);console.assert(-1===c||n===ie||n===oe||n===ne,"unexpected parse state B");const h=n===ie&&e[t+1].startsWith("/>")?" ":"";o+=n===te?l+J:c>=0?(a.push(r),l.slice(0,c)+q+l.slice(c)+j+h):l+j+(-2===c?t:h)}return[ge(e,o+(e[l]||"<?>")+(2===t?"</svg>":3===t?"</math>":"")),a]})(e,t);if(this.el=we.createElement(s,l),ue.currentNode=this.el.content,2===t||3===t){const e=this.el.content.firstChild;e.replaceWith(...e.childNodes)}for(;null!==(a=ue.nextNode())&&r.length<n;){if(1===a.nodeType){{const e=a.localName;if(/^(?:textarea|template)$/i.test(e)&&a.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);z("",t)}}if(a.hasAttributes())for(const e of a.getAttributeNames())if(e.endsWith(q)){const t=c[o++],l=a.getAttribute(e).split(j),n=/([.?@])?(.*)/.exec(t);r.push({type:1,index:i,name:n[2],strings:l,ctor:"."===n[1]?Ce:"?"===n[1]?Me:"@"===n[1]?be:Ze}),a.removeAttribute(e)}else e.startsWith(j)&&(r.push({type:6,index:i}),a.removeAttribute(e));if(re.test(a.tagName)){const e=a.textContent.split(j),t=e.length-1;if(t>0){a.textContent=R?R.emptyScript:"";for(let l=0;l<t;l++)a.append(e[l],X()),ue.nextNode(),r.push({type:2,index:++i});a.append(e[t],X())}}}else if(8===a.nodeType){if(a.data===K)r.push({type:2,index:i});else{let e=-1;for(;-1!==(e=a.data.indexOf(j,e+1));)r.push({type:7,index:i}),e+=j.length-1}}i++}if(c.length!==o)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("${...}")+"`");P&&P({kind:"template prep",template:this,clonableTemplate:this.el,parts:this.parts,strings:e})}static createElement(e,t){const l=Y.createElement("template");return l.innerHTML=e,l}}function fe(e,t,l=e,a){if(t===de)return t;let i=void 0!==a?l.__directives?.[a]:l.__directive;const o=G(t)?void 0:t._$litDirective$;return i?.constructor!==o&&(i?._$notifyDirectiveConnectionChanged?.(!1),void 0===o?i=void 0:(i=new o(e),i._$initialize(e,l,a)),void 0!==a?(l.__directives??=[])[a]=i:l.__directive=i),void 0!==i&&(t=fe(e,i._$resolve(e,t.values),i,a)),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:l}=this._$template,a=(e?.creationScope??Y).importNode(t,!0);ue.currentNode=a;let i=ue.nextNode(),o=0,n=0,r=l[0];for(;void 0!==r;){if(o===r.index){let t;2===r.type?t=new xe(i,i.nextSibling,this,e):1===r.type?t=new r.ctor(i,r.name,r.strings,this,e):6===r.type&&(t=new ye(i,this,e)),this._$parts.push(t),r=l[++n]}o!==r?.index&&(i=ue.nextNode(),o++)}return ue.currentNode=Y,a}_update(e){let t=0;for(const l of this._$parts)void 0!==l&&(P&&P({kind:"set part",part:l,value:e[t],valueIndex:t,values:e,templateInstance:this}),void 0!==l.strings?(l._$setValue(e,l,t),t+=l.strings.length-2):l._$setValue(e[t])),t++}}class xe{get _$isConnected(){return this._$parent?._$isConnected??this.__isConnected}constructor(e,t,l,a){this.type=2,this._$committedValue=he,this._$disconnectableChildren=void 0,this._$startNode=e,this._$endNode=t,this._$parent=l,this.options=a,this.__isConnected=a?.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=fe(this,e,t),G(e))e===he||null==e||""===e?(this._$committedValue!==he&&(P&&P({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(),pe!==N){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)}}P&&P({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),P&&P({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),P&&P({kind:"commit text",node:t,value:e,options:this.options}),t.data=e}this._$committedValue=e}_commitTemplateResult(e){const{values:t,_$litType$:l}=e,a="number"==typeof l?this._$getTemplate(e):(void 0===l.el&&(l.el=we.createElement(ge(l.h,l.h[0]),this.options)),l);if(this._$committedValue?._$template===a)P&&P({kind:"template updating",template:a,instance:this._$committedValue,parts:this._$committedValue._$parts,options:this.options,values:t}),this._$committedValue._update(t);else{const e=new me(a,this),l=e._clone(this.options);P&&P({kind:"template instantiated",template:a,instance:e,parts:e._$parts,options:this.options,fragment:l,values:t}),e._update(t),P&&P({kind:"template instantiated and updated",template:a,instance:e,parts:e._$parts,options:this.options,fragment:l,values:t}),this._commitNode(l),this._$committedValue=e}}_$getTemplate(e){let t=ve.get(e.strings);return void 0===t&&ve.set(e.strings,t=new we(e)),t}_commitIterable(e){Q(this._$committedValue)||(this._$committedValue=[],this._$clear());const t=this._$committedValue;let l,a=0;for(const i of e)a===t.length?t.push(l=new xe(this._insert(X()),this._insert(X()),this,this.options)):l=t[a],l._$setValue(i),a++;a<t.length&&(this._$clear(l&&O(l._$endNode).nextSibling,a),t.length=a)}_$clear(e=O(this._$startNode).nextSibling,t){for(this._$notifyConnectionChanged?.(!1,!0,t);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 Ze{get tagName(){return this.element.tagName}get _$isConnected(){return this._$parent._$isConnected}constructor(e,t,l,a,i){this.type=1,this._$committedValue=he,this._$disconnectableChildren=void 0,this.element=e,this.name=t,this._$parent=a,this.options=i,l.length>2||""!==l[0]||""!==l[1]?(this._$committedValue=new Array(l.length-1).fill(new String),this.strings=l):this._$committedValue=he,this._sanitizer=void 0}_$setValue(e,t=this,l,a){const i=this.strings;let o=!1;if(void 0===i)e=fe(this,e,t,0),o=!G(e)||e!==this._$committedValue&&e!==de,o&&(this._$committedValue=e);else{const a=e;let n,r;for(e=i[0],n=0;n<i.length-1;n++)r=fe(this,a[l+n],t,n),r===de&&(r=this._$committedValue[n]),o||=!G(r)||r!==this._$committedValue[n],r===he?e=he:e!==he&&(e+=(r??"")+i[n+1]),this._$committedValue[n]=r}o&&!a&&this._commitValue(e)}_commitValue(e){e===he?O(this.element).removeAttribute(this.name):(void 0===this._sanitizer&&(this._sanitizer=pe(this.element,this.name,"attribute")),e=this._sanitizer(e??""),P&&P({kind:"commit attribute",element:this.element,name:this.name,value:e,options:this.options}),O(this.element).setAttribute(this.name,e??""))}}class Ce extends Ze{constructor(){super(...arguments),this.type=3}_commitValue(e){void 0===this._sanitizer&&(this._sanitizer=pe(this.element,this.name,"property")),e=this._sanitizer(e),P&&P({kind:"commit property",element:this.element,name:this.name,value:e,options:this.options}),this.element[this.name]=e===he?void 0:e}}class Me extends Ze{constructor(){super(...arguments),this.type=4}_commitValue(e){P&&P({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 be extends Ze{constructor(e,t,l,a,i){if(super(e,t,l,a,i),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=fe(this,e,t,0)??he)===de)return;const l=this._$committedValue,a=e===he&&l!==he||e.capture!==l.capture||e.once!==l.once||e.passive!==l.passive,i=e!==he&&(l===he||a);P&&P({kind:"commit event listener",element:this.element,name:this.name,value:e,options:this.options,removeListener:a,addListener:i,oldListener:l}),a&&this.element.removeEventListener(this.name,this,l),i&&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 ye{constructor(e,t,l){this.element=e,this.type=6,this._$disconnectableChildren=void 0,this._$parent=t,this.options=l}get _$isConnected(){return this._$parent._$isConnected}_$setValue(e){P&&P({kind:"commit to element binding",element:this.element,value:e,options:this.options}),fe(this,e)}}const _e=E.litHtmlPolyfillSupportDevMode;_e?.(we,xe),(E.litHtmlVersions??=[]).push("3.3.2"),E.litHtmlVersions.length>1&&queueMicrotask(()=>{z("multiple-versions","Multiple versions of Lit loaded. Loading multiple versions is not recommended.")});const Ve=(e,t,l)=>{if(null==t)throw new TypeError(`The container to render into may not be ${t}`);const a=T++,i=l?.renderBefore??t;let o=i._$litPart$;if(P&&P({kind:"begin render",id:a,value:e,container:t,options:l,part:o}),void 0===o){const e=l?.renderBefore??null;i._$litPart$=o=new xe(t.insertBefore(X(),e),e,void 0,l??{})}return o._$setValue(e),P&&P({kind:"end render",id:a,value:e,container:t,options:l,part:o}),o};Ve.setSanitizer=U,Ve.createSanitizer=F,Ve._testOnlyClearSanitizerFactoryDoNotCallOrElse=W;
 /**
    * @license
    * Copyright 2018 Google LLC
@@ -57,7 +57,7 @@ const Se=globalThis;let Le;Se.litIssuedWarnings??=new Set,Le=(e,t)=>{t+=` See ht
    * @license
    * Copyright 2020 Google LLC
    * SPDX-License-Identifier: BSD-3-Clause
-   */;window.ShadyDOM?.inUse&&!0===window.ShadyDOM?.noPatch&&window.ShadyDOM.wrap;const De=1,Ne=2,Ie=e=>(...t)=>({_$litDirective$:e,values:t});
+   */;window.ShadyDOM?.inUse&&!0===window.ShadyDOM?.noPatch&&window.ShadyDOM.wrap;const De=1,Ie=2,Ne=e=>(...t)=>({_$litDirective$:e,values:t});
 /**
    * @license
    * Copyright 2017 Google LLC
@@ -67,27 +67,21 @@ const Se=globalThis;let Le;Se.litIssuedWarnings??=new Set,Le=(e,t)=>{t+=` See ht
    * @license
    * Copyright 2017 Google LLC
    * SPDX-License-Identifier: BSD-3-Clause
-   */const We=(e,t)=>{const l=e._$disconnectableChildren;if(void 0===l)return!1;for(const e of l)e._$notifyDirectiveConnectionChanged?.(t,!1),We(e,t);return!0},Fe=e=>{let t,l;do{if(void 0===(t=e._$parent))break;l=t._$disconnectableChildren,l.delete(e),e=t}while(0===l?.size)},qe=e=>{for(let t;t=e._$parent;e=t){let l=t._$disconnectableChildren;if(void 0===l)t._$disconnectableChildren=l=new Set;else if(l.has(e))break;l.add(e),Je(t)}};function je(e){void 0!==this._$disconnectableChildren?(Fe(this),this._$parent=e,qe(this)):this._$parent=e}function Ke(e,t=!1,l=0){const a=this._$committedValue,i=this._$disconnectableChildren;if(void 0!==i&&0!==i.size)if(t)if(Array.isArray(a))for(let e=l;e<a.length;e++)We(a[e],!1),Fe(a[e]);else null!=a&&(We(a,!1),Fe(a));else We(this,e)}const Je=e=>{e.type==Ne&&(e._$notifyConnectionChanged??=Ke,e._$reparentDisconnectables??=je)};class Ye extends Ue{constructor(){super(...arguments),this._$disconnectableChildren=void 0}_$initialize(e,t,l){super._$initialize(e,t,l),qe(this),this.isConnected=e._$isConnected}_$notifyDirectiveConnectionChanged(e,t=!0){e!==this.isConnected&&(this.isConnected=e,e?this.reconnected?.():this.disconnected?.()),t&&(We(this,e),Fe(this))}setValue(e){if(void 0===this.__part.strings)this.__part._$setValue(e,this);else{if(void 0===this.__attributeIndex)throw new Error("Expected this.__attributeIndex to be a number");const t=[...this.__part._$committedValue];t[this.__attributeIndex]=e,this.__part._$setValue(t,this,0)}}disconnected(){}reconnected(){}}
+   */const We=(e,t)=>{const l=e._$disconnectableChildren;if(void 0===l)return!1;for(const e of l)e._$notifyDirectiveConnectionChanged?.(t,!1),We(e,t);return!0},Fe=e=>{let t,l;do{if(void 0===(t=e._$parent))break;l=t._$disconnectableChildren,l.delete(e),e=t}while(0===l?.size)},qe=e=>{for(let t;t=e._$parent;e=t){let l=t._$disconnectableChildren;if(void 0===l)t._$disconnectableChildren=l=new Set;else if(l.has(e))break;l.add(e),Je(t)}};function je(e){void 0!==this._$disconnectableChildren?(Fe(this),this._$parent=e,qe(this)):this._$parent=e}function Ke(e,t=!1,l=0){const a=this._$committedValue,i=this._$disconnectableChildren;if(void 0!==i&&0!==i.size)if(t)if(Array.isArray(a))for(let e=l;e<a.length;e++)We(a[e],!1),Fe(a[e]);else null!=a&&(We(a,!1),Fe(a));else We(this,e)}const Je=e=>{e.type==Ie&&(e._$notifyConnectionChanged??=Ke,e._$reparentDisconnectables??=je)};class Ye extends Ue{constructor(){super(...arguments),this._$disconnectableChildren=void 0}_$initialize(e,t,l){super._$initialize(e,t,l),qe(this),this.isConnected=e._$isConnected}_$notifyDirectiveConnectionChanged(e,t=!0){e!==this.isConnected&&(this.isConnected=e,e?this.reconnected?.():this.disconnected?.()),t&&(We(this,e),Fe(this))}setValue(e){if(void 0===this.__part.strings)this.__part._$setValue(e,this);else{if(void 0===this.__attributeIndex)throw new Error("Expected this.__attributeIndex to be a number");const t=[...this.__part._$committedValue];t[this.__attributeIndex]=e,this.__part._$setValue(t,this,0)}}disconnected(){}reconnected(){}}
 /**
    * @license
    * Copyright 2020 Google LLC
    * SPDX-License-Identifier: BSD-3-Clause
-   */const Xe=()=>new Ge;class Ge{}const Qe=new WeakMap;const et=Ie(class extends Ye{render(e){return he}update(e,[t]){const l=t!==this._ref;return l&&void 0!==this._ref&&this._updateRefValue(void 0),(l||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 l=Qe.get(t);void 0===l&&(l=new WeakMap,Qe.set(t,l)),void 0!==l.get(this._ref)&&this._ref.call(this._context,void 0),l.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?Qe.get(this._context??globalThis)?.get(this._ref):this._ref?.value}disconnected(){this._lastElementForRef===this._element&&this._updateRefValue(void 0)}reconnected(){this._updateRefValue(this._element)}}),tt=Math.min,lt=Math.max,at=Math.round,it=Math.floor,ot=e=>({x:e,y:e}),nt={left:"right",right:"left",bottom:"top",top:"bottom"},rt={start:"end",end:"start"};function st(e,t,l){return lt(e,tt(t,l))}function ct(e,t){return"function"==typeof e?e(t):e}function dt(e){return e.split("-")[0]}function ht(e){return e.split("-")[1]}function vt(e){return"x"===e?"y":"x"}function ut(e){return"y"===e?"height":"width"}const pt=new Set(["top","bottom"]);function gt(e){return pt.has(dt(e))?"y":"x"}function wt(e){return vt(gt(e))}function ft(e,t,l){void 0===l&&(l=!1);const a=ht(e),i=wt(e),o=ut(i);let n="x"===i?a===(l?"end":"start")?"right":"left":"start"===a?"bottom":"top";return t.reference[o]>t.floating[o]&&(n=yt(n)),[n,yt(n)]}function mt(e){return e.replace(/start|end/g,e=>rt[e])}const xt=["left","right"],Zt=["right","left"],Ct=["top","bottom"],Mt=["bottom","top"];function bt(e,t,l,a){const i=ht(e);let o=function(e,t,l){switch(e){case"top":case"bottom":return l?t?Zt:xt:t?xt:Zt;case"left":case"right":return t?Ct:Mt;default:return[]}}(dt(e),"start"===l,a);return i&&(o=o.map(e=>e+"-"+i),t&&(o=o.concat(o.map(mt)))),o}function yt(e){return e.replace(/left|right|bottom|top/g,e=>nt[e])}function _t(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 Vt(e){const{x:t,y:l,width:a,height:i}=e;return{width:a,height:i,top:l,left:t,right:t+a,bottom:l+i,x:t,y:l}}function Ht(e,t,l){let{reference:a,floating:i}=e;const o=gt(t),n=wt(t),r=ut(n),s=dt(t),c="y"===o,d=a.x+a.width/2-i.width/2,h=a.y+a.height/2-i.height/2,v=a[r]/2-i[r]/2;let u;switch(s){case"top":u={x:d,y:a.y-i.height};break;case"bottom":u={x:d,y:a.y+a.height};break;case"right":u={x:a.x+a.width,y:h};break;case"left":u={x:a.x-i.width,y:h};break;default:u={x:a.x,y:a.y}}switch(ht(t)){case"start":u[n]-=v*(l&&c?-1:1);break;case"end":u[n]+=v*(l&&c?-1:1)}return u}async function kt(e,t){var l;void 0===t&&(t={});const{x:a,y:i,platform:o,rects:n,elements:r,strategy:s}=e,{boundary:c="clippingAncestors",rootBoundary:d="viewport",elementContext:h="floating",altBoundary:v=!1,padding:u=0}=ct(t,e),p=_t(u),g=r[v?"floating"===h?"reference":"floating":h],w=Vt(await o.getClippingRect({element:null==(l=await(null==o.isElement?void 0:o.isElement(g)))||l?g:g.contextElement||await(null==o.getDocumentElement?void 0:o.getDocumentElement(r.floating)),boundary:c,rootBoundary:d,strategy:s})),f="floating"===h?{x:a,y:i,width:n.floating.width,height:n.floating.height}:n.reference,m=await(null==o.getOffsetParent?void 0:o.getOffsetParent(r.floating)),x=await(null==o.isElement?void 0:o.isElement(m))&&await(null==o.getScale?void 0:o.getScale(m))||{x:1,y:1},Z=Vt(o.convertOffsetParentRelativeRectToViewportRelativeRect?await o.convertOffsetParentRelativeRectToViewportRelativeRect({elements:r,rect:f,offsetParent:m,strategy:s}):f);return{top:(w.top-Z.top+p.top)/x.y,bottom:(Z.bottom-w.bottom+p.bottom)/x.y,left:(w.left-Z.left+p.left)/x.x,right:(Z.right-w.right+p.right)/x.x}}const Bt=new Set(["left","top"]);function At(){return"undefined"!=typeof window}function $t(e){return Et(e)?(e.nodeName||"").toLowerCase():"#document"}function St(e){var t;return(null==e||null==(t=e.ownerDocument)?void 0:t.defaultView)||window}function Lt(e){var t;return null==(t=(Et(e)?e.ownerDocument:e.document)||window.document)?void 0:t.documentElement}function Et(e){return!!At()&&(e instanceof Node||e instanceof St(e).Node)}function Pt(e){return!!At()&&(e instanceof Element||e instanceof St(e).Element)}function zt(e){return!!At()&&(e instanceof HTMLElement||e instanceof St(e).HTMLElement)}function Tt(e){return!(!At()||"undefined"==typeof ShadowRoot)&&(e instanceof ShadowRoot||e instanceof St(e).ShadowRoot)}const Ot=new Set(["inline","contents"]);function Rt(e){const{overflow:t,overflowX:l,overflowY:a,display:i}=Xt(e);return/auto|scroll|overlay|hidden|clip/.test(t+a+l)&&!Ot.has(i)}const Dt=new Set(["table","td","th"]);function Nt(e){return Dt.has($t(e))}const It=[":popover-open",":modal"];function Ut(e){return It.some(t=>{try{return e.matches(t)}catch(e){return!1}})}const Wt=["transform","translate","scale","rotate","perspective"],Ft=["transform","translate","scale","rotate","perspective","filter"],qt=["paint","layout","strict","content"];function jt(e){const t=Kt(),l=Pt(e)?Xt(e):e;return Wt.some(e=>!!l[e]&&"none"!==l[e])||!!l.containerType&&"normal"!==l.containerType||!t&&!!l.backdropFilter&&"none"!==l.backdropFilter||!t&&!!l.filter&&"none"!==l.filter||Ft.some(e=>(l.willChange||"").includes(e))||qt.some(e=>(l.contain||"").includes(e))}function Kt(){return!("undefined"==typeof CSS||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}const Jt=new Set(["html","body","#document"]);function Yt(e){return Jt.has($t(e))}function Xt(e){return St(e).getComputedStyle(e)}function Gt(e){return Pt(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.scrollX,scrollTop:e.scrollY}}function Qt(e){if("html"===$t(e))return e;const t=e.assignedSlot||e.parentNode||Tt(e)&&e.host||Lt(e);return Tt(t)?t.host:t}function el(e){const t=Qt(e);return Yt(t)?e.ownerDocument?e.ownerDocument.body:e.body:zt(t)&&Rt(t)?t:el(t)}function tl(e,t,l){var a;void 0===t&&(t=[]),void 0===l&&(l=!0);const i=el(e),o=i===(null==(a=e.ownerDocument)?void 0:a.body),n=St(i);if(o){const e=ll(n);return t.concat(n,n.visualViewport||[],Rt(i)?i:[],e&&l?tl(e):[])}return t.concat(i,tl(i,[],l))}function ll(e){return e.parent&&Object.getPrototypeOf(e.parent)?e.frameElement:null}function al(e){const t=Xt(e);let l=parseFloat(t.width)||0,a=parseFloat(t.height)||0;const i=zt(e),o=i?e.offsetWidth:l,n=i?e.offsetHeight:a,r=at(l)!==o||at(a)!==n;return r&&(l=o,a=n),{width:l,height:a,$:r}}function il(e){return Pt(e)?e:e.contextElement}function ol(e){const t=il(e);if(!zt(t))return ot(1);const l=t.getBoundingClientRect(),{width:a,height:i,$:o}=al(t);let n=(o?at(l.width):l.width)/a,r=(o?at(l.height):l.height)/i;return n&&Number.isFinite(n)||(n=1),r&&Number.isFinite(r)||(r=1),{x:n,y:r}}const nl=ot(0);function rl(e){const t=St(e);return Kt()&&t.visualViewport?{x:t.visualViewport.offsetLeft,y:t.visualViewport.offsetTop}:nl}function sl(e,t,l,a){void 0===t&&(t=!1),void 0===l&&(l=!1);const i=e.getBoundingClientRect(),o=il(e);let n=ot(1);t&&(a?Pt(a)&&(n=ol(a)):n=ol(e));const r=function(e,t,l){return void 0===t&&(t=!1),!(!l||t&&l!==St(e))&&t}(o,l,a)?rl(o):ot(0);let s=(i.left+r.x)/n.x,c=(i.top+r.y)/n.y,d=i.width/n.x,h=i.height/n.y;if(o){const e=St(o),t=a&&Pt(a)?St(a):a;let l=e,i=ll(l);for(;i&&a&&t!==l;){const e=ol(i),t=i.getBoundingClientRect(),a=Xt(i),o=t.left+(i.clientLeft+parseFloat(a.paddingLeft))*e.x,n=t.top+(i.clientTop+parseFloat(a.paddingTop))*e.y;s*=e.x,c*=e.y,d*=e.x,h*=e.y,s+=o,c+=n,l=St(i),i=ll(l)}}return Vt({width:d,height:h,x:s,y:c})}function cl(e,t){const l=Gt(e).scrollLeft;return t?t.left+l:sl(Lt(e)).left+l}function dl(e,t){const l=e.getBoundingClientRect();return{x:l.left+t.scrollLeft-cl(e,l),y:l.top+t.scrollTop}}const hl=new Set(["absolute","fixed"]);function vl(e,t,l){let a;if("viewport"===t)a=function(e,t){const l=St(e),a=Lt(e),i=l.visualViewport;let o=a.clientWidth,n=a.clientHeight,r=0,s=0;if(i){o=i.width,n=i.height;const e=Kt();(!e||e&&"fixed"===t)&&(r=i.offsetLeft,s=i.offsetTop)}const c=cl(a);if(c<=0){const e=a.ownerDocument,t=e.body,l=getComputedStyle(t),i="CSS1Compat"===e.compatMode&&parseFloat(l.marginLeft)+parseFloat(l.marginRight)||0,n=Math.abs(a.clientWidth-t.clientWidth-i);n<=25&&(o-=n)}else c<=25&&(o+=c);return{width:o,height:n,x:r,y:s}}(e,l);else if("document"===t)a=function(e){const t=Lt(e),l=Gt(e),a=e.ownerDocument.body,i=lt(t.scrollWidth,t.clientWidth,a.scrollWidth,a.clientWidth),o=lt(t.scrollHeight,t.clientHeight,a.scrollHeight,a.clientHeight);let n=-l.scrollLeft+cl(e);const r=-l.scrollTop;return"rtl"===Xt(a).direction&&(n+=lt(t.clientWidth,a.clientWidth)-i),{width:i,height:o,x:n,y:r}}(Lt(e));else if(Pt(t))a=function(e,t){const l=sl(e,!0,"fixed"===t),a=l.top+e.clientTop,i=l.left+e.clientLeft,o=zt(e)?ol(e):ot(1);return{width:e.clientWidth*o.x,height:e.clientHeight*o.y,x:i*o.x,y:a*o.y}}(t,l);else{const l=rl(e);a={x:t.x-l.x,y:t.y-l.y,width:t.width,height:t.height}}return Vt(a)}function ul(e,t){const l=Qt(e);return!(l===t||!Pt(l)||Yt(l))&&("fixed"===Xt(l).position||ul(l,t))}function pl(e,t,l){const a=zt(t),i=Lt(t),o="fixed"===l,n=sl(e,!0,o,t);let r={scrollLeft:0,scrollTop:0};const s=ot(0);function c(){s.x=cl(i)}if(a||!a&&!o)if(("body"!==$t(t)||Rt(i))&&(r=Gt(t)),a){const e=sl(t,!0,o,t);s.x=e.x+t.clientLeft,s.y=e.y+t.clientTop}else i&&c();o&&!a&&i&&c();const d=!i||a||o?ot(0):dl(i,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 gl(e){return"static"===Xt(e).position}function wl(e,t){if(!zt(e)||"fixed"===Xt(e).position)return null;if(t)return t(e);let l=e.offsetParent;return Lt(e)===l&&(l=l.ownerDocument.body),l}function fl(e,t){const l=St(e);if(Ut(e))return l;if(!zt(e)){let t=Qt(e);for(;t&&!Yt(t);){if(Pt(t)&&!gl(t))return t;t=Qt(t)}return l}let a=wl(e,t);for(;a&&Nt(a)&&gl(a);)a=wl(a,t);return a&&Yt(a)&&gl(a)&&!jt(a)?l:a||function(e){let t=Qt(e);for(;zt(t)&&!Yt(t);){if(jt(t))return t;if(Ut(t))return null;t=Qt(t)}return null}(e)||l}const ml={convertOffsetParentRelativeRectToViewportRelativeRect:function(e){let{elements:t,rect:l,offsetParent:a,strategy:i}=e;const o="fixed"===i,n=Lt(a),r=!!t&&Ut(t.floating);if(a===n||r&&o)return l;let s={scrollLeft:0,scrollTop:0},c=ot(1);const d=ot(0),h=zt(a);if((h||!h&&!o)&&(("body"!==$t(a)||Rt(n))&&(s=Gt(a)),zt(a))){const e=sl(a);c=ol(a),d.x=e.x+a.clientLeft,d.y=e.y+a.clientTop}const v=!n||h||o?ot(0):dl(n,s);return{width:l.width*c.x,height:l.height*c.y,x:l.x*c.x-s.scrollLeft*c.x+d.x+v.x,y:l.y*c.y-s.scrollTop*c.y+d.y+v.y}},getDocumentElement:Lt,getClippingRect:function(e){let{element:t,boundary:l,rootBoundary:a,strategy:i}=e;const o=[..."clippingAncestors"===l?Ut(t)?[]:function(e,t){const l=t.get(e);if(l)return l;let a=tl(e,[],!1).filter(e=>Pt(e)&&"body"!==$t(e)),i=null;const o="fixed"===Xt(e).position;let n=o?Qt(e):e;for(;Pt(n)&&!Yt(n);){const t=Xt(n),l=jt(n);l||"fixed"!==t.position||(i=null),(o?!l&&!i:!l&&"static"===t.position&&i&&hl.has(i.position)||Rt(n)&&!l&&ul(e,n))?a=a.filter(e=>e!==n):i=t,n=Qt(n)}return t.set(e,a),a}(t,this._c):[].concat(l),a],n=o[0],r=o.reduce((e,l)=>{const a=vl(t,l,i);return e.top=lt(a.top,e.top),e.right=tt(a.right,e.right),e.bottom=tt(a.bottom,e.bottom),e.left=lt(a.left,e.left),e},vl(t,n,i));return{width:r.right-r.left,height:r.bottom-r.top,x:r.left,y:r.top}},getOffsetParent:fl,getElementRects:async function(e){const t=this.getOffsetParent||fl,l=this.getDimensions,a=await l(e.floating);return{reference:pl(e.reference,await t(e.floating),e.strategy),floating:{x:0,y:0,width:a.width,height:a.height}}},getClientRects:function(e){return Array.from(e.getClientRects())},getDimensions:function(e){const{width:t,height:l}=al(e);return{width:t,height:l}},getScale:ol,isElement:Pt,isRTL:function(e){return"rtl"===Xt(e).direction}};function xl(e,t){return e.x===t.x&&e.y===t.y&&e.width===t.width&&e.height===t.height}function Zl(e,t,l,a){void 0===a&&(a={});const{ancestorScroll:i=!0,ancestorResize:o=!0,elementResize:n="function"==typeof ResizeObserver,layoutShift:r="function"==typeof IntersectionObserver,animationFrame:s=!1}=a,c=il(e),d=i||o?[...c?tl(c):[],...tl(t)]:[];d.forEach(e=>{i&&e.addEventListener("scroll",l,{passive:!0}),o&&e.addEventListener("resize",l)});const h=c&&r?function(e,t){let l,a=null;const i=Lt(e);function o(){var e;clearTimeout(l),null==(e=a)||e.disconnect(),a=null}return function n(r,s){void 0===r&&(r=!1),void 0===s&&(s=1),o();const c=e.getBoundingClientRect(),{left:d,top:h,width:v,height:u}=c;if(r||t(),!v||!u)return;const p={rootMargin:-it(h)+"px "+-it(i.clientWidth-(d+v))+"px "+-it(i.clientHeight-(h+u))+"px "+-it(d)+"px",threshold:lt(0,tt(1,s))||1};let g=!0;function w(t){const a=t[0].intersectionRatio;if(a!==s){if(!g)return n();a?n(!1,a):l=setTimeout(()=>{n(!1,1e-7)},1e3)}1!==a||xl(c,e.getBoundingClientRect())||n(),g=!1}try{a=new IntersectionObserver(w,{...p,root:i.ownerDocument})}catch(e){a=new IntersectionObserver(w,p)}a.observe(e)}(!0),o}(c,l):null;let v,u=-1,p=null;n&&(p=new ResizeObserver(e=>{let[a]=e;a&&a.target===c&&p&&(p.unobserve(t),cancelAnimationFrame(u),u=requestAnimationFrame(()=>{var e;null==(e=p)||e.observe(t)})),l()}),c&&!s&&p.observe(c),p.observe(t));let g=s?sl(e):null;return s&&function t(){const a=sl(e);g&&!xl(g,a)&&l();g=a,v=requestAnimationFrame(t)}(),l(),()=>{var e;d.forEach(e=>{i&&e.removeEventListener("scroll",l),o&&e.removeEventListener("resize",l)}),null==h||h(),null==(e=p)||e.disconnect(),p=null,s&&cancelAnimationFrame(v)}}const Cl=function(e){return void 0===e&&(e=0),{name:"offset",options:e,async fn(t){var l,a;const{x:i,y:o,placement:n,middlewareData:r}=t,s=await async function(e,t){const{placement:l,platform:a,elements:i}=e,o=await(null==a.isRTL?void 0:a.isRTL(i.floating)),n=dt(l),r=ht(l),s="y"===gt(l),c=Bt.has(n)?-1:1,d=o&&s?-1:1,h=ct(t,e);let{mainAxis:v,crossAxis:u,alignmentAxis:p}="number"==typeof h?{mainAxis:h,crossAxis:0,alignmentAxis:null}:{mainAxis:h.mainAxis||0,crossAxis:h.crossAxis||0,alignmentAxis:h.alignmentAxis};return r&&"number"==typeof p&&(u="end"===r?-1*p:p),s?{x:u*d,y:v*c}:{x:v*c,y:u*d}}(t,e);return n===(null==(l=r.offset)?void 0:l.placement)&&null!=(a=r.arrow)&&a.alignmentOffset?{}:{x:i+s.x,y:o+s.y,data:{...s,placement:n}}}}},Ml=function(e){return void 0===e&&(e={}),{name:"shift",options:e,async fn(t){const{x:l,y:a,placement:i}=t,{mainAxis:o=!0,crossAxis:n=!1,limiter:r={fn:e=>{let{x:t,y:l}=e;return{x:t,y:l}}},...s}=ct(e,t),c={x:l,y:a},d=await kt(t,s),h=gt(dt(i)),v=vt(h);let u=c[v],p=c[h];if(o){const e="y"===v?"bottom":"right";u=st(u+d["y"===v?"top":"left"],u,u-d[e])}if(n){const e="y"===h?"bottom":"right";p=st(p+d["y"===h?"top":"left"],p,p-d[e])}const g=r.fn({...t,[v]:u,[h]:p});return{...g,data:{x:g.x-l,y:g.y-a,enabled:{[v]:o,[h]:n}}}}}},bl=function(e){return void 0===e&&(e={}),{name:"flip",options:e,async fn(t){var l,a;const{placement:i,middlewareData:o,rects:n,initialPlacement:r,platform:s,elements:c}=t,{mainAxis:d=!0,crossAxis:h=!0,fallbackPlacements:v,fallbackStrategy:u="bestFit",fallbackAxisSideDirection:p="none",flipAlignment:g=!0,...w}=ct(e,t);if(null!=(l=o.arrow)&&l.alignmentOffset)return{};const f=dt(i),m=gt(r),x=dt(r)===r,Z=await(null==s.isRTL?void 0:s.isRTL(c.floating)),C=v||(x||!g?[yt(r)]:function(e){const t=yt(e);return[mt(e),t,mt(t)]}(r)),M="none"!==p;!v&&M&&C.push(...bt(r,g,p,Z));const b=[r,...C],y=await kt(t,w),_=[];let V=(null==(a=o.flip)?void 0:a.overflows)||[];if(d&&_.push(y[f]),h){const e=ft(i,n,Z);_.push(y[e[0]],y[e[1]])}if(V=[...V,{placement:i,overflows:_}],!_.every(e=>e<=0)){var H,k;const e=((null==(H=o.flip)?void 0:H.index)||0)+1,t=b[e];if(t){if(!("alignment"===h&&m!==gt(t))||V.every(e=>gt(e.placement)!==m||e.overflows[0]>0))return{data:{index:e,overflows:V},reset:{placement:t}}}let l=null==(k=V.filter(e=>e.overflows[0]<=0).sort((e,t)=>e.overflows[1]-t.overflows[1])[0])?void 0:k.placement;if(!l)switch(u){case"bestFit":{var B;const e=null==(B=V.filter(e=>{if(M){const t=gt(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:B[0];e&&(l=e);break}case"initialPlacement":l=r}if(i!==l)return{reset:{placement:l}}}return{}}}},yl=(e,t,l)=>{const a=new Map,i={platform:ml,...l},o={...i.platform,_c:a};return(async(e,t,l)=>{const{placement:a="bottom",strategy:i="absolute",middleware:o=[],platform:n}=l,r=o.filter(Boolean),s=await(null==n.isRTL?void 0:n.isRTL(t));let c=await n.getElementRects({reference:e,floating:t,strategy:i}),{x:d,y:h}=Ht(c,a,s),v=a,u={},p=0;for(let l=0;l<r.length;l++){const{name:o,fn:g}=r[l],{x:w,y:f,data:m,reset:x}=await g({x:d,y:h,initialPlacement:a,placement:v,strategy:i,middlewareData:u,rects:c,platform:n,elements:{reference:e,floating:t}});d=null!=w?w:d,h=null!=f?f:h,u={...u,[o]:{...u[o],...m}},x&&p<=50&&(p++,"object"==typeof x&&(x.placement&&(v=x.placement),x.rects&&(c=!0===x.rects?await n.getElementRects({reference:e,floating:t,strategy:i}):x.rects),({x:d,y:h}=Ht(c,v,s))),l=-1)}return{x:d,y:h,placement:v,strategy:i,middlewareData:u}})(e,t,{...i,platform:o})};class _l extends Oe{constructor(){super(...arguments),this.myDropdown=Xe(),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=Xe(),this._handleClickOutOfElement=e=>{this.menuIsOpen&&(e.composedPath().includes(this)||this.hideMenu(!0))}}connectedCallback(){super.connectedCallback(),"inside"!==this.close&&document.addEventListener("click",this._handleClickOutOfElement),this.addEventListener("keydown",this._handleKeyboardMenuEvent)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this._handleClickOutOfElement),this.removeEventListener("keydown",this._handleKeyboardMenuEvent),this._cleanupAutoUpdate&&(this._cleanupAutoUpdate(),this._cleanupAutoUpdate=void 0)}firstUpdated(e){super.firstUpdated(e),this.menuIsOpen&&requestAnimationFrame(async()=>{await this.updateFloatingPosition(),this._startAutoUpdate()})}async showMenu(){this.disabled||this.menuIsOpen||(this.menuIsOpen=!0,this.emit("sgds-show"),await this.updateFloatingPosition(),this.emit("sgds-after-show"),this._startAutoUpdate())}_startAutoUpdate(){this.myDropdown.value&&this.menuRef.value&&(this._cleanupAutoUpdate=Zl(this.myDropdown.value,this.menuRef.value,()=>this.updateFloatingPosition()))}hideMenu(e){this.menuIsOpen&&(this.emit("sgds-hide",{detail:{isOutside:e}}),this.menuIsOpen=!1,setTimeout(()=>this.emit("sgds-after-hide"),0),this._cleanupAutoUpdate&&(this._cleanupAutoUpdate(),this._cleanupAutoUpdate=void 0))}toggleMenu(){this.menuIsOpen?this.hideMenu():this.showMenu()}_handleKeyboardMenuEvent(e){if(!this.readonly)switch(e.key){case"ArrowDown":case"ArrowUp":e.preventDefault(),this.menuIsOpen||this.showMenu();break;case"Escape":this.hideMenu()}}mergeMiddleware(e,t){const l=e=>{var t;return(null==e?void 0:e.name)||(null===(t=null==e?void 0:e.constructor)||void 0===t?void 0:t.name)},a=t.map(l),i=e.map(e=>{const i=l(e),o=a.indexOf(i);return-1!==o?t[o]:e}).concat(t.filter(t=>!e.some(e=>l(e)===l(t))));return i}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=[Cl(8),this.noFlip?void 0:bl(),Ml()].filter(Boolean);let l=t;Array.isArray(this.floatingOpts.middleware)&&this.floatingOpts.middleware.length>0&&(l=this.mergeMiddleware(t,this.floatingOpts.middleware.filter(Boolean)));const a=Object.assign(Object.assign({strategy:"fixed",placement:e},this.floatingOpts),{middleware:l}),{x:i,y:o,strategy:n,placement:r}=await yl(this.myDropdown.value,this.menuRef.value,a);this.menuRef.value.setAttribute("data-placement",r),Object.assign(this.menuRef.value.style,{position:n,left:`${i}px`,top:`${o}px`})}}e([k({type:Boolean,state:!0})],_l.prototype,"noFlip",void 0),e([k({type:Boolean,reflect:!0,state:!0})],_l.prototype,"menuAlignRight",void 0),e([k({type:String,reflect:!0,state:!0})],_l.prototype,"drop",void 0),e([k({type:Object})],_l.prototype,"floatingOpts",void 0),e([k({type:Boolean,reflect:!0})],_l.prototype,"menuIsOpen",void 0),e([k({type:Boolean,reflect:!0})],_l.prototype,"disabled",void 0),e([k({type:Boolean,reflect:!0})],_l.prototype,"readonly",void 0);class Vl extends _l{constructor(){super(...arguments),this.nextDropdownItemNo=0,this.prevDropdownItemNo=-1,this.hidden=!1}connectedCallback(){super.connectedCallback(),this.addEventListener("sgds-hide",this._resetMenu)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("sgds-hide",this._resetMenu)}firstUpdated(e){super.firstUpdated(e),this.addEventListener("keydown",this._handleKeyboardMenuItemsEvent)}handleSelectSlot(e){const t=this._getActiveMenuItems(),l=t.indexOf(e.target);this.nextDropdownItemNo=l+1,this.prevDropdownItemNo=l<=0?t.length-1:l-1;const a=e.target;a.disabled||(this.emit("sgds-select",{detail:{item:a}}),"outside"!==this.close&&this.hideMenu())}_resetMenu(){this.nextDropdownItemNo=0,this.prevDropdownItemNo=-1;this._getMenuItems().forEach(e=>{var t;const l=null===(t=null==e?void 0:e.shadowRoot)||void 0===t?void 0:t.querySelector(".dropdown-item");l&&l.removeAttribute("tabindex")})}_handleKeyboardMenuItemsEvent(e){if(this.readonly)return;const t=this._getActiveMenuItems();if(0!==t.length)switch(e.key){case"ArrowDown":e.preventDefault(),this._setMenuItem(this.nextDropdownItemNo);break;case"ArrowUp":e.preventDefault(),this._setMenuItem(this.prevDropdownItemNo);break;case"Tab":if(!this.menuIsOpen)return;e.preventDefault(),e.shiftKey?this._setMenuItem(this.prevDropdownItemNo):this._setMenuItem(this.nextDropdownItemNo);break;case"Enter":t.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 l=(e%t.length+t.length)%t.length,a=t[l];this.emit("i-sgds-option-focus",{detail:{option:a}}),this.nextDropdownItemNo=(l+1)%t.length,this.prevDropdownItemNo=(l-1+t.length)%t.length,t.forEach(e=>{const t=e.shadowRoot.querySelector(".dropdown-item");t.setAttribute("tabindex",e===a?"0":"-1"),e===a&&t.focus()})}}Vl.styles=_l.styles,e([S("ul.dropdown-menu")],Vl.prototype,"menu",void 0),e([B()],Vl.prototype,"nextDropdownItemNo",void 0),e([B()],Vl.prototype,"prevDropdownItemNo",void 0),e([k({type:Boolean,reflect:!0})],Vl.prototype,"hidden",void 0);var Hl=n`:host([menuisopen]:not([disabled]):not([readonly])) .dropdown-menu{display:block}.dropdown-menu{background-clip:padding-box;background-color:var(--sgds-surface-default);border-radius:var(--sgds-border-radius-md);box-shadow:0 0 1px 0 hsla(0,0%,5%,.12),0 4px 8px 0 hsla(0,0%,5%,.12);color:var(--sgds-color-default);display:none;list-style:none;margin:0;max-height:var(--sgds-dimension-480);max-width:var(--sgds-dimension-320);min-width:var(--sgds-dimension-192);overflow-y:auto;padding:var(--sgds-padding-xs) 0;position:absolute;text-align:left;z-index:var(--sgds-z-index-floating)}.nav-tabs .dropdown-menu{border-top-left-radius:0;border-top-right-radius:0;margin-top:calc(var(--sgds-nav-tabs-border-width)*-1)}@media (min-width:512px){.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}}@media (min-width:768px){.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}}@media (min-width:1024px){.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}}@media (min-width:1280px){.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}}@media (min-width:1440px){.navbar-expand-xxl .navbar-nav .dropdown-menu{position:absolute}}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.sgds.navbar .dropdown-menu.megamenu{left:0;right:0;width:100%}.sgds.combobox>.dropdown-menu{min-width:100%}`,kl=n`.dropdown{display:flex;height:inherit;position:relative}`;class Bl extends Vl{constructor(){super(),this.noFlip=!1,this.menuAlignRight=!1,this.drop="down",this.menuRef=et()}async _handleClick(){this.disabled||this.toggleMenu()}_handleCloseMenu(){const e=this._toggler[0];null==e||e.focus()}async connectedCallback(){super.connectedCallback(),this.addEventListener("sgds-hide",this._handleCloseMenu)}async disconnectedCallback(){this.removeEventListener("sgds-hide",this._handleCloseMenu)}async firstUpdated(e){super.firstUpdated(e),this.menuIsOpen&&await this.updateFloatingPosition(),this._handleDisabled()}_handleDisabled(){const e=this._toggler[0];e&&(this.disabled?e.setAttribute("disabled","true"):e.hasAttribute("disabled")&&e.removeAttribute("disabled"))}render(){return se`
-      <div class="dropdown">
-        <div
-          class="toggler-container"
-          ${et(this.myDropdown)}
-          @click=${this._handleClick}
-          aria-expanded="${this.menuIsOpen}"
-          aria-haspopup="menu"
-        >
+   */const Xe=()=>new Ge;class Ge{}const Qe=new WeakMap;const et=Ne(class extends Ye{render(e){return he}update(e,[t]){const l=t!==this._ref;return l&&void 0!==this._ref&&this._updateRefValue(void 0),(l||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 l=Qe.get(t);void 0===l&&(l=new WeakMap,Qe.set(t,l)),void 0!==l.get(this._ref)&&this._ref.call(this._context,void 0),l.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?Qe.get(this._context??globalThis)?.get(this._ref):this._ref?.value}disconnected(){this._lastElementForRef===this._element&&this._updateRefValue(void 0)}reconnected(){this._updateRefValue(this._element)}}),tt=Math.min,lt=Math.max,at=Math.round,it=Math.floor,ot=e=>({x:e,y:e}),nt={left:"right",right:"left",bottom:"top",top:"bottom"},rt={start:"end",end:"start"};function st(e,t,l){return lt(e,tt(t,l))}function ct(e,t){return"function"==typeof e?e(t):e}function dt(e){return e.split("-")[0]}function ht(e){return e.split("-")[1]}function vt(e){return"x"===e?"y":"x"}function ut(e){return"y"===e?"height":"width"}const pt=new Set(["top","bottom"]);function gt(e){return pt.has(dt(e))?"y":"x"}function wt(e){return vt(gt(e))}function ft(e,t,l){void 0===l&&(l=!1);const a=ht(e),i=wt(e),o=ut(i);let n="x"===i?a===(l?"end":"start")?"right":"left":"start"===a?"bottom":"top";return t.reference[o]>t.floating[o]&&(n=yt(n)),[n,yt(n)]}function mt(e){return e.replace(/start|end/g,e=>rt[e])}const xt=["left","right"],Zt=["right","left"],Ct=["top","bottom"],Mt=["bottom","top"];function bt(e,t,l,a){const i=ht(e);let o=function(e,t,l){switch(e){case"top":case"bottom":return l?t?Zt:xt:t?xt:Zt;case"left":case"right":return t?Ct:Mt;default:return[]}}(dt(e),"start"===l,a);return i&&(o=o.map(e=>e+"-"+i),t&&(o=o.concat(o.map(mt)))),o}function yt(e){return e.replace(/left|right|bottom|top/g,e=>nt[e])}function _t(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 Vt(e){const{x:t,y:l,width:a,height:i}=e;return{width:a,height:i,top:l,left:t,right:t+a,bottom:l+i,x:t,y:l}}function Ht(e,t,l){let{reference:a,floating:i}=e;const o=gt(t),n=wt(t),r=ut(n),s=dt(t),c="y"===o,d=a.x+a.width/2-i.width/2,h=a.y+a.height/2-i.height/2,v=a[r]/2-i[r]/2;let u;switch(s){case"top":u={x:d,y:a.y-i.height};break;case"bottom":u={x:d,y:a.y+a.height};break;case"right":u={x:a.x+a.width,y:h};break;case"left":u={x:a.x-i.width,y:h};break;default:u={x:a.x,y:a.y}}switch(ht(t)){case"start":u[n]-=v*(l&&c?-1:1);break;case"end":u[n]+=v*(l&&c?-1:1)}return u}async function kt(e,t){var l;void 0===t&&(t={});const{x:a,y:i,platform:o,rects:n,elements:r,strategy:s}=e,{boundary:c="clippingAncestors",rootBoundary:d="viewport",elementContext:h="floating",altBoundary:v=!1,padding:u=0}=ct(t,e),p=_t(u),g=r[v?"floating"===h?"reference":"floating":h],w=Vt(await o.getClippingRect({element:null==(l=await(null==o.isElement?void 0:o.isElement(g)))||l?g:g.contextElement||await(null==o.getDocumentElement?void 0:o.getDocumentElement(r.floating)),boundary:c,rootBoundary:d,strategy:s})),f="floating"===h?{x:a,y:i,width:n.floating.width,height:n.floating.height}:n.reference,m=await(null==o.getOffsetParent?void 0:o.getOffsetParent(r.floating)),x=await(null==o.isElement?void 0:o.isElement(m))&&await(null==o.getScale?void 0:o.getScale(m))||{x:1,y:1},Z=Vt(o.convertOffsetParentRelativeRectToViewportRelativeRect?await o.convertOffsetParentRelativeRectToViewportRelativeRect({elements:r,rect:f,offsetParent:m,strategy:s}):f);return{top:(w.top-Z.top+p.top)/x.y,bottom:(Z.bottom-w.bottom+p.bottom)/x.y,left:(w.left-Z.left+p.left)/x.x,right:(Z.right-w.right+p.right)/x.x}}const Bt=new Set(["left","top"]);function At(){return"undefined"!=typeof window}function $t(e){return Et(e)?(e.nodeName||"").toLowerCase():"#document"}function St(e){var t;return(null==e||null==(t=e.ownerDocument)?void 0:t.defaultView)||window}function Lt(e){var t;return null==(t=(Et(e)?e.ownerDocument:e.document)||window.document)?void 0:t.documentElement}function Et(e){return!!At()&&(e instanceof Node||e instanceof St(e).Node)}function Pt(e){return!!At()&&(e instanceof Element||e instanceof St(e).Element)}function zt(e){return!!At()&&(e instanceof HTMLElement||e instanceof St(e).HTMLElement)}function Tt(e){return!(!At()||"undefined"==typeof ShadowRoot)&&(e instanceof ShadowRoot||e instanceof St(e).ShadowRoot)}const Ot=new Set(["inline","contents"]);function Rt(e){const{overflow:t,overflowX:l,overflowY:a,display:i}=Xt(e);return/auto|scroll|overlay|hidden|clip/.test(t+a+l)&&!Ot.has(i)}const Dt=new Set(["table","td","th"]);function It(e){return Dt.has($t(e))}const Nt=[":popover-open",":modal"];function Ut(e){return Nt.some(t=>{try{return e.matches(t)}catch(e){return!1}})}const Wt=["transform","translate","scale","rotate","perspective"],Ft=["transform","translate","scale","rotate","perspective","filter"],qt=["paint","layout","strict","content"];function jt(e){const t=Kt(),l=Pt(e)?Xt(e):e;return Wt.some(e=>!!l[e]&&"none"!==l[e])||!!l.containerType&&"normal"!==l.containerType||!t&&!!l.backdropFilter&&"none"!==l.backdropFilter||!t&&!!l.filter&&"none"!==l.filter||Ft.some(e=>(l.willChange||"").includes(e))||qt.some(e=>(l.contain||"").includes(e))}function Kt(){return!("undefined"==typeof CSS||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}const Jt=new Set(["html","body","#document"]);function Yt(e){return Jt.has($t(e))}function Xt(e){return St(e).getComputedStyle(e)}function Gt(e){return Pt(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.scrollX,scrollTop:e.scrollY}}function Qt(e){if("html"===$t(e))return e;const t=e.assignedSlot||e.parentNode||Tt(e)&&e.host||Lt(e);return Tt(t)?t.host:t}function el(e){const t=Qt(e);return Yt(t)?e.ownerDocument?e.ownerDocument.body:e.body:zt(t)&&Rt(t)?t:el(t)}function tl(e,t,l){var a;void 0===t&&(t=[]),void 0===l&&(l=!0);const i=el(e),o=i===(null==(a=e.ownerDocument)?void 0:a.body),n=St(i);if(o){const e=ll(n);return t.concat(n,n.visualViewport||[],Rt(i)?i:[],e&&l?tl(e):[])}return t.concat(i,tl(i,[],l))}function ll(e){return e.parent&&Object.getPrototypeOf(e.parent)?e.frameElement:null}function al(e){const t=Xt(e);let l=parseFloat(t.width)||0,a=parseFloat(t.height)||0;const i=zt(e),o=i?e.offsetWidth:l,n=i?e.offsetHeight:a,r=at(l)!==o||at(a)!==n;return r&&(l=o,a=n),{width:l,height:a,$:r}}function il(e){return Pt(e)?e:e.contextElement}function ol(e){const t=il(e);if(!zt(t))return ot(1);const l=t.getBoundingClientRect(),{width:a,height:i,$:o}=al(t);let n=(o?at(l.width):l.width)/a,r=(o?at(l.height):l.height)/i;return n&&Number.isFinite(n)||(n=1),r&&Number.isFinite(r)||(r=1),{x:n,y:r}}const nl=ot(0);function rl(e){const t=St(e);return Kt()&&t.visualViewport?{x:t.visualViewport.offsetLeft,y:t.visualViewport.offsetTop}:nl}function sl(e,t,l,a){void 0===t&&(t=!1),void 0===l&&(l=!1);const i=e.getBoundingClientRect(),o=il(e);let n=ot(1);t&&(a?Pt(a)&&(n=ol(a)):n=ol(e));const r=function(e,t,l){return void 0===t&&(t=!1),!(!l||t&&l!==St(e))&&t}(o,l,a)?rl(o):ot(0);let s=(i.left+r.x)/n.x,c=(i.top+r.y)/n.y,d=i.width/n.x,h=i.height/n.y;if(o){const e=St(o),t=a&&Pt(a)?St(a):a;let l=e,i=ll(l);for(;i&&a&&t!==l;){const e=ol(i),t=i.getBoundingClientRect(),a=Xt(i),o=t.left+(i.clientLeft+parseFloat(a.paddingLeft))*e.x,n=t.top+(i.clientTop+parseFloat(a.paddingTop))*e.y;s*=e.x,c*=e.y,d*=e.x,h*=e.y,s+=o,c+=n,l=St(i),i=ll(l)}}return Vt({width:d,height:h,x:s,y:c})}function cl(e,t){const l=Gt(e).scrollLeft;return t?t.left+l:sl(Lt(e)).left+l}function dl(e,t){const l=e.getBoundingClientRect();return{x:l.left+t.scrollLeft-cl(e,l),y:l.top+t.scrollTop}}const hl=new Set(["absolute","fixed"]);function vl(e,t,l){let a;if("viewport"===t)a=function(e,t){const l=St(e),a=Lt(e),i=l.visualViewport;let o=a.clientWidth,n=a.clientHeight,r=0,s=0;if(i){o=i.width,n=i.height;const e=Kt();(!e||e&&"fixed"===t)&&(r=i.offsetLeft,s=i.offsetTop)}const c=cl(a);if(c<=0){const e=a.ownerDocument,t=e.body,l=getComputedStyle(t),i="CSS1Compat"===e.compatMode&&parseFloat(l.marginLeft)+parseFloat(l.marginRight)||0,n=Math.abs(a.clientWidth-t.clientWidth-i);n<=25&&(o-=n)}else c<=25&&(o+=c);return{width:o,height:n,x:r,y:s}}(e,l);else if("document"===t)a=function(e){const t=Lt(e),l=Gt(e),a=e.ownerDocument.body,i=lt(t.scrollWidth,t.clientWidth,a.scrollWidth,a.clientWidth),o=lt(t.scrollHeight,t.clientHeight,a.scrollHeight,a.clientHeight);let n=-l.scrollLeft+cl(e);const r=-l.scrollTop;return"rtl"===Xt(a).direction&&(n+=lt(t.clientWidth,a.clientWidth)-i),{width:i,height:o,x:n,y:r}}(Lt(e));else if(Pt(t))a=function(e,t){const l=sl(e,!0,"fixed"===t),a=l.top+e.clientTop,i=l.left+e.clientLeft,o=zt(e)?ol(e):ot(1);return{width:e.clientWidth*o.x,height:e.clientHeight*o.y,x:i*o.x,y:a*o.y}}(t,l);else{const l=rl(e);a={x:t.x-l.x,y:t.y-l.y,width:t.width,height:t.height}}return Vt(a)}function ul(e,t){const l=Qt(e);return!(l===t||!Pt(l)||Yt(l))&&("fixed"===Xt(l).position||ul(l,t))}function pl(e,t,l){const a=zt(t),i=Lt(t),o="fixed"===l,n=sl(e,!0,o,t);let r={scrollLeft:0,scrollTop:0};const s=ot(0);function c(){s.x=cl(i)}if(a||!a&&!o)if(("body"!==$t(t)||Rt(i))&&(r=Gt(t)),a){const e=sl(t,!0,o,t);s.x=e.x+t.clientLeft,s.y=e.y+t.clientTop}else i&&c();o&&!a&&i&&c();const d=!i||a||o?ot(0):dl(i,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 gl(e){return"static"===Xt(e).position}function wl(e,t){if(!zt(e)||"fixed"===Xt(e).position)return null;if(t)return t(e);let l=e.offsetParent;return Lt(e)===l&&(l=l.ownerDocument.body),l}function fl(e,t){const l=St(e);if(Ut(e))return l;if(!zt(e)){let t=Qt(e);for(;t&&!Yt(t);){if(Pt(t)&&!gl(t))return t;t=Qt(t)}return l}let a=wl(e,t);for(;a&&It(a)&&gl(a);)a=wl(a,t);return a&&Yt(a)&&gl(a)&&!jt(a)?l:a||function(e){let t=Qt(e);for(;zt(t)&&!Yt(t);){if(jt(t))return t;if(Ut(t))return null;t=Qt(t)}return null}(e)||l}const ml={convertOffsetParentRelativeRectToViewportRelativeRect:function(e){let{elements:t,rect:l,offsetParent:a,strategy:i}=e;const o="fixed"===i,n=Lt(a),r=!!t&&Ut(t.floating);if(a===n||r&&o)return l;let s={scrollLeft:0,scrollTop:0},c=ot(1);const d=ot(0),h=zt(a);if((h||!h&&!o)&&(("body"!==$t(a)||Rt(n))&&(s=Gt(a)),zt(a))){const e=sl(a);c=ol(a),d.x=e.x+a.clientLeft,d.y=e.y+a.clientTop}const v=!n||h||o?ot(0):dl(n,s);return{width:l.width*c.x,height:l.height*c.y,x:l.x*c.x-s.scrollLeft*c.x+d.x+v.x,y:l.y*c.y-s.scrollTop*c.y+d.y+v.y}},getDocumentElement:Lt,getClippingRect:function(e){let{element:t,boundary:l,rootBoundary:a,strategy:i}=e;const o=[..."clippingAncestors"===l?Ut(t)?[]:function(e,t){const l=t.get(e);if(l)return l;let a=tl(e,[],!1).filter(e=>Pt(e)&&"body"!==$t(e)),i=null;const o="fixed"===Xt(e).position;let n=o?Qt(e):e;for(;Pt(n)&&!Yt(n);){const t=Xt(n),l=jt(n);l||"fixed"!==t.position||(i=null),(o?!l&&!i:!l&&"static"===t.position&&i&&hl.has(i.position)||Rt(n)&&!l&&ul(e,n))?a=a.filter(e=>e!==n):i=t,n=Qt(n)}return t.set(e,a),a}(t,this._c):[].concat(l),a],n=o[0],r=o.reduce((e,l)=>{const a=vl(t,l,i);return e.top=lt(a.top,e.top),e.right=tt(a.right,e.right),e.bottom=tt(a.bottom,e.bottom),e.left=lt(a.left,e.left),e},vl(t,n,i));return{width:r.right-r.left,height:r.bottom-r.top,x:r.left,y:r.top}},getOffsetParent:fl,getElementRects:async function(e){const t=this.getOffsetParent||fl,l=this.getDimensions,a=await l(e.floating);return{reference:pl(e.reference,await t(e.floating),e.strategy),floating:{x:0,y:0,width:a.width,height:a.height}}},getClientRects:function(e){return Array.from(e.getClientRects())},getDimensions:function(e){const{width:t,height:l}=al(e);return{width:t,height:l}},getScale:ol,isElement:Pt,isRTL:function(e){return"rtl"===Xt(e).direction}};function xl(e,t){return e.x===t.x&&e.y===t.y&&e.width===t.width&&e.height===t.height}function Zl(e,t,l,a){void 0===a&&(a={});const{ancestorScroll:i=!0,ancestorResize:o=!0,elementResize:n="function"==typeof ResizeObserver,layoutShift:r="function"==typeof IntersectionObserver,animationFrame:s=!1}=a,c=il(e),d=i||o?[...c?tl(c):[],...tl(t)]:[];d.forEach(e=>{i&&e.addEventListener("scroll",l,{passive:!0}),o&&e.addEventListener("resize",l)});const h=c&&r?function(e,t){let l,a=null;const i=Lt(e);function o(){var e;clearTimeout(l),null==(e=a)||e.disconnect(),a=null}return function n(r,s){void 0===r&&(r=!1),void 0===s&&(s=1),o();const c=e.getBoundingClientRect(),{left:d,top:h,width:v,height:u}=c;if(r||t(),!v||!u)return;const p={rootMargin:-it(h)+"px "+-it(i.clientWidth-(d+v))+"px "+-it(i.clientHeight-(h+u))+"px "+-it(d)+"px",threshold:lt(0,tt(1,s))||1};let g=!0;function w(t){const a=t[0].intersectionRatio;if(a!==s){if(!g)return n();a?n(!1,a):l=setTimeout(()=>{n(!1,1e-7)},1e3)}1!==a||xl(c,e.getBoundingClientRect())||n(),g=!1}try{a=new IntersectionObserver(w,{...p,root:i.ownerDocument})}catch(e){a=new IntersectionObserver(w,p)}a.observe(e)}(!0),o}(c,l):null;let v,u=-1,p=null;n&&(p=new ResizeObserver(e=>{let[a]=e;a&&a.target===c&&p&&(p.unobserve(t),cancelAnimationFrame(u),u=requestAnimationFrame(()=>{var e;null==(e=p)||e.observe(t)})),l()}),c&&!s&&p.observe(c),p.observe(t));let g=s?sl(e):null;return s&&function t(){const a=sl(e);g&&!xl(g,a)&&l();g=a,v=requestAnimationFrame(t)}(),l(),()=>{var e;d.forEach(e=>{i&&e.removeEventListener("scroll",l),o&&e.removeEventListener("resize",l)}),null==h||h(),null==(e=p)||e.disconnect(),p=null,s&&cancelAnimationFrame(v)}}const Cl=function(e){return void 0===e&&(e=0),{name:"offset",options:e,async fn(t){var l,a;const{x:i,y:o,placement:n,middlewareData:r}=t,s=await async function(e,t){const{placement:l,platform:a,elements:i}=e,o=await(null==a.isRTL?void 0:a.isRTL(i.floating)),n=dt(l),r=ht(l),s="y"===gt(l),c=Bt.has(n)?-1:1,d=o&&s?-1:1,h=ct(t,e);let{mainAxis:v,crossAxis:u,alignmentAxis:p}="number"==typeof h?{mainAxis:h,crossAxis:0,alignmentAxis:null}:{mainAxis:h.mainAxis||0,crossAxis:h.crossAxis||0,alignmentAxis:h.alignmentAxis};return r&&"number"==typeof p&&(u="end"===r?-1*p:p),s?{x:u*d,y:v*c}:{x:v*c,y:u*d}}(t,e);return n===(null==(l=r.offset)?void 0:l.placement)&&null!=(a=r.arrow)&&a.alignmentOffset?{}:{x:i+s.x,y:o+s.y,data:{...s,placement:n}}}}},Ml=function(e){return void 0===e&&(e={}),{name:"shift",options:e,async fn(t){const{x:l,y:a,placement:i}=t,{mainAxis:o=!0,crossAxis:n=!1,limiter:r={fn:e=>{let{x:t,y:l}=e;return{x:t,y:l}}},...s}=ct(e,t),c={x:l,y:a},d=await kt(t,s),h=gt(dt(i)),v=vt(h);let u=c[v],p=c[h];if(o){const e="y"===v?"bottom":"right";u=st(u+d["y"===v?"top":"left"],u,u-d[e])}if(n){const e="y"===h?"bottom":"right";p=st(p+d["y"===h?"top":"left"],p,p-d[e])}const g=r.fn({...t,[v]:u,[h]:p});return{...g,data:{x:g.x-l,y:g.y-a,enabled:{[v]:o,[h]:n}}}}}},bl=function(e){return void 0===e&&(e={}),{name:"flip",options:e,async fn(t){var l,a;const{placement:i,middlewareData:o,rects:n,initialPlacement:r,platform:s,elements:c}=t,{mainAxis:d=!0,crossAxis:h=!0,fallbackPlacements:v,fallbackStrategy:u="bestFit",fallbackAxisSideDirection:p="none",flipAlignment:g=!0,...w}=ct(e,t);if(null!=(l=o.arrow)&&l.alignmentOffset)return{};const f=dt(i),m=gt(r),x=dt(r)===r,Z=await(null==s.isRTL?void 0:s.isRTL(c.floating)),C=v||(x||!g?[yt(r)]:function(e){const t=yt(e);return[mt(e),t,mt(t)]}(r)),M="none"!==p;!v&&M&&C.push(...bt(r,g,p,Z));const b=[r,...C],y=await kt(t,w),_=[];let V=(null==(a=o.flip)?void 0:a.overflows)||[];if(d&&_.push(y[f]),h){const e=ft(i,n,Z);_.push(y[e[0]],y[e[1]])}if(V=[...V,{placement:i,overflows:_}],!_.every(e=>e<=0)){var H,k;const e=((null==(H=o.flip)?void 0:H.index)||0)+1,t=b[e];if(t){if(!("alignment"===h&&m!==gt(t))||V.every(e=>gt(e.placement)!==m||e.overflows[0]>0))return{data:{index:e,overflows:V},reset:{placement:t}}}let l=null==(k=V.filter(e=>e.overflows[0]<=0).sort((e,t)=>e.overflows[1]-t.overflows[1])[0])?void 0:k.placement;if(!l)switch(u){case"bestFit":{var B;const e=null==(B=V.filter(e=>{if(M){const t=gt(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:B[0];e&&(l=e);break}case"initialPlacement":l=r}if(i!==l)return{reset:{placement:l}}}return{}}}},yl=(e,t,l)=>{const a=new Map,i={platform:ml,...l},o={...i.platform,_c:a};return(async(e,t,l)=>{const{placement:a="bottom",strategy:i="absolute",middleware:o=[],platform:n}=l,r=o.filter(Boolean),s=await(null==n.isRTL?void 0:n.isRTL(t));let c=await n.getElementRects({reference:e,floating:t,strategy:i}),{x:d,y:h}=Ht(c,a,s),v=a,u={},p=0;for(let l=0;l<r.length;l++){const{name:o,fn:g}=r[l],{x:w,y:f,data:m,reset:x}=await g({x:d,y:h,initialPlacement:a,placement:v,strategy:i,middlewareData:u,rects:c,platform:n,elements:{reference:e,floating:t}});d=null!=w?w:d,h=null!=f?f:h,u={...u,[o]:{...u[o],...m}},x&&p<=50&&(p++,"object"==typeof x&&(x.placement&&(v=x.placement),x.rects&&(c=!0===x.rects?await n.getElementRects({reference:e,floating:t,strategy:i}):x.rects),({x:d,y:h}=Ht(c,v,s))),l=-1)}return{x:d,y:h,placement:v,strategy:i,middlewareData:u}})(e,t,{...i,platform:o})};class _l extends Oe{constructor(){super(...arguments),this.myDropdown=Xe(),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=Xe(),this._handleClickOutOfElement=e=>{this.menuIsOpen&&(e.composedPath().includes(this)||this.hideMenu(!0))}}connectedCallback(){super.connectedCallback(),"inside"!==this.close&&document.addEventListener("click",this._handleClickOutOfElement),this.addEventListener("keydown",this._handleKeyboardMenuEvent)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this._handleClickOutOfElement),this.removeEventListener("keydown",this._handleKeyboardMenuEvent),this._cleanupAutoUpdate&&(this._cleanupAutoUpdate(),this._cleanupAutoUpdate=void 0)}firstUpdated(e){super.firstUpdated(e),this.menuIsOpen&&requestAnimationFrame(async()=>{await this.updateFloatingPosition(),this._startAutoUpdate()})}async showMenu(){this.disabled||this.menuIsOpen||(this.menuIsOpen=!0,this.emit("sgds-show"),await this.updateFloatingPosition(),this.emit("sgds-after-show"),this._startAutoUpdate())}_startAutoUpdate(){this.myDropdown.value&&this.menuRef.value&&(this._cleanupAutoUpdate=Zl(this.myDropdown.value,this.menuRef.value,()=>this.updateFloatingPosition()))}hideMenu(e){this.menuIsOpen&&(this.emit("sgds-hide",{detail:{isOutside:e}}),this.menuIsOpen=!1,setTimeout(()=>this.emit("sgds-after-hide"),0),this._cleanupAutoUpdate&&(this._cleanupAutoUpdate(),this._cleanupAutoUpdate=void 0))}toggleMenu(){this.menuIsOpen?this.hideMenu():this.showMenu()}_handleKeyboardMenuEvent(e){if(!this.readonly)switch(e.key){case"ArrowDown":case"ArrowUp":e.preventDefault(),this.menuIsOpen||this.showMenu();break;case"Escape":this.hideMenu()}}mergeMiddleware(e,t){const l=e=>{var t;return(null==e?void 0:e.name)||(null===(t=null==e?void 0:e.constructor)||void 0===t?void 0:t.name)},a=t.map(l),i=e.map(e=>{const i=l(e),o=a.indexOf(i);return-1!==o?t[o]:e}).concat(t.filter(t=>!e.some(e=>l(e)===l(t))));return i}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=[Cl(8),this.noFlip?void 0:bl(),Ml()].filter(Boolean);let l=t;Array.isArray(this.floatingOpts.middleware)&&this.floatingOpts.middleware.length>0&&(l=this.mergeMiddleware(t,this.floatingOpts.middleware.filter(Boolean)));const a=Object.assign(Object.assign({strategy:"fixed",placement:e},this.floatingOpts),{middleware:l}),{x:i,y:o,strategy:n,placement:r}=await yl(this.myDropdown.value,this.menuRef.value,a);this.menuRef.value.setAttribute("data-placement",r),Object.assign(this.menuRef.value.style,{position:n,left:`${i}px`,top:`${o}px`})}}e([k({type:Boolean,state:!0})],_l.prototype,"noFlip",void 0),e([k({type:Boolean,reflect:!0,state:!0})],_l.prototype,"menuAlignRight",void 0),e([k({type:String,reflect:!0,state:!0})],_l.prototype,"drop",void 0),e([k({type:Object})],_l.prototype,"floatingOpts",void 0),e([k({type:Boolean,reflect:!0})],_l.prototype,"menuIsOpen",void 0),e([k({type:Boolean,reflect:!0})],_l.prototype,"disabled",void 0),e([k({type:Boolean,reflect:!0})],_l.prototype,"readonly",void 0);class Vl extends _l{constructor(){super(...arguments),this.nextDropdownItemNo=0,this.prevDropdownItemNo=-1,this.hidden=!1}connectedCallback(){super.connectedCallback(),this.addEventListener("sgds-hide",this._resetMenu)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("sgds-hide",this._resetMenu)}firstUpdated(e){super.firstUpdated(e),this.addEventListener("keydown",this._handleKeyboardMenuItemsEvent)}handleSelectSlot(e){const t=this._getActiveMenuItems(),l=t.indexOf(e.target);this.nextDropdownItemNo=l+1,this.prevDropdownItemNo=l<=0?t.length-1:l-1;const a=e.target;a.disabled||(this.emit("sgds-select",{detail:{item:a}}),"outside"!==this.close&&this.hideMenu())}_resetMenu(){this.nextDropdownItemNo=0,this.prevDropdownItemNo=-1;this._getMenuItems().forEach(e=>{var t;const l=null===(t=null==e?void 0:e.shadowRoot)||void 0===t?void 0:t.querySelector(".dropdown-item");l&&l.removeAttribute("tabindex")})}_handleKeyboardMenuItemsEvent(e){if(this.readonly)return;const t=this._getActiveMenuItems();if(0!==t.length)switch(e.key){case"ArrowDown":e.preventDefault(),this._setMenuItem(this.nextDropdownItemNo);break;case"ArrowUp":e.preventDefault(),this._setMenuItem(this.prevDropdownItemNo);break;case"Tab":if(!this.menuIsOpen)return;e.preventDefault(),e.shiftKey?this._setMenuItem(this.prevDropdownItemNo):this._setMenuItem(this.nextDropdownItemNo);break;case"Enter":t.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 l=(e%t.length+t.length)%t.length,a=t[l];this.emit("i-sgds-option-focus",{detail:{option:a}}),this.nextDropdownItemNo=(l+1)%t.length,this.prevDropdownItemNo=(l-1+t.length)%t.length,t.forEach(e=>{const t=e.shadowRoot.querySelector(".dropdown-item");t.setAttribute("tabindex",e===a?"0":"-1"),e===a&&t.focus()})}}Vl.styles=_l.styles,e([S("ul.dropdown-menu")],Vl.prototype,"menu",void 0),e([B()],Vl.prototype,"nextDropdownItemNo",void 0),e([B()],Vl.prototype,"prevDropdownItemNo",void 0),e([k({type:Boolean,reflect:!0})],Vl.prototype,"hidden",void 0);var Hl=n`:host([menuisopen]:not([disabled]):not([readonly])) .dropdown-menu{display:block}.dropdown-menu{background-clip:padding-box;background-color:var(--sgds-surface-default);border-radius:var(--sgds-border-radius-md);box-shadow:0 0 1px 0 hsla(0,0%,5%,.12),0 4px 8px 0 hsla(0,0%,5%,.12);color:var(--sgds-color-default);display:none;list-style:none;margin:0;max-height:var(--sgds-dimension-480);min-width:var(--sgds-dimension-192);overflow-y:auto;padding:var(--sgds-padding-xs) 0;position:absolute;text-align:left;z-index:var(--sgds-z-index-floating)}.nav-tabs .dropdown-menu{border-top-left-radius:0;border-top-right-radius:0;margin-top:calc(var(--sgds-nav-tabs-border-width)*-1)}@media (min-width:512px){.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}}@media (min-width:768px){.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}}@media (min-width:1024px){.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}}@media (min-width:1280px){.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}}@media (min-width:1440px){.navbar-expand-xxl .navbar-nav .dropdown-menu{position:absolute}}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.sgds.navbar .dropdown-menu.megamenu{left:0;right:0;width:100%}.sgds.combobox>.dropdown-menu{min-width:100%}`,kl=n`.dropdown{display:flex;height:inherit;position:relative}.dropdown-menu{max-width:var(--sgds-dimension-320)}.toggler-container{flex:1;pointer-events:none}.toggler-container ::slotted(*){pointer-events:auto}`;class Bl extends Vl{constructor(){super(),this.noFlip=!1,this.menuAlignRight=!1,this.drop="down",this.menuRef=et()}async _handleClick(e){if(this.disabled)return;const t=this._toggler[0];if(!t)return void this.toggleMenu();if(e.composedPath().includes(t))return void this.toggleMenu();if(!this.menuIsOpen)return;const l=this.menuRef.value;l&&e.composedPath().includes(l)||this.hideMenu()}_handleCloseMenu(){const e=this._toggler[0];null==e||e.focus()}async connectedCallback(){super.connectedCallback(),this.addEventListener("sgds-hide",this._handleCloseMenu)}async disconnectedCallback(){this.removeEventListener("sgds-hide",this._handleCloseMenu)}async firstUpdated(e){super.firstUpdated(e),this.menuIsOpen&&await this.updateFloatingPosition(),this._handleDisabled()}_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" @click=${this._handleClick}>
+        <div class="toggler-container" ${et(this.myDropdown)} aria-expanded="${this.menuIsOpen}" aria-haspopup="menu">
           <slot name="toggler"></slot>
         </div>
         <div class="dropdown-menu" role="menu" ${et(this.menuRef)}>
           <slot id="default" @click=${this.handleSelectSlot}></slot>
         </div>
       </div>
-    `}}Bl.styles=[...Vl.styles,kl,Hl],e([k({type:Boolean,reflect:!0,state:!1})],Bl.prototype,"noFlip",void 0),e([k({type:Boolean,reflect:!0,state:!1})],Bl.prototype,"menuAlignRight",void 0),e([k({type:String,reflect:!0,state:!1})],Bl.prototype,"drop",void 0),e([L({slot:"toggler",flatten:!0})],Bl.prototype,"_toggler",void 0),e([function(e,t){const l=Object.assign({waitUntilFirstUpdate:!1},t);return(t,a)=>{const{update:i}=t;if(e in t){const o=e;t.update=function(e){if(e.has(o)){const t=e.get(o),i=this[o];t!==i&&(l.waitUntilFirstUpdate&&!this.hasUpdated||this[a](t,i))}i.call(this,e)}}}}("disabled",{waitUntilFirstUpdate:!0})],Bl.prototype,"_handleDisabled",null);const Al=Ie(
+    `}}Bl.styles=[...Vl.styles,kl,Hl],e([k({type:Boolean,reflect:!0,state:!1})],Bl.prototype,"noFlip",void 0),e([k({type:Boolean,reflect:!0,state:!1})],Bl.prototype,"menuAlignRight",void 0),e([k({type:String,reflect:!0,state:!1})],Bl.prototype,"drop",void 0),e([L({slot:"toggler",flatten:!0})],Bl.prototype,"_toggler",void 0),e([function(e,t){const l=Object.assign({waitUntilFirstUpdate:!1},t);return(t,a)=>{const{update:i}=t;if(e in t){const o=e;t.update=function(e){if(e.has(o)){const t=e.get(o),i=this[o];t!==i&&(l.waitUntilFirstUpdate&&!this.hasUpdated||this[a](t,i))}i.call(this,e)}}}}("disabled",{waitUntilFirstUpdate:!0})],Bl.prototype,"_handleDisabled",null);const Al=Ne(
 /**
    * @license
    * Copyright 2018 Google LLC
@@ -193,7 +187,7 @@ class extends Ue{constructor(e){if(super(e),e.type!==De||"class"!==e.name||e.str
       clip-rule="evenodd"
     />
   </svg>
-`,Nl=se`
+`,Il=se`
   <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
     <path
       fill="currentColor"
@@ -202,7 +196,7 @@ class extends Ue{constructor(e){if(super(e),e.type!==De||"class"!==e.name||e.str
       clip-rule="evenodd"
     />
   </svg>
-`,Il=se`
+`,Nl=se`
   <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
     <path
       fill="currentColor"
@@ -238,7 +232,7 @@ class extends Ue{constructor(e){if(super(e),e.type!==De||"class"!==e.name||e.str
       clip-rule="evenodd"
     />
   </svg>
-`;const ql={announcement:$l,archive:Sl,"arrow-bar-down":Ll,"arrow-bar-left":El,"arrow-bar-right":Pl,"arrow-bar-up":zl,"arrow-circle-down":Tl,"arrow-circle-left":Ol,"arrow-circle-right":Rl,"arrow-circle-up":Dl,"arrow-clockwise":Nl,"arrow-down":Il,"arrow-left":Ul,"arrow-repeat":Wl,"arrow-right":Fl,"arrow-square-down":se`
+`;const ql={announcement:$l,archive:Sl,"arrow-bar-down":Ll,"arrow-bar-left":El,"arrow-bar-right":Pl,"arrow-bar-up":zl,"arrow-circle-down":Tl,"arrow-circle-left":Ol,"arrow-circle-right":Rl,"arrow-circle-up":Dl,"arrow-clockwise":Il,"arrow-down":Nl,"arrow-left":Ul,"arrow-repeat":Wl,"arrow-right":Fl,"arrow-square-down":se`
   <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
     <path
       fill="currentColor"