@ganpatiinfo/gids-core-web 10.3.0 → 12.0.0

package/dist-bundled/es/{p-DVVJrKxO-Bdl0HX_u.js → p-CI-sN9Lr-DHC9DyS8.js}

@@ -1,10 +1,10 @@
 import { q as d, L as u, u as p, D as a } from "./p-Bf3p-DY2-CPqEc-vc.js";
 import { d as m } from "./p-D4Pimu_8-DfEGRQGf.js";
-import { r as g } from "./p-DA_atCAU-KdxJYYDE.js";
-import { c as h } from "./clsx-OuTLNxxd.js";
-const v = ({ expanded: e }, t) => h("gids-dropdown", {
+import { r as g } from "./p-BVAtja26-Xjd4_b4e.js";
+import { c } from "./clsx-OuTLNxxd.js";
+const v = ({ expanded: e }, t) => c("gids-dropdown", {
   "gids-dropdown--expanded": e
-}, t), f = ({ size: e }, t) => h("gids-chevron-button-control", {
+}, t), f = ({ 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"
@@ -12,25 +12,26 @@ const v = ({ expanded: e }, t) => h("gids-dropdown", {
   __proto__: null,
   getGidsChevronButtonControlClassNames: f,
   getGidsDropdownClassNames: v
-}, Symbol.toStringTag, { value: "Module" })), { getGidsDropdownClassNames: I, getGidsChevronButtonControlClassNames: E } = y, l = "gids-dropdown-item--active", b = u(class extends p {
+}, Symbol.toStringTag, { value: "Module" })), { getGidsDropdownClassNames: b, getGidsChevronButtonControlClassNames: I } = y, h = "gids-dropdown-item--active", E = u(class extends p {
   constructor(e) {
     super(), e !== !1 && this.__registerHost(), this.appearance = "default", this.expanded = !1, 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.handleDropdownItemSelect = (t) => {
-      const { value: i, title: n, disabled: s, id: o, isPlaceholderItem: r } = t.detail;
+      const { value: i, title: n, disabled: s, id: o, isPlaceholderItem: l } = t.detail;
       s || typeof i != "string" || (this.suppressNextMenuClickSelection = !0, queueMicrotask((() => {
         this.suppressNextMenuClickSelection = !1;
-      })), this.applySelection({ id: o, value: i, title: n, disabled: !1, originalEvent: t, isPlaceholderItem: r }));
+      })), this.applySelection({ id: o, value: i, title: n, disabled: !1, originalEvent: t, isPlaceholderItem: l }));
     }, this.handleMenuClick = (t) => {
       if (this.suppressNextMenuClickSelection) return;
       const i = t.target;
       if (!(i instanceof Element)) return;
       const n = i.closest(".gids-dropdown-item");
       if (!n || !this.hostElement.contains(n) || n.hasAttribute("disabled") || n.getAttribute("aria-disabled") === "true") return;
-      const s = n instanceof HTMLButtonElement ? n.value : n.getAttribute("value") ?? "";
+      const s = n instanceof HTMLButtonElement ? n.value : n.getAttribute("value") || "";
       if (typeof s != "string" || s.length === 0) return;
       const o = n instanceof HTMLButtonElement ? n.id : n.getAttribute("id") ?? "";
       if (typeof o != "string" || o.length === 0) return;
-      const r = n.getAttribute("is-placeholder-item") ?? "";
-      this.applySelection({ id: o, value: s, title: n.textContent?.trim() ?? "", disabled: !1, originalEvent: t, isPlaceholderItem: !(!r || r !== "true") });
+      const l = n.getAttribute("is-placeholder-item") ?? "";
+      let r = n.textContent?.trim() ?? "";
+      r.endsWith("checkmark") && (r = r.slice(0, -9).trim()), console.log("cleanTitle", r), this.applySelection({ id: o, value: s, title: r.trim(), disabled: !1, originalEvent: t, isPlaceholderItem: !(!l || l !== "true") });
     }, this.handleFilterInput = (t) => {
       const i = t.target;
       this.filterValue = i?.value ?? "", this.isFilterEditing = !0, this.clearActive(), this.expanded || this.setExpandedState(!0, t), this.applyFilter();
@@ -107,14 +108,14 @@ const v = ({ expanded: e }, t) => h("gids-dropdown", {
     t && (t.value = e, t.dispatchEvent(new Event("input", { bubbles: !0, composed: !0 })), t.dispatchEvent(new Event("change", { bubbles: !0, composed: !0 })));
   }
   clearActive() {
-    this.activeIndex = -1, this.getItemElements().forEach(((e) => e.classList.remove(l))), this.setActiveDescendant(void 0);
+    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(((s) => s.classList.remove(l))), t.length === 0) return this.activeIndex = -1, void this.setActiveDescendant(void 0);
+    if (this.getItemElements().forEach(((s) => s.classList.remove(h))), t.length === 0) return this.activeIndex = -1, void this.setActiveDescendant(void 0);
     const i = Math.max(0, Math.min(e, t.length - 1)), n = t[i];
     if (!n) return this.activeIndex = -1, void this.setActiveDescendant(void 0);
-    this.activeIndex = i, n.classList.add(l), n.scrollIntoView({ block: "nearest" }), this.setActiveDescendant(n.id || void 0);
+    this.activeIndex = i, n.classList.add(h), n.scrollIntoView({ block: "nearest" }), this.setActiveDescendant(n.id || void 0);
   }
   moveActive(e) {
     const t = this.getVisibleEnabledItems();
@@ -210,10 +211,10 @@ const v = ({ expanded: e }, t) => h("gids-dropdown", {
     }, e;
   }
   render() {
-    const e = this.expanded && this.isInteractive(), t = I({ expanded: e }), i = this.getEnhancedInputProps(), n = typeof i.id == "string" ? i.id : void 0, s = n ? `${n}__menu` : void 0;
+    const e = this.expanded && this.isInteractive(), t = b({ expanded: e }), i = this.getEnhancedInputProps(), n = typeof i.id == "string" ? i.id : void 0, s = n ? `${n}__menu` : void 0;
     i.role = "combobox", i["aria-expanded"] = e ? "true" : "false", i["aria-haspopup"] = "listbox", i["aria-autocomplete"] = "list", s && (i["aria-controls"] = s);
-    const o = this.isFilterEditing ? this.filterValue : this.selectedItemTitle ?? this.value ?? "", r = e ? "true" : "false", c = a("button", { key: "99a40510073627975e39603ce6a8221afa33b1fd", class: E({ size: "lg" }), slot: "trailingAccessory", type: "button", onClick: this.handleChevronClickToggle, "aria-label": e ? "Collapse options" : "Expanded options", "aria-expanded": r, "aria-haspopup": "listbox", "aria-controls": s, disabled: this.disabled || this.readOnly, tabIndex: -1 }, a("span", { key: "aaa7754a3a47f4b3d9fd87876ef0d325c2257a13", class: "gids-button__content" }, a(m, { key: "666627197262d2001c5daf094b0672ddefea4259", name: "chevron-vertical", alt: "" })));
-    return a("div", { key: "377633cfdf472a56971b063704e1cc062900f15a", class: t }, a("gids-input", { key: "a33f3bf0dded59fb75e17413e74185a7c61f9694", appearance: this.appearance, loading: this.loading, disabled: this.disabled, readOnly: this.readOnly, required: this.required, value: o, name: this.name, inputProps: i, onClick: this.handleInputClickToggle, onFocus: this.handleInputFocusAndBlur, onBlur: this.handleInputFocusAndBlur }, this.hasLeadingIcon && a("slot", { key: "bcf24ea40c3818afc738167ce5f840170c243e64", name: "leadingIconDropdown", slot: "leadingIcon" }), this.hasLeadingAccessory && a("slot", { key: "01a8ac787d71ebd9f4c785cc43ced091de62962f", name: "leadingAccessoryDropdown", slot: "leadingAccessory" }), c), a("div", { key: "5de88270802bd09428e42b2f5a9960ab63a4a181", class: "gids-dropdown__menu", id: s, role: "listbox", onClick: this.handleMenuClick }, a("slot", { key: "fb52af150876d3805ce00d5dff14ff02378b9415" })));
+    const o = this.isFilterEditing ? this.filterValue : this.selectedItemTitle ?? this.value ?? "", l = e ? "true" : "false", r = a("button", { key: "3c948278bf289c4fd943e4bff51c8e44e73ba6c9", class: I({ size: "lg" }), slot: "trailingAccessory", type: "button", onClick: this.handleChevronClickToggle, "aria-label": e ? "Collapse options" : "Expanded options", "aria-expanded": l, "aria-haspopup": "listbox", "aria-controls": s, disabled: this.disabled || this.readOnly, tabIndex: -1 }, a("span", { key: "284f2a2141baa75624fcd9eeee21e6c98fd1e86e", class: "gids-button__content" }, a(m, { key: "1e6567b3d5aefedfef1697f59d79de1a0635f86b", name: "chevron-vertical", alt: "" })));
+    return a("div", { key: "82b234b661a97f00fbfb69b1c24d3b1f468521dc", class: t }, a("gids-input", { key: "6068c25be9fc8533a26525083c6082bfdfffbbfa", appearance: this.appearance, loading: this.loading, disabled: this.disabled, readOnly: this.readOnly, required: this.required, value: o, name: this.name, inputProps: i, onClick: this.handleInputClickToggle, onFocus: this.handleInputFocusAndBlur, onBlur: this.handleInputFocusAndBlur }, this.hasLeadingIcon && a("slot", { key: "8230d44f492a98c05c5830fa984270122f0963ca", name: "leadingIconDropdown", slot: "leadingIcon" }), this.hasLeadingAccessory && a("slot", { key: "3a80369ad171bc0e37dfccbb9661d0db93dd55c1", name: "leadingAccessoryDropdown", slot: "leadingAccessory" }), r), a("div", { key: "2cad6d5213802acf9b673971a748bd16c06b986a", class: "gids-dropdown__menu", id: s, role: "listbox", onClick: this.handleMenuClick }, a("slot", { key: "90e9298103623d8a87677470c0f7e9b8655be880" })));
   }
   get hostElement() {
     return this;
@@ -229,7 +230,7 @@ function x() {
   typeof customElements < "u" && ["gids-dropdown", "gids-input"].forEach(((e) => {
     switch (e) {
       case "gids-dropdown":
-        customElements.get(d(e)) || customElements.define(d(e), b);
+        customElements.get(d(e)) || customElements.define(d(e), E);
         break;
       case "gids-input":
         customElements.get(d(e)) || g();
@@ -238,6 +239,6 @@ function x() {
 }
 x();
 export {
-  b as c,
+  E as c,
   x as l
 };

package/dist-bundled/es/{p-WHI6NO_h-DHNy0JzV.js → p-COHuQEfZ-C_POuXNC.js}

@@ -1,7 +1,7 @@
-import { q as o, L as r, u as c, D as d } from "./p-Bf3p-DY2-CPqEc-vc.js";
+import { q as d, L as r, u as c, D as l } from "./p-Bf3p-DY2-CPqEc-vc.js";
 import { m as h, x as m, N as u } from "./p-D6lxqcxP-DWrZi1Xi.js";
 import { c as p } from "./clsx-OuTLNxxd.js";
-const f = (t) => p("gids-calendar-month-list", t), I = () => {
+const I = (t) => p("gids-calendar-month-list", t), f = () => {
   const t = [], s = new Intl.DateTimeFormat("en-US", { month: "long" });
   for (let e = 1; e <= 12; e += 1) {
     const n = new Date(2e3, e - 1, 1), i = s.format(n);
@@ -14,13 +14,13 @@ const f = (t) => p("gids-calendar-month-list", t), I = () => {
   return t;
 }, b = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  getGidsCalendarMonthListClassNames: f,
-  getGidsCalendarMonthListMonths: I
+  getGidsCalendarMonthListClassNames: I,
+  getGidsCalendarMonthListMonths: f
 }, Symbol.toStringTag, { value: "Module" })), { getGidsCalendarMonthListClassNames: g, getGidsCalendarMonthListMonths: M } = b, x = r(class extends c {
   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: o, id: a } = s.detail;
+      o || 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) => {
@@ -28,7 +28,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(((o) => o.value === s));
       let i;
       return n != null && n !== -1 && (i = e[n]), { foundItem: i, foundIndex: n };
     }, this.isItemSelected = (s) => {
@@ -59,9 +59,9 @@ const f = (t) => p("gids-calendar-month-list", t), I = () => {
   }
   render() {
     const t = g();
-    return d("div", { key: "c0655cfeba2896cfd32f2d5d409b15fb981169ca", class: t }, d(h, { key: "bb0f4c53815ad122dbe03f5e1ba4d58273b5d7e3", type: this.type, supportingText: this.noOptionsText }, d(m, { key: "681315850bc61c44fe093b9de22436245d4d45d6", sectionLabel: "Months" }, this.monthsList().map(((s, e) => {
+    return l("div", { key: "03c81c7b6d2fb6a1439f4a51a91817661b208175", class: t }, l(h, { key: "218015b22be3ab5dc1257ab99710759fcc91a60f", type: this.type, supportingText: this.noOptionsText }, l(m, { key: "63be7405e6ec2c1e658429832c3a484aa149880b", 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() {
@@ -70,7 +70,7 @@ const f = (t) => p("gids-calendar-month-list", t), I = () => {
 }, [0, "gids-calendar-month-list", { type: [1], noOptionsText: [1, "no-options-text"], disabledIndices: [16], divider: [4], selectedMonthNumber: [2, "selected-month-number"], onSelectionMonthChange: [16] }]);
 function C() {
   typeof customElements < "u" && ["gids-calendar-month-list"].forEach(((t) => {
-    t === "gids-calendar-month-list" && (customElements.get(o(t)) || customElements.define(o(t), x));
+    t === "gids-calendar-month-list" && (customElements.get(d(t)) || customElements.define(d(t), x));
   }));
 }
 C();

package/dist-bundled/es/{p-CkydANOS-CzTX9wng.js → p-Chqeexny-C4hlPbBP.js}

@@ -1,4 +1,4 @@
-import { q as d, L as o, u as h, D as i } from "./p-Bf3p-DY2-CPqEc-vc.js";
+import { q as d, L as c, u as h, D as i } from "./p-Bf3p-DY2-CPqEc-vc.js";
 import { m as u, x as m, N as Y } from "./p-D6lxqcxP-DWrZi1Xi.js";
 import { c as p } from "./clsx-OuTLNxxd.js";
 const f = (e) => p("gids-calendar-year-list", e), g = (e) => {
@@ -24,13 +24,13 @@ const f = (e) => p("gids-calendar-year-list", e), g = (e) => {
   getGidsCalendarYearListClassNames: f,
   getGidsCalendarYearListYears: I,
   isValidFourDigitYear: g
-}, Symbol.toStringTag, { value: "Module" })), { getGidsCalendarYearListClassNames: y, getGidsCalendarYearListYears: b, isValidFourDigitYear: l } = S, w = o(class extends h {
+}, Symbol.toStringTag, { value: "Module" })), { getGidsCalendarYearListClassNames: y, getGidsCalendarYearListYears: b, isValidFourDigitYear: l } = S, w = c(class extends h {
   constructor(e) {
     super(), e !== !1 && this.__registerHost(), this.type = "default", this.disabledIndices = [], this.divider = !1, this.newStartYear = (/* @__PURE__ */ new Date()).getFullYear(), this.newEndYear = (/* @__PURE__ */ new Date()).getFullYear() + 100, this.hasItemListener = !1, this.suppressNextMenuClickSelection = !1, this.handleCalendarMenuItemSelect = (t) => {
-      const { title: s, value: a, selectedIndex: r, disabled: n, id: c } = t.detail;
+      const { title: s, value: a, selectedIndex: r, disabled: n, id: o } = t.detail;
       n || typeof s != "string" || (this.suppressNextMenuClickSelection = !0, queueMicrotask((() => {
         this.suppressNextMenuClickSelection = !1;
-      })), this.applySelection({ id: c, year: Number(a), disabled: !1, selectedIndex: r, startYear: this.newStartYear, endYear: this.newEndYear }));
+      })), this.applySelection({ id: o, year: Number(a), disabled: !1, selectedIndex: r, startYear: this.newStartYear, endYear: this.newEndYear }));
     }, this.handleMenuClick = (t) => {
       if (this.suppressNextMenuClickSelection) return;
       const s = t?.detail;
@@ -71,7 +71,7 @@ const f = (e) => p("gids-calendar-year-list", e), g = (e) => {
   }
   render() {
     const e = y();
-    return i("div", { key: "437079d36b448c67c91fd2bb32bee64b6f57520d", class: e }, i(u, { key: "2bddf92e842bbc64b382d62a9f35a238496ce9c7", type: this.type, supportingText: this.noOptionsText }, i(m, { key: "272a885760064e8c6979d2acd895df5babda30c9", sectionLabel: "Years" }, this.yearsList().map(((t, s) => {
+    return i("div", { key: "af9ef0437dbeba878bb5d09b0dcb4339ab819efd", class: e }, i(u, { key: "8083aa3b6a0160923f514bf067475cc835c3256b", type: this.type, supportingText: this.noOptionsText }, i(m, { key: "d9c7ec1df68bd2e67e236e7135927f27dd7bc328", 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-C2PfO9h9-H_toZwKo.js → p-DO0MyFf4-D7XItX1k.js}

@@ -1,7 +1,7 @@
 import { q as x, L as C, u as D, D as e } from "./p-Bf3p-DY2-CPqEc-vc.js";
-import { p as L } from "./p-DMNS1d8v-CHF62UXm.js";
-import { d as $ } from "./p-Cn-t3SGc-CwvvOdlK.js";
-import { l as E } from "./p-BQCMjWpK-CLxPNItn.js";
+import { p as $ } from "./p-DMNS1d8v-CHF62UXm.js";
+import { o as L } from "./p-BCVFQSjK-CKrYrI4b.js";
+import { d as E } from "./p-C3xv7tfs-RodXvmql.js";
 import { c as P } from "./clsx-OuTLNxxd.js";
 const M = ({ breakpoint: a }, o) => P("gids-bar-chart", {
   "gids-bar-chart--breakpoint-mobile": a === "mobile"
@@ -35,7 +35,7 @@ const M = ({ breakpoint: a }, o) => P("gids-bar-chart", {
     this.width = a.width, this.height = a.height > 0 ? a.height : 300;
   }
   render() {
-    if (this.chartLoading) return e("div", { class: "gids-bar-chart__no-data" }, e(L, { label: this.chartLoadingTitle, supportingText: this.chartLoadingSupportingText, size: this?.chartLoaderSize ?? "lg" }));
+    if (this.chartLoading) return e("div", { class: "gids-bar-chart__no-data" }, e($, { label: this.chartLoadingTitle, supportingText: this.chartLoadingSupportingText, size: this?.chartLoaderSize ?? "lg" }));
     const a = this?.chartData?.[0]?.data?.map(((t) => t.label)) ?? [], o = a.length, d = Array(o).fill(0);
     this.chartData.forEach(((t) => {
       Array.isArray(t?.data) && t.data.forEach(((i, r) => {
@@ -101,7 +101,7 @@ function O() {
         customElements.get(x(a)) || customElements.define(x(a), j);
         break;
       case "gids-chart-legend":
-        customElements.get(x(a)) || $();
+        customElements.get(x(a)) || L();
         break;
       case "gids-chart-legend-item":
         customElements.get(x(a)) || E();

package/dist-bundled/es/p-DUojHltk-GyvsWoCM.js

@@ -0,0 +1,172 @@
+import { q as f, L as g, u as v, D as c } from "./p-Bf3p-DY2-CPqEc-vc.js";
+import { d as p } from "./p-D4Pimu_8-DfEGRQGf.js";
+import { o as I } from "./p-_SIWct9h-jMYFZ-VO.js";
+import { c as y } from "./clsx-OuTLNxxd.js";
+const S = ({ expanded: h }, e) => y("gids-filter", {
+  "gids-filter--expanded": h
+}, e), x = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsFilterClassNames: S
+}, Symbol.toStringTag, { value: "Module" })), { getGidsFilterClassNames: E } = x;
+var s;
+const F = g((s = class extends v {
+  constructor(e) {
+    super(), e !== !1 && this.__registerHost(), this.expanded = !1, this.type = "none", this.filterItemType = "primary", this.filterSelected = !1, this.filterDefaultSelected = !1, this.disabled = !1, this.size = "sm", this.loading = !1, this.filterIndex = 0, this.hasSlottedMenu = !1, this.hasItemListener = !1, this.suppressNextMenuClickSelection = !1, this.setupDefaultSelctedFilterEmission = () => {
+      this.setupDefaultSelectedNoneAllFilterEmission();
+    }, this.setupDefaultSelectedNoneAllFilterEmission = () => {
+      const t = `${this.filterId || "default"}_${this.value}`;
+      if (this.filterDefaultSelected && !s.emittedValuesTracker.has(t) && (this.type === "none" && this.filterItemType === "secondary" || this.type === "all")) {
+        s.emittedValuesTracker.add(t);
+        const l = { id: "1", filterId: this.filterId, value: this.value, title: this.value, disabled: this.disabled, selectedFilterMenuIndex: void 0, filterType: this.type, filterItemType: this.filterItemType, filterTitle: this.value, filterIndex: this.filterIndex, originalEvent: void 0, filterSelected: !0, filterDefaultSelected: this.filterDefaultSelected, hasFilterMenu: !1, isPlaceholderItem: !1 };
+        setTimeout((() => {
+          this.onFilterMenuItemChange?.(l);
+        }), 0);
+      }
+    }, this.handleFilterPickerItemSelect = (t) => {
+      const { value: l, title: i, disabled: n, id: r, selectedIndex: d, isPlaceholderItem: a, defaultSelected: o } = t.detail;
+      n || typeof l != "string" || (this.suppressNextMenuClickSelection = !0, queueMicrotask((() => {
+        this.suppressNextMenuClickSelection = !1;
+      })), this.applySelection({ id: r, filterId: this?.filterId, value: l, title: i, disabled: !1, selectedFilterMenuIndex: d, defaultSelected: o, filterType: this.type, filterItemType: this.filterItemType, filterTitle: i, filterIndex: this.filterIndex, hasFilterMenu: !0, originalEvent: t, filterSelected: !a, isPlaceholderItem: a || !1 }));
+    }, this.handleMenuClick = (t) => {
+      if (this.suppressNextMenuClickSelection) return;
+      const l = t.target;
+      if (!(l instanceof Element)) return;
+      const i = l.closest(".gids-dropdown-item");
+      if (!i || !this.hostElement.contains(i) || i.hasAttribute("disabled") || i.getAttribute("aria-disabled") === "true") return;
+      const n = i instanceof HTMLButtonElement ? i.value : i.getAttribute("value") ?? "";
+      if (typeof n != "string" || n.length === 0) return;
+      const r = i instanceof HTMLButtonElement ? i.id : i.getAttribute("id") ?? "";
+      if (typeof r != "string" || r.length === 0) return;
+      const d = i instanceof HTMLButtonElement ? i.tabIndex : i.getAttribute("tabIndex") ?? "", a = i.getAttribute("is-placeholder-item") ?? "", o = i.querySelector(".gids-dropdown-item__label") || i.querySelector("span"), u = o ? o.textContent?.trim() : i.firstChild?.textContent?.trim() || n, m = !(!a || a !== "true");
+      this.applySelection({ id: r, filterId: this.filterId, value: n, title: u, disabled: !1, selectedFilterMenuIndex: Number(d), defaultSelected: this.filterDefaultSelected, filterType: this.type, filterItemType: this.filterItemType, filterTitle: u, filterIndex: this.filterIndex, hasFilterMenu: !0, originalEvent: t, filterSelected: !m, isPlaceholderItem: m });
+    }, this.handleTriggerToggle = (t) => {
+      this.isInteractive() && this.setExpandedState(!this.expanded, t);
+    }, this.handleFilterButtonClickToggle = (t) => {
+      if (!t.defaultPrevented) if (t.stopPropagation(), this.isMenuToggler()) this.handleTriggerToggle(t);
+      else {
+        this.filterSelected = t.detail, t?.detail === !1 && this.handleFormReset(), this.applySelection({ id: "1", filterId: this.filterId, value: this.value, title: this.value, disabled: this.disabled, selectedFilterMenuIndex: void 0, filterType: this.type, filterItemType: this.filterItemType, filterTitle: this.value, filterIndex: this.filterIndex, originalEvent: t, filterSelected: t.detail, filterDefaultSelected: this.filterDefaultSelected, hasFilterMenu: !1, isPlaceholderItem: !1 });
+        const l = { expanded: !1, originalEvent: t };
+        this.onToggle?.(l);
+      }
+    }, this.handleFormReset = () => {
+      this.value = this.initialValue, this.selectedItemTitle = this.initialValue, this.filterSelected = !1, this.isMenuToggler() ? this.setExpandedState(!1) : this.expanded = !1;
+    }, this.setFilterDropdownPosition = () => {
+      if (!this.hostElement) return;
+      const t = this.hostElement.querySelector(".gids-filter__menu");
+      if (!t) return;
+      const l = window.innerWidth / 2, i = this.hostElement.getBoundingClientRect();
+      i.left + i.width / 2 > l ? t.classList.add("gids-filter__menu--align-right") : t.classList.remove("gids-filter__menu--align-right");
+    };
+  }
+  handleExpandedChange(e) {
+    e && !this.isInteractive() && (this.expanded = !1);
+  }
+  handleInteractivityChange() {
+    !this.isInteractive() && this.expanded && this.setExpandedState(!1);
+  }
+  handleFilterTypeChange(e) {
+    this.type = e;
+  }
+  handleFilterIdArrival(e) {
+    e != null && this.setupDefaultSelctedFilterEmission();
+  }
+  handleFilterSelectedChange(e) {
+    this.filterSelected = e;
+  }
+  handleFilterDefaultSelectedChange(e) {
+    const t = `${this.filterId || "default"}_${this.value}`;
+    e ? (s.emittedValuesTracker.delete(t), this.setupDefaultSelctedFilterEmission()) : s.emittedValuesTracker.delete(t);
+  }
+  connectedCallback() {
+    this.attachItemListener(), this.attachFormListener();
+  }
+  componentDidLoad() {
+    this.initialValue = this.value, this.evaluateSlottedMenuExistence(), this.filterId != null && this.setupDefaultSelctedFilterEmission();
+  }
+  disconnectedCallback() {
+    this.detachItemListener(), this.detachFormListener();
+  }
+  getFilterButtonControl() {
+    return this.hostElement.querySelector(".gids-button");
+  }
+  getItemElements() {
+    return Array.from(this.hostElement.querySelectorAll(".gids-dropdown-item"));
+  }
+  evaluateSlottedMenuExistence() {
+    const e = this.hostElement.querySelector(".gids-filter__menu");
+    if (!e) return void (this.hasSlottedMenu = !1);
+    const t = Array.from(e.childNodes).filter(((l) => l.nodeType !== Node.COMMENT_NODE && !(l.nodeType === Node.TEXT_NODE && !l.textContent?.trim())));
+    this.hasSlottedMenu = t.length > 0;
+  }
+  attachItemListener() {
+    this.hasItemListener || (this.hostElement.addEventListener("onPressDropdownItem", this.handleFilterPickerItemSelect), this.hasItemListener = !0);
+  }
+  detachItemListener() {
+    this.hasItemListener && (this.hostElement.removeEventListener("onPressDropdownItem", this.handleFilterPickerItemSelect), this.hasItemListener = !1);
+  }
+  applySelection(e) {
+    this.value = e.value, this.selectedItemTitle = typeof e.title == "string" ? e.title : void 0, this.clearActive(), this.isMenuToggler() ? this.setExpandedState(!1, this.coerceEvent(e.originalEvent)) : this.expanded = !1, this.onFilterMenuItemChange?.(e), this.hostElement.dispatchEvent(new CustomEvent("gidsFilterPickerChange", { bubbles: !0, composed: !0, detail: e }));
+  }
+  clearActive() {
+    this.getItemElements().forEach(((e) => e.classList.remove("gids-dropdown-item--active")));
+  }
+  setExpandedState(e, t) {
+    const l = !!e;
+    if (this.setFilterDropdownPosition(), l && !this.isInteractive() || this.expanded === l) return;
+    this.expanded = l, l || (this.clearActive(), this.syncFilterDisplayValue());
+    const i = { expanded: l, originalEvent: t };
+    this.onToggle?.(i);
+  }
+  syncFilterDisplayValue() {
+    const e = this.getFilterButtonControl();
+    e && e.value !== (this.selectedItemTitle ?? "") && (e.value = this.selectedItemTitle ?? "");
+  }
+  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);
+  }
+  isInteractive() {
+    return !this.disabled;
+  }
+  coerceEvent(e) {
+    if (typeof Event < "u" && e !== null) return e instanceof Event ? e : void 0;
+  }
+  isMenuToggler() {
+    return (this.type === "none" || this.type === "more") && this.hasSlottedMenu;
+  }
+  handleWindowClick(e) {
+    this.expanded && (e.composedPath().includes(this.hostElement) || this.setExpandedState(!1, e));
+  }
+  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: "0c7e5ffe45a9e1053e3c248801ff315e96afb70c", class: t, "aria-control": n ?? "" }, c("gids-toggle-button", { key: "7afda6023027219c4d1585bf535327b6ed1d0dee", 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: "f4ded16cd2c432b4361c32de414af31b4c7d44c5", class: "gids-filter__menu", id: n, role: "pickerbox", onClick: this.handleMenuClick }, c("slot", { key: "593ed13b9dab21531b9888534697f92e39bbed95", onSlotchange: () => this.evaluateSlottedMenuExistence() })));
+  }
+  get hostElement() {
+    return this;
+  }
+  static get watchers() {
+    return { expanded: [{ handleExpandedChange: 0 }], disabled: [{ handleInteractivityChange: 0 }], type: [{ handleFilterTypeChange: 0 }], filterId: [{ handleFilterIdArrival: 0 }], filterSelected: [{ handleFilterSelectedChange: 0 }], filterDefaultSelected: [{ handleFilterDefaultSelectedChange: 0 }] };
+  }
+  static get style() {
+    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 T() {
+  typeof customElements < "u" && ["gids-filter", "gids-toggle-button"].forEach(((h) => {
+    switch (h) {
+      case "gids-filter":
+        customElements.get(f(h)) || customElements.define(f(h), F);
+        break;
+      case "gids-toggle-button":
+        customElements.get(f(h)) || I();
+    }
+  }));
+}
+T();
+export {
+  T as a,
+  F as r
+};

package/dist-bundled/es/{p-DlI2raNo-5V-p1A9Z.js → p-VJAcf53T-2X0vBJ1A.js}

@@ -82,7 +82,7 @@ const y = ({ size: t, appearance: e, color: i }, a) => p("gids-display-tag", {
   }
   render() {
     const t = T(), e = this?.label, i = this?.subtitle, a = this?.supportingText, l = this.isValidLabel(), n = this.isValidSubtitle(), o = this.isValidSupportingText(), r = this.isDisplayTagVisible(), g = this?.displayTagLabel ?? "";
-    return s(b, { key: "f8efd33b1166ad50320525759f55707077d46028", class: t }, l || n || r ? s("div", { class: "gids-expansion-body-list-item__primary-container" }, l || r ? s("div", { class: "gids-expansion-body-list-item__primary-content" }, l ? s("span", { class: "gids-expansion-body-list-item__label" }, this.convertTextToUppercase(e)) : void 0, r ? s(v, { color: this.displayTagColor || "accent-5", label: g, size: this.displayTagSize, appearance: this.displayTagAppearance }) : void 0) : void 0, n ? s("button", { type: "button", class: "gids-expansion-body-list-item__subtitle", onClick: this.handleSubtitleClick }, i) : void 0) : void 0, o ? s("div", { class: "gids-expansion-body-list-item__secondary-container" }, s("button", { type: "button", class: "gids-expansion-body-list-item__supporting-text", onClick: this.handleSupportingTextClick }, this.convertTextToUppercase(a))) : void 0);
+    return s(b, { key: "f70f03c864cc5d3fe92f7f22a1772054636c1e9c", class: t }, l || n || r ? s("div", { class: "gids-expansion-body-list-item__primary-container" }, l || r ? s("div", { class: "gids-expansion-body-list-item__primary-content" }, l ? s("span", { class: "gids-expansion-body-list-item__label" }, this.convertTextToUppercase(e)) : void 0, r ? s(v, { color: this.displayTagColor || "accent-5", label: g, size: this.displayTagSize, appearance: this.displayTagAppearance }) : void 0) : void 0, n ? s("button", { type: "button", class: "gids-expansion-body-list-item__subtitle", onClick: this.handleSubtitleClick }, i) : void 0) : void 0, o ? s("div", { class: "gids-expansion-body-list-item__secondary-container" }, s("button", { type: "button", class: "gids-expansion-body-list-item__supporting-text", onClick: this.handleSupportingTextClick }, this.convertTextToUppercase(a))) : void 0);
   }
   get hostElement() {
     return this;

package/dist-bundled/es/{p-KaaOtnwV-D7HTbhvI.js → p-_SIWct9h-jMYFZ-VO.js}

@@ -1,25 +1,25 @@
-import { q as s, L as l, u as c, z as i, D as t, P as a } from "./p-Bf3p-DY2-CPqEc-vc.js";
-import { o as n } from "./p-UVmSPzTd-6vjXok6h.js";
-import { i as d } from "./p-B2zUuNXz-BLBgQDu7.js";
-const o = l(class extends c {
+import { q as s, L as l, u as i, z as d, D as t, P as n } from "./p-Bf3p-DY2-CPqEc-vc.js";
+import { o } from "./p-UVmSPzTd-6vjXok6h.js";
+import { i as c } from "./p-B2zUuNXz-BLBgQDu7.js";
+const a = l(class extends i {
   constructor(e) {
-    super(), e !== !1 && this.__registerHost(), this.__attachShadow(), this.select = i(this, "select"), this._toggle = this._toggle.bind(this);
+    super(), e !== !1 && this.__registerHost(), this.__attachShadow(), this.select = d(this, "select"), this._toggle = this._toggle.bind(this);
   }
   handleSelctedChange(e) {
-    this.selected = e;
+    this.selected !== e && (this.selected = e);
   }
   connectedCallback() {
-    const e = d();
+    const e = c();
     e !== void 0 && this._el.shadowRoot?.adoptedStyleSheets.push(e);
   }
   _toggle() {
     const e = !this.selected;
-    this._el.selected = this.selected, this.select?.emit(e), this.selected = this.selected;
+    this._el.selected = e, this.select?.emit(e), this.selected = e;
   }
   render() {
-    return t(a, { key: "8790bb8cf84e466afbb3b9e2d9d079b75bfa35c9" }, t("style", { key: "774d8c36507eba6dcafc908f12bf23e264306c36" }, `:host {
+    return t(n, { key: "510886303fd853bf5c24fb5f38fd8485f831e72c" }, t("style", { key: "8e431f50396bf87f0475788e2cd3615d28cc24c7" }, `:host {
                 display: ${this.width === "full" ? "block" : "inline-block"}
-                }`), t(n, { key: "4a7a08513aa15cb97cdea1ce89799c2f3969ea37", 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: "246d5789eb1aa8cd3fa2c9bc647fae741cc1bc81" })));
+                }`), t(o, { key: "e2292ad4d60014b8d412157fdb36e5a2fa9cfd79", 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: "0f805e868de82ad388f4781bacf36e860395f3fa" })));
   }
   _onlyHasLeadingIcon() {
     const e = this._el.childNodes;
@@ -34,11 +34,11 @@ const o = l(class extends c {
 }, [257, "gids-toggle-button", { disabled: [516], appearance: [513], size: [513], width: [513], defaultSelected: [516, "default-selected"], selected: [1540] }, void 0, { selected: [{ handleSelctedChange: 0 }] }]);
 function h() {
   typeof customElements < "u" && ["gids-toggle-button"].forEach(((e) => {
-    e === "gids-toggle-button" && (customElements.get(s(e)) || customElements.define(s(e), o));
+    e === "gids-toggle-button" && (customElements.get(s(e)) || customElements.define(s(e), a));
   }));
 }
 h();
 export {
-  o as l,
+  a as l,
   h as o
 };

package/dist-bundled/es/{p-qIkbfIF3-B7NovGEi.js → p-pSb81aE0-CNrq7SQW.js}

@@ -1,7 +1,7 @@
 import { q as l, L as f, u, D as t } from "./p-Bf3p-DY2-CPqEc-vc.js";
 import { p as b } from "./p-DMNS1d8v-CHF62UXm.js";
-import { d as x } from "./p-Cn-t3SGc-CwvvOdlK.js";
-import { l as z } from "./p-BQCMjWpK-CLxPNItn.js";
+import { o as x } from "./p-BCVFQSjK-CKrYrI4b.js";
+import { d as z } from "./p-C3xv7tfs-RodXvmql.js";
 import { c as w } from "./clsx-OuTLNxxd.js";
 const k = ({ breakpoint: a }, g) => w("gids-activity-gauge", {
   "gids-activity-gauge--breakpoint-mobile": a === "mobile"

package/dist-bundled/es/{p-BE2G21MT-WGW-ehxu.js → p-ub0GuVHb-C_PFTi1_.js}

@@ -56,7 +56,7 @@ const g = (t) => _("gids-field", t), u = /* @__PURE__ */ Object.freeze(/* @__PUR
       const a = this._getStatusModifierClass(s, "gids-field__status-text");
       a != null && i.push(a);
     }
-    return o(d, { key: "57aae828a0cdd8ac1044cdafab34dc0f76731814" }, o("div", { key: "3455d9ff33bf012679e0c25869cbdcf43ea40742", class: p() }, o("div", { key: "ca6948c95470527551c40ef14ae5af5e40a0e301", class: "gids-field__header", hidden: !this._hasLabelContent() }, o("slot", { key: "caac19c05af1b41de4e6301c3c7060bbb995cb5c", ref: this._setLabelSlot, name: "label", onSlotchange: this._handleControlSlotChange }), o("div", { key: "9151fef3965568bd2f9e7fc9971b56791b681de6", class: "gids-field__count", "aria-live": "polite" }, this.count)), o("div", { key: "b2e41f4ccb83f9c3b2f310250a28f68758689649", class: "gids-field__control" }, o("slot", { key: "faad5db257df90576e73fb7383c20ecc796c3b43", ref: this._setControlSlot, onSlotchange: this._handleControlSlotChange })), o("p", { key: "e4bc41ccde6d8713e599d6595aceeb7d60a833ed", class: "gids-field__supporting-text", hidden: !this._shouldShowHelperText() }, this.helperText), t ? o("p", { class: i.join(" "), role: "status", "aria-live": "polite" }, this._renderStatusIcon(s), e !== void 0 ? o("span", null, e) : null) : null));
+    return o(d, { key: "b4c75ae8db2c6a526bca9abbdefa794697f79d6e" }, o("div", { key: "7f1d56122271224e78b84482bbd1aa31dee0d6b5", class: p() }, o("div", { key: "21986a7bc03029da85eeef02af059b175c208bb9", class: "gids-field__header", hidden: !this._hasLabelContent() }, o("slot", { key: "2c3e7e5e7ebc8b5b30157e755422267cffeb9333", ref: this._setLabelSlot, name: "label", onSlotchange: this._handleControlSlotChange }), o("div", { key: "db267881b537d312154b4b7b51c0816595b5c064", class: "gids-field__count", "aria-live": "polite" }, this.count)), o("div", { key: "34ee7450b5bce2c5ae58d151a6503f1079fdfc7e", class: "gids-field__control" }, o("slot", { key: "d5a7c20818abf658fd1651d90bc7fe552ff4366e", ref: this._setControlSlot, onSlotchange: this._handleControlSlotChange })), o("p", { key: "2859a75cb1f15eb4b998a8c9d0642b3a260967bc", class: "gids-field__supporting-text", hidden: !this._shouldShowHelperText() }, this.helperText), t ? o("p", { class: i.join(" "), role: "status", "aria-live": "polite" }, this._renderStatusIcon(s), e !== void 0 ? o("span", null, e) : null) : null));
   }
   _hasLabelContent() {
     return this._hasLabel;