@ganpatiinfo/gids-core-web 9.0.0 → 10.1.0

package/dist-bundled/es/p-Cn3-K5eR-tQ1EOnDF.js

@@ -0,0 +1,243 @@
+import { q as d, L as u, u as p, D as a } from "./p-Bf3p-DY2-CPqEc-vc.js";
+import { d as m } from "./p-D4Pimu_8-DfEGRQGf.js";
+import { r as g } from "./p-BQ-ZnlnH-CUVdDHzX.js";
+import { c as h } from "./clsx-OuTLNxxd.js";
+const v = ({ expanded: e }, t) => h("gids-dropdown", {
+  "gids-dropdown--expanded": e
+}, t), f = ({ size: e }, t) => h("gids-chevron-button-control", {
+  "gids-chevron-button-control--small": e === "sm",
+  // 'gids-chevron-button-control--medium': size === 'md', // Default
+  "gids-chevron-button-control--large": e === "lg"
+}, t), y = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsChevronButtonControlClassNames: f,
+  getGidsDropdownClassNames: v
+}, Symbol.toStringTag, { value: "Module" })), { getGidsDropdownClassNames: b, getGidsChevronButtonControlClassNames: I } = y, l = "gids-dropdown-item--active", E = u(class extends p {
+  constructor(e) {
+    super(), e !== !1 && this.__registerHost(), this.appearance = "default", this.expanded = !1, this.filterValue = "", this.isFilterEditing = !1, this.hasLeadingIcon = !1, this.hasLeadingAccessory = !1, this.activeIndex = -1, this.hasItemListener = !1, this.suppressNextMenuClickSelection = !1, this.hasDocumentListeners = !1, this.hasPendingControlRevalidation = !1, this.handleDropdownItemSelect = (t) => {
+      const { value: i, title: n, disabled: s, id: o, isPlaceholderItem: r } = t.detail;
+      s || typeof i != "string" || (this.suppressNextMenuClickSelection = !0, queueMicrotask((() => {
+        this.suppressNextMenuClickSelection = !1;
+      })), this.applySelection({ id: o, value: i, title: n, disabled: !1, originalEvent: t, isPlaceholderItem: r }));
+    }, this.handleMenuClick = (t) => {
+      if (this.suppressNextMenuClickSelection) return;
+      const i = t.target;
+      if (!(i instanceof Element)) return;
+      const n = i.closest(".gids-dropdown-item");
+      if (!n || !this.hostElement.contains(n) || n.hasAttribute("disabled") || n.getAttribute("aria-disabled") === "true") return;
+      const s = n instanceof HTMLButtonElement ? n.value : n.getAttribute("value") ?? "";
+      if (typeof s != "string" || s.length === 0) return;
+      const o = n instanceof HTMLButtonElement ? n.id : n.getAttribute("id") ?? "";
+      if (typeof o != "string" || o.length === 0) return;
+      const r = n.getAttribute("is-placeholder-item") ?? "";
+      this.applySelection({ id: o, value: s, title: n.textContent?.trim() ?? "", disabled: !1, originalEvent: t, isPlaceholderItem: !(!r || r !== "true") });
+    }, this.handleFilterInput = (t) => {
+      const i = t.target;
+      this.filterValue = i?.value ?? "", this.isFilterEditing = !0, this.clearActive(), this.expanded || this.setExpandedState(!0, t), this.applyFilter();
+    }, this.handleInputKeyDown = (t) => {
+      if (!this.isInteractive()) return;
+      const i = t.key, n = i === "ArrowDown";
+      if ((n || i === "ArrowUp") && !t.metaKey && !t.ctrlKey) return t.preventDefault(), this.expanded || this.setExpandedState(!0, t), void this.moveActive(n ? 1 : -1);
+      if (i === "Home" && this.expanded) return t.preventDefault(), void this.setActiveByIndex(0);
+      if (i === "End" && this.expanded) return t.preventDefault(), void this.setActiveByIndex(this.getVisibleEnabledItems().length - 1);
+      if (i === "Enter") {
+        if (!this.expanded) return t.preventDefault(), this.setExpandedState(!0, t), void this.setActiveByIndex(0);
+        this.selectActive() && t.preventDefault();
+      }
+    }, this.handleTriggerToggle = (t) => {
+      this.isInteractive() && this.setExpandedState(!this.expanded, t);
+    }, this.handleInputFocusAndBlur = (t) => {
+      this.hostElement.dispatchEvent(new FocusEvent(t.type, { relatedTarget: t.relatedTarget }));
+    }, this.handleInputClickToggle = (t) => {
+      t.defaultPrevented || this.handleTriggerToggle(t);
+    }, this.handleChevronClickToggle = (t) => {
+      t.defaultPrevented || (t.stopPropagation(), this.handleTriggerToggle(t));
+    }, 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.isFilterEditing = !1, this.filterValue = "", 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="leadingIconDropdown"]'), this.hasLeadingAccessory = !!this.hostElement.querySelector('[slot="leadingAccessoryDropdown"]');
+  }
+  getItemElements() {
+    return Array.from(this.hostElement.querySelectorAll(".gids-dropdown-item"));
+  }
+  getVisibleEnabledItems() {
+    return this.getItemElements().filter(((e) => e.style.display !== "none" && !e.hasAttribute("disabled") && e.getAttribute("aria-disabled") !== "true"));
+  }
+  attachItemListener() {
+    this.hasItemListener || (this.hostElement.addEventListener("onPressDropdownItem", this.handleDropdownItemSelect), this.hasItemListener = !0);
+  }
+  detachItemListener() {
+    this.hasItemListener && (this.hostElement.removeEventListener("onPressDropdownItem", this.handleDropdownItemSelect), this.hasItemListener = !1);
+  }
+  applySelection(e) {
+    this.value = e.value, this.selectedItemTitle = typeof e.title == "string" ? e.title : void 0, this.isFilterEditing = !1, this.filterValue = "", this.clearActive(), this.emitNativeSelectionEvents(this.selectedItemTitle ?? ""), this.setExpandedState(!1, this.coerceEvent(e.originalEvent)), this.onSelectionChange?.(e), this.hostElement.dispatchEvent(new CustomEvent("gidsDropdownChange", { bubbles: !0, composed: !0, detail: e }));
+  }
+  getInputControl() {
+    return this.hostElement.querySelector(".gids-input__control");
+  }
+  emitNativeSelectionEvents(e) {
+    const t = this.getInputControl();
+    t && (t.value = e, t.dispatchEvent(new Event("input", { bubbles: !0, composed: !0 })), t.dispatchEvent(new Event("change", { bubbles: !0, composed: !0 })));
+  }
+  clearActive() {
+    this.activeIndex = -1, this.getItemElements().forEach(((e) => e.classList.remove(l))), this.setActiveDescendant(void 0);
+  }
+  setActiveByIndex(e) {
+    const t = this.getVisibleEnabledItems();
+    if (this.getItemElements().forEach(((s) => s.classList.remove(l))), t.length === 0) return this.activeIndex = -1, void this.setActiveDescendant(void 0);
+    const i = Math.max(0, Math.min(e, t.length - 1)), n = t[i];
+    if (!n) return this.activeIndex = -1, void this.setActiveDescendant(void 0);
+    this.activeIndex = i, n.classList.add(l), n.scrollIntoView({ block: "nearest" }), this.setActiveDescendant(n.id || void 0);
+  }
+  moveActive(e) {
+    const t = this.getVisibleEnabledItems();
+    t.length !== 0 ? this.setActiveByIndex(this.activeIndex === -1 ? e > 0 ? 0 : t.length - 1 : (this.activeIndex + e + t.length) % t.length) : this.clearActive();
+  }
+  selectActive() {
+    const e = this.getVisibleEnabledItems();
+    if (e.length === 0) return !1;
+    const t = this.activeIndex >= 0 ? e[this.activeIndex] : e[0];
+    return !!t && (t.click(), this.getInputControl()?.focus(), !0);
+  }
+  applyFilter() {
+    const e = this.filterValue.trim().toLowerCase();
+    this.getItemElements().forEach(((t) => {
+      const i = (t.textContent ?? "").toLowerCase(), n = e.length === 0 || i.includes(e);
+      t.style.display = n ? "" : "none";
+    }));
+  }
+  setActiveDescendant(e) {
+    const t = this.getInputControl();
+    t && (e ? t.setAttribute("aria-activedescendant", e) : t.removeAttribute("aria-activedescendant"));
+  }
+  setExpandedState(e, t) {
+    const i = !!e;
+    i && !this.isInteractive() || this.expanded !== i && (this.expanded = i, i || (this.isFilterEditing = !1, this.filterValue = "", this.clearActive(), this.applyFilter(), this.syncInputDisplayValue()), this.hostElement.dispatchEvent(new CustomEvent("gidsDropdownToggle", { bubbles: !0, composed: !0, detail: { expanded: i, originalEvent: t } })));
+  }
+  syncInputDisplayValue() {
+    const e = this.getInputControl();
+    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);
+  }
+  get form() {
+    return this.getInputControl()?.form ?? this.patternForm ?? null;
+  }
+  get validity() {
+    return this.getInputControl()?.validity ?? {};
+  }
+  get validationMessage() {
+    return this.getInputControl()?.validationMessage ?? "";
+  }
+  get willValidate() {
+    return this.getInputControl()?.willValidate ?? !1;
+  }
+  async checkValidity() {
+    return this.getInputControl()?.checkValidity() ?? !0;
+  }
+  async reportValidity() {
+    return this.getInputControl()?.reportValidity() ?? !0;
+  }
+  async setCustomValidity(e) {
+    return this.getInputControl()?.setCustomValidity(e);
+  }
+  isInteractive() {
+    return !(this.disabled || this.readOnly);
+  }
+  coerceEvent(e) {
+    if (typeof Event < "u" && e !== null) return e instanceof Event ? e : void 0;
+  }
+  scheduleControlRevalidation() {
+    if (this.hasPendingControlRevalidation) return;
+    this.hasPendingControlRevalidation = !0;
+    const e = () => {
+      this.hasPendingControlRevalidation = !1, this.checkValidity();
+    };
+    typeof requestAnimationFrame != "function" ? e() : requestAnimationFrame(e);
+  }
+  getEnhancedInputProps() {
+    const e = { ...this.inputProps ?? {} };
+    typeof e.autoComplete == "string" && e?.autoComplete?.trim?.()?.length !== 0 || (e.autoComplete = "off");
+    const t = e.onInput;
+    e.onInput = (s) => {
+      t?.(s), this.handleFilterInput(s);
+    };
+    const i = e.onBlur;
+    e.onBlur = (s) => {
+      i?.(s), this.scheduleControlRevalidation();
+    };
+    const n = e.onKeyDown;
+    return e.onKeyDown = (s) => {
+      n?.(s), s.defaultPrevented || this.handleInputKeyDown(s);
+    }, e;
+  }
+  render() {
+    const e = this.expanded && this.isInteractive(), t = b({ expanded: e }), i = this.getEnhancedInputProps(), n = typeof i.id == "string" ? i.id : void 0, s = n ? `${n}__menu` : void 0;
+    i.role = "combobox", i["aria-expanded"] = e ? "true" : "false", i["aria-haspopup"] = "listbox", i["aria-autocomplete"] = "list", s && (i["aria-controls"] = s);
+    const o = this.isFilterEditing ? this.filterValue : this.selectedItemTitle ?? this.value ?? "", r = e ? "true" : "false", c = a("button", { key: "7308fb3cd3804b1945e023107018d16bafd166b3", class: I({ size: "lg" }), slot: "trailingAccessory", type: "button", onClick: this.handleChevronClickToggle, "aria-label": e ? "Collapse options" : "Expanded options", "aria-expanded": r, "aria-haspopup": "listbox", "aria-controls": s, disabled: this.disabled || this.readOnly, tabIndex: -1 }, a("span", { key: "39816bde9d3e2e43f3f0b19bd6abda300e1362c4", class: "gids-button__content" }, a(m, { key: "95d25d7a9f0b9e0ee2f7dcd9bad178580198184b", name: "chevron-vertical", alt: "" })));
+    return a("div", { key: "c86f983fe0481939441ef4750ac3af7f41ba1334", class: t }, a("gids-input", { key: "00f171ce20bd3dca41c799993259e19c86ad9df5", appearance: this.appearance, loading: this.loading, disabled: this.disabled, readOnly: this.readOnly, required: this.required, value: o, name: this.name, inputProps: i, onClick: this.handleInputClickToggle, onFocus: this.handleInputFocusAndBlur, onBlur: this.handleInputFocusAndBlur }, this.hasLeadingIcon && a("slot", { key: "fbeb48c6376fb0d35f989bbc97bb7b186a237029", name: "leadingIconDropdown", slot: "leadingIcon" }), this.hasLeadingAccessory && a("slot", { key: "32bd6bea5335946f1e78efe067be89dead314ea9", name: "leadingAccessoryDropdown", slot: "leadingAccessory" }), c), a("div", { key: "0ea93131baf32b00593992131a4eb866a87af1bf", class: "gids-dropdown__menu", id: s, role: "listbox", onClick: this.handleMenuClick }, a("slot", { key: "d2b232c3a364e9e467340b45f4ad08e9b5431cf7" })));
+  }
+  get hostElement() {
+    return this;
+  }
+  static get watchers() {
+    return { expanded: [{ handleExpandedChange: 0 }], disabled: [{ handleInteractivityChange: 0 }], readOnly: [{ handleInteractivityChange: 0 }] };
+  }
+  static get style() {
+    return '@charset "UTF-8";.gids-dropdown{position:relative}.gids-dropdown__menu{position:absolute;inset-inline:0;top:calc(100% + var(--gids-gap-050));z-index:3;display:none;flex-direction:column;min-height:55px;max-height:20rem;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__menu>*{flex-shrink:0}.gids-dropdown--expanded .gids-dropdown__menu{display:flex}.gids-dropdown__leading-icon{display:flex;align-items:center}.gids-dropdown__accessory{display:flex;align-items:center}';
+  }
+}, [260, "gids-dropdown", { appearance: [1], expanded: [1540], inputProps: [16], disabled: [516], readOnly: [516, "read-only"], loading: [516], value: [513], name: [1], onSelectionChange: [16], required: [4], filterValue: [32], isFilterEditing: [32], selectedItemTitle: [32], hasLeadingIcon: [32], hasLeadingAccessory: [32], checkValidity: [64], reportValidity: [64], setCustomValidity: [64] }, void 0, { expanded: [{ handleExpandedChange: 0 }], disabled: [{ handleInteractivityChange: 0 }], readOnly: [{ handleInteractivityChange: 0 }] }]);
+function x() {
+  typeof customElements < "u" && ["gids-dropdown", "gids-input"].forEach(((e) => {
+    switch (e) {
+      case "gids-dropdown":
+        customElements.get(d(e)) || customElements.define(d(e), E);
+        break;
+      case "gids-input":
+        customElements.get(d(e)) || g();
+    }
+  }));
+}
+x();
+export {
+  x as c,
+  E as l
+};

package/dist-bundled/es/p-CoS0NuDU-CqmDcRWj.js

@@ -0,0 +1,56 @@
+import { q as c, L as _, u as y, D as e } from "./p-Bf3p-DY2-CPqEc-vc.js";
+import { r as m, e as f, d as v, H as x, F as b } from "./p-CaauwQNd-D6_PbcRr.js";
+import { p as u } from "./p-DMNS1d8v-CHF62UXm.js";
+import { c as w } from "./clsx-OuTLNxxd.js";
+const z = ({ breakpoint: s }, t) => w("gids-progress-circle", {
+  "gids-progress-circle--breakpoint-mobile": s === "mobile"
+}, t), 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 t = this.value / s, h = `${this.value}%`, d = L({ breakpoint: this.breakpoint }), l = this.shape === "half-circle";
+    let i = 2 * Math.PI * 40, r = t * i, a = 0, g = "0 0 100 100", o = "rotate(-90 50 50)";
+    l && (i = 40 * Math.PI, r = t * 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": `${r} ${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": `${r} ${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-veoOgDXg-fRinub-C.js → p-D4Pimu_8-DfEGRQGf.js}

@@ -1,4 +1,4 @@
-import { R as s } from "./p-ibikYq-w-BsGxk8ro.js";
+import { D as s } from "./p-Bf3p-DY2-CPqEc-vc.js";
 import { h as y, o as k, g as d } from "./assets-Drv1fXkA.js";
 import { c as S } from "./clsx-OuTLNxxd.js";
 const x = ({ size: e }, t) => S("gids-icon", {
@@ -180,18 +180,18 @@ function u(e, t = "regular", n) {
   let i = o ?? "";
   return n && o && (i = n(o) ?? o), `${i}#${e}${t === "filled" ? "--filled" : ""}`;
 }
-const { getGidsIconClassNames: A } = I, M = ({ name: e, size: t, appearance: n, alt: o, class: i, titleId: m, src: g, ...f }) => {
+const { getGidsIconClassNames: A } = I, M = ({ name: e, size: t, appearance: n, alt: o, class: i, titleId: m, src: g, ...v }) => {
   const a = P(m);
   let r = g;
-  return r === void 0 && y() && (r = u(e, n, d)), s("svg", { ref: (v) => {
+  return r === void 0 && y() && (r = u(e, n, d)), s("svg", { ref: (f) => {
     r === void 0 && k((() => {
-      (function(l, w, b) {
-        if (!l) return;
-        const c = document.createElementNS("http://www.w3.org/2000/svg", "use");
-        c.setAttribute("href", u(w, b, d)), l.appendChild(c);
-      })(v, e, n);
+      (function(c, w, b) {
+        if (!c) return;
+        const l = document.createElementNS("http://www.w3.org/2000/svg", "use");
+        l.setAttribute("href", u(w, b, d)), c.appendChild(l);
+      })(f, e, n);
     }));
-  }, width: "16", height: "16", class: A({ size: t }, i), role: "img", "aria-hidden": o === "" ? "true" : void 0, "aria-labelledby": o === "" ? void 0 : a, ...f }, o !== "" && s("title", { id: a }, o || e), r !== void 0 ? s("use", { href: r }) : null);
+  }, width: "16", height: "16", class: A({ size: t }, i), role: "img", "aria-hidden": o === "" ? "true" : void 0, "aria-labelledby": o === "" ? void 0 : a, ...v }, o !== "" && s("title", { id: a }, o || e), r !== void 0 ? s("use", { href: r }) : null);
 };
 export {
   M as d,

package/dist-bundled/es/p-D6lxqcxP-DWrZi1Xi.js

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

package/dist-bundled/es/p-DMNS1d8v-CHF62UXm.js

@@ -0,0 +1,29 @@
+import { D as n } from "./p-Bf3p-DY2-CPqEc-vc.js";
+import { l as m } from "./p-CHGTBObD-EN4cCwtX.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 p
+};

package/dist-bundled/es/{p-iCAclJND-Bmsvd-W1.js → p-DNTv2BQ5-Bwgd30mM.js}

@@ -1,11 +1,11 @@
-import { H as l, C as n, f as r, R as o, D as d } from "./p-ibikYq-w-BsGxk8ro.js";
-import { d as h } from "./p-veoOgDXg-fRinub-C.js";
+import { q as l, L as n, u as r, D as o, P as d } from "./p-Bf3p-DY2-CPqEc-vc.js";
+import { d as h } from "./p-D4Pimu_8-DfEGRQGf.js";
 import { i as c } from "./p-B2zUuNXz-BLBgQDu7.js";
 import { c as _ } from "./clsx-OuTLNxxd.js";
 const g = (t) => _("gids-field", t), u = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   getGidsFieldClassNames: g
-}, Symbol.toStringTag, { value: "Module" })), { getGidsFieldClassNames: p } = u, f = n(class extends r {
+}, Symbol.toStringTag, { value: "Module" })), { getGidsFieldClassNames: f } = u, p = n(class extends r {
   constructor(t) {
     super(), t !== !1 && this.__registerHost(), this.__attachShadow(), this.status = "implicit", this._hasLabel = !1, this._controlListenerTargets = [], this._controlTouched = !1, this._handleLabelSlotChange = () => {
       this._hasLabel = (this._labelSlot?.assignedElements()?.length ?? 0) > 0;
@@ -56,7 +56,7 @@ const g = (t) => _("gids-field", t), u = /* @__PURE__ */ Object.freeze(/* @__PUR
       const a = this._getStatusModifierClass(s, "gids-field__status-text");
       a != null && i.push(a);
     }
-    return o(d, { key: "f1c189d4ab013c55a6c4c28421a43ebb33878fed" }, o("div", { key: "473d4ee6ff5c4799eb390dace343c04cdddfc959", class: p() }, o("div", { key: "2c9360422392ee547c88d68251e2c2818d12df9a", class: "gids-field__header", hidden: !this._hasLabelContent() }, o("slot", { key: "9aeddb378b273fb98297f4d08bf63506ad12edc2", ref: this._setLabelSlot, name: "label", onSlotchange: this._handleControlSlotChange }), o("div", { key: "6408089c512c2f3a5182f26c396f21e0cd1d55e1", class: "gids-field__count", "aria-live": "polite" }, this.count)), o("div", { key: "46f8ba80d3bb1b501361121a1ccf6e7aa46b6466", class: "gids-field__control" }, o("slot", { key: "472a3796360ffe099e8baef78b7483da66da2f3e", ref: this._setControlSlot, onSlotchange: this._handleControlSlotChange })), o("p", { key: "adc16a67e0e48ac97e593ea65690db81ca1614c9", class: "gids-field__supporting-text", hidden: !this._shouldShowHelperText() }, this.helperText), t ? o("p", { class: i.join(" "), role: "status", "aria-live": "polite" }, this._renderStatusIcon(s), e !== void 0 ? o("span", null, e) : null) : null));
+    return o(d, { key: "f830ae3da5de21c80d9fd5b7161fa3f2845a82df" }, o("div", { key: "8c6c4af1b4ebe897873a49c42975a8730905cf27", class: f() }, o("div", { key: "3afa55c23b729296ff65fb03b501919dcaa420d3", class: "gids-field__header", hidden: !this._hasLabelContent() }, o("slot", { key: "6d8c9adf2b04d19a446fdd2707259d931dbc2eb9", ref: this._setLabelSlot, name: "label", onSlotchange: this._handleControlSlotChange }), o("div", { key: "46cc09d9414bb88622f95e7ccffba84b602b25f0", class: "gids-field__count", "aria-live": "polite" }, this.count)), o("div", { key: "0e6ddf85cf459c53f2cfc5f453cd4fe35e532d9b", class: "gids-field__control" }, o("slot", { key: "d2d007d50a5f7001872b368dee5d648a8751c1af", ref: this._setControlSlot, onSlotchange: this._handleControlSlotChange })), o("p", { key: "09e08e474051efd8bb9e526311cd8d3bb14f8671", class: "gids-field__supporting-text", hidden: !this._shouldShowHelperText() }, this.helperText), t ? o("p", { class: i.join(" "), role: "status", "aria-live": "polite" }, this._renderStatusIcon(s), e !== void 0 ? o("span", null, e) : null) : null));
   }
   _hasLabelContent() {
     return this._hasLabel;
@@ -171,11 +171,11 @@ const g = (t) => _("gids-field", t), u = /* @__PURE__ */ Object.freeze(/* @__PUR
 }, [257, "gids-field", { disabled: [516], count: [513], helperText: [513, "helper-text"], statusText: [513, "status-text"], status: [513], _controlValidationMessage: [32], _hasLabel: [32], reScanControl: [64] }, void 0, { status: [{ _handleStatusChange: 0 }] }]);
 function m() {
   typeof customElements < "u" && ["gids-field"].forEach(((t) => {
-    t === "gids-field" && (customElements.get(l(t)) || customElements.define(l(t), f));
+    t === "gids-field" && (customElements.get(l(t)) || customElements.define(l(t), p));
   }));
 }
 m();
 export {
-  f as d,
+  p as d,
   m as h
 };

package/dist-bundled/es/p-DPIK2ayL-DPEbctqo.js

@@ -0,0 +1,71 @@
+import { q as a, L as _, u as m, D as t } from "./p-Bf3p-DY2-CPqEc-vc.js";
+import { p as b } from "./p-DMNS1d8v-CHF62UXm.js";
+import { o as u } from "./p-DoCwI_bx-BXHlZI7-.js";
+import { d as v } from "./p-mZJdpfOo-DicbKil0.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
+};

package/dist-bundled/es/p-Db62Pz3n-DpQjwBYb.js

@@ -0,0 +1,31 @@
+import { q as e, L as t, u as s, D as o } from "./p-Bf3p-DY2-CPqEc-vc.js";
+import { i as d } from "./p-B2zUuNXz-BLBgQDu7.js";
+import { d as a } from "./p-D4Pimu_8-DfEGRQGf.js";
+const c = t(class extends s {
+  constructor(i) {
+    super(), i !== !1 && this.__registerHost(), this.__attachShadow();
+  }
+  connectedCallback() {
+    const i = d();
+    i !== void 0 && this._el.shadowRoot?.adoptedStyleSheets.push(i);
+  }
+  render() {
+    return o(a, { key: "38a60d81d2e4682272e7892c137bad482b471f52", name: this.name, size: this.size, appearance: this.appearance, alt: this.alt, titleId: this.titleId });
+  }
+  get _el() {
+    return this;
+  }
+  static get style() {
+    return ".gids-icon{color:var(--gidsIcon-color, var(--gids-color-icon-default));fill:var(--gidsIcon-color, var(--gids-color-icon-default));width:auto;height:var(--gidsIcon-height, 100%);flex-shrink:0}.gids-icon--xs{--gidsIcon-height:var(--gids-size-120)}.gids-icon--sm{--gidsIcon-height:var(--gids-size-160)}.gids-icon--md{--gidsIcon-height:var(--gids-size-240)}.gids-icon--lg{--gidsIcon-height:var(--gids-size-320)}";
+  }
+}, [1, "gids-icon", { name: [1], size: [1], appearance: [1], alt: [1], titleId: [1, "title-id"] }]);
+function n() {
+  typeof customElements < "u" && ["gids-icon"].forEach(((i) => {
+    i === "gids-icon" && (customElements.get(e(i)) || customElements.define(e(i), c));
+  }));
+}
+n();
+export {
+  c,
+  n as d
+};