@ganpatiinfo/gids-core-web 22.0.0 → 24.0.0

package/dist-bundled/es/{p-kWyyLyT3-VhX9LNzT.js → p-69VXkSHc-vZd5gQWS.js}

@@ -4,18 +4,18 @@ import { o as N } from "./p-BsC3-MVH-j4fPhip5.js";
 import { g as x, d as T } from "./p-iQRr_fAH-Dvv1n8QD.js";
 import { i as O } from "./p-DZ1ZcTMe-W8kofPko.js";
 import { s as y } from "./p-BkxmRN-4-DSiXCW8b.js";
-import { h as D } from "./p-DpvdbdZ--C7QlXxK2.js";
-import { c as v } from "./clsx-OuTLNxxd.js";
-const j = (e) => v("gids-checkbox", e), G = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+import { c as D } from "./p-CS2U2Mro-6wGJ-t9P.js";
+import { c as S } from "./clsx-OuTLNxxd.js";
+const E = (e) => S("gids-checkbox", e), j = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  getGidsCheckboxClassNames: j
-}, Symbol.toStringTag, { value: "Module" })), E = (e) => v("gids-radio-control", e), F = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  getGidsCheckboxClassNames: E
+}, Symbol.toStringTag, { value: "Module" })), G = (e) => S("gids-radio-control", e), F = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  getGidsRadioControlClassNames: E
-}, Symbol.toStringTag, { value: "Module" })), z = (e) => v("gids-radio", e), L = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  getGidsRadioControlClassNames: G
+}, Symbol.toStringTag, { value: "Module" })), z = (e) => S("gids-radio", e), L = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   getGidsRadioClassNames: z
-}, Symbol.toStringTag, { value: "Module" })), $ = ({ selected: e, appearance: s, selectionAppearance: t }, n) => v("gids-sidebar-menu-item", {
+}, Symbol.toStringTag, { value: "Module" })), $ = ({ selected: e, appearance: s, selectionAppearance: t }, n) => S("gids-sidebar-menu-item", {
   // Appearances
   // 'gids-sidebar-menu-item--appearance-default':
   // 	appearance === 'default' && !selected, // Default so not needed
@@ -33,13 +33,13 @@ const j = (e) => v("gids-checkbox", e), G = /* @__PURE__ */ Object.freeze(/* @__
   "gids-sidebar-menu-item--selection-appearance-danger": t === "danger" && e,
   "gids-sidebar-menu-item--selection-appearance-information": t === "information" && e,
   "gids-sidebar-menu-item--selection-appearance-warning": t === "warning" && e
-}, n), V = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, n), W = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   getGidsSidebarMenuItemClassNames: $
-}, Symbol.toStringTag, { value: "Module" })), W = (e) => v("gids-sidebar-menu", e), H = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Symbol.toStringTag, { value: "Module" })), V = (e) => S("gids-sidebar-menu", e), H = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  getGidsSidebarMenuClassNames: W
-}, Symbol.toStringTag, { value: "Module" })), U = ({ appearance: e, size: s, type: t }, n) => v("gids-status-tag", {
+  getGidsSidebarMenuClassNames: V
+}, Symbol.toStringTag, { value: "Module" })), U = ({ appearance: e, size: s, type: t }, n) => S("gids-status-tag", {
   // appearances
   "gids-status-tag--subtle": e === "subtle",
   "gids-status-tag--bold": e === "bold",
@@ -109,7 +109,7 @@ const j = (e) => v("gids-checkbox", e), G = /* @__PURE__ */ Object.freeze(/* @__
     case "archived":
       return "archive";
     case "cancelled":
-      return "cross";
+      return "x-circle";
     // this needs to be changed with `remove`
     case "draft":
       return "draft";
@@ -153,17 +153,17 @@ const j = (e) => v("gids-checkbox", e), G = /* @__PURE__ */ Object.freeze(/* @__
   getGidsStatusTagClassNames: U,
   getStatusTagIconName: B,
   getStatusTagText: J
-}, Symbol.toStringTag, { value: "Module" })), { getGidsStatusTagClassNames: Q, getStatusTagIconName: X, getStatusTagText: Y } = K, Z = ({ type: e = "new", appearance: s = "subtlest", size: t = "sm", class: n }) => i("div", { class: Q({ type: e, size: t, appearance: s }, n) }, i(T, { name: X(e), appearance: "filled" }), i("label", null, Y(e))), { getGidsCheckboxClassNames: ee } = G, te = ({ fieldRequirement: e, fieldRequirementOptionalText: s, fieldRequirementRequiredText: t, info: n, labelId: d, checked: a, defaultChecked: r, disabled: l, indeterminate: c, inputId: g, name: m, value: o, required: I, onChange: u, class: h, ...b }, S) => {
-  const f = g ?? x();
-  return i("div", { class: ee(h), ...b }, i(O, { checked: a, defaultChecked: r, disabled: l, indeterminate: c, inputId: f, name: m, value: o, required: I, onChange: u }), i(y, { disabled: l, fieldRequirement: e, fieldRequirementOptionalText: s, fieldRequirementRequiredText: t, labelId: d, htmlFor: f, info: n }, S));
-}, { getGidsRadioControlClassNames: se } = F, ie = ({ checked: e, defaultChecked: s, disabled: t, inputId: n, name: d, value: a, onChange: r, class: l, ...c }) => i("span", { class: se(l), ...c }, i("input", { class: "gids-radio-control__input", type: "radio", disabled: t, checked: e, defaultChecked: s, value: a, id: n, name: d, onChange: r }), i("span", { class: "gids-radio-control__check" })), { getGidsRadioClassNames: ne } = L, de = ({ fieldRequirement: e, fieldRequirementOptionalText: s, fieldRequirementRequiredText: t, info: n, labelId: d, checked: a, defaultChecked: r, disabled: l, inputId: c, name: g, value: m, onChange: o, class: I, ...u }, h) => {
+}, Symbol.toStringTag, { value: "Module" })), { getGidsStatusTagClassNames: Q, getStatusTagIconName: X, getStatusTagText: Y } = K, Z = ({ type: e = "new", appearance: s = "subtlest", size: t = "sm", class: n }) => i("div", { class: Q({ type: e, size: t, appearance: s }, n) }, i(T, { name: X(e), appearance: "filled" }), i("label", null, Y(e))), { getGidsCheckboxClassNames: ee } = j, te = ({ fieldRequirement: e, fieldRequirementOptionalText: s, fieldRequirementRequiredText: t, info: n, labelId: d, checked: a, defaultChecked: r, disabled: l, indeterminate: c, inputId: g, name: m, value: o, required: f, onChange: u, class: h, ...b }, v) => {
+  const I = g ?? x();
+  return i("div", { class: ee(h), ...b }, i(O, { checked: a, defaultChecked: r, disabled: l, indeterminate: c, inputId: I, name: m, value: o, required: f, onChange: u }), i(y, { disabled: l, fieldRequirement: e, fieldRequirementOptionalText: s, fieldRequirementRequiredText: t, labelId: d, htmlFor: I, info: n }, v));
+}, { getGidsRadioControlClassNames: se } = F, ie = ({ checked: e, defaultChecked: s, disabled: t, inputId: n, name: d, value: a, onChange: r, class: l, ...c }) => i("span", { class: se(l), ...c }, i("input", { class: "gids-radio-control__input", type: "radio", disabled: t, checked: e, defaultChecked: s, value: a, id: n, name: d, onChange: r }), i("span", { class: "gids-radio-control__check" })), { getGidsRadioClassNames: ne } = L, de = ({ fieldRequirement: e, fieldRequirementOptionalText: s, fieldRequirementRequiredText: t, info: n, labelId: d, checked: a, defaultChecked: r, disabled: l, inputId: c, name: g, value: m, onChange: o, class: f, ...u }, h) => {
   const b = c ?? x();
-  return i("div", { class: ne(I), ...u }, i(ie, { checked: a, defaultChecked: r, disabled: l, inputId: b, name: g, value: m, onChange: o }), i(y, { disabled: l, fieldRequirement: e, fieldRequirementOptionalText: s, fieldRequirementRequiredText: t, labelId: d, htmlFor: b, info: n }, h));
-}, { getGidsSidebarMenuItemClassNames: ae } = V, le = ({ id: e = "sidebar-menu-item", appearance: s = "default", selectionAppearance: t = "subtle", leadingLabel: n, leadingSupportingText: d, trailingLabel: a, trailingSupportingText: r, leadingIcon: l, trailingIcon: c, leadingAccessory: g, trailingAccessory: m, selected: o, disabled: I, onPressSidebarMenuItem: u, class: h }) => {
-  const b = n && n !== "", S = d && d !== "", f = a && a !== "", p = r && r !== "", C = b || S, _ = f || p, M = C || _;
-  return i("button", { type: "button", id: e, "data-appearance": s, "data-selected": o ? "true" : "false", disabled: I, class: ae({ selected: o, appearance: s, selectionAppearance: t }, h), onClick: (P) => {
+  return i("div", { class: ne(f), ...u }, i(ie, { checked: a, defaultChecked: r, disabled: l, inputId: b, name: g, value: m, onChange: o }), i(y, { disabled: l, fieldRequirement: e, fieldRequirementOptionalText: s, fieldRequirementRequiredText: t, labelId: d, htmlFor: b, info: n }, h));
+}, { getGidsSidebarMenuItemClassNames: ae } = W, le = ({ id: e = "sidebar-menu-item", appearance: s = "default", selectionAppearance: t = "subtle", leadingLabel: n, leadingSupportingText: d, trailingLabel: a, trailingSupportingText: r, leadingIcon: l, trailingIcon: c, leadingAccessory: g, trailingAccessory: m, selected: o, disabled: f, onPressSidebarMenuItem: u, class: h }) => {
+  const b = n && n !== "", v = d && d !== "", I = a && a !== "", p = r && r !== "", C = b || v, _ = I || p, M = C || _;
+  return i("button", { type: "button", id: e, "data-appearance": s, "data-selected": o ? "true" : "false", disabled: f, class: ae({ selected: o, appearance: s, selectionAppearance: t }, h), onClick: (P) => {
     u && u({ originalEvent: P, sidebarMenuItemId: e, selected: !o });
-  } }, l || g ? i("div", { class: "gids-sidebar-menu-item__leading-accessory-content" }, l, g) : void 0, M ? i("div", { class: "gids-sidebar-menu-item__content" }, C ? i("div", { class: "gids-sidebar-menu-item__leading-content" }, b ? i("span", { class: "gids-sidebar-menu-item__label-content" }, n) : void 0, S ? i("p", { class: "gids-sidebar-menu-item__support-content" }, d) : void 0) : void 0, _ ? i("div", { class: "gids-sidebar-menu-item__trailing-content" }, f ? i("span", { class: "gids-sidebar-menu-item__label-content" }, a) : void 0, p ? i("p", { class: "gids-sidebar-menu-item__support-content" }, r) : void 0) : void 0) : void 0, c || m ? i("div", { class: "gids-sidebar-menu-item__trailing-accessory-content" }, m, c) : void 0);
+  } }, l || g ? i("div", { class: "gids-sidebar-menu-item__leading-accessory-content" }, l, g) : void 0, M ? i("div", { class: "gids-sidebar-menu-item__content" }, C ? i("div", { class: "gids-sidebar-menu-item__leading-content" }, b ? i("span", { class: "gids-sidebar-menu-item__label-content" }, n) : void 0, v ? i("p", { class: "gids-sidebar-menu-item__support-content" }, d) : void 0) : void 0, _ ? i("div", { class: "gids-sidebar-menu-item__trailing-content" }, I ? i("span", { class: "gids-sidebar-menu-item__label-content" }, a) : void 0, p ? i("p", { class: "gids-sidebar-menu-item__support-content" }, r) : void 0) : void 0) : void 0, c || m ? i("div", { class: "gids-sidebar-menu-item__trailing-accessory-content" }, m, c) : void 0);
 }, { getGidsSidebarMenuClassNames: re } = H, oe = w(class extends A {
   constructor(e) {
     super(), e !== !1 && this.__registerHost(), this.id = "sidebar-menu", this.sidebarMenuItemAppearance = "subtle", this.sidebarMenuItemSelectionAppearance = "default", this.placement = "right-end", this.constrainPlacements = ["bottom", "left", "right", "left-start", "left-end", "right-start", "right-end", "top"], this.selectedSectionIdState = void 0, this.selectedItemIdState = void 0, this.onSidebarMenuItemPress = ({ menuItem: s, itemIndex: t, sectionIndex: n, event: d }) => {
@@ -171,7 +171,7 @@ const j = (e) => v("gids-checkbox", e), G = /* @__PURE__ */ Object.freeze(/* @__
         const a = (this?.menuData ?? [])[n];
         (a?.menuItems ?? []).length > 0 && !this.isMenuItemSelected({ sectionId: a?.sectionId, itemId: s.id }) && (this.selectedSectionIdState = a?.sectionId, this.selectedItemIdState = s.id, this.onSidebarMenuChange && this.onSidebarMenuChange({ originalEvent: d?.originalEvent, sidebarMenuItemId: d.sidebarMenuItemId, selected: d?.selected, sidebarMenuItemSectionId: a?.sectionId ?? "", sidebarMenuItemSectionIndex: n, sidebarMenuItemIndex: t, sidebarMenuId: this.id }));
       }
-      this.flyoutPanelElement?.closeFlyoutPanel();
+      d?.originalEvent && this.flyoutPanelElement?.closeFlyoutPanel(d.originalEvent);
     }, this.isMenuItemSelected = ({ sectionId: s, itemId: t }) => {
       const n = this?.selectedSectionIdState, d = this?.selectedItemIdState;
       return n === s && d === t;
@@ -227,11 +227,11 @@ const j = (e) => v("gids-checkbox", e), G = /* @__PURE__ */ Object.freeze(/* @__
   }
   render() {
     const e = this.id, s = this?.sidebarMenuItemAppearance ?? "subtle", t = this?.sidebarMenuItemSelectionAppearance ?? "default", n = this?.placement ?? "right", d = this?.constrainPlacements && this.constrainPlacements.length > 0 ? this.constrainPlacements : ["bottom", "left", "right", "top", "left-start", "left-end", "right-start", "right-end"], a = this.htmlFor, r = this?.menuData ?? [], l = this.isValidMenu(), c = re();
-    return i(q, { key: "18caea43f2a18e876e094176ee144ece86e0eeec", id: e, class: c }, l ? i("gids-flyout-panel", { htmlFor: a, constrainPlacements: d, placement: n }, r.map(((g, m) => {
-      const o = g?.sectionLabel, I = g?.menuItems ?? [];
-      return i("div", { key: `${m + 1}`, class: "gids-sidebar-menu__container" }, o && o !== "" ? i("h3", null, o) : void 0, i("div", { class: "gids-sidebar-menu__item-container" }, I.map(((u, h) => {
-        const { leadingAccessoryType: b, leadingAccessory: S, trailingAccessoryType: f, trailingAccessory: p, leadingIconProps: C, trailingIconProps: _, ...M } = u;
-        return i(le, { key: `${h + 1}`, ...M, id: u.id, appearance: s, selectionAppearance: t, selected: this.isMenuItemSelected({ sectionId: g?.sectionId, itemId: u.id }), leadingAccessory: this.renderAccessory({ accessoryType: b, accessory: S }), trailingAccessory: this.renderAccessory({ accessoryType: f, accessory: p }), leadingIcon: this.renderIcon(C), trailingIcon: this.renderIcon(_), onPressSidebarMenuItem: (P) => this.onSidebarMenuItemPress({ menuItem: u, sectionIndex: m, itemIndex: h, event: P }) });
+    return i(q, { key: "0c64f373590a913f6d21d8a86f0d3289382a2052", id: e, class: c }, l ? i("gids-flyout-panel", { htmlFor: a, constrainPlacements: d, placement: n, matchReferenceWidth: !1 }, r.map(((g, m) => {
+      const o = g?.sectionLabel, f = g?.menuItems ?? [];
+      return i("div", { key: `${m + 1}`, class: "gids-sidebar-menu__container" }, o && o !== "" ? i("h3", null, o) : void 0, i("div", { class: "gids-sidebar-menu__item-container" }, f.map(((u, h) => {
+        const { leadingAccessoryType: b, leadingAccessory: v, trailingAccessoryType: I, trailingAccessory: p, leadingIconProps: C, trailingIconProps: _, ...M } = u;
+        return i(le, { key: `${h + 1}`, ...M, id: u.id, appearance: s, selectionAppearance: t, selected: this.isMenuItemSelected({ sectionId: g?.sectionId, itemId: u.id }), leadingAccessory: this.renderAccessory({ accessoryType: b, accessory: v }), trailingAccessory: this.renderAccessory({ accessoryType: I, accessory: p }), leadingIcon: this.renderIcon(C), trailingIcon: this.renderIcon(_), onPressSidebarMenuItem: (P) => this.onSidebarMenuItemPress({ menuItem: u, sectionIndex: m, itemIndex: h, event: P }) });
       }))));
     }))) : void 0);
   }

package/dist-bundled/es/{p-B_FEFM5I-JoBieRfG.js → p-B2CvDGSE-B-50q6JD.js}

@@ -1,6 +1,6 @@
 import { q as i, L as o, u as n, D as l } from "./p-B4hcsDH0-CPqEc-vc.js";
 import { i as g } from "./p-B2zUuNXz-BLBgQDu7.js";
-import { d as r } from "./p-DMxvWIj1-BxbvrlFL.js";
+import { n as r } from "./p-DB0ZJi5J-BEYBVVuq.js";
 import { c } from "./clsx-OuTLNxxd.js";
 const h = ({ appearance: s, size: e, disabled: a }, d) => c("gids-dot", {
   "gids-dot--disabled": a,
@@ -41,7 +41,7 @@ const h = ({ appearance: s, size: e, disabled: a }, d) => c("gids-dot", {
     this.activeClasses = t({ size: this.size, appearance: this.appearance, disabled: this.disabled }, this.extraClasses);
   }
   render() {
-    return l("gids-icon", { key: "1c8c6036a44dd686aa263a2e3bf426d904a60f1c", class: this.activeClasses, name: "new", alt: "", appearance: "filled" });
+    return l("gids-icon", { key: "e14ecfd04eebd0165052b0d27bbc93ab5c981501", class: this.activeClasses, name: "new", alt: "", appearance: "filled" });
   }
   get _el() {
     return this;
@@ -53,7 +53,7 @@ const h = ({ appearance: s, size: e, disabled: a }, d) => c("gids-dot", {
     return ".gids-dot{display:flex;--gidsDotIcon-height:var(--gids-size-040);--gidsIcon-height:var(--gidsDotIcon-height);--gidsDotIcon-color:var(--gids-color-icon-subtle);--gidsIcon-color:var(--gidsDotIcon-color)}.gids-dot--sm{--gidsDotIcon-height:var(--gids-size-060)}.gids-dot--md{--gidsDotIcon-height:var(--gids-size-080)}.gids-dot--lg{--gidsDotIcon-height:var(--gids-size-100)}.gids-dot--xl{--gidsDotIcon-height:var(--gids-size-120)}.gids-dot--2xl{--gidsDotIcon-height:var(--gids-size-160)}.gids-dot--3xl{--gidsDotIcon-height:var(--gids-size-200)}.gids-dot--subtle{--gidsDotIcon-color:var(--gids-color-icon-subtle)}.gids-dot--static-inverse{--gidsDotIcon-color:var(--gids-color-icon-inverse)}.gids-dot--disabled{--gidsDotIcon-color:var(--gids-color-icon-disabled)}";
   }
 }, [0, "gids-dot", { extraClasses: [513, "extra-classes"], appearance: [513], size: [513], disabled: [516], activeClasses: [32] }, void 0, { extraClasses: [{ handleExtraClassesAndSizeChange: 0 }], appearance: [{ handleExtraClassesAndSizeChange: 0 }, { handleAppearanceChange: 0 }], size: [{ handleExtraClassesAndSizeChange: 0 }, { handleSizeChange: 0 }], disabled: [{ handleExtraClassesAndSizeChange: 0 }, { handleDisabledChange: 0 }] }]);
-function x() {
+function b() {
   typeof customElements < "u" && ["gids-dot", "gids-icon"].forEach(((s) => {
     switch (s) {
       case "gids-dot":
@@ -64,8 +64,8 @@ function x() {
     }
   }));
 }
-x();
+b();
 export {
-  x as g,
+  b as g,
   C as h
 };

package/dist-bundled/es/{p-DLRj-mUX-BapdQYpI.js → p-B3AB3GQ0-DdgNC9FJ.js}

@@ -1,15 +1,15 @@
-import { D as I } from "./p-B4hcsDH0-CPqEc-vc.js";
-import { b as P } from "./p-CV1-78HB-C0k_l_CT.js";
+import { D as v } from "./p-B4hcsDH0-CPqEc-vc.js";
+import { b as P } from "./p-D2VR17v2-C0k_l_CT.js";
 import { c as w } from "./clsx-OuTLNxxd.js";
 const x = (e) => w("gids-dropdown-item", e), y = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   getGidsDropdownItemClassNames: x
 }, Symbol.toStringTag, { value: "Module" })), { getGidsDropdownItemClassNames: D } = y, C = ({ id: e, title: t, class: d, selected: n = !1, disabled: s = !1, role: a = "list-item-option", value: o, name: c, onPressDropdownItem: m, index: l, defaultSelected: r, leadingAccessory: u, divider: f, isPlaceholderItem: i, ...p }) => {
   const b = D(typeof d == "string" ? d : void 0);
-  return I(P, { id: e, index: l ?? 0, defaultSelected: r, selected: n, disabled: s, role: a, value: o, name: c, leadingAccessory: u, class: b, onPressListItem: (g) => {
+  return v(P, { id: e, index: l ?? 0, defaultSelected: r, selected: n, disabled: s, role: a, value: o, name: c, leadingAccessory: u, class: b, onPressListItem: (g) => {
     if (g.defaultPrevented) return;
-    const v = new CustomEvent("onPressDropdownItem", { bubbles: !0, composed: !0, detail: { id: e, title: t, value: o, disabled: s, selectedIndex: l, defaultSelected: r, isPlaceholderItem: i } });
-    m?.(v);
+    const I = new CustomEvent("onPressDropdownItem", { bubbles: !0, composed: !0, detail: { id: e, title: t, value: o, disabled: s, selectedIndex: l, defaultSelected: r, isPlaceholderItem: i } });
+    m?.(I);
   }, divider: f, isPlaceholderItem: i, ...p }, t);
 };
 export {

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-BQT5yy5L-C1C_zTi-.js → p-BGBsQSqM-DtooH-AA.js}

@@ -10,12 +10,13 @@ const m = ({ expanded: e }, t) => u("gids-dropdown-picker", {
 }, Symbol.toStringTag, { value: "Module" })), { getGidsDropdownPickerClassNames: f } = g, v = l(class extends h {
   constructor(e) {
     super(), e !== !1 && this.__registerHost(), this.appearance = "subtle", this.size = "sm", this.idPicker = "", this.expanded = !1, this.hasLeadingIcon = !1, this.hasItemListener = !1, this.suppressNextMenuClickSelection = !1, this.hasDocumentListeners = !1, this.handleDropdownPickerItemSelect = (t) => {
+      if (this.isFromNestedDropdown(t)) return;
       const { value: i, title: s, disabled: o, id: a, isPlaceholderItem: d } = t.detail;
       o || typeof i != "string" || (this.suppressNextMenuClickSelection = !0, queueMicrotask((() => {
         this.suppressNextMenuClickSelection = !1;
       })), this.applySelection({ id: a, value: i, title: s, disabled: !1, originalEvent: t, isPlaceholderItem: d }));
     }, this.handleMenuClick = (t) => {
-      if (this.suppressNextMenuClickSelection) return;
+      if (this.isFromNestedDropdown(t) || this.suppressNextMenuClickSelection) return;
       const i = t.target;
       if (!(i instanceof Element)) return;
       const s = i.closest(".gids-dropdown-item");
@@ -82,6 +83,9 @@ const m = ({ expanded: e }, t) => u("gids-dropdown-picker", {
   clearActive() {
     this.getItemElements().forEach(((e) => e.classList.remove("gids-dropdown-item--active")));
   }
+  isFromNestedDropdown(e) {
+    return e.composedPath().some(((t) => t instanceof Element && (t.matches("gids-dropdown") || t.matches("gids-calendar-picker"))));
+  }
   setExpandedState(e, t) {
     const i = !!e;
     i && !this.isInteractive() || this.expanded !== i && (this.expanded = i, i || (this.clearActive(), this.syncInputDisplayValue()), this.hostElement.dispatchEvent(new CustomEvent("gidsDropdownPickerToggle", { bubbles: !0, composed: !0, detail: { expanded: i, originalEvent: t } })));
@@ -111,7 +115,7 @@ const m = ({ expanded: e }, t) => u("gids-dropdown-picker", {
   }
   render() {
     const e = this.expanded && this.isInteractive(), t = f({ expanded: e }), i = typeof this.idPicker == "string" ? this.idPicker : void 0, s = i ? `${i}__menu` : void 0;
-    return n("div", { key: "f4e12af57681f548e0b716745c483a31efbce9b5", class: t, onClick: this.handleOutSpaceClickOfDropdownButtonToggle }, n(c, { key: "9b57b9f953d0e0727a5ae1304b2fca67f193108f", role: "pickerbox", "aria-expanded": e ? "true" : "false", "aria-haspopup": "pickerlistbox", "aria-controls": s ?? "", onClick: this.handleDropdownButtonClickToggle, disabled: this.disabled, value: this.selectedItemTitle ?? this.value ?? "", loading: this.loading, appearance: this.appearance, size: this.size }, this.hasLeadingIcon ? n("slot", { name: "leadingIconDropdownPicker", slot: "leadingIcon" }) : n(p, { name: "chevron-down", size: this.size, appearance: "regular", alt: "", slot: "leadingIcon" })), n("div", { key: "0360e3130abaa72d80b5f495dc3aec556d3fc0bf", class: "gids-dropdown-picker__menu", id: s, role: "pickerbox", onClick: this.handleMenuClick }, n("slot", { key: "44cb6172ec327f229d5239ae2730bc7c9a07a244" })));
+    return n("div", { key: "614cf556bbc263676024e0b45783098c2051e005", class: t, onClick: this.handleOutSpaceClickOfDropdownButtonToggle }, n(c, { key: "20abc12e3ec2dddd42dadf31e83b93665e2f1dc4", role: "pickerbox", "aria-expanded": e ? "true" : "false", "aria-haspopup": "pickerlistbox", "aria-controls": s ?? "", onClick: this.handleDropdownButtonClickToggle, disabled: this.disabled, value: this.selectedItemTitle ?? this.value ?? "", loading: this.loading, appearance: this.appearance, size: this.size }, this.hasLeadingIcon ? n("slot", { name: "leadingIconDropdownPicker", slot: "leadingIcon" }) : n(p, { name: "chevron-down", size: this.size, appearance: "regular", alt: "", slot: "leadingIcon" })), n("div", { key: "8a0ce19fe25013123a93c872252ce4bba6583e72", class: "gids-dropdown-picker__menu", id: s, role: "pickerbox", onClick: this.handleMenuClick }, n("slot", { key: "0af42f52b621e480bf1ad1894605ad52407015a0" })));
   }
   get hostElement() {
     return this;
@@ -130,6 +134,6 @@ function E() {
 }
 E();
 export {
-  E as h,
-  v as r
+  v as a,
+  E as h
 };

package/dist-bundled/es/{p-BIxBMTG9-Ctr342ff.js → p-BWrCtA6O-DHaJx1bg.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-BZdaC92p-DjVPKyfk.js";
+import { o as M } from "./p-CL9pZVrx-BYVOaGDA.js";
+import { l as I } from "./p-CytAVtIP-IZSm6SZx.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-D0RJMGGj-BflZ9l8y.js → p-BZdaC92p-DjVPKyfk.js}

@@ -1,4 +1,4 @@
-import { q as d, L as c, u as r, D as a, P as g } from "./p-B4hcsDH0-CPqEc-vc.js";
+import { q as n, L as c, u as r, D as a, P as g } from "./p-B4hcsDH0-CPqEc-vc.js";
 import { b as h, o as f, d as m, s as v, a as u, c as b, p, f as _ } from "./p-BKcvOO8o-DcnO39au.js";
 import { i as y } from "./p-B2zUuNXz-BLBgQDu7.js";
 import { d as w } from "./p-iQRr_fAH-Dvv1n8QD.js";
@@ -52,7 +52,7 @@ const C = ({ visible: t }, e) => x("gids-advanced-tooltip", {
     if (this.tooltipElement) try {
       const { x: t, y: e, placement: s, middlewareData: l } = await b(this.virtualReference, this.tooltipElement, { placement: this.placement, strategy: "fixed", middleware: this.getMiddleware(), platform: { ...p, getOffsetParent: (o) => p.getOffsetParent(o, _) } });
       if (this.currentPlacement = s, Object.assign(this.tooltipElement.style, { left: `${t}px`, top: `${e}px`, position: "fixed" }), l.arrow && this.arrowElement) {
-        const { x: o, y: n } = l.arrow;
+        const { x: o, y: d } = l.arrow;
         let i;
         switch (s.split("-")[0] ?? "top") {
           case "top":
@@ -67,7 +67,7 @@ const C = ({ visible: t }, e) => x("gids-advanced-tooltip", {
           default:
             i = "right";
         }
-        Object.assign(this.arrowElement.style, { left: o != null ? `${o}px` : "", top: n != null ? `${n}px` : "", right: "", bottom: "", [i]: "-5px", transform: "rotate(45deg)" });
+        Object.assign(this.arrowElement.style, { left: o != null ? `${o}px` : "", top: d != null ? `${d}px` : "", right: "", bottom: "", [i]: "-5px", transform: "rotate(45deg)" });
       }
     } catch (t) {
       console.error("computePosition failed", t);
@@ -75,7 +75,7 @@ const C = ({ visible: t }, e) => x("gids-advanced-tooltip", {
   }
   render() {
     const t = P({ visible: this.visible });
-    return a(g, { key: "13bb6a794c624327216a1cc03550a9afc6f7d9cb", class: t, role: "tooltip", part: "tooltip" }, a("div", { key: "1edafa4de30dc67dece07b8283e6233e26f71986", class: "gids-advanced-tooltip__arrow", part: "arrow" }), a("div", { key: "8b4b08220a7d2c444cca9f62eb4ed2d367b79a13", class: "gids-advanced-tooltip__content" }, this.items.map(((e) => a("div", { class: "gids-advanced-tooltip__item", key: `${e.label}-${e.value}` }, a("div", { class: "gids-advanced-tooltip__left" }, a(w, { name: "new", size: "xs", appearance: "filled", style: { "--gidsIcon-color": e.seriesIndicatorColor } }), a("span", { class: "gids-advanced-tooltip__label" }, e.label)), a("span", { class: "gids-advanced-tooltip__value" }, e.value))))));
+    return a(g, { key: "2db37260f048711b24ed6354bc627acecf0cdd5c", class: t, role: "tooltip", part: "tooltip" }, a("div", { key: "cddd1beb266a284887dda3ab87d3acafb068dc5c", class: "gids-advanced-tooltip__arrow", part: "arrow" }), a("div", { key: "e55e43f82180d4e5dd5ebddd9c8109abe888f58f", class: "gids-advanced-tooltip__content" }, this.items.map(((e) => a("div", { class: "gids-advanced-tooltip__item", key: `${e.label}-${e.value}` }, a("div", { class: "gids-advanced-tooltip__left" }, a(w, { name: "new", size: "xs", appearance: "filled", style: { "--gidsIcon-color": e.seriesIndicatorColor } }), a("span", { class: "gids-advanced-tooltip__label" }, e.label)), a("span", { class: "gids-advanced-tooltip__value" }, e.value))))));
   }
   get host() {
     return this;
@@ -89,7 +89,7 @@ const C = ({ visible: t }, e) => x("gids-advanced-tooltip", {
 }, [1, "gids-advanced-tooltip", { visible: [516], x: [2], y: [2], offset: [2], placement: [1], items: [16], currentPlacement: [32] }, void 0, { visible: [{ visibleChanged: 0 }], x: [{ positionChanged: 0 }], y: [{ positionChanged: 0 }], placement: [{ placementChanged: 0 }], items: [{ itemsChanged: 0 }] }]);
 function E() {
   typeof customElements < "u" && ["gids-advanced-tooltip"].forEach(((t) => {
-    t === "gids-advanced-tooltip" && (customElements.get(d(t)) || customElements.define(d(t), A));
+    t === "gids-advanced-tooltip" && (customElements.get(n(t)) || customElements.define(n(t), A));
   }));
 }
 E();

package/dist-bundled/es/p-Bbw1WCO7-CJU0y0iF.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 { c as g } from "./p-CS2U2Mro-6wGJ-t9P.js";
+import { r as v } from "./p-_OVEnTXa-q7qjnzI3.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), b = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsChevronButtonControlClassNames: y,
+  getGidsDropdownClassNames: f
+}, Symbol.toStringTag, { value: "Module" })), { getGidsDropdownClassNames: I, getGidsChevronButtonControlClassNames: E } = b, 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 = I(), 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: "d3fc5400d7f2cccf92b5be848748ae9d71b16bb8", 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: "4f2640fcd482a0616b65702eb9bcd1a16baacdee", class: "gids-button__content" }, o(p, { key: "933d0766b0655aef2102f8b8908b8cbdd6178ff9", name: "chevron-vertical", alt: "" })));
+    return o("div", { key: "5cff063e1c1c42cf0d0b8d0e26d3134a6134cabf", class: e }, o("gids-input", { key: "8d5b379dae8f65e6049a0d4d1d6ac9833f93d378", 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: "94d6d5adfb4f50133a7db2b33369ca544c134501", name: "leadingIconDropdown", slot: "leadingIcon" }), this.hasLeadingAccessory && o("slot", { key: "8de475c3d539311d3f9b2ee77c132e584f4aebee", name: "leadingAccessoryDropdown", slot: "leadingAccessory" }), l), o("gids-flyout-panel", { key: "06548f4c906e8977a77f697a5b8a691937fa4f58", placement: this?.menuPlacement ?? "bottom", constrainPlacements: this?.menuConstrainPlacements ?? ["bottom", "top"], onClick: this.handleMenuClick, htmlFor: a }, o("slot", { key: "7e44848855366367c21960554e18e77cc4dd71d2" })));
+  }
+  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 u
+};

package/dist-bundled/es/{p-CIjK3iHM-DEW8PRM5.js → p-Bi-yBBYT-CC0Ktxng.js}

@@ -65,7 +65,7 @@ const u = (t) => y("gids-expansion-body-list-item", t), m = /* @__PURE__ */ Obje
   }
   render() {
     const t = x(), i = this?.label, o = this?.subtitle, r = this?.supportingText, s = this.isValidLabel(), l = this.isValidSubtitle(), p = this.isValidSupportingText(), a = this.isDisplayTagVisible(), d = this?.displayTagLabel ?? "";
-    return e(c, { key: "8da02d6491ec86087b4b42c64d553e31c533fade", class: t }, s || l || a ? e("div", { class: "gids-expansion-body-list-item__primary-container" }, s || a ? e("div", { class: "gids-expansion-body-list-item__primary-content" }, s ? e("span", { class: "gids-expansion-body-list-item__label" }, this.convertTextToUppercase(i)) : void 0, a ? e(b, { color: this.displayTagColor || "accent-5", label: d, size: this.displayTagSize, appearance: this.displayTagAppearance }) : void 0) : void 0, l ? e("button", { type: "button", class: "gids-expansion-body-list-item__subtitle", onClick: this.handleSubtitleClick }, o) : void 0) : void 0, p ? e("div", { class: "gids-expansion-body-list-item__secondary-container" }, e("button", { type: "button", class: "gids-expansion-body-list-item__supporting-text", onClick: this.handleSupportingTextClick }, this.convertTextToUppercase(r))) : void 0);
+    return e(c, { key: "5bf32884b1c457b8b748ba2ed58202248de82f96", class: t }, s || l || a ? e("div", { class: "gids-expansion-body-list-item__primary-container" }, s || a ? e("div", { class: "gids-expansion-body-list-item__primary-content" }, s ? e("span", { class: "gids-expansion-body-list-item__label" }, this.convertTextToUppercase(i)) : void 0, a ? e(b, { color: this.displayTagColor || "accent-5", label: d, size: this.displayTagSize, appearance: this.displayTagAppearance }) : void 0) : void 0, l ? e("button", { type: "button", class: "gids-expansion-body-list-item__subtitle", onClick: this.handleSubtitleClick }, o) : void 0) : void 0, p ? e("div", { class: "gids-expansion-body-list-item__secondary-container" }, e("button", { type: "button", class: "gids-expansion-body-list-item__supporting-text", onClick: this.handleSupportingTextClick }, this.convertTextToUppercase(r))) : void 0);
   }
   get hostElement() {
     return this;

package/dist-bundled/es/{p-DQQhGF5N-mCqb5VTE.js → p-BwDi-0yS-vyn3pUko.js}

@@ -1,15 +1,15 @@
-import { q as s, L as l, u as i, z as a, D as t, P as n } from "./p-B4hcsDH0-CPqEc-vc.js";
-import { o as d } from "./p-Dg_WeHpV-DehzGL6g.js";
-import { i as o } from "./p-B2zUuNXz-BLBgQDu7.js";
-const c = l(class extends i {
+import { q as s, L as l, u as d, z as i, D as t, P as n } from "./p-B4hcsDH0-CPqEc-vc.js";
+import { o } from "./p-Dg_WeHpV-DehzGL6g.js";
+import { i as a } from "./p-B2zUuNXz-BLBgQDu7.js";
+const c = l(class extends d {
   constructor(e) {
-    super(), e !== !1 && this.__registerHost(), this.__attachShadow(), this.select = a(this, "select"), this._toggle = this._toggle.bind(this);
+    super(), e !== !1 && this.__registerHost(), this.__attachShadow(), this.select = i(this, "select"), this._toggle = this._toggle.bind(this);
   }
   handleSelctedChange(e) {
     this.selected !== e && (this.selected = e);
   }
   connectedCallback() {
-    const e = o();
+    const e = a();
     e !== void 0 && this._el.shadowRoot?.adoptedStyleSheets.push(e);
   }
   _toggle() {
@@ -17,9 +17,9 @@ const c = l(class extends i {
     this._el.selected = e, this.select?.emit(e), this.selected = e;
   }
   render() {
-    return t(n, { key: "7fd980f1b8cab6e45bfbc08b5aab0e09e8d7548a" }, t("style", { key: "31fb86741af7cdfec09e228da19ee39d3a8399b6" }, `:host {
+    return t(n, { key: "69d81dcb83814c7d15783f712262d3349483f810" }, t("style", { key: "4caec48e374b3ad1ed9622f7d283e29b6e900d57" }, `:host {
                 display: ${this.width === "full" ? "block" : "inline-block"}
-                }`), t(d, { key: "a364c4e410442a012c0faab1d8c959a8bb781fdf", appearance: this.appearance, size: this.size, width: this.width, disabled: this.disabled, onClick: this._toggle, "aria-pressed": this.selected ? "true" : "false", leadingIcon: t("slot", { name: "leadingIcon" }), trailingIcon: t("slot", { name: "trailingIcon" }), forceIconOnly: this._onlyHasLeadingIcon() }, t("slot", { key: "b832859edb3f5b46a89e5f2b20b0134630535c96" })));
+                }`), t(o, { key: "43dab84c0fcba8a324a556eaf541c3a646957de0", appearance: this.appearance, size: this.size, width: this.width, disabled: this.disabled, onClick: this._toggle, "aria-pressed": this.selected ? "true" : "false", leadingIcon: t("slot", { name: "leadingIcon" }), trailingIcon: t("slot", { name: "trailingIcon" }), forceIconOnly: this._onlyHasLeadingIcon() }, t("slot", { key: "7978debe993821c1af19dff654637ea47ce6075f" })));
   }
   _onlyHasLeadingIcon() {
     const e = this._el.childNodes;