@ganpatiinfo/gids-core-web 22.0.0 → 24.0.0

package/dist-bundled/es/{p-DMxvWIj1-BxbvrlFL.js → p-DB0ZJi5J-BEYBVVuq.js}

@@ -1,16 +1,16 @@
 import { q as e, L as t, u as s, D as o } from "./p-B4hcsDH0-CPqEc-vc.js";
-import { i as a } from "./p-B2zUuNXz-BLBgQDu7.js";
-import { d } from "./p-iQRr_fAH-Dvv1n8QD.js";
-const n = t(class extends s {
+import { i as d } from "./p-B2zUuNXz-BLBgQDu7.js";
+import { d as c } from "./p-iQRr_fAH-Dvv1n8QD.js";
+const a = t(class extends s {
   constructor(i) {
     super(), i !== !1 && this.__registerHost(), this.__attachShadow();
   }
   connectedCallback() {
-    const i = a();
+    const i = d();
     i !== void 0 && this._el.shadowRoot?.adoptedStyleSheets.push(i);
   }
   render() {
-    return o(d, { key: "4b1302c4bf5deb924a9b901dae776402a85ea598", name: this.name, size: this.size, appearance: this.appearance, alt: this.alt, titleId: this.titleId });
+    return o(c, { key: "186df453f30acd372d984cda3cdc1e6ecdc1f55a", 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 c() {
+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), a));
   }));
 }
-c();
+n();
 export {
-  c as d,
+  a as d,
   n
 };

package/dist-bundled/es/{p-BAqWcL0K-DNkV1R_C.js → p-DHOvFnv4-DZQmbUn3.js}

@@ -1,6 +1,6 @@
 import { q as f, L as g, u as v, D as c } from "./p-B4hcsDH0-CPqEc-vc.js";
 import { d as p } from "./p-iQRr_fAH-Dvv1n8QD.js";
-import { o as I } from "./p-DQQhGF5N-mCqb5VTE.js";
+import { o as I } from "./p-BwDi-0yS-vyn3pUko.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: "585c3018b1f5e50fe268648883fba7bda102b5ab", class: t, "aria-control": n ?? "" }, c("gids-toggle-button", { key: "21524dd8e6327022b17a91f41abdf7e1db7a0295", 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: "3cb8fe6ed4e06a8c0c64d1e753040c1dd61b14dd", class: "gids-filter__menu", id: n, role: "pickerbox", onClick: this.handleMenuClick }, c("slot", { key: "28fa646b9f75307b046372d602238e96121dbd14", onSlotchange: () => this.evaluateSlottedMenuExistence() })));
+    return c("div", { key: "2951a29a49334e9a532936ac5d02fa3dd349969c", class: t, "aria-control": n ?? "" }, c("gids-toggle-button", { key: "6f3baa33a5d89b4ca3ef09b4bba8bddf43b2738d", 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: "3d95a4f59ddb5f2760c2069522f967791a6dd252", class: "gids-filter__menu", id: n, role: "pickerbox", onClick: this.handleMenuClick }, c("slot", { key: "0619fc130d7b4f15bceccf1df07d546abc6ebfdd", onSlotchange: () => this.evaluateSlottedMenuExistence() })));
   }
   get hostElement() {
     return this;

package/dist-bundled/es/{p--kh67-_Z-B-vf_gng.js → p-DIrAYgqX-BoR42JaL.js}

@@ -1,8 +1,8 @@
 import { q as h, L as f, u as p, D as d, P as g } from "./p-B4hcsDH0-CPqEc-vc.js";
-import { b as P } from "./p-CV1-78HB-C0k_l_CT.js";
-import { i as M, a as b } from "./p-CAjDiWIc-C9dOa7FT.js";
+import { b as P } from "./p-D2VR17v2-C0k_l_CT.js";
+import { i as M, t as b } from "./p-BBlUduEr-CWdvgBS6.js";
 import { r as u } from "./p-BRNvHMdK-CqGtfAsn.js";
-import { y as v } from "./p-BCbovLBE-CDxKiOtS.js";
+import { y as v } from "./p-Dt270JVs-DJODMRWa.js";
 import { c as x } from "./clsx-OuTLNxxd.js";
 const S = (i) => x("gids-profile-menu", i), V = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
@@ -50,7 +50,7 @@ const S = (i) => x("gids-profile-menu", i), V = /* @__PURE__ */ Object.freeze(/*
   }
   render() {
     const i = this?.headerItem, e = this?.headerVisible, n = this?.headerDividerVisible, o = this?.listSectionDividerVisible, t = this?.profileMenuItems ?? [], r = y();
-    return d(g, { key: "866336e6c629f77b95aa04809e6e8e2b9cdb7b3a", class: r }, d(M, { key: "fe52b727ce65e54cf2808d608c136698fea7d7c7", type: this.hasProfileMenuItems() ? "default" : "no-options" }, e ? d("div", { class: "gids-profile-menu__header-container" }, d("gids-profile-menu-header", { ...i, onHeaderAvatarPress: this.onHeaderAvatarPress, onHeaderTitlePress: this.onHeaderTitlePress, onHeaderSupportingTextPress: this.onHeaderSupportingTextPress })) : void 0, n && this.hasHeaderItem() ? d("div", { class: "gids-profile-menu__header-divider-container" }, d(u, null)) : void 0, t.map(((l, s) => d(b, { key: `${s + 1}`, sectionLabel: l?.sectionLabel ?? "" }, (l?.items ?? []).map(((a, m) => {
+    return d(g, { key: "a9e5e6fa7da9269296f465e35e911df47fc6d19c", class: r }, d(M, { key: "0413c908c8a031094d9dd2cd0c563cba8a201d3f", type: this.hasProfileMenuItems() ? "default" : "no-options" }, e ? d("div", { class: "gids-profile-menu__header-container" }, d("gids-profile-menu-header", { ...i, onHeaderAvatarPress: this.onHeaderAvatarPress, onHeaderTitlePress: this.onHeaderTitlePress, onHeaderSupportingTextPress: this.onHeaderSupportingTextPress })) : void 0, n && this.hasHeaderItem() ? d("div", { class: "gids-profile-menu__header-divider-container" }, d(u, null)) : void 0, t.map(((l, s) => d(b, { key: `${s + 1}`, sectionLabel: l?.sectionLabel ?? "" }, (l?.items ?? []).map(((a, m) => {
       const c = this.isThisItemSelected({ ...a, sectionIndex: s, itemIndex: m });
       return console.log("_thisItemSelected", c), d(P, { ...a, key: `${m + 1}`, id: a.id, index: m, onPressListItem: (I) => this.onListItemPress({ event: I, sectionIndex: s, itemIndex: m, item: a }), selected: c }, a?.leadingLabel);
     })), s < t.length - 1 && o ? d(u, null) : void 0)))));

package/dist-bundled/es/p-DJH7wtiu-BDWtYcRw.js

@@ -0,0 +1,148 @@
+import { q as s, L as b, u as I, D as d, P as C } from "./p-B4hcsDH0-CPqEc-vc.js";
+import { r as m } from "./p-BRNvHMdK-CqGtfAsn.js";
+import { d as h } from "./p-iQRr_fAH-Dvv1n8QD.js";
+import { N as P } from "./p-CCX8DA2Z-D0OkaCKx.js";
+import { u as k } from "./p-3H10HA8U-DWG31yfh.js";
+import { l as f } from "./p-cXOH6OAQ-BRmZ0lXm.js";
+import { P as x } from "./p-D8vooi3L-C5jeoC6H.js";
+import { m as v } from "./p-CJ1tQlEt-B8GYL1we.js";
+import { f as M } from "./p-Cf9ipNLT-HF4MWnLF.js";
+import { g as O } from "./p-B2CvDGSE-B-50q6JD.js";
+import { u as j } from "./p-Bbw1WCO7-CJU0y0iF.js";
+import { h as S } from "./p-BGBsQSqM-DtooH-AA.js";
+import { c as N } from "./p-CS2U2Mro-6wGJ-t9P.js";
+import { n as E } from "./p-DB0ZJi5J-BEYBVVuq.js";
+import { r as Y } from "./p-_OVEnTXa-q7qjnzI3.js";
+import { f as w } from "./p-lVcUFx2e-D6N6qefs.js";
+import { b as V } from "./p-DuonIHDh-B6YKWTfP.js";
+import { g as o, c as l, d as c, h as _, i as q } from "./GidsDatePickerSharedUtils-Dh5qFlYA.js";
+import { c as $ } from "./clsx-OuTLNxxd.js";
+const A = (e) => $("gids-date-picker", e), F = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsDatePickerClassNames: A
+}, Symbol.toStringTag, { value: "Module" })), { getGidsDatePickerClassNames: G } = F, L = b(class extends I {
+  constructor(e) {
+    super(), e !== !1 && this.__registerHost(), this.appearance = "default", this.menuPlacement = "bottom", this.menuConstrainPlacements = ["bottom", "top"], this.marginDays = 0, this.type = "menu", this.panelActionsAppearance = "default", this.selectedYearObj = void 0, this.selectedMonthObj = void 0, this.selectedDayObj = void 0, this.selectedCalendarPickerObj = void 0, this.handleYearChange = (a) => {
+      if (this.selectedYearObj = { ...a }, this.canEmitMenuDatePickerEvent() && this.onDateChange) {
+        const t = this?.selectedMonthObj, n = this?.selectedDayObj, r = this.captureMenuDatePickerFullDate(), i = o(r);
+        this.onDateChange({ monthId: t?.id, dayId: n?.id, yearId: a.id, fullDate: i?.fullDate, monthName: i?.month, dayInNumber: n?.dayInNumber, day: i?.day, year: a.year, monthInNumber: t?.month, selected: !0, monthSectionIndex: t?.sectionIndex, monthItemIndex: t?.itemIndex, daySectionIndex: n?.sectionIndex, dayItemIndex: n?.itemIndex, yearSectionIndex: a?.sectionIndex, yearItemIndex: a?.itemIndex, startDate: this?.startDate ?? l, endDate: this?.endDate ?? String(c), marginDays: this?.marginDays ?? 0, type: "menu" });
+      }
+    }, this.handleMonthChange = (a) => {
+      if (this.selectedMonthObj = { ...a }, this.canEmitMenuDatePickerEvent() && this.onDateChange) {
+        const t = this?.selectedYearObj, n = this?.selectedDayObj, r = this.captureMenuDatePickerFullDate(), i = o(r);
+        this.onDateChange({ yearId: t?.id, dayId: n?.id, monthId: a.id, fullDate: i?.fullDate, monthName: i?.month, dayInNumber: n?.dayInNumber, day: i?.day, monthInNumber: a.month, year: t?.year, selected: !0, yearSectionIndex: t?.sectionIndex, yearItemIndex: t?.itemIndex, daySectionIndex: n?.sectionIndex, dayItemIndex: n?.itemIndex, monthSectionIndex: a?.sectionIndex, monthItemIndex: a?.itemIndex, startDate: this?.startDate ?? l, endDate: this?.endDate ?? String(c), marginDays: this?.marginDays ?? 0, type: "menu" });
+      }
+    }, this.handleDayChange = (a) => {
+      if (this.selectedDayObj = { ...a }, this.canEmitMenuDatePickerEvent() && this.onDateChange) {
+        const t = this?.selectedYearObj, n = this?.selectedMonthObj, r = this.captureMenuDatePickerFullDate(), i = o(r);
+        this.onDateChange({ yearId: t?.id, monthId: n?.id, dayId: a.id, fullDate: i?.fullDate, monthName: i?.month, monthInNumber: n?.month, day: i?.day, dayInNumber: a.dayInNumber, year: t?.year, selected: !0, yearSectionIndex: t?.sectionIndex, yearItemIndex: t?.itemIndex, monthSectionIndex: n?.sectionIndex, monthItemIndex: n?.itemIndex, daySectionIndex: a?.sectionIndex, dayItemIndex: a?.itemIndex, startDate: this?.startDate ?? l, endDate: this?.endDate ?? String(c), marginDays: this?.marginDays ?? 0, type: "menu" });
+      }
+    }, this.handleCalendarNextChange = (a) => {
+      this.onNextChange && this.onNextChange(a);
+    }, this.handleCalendarPanelMonthChange = (a) => {
+      this.onPanelMonthChange && this.onPanelMonthChange(a);
+    }, this.handleCalendarPanelYearChange = (a) => {
+      this.onPanelYearChange && this.onPanelYearChange(a);
+    }, this.handleCalendarPreviousChange = (a) => {
+      this.onPreviousChange && this.onPreviousChange(a);
+    }, this.handleCalendarDateSelectionChange = ({ event: a }) => {
+      if (this.selectedCalendarPickerObj = a, a?.date && a.date !== "" && this?.onCalendarDateChange) {
+        const t = o(a.date);
+        this.onCalendarDateChange({ monthId: void 0, dayId: void 0, yearId: void 0, fullDate: a.date, monthName: t?.month, dayInNumber: t?.dateInNumber, day: t?.day, year: t?.year, monthInNumber: t?.monthInNumber, selected: !0, monthSectionIndex: 0, monthItemIndex: 0, daySectionIndex: 0, dayItemIndex: 0, yearSectionIndex: 0, yearItemIndex: 0, startDate: this?.startDate ?? l, endDate: this?.endDate ?? String(c), marginDays: this?.marginDays ?? 0, type: "calendar" });
+      }
+    }, this.canEmitMenuDatePickerEvent = () => !!(this.isMenuYearSelected() && this.isMenuMonthSelected() && this.isMenuDaySelected()), this.captureMenuDatePickerFullDate = () => {
+      if (this.canEmitMenuDatePickerEvent()) return `${this?.selectedYearObj?.year}-${this?.selectedMonthObj?.month}-${this?.selectedDayObj?.dayInNumber}`;
+    }, this.isMenuYearSelected = () => !(!this?.selectedYearObj?.year || this.selectedYearObj.year.toString() === ""), this.isMenuMonthSelected = () => !(!this?.selectedMonthObj?.month || this.selectedMonthObj.month.toString() === ""), this.isMenuDaySelected = () => !(!this?.selectedDayObj?.dayInNumber || this.selectedDayObj.dayInNumber.toString() === ""), this.syncYearDropdownPickerValue = () => this?.selectedYearObj?.year ? String(this.selectedYearObj.year) : this?.yearValue, this.syncMonthDropdownPickerValue = () => this?.selectedMonthObj?.month ? String(this.selectedMonthObj.month) : this?.monthValue, this.syncDayDropdownPickerValue = () => this?.selectedDayObj?.dayInNumber ? String(this.selectedDayObj.dayInNumber) : this?.dateValue, this.syncCalendarPickerValue = () => this?.selectedCalendarPickerObj?.date ? this.selectedCalendarPickerObj.date : this?.calendarPickerValue, this.isMenuMonthInteractive = () => !!this.isMenuYearSelected(), this.isMenuDayInteractive = () => !!this.isMenuMonthSelected();
+  }
+  handleInteractivityChange(e) {
+    this.disabled = e, this.readOnly = e;
+  }
+  menuPlacementChanged(e) {
+    this.menuPlacement = e;
+  }
+  menuConstrainPlacementsChanged(e) {
+    this.menuConstrainPlacements = e;
+  }
+  typeChanged(e) {
+    this.type = e;
+  }
+  startDateChanged(e) {
+    this.startDate = e;
+  }
+  endDateChanged(e) {
+    this.endDate = e;
+  }
+  marginDaysChanged(e) {
+    this.marginDays = e;
+  }
+  connectedCallback() {
+  }
+  render() {
+    const e = G(), a = this?.type ?? "menu", t = this?.startDate ?? q(), n = this?.endDate ?? _(), r = o(t), i = o(n), u = { appearance: this.appearance, loading: this.loading, disabled: this.disabled, readOnly: this.readOnly, required: this.required, value: this.syncYearDropdownPickerValue(), name: this.name, inputProps: { ...this?.yearInputProps ?? {} } }, g = { appearance: this.appearance, loading: this.loading, disabled: this.disabled || !this.isMenuMonthInteractive(), readOnly: this.readOnly, required: this.required, value: this.syncMonthDropdownPickerValue(), name: this.name, inputProps: { ...this?.monthInputProps ?? {} } }, p = { appearance: this.appearance, loading: this.loading, disabled: this.disabled || !this.isMenuDayInteractive(), readOnly: this.readOnly, required: this.required, value: this.syncDayDropdownPickerValue(), name: this.name, inputProps: { ...this?.dateInputProps ?? {} } }, y = { appearance: this.appearance, loading: this.loading, disabled: this.disabled, readOnly: this.readOnly, required: this.required, value: this.syncCalendarPickerValue(), name: this.name, inputProps: { ...this?.calendarPickerInputProps ?? {} } };
+    return d(C, { key: "be014448d200ce06f4ff22acc2b12b557ca3b1c7", class: e }, a === "menu" ? d("div", { class: "gids-date-picker__menu-date-picker-container" }, d("gids-year-dropdown-picker", { startYear: r?.year, endYear: i?.year, ...u, onYearChange: this.handleYearChange }, d(h, { name: "calendar", slot: "leadingIconDropdown" })), d("div", { class: "gids-date-picker__menu-divider-container" }, d(m, { orientation: "vertical" })), d("gids-month-dropdown-picker", { startMonth: r?.monthInNumber, endMonth: i?.monthInNumber, ...g, onMonthChange: this.handleMonthChange }, d(h, { name: "calendar", slot: "leadingIconDropdown" })), d("div", { class: "gids-date-picker__menu-divider-container" }, d(m, { orientation: "vertical" })), d("gids-day-dropdown-picker", { startDay: r?.dateInNumber, endDay: i?.dateInNumber, ...p, onDayChange: this.handleDayChange }, d(h, { name: "calendar", slot: "leadingIconDropdown" }))) : d("gids-calendar-picker", { ...y, startYear: r?.year, endYear: i?.year, panelActionsAppearance: this?.panelActionsAppearance ?? "default", monthPickerDisabled: this.monthPickerDisabled, nextDisabled: this.nextDisabled, panelDisabled: this.panelDisabled, previousDisabled: this.previousDisabled, yearPickerDisabled: this.yearPickerDisabled, onNextChange: this.handleCalendarNextChange, onPanelMonthChange: this.handleCalendarPanelMonthChange, onPanelYearChange: this.handleCalendarPanelYearChange, onPreviousChange: this.handleCalendarPreviousChange, onSelectionCalendarCell: (D) => this.handleCalendarDateSelectionChange({ event: D }) }, d(h, { name: "calendar", slot: "leadingIconDropdown" })));
+  }
+  get hostElement() {
+    return this;
+  }
+  static get watchers() {
+    return { disabled: [{ handleInteractivityChange: 0 }], readOnly: [{ handleInteractivityChange: 0 }], menuPlacement: [{ menuPlacementChanged: 0 }], menuConstrainPlacements: [{ menuConstrainPlacementsChanged: 0 }], type: [{ typeChanged: 0 }], startDate: [{ startDateChanged: 0 }], endDate: [{ endDateChanged: 0 }], marginDays: [{ marginDaysChanged: 0 }] };
+  }
+  static get style() {
+    return ".gids-date-picker{position:relative}.gids-date-picker__menu-date-picker-container{display:flex;align-items:center;gap:var(--gids-gap-150)}.gids-date-picker__menu-divider-container{display:flex;align-self:stretch;align-items:center;flex-shrink:0}";
+  }
+}, [0, "gids-date-picker", { appearance: [1], yearInputProps: [16], monthInputProps: [16], dateInputProps: [16], calendarPickerInputProps: [16], disabled: [516], readOnly: [516, "read-only"], loading: [516], yearValue: [513, "year-value"], monthValue: [513, "month-value"], dateValue: [513, "date-value"], calendarPickerValue: [513, "calendar-picker-value"], name: [1], required: [4], menuPlacement: [1, "menu-placement"], menuConstrainPlacements: [16], startDate: [1, "start-date"], endDate: [1, "end-date"], marginDays: [2, "margin-days"], type: [1], monthPickerDisabled: [4, "month-picker-disabled"], nextDisabled: [4, "next-disabled"], panelDisabled: [4, "panel-disabled"], previousDisabled: [4, "previous-disabled"], yearPickerDisabled: [4, "year-picker-disabled"], panelActionsAppearance: [1, "panel-actions-appearance"], onNextChange: [16], onPreviousChange: [16], onPanelMonthChange: [16], onPanelYearChange: [16], onDateChange: [16], onCalendarDateChange: [16], selectedYearObj: [32], selectedMonthObj: [32], selectedDayObj: [32], selectedCalendarPickerObj: [32] }, void 0, { disabled: [{ handleInteractivityChange: 0 }], readOnly: [{ handleInteractivityChange: 0 }], menuPlacement: [{ menuPlacementChanged: 0 }], menuConstrainPlacements: [{ menuConstrainPlacementsChanged: 0 }], type: [{ typeChanged: 0 }], startDate: [{ startDateChanged: 0 }], endDate: [{ endDateChanged: 0 }], marginDays: [{ marginDaysChanged: 0 }] }]);
+function z() {
+  typeof customElements < "u" && ["gids-date-picker", "gids-calendar", "gids-calendar-header-panel", "gids-calendar-month-list", "gids-calendar-picker", "gids-calendar-year-list", "gids-day-dropdown-picker", "gids-dot", "gids-dropdown", "gids-dropdown-picker", "gids-flyout-panel", "gids-icon", "gids-input", "gids-month-dropdown-picker", "gids-year-dropdown-picker"].forEach(((e) => {
+    switch (e) {
+      case "gids-date-picker":
+        customElements.get(s(e)) || customElements.define(s(e), L);
+        break;
+      case "gids-calendar":
+        customElements.get(s(e)) || P();
+        break;
+      case "gids-calendar-header-panel":
+        customElements.get(s(e)) || k();
+        break;
+      case "gids-calendar-month-list":
+        customElements.get(s(e)) || f();
+        break;
+      case "gids-calendar-picker":
+        customElements.get(s(e)) || x();
+        break;
+      case "gids-calendar-year-list":
+        customElements.get(s(e)) || v();
+        break;
+      case "gids-day-dropdown-picker":
+        customElements.get(s(e)) || M();
+        break;
+      case "gids-dot":
+        customElements.get(s(e)) || O();
+        break;
+      case "gids-dropdown":
+        customElements.get(s(e)) || j();
+        break;
+      case "gids-dropdown-picker":
+        customElements.get(s(e)) || S();
+        break;
+      case "gids-flyout-panel":
+        customElements.get(s(e)) || N();
+        break;
+      case "gids-icon":
+        customElements.get(s(e)) || E();
+        break;
+      case "gids-input":
+        customElements.get(s(e)) || Y();
+        break;
+      case "gids-month-dropdown-picker":
+        customElements.get(s(e)) || w();
+        break;
+      case "gids-year-dropdown-picker":
+        customElements.get(s(e)) || V();
+    }
+  }));
+}
+z();
+export {
+  z as E,
+  L as w
+};

package/dist-bundled/es/{p-bfWlRsx_-CNZjBYOE.js → p-DMN5PI18-CiBpBUeE.js}

@@ -1,7 +1,7 @@
 import { q as s, L as P, u as A, D as n, P as x } from "./p-B4hcsDH0-CPqEc-vc.js";
-import { P as v, T as L } from "./p-kWyyLyT3-VhX9LNzT.js";
+import { P as v, T as L } from "./p-69VXkSHc-vZd5gQWS.js";
 import { d as T } from "./p-iQRr_fAH-Dvv1n8QD.js";
-import { h as E } from "./p-DpvdbdZ--C7QlXxK2.js";
+import { c as E } from "./p-CS2U2Mro-6wGJ-t9P.js";
 import { c as y } from "./clsx-OuTLNxxd.js";
 const D = (e) => y("gids-sidebar-item", e), _ = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
@@ -77,7 +77,7 @@ const D = (e) => y("gids-sidebar-item", e), _ = /* @__PURE__ */ Object.freeze(/*
   }
   render() {
     const e = this.id, t = this?.appearance ?? "subtle", a = this?.selectionAppearance ?? "default", i = this?.leadingLabel, l = this?.leadingSupportingText, c = this?.trailingLabel, m = this?.trailingSupportingText, u = this?.disabled ?? !1, o = this?.selectedState ?? !1, h = this?.menuId ?? "sidebar-menu-item", g = this?.menuPlacement ?? "right", I = this?.menuConstrainPlacements && this.menuConstrainPlacements.length > 0 ? this.menuConstrainPlacements : ["bottom", "left", "right", "top", "left-start", "left-end", "right-start", "right-end"], p = this?.menuData ?? [], b = this?.sidebarMenuItemAppearance ?? "subtle", S = this?.sidebarMenuItemSelectionAppearance ?? "default", M = this?.selectedMenuItemSectionIdState ?? void 0, C = this?.selectedMenuItemIdState ?? void 0, r = this.hasMenu(), f = k();
-    return n(x, { key: "4df994cd92995f0a1053593ec83e2b97f45fe52d", id: e, class: f }, n(L, { key: "458143794740850d76cbf686bc82efb40afc4a8f", id: e, appearance: t, selectionAppearance: a, leadingLabel: i, leadingSupportingText: l, trailingLabel: c, trailingSupportingText: m, selected: o, disabled: u, leadingIcon: n("slot", { name: "sidebarItemLeadingIcon" }), leadingAccessory: n("slot", { name: "sidebarItemLeadingAccessory" }), trailingAccessory: n("slot", { name: "sidebarItemTrailingAccessory" }), trailingIcon: r ? n(T, { name: "chevron-right", size: "md", appearance: "regular", alt: "" }) : void 0, onPressSidebarMenuItem: (d) => this.onSidebarMenuItemPress({ event: d }) }), r ? n("div", { class: "gids-sidebar-item__menu-container" }, n("gids-sidebar-menu", { htmlFor: e, menuData: p, id: h, placement: g, constrainPlacements: I, sidebarMenuItemAppearance: b, sidebarMenuItemSelectionAppearance: S, selectedSectionId: M, selectedItemId: C, onSidebarMenuChange: (d) => this.onChangeSidebarMenu({ event: d }) })) : void 0);
+    return n(x, { key: "a844b77f7e7119f075e0fc56dcf495761d6147db", id: e, class: f }, n(L, { key: "d6f0983f42d4fac33ddcbe40eb24b1eebf6aff71", id: e, appearance: t, selectionAppearance: a, leadingLabel: i, leadingSupportingText: l, trailingLabel: c, trailingSupportingText: m, selected: o, disabled: u, leadingIcon: n("slot", { name: "sidebarItemLeadingIcon" }), leadingAccessory: n("slot", { name: "sidebarItemLeadingAccessory" }), trailingAccessory: n("slot", { name: "sidebarItemTrailingAccessory" }), trailingIcon: r ? n(T, { name: "chevron-right", size: "md", appearance: "regular", alt: "" }) : void 0, onPressSidebarMenuItem: (d) => this.onSidebarMenuItemPress({ event: d }) }), r ? n("div", { class: "gids-sidebar-item__menu-container" }, n("gids-sidebar-menu", { htmlFor: e, menuData: p, id: h, placement: g, constrainPlacements: I, sidebarMenuItemAppearance: b, sidebarMenuItemSelectionAppearance: S, selectedSectionId: M, selectedItemId: C, onSidebarMenuChange: (d) => this.onChangeSidebarMenu({ event: d }) })) : void 0);
   }
   get hostElement() {
     return this;

package/dist-bundled/es/{p-Do_VlNHg-Ck03dQOR.js → p-DdJKIFk0-Co3FvR3K.js}

@@ -9,7 +9,7 @@ const n = ({ appearance: e, size: s }, i) => m("gids-dismiss-button", {
 }, i), b = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   getGidsDismissButtonClassNames: n
-}, Symbol.toStringTag, { value: "Module" })), { getGidsDismissButtonClassNames: c } = b, f = ({ appearance: e = "subtle", size: s = "md", disabled: i = !1, class: a, onPressDismiss: o, label: l, ...r }) => t("button", { class: c({ appearance: e, size: s }, a), onClick: o, disabled: i, "aria-label": l, ...r }, t(d, { name: "cross", appearance: "regular" }));
+}, Symbol.toStringTag, { value: "Module" })), { getGidsDismissButtonClassNames: c } = b, f = ({ appearance: e = "subtle", size: s = "md", disabled: i = !1, class: a, onPressDismiss: o, label: l, ...r }) => t("button", { class: c({ appearance: e, size: s }, a), onClick: o, disabled: i, "aria-label": l, ...r }, t(d, { name: "x-circle", appearance: "regular" }));
 export {
   f as r
 };

package/dist-bundled/es/{p-BCbovLBE-CDxKiOtS.js → p-Dt270JVs-DJODMRWa.js}

@@ -76,7 +76,7 @@ const x = ({ text: e, alt: a }) => a === "" || a === void 0 && e === void 0, P =
   }
   render() {
     const e = this?.headerItemsPosition ?? "default", a = this?.headerTitle, t = this?.headerSupportingText, n = this?.headerDescription, s = this?.avatarVisible ?? !1, d = this?.avatarBadgeVisible ?? !1, r = this?.avatarProps, o = r?.badgeProps, l = M({ headerItemsPosition: e }), g = r?.size ?? "xl";
-    return i(u, { key: "830704cc0616b1347eebe6041ebe14f57f35aafd", class: l }, s ? i(j, { onClick: this.onAvatarItemPress, appearance: r?.appearance ?? "text", color: r?.color ?? "brand", size: g, text: this.getAvatarText(), imageSrc: r?.imageSrc ?? "", alt: r?.alt ?? "alt-img", badge: d ? i(b, { appearance: o?.appearance ?? "information", type: o?.type, count: o?.count, outline: o?.outline }) : void 0 }) : void 0, i("div", { key: "b7a3e59194a6554c5cd50bc36a5eaa2f6ca0c8e1", class: y("gids-profile-menu-header__content-container-default", { "gids-profile-menu-header__content-container-centralized": e === "centralized" }) }, i("label", { key: "15b4582569e247c7f95b4c0082112f22f3e208e5", onClick: this.onHeaderItemTitlePress }, a), i("span", { key: "f6b20cf4490bd6068ca809d2c6399e5233b7ac96", onClick: this.onHeaderItemSupportingTextPress }, t), i("p", { key: "477ed8e8dc51791f9c95b031de8cc9f94ce0cc7b" }, n)));
+    return i(u, { key: "3180ee8375929959ca8e809ba5e8d856077789a4", class: l }, s ? i(j, { onClick: this.onAvatarItemPress, appearance: r?.appearance ?? "text", color: r?.color ?? "brand", size: g, text: this.getAvatarText(), imageSrc: r?.imageSrc ?? "", alt: r?.alt ?? "alt-img", badge: d ? i(b, { appearance: o?.appearance ?? "information", type: o?.type, count: o?.count, outline: o?.outline }) : void 0 }) : void 0, i("div", { key: "dbfb85c27e653cdc909164419c07635a501b1bf7", class: y("gids-profile-menu-header__content-container-default", { "gids-profile-menu-header__content-container-centralized": e === "centralized" }) }, i("label", { key: "603b0ea17ffeb015c4f84e648041a36ea083ea4d", onClick: this.onHeaderItemTitlePress }, a), i("span", { key: "8fb6d1f72ef96a939bd4ca3e46ade01a3eec798f", onClick: this.onHeaderItemSupportingTextPress }, t), i("p", { key: "bbe61a312b5754da90fae5280d376324afbc0c35" }, n)));
   }
   get hostElement() {
     return this;

package/dist-bundled/es/p-DuonIHDh-B6YKWTfP.js

@@ -0,0 +1,86 @@
+import { q as d, L as p, u as g, D as n, P as y } from "./p-B4hcsDH0-CPqEc-vc.js";
+import { i as Y, t as b } from "./p-BBlUduEr-CWdvgBS6.js";
+import { i as f } from "./p-B3AB3GQ0-DdgNC9FJ.js";
+import { u as C } from "./p-Bbw1WCO7-CJU0y0iF.js";
+import { c as P } from "./p-CS2U2Mro-6wGJ-t9P.js";
+import { r as k } from "./p-_OVEnTXa-q7qjnzI3.js";
+import { f as c, b as m, l as I } from "./GidsDatePickerSharedUtils-Dh5qFlYA.js";
+import { c as D } from "./clsx-OuTLNxxd.js";
+const v = (e) => D("gids-year-dropdown-picker", e), w = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsYearDropdownPickerClassNames: v
+}, Symbol.toStringTag, { value: "Module" })), { getGidsYearDropdownPickerClassNames: S } = w, O = p(class extends g {
+  constructor(e) {
+    super(), e !== !1 && this.__registerHost(), this.appearance = "default", this.menuPlacement = "bottom", this.menuConstrainPlacements = ["bottom", "top"], this.startYear = Number(c), this.endYear = Number(m), this.hasLeadingIcon = !1, this.yearsMenuData = [], this.selectedYearObj = void 0, this.handleYearSelectionChange = ({ event: t, sectionIndex: s, itemIndex: o }) => {
+      const a = t?.detail, i = { originalEvent: t, id: a.id, year: a?.title ? Number(a.title) : void 0, sectionIndex: s, itemIndex: o, selected: !0 };
+      this.selectedYearObj = i, this.onYearChange && this.onYearChange(i);
+    }, this.feedYearsDataState = () => {
+      const t = this?.startYear ?? c, s = this?.endYear ?? m;
+      this.yearsMenuData = I({ startYear: String(t), endYear: String(s) });
+    }, this.isYearSelected = (t) => t?.id === this?.selectedYearObj?.id, this.syncYearDropdownPickerValue = () => this?.selectedYearObj?.year ? String(this.selectedYearObj.year) : this?.value;
+  }
+  handleInteractivityChange(e) {
+    this.disabled = e, this.readOnly = e;
+  }
+  menuPlacementChanged(e) {
+    this.menuPlacement = e;
+  }
+  menuConstrainPlacementsChanged(e) {
+    this.menuConstrainPlacements = e;
+  }
+  startYearChanged(e) {
+    this.startYear = e, this.feedYearsDataState();
+  }
+  endYearChanged(e) {
+    this.endYear = e, this.feedYearsDataState();
+  }
+  connectedCallback() {
+  }
+  componentWillLoad() {
+    this.checkSlots(), this.feedYearsDataState();
+  }
+  componentWillUpdate() {
+    this.checkSlots();
+  }
+  checkSlots() {
+    this.hasLeadingIcon = !!this.hostElement.querySelector('[slot="leadingIconDropdown"]');
+  }
+  render() {
+    const e = S(), t = typeof this?.inputProps?.id == "string" ? this.inputProps.id : "year-input", s = { id: t, appearance: this.appearance, loading: this.loading, disabled: this.disabled, readOnly: this.readOnly, required: this.required, value: this.syncYearDropdownPickerValue(), name: this.name, inputProps: { ...this?.inputProps ?? {}, id: t } }, o = this?.yearsMenuData ?? [];
+    return n(y, { key: "eb898679c65418280db85683ba0fe83cd9299eae", class: e }, n("gids-dropdown", { key: "208db97501bd7002b47004a66dab7359e66baf85", ...s, menuPlacement: this?.menuPlacement ?? "bottom", menuConstrainPlacements: this.menuConstrainPlacements ?? ["bottom", "top"] }, this.hasLeadingIcon && n("slot", { key: "1be4cf288295891e33d97ffb0ea7912f38316fe6", name: "leadingIconDropdown", slot: "leadingIconDropdown" }), n(Y, { key: "e442aae4fc327ca1aed6a1c81c9de6ea32da622c", type: this.loading ? "loading" : "default" }, o.map(((a, i) => {
+      const h = a?.menuItems ?? [];
+      return n(b, { key: `${a.sectionId}_${i}`, sectionLabel: a?.sectionLabel }, h.map(((r, l) => n(f, { id: r.id, title: r?.title, value: r?.value, index: l, disabled: r?.disabled, selected: this.isYearSelected(r), onPressDropdownItem: (u) => this.handleYearSelectionChange({ event: u, sectionIndex: i, itemIndex: l }) }))));
+    })))));
+  }
+  get hostElement() {
+    return this;
+  }
+  static get watchers() {
+    return { disabled: [{ handleInteractivityChange: 0 }], readOnly: [{ handleInteractivityChange: 0 }], menuPlacement: [{ menuPlacementChanged: 0 }], menuConstrainPlacements: [{ menuConstrainPlacementsChanged: 0 }], startYear: [{ startYearChanged: 0 }], endYear: [{ endYearChanged: 0 }] };
+  }
+  static get style() {
+    return ".gids-year-dropdown-picker{position:relative;display:flex;flex-direction:column}";
+  }
+}, [260, "gids-year-dropdown-picker", { appearance: [1], inputProps: [16], disabled: [516], readOnly: [516, "read-only"], loading: [516], value: [513], name: [1], onYearChange: [16], required: [4], menuPlacement: [1, "menu-placement"], menuConstrainPlacements: [16], startYear: [2, "start-year"], endYear: [2, "end-year"], hasLeadingIcon: [32], yearsMenuData: [32], selectedYearObj: [32] }, void 0, { disabled: [{ handleInteractivityChange: 0 }], readOnly: [{ handleInteractivityChange: 0 }], menuPlacement: [{ menuPlacementChanged: 0 }], menuConstrainPlacements: [{ menuConstrainPlacementsChanged: 0 }], startYear: [{ startYearChanged: 0 }], endYear: [{ endYearChanged: 0 }] }]);
+function x() {
+  typeof customElements < "u" && ["gids-year-dropdown-picker", "gids-dropdown", "gids-flyout-panel", "gids-input"].forEach(((e) => {
+    switch (e) {
+      case "gids-year-dropdown-picker":
+        customElements.get(d(e)) || customElements.define(d(e), O);
+        break;
+      case "gids-dropdown":
+        customElements.get(d(e)) || C();
+        break;
+      case "gids-flyout-panel":
+        customElements.get(d(e)) || P();
+        break;
+      case "gids-input":
+        customElements.get(d(e)) || k();
+    }
+  }));
+}
+x();
+export {
+  x as b,
+  O as y
+};

package/dist-bundled/es/{p-DzOOjiNH-CqI4E-mj.js → p-_OVEnTXa-q7qjnzI3.js}

@@ -54,9 +54,9 @@ const c = (e) => e.type === "hidden", f = (e) => {
     this._el.removeEventListener("click", this._focusInput);
   }
   render() {
-    return a(d, { key: "2c544e40744c4f3f264117a0f863bf594b520ea0" }, a("slot", { key: "a0f0ee09eefbb1a10f5b07dd96a2edb2278fe661", name: "leadingIcon" }), this.leadingLabel && a("span", { key: "d7f1c22c9b7dca4ddb16b54e1f6d8df54c9cea41", class: "gids-input__label" }, this.leadingLabel), a("slot", { key: "55edf5a87aa0ec574f2324dfa5f46fcc2a7d6bf6", name: "leadingAccessory" }), a("input", { key: "b7aed46c782dcd4da796dca7e43bf6974bb5ba53", ...this.inputProps, ref: (e) => {
+    return a(d, { key: "fb7b4c0ef80c583f3507ce4d37db29d24ca2b562" }, a("slot", { key: "d8afd829fa9fbc074538b11d16f313da70edfd41", name: "leadingIcon" }), this.leadingLabel && a("span", { key: "7a1502d42be08f757dfef5e2749562a0d0abc7f0", class: "gids-input__label" }, this.leadingLabel), a("slot", { key: "3ad00b2a862b3a99fbaaef28af9a8228e23f6088", name: "leadingAccessory" }), a("input", { key: "1aa8cce113b2584ac9eee246db731c851dc10b83", ...this.inputProps, ref: (e) => {
       this.#t = e, this.#e.value !== void 0 && (this.#t.value = this.#e.value, delete this.#e.value), this.#e.defaultValue !== void 0 && (this.#t.defaultValue = this.#e.defaultValue, delete this.#e.defaultValue);
-    }, class: "gids-input__control", name: this.name, disabled: this.disabled, readOnly: this.readOnly, required: this.required, onFocus: this._handleInputFocusAndBlur, onBlur: this._handleInputFocusAndBlur }), a("slot", { key: "f2b11319075c8efdee53f410c9be6a366eb96a53", name: "trailingAccessory" }), this.trailingLabel && a("span", { key: "be6891ba9714f58c5245cdaaac2b80d5362f96c6", class: "gids-input__label" }, this.trailingLabel), a("slot", { key: "a277264aff77c51c41d43d4b6eab2cf2072979c4", name: "trailingIcon" }), this.status === "incomplete" && a(n, { key: "e108c8b0ecbe509e1aee59172b46c5eb258d4eb6", name: "warning", appearance: "filled", class: "gids-input__warning-icon" }), this.status === "complete" && a(n, { key: "3a9b1fc10f99588a23a13a2abf6648bfcba02eff", name: "positive", appearance: "filled", class: "gids-input__positive-icon" }), this.loading && a(r, { key: "372490f8eb6f0902c4fd729dc3829edda9270514", size: "md", indeterminate: !0 }));
+    }, class: "gids-input__control", name: this.name, disabled: this.disabled, readOnly: this.readOnly, required: this.required, onFocus: this._handleInputFocusAndBlur, onBlur: this._handleInputFocusAndBlur }), a("slot", { key: "dff99e9155afe94cdd7c7cd3229f8c802ca2534f", name: "trailingAccessory" }), this.trailingLabel && a("span", { key: "ace6d5236a1b0ab3446befbb9f4461405fae2070", class: "gids-input__label" }, this.trailingLabel), a("slot", { key: "c0d3c25ff0386ecb237a6747d2f578570de80f82", name: "trailingIcon" }), this.status === "incomplete" && a(n, { key: "c95bac733d0938c4ac2735c6aed6c8d4b8245d14", name: "warning", appearance: "filled", class: "gids-input__warning-icon" }), this.status === "complete" && a(n, { key: "0741fdf7121d191ecde85afa1119171752454d62", name: "positive", appearance: "filled", class: "gids-input__positive-icon" }), this.loading && a(r, { key: "5364733f911f6e1aad02d09084d1ffead9b7fac2", size: "md", indeterminate: !0 }));
   }
   get _el() {
     return this;

package/dist-bundled/es/{p-DrxfD2yZ-Cetyr3S9.js → p-cXOH6OAQ-BRmZ0lXm.js}

@@ -1,6 +1,6 @@
-import { q as o, L as r, u as c, D as d } from "./p-B4hcsDH0-CPqEc-vc.js";
-import { i as h, a as m } from "./p-CAjDiWIc-C9dOa7FT.js";
-import { i as u } from "./p-DLRj-mUX-BapdQYpI.js";
+import { q as a, L as r, u as c, D as l } from "./p-B4hcsDH0-CPqEc-vc.js";
+import { i as h, t as m } from "./p-BBlUduEr-CWdvgBS6.js";
+import { i as u } from "./p-B3AB3GQ0-DdgNC9FJ.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" });
@@ -20,16 +20,16 @@ const f = (t) => p("gids-calendar-month-list", t), I = () => {
 }, Symbol.toStringTag, { value: "Module" })), { getGidsCalendarMonthListClassNames: g, getGidsCalendarMonthListMonths: M } = b, C = r(class extends c {
   constructor(t) {
     super(), t !== !1 && this.__registerHost(), this.type = "default", this.disabledIndices = [], this.divider = !1, this.hasItemListener = !1, this.suppressNextMenuClickSelection = !1, this.handleCalendarMenuItemSelect = (s) => {
-      const { title: e, value: n, selectedIndex: i, disabled: l, id: a } = s.detail;
-      l || typeof e != "string" || (this.suppressNextMenuClickSelection = !0, queueMicrotask((() => {
+      const { title: e, value: n, selectedIndex: i, disabled: o, id: d } = s.detail;
+      o || typeof e != "string" || (this.suppressNextMenuClickSelection = !0, queueMicrotask((() => {
         this.suppressNextMenuClickSelection = !1;
-      })), this.applySelection({ id: a, month: e, monthInNumber: Number(n), disabled: !1, selectedIndex: i }));
+      })), this.applySelection({ id: d, month: e, monthInNumber: Number(n), disabled: !1, selectedIndex: i }));
     }, this.handleMenuClick = (s) => {
       if (this.suppressNextMenuClickSelection) return;
       const e = s?.detail;
       this.applySelection({ id: e.id, monthInNumber: Number(e.value), month: e.title, disabled: !1, selectedIndex: e.selectedIndex });
     }, this.monthsList = () => M(), this.getSelectedItem = () => {
-      const s = this.selectedMonthNumber, e = this.monthsList(), n = e.findIndex(((l) => l.value === s));
+      const s = this.selectedMonthNumber, e = this.monthsList(), n = e.findIndex(((o) => o.value === s));
       let i;
       return n != null && n !== -1 && (i = e[n]), { foundItem: i, foundIndex: n };
     }, this.isItemSelected = (s) => {
@@ -60,9 +60,9 @@ const f = (t) => p("gids-calendar-month-list", t), I = () => {
   }
   render() {
     const t = g();
-    return d("div", { key: "4df94bbfd8452d30e6de6458423d2ebed874896c", class: t }, d(h, { key: "13f5733fbcf93f287e72c043c245c3eb7c111db3", type: this.type, supportingText: this.noOptionsText }, d(m, { key: "51ca53830a82666fcd23d9ae5f4ec419970dbd22", sectionLabel: "Months" }, this.monthsList().map(((s, e) => {
+    return l("div", { key: "1992a073a048cca6005c2c2de241b13a7adca248", class: t }, l(h, { key: "3c26cb68a9760f7387c485e2a224eca4f1256c53", type: this.type, supportingText: this.noOptionsText }, l(m, { key: "647b8f75dc50a05cab39863ab979bb882c9f81c5", sectionLabel: "Months" }, this.monthsList().map(((s, e) => {
       const n = `${e + 1}`, i = this.disabledIndices?.includes(e);
-      return d(u, { title: s.title, value: `${s.value}`, key: `${e.toString()}`, index: e, id: n, selected: this.isItemSelected(e), onPressDropdownItem: this.handleMenuClick, disabled: i, divider: this.divider, isPlaceholderItem: !1 });
+      return l(u, { title: s.title, value: `${s.value}`, key: `${e.toString()}`, index: e, id: n, selected: this.isItemSelected(e), onPressDropdownItem: this.handleMenuClick, disabled: i, divider: this.divider, isPlaceholderItem: !1 });
     })))));
   }
   get hostElement() {
@@ -71,7 +71,7 @@ const f = (t) => p("gids-calendar-month-list", t), I = () => {
 }, [0, "gids-calendar-month-list", { type: [1], noOptionsText: [1, "no-options-text"], disabledIndices: [16], divider: [4], selectedMonthNumber: [2, "selected-month-number"], onSelectionMonthChange: [16] }]);
 function L() {
   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(a(t)) || customElements.define(a(t), C));
   }));
 }
 L();

package/dist-bundled/es/p-lVcUFx2e-D6N6qefs.js

@@ -0,0 +1,86 @@
+import { q as d, L as p, u as g, D as s, P as M } from "./p-B4hcsDH0-CPqEc-vc.js";
+import { i as b, t as f } from "./p-BBlUduEr-CWdvgBS6.js";
+import { i as C } from "./p-B3AB3GQ0-DdgNC9FJ.js";
+import { u as P } from "./p-Bbw1WCO7-CJU0y0iF.js";
+import { c as y } from "./p-CS2U2Mro-6wGJ-t9P.js";
+import { r as k } from "./p-_OVEnTXa-q7qjnzI3.js";
+import { e as l, a as c, k as I } from "./GidsDatePickerSharedUtils-Dh5qFlYA.js";
+import { c as D } from "./clsx-OuTLNxxd.js";
+const v = (e) => D("gids-month-dropdown-picker", e), w = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsMonthDropdownPickerClassNames: v
+}, Symbol.toStringTag, { value: "Module" })), { getGidsMonthDropdownPickerClassNames: S } = w, O = p(class extends g {
+  constructor(e) {
+    super(), e !== !1 && this.__registerHost(), this.appearance = "default", this.menuPlacement = "bottom", this.menuConstrainPlacements = ["bottom", "top"], this.startMonth = Number(l), this.endMonth = Number(c), this.hasLeadingIcon = !1, this.monthsMenuData = [], this.selectedMonthObj = void 0, this.handleMonthSelectionChange = ({ event: t, sectionIndex: a, itemIndex: h }) => {
+      const n = t?.detail, o = { originalEvent: t, id: n.id, month: n?.title ? Number(n.title) : void 0, sectionIndex: a, itemIndex: h, selected: !0 };
+      this.selectedMonthObj = o, this.onMonthChange && this.onMonthChange(o);
+    }, this.feedMonthsDataState = () => {
+      const t = this?.startMonth ?? l, a = this?.endMonth ?? c;
+      this.monthsMenuData = I({ startMonth: String(t), endMonth: String(a) });
+    }, this.isMonthSelected = (t) => t?.id === this?.selectedMonthObj?.id, this.syncMonthDropdownPickerValue = () => this?.selectedMonthObj?.month ? String(this.selectedMonthObj.month) : this?.value;
+  }
+  handleInteractivityChange(e) {
+    this.disabled = e, this.readOnly = e;
+  }
+  menuPlacementChanged(e) {
+    this.menuPlacement = e;
+  }
+  menuConstrainPlacementsChanged(e) {
+    this.menuConstrainPlacements = e;
+  }
+  startMonthChanged(e) {
+    this.startMonth = e, this.feedMonthsDataState();
+  }
+  endMonthChanged(e) {
+    this.endMonth = e, this.feedMonthsDataState();
+  }
+  connectedCallback() {
+  }
+  componentWillLoad() {
+    this.checkSlots(), this.feedMonthsDataState();
+  }
+  componentWillUpdate() {
+    this.checkSlots();
+  }
+  checkSlots() {
+    this.hasLeadingIcon = !!this.hostElement.querySelector('[slot="leadingIconDropdown"]');
+  }
+  render() {
+    const e = S(), t = typeof this?.inputProps?.id == "string" ? this.inputProps.id : "month-input", a = { id: t, appearance: this.appearance, loading: this.loading, disabled: this.disabled, readOnly: this.readOnly, required: this.required, value: this.syncMonthDropdownPickerValue(), name: this.name, inputProps: { ...this?.inputProps ?? {}, id: t } }, h = this?.monthsMenuData ?? [];
+    return s(M, { key: "5c28b117ff8bda651cbe6572772b7fd0031dba46", class: e }, s("gids-dropdown", { key: "4f334893ce786bd71a80c0dd22589c7b0097816b", ...a, menuPlacement: this?.menuPlacement ?? "bottom", menuConstrainPlacements: this.menuConstrainPlacements ?? ["bottom", "top"] }, this.hasLeadingIcon && s("slot", { key: "9db64618e39ae929e6210f954a421bd931a3ddc5", name: "leadingIconDropdown", slot: "leadingIconDropdown" }), s(b, { key: "f32752f4c1a2ff4836560243c44970c5305e04b9", type: this.loading ? "loading" : "default" }, h.map(((n, o) => {
+      const m = n?.menuItems ?? [];
+      return s(f, { key: `${n.sectionId}_${o}`, sectionLabel: n?.sectionLabel }, m.map(((i, r) => s(C, { id: i.id, title: i?.title, value: i?.value, index: r, disabled: i?.disabled, selected: this.isMonthSelected(i), onPressDropdownItem: (u) => this.handleMonthSelectionChange({ event: u, sectionIndex: o, itemIndex: r }) }))));
+    })))));
+  }
+  get hostElement() {
+    return this;
+  }
+  static get watchers() {
+    return { disabled: [{ handleInteractivityChange: 0 }], readOnly: [{ handleInteractivityChange: 0 }], menuPlacement: [{ menuPlacementChanged: 0 }], menuConstrainPlacements: [{ menuConstrainPlacementsChanged: 0 }], startMonth: [{ startMonthChanged: 0 }], endMonth: [{ endMonthChanged: 0 }] };
+  }
+  static get style() {
+    return ".gids-month-dropdown-picker{position:relative;display:flex;flex-direction:column}";
+  }
+}, [260, "gids-month-dropdown-picker", { appearance: [1], inputProps: [16], disabled: [516], readOnly: [516, "read-only"], loading: [516], value: [513], name: [1], onMonthChange: [16], required: [4], menuPlacement: [1, "menu-placement"], menuConstrainPlacements: [16], startMonth: [2, "start-month"], endMonth: [2, "end-month"], hasLeadingIcon: [32], monthsMenuData: [32], selectedMonthObj: [32] }, void 0, { disabled: [{ handleInteractivityChange: 0 }], readOnly: [{ handleInteractivityChange: 0 }], menuPlacement: [{ menuPlacementChanged: 0 }], menuConstrainPlacements: [{ menuConstrainPlacementsChanged: 0 }], startMonth: [{ startMonthChanged: 0 }], endMonth: [{ endMonthChanged: 0 }] }]);
+function x() {
+  typeof customElements < "u" && ["gids-month-dropdown-picker", "gids-dropdown", "gids-flyout-panel", "gids-input"].forEach(((e) => {
+    switch (e) {
+      case "gids-month-dropdown-picker":
+        customElements.get(d(e)) || customElements.define(d(e), O);
+        break;
+      case "gids-dropdown":
+        customElements.get(d(e)) || P();
+        break;
+      case "gids-flyout-panel":
+        customElements.get(d(e)) || y();
+        break;
+      case "gids-input":
+        customElements.get(d(e)) || k();
+    }
+  }));
+}
+x();
+export {
+  O as b,
+  x as f
+};

package/dist-bundled/es/{p-mv_7K1EM-U3yKC45e.js → p-peMqbYbz-BnWVSfKD.js}

@@ -56,7 +56,7 @@ const g = (t) => _("gids-field", t), u = /* @__PURE__ */ Object.freeze(/* @__PUR
       const a = this._getStatusModifierClass(s, "gids-field__status-text");
       a != null && i.push(a);
     }
-    return o(d, { key: "a7eb8d9404ca5e3d4e965d9a5c6496572b0d1240" }, o("div", { key: "8578998418e9012e5d2f537dcad0f835e0341829", class: p() }, o("div", { key: "f96cbfc7c87b5551c8167a13afe0de5dfc927b44", class: "gids-field__header", hidden: !this._hasLabelContent() }, o("slot", { key: "5165b9dc75b397b17e7adad373596c2d9a991879", ref: this._setLabelSlot, name: "label", onSlotchange: this._handleControlSlotChange }), o("div", { key: "21e87c9692e9b5f41770eafe34b49bfaedc58af7", class: "gids-field__count", "aria-live": "polite" }, this.count)), o("div", { key: "fcf2e25a96163fd0abccf422832af553c81b2360", class: "gids-field__control" }, o("slot", { key: "fa40cebb1ad7cb516e69865d416f76a833c18adb", ref: this._setControlSlot, onSlotchange: this._handleControlSlotChange })), o("p", { key: "dea14f1ef4c172050eaeee03f1e934cba3f5b3e8", class: "gids-field__supporting-text", hidden: !this._shouldShowHelperText() }, this.helperText), t ? o("p", { class: i.join(" "), role: "status", "aria-live": "polite" }, this._renderStatusIcon(s), e !== void 0 ? o("span", null, e) : null) : null));
+    return o(d, { key: "08955cbc6fa2aa3d1fb77b9adf0f4032b9cf988b" }, o("div", { key: "0c06dde5a88b24f8fa67981ee5a7c811b83ab1e7", class: p() }, o("div", { key: "5692ca38df0daa2b433494395e65281d7bcbf5b3", class: "gids-field__header", hidden: !this._hasLabelContent() }, o("slot", { key: "e87ee4f029ab59859e49b279ee7cefcee96656d5", ref: this._setLabelSlot, name: "label", onSlotchange: this._handleControlSlotChange }), o("div", { key: "77a08b54fd4e03cb9a3a4b4e1477d33aeb3b94f1", class: "gids-field__count", "aria-live": "polite" }, this.count)), o("div", { key: "f129ee9336c06ec9cc5ff57c31ea6ab991dda68e", class: "gids-field__control" }, o("slot", { key: "3e41e194c7f1d7a3b0b9e10a039cf3b0475d4185", ref: this._setControlSlot, onSlotchange: this._handleControlSlotChange })), o("p", { key: "3fa1b008ac769f3b43162e616945be51a00b3f7b", class: "gids-field__supporting-text", hidden: !this._shouldShowHelperText() }, this.helperText), t ? o("p", { class: i.join(" "), role: "status", "aria-live": "polite" }, this._renderStatusIcon(s), e !== void 0 ? o("span", null, e) : null) : null));
   }
   _hasLabelContent() {
     return this._hasLabel;