@ganpatiinfo/gids-core-web 14.0.0 → 15.0.0

package/dist-bundled/es/gids-transfer-list.js

@@ -0,0 +1,196 @@
+import { L as b, u as _, D as a, P as x, q as p } from "./p-Bf3p-DY2-CPqEc-vc.js";
+import { p as T } from "./p-DMNS1d8v-BX8e_AsY.js";
+import { v as L, b as C, _ as H } from "./p-Iqbf3Pja-DuajY4uD.js";
+import { d as m } from "./p-D4Pimu_8-ARSuGBs4.js";
+import { o } from "./p-UVmSPzTd-CR1higgJ.js";
+import { c as f } from "./clsx-OuTLNxxd.js";
+const k = (t) => f("gids-checkbox-control", t), A = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsCheckboxControlClassNames: k
+}, Symbol.toStringTag, { value: "Module" })), M = ({ type: t }, e) => f("gids-menu-group", {
+  "gids-menu-group--default": t === "default",
+  // by default so no need to have this class
+  "gids-menu-group--no-options": t === "no-options",
+  "gids-menu-group--loading": t === "loading"
+}, e), R = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsMenuGroupClassNames: M
+}, Symbol.toStringTag, { value: "Module" })), w = (t) => f("gids-menu", t), z = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsMenuClassNames: w
+}, Symbol.toStringTag, { value: "Module" })), O = (t) => f("gids-transfer-list", t), D = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsTransferListClassNames: O
+}, Symbol.toStringTag, { value: "Module" })), { getGidsMenuGroupClassNames: G } = R, I = ({ type: t = "no-options", supportingText: e = "No options", class: s, ...n }, l) => a("div", { class: G({ type: t }, s), ...n }, t === "loading" ? a(T, { indeterminate: !0, size: "md" }) : null, t === "no-options" ? a("span", null, e) : null, t === "default" && l != null ? l : null), { getGidsMenuClassNames: V } = z, S = ({ heading: t, supportingText: e, level: s, supportingTextTypography: n, isHeaderDividerVisible: l = !1, class: i, ...r }, h) => a("div", { class: V(i), ...r }, t != null && t !== "" || e != null && e !== "" ? a(H, { heading: t, supportingText: e, level: s, supportingTextTypography: n ?? "eyebrow-medium" }) : null, l ? a("div", { class: "gids-menu__header-divider" }, a(C, { orientation: "horizontal" })) : void 0, h != null ? a("div", { class: "gids-menu__children" }, h) : null), { getGidsCheckboxControlClassNames: j } = A, c = ({ checked: t, defaultChecked: e, disabled: s, indeterminate: n, inputId: l, name: i, value: r, required: h, onChange: d, class: g, ...y }) => a("span", { class: j(g), ...y }, a("input", { class: "gids-checkbox-control__input", type: "checkbox", disabled: s, checked: t, defaultChecked: e, required: h, indeterminate: n, value: r, id: l, name: i, onChange: d }), a(m, { class: "gids-checkbox-control__check", name: "checkmark", alt: "", size: "sm" }), a(m, { class: "gids-checkbox-control__minus", name: "minus", alt: "", size: "sm" })), { getGidsTransferListClassNames: P } = D, u = b(class extends _ {
+  constructor(t) {
+    super(), t !== !1 && this.__registerHost(), this.leftListHeading = "Choices", this.rightListHeading = "Choosen", this.moveAllVisible = !1, this.transferListType = "basic", this.leftListItems = [], this.rightListItems = [], this.listsMaxHeight = "200px", this.leftListItemsState = [], this.rightListItemsState = [], this.tempLeftListItemsState = [], this.tempRightListItemsState = [];
+  }
+  handleListsMaxHeightChange(t) {
+    this.listsMaxHeight = t;
+  }
+  handleLeftListHeadingChange(t) {
+    this.leftListHeading = t;
+  }
+  handleRightListHeadingChange(t) {
+    this.rightListHeading = t;
+  }
+  handleMoveAllVisibilityChange(t) {
+    this.moveAllVisible = t;
+  }
+  handleTransferListTypeChange(t) {
+    this.transferListType = t;
+  }
+  handleLeftListItemsChange(t) {
+    this.leftListItems = t, this.setListItemsStates();
+  }
+  handleRightListItemsChange(t) {
+    this.rightListItems = t, this.setListItemsStates();
+  }
+  componentDidLoad() {
+    this.setListItemsStates();
+  }
+  setListItemsStates() {
+    this.leftListItemsState = this.leftListItems, this.rightListItemsState = this.rightListItems;
+  }
+  getListHeading(t) {
+    return t === "left" ? this.leftListHeading : this.rightListHeading;
+  }
+  getListSupportingText(t) {
+    let e = this?.tempLeftListItemsState ?? [], s = this?.leftListItemsState ?? [];
+    return t === "right" && (e = this?.tempRightListItemsState ?? [], s = this?.rightListItemsState ?? []), `${e.length} of ${s.length} selected`;
+  }
+  isAllItemsSelectedInList({ listSide: t }) {
+    const e = this.getStateListsItemsArr(t), s = this.getTempListsItemsArr(t);
+    return e.length > 0 && e.length === s.length;
+  }
+  isAtleastOneItemSelectedInList({ listSide: t }) {
+    const e = this.getStateListsItemsArr(t), s = this.getTempListsItemsArr(t);
+    return s.length > 0 && s.length < e.length;
+  }
+  renderListHeading(t) {
+    if ((this?.transferListType ?? "basic") !== "basic") {
+      const e = this.isAllItemsSelectedInList({ listSide: t }), s = this.isAtleastOneItemSelectedInList({ listSide: t });
+      return a("div", { class: "gids-transfer-list__menu-heading-container" }, a(c, { checked: e || s, onChange: (n) => this.selectUnselectAllItems({ event: n, listSide: t }), indeterminate: s }), a("div", { class: "gids-transfer-list__menu-heading-text-content-container" }, a("span", { class: "gids-transfer-list__heading-text" }, this.getListHeading(t)), a("span", { class: "gids-transfer-list__heading-support-text" }, this.getListSupportingText(t))));
+    }
+  }
+  listItemSelection({ event: t, pressedIndex: e, listSide: s }) {
+    this.selectUnselectListItem({ event: t, pressedIndex: e, listSide: s });
+  }
+  onPressingListItem({ event: t, pressedIndex: e, listSide: s }) {
+    this.listItemSelection({ event: t, pressedIndex: e, listSide: s });
+  }
+  selectUnselectListItem({ event: t, pressedIndex: e, listSide: s }) {
+    const n = this.getStateListsItemsArr(s)[e];
+    let l = !1;
+    if (s === "left" && n) {
+      const i = this?.tempLeftListItemsState ?? [], r = i.findIndex(((h) => h?.id === n?.id));
+      r != null && r !== -1 ? (i.splice(r, 1), l = !1) : (i.push(n), l = !0), this.tempLeftListItemsState = i, this.leftListItemsState = this?.leftListItemsState ? [...this.leftListItemsState] : [];
+    } else if (s === "right" && n) {
+      const i = this?.tempRightListItemsState ?? [], r = i.findIndex(((h) => h?.id === n?.id));
+      r != null && r !== -1 ? (i.splice(r, 1), l = !1) : (i.push(n), l = !0), this.tempRightListItemsState = i, this.rightListItemsState = this?.rightListItemsState ? [...this.rightListItemsState] : [];
+    }
+    this.callOnTransferListSelectFunc({ event: t, isSelected: l, listSide: s, selectedIndexes: [e], selectionType: "single" });
+  }
+  isItemSelected({ id: t, listSide: e }) {
+    const s = this.getTempListsItemsArr(e);
+    return s.length > 0 && !!s.find(((n) => n?.id === t));
+  }
+  getStateListsItemsArr(t) {
+    let e = this?.leftListItemsState ?? [];
+    return t === "right" && (e = this?.rightListItemsState ?? []), e;
+  }
+  getTempListsItemsArr(t) {
+    let e = this?.tempLeftListItemsState ?? [];
+    return t === "right" && (e = this?.tempRightListItemsState ?? []), e;
+  }
+  selectUnselectAllItems({ event: t, listSide: e }) {
+    const s = this.getStateListsItemsArr(e), n = this.isAllItemsSelectedInList({ listSide: e }), l = this.isAtleastOneItemSelectedInList({ listSide: e });
+    e === "left" ? this.tempLeftListItemsState = n || l ? [] : [...s] : this.tempRightListItemsState = n || l ? [] : [...s];
+    const i = [];
+    n || l || s.map(((r, h) => {
+      i.push(h);
+    })), this.callOnTransferListSelectFunc({ event: t, isSelected: !n && !l, listSide: e, selectedIndexes: i, selectionType: "all" });
+  }
+  callOnTransferListSelectFunc({ event: t, isSelected: e, listSide: s, selectedIndexes: n, selectionType: l }) {
+    this.onTransferListSelect && this.onTransferListSelect({ originalEvent: t, originalLeftListItems: this?.leftListItems ?? [], originalRightListItems: this?.rightListItems ?? [], currentLeftListItems: this?.leftListItemsState ?? [], currentRightListItems: this?.rightListItemsState ?? [], leftListSelectedItems: this?.tempLeftListItemsState ?? [], rightListSelectedItems: this?.tempRightListItemsState ?? [], selectedIndexes: n, selectionType: l, listSide: s, isSelected: e });
+  }
+  movementButtonDisabled({ listSide: t, movementType: e }) {
+    if (t === "left") {
+      const s = this?.leftListItemsState && this.leftListItemsState.length > 0 ? this.leftListItemsState.length : 0;
+      if (e === "move-single") return !(s > 0 && (this?.tempLeftListItemsState && this.tempLeftListItemsState.length > 0 ? this.tempLeftListItemsState.length : 0) > 0);
+      if (e === "move-all") return !(s > 0);
+    } else if (t === "right") {
+      const s = this?.rightListItemsState && this.rightListItemsState.length > 0 ? this.rightListItemsState.length : 0;
+      if (e === "move-single") return !(s > 0 && (this?.tempRightListItemsState && this.tempRightListItemsState.length > 0 ? this.tempRightListItemsState.length : 0) > 0);
+      if (e === "move-all") return !(s > 0);
+    }
+    return !0;
+  }
+  callOnTransferAction({ transferTo: t, transferFrom: e, movementType: s, newTransferredItems: n }) {
+    this.onTransferAction && this.onTransferAction({ transferTo: t, transferFrom: e, originalLeftListItems: this?.leftListItems ?? [], originalRightListItems: this?.rightListItems ?? [], currentLeftListItems: this?.leftListItemsState ?? [], currentRightListItems: this?.rightListItemsState ?? [], leftListSelectedItems: this?.tempLeftListItemsState ?? [], rightListSelectedItems: this?.tempRightListItemsState ?? [], newTransferredItems: n, movementType: s });
+  }
+  clearListSystem({ event: t, listSide: e, movementType: s }) {
+    if (console.log("event", t), console.log("listSide", e), console.log("movementType", s), !this.movementButtonDisabled({ listSide: e, movementType: s })) {
+      if (e === "left") if (s === "move-single") {
+        const n = this?.tempLeftListItemsState ?? [], l = this?.leftListItemsState ?? [];
+        if (l.length > 0) {
+          const i = [];
+          l.map(((r) => {
+            n.find(((h) => h?.id === r?.id)) || i.push(r);
+          })), this.leftListItemsState = [...i];
+        }
+        this.tempLeftListItemsState = [];
+      } else s === "move-all" && (this.leftListItemsState = [], this.tempLeftListItemsState = []);
+      else if (e === "right") if (s === "move-single") {
+        const n = this?.tempRightListItemsState ?? [], l = this?.rightListItemsState ?? [];
+        if (l.length > 0) {
+          const i = [];
+          l.map(((r) => {
+            n.find(((h) => h?.id === r?.id)) || i.push(r);
+          })), this.rightListItemsState = [...i];
+        }
+        this.tempRightListItemsState = [];
+      } else s === "move-all" && (this.rightListItemsState = [], this.tempRightListItemsState = []);
+    }
+  }
+  moveListItems({ event: t, listSide: e, movementType: s }) {
+    if (!this.movementButtonDisabled({ listSide: e, movementType: s })) {
+      const n = this?.leftListItemsState ?? [], l = this?.rightListItemsState ?? [], i = this?.tempLeftListItemsState ?? [], r = this?.tempRightListItemsState ?? [];
+      let h = [];
+      e === "left" ? s === "move-single" ? (this.rightListItemsState = [...i, ...l], h = [...i]) : s === "move-all" && (this.rightListItemsState = [...n, ...l], h = [...n]) : e === "right" && (s === "move-single" ? (this.leftListItemsState = [...r, ...n], h = [...r]) : s === "move-all" && (this.leftListItemsState = [...l, ...n], h = [...l])), this.clearListSystem({ event: t, listSide: e, movementType: s }), this.callOnTransferAction({ transferTo: e === "left" ? "right" : "left", transferFrom: e, movementType: s, newTransferredItems: h });
+    }
+  }
+  onItemsMovement({ event: t, listSide: e, movementType: s }) {
+    this.moveListItems({ event: t, listSide: e, movementType: s });
+  }
+  render() {
+    const t = P(), e = this?.leftListItemsState ?? [], s = this?.rightListItemsState ?? [], n = this.listsMaxHeight, l = this?.transferListType ?? "basic";
+    return a(x, { key: "aa8da731c2648ec4e359dbe5277fbf5947246276", class: t }, a("div", { key: "6dd5eefb717c7dea19165a218354e582a21ce11e", class: "gids-transfer-list__left-container" }, a(I, { key: "f89efe4c61e2b75b85b0038434b0424d23df354d", type: e.length > 0 ? "default" : "no-options" }, a(S, { key: "e3812b4b78c74daa2ed206c8a6928c1fb79984b1", heading: this.renderListHeading("left"), style: { "--gidsMenuChildren-max-height": n }, isHeaderDividerVisible: l !== "basic" }, e.map(((i, r) => {
+      const h = i?.id ? i.id : "" + (r + 1), d = this.isItemSelected({ id: h, listSide: "left" });
+      return a(L, { id: "" + h, index: r, leadingAccessory: a(c, { checked: d }), selected: d, onPressListItem: (g) => this.onPressingListItem({ event: g, pressedIndex: r, listSide: "left" }) }, i?.listLabel);
+    }))))), a("div", { key: "db9922210390697fbc27b061ec796d41cabdc430", class: "gids-transfer-list__middle-container" }, a(o, { key: "3ebb8dc86a3b549091303298aeb230935ca3d03d", leadingIcon: a(m, { name: "forward" }), appearance: "default", size: "sm", width: "full", disabled: this.movementButtonDisabled({ listSide: "left", movementType: "move-all" }), onClick: (i) => this.onItemsMovement({ event: i, listSide: "left", movementType: "move-all" }) }), a(o, { key: "56916d7cc482775f6071bbe18a0269efb65c487d", leadingIcon: a(m, { name: "chevron-right" }), appearance: "default", size: "sm", width: "full", disabled: this.movementButtonDisabled({ listSide: "left", movementType: "move-single" }), onClick: (i) => this.onItemsMovement({ event: i, listSide: "left", movementType: "move-single" }) }), a(o, { key: "7a6eb9be1734b750131d7ab22c8bdbc3dfeed0ca", leadingIcon: a(m, { name: "chevron-left" }), appearance: "default", size: "sm", width: "full", disabled: this.movementButtonDisabled({ listSide: "right", movementType: "move-single" }), onClick: (i) => this.onItemsMovement({ event: i, listSide: "right", movementType: "move-single" }) }), a(o, { key: "6dee55d6ee67c01d02e59b672f790261e4235445", leadingIcon: a(m, { name: "backward" }), appearance: "default", size: "sm", width: "full", disabled: this.movementButtonDisabled({ listSide: "right", movementType: "move-all" }), onClick: (i) => this.onItemsMovement({ event: i, listSide: "right", movementType: "move-all" }) })), a("div", { key: "f58004630c591ae4e776b34751a759b508218489", class: "gids-transfer-list__right-container" }, a(I, { key: "2fbdff5086fc1db0a6d7ef1373527f1d624dbdfb", type: s.length > 0 ? "default" : "no-options" }, a(S, { key: "851366bf08415c614931191b0aa4dee581a559d8", heading: this.renderListHeading("right"), style: { "--gidsMenuChildren-max-height": n }, isHeaderDividerVisible: l !== "basic" }, s.map(((i, r) => {
+      const h = i?.id ? i.id : "" + (r + 1), d = this.isItemSelected({ id: h, listSide: "right" });
+      return a(L, { id: "" + h, index: r, selected: d, leadingAccessory: a(c, { checked: d }), onPressListItem: (g) => this.onPressingListItem({ event: g, pressedIndex: r, listSide: "right" }) }, i?.listLabel);
+    }))))));
+  }
+  get hostElement() {
+    return this;
+  }
+  static get watchers() {
+    return { listsMaxHeight: [{ handleListsMaxHeightChange: 0 }], leftListHeading: [{ handleLeftListHeadingChange: 0 }], rightListHeading: [{ handleRightListHeadingChange: 0 }], moveAllVisible: [{ handleMoveAllVisibilityChange: 0 }], transferListType: [{ handleTransferListTypeChange: 0 }], leftListItems: [{ handleLeftListItemsChange: 0 }], rightListItems: [{ handleRightListItemsChange: 0 }] };
+  }
+  static get style() {
+    return ".gids-transfer-list{display:flex;align-items:center;justify-content:center;gap:var(--gids-gap-500)}.gids-transfer-list .gids-menu__children{max-height:var(--gidsMenuChildren-max-height);overflow:auto}.gids-transfer-list__left-container{display:flex;width:100%;flex-direction:column}.gids-transfer-list__middle-container{display:flex;width:15%;flex-direction:column;gap:var(--gids-gap-150)}.gids-transfer-list__right-container{display:flex;width:100%;flex-direction:column}.gids-transfer-list__menu-heading-container{display:flex;align-items:flex-start;justify-content:flex-start;gap:var(--gids-gap-100)}.gids-transfer-list__menu-heading-text-content-container{display:flex;flex-direction:column}.gids-transfer-list__heading-text{font-family:var(--gids-typography-heading-x-small__font-family);font-size:var(--gids-typography-heading-x-small__font-size);font-weight:var(--gids-typography-heading-x-small__font-weight);letter-spacing:var(--gids-typography-heading-x-small__letter-spacing);line-height:var(--gids-typography-heading-x-small__line-height);text-transform:var(--gids-typography-heading-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-heading-x-small__font-variant-caps, inherit);color:var(--gids-color-text-subtle)}.gids-transfer-list__heading-support-text{font-family:var(--gids-typography-paragraph-medium__font-family);font-size:var(--gids-typography-paragraph-medium__font-size);font-weight:var(--gids-typography-paragraph-medium__font-weight);letter-spacing:var(--gids-typography-paragraph-medium__letter-spacing);line-height:var(--gids-typography-paragraph-medium__line-height);text-transform:var(--gids-typography-paragraph-medium__text-transform, inherit);font-variant-caps:var(--gids-typography-paragraph-medium__font-variant-caps, inherit);color:var(--gids-color-text-subtlest)}";
+  }
+}, [0, "gids-transfer-list", { leftListHeading: [1, "left-list-heading"], rightListHeading: [1, "right-list-heading"], moveAllVisible: [4, "move-all-visible"], transferListType: [1, "transfer-list-type"], leftListItems: [16], rightListItems: [16], listsMaxHeight: [1, "lists-max-height"], onTransferAction: [16], onTransferListSelect: [16], leftListItemsState: [32], rightListItemsState: [32], tempLeftListItemsState: [32], tempRightListItemsState: [32] }, void 0, { listsMaxHeight: [{ handleListsMaxHeightChange: 0 }], leftListHeading: [{ handleLeftListHeadingChange: 0 }], rightListHeading: [{ handleRightListHeadingChange: 0 }], moveAllVisible: [{ handleMoveAllVisibilityChange: 0 }], transferListType: [{ handleTransferListTypeChange: 0 }], leftListItems: [{ handleLeftListItemsChange: 0 }], rightListItems: [{ handleRightListItemsChange: 0 }] }]);
+function v() {
+  typeof customElements < "u" && ["gids-transfer-list"].forEach(((t) => {
+    t === "gids-transfer-list" && (customElements.get(p(t)) || customElements.define(p(t), u));
+  }));
+}
+v();
+const U = u, J = v;
+export {
+  U as GidsTransferList,
+  J as defineCustomElement
+};

package/dist-bundled/es/p-474lVBcu-B1f8x2o1.js

@@ -0,0 +1,31 @@
+import { D as t } from "./p-Bf3p-DY2-CPqEc-vc.js";
+import { p as y } from "./p-DMNS1d8v-BX8e_AsY.js";
+import { _ as P, v as D } from "./p-Iqbf3Pja-DuajY4uD.js";
+import { c as l } from "./clsx-OuTLNxxd.js";
+const I = (e) => l("gids-dropdown-item", e), S = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsDropdownItemClassNames: I
+}, Symbol.toStringTag, { value: "Module" })), x = ({ type: e }, o) => l("gids-dropdown-menu-group", {
+  "gids-dropdown-menu-group--default": e === "default",
+  // by default so no need to have this class
+  "gids-dropdown-menu-group--no-options": e === "no-options",
+  "gids-dropdown-menu-group--loading": e === "loading"
+}, o), G = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsDropdownMenuGroupClassNames: x
+}, Symbol.toStringTag, { value: "Module" })), C = (e) => l("gids-dropdown-menu", e), M = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsDropdownMenuClassNames: C
+}, Symbol.toStringTag, { value: "Module" })), { getGidsDropdownMenuGroupClassNames: N } = G, L = ({ type: e = "no-options", supportingText: o = "No options", class: n, ...s }, d) => t("div", { class: N({ type: e }, n), ...s }, e === "loading" ? t(y, { indeterminate: !0, size: "md" }) : null, e === "no-options" ? t("span", null, o) : null, e === "default" && d != null ? d : null), { getGidsDropdownMenuClassNames: T } = M, E = ({ sectionLabel: e, class: o, ...n }, s) => t("div", { class: T(o), ...n }, e != null && e !== "" ? t(P, { supportingText: e, supportingTextTypography: "eyebrow-medium" }) : null, s != null ? t("div", { class: "gids-dropdown-menu__children" }, s) : null), { getGidsDropdownItemClassNames: j } = S, $ = ({ id: e, title: o, class: n, selected: s = !1, disabled: d = !1, role: p = "list-item-option", value: r, name: m, onPressDropdownItem: c, index: i, defaultSelected: u, leadingAccessory: g, divider: f, isPlaceholderItem: a, ...w }) => {
+  const b = j(typeof n == "string" ? n : void 0);
+  return t(D, { id: e, index: i ?? 0, defaultSelected: u, selected: s, disabled: d, role: p, value: r, name: m, leadingAccessory: g, class: b, onPressListItem: (v) => {
+    if (v.defaultPrevented) return;
+    const _ = new CustomEvent("onPressDropdownItem", { bubbles: !0, composed: !0, detail: { id: e, title: o, value: r, disabled: d, selectedIndex: i, defaultSelected: u, isPlaceholderItem: a } });
+    c?.(_);
+  }, divider: f, isPlaceholderItem: a, ...w }, o);
+};
+export {
+  L as a,
+  E as p,
+  $ as u
+};

package/dist-bundled/es/{p-_HwuS8vK-C0w4T5rV.js → p-9NZjfY_u-CnjUEy1y.js}

@@ -1,6 +1,6 @@
 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-ARSuGBs4.js";
-import { o as I } from "./p-D5DRatg0-DtQL-DQg.js";
+import { o as I } from "./p-DLauG0q8-CCUuzYl9.js";
 import { c as y } from "./clsx-OuTLNxxd.js";
 const S = ({ expanded: h }, e) => y("gids-filter", {
   "gids-filter--expanded": h
@@ -142,7 +142,7 @@ const F = g((s = class extends v {
   }
   render() {
     const e = this.expanded && this.isInteractive(), t = E({ expanded: e }), l = this.isMenuToggler(), i = typeof this.filterPickerId == "string" ? this.filterPickerId : void 0, n = i ? `${i}__menu` : void 0, r = this.selectedItemTitle ?? this.value ?? "", d = this.type === "more", a = this.type === "all", o = this.type === "none";
-    return c("div", { key: "f61eb4c957bdf16980b04168daae71e57399bc2b", class: t, "aria-control": n ?? "" }, c("gids-toggle-button", { key: "16912f01d8723ea798ee695afd91951dfef7c3f1", 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: "3cda901ffe563130a64fe869632e16b69ec5f747", class: "gids-filter__menu", id: n, role: "pickerbox", onClick: this.handleMenuClick }, c("slot", { key: "fc5c702955f0dd8ad0f2d628a26eba1c8829be73", onSlotchange: () => this.evaluateSlottedMenuExistence() })));
+    return c("div", { key: "3a2470421791364621087eba33ee9464ad67902c", class: t, "aria-control": n ?? "" }, c("gids-toggle-button", { key: "15d270fd1fbbc2c65307431672b4561f30029ed4", 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: "e9625588f0a95d33f3b059fdeff5e8509d3c64b7", class: "gids-filter__menu", id: n, role: "pickerbox", onClick: this.handleMenuClick }, c("slot", { key: "0a0aedee0a69f6bff60883c6b8706ea34306ca57", onSlotchange: () => this.evaluateSlottedMenuExistence() })));
   }
   get hostElement() {
     return this;

package/dist-bundled/es/{p-Bh8qYmAS-DhSpwB20.js → p-B0Nc9rVM-SBit1KrF.js}

@@ -1,10 +1,10 @@
 import { q as l, L as d, u as o, D as n } from "./p-Bf3p-DY2-CPqEc-vc.js";
-import { o as h } from "./p-UVmSPzTd-6vjXok6h.js";
+import { o as h } from "./p-UVmSPzTd-CR1higgJ.js";
 import { d as c } from "./p-D4Pimu_8-ARSuGBs4.js";
 import { e as p } from "./p-ChV9xqsO-CJSPCx6p.js";
-import { l as u } from "./p-Dan1sCNk-mWcyyplK.js";
-import { u as b } from "./p-C_RW9IFo-DNQqJS8t.js";
-import { h as m } from "./p-BzzDNTlP-BkSyrafk.js";
+import { c as u } from "./p-D7qanqNO-Dby5jSjA.js";
+import { u as b } from "./p-CZxn31uZ-BBHM983b.js";
+import { h as m } from "./p-Db4qRSmH-B5pzOeve.js";
 import { c as k } from "./clsx-OuTLNxxd.js";
 const g = (e) => k("gids-calendar-header-panel", e), f = (e, a = "en-US") => {
   const t = new Date(2e3, e - 1, 1);
@@ -130,7 +130,7 @@ const g = (e) => k("gids-calendar-header-panel", e), f = (e, a = "en-US") => {
   }
   render() {
     const e = M(), a = this.expandedMonthPicker && this.isMonthPickerInteractive() && !this.expandedYearPicker, t = this.expandedYearPicker && this.isYearPickerInteractive() && !this.expandedMonthPicker, i = this.internalPreviousDisabled || this.previousDisabled, s = this.internalNextDisabled || this.nextDisabled;
-    return n("div", { key: "800b443e73ee31a91cf5e628a6499efc2a2ab050", class: e }, n(h, { key: "6b70019556344bba98dfe9c593a251994ab21f51", leadingIcon: n(c, { name: "arrow-left", size: "md", appearance: "regular" }), appearance: this.appearance, size: "sm", width: "intrinsic", onClick: this.handlePreviousActionClick, disabled: i }), n("div", { key: "a3c72bde8b22db7f62dd799435ef0585eb1e0e84", class: "gids-calendar-header-panel__main-container" }, n("gids-dropdown-picker", { key: "b4f25c56cb3d75350ce8e22074c94555e0442e24", expanded: a, appearance: this.appearance, size: "sm", value: `${this.panelMonthNumber}`, disabled: this.monthPickerDisabled }, n("gids-calendar-month-list", { key: "47baea7b5644d89da87df3f356df294f2d97caef", type: "default", selectedMonthNumber: this.panelMonthNumber, onSelectionMonthChange: this.handleMonthPickerMenuClick })), n("span", { key: "0693d3d71120c91d94631e488a2eb7e123a13fe7", class: p("gids-calendar-header-panel__panel-value", { "gids-calendar-header-panel__panel-value-disabled": this.panelDisabled }) }, this.getPanelValue()), n("gids-dropdown-picker", { key: "6bffa9dc8d8b08f562fe0f5475bdc9dc126b0156", expanded: t, appearance: this.appearance, size: "sm", value: `${this.panelYear}`, disabled: this.yearPickerDisabled }, n("gids-calendar-year-list", { key: "6c2efb4cf2507d3332e0c2aab68c9737d5ccf0fc", type: "default", selectedYear: this.panelYear, startYear: this.startYear ?? this.fallbackStartYear, endYear: this.endYear, onSelectionYearChange: this.handleYearPickerMenuClick }))), n(h, { key: "8796b6f75ab495152d17f20e8051e160ffe8e6d2", leadingIcon: n(c, { name: "arrow-right", size: "md", appearance: "regular" }), appearance: this.appearance, size: "sm", width: "intrinsic", onClick: this.handleNextActionClick, disabled: s }));
+    return n("div", { key: "3e824f3aa58867e2d5f10edbfc79a9537ddef52e", class: e }, n(h, { key: "ee8399ff602d65712a281be09c21d2d9d23585cb", leadingIcon: n(c, { name: "arrow-left", size: "md", appearance: "regular" }), appearance: this.appearance, size: "sm", width: "intrinsic", onClick: this.handlePreviousActionClick, disabled: i }), n("div", { key: "2ca66adc5feb98e8dd05bf2275340edefa2557d3", class: "gids-calendar-header-panel__main-container" }, n("gids-dropdown-picker", { key: "9574b933eb6a46102bfc89afb30e3f530343ea0a", expanded: a, appearance: this.appearance, size: "sm", value: `${this.panelMonthNumber}`, disabled: this.monthPickerDisabled }, n("gids-calendar-month-list", { key: "89a7aa1c01cbd24e5c7fafb97adb6fe12c7cdcfe", type: "default", selectedMonthNumber: this.panelMonthNumber, onSelectionMonthChange: this.handleMonthPickerMenuClick })), n("span", { key: "94de66a163baadf939c8ea4a33534a811b01e0f3", class: p("gids-calendar-header-panel__panel-value", { "gids-calendar-header-panel__panel-value-disabled": this.panelDisabled }) }, this.getPanelValue()), n("gids-dropdown-picker", { key: "a59f257d0d7088d3325a77d824c765c72a026a05", expanded: t, appearance: this.appearance, size: "sm", value: `${this.panelYear}`, disabled: this.yearPickerDisabled }, n("gids-calendar-year-list", { key: "edc0cc39b60026360730d07447d6f1f28d9bfca0", type: "default", selectedYear: this.panelYear, startYear: this.startYear ?? this.fallbackStartYear, endYear: this.endYear, onSelectionYearChange: this.handleYearPickerMenuClick }))), n(h, { key: "3b5e2b20a5d896b0b9a91de1bc29c621ff306c4c", leadingIcon: n(c, { name: "arrow-right", size: "md", appearance: "regular" }), appearance: this.appearance, size: "sm", width: "intrinsic", onClick: this.handleNextActionClick, disabled: s }));
   }
   get hostElement() {
     return this;
@@ -161,7 +161,7 @@ function y() {
 }
 y();
 export {
+  P as d,
   v as m,
-  P as n,
   y as u
 };

package/dist-bundled/es/{p-Bab1qxsC-BMbD0lEy.js → p-BF46eY8H-Xn8Fl9EI.js}

@@ -1,7 +1,7 @@
 import { q as a, L as _, u as m, D as t } from "./p-Bf3p-DY2-CPqEc-vc.js";
-import { p as b } from "./p-DMNS1d8v-CHF62UXm.js";
-import { d as u } from "./p-DslOQITw-BfwtLWqG.js";
-import { l as v } from "./p-BV0jg2ix-DI0fZl_6.js";
+import { p as b } from "./p-DMNS1d8v-BX8e_AsY.js";
+import { o as u } from "./p-Df5xaj-o-fxAXUmag.js";
+import { l as v } from "./p-DshXkAUj-DgCiQIA2.js";
 import { c as x } from "./clsx-OuTLNxxd.js";
 const f = ({ breakpoint: e }, r) => x("gids-pie-chart", {
   "gids-pie-chart--breakpoint-mobile": e === "mobile"

package/dist-bundled/es/{p-jzl-rPxB-CC735zJp.js → p-BKIsp763-CqL9MgyZ.js}

@@ -4,7 +4,7 @@ import { c as y } from "./clsx-OuTLNxxd.js";
 const u = (t) => y("gids-expansion-body-list-item", t), m = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   getGidsExpansionBodyListItemClassNames: u
-}, Symbol.toStringTag, { value: "Module" })), { getGidsExpansionBodyListItemClassNames: x } = m, v = g(class extends h {
+}, Symbol.toStringTag, { value: "Module" })), { getGidsExpansionBodyListItemClassNames: x } = m, f = g(class extends h {
   constructor(t) {
     super(), t !== !1 && this.__registerHost(), this.displayTagVisible = !1, this.displayTagColor = "accent-5", this.displayTagSize = "xs", this.displayTagAppearance = "subtle", this.hasSubtitleItemListener = !1, this.hasSupportingTextItemListener = !1, this.handleSubtitleClick = (i) => {
       this.applySubtitleSelection({ listItemId: this.listItemId, label: this.label, subtitle: this.subtitle, supportingText: this.supportingText, listItemPressedType: "subtitle", originalEvent: i });
@@ -65,7 +65,7 @@ const u = (t) => y("gids-expansion-body-list-item", t), m = /* @__PURE__ */ Obje
   }
   render() {
     const t = x(), i = this?.label, o = this?.subtitle, r = this?.supportingText, s = this.isValidLabel(), l = this.isValidSubtitle(), p = this.isValidSupportingText(), a = this.isDisplayTagVisible(), d = this?.displayTagLabel ?? "";
-    return e(c, { key: "7640b2ddb898ec2b217014a9aeacefd6887679e6", class: t }, s || l || a ? e("div", { class: "gids-expansion-body-list-item__primary-container" }, s || a ? e("div", { class: "gids-expansion-body-list-item__primary-content" }, s ? e("span", { class: "gids-expansion-body-list-item__label" }, this.convertTextToUppercase(i)) : void 0, a ? e(b, { color: this.displayTagColor || "accent-5", label: d, size: this.displayTagSize, appearance: this.displayTagAppearance }) : void 0) : void 0, l ? e("button", { type: "button", class: "gids-expansion-body-list-item__subtitle", onClick: this.handleSubtitleClick }, o) : void 0) : void 0, p ? e("div", { class: "gids-expansion-body-list-item__secondary-container" }, e("button", { type: "button", class: "gids-expansion-body-list-item__supporting-text", onClick: this.handleSupportingTextClick }, this.convertTextToUppercase(r))) : void 0);
+    return e(c, { key: "46ee20fde0175d66474de6e39024d173ac0f9af8", class: t }, s || l || a ? e("div", { class: "gids-expansion-body-list-item__primary-container" }, s || a ? e("div", { class: "gids-expansion-body-list-item__primary-content" }, s ? e("span", { class: "gids-expansion-body-list-item__label" }, this.convertTextToUppercase(i)) : void 0, a ? e(b, { color: this.displayTagColor || "accent-5", label: d, size: this.displayTagSize, appearance: this.displayTagAppearance }) : void 0) : void 0, l ? e("button", { type: "button", class: "gids-expansion-body-list-item__subtitle", onClick: this.handleSubtitleClick }, o) : void 0) : void 0, p ? e("div", { class: "gids-expansion-body-list-item__secondary-container" }, e("button", { type: "button", class: "gids-expansion-body-list-item__supporting-text", onClick: this.handleSupportingTextClick }, this.convertTextToUppercase(r))) : void 0);
   }
   get hostElement() {
     return this;
@@ -77,13 +77,13 @@ const u = (t) => y("gids-expansion-body-list-item", t), m = /* @__PURE__ */ Obje
     return '.gids-expansion-body-list-item{display:flex;flex:1;gap:var(--gids-gap-400);padding-bottom:var(--gids-padding-vertical-edge-to-element-300);position:relative;cursor:default}.gids-expansion-body-list-item::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:var(--gids-color-border-default);transition:background 0.3s ease-in-out;z-index:1}.gids-expansion-body-list-item::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(to right, transparent 0%, transparent 25%, var(--gids-color-background-selected-pressed) 45%, var(--gids-color-background-selected-pressed) 55%, transparent 75%, transparent 100%);opacity:0;transition:opacity 0.3s ease-in-out;z-index:2}.gids-expansion-body-list-item:has(.gids-expansion-body-list-item__subtitle:hover)::after{background:linear-gradient(to right, var(--gids-color-border-default) 0%, var(--gids-color-border-default) 15%, var(--gids-color-background-selected-pressed) 45%, var(--gids-color-background-selected-pressed) 70%, var(--gids-color-border-default) 90%, var(--gids-color-border-default) 100%)}.gids-expansion-body-list-item:has(.gids-expansion-body-list-item__subtitle:hover)::before{opacity:1}.gids-expansion-body-list-item__primary-container{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;flex:1 0;gap:var(--gids-gap-150)}.gids-expansion-body-list-item__primary-content{display:flex;align-items:center;justify-content:center;gap:var(--gids-gap-200)}.gids-expansion-body-list-item__secondary-container{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end}.gids-expansion-body-list-item__label{font-family:var(--gids-typography-label-x-small__font-family);font-size:var(--gids-typography-label-x-small__font-size);font-weight:var(--gids-typography-label-x-small__font-weight);letter-spacing:var(--gids-typography-label-x-small__letter-spacing);line-height:var(--gids-typography-label-x-small__line-height);text-transform:var(--gids-typography-label-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-x-small__font-variant-caps, inherit);color:var(--gids-color-text-subtle);cursor:default}.gids-expansion-body-list-item__subtitle{margin:0;padding:0;appearance:none;border:none;background:none;font-family:var(--gids-typography-label-medium__font-family);font-size:var(--gids-typography-label-medium__font-size);font-weight:var(--gids-typography-label-medium__font-weight);letter-spacing:var(--gids-typography-label-medium__letter-spacing);line-height:var(--gids-typography-label-medium__line-height);text-transform:var(--gids-typography-label-medium__text-transform, inherit);font-variant-caps:var(--gids-typography-label-medium__font-variant-caps, inherit);color:var(--gids-color-text-default);cursor:pointer}.gids-expansion-body-list-item__supporting-text{margin:0;padding:0;appearance:none;border:none;background:none;font-family:var(--gids-typography-label-x-small__font-family);font-size:var(--gids-typography-label-x-small__font-size);font-weight:var(--gids-typography-label-x-small__font-weight);letter-spacing:var(--gids-typography-label-x-small__letter-spacing);line-height:var(--gids-typography-label-x-small__line-height);text-transform:var(--gids-typography-label-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-x-small__font-variant-caps, inherit);color:var(--gids-color-text-subtle);padding:var(--gids-padding-vertical-edge-to-element-050) var(--gids-padding-horizontal-edge-to-element-100);border-radius:var(--gids-border-radius-sm);cursor:pointer;transition:background-color 0.3s ease-in-out, color 0.3s ease-in-out}.gids-expansion-body-list-item__supporting-text:hover{background-color:var(--gids-color-background-brand-bold-hovered);color:var(--gids-color-text-inverse)}.gids-expansion-body-list-item__supporting-text:active{background-color:var(--gids-color-background-brand-bold-pressed);color:var(--gids-color-text-inverse)}';
   }
 }, [0, "gids-expansion-body-list-item", { listItemId: [1, "list-item-id"], label: [1], subtitle: [1], supportingText: [1, "supporting-text"], displayTagVisible: [4, "display-tag-visible"], displayTagColor: [1, "display-tag-color"], displayTagSize: [1, "display-tag-size"], displayTagAppearance: [1, "display-tag-appearance"], displayTagLabel: [1, "display-tag-label"], onSubtitlePress: [16], onSupportingTextPress: [16] }, void 0, { displayTagVisible: [{ handleDisplayTagVisibilityChange: 0 }], displayTagColor: [{ handleDisplayTagColorChange: 0 }], displayTagSize: [{ handleDisplayTagSizeChange: 0 }], displayTagAppearance: [{ handleDisplayTagAppearanceChange: 0 }] }]);
-function f() {
+function v() {
   typeof customElements < "u" && ["gids-expansion-body-list-item"].forEach(((t) => {
-    t === "gids-expansion-body-list-item" && (customElements.get(n(t)) || customElements.define(n(t), v));
+    t === "gids-expansion-body-list-item" && (customElements.get(n(t)) || customElements.define(n(t), f));
   }));
 }
-f();
+v();
 export {
-  f as d,
-  v as r
+  v as d,
+  f as r
 };

package/dist-bundled/es/{p-BVA1LAFM-DdsY_n8R.js → p-BgvpzBUx-iq-eKBVZ.js}

@@ -1,10 +1,10 @@
 import { q as b, L as A, u as D, D as a } from "./p-Bf3p-DY2-CPqEc-vc.js";
-import { p as L } from "./p-DMNS1d8v-CHF62UXm.js";
-import { _ as E } from "./p-DUUxlY-K-mypBhVt6.js";
-import { d as M } from "./p-DslOQITw-BfwtLWqG.js";
-import { l as $ } from "./p-BV0jg2ix-DI0fZl_6.js";
-import { c as I } from "./clsx-OuTLNxxd.js";
-const P = ({ breakpoint: e }, l) => I("gids-bar-chart", {
+import { p as L } from "./p-DMNS1d8v-BX8e_AsY.js";
+import { _ as E } from "./p-Dvh4sPkD-B-T5C03p.js";
+import { o as M } from "./p-Df5xaj-o-fxAXUmag.js";
+import { l as I } from "./p-DshXkAUj-DgCiQIA2.js";
+import { c as $ } from "./clsx-OuTLNxxd.js";
+const P = ({ breakpoint: e }, l) => $("gids-bar-chart", {
   "gids-bar-chart--breakpoint-mobile": e === "mobile"
 }, l), V = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
@@ -118,7 +118,7 @@ function Y() {
         customElements.get(b(e)) || M();
         break;
       case "gids-chart-legend-item":
-        customElements.get(b(e)) || $();
+        customElements.get(b(e)) || I();
     }
   }));
 }

package/dist-bundled/es/{p-BYt-9DKT-DByyhIUd.js → p-BtKwhIx5-DTEmfdxe.js}

@@ -1,6 +1,6 @@
 import { q as l, L as u, u as p, D as a } from "./p-Bf3p-DY2-CPqEc-vc.js";
 import { d as m } from "./p-D4Pimu_8-ARSuGBs4.js";
-import { r as g } from "./p-CnVmK0dH-CbmnN-RR.js";
+import { r as g } from "./p-DGenc1qz-CMwVEtCm.js";
 import { c } from "./clsx-OuTLNxxd.js";
 const v = ({ expanded: e }, t) => c("gids-dropdown", {
   "gids-dropdown--expanded": e
@@ -12,7 +12,7 @@ const v = ({ expanded: e }, t) => c("gids-dropdown", {
   __proto__: null,
   getGidsChevronButtonControlClassNames: f,
   getGidsDropdownClassNames: v
-}, Symbol.toStringTag, { value: "Module" })), { getGidsDropdownClassNames: I, getGidsChevronButtonControlClassNames: b } = y, h = "gids-dropdown-item--active", E = u(class extends p {
+}, Symbol.toStringTag, { value: "Module" })), { getGidsDropdownClassNames: I, getGidsChevronButtonControlClassNames: E } = y, h = "gids-dropdown-item--active", b = 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;
@@ -213,8 +213,8 @@ const v = ({ expanded: e }, t) => c("gids-dropdown", {
   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;
     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", d = a("button", { key: "f579868c1b38fe72e32cdd7a2d4e8438f87651dc", class: b({ 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: "090c8b8803ce15ae87ef0da31af7d20b4f1cf14d", class: "gids-button__content" }, a(m, { key: "b3289c24e919d16746f5fa70bf5b730adbe22b04", name: "chevron-vertical", alt: "" })));
-    return a("div", { key: "f6ac6c42dcbe4fae263acb74d74665917332ac87", class: t }, a("gids-input", { key: "459ecf566278abbb754c00a90fa63701700d1a79", 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: "ffff01e347fae7f5c1714f6bff552e38c845e6bd", name: "leadingIconDropdown", slot: "leadingIcon" }), this.hasLeadingAccessory && a("slot", { key: "f971e3f5e961b9bad5b33c1d037fa5cbaf16c59c", name: "leadingAccessoryDropdown", slot: "leadingAccessory" }), d), a("div", { key: "ce522a342ee46e94299ce8bd19778d835e93804c", class: "gids-dropdown__menu", id: s, role: "listbox", onClick: this.handleMenuClick }, a("slot", { key: "6c84963e10614e1990aab1daee050d8c01b360e4" })));
+    const o = this.isFilterEditing ? this.filterValue : this.selectedItemTitle ?? this.value ?? "", r = e ? "true" : "false", d = a("button", { key: "35d89661d85a8598572ff98383f08f9626e2daf0", 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: "61aa33caa3c33ddec50713f697c66414fb83cb9c", class: "gids-button__content" }, a(m, { key: "26a64c22901fdba21daa6cad35de6991b481a5c7", name: "chevron-vertical", alt: "" })));
+    return a("div", { key: "6675e14654eb5c6bda87c6ff34633882b1e3b20e", class: t }, a("gids-input", { key: "2bf2921699a55a6e67790ac15b6430755a6426e1", 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: "69eaf25688c6d199298f8499c6a44d119189900e", name: "leadingIconDropdown", slot: "leadingIcon" }), this.hasLeadingAccessory && a("slot", { key: "5d13d954b33acb2cd246efd5fae42c73f489137d", name: "leadingAccessoryDropdown", slot: "leadingAccessory" }), d), a("div", { key: "bd0835e11b2c9cd45ae4730144b8b218a93fca6d", class: "gids-dropdown__menu", id: s, role: "listbox", onClick: this.handleMenuClick }, a("slot", { key: "e9ab0f9976cec22f1f8d149eb148f6598995104a" })));
   }
   get hostElement() {
     return this;
@@ -230,7 +230,7 @@ function x() {
   typeof customElements < "u" && ["gids-dropdown", "gids-input"].forEach(((e) => {
     switch (e) {
       case "gids-dropdown":
-        customElements.get(l(e)) || customElements.define(l(e), E);
+        customElements.get(l(e)) || customElements.define(l(e), b);
         break;
       case "gids-input":
         customElements.get(l(e)) || g();
@@ -239,6 +239,6 @@ function x() {
 }
 x();
 export {
-  E as c,
+  b as c,
   x as l
 };

package/dist-bundled/es/{p-CHGTBObD-EN4cCwtX.js → p-CHGTBObD-D_K9_Tmh.js}

@@ -1,6 +1,17 @@
 import { D as l } from "./p-Bf3p-DY2-CPqEc-vc.js";
 import { c as x } from "./clsx-OuTLNxxd.js";
-const f = ({ size: e, indeterminate: t, value: n }, r) => x("gids-spinner-control", {
+const c = 64, g = 10, u = c / 2 - g / 2, f = c / 2, a = 2 * Math.PI * u, h = `0 0 ${c} ${c}`, _ = (e = 0, t) => {
+  const n = typeof t == "number" && t > 0 ? t : 1, i = Math.max(0, Math.min(n, e)) / n * 100, o = (a * i / 100).toFixed(2), m = (a - parseFloat(o)).toFixed(2);
+  return `${o} ${m}`;
+}, y = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  calculateStrokeDasharray: _,
+  centerPosition: f,
+  circumference: a,
+  radius: u,
+  thickness: g,
+  viewBox: h
+}, Symbol.toStringTag, { value: "Module" })), k = ({ size: e, indeterminate: t, value: n }, r) => x("gids-spinner-control", {
   "gids-spinner-control--xs": e === "xs",
   "gids-spinner-control--sm": e === "sm",
   // 'gids-spinner-control--md': size === 'md',
@@ -8,21 +19,10 @@ const f = ({ size: e, indeterminate: t, value: n }, r) => x("gids-spinner-contro
   "gids-spinner-control--xl": e === "xl",
   "gids-spinner-control--2xl": e === "2xl",
   "gids-spinner-control--determinate": t === !1
-}, n, r), h = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, n, r), v = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  getGidsSpinnerControlClassNames: f
-}, Symbol.toStringTag, { value: "Module" })), c = 64, g = 10, u = c / 2 - g / 2, _ = c / 2, a = 2 * Math.PI * u, y = `0 0 ${c} ${c}`, k = (e = 0, t) => {
-  const n = typeof t == "number" && t > 0 ? t : 1, i = Math.max(0, Math.min(n, e)) / n * 100, o = (a * i / 100).toFixed(2), m = (a - parseFloat(o)).toFixed(2);
-  return `${o} ${m}`;
-}, v = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  calculateStrokeDasharray: k,
-  centerPosition: _,
-  circumference: a,
-  radius: u,
-  thickness: g,
-  viewBox: y
-}, Symbol.toStringTag, { value: "Module" })), { getGidsSpinnerControlClassNames: S } = h, { calculateStrokeDasharray: b, thickness: d, radius: p, centerPosition: s, viewBox: D } = v, P = ({ size: e, indeterminate: t, value: n, max: r, ...i }) => {
+  getGidsSpinnerControlClassNames: k
+}, Symbol.toStringTag, { value: "Module" })), { getGidsSpinnerControlClassNames: S } = v, { calculateStrokeDasharray: b, thickness: d, radius: p, centerPosition: s, viewBox: D } = y, P = ({ size: e, indeterminate: t, value: n, max: r, ...i }) => {
   let o;
   return t || (o = { strokeDashArray: b(n, r || 0), strokeDashoffset: "0" }), l("svg", { class: S({ size: e, indeterminate: t, value: n }), viewBox: D, ...i }, l("circle", { class: "gids-spinner-control__track", cx: s, cy: s, r: p, "stroke-width": d }), l("circle", { style: o, class: "gids-spinner-control__progress", cx: s, cy: s, r: p, "stroke-width": d }));
 };

package/dist-bundled/es/{p-DAnkY5ik-ChPtRpOX.js → p-CLm5opt9-DlxkI38w.js}

@@ -1,6 +1,6 @@
 import { q as i, L as o, u as n, D as l } from "./p-Bf3p-DY2-CPqEc-vc.js";
 import { i as g } from "./p-B2zUuNXz-BLBgQDu7.js";
-import { d as r } from "./p-CU5JIcEp-CuVpd-eZ.js";
+import { n as r } from "./p-Cyant-dw-Ch2zYNkx.js";
 import { c } from "./clsx-OuTLNxxd.js";
 const h = ({ appearance: s, size: e, disabled: a }, d) => c("gids-dot", {
   "gids-dot--disabled": a,
@@ -41,7 +41,7 @@ const h = ({ appearance: s, size: e, disabled: a }, d) => c("gids-dot", {
     this.activeClasses = t({ size: this.size, appearance: this.appearance, disabled: this.disabled }, this.extraClasses);
   }
   render() {
-    return l("gids-icon", { key: "c7af3aea32a2a02604b4cfd12f315b64d9123106", class: this.activeClasses, name: "new", alt: "", appearance: "filled" });
+    return l("gids-icon", { key: "a204dacf153b91ff96a29edd42da79dcf5f839a6", class: this.activeClasses, name: "new", alt: "", appearance: "filled" });
   }
   get _el() {
     return this;

package/dist-bundled/es/{p-C_RW9IFo-DNQqJS8t.js → p-CZxn31uZ-BBHM983b.js}

@@ -1,7 +1,7 @@
-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-C6BOC0kV.js";
-import { c as f } from "./clsx-OuTLNxxd.js";
-const p = (e) => f("gids-calendar-year-list", e), g = (e) => {
+import { q as d, L as o, u as h, D as i } from "./p-Bf3p-DY2-CPqEc-vc.js";
+import { a as u, p as m, u as Y } from "./p-474lVBcu-B1f8x2o1.js";
+import { c as p } from "./clsx-OuTLNxxd.js";
+const f = (e) => p("gids-calendar-year-list", e), g = (e) => {
   const t = e.toString().trim();
   if (!/^\d{4}$/.test(t))
     return !1;
@@ -21,16 +21,16 @@ const p = (e) => f("gids-calendar-year-list", e), g = (e) => {
   return s;
 }, S = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  getGidsCalendarYearListClassNames: p,
+  getGidsCalendarYearListClassNames: f,
   getGidsCalendarYearListYears: I,
   isValidFourDigitYear: g
-}, Symbol.toStringTag, { value: "Module" })), { getGidsCalendarYearListClassNames: y, getGidsCalendarYearListYears: b, isValidFourDigitYear: l } = S, w = c(class extends h {
+}, Symbol.toStringTag, { value: "Module" })), { getGidsCalendarYearListClassNames: y, getGidsCalendarYearListYears: b, isValidFourDigitYear: l } = S, w = o(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: o } = t.detail;
+      const { title: s, value: a, selectedIndex: r, disabled: n, id: c } = t.detail;
       n || typeof s != "string" || (this.suppressNextMenuClickSelection = !0, queueMicrotask((() => {
         this.suppressNextMenuClickSelection = !1;
-      })), this.applySelection({ id: o, year: Number(a), disabled: !1, selectedIndex: r, startYear: this.newStartYear, endYear: this.newEndYear }));
+      })), this.applySelection({ id: c, 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 p = (e) => f("gids-calendar-year-list", e), g = (e) => {
   }
   render() {
     const e = y();
-    return i("div", { key: "11dfe8162214f107ce269367f9f2f8b1bff84d93", class: e }, i(u, { key: "e40df2cbd768dcb121042b5fd82b255bbadbcb07", type: this.type, supportingText: this.noOptionsText }, i(m, { key: "fcabde26d20de0f6f3b8aca82158721f161e48e8", sectionLabel: "Years" }, this.yearsList().map(((t, s) => {
+    return i("div", { key: "faf7bc805275a5c8134768678c3362912bcd739f", class: e }, i(u, { key: "a087b75eb1af94caa8962e9ba6a8439f2ba7558d", type: this.type, supportingText: this.noOptionsText }, i(m, { key: "f7ebc9972e0240405ebdecab3c1274c0c15a53a9", 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 });
     })))));
@@ -87,6 +87,6 @@ function E() {
 }
 E();
 export {
-  w as c,
+  w as l,
   E as u
 };

package/dist-bundled/es/{p-CoS0NuDU-CqmDcRWj.js → p-CoS0NuDU-ByDvQAzA.js}

@@ -1,6 +1,6 @@
 import { q as c, L as _, u as y, D as e } from "./p-Bf3p-DY2-CPqEc-vc.js";
 import { r as m, e as f, d as v, H as x, F as b } from "./p-CaauwQNd-D6_PbcRr.js";
-import { p as u } from "./p-DMNS1d8v-CHF62UXm.js";
+import { p as u } from "./p-DMNS1d8v-BX8e_AsY.js";
 import { c as w } from "./clsx-OuTLNxxd.js";
 const z = ({ breakpoint: s }, t) => w("gids-progress-circle", {
   "gids-progress-circle--breakpoint-mobile": s === "mobile"

package/dist-bundled/es/{p-CU5JIcEp-CuVpd-eZ.js → p-Cyant-dw-Ch2zYNkx.js}

@@ -1,7 +1,7 @@
 import { q as e, L as t, u as s, D as o } from "./p-Bf3p-DY2-CPqEc-vc.js";
 import { i as d } from "./p-B2zUuNXz-BLBgQDu7.js";
-import { d as c } from "./p-D4Pimu_8-ARSuGBs4.js";
-const n = t(class extends s {
+import { d as a } from "./p-D4Pimu_8-ARSuGBs4.js";
+const c = t(class extends s {
   constructor(i) {
     super(), i !== !1 && this.__registerHost(), this.__attachShadow();
   }
@@ -10,7 +10,7 @@ const n = t(class extends s {
     i !== void 0 && this._el.shadowRoot?.adoptedStyleSheets.push(i);
   }
   render() {
-    return o(c, { key: "ed26abeec9d463e0c269cffe44bb325b6d11bc86", name: this.name, size: this.size, appearance: this.appearance, alt: this.alt, titleId: this.titleId });
+    return o(a, { key: "3c0910dce9846dd72cf79f8af8aa5b974d59e3df", name: this.name, size: this.size, appearance: this.appearance, alt: this.alt, titleId: this.titleId });
   }
   get _el() {
     return this;
@@ -19,13 +19,13 @@ const n = t(class extends s {
     return ".gids-icon{color:var(--gidsIcon-color, var(--gids-color-icon-default));fill:var(--gidsIcon-color, var(--gids-color-icon-default));width:auto;height:var(--gidsIcon-height, 100%);flex-shrink:0}.gids-icon--xs{--gidsIcon-height:var(--gids-size-120)}.gids-icon--sm{--gidsIcon-height:var(--gids-size-160)}.gids-icon--md{--gidsIcon-height:var(--gids-size-240)}.gids-icon--lg{--gidsIcon-height:var(--gids-size-320)}";
   }
 }, [1, "gids-icon", { name: [1], size: [1], appearance: [1], alt: [1], titleId: [1, "title-id"] }]);
-function a() {
+function n() {
   typeof customElements < "u" && ["gids-icon"].forEach(((i) => {
-    i === "gids-icon" && (customElements.get(e(i)) || customElements.define(e(i), n));
+    i === "gids-icon" && (customElements.get(e(i)) || customElements.define(e(i), c));
   }));
 }
-a();
+n();
 export {
-  a as d,
+  c as d,
   n
 };