@ganpatiinfo/gids-core-web 9.0.0 → 10.1.0

package/dist-bundled/es/p-BpQB6ncp-C2AWddf-.js

@@ -0,0 +1,180 @@
+import { q as l, L as o, u as p, D as r } from "./p-Bf3p-DY2-CPqEc-vc.js";
+import { o as h } from "./p-UVmSPzTd-DiTxS9kW.js";
+import { d as c } from "./p-D4Pimu_8-DfEGRQGf.js";
+import { c as u } from "./p-V48JyMbP-Bx-0od-Z.js";
+import { u as b } from "./p-CW7tw1Fb-DtJ5TwCU.js";
+import { h as m } from "./p-JjN8U9B5-GeWjfJBY.js";
+import { c as k } from "./clsx-OuTLNxxd.js";
+const f = (e) => k("gids-calendar-header-panel", e), g = (e, a = "en-US") => {
+  const t = new Date(2e3, e - 1, 1);
+  return new Intl.DateTimeFormat(a, { month: "long" }).format(t);
+}, P = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getCalendarMonthNameViaMonthNumber: g,
+  getGidsCalendarHeaderPanelClassNames: f
+}, Symbol.toStringTag, { value: "Module" }));
+function d(e) {
+  var a, t, n = "";
+  if (typeof e == "string" || typeof e == "number") n += e;
+  else if (typeof e == "object") if (Array.isArray(e)) {
+    var i = e.length;
+    for (a = 0; a < i; a++) e[a] && (t = d(e[a])) && (n && (n += " "), n += t);
+  } else for (t in e) e[t] && (n && (n += " "), n += t);
+  return n;
+}
+function y() {
+  for (var e, a, t = 0, n = "", i = arguments.length; t < i; t++) (e = arguments[t]) && (a = d(e)) && (n && (n += " "), n += a);
+  return n;
+}
+const { getGidsCalendarHeaderPanelClassNames: v, getCalendarMonthNameViaMonthNumber: s } = P, M = o(class extends p {
+  constructor(e) {
+    super(), e !== !1 && this.__registerHost(), this.appearance = "primary", this.monthPickerDisabled = !1, this.yearPickerDisabled = !1, this.panelDisabled = !1, this.previousDisabled = !1, this.nextDisabled = !1, this.expandedMonthPicker = !1, this.expandedYearPicker = !1, this.internalPreviousDisabled = !1, this.internalNextDisabled = !1, this.suppressNextMenuClickSelection = !1, this.suppressNextActionClickSelection = !1, this.fallbackYear = (/* @__PURE__ */ new Date()).getFullYear(), this.fallbackMonth = 1, this.fallbackStartYear = (/* @__PURE__ */ new Date()).getFullYear(), this.fallbackEndYear = (/* @__PURE__ */ new Date()).getFullYear() + 100, this.handleMonthPickerMenuClick = (a) => {
+      if (this.suppressNextMenuClickSelection) return;
+      const t = a;
+      this.updateActionProps({ newSelectedMonthNumber: t?.monthInNumber ?? this.fallbackMonth, newSelectedYear: this.panelYear ?? this.fallbackYear }), this.applyMonthSelection({ id: t.id, type: "month", month: t.month, monthNumber: Number(t.monthInNumber), year: this.panelYear, disabled: !1, panelValue: `${t.month} ${this.panelYear}` });
+    }, this.handleYearPickerMenuClick = (a) => {
+      if (this.suppressNextMenuClickSelection) return;
+      const t = a;
+      this.updateActionProps({ newSelectedMonthNumber: this?.panelMonthNumber ?? this.fallbackMonth, newSelectedYear: t?.year ?? this.fallbackYear }), this.applyYearSelection({ id: t.id, type: "year", month: this.panelMonth, monthNumber: Number(this?.panelMonthNumber), year: t?.year, disabled: !1, panelValue: `${this.panelMonth} ${t.year}` });
+    }, this.handlePreviousActionClick = (a) => {
+      if (this.suppressNextActionClickSelection || !(a.target instanceof Element) || !this.isPreviousActionInteractive()) return;
+      const { newSelectedMonthNumber: t, newSelectedYear: n } = this.onPreviousActionChange();
+      this.updateActionProps({ newSelectedMonthNumber: t, newSelectedYear: n });
+      const i = s(t);
+      this.applyActionsSelection({ type: "previous", month: i, monthNumber: t, year: n, disabled: !1, panelValue: `${i} ${n}` });
+    }, this.handleNextActionClick = (a) => {
+      if (this.suppressNextActionClickSelection || !(a.target instanceof Element) || !this.isNextActionInteractive()) return;
+      const { newSelectedMonthNumber: t, newSelectedYear: n } = this.onNextActionChange();
+      this.updateActionProps({ newSelectedMonthNumber: t, newSelectedYear: n });
+      const i = s(t);
+      this.applyActionsSelection({ type: "next", month: i, monthNumber: t, year: n, disabled: !1, panelValue: `${i} ${n}` });
+    };
+  }
+  handleSelectedMonthNumberChange(e) {
+    e != null && (this.panelMonthNumber = e, this.panelMonth = s(e), this.syncPanelDisplayValue());
+  }
+  handleSelectedYearChange(e) {
+    e != null && (this.panelYear = e, this.syncPanelDisplayValue());
+  }
+  handleExpandedMonthPickerChange(e) {
+    e && !this.isMonthPickerInteractive() && this.setExpandedMonthPickerState(!1), e && this.isMonthPickerInteractive() && this.setExpandedMonthPickerState(!1);
+  }
+  handleExpandedYearPickerChange(e) {
+    e && !this.isYearPickerInteractive() && this.setExpandedYearPickerState(!1), e && this.isYearPickerInteractive() && this.setExpandedYearPickerState(!1);
+  }
+  handleMonthPickerInteractivityChange() {
+    !this.isMonthPickerInteractive() && this.expandedMonthPicker && this.setExpandedMonthPickerState(!1);
+  }
+  handleYearPickerInteractivityChange() {
+    !this.isYearPickerInteractive() && this.expandedYearPicker && this.setExpandedYearPickerState(!1);
+  }
+  handleAppearanceChange(e) {
+    this.appearance = e;
+  }
+  connectedCallback() {
+    this.panelMonthNumber = this.selectedMonthNumber ?? this.fallbackMonth, this.panelMonth = s(this.selectedMonthNumber ?? this.fallbackMonth), this.panelYear = this.selectedYear ?? this.fallbackYear, this.panelDisplayValue = `${this.panelMonth} ${this.panelYear}`, this.syncPanelDisplayValue(), this.setPreviousActionInteractivity(), this.setNextActionInteractivity();
+  }
+  applyMonthSelection(e) {
+    this.setExpandedMonthPickerState(!1, this.coerceEvent(e?.originalEvent)), this.setPreviousActionInteractivity(), this.setNextActionInteractivity(), this.onPanelMonthChange?.(e), this.hostElement.dispatchEvent(new CustomEvent("gidsPanelMonthChange", { bubbles: !0, composed: !0, detail: e }));
+  }
+  applyYearSelection(e) {
+    this.setExpandedYearPickerState(!1, this.coerceEvent(e?.originalEvent)), this.setPreviousActionInteractivity(), this.setNextActionInteractivity(), this.onPanelYearChange?.(e), this.hostElement.dispatchEvent(new CustomEvent("gidsPanelYearChange", { bubbles: !0, composed: !0, detail: e }));
+  }
+  setExpandedMonthPickerState(e, a) {
+    const t = !!e;
+    t && !this.isMonthPickerInteractive() || this.expandedMonthPicker !== t && (this.expandedMonthPicker = t, t || this.syncPanelDisplayValue(), this.hostElement.dispatchEvent(new CustomEvent("gidsCalendarHeaderPanelMonthToggle", { bubbles: !0, composed: !0, detail: { expandedMonthPicker: t, expandedYearPicker: !!this.expandedYearPicker, originalEvent: a } })));
+  }
+  setExpandedYearPickerState(e, a) {
+    const t = !!e;
+    t && !this.isYearPickerInteractive() || this.expandedYearPicker !== t && (this.expandedYearPicker = t, t || this.syncPanelDisplayValue(), this.hostElement.dispatchEvent(new CustomEvent("gidsCalendarHeaderPanelYearToggle", { bubbles: !0, composed: !0, detail: { expandedMonthPicker: !!this.expandedMonthPicker, expandedYearPicker: t, originalEvent: a } })));
+  }
+  syncPanelDisplayValue() {
+    this.panelMonth && this.panelYear && (this.panelDisplayValue = `${this.panelMonth} ${this.panelYear}`);
+  }
+  applyActionsSelection(e) {
+    this.setNextActionInteractivity(), this.setPreviousActionInteractivity(), e.type === "previous" && this.onPreviousChange?.(e), e.type === "next" && this.onNextChange?.(e);
+  }
+  checkPrevYearIsAllowed(e) {
+    return e >= (this.startYear ?? this.fallbackStartYear);
+  }
+  checkNextYearIsAllowed(e) {
+    return e <= (this.endYear ?? this.fallbackEndYear);
+  }
+  isPreviousActionInteractive() {
+    return (this.panelMonthNumber ?? this.fallbackMonth) === 1 ? this.checkPrevYearIsAllowed((this.panelYear ?? this.fallbackYear) - 1) && !this.previousDisabled : !this.previousDisabled;
+  }
+  isNextActionInteractive() {
+    return (this.panelMonthNumber ?? this.fallbackMonth) === 12 ? this.checkNextYearIsAllowed((this.panelYear ?? this.fallbackYear) + 1) && !this.nextDisabled : !this.nextDisabled;
+  }
+  onPreviousActionChange() {
+    const e = this.panelMonthNumber ?? this.fallbackMonth, a = this.panelYear ?? this.fallbackYear;
+    return this.isPreviousActionInteractive() ? { newSelectedMonthNumber: e === 1 ? 12 : e - 1, newSelectedYear: e === 1 ? a - 1 : a } : { newSelectedMonthNumber: e, newSelectedYear: a };
+  }
+  onNextActionChange() {
+    const e = this.panelMonthNumber ?? this.fallbackMonth, a = this.panelYear ?? this.fallbackYear;
+    return this.isNextActionInteractive() ? { newSelectedMonthNumber: e === 12 ? 1 : e + 1, newSelectedYear: e === 12 ? a + 1 : a } : { newSelectedMonthNumber: e, newSelectedYear: a };
+  }
+  isMonthPickerInteractive() {
+    return !this.monthPickerDisabled;
+  }
+  isYearPickerInteractive() {
+    return !this.yearPickerDisabled;
+  }
+  coerceEvent(e) {
+    if (typeof Event < "u" && e !== null) return e instanceof Event ? e : void 0;
+  }
+  updatePanelMonth(e) {
+    e ? (this.selectedMonthNumber = e, this.panelMonth = s(e), this.panelMonthNumber = e) : (this.selectedMonthNumber = this.fallbackMonth, this.panelMonth = s(this.fallbackMonth), this.panelMonthNumber = this.fallbackMonth);
+  }
+  updatePanelYear(e) {
+    e ? (this.selectedYear = e, this.panelYear = e) : this.panelYear = this.fallbackYear;
+  }
+  setPreviousActionInteractivity() {
+    this.internalPreviousDisabled = !this.isPreviousActionInteractive();
+  }
+  setNextActionInteractivity() {
+    this.internalNextDisabled = !this.isNextActionInteractive();
+  }
+  updateActionProps({ newSelectedYear: e, newSelectedMonthNumber: a }) {
+    this.updatePanelYear(e), this.updatePanelMonth(a), this.syncPanelDisplayValue();
+  }
+  getPanelValue() {
+    return this.panelDisplayValue;
+  }
+  render() {
+    const e = v(), a = this.expandedMonthPicker && this.isMonthPickerInteractive() && !this.expandedYearPicker, t = this.expandedYearPicker && this.isYearPickerInteractive() && !this.expandedMonthPicker, n = this.internalPreviousDisabled || this.previousDisabled, i = this.internalNextDisabled || this.nextDisabled;
+    return r("div", { key: "465c3b150920df42f6a9d190f14ad6bc809c0e6a", class: e }, r(h, { key: "45e5d278d5bd65137c2370876de0b436051b3528", leadingIcon: r(c, { name: "arrow-left", size: "md", appearance: "regular" }), appearance: this.appearance, size: "sm", width: "intrinsic", onClick: this.handlePreviousActionClick, disabled: n }), r("div", { key: "2f06fecf2a5867e1e5e6fc47cd23233b4986e92b", class: "gids-calendar-header-panel__main-container" }, r("gids-dropdown-picker", { key: "a6ae7c21488af8889ad699726f85bfff8dd368bc", expanded: a, appearance: this.appearance, size: "sm", value: `${this.panelMonthNumber}`, disabled: this.monthPickerDisabled }, r("gids-calendar-month-list", { key: "fe3fe13b098d9fa83c25bb13fe7842bd0cd1b908", type: "default", selectedMonthNumber: this.panelMonthNumber, onSelectionMonthChange: this.handleMonthPickerMenuClick })), r("span", { key: "eb58738544b7ca0d2880b181d892cfd5f05d2c4f", class: y("gids-calendar-header-panel__panel-value", { "gids-calendar-header-panel__panel-value-disabled": this.panelDisabled }) }, this.getPanelValue()), r("gids-dropdown-picker", { key: "312f4cbf867709075b94c90e22421314b8999fce", expanded: t, appearance: this.appearance, size: "sm", value: `${this.panelYear}`, disabled: this.yearPickerDisabled }, r("gids-calendar-year-list", { key: "2a66a9cd7a4cea5c819b7fdabde227b6019f3a25", type: "default", selectedYear: this.panelYear, startYear: this.startYear ?? this.fallbackStartYear, endYear: this.endYear, onSelectionYearChange: this.handleYearPickerMenuClick }))), r(h, { key: "681dbcb21ce0fa989d61a2a03872fc6eeed6afd8", leadingIcon: r(c, { name: "arrow-right", size: "md", appearance: "regular" }), appearance: this.appearance, size: "sm", width: "intrinsic", onClick: this.handleNextActionClick, disabled: i }));
+  }
+  get hostElement() {
+    return this;
+  }
+  static get watchers() {
+    return { selectedMonthNumber: [{ handleSelectedMonthNumberChange: 0 }], selectedYear: [{ handleSelectedYearChange: 0 }], expandedMonthPicker: [{ handleExpandedMonthPickerChange: 0 }], expandedYearPicker: [{ handleExpandedYearPickerChange: 0 }], monthPickerDisabled: [{ handleMonthPickerInteractivityChange: 0 }], yearPickerDisabled: [{ handleYearPickerInteractivityChange: 0 }], appearance: [{ handleAppearanceChange: 0 }] };
+  }
+  static get style() {
+    return ".gids-calendar-header-panel{display:flex;justify-content:center;align-items:center;align-self:stretch;gap:var(--gids-gap-150);width:100%}.gids-calendar-header-panel__main-container{display:flex;flex:1 0 0;align-items:center;justify-content:center;align-self:stretch;gap:var(--gids-gap-100)}.gids-calendar-header-panel__panel-value{font-family:var(--gids-typography-label-medium__font-family);font-size:var(--gids-typography-label-medium__font-size);font-weight:var(--gids-typography-label-medium__font-weight);letter-spacing:var(--gids-typography-label-medium__letter-spacing);line-height:var(--gids-typography-label-medium__line-height);text-transform:var(--gids-typography-label-medium__text-transform, inherit);font-variant-caps:var(--gids-typography-label-medium__font-variant-caps, inherit);color:var(--gids-color-text-default);text-align:center}.gids-calendar-header-panel__panel-value-disabled{color:var(--gids-color-text-disabled)}";
+  }
+}, [0, "gids-calendar-header-panel", { selectedMonthNumber: [1538, "selected-month-number"], selectedYear: [1538, "selected-year"], startYear: [1538, "start-year"], endYear: [1538, "end-year"], appearance: [1], monthPickerDisabled: [4, "month-picker-disabled"], yearPickerDisabled: [4, "year-picker-disabled"], panelDisabled: [4, "panel-disabled"], previousDisabled: [4, "previous-disabled"], nextDisabled: [4, "next-disabled"], expandedMonthPicker: [1540, "expanded-month-picker"], expandedYearPicker: [1540, "expanded-year-picker"], onPreviousChange: [16], onNextChange: [16], onPanelMonthChange: [16], onPanelYearChange: [16], panelMonth: [32], panelMonthNumber: [32], panelYear: [32], panelDisplayValue: [32], internalPreviousDisabled: [32], internalNextDisabled: [32] }, void 0, { selectedMonthNumber: [{ handleSelectedMonthNumberChange: 0 }], selectedYear: [{ handleSelectedYearChange: 0 }], expandedMonthPicker: [{ handleExpandedMonthPickerChange: 0 }], expandedYearPicker: [{ handleExpandedYearPickerChange: 0 }], monthPickerDisabled: [{ handleMonthPickerInteractivityChange: 0 }], yearPickerDisabled: [{ handleYearPickerInteractivityChange: 0 }], appearance: [{ handleAppearanceChange: 0 }] }]);
+function Y() {
+  typeof customElements < "u" && ["gids-calendar-header-panel", "gids-calendar-month-list", "gids-calendar-year-list", "gids-dropdown-picker"].forEach(((e) => {
+    switch (e) {
+      case "gids-calendar-header-panel":
+        customElements.get(l(e)) || customElements.define(l(e), M);
+        break;
+      case "gids-calendar-month-list":
+        customElements.get(l(e)) || u();
+        break;
+      case "gids-calendar-year-list":
+        customElements.get(l(e)) || b();
+        break;
+      case "gids-dropdown-picker":
+        customElements.get(l(e)) || m();
+    }
+  }));
+}
+Y();
+export {
+  Y as g,
+  P as r,
+  M as u
+};

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

@@ -1,4 +1,4 @@
-import { R as l } from "./p-ibikYq-w-BsGxk8ro.js";
+import { D as l } from "./p-Bf3p-DY2-CPqEc-vc.js";
 import { c as x } from "./clsx-OuTLNxxd.js";
 const f = ({ size: e, indeterminate: t, value: n }, r) => x("gids-spinner-control", {
   "gids-spinner-control--xs": e === "xs",
@@ -22,9 +22,9 @@ const f = ({ size: e, indeterminate: t, value: n }, r) => x("gids-spinner-contro
   radius: u,
   thickness: g,
   viewBox: y
-}, Symbol.toStringTag, { value: "Module" })), { getGidsSpinnerControlClassNames: S } = h, { calculateStrokeDasharray: b, thickness: d, radius: p, centerPosition: s, viewBox: M } = v, P = ({ size: e, indeterminate: t, value: n, max: r, ...i }) => {
+}, Symbol.toStringTag, { value: "Module" })), { getGidsSpinnerControlClassNames: S } = h, { calculateStrokeDasharray: b, thickness: d, radius: p, centerPosition: s, viewBox: D } = v, P = ({ size: e, indeterminate: t, value: n, max: r, ...i }) => {
   let o;
-  return t || (o = { strokeDashArray: b(n, r || 0), strokeDashoffset: "0" }), l("svg", { class: S({ size: e, indeterminate: t, value: n }), viewBox: M, ...i }, l("circle", { class: "gids-spinner-control__track", cx: s, cy: s, r: p, "stroke-width": d }), l("circle", { style: o, class: "gids-spinner-control__progress", cx: s, cy: s, r: p, "stroke-width": d }));
+  return t || (o = { strokeDashArray: b(n, r || 0), strokeDashoffset: "0" }), l("svg", { class: S({ size: e, indeterminate: t, value: n }), viewBox: D, ...i }, l("circle", { class: "gids-spinner-control__track", cx: s, cy: s, r: p, "stroke-width": d }), l("circle", { style: o, class: "gids-spinner-control__progress", cx: s, cy: s, r: p, "stroke-width": d }));
 };
 export {
   P as l

package/dist-bundled/es/p-CP1wz2PI-DhVAsHFS.js

@@ -0,0 +1,115 @@
+import { q as x, L as C, u as D, D as e } from "./p-Bf3p-DY2-CPqEc-vc.js";
+import { p as $ } from "./p-DMNS1d8v-CHF62UXm.js";
+import { o as L } from "./p-DoCwI_bx-BXHlZI7-.js";
+import { d as E } from "./p-mZJdpfOo-DicbKil0.js";
+import { c as P } from "./clsx-OuTLNxxd.js";
+const M = ({ breakpoint: a }, o) => P("gids-bar-chart", {
+  "gids-bar-chart--breakpoint-mobile": a === "mobile"
+}, o), V = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsBarChartClassNames: M
+}, Symbol.toStringTag, { value: "Module" })), { getGidsBarChartClassNames: T } = V, j = C(class extends D {
+  constructor(a) {
+    super(), a !== !1 && this.__registerHost(), this.breakpoint = "desktop", this.legend = "none", this.chartData = [], this.yAxisVisible = !1, this.dataPoints = [], this.chartLoaderSize = "lg", this.chartLoading = !1, this.width = 0, this.height = 0;
+  }
+  chartDataChanged() {
+    this.updateDimensions();
+  }
+  dataPointsChanged(a) {
+    this.dataPoints = a;
+  }
+  legendChanged(a) {
+    this.legend = a;
+  }
+  yAxisVisibilityChanged(a) {
+    this.yAxisVisible = a;
+  }
+  componentDidLoad() {
+    this.updateDimensions(), this.resizeObserver = new ResizeObserver((() => this.updateDimensions())), this.hostElement.parentElement && this.resizeObserver.observe(this.hostElement.parentElement);
+  }
+  disconnectedCallback() {
+    this.resizeObserver && this.resizeObserver.disconnect();
+  }
+  updateDimensions() {
+    const a = this.hostElement.getBoundingClientRect();
+    this.width = a.width, this.height = a.height > 0 ? a.height : 300;
+  }
+  render() {
+    if (this.chartLoading) return e("div", { class: "gids-bar-chart__no-data" }, e($, { label: this.chartLoadingTitle, supportingText: this.chartLoadingSupportingText, size: this?.chartLoaderSize ?? "lg" }));
+    const a = this?.chartData?.[0]?.data?.map(((t) => t.label)) ?? [], o = a.length, d = Array(o).fill(0);
+    this.chartData.forEach(((t) => {
+      Array.isArray(t?.data) && t.data.forEach(((i, r) => {
+        r < o && (d[r] = (d[r] ?? 0) + (i?.value || 0));
+      }));
+    }));
+    const b = d.length > 0 ? Math.max(...d) : 10, g = Math.pow(10, Math.floor(Math.log10(b || 1)));
+    let p = g;
+    b / g <= 2 ? p = g / 5 : b / g <= 5 && (p = g / 2);
+    const w = Math.ceil(b / p) * p, h = [];
+    if (Array.isArray(this.dataPoints) && this.dataPoints.length > 0) {
+      const t = [...this.dataPoints].sort(((n, s) => n - s)), i = t.length > 1 ? (t[1] ?? 200) - (t[0] ?? 0) : 200, r = Math.max(...t, w, ...d), _ = Math.ceil(r / (i || 1));
+      for (let n = 0; n <= _; n++) h.push(n * i);
+    } else {
+      const i = w / 4;
+      for (let r = 0; r < 5; r++) h.push(Math.round(0 + r * i));
+    }
+    const y = Math.max(...h) - 0 || 1, k = T({ breakpoint: this.breakpoint });
+    let f = !1, z = !1;
+    this.breakpoint === "mobile" ? this.legend !== "none" && (f = !0) : this.legend === "top" ? f = !0 : this.legend === "right" && (z = !0);
+    const v = 100 / o, c = 0.4 * v;
+    return e("div", { class: k }, f ? e("div", { class: "gids-bar-chart__header" }, e("gids-chart-legend", { orientation: "horizontal" }, this.chartData.map(((t, i) => e("gids-chart-legend-item", { key: t.label, seriesType: `${i + 1}`, orientation: "horizontal" }, t.label))))) : null, e("div", { class: "gids-bar-chart__main-container" }, e("div", { class: "gids-bar-chart__grid-layout" }, e("span", { class: "gids-bar-chart__y-axis-label" }, this.yAxisLabel), e("div", { class: "gids-bar-chart__chart-stage-container" }, this.yAxisVisible ? e("div", { class: "gids-bar-chart__y-axis-scale-container" }, h.map(((t) => e("span", { class: "gids-bar-chart__scale-text gids-bar-chart__y-axis-scale-value", key: t, style: { bottom: (t - 0) / y * 100 + "%" } }, t)))) : null, e("div", { class: "gids-bar-chart__chart-stage" }, e("svg", { viewBox: "0 0 100 100", class: "gids-bar-chart__chart-vector", preserveAspectRatio: "none" }, h.map(((t) => {
+      const i = 100 - (t - 0) / y * 100;
+      return e("line", { x1: "0", y1: i, x2: "100", y2: i, class: "gids-bar-chart__grid-line", key: t });
+    })), a.map(((t, i) => {
+      const r = i * v + (v - c) / 2;
+      let _ = 0;
+      const n = [...this.chartData.map(((s, l) => {
+        if (!Array.isArray(s.data)) return null;
+        const m = s.data[i];
+        if (!m) return null;
+        const u = (m.value || 0) / y * 100, A = 100 - u - _;
+        return _ += u, { seriesIdx: l, crownY: A, height: u };
+      })).filter(((s) => s !== null && s.height > 0))].sort(((s, l) => l.seriesIdx - s.seriesIdx));
+      return e("g", { key: i }, n.map(((s) => {
+        const l = 0.3 * c, m = `
+														M ${r},${s.crownY + l}
+														Q ${r},${s.crownY} ${r + l},${s.crownY}
+														H ${r + c - l}
+														Q ${r + c},${s.crownY} ${r + c},${s.crownY + l}
+														V 100
+														H ${r}
+														Z
+													`.replace(/\s+/g, " ").trim();
+        return e("path", { key: s.seriesIdx, d: m, class: `gids-bar-chart__bar gids-bar-chart__series-bar-${s.seriesIdx + 1}` });
+      })));
+    }))))), e("div", { class: "gids-bar-chart__x-axis-scale-container" }, a.map(((t, i) => e("span", { class: "gids-bar-chart__scale-text", key: i }, t)))), e("span", { class: "gids-bar-chart__x-axis-label" }, this.xAxisLabel)), z ? e("gids-chart-legend", { orientation: "vertical" }, this.chartData.map(((t, i) => e("gids-chart-legend-item", { key: t.label, seriesType: `${i + 1}`, orientation: "vertical" }, t.label)))) : null));
+  }
+  get hostElement() {
+    return this;
+  }
+  static get watchers() {
+    return { chartData: [{ chartDataChanged: 0 }], dataPoints: [{ dataPointsChanged: 0 }], legend: [{ legendChanged: 0 }], yAxisVisible: [{ yAxisVisibilityChanged: 0 }] };
+  }
+  static get style() {
+    return ":host{display:block;width:100%;height:100%;box-sizing:border-box}.gids-bar-chart{display:flex;flex-direction:column;width:100%;height:100%;box-sizing:border-box}.gids-bar-chart--breakpoint-mobile{max-width:var(--gids-width-xs)}.gids-bar-chart__main-container{display:flex;gap:var(--gids-gap-200)}.gids-bar-chart__header{display:flex;justify-content:flex-end;align-items:center;width:100%;margin-bottom:var(--gids-padding-vertical-edge-to-element-200)}.gids-bar-chart__grid-layout{display:grid;grid-template-columns:auto 1fr;grid-template-rows:minmax(180px, 280px) auto auto;flex:1;width:100%;height:100%;box-sizing:border-box}.gids-bar-chart__y-axis-label{grid-column:1;grid-row:1;display:flex;align-items:center;justify-content:center;margin-right:var(--gids-padding-horizontal-edge-to-element-150);font-family:var(--gids-typography-label-x-small__font-family);font-size:var(--gids-typography-label-x-small__font-size);font-weight:var(--gids-typography-label-x-small__font-weight);letter-spacing:var(--gids-typography-label-x-small__letter-spacing);line-height:var(--gids-typography-label-x-small__line-height);text-transform:var(--gids-typography-label-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-x-small__font-variant-caps, inherit);color:var(--gids-color-text-subtlest);writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap}.gids-bar-chart__chart-stage-container{grid-column:2;grid-row:1;position:relative;width:100%;height:100%;padding-left:var(--gids-container-padding-desktop);box-sizing:border-box}.gids-bar-chart__y-axis-scale-container{position:absolute;top:0;bottom:0;left:0;width:calc(var(--gids-container-padding-desktop) - var(--gids-padding-horizontal-edge-to-element-100));pointer-events:none}.gids-bar-chart__y-axis-scale-value{position:absolute;right:0;transform:translateY(50%)}.gids-bar-chart__chart-stage{position:relative;width:100%;height:100%;border-bottom:var(--gids-border-width-thin) solid var(--gids-color-border-default);box-sizing:border-box}.gids-bar-chart__chart-vector{display:block;width:100%;height:100%;overflow:visible}.gids-bar-chart__grid-line{stroke:var(--gids-color-border-default);stroke-width:0.5;fill:none}.gids-bar-chart{}.gids-bar-chart__bar{vector-effect:non-scaling-stroke;}.gids-bar-chart__bar.gids-bar-chart__series-bar-1{fill:var(--gids-color-icon-subtle)}.gids-bar-chart__bar.gids-bar-chart__series-bar-2{fill:var(--gids-color-icon-warning)}.gids-bar-chart__bar.gids-bar-chart__series-bar-3{fill:var(--gids-color-icon-danger)}.gids-bar-chart{}.gids-bar-chart__x-axis-scale-container{display:flex;grid-column:2;grid-row:2;justify-content:space-around;align-items:center;padding-left:var(--gids-container-padding-desktop);padding-top:var(--gids-padding-vertical-edge-to-element-100);box-sizing:border-box}.gids-bar-chart__x-axis-label{grid-column:2;grid-row:3;display:flex;justify-content:center;align-items:center;padding-top:var(--gids-padding-vertical-edge-to-element-100);font-family:var(--gids-typography-label-x-small__font-family);font-size:var(--gids-typography-label-x-small__font-size);font-weight:var(--gids-typography-label-x-small__font-weight);letter-spacing:var(--gids-typography-label-x-small__letter-spacing);line-height:var(--gids-typography-label-x-small__line-height);text-transform:var(--gids-typography-label-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-x-small__font-variant-caps, inherit);color:var(--gids-color-text-subtlest);white-space:nowrap}.gids-bar-chart__scale-text{font-family:var(--gids-typography-label-x-small__font-family);font-size:var(--gids-typography-label-x-small__font-size);font-weight:var(--gids-typography-label-x-small__font-weight);letter-spacing:var(--gids-typography-label-x-small__letter-spacing);line-height:var(--gids-typography-label-x-small__line-height);text-transform:var(--gids-typography-label-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-x-small__font-variant-caps, inherit);color:var(--gids-color-text-subtlest);user-select:none;white-space:nowrap}.gids-bar-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-bar-chart", { breakpoint: [1], legend: [1], chartData: [16], yAxisVisible: [4, "y-axis-visible"], xAxisLabel: [1, "x-axis-label"], yAxisLabel: [1, "y-axis-label"], dataPoints: [16], chartLoaderSize: [1, "chart-loader-size"], chartLoading: [4, "chart-loading"], chartLoadingTitle: [1, "chart-loading-title"], chartLoadingSupportingText: [1, "chart-loading-supporting-text"], width: [32], height: [32] }, void 0, { chartData: [{ chartDataChanged: 0 }], dataPoints: [{ dataPointsChanged: 0 }], legend: [{ legendChanged: 0 }], yAxisVisible: [{ yAxisVisibilityChanged: 0 }] }]);
+function O() {
+  typeof customElements < "u" && ["gids-bar-chart", "gids-chart-legend", "gids-chart-legend-item"].forEach(((a) => {
+    switch (a) {
+      case "gids-bar-chart":
+        customElements.get(x(a)) || customElements.define(x(a), j);
+        break;
+      case "gids-chart-legend":
+        customElements.get(x(a)) || L();
+        break;
+      case "gids-chart-legend-item":
+        customElements.get(x(a)) || E();
+    }
+  }));
+}
+O();
+export {
+  j as d,
+  O as g
+};

package/dist-bundled/es/p-CQH7eAs3-BVowyVGn.js

@@ -0,0 +1,88 @@
+import { q as d, L as f, u as v, D as e } from "./p-Bf3p-DY2-CPqEc-vc.js";
+import { p as u } from "./p-DMNS1d8v-CHF62UXm.js";
+import { o as w } from "./p-DoCwI_bx-BXHlZI7-.js";
+import { d as k } from "./p-mZJdpfOo-DicbKil0.js";
+import { c as z } from "./clsx-OuTLNxxd.js";
+const L = ({ breakpoint: a }, s) => z("gids-line-chart", {
+  "gids-line-chart--breakpoint-mobile": a === "mobile"
+}, s), A = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsLineChartClassNames: L
+}, Symbol.toStringTag, { value: "Module" })), { getGidsLineChartClassNames: D } = A, C = f(class extends v {
+  constructor(a) {
+    super(), a !== !1 && this.__registerHost(), this.breakpoint = "desktop", this.legend = "none", this.chartData = [], this.yAxisVisible = !1, this.dataPoints = [], this.chartLoaderSize = "lg", this.chartLoading = !1, this.width = 0, this.height = 0;
+  }
+  chartDataChanged() {
+    this.updateDimensions();
+  }
+  dataPointsChanged(a) {
+    this.dataPoints = a;
+  }
+  legendChanged(a) {
+    this.legend = a;
+  }
+  yAxisVisibilityChanged(a) {
+    this.yAxisVisible = a;
+  }
+  componentDidLoad() {
+    this.updateDimensions(), this.resizeObserver = new ResizeObserver((() => this.updateDimensions())), this.hostElement.parentElement && this.resizeObserver.observe(this.hostElement.parentElement);
+  }
+  disconnectedCallback() {
+    this.resizeObserver && this.resizeObserver.disconnect();
+  }
+  updateDimensions() {
+    const a = this.hostElement.getBoundingClientRect();
+    this.width = a.width, this.height = a.height > 0 ? a.height : 300;
+  }
+  render() {
+    if (this.chartLoading) return e("div", { class: "gids-line-chart__no-data" }, e(u, { label: this.chartLoadingTitle, supportingText: this.chartLoadingSupportingText, size: this?.chartLoaderSize ?? "lg" }));
+    const a = this.chartData.flatMap(((t) => Array.isArray(t?.data) ? t.data.map(((i) => i.value)) : [])), s = a.length > 0 ? Math.max(...a) : 10, l = Math.pow(10, Math.floor(Math.log10(s || 1)));
+    let o = l;
+    s / l <= 2 ? o = l / 5 : s / l <= 5 && (o = l / 2);
+    const c = Math.ceil(s / o) * o;
+    let n = [];
+    if (Array.isArray(this.dataPoints) && this.dataPoints.length > 0) n = [...this.dataPoints].sort(((t, i) => t - i));
+    else {
+      const i = c / 4;
+      for (let r = 0; r < 5; r++) n.push(Math.round(0 + r * i));
+    }
+    const g = Math.max(...n, c) - 0 || 1, p = this?.chartData?.[0]?.data?.map(((t) => t.label)) ?? [], b = p.length, y = D({ breakpoint: this.breakpoint });
+    let h = !1, _ = !1;
+    return this.breakpoint === "mobile" ? this.legend !== "none" && (h = !0) : this.legend === "top" ? h = !0 : this.legend === "right" && (_ = !0), e("div", { class: y }, h ? e("div", { class: "gids-line-chart__header" }, e("gids-chart-legend", { orientation: "horizontal" }, this.chartData.map(((t, i) => e("gids-chart-legend-item", { key: t.label, seriesType: `${i + 1}`, orientation: "horizontal" }, t.label))))) : null, e("div", { class: "gids-line-chart__main-container" }, e("div", { class: "gids-line-chart__grid-layout" }, e("span", { class: "gids-line-chart__y-axis-label" }, this.yAxisLabel), e("div", { class: "gids-line-chart__chart-stage-container" }, this.yAxisVisible ? e("div", { class: "gids-line-chart__y-axis-scale-container" }, n.map(((t) => e("span", { class: "gids-line-chart__scale-text gids-line-chart__y-axis-scale-value", key: t, style: { bottom: (t - 0) / g * 100 + "%" } }, t)))) : null, e("div", { class: "gids-line-chart__chart-stage" }, e("svg", { viewBox: "0 0 100 100", class: "gids-line-chart__chart-vector", preserveAspectRatio: "none" }, e("defs", null, this.chartData.map(((t, i) => e("linearGradient", { id: `areaGradient-${i}`, x1: "0", y1: "0", x2: "0", y2: "1", key: i }, e("stop", { offset: "0%", class: `gids-line-chart__gradient-start-${i}` }), e("stop", { offset: "100%", class: `gids-line-chart__gradient-end-${i}` }))))), n.map(((t) => {
+      const i = 100 - (t - 0) / g * 100;
+      return e("line", { x1: "0", y1: i, x2: "100", y2: i, class: "gids-line-chart__grid-line", key: t });
+    })), this.chartData.map(((t, i) => {
+      if (!Array.isArray(t.data) || t.data.length < 2) return null;
+      const r = t.data.map(((x, m) => `${m === 0 ? "M" : "L"} ${m / (b - 1) * 100} ${100 - (x.value - 0) / g * 100}`)).join(" ");
+      return e("g", { key: t.label || i }, e("path", { d: `${r} L 100 100 L 0 100 Z`, fill: `url(#areaGradient-${i})`, class: "gids-line-chart__chart-area" }), e("path", { d: r, class: `gids-line-chart__chart-line gids-line-chart__series-line-${i + 1}` }));
+    }))))), e("div", { class: "gids-line-chart__x-axis-scale-container" }, p.map(((t, i) => e("span", { class: "gids-line-chart__scale-text", key: i }, t)))), e("span", { class: "gids-line-chart__x-axis-label" }, this.xAxisLabel)), _ ? e("gids-chart-legend", { orientation: "vertical" }, this.chartData.map(((t, i) => e("gids-chart-legend-item", { key: t.label, seriesType: `${i + 1}`, orientation: "vertical" }, t.label)))) : null));
+  }
+  get hostElement() {
+    return this;
+  }
+  static get watchers() {
+    return { chartData: [{ chartDataChanged: 0 }], dataPoints: [{ dataPointsChanged: 0 }], legend: [{ legendChanged: 0 }], yAxisVisible: [{ yAxisVisibilityChanged: 0 }] };
+  }
+  static get style() {
+    return ":host{display:block;width:100%;height:100%;box-sizing:border-box}.gids-line-chart{display:flex;flex-direction:column;width:100%;height:100%;box-sizing:border-box}.gids-line-chart--breakpoint-mobile{max-width:var(--gids-width-xs)}.gids-line-chart__main-container{display:flex;gap:var(--gids-gap-200)}.gids-line-chart__header{display:flex;justify-content:flex-end;align-items:center;width:100%;margin-bottom:var(--gids-padding-vertical-edge-to-element-200)}.gids-line-chart__grid-layout{display:grid;grid-template-columns:auto 1fr;grid-template-rows:minmax(180px, 280px) auto auto;flex:1;width:100%;height:100%;box-sizing:border-box}.gids-line-chart__y-axis-label{grid-column:1;grid-row:1;display:flex;align-items:center;justify-content:center;margin-right:var(--gids-padding-horizontal-edge-to-element-150);font-family:var(--gids-typography-label-x-small__font-family);font-size:var(--gids-typography-label-x-small__font-size);font-weight:var(--gids-typography-label-x-small__font-weight);letter-spacing:var(--gids-typography-label-x-small__letter-spacing);line-height:var(--gids-typography-label-x-small__line-height);text-transform:var(--gids-typography-label-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-x-small__font-variant-caps, inherit);color:var(--gids-color-text-subtlest);writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap}.gids-line-chart__chart-stage-container{grid-column:2;grid-row:1;position:relative;width:100%;height:100%;padding-left:var(--gids-container-padding-desktop);box-sizing:border-box}.gids-line-chart__y-axis-scale-container{position:absolute;top:0;bottom:0;left:0;width:calc(var(--gids-container-padding-desktop) - var(--gids-padding-horizontal-edge-to-element-100));pointer-events:none}.gids-line-chart__y-axis-scale-value{position:absolute;right:0;transform:translateY(50%)}.gids-line-chart__chart-stage{position:relative;width:100%;height:100%;border-bottom:var(--gids-border-width-thin) solid var(--gids-color-border-default);box-sizing:border-box}.gids-line-chart__chart-vector{display:block;width:100%;height:100%;overflow:visible}.gids-line-chart__grid-line{stroke:var(--gids-color-border-default);stroke-width:0.5;fill:none}.gids-line-chart__chart-area{stroke:none}.gids-line-chart__chart-line{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.gids-line-chart__chart-line.gids-line-chart__series-line-1{stroke:var(--gids-color-icon-subtle)}.gids-line-chart__chart-line.gids-line-chart__series-line-2{stroke:var(--gids-color-icon-warning)}.gids-line-chart__chart-line.gids-line-chart__series-line-3{stroke:var(--gids-color-icon-danger)}.gids-line-chart__gradient-start-0{stop-color:rgba(127, 86, 217, 0.09);stop-opacity:1}.gids-line-chart__gradient-end-0{stop-color:rgba(127, 86, 217, 0.09);stop-opacity:0}.gids-line-chart__gradient-start-1{stop-color:rgba(127, 86, 217, 0.1);stop-opacity:1}.gids-line-chart__gradient-end-1{stop-color:rgba(127, 86, 217, 0.1);stop-opacity:0}.gids-line-chart__gradient-start-2{stop-color:rgba(127, 86, 217, 0.12);stop-opacity:1}.gids-line-chart__gradient-end-2{stop-color:rgba(127, 86, 217, 0.12);stop-opacity:0}.gids-line-chart__x-axis-scale-container{display:flex;grid-column:2;grid-row:2;justify-content:space-between;align-items:center;padding-left:var(--gids-container-padding-desktop);padding-top:var(--gids-padding-vertical-edge-to-element-100);box-sizing:border-box}.gids-line-chart__x-axis-label{grid-column:2;grid-row:3;display:flex;justify-content:center;align-items:center;padding-top:var(--gids-padding-vertical-edge-to-element-100);font-family:var(--gids-typography-label-x-small__font-family);font-size:var(--gids-typography-label-x-small__font-size);font-weight:var(--gids-typography-label-x-small__font-weight);letter-spacing:var(--gids-typography-label-x-small__letter-spacing);line-height:var(--gids-typography-label-x-small__line-height);text-transform:var(--gids-typography-label-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-x-small__font-variant-caps, inherit);color:var(--gids-color-text-subtlest);white-space:nowrap}.gids-line-chart__scale-text{font-family:var(--gids-typography-label-x-small__font-family);font-size:var(--gids-typography-label-x-small__font-size);font-weight:var(--gids-typography-label-x-small__font-weight);letter-spacing:var(--gids-typography-label-x-small__letter-spacing);line-height:var(--gids-typography-label-x-small__line-height);text-transform:var(--gids-typography-label-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-x-small__font-variant-caps, inherit);color:var(--gids-color-text-subtlest);user-select:none;white-space:nowrap}.gids-line-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-line-chart", { breakpoint: [1], legend: [1], chartData: [16], yAxisVisible: [4, "y-axis-visible"], xAxisLabel: [1, "x-axis-label"], yAxisLabel: [1, "y-axis-label"], dataPoints: [16], chartLoaderSize: [1, "chart-loader-size"], chartLoading: [4, "chart-loading"], chartLoadingTitle: [1, "chart-loading-title"], chartLoadingSupportingText: [1, "chart-loading-supporting-text"], width: [32], height: [32] }, void 0, { chartData: [{ chartDataChanged: 0 }], dataPoints: [{ dataPointsChanged: 0 }], legend: [{ legendChanged: 0 }], yAxisVisible: [{ yAxisVisibilityChanged: 0 }] }]);
+function $() {
+  typeof customElements < "u" && ["gids-line-chart", "gids-chart-legend", "gids-chart-legend-item"].forEach(((a) => {
+    switch (a) {
+      case "gids-line-chart":
+        customElements.get(d(a)) || customElements.define(d(a), C);
+        break;
+      case "gids-chart-legend":
+        customElements.get(d(a)) || w();
+        break;
+      case "gids-chart-legend-item":
+        customElements.get(d(a)) || k();
+    }
+  }));
+}
+$();
+export {
+  C as d,
+  $ as g
+};

package/dist-bundled/es/p-CW7tw1Fb-DtJ5TwCU.js

@@ -0,0 +1,92 @@
+import { q as d, L as c, u as h, D as i } from "./p-Bf3p-DY2-CPqEc-vc.js";
+import { m as u, x as m, N as Y } from "./p-D6lxqcxP-DWrZi1Xi.js";
+import { c as p } from "./clsx-OuTLNxxd.js";
+const f = (e) => p("gids-calendar-year-list", e), g = (e) => {
+  const t = e.toString().trim();
+  if (!/^\d{4}$/.test(t))
+    return !1;
+  const a = parseInt(t, 10);
+  return a >= 1e3 && a <= 9999;
+}, I = ({ startYear: e, endYear: t }) => {
+  const s = [];
+  let a = 1;
+  for (let r = e; r <= t; r += 1)
+    s.push({
+      id: `${a}_${r}`,
+      title: `${r}`,
+      // Text display
+      value: r
+      // Numeric tracking
+    }), a = a + 1;
+  return s;
+}, S = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsCalendarYearListClassNames: f,
+  getGidsCalendarYearListYears: I,
+  isValidFourDigitYear: g
+}, Symbol.toStringTag, { value: "Module" })), { getGidsCalendarYearListClassNames: y, getGidsCalendarYearListYears: b, isValidFourDigitYear: l } = S, w = c(class extends h {
+  constructor(e) {
+    super(), e !== !1 && this.__registerHost(), this.type = "default", this.disabledIndices = [], this.divider = !1, this.newStartYear = (/* @__PURE__ */ new Date()).getFullYear(), this.newEndYear = (/* @__PURE__ */ new Date()).getFullYear() + 100, this.hasItemListener = !1, this.suppressNextMenuClickSelection = !1, this.handleCalendarMenuItemSelect = (t) => {
+      const { title: s, value: a, selectedIndex: r, disabled: n, id: o } = t.detail;
+      n || typeof s != "string" || (this.suppressNextMenuClickSelection = !0, queueMicrotask((() => {
+        this.suppressNextMenuClickSelection = !1;
+      })), this.applySelection({ id: o, year: Number(a), disabled: !1, selectedIndex: r, startYear: this.newStartYear, endYear: this.newEndYear }));
+    }, this.handleMenuClick = (t) => {
+      if (this.suppressNextMenuClickSelection) return;
+      const s = t?.detail;
+      this.applySelection({ id: s.id, year: Number(s.value), disabled: !1, selectedIndex: s.selectedIndex, startYear: this.newStartYear, endYear: this.newEndYear });
+    }, this.yearsList = () => b({ startYear: this.newStartYear, endYear: this.newEndYear }), this.getSelectedItem = () => {
+      const t = this.selectedYear, s = this.yearsList(), a = s.findIndex(((n) => n.value === t));
+      let r;
+      return a != null && a !== -1 && (r = s[a]), { foundItem: r, foundIndex: a };
+    }, this.isItemSelected = (t) => {
+      const { foundIndex: s } = this.getSelectedItem();
+      return s === t;
+    };
+  }
+  connectedCallback() {
+    this.attachItemListener(), this.handleStartAndEndYear();
+  }
+  disconnectedCallback() {
+    this.detachItemListener();
+  }
+  getItemElements() {
+    return Array.from(this.hostElement.querySelectorAll(".gids-dropdown-item"));
+  }
+  attachItemListener() {
+    this.hasItemListener || (this.hostElement.addEventListener("onPressDropdownItem", this.handleCalendarMenuItemSelect), this.hasItemListener = !0);
+  }
+  detachItemListener() {
+    this.hasItemListener && (this.hostElement.removeEventListener("onPressDropdownItem", this.handleCalendarMenuItemSelect), this.hasItemListener = !1);
+  }
+  handleStartAndEndYear() {
+    const e = this.startYear, t = this.endYear;
+    return this.newStartYear = e && e > 0 && l(e) ? e : (/* @__PURE__ */ new Date()).getFullYear(), this.newEndYear = t && t > 0 && l(t) ? t : this.newStartYear + 100, { newStartYear: this.newStartYear, newEndYear: this.newEndYear };
+  }
+  applySelection(e) {
+    this.clearActive(), this.onSelectionYearChange?.(e), this.hostElement.dispatchEvent(new CustomEvent("gidsCalendarYearChange", { bubbles: !0, composed: !0, detail: e }));
+  }
+  clearActive() {
+    this.getItemElements().forEach(((e) => e.classList.remove("gids-dropdown-item--active")));
+  }
+  render() {
+    const e = y();
+    return i("div", { key: "6f7e9060d5bae75255f0c82d6e39c59350e115db", class: e }, i(u, { key: "6d8c2cf5f688ed922abb21d2243c8101ea3a2e45", type: this.type, supportingText: this.noOptionsText }, i(m, { key: "f832e544140b66b74c64e306eb23f7c42a2db960", sectionLabel: "Years" }, this.yearsList().map(((t, s) => {
+      const a = `${s + 1}`, r = this.disabledIndices?.includes(t.value);
+      return i(Y, { title: t.title, value: `${t.value}`, key: `${s.toString()}`, index: s, id: a, selected: this.isItemSelected(s), onPressDropdownItem: this.handleMenuClick, disabled: r, divider: this.divider, isPlaceholderItem: !1 });
+    })))));
+  }
+  get hostElement() {
+    return this;
+  }
+}, [0, "gids-calendar-year-list", { type: [1], noOptionsText: [1, "no-options-text"], disabledIndices: [16], divider: [4], selectedYear: [2, "selected-year"], startYear: [2, "start-year"], endYear: [2, "end-year"], onSelectionYearChange: [16], newStartYear: [32], newEndYear: [32] }]);
+function E() {
+  typeof customElements < "u" && ["gids-calendar-year-list"].forEach(((e) => {
+    e === "gids-calendar-year-list" && (customElements.get(d(e)) || customElements.define(d(e), w));
+  }));
+}
+E();
+export {
+  w as l,
+  E as u
+};

package/dist-bundled/es/p-CaauwQNd-D6_PbcRr.js

@@ -0,0 +1,20 @@
+import { D as s } from "./p-Bf3p-DY2-CPqEc-vc.js";
+import { c } from "./clsx-OuTLNxxd.js";
+const u = "No Data!", b = (e) => `There is no data series provided for ${e}. Check the data you have passed to draw ${e}.`, A = 100, C = 50, L = "Invalid Progress Value!", k = (e) => `The provided progress value is invalid or exceeds the maximum(${e}%) allowed capacity configuration bounds for this specific layout shape profile.`, m = "Invalid Chart Type!", v = (e) => `You have passed an invalid chart type. Valid chart types are ${e}. Pass one of these types.`, i = (e) => c("gids-button-dock", e), d = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsButtonDockClassNames: i
+}, Symbol.toStringTag, { value: "Module" })), r = (e) => c("gids-feedback-block", e), _ = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsFeedbackBlockClassNames: r
+}, Symbol.toStringTag, { value: "Module" })), { getGidsButtonDockClassNames: n } = d, l = ({ class: e, primaryChildren: t, secondaryChildren: a, ...o }) => s("div", { class: n(e), ...o }, s("div", { class: "gids-button-dock__secondary-area" }, a), s("div", { class: "gids-button-dock__primary-area" }, t)), { getGidsFeedbackBlockClassNames: T } = _, f = ({ title: e, supportingText: t, image: a, children: o }) => s("div", { class: T() }, s("div", { class: "gids-feedback-block__inner-container" }, a && s("div", { class: "gids-feedback-block__image-container" }, a), s("p", { class: "gids-feedback-block__title" }, s("strong", null, e)), s("div", { class: "gids-feedback-block__supporting-text" }, t), o && s(l, { primaryChildren: o })));
+export {
+  b as C,
+  A as F,
+  C as H,
+  u as a,
+  v as b,
+  m as c,
+  k as d,
+  L as e,
+  f as r
+};