@ganpatiinfo/gids-core-web 21.0.0 → 23.0.0

package/dist-bundled/es/{p-BCbovLBE-DfkhIEts.js → p-jtpLLxuw-BlEPhjmU.js}

@@ -1,5 +1,5 @@
 import { D as i, q as h, L as f, u as v, P as u } from "./p-B4hcsDH0-CPqEc-vc.js";
-import { d as _ } from "./p-iQRr_fAH-ClfWEu03.js";
+import { d as _ } from "./p-iQRr_fAH-Dvv1n8QD.js";
 import { e as y } from "./p-ChV9xqsO-CJSPCx6p.js";
 import { p as b } from "./p-CcKHKwS0-Bw63tTOA.js";
 import { c } from "./clsx-OuTLNxxd.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-tyxLyzL3.js → p-vz4tzbld-BYJRjHJw.js}

@@ -1,10 +1,10 @@
 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-ClfWEu03.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-Juydw__6.js";
-import { m as b } from "./p-Ds5IzXj3-BC_F0-JJ.js";
-import { h as m } from "./p-BQT5yy5L-DhdgFXTM.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
 };