@ganpatiinfo/gids-core-web 10.2.0 → 12.0.0

package/dist-bundled/es/gids-action-bar.js

@@ -1,177 +1,219 @@
-import { L as J, q as v, u as K, D as r } from "./p-Bf3p-DY2-CPqEc-vc.js";
-import { p as V, m as _, x as z, N as $ } from "./p-D6lxqcxP-DWrZi1Xi.js";
-import { o as E } from "./p-UVmSPzTd-6vjXok6h.js";
-import { d as G } from "./p-D4Pimu_8-DfEGRQGf.js";
-import { a as Q } from "./p-qrjEbv6g-ITSp3ky_.js";
-import { o as R } from "./p-Bj28yqMD-Dz1SWSqM.js";
-import { c as U } from "./clsx-OuTLNxxd.js";
-const W = (e) => U("gids-action-bar", e), X = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+import { L as J, q as k, u as K, D as s } from "./p-Bf3p-DY2-CPqEc-vc.js";
+import { p as $, m as E, x as G, N } from "./p-D6lxqcxP-DWrZi1Xi.js";
+import { o as H } from "./p-UVmSPzTd-6vjXok6h.js";
+import { d as L } from "./p-D4Pimu_8-DfEGRQGf.js";
+import { a as Q } from "./p-DUojHltk-GyvsWoCM.js";
+import { o as U } from "./p-_SIWct9h-jMYFZ-VO.js";
+import { c as X } from "./clsx-OuTLNxxd.js";
+const Y = (t) => X("gids-action-bar", t), Z = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  getGidsActionBarClassNames: W
-}, Symbol.toStringTag, { value: "Module" })), { getGidsActionBarClassNames: Y } = X, N = J(class extends K {
-  constructor(e) {
-    super(), e !== !1 && this.__registerHost(), this.actionGroup = !1, this.allFiltersTabVisible = !1, this.moreFiltersTabVisible = !1, this.clearAllFiltersVisible = !0, this.clearAllFiltersButtonAppearance = "primary", this.primaryFilters = [], this.secondaryFilters = [], this.filterSize = "xs", this.disabled = !1, this.activeExpandedFilterId = void 0, this.handleAllFilterClick = (t) => {
-      const { id: l, filterId: a, title: d, value: f, disabled: p, selectedFilterMenuIndex: u, filterType: g, filterItemType: y, filterTitle: m, filterIndex: n, filterSelected: b, defaultSelected: F, hasFilterMenu: s, isPlaceholderItem: A } = t;
-      this.applyAllToggleSelection({ title: d, value: f, selectedFilterMenuIndex: u, filterType: g, filterItemType: y, filterTitle: m, filterIndex: n, hasFilterMenu: s, filterSelected: b, isPlaceholderItem: A, filterId: a, filterPickerId: l, filterDisabled: p, filterDefaultSelected: F || !1, selectedFilterMenuSectionIndex: void 0, filterPickerData: void 0 });
-    }, this.handleSecondaryFilterClick = (t) => {
-      const { id: l, filterId: a, title: d, value: f, disabled: p, selectedFilterMenuIndex: u, filterType: g, filterItemType: y, filterTitle: m, filterIndex: n, filterSelected: b, defaultSelected: F, hasFilterMenu: s, isPlaceholderItem: A } = t;
-      this.applySecondaryFilterToggleSelection({ title: d, value: f, selectedFilterMenuIndex: u, filterType: g, filterItemType: y, filterTitle: m, filterIndex: n, hasFilterMenu: s, filterSelected: b, isPlaceholderItem: A, filterId: a, filterPickerId: l, filterDisabled: p, filterDefaultSelected: F || !1, selectedFilterMenuSectionIndex: void 0, filterPickerData: void 0 });
-    }, this.applySecondaryFilterToggleSelection = (t) => {
-      this.setFilterPickerExpandedState(t?.filterId, { expanded: !1 }), this.applyNormalFiltersSelectedStateChange(t), this.onToggleActionBarNoneFilter && this.onToggleActionBarNoneFilter(t);
-    }, this.toggleDropdownFilter = ({ detail: t, filterId: l, pickerData: a }) => {
-      this.setFilterPickerExpandedState(l, t), this.onToggleActionBarDropdownFilter && this.onToggleActionBarDropdownFilter({ filterId: l, pickerData: a, ...t });
-    }, this.handleDropdownFilterMenuItemClick = ({ event: t, filterItemType: l, filterType: a, filterIndex: d, filterId: f, filterMenuSectionIndex: p }) => {
-      const u = t.detail, { id: g, defaultSelected: y, disabled: m, isPlaceholderItem: n, selectedIndex: b, title: F, value: s } = u;
-      this.applyDropdownFilterMenuItemSelection({ title: F, value: s, selectedFilterMenuIndex: b, filterType: a, filterItemType: l, filterTitle: F, filterIndex: d, hasFilterMenu: !0, filterSelected: !n, isPlaceholderItem: n, filterId: f, filterPickerId: g, filterDisabled: m, filterDefaultSelected: y || !1, selectedFilterMenuSectionIndex: p, filterPickerData: u });
-    }, this.applyDropdownFilterMenuItemSelection = (t) => {
-      this.applyDropdownFiltersSelectedStateChange(t), this.onDropdownSelectionActionBarFilterChange && this.onDropdownSelectionActionBarFilterChange(t);
-    }, this.applyDropdownFiltersSelectedStateChange = (t) => {
-      const l = this?.selectedFilters ? [...this.selectedFilters] : [];
+  getGidsActionBarClassNames: Y
+}, Symbol.toStringTag, { value: "Module" })), { getGidsActionBarClassNames: ee } = Z, j = J(class extends K {
+  constructor(t) {
+    super(), t !== !1 && this.__registerHost(), this.actionGroup = !1, this.allFiltersTabVisible = !1, this.moreFiltersTabVisible = !1, this.clearAllFiltersVisible = !0, this.filterAllIsDefaultSelected = !0, this.clearAllFiltersButtonAppearance = "primary", this.primaryFilters = [], this.secondaryFilters = [], this.filterSize = "xs", this.disabled = !1, this.activeExpandedFilterId = void 0, this.tempFilterAll = [], this.handleAllFilterClick = (e) => {
+      const { id: l, filterId: i, title: a, value: f, disabled: p, selectedFilterMenuIndex: u, filterType: S, filterItemType: A, filterTitle: g, filterIndex: n, filterSelected: m, defaultSelected: F, hasFilterMenu: d, isPlaceholderItem: y } = e;
+      this.applyAllToggleSelection({ title: a, value: f, selectedFilterMenuIndex: u, filterType: S, filterItemType: A, filterTitle: g, filterIndex: n, hasFilterMenu: d, filterSelected: !(!F && !this.filterAllIsDefaultSelected) || m, isPlaceholderItem: y, filterId: i, filterPickerId: l, filterDisabled: p, filterDefaultSelected: !(!F && !this.filterAllIsDefaultSelected), selectedFilterMenuSectionIndex: void 0, filterPickerData: void 0 });
+    }, this.handleSecondaryFilterClick = (e) => {
+      const { id: l, filterId: i, title: a, value: f, disabled: p, selectedFilterMenuIndex: u, filterType: S, filterItemType: A, filterTitle: g, filterIndex: n, filterSelected: m, defaultSelected: F, hasFilterMenu: d, isPlaceholderItem: y } = e;
+      this.applySecondaryFilterToggleSelection({ title: a, value: f, selectedFilterMenuIndex: u, filterType: S, filterItemType: A, filterTitle: g, filterIndex: n, hasFilterMenu: d, filterSelected: m, isPlaceholderItem: y, filterId: i, filterPickerId: l, filterDisabled: p, filterDefaultSelected: F || !1, selectedFilterMenuSectionIndex: void 0, filterPickerData: void 0 });
+    }, this.applySecondaryFilterToggleSelection = (e) => {
+      this.setFilterPickerExpandedState(e?.filterId, { expanded: !1 }), this.applyNormalFiltersSelectedStateChange(e), this.onToggleActionBarNoneFilter && this.onToggleActionBarNoneFilter({ ...e, selectedFilters: this?.selectedFilters ?? [] });
+    }, this.calculateWhenNormalFilterFound = (e, l) => {
+      const i = e[l];
+      return this.filterAllCanBeRemove() ? (e.splice(l, 1), this.selectedFiltersHasFilterAll() || e.length !== 0 || e.push({ ...this.tempFilterAll[0] }), { calculatedSelectedFilters: e, returnIt: !1 }) : (this.selectedFilters = e = [], setTimeout((() => {
+        e = [{ ...i }], this.selectedFilters = e;
+      }), 200), { calculatedSelectedFilters: e, returnIt: !0 });
+    }, this.toggleDropdownFilter = ({ detail: e, filterId: l, pickerData: i }) => {
+      this.setFilterPickerExpandedState(l, e), this.onToggleActionBarDropdownFilter && this.onToggleActionBarDropdownFilter({ filterId: l, pickerData: i, ...e });
+    }, this.handleDropdownFilterMenuItemClick = ({ event: e, filterItemType: l, filterType: i, filterIndex: a, filterId: f, filterMenuSectionIndex: p }) => {
+      const u = e.detail, { id: S, defaultSelected: A, disabled: g, isPlaceholderItem: n, selectedIndex: m, title: F, value: d } = u;
+      this.applyDropdownFilterMenuItemSelection({ title: F, value: d, selectedFilterMenuIndex: m, filterType: i, filterItemType: l, filterTitle: F, filterIndex: a, hasFilterMenu: !0, filterSelected: !n, isPlaceholderItem: n, filterId: f, filterPickerId: S, filterDisabled: g, filterDefaultSelected: A || !1, selectedFilterMenuSectionIndex: p, filterPickerData: u });
+    }, this.applyDropdownFilterMenuItemSelection = (e) => {
+      this.applyDropdownFiltersSelectedStateChange(e), this.onDropdownSelectionActionBarFilterChange && this.onDropdownSelectionActionBarFilterChange({ ...e, selectedFilters: this?.selectedFilters ?? [] });
+    }, this.applyDropdownFiltersSelectedStateChange = (e) => {
+      let l = this?.selectedFilters ? [...this.selectedFilters] : [];
       if (l.length > 0) {
-        const a = l.findIndex(((d) => d.filterId === t?.filterId));
-        a != null && a !== -1 ? t?.isPlaceholderItem ? l.splice(a, 1) : l[a] = { ...t, filterPickerData: { ...t.filterPickerData } } : t?.isPlaceholderItem || l.push({ ...t, filterPickerData: { ...t.filterPickerData } });
-      } else t?.isPlaceholderItem || l.push({ ...t, filterPickerData: { ...t.filterPickerData } });
-      this.selectedFilters = l;
-    }, this.handleClearAllFiltersClick = (t) => {
-      this.selectedFilters = [], this.onClearAllFiltersButton && this.onClearAllFiltersButton(t);
-    };
-  }
-  handleFilterSizeChange(e) {
-    this.filterSize = e;
-  }
-  handleDropdownDividerVisibilityChange(e) {
-    this.dropdownDividerVisible = e;
-  }
-  handlePrimaryFiltersChange(e) {
-    this.primaryFilters = e;
-  }
-  handleSecondaryFiltersChange(e) {
-    this.secondaryFilters = e;
-  }
-  handleAllFiltersDataChange(e) {
-    this.allFiltersData = e;
-  }
-  handleMoreFiltersValueChange(e) {
-    this.moreFiltersData = e;
-  }
-  handleDisabilityChange(e) {
-    this.disabled = e;
-  }
-  handleActionGroupChange(e) {
-    this.actionGroup = e;
-  }
-  handleClearAllFiltersButtonAppearanceChange(e) {
-    this.clearAllFiltersButtonAppearance = e;
+        const i = l.findIndex(((a) => a.filterId === e?.filterId));
+        i != null && i !== -1 ? e?.isPlaceholderItem ? (l.splice(i, 1), !this.selectedFiltersHasLastFilterAll() && l.length <= 0 && this.filterAllIsDefaultSelected && (l = [...this.tempFilterAll])) : (l[i] = { ...e, filterPickerData: { ...e.filterPickerData } }, this.selectedFiltersHasFilterAll() && this.filterAllIsDefaultSelected && (l = [...this.removeFilterAll(l)])) : e?.isPlaceholderItem || (l.push({ ...e, filterPickerData: { ...e.filterPickerData } }), this.selectedFiltersHasFilterAll() && this.filterAllIsDefaultSelected && (l = [...this.removeFilterAll(l)]));
+      } else e?.isPlaceholderItem || (l.push({ ...e, filterPickerData: { ...e.filterPickerData } }), this.selectedFiltersHasFilterAll() && this.filterAllIsDefaultSelected && (l = [...this.removeFilterAll(l)]));
+      this.selectedFilters = [...l];
+    }, this.clearingFilters = () => {
+      this.selectedFilters = this.isAllFilterVisible() && this.filterAllIsDefaultSelected ? [{ ...this.tempFilterAll[0] }] : [];
+    }, this.handleClearAllFiltersClick = (e) => {
+      this.clearingFilters(), this.onClearAllFiltersButton && this.onClearAllFiltersButton({ selectedFilters: this?.selectedFilters ?? [], originalEvent: e });
+    }, this.selectedFiltersHasFilterAll = () => !!(this?.selectedFilters ?? []).find(((e) => e.filterId === this.getAllFilterId())), this.filterAllCanBeRemove = () => {
+      const e = this?.selectedFilters ?? [];
+      return !(this.filterAllIsDefaultSelected && this.selectedFiltersHasFilterAll() && e.length <= 1);
+    }, this.removeFilterAll = (e) => {
+      if (e.length > 0) {
+        const l = e.findIndex(((i) => i.filterId === this.getAllFilterId()));
+        if (l != null && l !== -1) {
+          const i = e[l];
+          i && (this.tempFilterAll = [{ ...i }]), e.splice(l, 1);
+        }
+      }
+      return e;
+    }, this.selectedFiltersStateStatus = () => {
+      const e = this?.selectedFilters ?? [];
+      return e.length <= 0 ? "none" : e.length === 1 ? "one-filter" : "more-than-one";
+    }, this.selectedFiltersHasLastFilterAll = () => this.selectedFiltersStateStatus() === "one-filter" && !!(this?.selectedFilters ?? []).find(((e) => e.filterId === this.getAllFilterId()));
+  }
+  handleFilterSizeChange(t) {
+    this.filterSize = t;
+  }
+  handleDropdownDividerVisibilityChange(t) {
+    this.dropdownDividerVisible = t;
+  }
+  handlePrimaryFiltersChange(t) {
+    this.primaryFilters = t;
+  }
+  handleSecondaryFiltersChange(t) {
+    this.secondaryFilters = t;
+  }
+  handleAllFiltersDataChange(t) {
+    this.allFiltersData = t;
+  }
+  handleMoreFiltersValueChange(t) {
+    this.moreFiltersData = t;
+  }
+  handleDisabilityChange(t) {
+    this.disabled = t;
+  }
+  handleActionGroupChange(t) {
+    this.actionGroup = t;
+  }
+  handleFilterAllIsDefaultSelectedChange(t) {
+    this.filterAllIsDefaultSelected = t;
+  }
+  handleClearAllFiltersButtonAppearanceChange(t) {
+    this.clearAllFiltersButtonAppearance = t;
   }
   connectedCallback() {
     this.createAllFiltersData();
   }
-  applyAllToggleSelection(e) {
-    this.setFilterPickerExpandedState(e?.filterId, { expanded: !1 }), this.applyNormalFiltersSelectedStateChange(e), this.onToggleActionBarAllFilter && this.onToggleActionBarAllFilter(e);
-  }
-  applyNormalFiltersSelectedStateChange(e) {
-    const t = this?.selectedFilters ? [...this.selectedFilters] : [];
-    if (t && t.length > 0) {
-      const l = t.findIndex(((a) => a.filterId === e?.filterId));
-      l != null && l !== -1 ? t.splice(l, 1) : e?.filterSelected && t.push({ ...e });
-    } else e?.filterSelected && t.push({ ...e });
-    this.selectedFilters = t;
+  componentDidLoad() {
+  }
+  applyAllToggleSelection(t) {
+    this.setFilterPickerExpandedState(t?.filterId, { expanded: !1 }), this.applyNormalFiltersSelectedStateChange(t), setTimeout((() => {
+      this.onToggleActionBarAllFilter && (this.tempFilterAll = [{ ...t, selectedFilters: this?.selectedFilters ?? [] }], this.onToggleActionBarAllFilter({ ...t, selectedFilters: this?.selectedFilters ?? [] }));
+    }), 200);
+  }
+  applyNormalFiltersSelectedStateChange(t) {
+    let e = this?.selectedFilters ? [...this.selectedFilters] : [];
+    if (e && e.length > 0) {
+      const l = e.findIndex(((i) => i.filterId === t?.filterId));
+      if (l != null && l !== -1) {
+        const { calculatedSelectedFilters: i, returnIt: a } = this.calculateWhenNormalFilterFound(e, l);
+        if (a) return;
+        e = [...i];
+      } else t?.filterSelected && (t?.filterId !== this.getAllFilterId() ? (e = [...this.removeFilterAll(e)], e.push({ ...t })) : t?.filterId === this.getAllFilterId() ? (e = [], e = [{ ...t }]) : e.push({ ...t }));
+    } else t?.filterSelected && e.push({ ...t });
+    this.selectedFilters = e;
   }
   isMoreFilterVisible() {
-    const e = this.moreFiltersData;
-    return !!(this.moreFiltersTabVisible && e && Object.keys(e).length > 0 && e?.filterPickerData && e.filterPickerData.length > 0);
+    const t = this.moreFiltersData;
+    return !!(this.moreFiltersTabVisible && t && Object.keys(t).length > 0 && t?.filterPickerData && t.filterPickerData.length > 0);
   }
   isAllFilterVisible() {
     return !!this.allFiltersTabVisible;
   }
   isAllFiltersTabDisabled() {
-    const e = this?.allFiltersData?.disabled;
-    return !(!this.disabled && !e);
+    const t = this?.allFiltersData?.disabled;
+    return !(!this.disabled && !t);
   }
   isMoreFiltersTabDisabled() {
-    const e = this?.moreFiltersData?.disabled;
-    return !(!this.disabled && !e);
+    const t = this?.moreFiltersData?.disabled;
+    return !(!this.disabled && !t);
   }
   isActionGroup() {
-    const e = this.isMoreFilterVisible(), t = this?.secondaryFilters && this.secondaryFilters.length > 0, l = this?.actionGroup;
-    return !(!e && !t || !l);
+    const t = this.isMoreFilterVisible(), e = this?.secondaryFilters && this.secondaryFilters.length > 0, l = this?.actionGroup;
+    return !(!t && !e || !l);
   }
   createAllFiltersData() {
-    const e = this.allFiltersData;
-    e?.label && e.label !== "" || (this.allFiltersData = { ...this.allFiltersData, label: "All" });
+    const t = this.allFiltersData;
+    t?.label && t.label !== "" || (this.allFiltersData = { ...this.allFiltersData, label: "All" });
   }
   getAllFiltersValue() {
     return this.allFiltersData?.label ?? "All";
   }
-  getSelectedFilter(e) {
-    return (this?.selectedFilters ?? []).find(((t) => t.filterId === e));
+  getSelectedFilter(t) {
+    return (this?.selectedFilters ?? []).find(((e) => e.filterId === t));
   }
-  getSelectedDropdownFilterTitle(e) {
-    const t = this.getSelectedFilter(e);
-    if (t?.filterTitle) return t.filterTitle;
-    const l = (this?.primaryFilters ?? []).find(((p) => p?.filterId === e)), a = l?.filterPickerData ?? [], d = a?.[0]?.items?.[0];
+  getSelectedDropdownFilterTitle(t) {
+    const e = this.getSelectedFilter(t);
+    if (e?.filterTitle) return e.filterTitle;
+    const l = (this?.primaryFilters ?? []).find(((p) => p?.filterId === t)), i = l?.filterPickerData ?? [], a = i?.[0]?.items?.[0];
     let f = "";
-    return d?.isPlaceholderItem && d?.title && (f = d.title), f;
+    return a?.isPlaceholderItem && a?.title && (f = a.title), f;
   }
-  isNormalFilterSelected(e) {
-    return !!this.getSelectedFilter(e);
+  isNormalFilterSelected(t) {
+    return !!this.getSelectedFilter(t);
   }
-  isDropdownFilterSelected(e) {
-    const t = this.getSelectedFilter(e), l = t?.filterPickerData;
+  isDropdownFilterSelected(t) {
+    const e = this.getSelectedFilter(t), l = e?.filterPickerData;
     return !(!l?.title && !l?.value || l?.isPlaceholderItem);
   }
-  getSelectedFilterPickerData(e) {
-    return this.getSelectedFilter(e)?.filterPickerData;
+  getSelectedFilterPickerData(t) {
+    return this.getSelectedFilter(t)?.filterPickerData;
+  }
+  setFilterPickerExpandedState(t, e) {
+    this.activeExpandedFilterId = e?.expanded ? t : void 0;
+  }
+  getAllFilterId() {
+    return this?.allFiltersData?.filterId && this.allFiltersData.filterId !== "" ? this.allFiltersData.filterId : `1_${this.getAllFiltersValue()}_primary`;
   }
-  setFilterPickerExpandedState(e, t) {
-    this.activeExpandedFilterId = t?.expanded ? e : void 0;
+  getMoreFilterId() {
+    const t = this?.secondaryFilters ?? [];
+    return this?.moreFiltersData?.filterId && this.moreFiltersData.filterId !== "" ? this.moreFiltersData.filterId : t.length + 1 + "_more_secondary";
   }
   render() {
-    const e = Y(), t = this?.primaryFilters ?? [], l = this?.secondaryFilters ?? [], a = this.isMoreFilterVisible(), d = this.moreFiltersData, f = d?.filterPickerData ?? [], p = { disabled: this?.moreFiltersData?.disabled, filterDefaultSelected: this?.moreFiltersData?.filterDefaultSelected, loading: this?.moreFiltersData?.loading }, u = this.isAllFilterVisible(), g = this.getAllFiltersValue(), y = { defaultSelected: this?.allFiltersData?.defaultSelected, disabled: this?.allFiltersData?.disabled, loading: this?.allFiltersData?.loading }, m = this.dropdownDividerVisible, n = this.filterSize, b = this.isActionGroup(), F = this?.allFiltersData?.filterId && this.allFiltersData.filterId !== "" ? this.allFiltersData.filterId : `1_${g}_primary`, s = this?.moreFiltersData?.filterId && this.moreFiltersData.filterId !== "" ? this.moreFiltersData.filterId : l.length + 1 + "_more_secondary", A = "secondary", w = "more", M = l.length + 1, L = this.getSelectedDropdownFilterTitle(s);
-    return r("div", { key: "bcdc09481518a9951c8e790fd3e4962e4a7f2c04", class: e }, r("div", { key: "b03978a9f7f516fc8da66291a9aac44a90bbbb94", class: "gids-action-bar__primary-filters" }, r(V, { key: "48635f38cf5aac9949d515e0816c3154bb7f1331", layout: "wrap" }, u ? r("gids-filter", { type: "all", filterId: F, filterIndex: 0, filterItemType: "primary", filterSelected: this.isNormalFilterSelected(F), value: g, ...y, disabled: this.isAllFiltersTabDisabled(), size: n, onFilterMenuItemChange: this.handleAllFilterClick }) : void 0, t.map(((i, o) => {
-      const S = i?.filterPickerData ?? [], c = i?.filterId && i.filterId !== "" ? i.filterId : o + 1 + "_primary", h = "primary", C = "none", T = this.getSelectedDropdownFilterTitle(c);
-      return r("gids-filter", { key: `${c}_${T}`, ...i, filterIndex: o + 1, filterId: c, disabled: i?.disabled || this.disabled, filterDefaultSelected: i?.filterDefaultSelected, filterSelected: this.isDropdownFilterSelected(c), type: C, filterItemType: h, title: T, value: T, size: n, expanded: this.activeExpandedFilterId === c, onToggle: (I) => this.toggleDropdownFilter({ detail: I, filterId: c, pickerData: S }) }, r(_, { type: "default" }, S.map(((I, k) => {
-        const x = I?.sectionLabel;
-        return r(z, { sectionLabel: x, key: "" + k }, (I?.items ?? []).map(((D, B) => {
-          const O = D?.isPlaceholderItem ?? !1, P = D?.id && D.id !== "" ? D.id : `${c}_s${k}_i${B}`, q = this.getSelectedFilterPickerData(c);
-          return r($, { key: P, id: P, index: B, title: D?.title, value: D?.value, disabled: D?.disabled, defaultSelected: D?.defaultSelected, isPlaceholderItem: O, selected: q?.id === P, divider: m, onPressDropdownItem: (H) => this.handleDropdownFilterMenuItemClick({ event: H, filterItemType: h, filterType: C, filterIndex: o, filterId: c, filterMenuSectionIndex: k }) });
+    const t = ee(), e = this?.primaryFilters ?? [], l = this?.secondaryFilters ?? [], i = this.isMoreFilterVisible(), a = this.moreFiltersData, f = a?.filterPickerData ?? [], p = { disabled: this?.moreFiltersData?.disabled, filterDefaultSelected: this?.moreFiltersData?.filterDefaultSelected, loading: this?.moreFiltersData?.loading }, u = this.isAllFilterVisible(), S = this.getAllFiltersValue(), A = { defaultSelected: this?.allFiltersData?.defaultSelected, disabled: this?.allFiltersData?.disabled, loading: this?.allFiltersData?.loading }, g = this.dropdownDividerVisible, n = this.filterSize, m = this.isActionGroup(), F = this.getAllFilterId(), d = this.getMoreFilterId(), y = "secondary", B = "more", V = l.length + 1, q = this.getSelectedDropdownFilterTitle(d), _ = this.isDropdownFilterSelected(d);
+    return s("div", { key: "c1adf48c5fe64a7607e919b10436edf6a5ad80bd", class: t }, s("div", { key: "a2efc43b15b9b97b85a12932f468d2627e574b13", class: "gids-action-bar__primary-filters" }, s($, { key: "ab2c8be633cf3e9465594a3211cc83dff1598695", layout: "wrap" }, u ? s("gids-filter", { type: "all", filterId: F, filterDefaultSelected: this.filterAllIsDefaultSelected, filterIndex: 0, filterItemType: "primary", filterSelected: this.isNormalFilterSelected(F), value: S, ...A, disabled: this.isAllFiltersTabDisabled(), size: n, onFilterMenuItemChange: this.handleAllFilterClick }) : void 0, e.map(((r, o) => {
+      const b = r?.filterPickerData ?? [], c = r?.filterId && r.filterId !== "" ? r.filterId : o + 1 + "_primary", h = "primary", C = "none", x = this.getSelectedDropdownFilterTitle(c), v = this.isDropdownFilterSelected(c);
+      return s("gids-filter", { key: `${c}_${x}`, ...r, filterIndex: o + 1, filterId: c, disabled: r?.disabled || this.disabled, filterDefaultSelected: r?.filterDefaultSelected, filterSelected: v, type: C, filterItemType: h, title: x, value: x, size: n, expanded: this.activeExpandedFilterId === c, onToggle: (I) => this.toggleDropdownFilter({ detail: I, filterId: c, pickerData: b }) }, s(E, { type: "default" }, b.map(((I, T) => {
+        const R = I?.sectionLabel;
+        return s(G, { sectionLabel: R, key: "" + T }, (I?.items ?? []).map(((D, P) => {
+          const W = D?.isPlaceholderItem ?? !1, w = D?.id && D.id !== "" ? D.id : `${c}_s${T}_i${P}`;
+          let M = !1;
+          return v ? M = this.getSelectedFilterPickerData(c)?.id === w : M = P === 0, s(N, { key: w, id: w, index: P, title: D?.title, value: D?.value, disabled: D?.disabled, defaultSelected: D?.defaultSelected, isPlaceholderItem: W, selected: M, divider: g, onPressDropdownItem: (z) => this.handleDropdownFilterMenuItemClick({ event: z, filterItemType: h, filterType: C, filterIndex: o, filterId: c, filterMenuSectionIndex: T }) });
         })));
       }))));
-    })), this.clearAllFiltersVisible && !b ? r(E, { size: this.filterSize, appearance: this.clearAllFiltersButtonAppearance, leadingIcon: r(G, { name: "cross", size: this.filterSize, slot: "leadingIcon" }), onClick: this.handleClearAllFiltersClick }) : void 0)), b ? r("div", { class: "gids-action-bar__secondary-filters" }, r(V, { layout: "wrap" }, l.map(((i, o) => {
-      const S = i?.filterId && i.filterId !== "" ? i.filterId : `${o + 1}_${i?.label}_secondary`;
-      return r("gids-filter", { key: "" + (t.length + o + 1), ...i, filterIndex: o, filterId: S, disabled: i?.disabled || this.disabled, filterDefaultSelected: i?.defaultSelected, type: "none", filterItemType: "secondary", value: i?.label, size: n, filterSelected: this.isNormalFilterSelected(S), onFilterMenuItemChange: this.handleSecondaryFilterClick });
-    })), a ? r("gids-filter", { key: `${s}_${L}`, type: w, filterItemType: A, filterIndex: M, filterId: s, ...p, disabled: this.isMoreFiltersTabDisabled(), filterSelected: this.isDropdownFilterSelected(s), size: n, expanded: this.activeExpandedFilterId === s }, r(_, { type: "default" }, f.map(((i, o) => {
-      const S = i?.items ?? [], c = i?.sectionLabel;
-      return r(z, { sectionLabel: c, key: "" + o }, S.map(((h, C) => {
-        const T = h?.isPlaceholderItem ?? !1, I = h?.id && h.id !== "" ? h.id : `${s}_s${o}_i${C}`, k = this.getSelectedFilterPickerData(s);
-        return r($, { key: I, id: I, index: C, title: h?.title, value: h?.value, disabled: h?.disabled, isPlaceholderItem: T, selected: k?.id === I, defaultSelected: h?.defaultSelected, divider: m, onPressDropdownItem: (x) => this.handleDropdownFilterMenuItemClick({ event: x, filterItemType: A, filterType: w, filterIndex: M, filterId: s, filterMenuSectionIndex: o }) });
+    })), this.clearAllFiltersVisible && !m ? s(H, { size: this.filterSize, appearance: this.clearAllFiltersButtonAppearance, leadingIcon: s(L, { name: "cross", size: this.filterSize, slot: "leadingIcon" }), onClick: this.handleClearAllFiltersClick }) : void 0)), m ? s("div", { class: "gids-action-bar__secondary-filters" }, s($, { layout: "wrap" }, l.map(((r, o) => {
+      const b = r?.filterId && r.filterId !== "" ? r.filterId : `${o + 1}_${r?.label}_secondary`;
+      return s("gids-filter", { key: "" + (e.length + o + 1), ...r, filterIndex: o, filterId: b, disabled: r?.disabled || this.disabled, filterDefaultSelected: r?.defaultSelected, type: "none", filterItemType: "secondary", value: r?.label, size: n, filterSelected: this.isNormalFilterSelected(b), onFilterMenuItemChange: this.handleSecondaryFilterClick });
+    })), i ? s("gids-filter", { key: `${d}_${q}`, type: B, filterItemType: y, filterIndex: V, filterId: d, ...p, disabled: this.isMoreFiltersTabDisabled(), filterSelected: _, size: n, expanded: this.activeExpandedFilterId === d }, s(E, { type: "default" }, f.map(((r, o) => {
+      const b = r?.items ?? [], c = r?.sectionLabel;
+      return s(G, { sectionLabel: c, key: "" + o }, b.map(((h, C) => {
+        const x = h?.isPlaceholderItem ?? !1, v = h?.id && h.id !== "" ? h.id : `${d}_s${o}_i${C}`;
+        let I = !1;
+        return _ ? I = this.getSelectedFilterPickerData(d)?.id === v : I = C === 0, s(N, { key: v, id: v, index: C, title: h?.title, value: h?.value, disabled: h?.disabled, isPlaceholderItem: x, selected: I, defaultSelected: h?.defaultSelected, divider: g, onPressDropdownItem: (T) => this.handleDropdownFilterMenuItemClick({ event: T, filterItemType: y, filterType: B, filterIndex: V, filterId: d, filterMenuSectionIndex: o }) });
       })));
-    })))) : void 0, this.clearAllFiltersVisible ? r(E, { size: this.filterSize, appearance: this.clearAllFiltersButtonAppearance, leadingIcon: r(G, { name: "cross", size: this.filterSize, slot: "leadingIcon" }), onClick: this.handleClearAllFiltersClick }) : void 0)) : void 0);
+    })))) : void 0, this.clearAllFiltersVisible ? s(H, { size: this.filterSize, appearance: this.clearAllFiltersButtonAppearance, leadingIcon: s(L, { name: "cross", size: this.filterSize, slot: "leadingIcon" }), onClick: this.handleClearAllFiltersClick }) : void 0)) : void 0);
   }
   static get watchers() {
-    return { filterSize: [{ handleFilterSizeChange: 0 }], dropdownDividerVisible: [{ handleDropdownDividerVisibilityChange: 0 }], primaryFilters: [{ handlePrimaryFiltersChange: 0 }], secondaryFilters: [{ handleSecondaryFiltersChange: 0 }], allFiltersData: [{ handleAllFiltersDataChange: 0 }], moreFiltersData: [{ handleMoreFiltersValueChange: 0 }], disabled: [{ handleDisabilityChange: 0 }], actionGroup: [{ handleActionGroupChange: 0 }], clearAllFiltersButtonAppearance: [{ handleClearAllFiltersButtonAppearanceChange: 0 }] };
+    return { filterSize: [{ handleFilterSizeChange: 0 }], dropdownDividerVisible: [{ handleDropdownDividerVisibilityChange: 0 }], primaryFilters: [{ handlePrimaryFiltersChange: 0 }], secondaryFilters: [{ handleSecondaryFiltersChange: 0 }], allFiltersData: [{ handleAllFiltersDataChange: 0 }], moreFiltersData: [{ handleMoreFiltersValueChange: 0 }], disabled: [{ handleDisabilityChange: 0 }], actionGroup: [{ handleActionGroupChange: 0 }], filterAllIsDefaultSelected: [{ handleFilterAllIsDefaultSelectedChange: 0 }], clearAllFiltersButtonAppearance: [{ handleClearAllFiltersButtonAppearanceChange: 0 }] };
   }
   static get style() {
     return ".gids-action-bar{display:flex;align-items:flex-start;justify-content:space-between;width:100%;gap:var(--gids-gap-600);align-self:stretch}.gids-action-bar__primary-filters{display:flex;align-items:center;justify-content:flex-start;flex:1 0 0}.gids-action-bar__secondary-filters{display:flex;align-items:center;justify-content:flex-end}";
   }
-}, [0, "gids-action-bar", { actionGroup: [4, "action-group"], allFiltersTabVisible: [4, "all-filters-tab-visible"], moreFiltersTabVisible: [4, "more-filters-tab-visible"], clearAllFiltersVisible: [4, "clear-all-filters-visible"], clearAllFiltersButtonAppearance: [1, "clear-all-filters-button-appearance"], primaryFilters: [16], secondaryFilters: [16], allFiltersData: [16], moreFiltersData: [16], filterSize: [1, "filter-size"], dropdownDividerVisible: [4, "dropdown-divider-visible"], disabled: [4], onToggleActionBarAllFilter: [16], onToggleActionBarDropdownFilter: [16], onToggleActionBarMoreFilter: [16], onToggleActionBarNoneFilter: [16], onDropdownSelectionActionBarFilterChange: [16], onMoreSelectionActionBarFilterChange: [16], onClearAllFiltersButton: [16], selectedFilters: [32], activeExpandedFilterId: [32] }, void 0, { filterSize: [{ handleFilterSizeChange: 0 }], dropdownDividerVisible: [{ handleDropdownDividerVisibilityChange: 0 }], primaryFilters: [{ handlePrimaryFiltersChange: 0 }], secondaryFilters: [{ handleSecondaryFiltersChange: 0 }], allFiltersData: [{ handleAllFiltersDataChange: 0 }], moreFiltersData: [{ handleMoreFiltersValueChange: 0 }], disabled: [{ handleDisabilityChange: 0 }], actionGroup: [{ handleActionGroupChange: 0 }], clearAllFiltersButtonAppearance: [{ handleClearAllFiltersButtonAppearanceChange: 0 }] }]);
-function j() {
-  typeof customElements < "u" && ["gids-action-bar", "gids-filter", "gids-toggle-button"].forEach(((e) => {
-    switch (e) {
+}, [0, "gids-action-bar", { actionGroup: [4, "action-group"], allFiltersTabVisible: [4, "all-filters-tab-visible"], moreFiltersTabVisible: [4, "more-filters-tab-visible"], clearAllFiltersVisible: [4, "clear-all-filters-visible"], filterAllIsDefaultSelected: [4, "filter-all-is-default-selected"], clearAllFiltersButtonAppearance: [1, "clear-all-filters-button-appearance"], primaryFilters: [16], secondaryFilters: [16], allFiltersData: [16], moreFiltersData: [16], filterSize: [1, "filter-size"], dropdownDividerVisible: [4, "dropdown-divider-visible"], disabled: [4], onToggleActionBarAllFilter: [16], onToggleActionBarDropdownFilter: [16], onToggleActionBarMoreFilter: [16], onToggleActionBarNoneFilter: [16], onDropdownSelectionActionBarFilterChange: [16], onMoreSelectionActionBarFilterChange: [16], onClearAllFiltersButton: [16], selectedFilters: [32], activeExpandedFilterId: [32], tempFilterAll: [32] }, void 0, { filterSize: [{ handleFilterSizeChange: 0 }], dropdownDividerVisible: [{ handleDropdownDividerVisibilityChange: 0 }], primaryFilters: [{ handlePrimaryFiltersChange: 0 }], secondaryFilters: [{ handleSecondaryFiltersChange: 0 }], allFiltersData: [{ handleAllFiltersDataChange: 0 }], moreFiltersData: [{ handleMoreFiltersValueChange: 0 }], disabled: [{ handleDisabilityChange: 0 }], actionGroup: [{ handleActionGroupChange: 0 }], filterAllIsDefaultSelected: [{ handleFilterAllIsDefaultSelectedChange: 0 }], clearAllFiltersButtonAppearance: [{ handleClearAllFiltersButtonAppearanceChange: 0 }] }]);
+function O() {
+  typeof customElements < "u" && ["gids-action-bar", "gids-filter", "gids-toggle-button"].forEach(((t) => {
+    switch (t) {
       case "gids-action-bar":
-        customElements.get(v(e)) || customElements.define(v(e), N);
+        customElements.get(k(t)) || customElements.define(k(t), j);
         break;
       case "gids-filter":
-        customElements.get(v(e)) || Q();
+        customElements.get(k(t)) || Q();
         break;
       case "gids-toggle-button":
-        customElements.get(v(e)) || R();
+        customElements.get(k(t)) || U();
     }
   }));
 }
-j();
-const se = N, de = j;
+O();
+const ne = j, oe = O;
 export {
-  se as GidsActionBar,
-  de as defineCustomElement
+  ne as GidsActionBar,
+  oe as defineCustomElement
 };

package/dist-bundled/es/gids-activity-gauge.js

@@ -1,6 +1,6 @@
-import { o as t, d as e } from "./p-5VIPb1eU-MCAo8JCp.js";
-const i = t, s = e;
+import { o as t, d as e } from "./p-pSb81aE0-CNrq7SQW.js";
+const s = t, i = e;
 export {
-  i as GidsActivityGauge,
-  s as defineCustomElement
+  s as GidsActivityGauge,
+  i as defineCustomElement
 };

package/dist-bundled/es/gids-bar-chart.js

@@ -1,6 +1,6 @@
-import { d as t, g as e } from "./p-bPPm7cuw-B-dtPJF9.js";
-const o = t, r = e;
+import { d as r, g as t } from "./p-DO0MyFf4-D7XItX1k.js";
+const o = r, s = t;
 export {
   o as GidsBarChart,
-  r as defineCustomElement
+  s as defineCustomElement
 };

package/dist-bundled/es/gids-calendar-header-panel.js

@@ -1,6 +1,6 @@
-import { u as e, g as a } from "./p-DiNad9Px-uOCMHqAq.js";
-const o = e, r = a;
+import { m as e, u as a } from "./p-C3w3wdCt-I6zwuecb.js";
+const m = e, n = a;
 export {
-  o as GidsCalendarHeaderPanel,
-  r as defineCustomElement
+  m as GidsCalendarHeaderPanel,
+  n as defineCustomElement
 };

package/dist-bundled/es/gids-calendar-month-list.js

@@ -1,4 +1,4 @@
-import { l as t, c as e } from "./p-B1Jgtjhu-B_VYp-ZP.js";
+import { c as t, l as e } from "./p-COHuQEfZ-C_POuXNC.js";
 const s = t, n = e;
 export {
   s as GidsCalendarMonthList,

package/dist-bundled/es/gids-calendar-year-list.js

@@ -1,6 +1,6 @@
-import { l as e, u as a } from "./p-C-cUL-aA-2jsvw-Lr.js";
-const t = e, o = a;
+import { l as e, u as s } from "./p-Chqeexny-C4hlPbBP.js";
+const a = e, o = s;
 export {
-  t as GidsCalendarYearList,
+  a as GidsCalendarYearList,
   o as defineCustomElement
 };

package/dist-bundled/es/gids-calendar.js

@@ -1,10 +1,10 @@
 import { L as P, u as D, D as d, q as o } from "./p-Bf3p-DY2-CPqEc-vc.js";
-import { n as S, g as M } from "./p-DiNad9Px-uOCMHqAq.js";
-import { c as N } from "./p-B1Jgtjhu-B_VYp-ZP.js";
-import { u as Y } from "./p-C-cUL-aA-2jsvw-Lr.js";
-import { g as k } from "./p-Jdpe4Sgj-acwaxLtK.js";
-import { a as w } from "./p-Ciw-O9qN-DkWfirFu.js";
-import { d as x } from "./p-8tOn5SjU-D9rZ28cf.js";
+import { n as S, u as M } from "./p-C3w3wdCt-I6zwuecb.js";
+import { l as N } from "./p-COHuQEfZ-C_POuXNC.js";
+import { u as Y } from "./p-Chqeexny-C4hlPbBP.js";
+import { g as k } from "./p-6APCjBEI-roDSyEYu.js";
+import { h as w } from "./p-BSbOhfLZ-ByjjVMqG.js";
+import { d as x } from "./p-C2O_pGky-C_30AJ3m.js";
 import { c as p } from "./clsx-OuTLNxxd.js";
 const _ = ({ disabled: e, selected: t, today: a, cellType: n, dot: r }, l) => p("gids-calendar-cell", {
   "gids-calendar-cell--selected": t && !e && !a,
@@ -107,7 +107,7 @@ const _ = ({ disabled: e, selected: t, today: a, cellType: n, dot: r }, l) => p(
   }
   render() {
     const e = I({ currentYear: this.currentYear, currentMonth: this.currentMonth }), t = W(), a = z({ width: this.width });
-    return d("div", { key: "003d0aa83d81d0c798d047555c05c8685e201c5f", class: a }, d("gids-calendar-header-panel", { key: "723e65be1a59eb101692248a2e9d27c360adb896", appearance: this.panelActionsAppearance, startYear: this.startYear, endYear: this.endYear, monthPickerDisabled: this.monthPickerDisabled, yearPickerDisabled: this.yearPickerDisabled, previousDisabled: this.previousDisabled, nextDisabled: this.nextDisabled, panelDisabled: this.panelDisabled, selectedMonthNumber: this.currentMonth, selectedYear: this.currentYear, onPanelMonthChange: this.handleCHPOnPanelMonthChangeEvent, onPanelYearChange: this.handleCHPOnPanelYearChangeEvent, onNextChange: this.handleCHPOnNextActionEvent, onPreviousChange: this.handleCHPOnPreviousActionEvent }), d("div", { key: "fb254d78210b4204c923dfbe64e0c057f82f21fe", class: "gids-calendar__weekdays-grid" }, t.map(((n) => d(G, { label: n })))), d("div", { key: "35bdf1389a11c99d4a2712f1904bc113b468eb5b", class: "gids-calendar__days-grid" }, e.map(((n) => {
+    return d("div", { key: "0d9882d5c7092deb0946d8166ffee5b147c310a2", class: a }, d("gids-calendar-header-panel", { key: "5660438a77b8654f2930b43db0168def0832fa95", appearance: this.panelActionsAppearance, startYear: this.startYear, endYear: this.endYear, monthPickerDisabled: this.monthPickerDisabled, yearPickerDisabled: this.yearPickerDisabled, previousDisabled: this.previousDisabled, nextDisabled: this.nextDisabled, panelDisabled: this.panelDisabled, selectedMonthNumber: this.currentMonth, selectedYear: this.currentYear, onPanelMonthChange: this.handleCHPOnPanelMonthChangeEvent, onPanelYearChange: this.handleCHPOnPanelYearChangeEvent, onNextChange: this.handleCHPOnNextActionEvent, onPreviousChange: this.handleCHPOnPreviousActionEvent }), d("div", { key: "cdebd2df932049c713392821d17fd1ac9e3b24c9", class: "gids-calendar__weekdays-grid" }, t.map(((n) => d(G, { label: n })))), d("div", { key: "403d260cfe11dfa837ae87e9557c74f2f43a4ab0", class: "gids-calendar__days-grid" }, e.map(((n) => {
       const r = this.selectedDate === n.dateString, l = this.dotVisibleDates?.includes(n.dateString);
       return d(C, { label: n.day + "", today: n.isToday, selected: r, dot: l, cellType: "effective", disabled: !n.isCurrentMonth, onPressCalendarCell: (g) => this.handleDateCellClick({ event: g, dateStr: n.dateString, isCurrentMonth: n.isCurrentMonth }) });
     }))));

package/dist-bundled/es/gids-chart-legend-item.js

@@ -1,4 +1,4 @@
-import { d as e, l as t } from "./p-BYDimyG--DBCLrqDJ.js";
+import { l as e, d as t } from "./p-C3xv7tfs-RodXvmql.js";
 const o = e, s = t;
 export {
   o as GidsChartLegendItem,

package/dist-bundled/es/gids-chart-legend.js

@@ -1,6 +1,6 @@
-import { r as e, d as t } from "./p-qb1aWgjh-CzmMPIME.js";
-const r = e, s = t;
+import { r as e, o as r } from "./p-BCVFQSjK-CKrYrI4b.js";
+const s = e, t = r;
 export {
-  r as GidsChartLegend,
-  s as defineCustomElement
+  s as GidsChartLegend,
+  t as defineCustomElement
 };