@ganpatiinfo/gids-core-web 9.0.0 → 10.0.0

package/dist-bundled/es/p-CIP0xyhD-D6y5soLj.js

@@ -0,0 +1,180 @@
+import { P as l, _ as o, u as p, T as r } from "./p-Ct3Ixgvf-CNP_PKwP.js";
+import { o as h } from "./p-KxRqlvSh-JOFDmT0B.js";
+import { d as c } from "./p-BnL97lOW-BO0p4EdC.js";
+import { l as u } from "./p-Bmb-HiXg-MyHWdhpw.js";
+import { u as b } from "./p-CJzporPT-I_OdjJsQ.js";
+import { r as m } from "./p-BFHWXEeg-ByjSjz8i.js";
+import { c as f } from "./clsx-OuTLNxxd.js";
+const k = (e) => f("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: k
+}, 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: "f133f5f42023ed81b5768988dd56e37f528307bf", class: e }, r(h, { key: "78c89c0e2626c03a9ae2cb03aee07c8f4b524e66", 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: "6765fafe678ff7878738cc5420b095eb1e160f45", class: "gids-calendar-header-panel__main-container" }, r("gids-dropdown-picker", { key: "816c126bfc83578f51e43e12c4e05d03973c09ea", expanded: a, appearance: this.appearance, size: "sm", value: `${this.panelMonthNumber}`, disabled: this.monthPickerDisabled }, r("gids-calendar-month-list", { key: "831eed0f1a19b62abd582650f15e36fd45829667", type: "default", selectedMonthNumber: this.panelMonthNumber, onSelectionMonthChange: this.handleMonthPickerMenuClick })), r("span", { key: "619fab64e1bb4c10f8be1f6a7aa3b63802f08441", class: y("gids-calendar-header-panel__panel-value", { "gids-calendar-header-panel__panel-value-disabled": this.panelDisabled }) }, this.getPanelValue()), r("gids-dropdown-picker", { key: "323800237b9f31ec23d3a5308599dcd74bf51515", expanded: t, appearance: this.appearance, size: "sm", value: `${this.panelYear}`, disabled: this.yearPickerDisabled }, r("gids-calendar-year-list", { key: "58bb467fed7bef005c5f57af6fffde64b43f6781", type: "default", selectedYear: this.panelYear, startYear: this.startYear ?? this.fallbackStartYear, endYear: this.endYear, onSelectionYearChange: this.handleYearPickerMenuClick }))), r(h, { key: "22ccdac9dd0824659214bc29da5ea1a4a7e0bed3", 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 n,
+  M as u
+};

package/dist-bundled/es/p-CJzporPT-I_OdjJsQ.js

@@ -0,0 +1,92 @@
+import { P as d, _ as o, u as h, T as n } from "./p-Ct3Ixgvf-CNP_PKwP.js";
+import { u, f as m, B as Y } from "./p-MgTlrSP_-DifRVv94.js";
+import { c as f } from "./clsx-OuTLNxxd.js";
+const p = (e) => f("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: p,
+  getGidsCalendarYearListYears: I,
+  isValidFourDigitYear: g
+}, Symbol.toStringTag, { value: "Module" })), { getGidsCalendarYearListClassNames: y, getGidsCalendarYearListYears: w, isValidFourDigitYear: l } = S, E = o(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: i, id: c } = t.detail;
+      i || typeof s != "string" || (this.suppressNextMenuClickSelection = !0, queueMicrotask((() => {
+        this.suppressNextMenuClickSelection = !1;
+      })), this.applySelection({ id: c, 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 = () => w({ startYear: this.newStartYear, endYear: this.newEndYear }), this.getSelectedItem = () => {
+      const t = this.selectedYear, s = this.yearsList(), a = s.findIndex(((i) => i.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 n("div", { key: "afdd86d1ea769bf6eff33c2710277d297605fe7a", class: e }, n(u, { key: "08adcde70afe51cb1a4696b8a8b1c1d0cc42d2f5", type: this.type, supportingText: this.noOptionsText }, n(m, { key: "5fdf94ef27bf0c1ec096744fc6de970f5539a54f", sectionLabel: "Years" }, this.yearsList().map(((t, s) => {
+      const a = `${s + 1}`, r = this.disabledIndices?.includes(t.value);
+      return n(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 });
+    })))));
+  }
+  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 b() {
+  typeof customElements < "u" && ["gids-calendar-year-list"].forEach(((e) => {
+    e === "gids-calendar-year-list" && (customElements.get(d(e)) || customElements.define(d(e), E));
+  }));
+}
+b();
+export {
+  E as l,
+  b as u
+};

package/dist-bundled/es/p-CPSHPtGE-C7baJgXR.js

@@ -0,0 +1,115 @@
+import { P as x, _ as C, u as D, T as e } from "./p-Ct3Ixgvf-CNP_PKwP.js";
+import { r as $ } from "./p-Dehss-X0-Di5vMgvd.js";
+import { d as L } from "./p-B_HaXpJZ-a2SDgQ0E.js";
+import { l as E } from "./p-B81J5HCC-Bkt2yXKi.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-CRngHsR7-DL9wz3Z3.js

@@ -0,0 +1,25 @@
+import { T as i } from "./p-Ct3Ixgvf-CNP_PKwP.js";
+import { c as f } from "./clsx-OuTLNxxd.js";
+const m = ({ disabled: e }, t) => f("gids-label", { "gids-label--disabled": e }, t), _ = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsLabelClassNames: m
+}, Symbol.toStringTag, { value: "Module" })), d = (e) => {
+  const t = Array.isArray(e) ? e[e.length - 1] : e;
+  return typeof t == "string" && t.trim().endsWith(".");
+}, y = /\w/, h = (e) => e.replace(y, (t) => t.toLocaleUpperCase()), c = (e, t) => typeof e == "function" ? e(t) : t ? h(e) : e, L = ({ children: e, fieldRequirement: t, fieldRequirementOptionalText: r, fieldRequirementRequiredText: n, isLabelSentence: o }) => {
+  const s = o ? o(e) : d(e);
+  if (t === "required")
+    return c(n && n.length > 0 ? n : "(required)", s);
+  if (t === "optional")
+    return c(r && r.length > 0 ? r : "(optional)", s);
+}, S = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getIndicatorText: L,
+  isSentence: d
+}, Symbol.toStringTag, { value: "Module" })), { getIndicatorText: j } = S, { getGidsLabelClassNames: v } = _, O = ({ disabled: e, fieldRequirement: t, fieldRequirementOptionalText: r, fieldRequirementRequiredText: n, info: o, htmlFor: s, labelId: u, class: g, isLabelSentence: b, ...p }, l) => {
+  const a = j({ children: l, fieldRequirement: t, fieldRequirementOptionalText: r, fieldRequirementRequiredText: n, isLabelSentence: b });
+  return i("div", { class: v({ disabled: e }, g), ...p }, i("label", { htmlFor: s, id: u }, l, a && i("span", { class: "gids-label__field-requirement" }, a)), o);
+};
+export {
+  O as a
+};