@ganpatiinfo/gids-core-web 13.0.0 → 15.0.0

package/dist-bundled/es/p-DaqhrFRM-2PqBeu5o.js

@@ -0,0 +1,111 @@
+import { q as h, L as v, u as f, D as e } from "./p-Bf3p-DY2-CPqEc-vc.js";
+import { p as u } from "./p-DMNS1d8v-BX8e_AsY.js";
+import { d as w } from "./p-D4Pimu_8-ARSuGBs4.js";
+import { _ as k } from "./p-Dvh4sPkD-B-T5C03p.js";
+import { o as z } from "./p-Df5xaj-o-fxAXUmag.js";
+import { l as C } from "./p-DshXkAUj-DgCiQIA2.js";
+import { c as L } from "./clsx-OuTLNxxd.js";
+const D = ({ breakpoint: i }, r) => L("gids-line-chart", {
+  "gids-line-chart--breakpoint-mobile": i === "mobile"
+}, r), A = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsLineChartClassNames: D
+}, Symbol.toStringTag, { value: "Module" })), { getGidsLineChartClassNames: E } = A, M = v(class extends f {
+  constructor(i) {
+    super(), i !== !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, this.hoveredIndex = null, this.tooltip = { visible: !1, x: 0, y: 0 };
+  }
+  chartDataChanged() {
+    this.updateDimensions();
+  }
+  dataPointsChanged(i) {
+    this.dataPoints = i;
+  }
+  legendChanged(i) {
+    this.legend = i;
+  }
+  yAxisVisibilityChanged(i) {
+    this.yAxisVisible = i;
+  }
+  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 i = this.hostElement.getBoundingClientRect();
+    this.width = i.width, this.height = i.height > 0 ? i.height : 300;
+  }
+  getTooltipItems(i) {
+    return this.chartData.reduce(((r, l) => {
+      const n = l.data[i];
+      return n && r.push({ label: l?.label ?? "", value: String(n.value), seriesIndicatorColor: l?.seriesColor ?? "" }), r;
+    }), []);
+  }
+  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 i = this.chartData.flatMap(((t) => Array.isArray(t?.data) ? t.data.map(((a) => a.value)) : [])), r = i.length > 0 ? Math.max(...i) : 10, l = Math.pow(10, Math.floor(Math.log10(r || 1)));
+    let n = l;
+    r / l <= 2 ? n = l / 5 : r / l <= 5 && (n = l / 2);
+    const m = Math.ceil(r / n) * n;
+    let d = [];
+    if (Array.isArray(this.dataPoints) && this.dataPoints.length > 0) d = [...this.dataPoints].sort(((t, a) => t - a));
+    else {
+      const a = m / 4;
+      for (let s = 0; s < 5; s++) d.push(Math.round(0 + s * a));
+    }
+    const g = Math.max(...d, m) - 0 || 1, x = this?.chartData?.[0]?.data?.map(((t) => t.label)) ?? [], c = x.length, _ = E({ breakpoint: this.breakpoint });
+    let p = !1, y = !1;
+    return this.breakpoint === "mobile" ? this.legend !== "none" && (p = !0) : this.legend === "top" ? p = !0 : this.legend === "right" && (y = !0), e("div", { class: _ }, p ? e("div", { class: "gids-line-chart__header" }, e("gids-chart-legend", { orientation: "horizontal" }, this.chartData.map(((t) => e("gids-chart-legend-item", { key: t.label, seriesColor: t?.seriesColor, 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" }, d.map(((t) => e("span", { id: "y-value", 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, a) => {
+      const s = t?.fillGradientStartColor, o = t?.fillGradientEndColor;
+      return e("linearGradient", { id: `areaGradient-${a}`, x1: "0", y1: "0", x2: "0", y2: "1", key: a }, e("stop", { offset: "0%", style: { stopColor: s, stopOpacity: "1" } }), e("stop", { offset: "100%", style: { stopColor: o, stopOpacity: "0" } }));
+    }))), d.map(((t) => {
+      const a = 100 - (t - 0) / g * 100;
+      return e("line", { x1: "0", y1: a, x2: "100", y2: a, class: "gids-line-chart__grid-line", key: t });
+    })), this.chartData.map(((t, a) => {
+      if (!Array.isArray(t.data) || t.data.length < 2) return null;
+      const s = t.data.map(((o, b) => `${b === 0 ? "M" : "L"} ${b / (c - 1) * 100} ${100 - (o.value - 0) / g * 100}`)).join(" ");
+      return e("g", { key: t.label || a }, e("path", { d: `${s} L 100 100 L 0 100 Z`, fill: `url(#areaGradient-${a})`, opacity: t?.fillOpacity ?? "0.1", class: "gids-line-chart__chart-area" }), e("path", { d: s, class: "gids-line-chart__chart-line", fill: "none", style: { stroke: t?.seriesColor, strokeWidth: "2px" } }));
+    })), e("rect", { x: "0", y: "0", width: "100", height: "100", fill: "transparent", "pointer-events": "all", onMouseMove: (t) => {
+      const a = t.currentTarget.getBoundingClientRect(), s = Math.round((t.clientX - a.left) / a.width * (c - 1));
+      this.hoveredIndex = s, this.tooltip = { visible: !0, x: t.clientX, y: t.clientY };
+    }, onMouseLeave: () => {
+      this.hoveredIndex = null, this.tooltip = { ...this.tooltip, visible: !1 };
+    } })), this.hoveredIndex !== null && this.chartData.map(((t, a) => {
+      if (this.hoveredIndex === null) return;
+      const s = this.hoveredIndex, o = t.data[s];
+      return o ? e("div", { id: `chart-dot-${a}`, class: "gids-line-chart__hover-dot", style: { left: s / (c - 1) * 100 + "%", top: 100 - (o.value - 0) / g * 100 + "%" } }, e(w, { name: "new", size: "xs", appearance: "filled", style: { "--gidsIcon-color": t.seriesColor } })) : null;
+    })), e("gids-advanced-tooltip", { visible: this.tooltip.visible, x: this.tooltip.x, y: this.tooltip.y, items: this.hoveredIndex !== null ? this.getTooltipItems(this.hoveredIndex) : [] }))), e("div", { class: "gids-line-chart__x-axis-scale-container" }, x.map(((t, a) => e("span", { class: "gids-line-chart__scale-text", key: a }, t)))), e("span", { class: "gids-line-chart__x-axis-label" }, this.xAxisLabel)), y ? e("gids-chart-legend", { orientation: "vertical" }, this.chartData.map(((t) => e("gids-chart-legend-item", { key: t.label, seriesColor: t?.seriesColor, 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-600);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%);margin-right:var(--gids-padding-horizontal-edge-to-element-100)}.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__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-200);gap:var(--gids-gap-050);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)}.gids-line-chart__hover-dot{position:absolute;transform:translate(-50%, -50%);pointer-events:none;z-index:20}";
+  }
+}, [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], hoveredIndex: [32], tooltip: [32] }, void 0, { chartData: [{ chartDataChanged: 0 }], dataPoints: [{ dataPointsChanged: 0 }], legend: [{ legendChanged: 0 }], yAxisVisible: [{ yAxisVisibilityChanged: 0 }] }]);
+function I() {
+  typeof customElements < "u" && ["gids-line-chart", "gids-advanced-tooltip", "gids-chart-legend", "gids-chart-legend-item"].forEach(((i) => {
+    switch (i) {
+      case "gids-line-chart":
+        customElements.get(h(i)) || customElements.define(h(i), M);
+        break;
+      case "gids-advanced-tooltip":
+        customElements.get(h(i)) || k();
+        break;
+      case "gids-chart-legend":
+        customElements.get(h(i)) || z();
+        break;
+      case "gids-chart-legend-item":
+        customElements.get(h(i)) || C();
+    }
+  }));
+}
+I();
+export {
+  I as c,
+  M as g
+};

package/dist-bundled/es/{p-BSbOhfLZ-BdEHhmFM.js → p-Db4qRSmH-B5pzOeve.js}

@@ -1,5 +1,5 @@
 import { q as r, L as l, u as h, D as n } from "./p-Bf3p-DY2-CPqEc-vc.js";
-import { o as c } from "./p-UVmSPzTd-6vjXok6h.js";
+import { o as c } from "./p-UVmSPzTd-CR1higgJ.js";
 import { d as p } from "./p-D4Pimu_8-ARSuGBs4.js";
 import { c as u } from "./clsx-OuTLNxxd.js";
 const m = ({ expanded: e }, t) => u("gids-dropdown-picker", {
@@ -111,7 +111,7 @@ const m = ({ expanded: e }, t) => u("gids-dropdown-picker", {
   }
   render() {
     const e = this.expanded && this.isInteractive(), t = v({ expanded: e }), i = typeof this.idPicker == "string" ? this.idPicker : void 0, s = i ? `${i}__menu` : void 0;
-    return n("div", { key: "853c2b26fc0e64ac2f4d04dc1ae83f72eefd1403", class: t, onClick: this.handleOutSpaceClickOfDropdownButtonToggle }, n(c, { key: "e1abb285cd9649aa542620de7a683a9f21dbe19a", role: "pickerbox", "aria-expanded": e ? "true" : "false", "aria-haspopup": "pickerlistbox", "aria-controls": s ?? "", onClick: this.handleDropdownButtonClickToggle, disabled: this.disabled, value: this.selectedItemTitle ?? this.value ?? "", loading: this.loading, appearance: this.appearance, size: this.size }, this.hasLeadingIcon ? n("slot", { name: "leadingIconDropdownPicker", slot: "leadingIcon" }) : n(p, { name: "chevron-down", size: this.size, appearance: "regular", alt: "", slot: "leadingIcon" })), n("div", { key: "4907e8cc94b306a36096e07a662d87b1b687fee7", class: "gids-dropdown-picker__menu", id: s, role: "pickerbox", onClick: this.handleMenuClick }, n("slot", { key: "921b888c10135a2baeda9183b3a06f7bf9aa4abb" })));
+    return n("div", { key: "607e21503727f86ea4489ede7108e67787a370a4", class: t, onClick: this.handleOutSpaceClickOfDropdownButtonToggle }, n(c, { key: "2dfd4ebc12236d6561169ada2be6e98638838a4d", role: "pickerbox", "aria-expanded": e ? "true" : "false", "aria-haspopup": "pickerlistbox", "aria-controls": s ?? "", onClick: this.handleDropdownButtonClickToggle, disabled: this.disabled, value: this.selectedItemTitle ?? this.value ?? "", loading: this.loading, appearance: this.appearance, size: this.size }, this.hasLeadingIcon ? n("slot", { name: "leadingIconDropdownPicker", slot: "leadingIcon" }) : n(p, { name: "chevron-down", size: this.size, appearance: "regular", alt: "", slot: "leadingIcon" })), n("div", { key: "50f9c2877ae26020365446b28596a6aaa672d06a", class: "gids-dropdown-picker__menu", id: s, role: "pickerbox", onClick: this.handleMenuClick }, n("slot", { key: "13210aa5e33e04614cfa1b90f977048fd9312646" })));
   }
   get hostElement() {
     return this;

package/dist-bundled/es/{p-Degg_WJz-BLua06el.js → p-Degg_WJz-ORZcjc8G.js}

@@ -1,6 +1,6 @@
 import { q as g, L as p, u as d, D as e } from "./p-Bf3p-DY2-CPqEc-vc.js";
 import { r as h, e as _, d as v, F as y } from "./p-CaauwQNd-D6_PbcRr.js";
-import { p as m } from "./p-DMNS1d8v-CHF62UXm.js";
+import { p as m } from "./p-DMNS1d8v-BX8e_AsY.js";
 import { c } from "./clsx-OuTLNxxd.js";
 const f = ({ breakpoint: a }, t) => c("gids-level-gauge", {
   "gids-level-gauge--breakpoint-mobile": a === "mobile"

package/dist-bundled/es/{p-BCVFQSjK-CKrYrI4b.js → p-Df5xaj-o-fxAXUmag.js}

@@ -16,7 +16,7 @@ const o = ({ orientation: e }, i) => s("gids-chart-legend", {
   }
   render() {
     const e = d({ orientation: this.orientation });
-    return n("div", { key: "644b3200e4de07c715a1da903635dadb90b44c97", class: e }, n("slot", { key: "bf5e22c6a549cf9f9fb64e5edc9cc2a48173933e" }));
+    return n("div", { key: "d387e1907756393b835e4ff67eba8b10ec16d029", class: e }, n("slot", { key: "0d8dc89a1285cb331ac6ca99e1cd6b2c554a0b2c" }));
   }
   static get watchers() {
     return { orientation: [{ handleOrientationChange: 0 }] };

package/dist-bundled/es/{p-Dg2yoUxw-Cca8ROd_.js → p-Dg2yoUxw-DliMstZy.js}

@@ -1,22 +1,22 @@
 import { D as i } from "./p-Bf3p-DY2-CPqEc-vc.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 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 }) => {
+}, m = /\w/, _ = (e) => e.replace(m, (t) => t.toLocaleUpperCase()), c = (e, t) => typeof e == "function" ? e(t) : t ? _(e) : e, y = ({ 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({
+}, h = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  getIndicatorText: L,
+  getIndicatorText: y,
   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: p, ...b }, l) => {
+}, Symbol.toStringTag, { value: "Module" })), L = ({ disabled: e }, t) => f("gids-label", { "gids-label--disabled": e }, t), S = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsLabelClassNames: L
+}, Symbol.toStringTag, { value: "Module" })), { getIndicatorText: j } = h, { getGidsLabelClassNames: v } = S, O = ({ disabled: e, fieldRequirement: t, fieldRequirementOptionalText: r, fieldRequirementRequiredText: n, info: o, htmlFor: s, labelId: u, class: g, isLabelSentence: p, ...b }, l) => {
   const a = j({ children: l, fieldRequirement: t, fieldRequirementOptionalText: r, fieldRequirementRequiredText: n, isLabelSentence: p });
   return i("div", { class: v({ disabled: e }, g), ...b }, i("label", { htmlFor: s, id: u }, l, a && i("span", { class: "gids-label__field-requirement" }, a)), o);
 };

package/dist-bundled/es/{p-pSb81aE0-WzAszFOQ.js → p-DhtEw_C2-D_91JSPC.js}

@@ -1,7 +1,7 @@
 import { q as l, L as f, u, D as t } from "./p-Bf3p-DY2-CPqEc-vc.js";
-import { p as b } from "./p-DMNS1d8v-CHF62UXm.js";
-import { o as x } from "./p-BCVFQSjK-CKrYrI4b.js";
-import { d as z } from "./p-C3xv7tfs-DHsjc3Ns.js";
+import { p as b } from "./p-DMNS1d8v-BX8e_AsY.js";
+import { o as x } from "./p-Df5xaj-o-fxAXUmag.js";
+import { l as z } from "./p-DshXkAUj-DgCiQIA2.js";
 import { c as w } from "./clsx-OuTLNxxd.js";
 const k = ({ breakpoint: a }, g) => w("gids-activity-gauge", {
   "gids-activity-gauge--breakpoint-mobile": a === "mobile"

package/dist-bundled/es/{p-C3xv7tfs-DHsjc3Ns.js → p-DshXkAUj-DgCiQIA2.js}

@@ -1,7 +1,7 @@
-import { q as i, L as s, u as n, D as t } from "./p-Bf3p-DY2-CPqEc-vc.js";
-import { d } from "./p-D4Pimu_8-ARSuGBs4.js";
+import { q as a, L as s, u as n, D as t } from "./p-Bf3p-DY2-CPqEc-vc.js";
+import { d as o } from "./p-D4Pimu_8-ARSuGBs4.js";
 import { c as l } from "./clsx-OuTLNxxd.js";
-const o = ({ seriesType: e, orientation: a }, r) => l("gids-chart-legend-item", {
+const d = ({ seriesType: e, orientation: i }, r) => l("gids-chart-legend-item", {
   // 'gids-chart-legend-item--series-1': seriesType === '1', // by default
   "gids-chart-legend-item--series-2": e === "2",
   "gids-chart-legend-item--series-3": e === "3",
@@ -10,10 +10,10 @@ const o = ({ seriesType: e, orientation: a }, r) => l("gids-chart-legend-item",
   "gids-chart-legend-item--series-6": e === "6",
   // 'gids-chart-legend-item--orientation-horizontal':
   // 	orientation === 'horizontal', // not needed as by default
-  "gids-chart-legend-item--orientation-vertical": a === "vertical"
+  "gids-chart-legend-item--orientation-vertical": i === "vertical"
 }, r), g = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  getGidsChartLegendItemClassNames: o
+  getGidsChartLegendItemClassNames: d
 }, Symbol.toStringTag, { value: "Module" })), { getGidsChartLegendItemClassNames: c } = g, h = s(class extends n {
   constructor(e) {
     super(), e !== !1 && this.__registerHost(), this.orientation = "horizontal", this.seriesType = "1";
@@ -24,24 +24,27 @@ const o = ({ seriesType: e, orientation: a }, r) => l("gids-chart-legend-item",
   handleSeriesTypeChange(e) {
     this.seriesType = e;
   }
+  handleSeriesColorChange(e) {
+    this.seriesColor = e;
+  }
   render() {
-    const e = c({ seriesType: this.seriesType, orientation: this.orientation });
-    return t("div", { key: "53426e6c9a945d640fd4ac57018c92d19f13ed12", class: e }, t("div", { key: "c6a5115aa46ea3b08eb8163d1c572beb9e1133a6", class: this.orientation === "vertical" ? "gids-chart-legend-item__dot-wrapper-vertical" : "gids-chart-legend-item__dot-wrapper-horizontal" }, t(d, { key: "32eda54148964970c44c09149c6962934fb4381e", name: "new", alt: "new_icon", appearance: "filled" })), t("span", { key: "dfad8f6a6cd0f623bfdc827c826a20ca88f0aa56", class: "gids-chart-legend-item__label" }, t("slot", { key: "acc890c13bfa893c419a8001998f64fa1ba88bcb" })));
+    const e = this.seriesColor, i = e && e !== "", r = c({ seriesType: i ? "none" : this.seriesType, orientation: this.orientation });
+    return t("div", { key: "47ef7cb59fa7ffc5b285d7d1e717edd53ae2e729", class: r }, t("div", { key: "d2ff5aae2e3c2f0978a529b07aec6578170ffb15", class: this.orientation === "vertical" ? "gids-chart-legend-item__dot-wrapper-vertical" : "gids-chart-legend-item__dot-wrapper-horizontal" }, t(o, { key: "f77b68781d1fc3a70359f7d2e019a32f762e9f08", name: "new", alt: "new_icon", appearance: "filled", style: i ? { "--gidsIcon-color": e } : {} })), t("span", { key: "960a2f79f4eb0b4432d7e4ce2ab33f0ea8b756e0", class: "gids-chart-legend-item__label" }, t("slot", { key: "c614cfba777ae00cf83ad60f971bd060b78603e0" })));
   }
   static get watchers() {
-    return { orientation: [{ handleOrientationChange: 0 }], seriesType: [{ handleSeriesTypeChange: 0 }] };
+    return { orientation: [{ handleOrientationChange: 0 }], seriesType: [{ handleSeriesTypeChange: 0 }], seriesColor: [{ handleSeriesColorChange: 0 }] };
   }
   static get style() {
     return ".gids-chart-legend-item{display:flex;align-items:center;gap:var(--gids-gap-100);--gidsChartLegendItemIcon-color:var(--gids-color-icon-subtle);--gidsIcon-color:var(--gidsChartLegendItemIcon-color);--gidsIcon-height:var(--gids-size-080)}.gids-chart-legend-item--orientation-vertical{display:flex}.gids-chart-legend-item--series-2{--gidsChartLegendItemIcon-color:var(--gids-color-icon-warning)}.gids-chart-legend-item--series-3{--gidsChartLegendItemIcon-color:var(--gids-color-icon-danger)}.gids-chart-legend-item--series-4{--gidsChartLegendItemIcon-color:var(--gids-color-background-positive-bold-hovered)}.gids-chart-legend-item--series-5{--gidsChartLegendItemIcon-color:var(--gids-color-background-information-bold-default)}.gids-chart-legend-item--series-6{--gidsChartLegendItemIcon-color:rgb(238, 70, 188)}.gids-chart-legend-item__label{font-family:var(--gids-typography-label-small__font-family);font-size:var(--gids-typography-label-small__font-size);font-weight:var(--gids-typography-label-small__font-weight);letter-spacing:var(--gids-typography-label-small__letter-spacing);line-height:var(--gids-typography-label-small__line-height);text-transform:var(--gids-typography-label-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-small__font-variant-caps, inherit);text-align:left;color:var(--gids-color-text-subtlest)}.gids-chart-legend-item__dot-wrapper-vertical{display:flex;padding-top:var(--gids-padding-vertical-edge-to-element-075)}.gids-chart-legend-item__dot-wrapper-horizontal{display:flex;align-items:center}";
   }
-}, [260, "gids-chart-legend-item", { orientation: [1], seriesType: [1, "series-type"] }, void 0, { orientation: [{ handleOrientationChange: 0 }], seriesType: [{ handleSeriesTypeChange: 0 }] }]);
+}, [260, "gids-chart-legend-item", { orientation: [1], seriesType: [1, "series-type"], seriesColor: [1, "series-color"] }, void 0, { orientation: [{ handleOrientationChange: 0 }], seriesType: [{ handleSeriesTypeChange: 0 }], seriesColor: [{ handleSeriesColorChange: 0 }] }]);
 function m() {
   typeof customElements < "u" && ["gids-chart-legend-item"].forEach(((e) => {
-    e === "gids-chart-legend-item" && (customElements.get(i(e)) || customElements.define(i(e), h));
+    e === "gids-chart-legend-item" && (customElements.get(a(e)) || customElements.define(a(e), h));
   }));
 }
 m();
 export {
-  m as d,
-  h as l
+  m as l,
+  h as o
 };

package/dist-bundled/es/p-Dvh4sPkD-B-T5C03p.js

@@ -0,0 +1,99 @@
+import { q as d, L as c, u as r, D as a, P as g } from "./p-Bf3p-DY2-CPqEc-vc.js";
+import { b as h, o as f, d as m, s as v, a as u, c as b, p, f as _ } from "./p-BKcvOO8o-L5KtCP_k.js";
+import { i as y } from "./p-B2zUuNXz-BLBgQDu7.js";
+import { d as w } from "./p-D4Pimu_8-ARSuGBs4.js";
+import { c as x } from "./clsx-OuTLNxxd.js";
+const C = ({ visible: t }, e) => x("gids-advanced-tooltip", {
+  "gids-advanced-tooltip--visible": t
+}, e), k = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsAdvancedTooltipClassNames: C
+}, Symbol.toStringTag, { value: "Module" })), { getGidsAdvancedTooltipClassNames: P } = k, A = c(class extends r {
+  constructor(t) {
+    super(), t !== !1 && this.__registerHost(), this.__attachShadow(), this.visible = !1, this.x = 0, this.y = 0, this.offset = 12, this.placement = "top", this.items = [], this.currentPlacement = "top";
+  }
+  connectedCallback() {
+    const t = y();
+    t && this.host.shadowRoot?.adoptedStyleSheets.push(t);
+  }
+  componentDidLoad() {
+    const t = this.host.shadowRoot;
+    if (!t) return;
+    const e = t.querySelector(".gids-advanced-tooltip__arrow");
+    e instanceof r && (this.tooltipElement = this.host, this.arrowElement = e, this.createVirtualReference(), this.startAutoUpdate(), this.updatePosition());
+  }
+  disconnectedCallback() {
+    this.cleanupAutoUpdate?.();
+  }
+  visibleChanged() {
+    this.updatePosition();
+  }
+  positionChanged() {
+    this.updatePosition();
+  }
+  placementChanged() {
+    this.updatePosition();
+  }
+  itemsChanged() {
+    this.updatePosition();
+  }
+  createVirtualReference() {
+    this.virtualReference || (this.virtualReference = { getBoundingClientRect: () => new DOMRect(this.x, this.y, 0, 0) });
+  }
+  startAutoUpdate() {
+    this.cleanupAutoUpdate?.(), this.cleanupAutoUpdate = h(this.virtualReference, this.tooltipElement, (() => {
+      this.updatePosition();
+    }), { ancestorScroll: !0, ancestorResize: !1, elementResize: !0, layoutShift: !0, animationFrame: !0 });
+  }
+  getMiddleware() {
+    return [f(this.offset), m({ padding: this.offset }), v({ padding: this.offset }), u({ element: this.arrowElement, padding: this.offset })];
+  }
+  async updatePosition() {
+    if (this.tooltipElement) try {
+      const { x: t, y: e, placement: s, middlewareData: l } = await b(this.virtualReference, this.tooltipElement, { placement: this.placement, strategy: "fixed", middleware: this.getMiddleware(), platform: { ...p, getOffsetParent: (o) => p.getOffsetParent(o, _) } });
+      if (this.currentPlacement = s, Object.assign(this.tooltipElement.style, { left: `${t}px`, top: `${e}px`, position: "fixed" }), l.arrow && this.arrowElement) {
+        const { x: o, y: n } = l.arrow;
+        let i;
+        switch (s.split("-")[0] ?? "top") {
+          case "top":
+            i = "bottom";
+            break;
+          case "right":
+            i = "left";
+            break;
+          case "bottom":
+            i = "top";
+            break;
+          default:
+            i = "right";
+        }
+        Object.assign(this.arrowElement.style, { left: o != null ? `${o}px` : "", top: n != null ? `${n}px` : "", right: "", bottom: "", [i]: "-5px", transform: "rotate(45deg)" });
+      }
+    } catch (t) {
+      console.error("computePosition failed", t);
+    }
+  }
+  render() {
+    const t = P({ visible: this.visible });
+    return a(g, { key: "48ba3ccc586208e069e5458b065a97ddd2848a7d", class: t, role: "tooltip", part: "tooltip" }, a("div", { key: "be80b54e06ee897497128211b95462f9a4814ff4", class: "gids-advanced-tooltip__arrow", part: "arrow" }), a("div", { key: "4bf75d4393dab1b5eab736402af4eba4ccc508bf", class: "gids-advanced-tooltip__content" }, this.items.map(((e) => a("div", { class: "gids-advanced-tooltip__item", key: `${e.label}-${e.value}` }, a("div", { class: "gids-advanced-tooltip__left" }, a(w, { name: "new", size: "xs", appearance: "filled", style: { "--gidsIcon-color": e.seriesIndicatorColor } }), a("span", { class: "gids-advanced-tooltip__label" }, e.label)), a("span", { class: "gids-advanced-tooltip__value" }, e.value))))));
+  }
+  get host() {
+    return this;
+  }
+  static get watchers() {
+    return { visible: [{ visibleChanged: 0 }], x: [{ positionChanged: 0 }], y: [{ positionChanged: 0 }], placement: [{ placementChanged: 0 }], items: [{ itemsChanged: 0 }] };
+  }
+  static get style() {
+    return ".gids-advanced-tooltip{position:fixed;display:inline-flex;width:fit-content;height:fit-content;z-index:1001;--gidsAdvancedTooltip-background:var(    --gids-color-background-neutral-bold-default   );--gidsAdvancedTooltip-label-color:var(--gids-color-text-inverse);--gidsAdvancedTooltip-value-color:var(--gids-color-text-inverse)}.gids-advanced-tooltip--visible{opacity:1}.gids-advanced-tooltip__content{box-shadow:var(--gids-elevation-shadow-overlay);background:var(--gidsAdvancedTooltip-background);border-radius:var(--gids-border-radius-md);padding:var(--gids-padding-vertical-edge-to-element-150) var(--gids-padding-horizontal-edge-to-element-150);min-width:140px}.gids-advanced-tooltip__item{display:flex;justify-content:space-between;align-items:center;gap:var(--gids-gap-200)}.gids-advanced-tooltip__item+.gids-advanced-tooltip__item{margin-top:var(--gids-padding-vertical-edge-to-element-075)}.gids-advanced-tooltip__left{display:flex;align-items:center;gap:var(--gids-gap-100)}.gids-advanced-tooltip__arrow{position:absolute;width:10px;height:10px;background:var(--gidsAdvancedTooltip-background);backdrop-filter:calc(var(--gids-backdrop-blur-2-xl));transform:rotate(45deg)}.gids-advanced-tooltip__label{font-family:var(--gids-typography-label-small__font-family);font-size:var(--gids-typography-label-small__font-size);font-weight:var(--gids-typography-label-small__font-weight);letter-spacing:var(--gids-typography-label-small__letter-spacing);line-height:var(--gids-typography-label-small__line-height);text-transform:var(--gids-typography-label-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-small__font-variant-caps, inherit);color:var(--gidsAdvancedTooltip-label-color)}.gids-advanced-tooltip__value{font-family:var(--gids-typography-label-small__font-family);font-size:var(--gids-typography-label-small__font-size);font-weight:var(--gids-typography-label-small__font-weight);letter-spacing:var(--gids-typography-label-small__letter-spacing);line-height:var(--gids-typography-label-small__line-height);text-transform:var(--gids-typography-label-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-small__font-variant-caps, inherit);color:var(--gidsAdvancedTooltip-value-color);white-space:nowrap}";
+  }
+}, [1, "gids-advanced-tooltip", { visible: [516], x: [2], y: [2], offset: [2], placement: [1], items: [16], currentPlacement: [32] }, void 0, { visible: [{ visibleChanged: 0 }], x: [{ positionChanged: 0 }], y: [{ positionChanged: 0 }], placement: [{ placementChanged: 0 }], items: [{ itemsChanged: 0 }] }]);
+function E() {
+  typeof customElements < "u" && ["gids-advanced-tooltip"].forEach(((t) => {
+    t === "gids-advanced-tooltip" && (customElements.get(d(t)) || customElements.define(d(t), A));
+  }));
+}
+E();
+export {
+  E as _,
+  A as b
+};

package/dist-bundled/es/p-Iqbf3Pja-DuajY4uD.js

@@ -0,0 +1,52 @@
+import { D as t, F as S } from "./p-Bf3p-DY2-CPqEc-vc.js";
+import { d as v } from "./p-D4Pimu_8-ARSuGBs4.js";
+import { c } from "./clsx-OuTLNxxd.js";
+const T = ({ layout: e }, i) => c("gids-button-group", {
+  "gids-button-group--scroll": e === "scroll"
+}, i), B = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsButtonGroupClassNames: T
+}, Symbol.toStringTag, { value: "Module" })), E = ({ orientation: e }, i) => c("gids-divider", {
+  "gids-divider--vertical": e === "vertical"
+}, i), I = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsDividerClassNames: E
+}, Symbol.toStringTag, { value: "Module" })), M = ({ size: e }, i) => c("gids-edit-button", {
+  "gids-edit-button--xs": e === "xs",
+  "gids-edit-button--sm": e === "sm",
+  // 'gids-button--md': size === 'md',
+  "gids-edit-button--lg": e === "lg"
+}, i), k = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsEditButtonClassNames: M
+}, Symbol.toStringTag, { value: "Module" })), A = (e) => c("gids-heading", e), H = (e) => e && e.toString() !== "" && e !== "(none)" ? `gids-typography-${e}` : "", L = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsHeadingClassNames: A,
+  getGidsHeadingSupportingTextTypographyClass: H
+}, Symbol.toStringTag, { value: "Module" })), D = ({ disabled: e, selected: i }, n) => c("gids-list-item", {
+  // selected
+  "gids-list-item--selected": i,
+  // Disable
+  "gids-list-item--disabled": e
+}, n), $ = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsListItemClassNames: D
+}, Symbol.toStringTag, { value: "Module" })), { getGidsButtonGroupClassNames: w } = B, F = ({ layout: e, class: i }, n) => t("span", { class: w({ layout: e }, i) }, n), { getGidsHeadingClassNames: q, getGidsHeadingSupportingTextTypographyClass: J } = L, Z = ({ heading: e, supportingText: i, level: n = "section", children: d, supportingTextTypography: s, class: o }) => t("div", { class: q(o) }, t("div", { class: "gids-heading__content-container" }, e != null && e !== "" ? typeof e == "string" ? e !== "" ? t("span", { class: n === "section" ? "gids-heading__heading-text-section" : "gids-heading__heading-text-group" }, e) : null : e : null, i != null && i !== "" ? typeof i == "string" ? i !== "" ? t("span", { class: `${n === "section" ? "gids-heading__supporting-text-section" : "gids-heading__supporting-text-group"} ${J(s)}` }, i) : null : i : null), d ? t(F, { layout: "wrap" }, d) : null), { getGidsEditButtonClassNames: K } = k, Q = ({ disabled: e, children: i, size: n = "md", editButtonType: d = "add", onPressEditButton: s, class: o, ...r }) => t("button", { class: K({ size: n }, o), ...r, onClick: s, disabled: e }, d === "custom" && i ? t("div", null, i) : d === "add" ? t("div", { class: e ? "gids-edit-button__add gids-edit-button__disabled" : "gids-edit-button__add" }, t(v, { name: "add", appearance: "filled", size: n })) : d === "remove" ? t("div", { class: e ? "gids-edit-button__remove gids-edit-button__disabled" : "gids-edit-button__remove" }, t(v, { appearance: "filled", name: "remove", size: n })) : void 0), { getGidsDividerClassNames: R } = I, U = ({ orientation: e }) => t("hr", { class: R({ orientation: e }) }), { getGidsListItemClassNames: V } = $, tt = ({ id: e, value: i, index: n, defaultSelected: d, disabled: s, selected: o, editButton: r, onPressEditButton: C, onPressListItem: P, leadingAccessory: f, leadingSupport: u, leadingParagraph: _, trailingContent: m, trailingAccessory: x, trailingSupport: p, trailingParagraph: b, divider: G, role: j = "list-item-option", isPlaceholderItem: h, class: z, ...N }, y) => {
+  const g = o || d;
+  return t("button", { type: "button", id: e, class: V({ selected: g, disabled: s }, z), role: j, "aria-selected": g ? "true" : "false", disabled: s, value: (() => {
+    if (typeof i == "string" && i.trim() !== "") return i;
+    const a = y;
+    return a ? (Array.isArray(a) ? a : [a]).map(((l) => typeof l == "string" || typeof l == "number" ? String(l) : l && typeof l == "object" && "text" in l ? l.text ?? "" : "")).join("").trim() : "";
+  })(), tabIndex: n, onClick: (a) => {
+    const l = a.currentTarget;
+    if (!l || a.defaultPrevented || l.disabled) return;
+    const O = new CustomEvent("onPressListItem", { bubbles: !0, composed: !0, detail: { selectedIndex: n, defaultSelected: d, isPlaceholderItem: h } });
+    P?.(O);
+  }, "is-placeholder-item": h ? "true" : "false", ...N }, t("div", { class: "gids-list-item__main-container" }, r == null || r === "none" || s ? null : t(Q, { size: "md", editButtonType: r, onPressEditButton: C }), f != null ? t("div", { class: s ? "gids-list-item__leading-accessory-container gids-list-item__accessory-content-disabled" : "gids-list-item__leading-accessory-container" }, f) : null, t("div", { class: "gids-list-item__middle-content-container" }, t("div", { class: "gids-list-item__leading-content-container" }, t(S, null, y != null ? t("span", { class: s ? "gids-list-item__leading-content-label gids-list-item__text-content-disabled" : "gids-list-item__leading-content-label" }, y) : null, t("div", { class: "gids-list-item__leading-support-content" }, u != null ? typeof u == "string" ? t("p", { class: s ? "gids-list-item__leading-content-supporting-text gids-list-item__text-content-disabled" : "gids-list-item__leading-content-supporting-text" }, u) : u : null, _ != null ? typeof _ == "string" ? t("p", { class: s ? "gids-list-item__leading-content-paragraph-text gids-list-item__text-content-disabled" : "gids-list-item__leading-content-paragraph-text" }, _) : _ : null))), t("div", { class: "gids-list-item__trailing-content-container" }, t(S, null, m != null ? typeof m == "string" ? t("span", { class: s ? "gids-list-item__trailing-content-label gids-list-item__text-content-disabled" : "gids-list-item__trailing-content-label" }, m) : m : null, t("div", { class: "gids-list-item__trailing-support-content" }, p != null ? typeof p == "string" ? t("p", { class: s ? "gids-list-item__trailing-content-supporting-text gids-list-item__text-content-disabled" : "gids-list-item__trailing-content-supporting-text" }, p) : p : null, b != null ? typeof b == "string" ? t("p", { class: s ? "gids-list-item__trailing-content-paragraph-text gids-list-item__text-content-disabled" : "gids-list-item__trailing-content-paragraph-text" }, b) : b : null)))), g ? t("div", { class: s ? "gids-list-item__trailing-accessory-container gids-list-item__accessory-content-disabled" : "gids-list-item__trailing-accessory-container" }, t(v, { name: "checkmark", size: "md", appearance: "regular" })) : null, g || x == null ? null : t("div", { class: s ? "gids-list-item__trailing-accessory-container gids-list-item__accessory-content-disabled" : "gids-list-item__trailing-accessory-container" }, x)), G && !g ? t("div", { class: "gids-list-item__divider" }, t(U, { orientation: "horizontal" })) : null);
+};
+export {
+  Z as _,
+  U as b,
+  F as r,
+  tt as v
+};

package/dist-bundled/es/{p-ub0GuVHb-C9vrhXyF.js → p-MnCDY1k9-CgbTyJ5R.js}

@@ -56,7 +56,7 @@ const g = (t) => _("gids-field", t), u = /* @__PURE__ */ Object.freeze(/* @__PUR
       const a = this._getStatusModifierClass(s, "gids-field__status-text");
       a != null && i.push(a);
     }
-    return o(d, { key: "b4c75ae8db2c6a526bca9abbdefa794697f79d6e" }, o("div", { key: "7f1d56122271224e78b84482bbd1aa31dee0d6b5", class: p() }, o("div", { key: "21986a7bc03029da85eeef02af059b175c208bb9", class: "gids-field__header", hidden: !this._hasLabelContent() }, o("slot", { key: "2c3e7e5e7ebc8b5b30157e755422267cffeb9333", ref: this._setLabelSlot, name: "label", onSlotchange: this._handleControlSlotChange }), o("div", { key: "db267881b537d312154b4b7b51c0816595b5c064", class: "gids-field__count", "aria-live": "polite" }, this.count)), o("div", { key: "34ee7450b5bce2c5ae58d151a6503f1079fdfc7e", class: "gids-field__control" }, o("slot", { key: "d5a7c20818abf658fd1651d90bc7fe552ff4366e", ref: this._setControlSlot, onSlotchange: this._handleControlSlotChange })), o("p", { key: "2859a75cb1f15eb4b998a8c9d0642b3a260967bc", 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));
+    return o(d, { key: "04e91bbfe28bfeccc9f7e26f68bca78e4cb2c2f8" }, o("div", { key: "ca99c8bbfac4b2974d55aeb215d36ab6725e6397", class: p() }, o("div", { key: "87cb9e7457e76e85230813524f8c1bae588589c2", class: "gids-field__header", hidden: !this._hasLabelContent() }, o("slot", { key: "48743dccc0c7a29461ab1333a71b34058c43f194", ref: this._setLabelSlot, name: "label", onSlotchange: this._handleControlSlotChange }), o("div", { key: "42e854a1e83c75eeb35a4df7354d1310ea49627f", class: "gids-field__count", "aria-live": "polite" }, this.count)), o("div", { key: "0583dca7c9bc05530f4c7588a0a7fa592b90fbd8", class: "gids-field__control" }, o("slot", { key: "bb2ae2641451b497b1b5f8df40d645ef07935eaa", ref: this._setControlSlot, onSlotchange: this._handleControlSlotChange })), o("p", { key: "9498d95ece5f84d07e621653cfae8e5a3854c9dd", 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;

package/dist-bundled/es/{p-UVmSPzTd-6vjXok6h.js → p-UVmSPzTd-CR1higgJ.js}

@@ -1,5 +1,5 @@
 import { D as a } from "./p-Bf3p-DY2-CPqEc-vc.js";
-import { l as v } from "./p-CHGTBObD-EN4cCwtX.js";
+import { l as v } from "./p-CHGTBObD-D_K9_Tmh.js";
 import { n as b } from "./nonEmpty-B284_5ai.js";
 import { c as _ } from "./clsx-OuTLNxxd.js";
 const h = ({ appearance: o, size: t, width: d, destructive: s, positive: n, loading: l }, i, e) => _("gids-button", {