@ganpatiinfo/gids-core-web 22.0.0 → 23.0.0

package/dist-bundled/es/p-XVlT5H5q-CFIMyrM3.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 { D as P } from "./p-MaJDBE6u-DjtEX6-I.js";
+import { u as k } from "./p-vz4tzbld-BYJRjHJw.js";
+import { c as f } from "./p-CSXuAs_X-Hw6bT-8r.js";
+import { P as x } from "./p-fE-MdTCH-CDvG1Xn1.js";
+import { m as v } from "./p-B4d07GWP-DLyo7HQ9.js";
+import { f as M } from "./p-lvArnlBV-BxkIAxHG.js";
+import { g as O } from "./p-B18yNcA0-BaaXQYM_.js";
+import { m as j } from "./p-BcXumkjZ-zNpzLmjI.js";
+import { a as S } from "./p-DOiDD7cS-j1RR9K9r.js";
+import { h as N } from "./p-CxfmNDsm-JHseL2it.js";
+import { a as E } from "./p-DKe6orSY-D1kYOeuX.js";
+import { r as Y } from "./p-CZgH5rZs-Clk0qfHN.js";
+import { f as w } from "./p-62akP0Ad-D4pJ0a_I.js";
+import { f as V } from "./p-DiX4HaE6-C35K492C.js";
+import { g as o, c as l, d as c, h as _, i as $ } from "./GidsDatePickerSharedUtils-Dh5qFlYA.js";
+import { c as q } from "./clsx-OuTLNxxd.js";
+const A = (e) => q("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 ?? $(), 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: "0bf09e50e7b94e4cad2662347f8e0739241e08da", 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 {
+  L as E,
+  z as w
+};

package/dist-bundled/es/p-fE-MdTCH-CDvG1Xn1.js

@@ -0,0 +1,122 @@
+import { q as t, L as o, u as c, D as s, P as h } from "./p-B4hcsDH0-CPqEc-vc.js";
+import { D as m } from "./p-MaJDBE6u-DjtEX6-I.js";
+import { u as g } from "./p-vz4tzbld-BYJRjHJw.js";
+import { c as u } from "./p-CSXuAs_X-Hw6bT-8r.js";
+import { m as p } from "./p-B4d07GWP-DLyo7HQ9.js";
+import { g as C } from "./p-B18yNcA0-BaaXQYM_.js";
+import { m as b } from "./p-BcXumkjZ-zNpzLmjI.js";
+import { a as P } from "./p-DOiDD7cS-j1RR9K9r.js";
+import { h as f } from "./p-CxfmNDsm-JHseL2it.js";
+import { a as k } from "./p-DKe6orSY-D1kYOeuX.js";
+import { r as y } from "./p-CZgH5rZs-Clk0qfHN.js";
+import { f as v, b as Y } from "./GidsDatePickerSharedUtils-Dh5qFlYA.js";
+import { c as D } from "./clsx-OuTLNxxd.js";
+const E = (e) => D("gids-calendar-picker", e), S = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsCalendarPickerClassNames: E
+}, Symbol.toStringTag, { value: "Module" })), { getGidsCalendarPickerClassNames: O } = S, x = o(class extends c {
+  constructor(e) {
+    super(), e !== !1 && this.__registerHost(), this.appearance = "default", this.menuPlacement = "bottom", this.menuConstrainPlacements = ["bottom", "top"], this.panelActionsAppearance = "default", this.hasLeadingIcon = !1, this.selectedCalendarPickerObj = void 0, this.handleCalendarDateSelectionChange = (a) => {
+      if (this.selectedCalendarPickerObj = a, this.onSelectionCalendarCell) {
+        this.onSelectionCalendarCell(a);
+        const n = new CustomEvent("gidsCalendarPickerChange", { bubbles: !0, composed: !0, detail: a });
+        this.hostElement.dispatchEvent(n), this.disabled || this.readOnly || this.flyoutPanelElement?.isFlyoutPanelVisible().then(((i) => {
+          i ? this.flyoutPanelElement?.closeFlyoutPanel(n) : this.flyoutPanelElement?.openFlyoutPanel(n);
+        }));
+      }
+    }, 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.syncCalendarPickerValue = () => this?.selectedCalendarPickerObj?.date ? this.selectedCalendarPickerObj.date : this?.value, this.getSelectedDate = () => this?.selectedCalendarPickerObj?.date, this.getActiveMonthNumber = () => this?.selectedCalendarPickerObj?.currentActivePanelState?.monthNumber, this.getActiveYear = () => this?.selectedCalendarPickerObj?.currentActivePanelState?.year;
+  }
+  handleInteractivityChange(e) {
+    this.disabled = e, this.readOnly = e;
+  }
+  menuPlacementChanged(e) {
+    this.menuPlacement = e;
+  }
+  menuConstrainPlacementsChanged(e) {
+    this.menuConstrainPlacements = e;
+  }
+  startYearChanged(e) {
+    this.startYear = e;
+  }
+  endYearChanged(e) {
+    this.endYear = e;
+  }
+  connectedCallback() {
+  }
+  componentWillLoad() {
+    this.checkSlots();
+  }
+  componentWillUpdate() {
+    this.checkSlots();
+  }
+  componentDidRender() {
+    this.flyoutPanelElement = this.hostElement.querySelector("gids-flyout-panel") ?? void 0;
+  }
+  checkSlots() {
+    this.hasLeadingIcon = !!this.hostElement.querySelector('[slot="leadingIconDropdown"]');
+  }
+  render() {
+    const e = O(), a = typeof this?.inputProps?.id == "string" ? this.inputProps.id : "calendar-picker-input", n = { id: a, appearance: this.appearance, loading: this.loading, disabled: this.disabled, readOnly: this.readOnly, required: this.required, value: this.syncCalendarPickerValue(), name: this.name, inputProps: { ...this?.inputProps ?? {}, id: a } }, i = this?.startYear ?? v, r = this?.endYear ?? Y, l = Number(i), d = Number(r);
+    return s(h, { key: "7373d9601eaaafee7c9c4f8056982b5b695089c7", class: e }, s("gids-dropdown", { key: "8b36bba505737ffe43aa3abecd90a946a1c39c55", ...n, menuPlacement: this?.menuPlacement ?? "bottom", menuConstrainPlacements: this.menuConstrainPlacements ?? ["bottom", "top"] }, this.hasLeadingIcon && s("slot", { key: "e2eb369f2c6e85482c8866dd3e2c4614edf004bd", name: "leadingIconDropdown", slot: "leadingIconDropdown" }), s("gids-calendar", { key: "e8be0098b49f3b88ac0f061d75f5ca75da82c879", onSelectionCalendarCell: this.handleCalendarDateSelectionChange, startYear: l, endYear: d, 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, selectedDate: this.getSelectedDate(), activeMonthNumber: this.getActiveMonthNumber(), activeYear: this.getActiveYear() })));
+  }
+  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-calendar-picker{position:relative;display:flex;flex-direction:column}";
+  }
+}, [260, "gids-calendar-picker", { appearance: [1], inputProps: [16], disabled: [516], readOnly: [516, "read-only"], loading: [516], value: [513], name: [1], required: [4], menuPlacement: [1, "menu-placement"], menuConstrainPlacements: [16], startYear: [2, "start-year"], endYear: [2, "end-year"], 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], onSelectionCalendarCell: [16], hasLeadingIcon: [32], selectedCalendarPickerObj: [32] }, void 0, { disabled: [{ handleInteractivityChange: 0 }], readOnly: [{ handleInteractivityChange: 0 }], menuPlacement: [{ menuPlacementChanged: 0 }], menuConstrainPlacements: [{ menuConstrainPlacementsChanged: 0 }], startYear: [{ startYearChanged: 0 }], endYear: [{ endYearChanged: 0 }] }]);
+function A() {
+  typeof customElements < "u" && ["gids-calendar-picker", "gids-calendar", "gids-calendar-header-panel", "gids-calendar-month-list", "gids-calendar-year-list", "gids-dot", "gids-dropdown", "gids-dropdown-picker", "gids-flyout-panel", "gids-icon", "gids-input"].forEach(((e) => {
+    switch (e) {
+      case "gids-calendar-picker":
+        customElements.get(t(e)) || customElements.define(t(e), x);
+        break;
+      case "gids-calendar":
+        customElements.get(t(e)) || m();
+        break;
+      case "gids-calendar-header-panel":
+        customElements.get(t(e)) || g();
+        break;
+      case "gids-calendar-month-list":
+        customElements.get(t(e)) || u();
+        break;
+      case "gids-calendar-year-list":
+        customElements.get(t(e)) || p();
+        break;
+      case "gids-dot":
+        customElements.get(t(e)) || C();
+        break;
+      case "gids-dropdown":
+        customElements.get(t(e)) || b();
+        break;
+      case "gids-dropdown-picker":
+        customElements.get(t(e)) || P();
+        break;
+      case "gids-flyout-panel":
+        customElements.get(t(e)) || f();
+        break;
+      case "gids-icon":
+        customElements.get(t(e)) || k();
+        break;
+      case "gids-input":
+        customElements.get(t(e)) || y();
+    }
+  }));
+}
+A();
+export {
+  A as P,
+  x as k
+};

package/dist-bundled/es/{p-mv_7K1EM-U3yKC45e.js → p-gK9DvcL8-Chw-ya2Q.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: "899cd714d26e107d247b30c032f3bf0990f1c7df" }, o("div", { key: "9d047c25818209f203ed83b6c4b9f5ce1e1791c7", class: p() }, o("div", { key: "cf4ef210e23935aab41dd5540d4fa13ca24707fe", class: "gids-field__header", hidden: !this._hasLabelContent() }, o("slot", { key: "8fa154f9ea5e42179fbb7395c200044e07540b91", ref: this._setLabelSlot, name: "label", onSlotchange: this._handleControlSlotChange }), o("div", { key: "73d8cfb90da4cb0aab9537d559e2fc34670217ae", class: "gids-field__count", "aria-live": "polite" }, this.count)), o("div", { key: "8d3ea2445550ca63932a9fd87239aec27f87daad", class: "gids-field__control" }, o("slot", { key: "bac677a8a4393130c00c98558965069dc242fb7a", ref: this._setControlSlot, onSlotchange: this._handleControlSlotChange })), o("p", { key: "1e493b121065bcef77a8aa38d8756a4ffb162980", 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;

package/dist-bundled/es/{p-_W77iniK-ChKfEOp3.js → p-iEUyQs9t-BUXXVuwz.js}

@@ -1,7 +1,7 @@
 import { q as l, L as f, u, D as t } from "./p-B4hcsDH0-CPqEc-vc.js";
 import { p as b } from "./p-C-Lpfqcg-DIuBhXzX.js";
-import { o as x } from "./p-DnRuhvRw-Beh0bANh.js";
-import { l as z } from "./p-E13ycS5K-BBDydae3.js";
+import { o as x } from "./p-x1tVOUSt-CdB8Szfe.js";
+import { l as z } from "./p-DYKcsBzA-BcupA9sw.js";
 import { c as w } from "./clsx-OuTLNxxd.js";
 const k = ({ breakpoint: a }, g) => w("gids-activity-gauge", {
   "gids-activity-gauge--breakpoint-mobile": a === "mobile"

package/dist-bundled/es/{p-BCbovLBE-CDxKiOtS.js → p-jtpLLxuw-BlEPhjmU.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: "161d9902fdd4e290a4ea79b6ea2f7934728fd2f5", 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: "b3a560997c20a27ac12cfae0e85ef531af182116", class: y("gids-profile-menu-header__content-container-default", { "gids-profile-menu-header__content-container-centralized": e === "centralized" }) }, i("label", { key: "480d364bd02d248a1e655f1d88de43b7178df8c7", onClick: this.onHeaderItemTitlePress }, a), i("span", { key: "bfde4898d9c046aae9d88acff86f5d962370daec", onClick: this.onHeaderItemSupportingTextPress }, t), i("p", { key: "8fc81966e4511fcbbf6539e35bc513f6b4cb22a5" }, n)));
   }
   get hostElement() {
     return this;

package/dist-bundled/es/p-lvArnlBV-BxkIAxHG.js

@@ -0,0 +1,86 @@
+import { q as o, L as u, u as p, D as n, P as g } from "./p-B4hcsDH0-CPqEc-vc.js";
+import { i as D, t as f } from "./p-BBlUduEr-CWdvgBS6.js";
+import { i as b } from "./p-B3AB3GQ0-DdgNC9FJ.js";
+import { m as C } from "./p-BcXumkjZ-zNpzLmjI.js";
+import { h as P } from "./p-CxfmNDsm-JHseL2it.js";
+import { r as I } from "./p-CZgH5rZs-Clk0qfHN.js";
+import { c as l, d as m, j as k } from "./GidsDatePickerSharedUtils-Dh5qFlYA.js";
+import { c as v } from "./clsx-OuTLNxxd.js";
+const w = (e) => v("gids-day-dropdown-picker", e), S = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsDayDropdownPickerClassNames: w
+}, Symbol.toStringTag, { value: "Module" })), { getGidsDayDropdownPickerClassNames: O } = S, x = u(class extends p {
+  constructor(e) {
+    super(), e !== !1 && this.__registerHost(), this.appearance = "default", this.menuPlacement = "bottom", this.menuConstrainPlacements = ["bottom", "top"], this.startDay = Number(l), this.endDay = Number(m), this.hasLeadingIcon = !1, this.daysMenuData = [], this.selectedDayObj = void 0, this.handleDaySelectionChange = ({ event: t, sectionIndex: s, itemIndex: r }) => {
+      const a = t?.detail, i = { originalEvent: t, id: a.id, dayInNumber: a?.title ? Number(a.title) : void 0, sectionIndex: s, itemIndex: r, selected: !0 };
+      this.selectedDayObj = i, this.onDayChange && this.onDayChange(i);
+    }, this.feedDaysDataState = () => {
+      const t = this?.startDay ?? l, s = this?.endDay ?? m;
+      this.daysMenuData = k({ startDay: String(t), endDay: String(s) });
+    }, this.isDaySelected = (t) => t?.id === this?.selectedDayObj?.id, this.syncDayDropdownPickerValue = () => this?.selectedDayObj?.dayInNumber ? String(this.selectedDayObj.dayInNumber) : this?.value;
+  }
+  handleInteractivityChange(e) {
+    this.disabled = e, this.readOnly = e;
+  }
+  menuPlacementChanged(e) {
+    this.menuPlacement = e;
+  }
+  menuConstrainPlacementsChanged(e) {
+    this.menuConstrainPlacements = e;
+  }
+  startDayChanged(e) {
+    this.startDay = e, this.feedDaysDataState();
+  }
+  endDayChanged(e) {
+    this.endDay = e, this.feedDaysDataState();
+  }
+  connectedCallback() {
+  }
+  componentWillLoad() {
+    this.checkSlots(), this.feedDaysDataState();
+  }
+  componentWillUpdate() {
+    this.checkSlots();
+  }
+  checkSlots() {
+    this.hasLeadingIcon = !!this.hostElement.querySelector('[slot="leadingIconDropdown"]');
+  }
+  render() {
+    const e = O(), t = typeof this?.inputProps?.id == "string" ? this.inputProps.id : "day-input", s = { id: t, appearance: this.appearance, loading: this.loading, disabled: this.disabled, readOnly: this.readOnly, required: this.required, value: this.syncDayDropdownPickerValue(), name: this.name, inputProps: { ...this?.inputProps ?? {}, id: t } }, r = this?.daysMenuData ?? [];
+    return n(g, { key: "d776be44fac87006db16eb621c24b439c53967fe", class: e }, n("gids-dropdown", { key: "6c2fa537971ff58d094cb3feee5740d903cdfd28", ...s, menuPlacement: this?.menuPlacement ?? "bottom", menuConstrainPlacements: this.menuConstrainPlacements ?? ["bottom", "top"] }, this.hasLeadingIcon && n("slot", { key: "d1e9cf1b7664c579a6f05b34991ab71df89c6528", name: "leadingIconDropdown", slot: "leadingIconDropdown" }), n(D, { key: "0661486f9abe1dfd021ce9eace47988dadf1bc00", type: this.loading ? "loading" : "default" }, r.map(((a, i) => {
+      const h = a?.menuItems ?? [];
+      return n(f, { key: `${a.sectionId}_${i}`, sectionLabel: a?.sectionLabel }, h.map(((d, c) => n(b, { id: d.id, title: d?.title, value: d?.value, index: c, disabled: d?.disabled, selected: this.isDaySelected(d), onPressDropdownItem: (y) => this.handleDaySelectionChange({ event: y, sectionIndex: i, itemIndex: c }) }))));
+    })))));
+  }
+  get hostElement() {
+    return this;
+  }
+  static get watchers() {
+    return { disabled: [{ handleInteractivityChange: 0 }], readOnly: [{ handleInteractivityChange: 0 }], menuPlacement: [{ menuPlacementChanged: 0 }], menuConstrainPlacements: [{ menuConstrainPlacementsChanged: 0 }], startDay: [{ startDayChanged: 0 }], endDay: [{ endDayChanged: 0 }] };
+  }
+  static get style() {
+    return ".gids-day-dropdown-picker{position:relative;display:flex;flex-direction:column}";
+  }
+}, [260, "gids-day-dropdown-picker", { appearance: [1], inputProps: [16], disabled: [516], readOnly: [516, "read-only"], loading: [516], value: [513], name: [1], onDayChange: [16], required: [4], menuPlacement: [1, "menu-placement"], menuConstrainPlacements: [16], startDay: [2, "start-day"], endDay: [2, "end-day"], hasLeadingIcon: [32], daysMenuData: [32], selectedDayObj: [32] }, void 0, { disabled: [{ handleInteractivityChange: 0 }], readOnly: [{ handleInteractivityChange: 0 }], menuPlacement: [{ menuPlacementChanged: 0 }], menuConstrainPlacements: [{ menuConstrainPlacementsChanged: 0 }], startDay: [{ startDayChanged: 0 }], endDay: [{ endDayChanged: 0 }] }]);
+function E() {
+  typeof customElements < "u" && ["gids-day-dropdown-picker", "gids-dropdown", "gids-flyout-panel", "gids-input"].forEach(((e) => {
+    switch (e) {
+      case "gids-day-dropdown-picker":
+        customElements.get(o(e)) || customElements.define(o(e), x);
+        break;
+      case "gids-dropdown":
+        customElements.get(o(e)) || C();
+        break;
+      case "gids-flyout-panel":
+        customElements.get(o(e)) || P();
+        break;
+      case "gids-input":
+        customElements.get(o(e)) || I();
+    }
+  }));
+}
+E();
+export {
+  E as f,
+  x as y
+};

package/dist-bundled/es/{p-TfH966_e-BzZRV8Rj.js → p-vz4tzbld-BYJRjHJw.js}

@@ -2,9 +2,9 @@ import { q as l, L as d, u as o, D as n } from "./p-B4hcsDH0-CPqEc-vc.js";
 import { o as h } from "./p-Dg_WeHpV-DehzGL6g.js";
 import { d as c } from "./p-iQRr_fAH-Dvv1n8QD.js";
 import { e as p } from "./p-ChV9xqsO-CJSPCx6p.js";
-import { l as u } from "./p-DrxfD2yZ-Cetyr3S9.js";
-import { m as b } from "./p-Ds5IzXj3-B2o0ML2C.js";
-import { h as m } from "./p-BQT5yy5L-C1C_zTi-.js";
+import { c as u } from "./p-CSXuAs_X-Hw6bT-8r.js";
+import { m as b } from "./p-B4d07GWP-DLyo7HQ9.js";
+import { a as m } from "./p-DOiDD7cS-j1RR9K9r.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: "87ecb2ec0d63b8e8d8a2b09dc8cc36a47b6e57c9", class: e }, n(h, { key: "1d793e6b1d53851e35ad8f317cc0f2b61ba5160f", 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: "97e053ab33a40ed94a0e573ea80c9326d4323203", class: "gids-calendar-header-panel__main-container" }, n("gids-dropdown-picker", { key: "1fc0f27bb9745073ddaae93a3555290b7bcaabec", expanded: a, appearance: this.appearance, size: "sm", value: `${this.panelMonthNumber}`, disabled: this.monthPickerDisabled }, n("gids-calendar-month-list", { key: "4de3eccbd5f989574729da350291720a21d2f2f4", type: "default", selectedMonthNumber: this.panelMonthNumber, onSelectionMonthChange: this.handleMonthPickerMenuClick })), n("span", { key: "f4130116941759492f16f11636fe686f07093743", class: p("gids-calendar-header-panel__panel-value", { "gids-calendar-header-panel__panel-value-disabled": this.panelDisabled }) }, this.getPanelValue()), n("gids-dropdown-picker", { key: "901389ce6e6d89f7c341743bc2a417e2d87138bf", expanded: t, appearance: this.appearance, size: "sm", value: `${this.panelYear}`, disabled: this.yearPickerDisabled }, n("gids-calendar-year-list", { key: "f17878f6f9c660e3f2930dc2ae766efd83c487ed", type: "default", selectedYear: this.panelYear, startYear: this.startYear ?? this.fallbackStartYear, endYear: this.endYear, onSelectionYearChange: this.handleYearPickerMenuClick }))), n(h, { key: "f73cdc2970a5285eb327913aae433568a78f060f", 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: "6f3a9f33504c28ebc0135aa7176267172378e184", class: e }, n(h, { key: "e12e0ab1a440338aec9a600eeb2e63678da0c0e5", 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: "915a9603380adfcff5586038bd9d902b354d298b", class: "gids-calendar-header-panel__main-container" }, n("gids-dropdown-picker", { key: "b6cdfbf2e722b7749ac851189e88501ae5011ec6", expanded: a, appearance: this.appearance, size: "sm", value: `${this.panelMonthNumber}`, disabled: this.monthPickerDisabled }, n("gids-calendar-month-list", { key: "328169b55bca1c6b61ce10dd8db5fe7bb758879c", type: "default", selectedMonthNumber: this.panelMonthNumber, onSelectionMonthChange: this.handleMonthPickerMenuClick })), n("span", { key: "b77e36f39d1599ef39c7dab120d692c0e3ec9b83", class: p("gids-calendar-header-panel__panel-value", { "gids-calendar-header-panel__panel-value-disabled": this.panelDisabled }) }, this.getPanelValue()), n("gids-dropdown-picker", { key: "2f48db7f8fd971693a03886cc560abe3abcd65c3", expanded: t, appearance: this.appearance, size: "sm", value: `${this.panelYear}`, disabled: this.yearPickerDisabled }, n("gids-calendar-year-list", { key: "c1af31e67f962bf71f81bada6fbb673f8a004c12", type: "default", selectedYear: this.panelYear, startYear: this.startYear ?? this.fallbackStartYear, endYear: this.endYear, onSelectionYearChange: this.handleYearPickerMenuClick }))), n(h, { key: "de0e78ea6bfdb3ee1fe533c4215bb7df642ca824", 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;
@@ -162,6 +162,6 @@ function y() {
 y();
 export {
   v as m,
-  P as r,
+  P as n,
   y as u
 };

package/dist-bundled/es/{p-DnRuhvRw-Beh0bANh.js → p-x1tVOUSt-CdB8Szfe.js}

@@ -4,10 +4,10 @@ const o = ({ orientation: e }, i) => s("gids-chart-legend", {
   // 'gids-chart-legend--orientation-horizontal':
   // 	orientation === 'horizontal', // not needed as by default
   "gids-chart-legend--orientation-vertical": e === "vertical"
-}, i), d = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, i), c = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   getGidsChartLegendClassNames: o
-}, Symbol.toStringTag, { value: "Module" })), { getGidsChartLegendClassNames: l } = d, c = a(class extends r {
+}, Symbol.toStringTag, { value: "Module" })), { getGidsChartLegendClassNames: d } = c, l = a(class extends r {
   constructor(e) {
     super(), e !== !1 && this.__registerHost(), this.orientation = "horizontal";
   }
@@ -15,8 +15,8 @@ const o = ({ orientation: e }, i) => s("gids-chart-legend", {
     this.orientation = e;
   }
   render() {
-    const e = l({ orientation: this.orientation });
-    return n("div", { key: "c57dbe65422b2c4588d18bf36a28e4e54ca4259e", class: e }, n("slot", { key: "1055b41640de135243f5d912f7245a8d7b282c98" }));
+    const e = d({ orientation: this.orientation });
+    return n("div", { key: "f67c31fd41f95a0f3c5f71c2e6bd917740e70d65", class: e }, n("slot", { key: "4eeeffb49f5f39af3a5bb3ecc5c403f6a09256b1" }));
   }
   static get watchers() {
     return { orientation: [{ handleOrientationChange: 0 }] };
@@ -27,11 +27,11 @@ const o = ({ orientation: e }, i) => s("gids-chart-legend", {
 }, [260, "gids-chart-legend", { orientation: [1] }, void 0, { orientation: [{ handleOrientationChange: 0 }] }]);
 function g() {
   typeof customElements < "u" && ["gids-chart-legend"].forEach(((e) => {
-    e === "gids-chart-legend" && (customElements.get(t(e)) || customElements.define(t(e), c));
+    e === "gids-chart-legend" && (customElements.get(t(e)) || customElements.define(t(e), l));
   }));
 }
 g();
 export {
   g as o,
-  c as r
+  l as r
 };