@ganpatiinfo/gids-core-web 22.0.0 → 23.0.0

package/dist-bundled/es/{p-Ds5IzXj3-B2o0ML2C.js → p-B4d07GWP-DLyo7HQ9.js}

@@ -1,6 +1,6 @@
 import { q as d, L as c, u as h, D as i } from "./p-B4hcsDH0-CPqEc-vc.js";
-import { i as u, a as m } from "./p-CAjDiWIc-C9dOa7FT.js";
-import { i as Y } from "./p-DLRj-mUX-BapdQYpI.js";
+import { i as u, t as m } from "./p-BBlUduEr-CWdvgBS6.js";
+import { i as Y } from "./p-B3AB3GQ0-DdgNC9FJ.js";
 import { c as p } from "./clsx-OuTLNxxd.js";
 const f = (e) => p("gids-calendar-year-list", e), g = (e) => {
   const t = e.toString().trim();
@@ -72,7 +72,7 @@ const f = (e) => p("gids-calendar-year-list", e), g = (e) => {
   }
   render() {
     const e = y();
-    return i("div", { key: "73954e5e20be95e8b1d1471bc2c55ee74a912611", class: e }, i(u, { key: "0ef0c47d79afef104d5cd1b4e539a61f52cb9712", type: this.type, supportingText: this.noOptionsText }, i(m, { key: "25067b342a0fd90fb24e2114450d2befa1a0d90a", sectionLabel: "Years" }, this.yearsList().map(((t, s) => {
+    return i("div", { key: "322150db7c7bfbc83015b66ea589e013d36c72c8", class: e }, i(u, { key: "17a8a890eeee289869ad5455996265df4cd4efb7", type: this.type, supportingText: this.noOptionsText }, i(m, { key: "3b5ec7f3d9943123137433e54febe1f756bfd145", sectionLabel: "Years" }, this.yearsList().map(((t, s) => {
       const a = `${s + 1}`, r = this.disabledIndices?.includes(t.value);
       return i(Y, { title: t.title, value: `${t.value}`, key: `${s.toString()}`, index: s, id: a, selected: this.isItemSelected(s), onPressDropdownItem: this.handleMenuClick, disabled: r, divider: this.divider, isPlaceholderItem: !1 });
     })))));

package/dist-bundled/es/{p-CAjDiWIc-C9dOa7FT.js → p-BBlUduEr-CWdvgBS6.js}

@@ -1,8 +1,8 @@
 import { D as n } from "./p-B4hcsDH0-CPqEc-vc.js";
 import { p as d } from "./p-C-Lpfqcg-DIuBhXzX.js";
-import { _ as u } from "./p-CV1-78HB-C0k_l_CT.js";
-import { c as t } from "./clsx-OuTLNxxd.js";
-const p = ({ type: o }, e) => t("gids-dropdown-menu-group", {
+import { _ as u } from "./p-D2VR17v2-C0k_l_CT.js";
+import { c as l } from "./clsx-OuTLNxxd.js";
+const p = ({ type: o }, e) => l("gids-dropdown-menu-group", {
   "gids-dropdown-menu-group--default": o === "default",
   // by default so no need to have this class
   "gids-dropdown-menu-group--no-options": o === "no-options",
@@ -10,11 +10,11 @@ const p = ({ type: o }, e) => t("gids-dropdown-menu-group", {
 }, e), i = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   getGidsDropdownMenuGroupClassNames: p
-}, Symbol.toStringTag, { value: "Module" })), a = (o) => t("gids-dropdown-menu", o), g = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Symbol.toStringTag, { value: "Module" })), a = (o) => l("gids-dropdown-menu", o), g = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   getGidsDropdownMenuClassNames: a
-}, Symbol.toStringTag, { value: "Module" })), { getGidsDropdownMenuGroupClassNames: m } = i, y = ({ type: o = "no-options", supportingText: e = "No options", class: r, ...s }, l) => n("div", { class: m({ type: o }, r), ...s }, o === "loading" ? n(d, { indeterminate: !0, size: "md" }) : null, o === "no-options" ? n("span", null, e) : null, o === "default" && l != null ? l : null), { getGidsDropdownMenuClassNames: c } = g, G = ({ sectionLabel: o, class: e, ...r }, s) => n("div", { class: c(e), ...r }, o != null && o !== "" ? n(u, { supportingText: o, supportingTextTypography: "eyebrow-medium" }) : null, s != null ? n("div", { class: "gids-dropdown-menu__children" }, s) : null);
+}, Symbol.toStringTag, { value: "Module" })), { getGidsDropdownMenuGroupClassNames: m } = i, y = ({ type: o = "no-options", supportingText: e = "No options", class: r, ...s }, t) => n("div", { class: m({ type: o }, r), ...s }, o === "loading" ? n(d, { indeterminate: !0, size: "md" }) : null, o === "no-options" ? n("span", null, e) : null, o === "default" && t != null ? t : null), { getGidsDropdownMenuClassNames: c } = g, G = ({ sectionLabel: o, class: e, ...r }, s) => n("div", { class: c(e), ...r }, o != null && o !== "" ? n(u, { supportingText: o, supportingTextTypography: "eyebrow-medium" }) : null, s != null ? n("div", { class: "gids-dropdown-menu__children" }, s) : null);
 export {
-  G as a,
-  y as i
+  y as i,
+  G as t
 };

package/dist-bundled/es/{p-BAqWcL0K-DNkV1R_C.js → p-BNW2xgxF-DWKLliyn.js}

@@ -1,6 +1,6 @@
 import { q as f, L as g, u as v, D as c } from "./p-B4hcsDH0-CPqEc-vc.js";
 import { d as p } from "./p-iQRr_fAH-Dvv1n8QD.js";
-import { o as I } from "./p-DQQhGF5N-mCqb5VTE.js";
+import { o as I } from "./p-DjnREsH0-Cm8vBvIX.js";
 import { c as y } from "./clsx-OuTLNxxd.js";
 const S = ({ expanded: h }, e) => y("gids-filter", {
   "gids-filter--expanded": h
@@ -142,7 +142,7 @@ const F = g((s = class extends v {
   }
   render() {
     const e = this.expanded && this.isInteractive(), t = E({ expanded: e }), l = this.isMenuToggler(), i = typeof this.filterPickerId == "string" ? this.filterPickerId : void 0, n = i ? `${i}__menu` : void 0, r = this.selectedItemTitle ?? this.value ?? "", d = this.type === "more", a = this.type === "all", o = this.type === "none";
-    return c("div", { key: "585c3018b1f5e50fe268648883fba7bda102b5ab", class: t, "aria-control": n ?? "" }, c("gids-toggle-button", { key: "21524dd8e6327022b17a91f41abdf7e1db7a0295", id: i, name: this.name, expanded: e, value: r, disabled: this.disabled, size: this.size, loading: this.loading, tabIndex: this.filterIndex, defaultSelected: this.filterDefaultSelected, selected: this.filterSelected, onSelect: this.handleFilterButtonClickToggle }, d || a ? c(p, { name: d ? "options" : "filter", size: this.size, appearance: "regular", alt: "", slot: "leadingIcon" }) : void 0, o || a ? r : void 0, l && !d ? c(p, { name: "chevron-down", size: this.size, appearance: "regular", alt: "", slot: "trailingIcon" }) : void 0), c("div", { key: "3cb8fe6ed4e06a8c0c64d1e753040c1dd61b14dd", class: "gids-filter__menu", id: n, role: "pickerbox", onClick: this.handleMenuClick }, c("slot", { key: "28fa646b9f75307b046372d602238e96121dbd14", onSlotchange: () => this.evaluateSlottedMenuExistence() })));
+    return c("div", { key: "b08dfcb918abf39ea54760453194f008b41c1eca", class: t, "aria-control": n ?? "" }, c("gids-toggle-button", { key: "0577901cccbad74ed5d575c3f7a0f815908247bc", id: i, name: this.name, expanded: e, value: r, disabled: this.disabled, size: this.size, loading: this.loading, tabIndex: this.filterIndex, defaultSelected: this.filterDefaultSelected, selected: this.filterSelected, onSelect: this.handleFilterButtonClickToggle }, d || a ? c(p, { name: d ? "options" : "filter", size: this.size, appearance: "regular", alt: "", slot: "leadingIcon" }) : void 0, o || a ? r : void 0, l && !d ? c(p, { name: "chevron-down", size: this.size, appearance: "regular", alt: "", slot: "trailingIcon" }) : void 0), c("div", { key: "874c67d2a3c693324417502e9698a4a5032d0d90", class: "gids-filter__menu", id: n, role: "pickerbox", onClick: this.handleMenuClick }, c("slot", { key: "69b06764abd1d91892d23e19b7dfa619c6bd3a95", onSlotchange: () => this.evaluateSlottedMenuExistence() })));
   }
   get hostElement() {
     return this;
@@ -154,7 +154,7 @@ const F = g((s = class extends v {
     return ".gids-filter{position:relative}.gids-filter__menu{position:absolute;inset-inline:0;top:calc(100% + var(--gids-gap-050));z-index:3;display:none;flex-direction:column;align-self:stretch;min-width:var(--gids-width-2-xs);min-height:55px;max-height:15rem;overflow-x:hidden;overflow-y:auto;background-color:var(--gids-elevation-surface-overlay-default);box-shadow:var(--gids-elevation-shadow-overlay);border-radius:var(--gids-border-radius-lg);left:0;right:auto}.gids-filter__menu--align-right{left:auto !important;right:0 !important}.gids-filter__menu>*{flex-shrink:0}.gids-filter--expanded .gids-filter__menu{display:flex}";
   }
 }, s.emittedValuesTracker = /* @__PURE__ */ new Set(), s), [260, "gids-filter", { name: [1], filterId: [1025, "filter-id"], filterPickerId: [1, "filter-picker-id"], expanded: [4], type: [1], filterItemType: [1, "filter-item-type"], value: [1], filterSelected: [1540, "filter-selected"], filterDefaultSelected: [4, "filter-default-selected"], disabled: [4], size: [1], loading: [4], filterIndex: [2, "filter-index"], onFilterMenuItemChange: [16], onToggle: [16], selectedItemTitle: [32], hasSlottedMenu: [32] }, [[8, "click", "handleWindowClick"]], { expanded: [{ handleExpandedChange: 0 }], disabled: [{ handleInteractivityChange: 0 }], type: [{ handleFilterTypeChange: 0 }], filterId: [{ handleFilterIdArrival: 0 }], filterSelected: [{ handleFilterSelectedChange: 0 }], filterDefaultSelected: [{ handleFilterDefaultSelectedChange: 0 }] }]);
-function b() {
+function T() {
   typeof customElements < "u" && ["gids-filter", "gids-toggle-button"].forEach(((h) => {
     switch (h) {
       case "gids-filter":
@@ -165,8 +165,8 @@ function b() {
     }
   }));
 }
-b();
+T();
 export {
-  b as a,
+  T as a,
   F as r
 };

package/dist-bundled/es/p-BcXumkjZ-zNpzLmjI.js

@@ -0,0 +1,240 @@
+import { q as d, L as u, u as m, D as o } from "./p-B4hcsDH0-CPqEc-vc.js";
+import { d as p } from "./p-iQRr_fAH-Dvv1n8QD.js";
+import { h as g } from "./p-CxfmNDsm-JHseL2it.js";
+import { r as v } from "./p-CZgH5rZs-Clk0qfHN.js";
+import { c } from "./clsx-OuTLNxxd.js";
+const f = (e) => c("gids-dropdown", e), y = ({ size: e }, t) => c("gids-chevron-button-control", {
+  "gids-chevron-button-control--small": e === "sm",
+  // 'gids-chevron-button-control--medium': size === 'md', // Default
+  "gids-chevron-button-control--large": e === "lg"
+}, t), I = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsChevronButtonControlClassNames: y,
+  getGidsDropdownClassNames: f
+}, Symbol.toStringTag, { value: "Module" })), { getGidsDropdownClassNames: b, getGidsChevronButtonControlClassNames: E } = I, h = "gids-dropdown-item--active", C = u(class extends m {
+  constructor(e) {
+    super(), e !== !1 && this.__registerHost(), this.appearance = "default", this.menuPlacement = "bottom", this.menuConstrainPlacements = ["bottom", "top"], this.filterValue = "", this.isFilterEditing = !1, this.hasLeadingIcon = !1, this.hasLeadingAccessory = !1, this.activeIndex = -1, this.hasItemListener = !1, this.suppressNextMenuClickSelection = !1, this.hasDocumentListeners = !1, this.hasPendingControlRevalidation = !1, this.suppressNextFilterInput = !1, this.handleDropdownItemSelect = (t) => {
+      const { value: n, title: s, disabled: i, id: a, isPlaceholderItem: l } = t.detail;
+      i || typeof n != "string" || (this.suppressNextMenuClickSelection = !0, queueMicrotask((() => {
+        this.suppressNextMenuClickSelection = !1;
+      })), this.applySelection({ id: a, value: n, title: s, disabled: !1, originalEvent: t, isPlaceholderItem: l }));
+    }, this.handleMenuClick = (t) => {
+      if (this.suppressNextMenuClickSelection) return;
+      const n = t.target;
+      if (!(n instanceof Element)) return;
+      const s = n.closest(".gids-dropdown-item");
+      if (!s || !this.hostElement.contains(s) || s.hasAttribute("disabled") || s.getAttribute("aria-disabled") === "true") return;
+      const i = s instanceof HTMLButtonElement ? s.value : s.getAttribute("value") || "";
+      if (typeof i != "string" || i.length === 0) return;
+      const a = s instanceof HTMLButtonElement ? s.id : s.getAttribute("id") ?? "";
+      if (typeof a != "string" || a.length === 0) return;
+      const l = s.getAttribute("is-placeholder-item") ?? "";
+      let r = s.textContent?.trim() ?? "";
+      r.endsWith("checkmark") && (r = r.slice(0, -9).trim()), this.applySelection({ id: a, value: i, title: r.trim(), disabled: !1, originalEvent: t, isPlaceholderItem: !(!l || l !== "true") });
+    }, this.handleFilterInput = (t) => {
+      if (this.suppressNextFilterInput) return void (this.suppressNextFilterInput = !1);
+      const n = t.target;
+      this.filterValue = n?.value ?? "", this.isFilterEditing = !0, this.clearActive(), this.applyFilter();
+    }, this.handleInputKeyDown = (t) => {
+      if (!this.isInteractive()) return;
+      const n = t.key, s = n === "ArrowDown";
+      return !s && n !== "ArrowUp" || t.metaKey || t.ctrlKey ? n === "Home" ? (t.preventDefault(), void this.setActiveByIndex(0)) : n === "End" ? (t.preventDefault(), void this.setActiveByIndex(this.getVisibleEnabledItems().length - 1)) : void (n === "Enter" && this.selectActive() && t.preventDefault()) : (t.preventDefault(), void this.moveActive(s ? 1 : -1));
+    }, this.handleInputFocusAndBlur = (t) => {
+      this.hostElement.dispatchEvent(new FocusEvent(t.type, { relatedTarget: t.relatedTarget }));
+    }, this.handleInputClickToggle = () => {
+    }, this.handleChevronClickToggle = (t) => {
+      t.defaultPrevented || (t.stopPropagation(), this.disabled || this.readOnly || this.flyoutPanelElement?.isFlyoutPanelVisible().then(((n) => {
+        n ? this.flyoutPanelElement?.closeFlyoutPanel(t) : this.flyoutPanelElement?.openFlyoutPanel(t);
+      })));
+    }, this.handleDocumentPointerDown = (t) => {
+      t.button !== 2 && !(typeof t.composedPath == "function" ? t.composedPath() : []).includes(this.hostElement) && this.hostElement.contains(t.target);
+    }, this.handleDocumentKeyDown = (t) => {
+      const n = t.key;
+      n !== "Escape" && n !== "Esc" || t.preventDefault();
+    }, this.handleFormReset = () => {
+      this.value = this.initialValue, this.selectedItemTitle = void 0, this.isFilterEditing = !1, this.filterValue = "";
+    };
+  }
+  handleInteractivityChange(e) {
+    this.disabled = e, this.readOnly = e;
+  }
+  menuPlacementChanged(e) {
+    this.menuPlacement = e;
+  }
+  menuConstrainPlacementsChanged(e) {
+    this.menuConstrainPlacements = e;
+  }
+  connectedCallback() {
+    this.initialValue = this.value, this.attachItemListener(), this.attachDocumentListeners(), this.attachFormListener();
+  }
+  disconnectedCallback() {
+    this.detachItemListener(), this.detachDocumentListeners(), this.detachFormListener();
+  }
+  componentWillLoad() {
+    this.checkSlots();
+  }
+  componentWillUpdate() {
+    this.checkSlots();
+  }
+  componentDidRender() {
+    this.flyoutPanelElement = this.hostElement.querySelector("gids-flyout-panel") ?? void 0;
+  }
+  checkSlots() {
+    this.hasLeadingIcon = !!this.hostElement.querySelector('[slot="leadingIconDropdown"]'), this.hasLeadingAccessory = !!this.hostElement.querySelector('[slot="leadingAccessoryDropdown"]');
+  }
+  getItemElements() {
+    return Array.from(this.hostElement.querySelectorAll(".gids-dropdown-item"));
+  }
+  getVisibleEnabledItems() {
+    return this.getItemElements().filter(((e) => e.style.display !== "none" && !e.hasAttribute("disabled") && e.getAttribute("aria-disabled") !== "true"));
+  }
+  attachItemListener() {
+    this.hasItemListener || (this.hostElement.addEventListener("onPressDropdownItem", this.handleDropdownItemSelect), this.hasItemListener = !0);
+  }
+  detachItemListener() {
+    this.hasItemListener && (this.hostElement.removeEventListener("onPressDropdownItem", this.handleDropdownItemSelect), this.hasItemListener = !1);
+  }
+  applySelection(e) {
+    this.value = e.value, this.selectedItemTitle = typeof e.title == "string" ? e.title : void 0, this.isFilterEditing = !1, this.filterValue = "", this.clearActive(), this.emitNativeSelectionEvents(this.selectedItemTitle ?? ""), this.resetItemVisibility(), this.onSelectionChange?.(e);
+    const t = new CustomEvent("gidsDropdownChange", { bubbles: !0, composed: !0, detail: e });
+    this.hostElement.dispatchEvent(t), this.disabled || this.readOnly || this.flyoutPanelElement?.isFlyoutPanelVisible().then(((n) => {
+      n ? this.flyoutPanelElement?.closeFlyoutPanel(t) : this.flyoutPanelElement?.openFlyoutPanel(t);
+    }));
+  }
+  getInputControl() {
+    return this.hostElement.querySelector(".gids-input__control");
+  }
+  emitNativeSelectionEvents(e) {
+    const t = this.getInputControl();
+    t && (t.value = e, this.suppressNextFilterInput = !0, t.dispatchEvent(new Event("input", { bubbles: !0, composed: !0 })), t.dispatchEvent(new Event("change", { bubbles: !0, composed: !0 })), this.suppressNextFilterInput && (this.suppressNextFilterInput = !1));
+  }
+  clearActive() {
+    this.activeIndex = -1, this.getItemElements().forEach(((e) => e.classList.remove(h))), this.setActiveDescendant(void 0);
+  }
+  setActiveByIndex(e) {
+    const t = this.getVisibleEnabledItems();
+    if (this.getItemElements().forEach(((i) => i.classList.remove(h))), t.length === 0) return this.activeIndex = -1, void this.setActiveDescendant(void 0);
+    const n = Math.max(0, Math.min(e, t.length - 1)), s = t[n];
+    if (!s) return this.activeIndex = -1, void this.setActiveDescendant(void 0);
+    this.activeIndex = n, s.classList.add(h), s.scrollIntoView({ block: "nearest" }), this.setActiveDescendant(s.id || void 0);
+  }
+  moveActive(e) {
+    const t = this.getVisibleEnabledItems();
+    t.length !== 0 ? this.setActiveByIndex(this.activeIndex === -1 ? e > 0 ? 0 : t.length - 1 : (this.activeIndex + e + t.length) % t.length) : this.clearActive();
+  }
+  selectActive() {
+    const e = this.getVisibleEnabledItems();
+    if (e.length === 0) return !1;
+    const t = this.activeIndex >= 0 ? e[this.activeIndex] : e[0];
+    return !!t && (t.click(), this.getInputControl()?.focus(), !0);
+  }
+  applyFilter() {
+    const e = this.filterValue.trim().toLowerCase();
+    this.getItemElements().forEach(((t) => {
+      const n = (t.textContent ?? "").toLowerCase();
+      e.length === 0 || n.includes(e) ? t.style.removeProperty("display") : t.style.display = "none";
+    }));
+  }
+  resetItemVisibility() {
+    this.getItemElements().forEach(((e) => {
+      e.style.removeProperty("display");
+    }));
+  }
+  setActiveDescendant(e) {
+    const t = this.getInputControl();
+    t && (e ? t.setAttribute("aria-activedescendant", e) : t.removeAttribute("aria-activedescendant"));
+  }
+  attachDocumentListeners() {
+    this.hasDocumentListeners || typeof document > "u" || (document.addEventListener("pointerdown", this.handleDocumentPointerDown), document.addEventListener("keydown", this.handleDocumentKeyDown), this.hasDocumentListeners = !0);
+  }
+  detachDocumentListeners() {
+    this.hasDocumentListeners && typeof document < "u" && (document.removeEventListener("pointerdown", this.handleDocumentPointerDown), document.removeEventListener("keydown", this.handleDocumentKeyDown), this.hasDocumentListeners = !1);
+  }
+  attachFormListener() {
+    const e = this.hostElement.closest("form");
+    this.patternForm !== e && (this.patternForm && this.patternForm.removeEventListener("reset", this.handleFormReset), this.patternForm = e ?? void 0, this.patternForm?.addEventListener("reset", this.handleFormReset));
+  }
+  detachFormListener() {
+    this.patternForm && (this.patternForm.removeEventListener("reset", this.handleFormReset), this.patternForm = void 0);
+  }
+  get form() {
+    return this.getInputControl()?.form ?? this.patternForm ?? null;
+  }
+  get validity() {
+    return this.getInputControl()?.validity ?? {};
+  }
+  get validationMessage() {
+    return this.getInputControl()?.validationMessage ?? "";
+  }
+  get willValidate() {
+    return this.getInputControl()?.willValidate ?? !1;
+  }
+  async checkValidity() {
+    return this.getInputControl()?.checkValidity() ?? !0;
+  }
+  async reportValidity() {
+    return this.getInputControl()?.reportValidity() ?? !0;
+  }
+  async setCustomValidity(e) {
+    return this.getInputControl()?.setCustomValidity(e);
+  }
+  isInteractive() {
+    return !(this.disabled || this.readOnly);
+  }
+  scheduleControlRevalidation() {
+    if (this.hasPendingControlRevalidation) return;
+    this.hasPendingControlRevalidation = !0;
+    const e = () => {
+      this.hasPendingControlRevalidation = !1, this.checkValidity();
+    };
+    typeof requestAnimationFrame != "function" ? e() : requestAnimationFrame(e);
+  }
+  getEnhancedInputProps() {
+    const e = { ...this.inputProps ?? {} };
+    typeof e.autoComplete == "string" && e?.autoComplete?.trim?.()?.length !== 0 || (e.autoComplete = "off");
+    const t = e.onInput;
+    e.onInput = (i) => {
+      t?.(i), this.handleFilterInput(i);
+    };
+    const n = e.onBlur;
+    e.onBlur = (i) => {
+      n?.(i), this.scheduleControlRevalidation();
+    };
+    const s = e.onKeyDown;
+    return e.onKeyDown = (i) => {
+      s?.(i), i.defaultPrevented || this.handleInputKeyDown(i);
+    }, e;
+  }
+  render() {
+    const e = b(), t = this.getEnhancedInputProps(), n = typeof t.id == "string" ? t.id : void 0, s = n ? `${n}__menu` : void 0, i = this.isFilterEditing ? this.filterValue : this.selectedItemTitle ?? this.value ?? "", a = this.disabled || this.readOnly ? "" : `dropdown-${s}`, l = o("button", { key: "7ea973413d842a50076beefa4c7e44e690ce64ca", class: E({ size: "lg" }), slot: "trailingAccessory", type: "button", onClick: (r) => this.handleChevronClickToggle(r), "aria-haspopup": "listbox", "aria-controls": s, disabled: this.disabled || this.readOnly, tabIndex: -1 }, o("span", { key: "1579fc5f3c7e582619754aef7830ea7079f38963", class: "gids-button__content" }, o(p, { key: "e2781f65e2eab2ea398070eca03855d89343870e", name: "chevron-vertical", alt: "" })));
+    return o("div", { key: "9c55513535108fb289d6011102ecd7ef9f217c79", class: e }, o("gids-input", { key: "5c5be9280f69ef3b031a34f50927e1f649c4911e", appearance: this.appearance, loading: this.loading, disabled: this.disabled, readOnly: this.readOnly, required: this.required, value: i, name: this.name, inputProps: t, onClick: this.handleInputClickToggle, onFocus: this.handleInputFocusAndBlur, onBlur: this.handleInputFocusAndBlur, id: a }, this.hasLeadingIcon && o("slot", { key: "502e234e0fb147df023d1e969975167975b4dd7f", name: "leadingIconDropdown", slot: "leadingIcon" }), this.hasLeadingAccessory && o("slot", { key: "f447253a177d9a724d4c60f63c30232dc23add11", name: "leadingAccessoryDropdown", slot: "leadingAccessory" }), l), o("gids-flyout-panel", { key: "905193245274409ea826af63a658c98de1e8966d", placement: this?.menuPlacement ?? "bottom", constrainPlacements: this?.menuConstrainPlacements ?? ["bottom", "top"], onClick: this.handleMenuClick, htmlFor: a }, o("slot", { key: "b398ffd22d450277271a51fce7f52164b2f76229" })));
+  }
+  get hostElement() {
+    return this;
+  }
+  static get watchers() {
+    return { disabled: [{ handleInteractivityChange: 0 }], readOnly: [{ handleInteractivityChange: 0 }], menuPlacement: [{ menuPlacementChanged: 0 }], menuConstrainPlacements: [{ menuConstrainPlacementsChanged: 0 }] };
+  }
+  static get style() {
+    return ".gids-dropdown{position:relative}.gids-dropdown__leading-icon{display:flex;align-items:center}.gids-dropdown__accessory{display:flex;align-items:center}";
+  }
+}, [260, "gids-dropdown", { appearance: [1], inputProps: [16], disabled: [516], readOnly: [516, "read-only"], loading: [516], value: [513], name: [1], onSelectionChange: [16], required: [4], menuPlacement: [1, "menu-placement"], menuConstrainPlacements: [16], filterValue: [32], isFilterEditing: [32], selectedItemTitle: [32], hasLeadingIcon: [32], hasLeadingAccessory: [32], checkValidity: [64], reportValidity: [64], setCustomValidity: [64] }, void 0, { disabled: [{ handleInteractivityChange: 0 }], readOnly: [{ handleInteractivityChange: 0 }], menuPlacement: [{ menuPlacementChanged: 0 }], menuConstrainPlacements: [{ menuConstrainPlacementsChanged: 0 }] }]);
+function P() {
+  typeof customElements < "u" && ["gids-dropdown", "gids-flyout-panel", "gids-input"].forEach(((e) => {
+    switch (e) {
+      case "gids-dropdown":
+        customElements.get(d(e)) || customElements.define(d(e), C);
+        break;
+      case "gids-flyout-panel":
+        customElements.get(d(e)) || g();
+        break;
+      case "gids-input":
+        customElements.get(d(e)) || v();
+    }
+  }));
+}
+P();
+export {
+  C as l,
+  P as m
+};

package/dist-bundled/es/{p-DKSnGphd-CZSPfB-N.js → p-C88Z_F_m-wMA27lx_.js}

@@ -1,9 +1,9 @@
 import { q as h, L as v, u as f, D as e } from "./p-B4hcsDH0-CPqEc-vc.js";
 import { p as u } from "./p-C-Lpfqcg-DIuBhXzX.js";
 import { d as w } from "./p-iQRr_fAH-Dvv1n8QD.js";
-import { _ as k } from "./p-D0RJMGGj-BflZ9l8y.js";
-import { o as z } from "./p-DnRuhvRw-Beh0bANh.js";
-import { l as C } from "./p-E13ycS5K-BBDydae3.js";
+import { _ as k } from "./p-DLX-l0-L-gumz4bOG.js";
+import { o as z } from "./p-x1tVOUSt-CdB8Szfe.js";
+import { l as C } from "./p-DYKcsBzA-BcupA9sw.js";
 import { c as L } from "./clsx-OuTLNxxd.js";
 const D = ({ breakpoint: i }, r) => L("gids-line-chart", {
   "gids-line-chart--breakpoint-mobile": i === "mobile"

package/dist-bundled/es/{p-bfWlRsx_-CNZjBYOE.js → p-CKj2Ru6e-B-Nk5B_P.js}

@@ -1,7 +1,7 @@
 import { q as s, L as P, u as A, D as n, P as x } from "./p-B4hcsDH0-CPqEc-vc.js";
-import { P as v, T as L } from "./p-kWyyLyT3-VhX9LNzT.js";
+import { P as v, T as L } from "./p-B2YjHZsu-DxdrSYcE.js";
 import { d as T } from "./p-iQRr_fAH-Dvv1n8QD.js";
-import { h as E } from "./p-DpvdbdZ--C7QlXxK2.js";
+import { h as E } from "./p-CxfmNDsm-JHseL2it.js";
 import { c as y } from "./clsx-OuTLNxxd.js";
 const D = (e) => y("gids-sidebar-item", e), _ = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
@@ -77,7 +77,7 @@ const D = (e) => y("gids-sidebar-item", e), _ = /* @__PURE__ */ Object.freeze(/*
   }
   render() {
     const e = this.id, t = this?.appearance ?? "subtle", a = this?.selectionAppearance ?? "default", i = this?.leadingLabel, l = this?.leadingSupportingText, c = this?.trailingLabel, m = this?.trailingSupportingText, u = this?.disabled ?? !1, o = this?.selectedState ?? !1, h = this?.menuId ?? "sidebar-menu-item", g = this?.menuPlacement ?? "right", I = this?.menuConstrainPlacements && this.menuConstrainPlacements.length > 0 ? this.menuConstrainPlacements : ["bottom", "left", "right", "top", "left-start", "left-end", "right-start", "right-end"], p = this?.menuData ?? [], b = this?.sidebarMenuItemAppearance ?? "subtle", S = this?.sidebarMenuItemSelectionAppearance ?? "default", M = this?.selectedMenuItemSectionIdState ?? void 0, C = this?.selectedMenuItemIdState ?? void 0, r = this.hasMenu(), f = k();
-    return n(x, { key: "4df994cd92995f0a1053593ec83e2b97f45fe52d", id: e, class: f }, n(L, { key: "458143794740850d76cbf686bc82efb40afc4a8f", id: e, appearance: t, selectionAppearance: a, leadingLabel: i, leadingSupportingText: l, trailingLabel: c, trailingSupportingText: m, selected: o, disabled: u, leadingIcon: n("slot", { name: "sidebarItemLeadingIcon" }), leadingAccessory: n("slot", { name: "sidebarItemLeadingAccessory" }), trailingAccessory: n("slot", { name: "sidebarItemTrailingAccessory" }), trailingIcon: r ? n(T, { name: "chevron-right", size: "md", appearance: "regular", alt: "" }) : void 0, onPressSidebarMenuItem: (d) => this.onSidebarMenuItemPress({ event: d }) }), r ? n("div", { class: "gids-sidebar-item__menu-container" }, n("gids-sidebar-menu", { htmlFor: e, menuData: p, id: h, placement: g, constrainPlacements: I, sidebarMenuItemAppearance: b, sidebarMenuItemSelectionAppearance: S, selectedSectionId: M, selectedItemId: C, onSidebarMenuChange: (d) => this.onChangeSidebarMenu({ event: d }) })) : void 0);
+    return n(x, { key: "9f2148b754560340d15620c92643bd8ef255d9b4", id: e, class: f }, n(L, { key: "80ad91175982dc89fb5d4ea22ed22c85b14517e2", id: e, appearance: t, selectionAppearance: a, leadingLabel: i, leadingSupportingText: l, trailingLabel: c, trailingSupportingText: m, selected: o, disabled: u, leadingIcon: n("slot", { name: "sidebarItemLeadingIcon" }), leadingAccessory: n("slot", { name: "sidebarItemLeadingAccessory" }), trailingAccessory: n("slot", { name: "sidebarItemTrailingAccessory" }), trailingIcon: r ? n(T, { name: "chevron-right", size: "md", appearance: "regular", alt: "" }) : void 0, onPressSidebarMenuItem: (d) => this.onSidebarMenuItemPress({ event: d }) }), r ? n("div", { class: "gids-sidebar-item__menu-container" }, n("gids-sidebar-menu", { htmlFor: e, menuData: p, id: h, placement: g, constrainPlacements: I, sidebarMenuItemAppearance: b, sidebarMenuItemSelectionAppearance: S, selectedSectionId: M, selectedItemId: C, onSidebarMenuChange: (d) => this.onChangeSidebarMenu({ event: d }) })) : void 0);
   }
   get hostElement() {
     return this;

package/dist-bundled/es/{p-B_St7yaX-Da4DWjGh.js → p-COsSHfdc-DfDYoLSS.js}

@@ -1,7 +1,7 @@
 import { q as b, L as x, u as _, D as d, P as w } from "./p-B4hcsDH0-CPqEc-vc.js";
 import { d as M } from "./p-iQRr_fAH-Dvv1n8QD.js";
-import { i as C, a as S } from "./p-CAjDiWIc-C9dOa7FT.js";
-import { i as z } from "./p-DLRj-mUX-BapdQYpI.js";
+import { i as C, t as S } from "./p-BBlUduEr-CWdvgBS6.js";
+import { i as z } from "./p-B3AB3GQ0-DdgNC9FJ.js";
 import { c as E } from "./clsx-OuTLNxxd.js";
 const T = ({ selected: e, appearance: i, selectionAppearance: a, size: n, expanded: o, borderRadius: t, applyShadow: r }, g) => E("gids-header-navigation-item", {
   // Appearances
@@ -121,7 +121,7 @@ const T = ({ selected: e, appearance: i, selectionAppearance: a, size: n, expand
   }
   render() {
     const e = this?.isSelected ?? !1, i = this?.appearance ?? "default", a = this?.selectionAppearance ?? "default", n = this.label, o = this?.size ?? "sm", t = this.id, r = this.menuId, g = this?.menuItems ?? [], c = this?.isMenuExpanded ?? !1, m = this?.borderRadius ?? "none", h = this?.applyShadow ?? !1, s = this.hasMenu(), f = R({ selected: e, appearance: i, selectionAppearance: a, size: o, expanded: c && s, applyShadow: h, borderRadius: m });
-    return d(w, { key: "a4d69317daff54b5abc4ebb64095f208da12ef26", id: t, "header-nav-item-appearance": i, "header-nav-item-size": o, "header-nav-item-selection-appearance": a, "header-nav-item-selected": e ? "true" : "false", class: f, onClick: this.onItemClick, "header-nav-item-expanded": c }, d("slot", { key: "d0ba32dd346cc17b322945454201fff5d7457419", name: "headerNavItemLeadingIcon" }), n && n !== "" ? d("div", { class: "gids-header-navigation-item__label" }, d("span", null, n)) : void 0, s ? d("div", { class: "gids-header-navigation-item__chevron" }, d(M, { name: "chevron-down", size: o !== "xl" ? o : "lg" })) : void 0, s && c ? d("div", { class: "gids-header-navigation-item__dropdown-menu-container", id: r, role: "headerNavigationPickerbox", onClick: (u) => u.stopPropagation() }, d(C, { type: "default" }, g.map(((u, p) => {
+    return d(w, { key: "23b3e666fbb62f46250e2c47f03873edf5e804cd", id: t, "header-nav-item-appearance": i, "header-nav-item-size": o, "header-nav-item-selection-appearance": a, "header-nav-item-selected": e ? "true" : "false", class: f, onClick: this.onItemClick, "header-nav-item-expanded": c }, d("slot", { key: "e4e8d615a81c80766e6f59e7d61697c3f33c082e", name: "headerNavItemLeadingIcon" }), n && n !== "" ? d("div", { class: "gids-header-navigation-item__label" }, d("span", null, n)) : void 0, s ? d("div", { class: "gids-header-navigation-item__chevron" }, d(M, { name: "chevron-down", size: o !== "xl" ? o : "lg" })) : void 0, s && c ? d("div", { class: "gids-header-navigation-item__dropdown-menu-container", id: r, role: "headerNavigationPickerbox", onClick: (u) => u.stopPropagation() }, d(C, { type: "default" }, g.map(((u, p) => {
       const I = u?.data ?? [];
       return d(S, { key: `${p + 1}`, sectionLabel: u?.sectionLabel ?? "" }, I.map(((l, v) => {
         const y = this.isMenuItemSelected(l.id);

package/dist-bundled/es/{p-DrxfD2yZ-Cetyr3S9.js → p-CSXuAs_X-Hw6bT-8r.js}

@@ -1,6 +1,6 @@
-import { q as o, L as r, u as c, D as d } from "./p-B4hcsDH0-CPqEc-vc.js";
-import { i as h, a as m } from "./p-CAjDiWIc-C9dOa7FT.js";
-import { i as u } from "./p-DLRj-mUX-BapdQYpI.js";
+import { q as o, L as r, u as h, D as l } from "./p-B4hcsDH0-CPqEc-vc.js";
+import { i as c, t as m } from "./p-BBlUduEr-CWdvgBS6.js";
+import { i as u } from "./p-B3AB3GQ0-DdgNC9FJ.js";
 import { c as p } from "./clsx-OuTLNxxd.js";
 const f = (t) => p("gids-calendar-month-list", t), I = () => {
   const t = [], s = new Intl.DateTimeFormat("en-US", { month: "long" });
@@ -17,11 +17,11 @@ const f = (t) => p("gids-calendar-month-list", t), I = () => {
   __proto__: null,
   getGidsCalendarMonthListClassNames: f,
   getGidsCalendarMonthListMonths: I
-}, Symbol.toStringTag, { value: "Module" })), { getGidsCalendarMonthListClassNames: g, getGidsCalendarMonthListMonths: M } = b, C = r(class extends c {
+}, Symbol.toStringTag, { value: "Module" })), { getGidsCalendarMonthListClassNames: g, getGidsCalendarMonthListMonths: M } = b, C = r(class extends h {
   constructor(t) {
     super(), t !== !1 && this.__registerHost(), this.type = "default", this.disabledIndices = [], this.divider = !1, this.hasItemListener = !1, this.suppressNextMenuClickSelection = !1, this.handleCalendarMenuItemSelect = (s) => {
-      const { title: e, value: n, selectedIndex: i, disabled: l, id: a } = s.detail;
-      l || typeof e != "string" || (this.suppressNextMenuClickSelection = !0, queueMicrotask((() => {
+      const { title: e, value: n, selectedIndex: i, disabled: d, id: a } = s.detail;
+      d || typeof e != "string" || (this.suppressNextMenuClickSelection = !0, queueMicrotask((() => {
         this.suppressNextMenuClickSelection = !1;
       })), this.applySelection({ id: a, month: e, monthInNumber: Number(n), disabled: !1, selectedIndex: i }));
     }, this.handleMenuClick = (s) => {
@@ -29,7 +29,7 @@ const f = (t) => p("gids-calendar-month-list", t), I = () => {
       const e = s?.detail;
       this.applySelection({ id: e.id, monthInNumber: Number(e.value), month: e.title, disabled: !1, selectedIndex: e.selectedIndex });
     }, this.monthsList = () => M(), this.getSelectedItem = () => {
-      const s = this.selectedMonthNumber, e = this.monthsList(), n = e.findIndex(((l) => l.value === s));
+      const s = this.selectedMonthNumber, e = this.monthsList(), n = e.findIndex(((d) => d.value === s));
       let i;
       return n != null && n !== -1 && (i = e[n]), { foundItem: i, foundIndex: n };
     }, this.isItemSelected = (s) => {
@@ -60,9 +60,9 @@ const f = (t) => p("gids-calendar-month-list", t), I = () => {
   }
   render() {
     const t = g();
-    return d("div", { key: "4df94bbfd8452d30e6de6458423d2ebed874896c", class: t }, d(h, { key: "13f5733fbcf93f287e72c043c245c3eb7c111db3", type: this.type, supportingText: this.noOptionsText }, d(m, { key: "51ca53830a82666fcd23d9ae5f4ec419970dbd22", sectionLabel: "Months" }, this.monthsList().map(((s, e) => {
+    return l("div", { key: "59a191fefecff9ac070690ecb243ebd70a306390", class: t }, l(c, { key: "a90a1353aa7d094a3ca401e5932ea057d98ca3d8", type: this.type, supportingText: this.noOptionsText }, l(m, { key: "0bd03ee45c2392f3bd923d93a7d8119871d22bf9", sectionLabel: "Months" }, this.monthsList().map(((s, e) => {
       const n = `${e + 1}`, i = this.disabledIndices?.includes(e);
-      return d(u, { title: s.title, value: `${s.value}`, key: `${e.toString()}`, index: e, id: n, selected: this.isItemSelected(e), onPressDropdownItem: this.handleMenuClick, disabled: i, divider: this.divider, isPlaceholderItem: !1 });
+      return l(u, { title: s.title, value: `${s.value}`, key: `${e.toString()}`, index: e, id: n, selected: this.isItemSelected(e), onPressDropdownItem: this.handleMenuClick, disabled: i, divider: this.divider, isPlaceholderItem: !1 });
     })))));
   }
   get hostElement() {
@@ -76,6 +76,6 @@ function L() {
 }
 L();
 export {
-  C as c,
-  L as l
+  L as c,
+  C as l
 };

package/dist-bundled/es/{p-DzOOjiNH-CqI4E-mj.js → p-CZgH5rZs-Clk0qfHN.js}

@@ -54,9 +54,9 @@ const c = (e) => e.type === "hidden", f = (e) => {
     this._el.removeEventListener("click", this._focusInput);
   }
   render() {
-    return a(d, { key: "2c544e40744c4f3f264117a0f863bf594b520ea0" }, a("slot", { key: "a0f0ee09eefbb1a10f5b07dd96a2edb2278fe661", name: "leadingIcon" }), this.leadingLabel && a("span", { key: "d7f1c22c9b7dca4ddb16b54e1f6d8df54c9cea41", class: "gids-input__label" }, this.leadingLabel), a("slot", { key: "55edf5a87aa0ec574f2324dfa5f46fcc2a7d6bf6", name: "leadingAccessory" }), a("input", { key: "b7aed46c782dcd4da796dca7e43bf6974bb5ba53", ...this.inputProps, ref: (e) => {
+    return a(d, { key: "571ed3a5815c1cef82a0115634d4d181a73e0515" }, a("slot", { key: "50188a10937675d31a93e46070fd2ce7709a0763", name: "leadingIcon" }), this.leadingLabel && a("span", { key: "37aa8f33f1490ef0ca77f6ae7fabc0abb88ad749", class: "gids-input__label" }, this.leadingLabel), a("slot", { key: "d1482ff4d6b9f2a0da0cedc45a738eeae6ee969d", name: "leadingAccessory" }), a("input", { key: "ba004d40d2feee851187e3c7d778b423976817d6", ...this.inputProps, ref: (e) => {
       this.#t = e, this.#e.value !== void 0 && (this.#t.value = this.#e.value, delete this.#e.value), this.#e.defaultValue !== void 0 && (this.#t.defaultValue = this.#e.defaultValue, delete this.#e.defaultValue);
-    }, class: "gids-input__control", name: this.name, disabled: this.disabled, readOnly: this.readOnly, required: this.required, onFocus: this._handleInputFocusAndBlur, onBlur: this._handleInputFocusAndBlur }), a("slot", { key: "f2b11319075c8efdee53f410c9be6a366eb96a53", name: "trailingAccessory" }), this.trailingLabel && a("span", { key: "be6891ba9714f58c5245cdaaac2b80d5362f96c6", class: "gids-input__label" }, this.trailingLabel), a("slot", { key: "a277264aff77c51c41d43d4b6eab2cf2072979c4", name: "trailingIcon" }), this.status === "incomplete" && a(n, { key: "e108c8b0ecbe509e1aee59172b46c5eb258d4eb6", name: "warning", appearance: "filled", class: "gids-input__warning-icon" }), this.status === "complete" && a(n, { key: "3a9b1fc10f99588a23a13a2abf6648bfcba02eff", name: "positive", appearance: "filled", class: "gids-input__positive-icon" }), this.loading && a(r, { key: "372490f8eb6f0902c4fd729dc3829edda9270514", size: "md", indeterminate: !0 }));
+    }, class: "gids-input__control", name: this.name, disabled: this.disabled, readOnly: this.readOnly, required: this.required, onFocus: this._handleInputFocusAndBlur, onBlur: this._handleInputFocusAndBlur }), a("slot", { key: "b74721099ecf423895c306e63d42d6ae5ddbf8d2", name: "trailingAccessory" }), this.trailingLabel && a("span", { key: "2ffdc81450931d653f76948961a4f55559df9010", class: "gids-input__label" }, this.trailingLabel), a("slot", { key: "806cae677da57a02924ff0d0166a2bf16c5a9e15", name: "trailingIcon" }), this.status === "incomplete" && a(n, { key: "a238cdac45fc718976cce8ca022e32a946d9fe1a", name: "warning", appearance: "filled", class: "gids-input__warning-icon" }), this.status === "complete" && a(n, { key: "2ce2f8354b5f1c1d2d2376fae1b672e6361cd504", name: "positive", appearance: "filled", class: "gids-input__positive-icon" }), this.loading && a(r, { key: "1d93199143a67f7a1a0b1e9a96dc698974248a61", size: "md", indeterminate: !0 }));
   }
   get _el() {
     return this;
@@ -69,6 +69,6 @@ function h() {
 }
 h();
 export {
-  o as l,
+  o as c,
   h as r
 };

package/dist-bundled/es/{p-BIxBMTG9-Ctr342ff.js → p-CueywyHC-CsEetdha.js}

@@ -1,8 +1,8 @@
 import { q as b, L as A, u as D, D as a } from "./p-B4hcsDH0-CPqEc-vc.js";
 import { p as L } from "./p-C-Lpfqcg-DIuBhXzX.js";
-import { _ as E } from "./p-D0RJMGGj-BflZ9l8y.js";
-import { o as M } from "./p-DnRuhvRw-Beh0bANh.js";
-import { l as I } from "./p-E13ycS5K-BBDydae3.js";
+import { _ as E } from "./p-DLX-l0-L-gumz4bOG.js";
+import { o as M } from "./p-x1tVOUSt-CdB8Szfe.js";
+import { l as I } from "./p-DYKcsBzA-BcupA9sw.js";
 import { c as $ } from "./clsx-OuTLNxxd.js";
 const P = ({ breakpoint: e }, l) => $("gids-bar-chart", {
   "gids-bar-chart--breakpoint-mobile": e === "mobile"

package/dist-bundled/es/{p-DpvdbdZ--C7QlXxK2.js → p-CxfmNDsm-JHseL2it.js}

@@ -3,7 +3,7 @@ import { c as p } from "./p-CTri3IsV-B1u0rrXF.js";
 import { o as y } from "./p-CPgZgSBN-DsTNcUR7.js";
 const E = m(class extends h {
   constructor(e) {
-    super(), e !== !1 && this.__registerHost(), this.__attachShadow(), this.placement = "bottom", this.constrainPlacements = ["bottom", "top"], this.previouslyFocusedElement = null, this.focusableElements = [], this.handleToggleEvent = (t) => {
+    super(), e !== !1 && this.__registerHost(), this.__attachShadow(), this.placement = "bottom", this.constrainPlacements = ["bottom", "top"], this.matchReferenceWidth = !0, this.previouslyFocusedElement = null, this.focusableElements = [], this.handleToggleEvent = (t) => {
       t.stopPropagation();
       const l = this.floatingElementManager.isVisible();
       this.floatingElementManager.toggle(), !l && this.floatingElementManager.isVisible() ? this.onFlyoutPanelShow() : l && !this.floatingElementManager.isVisible() && this.onFlyoutPanelHide();
@@ -14,7 +14,7 @@ const E = m(class extends h {
     };
   }
   componentDidLoad() {
-    this.floatingElementManager = new p(this._el, { htmlFor: this.htmlFor, placement: this.placement, showWithoutDelay: !0, floatingElementSelector: "#flyout-panel", showArrow: !1, visibilityClass: "gids-flyout-panel--visible", elementType: y.FLYOUT_PANEL, constrainPlacements: this?.constrainPlacements ?? ["bottom", "top"], constrainToViewportHeight: !0, getAnchorElementFromSlot: (e) => e.querySelector('slot[name="anchor"]')?.assignedElements()[0] || null }), this.floatingElementManager.initialize(), this.setupEventListeners();
+    this.floatingElementManager = new p(this._el, { htmlFor: this.htmlFor, placement: this.placement, showWithoutDelay: !0, floatingElementSelector: "#flyout-panel", showArrow: !1, visibilityClass: "gids-flyout-panel--visible", elementType: y.FLYOUT_PANEL, constrainPlacements: this?.constrainPlacements ?? ["bottom", "top"], constrainToViewportHeight: !0, matchReferenceWidth: this?.matchReferenceWidth ?? !0, getAnchorElementFromSlot: (e) => e.querySelector('slot[name="anchor"]')?.assignedElements()[0] || null }), this.floatingElementManager.initialize(), this.setupEventListeners();
   }
   setupEventListeners() {
     const e = this.floatingElementManager.getAnchorElement();
@@ -31,14 +31,14 @@ const E = m(class extends h {
   updateFocusableElements() {
     const e = this._el.shadowRoot?.querySelector("#flyout-panel");
     if (!e) return;
-    const t = [], l = c(e);
+    const t = [], l = d(e);
     t.push(...l);
     const n = this._el.shadowRoot?.querySelector("slot:not([name])");
     n && n.assignedElements({ flatten: !0 }).forEach(((a) => {
-      const o = c(a);
-      t.push(...o);
-    })), this.focusableElements = t.sort(((a, o) => {
-      const i = a.compareDocumentPosition(o), u = !!(i & Node.DOCUMENT_POSITION_FOLLOWING), g = !!(i & Node.DOCUMENT_POSITION_PRECEDING);
+      const i = d(a);
+      t.push(...i);
+    })), this.focusableElements = t.sort(((a, i) => {
+      const o = a.compareDocumentPosition(i), u = !!(o & Node.DOCUMENT_POSITION_FOLLOWING), g = !!(o & Node.DOCUMENT_POSITION_PRECEDING);
       return u ? -1 : g ? 1 : 0;
     }));
   }
@@ -47,8 +47,8 @@ const E = m(class extends h {
     const t = this.focusableElements[0], l = this.focusableElements[this.focusableElements.length - 1];
     let n = document.activeElement;
     if (n === this._el) {
-      const o = this._el.shadowRoot?.activeElement;
-      o !== null && (n = o);
+      const i = this._el.shadowRoot?.activeElement;
+      i !== null && (n = i);
     }
     const a = this.focusableElements.indexOf(n) !== -1;
     e.shiftKey ? n !== t && a || (e.preventDefault(), l && l.focus()) : n !== l && a || (e.preventDefault(), t && t.focus());
@@ -66,14 +66,26 @@ const E = m(class extends h {
     const e = this.floatingElementManager?.getAnchorElement();
     e && e.removeEventListener("click", this.handleToggleEvent), document.removeEventListener("click", this.handleDocumentClick), document.removeEventListener("keydown", this.handleKeyDown);
   }
-  openFlyoutPanel(e) {
-    e && e.stopPropagation(), this.floatingElementManager.isVisible() || (this.floatingElementManager.show(), this.onFlyoutPanelShow());
+  flyoutPanelVisible() {
+    return !!this.floatingElementManager.isVisible();
   }
-  closeFlyoutPanel(e) {
-    e && e.stopPropagation(), this.floatingElementManager.isVisible() && (this.floatingElementManager.hide(), this.onFlyoutPanelHide());
+  openPanel(e) {
+    this.floatingElementManager.isVisible() || this.handleToggleEvent(e);
+  }
+  closePanel(e) {
+    this.floatingElementManager.isVisible() && this.handleToggleEvent(e);
+  }
+  async isFlyoutPanelVisible() {
+    return this.flyoutPanelVisible();
+  }
+  async openFlyoutPanel(e) {
+    this.openPanel(e);
+  }
+  async closeFlyoutPanel(e) {
+    this.closePanel(e);
   }
   render() {
-    return s(f, { key: "ad79cb0c6c6f36d2d6926233dd10d1de053fa405" }, s("slot", { key: "97333353f6deda3222ccdcee1a7c9a42900204f5", name: "anchor" }), s("div", { key: "805d139b92080862e60dad9591908f4c9af42dd3", id: "flyout-panel", part: "flyout-panel", role: "dialog", "aria-modal": "true", tabindex: "-1" }, s("div", { key: "522bae9ac93bbb12e3d3f820a477c81b768ddff3" }, s("slot", { key: "3c3601c973866e9d6ccb7aaeb686e0659b54ea50" }))));
+    return s(f, { key: "5c1652a168d27045c28c7cae5d56fe3c3b43457f" }, s("slot", { key: "dbadbb0e93053a04d647fd7af31c2363813c46c9", name: "anchor" }), s("div", { key: "ca341b9babdf1c8d5862e0517814892743f27a07", id: "flyout-panel", part: "flyout-panel", role: "dialog", "aria-modal": "true", tabindex: "-1" }, s("div", { key: "b7bd390c78988bd35673c6d7aee4fb122bc0d9e5" }, s("slot", { key: "c989d0ac0497f350d2403aa075c6bc46c9821f2a" }))));
   }
   disconnectedCallback() {
     this.cleanupEventListeners(), this.floatingElementManager?.destroy();
@@ -87,7 +99,7 @@ const E = m(class extends h {
   static get style() {
     return "gids-flyout-panel{--gidsFlyoutPanel-background:var(--gids-elevation-surface-overlay-default);--gidsFlyoutPanel-text-color:var(--gids-color-text-default);--gidsFlyoutPanel-padding:var(--gids-padding-vertical-edge-to-element-200)    var(--gids-padding-horizontal-edge-to-element-300);--gidsFlyoutPanel-border-radius:var(--gids-border-radius-lg);--gidsFlyoutPanel-shadow:var(--gids-elevation-shadow-overlay);--gidsFloatingElement-background:var(--gidsFlyoutPanel-background)}[part=flyout-panel]{font-family:var(--gids-typography-label-small__font-family);font-size:var(--gids-typography-label-small__font-size);font-weight:var(--gids-typography-label-small__font-weight);letter-spacing:var(--gids-typography-label-small__letter-spacing);line-height:var(--gids-typography-label-small__line-height);text-transform:var(--gids-typography-label-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-small__font-variant-caps, inherit);position:absolute;display:inline-block;background-color:var(--gidsFlyoutPanel-background);color:var(--gidsFlyoutPanel-text-color);border-radius:var(--gidsFlyoutPanel-border-radius);box-shadow:var(--gidsFlyoutPanel-shadow);z-index:1000;opacity:0;pointer-events:none;outline:none}[part=flyout-panel]:focus{outline:none}[part=flyout-panel].gids-flyout-panel--visible{pointer-events:initial;opacity:1}";
   }
-}, [257, "gids-flyout-panel", { htmlFor: [513, "for"], placement: [513], constrainPlacements: [16], openFlyoutPanel: [64], closeFlyoutPanel: [64] }, void 0, { placement: [{ placementChanged: 0 }], constrainPlacements: [{ constrainPlacementsChanged: 0 }], htmlFor: [{ htmlForChanged: 0 }] }]), d = (e) => {
+}, [257, "gids-flyout-panel", { htmlFor: [513, "for"], placement: [513], constrainPlacements: [16], matchReferenceWidth: [516, "match-reference-width"], isFlyoutPanelVisible: [64], openFlyoutPanel: [64], closeFlyoutPanel: [64] }, void 0, { placement: [{ placementChanged: 0 }], constrainPlacements: [{ constrainPlacementsChanged: 0 }], htmlFor: [{ htmlForChanged: 0 }] }]), c = (e) => {
   if (!(e instanceof h) || e.tabIndex === -1 || e.hasAttribute("disabled")) return !1;
   const t = getComputedStyle(e);
   if (t.display === "none" || t.visibility === "hidden" || e.hidden) return !1;
@@ -99,9 +111,9 @@ const E = m(class extends h {
   } catch {
     return !1;
   }
-}, c = (e) => {
-  const t = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, { acceptNode: (a) => d(a) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP }), l = [];
-  d(e) && l.push(e);
+}, d = (e) => {
+  const t = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, { acceptNode: (a) => c(a) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP }), l = [];
+  c(e) && l.push(e);
   let n = t.nextNode();
   for (; n !== null; ) l.push(n), n = t.nextNode();
   return l;