@ganpatiinfo/gids-core-web 9.0.0 → 10.1.0

package/dist-bundled/es/p-Degg_WJz-BLua06el.js

@@ -0,0 +1,55 @@
+import { q as g, L as p, u as d, D as e } from "./p-Bf3p-DY2-CPqEc-vc.js";
+import { r as h, e as _, d as v, F as y } from "./p-CaauwQNd-D6_PbcRr.js";
+import { p as m } from "./p-DMNS1d8v-CHF62UXm.js";
+import { c } from "./clsx-OuTLNxxd.js";
+const f = ({ breakpoint: a }, t) => c("gids-level-gauge", {
+  "gids-level-gauge--breakpoint-mobile": a === "mobile"
+}, t), u = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsLevelGaugeClassNames: f
+}, Symbol.toStringTag, { value: "Module" })), { getGidsLevelGaugeClassNames: b } = u, x = p(class extends d {
+  constructor(a) {
+    super(), a !== !1 && this.__registerHost(), this.breakpoint = "desktop", this.value = 0, this.label = "Completed", this.size = "xxs", this.color = "amber", 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 a = this.hostElement.getBoundingClientRect();
+    this.width = a.width, this.height = a.height > 0 ? a.height : 240;
+  }
+  render() {
+    if (this.chartLoading) return e("div", { class: "gids-level-gauge__no-data" }, e(m, { label: this.chartLoadingTitle, supportingText: this.chartLoadingSupportingText, size: this?.chartLoaderSize ?? "lg" }));
+    let a = 0;
+    typeof this.value == "number" && !isNaN(this.value) && (a = this.value);
+    const t = y;
+    if (!(typeof this.value == "number" && !isNaN(this.value) && this.value <= t && this.value >= 0)) return e("div", { class: "gids-level-gauge__no-data" }, e(h, { title: _, supportingText: v(100), image: e("slot", { name: "chartFeedbackBlockImage" }) }));
+    const l = Math.min(Math.max(a / t, 0), 1), r = `${Math.round(100 * l)}%`, n = b({ breakpoint: this.breakpoint }), i = 2 * Math.PI * 40, o = `${l * i} ${i}`, s = this.size === "xxs";
+    return e("div", { class: n }, e("div", { class: `gids-level-gauge__main-container gids-level-gauge__main-container--variant-${this.color}` }, e("div", { class: `gids-level-gauge__svg-wrapper gids-level-gauge__svg-wrapper--size-${this.size}` }, e("svg", { viewBox: "0 0 100 100", class: "gids-level-gauge__chart-vector" }, e("circle", { cx: "50", cy: "50", r: 40, class: "gids-level-gauge__track-background" }), e("circle", { cx: "50", cy: "50", r: 40, class: `gids-level-gauge__segment gids-level-gauge__segment--variant-${this.color}`, "stroke-dasharray": o, "stroke-dashoffset": "0", transform: "rotate(-90 50 50)" })), e("div", { class: "gids-level-gauge__center-content" }, s ? null : e("span", { class: `gids-level-gauge__label-common gids-level-gauge__label-${this.size}` }, this.label), e("span", { class: `gids-level-gauge__percentage-common gids-level-gauge__percentage-${this.size}` }, r))), s ? e("div", { class: "gids-level-gauge__bottom-content" }, e("span", { class: `gids-level-gauge__label-common gids-level-gauge__label-${this.size}` }, this.label)) : null));
+  }
+  get hostElement() {
+    return this;
+  }
+  static get watchers() {
+    return { value: [{ valueChanged: 0 }], max: [{ valueChanged: 0 }] };
+  }
+  static get style() {
+    return ":host{display:block;box-sizing:border-box}.gids-level-gauge{display:block;box-sizing:border-box}.gids-level-gauge--breakpoint-mobile{max-width:var(--gids-width-xs)}.gids-level-gauge__main-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}.gids-level-gauge{}.gids-level-gauge__svg-wrapper{position:relative;display:block;flex-shrink:0}.gids-level-gauge__svg-wrapper--size-xxs{width:180px;height:180px}.gids-level-gauge__svg-wrapper--size-xs{width:220px;height:220px}.gids-level-gauge__svg-wrapper--size-sm{width:260px;height:260px}.gids-level-gauge__svg-wrapper--size-md{width:300px;height:300px}.gids-level-gauge__svg-wrapper--size-lg{width:340px;height:340px}.gids-level-gauge__chart-vector{display:block;width:100%;height:100%}.gids-level-gauge{}.gids-level-gauge__main-container{display:flex;flex-direction:column;gap:var(--gids-gap-050)}.gids-level-gauge__main-container--variant-amber .gids-level-gauge__track-background{stroke:rgb(248, 248, 248)}.gids-level-gauge__main-container--variant-burgundy .gids-level-gauge__track-background{stroke:rgb(246, 243, 243)}.gids-level-gauge__main-container--variant-teal .gids-level-gauge__track-background{stroke:rgb(232, 245, 250)}.gids-level-gauge__track-background{fill:none;stroke-width:6}.gids-level-gauge__segment{fill:none;stroke-width:6;stroke-linecap:round;transition:stroke-dasharray 0.4s ease-out}.gids-level-gauge__segment--variant-amber{stroke:rgb(80, 82, 88)}.gids-level-gauge__segment--variant-burgundy{stroke:rgb(132, 84, 95)}.gids-level-gauge__segment--variant-teal{stroke:rgb(23, 60, 102)}.gids-level-gauge{}.gids-level-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;gap:var(--gids-gap-025)}.gids-level-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-level-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-level-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-level-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-level-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-level-gauge__label-common{color:var(--gids-color-text-subtlest)}.gids-level-gauge__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-level-gauge__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-level-gauge__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-level-gauge__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-level-gauge__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-level-gauge__percentage-common{color:var(--gids-color-text-default)}.gids-level-gauge{}.gids-level-gauge__bottom-content{display:flex;justify-content:center;text-align:center}.gids-level-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)}";
+  }
+}, [260, "gids-level-gauge", { breakpoint: [1], value: [2], label: [1], size: [1], color: [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 }], max: [{ valueChanged: 0 }] }]);
+function w() {
+  typeof customElements < "u" && ["gids-level-gauge"].forEach(((a) => {
+    a === "gids-level-gauge" && (customElements.get(g(a)) || customElements.define(g(a), x));
+  }));
+}
+w();
+export {
+  x as d,
+  w as h
+};

package/dist-bundled/es/p-DfxTsSdZ-C2Afv1lS.js

@@ -0,0 +1,67 @@
+import { q as l, L as f, u, D as t } from "./p-Bf3p-DY2-CPqEc-vc.js";
+import { p as b } from "./p-DMNS1d8v-CHF62UXm.js";
+import { o as x } from "./p-DoCwI_bx-BXHlZI7-.js";
+import { d as z } from "./p-mZJdpfOo-DicbKil0.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: L } = D, E = 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 = L({ 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), E);
+        break;
+      case "gids-chart-legend":
+        customElements.get(l(a)) || x();
+        break;
+      case "gids-chart-legend-item":
+        customElements.get(l(a)) || z();
+    }
+  }));
+}
+$();
+export {
+  $ as d,
+  E as o
+};

package/dist-bundled/es/p-Dg2yoUxw-Cca8ROd_.js

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

package/dist-bundled/es/p-DmLoB2Dn-D-FSoCvI.js

@@ -0,0 +1,44 @@
+import { q as s, L as l, u as d, z as i, D as t, P as n } from "./p-Bf3p-DY2-CPqEc-vc.js";
+import { o } from "./p-UVmSPzTd-DiTxS9kW.js";
+import { i as c } from "./p-B2zUuNXz-BLBgQDu7.js";
+const a = l(class extends d {
+  constructor(e) {
+    super(), e !== !1 && this.__registerHost(), this.__attachShadow(), this.select = i(this, "select"), this._toggle = this._toggle.bind(this);
+  }
+  handleSelctedChange(e) {
+    this.selected = e;
+  }
+  connectedCallback() {
+    const e = c();
+    e !== void 0 && this._el.shadowRoot?.adoptedStyleSheets.push(e);
+  }
+  _toggle() {
+    const e = !this.selected;
+    this._el.selected = this.selected, this.select?.emit(e), this.selected = this.selected;
+  }
+  render() {
+    return t(n, { key: "f7fe1215b0945a6d71c23d3644121dd73ff653cf" }, t("style", { key: "78195ef784f5f4df916d0a61e9b988233db31fef" }, `:host {
+                display: ${this.width === "full" ? "block" : "inline-block"}
+                }`), t(o, { key: "c0ae6269f93d930064073e1091cd145e453b7e7f", appearance: this.appearance, size: this.size, width: this.width, disabled: this.disabled, onClick: this._toggle, "aria-pressed": this.selected ? "true" : "false", leadingIcon: t("slot", { name: "leadingIcon" }), trailingIcon: t("slot", { name: "trailingIcon" }), forceIconOnly: this._onlyHasLeadingIcon() }, t("slot", { key: "1e8fd27fe3a99d3957b0cc4d6334cd297bc8fb21" })));
+  }
+  _onlyHasLeadingIcon() {
+    const e = this._el.childNodes;
+    return e.length === 1 && e[0] instanceof window.Element && e[0].slot === "leadingIcon";
+  }
+  get _el() {
+    return this;
+  }
+  static get watchers() {
+    return { selected: [{ handleSelctedChange: 0 }] };
+  }
+}, [257, "gids-toggle-button", { disabled: [516], appearance: [513], size: [513], width: [513], defaultSelected: [516, "default-selected"], selected: [1540] }, void 0, { selected: [{ handleSelctedChange: 0 }] }]);
+function h() {
+  typeof customElements < "u" && ["gids-toggle-button"].forEach(((e) => {
+    e === "gids-toggle-button" && (customElements.get(s(e)) || customElements.define(s(e), a));
+  }));
+}
+h();
+export {
+  a as l,
+  h as o
+};

package/dist-bundled/es/p-DoCwI_bx-BXHlZI7-.js

@@ -0,0 +1,37 @@
+import { q as t, L as a, u as r, D as n } from "./p-Bf3p-DY2-CPqEc-vc.js";
+import { c as s } from "./clsx-OuTLNxxd.js";
+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), d = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsChartLegendClassNames: o
+}, Symbol.toStringTag, { value: "Module" })), { getGidsChartLegendClassNames: l } = d, c = a(class extends r {
+  constructor(e) {
+    super(), e !== !1 && this.__registerHost(), this.orientation = "horizontal";
+  }
+  handleOrientationChange(e) {
+    this.orientation = e;
+  }
+  render() {
+    const e = l({ orientation: this.orientation });
+    return n("div", { key: "91b00cc799a723fe520513e41dc67df2b19c871e", class: e }, n("slot", { key: "83968874a18a0fb86706516b4083d6582a3341fb" }));
+  }
+  static get watchers() {
+    return { orientation: [{ handleOrientationChange: 0 }] };
+  }
+  static get style() {
+    return ".gids-chart-legend{display:inline-flex;align-items:flex-start;gap:var(--gids-gap-150)}.gids-chart-legend--orientation-vertical{flex-direction:column;gap:var(--gids-gap-050)}";
+  }
+}, [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), c));
+  }));
+}
+g();
+export {
+  g as o,
+  c as r
+};

package/dist-bundled/es/p-H1JIMJ2t-DEXp7M4I.js

@@ -0,0 +1,152 @@
+import { q as h, L as g, u as m, D as o } from "./p-Bf3p-DY2-CPqEc-vc.js";
+import { d as u } from "./p-D4Pimu_8-DfEGRQGf.js";
+import { o as p } from "./p-DmLoB2Dn-D-FSoCvI.js";
+import { c as v } from "./clsx-OuTLNxxd.js";
+const I = ({ expanded: e }, i) => v("gids-filter", {
+  "gids-filter--expanded": e
+}, i), y = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsFilterClassNames: I
+}, Symbol.toStringTag, { value: "Module" })), { getGidsFilterClassNames: x } = y, E = g(class extends m {
+  constructor(e) {
+    super(), e !== !1 && this.__registerHost(), this.expanded = !1, this.type = "none", this.filterItemType = "primary", this.filterSelected = !1, this.filterDefaultSelected = !1, this.disabled = !1, this.size = "sm", this.loading = !1, this.filterIndex = 0, this.hasSlottedMenu = !1, this.hasItemListener = !1, this.suppressNextMenuClickSelection = !1, this.handleFilterPickerItemSelect = (i) => {
+      const { value: s, title: t, disabled: l, id: n, selectedIndex: a, isPlaceholderItem: r, defaultSelected: d } = i.detail;
+      l || typeof s != "string" || (this.suppressNextMenuClickSelection = !0, queueMicrotask((() => {
+        this.suppressNextMenuClickSelection = !1;
+      })), this.applySelection({ id: n, filterId: this?.filterId, value: s, title: t, disabled: !1, selectedFilterMenuIndex: a, defaultSelected: d, filterType: this.type, filterItemType: this.filterItemType, filterTitle: t, filterIndex: this.filterIndex, hasFilterMenu: !0, originalEvent: i, filterSelected: !r, isPlaceholderItem: r || !1 }));
+    }, this.handleMenuClick = (i) => {
+      if (this.suppressNextMenuClickSelection) return;
+      const s = i.target;
+      if (!(s instanceof Element)) return;
+      const t = s.closest(".gids-dropdown-item");
+      if (!t || !this.hostElement.contains(t) || t.hasAttribute("disabled") || t.getAttribute("aria-disabled") === "true") return;
+      const l = t instanceof HTMLButtonElement ? t.value : t.getAttribute("value") ?? "";
+      if (typeof l != "string" || l.length === 0) return;
+      const n = t instanceof HTMLButtonElement ? t.id : t.getAttribute("id") ?? "";
+      if (typeof n != "string" || n.length === 0) return;
+      const a = t instanceof HTMLButtonElement ? t.tabIndex : t.getAttribute("tabIndex") ?? "", r = t.getAttribute("is-placeholder-item") ?? "", d = t.querySelector(".gids-dropdown-item__label") || t.querySelector("span"), c = d ? d.textContent?.trim() : t.firstChild?.textContent?.trim() || l, f = !(!r || r !== "true");
+      this.applySelection({ id: n, filterId: this.filterId, value: l, title: c, disabled: !1, selectedFilterMenuIndex: Number(a), defaultSelected: this.filterDefaultSelected, filterType: this.type, filterItemType: this.filterItemType, filterTitle: c, filterIndex: this.filterIndex, hasFilterMenu: !0, originalEvent: i, filterSelected: !f, isPlaceholderItem: f });
+    }, this.handleTriggerToggle = (i) => {
+      this.isInteractive() && this.setExpandedState(!this.expanded, i);
+    }, this.handleFilterButtonClickToggle = (i) => {
+      if (!i.defaultPrevented) if (i.stopPropagation(), this.isMenuToggler()) this.handleTriggerToggle(i);
+      else {
+        this.filterSelected = i.detail, i?.detail === !1 && this.handleFormReset(), this.applySelection({ id: "1", filterId: this.filterId, value: this.value, title: this.value, disabled: this.disabled, selectedFilterMenuIndex: void 0, filterType: this.type, filterItemType: this.filterItemType, filterTitle: this.value, filterIndex: this.filterIndex, originalEvent: i, filterSelected: i.detail, hasFilterMenu: !1, isPlaceholderItem: !1 });
+        const s = { expanded: !1, originalEvent: i };
+        this.onToggle?.(s);
+      }
+    }, this.handleFormReset = () => {
+      this.value = this.initialValue, this.selectedItemTitle = this.initialValue, this.filterSelected = !1, this.isMenuToggler() ? this.setExpandedState(!1) : this.expanded = !1;
+    }, this.setFilterDropdownPosition = () => {
+      if (!this.hostElement) return;
+      const i = this.hostElement.querySelector(".gids-filter__menu");
+      if (!i) return;
+      const s = window.innerWidth / 2, t = this.hostElement.getBoundingClientRect();
+      t.left + t.width / 2 > s ? i.classList.add("gids-filter__menu--align-right") : i.classList.remove("gids-filter__menu--align-right");
+    };
+  }
+  handleExpandedChange(e) {
+    e && !this.isInteractive() && (this.expanded = !1);
+  }
+  handleInteractivityChange() {
+    !this.isInteractive() && this.expanded && this.setExpandedState(!1);
+  }
+  handleFilterTypeChange(e) {
+    this.type = e;
+  }
+  handleFilterSelectedChange(e) {
+    this.filterSelected = e;
+  }
+  connectedCallback() {
+    this.attachItemListener(), this.attachFormListener();
+  }
+  componentDidLoad() {
+    this.initialValue = this.value, this.evaluateSlottedMenuExistence();
+  }
+  disconnectedCallback() {
+    this.detachItemListener(), this.detachFormListener();
+  }
+  getFilterButtonControl() {
+    return this.hostElement.querySelector(".gids-button");
+  }
+  getItemElements() {
+    return Array.from(this.hostElement.querySelectorAll(".gids-dropdown-item"));
+  }
+  evaluateSlottedMenuExistence() {
+    const e = this.hostElement.querySelector(".gids-filter__menu");
+    if (!e) return void (this.hasSlottedMenu = !1);
+    const i = Array.from(e.childNodes).filter(((s) => s.nodeType !== Node.COMMENT_NODE && !(s.nodeType === Node.TEXT_NODE && !s.textContent?.trim())));
+    this.hasSlottedMenu = i.length > 0;
+  }
+  attachItemListener() {
+    this.hasItemListener || (this.hostElement.addEventListener("onPressDropdownItem", this.handleFilterPickerItemSelect), this.hasItemListener = !0);
+  }
+  detachItemListener() {
+    this.hasItemListener && (this.hostElement.removeEventListener("onPressDropdownItem", this.handleFilterPickerItemSelect), this.hasItemListener = !1);
+  }
+  applySelection(e) {
+    this.value = e.value, this.selectedItemTitle = typeof e.title == "string" ? e.title : void 0, this.clearActive(), this.isMenuToggler() ? this.setExpandedState(!1, this.coerceEvent(e.originalEvent)) : this.expanded = !1, this.onFilterMenuItemChange?.(e), this.hostElement.dispatchEvent(new CustomEvent("gidsFilterPickerChange", { bubbles: !0, composed: !0, detail: e }));
+  }
+  clearActive() {
+    this.getItemElements().forEach(((e) => e.classList.remove("gids-dropdown-item--active")));
+  }
+  setExpandedState(e, i) {
+    const s = !!e;
+    if (this.setFilterDropdownPosition(), s && !this.isInteractive() || this.expanded === s) return;
+    this.expanded = s, s || (this.clearActive(), this.syncFilterDisplayValue());
+    const t = { expanded: s, originalEvent: i };
+    this.onToggle?.(t);
+  }
+  syncFilterDisplayValue() {
+    const e = this.getFilterButtonControl();
+    e && e.value !== (this.selectedItemTitle ?? "") && (e.value = this.selectedItemTitle ?? "");
+  }
+  attachFormListener() {
+    const e = this.hostElement.closest("form");
+    this.patternForm !== e && (this.patternForm && this.patternForm.removeEventListener("reset", this.handleFormReset), this.patternForm = e ?? void 0, this.patternForm?.addEventListener("reset", this.handleFormReset));
+  }
+  detachFormListener() {
+    this.patternForm && (this.patternForm.removeEventListener("reset", this.handleFormReset), this.patternForm = void 0);
+  }
+  isInteractive() {
+    return !this.disabled;
+  }
+  coerceEvent(e) {
+    if (typeof Event < "u" && e !== null) return e instanceof Event ? e : void 0;
+  }
+  isMenuToggler() {
+    return (this.type === "none" || this.type === "more") && this.hasSlottedMenu;
+  }
+  handleWindowClick(e) {
+    this.expanded && (e.composedPath().includes(this.hostElement) || this.setExpandedState(!1, e));
+  }
+  render() {
+    const e = this.expanded && this.isInteractive(), i = x({ expanded: e }), s = this.isMenuToggler(), t = typeof this.filterPickerId == "string" ? this.filterPickerId : void 0, l = t ? `${t}__menu` : void 0, n = this.selectedItemTitle ?? this.value ?? "", a = this.type === "more", r = this.type === "all", d = this.type === "none";
+    return o("div", { key: "278b8b3901a5c836c7e078aeafb2c6338726d76a", class: i, "aria-control": l ?? "" }, o("gids-toggle-button", { key: "b35f6770a815537932f617318e31df74a8031b3c", id: t, name: this.name, expanded: e, value: n, disabled: this.disabled, size: this.size, loading: this.loading, tabIndex: this.filterIndex, defaultSelected: this.filterDefaultSelected, selected: this.filterSelected || this.filterDefaultSelected, onSelect: this.handleFilterButtonClickToggle }, a || r ? o(u, { name: a ? "options" : "filter", size: this.size, appearance: "regular", alt: "", slot: "leadingIcon" }) : void 0, d || r ? n : void 0, s && !a ? o(u, { name: "chevron-down", size: this.size, appearance: "regular", alt: "", slot: "trailingIcon" }) : void 0), o("div", { key: "d6b40dcae48bfb4b4f6654e2126c707afd2b0801", class: "gids-filter__menu", id: l, role: "pickerbox", onClick: this.handleMenuClick }, o("slot", { key: "32c88f98018ebad487c6acdd02cf5c1e0cc00050", onSlotchange: () => this.evaluateSlottedMenuExistence() })));
+  }
+  get hostElement() {
+    return this;
+  }
+  static get watchers() {
+    return { expanded: [{ handleExpandedChange: 0 }], disabled: [{ handleInteractivityChange: 0 }], type: [{ handleFilterTypeChange: 0 }], filterSelected: [{ handleFilterSelectedChange: 0 }] };
+  }
+  static get style() {
+    return ".gids-filter{position:relative}.gids-filter__menu{position:absolute;top:calc(100% + var(--gids-gap-050));z-index:3;display:none;flex-direction:column;align-self:stretch;min-width:var(--gids-width-2-xs);min-height:55px;max-height:15rem;overflow-x:hidden;overflow-y:auto;background-color:var(--gids-elevation-surface-overlay-default);box-shadow:var(--gids-elevation-shadow-overlay);border-radius:var(--gids-border-radius-lg);left:0;right:auto}.gids-filter__menu--align-right{left:auto !important;right:0 !important}.gids-filter__menu>*{flex-shrink:0}.gids-filter--expanded .gids-filter__menu{display:flex}";
+  }
+}, [260, "gids-filter", { name: [1], filterId: [1, "filter-id"], filterPickerId: [1, "filter-picker-id"], expanded: [4], type: [1], filterItemType: [1, "filter-item-type"], value: [1], filterSelected: [1540, "filter-selected"], filterDefaultSelected: [4, "filter-default-selected"], disabled: [4], size: [1], loading: [4], filterIndex: [2, "filter-index"], onFilterMenuItemChange: [16], onToggle: [16], selectedItemTitle: [32], hasSlottedMenu: [32] }, [[8, "click", "handleWindowClick"]], { expanded: [{ handleExpandedChange: 0 }], disabled: [{ handleInteractivityChange: 0 }], type: [{ handleFilterTypeChange: 0 }], filterSelected: [{ handleFilterSelectedChange: 0 }] }]);
+function S() {
+  typeof customElements < "u" && ["gids-filter", "gids-toggle-button"].forEach(((e) => {
+    switch (e) {
+      case "gids-filter":
+        customElements.get(h(e)) || customElements.define(h(e), E);
+        break;
+      case "gids-toggle-button":
+        customElements.get(h(e)) || p();
+    }
+  }));
+}
+S();
+export {
+  S as a,
+  E as h
+};

package/dist-bundled/es/p-JjN8U9B5-GeWjfJBY.js

@@ -0,0 +1,135 @@
+import { q as r, L as l, u as h, D as n } from "./p-Bf3p-DY2-CPqEc-vc.js";
+import { o as c } from "./p-UVmSPzTd-DiTxS9kW.js";
+import { d as p } from "./p-D4Pimu_8-DfEGRQGf.js";
+import { c as u } from "./clsx-OuTLNxxd.js";
+const m = ({ expanded: e }, t) => u("gids-dropdown-picker", {
+  "gids-dropdown-picker--expanded": e
+}, t), g = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsDropdownPickerClassNames: m
+}, Symbol.toStringTag, { value: "Module" })), { getGidsDropdownPickerClassNames: f } = g, v = l(class extends h {
+  constructor(e) {
+    super(), e !== !1 && this.__registerHost(), this.appearance = "subtle", this.size = "sm", this.idPicker = "", this.expanded = !1, this.hasLeadingIcon = !1, this.hasItemListener = !1, this.suppressNextMenuClickSelection = !1, this.hasDocumentListeners = !1, this.handleDropdownPickerItemSelect = (t) => {
+      const { value: i, title: s, disabled: o, id: a, isPlaceholderItem: d } = t.detail;
+      o || typeof i != "string" || (this.suppressNextMenuClickSelection = !0, queueMicrotask((() => {
+        this.suppressNextMenuClickSelection = !1;
+      })), this.applySelection({ id: a, value: i, title: s, disabled: !1, originalEvent: t, isPlaceholderItem: d }));
+    }, this.handleMenuClick = (t) => {
+      if (this.suppressNextMenuClickSelection) return;
+      const i = t.target;
+      if (!(i instanceof Element)) return;
+      const s = i.closest(".gids-dropdown-item");
+      if (!s || !this.hostElement.contains(s) || s.hasAttribute("disabled") || s.getAttribute("aria-disabled") === "true") return;
+      const o = s instanceof HTMLButtonElement ? s.value : s.getAttribute("value") ?? "";
+      if (typeof o != "string" || o.length === 0) return;
+      const a = s instanceof HTMLButtonElement ? s.id : s.getAttribute("id") ?? "";
+      if (typeof a != "string" || a.length === 0) return;
+      const d = s.getAttribute("is-placeholder-item") ?? "";
+      this.applySelection({ id: a, value: o, title: s.textContent?.trim() ?? "", disabled: !1, originalEvent: t, isPlaceholderItem: !(!d || d !== "true") });
+    }, this.handleTriggerToggle = (t) => {
+      this.isInteractive() && this.setExpandedState(!this.expanded, t);
+    }, this.handleDropdownButtonClickToggle = (t) => {
+      t.defaultPrevented || (t.stopPropagation(), this.handleTriggerToggle(t));
+    }, this.handleOutSpaceClickOfDropdownButtonToggle = (t) => {
+      this.expanded && (t.stopPropagation(), this.setExpandedState(!1));
+    }, this.handleDocumentPointerDown = (t) => {
+      t.button !== 2 && this.expanded && ((typeof t.composedPath == "function" ? t.composedPath() : []).includes(this.hostElement) || this.hostElement.contains(t.target) || this.setExpandedState(!1, t));
+    }, this.handleDocumentKeyDown = (t) => {
+      if (!this.expanded) return;
+      const i = t.key;
+      if (i === "Escape" || i === "Esc") return t.preventDefault(), void this.setExpandedState(!1, t);
+      i === "Tab" && this.setExpandedState(!1, t);
+    }, this.handleFormReset = () => {
+      this.value = this.initialValue, this.selectedItemTitle = void 0, this.setExpandedState(!1);
+    };
+  }
+  handleExpandedChange(e) {
+    e && !this.isInteractive() && (this.expanded = !1);
+  }
+  handleInteractivityChange() {
+    !this.isInteractive() && this.expanded && this.setExpandedState(!1);
+  }
+  connectedCallback() {
+    this.initialValue = this.value, this.attachItemListener(), this.attachDocumentListeners(), this.attachFormListener();
+  }
+  disconnectedCallback() {
+    this.detachItemListener(), this.detachDocumentListeners(), this.detachFormListener();
+  }
+  componentWillLoad() {
+    this.checkSlots();
+  }
+  componentWillUpdate() {
+    this.checkSlots();
+  }
+  checkSlots() {
+    this.hasLeadingIcon = !!this.hostElement.querySelector('[slot="leadingIconDropdownPicker"]');
+  }
+  getDropdownButtonControl() {
+    return this.hostElement.querySelector(".gids-button");
+  }
+  getItemElements() {
+    return Array.from(this.hostElement.querySelectorAll(".gids-dropdown-item"));
+  }
+  attachItemListener() {
+    this.hasItemListener || (this.hostElement.addEventListener("onPressDropdownItem", this.handleDropdownPickerItemSelect), this.hasItemListener = !0);
+  }
+  detachItemListener() {
+    this.hasItemListener && (this.hostElement.removeEventListener("onPressDropdownItem", this.handleDropdownPickerItemSelect), this.hasItemListener = !1);
+  }
+  applySelection(e) {
+    this.value = e.value, this.selectedItemTitle = typeof e.title == "string" ? e.title : void 0, this.clearActive(), this.setExpandedState(!1, this.coerceEvent(e.originalEvent)), this.onSelectionChange?.(e), this.hostElement.dispatchEvent(new CustomEvent("gidsDropdownPickerChange", { bubbles: !0, composed: !0, detail: e }));
+  }
+  clearActive() {
+    this.getItemElements().forEach(((e) => e.classList.remove("gids-dropdown-item--active")));
+  }
+  setExpandedState(e, t) {
+    const i = !!e;
+    i && !this.isInteractive() || this.expanded !== i && (this.expanded = i, i || (this.clearActive(), this.syncInputDisplayValue()), this.hostElement.dispatchEvent(new CustomEvent("gidsDropdownPickerToggle", { bubbles: !0, composed: !0, detail: { expanded: i, originalEvent: t } })));
+  }
+  syncInputDisplayValue() {
+    const e = this.getDropdownButtonControl();
+    e && e.value !== (this.selectedItemTitle ?? "") && (e.value = this.selectedItemTitle ?? "");
+  }
+  attachDocumentListeners() {
+    this.hasDocumentListeners || typeof document > "u" || (document.addEventListener("pointerdown", this.handleDocumentPointerDown), document.addEventListener("keydown", this.handleDocumentKeyDown), this.hasDocumentListeners = !0);
+  }
+  detachDocumentListeners() {
+    this.hasDocumentListeners && typeof document < "u" && (document.removeEventListener("pointerdown", this.handleDocumentPointerDown), document.removeEventListener("keydown", this.handleDocumentKeyDown), this.hasDocumentListeners = !1);
+  }
+  attachFormListener() {
+    const e = this.hostElement.closest("form");
+    this.patternForm !== e && (this.patternForm && this.patternForm.removeEventListener("reset", this.handleFormReset), this.patternForm = e ?? void 0, this.patternForm?.addEventListener("reset", this.handleFormReset));
+  }
+  detachFormListener() {
+    this.patternForm && (this.patternForm.removeEventListener("reset", this.handleFormReset), this.patternForm = void 0);
+  }
+  isInteractive() {
+    return !this.disabled;
+  }
+  coerceEvent(e) {
+    if (typeof Event < "u" && e !== null) return e instanceof Event ? e : void 0;
+  }
+  render() {
+    const e = this.expanded && this.isInteractive(), t = f({ expanded: e }), i = typeof this.idPicker == "string" ? this.idPicker : void 0, s = i ? `${i}__menu` : void 0;
+    return n("div", { key: "fd8821be1aecb1e5ba7f725d9ebec0f6222a16cd", class: t, onClick: this.handleOutSpaceClickOfDropdownButtonToggle }, n(c, { key: "63016b4e74dfeaa3f9c29139f69a2d46ca97ae76", role: "pickerbox", "aria-expanded": e ? "true" : "false", "aria-haspopup": "pickerlistbox", "aria-controls": s ?? "", onClick: this.handleDropdownButtonClickToggle, disabled: this.disabled, value: this.selectedItemTitle ?? this.value ?? "", loading: this.loading, appearance: this.appearance, size: this.size }, this.hasLeadingIcon ? n("slot", { name: "leadingIconDropdownPicker", slot: "leadingIcon" }) : n(p, { name: "chevron-down", size: this.size, appearance: "regular", alt: "", slot: "leadingIcon" })), n("div", { key: "4f463a8f04de48e3b8b6ceeab69c90cbc8ba7631", class: "gids-dropdown-picker__menu", id: s, role: "pickerbox", onClick: this.handleMenuClick }, n("slot", { key: "1fab2b1bd8cd2bcd0fd7031712d0585635620be1" })));
+  }
+  get hostElement() {
+    return this;
+  }
+  static get watchers() {
+    return { expanded: [{ handleExpandedChange: 0 }], disabled: [{ handleInteractivityChange: 0 }] };
+  }
+  static get style() {
+    return ".gids-dropdown-picker{position:relative}.gids-dropdown-picker__menu{position:absolute;inset-inline:0;top:calc(100% + var(--gids-gap-050));z-index:3;display:none;flex-direction:column;align-self:stretch;min-width:var(--gids-width-2-xs);min-height:55px;max-height:15rem;overflow-x:hidden;overflow-y:auto;background-color:var(--gids-elevation-surface-overlay-default);box-shadow:var(--gids-elevation-shadow-overlay);border-radius:var(--gids-border-radius-lg)}.gids-dropdown-picker__menu>*{flex-shrink:0}.gids-dropdown-picker--expanded .gids-dropdown-picker__menu{display:flex}";
+  }
+}, [260, "gids-dropdown-picker", { appearance: [1], size: [1], idPicker: [1, "id-picker"], expanded: [1540], disabled: [516], loading: [516], value: [513], name: [1], onSelectionChange: [16], selectedItemTitle: [32], hasLeadingIcon: [32] }, void 0, { expanded: [{ handleExpandedChange: 0 }], disabled: [{ handleInteractivityChange: 0 }] }]);
+function E() {
+  typeof customElements < "u" && ["gids-dropdown-picker"].forEach(((e) => {
+    e === "gids-dropdown-picker" && (customElements.get(r(e)) || customElements.define(r(e), v));
+  }));
+}
+E();
+export {
+  E as h,
+  v as r
+};

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

@@ -1,7 +1,7 @@
-import { R as a } from "./p-ibikYq-w-BsGxk8ro.js";
-import { l as h } from "./p-DybsMR13-DpmsG3Q1.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", {
+import { D as a } from "./p-Bf3p-DY2-CPqEc-vc.js";
+import { l as h } from "./p-CHGTBObD-EN4cCwtX.js";
+import { c as v } from "./clsx-OuTLNxxd.js";
+const _ = ({ appearance: t, size: n, width: d, destructive: s, positive: o, loading: l }, i, e) => v("gids-button", {
   "gids-button--primary": t === "primary",
   "gids-button--subtle": t === "subtle",
   "gids-button--xs": n === "xs",
@@ -13,13 +13,13 @@ 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) => {
+  getGidsButtonClassNames: _
+}, Symbol.toStringTag, { value: "Module" })), b = (t) => t !== void 0 && (!Array.isArray(t) || t.length > 0), { getGidsButtonClassNames: w } = x, j = ({ 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: w({ 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
+  j as o
 };

package/dist-bundled/es/p-UxDcM-C5-Dr5d_WpJ.js

@@ -0,0 +1,15 @@
+import { D as t } from "./p-Bf3p-DY2-CPqEc-vc.js";
+import { d } from "./p-D4Pimu_8-DfEGRQGf.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
+};