@ganpatiinfo/gids-core-web 10.0.0 → 10.1.0

package/dist-bundled/es/{p-h6alWGT8-CSY2g3c8.js → p-DfxTsSdZ-C2Afv1lS.js}

@@ -1,14 +1,14 @@
-import { P as l, _ as f, u, T as t } from "./p-Ct3Ixgvf-CNP_PKwP.js";
-import { r as b } from "./p-Dehss-X0-Di5vMgvd.js";
-import { d as x } from "./p-B_HaXpJZ-a2SDgQ0E.js";
-import { l as z } from "./p-B81J5HCC-Bkt2yXKi.js";
+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 { o as x } from "./p-DoCwI_bx-BXHlZI7-.js";
+import { d as z } from "./p-mZJdpfOo-DicbKil0.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"
 }, g), D = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   getGidsActivityGaugeClassNames: k
-}, Symbol.toStringTag, { value: "Module" })), { getGidsActivityGaugeClassNames: E } = D, L = f(class extends u {
+}, Symbol.toStringTag, { value: "Module" })), { getGidsActivityGaugeClassNames: L } = D, E = f(class extends u {
   constructor(a) {
     super(), a !== !1 && this.__registerHost(), this.breakpoint = "desktop", this.chartData = [], this.label = "", this.size = "xs", this.legend = "none", this.chartLoaderSize = "lg", this.chartLoading = !1, this.width = 0, this.height = 0;
   }
@@ -30,7 +30,7 @@ const k = ({ breakpoint: a }, g) => w("gids-activity-gauge", {
   }
   render() {
     if (this.chartLoading) return t("div", { class: "gids-activity-gauge__no-data" }, t(b, { label: this.chartLoadingTitle, supportingText: this.chartLoadingSupportingText, size: this?.chartLoaderSize ?? "lg" }));
-    const a = this.chartData.map(((i) => i.value || 0)), g = a.length > 0 ? Math.max(...a) : 0, r = Math.max(1e3, g), p = r.toLocaleString(), y = E({ breakpoint: this.breakpoint }), n = [{ radius: 42, strokeWidth: 5.5 }, { radius: 34, strokeWidth: 5.5 }, { radius: 26, strokeWidth: 5.5 }], o = this.size === "xxs", d = typeof this.label == "string" && this.label.trim() !== "", c = this.legend && this.legend === "right" && this.breakpoint !== "mobile", _ = this.legend && (this.legend === "bottom" || this.breakpoint === "mobile");
+    const a = this.chartData.map(((i) => i.value || 0)), g = a.length > 0 ? Math.max(...a) : 0, r = Math.max(1e3, g), p = r.toLocaleString(), y = L({ breakpoint: this.breakpoint }), n = [{ radius: 42, strokeWidth: 5.5 }, { radius: 34, strokeWidth: 5.5 }, { radius: 26, strokeWidth: 5.5 }], o = this.size === "xxs", d = typeof this.label == "string" && this.label.trim() !== "", c = this.legend && this.legend === "right" && this.breakpoint !== "mobile", _ = this.legend && (this.legend === "bottom" || this.breakpoint === "mobile");
     return t("div", { class: y }, t("div", { class: "gids-activity-gauge__main-container" }, t("div", { class: "gids-activity-gauge__chart-stage-container" }, t("div", { class: `gids-activity-gauge__svg-wrapper gids-activity-gauge--size-${this.size}` }, t("svg", { viewBox: "0 0 100 100", class: "gids-activity-gauge__chart-vector" }, this.chartData.slice(0, 3).map(((i, e) => {
       const s = n[e] || n[0] || { radius: 26, strokeWidth: 5.5 }, m = r > 0 ? Math.min(Math.max((i.value || 0) / r, 0), 1) : 0, h = 2 * Math.PI * s.radius, v = `${m * h} ${h}`;
       return t("g", { key: i.label || e }, t("circle", { cx: "50", cy: "50", r: s.radius, "stroke-width": s.strokeWidth, class: "gids-activity-gauge__track-background" }), t("circle", { cx: "50", cy: "50", r: s.radius, "stroke-width": s.strokeWidth, class: `gids-activity-gauge__segment gids-activity-gauge__segment-series-${e + 1}`, "stroke-dasharray": v, "stroke-dashoffset": "0", transform: "rotate(-90 50 50)" }));
@@ -50,7 +50,7 @@ function $() {
   typeof customElements < "u" && ["gids-activity-gauge", "gids-chart-legend", "gids-chart-legend-item"].forEach(((a) => {
     switch (a) {
       case "gids-activity-gauge":
-        customElements.get(l(a)) || customElements.define(l(a), L);
+        customElements.get(l(a)) || customElements.define(l(a), E);
         break;
       case "gids-chart-legend":
         customElements.get(l(a)) || x();
@@ -63,5 +63,5 @@ function $() {
 $();
 export {
   $ as d,
-  L as o
+  E as o
 };

package/dist-bundled/es/{p-CRngHsR7-DL9wz3Z3.js → p-Dg2yoUxw-Cca8ROd_.js}

@@ -1,4 +1,4 @@
-import { T as i } from "./p-Ct3Ixgvf-CNP_PKwP.js";
+import { D as i } from "./p-Bf3p-DY2-CPqEc-vc.js";
 import { c as f } from "./clsx-OuTLNxxd.js";
 const m = ({ disabled: e }, t) => f("gids-label", { "gids-label--disabled": e }, t), _ = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
@@ -16,9 +16,9 @@ const m = ({ disabled: e }, t) => f("gids-label", { "gids-label--disabled": e },
   __proto__: null,
   getIndicatorText: L,
   isSentence: d
-}, Symbol.toStringTag, { value: "Module" })), { getIndicatorText: j } = S, { getGidsLabelClassNames: v } = _, O = ({ disabled: e, fieldRequirement: t, fieldRequirementOptionalText: r, fieldRequirementRequiredText: n, info: o, htmlFor: s, labelId: u, class: g, isLabelSentence: b, ...p }, l) => {
-  const a = j({ children: l, fieldRequirement: t, fieldRequirementOptionalText: r, fieldRequirementRequiredText: n, isLabelSentence: b });
-  return i("div", { class: v({ disabled: e }, g), ...p }, i("label", { htmlFor: s, id: u }, l, a && i("span", { class: "gids-label__field-requirement" }, a)), o);
+}, Symbol.toStringTag, { value: "Module" })), { getIndicatorText: j } = S, { getGidsLabelClassNames: v } = _, O = ({ disabled: e, fieldRequirement: t, fieldRequirementOptionalText: r, fieldRequirementRequiredText: n, info: o, htmlFor: s, labelId: u, class: g, isLabelSentence: p, ...b }, l) => {
+  const a = j({ children: l, fieldRequirement: t, fieldRequirementOptionalText: r, fieldRequirementRequiredText: n, isLabelSentence: p });
+  return i("div", { class: v({ disabled: e }, g), ...b }, i("label", { htmlFor: s, id: u }, l, a && i("span", { class: "gids-label__field-requirement" }, a)), o);
 };
 export {
   O as a

package/dist-bundled/es/p-DmLoB2Dn-D-FSoCvI.js

@@ -0,0 +1,44 @@
+import { q as s, L as l, u as d, z as i, D as t, P as n } from "./p-Bf3p-DY2-CPqEc-vc.js";
+import { o } from "./p-UVmSPzTd-DiTxS9kW.js";
+import { i as c } from "./p-B2zUuNXz-BLBgQDu7.js";
+const a = l(class extends d {
+  constructor(e) {
+    super(), e !== !1 && this.__registerHost(), this.__attachShadow(), this.select = i(this, "select"), this._toggle = this._toggle.bind(this);
+  }
+  handleSelctedChange(e) {
+    this.selected = e;
+  }
+  connectedCallback() {
+    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;
+  }
+  render() {
+    return t(n, { key: "f7fe1215b0945a6d71c23d3644121dd73ff653cf" }, t("style", { key: "78195ef784f5f4df916d0a61e9b988233db31fef" }, `:host {
+                display: ${this.width === "full" ? "block" : "inline-block"}
+                }`), t(o, { key: "c0ae6269f93d930064073e1091cd145e453b7e7f", 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: "1e8fd27fe3a99d3957b0cc4d6334cd297bc8fb21" })));
+  }
+  _onlyHasLeadingIcon() {
+    const e = this._el.childNodes;
+    return e.length === 1 && e[0] instanceof window.Element && e[0].slot === "leadingIcon";
+  }
+  get _el() {
+    return this;
+  }
+  static get watchers() {
+    return { selected: [{ handleSelctedChange: 0 }] };
+  }
+}, [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), a));
+  }));
+}
+h();
+export {
+  a as l,
+  h as o
+};

package/dist-bundled/es/{p-B_HaXpJZ-a2SDgQ0E.js → p-DoCwI_bx-BXHlZI7-.js}

@@ -1,4 +1,4 @@
-import { P as t, _ as a, u as r, T as n } from "./p-Ct3Ixgvf-CNP_PKwP.js";
+import { q as t, L as a, u as r, D as n } from "./p-Bf3p-DY2-CPqEc-vc.js";
 import { c as s } from "./clsx-OuTLNxxd.js";
 const o = ({ orientation: e }, i) => s("gids-chart-legend", {
   // 'gids-chart-legend--orientation-horizontal':
@@ -7,7 +7,7 @@ const o = ({ orientation: e }, i) => s("gids-chart-legend", {
 }, i), d = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   getGidsChartLegendClassNames: o
-}, Symbol.toStringTag, { value: "Module" })), { getGidsChartLegendClassNames: c } = d, l = a(class extends r {
+}, Symbol.toStringTag, { value: "Module" })), { getGidsChartLegendClassNames: l } = d, c = a(class extends r {
   constructor(e) {
     super(), e !== !1 && this.__registerHost(), this.orientation = "horizontal";
   }
@@ -15,8 +15,8 @@ const o = ({ orientation: e }, i) => s("gids-chart-legend", {
     this.orientation = e;
   }
   render() {
-    const e = c({ orientation: this.orientation });
-    return n("div", { key: "cf7740304d4b3616d7bc15d2a2009c537665bbc7", class: e }, n("slot", { key: "940d3744a6ea0da0684ff2d16c9734e8d265b485" }));
+    const e = l({ orientation: this.orientation });
+    return n("div", { key: "91b00cc799a723fe520513e41dc67df2b19c871e", class: e }, n("slot", { key: "83968874a18a0fb86706516b4083d6582a3341fb" }));
   }
   static get watchers() {
     return { orientation: [{ handleOrientationChange: 0 }] };
@@ -27,11 +27,11 @@ const o = ({ orientation: e }, i) => s("gids-chart-legend", {
 }, [260, "gids-chart-legend", { orientation: [1] }, void 0, { orientation: [{ handleOrientationChange: 0 }] }]);
 function g() {
   typeof customElements < "u" && ["gids-chart-legend"].forEach(((e) => {
-    e === "gids-chart-legend" && (customElements.get(t(e)) || customElements.define(t(e), l));
+    e === "gids-chart-legend" && (customElements.get(t(e)) || customElements.define(t(e), c));
   }));
 }
 g();
 export {
-  g as d,
-  l as r
+  g as o,
+  c as r
 };

package/dist-bundled/es/p-H1JIMJ2t-DEXp7M4I.js

@@ -0,0 +1,152 @@
+import { q as h, L as g, u as m, D as o } from "./p-Bf3p-DY2-CPqEc-vc.js";
+import { d as u } from "./p-D4Pimu_8-DfEGRQGf.js";
+import { o as p } from "./p-DmLoB2Dn-D-FSoCvI.js";
+import { c as v } from "./clsx-OuTLNxxd.js";
+const I = ({ expanded: e }, i) => v("gids-filter", {
+  "gids-filter--expanded": e
+}, i), y = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsFilterClassNames: I
+}, Symbol.toStringTag, { value: "Module" })), { getGidsFilterClassNames: x } = y, E = g(class extends m {
+  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.handleFilterPickerItemSelect = (i) => {
+      const { value: s, title: t, disabled: l, id: n, selectedIndex: a, isPlaceholderItem: r, defaultSelected: d } = i.detail;
+      l || typeof s != "string" || (this.suppressNextMenuClickSelection = !0, queueMicrotask((() => {
+        this.suppressNextMenuClickSelection = !1;
+      })), this.applySelection({ id: n, filterId: this?.filterId, value: s, title: t, disabled: !1, selectedFilterMenuIndex: a, defaultSelected: d, filterType: this.type, filterItemType: this.filterItemType, filterTitle: t, filterIndex: this.filterIndex, hasFilterMenu: !0, originalEvent: i, filterSelected: !r, isPlaceholderItem: r || !1 }));
+    }, this.handleMenuClick = (i) => {
+      if (this.suppressNextMenuClickSelection) return;
+      const s = i.target;
+      if (!(s instanceof Element)) return;
+      const t = s.closest(".gids-dropdown-item");
+      if (!t || !this.hostElement.contains(t) || t.hasAttribute("disabled") || t.getAttribute("aria-disabled") === "true") return;
+      const l = t instanceof HTMLButtonElement ? t.value : t.getAttribute("value") ?? "";
+      if (typeof l != "string" || l.length === 0) return;
+      const n = t instanceof HTMLButtonElement ? t.id : t.getAttribute("id") ?? "";
+      if (typeof n != "string" || n.length === 0) return;
+      const a = t instanceof HTMLButtonElement ? t.tabIndex : t.getAttribute("tabIndex") ?? "", r = t.getAttribute("is-placeholder-item") ?? "", d = t.querySelector(".gids-dropdown-item__label") || t.querySelector("span"), c = d ? d.textContent?.trim() : t.firstChild?.textContent?.trim() || l, f = !(!r || r !== "true");
+      this.applySelection({ id: n, filterId: this.filterId, value: l, title: c, disabled: !1, selectedFilterMenuIndex: Number(a), defaultSelected: this.filterDefaultSelected, filterType: this.type, filterItemType: this.filterItemType, filterTitle: c, filterIndex: this.filterIndex, hasFilterMenu: !0, originalEvent: i, filterSelected: !f, isPlaceholderItem: f });
+    }, this.handleTriggerToggle = (i) => {
+      this.isInteractive() && this.setExpandedState(!this.expanded, i);
+    }, this.handleFilterButtonClickToggle = (i) => {
+      if (!i.defaultPrevented) if (i.stopPropagation(), this.isMenuToggler()) this.handleTriggerToggle(i);
+      else {
+        this.filterSelected = i.detail, i?.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: i, filterSelected: i.detail, hasFilterMenu: !1, isPlaceholderItem: !1 });
+        const s = { expanded: !1, originalEvent: i };
+        this.onToggle?.(s);
+      }
+    }, 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 i = this.hostElement.querySelector(".gids-filter__menu");
+      if (!i) return;
+      const s = window.innerWidth / 2, t = this.hostElement.getBoundingClientRect();
+      t.left + t.width / 2 > s ? i.classList.add("gids-filter__menu--align-right") : i.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;
+  }
+  handleFilterSelectedChange(e) {
+    this.filterSelected = e;
+  }
+  connectedCallback() {
+    this.attachItemListener(), this.attachFormListener();
+  }
+  componentDidLoad() {
+    this.initialValue = this.value, this.evaluateSlottedMenuExistence();
+  }
+  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 i = Array.from(e.childNodes).filter(((s) => s.nodeType !== Node.COMMENT_NODE && !(s.nodeType === Node.TEXT_NODE && !s.textContent?.trim())));
+    this.hasSlottedMenu = i.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, i) {
+    const s = !!e;
+    if (this.setFilterDropdownPosition(), s && !this.isInteractive() || this.expanded === s) return;
+    this.expanded = s, s || (this.clearActive(), this.syncFilterDisplayValue());
+    const t = { expanded: s, originalEvent: i };
+    this.onToggle?.(t);
+  }
+  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(), i = x({ expanded: e }), s = this.isMenuToggler(), t = typeof this.filterPickerId == "string" ? this.filterPickerId : void 0, l = t ? `${t}__menu` : void 0, n = this.selectedItemTitle ?? this.value ?? "", a = this.type === "more", r = this.type === "all", d = this.type === "none";
+    return o("div", { key: "278b8b3901a5c836c7e078aeafb2c6338726d76a", class: i, "aria-control": l ?? "" }, o("gids-toggle-button", { key: "b35f6770a815537932f617318e31df74a8031b3c", id: t, name: this.name, expanded: e, value: n, disabled: this.disabled, size: this.size, loading: this.loading, tabIndex: this.filterIndex, defaultSelected: this.filterDefaultSelected, selected: this.filterSelected || this.filterDefaultSelected, onSelect: this.handleFilterButtonClickToggle }, a || r ? o(u, { name: a ? "options" : "filter", size: this.size, appearance: "regular", alt: "", slot: "leadingIcon" }) : void 0, d || r ? n : void 0, s && !a ? o(u, { name: "chevron-down", size: this.size, appearance: "regular", alt: "", slot: "trailingIcon" }) : void 0), o("div", { key: "d6b40dcae48bfb4b4f6654e2126c707afd2b0801", class: "gids-filter__menu", id: l, role: "pickerbox", onClick: this.handleMenuClick }, o("slot", { key: "32c88f98018ebad487c6acdd02cf5c1e0cc00050", onSlotchange: () => this.evaluateSlottedMenuExistence() })));
+  }
+  get hostElement() {
+    return this;
+  }
+  static get watchers() {
+    return { expanded: [{ handleExpandedChange: 0 }], disabled: [{ handleInteractivityChange: 0 }], type: [{ handleFilterTypeChange: 0 }], filterSelected: [{ handleFilterSelectedChange: 0 }] };
+  }
+  static get style() {
+    return ".gids-filter{position:relative}.gids-filter__menu{position:absolute;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}";
+  }
+}, [260, "gids-filter", { name: [1], filterId: [1, "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 }], filterSelected: [{ handleFilterSelectedChange: 0 }] }]);
+function S() {
+  typeof customElements < "u" && ["gids-filter", "gids-toggle-button"].forEach(((e) => {
+    switch (e) {
+      case "gids-filter":
+        customElements.get(h(e)) || customElements.define(h(e), E);
+        break;
+      case "gids-toggle-button":
+        customElements.get(h(e)) || p();
+    }
+  }));
+}
+S();
+export {
+  S as a,
+  E as h
+};

package/dist-bundled/es/{p-BFHWXEeg-ByjSjz8i.js → p-JjN8U9B5-GeWjfJBY.js}

@@ -1,29 +1,31 @@
-import { P as d, _ as r, u as l, T as s } from "./p-Ct3Ixgvf-CNP_PKwP.js";
-import { o as h } from "./p-KxRqlvSh-JOFDmT0B.js";
-import { d as c } from "./p-BnL97lOW-BO0p4EdC.js";
-import { c as p } from "./clsx-OuTLNxxd.js";
-const u = ({ expanded: e }, t) => p("gids-dropdown-picker", {
+import { q as r, L as l, u as h, D as n } from "./p-Bf3p-DY2-CPqEc-vc.js";
+import { o as c } from "./p-UVmSPzTd-DiTxS9kW.js";
+import { d as p } from "./p-D4Pimu_8-DfEGRQGf.js";
+import { c as u } from "./clsx-OuTLNxxd.js";
+const m = ({ expanded: e }, t) => u("gids-dropdown-picker", {
   "gids-dropdown-picker--expanded": e
-}, t), m = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, t), g = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  getGidsDropdownPickerClassNames: u
-}, Symbol.toStringTag, { value: "Module" })), { getGidsDropdownPickerClassNames: g } = m, f = r(class extends l {
+  getGidsDropdownPickerClassNames: m
+}, 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) => {
-      const { value: i, title: n, disabled: o, id: a } = t.detail;
+      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: n, disabled: !1, originalEvent: t }));
+      })), this.applySelection({ id: a, value: i, title: s, disabled: !1, originalEvent: t, isPlaceholderItem: d }));
     }, 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 o = n instanceof HTMLButtonElement ? n.value : n.getAttribute("value") ?? "";
+      const s = i.closest(".gids-dropdown-item");
+      if (!s || !this.hostElement.contains(s) || s.hasAttribute("disabled") || s.getAttribute("aria-disabled") === "true") return;
+      const o = s instanceof HTMLButtonElement ? s.value : s.getAttribute("value") ?? "";
       if (typeof o != "string" || o.length === 0) return;
-      const a = n instanceof HTMLButtonElement ? n.id : n.getAttribute("id") ?? "";
-      typeof a == "string" && a.length !== 0 && this.applySelection({ id: a, value: o, title: n.textContent?.trim() ?? "", disabled: !1, originalEvent: t });
+      const a = s instanceof HTMLButtonElement ? s.id : s.getAttribute("id") ?? "";
+      if (typeof a != "string" || a.length === 0) return;
+      const d = s.getAttribute("is-placeholder-item") ?? "";
+      this.applySelection({ id: a, value: o, title: s.textContent?.trim() ?? "", disabled: !1, originalEvent: t, isPlaceholderItem: !(!d || d !== "true") });
     }, this.handleTriggerToggle = (t) => {
       this.isInteractive() && this.setExpandedState(!this.expanded, t);
     }, this.handleDropdownButtonClickToggle = (t) => {
@@ -108,8 +110,8 @@ const u = ({ expanded: e }, t) => p("gids-dropdown-picker", {
     if (typeof Event < "u" && e !== null) return e instanceof Event ? e : void 0;
   }
   render() {
-    const e = this.expanded && this.isInteractive(), t = g({ expanded: e }), i = typeof this.idPicker == "string" ? this.idPicker : void 0, n = i ? `${i}__menu` : void 0;
-    return s("div", { key: "60aba19be894123a4fb11cf8d682c89c1e1dfc9c", class: t, onClick: this.handleOutSpaceClickOfDropdownButtonToggle }, s(h, { key: "6e691f9fee63c676d7a66d42024a4688730f9503", role: "pickerbox", "aria-expanded": e ? "true" : "false", "aria-haspopup": "pickerlistbox", "aria-controls": n ?? "", onClick: this.handleDropdownButtonClickToggle, disabled: this.disabled, value: this.selectedItemTitle ?? this.value ?? "", loading: this.loading, appearance: this.appearance, size: this.size }, this.hasLeadingIcon ? s("slot", { name: "leadingIconDropdownPicker", slot: "leadingIcon" }) : s(c, { name: "chevron-down", size: this.size, appearance: "regular", alt: "", slot: "leadingIcon" })), s("div", { key: "b44514baae627324d71f1114c3ba18bc6b946b01", class: "gids-dropdown-picker__menu", id: n, role: "pickerbox", onClick: this.handleMenuClick }, s("slot", { key: "1e3b9e592646a1bda41d2cf5bfc8556908c0499f" })));
+    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: "fd8821be1aecb1e5ba7f725d9ebec0f6222a16cd", class: t, onClick: this.handleOutSpaceClickOfDropdownButtonToggle }, n(c, { key: "63016b4e74dfeaa3f9c29139f69a2d46ca97ae76", 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: "4f463a8f04de48e3b8b6ceeab69c90cbc8ba7631", class: "gids-dropdown-picker__menu", id: s, role: "pickerbox", onClick: this.handleMenuClick }, n("slot", { key: "1fab2b1bd8cd2bcd0fd7031712d0585635620be1" })));
   }
   get hostElement() {
     return this;
@@ -121,13 +123,13 @@ const u = ({ expanded: e }, t) => p("gids-dropdown-picker", {
     return ".gids-dropdown-picker{position:relative}.gids-dropdown-picker__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)}.gids-dropdown-picker__menu>*{flex-shrink:0}.gids-dropdown-picker--expanded .gids-dropdown-picker__menu{display:flex}";
   }
 }, [260, "gids-dropdown-picker", { appearance: [1], size: [1], idPicker: [1, "id-picker"], expanded: [1540], disabled: [516], loading: [516], value: [513], name: [1], onSelectionChange: [16], selectedItemTitle: [32], hasLeadingIcon: [32] }, void 0, { expanded: [{ handleExpandedChange: 0 }], disabled: [{ handleInteractivityChange: 0 }] }]);
-function v() {
+function E() {
   typeof customElements < "u" && ["gids-dropdown-picker"].forEach(((e) => {
-    e === "gids-dropdown-picker" && (customElements.get(d(e)) || customElements.define(d(e), f));
+    e === "gids-dropdown-picker" && (customElements.get(r(e)) || customElements.define(r(e), v));
   }));
 }
-v();
+E();
 export {
-  f as h,
+  E as h,
   v as r
 };

package/dist-bundled/es/{p-KxRqlvSh-JOFDmT0B.js → p-UVmSPzTd-DiTxS9kW.js}

@@ -1,7 +1,7 @@
-import { T as a } from "./p-Ct3Ixgvf-CNP_PKwP.js";
-import { l as h } from "./p-DKsrt7dx-ImYLc4xz.js";
-import { c as _ } from "./clsx-OuTLNxxd.js";
-const v = ({ appearance: t, size: n, width: d, destructive: s, positive: o, loading: l }, i, e) => _("gids-button", {
+import { D as a } from "./p-Bf3p-DY2-CPqEc-vc.js";
+import { l as h } from "./p-CHGTBObD-EN4cCwtX.js";
+import { c as v } from "./clsx-OuTLNxxd.js";
+const _ = ({ appearance: t, size: n, width: d, destructive: s, positive: o, loading: l }, i, e) => v("gids-button", {
   "gids-button--primary": t === "primary",
   "gids-button--subtle": t === "subtle",
   "gids-button--xs": n === "xs",
@@ -15,11 +15,11 @@ const v = ({ appearance: t, size: n, width: d, destructive: s, positive: o, load
   "gids-button--loading": l
 }, e), x = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  getGidsButtonClassNames: v
-}, Symbol.toStringTag, { value: "Module" })), b = (t) => t !== void 0 && (!Array.isArray(t) || t.length > 0), { getGidsButtonClassNames: I } = x, z = ({ appearance: t, size: n, destructive: d, positive: s, loading: o, width: l, leadingIcon: i, trailingIcon: e, as: c, disabled: p, class: m, forceIconOnly: y = !1, ...u }, g) => {
+  getGidsButtonClassNames: _
+}, Symbol.toStringTag, { value: "Module" })), b = (t) => t !== void 0 && (!Array.isArray(t) || t.length > 0), { getGidsButtonClassNames: w } = x, j = ({ appearance: t, size: n, destructive: d, positive: s, loading: o, width: l, leadingIcon: i, trailingIcon: e, as: c, disabled: p, class: m, forceIconOnly: y = !1, ...u }, g) => {
   const r = c || "button", f = n === "lg" || n === void 0 ? "md" : n;
-  return r !== "button" || "type" in u || (u.type = "button"), a(r, { class: I({ appearance: t, size: n, destructive: d, loading: o, width: l, positive: s }, y || g.length === 0 && b(i) && !b(e), m), disabled: r === "button" ? p : void 0, ...u }, a("span", { class: "gids-button__content" }, i, g), o && a(h, { size: f, indeterminate: !0 }), e);
+  return r !== "button" || "type" in u || (u.type = "button"), a(r, { class: w({ appearance: t, size: n, destructive: d, loading: o, width: l, positive: s }, y || g.length === 0 && b(i) && !b(e), m), disabled: r === "button" ? p : void 0, ...u }, a("span", { class: "gids-button__content" }, i, g), o && a(h, { size: f, indeterminate: !0 }), e);
 };
 export {
-  z as o
+  j as o
 };

package/dist-bundled/es/{p-DZWWuJac-DNQvnHAr.js → p-UxDcM-C5-Dr5d_WpJ.js}

@@ -1,5 +1,5 @@
-import { T as t } from "./p-Ct3Ixgvf-CNP_PKwP.js";
-import { d } from "./p-BnL97lOW-BO0p4EdC.js";
+import { D as t } from "./p-Bf3p-DY2-CPqEc-vc.js";
+import { d } from "./p-D4Pimu_8-DfEGRQGf.js";
 import { c as m } from "./clsx-OuTLNxxd.js";
 const n = ({ appearance: e, size: s }, i) => m("gids-dismiss-button", {
   "gids-dismiss-button--sm": s === "sm",

package/dist-bundled/es/{p-Bmb-HiXg-MyHWdhpw.js → p-V48JyMbP-Bx-0od-Z.js}

@@ -1,7 +1,7 @@
-import { P as o, _ as r, u as c, T as d } from "./p-Ct3Ixgvf-CNP_PKwP.js";
-import { u as h, f as m, B as u } from "./p-MgTlrSP_-DifRVv94.js";
-import { c as f } from "./clsx-OuTLNxxd.js";
-const p = (t) => f("gids-calendar-month-list", t), I = () => {
+import { q as o, L as r, u as h, D as d } from "./p-Bf3p-DY2-CPqEc-vc.js";
+import { m as c, 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 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,9 +14,9 @@ const p = (t) => f("gids-calendar-month-list", t), I = () => {
   return t;
 }, b = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  getGidsCalendarMonthListClassNames: p,
+  getGidsCalendarMonthListClassNames: f,
   getGidsCalendarMonthListMonths: I
-}, Symbol.toStringTag, { value: "Module" })), { getGidsCalendarMonthListClassNames: g, getGidsCalendarMonthListMonths: M } = b, C = r(class extends c {
+}, Symbol.toStringTag, { value: "Module" })), { getGidsCalendarMonthListClassNames: g, getGidsCalendarMonthListMonths: M } = b, x = r(class extends h {
   constructor(t) {
     super(), t !== !1 && this.__registerHost(), this.type = "default", this.disabledIndices = [], this.divider = !1, this.hasItemListener = !1, this.suppressNextMenuClickSelection = !1, this.handleCalendarMenuItemSelect = (s) => {
       const { title: e, value: n, selectedIndex: i, disabled: l, id: a } = s.detail;
@@ -59,22 +59,22 @@ const p = (t) => f("gids-calendar-month-list", t), I = () => {
   }
   render() {
     const t = g();
-    return d("div", { key: "a3d78c655f5f3d2fa1c26a06f78d96c6964a8f2b", class: t }, d(h, { key: "ee53fe9e5f94249400d4339c5baf0dcebb87218e", type: this.type, supportingText: this.noOptionsText }, d(m, { key: "50059fdc97b6e206ffd3389470d6fd2f25747cbd", sectionLabel: "Months" }, this.monthsList().map(((s, e) => {
+    return d("div", { key: "a4c3d291302079299a702892a7feb47fecdc0ab3", class: t }, d(c, { key: "57a34a46ff0d264d11faf29a1c852385d20f4303", type: this.type, supportingText: this.noOptionsText }, d(m, { key: "f6bed17740192c11aabd7de928396147e8da7dfd", 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 });
+      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 });
     })))));
   }
   get hostElement() {
     return this;
   }
 }, [0, "gids-calendar-month-list", { type: [1], noOptionsText: [1, "no-options-text"], disabledIndices: [16], divider: [4], selectedMonthNumber: [2, "selected-month-number"], onSelectionMonthChange: [16] }]);
-function v() {
+function C() {
   typeof customElements < "u" && ["gids-calendar-month-list"].forEach(((t) => {
-    t === "gids-calendar-month-list" && (customElements.get(o(t)) || customElements.define(o(t), C));
+    t === "gids-calendar-month-list" && (customElements.get(o(t)) || customElements.define(o(t), x));
   }));
 }
-v();
+C();
 export {
   C as c,
-  v as l
+  x as l
 };

package/dist-bundled/es/{p-B81J5HCC-Bkt2yXKi.js → p-mZJdpfOo-DicbKil0.js}

@@ -1,7 +1,7 @@
-import { P as i, _ as s, u as n, T as t } from "./p-Ct3Ixgvf-CNP_PKwP.js";
-import { d } from "./p-BnL97lOW-BO0p4EdC.js";
-import { c as l } from "./clsx-OuTLNxxd.js";
-const o = ({ seriesType: e, orientation: a }, r) => l("gids-chart-legend-item", {
+import { q as i, L as s, u as n, D as t } from "./p-Bf3p-DY2-CPqEc-vc.js";
+import { d as l } from "./p-D4Pimu_8-DfEGRQGf.js";
+import { c as d } from "./clsx-OuTLNxxd.js";
+const o = ({ seriesType: e, orientation: a }, r) => d("gids-chart-legend-item", {
   // 'gids-chart-legend-item--series-1': seriesType === '1', // by default
   "gids-chart-legend-item--series-2": e === "2",
   "gids-chart-legend-item--series-3": e === "3",
@@ -26,7 +26,7 @@ const o = ({ seriesType: e, orientation: a }, r) => l("gids-chart-legend-item",
   }
   render() {
     const e = c({ seriesType: this.seriesType, orientation: this.orientation });
-    return t("div", { key: "8878b090e147405a847be15581708ec707a806b1", class: e }, t("div", { key: "8ac35d56d1e31cbc613490bec5e5d5a698c5aa7c", class: this.orientation === "vertical" ? "gids-chart-legend-item__dot-wrapper-vertical" : "gids-chart-legend-item__dot-wrapper-horizontal" }, t(d, { key: "2edad86b9fd18809923775308e580f39688a7f47", name: "new", alt: "new_icon", appearance: "filled" })), t("span", { key: "db1611c5d945b5e470623d0ac1c93a3bfd24f1e7", class: "gids-chart-legend-item__label" }, t("slot", { key: "e3ad93df0b136e4f80a214131caf77c01dac9049" })));
+    return t("div", { key: "a168968003ccd7216f5c69beac50898a1f176dc7", class: e }, t("div", { key: "995b46947af3677386a2c67a7b7fa469483a8745", class: this.orientation === "vertical" ? "gids-chart-legend-item__dot-wrapper-vertical" : "gids-chart-legend-item__dot-wrapper-horizontal" }, t(l, { key: "6b8b0a267e30a77f8c6d4ae18db2f4dfcf4041e7", name: "new", alt: "new_icon", appearance: "filled" })), t("span", { key: "c9e38851fd89a20e06e111fe2ca4faf3211f03fa", class: "gids-chart-legend-item__label" }, t("slot", { key: "aa30a8f07ef92ff658f76fe1dce2d10dbfb636c1" })));
   }
   static get watchers() {
     return { orientation: [{ handleOrientationChange: 0 }], seriesType: [{ handleSeriesTypeChange: 0 }] };
@@ -42,6 +42,6 @@ function m() {
 }
 m();
 export {
-  h as d,
-  m as l
+  m as d,
+  h as l
 };