@ganpatiinfo/gids-core-web 9.0.0 → 10.1.0

package/dist/types/utils/childrenValidityUtils.d.ts

@@ -1,6 +1,6 @@
 import type { FunctionalComponent, VNode } from '../stencil-public-runtime';
 export interface TestHtmlChildrenValidity<T = Record<string, unknown>> {
-    children?: VNode;
+    children?: VNode | VNode[];
     classNameToBeValidated?: string;
     childrenToBeValidated?: FunctionalComponent<T>;
     currentComponentName?: string;

package/dist-bundled/es/gids-action-bar.js

@@ -0,0 +1,177 @@
+import { L as J, q as v, u as K, D as r } from "./p-Bf3p-DY2-CPqEc-vc.js";
+import { p as V, m as _, x as z, N as $ } from "./p-D6lxqcxP-DWrZi1Xi.js";
+import { o as E } from "./p-UVmSPzTd-DiTxS9kW.js";
+import { d as G } from "./p-D4Pimu_8-DfEGRQGf.js";
+import { a as Q } from "./p-H1JIMJ2t-DEXp7M4I.js";
+import { o as R } from "./p-DmLoB2Dn-D-FSoCvI.js";
+import { c as U } from "./clsx-OuTLNxxd.js";
+const W = (e) => U("gids-action-bar", e), X = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsActionBarClassNames: W
+}, Symbol.toStringTag, { value: "Module" })), { getGidsActionBarClassNames: Y } = X, N = J(class extends K {
+  constructor(e) {
+    super(), e !== !1 && this.__registerHost(), this.actionGroup = !1, this.allFiltersTabVisible = !1, this.moreFiltersTabVisible = !1, this.clearAllFiltersVisible = !0, this.clearAllFiltersButtonAppearance = "primary", this.primaryFilters = [], this.secondaryFilters = [], this.filterSize = "xs", this.disabled = !1, this.activeExpandedFilterId = void 0, this.handleAllFilterClick = (t) => {
+      const { id: l, filterId: a, title: d, value: f, disabled: p, selectedFilterMenuIndex: u, filterType: g, filterItemType: y, filterTitle: m, filterIndex: n, filterSelected: b, defaultSelected: F, hasFilterMenu: s, isPlaceholderItem: A } = t;
+      this.applyAllToggleSelection({ title: d, value: f, selectedFilterMenuIndex: u, filterType: g, filterItemType: y, filterTitle: m, filterIndex: n, hasFilterMenu: s, filterSelected: b, isPlaceholderItem: A, filterId: a, filterPickerId: l, filterDisabled: p, filterDefaultSelected: F || !1, selectedFilterMenuSectionIndex: void 0, filterPickerData: void 0 });
+    }, this.handleSecondaryFilterClick = (t) => {
+      const { id: l, filterId: a, title: d, value: f, disabled: p, selectedFilterMenuIndex: u, filterType: g, filterItemType: y, filterTitle: m, filterIndex: n, filterSelected: b, defaultSelected: F, hasFilterMenu: s, isPlaceholderItem: A } = t;
+      this.applySecondaryFilterToggleSelection({ title: d, value: f, selectedFilterMenuIndex: u, filterType: g, filterItemType: y, filterTitle: m, filterIndex: n, hasFilterMenu: s, filterSelected: b, isPlaceholderItem: A, filterId: a, filterPickerId: l, filterDisabled: p, filterDefaultSelected: F || !1, selectedFilterMenuSectionIndex: void 0, filterPickerData: void 0 });
+    }, this.applySecondaryFilterToggleSelection = (t) => {
+      this.setFilterPickerExpandedState(t?.filterId, { expanded: !1 }), this.applyNormalFiltersSelectedStateChange(t), this.onToggleActionBarNoneFilter && this.onToggleActionBarNoneFilter(t);
+    }, this.toggleDropdownFilter = ({ detail: t, filterId: l, pickerData: a }) => {
+      this.setFilterPickerExpandedState(l, t), this.onToggleActionBarDropdownFilter && this.onToggleActionBarDropdownFilter({ filterId: l, pickerData: a, ...t });
+    }, this.handleDropdownFilterMenuItemClick = ({ event: t, filterItemType: l, filterType: a, filterIndex: d, filterId: f, filterMenuSectionIndex: p }) => {
+      const u = t.detail, { id: g, defaultSelected: y, disabled: m, isPlaceholderItem: n, selectedIndex: b, title: F, value: s } = u;
+      this.applyDropdownFilterMenuItemSelection({ title: F, value: s, selectedFilterMenuIndex: b, filterType: a, filterItemType: l, filterTitle: F, filterIndex: d, hasFilterMenu: !0, filterSelected: !n, isPlaceholderItem: n, filterId: f, filterPickerId: g, filterDisabled: m, filterDefaultSelected: y || !1, selectedFilterMenuSectionIndex: p, filterPickerData: u });
+    }, this.applyDropdownFilterMenuItemSelection = (t) => {
+      this.applyDropdownFiltersSelectedStateChange(t), this.onDropdownSelectionActionBarFilterChange && this.onDropdownSelectionActionBarFilterChange(t);
+    }, this.applyDropdownFiltersSelectedStateChange = (t) => {
+      const l = this?.selectedFilters ? [...this.selectedFilters] : [];
+      if (l.length > 0) {
+        const a = l.findIndex(((d) => d.filterId === t?.filterId));
+        a != null && a !== -1 ? t?.isPlaceholderItem ? l.splice(a, 1) : l[a] = { ...t, filterPickerData: { ...t.filterPickerData } } : t?.isPlaceholderItem || l.push({ ...t, filterPickerData: { ...t.filterPickerData } });
+      } else t?.isPlaceholderItem || l.push({ ...t, filterPickerData: { ...t.filterPickerData } });
+      this.selectedFilters = l;
+    }, this.handleClearAllFiltersClick = (t) => {
+      this.selectedFilters = [], this.onClearAllFiltersButton && this.onClearAllFiltersButton(t);
+    };
+  }
+  handleFilterSizeChange(e) {
+    this.filterSize = e;
+  }
+  handleDropdownDividerVisibilityChange(e) {
+    this.dropdownDividerVisible = e;
+  }
+  handlePrimaryFiltersChange(e) {
+    this.primaryFilters = e;
+  }
+  handleSecondaryFiltersChange(e) {
+    this.secondaryFilters = e;
+  }
+  handleAllFiltersDataChange(e) {
+    this.allFiltersData = e;
+  }
+  handleMoreFiltersValueChange(e) {
+    this.moreFiltersData = e;
+  }
+  handleDisabilityChange(e) {
+    this.disabled = e;
+  }
+  handleActionGroupChange(e) {
+    this.actionGroup = e;
+  }
+  handleClearAllFiltersButtonAppearanceChange(e) {
+    this.clearAllFiltersButtonAppearance = e;
+  }
+  connectedCallback() {
+    this.createAllFiltersData();
+  }
+  applyAllToggleSelection(e) {
+    this.setFilterPickerExpandedState(e?.filterId, { expanded: !1 }), this.applyNormalFiltersSelectedStateChange(e), this.onToggleActionBarAllFilter && this.onToggleActionBarAllFilter(e);
+  }
+  applyNormalFiltersSelectedStateChange(e) {
+    const t = this?.selectedFilters ? [...this.selectedFilters] : [];
+    if (t && t.length > 0) {
+      const l = t.findIndex(((a) => a.filterId === e?.filterId));
+      l != null && l !== -1 ? t.splice(l, 1) : e?.filterSelected && t.push({ ...e });
+    } else e?.filterSelected && t.push({ ...e });
+    this.selectedFilters = t;
+  }
+  isMoreFilterVisible() {
+    const e = this.moreFiltersData;
+    return !!(this.moreFiltersTabVisible && e && Object.keys(e).length > 0 && e?.filterPickerData && e.filterPickerData.length > 0);
+  }
+  isAllFilterVisible() {
+    return !!this.allFiltersTabVisible;
+  }
+  isAllFiltersTabDisabled() {
+    const e = this?.allFiltersData?.disabled;
+    return !(!this.disabled && !e);
+  }
+  isMoreFiltersTabDisabled() {
+    const e = this?.moreFiltersData?.disabled;
+    return !(!this.disabled && !e);
+  }
+  isActionGroup() {
+    const e = this.isMoreFilterVisible(), t = this?.secondaryFilters && this.secondaryFilters.length > 0, l = this?.actionGroup;
+    return !(!e && !t || !l);
+  }
+  createAllFiltersData() {
+    const e = this.allFiltersData;
+    e?.label && e.label !== "" || (this.allFiltersData = { ...this.allFiltersData, label: "All" });
+  }
+  getAllFiltersValue() {
+    return this.allFiltersData?.label ?? "All";
+  }
+  getSelectedFilter(e) {
+    return (this?.selectedFilters ?? []).find(((t) => t.filterId === e));
+  }
+  getSelectedDropdownFilterTitle(e) {
+    const t = this.getSelectedFilter(e);
+    if (t?.filterTitle) return t.filterTitle;
+    const l = (this?.primaryFilters ?? []).find(((p) => p?.filterId === e)), a = l?.filterPickerData ?? [], d = a?.[0]?.items?.[0];
+    let f = "";
+    return d?.isPlaceholderItem && d?.title && (f = d.title), f;
+  }
+  isNormalFilterSelected(e) {
+    return !!this.getSelectedFilter(e);
+  }
+  isDropdownFilterSelected(e) {
+    const t = this.getSelectedFilter(e), l = t?.filterPickerData;
+    return !(!l?.title && !l?.value || l?.isPlaceholderItem);
+  }
+  getSelectedFilterPickerData(e) {
+    return this.getSelectedFilter(e)?.filterPickerData;
+  }
+  setFilterPickerExpandedState(e, t) {
+    this.activeExpandedFilterId = t?.expanded ? e : void 0;
+  }
+  render() {
+    const e = Y(), t = this?.primaryFilters ?? [], l = this?.secondaryFilters ?? [], a = this.isMoreFilterVisible(), d = this.moreFiltersData, f = d?.filterPickerData ?? [], p = { disabled: this?.moreFiltersData?.disabled, filterDefaultSelected: this?.moreFiltersData?.filterDefaultSelected, loading: this?.moreFiltersData?.loading }, u = this.isAllFilterVisible(), g = this.getAllFiltersValue(), y = { defaultSelected: this?.allFiltersData?.defaultSelected, disabled: this?.allFiltersData?.disabled, loading: this?.allFiltersData?.loading }, m = this.dropdownDividerVisible, n = this.filterSize, b = this.isActionGroup(), F = this?.allFiltersData?.filterId && this.allFiltersData.filterId !== "" ? this.allFiltersData.filterId : `1_${g}_primary`, s = this?.moreFiltersData?.filterId && this.moreFiltersData.filterId !== "" ? this.moreFiltersData.filterId : l.length + 1 + "_more_secondary", A = "secondary", w = "more", M = l.length + 1, L = this.getSelectedDropdownFilterTitle(s);
+    return r("div", { key: "5488b75338374739aad8fbca04538fb7eb195cb8", class: e }, r("div", { key: "e91a050f2b0e0b6c43b2d9c3d5739690535df94b", class: "gids-action-bar__primary-filters" }, r(V, { key: "e90539d289a5ef842d17a31fef13d5efb71e1503", layout: "wrap" }, u ? r("gids-filter", { type: "all", filterId: F, filterIndex: 0, filterItemType: "primary", filterSelected: this.isNormalFilterSelected(F), value: g, ...y, disabled: this.isAllFiltersTabDisabled(), size: n, onFilterMenuItemChange: this.handleAllFilterClick }) : void 0, t.map(((i, o) => {
+      const S = i?.filterPickerData ?? [], c = i?.filterId && i.filterId !== "" ? i.filterId : o + 1 + "_primary", h = "primary", C = "none", T = this.getSelectedDropdownFilterTitle(c);
+      return r("gids-filter", { key: `${c}_${T}`, ...i, filterIndex: o + 1, filterId: c, disabled: i?.disabled || this.disabled, filterDefaultSelected: i?.filterDefaultSelected, filterSelected: this.isDropdownFilterSelected(c), type: C, filterItemType: h, title: T, value: T, size: n, expanded: this.activeExpandedFilterId === c, onToggle: (I) => this.toggleDropdownFilter({ detail: I, filterId: c, pickerData: S }) }, r(_, { type: "default" }, S.map(((I, k) => {
+        const x = I?.sectionLabel;
+        return r(z, { sectionLabel: x, key: "" + k }, (I?.items ?? []).map(((D, B) => {
+          const O = D?.isPlaceholderItem ?? !1, P = D?.id && D.id !== "" ? D.id : `${c}_s${k}_i${B}`, q = this.getSelectedFilterPickerData(c);
+          return r($, { key: P, id: P, index: B, title: D?.title, value: D?.value, disabled: D?.disabled, defaultSelected: D?.defaultSelected, isPlaceholderItem: O, selected: q?.id === P, divider: m, onPressDropdownItem: (H) => this.handleDropdownFilterMenuItemClick({ event: H, filterItemType: h, filterType: C, filterIndex: o, filterId: c, filterMenuSectionIndex: k }) });
+        })));
+      }))));
+    })), this.clearAllFiltersVisible && !b ? r(E, { size: this.filterSize, appearance: this.clearAllFiltersButtonAppearance, leadingIcon: r(G, { name: "cross", size: this.filterSize, slot: "leadingIcon" }), onClick: this.handleClearAllFiltersClick }) : void 0)), b ? r("div", { class: "gids-action-bar__secondary-filters" }, r(V, { layout: "wrap" }, l.map(((i, o) => {
+      const S = i?.filterId && i.filterId !== "" ? i.filterId : `${o + 1}_${i?.label}_secondary`;
+      return r("gids-filter", { key: "" + (t.length + o + 1), ...i, filterIndex: o, filterId: S, disabled: i?.disabled || this.disabled, filterDefaultSelected: i?.defaultSelected, type: "none", filterItemType: "secondary", value: i?.label, size: n, filterSelected: this.isNormalFilterSelected(S), onFilterMenuItemChange: this.handleSecondaryFilterClick });
+    })), a ? r("gids-filter", { key: `${s}_${L}`, type: w, filterItemType: A, filterIndex: M, filterId: s, ...p, disabled: this.isMoreFiltersTabDisabled(), filterSelected: this.isDropdownFilterSelected(s), size: n, expanded: this.activeExpandedFilterId === s }, r(_, { type: "default" }, f.map(((i, o) => {
+      const S = i?.items ?? [], c = i?.sectionLabel;
+      return r(z, { sectionLabel: c, key: "" + o }, S.map(((h, C) => {
+        const T = h?.isPlaceholderItem ?? !1, I = h?.id && h.id !== "" ? h.id : `${s}_s${o}_i${C}`, k = this.getSelectedFilterPickerData(s);
+        return r($, { key: I, id: I, index: C, title: h?.title, value: h?.value, disabled: h?.disabled, isPlaceholderItem: T, selected: k?.id === I, defaultSelected: h?.defaultSelected, divider: m, onPressDropdownItem: (x) => this.handleDropdownFilterMenuItemClick({ event: x, filterItemType: A, filterType: w, filterIndex: M, filterId: s, filterMenuSectionIndex: o }) });
+      })));
+    })))) : void 0, this.clearAllFiltersVisible ? r(E, { size: this.filterSize, appearance: this.clearAllFiltersButtonAppearance, leadingIcon: r(G, { name: "cross", size: this.filterSize, slot: "leadingIcon" }), onClick: this.handleClearAllFiltersClick }) : void 0)) : void 0);
+  }
+  static get watchers() {
+    return { filterSize: [{ handleFilterSizeChange: 0 }], dropdownDividerVisible: [{ handleDropdownDividerVisibilityChange: 0 }], primaryFilters: [{ handlePrimaryFiltersChange: 0 }], secondaryFilters: [{ handleSecondaryFiltersChange: 0 }], allFiltersData: [{ handleAllFiltersDataChange: 0 }], moreFiltersData: [{ handleMoreFiltersValueChange: 0 }], disabled: [{ handleDisabilityChange: 0 }], actionGroup: [{ handleActionGroupChange: 0 }], clearAllFiltersButtonAppearance: [{ handleClearAllFiltersButtonAppearanceChange: 0 }] };
+  }
+  static get style() {
+    return ".gids-action-bar{display:flex;align-items:flex-start;justify-content:space-between;width:100%;gap:var(--gids-gap-600);align-self:stretch}.gids-action-bar__primary-filters{display:flex;align-items:center;justify-content:flex-start;flex:1 0 0}.gids-action-bar__secondary-filters{display:flex;align-items:center;justify-content:flex-end}";
+  }
+}, [0, "gids-action-bar", { actionGroup: [4, "action-group"], allFiltersTabVisible: [4, "all-filters-tab-visible"], moreFiltersTabVisible: [4, "more-filters-tab-visible"], clearAllFiltersVisible: [4, "clear-all-filters-visible"], clearAllFiltersButtonAppearance: [1, "clear-all-filters-button-appearance"], primaryFilters: [16], secondaryFilters: [16], allFiltersData: [16], moreFiltersData: [16], filterSize: [1, "filter-size"], dropdownDividerVisible: [4, "dropdown-divider-visible"], disabled: [4], onToggleActionBarAllFilter: [16], onToggleActionBarDropdownFilter: [16], onToggleActionBarMoreFilter: [16], onToggleActionBarNoneFilter: [16], onDropdownSelectionActionBarFilterChange: [16], onMoreSelectionActionBarFilterChange: [16], onClearAllFiltersButton: [16], selectedFilters: [32], activeExpandedFilterId: [32] }, void 0, { filterSize: [{ handleFilterSizeChange: 0 }], dropdownDividerVisible: [{ handleDropdownDividerVisibilityChange: 0 }], primaryFilters: [{ handlePrimaryFiltersChange: 0 }], secondaryFilters: [{ handleSecondaryFiltersChange: 0 }], allFiltersData: [{ handleAllFiltersDataChange: 0 }], moreFiltersData: [{ handleMoreFiltersValueChange: 0 }], disabled: [{ handleDisabilityChange: 0 }], actionGroup: [{ handleActionGroupChange: 0 }], clearAllFiltersButtonAppearance: [{ handleClearAllFiltersButtonAppearanceChange: 0 }] }]);
+function j() {
+  typeof customElements < "u" && ["gids-action-bar", "gids-filter", "gids-toggle-button"].forEach(((e) => {
+    switch (e) {
+      case "gids-action-bar":
+        customElements.get(v(e)) || customElements.define(v(e), N);
+        break;
+      case "gids-filter":
+        customElements.get(v(e)) || Q();
+        break;
+      case "gids-toggle-button":
+        customElements.get(v(e)) || R();
+    }
+  }));
+}
+j();
+const se = N, de = j;
+export {
+  se as GidsActionBar,
+  de as defineCustomElement
+};

package/dist-bundled/es/gids-activity-gauge.js

@@ -0,0 +1,6 @@
+import { o as t, d as e } from "./p-DfxTsSdZ-C2Afv1lS.js";
+const i = t, s = e;
+export {
+  i as GidsActivityGauge,
+  s as defineCustomElement
+};

package/dist-bundled/es/gids-bar-chart.js

@@ -0,0 +1,6 @@
+import { d as r, g as t } from "./p-CP1wz2PI-DhVAsHFS.js";
+const o = r, s = t;
+export {
+  o as GidsBarChart,
+  s as defineCustomElement
+};

package/dist-bundled/es/gids-calendar-header-panel.js

@@ -0,0 +1,6 @@
+import { u as e, g as a } from "./p-BpQB6ncp-C2AWddf-.js";
+const s = e, n = a;
+export {
+  s as GidsCalendarHeaderPanel,
+  n as defineCustomElement
+};

package/dist-bundled/es/gids-calendar-month-list.js

@@ -0,0 +1,6 @@
+import { l as t, c as e } from "./p-V48JyMbP-Bx-0od-Z.js";
+const s = t, n = e;
+export {
+  s as GidsCalendarMonthList,
+  n as defineCustomElement
+};

package/dist-bundled/es/gids-calendar-year-list.js

@@ -0,0 +1,6 @@
+import { l as e, u as t } from "./p-CW7tw1Fb-DtJ5TwCU.js";
+const a = e, o = t;
+export {
+  a as GidsCalendarYearList,
+  o as defineCustomElement
+};

package/dist-bundled/es/gids-calendar.js

@@ -0,0 +1,153 @@
+import { L as P, u as D, D as d, q as c } from "./p-Bf3p-DY2-CPqEc-vc.js";
+import { r as S, g as M } from "./p-BpQB6ncp-C2AWddf-.js";
+import { c as N } from "./p-V48JyMbP-Bx-0od-Z.js";
+import { u as Y } from "./p-CW7tw1Fb-DtJ5TwCU.js";
+import { g as k } from "./p-BZCJlqVe-BcSwze-q.js";
+import { h as w } from "./p-JjN8U9B5-GeWjfJBY.js";
+import { d as x } from "./p-Db62Pz3n-DpQjwBYb.js";
+import { c as f } from "./clsx-OuTLNxxd.js";
+const _ = ({ disabled: e, selected: t, today: a, cellType: n, dot: r }, l) => f("gids-calendar-cell", {
+  "gids-calendar-cell--selected": t && !e && !a,
+  "gids-calendar-cell--today": a && !e && !r,
+  "gids-calendar-cell--label-non-effective": n === "non-effective",
+  "gids-calendar-cell--default-effective": n === "effective" && !e && !a && !t,
+  "gids-calendar-cell--selected-effective": t && n === "effective" && !e && !a,
+  "gids-calendar-cell--today-effective": a && n === "effective" && !e && !r,
+  "gids-calendar-cell--default-disabled": e && !a && !t,
+  "gids-calendar-cell--selected-disabled": e && t && !a,
+  "gids-calendar-cell--today-disabled": e && a && !r,
+  "gids-calendar-cell--today-dot": a && !e && r,
+  "gids-calendar-cell--today-dot-effective": a && n === "effective" && !e && r,
+  "gids-calendar-cell--today-dot-disabled": e && a && r
+}, l), E = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsCalendarCellClassNames: _
+}, Symbol.toStringTag, { value: "Module" })), A = (e) => f("gids-calendar-day-cell", e), O = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsCalendarDayCellClassNames: A
+}, Symbol.toStringTag, { value: "Module" })), $ = ({ width: e }, t) => f("gids-calendar", {
+  "gids-calendar--width-fixed": e === "fixed",
+  "gids-calendar--width-intrinsic": e === "intrinsic"
+}, t), T = ({ currentMonth: e, currentYear: t }) => {
+  if (!t || !e)
+    return [];
+  const a = t, n = e - 1, r = new Date(a, n, 1).getDay(), l = new Date(a, n + 1, 0).getDate(), g = new Date(a, n, 0).getDate(), o = [], h = (/* @__PURE__ */ new Date()).toISOString().split("T")[0];
+  for (let s = r - 1; s >= 0; s--) {
+    const i = g - s, u = n === 0 ? 12 : n, b = `${n === 0 ? a - 1 : a}-${String(u).padStart(2, "0")}-${String(i).padStart(2, "0")}`;
+    o.push({
+      day: i,
+      isCurrentMonth: !1,
+      dateString: b,
+      isToday: h === b
+    });
+  }
+  for (let s = 1; s <= l; s++) {
+    const i = `${a}-${String(e).padStart(2, "0")}-${String(s).padStart(2, "0")}`;
+    o.push({
+      day: s,
+      isCurrentMonth: !0,
+      dateString: i,
+      isToday: h === i
+    });
+  }
+  const m = 42 - o.length;
+  for (let s = 1; s <= m; s++) {
+    const i = n === 11 ? 1 : n + 2, p = `${n === 11 ? a + 1 : a}-${String(i).padStart(2, "0")}-${String(s).padStart(2, "0")}`;
+    o.push({
+      day: s,
+      isCurrentMonth: !1,
+      dateString: p,
+      isToday: h === p
+    });
+  }
+  return o;
+}, H = () => ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], L = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  generateCalendarDays: T,
+  generateCalendarWeekdays: H,
+  getGidsCalendarClassNames: $
+}, Symbol.toStringTag, { value: "Module" })), { getGidsCalendarCellClassNames: V } = E, C = ({ label: e, dot: t, disabled: a, selected: n, today: r, onPressCalendarCell: l, class: g, role: o = "gridcell", cellType: h = "effective", ...m }) => {
+  const s = !a && h === "effective";
+  return d("button", { class: V({ disabled: a, selected: n, today: r, cellType: h, dot: t }, g), type: "button", role: o, "aria-selected": n ? "true" : "false", disabled: a, onClick: (i) => {
+    if (i.defaultPrevented || a || !s) return;
+    const u = new CustomEvent("onPressCalendarCell", { bubbles: !0, composed: !0, detail: { cellValue: e, selected: n, disabled: a, dot: t, today: r } });
+    l && l(u);
+  }, ...m }, e ? d("span", null, e) : null, t ? d("gids-dot", { appearance: (() => {
+    let i = "subtle";
+    return n && !a && (i = "static-inverse"), i;
+  })(), disabled: a, size: "xs" }) : null);
+}, { getGidsCalendarDayCellClassNames: j } = O, G = ({ id: e, label: t, class: a, ...n }) => d(C, { ...n, id: e, label: t, name: t, dot: !1, disabled: !1, selected: !1, today: !1, cellType: "non-effective", class: j(a) }), { getGidsCalendarClassNames: z, generateCalendarDays: I, generateCalendarWeekdays: W } = L, { getCalendarMonthNameViaMonthNumber: q } = S, v = P(class extends D {
+  constructor(e) {
+    super(), e !== !1 && this.__registerHost(), this.width = "intrinsic", this.panelActionsAppearance = "primary", this.dotVisibleDates = [], this.monthPickerDisabled = !1, this.yearPickerDisabled = !1, this.previousDisabled = !1, this.nextDisabled = !1, this.panelDisabled = !1, this.currentMonth = (/* @__PURE__ */ new Date()).getMonth() + 1, this.currentYear = (/* @__PURE__ */ new Date()).getFullYear(), this.handleCHPOnPreviousActionEvent = (t) => {
+      t && (this.setLocalStates({ monthNumber: t.monthNumber, year: t.year }), this.onPreviousChange && this.onPreviousChange(t));
+    }, this.handleCHPOnNextActionEvent = (t) => {
+      t && (this.setLocalStates({ monthNumber: t.monthNumber, year: t.year }), this.onNextChange && this.onNextChange(t));
+    }, this.handleCHPOnPanelMonthChangeEvent = (t) => {
+      t && (this.setLocalStates({ monthNumber: t.monthNumber, year: t.year }), this.onPanelMonthChange && this.onPanelMonthChange(t));
+    }, this.handleCHPOnPanelYearChangeEvent = (t) => {
+      t && (this.setLocalStates({ monthNumber: t.monthNumber, year: t.year }), this.onPanelYearChange && this.onPanelYearChange(t));
+    }, this.setLocalStates = (t) => {
+      const { monthNumber: a, year: n } = t;
+      a && (this.currentMonth = Number(a)), n && (this.currentYear = Number(n));
+    };
+  }
+  handleActiveMonthPropChange(e) {
+    e != null && (this.currentMonth = Number(e));
+  }
+  handleActiveYearPropChange(e) {
+    e != null && (this.currentYear = Number(e));
+  }
+  componentWillLoad() {
+    this.activeMonthNumber != null && (this.currentMonth = Number(this.activeMonthNumber)), this.activeYear != null && (this.currentYear = Number(this.activeYear));
+  }
+  handleDateCellClick({ event: e, dateStr: t, isCurrentMonth: a }) {
+    if (e?.detail?.disabled) return;
+    const r = (/* @__PURE__ */ new Date()).toISOString().split("T")[0], l = q(this.currentMonth);
+    this.onSelectionCalendarCell && this.onSelectionCalendarCell({ currentActivePanelState: { monthNumber: this.currentMonth, year: this.currentYear, month: l, panelValue: `${l} ${this.currentYear}` }, date: t, isCurrentMonth: a, selected: !0, today: r === t, dotVisibleDates: this.dotVisibleDates ?? [] });
+  }
+  render() {
+    const e = I({ currentYear: this.currentYear, currentMonth: this.currentMonth }), t = W(), a = z({ width: this.width });
+    return d("div", { key: "c2ea7d80305333995ae64525aa8aea441ee608e2", class: a }, d("gids-calendar-header-panel", { key: "5331e43e9e2c91767b94100ce6cea5cf0e9f1afe", appearance: this.panelActionsAppearance, startYear: this.startYear, endYear: this.endYear, monthPickerDisabled: this.monthPickerDisabled, yearPickerDisabled: this.yearPickerDisabled, previousDisabled: this.previousDisabled, nextDisabled: this.nextDisabled, panelDisabled: this.panelDisabled, selectedMonthNumber: this.currentMonth, selectedYear: this.currentYear, onPanelMonthChange: this.handleCHPOnPanelMonthChangeEvent, onPanelYearChange: this.handleCHPOnPanelYearChangeEvent, onNextChange: this.handleCHPOnNextActionEvent, onPreviousChange: this.handleCHPOnPreviousActionEvent }), d("div", { key: "59e02ed20a285cd6d8f28132ec56f96548ef4bcc", class: "gids-calendar__weekdays-grid" }, t.map(((n) => d(G, { label: n })))), d("div", { key: "d6cba0bf0a15a393ffb56865fd9f57af5f6086ca", class: "gids-calendar__days-grid" }, e.map(((n) => {
+      const r = this.selectedDate === n.dateString, l = this.dotVisibleDates?.includes(n.dateString);
+      return d(C, { label: n.day + "", today: n.isToday, selected: r, dot: l, cellType: "effective", disabled: !n.isCurrentMonth, onPressCalendarCell: (g) => this.handleDateCellClick({ event: g, dateStr: n.dateString, isCurrentMonth: n.isCurrentMonth }) });
+    }))));
+  }
+  static get watchers() {
+    return { activeMonthNumber: [{ handleActiveMonthPropChange: 0 }], activeYear: [{ handleActiveYearPropChange: 0 }] };
+  }
+  static get style() {
+    return ".gids-calendar{display:flex;flex-direction:column;background-color:transparent;box-sizing:border-box;padding:var(--gids-padding-vertical-edge-to-element-300) var(--gids-padding-horizontal-edge-to-element-300);gap:var(--gids-gap-200)}.gids-calendar--width-fixed{width:100%;max-width:var(--gids-width-xs)}.gids-calendar--width-intrinsic{width:100%;max-width:100%}.gids-calendar--width-intrinsic .gids-calendar-cell{--cell-width:100%;--cell-aspect-ratio:1 / 1}.gids-calendar__weekdays-grid{display:grid;grid-template-columns:repeat(7, 1fr);text-align:center;align-items:center;width:100%}.gids-calendar__days-grid{display:grid;grid-template-columns:repeat(7, 1fr);gap:var(--gids-gap-050);justify-items:center;align-items:center;width:100%}";
+  }
+}, [0, "gids-calendar", { width: [1], panelActionsAppearance: [1, "panel-actions-appearance"], selectedDate: [1, "selected-date"], dotVisibleDates: [16], startYear: [2, "start-year"], endYear: [2, "end-year"], monthPickerDisabled: [4, "month-picker-disabled"], yearPickerDisabled: [4, "year-picker-disabled"], previousDisabled: [4, "previous-disabled"], nextDisabled: [4, "next-disabled"], panelDisabled: [4, "panel-disabled"], activeMonthNumber: [2, "active-month-number"], activeYear: [2, "active-year"], onNextChange: [16], onPreviousChange: [16], onPanelMonthChange: [16], onPanelYearChange: [16], onSelectionCalendarCell: [16], currentMonth: [32], currentYear: [32] }, void 0, { activeMonthNumber: [{ handleActiveMonthPropChange: 0 }], activeYear: [{ handleActiveYearPropChange: 0 }] }]);
+function y() {
+  typeof customElements < "u" && ["gids-calendar", "gids-calendar-header-panel", "gids-calendar-month-list", "gids-calendar-year-list", "gids-dot", "gids-dropdown-picker", "gids-icon"].forEach(((e) => {
+    switch (e) {
+      case "gids-calendar":
+        customElements.get(c(e)) || customElements.define(c(e), v);
+        break;
+      case "gids-calendar-header-panel":
+        customElements.get(c(e)) || M();
+        break;
+      case "gids-calendar-month-list":
+        customElements.get(c(e)) || N();
+        break;
+      case "gids-calendar-year-list":
+        customElements.get(c(e)) || Y();
+        break;
+      case "gids-dot":
+        customElements.get(c(e)) || k();
+        break;
+      case "gids-dropdown-picker":
+        customElements.get(c(e)) || w();
+        break;
+      case "gids-icon":
+        customElements.get(c(e)) || x();
+    }
+  }));
+}
+y();
+const Z = v, ee = y;
+export {
+  Z as GidsCalendar,
+  ee as defineCustomElement
+};

package/dist-bundled/es/gids-chart-legend-item.js

@@ -0,0 +1,6 @@
+import { l as e, d as t } from "./p-mZJdpfOo-DicbKil0.js";
+const s = e, o = t;
+export {
+  s as GidsChartLegendItem,
+  o as defineCustomElement
+};

package/dist-bundled/es/gids-chart-legend.js

@@ -0,0 +1,6 @@
+import { r as e, o as r } from "./p-DoCwI_bx-BXHlZI7-.js";
+const s = e, t = r;
+export {
+  s as GidsChartLegend,
+  t as defineCustomElement
+};

package/dist-bundled/es/gids-chart.js

@@ -0,0 +1,108 @@
+import { L as u, u as m, D as a, q as n } from "./p-Bf3p-DY2-CPqEc-vc.js";
+import { r as o, c as y, b, a as T, C } from "./p-CaauwQNd-D6_PbcRr.js";
+import { d as v } from "./p-DfxTsSdZ-C2Afv1lS.js";
+import { g as f } from "./p-CP1wz2PI-DhVAsHFS.js";
+import { o as k } from "./p-DoCwI_bx-BXHlZI7-.js";
+import { d as _ } from "./p-mZJdpfOo-DicbKil0.js";
+import { h as A } from "./p-Degg_WJz-BLua06el.js";
+import { g as P } from "./p-CQH7eAs3-BVowyVGn.js";
+import { c as E } from "./p-DPIK2ayL-DPEbctqo.js";
+import { d as D } from "./p-CoS0NuDU-CqmDcRWj.js";
+import { c as x } from "./clsx-OuTLNxxd.js";
+const G = (r) => x("gids-chart", r), I = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsChartClassNames: G
+}, Symbol.toStringTag, { value: "Module" })), { getGidsChartClassNames: L } = I, c = u(class extends m {
+  constructor(r) {
+    super(), r !== !1 && this.__registerHost(), this.breakpoint = "desktop", this.chartType = "line-chart", this.getChartTypes = () => ["line-chart", "bar-chart", "pie-chart", "activity-gauge", "level-gauge", "progress-circle", "radar-chart"], this.isChartTypeValid = () => {
+      const i = this.getChartTypes(), e = this.chartType;
+      return !(!e || !i.includes(e));
+    }, this.isChartDataValid = () => {
+      const i = this.chartType;
+      if (i === "line-chart") {
+        const e = this.lineChartProps, t = e?.chartData ?? [], s = t?.[0]?.data ?? [];
+        return Array.isArray(t) && t.length > 0 && Array.isArray(s) && s.length > 0;
+      }
+      if (i === "bar-chart") {
+        const e = this.barChartProps, t = e?.chartData ?? [], s = t?.[0]?.data ?? [];
+        return Array.isArray(t) && t.length > 0 && Array.isArray(s) && s.length > 0;
+      }
+      if (i === "pie-chart") {
+        const e = this.pieChartProps, t = e?.chartData ?? [];
+        return Array.isArray(t) && t.length > 0;
+      }
+      if (i === "activity-gauge") {
+        const e = this.activityGaugeProps, t = e?.chartData ?? [];
+        return Array.isArray(t) && t.length > 0;
+      }
+      return i === "radar-chart";
+    }, this.getChartTypeText = () => {
+      const i = this.chartType;
+      if (i) {
+        const e = i.split("-");
+        let t = "";
+        return e.map(((s, h) => {
+          t = h === 0 ? "" + s : `${t} ${s}`;
+        })), t;
+      }
+      return "";
+    };
+  }
+  handleBreakpointChange(r) {
+    this.breakpoint = r;
+  }
+  handleChartTypeChange(r) {
+    this.chartType = r;
+  }
+  render() {
+    if (!this.isChartTypeValid()) return a("div", { class: "gids-chart__no-data" }, a(o, { title: y, supportingText: b(this.getChartTypes().join(", ")) }));
+    const r = this.isChartDataValid(), i = this.getChartTypeText();
+    if (!r) return a("div", { class: "gids-activity-gauge__no-data" }, a(o, { title: T, supportingText: C(i) }));
+    const e = L(), t = this.chartType, s = this.barChartProps, h = this.pieChartProps, l = this.activityGaugeProps, d = this.levelGaugeProps, p = this.progressCircleProps;
+    return a("div", { class: e }, t === "line-chart" ? a("gids-line-chart", { ...this.lineChartProps, breakpoint: this.breakpoint }) : null, t === "bar-chart" ? a("gids-bar-chart", { ...s, breakpoint: this.breakpoint }) : null, t === "pie-chart" ? a("gids-pie-chart", { ...h, breakpoint: this.breakpoint }) : null, t === "activity-gauge" ? a("gids-activity-gauge", { ...l, breakpoint: this.breakpoint }) : null, t === "level-gauge" ? a("gids-level-gauge", { ...d, breakpoint: this.breakpoint }) : null, t === "progress-circle" ? a("gids-progress-circle", { ...p, breakpoint: this.breakpoint }) : null, t === "radar-chart" ? a("div", { class: "gids-chart__no-data" }, a(o, { title: "Coming Soon!", supportingText: "Radar chart is under progress. This will be available in next major version of GIDS." })) : null);
+  }
+  static get watchers() {
+    return { breakpoint: [{ handleBreakpointChange: 0 }], chartType: [{ handleChartTypeChange: 0 }] };
+  }
+  static get style() {
+    return ".gids-chart__no-data{display:flex;align-items:center;justify-content:center;padding:var(--gids-padding-vertical-edge-to-element-300) var(--gids-padding-horizontal-edge-to-element-100);width:100%;height:100%;min-height:200px;color:var(--gids-color-text-subtlest);border:var(--gids-border-width-thin) dashed var(--gids-color-border-default);border-radius:var(--gids-border-radius-md)}";
+  }
+}, [0, "gids-chart", { breakpoint: [1], chartType: [1, "chart-type"], lineChartProps: [16], barChartProps: [16], pieChartProps: [16], activityGaugeProps: [16], levelGaugeProps: [16], progressCircleProps: [16] }, void 0, { breakpoint: [{ handleBreakpointChange: 0 }], chartType: [{ handleChartTypeChange: 0 }] }]);
+function g() {
+  typeof customElements < "u" && ["gids-chart", "gids-activity-gauge", "gids-bar-chart", "gids-chart-legend", "gids-chart-legend-item", "gids-level-gauge", "gids-line-chart", "gids-pie-chart", "gids-progress-circle"].forEach(((r) => {
+    switch (r) {
+      case "gids-chart":
+        customElements.get(n(r)) || customElements.define(n(r), c);
+        break;
+      case "gids-activity-gauge":
+        customElements.get(n(r)) || v();
+        break;
+      case "gids-bar-chart":
+        customElements.get(n(r)) || f();
+        break;
+      case "gids-chart-legend":
+        customElements.get(n(r)) || k();
+        break;
+      case "gids-chart-legend-item":
+        customElements.get(n(r)) || _();
+        break;
+      case "gids-level-gauge":
+        customElements.get(n(r)) || A();
+        break;
+      case "gids-line-chart":
+        customElements.get(n(r)) || P();
+        break;
+      case "gids-pie-chart":
+        customElements.get(n(r)) || E();
+        break;
+      case "gids-progress-circle":
+        customElements.get(n(r)) || D();
+    }
+  }));
+}
+g();
+const q = c, z = g;
+export {
+  q as GidsChart,
+  z as defineCustomElement
+};

package/dist-bundled/es/gids-chevron-button.js

@@ -0,0 +1,56 @@
+import { L as r, u as d, z as l, D as s, q as a } from "./p-Bf3p-DY2-CPqEc-vc.js";
+import { i as c } from "./p-B2zUuNXz-BLBgQDu7.js";
+import { d as h } from "./p-D4Pimu_8-DfEGRQGf.js";
+import { c as g } from "./clsx-OuTLNxxd.js";
+const b = ({ size: e }, o) => g("gids-chevron-button", {
+  // 'gids-chevron-button--xs': size === 'xs', // By default xs
+  "gids-chevron-button--sm": e === "sm",
+  "gids-chevron-button--md": e === "md",
+  "gids-chevron-button--lg": e === "lg"
+}, o), u = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsChevronButtonClassNames: b
+}, Symbol.toStringTag, { value: "Module" })), { getGidsChevronButtonClassNames: t } = u, i = r(class extends d {
+  constructor(e) {
+    super(), e !== !1 && this.__registerHost(), this.__attachShadow(), this.gidsChevronButton = l(this, "gidsChevronButton"), this.activeClasses = "", this.size = "xs";
+  }
+  handleExtraClassesAndSizeChange(e) {
+    this.activeClasses = t({ size: this.size }, e);
+  }
+  handleSizeChange(e) {
+    this.size = e;
+  }
+  handleDisabledChange(e) {
+    this.disabled = e;
+  }
+  connectedCallback() {
+    const e = c();
+    e !== void 0 && this._el.shadowRoot?.adoptedStyleSheets.push(e), this.activeClasses = t({ size: this.size }, this.extraClasses);
+  }
+  componentDidLoad() {
+    this.activeClasses = t({ size: this.size }, this.extraClasses);
+  }
+  render() {
+    return s("button", { key: "dd10979a904980892fbb220bfe6da96375414eda", class: this.activeClasses, slot: "trailingAccessory", type: "button", onClick: (e) => this.gidsChevronButton.emit(e), "aria-label": this?.ariaLabel ?? "", "aria-expanded": this?.ariaExpanded ?? "", "aria-haspopup": this?.ariaHaspopup ?? "", "aria-controls": this?.ariaControls ?? "", disabled: this.disabled, tabIndex: -1 }, s("span", { key: "629b4c694e59bcd6c6c0d5ab86845dba8afb055b", class: "gids-button__content" }, s(h, { key: "770618c0d5e45311be0aa155813226b66bb14a77", name: "chevron-vertical", alt: "" })));
+  }
+  get _el() {
+    return this;
+  }
+  static get watchers() {
+    return { extraClasses: [{ handleExtraClassesAndSizeChange: 0 }], size: [{ handleExtraClassesAndSizeChange: 0 }, { handleSizeChange: 0 }], disabled: [{ handleDisabledChange: 0 }] };
+  }
+  static get style() {
+    return ".gids-chevron-button{color:inherit;background-color:transparent;border:none;margin:0;padding:0;text-align:inherit;font:inherit;border-radius:0;appearance:none;display:inline-flex;justify-content:center;align-self:center;border-radius:var(--gids-border-radius-full);--gidsIcon-color:var(--gids-color-icon-default);--gidsIcon-height:var(--gidsChevronButtonIcon-height);--gidsChevronButtonIcon-height:var(--gids-size-120)}.gids-chevron-button--sm{--gidsIcon-height:var(--gids-size-160)}.gids-chevron-button--md{--gidsIcon-height:var(--gids-size-200)}.gids-chevron-button--lg{--gidsIcon-height:var(--gids-size-240)}.gids-chevron-button:hover{background-color:var(--gids-color-background-neutral-subtle-hovered)}.gids-chevron-button:active{background-color:var(--gids-color-background-neutral-subtle-pressed)}.gids-chevron-button:disabled .gids-icon{--gidsIcon-color:var(--gids-color-icon-disabled)}.gids-chevron-button:disabled:hover{background-color:transparent}.gids-chevron-button:disabled:active{background-color:transparent}";
+  }
+}, [1, "gids-chevron-button", { extraClasses: [513, "extra-classes"], size: [513], disabled: [516], ariaLabel: [513, "aria-label"], ariaHaspopup: [513, "aria-haspopup"], ariaExpanded: [513, "aria-expanded"], ariaControls: [513, "aria-controls"], activeClasses: [32] }, void 0, { extraClasses: [{ handleExtraClassesAndSizeChange: 0 }], size: [{ handleExtraClassesAndSizeChange: 0 }, { handleSizeChange: 0 }], disabled: [{ handleDisabledChange: 0 }] }]);
+function n() {
+  typeof customElements < "u" && ["gids-chevron-button"].forEach(((e) => {
+    e === "gids-chevron-button" && (customElements.get(a(e)) || customElements.define(a(e), i));
+  }));
+}
+n();
+const z = i, f = n;
+export {
+  z as GidsChevronButton,
+  f as defineCustomElement
+};

package/dist-bundled/es/gids-dot.js

@@ -0,0 +1,6 @@
+import { h as o, g as t } from "./p-BZCJlqVe-BcSwze-q.js";
+const s = o, m = t;
+export {
+  s as GidsDot,
+  m as defineCustomElement
+};