@ganpatiinfo/gids-core-web 13.0.0 → 14.0.0

package/dist-bundled/es/p-DMVCMnTe-D4eJKJsj.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-CHF62UXm.js";
+import { d as w } from "./p-D4Pimu_8-ARSuGBs4.js";
+import { _ as k } from "./p-DUUxlY-K-mypBhVt6.js";
+import { d as z } from "./p-DslOQITw-BfwtLWqG.js";
+import { l as C } from "./p-BV0jg2ix-DI0fZl_6.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-DUUxlY-K-mypBhVt6.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: "c4de12b255e6667fb88a1868bbb458c0c8fd66a0", class: t, role: "tooltip", part: "tooltip" }, a("div", { key: "30bce93d52ce6caa0cef1f7d815ed08faf66c082", class: "gids-advanced-tooltip__arrow", part: "arrow" }), a("div", { key: "d2077e539400730753303e432a3a0ffab23c5f16", 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-COHuQEfZ-DcUxD9TI.js → p-Dan1sCNk-mWcyyplK.js}

@@ -1,7 +1,7 @@
-import { q as d, L as r, u as c, D as l } from "./p-Bf3p-DY2-CPqEc-vc.js";
-import { m as h, x as m, N as u } from "./p-D6lxqcxP-C6BOC0kV.js";
+import { q as o, L as r, u as h, D as l } from "./p-Bf3p-DY2-CPqEc-vc.js";
+import { m as c, x as m, N as u } from "./p-D6lxqcxP-C6BOC0kV.js";
 import { c as p } from "./clsx-OuTLNxxd.js";
-const I = (t) => p("gids-calendar-month-list", t), f = () => {
+const f = (t) => p("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);
@@ -14,13 +14,13 @@ const I = (t) => p("gids-calendar-month-list", t), f = () => {
   return t;
 }, b = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  getGidsCalendarMonthListClassNames: I,
-  getGidsCalendarMonthListMonths: f
-}, Symbol.toStringTag, { value: "Module" })), { getGidsCalendarMonthListClassNames: g, getGidsCalendarMonthListMonths: M } = b, x = r(class extends c {
+  getGidsCalendarMonthListClassNames: f,
+  getGidsCalendarMonthListMonths: I
+}, Symbol.toStringTag, { value: "Module" })), { getGidsCalendarMonthListClassNames: g, getGidsCalendarMonthListMonths: M } = b, x = r(class extends h {
   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: o, id: a } = s.detail;
-      o || typeof e != "string" || (this.suppressNextMenuClickSelection = !0, queueMicrotask((() => {
+      const { title: e, value: n, selectedIndex: i, disabled: d, id: a } = s.detail;
+      d || 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) => {
@@ -28,7 +28,7 @@ const I = (t) => p("gids-calendar-month-list", t), f = () => {
       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(((o) => o.value === s));
+      const s = this.selectedMonthNumber, e = this.monthsList(), n = e.findIndex(((d) => d.value === s));
       let i;
       return n != null && n !== -1 && (i = e[n]), { foundItem: i, foundIndex: n };
     }, this.isItemSelected = (s) => {
@@ -59,7 +59,7 @@ const I = (t) => p("gids-calendar-month-list", t), f = () => {
   }
   render() {
     const t = g();
-    return l("div", { key: "03c81c7b6d2fb6a1439f4a51a91817661b208175", class: t }, l(h, { key: "218015b22be3ab5dc1257ab99710759fcc91a60f", type: this.type, supportingText: this.noOptionsText }, l(m, { key: "63be7405e6ec2c1e658429832c3a484aa149880b", sectionLabel: "Months" }, this.monthsList().map(((s, e) => {
+    return l("div", { key: "ca07f10e96ab26ee1dd6d796334b46e0a4108313", class: t }, l(c, { key: "da3d3d95f797b7ec9118f195bb7089a6faafafe5", type: this.type, supportingText: this.noOptionsText }, l(m, { key: "1a3a531fdd7e97ce024485d073a32c96dc9b81c3", sectionLabel: "Months" }, this.monthsList().map(((s, e) => {
       const n = `${e + 1}`, i = this.disabledIndices?.includes(e);
       return l(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, isPlaceholderItem: !1 });
     })))));
@@ -70,7 +70,7 @@ const I = (t) => p("gids-calendar-month-list", t), f = () => {
 }, [0, "gids-calendar-month-list", { type: [1], noOptionsText: [1, "no-options-text"], disabledIndices: [16], divider: [4], selectedMonthNumber: [2, "selected-month-number"], onSelectionMonthChange: [16] }]);
 function C() {
   typeof customElements < "u" && ["gids-calendar-month-list"].forEach(((t) => {
-    t === "gids-calendar-month-list" && (customElements.get(d(t)) || customElements.define(d(t), x));
+    t === "gids-calendar-month-list" && (customElements.get(o(t)) || customElements.define(o(t), x));
   }));
 }
 C();

package/dist-bundled/es/{p-BCVFQSjK-CKrYrI4b.js → p-DslOQITw-BfwtLWqG.js}

@@ -4,10 +4,10 @@ const o = ({ orientation: e }, i) => s("gids-chart-legend", {
   // 'gids-chart-legend--orientation-horizontal':
   // 	orientation === 'horizontal', // not needed as by default
   "gids-chart-legend--orientation-vertical": e === "vertical"
-}, i), c = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, i), d = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   getGidsChartLegendClassNames: o
-}, Symbol.toStringTag, { value: "Module" })), { getGidsChartLegendClassNames: d } = c, l = a(class extends r {
+}, Symbol.toStringTag, { value: "Module" })), { getGidsChartLegendClassNames: l } = d, c = a(class extends r {
   constructor(e) {
     super(), e !== !1 && this.__registerHost(), this.orientation = "horizontal";
   }
@@ -15,8 +15,8 @@ const o = ({ orientation: e }, i) => s("gids-chart-legend", {
     this.orientation = e;
   }
   render() {
-    const e = d({ orientation: this.orientation });
-    return n("div", { key: "644b3200e4de07c715a1da903635dadb90b44c97", class: e }, n("slot", { key: "bf5e22c6a549cf9f9fb64e5edc9cc2a48173933e" }));
+    const e = l({ orientation: this.orientation });
+    return n("div", { key: "97408478636d27b5898b241ba555cf38e5076a6c", class: e }, n("slot", { key: "b895d069db35e4d37a54bd98fc732b40a12ad9f0" }));
   }
   static get watchers() {
     return { orientation: [{ handleOrientationChange: 0 }] };
@@ -27,11 +27,11 @@ const o = ({ orientation: e }, i) => s("gids-chart-legend", {
 }, [260, "gids-chart-legend", { orientation: [1] }, void 0, { orientation: [{ handleOrientationChange: 0 }] }]);
 function g() {
   typeof customElements < "u" && ["gids-chart-legend"].forEach(((e) => {
-    e === "gids-chart-legend" && (customElements.get(t(e)) || customElements.define(t(e), l));
+    e === "gids-chart-legend" && (customElements.get(t(e)) || customElements.define(t(e), c));
   }));
 }
 g();
 export {
-  g as o,
-  l as r
+  g as d,
+  c as r
 };

package/dist-bundled/es/{p-DUojHltk-BQ0ryfLD.js → p-_HwuS8vK-C0w4T5rV.js}

@@ -1,6 +1,6 @@
 import { q as f, L as g, u as v, D as c } from "./p-Bf3p-DY2-CPqEc-vc.js";
 import { d as p } from "./p-D4Pimu_8-ARSuGBs4.js";
-import { o as I } from "./p-_SIWct9h-jMYFZ-VO.js";
+import { o as I } from "./p-D5DRatg0-DtQL-DQg.js";
 import { c as y } from "./clsx-OuTLNxxd.js";
 const S = ({ expanded: h }, e) => y("gids-filter", {
   "gids-filter--expanded": h
@@ -142,7 +142,7 @@ const F = g((s = class extends v {
   }
   render() {
     const e = this.expanded && this.isInteractive(), t = E({ expanded: e }), l = this.isMenuToggler(), i = typeof this.filterPickerId == "string" ? this.filterPickerId : void 0, n = i ? `${i}__menu` : void 0, r = this.selectedItemTitle ?? this.value ?? "", d = this.type === "more", a = this.type === "all", o = this.type === "none";
-    return c("div", { key: "0c7e5ffe45a9e1053e3c248801ff315e96afb70c", class: t, "aria-control": n ?? "" }, c("gids-toggle-button", { key: "7afda6023027219c4d1585bf535327b6ed1d0dee", id: i, name: this.name, expanded: e, value: r, disabled: this.disabled, size: this.size, loading: this.loading, tabIndex: this.filterIndex, defaultSelected: this.filterDefaultSelected, selected: this.filterSelected, onSelect: this.handleFilterButtonClickToggle }, d || a ? c(p, { name: d ? "options" : "filter", size: this.size, appearance: "regular", alt: "", slot: "leadingIcon" }) : void 0, o || a ? r : void 0, l && !d ? c(p, { name: "chevron-down", size: this.size, appearance: "regular", alt: "", slot: "trailingIcon" }) : void 0), c("div", { key: "f4ded16cd2c432b4361c32de414af31b4c7d44c5", class: "gids-filter__menu", id: n, role: "pickerbox", onClick: this.handleMenuClick }, c("slot", { key: "593ed13b9dab21531b9888534697f92e39bbed95", onSlotchange: () => this.evaluateSlottedMenuExistence() })));
+    return c("div", { key: "f61eb4c957bdf16980b04168daae71e57399bc2b", class: t, "aria-control": n ?? "" }, c("gids-toggle-button", { key: "16912f01d8723ea798ee695afd91951dfef7c3f1", id: i, name: this.name, expanded: e, value: r, disabled: this.disabled, size: this.size, loading: this.loading, tabIndex: this.filterIndex, defaultSelected: this.filterDefaultSelected, selected: this.filterSelected, onSelect: this.handleFilterButtonClickToggle }, d || a ? c(p, { name: d ? "options" : "filter", size: this.size, appearance: "regular", alt: "", slot: "leadingIcon" }) : void 0, o || a ? r : void 0, l && !d ? c(p, { name: "chevron-down", size: this.size, appearance: "regular", alt: "", slot: "trailingIcon" }) : void 0), c("div", { key: "3cda901ffe563130a64fe869632e16b69ec5f747", class: "gids-filter__menu", id: n, role: "pickerbox", onClick: this.handleMenuClick }, c("slot", { key: "fc5c702955f0dd8ad0f2d628a26eba1c8829be73", onSlotchange: () => this.evaluateSlottedMenuExistence() })));
   }
   get hostElement() {
     return this;

package/dist-bundled/es/{p-4lN1OdcA-xYP8gbDc.js → p-jzl-rPxB-CC735zJp.js}

@@ -4,7 +4,7 @@ import { c as y } from "./clsx-OuTLNxxd.js";
 const u = (t) => y("gids-expansion-body-list-item", t), m = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   getGidsExpansionBodyListItemClassNames: u
-}, Symbol.toStringTag, { value: "Module" })), { getGidsExpansionBodyListItemClassNames: x } = m, f = g(class extends h {
+}, Symbol.toStringTag, { value: "Module" })), { getGidsExpansionBodyListItemClassNames: x } = m, v = g(class extends h {
   constructor(t) {
     super(), t !== !1 && this.__registerHost(), this.displayTagVisible = !1, this.displayTagColor = "accent-5", this.displayTagSize = "xs", this.displayTagAppearance = "subtle", this.hasSubtitleItemListener = !1, this.hasSupportingTextItemListener = !1, this.handleSubtitleClick = (i) => {
       this.applySubtitleSelection({ listItemId: this.listItemId, label: this.label, subtitle: this.subtitle, supportingText: this.supportingText, listItemPressedType: "subtitle", originalEvent: i });
@@ -65,7 +65,7 @@ const u = (t) => y("gids-expansion-body-list-item", t), m = /* @__PURE__ */ Obje
   }
   render() {
     const t = x(), i = this?.label, o = this?.subtitle, r = this?.supportingText, s = this.isValidLabel(), l = this.isValidSubtitle(), p = this.isValidSupportingText(), a = this.isDisplayTagVisible(), d = this?.displayTagLabel ?? "";
-    return e(c, { key: "f70f03c864cc5d3fe92f7f22a1772054636c1e9c", class: t }, s || l || a ? e("div", { class: "gids-expansion-body-list-item__primary-container" }, s || a ? e("div", { class: "gids-expansion-body-list-item__primary-content" }, s ? e("span", { class: "gids-expansion-body-list-item__label" }, this.convertTextToUppercase(i)) : void 0, a ? e(b, { color: this.displayTagColor || "accent-5", label: d, size: this.displayTagSize, appearance: this.displayTagAppearance }) : void 0) : void 0, l ? e("button", { type: "button", class: "gids-expansion-body-list-item__subtitle", onClick: this.handleSubtitleClick }, o) : void 0) : void 0, p ? e("div", { class: "gids-expansion-body-list-item__secondary-container" }, e("button", { type: "button", class: "gids-expansion-body-list-item__supporting-text", onClick: this.handleSupportingTextClick }, this.convertTextToUppercase(r))) : void 0);
+    return e(c, { key: "7640b2ddb898ec2b217014a9aeacefd6887679e6", class: t }, s || l || a ? e("div", { class: "gids-expansion-body-list-item__primary-container" }, s || a ? e("div", { class: "gids-expansion-body-list-item__primary-content" }, s ? e("span", { class: "gids-expansion-body-list-item__label" }, this.convertTextToUppercase(i)) : void 0, a ? e(b, { color: this.displayTagColor || "accent-5", label: d, size: this.displayTagSize, appearance: this.displayTagAppearance }) : void 0) : void 0, l ? e("button", { type: "button", class: "gids-expansion-body-list-item__subtitle", onClick: this.handleSubtitleClick }, o) : void 0) : void 0, p ? e("div", { class: "gids-expansion-body-list-item__secondary-container" }, e("button", { type: "button", class: "gids-expansion-body-list-item__supporting-text", onClick: this.handleSupportingTextClick }, this.convertTextToUppercase(r))) : void 0);
   }
   get hostElement() {
     return this;
@@ -77,13 +77,13 @@ const u = (t) => y("gids-expansion-body-list-item", t), m = /* @__PURE__ */ Obje
     return '.gids-expansion-body-list-item{display:flex;flex:1;gap:var(--gids-gap-400);padding-bottom:var(--gids-padding-vertical-edge-to-element-300);position:relative;cursor:default}.gids-expansion-body-list-item::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:var(--gids-color-border-default);transition:background 0.3s ease-in-out;z-index:1}.gids-expansion-body-list-item::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(to right, transparent 0%, transparent 25%, var(--gids-color-background-selected-pressed) 45%, var(--gids-color-background-selected-pressed) 55%, transparent 75%, transparent 100%);opacity:0;transition:opacity 0.3s ease-in-out;z-index:2}.gids-expansion-body-list-item:has(.gids-expansion-body-list-item__subtitle:hover)::after{background:linear-gradient(to right, var(--gids-color-border-default) 0%, var(--gids-color-border-default) 15%, var(--gids-color-background-selected-pressed) 45%, var(--gids-color-background-selected-pressed) 70%, var(--gids-color-border-default) 90%, var(--gids-color-border-default) 100%)}.gids-expansion-body-list-item:has(.gids-expansion-body-list-item__subtitle:hover)::before{opacity:1}.gids-expansion-body-list-item__primary-container{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;flex:1 0;gap:var(--gids-gap-150)}.gids-expansion-body-list-item__primary-content{display:flex;align-items:center;justify-content:center;gap:var(--gids-gap-200)}.gids-expansion-body-list-item__secondary-container{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end}.gids-expansion-body-list-item__label{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-subtle);cursor:default}.gids-expansion-body-list-item__subtitle{margin:0;padding:0;appearance:none;border:none;background:none;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);cursor:pointer}.gids-expansion-body-list-item__supporting-text{margin:0;padding:0;appearance:none;border:none;background:none;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-subtle);padding:var(--gids-padding-vertical-edge-to-element-050) var(--gids-padding-horizontal-edge-to-element-100);border-radius:var(--gids-border-radius-sm);cursor:pointer;transition:background-color 0.3s ease-in-out, color 0.3s ease-in-out}.gids-expansion-body-list-item__supporting-text:hover{background-color:var(--gids-color-background-brand-bold-hovered);color:var(--gids-color-text-inverse)}.gids-expansion-body-list-item__supporting-text:active{background-color:var(--gids-color-background-brand-bold-pressed);color:var(--gids-color-text-inverse)}';
   }
 }, [0, "gids-expansion-body-list-item", { listItemId: [1, "list-item-id"], label: [1], subtitle: [1], supportingText: [1, "supporting-text"], displayTagVisible: [4, "display-tag-visible"], displayTagColor: [1, "display-tag-color"], displayTagSize: [1, "display-tag-size"], displayTagAppearance: [1, "display-tag-appearance"], displayTagLabel: [1, "display-tag-label"], onSubtitlePress: [16], onSupportingTextPress: [16] }, void 0, { displayTagVisible: [{ handleDisplayTagVisibilityChange: 0 }], displayTagColor: [{ handleDisplayTagColorChange: 0 }], displayTagSize: [{ handleDisplayTagSizeChange: 0 }], displayTagAppearance: [{ handleDisplayTagAppearanceChange: 0 }] }]);
-function v() {
+function f() {
   typeof customElements < "u" && ["gids-expansion-body-list-item"].forEach(((t) => {
-    t === "gids-expansion-body-list-item" && (customElements.get(n(t)) || customElements.define(n(t), f));
+    t === "gids-expansion-body-list-item" && (customElements.get(n(t)) || customElements.define(n(t), v));
   }));
 }
-v();
+f();
 export {
-  v as d,
-  f as r
+  f as d,
+  v as r
 };