@ganpatiinfo/gids-core-web 8.2.0 → 10.0.0

package/dist-bundled/es/p-Bmb-HiXg-MyHWdhpw.js

@@ -0,0 +1,80 @@
+import { P as o, _ as r, u as c, T as d } from "./p-Ct3Ixgvf-CNP_PKwP.js";
+import { u as h, f as m, B as u } from "./p-MgTlrSP_-DifRVv94.js";
+import { c as f } from "./clsx-OuTLNxxd.js";
+const p = (t) => f("gids-calendar-month-list", t), I = () => {
+  const t = [], s = new Intl.DateTimeFormat("en-US", { month: "long" });
+  for (let e = 1; e <= 12; e += 1) {
+    const n = new Date(2e3, e - 1, 1), i = s.format(n);
+    t.push({
+      id: `${e}`,
+      title: i,
+      value: e
+    });
+  }
+  return t;
+}, b = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsCalendarMonthListClassNames: p,
+  getGidsCalendarMonthListMonths: I
+}, Symbol.toStringTag, { value: "Module" })), { getGidsCalendarMonthListClassNames: g, getGidsCalendarMonthListMonths: M } = b, C = r(class extends c {
+  constructor(t) {
+    super(), t !== !1 && this.__registerHost(), this.type = "default", this.disabledIndices = [], this.divider = !1, this.hasItemListener = !1, this.suppressNextMenuClickSelection = !1, this.handleCalendarMenuItemSelect = (s) => {
+      const { title: e, value: n, selectedIndex: i, disabled: l, id: a } = s.detail;
+      l || typeof e != "string" || (this.suppressNextMenuClickSelection = !0, queueMicrotask((() => {
+        this.suppressNextMenuClickSelection = !1;
+      })), this.applySelection({ id: a, month: e, monthInNumber: Number(n), disabled: !1, selectedIndex: i }));
+    }, this.handleMenuClick = (s) => {
+      if (this.suppressNextMenuClickSelection) return;
+      const e = s?.detail;
+      this.applySelection({ id: e.id, monthInNumber: Number(e.value), month: e.title, disabled: !1, selectedIndex: e.selectedIndex });
+    }, this.monthsList = () => M(), this.getSelectedItem = () => {
+      const s = this.selectedMonthNumber, e = this.monthsList(), n = e.findIndex(((l) => l.value === s));
+      let i;
+      return n != null && n !== -1 && (i = e[n]), { foundItem: i, foundIndex: n };
+    }, this.isItemSelected = (s) => {
+      const { foundIndex: e } = this.getSelectedItem();
+      return e === s;
+    };
+  }
+  connectedCallback() {
+    this.attachItemListener();
+  }
+  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);
+  }
+  applySelection(t) {
+    this.clearActive(), this.onSelectionMonthChange?.(t), this.hostElement.dispatchEvent(new CustomEvent("gidsCalendarMonthChange", { bubbles: !0, composed: !0, detail: t }));
+  }
+  clearActive() {
+    this.getItemElements().forEach(((t) => t.classList.remove("gids-dropdown-item--active")));
+  }
+  render() {
+    const t = g();
+    return d("div", { key: "a3d78c655f5f3d2fa1c26a06f78d96c6964a8f2b", class: t }, d(h, { key: "ee53fe9e5f94249400d4339c5baf0dcebb87218e", type: this.type, supportingText: this.noOptionsText }, d(m, { key: "50059fdc97b6e206ffd3389470d6fd2f25747cbd", sectionLabel: "Months" }, this.monthsList().map(((s, e) => {
+      const n = `${e + 1}`, i = this.disabledIndices?.includes(e);
+      return d(u, { title: s.title, value: `${s.value}`, key: `${e.toString()}`, index: e, id: n, selected: this.isItemSelected(e), onPressDropdownItem: this.handleMenuClick, disabled: i, divider: this.divider });
+    })))));
+  }
+  get hostElement() {
+    return this;
+  }
+}, [0, "gids-calendar-month-list", { type: [1], noOptionsText: [1, "no-options-text"], disabledIndices: [16], divider: [4], selectedMonthNumber: [2, "selected-month-number"], onSelectionMonthChange: [16] }]);
+function v() {
+  typeof customElements < "u" && ["gids-calendar-month-list"].forEach(((t) => {
+    t === "gids-calendar-month-list" && (customElements.get(o(t)) || customElements.define(o(t), C));
+  }));
+}
+v();
+export {
+  C as c,
+  v as l
+};

package/dist-bundled/es/{p-veoOgDXg-DElc87c0.js → p-BnL97lOW-BO0p4EdC.js}

@@ -1,4 +1,4 @@
-import { R as s } from "./p-ibikYq-w-BsGxk8ro.js";
+import { T as s } from "./p-Ct3Ixgvf-CNP_PKwP.js";
 import { h as y, o as k, g as d } from "./assets-Drv1fXkA.js";
 import { c as S } from "./clsx-OuTLNxxd.js";
 const x = ({ size: e }, t) => S("gids-icon", {
@@ -14,6 +14,8 @@ let G = 0;
 const P = (e, t = "gids") => e || `${t}-${G++}`, h = {
   "icons-other.svg": [
     "accessibility",
+    "add",
+    "remove",
     "announcement",
     "approval",
     "archive",
@@ -52,6 +54,7 @@ const P = (e, t = "gids") => e || `${t}-${G++}`, h = {
     "image",
     "insurance",
     "investment",
+    "in-progress",
     "key",
     "link",
     "list",
@@ -65,7 +68,10 @@ const P = (e, t = "gids") => e || `${t}-${G++}`, h = {
     "moon",
     "network",
     "neutral",
+    "ai",
     "new",
+    "draft",
+    "pending",
     "new-chat",
     "pause",
     "percent",
@@ -148,6 +154,7 @@ const P = (e, t = "gids") => e || `${t}-${G++}`, h = {
     "positive",
     "printer",
     "question",
+    "syncing",
     "search",
     "select",
     "select-all",
@@ -161,30 +168,30 @@ const P = (e, t = "gids") => e || `${t}-${G++}`, h = {
     "users",
     "warning"
   ]
-}, m = /* @__PURE__ */ new Map();
+}, p = /* @__PURE__ */ new Map();
 for (const e in h)
   for (const t of h[e])
-    m.set(t, e);
+    p.set(t, e);
 function $(e) {
-  return m.get(e);
+  return p.get(e);
 }
 function u(e, t = "regular", n) {
   const o = $(e);
   let i = o ?? "";
   return n && o && (i = n(o) ?? o), `${i}#${e}${t === "filled" ? "--filled" : ""}`;
 }
-const { getGidsIconClassNames: A } = I, M = ({ name: e, size: t, appearance: n, alt: o, class: i, titleId: p, src: g, ...f }) => {
-  const a = P(p);
+const { getGidsIconClassNames: A } = I, M = ({ name: e, size: t, appearance: n, alt: o, class: i, titleId: m, src: g, ...v }) => {
+  const a = P(m);
   let r = g;
-  return r === void 0 && y() && (r = u(e, n, d)), s("svg", { ref: (v) => {
+  return r === void 0 && y() && (r = u(e, n, d)), s("svg", { ref: (f) => {
     r === void 0 && k((() => {
-      (function(l, w, b) {
-        if (!l) return;
-        const c = document.createElementNS("http://www.w3.org/2000/svg", "use");
-        c.setAttribute("href", u(w, b, d)), l.appendChild(c);
-      })(v, e, n);
+      (function(c, w, b) {
+        if (!c) return;
+        const l = document.createElementNS("http://www.w3.org/2000/svg", "use");
+        l.setAttribute("href", u(w, b, d)), c.appendChild(l);
+      })(f, e, n);
     }));
-  }, width: "16", height: "16", class: A({ size: t }, i), role: "img", "aria-hidden": o === "" ? "true" : void 0, "aria-labelledby": o === "" ? void 0 : a, ...f }, o !== "" && s("title", { id: a }, o || e), r !== void 0 ? s("use", { href: r }) : null);
+  }, width: "16", height: "16", class: A({ size: t }, i), role: "img", "aria-hidden": o === "" ? "true" : void 0, "aria-labelledby": o === "" ? void 0 : a, ...v }, o !== "" && s("title", { id: a }, o || e), r !== void 0 ? s("use", { href: r }) : null);
 };
 export {
   M as d,

package/dist-bundled/es/{p-DjvDBWCb-C9js0PPL.js → p-BvYnawkJ-DohV9UNG.js}

@@ -1,5 +1,5 @@
-import { H as l, C as n, f as r, R as a, D as d } from "./p-ibikYq-w-BsGxk8ro.js";
-import { d as h } from "./p-veoOgDXg-DElc87c0.js";
+import { P as l, _ as n, u as r, T as o, H as d } from "./p-Ct3Ixgvf-CNP_PKwP.js";
+import { d as h } from "./p-BnL97lOW-BO0p4EdC.js";
 import { i as c } from "./p-B2zUuNXz-BLBgQDu7.js";
 import { c as _ } from "./clsx-OuTLNxxd.js";
 const g = (t) => _("gids-field", t), u = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
@@ -53,10 +53,10 @@ const g = (t) => _("gids-field", t), u = /* @__PURE__ */ Object.freeze(/* @__PUR
   render() {
     const t = this._hasStatusText(), e = this._controlValidationMessage !== void 0 ? this._controlValidationMessage : this._shouldRenderExplicitStatusText() ? this.statusText : void 0, s = this._getCurrentStatus(), i = ["gids-field__status-text"];
     if (t) {
-      const o = this._getStatusModifierClass(s, "gids-field__status-text");
-      o != null && i.push(o);
+      const a = this._getStatusModifierClass(s, "gids-field__status-text");
+      a != null && i.push(a);
     }
-    return a(d, { key: "a8e81000bf235a842ddf98ef3be3ff5a82201b5d" }, a("div", { key: "1c940955fd104dd85a5701f553d2ac5a7ddc14c8", class: p() }, a("div", { key: "62e2a77c0661fc5507fe86d5343f85351895b3e7", class: "gids-field__header", hidden: !this._hasLabelContent() }, a("slot", { key: "c94c3346cd083969831905e0d0a7091013d32f3d", ref: this._setLabelSlot, name: "label", onSlotchange: this._handleControlSlotChange }), a("div", { key: "ef4ba969b9ac7be32c9c88260e357661eff68d54", class: "gids-field__count", "aria-live": "polite" }, this.count)), a("div", { key: "cc2ea221e9c9725193238625f571848879e5c656", class: "gids-field__control" }, a("slot", { key: "8530e0748d181e0c3b90e7602545cc67b404ef02", ref: this._setControlSlot, onSlotchange: this._handleControlSlotChange })), a("p", { key: "654ce845b3a9b5bfe3833a8122a05f3158a43fe4", class: "gids-field__supporting-text", hidden: !this._shouldShowHelperText() }, this.helperText), t ? a("p", { class: i.join(" "), role: "status", "aria-live": "polite" }, this._renderStatusIcon(s), e !== void 0 ? a("span", null, e) : null) : null));
+    return o(d, { key: "98078538f6970b0cf756c7a172e635f3302381b2" }, o("div", { key: "6751ea942c38270fce42e025ca17e29a38207028", class: p() }, o("div", { key: "5c4969bedfd54b42603ff3de69c72bc513aeaeb6", class: "gids-field__header", hidden: !this._hasLabelContent() }, o("slot", { key: "9f98f47e3285551c67f7a350d058a55953c88756", ref: this._setLabelSlot, name: "label", onSlotchange: this._handleControlSlotChange }), o("div", { key: "6660ed1c29faf2ca838ba8714dee7feb79257187", class: "gids-field__count", "aria-live": "polite" }, this.count)), o("div", { key: "ab2bb081db7e8e8caddcc515580e02f32d4c054a", class: "gids-field__control" }, o("slot", { key: "5df4538b894f7daedcb03bcab1316c9452e65caf", ref: this._setControlSlot, onSlotchange: this._handleControlSlotChange })), o("p", { key: "d7dce2f4a0b03b056ac8888a918e88b15931c8e5", class: "gids-field__supporting-text", hidden: !this._shouldShowHelperText() }, this.helperText), t ? o("p", { class: i.join(" "), role: "status", "aria-live": "polite" }, this._renderStatusIcon(s), e !== void 0 ? o("span", null, e) : null) : null));
   }
   _hasLabelContent() {
     return this._hasLabel;
@@ -79,8 +79,8 @@ const g = (t) => _("gids-field", t), u = /* @__PURE__ */ Object.freeze(/* @__PUR
     if (e === void 0) return;
     const s = ["gids-field__status-icon"], i = this._getStatusModifierClass(t, "gids-field__status-icon");
     i != null && s.push(i);
-    let o = t;
-    return t === "error" && (o = "danger"), t === "success" && (o = "positive"), a(h, { appearance: "filled", size: "sm", alt: "", name: e, class: s.join(" "), style: { "--gidsIcon-color": `var(--gids-color-icon-${o})` } });
+    let a = t;
+    return t === "error" && (a = "danger"), t === "success" && (a = "positive"), o(h, { appearance: "filled", size: "sm", alt: "", name: e, class: s.join(" "), style: { "--gidsIcon-color": `var(--gids-color-icon-${a})` } });
   }
   _getCurrentStatus() {
     return this._isImplicitStatus() && this._controlValidationMessage != null ? "error" : this.status ?? "implicit";
@@ -120,7 +120,7 @@ const g = (t) => _("gids-field", t), u = /* @__PURE__ */ Object.freeze(/* @__PUR
     if (e && t.name != null) {
       const s = e.elements.namedItem(t.name);
       if (s instanceof RadioNodeList) {
-        const i = Array.from(s).filter(((o) => o instanceof HTMLInputElement && o.type === "radio" && this._el.contains(o)));
+        const i = Array.from(s).filter(((a) => a instanceof HTMLInputElement && a.type === "radio" && this._el.contains(a)));
         if (i.length > 0) return i;
       }
     }
@@ -141,8 +141,8 @@ const g = (t) => _("gids-field", t), u = /* @__PURE__ */ Object.freeze(/* @__PUR
       if (e.nodeType !== Node.ELEMENT_NODE) continue;
       const s = e, i = this._asTextControl(s);
       if (i !== null) return i;
-      const o = s.querySelector("input, textarea");
-      if (o instanceof HTMLInputElement || o instanceof HTMLTextAreaElement) return o;
+      const a = s.querySelector("input, textarea");
+      if (a instanceof HTMLInputElement || a instanceof HTMLTextAreaElement) return a;
     }
     return null;
   }

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
+};