@ganpatiinfo/gids-core-web 9.0.0 → 10.0.0

package/dist-bundled/es/p-D93TNeOt-Vvshbux8.js

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

package/dist-bundled/es/{p-DybsMR13-DpmsG3Q1.js → p-DKsrt7dx-ImYLc4xz.js}

@@ -1,4 +1,4 @@
-import { R as l } from "./p-ibikYq-w-BsGxk8ro.js";
+import { T as l } from "./p-Ct3Ixgvf-CNP_PKwP.js";
 import { c as x } from "./clsx-OuTLNxxd.js";
 const f = ({ size: e, indeterminate: t, value: n }, r) => x("gids-spinner-control", {
   "gids-spinner-control--xs": e === "xs",

package/dist-bundled/es/p-DZWWuJac-DNQvnHAr.js

@@ -0,0 +1,15 @@
+import { T as t } from "./p-Ct3Ixgvf-CNP_PKwP.js";
+import { d } from "./p-BnL97lOW-BO0p4EdC.js";
+import { c as m } from "./clsx-OuTLNxxd.js";
+const n = ({ appearance: e, size: s }, i) => m("gids-dismiss-button", {
+  "gids-dismiss-button--sm": s === "sm",
+  // 'gids-dismiss-button--md': size === 'md',
+  "gids-dismiss-button--lg": s === "lg",
+  "gids-dismiss-button--bold": e === "bold"
+}, i), b = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsDismissButtonClassNames: n
+}, Symbol.toStringTag, { value: "Module" })), { getGidsDismissButtonClassNames: c } = b, f = ({ appearance: e = "subtle", size: s = "md", disabled: i = !1, class: a, onPressDismiss: o, label: l, ...r }) => t("button", { class: c({ appearance: e, size: s }, a), onClick: o, disabled: i, "aria-label": l, ...r }, t(d, { name: "cross", appearance: "regular" }));
+export {
+  f as r
+};

package/dist-bundled/es/p-D_wcwB7E-d3jYxfod.js

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

package/dist-bundled/es/p-Dehss-X0-Di5vMgvd.js

@@ -0,0 +1,29 @@
+import { T as n } from "./p-Ct3Ixgvf-CNP_PKwP.js";
+import { l as m } from "./p-DKsrt7dx-ImYLc4xz.js";
+import { c } from "./clsx-OuTLNxxd.js";
+const d = ({ size: e }, t) => c("gids-spinner", {
+  "gids-spinner--xs": e === "xs",
+  "gids-spinner--sm": e === "sm",
+  // 'gids-spinner--md': size === 'md',
+  "gids-spinner--lg": e === "lg",
+  "gids-spinner--xl": e === "xl",
+  "gids-spinner--2xl": e === "2xl"
+}, t), u = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsSpinnerClassNames: d
+}, Symbol.toStringTag, { value: "Module" })), x = (e) => {
+  const { label: t, supportingText: s } = e, i = typeof t == "string" && t.trim().length > 0, r = typeof s == "string" && s.trim().length > 0;
+  return {
+    hasLabel: i,
+    hasSupportingText: r
+  };
+}, b = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getElementVisibility: x
+}, Symbol.toStringTag, { value: "Module" })), { getGidsSpinnerClassNames: _ } = u, { getElementVisibility: f } = b, h = ({ label: e, supportingText: t, size: s, indeterminate: i, value: r, max: l, class: o, ...p }) => {
+  const { hasLabel: a, hasSupportingText: g } = f({ label: e, supportingText: t });
+  return n("span", { class: _({ size: s }, o), ...p }, n(m, { size: s, indeterminate: i, value: r, max: l }), a && n("span", { class: "gids-spinner__label" }, e), g && n("span", { class: "gids-spinner__supporting-text" }, t));
+};
+export {
+  h as r
+};

package/dist-bundled/es/{p-DvoHLz_5-C5EvA91N.js → p-DfFqFdmS-DjI2pk-0.js}

@@ -1,6 +1,6 @@
-import { H as s, C as l, f as u, R as a, L as r } from "./p-ibikYq-w-BsGxk8ro.js";
-import { d as n } from "./p-veoOgDXg-fRinub-C.js";
-import { l as d } from "./p-DybsMR13-DpmsG3Q1.js";
+import { P as s, _ as l, u, T as a, L as r } from "./p-Ct3Ixgvf-CNP_PKwP.js";
+import { d as n } from "./p-BnL97lOW-BO0p4EdC.js";
+import { l as d } from "./p-DKsrt7dx-ImYLc4xz.js";
 const c = (e) => e.type === "hidden", f = (e) => {
   if (!(e instanceof HTMLElement))
     return !1;
@@ -54,9 +54,9 @@ const c = (e) => e.type === "hidden", f = (e) => {
     this._el.removeEventListener("click", this._focusInput);
   }
   render() {
-    return a(r, { key: "c1e035111a8a80ef0b442bc0298785f0c7445113" }, a("slot", { key: "49bd52d5bbc7c9b962b27f6404ca9817de699b31", name: "leadingIcon" }), this.leadingLabel && a("span", { key: "2863a61da1f009b7287af508d9809d66787ddaf7", class: "gids-input__label" }, this.leadingLabel), a("slot", { key: "f74e8993fb8b1dd186a53c4557ceffac681f2881", name: "leadingAccessory" }), a("input", { key: "2bc7f84858a8533f33c66834ad212c38ad698075", ...this.inputProps, ref: (e) => {
+    return a(r, { key: "8cfc78682bffd38298aaa5bc8fe63bc996f17586" }, a("slot", { key: "5e5c57234e3e531b0d095597e021ab3d4756173d", name: "leadingIcon" }), this.leadingLabel && a("span", { key: "5d0fc2c8a8716806891347f30ba961db61e1cf91", class: "gids-input__label" }, this.leadingLabel), a("slot", { key: "881161160b2e933479c7af0a63846c0f86c7bbfe", name: "leadingAccessory" }), a("input", { key: "f0db6b63f0aa4a1a778743620753184ff0a7086a", ...this.inputProps, ref: (e) => {
       this.#t = e, this.#e.value !== void 0 && (this.#t.value = this.#e.value, delete this.#e.value), this.#e.defaultValue !== void 0 && (this.#t.defaultValue = this.#e.defaultValue, delete this.#e.defaultValue);
-    }, class: "gids-input__control", name: this.name, disabled: this.disabled, readOnly: this.readOnly, required: this.required, onFocus: this._handleInputFocusAndBlur, onBlur: this._handleInputFocusAndBlur }), a("slot", { key: "2116db712ac02853ae4974b4ad618b5eee372b3f", name: "trailingAccessory" }), this.trailingLabel && a("span", { key: "35dc9b1c2bd2ef493b0ce1a602688f41854c922d", class: "gids-input__label" }, this.trailingLabel), a("slot", { key: "6cc1b37e9a0b979f04de753d8527aaae2970762c", name: "trailingIcon" }), this.status === "incomplete" && a(n, { key: "8c963877cee9bc941b1236a6b647fc1790a41cdc", name: "warning", appearance: "filled", class: "gids-input__warning-icon" }), this.status === "complete" && a(n, { key: "a2c401261ff8defa2802b5bbc336a6b4cc177ff4", name: "positive", appearance: "filled", class: "gids-input__positive-icon" }), this.loading && a(d, { key: "4dd22cd62d87ff444794fc8f1c4f0cc78e14738a", size: "md", indeterminate: !0 }));
+    }, class: "gids-input__control", name: this.name, disabled: this.disabled, readOnly: this.readOnly, required: this.required, onFocus: this._handleInputFocusAndBlur, onBlur: this._handleInputFocusAndBlur }), a("slot", { key: "5bb8549e6aa491b7ebbf56bce66bab6f386f98fe", name: "trailingAccessory" }), this.trailingLabel && a("span", { key: "3ef3319efd5512bbd370e314724820a539e342f9", class: "gids-input__label" }, this.trailingLabel), a("slot", { key: "22dcea487ee58e5df65a5b88d3f7ce7bcc32f828", name: "trailingIcon" }), this.status === "incomplete" && a(n, { key: "808723d08c4e8a1533652d6c20fd7f8ff0e98275", name: "warning", appearance: "filled", class: "gids-input__warning-icon" }), this.status === "complete" && a(n, { key: "10c61d22cb2a4fa56dc0de3025cfc07c1268f91e", name: "positive", appearance: "filled", class: "gids-input__positive-icon" }), this.loading && a(d, { key: "58147d27b92c93a6bf9dde27c394de2868d6225e", size: "md", indeterminate: !0 }));
   }
   get _el() {
     return this;
@@ -69,6 +69,6 @@ function h() {
 }
 h();
 export {
-  o as l,
+  o as c,
   h as r
 };

package/dist-bundled/es/{p-CFw4_-5A-Dzvju3VE.js → p-KxRqlvSh-JOFDmT0B.js}

@@ -1,5 +1,5 @@
-import { R as a } from "./p-ibikYq-w-BsGxk8ro.js";
-import { l as h } from "./p-DybsMR13-DpmsG3Q1.js";
+import { T as a } from "./p-Ct3Ixgvf-CNP_PKwP.js";
+import { l as h } from "./p-DKsrt7dx-ImYLc4xz.js";
 import { c as _ } from "./clsx-OuTLNxxd.js";
 const v = ({ appearance: t, size: n, width: d, destructive: s, positive: o, loading: l }, i, e) => _("gids-button", {
   "gids-button--primary": t === "primary",
@@ -13,12 +13,12 @@ const v = ({ appearance: t, size: n, width: d, destructive: s, positive: o, load
   "gids-button--positive": o && !s,
   "gids-button--icon-only": i,
   "gids-button--loading": l
-}, e), w = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, e), x = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   getGidsButtonClassNames: v
-}, Symbol.toStringTag, { value: "Module" })), b = (t) => t !== void 0 && (!Array.isArray(t) || t.length > 0), { getGidsButtonClassNames: x } = w, z = ({ appearance: t, size: n, destructive: d, positive: s, loading: o, width: l, leadingIcon: i, trailingIcon: e, as: c, disabled: p, class: m, forceIconOnly: y = !1, ...u }, g) => {
+}, Symbol.toStringTag, { value: "Module" })), b = (t) => t !== void 0 && (!Array.isArray(t) || t.length > 0), { getGidsButtonClassNames: I } = x, z = ({ appearance: t, size: n, destructive: d, positive: s, loading: o, width: l, leadingIcon: i, trailingIcon: e, as: c, disabled: p, class: m, forceIconOnly: y = !1, ...u }, g) => {
   const r = c || "button", f = n === "lg" || n === void 0 ? "md" : n;
-  return r !== "button" || "type" in u || (u.type = "button"), a(r, { class: x({ appearance: t, size: n, destructive: d, loading: o, width: l, positive: s }, y || g.length === 0 && b(i) && !b(e), m), disabled: r === "button" ? p : void 0, ...u }, a("span", { class: "gids-button__content" }, i, g), o && a(h, { size: f, indeterminate: !0 }), e);
+  return r !== "button" || "type" in u || (u.type = "button"), a(r, { class: I({ appearance: t, size: n, destructive: d, loading: o, width: l, positive: s }, y || g.length === 0 && b(i) && !b(e), m), disabled: r === "button" ? p : void 0, ...u }, a("span", { class: "gids-button__content" }, i, g), o && a(h, { size: f, indeterminate: !0 }), e);
 };
 export {
   z as o

package/dist-bundled/es/p-MgTlrSP_-DifRVv94.js

@@ -0,0 +1,70 @@
+import { T as e, L as C } from "./p-Ct3Ixgvf-CNP_PKwP.js";
+import { r as I } from "./p-Dehss-X0-Di5vMgvd.js";
+import { d as h } from "./p-BnL97lOW-BO0p4EdC.js";
+import { c as r } from "./clsx-OuTLNxxd.js";
+const N = ({ orientation: t }, i) => r("gids-divider", {
+  "gids-divider--vertical": t === "vertical"
+}, i), T = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsDividerClassNames: N
+}, Symbol.toStringTag, { value: "Module" })), O = ({ layout: t }, i) => r("gids-button-group", {
+  "gids-button-group--scroll": t === "scroll"
+}, i), z = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsButtonGroupClassNames: O
+}, Symbol.toStringTag, { value: "Module" })), M = (t) => r("gids-heading", t), B = (t) => t && t.toString() !== "" && t !== "(none)" ? `gids-typography-${t}` : "", D = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsHeadingClassNames: M,
+  getGidsHeadingSupportingTextTypographyClass: B
+}, Symbol.toStringTag, { value: "Module" })), L = ({ size: t }, i) => r("gids-edit-button", {
+  "gids-edit-button--xs": t === "xs",
+  "gids-edit-button--sm": t === "sm",
+  // 'gids-button--md': size === 'md',
+  "gids-edit-button--lg": t === "lg"
+}, i), E = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsEditButtonClassNames: L
+}, Symbol.toStringTag, { value: "Module" })), A = ({ disabled: t, selected: i }, n) => r("gids-list-item", {
+  // selected
+  "gids-list-item--selected": i,
+  // Disable
+  "gids-list-item--disabled": t
+}, n), $ = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsListItemClassNames: A
+}, Symbol.toStringTag, { value: "Module" })), k = (t) => r("gids-dropdown-item", t), H = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsDropdownItemClassNames: k
+}, Symbol.toStringTag, { value: "Module" })), q = (t) => r("gids-dropdown-menu", t), F = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsDropdownMenuClassNames: q
+}, Symbol.toStringTag, { value: "Module" })), J = ({ type: t }, i) => r("gids-dropdown-menu-group", {
+  "gids-dropdown-menu-group--default": t === "default",
+  // by default so no need to have this class
+  "gids-dropdown-menu-group--no-options": t === "no-options",
+  "gids-dropdown-menu-group--loading": t === "loading"
+}, i), K = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsDropdownMenuGroupClassNames: J
+}, Symbol.toStringTag, { value: "Module" })), { getGidsDropdownMenuGroupClassNames: Q } = K, gt = ({ type: t = "no-options", supportingText: i = "No options", class: n, ...l }, s) => e("div", { class: Q({ type: t }, n), ...l }, t === "loading" ? e(I, { indeterminate: !0, size: "md" }) : null, t === "no-options" ? e("span", null, i) : null, t === "default" && s != null ? s : null), { getGidsButtonGroupClassNames: R } = z, U = ({ layout: t, children: i, class: n }) => e("span", { class: R({ layout: t }, n) }, i), { getGidsHeadingClassNames: V, getGidsHeadingSupportingTextTypographyClass: W } = D, X = ({ heading: t, supportingText: i, level: n = "section", children: l, supportingTextTypography: s, class: d }) => e("div", { class: V(d) }, e("div", { class: "gids-heading__content-container" }, t != null && t !== "" ? typeof t == "string" ? t !== "" ? e("span", { class: n === "section" ? "gids-heading__heading-text-section" : "gids-heading__heading-text-group" }, t) : null : t : null, i != null && i !== "" ? typeof i == "string" ? i !== "" ? e("span", { class: `${n === "section" ? "gids-heading__supporting-text-section" : "gids-heading__supporting-text-group"} ${W(s)}` }, i) : null : i : null), l ? e(U, { layout: "wrap" }, l) : null), { getGidsDropdownMenuClassNames: Y } = F, ct = ({ sectionLabel: t, class: i, ...n }, l) => e("div", { class: Y(i), ...n }, t != null && t !== "" ? e(X, { supportingText: t, supportingTextTypography: "eyebrow-medium" }) : null, l != null ? e("div", { class: "gids-dropdown-menu__children" }, l) : null), { getGidsEditButtonClassNames: Z } = E, tt = ({ disabled: t, children: i, size: n = "md", editButtonType: l = "add", onPressEditButton: s, class: d, ...a }) => e("button", { class: Z({ size: n }, d), ...a, onClick: s, disabled: t }, l === "custom" && i ? e("div", null, i) : l === "add" ? e("div", { class: t ? "gids-edit-button__add gids-edit-button__disabled" : "gids-edit-button__add" }, e(h, { name: "add", appearance: "filled", size: n })) : l === "remove" ? e("div", { class: t ? "gids-edit-button__remove gids-edit-button__disabled" : "gids-edit-button__remove" }, e(h, { appearance: "filled", name: "remove", size: n })) : void 0), { getGidsDividerClassNames: et } = T, it = ({ orientation: t }) => e("hr", { class: et({ orientation: t }) }), { getGidsListItemClassNames: st } = $, nt = ({ id: t, value: i, index: n, defaultSelectedIndex: l, disabled: s, selected: d, editButton: a, onPressEditButton: y, onPressListItem: v, leadingAccessory: b, leadingSupport: g, leadingParagraph: u, trailingContent: p, trailingAccessory: f, trailingSupport: _, trailingParagraph: m, divider: x, role: G = "list-item-option", class: P, ...w }, S) => e("button", { type: "button", id: t, class: st({ selected: d, disabled: s }, P), role: G, "aria-selected": d ? "true" : "false", disabled: s, value: (() => {
+  if (typeof i == "string" && i.trim() !== "") return i;
+  const c = S;
+  return c ? (Array.isArray(c) ? c : [c]).map(((o) => typeof o == "string" || typeof o == "number" ? String(o) : o && typeof o == "object" && "text" in o ? o.text ?? "" : "")).join("").trim() : "";
+})(), onClick: (c) => {
+  const o = c.currentTarget;
+  if (!o || c.defaultPrevented || o.disabled) return;
+  const j = new CustomEvent("onPressListItem", { bubbles: !0, composed: !0, detail: { selectedIndex: n, defaultSelectedIndex: l } });
+  v?.(j);
+}, ...w }, e("div", { class: "gids-list-item__main-container" }, a == null || a === "none" || s ? null : e(tt, { size: "md", editButtonType: a, onPressEditButton: y }), b != null ? e("div", { class: s ? "gids-list-item__leading-accessory-container gids-list-item__accessory-content-disabled" : "gids-list-item__leading-accessory-container" }, b) : null, e("div", { class: "gids-list-item__middle-content-container" }, e("div", { class: "gids-list-item__leading-content-container" }, e(C, null, S != null ? e("span", { class: s ? "gids-list-item__leading-content-label gids-list-item__text-content-disabled" : "gids-list-item__leading-content-label" }, S) : null, e("div", { class: "gids-list-item__leading-support-content" }, g != null ? typeof g == "string" ? e("p", { class: s ? "gids-list-item__leading-content-supporting-text gids-list-item__text-content-disabled" : "gids-list-item__leading-content-supporting-text" }, g) : g : null, u != null ? typeof u == "string" ? e("p", { class: s ? "gids-list-item__leading-content-paragraph-text gids-list-item__text-content-disabled" : "gids-list-item__leading-content-paragraph-text" }, u) : u : null))), e("div", { class: "gids-list-item__trailing-content-container" }, e(C, null, p != null ? typeof p == "string" ? e("span", { class: s ? "gids-list-item__trailing-content-label gids-list-item__text-content-disabled" : "gids-list-item__trailing-content-label" }, p) : p : null, e("div", { class: "gids-list-item__trailing-support-content" }, _ != null ? typeof _ == "string" ? e("p", { class: s ? "gids-list-item__trailing-content-supporting-text gids-list-item__text-content-disabled" : "gids-list-item__trailing-content-supporting-text" }, _) : _ : null, m != null ? typeof m == "string" ? e("p", { class: s ? "gids-list-item__trailing-content-paragraph-text gids-list-item__text-content-disabled" : "gids-list-item__trailing-content-paragraph-text" }, m) : m : null)))), d ? e("div", { class: s ? "gids-list-item__trailing-accessory-container gids-list-item__accessory-content-disabled" : "gids-list-item__trailing-accessory-container" }, e(h, { name: "checkmark", size: "md", appearance: "regular" })) : null, d || f == null ? null : e("div", { class: s ? "gids-list-item__trailing-accessory-container gids-list-item__accessory-content-disabled" : "gids-list-item__trailing-accessory-container" }, f)), x && !d ? e("div", { class: "gids-list-item__divider" }, e(it, { orientation: "horizontal" })) : null), { getGidsDropdownItemClassNames: lt } = H, ut = ({ id: t, title: i, class: n, selected: l = !1, disabled: s = !1, role: d = "list-item-option", value: a, name: y, onPressDropdownItem: v, index: b, defaultSelectedIndex: g, leadingAccessory: u, divider: p, ...f }) => {
+  const _ = lt(typeof n == "string" ? n : void 0);
+  return e(nt, { id: t, index: b ?? 0, defaultSelectedIndex: g, selected: l, disabled: s, role: d, value: a, name: y, leadingAccessory: u, class: _, onPressListItem: (m) => {
+    if (m.defaultPrevented) return;
+    const x = new CustomEvent("onPressDropdownItem", { bubbles: !0, composed: !0, detail: { id: t, title: i, value: a, disabled: s, selectedIndex: b, defaultSelectedIndex: g } });
+    v?.(x);
+  }, divider: p, ...f }, i);
+};
+export {
+  ut as B,
+  ct as f,
+  gt as u
+};

package/dist-bundled/es/p-h6alWGT8-CSY2g3c8.js

@@ -0,0 +1,67 @@
+import { P as l, _ as f, u, T as t } from "./p-Ct3Ixgvf-CNP_PKwP.js";
+import { r as b } from "./p-Dehss-X0-Di5vMgvd.js";
+import { d as x } from "./p-B_HaXpJZ-a2SDgQ0E.js";
+import { l as z } from "./p-B81J5HCC-Bkt2yXKi.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"
+}, g), D = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsActivityGaugeClassNames: k
+}, Symbol.toStringTag, { value: "Module" })), { getGidsActivityGaugeClassNames: E } = D, L = f(class extends u {
+  constructor(a) {
+    super(), a !== !1 && this.__registerHost(), this.breakpoint = "desktop", this.chartData = [], this.label = "", this.size = "xs", this.legend = "none", this.chartLoaderSize = "lg", this.chartLoading = !1, this.width = 0, this.height = 0;
+  }
+  chartDataChanged() {
+    this.updateDimensions();
+  }
+  legendChanged(a) {
+    this.legend = 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 : 240;
+  }
+  render() {
+    if (this.chartLoading) return t("div", { class: "gids-activity-gauge__no-data" }, t(b, { label: this.chartLoadingTitle, supportingText: this.chartLoadingSupportingText, size: this?.chartLoaderSize ?? "lg" }));
+    const a = this.chartData.map(((i) => i.value || 0)), g = a.length > 0 ? Math.max(...a) : 0, r = Math.max(1e3, g), p = r.toLocaleString(), y = E({ breakpoint: this.breakpoint }), n = [{ radius: 42, strokeWidth: 5.5 }, { radius: 34, strokeWidth: 5.5 }, { radius: 26, strokeWidth: 5.5 }], o = this.size === "xxs", d = typeof this.label == "string" && this.label.trim() !== "", c = this.legend && this.legend === "right" && this.breakpoint !== "mobile", _ = this.legend && (this.legend === "bottom" || this.breakpoint === "mobile");
+    return t("div", { class: y }, t("div", { class: "gids-activity-gauge__main-container" }, t("div", { class: "gids-activity-gauge__chart-stage-container" }, t("div", { class: `gids-activity-gauge__svg-wrapper gids-activity-gauge--size-${this.size}` }, t("svg", { viewBox: "0 0 100 100", class: "gids-activity-gauge__chart-vector" }, this.chartData.slice(0, 3).map(((i, e) => {
+      const s = n[e] || n[0] || { radius: 26, strokeWidth: 5.5 }, m = r > 0 ? Math.min(Math.max((i.value || 0) / r, 0), 1) : 0, h = 2 * Math.PI * s.radius, v = `${m * h} ${h}`;
+      return t("g", { key: i.label || e }, t("circle", { cx: "50", cy: "50", r: s.radius, "stroke-width": s.strokeWidth, class: "gids-activity-gauge__track-background" }), t("circle", { cx: "50", cy: "50", r: s.radius, "stroke-width": s.strokeWidth, class: `gids-activity-gauge__segment gids-activity-gauge__segment-series-${e + 1}`, "stroke-dasharray": v, "stroke-dashoffset": "0", transform: "rotate(-90 50 50)" }));
+    }))), t("div", { class: "gids-activity-gauge__center-content" }, d && !o ? t("span", { class: `gids-activity-gauge__label-common gids-activity-gauge__label-${this.size}` }, this.label) : null, t("span", { class: `gids-activity-gauge__value-common gids-activity-gauge__value-${this.size}` }, p)))), c ? t("div", { class: "gids-activity-gauge__sidebar" }, t("gids-chart-legend", { orientation: "vertical" }, this.chartData.slice(0, 3).map(((i, e) => t("gids-chart-legend-item", { key: i.label, seriesType: `${e + 1}`, orientation: "vertical" }, i.label))))) : null), o && d ? t("div", { class: "gids-activity-gauge__bottom-content" }, t("span", { class: `gids-activity-gauge__label-common gids-activity-gauge__label-${this.size}` }, this.label)) : null, _ ? t("div", { class: "gids-activity-gauge__legend-container gids-activity-gauge__legend-container--bottom" }, t("gids-chart-legend", { orientation: "horizontal" }, this.chartData.slice(0, 3).map(((i, e) => t("gids-chart-legend-item", { key: i.label, seriesType: `${e + 1}`, orientation: "horizontal" }, i.label))))) : null);
+  }
+  get hostElement() {
+    return this;
+  }
+  static get watchers() {
+    return { chartData: [{ chartDataChanged: 0 }], legend: [{ legendChanged: 0 }] };
+  }
+  static get style() {
+    return ":host{display:block;width:100%;height:100%;box-sizing:border-box}.gids-activity-gauge{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;box-sizing:border-box}.gids-activity-gauge--breakpoint-mobile{max-width:var(--gids-width-xs)}.gids-activity-gauge__main-container{display:inline-flex;justify-content:center;gap:var(--gids-gap-200);width:100%;height:100%}.gids-activity-gauge__svg-wrapper{position:relative;display:block;flex-shrink:0}.gids-activity-gauge--size-xxs{width:180px;height:180px}.gids-activity-gauge--size-xs{width:220px;height:220px}.gids-activity-gauge--size-sm{width:260px;height:260px}.gids-activity-gauge--size-md{width:300px;height:300px}.gids-activity-gauge--size-lg{width:340px;height:340px}.gids-activity-gauge__chart-stage-container{display:flex;justify-content:center;align-items:center}.gids-activity-gauge__chart-vector{display:block;width:100%;height:100%}.gids-activity-gauge__track-background{fill:none;stroke:var(--gids-color-background-brand-subtlest-default);stroke-linecap:round}.gids-activity-gauge__segment{fill:none;stroke-linecap:round;transition:stroke-dasharray 0.4s ease-out}.gids-activity-gauge__segment.gids-activity-gauge__segment-series-1{stroke:var(--gids-color-icon-subtle)}.gids-activity-gauge__segment.gids-activity-gauge__segment-series-2{stroke:var(--gids-color-icon-warning)}.gids-activity-gauge__segment.gids-activity-gauge__segment-series-3{stroke:var(--gids-color-icon-danger)}.gids-activity-gauge__center-content{position:absolute;top:0;bottom:0;left:0;right:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none}.gids-activity-gauge__label-xxs{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)}.gids-activity-gauge__label-xs{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)}.gids-activity-gauge__label-sm{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)}.gids-activity-gauge__label-md{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)}.gids-activity-gauge__label-lg{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)}.gids-activity-gauge__label-common{color:var(--gids-color-text-subtlest)}.gids-activity-gauge__value-xxs{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)}.gids-activity-gauge__value-xs{font-family:var(--gids-typography-display-x-small__font-family);font-size:var(--gids-typography-display-x-small__font-size);font-weight:var(--gids-typography-display-x-small__font-weight);letter-spacing:var(--gids-typography-display-x-small__letter-spacing);line-height:var(--gids-typography-display-x-small__line-height);text-transform:var(--gids-typography-display-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-display-x-small__font-variant-caps, inherit)}.gids-activity-gauge__value-sm{font-family:var(--gids-typography-display-x-small__font-family);font-size:var(--gids-typography-display-x-small__font-size);font-weight:var(--gids-typography-display-x-small__font-weight);letter-spacing:var(--gids-typography-display-x-small__letter-spacing);line-height:var(--gids-typography-display-x-small__line-height);text-transform:var(--gids-typography-display-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-display-x-small__font-variant-caps, inherit)}.gids-activity-gauge__value-md{font-family:var(--gids-typography-display-small__font-family);font-size:var(--gids-typography-display-small__font-size);font-weight:var(--gids-typography-display-small__font-weight);letter-spacing:var(--gids-typography-display-small__letter-spacing);line-height:var(--gids-typography-display-small__line-height);text-transform:var(--gids-typography-display-small__text-transform, inherit);font-variant-caps:var(--gids-typography-display-small__font-variant-caps, inherit)}.gids-activity-gauge__value-lg{font-family:var(--gids-typography-display-small__font-family);font-size:var(--gids-typography-display-small__font-size);font-weight:var(--gids-typography-display-small__font-weight);letter-spacing:var(--gids-typography-display-small__letter-spacing);line-height:var(--gids-typography-display-small__line-height);text-transform:var(--gids-typography-display-small__text-transform, inherit);font-variant-caps:var(--gids-typography-display-small__font-variant-caps, inherit)}.gids-activity-gauge__value-common{color:var(--gids-color-text-default)}.gids-activity-gauge__bottom-content{display:flex;justify-content:center;align-items:center;text-align:center}.gids-activity-gauge__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-activity-gauge", { breakpoint: [1], chartData: [16], label: [1], size: [1], legend: [1], 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 }], legend: [{ legendChanged: 0 }] }]);
+function $() {
+  typeof customElements < "u" && ["gids-activity-gauge", "gids-chart-legend", "gids-chart-legend-item"].forEach(((a) => {
+    switch (a) {
+      case "gids-activity-gauge":
+        customElements.get(l(a)) || customElements.define(l(a), L);
+        break;
+      case "gids-chart-legend":
+        customElements.get(l(a)) || x();
+        break;
+      case "gids-chart-legend-item":
+        customElements.get(l(a)) || z();
+    }
+  }));
+}
+$();
+export {
+  $ as d,
+  L as o
+};

package/dist-bundled/es/p-quZYWCxU-CPyWW0nv.js

@@ -0,0 +1,56 @@
+import { P as c, _, u as y, T as e } from "./p-Ct3Ixgvf-CNP_PKwP.js";
+import { r as m, e as f, d as v, H as x, F as b } from "./p-D_wcwB7E-d3jYxfod.js";
+import { r as u } from "./p-Dehss-X0-Di5vMgvd.js";
+import { c as w } from "./clsx-OuTLNxxd.js";
+const z = ({ breakpoint: s }, r) => w("gids-progress-circle", {
+  "gids-progress-circle--breakpoint-mobile": s === "mobile"
+}, r), k = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsProgressCircleClassNames: z
+}, Symbol.toStringTag, { value: "Module" })), { getGidsProgressCircleClassNames: L } = k, C = _(class extends y {
+  constructor(s) {
+    super(), s !== !1 && this.__registerHost(), this.breakpoint = "desktop", this.value = 0, this.shape = "circle", this.label = "", this.size = "xs", this.chartLoaderSize = "lg", this.chartLoading = !1, this.width = 0, this.height = 0;
+  }
+  valueChanged() {
+    this.updateDimensions();
+  }
+  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 s = this.hostElement.getBoundingClientRect();
+    this.width = s.width, this.height = s.height > 0 ? s.height : 240;
+  }
+  render() {
+    if (this.chartLoading) return e("div", { class: "gids-progress-circle__no-data" }, e(u, { label: this.chartLoadingTitle, supportingText: this.chartLoadingSupportingText, size: this?.chartLoaderSize ?? "lg" }));
+    const s = this.shape === "half-circle" ? x : b;
+    if (!(typeof this.value == "number" && !isNaN(this.value) && this.value <= s && this.value >= 0)) return e("div", { class: "gids-progress-circle__no-data" }, e(m, { title: f, supportingText: v(s) }));
+    const r = this.value / s, h = `${this.value}%`, d = L({ breakpoint: this.breakpoint }), l = this.shape === "half-circle";
+    let i = 2 * Math.PI * 40, t = r * i, a = 0, g = "0 0 100 100", o = "rotate(-90 50 50)";
+    l && (i = 40 * Math.PI, t = r * i, a = 0, g = "0 0 100 50", o = "");
+    const p = this.size === "xxs", n = typeof this.label == "string" && this.label.trim() !== "";
+    return e("div", { class: d }, e("div", { class: "gids-progress-circle__main-container" }, e("div", { class: `gids-progress-circle__svg-wrapper gids-progress-circle__svg-wrapper--shape-${this.shape}--size-${this.size}` }, e("svg", { viewBox: g, class: "gids-progress-circle__chart-vector" }, l ? e("g", null, e("path", { d: "M 10,50 A 40,40 0 0,1 90,50", fill: "none", class: "gids-progress-circle__track-background" }), e("path", { d: "M 10,50 A 40,40 0 0,1 90,50", fill: "none", class: "gids-progress-circle__segment", "stroke-dasharray": `${t} ${i}`, "stroke-dashoffset": a })) : e("g", null, e("circle", { cx: "50", cy: "50", r: 40, class: "gids-progress-circle__track-background" }), e("circle", { cx: "50", cy: "50", r: 40, class: "gids-progress-circle__segment", "stroke-dasharray": `${t} ${i}`, "stroke-dashoffset": a, transform: o }))), e("div", { class: `gids-progress-circle__center-content gids-progress-circle__shape-${this.shape}` }, n && !p ? e("span", { class: `gids-progress-circle__label-common gids-progress-circle__label-${this.size}` }, this.label) : null, e("span", { class: `gids-progress-circle__percentage-common gids-progress-circle__percentage-${this.size}` }, h))), p && n ? e("div", { class: "gids-progress-circle__bottom-content" }, e("span", { class: `gids-progress-circle__label-common gids-progress-circle__label-${this.size}` }, this.label)) : null));
+  }
+  get hostElement() {
+    return this;
+  }
+  static get watchers() {
+    return { value: [{ valueChanged: 0 }], shape: [{ valueChanged: 0 }] };
+  }
+  static get style() {
+    return ":host{display:block;box-sizing:border-box}.gids-progress-circle{display:block;box-sizing:border-box}.gids-progress-circle--breakpoint-mobile{max-width:var(--gids-width-xs)}.gids-progress-circle__main-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}.gids-progress-circle{}.gids-progress-circle__svg-wrapper{position:relative;display:block;flex-shrink:0;}.gids-progress-circle__svg-wrapper--shape-circle--size-xxs{width:180px;height:180px}.gids-progress-circle__svg-wrapper--shape-circle--size-xs{width:220px;height:220px}.gids-progress-circle__svg-wrapper--shape-circle--size-sm{width:260px;height:260px}.gids-progress-circle__svg-wrapper--shape-circle--size-md{width:300px;height:300px}.gids-progress-circle__svg-wrapper--shape-circle--size-lg{width:340px;height:340px}.gids-progress-circle__svg-wrapper{}.gids-progress-circle__svg-wrapper--shape-half-circle--size-xxs{width:180px;height:144px}.gids-progress-circle__svg-wrapper--shape-half-circle--size-xs{width:220px;height:130px}.gids-progress-circle__svg-wrapper--shape-half-circle--size-sm{width:260px;height:152px}.gids-progress-circle__svg-wrapper--shape-half-circle--size-md{width:300px;height:174px}.gids-progress-circle__svg-wrapper--shape-half-circle--size-lg{width:340px;height:194px}.gids-progress-circle__chart-vector{display:block;width:100%;height:100%}.gids-progress-circle{}.gids-progress-circle__track-background{fill:none;stroke:var(--gids-color-background-neutral-default);stroke-width:6;stroke-linecap:round}.gids-progress-circle{}.gids-progress-circle__segment{fill:none;stroke:var(--gids-color-text-brand);stroke-width:6;stroke-linecap:round;transition:stroke-dasharray 0.4s ease-out, stroke-dashoffset 0.4s ease-out}.gids-progress-circle{}.gids-progress-circle__center-content{position:absolute;top:0;bottom:0;left:0;right:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none}.gids-progress-circle__shape-half-circle{justify-content:flex-end;align-items:center;bottom:var(--gids-padding-vertical-edge-to-element-300)}.gids-progress-circle__label-xxs{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)}.gids-progress-circle__label-xs{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)}.gids-progress-circle__label-sm{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)}.gids-progress-circle__label-md{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)}.gids-progress-circle__label-lg{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)}.gids-progress-circle__label-common{color:var(--gids-color-text-subtlest)}.gids-progress-circle__percentage-xxs{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)}.gids-progress-circle__percentage-xs{font-family:var(--gids-typography-display-x-small__font-family);font-size:var(--gids-typography-display-x-small__font-size);font-weight:var(--gids-typography-display-x-small__font-weight);letter-spacing:var(--gids-typography-display-x-small__letter-spacing);line-height:var(--gids-typography-display-x-small__line-height);text-transform:var(--gids-typography-display-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-display-x-small__font-variant-caps, inherit)}.gids-progress-circle__percentage-sm{font-family:var(--gids-typography-display-x-small__font-family);font-size:var(--gids-typography-display-x-small__font-size);font-weight:var(--gids-typography-display-x-small__font-weight);letter-spacing:var(--gids-typography-display-x-small__letter-spacing);line-height:var(--gids-typography-display-x-small__line-height);text-transform:var(--gids-typography-display-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-display-x-small__font-variant-caps, inherit)}.gids-progress-circle__percentage-md{font-family:var(--gids-typography-display-small__font-family);font-size:var(--gids-typography-display-small__font-size);font-weight:var(--gids-typography-display-small__font-weight);letter-spacing:var(--gids-typography-display-small__letter-spacing);line-height:var(--gids-typography-display-small__line-height);text-transform:var(--gids-typography-display-small__text-transform, inherit);font-variant-caps:var(--gids-typography-display-small__font-variant-caps, inherit)}.gids-progress-circle__percentage-lg{font-family:var(--gids-typography-display-small__font-family);font-size:var(--gids-typography-display-small__font-size);font-weight:var(--gids-typography-display-small__font-weight);letter-spacing:var(--gids-typography-display-small__letter-spacing);line-height:var(--gids-typography-display-small__line-height);text-transform:var(--gids-typography-display-small__text-transform, inherit);font-variant-caps:var(--gids-typography-display-small__font-variant-caps, inherit)}.gids-progress-circle__percentage-common{color:var(--gids-color-text-default)}.gids-progress-circle{}.gids-progress-circle__bottom-content{display:flex;justify-content:center;text-align:center}.gids-progress-circle__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-progress-circle", { breakpoint: [1], value: [2], shape: [1], label: [1], size: [1], 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, { value: [{ valueChanged: 0 }], shape: [{ valueChanged: 0 }] }]);
+function E() {
+  typeof customElements < "u" && ["gids-progress-circle"].forEach(((s) => {
+    s === "gids-progress-circle" && (customElements.get(c(s)) || customElements.define(c(s), C));
+  }));
+}
+E();
+export {
+  E as d,
+  C as h
+};

package/dist-bundled/es/p-tyIgTtUC-C8jR4A5G.js

@@ -0,0 +1,71 @@
+import { P as a, _, u as m, T as t } from "./p-Ct3Ixgvf-CNP_PKwP.js";
+import { r as b } from "./p-Dehss-X0-Di5vMgvd.js";
+import { d as u } from "./p-B_HaXpJZ-a2SDgQ0E.js";
+import { l as v } from "./p-B81J5HCC-Bkt2yXKi.js";
+import { c as x } from "./clsx-OuTLNxxd.js";
+const f = ({ breakpoint: e }, r) => x("gids-pie-chart", {
+  "gids-pie-chart--breakpoint-mobile": e === "mobile"
+}, r), k = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsPieChartClassNames: f
+}, Symbol.toStringTag, { value: "Module" })), { getGidsPieChartClassNames: w } = k, y = _(class extends m {
+  constructor(e) {
+    super(), e !== !1 && this.__registerHost(), this.breakpoint = "desktop", this.legendVisible = !1, this.chartData = [], this.size = "xxs", this.chartLoaderSize = "lg", this.chartLoading = !1, this.width = 0, this.height = 0;
+  }
+  chartDataChanged() {
+    this.updateDimensions();
+  }
+  legendVisibilityChanged(e) {
+    this.legendVisible = e;
+  }
+  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 e = this.hostElement.getBoundingClientRect();
+    this.width = e.width, this.height = e.height > 0 ? e.height : 240;
+  }
+  render() {
+    if (this.chartLoading) return t("div", { class: "gids-pie-chart__no-data" }, t(b, { label: this.chartLoadingTitle, supportingText: this.chartLoadingSupportingText, size: this?.chartLoaderSize ?? "lg" }));
+    const e = this.chartData.length, r = this.chartData.reduce(((i, s) => i + (s.value || 0)), 0);
+    let d = r;
+    e < 6 && e > 0 && (d = r + r / e * (6 - e));
+    const c = d > 0 ? d : 1, o = w({ breakpoint: this.breakpoint }), n = 2 * Math.PI * 25;
+    let h = 0;
+    return t("div", { class: o }, t("div", { class: "gids-pie-chart__main-container" }, t("div", { class: "gids-pie-chart__chart-stage-container" }, t("div", { class: `gids-pie-chart__svg-wrapper gids-pie-chart__svg-wrapper--size-${this.size}` }, t("svg", { viewBox: "0 0 100 100", class: "gids-pie-chart__chart-vector" }, t("circle", { cx: "50", cy: "50", r: 25, class: "gids-pie-chart__track-background" }), this.chartData.map(((i, s) => {
+      const g = (i.value || 0) / c, l = `${g * n} ${n}`, p = -h * n;
+      return h += g, t("circle", { key: i.label || s, cx: "50", cy: "50", r: 25, class: `gids-pie-chart__segment gids-pie-chart__segment-series-${s + 1}`, "stroke-dasharray": l, "stroke-dashoffset": p, transform: "rotate(-90 50 50)" });
+    }))))), this.legendVisible ? t("div", { class: "gids-pie-chart__legend-container" }, t("gids-chart-legend", { orientation: "vertical" }, this.chartData.map(((i, s) => t("gids-chart-legend-item", { key: i.label, seriesType: `${s + 1}`, orientation: "vertical" }, i.label))))) : null));
+  }
+  get hostElement() {
+    return this;
+  }
+  static get watchers() {
+    return { chartData: [{ chartDataChanged: 0 }], legendVisible: [{ legendVisibilityChanged: 0 }] };
+  }
+  static get style() {
+    return ":host{display:block;width:100%;height:100%;box-sizing:border-box}.gids-pie-chart{display:flex;flex-direction:column;width:100%;height:100%;box-sizing:border-box}.gids-pie-chart--breakpoint-mobile{max-width:var(--gids-width-xs)}.gids-pie-chart__main-container{display:inline-flex;justify-content:center;gap:var(--gids-gap-200);width:100%;height:100%}.gids-pie-chart__chart-stage-container{display:flex;justify-content:center;align-items:center}.gids-pie-chart{}.gids-pie-chart__svg-wrapper{position:relative;display:block;flex-shrink:0}.gids-pie-chart__svg-wrapper--size-xxs{width:180px;height:180px}.gids-pie-chart__svg-wrapper--size-xs{width:220px;height:220px}.gids-pie-chart__svg-wrapper--size-sm{width:260px;height:260px}.gids-pie-chart__svg-wrapper--size-md{width:300px;height:300px}.gids-pie-chart__svg-wrapper--size-lg{width:340px;height:340px}.gids-pie-chart__chart-vector{display:block;width:100%;height:100%}.gids-pie-chart{}.gids-pie-chart__track-background{fill:none;stroke:var(--gids-color-background-neutral-default);stroke-width:12;}.gids-pie-chart__segment{fill:none;stroke-width:12;stroke-linecap:butt;transition:stroke-dashoffset 0.3s ease;}.gids-pie-chart__segment.gids-pie-chart__segment-series-1{stroke:var(--gids-color-icon-subtle);}.gids-pie-chart__segment.gids-pie-chart__segment-series-2{stroke:var(--gids-color-icon-warning);}.gids-pie-chart__segment.gids-pie-chart__segment-series-3{stroke:var(--gids-color-icon-danger);}.gids-pie-chart__segment.gids-pie-chart__segment-series-4{stroke:var(--gids-color-background-positive-bold-hovered);}.gids-pie-chart__segment.gids-pie-chart__segment-series-5{stroke:var(--gids-color-background-information-bold-default);}.gids-pie-chart__segment.gids-pie-chart__segment-series-6{stroke:rgb(238, 70, 188);}.gids-pie-chart__legend-container{display:inline-flex;align-items:flex-start}.gids-pie-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-pie-chart", { breakpoint: [1], legendVisible: [4, "legend-visible"], chartData: [16], size: [1], 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 }], legendVisible: [{ legendVisibilityChanged: 0 }] }]);
+function z() {
+  typeof customElements < "u" && ["gids-pie-chart", "gids-chart-legend", "gids-chart-legend-item"].forEach(((e) => {
+    switch (e) {
+      case "gids-pie-chart":
+        customElements.get(a(e)) || customElements.define(a(e), y);
+        break;
+      case "gids-chart-legend":
+        customElements.get(a(e)) || u();
+        break;
+      case "gids-chart-legend-item":
+        customElements.get(a(e)) || v();
+    }
+  }));
+}
+z();
+export {
+  z as c,
+  y as n
+};