@ganpatiinfo/gids-core-web 16.0.0 → 18.0.0

package/dist-bundled/es/gids-flyout-panel.js

@@ -0,0 +1,110 @@
+import { L as p, u, D as s, F as y, q as r } from "./p-B4hcsDH0-CPqEc-vc.js";
+import { c as E } from "./p-CTri3IsV-B1u0rrXF.js";
+import { o as v } from "./p-CPgZgSBN-DsTNcUR7.js";
+const h = p(class extends u {
+  constructor(e) {
+    super(), e !== !1 && this.__registerHost(), this.__attachShadow(), this.placement = "bottom", this.previouslyFocusedElement = null, this.focusableElements = [], this.handleToggleEvent = (t) => {
+      t.stopPropagation();
+      const l = this.floatingElementManager.isVisible();
+      this.floatingElementManager.toggle(), !l && this.floatingElementManager.isVisible() ? this.onFlyoutPanelShow() : l && !this.floatingElementManager.isVisible() && this.onFlyoutPanelHide();
+    }, this.handleDocumentClick = (t) => {
+      this.floatingElementManager.isVisible() && !this._el.contains(t.target) && (this.floatingElementManager.hide(), this.onFlyoutPanelHide());
+    }, this.handleKeyDown = (t) => {
+      if (this.floatingElementManager.isVisible()) return t.key === "Escape" ? (t.preventDefault(), this.floatingElementManager.hide(), void this.onFlyoutPanelHide()) : void (t.key === "Tab" && this.trapFocus(t));
+    };
+  }
+  componentDidLoad() {
+    this.floatingElementManager = new E(this._el, { htmlFor: this.htmlFor, placement: this.placement, showWithoutDelay: !0, floatingElementSelector: "#flyout-panel", showArrow: !1, visibilityClass: "gids-flyout-panel--visible", elementType: v.FLYOUT_PANEL, constrainPlacements: ["top", "bottom"], constrainToViewportHeight: !0, getAnchorElementFromSlot: (e) => e.querySelector('slot[name="anchor"]')?.assignedElements()[0] || null }), this.floatingElementManager.initialize(), this.setupEventListeners();
+  }
+  setupEventListeners() {
+    const e = this.floatingElementManager.getAnchorElement();
+    e && (e.addEventListener("click", this.handleToggleEvent), document.addEventListener("click", this.handleDocumentClick), document.addEventListener("keydown", this.handleKeyDown));
+  }
+  onFlyoutPanelShow() {
+    this.previouslyFocusedElement = document.activeElement, this.updateFocusableElements(), setTimeout((() => {
+      this.focusableElements.length > 0 && this.focusableElements[0] && this.focusableElements[0].focus();
+    }), 50);
+  }
+  onFlyoutPanelHide() {
+    this.previouslyFocusedElement && (this.previouslyFocusedElement.focus(), this.previouslyFocusedElement = null);
+  }
+  updateFocusableElements() {
+    const e = this._el.shadowRoot?.querySelector("#flyout-panel");
+    if (!e) return;
+    const t = [], l = d(e);
+    t.push(...l);
+    const n = this._el.shadowRoot?.querySelector("slot:not([name])");
+    n && n.assignedElements({ flatten: !0 }).forEach(((a) => {
+      const o = d(a);
+      t.push(...o);
+    })), this.focusableElements = t.sort(((a, o) => {
+      const i = a.compareDocumentPosition(o), m = !!(i & Node.DOCUMENT_POSITION_FOLLOWING), f = !!(i & Node.DOCUMENT_POSITION_PRECEDING);
+      return m ? -1 : f ? 1 : 0;
+    }));
+  }
+  trapFocus(e) {
+    if (this.focusableElements.length === 0) return;
+    const t = this.focusableElements[0], l = this.focusableElements[this.focusableElements.length - 1];
+    let n = document.activeElement;
+    if (n === this._el) {
+      const o = this._el.shadowRoot?.activeElement;
+      o !== null && (n = o);
+    }
+    const a = this.focusableElements.indexOf(n) !== -1;
+    e.shiftKey ? n !== t && a || (e.preventDefault(), l && l.focus()) : n !== l && a || (e.preventDefault(), t && t.focus());
+  }
+  placementChanged(e) {
+    this.floatingElementManager?.updateConfig({ placement: e }), this.floatingElementManager?.isVisible() && this.floatingElementManager?.reposition();
+  }
+  htmlForChanged(e) {
+    this.floatingElementManager?.updateConfig({ htmlFor: e }), this.cleanupEventListeners(), this.floatingElementManager?.initialize(), this.setupEventListeners();
+  }
+  cleanupEventListeners() {
+    const e = this.floatingElementManager?.getAnchorElement();
+    e && e.removeEventListener("click", this.handleToggleEvent), document.removeEventListener("click", this.handleDocumentClick), document.removeEventListener("keydown", this.handleKeyDown);
+  }
+  render() {
+    return s(y, { key: "a230e6a4aad47d106c536c22e62e983847c61134" }, s("slot", { key: "c32fcfd2e943f94f9e733022cfafbb17d48f0579", name: "anchor" }), s("div", { key: "0bcac3ab2c843fc1bd7137e72b6362fce1188cb9", id: "flyout-panel", part: "flyout-panel", role: "dialog", "aria-modal": "true", tabindex: "-1" }, s("div", { key: "33cfcf17f75c22f5185dced5c4f6a070c6d7455c" }, s("slot", { key: "e30b5a128c4f3668553c3d0246d2cb400c42f8eb" }))));
+  }
+  disconnectedCallback() {
+    this.cleanupEventListeners(), this.floatingElementManager?.destroy();
+  }
+  get _el() {
+    return this;
+  }
+  static get watchers() {
+    return { placement: [{ placementChanged: 0 }], htmlFor: [{ htmlForChanged: 0 }] };
+  }
+  static get style() {
+    return "gids-flyout-panel{--gidsFlyoutPanel-background:var(--gids-elevation-surface-overlay-default);--gidsFlyoutPanel-text-color:var(--gids-color-text-default);--gidsFlyoutPanel-padding:var(--gids-padding-vertical-edge-to-element-200)    var(--gids-padding-horizontal-edge-to-element-300);--gidsFlyoutPanel-border-radius:var(--gids-border-radius-lg);--gidsFlyoutPanel-shadow:var(--gids-elevation-shadow-overlay);--gidsFloatingElement-background:var(--gidsFlyoutPanel-background)}[part=flyout-panel]{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);position:absolute;display:inline-block;background-color:var(--gidsFlyoutPanel-background);color:var(--gidsFlyoutPanel-text-color);border-radius:var(--gidsFlyoutPanel-border-radius);box-shadow:var(--gidsFlyoutPanel-shadow);z-index:1000;opacity:0;pointer-events:none;outline:none}[part=flyout-panel]:focus{outline:none}[part=flyout-panel].gids-flyout-panel--visible{pointer-events:initial;opacity:1}";
+  }
+}, [257, "gids-flyout-panel", { htmlFor: [513, "for"], placement: [513] }, void 0, { placement: [{ placementChanged: 0 }], htmlFor: [{ htmlForChanged: 0 }] }]), c = (e) => {
+  if (!(e instanceof u) || e.tabIndex === -1 || e.hasAttribute("disabled")) return !1;
+  const t = getComputedStyle(e);
+  if (t.display === "none" || t.visibility === "hidden" || e.hidden) return !1;
+  try {
+    const l = e.tabIndex;
+    e.tabIndex = -1, e.focus();
+    const n = document.activeElement === e;
+    return e.tabIndex = l, n && e.blur(), n;
+  } catch {
+    return !1;
+  }
+}, d = (e) => {
+  const t = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, { acceptNode: (a) => c(a) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP }), l = [];
+  c(e) && l.push(e);
+  let n = t.nextNode();
+  for (; n !== null; ) l.push(n), n = t.nextNode();
+  return l;
+};
+function g() {
+  typeof customElements < "u" && ["gids-flyout-panel"].forEach(((e) => {
+    e === "gids-flyout-panel" && (customElements.get(r(e)) || customElements.define(r(e), h));
+  }));
+}
+g();
+const P = h, k = g;
+export {
+  P as GidsFlyoutPanel,
+  k as defineCustomElement
+};

package/dist-bundled/es/gids-header-navigation-item.js

@@ -1,4 +1,4 @@
-import { c as e, h as t } from "./p-bhEHIxPv-ujyxL30O.js";
+import { l as e, h as t } from "./p-Dw_kb9MC-BTd0lrGA.js";
 const a = e, i = t;
 export {
   a as GidsHeaderNavigationItem,

package/dist-bundled/es/gids-header-navigation.js

@@ -1,8 +1,8 @@
-import { L as f, u as M, D as r, P as S, q as p } from "./p-Bf3p-DY2-CPqEc-vc.js";
-import { d as C } from "./p-D4Pimu_8-ARSuGBs4.js";
-import { b as N } from "./p-BrYLEey4-DuajY4uD.js";
+import { L as f, u as M, D as r, P as S, q as p } from "./p-B4hcsDH0-CPqEc-vc.js";
+import { d as C } from "./p-iQRr_fAH-ClfWEu03.js";
+import { b as N } from "./p-KQxuw_F--BTSoDfF9.js";
 import { e as y } from "./p-ChV9xqsO-CJSPCx6p.js";
-import { h as x } from "./p-bhEHIxPv-ujyxL30O.js";
+import { h as x } from "./p-Dw_kb9MC-BTd0lrGA.js";
 import { c as b } from "./clsx-OuTLNxxd.js";
 const E = ({ mode: a, type: e }, t) => b("gids-header-navigation", {
   // Modes
@@ -103,7 +103,7 @@ const E = ({ mode: a, type: e }, t) => b("gids-header-navigation", {
   }
   render() {
     const a = this?.appearance ?? "default", e = this?.selectionAppearance ?? "default", t = this?.applyShadow ?? !1, d = this?.applySeparators ?? !1, n = this?.borderRadius ?? "none", u = this?.mode ?? "wrap", l = this?.type ?? "gap", s = this?.size ?? "md", h = this?.navMenus ?? [], o = this?.selectionType ?? "single-deselection-not-allowed", I = w({ mode: u, type: l });
-    return r(S, { key: "e21ba360d14f0095b3070d5b88a4d153c8e36a99", class: I }, h.map(((i, m) => r("div", { key: "" + (m + 1), class: y("gids-header-navigation__item-container-gap", { "gids-header-navigation__item-container-standard": l === "standard" }) }, r("gids-header-navigation-item", { ...i, id: i.id, menuId: i?.menuId, menuItems: i?.menuItems ?? [], label: i?.label, size: s, appearance: a, selectionAppearance: e, applyShadow: t, borderRadius: n, expanded: this.isThisMenuExpanded(i?.menuId), selected: this.isThisNavigationItemSelected(i?.id), selectedMenuItemId: this.getSelectedMenuItemId(), selectionType: o, onPressNavigationItem: (c) => this.onNavigationItemPress({ event: c, itemIndex: m }), onMenuItemChange: (c) => this.onNavigationMenuItemChange({ event: c, itemIndex: m }) }, i?.leadingIconName && i.leadingIconName !== "(none)" ? r(C, { slot: "headerNavItemLeadingIcon", name: i.leadingIconName, size: s !== "xl" ? s : "lg", alt: "", appearance: "regular" }) : void 0), d && m < h.length - 1 ? r(N, { orientation: "vertical" }) : void 0))));
+    return r(S, { key: "277cd1197cd4e7b442e9c65ba5430effe4f34afb", class: I }, h.map(((i, m) => r("div", { key: "" + (m + 1), class: y("gids-header-navigation__item-container-gap", { "gids-header-navigation__item-container-standard": l === "standard" }) }, r("gids-header-navigation-item", { ...i, id: i.id, menuId: i?.menuId, menuItems: i?.menuItems ?? [], label: i?.label, size: s, appearance: a, selectionAppearance: e, applyShadow: t, borderRadius: n, expanded: this.isThisMenuExpanded(i?.menuId), selected: this.isThisNavigationItemSelected(i?.id), selectedMenuItemId: this.getSelectedMenuItemId(), selectionType: o, onPressNavigationItem: (c) => this.onNavigationItemPress({ event: c, itemIndex: m }), onMenuItemChange: (c) => this.onNavigationMenuItemChange({ event: c, itemIndex: m }) }, i?.leadingIconName && i.leadingIconName !== "(none)" ? r(C, { slot: "headerNavItemLeadingIcon", name: i.leadingIconName, size: s !== "xl" ? s : "lg", alt: "", appearance: "regular" }) : void 0), d && m < h.length - 1 ? r(N, { orientation: "vertical" }) : void 0))));
   }
   get hostElement() {
     return this;

package/dist-bundled/es/gids-icon.js

@@ -1,6 +1,6 @@
-import { a as o, c as s } from "./p-CCpxJ8wu-CMYQqNoP.js";
-const t = o, m = s;
+import { n as o, d as s } from "./p-DKOr5iAk-DA3Kc4Cn.js";
+const n = o, t = s;
 export {
-  t as GidsIcon,
-  m as defineCustomElement
+  n as GidsIcon,
+  t as defineCustomElement
 };

package/dist-bundled/es/gids-input.js

@@ -1,5 +1,5 @@
-import { d as s, r } from "./p-u06XOrpj-C1tNznDd.js";
-const e = s, o = r;
+import { l as r, r as s } from "./p-j2_DKwBz-CqyuxxnN.js";
+const e = r, o = s;
 export {
   e as GidsInput,
   o as defineCustomElement

package/dist-bundled/es/gids-level-gauge.js

@@ -1,5 +1,5 @@
-import { d as e, h as o } from "./p-Degg_WJz-ORZcjc8G.js";
-const t = e, m = o;
+import { d as e, h as s } from "./p-83YZrIJw-Cu-e6WD3.js";
+const t = e, m = s;
 export {
   t as GidsLevelGauge,
   m as defineCustomElement

package/dist-bundled/es/gids-line-chart.js

@@ -1,6 +1,6 @@
-import { g as e, c as t } from "./p-Co23kQaH-QJyKkzgc.js";
-const s = e, a = t;
+import { g as e, c as s } from "./p-CH4nrjpL-CrEJXTn0.js";
+const o = e, r = s;
 export {
-  s as GidsLineChart,
-  a as defineCustomElement
+  o as GidsLineChart,
+  r as defineCustomElement
 };

package/dist-bundled/es/gids-md-table.js

@@ -1,7 +1,7 @@
-import { L as q, u as M, D as d, P as E, F as K, q as I } from "./p-Bf3p-DY2-CPqEc-vc.js";
-import { o as $ } from "./p-C2POfZhu-DzG_JxV6.js";
-import { d as S } from "./p-D4Pimu_8-ARSuGBs4.js";
-import { o as J } from "./p-UVmSPzTd-CR1higgJ.js";
+import { L as q, u as M, D as d, P as E, F as K, q as I } from "./p-B4hcsDH0-CPqEc-vc.js";
+import { o as $ } from "./p-BsC3-MVH-j4fPhip5.js";
+import { d as S } from "./p-iQRr_fAH-ClfWEu03.js";
+import { o as J } from "./p-Dg_WeHpV-DehzGL6g.js";
 import { c as B } from "./clsx-OuTLNxxd.js";
 const F = (e) => !!(e?.buttonLabel && e.buttonLabel !== "" || e?.leadingIconName && e.leadingIconName !== "" || e?.trailingIconName && e.trailingIconName !== ""), Q = ({ cellActionButton: e, neededIconType: t = "leading" }) => t === "trailing" ? {
   cellIconName: e?.trailingIconName,
@@ -178,7 +178,7 @@ const F = (e) => !!(e?.buttonLabel && e.buttonLabel !== "" || e?.leadingIconName
   }
   render() {
     const e = pe({ width: this.width }), t = this.isTopHeaderVisible, a = this.getTopHeaderCells(), l = this?.constructedTableBodyData ?? [];
-    return d(E, { key: "60af8ea62394a418efefe9bf46d0008f1f0200d4", class: e }, d("table", { key: "962e075bf378ef34c69fb14ae5d456b25803bc26", class: this.getTableClasses() }, t ? d(be, { appearance: this.topHeaderAppearance, labelTypography: this.topHeaderLabelTypography, textAlignment: this.topHeaderTextAlignment, headerCells: a, width: this.width }) : void 0, d("tbody", { key: "175eeebdc1400e2e9a344de972b00f9fdcce21c0" }, l.length > 0 ? l.map(((r) => d(D, { layout: "horizontal", rows: r?.items ?? [], width: this.width }))) : void 0)));
+    return d(E, { key: "149503cf732a979d70841de56fb5a48aefc6dd1d", class: e }, d("table", { key: "4ec02288773274ed0856493709f09637d999b94e", class: this.getTableClasses() }, t ? d(be, { appearance: this.topHeaderAppearance, labelTypography: this.topHeaderLabelTypography, textAlignment: this.topHeaderTextAlignment, headerCells: a, width: this.width }) : void 0, d("tbody", { key: "e4d16bb9f0ae934c1551f5c866fb353bf74f8ac6" }, l.length > 0 ? l.map(((r) => d(D, { layout: "horizontal", rows: r?.items ?? [], width: this.width }))) : void 0)));
   }
   get hostElement() {
     return this;

package/dist-bundled/es/gids-notification.js

@@ -1,4 +1,4 @@
-import { L as e, u as s, q as i } from "./p-Bf3p-DY2-CPqEc-vc.js";
+import { L as e, u as s, q as i } from "./p-B4hcsDH0-CPqEc-vc.js";
 import { e as a } from "./p-CVtNa0cL-sSVeJsR3.js";
 const o = e(class extends s {
   constructor(t) {

package/dist-bundled/es/gids-overflow-container.js

@@ -1,9 +1,9 @@
-import { L as a, u as n, D as e, q as o } from "./p-Bf3p-DY2-CPqEc-vc.js";
+import { L as a, u as n, D as e, q as o } from "./p-B4hcsDH0-CPqEc-vc.js";
 import { i as l } from "./p-B2zUuNXz-BLBgQDu7.js";
-const c = (t) => t === "top" || t === "top-bottom", h = (t) => t === "bottom" || t === "top-bottom", d = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const h = (t) => t === "top" || t === "top-bottom", c = (t) => t === "bottom" || t === "top-bottom", d = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  showGidsOverflowContainerBottomShadow: h,
-  showGidsOverflowContainerTopShadow: c
+  showGidsOverflowContainerBottomShadow: c,
+  showGidsOverflowContainerTopShadow: h
 }, Symbol.toStringTag, { value: "Module" })), { showGidsOverflowContainerBottomShadow: s, showGidsOverflowContainerTopShadow: f } = d, r = a(class extends n {
   constructor(t) {
     super(), t !== !1 && this.__registerHost(), this.__attachShadow(), this.shadowLocation = "bottom";
@@ -20,7 +20,7 @@ const c = (t) => t === "top" || t === "top-bottom", h = (t) => t === "bottom" ||
     this._textArea.scrollTop + this._textArea.offsetHeight >= this._textArea.scrollHeight ? this._el.style.setProperty("--gidsOverflowContainer-after-opacity", "0") : t !== 0 ? t > 0 && (f(this.shadowLocation) && this._el.style.setProperty("--gidsOverflowContainer-before-opacity", "" + Math.min(t / 20, 1)), s(this.shadowLocation) && this._el.style.setProperty("--gidsOverflowContainer-after-opacity", "" + Math.min((this._textArea.scrollHeight - (this._textArea.scrollTop + this._textArea.offsetHeight)) / 20, 1))) : this._el.style.setProperty("--gidsOverflowContainer-after-opacity", "0");
   }
   render() {
-    return e("div", { key: "cd83395337678f4f497c73dff4dc20e64c586838", class: "gids-overflow-container__text-area", onScroll: this.calculateShadows.bind(this) }, e("slot", { key: "d8344e1fd7cb5ffd06c996c41bfa2ac7db2048c7" }));
+    return e("div", { key: "a4664a98e3e473eb4067a1d25ab9440ca3609253", class: "gids-overflow-container__text-area", onScroll: this.calculateShadows.bind(this) }, e("slot", { key: "df5ada977be1fef755d901097519fa12de591bbe" }));
   }
   get _el() {
     return this;

package/dist-bundled/es/gids-overlay-provider.js

@@ -1,8 +1,8 @@
-import { L as C, u as y, D as o, F as w, q as f } from "./p-Bf3p-DY2-CPqEc-vc.js";
+import { L as C, u as y, D as o, F as w, q as f } from "./p-B4hcsDH0-CPqEc-vc.js";
 import { i as x } from "./p-B2zUuNXz-BLBgQDu7.js";
 import { e as N, n as g } from "./p-CVtNa0cL-sSVeJsR3.js";
-import { d as p } from "./p-D4Pimu_8-ARSuGBs4.js";
-import { o as u } from "./p-UVmSPzTd-CR1higgJ.js";
+import { d as p } from "./p-iQRr_fAH-ClfWEu03.js";
+import { o as u } from "./p-Dg_WeHpV-DehzGL6g.js";
 import { c as h } from "./clsx-OuTLNxxd.js";
 const Q = ({ appearance: t }, e) => h("gids-notification-container", {
   // 'gids-notification-container--appearance-default': appearance === 'default' // its a default
@@ -187,7 +187,7 @@ const Q = ({ appearance: t }, e) => h("gids-notification-container", {
   }
   render() {
     const t = this._allowedComponentQueue[0]?.position || "bottom-center";
-    return o(w, { key: "4a91595d7251366ce27a84de27cfb0c33e1627e7" }, o("slot", { key: "4782807311af412105091c5cd31b99a313a6973a" }), this._isRoot() ? o("div", { class: G({ position: t }) }, [...this._allowedComponentQueue].reverse().map(((e) => this._renderComponent(e)))) : null);
+    return o(w, { key: "9b08b3e4542dd26ea2f7097b71f65205f75ff35b" }, o("slot", { key: "6ee78e50172ae07b8f0370ee6bc0438ae5275d8d" }), this._isRoot() ? o("div", { class: G({ position: t }) }, [...this._allowedComponentQueue].reverse().map(((e) => this._renderComponent(e)))) : null);
   }
   get _el() {
     return this;

package/dist-bundled/es/gids-password-field.js

@@ -1,11 +1,11 @@
-import { L as S, u as P, z as v, C as x, D as i, F as T, q as h } from "./p-Bf3p-DY2-CPqEc-vc.js";
+import { L as S, u as P, z as v, C as x, D as i, F as T, q as h } from "./p-B4hcsDH0-CPqEc-vc.js";
 import { i as C } from "./p-B2zUuNXz-BLBgQDu7.js";
-import { a as F } from "./p-Dg2yoUxw-DliMstZy.js";
-import { r as L } from "./p-UxDcM-C5-BJO4X0jM.js";
-import { o as O } from "./p-UVmSPzTd-CR1higgJ.js";
-import { g as k, d as j } from "./p-D4Pimu_8-ARSuGBs4.js";
-import { h as z } from "./p-DbaNvRpS-r7kCW1TY.js";
-import { r as E } from "./p-u06XOrpj-C1tNznDd.js";
+import { s as F } from "./p-BkxmRN-4-DSiXCW8b.js";
+import { r as L } from "./p-Do_VlNHg-_g7lcvwR.js";
+import { o as O } from "./p-Dg_WeHpV-DehzGL6g.js";
+import { g as k, d as j } from "./p-iQRr_fAH-ClfWEu03.js";
+import { h as z } from "./p-CrqHKmjy-DwSsCofb.js";
+import { r as E } from "./p-j2_DKwBz-CqyuxxnN.js";
 import { c as g } from "./clsx-OuTLNxxd.js";
 const G = (e) => {
   switch (e) {
@@ -40,7 +40,7 @@ const G = (e) => {
   return e && e.length > 0 && e.map((s) => {
     s?.requirementRule && t.push(s.requirementRule);
   }), t;
-}, D = ({ rule: e, textMinLength: t = 0, text: s }) => {
+}, N = ({ rule: e, textMinLength: t = 0, text: s }) => {
   if (!s || s === "" || !e && !t)
     return !1;
   switch (e) {
@@ -89,9 +89,9 @@ const G = (e) => {
     defaultMeterRules: R(t),
     defaultRequirementsMeterRules: t
   };
-}, N = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, D = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  checkRequirementRuleSatisfied: D,
+  checkRequirementRuleSatisfied: N,
   getDefaultRulesAndRequirementsForMeters: m,
   getMeterRulesFromRequirements: R,
   minLengthRuleCanBeApplied: o
@@ -108,10 +108,10 @@ const G = (e) => {
     default:
       return "globe";
   }
-}, U = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, H = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   getRequirementsMeterLabelLeadingIcon: V
-}, Symbol.toStringTag, { value: "Module" })), { inputToGidsFieldStatusForPassword: H } = B, Z = (e) => e === "implicit" || e === void 0 ? "implicit" : H(e), W = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Symbol.toStringTag, { value: "Module" })), { inputToGidsFieldStatusForPassword: U } = B, Z = (e) => e === "implicit" || e === void 0 ? "implicit" : U(e), W = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   inputToGidsFieldStatusForPassword: Z
 }, Symbol.toStringTag, { value: "Module" })), J = ({ status: e }, t) => g("gids-requirements-meter-label", {
@@ -137,10 +137,10 @@ const G = (e) => {
       return s[d] === "include-min-length" ? o({ requirementRule: "include-min-length", textMinLength: t }) ? a(d, u, w) : null : a(d, u, w);
     }));
   })()) : null;
-}, { getGidsRequirementsMeterLabelClassNames: ne } = K, { getRequirementsMeterLabelLeadingIcon: le } = U, ae = (e) => {
+}, { getGidsRequirementsMeterLabelClassNames: ne } = K, { getRequirementsMeterLabelLeadingIcon: le } = H, ae = (e) => {
   const { label: t, status: s = "default", leadingIconVisible: n = !0, class: a } = e, r = le(s);
   return i("div", { class: ne({ status: s }, a) }, n && s && r ? i(j, { name: r, size: "sm", appearance: "filled" }) : null, t && t !== "" ? i("span", null, t) : null);
-}, { checkRequirementRuleSatisfied: ue } = N, { getGidsRequirementsMeterClassNames: de } = X, oe = ({ requirements: e = [], text: t, textMinLength: s, class: n }) => {
+}, { checkRequirementRuleSatisfied: ue } = D, { getGidsRequirementsMeterClassNames: de } = X, oe = ({ requirements: e = [], text: t, textMinLength: s, class: n }) => {
   const a = (r, l) => i(ae, { status: l ? "success" : "error", label: r.requirementText });
   return i("div", { class: de(n) }, e.map(((r) => {
     if (r?.requirementText != null && r?.requirementRule != null) {
@@ -191,7 +191,7 @@ const G = (e) => {
   #e;
   render() {
     const { id: e, ...t } = this.inputProps ?? {}, s = e ?? this.#t, n = this.showClearButton && this.value !== void 0 && this.value.length > 0, a = this.showRevealPasswordButton, r = { ...t }, l = r?.placeholder !== void 0 && r.placeholder !== null && r.placeholder != "" ? r.placeholder : "Enter password", u = this.isPasswordRevealed, _ = this.meterRules, c = this.textMinLength !== void 0 ? this.textMinLength : 8;
-    return i(T, { key: "7df7d3728c9f711a3c00768c55298d752e8a07b5" }, i("gids-field", { key: "2392eda0b4df36a21b4b3f149a250bfea9f16727", disabled: this.disabled, count: void 0, helperText: this.helperText, statusText: this.statusText, status: ce(this.status) }, i(F, { key: "159069efc87c3f8692555b9fbee07874fc2a304f", slot: "label", disabled: this.disabled, info: i("slot", { name: "info" }), fieldRequirement: this.fieldRequirement, fieldRequirementOptionalText: this.fieldRequirementOptionalText, fieldRequirementRequiredText: this.fieldRequirementRequiredText, isLabelSentence: this.isLabelSentence, htmlFor: s }, this.label), i("gids-input", { key: "2c99942f57e718374276796cd933b454a10d4dd7", ref: (d) => this.#e = d, appearance: "default", status: this.status, loading: this.loading, value: this.value, defaultValue: this.defaultValue, name: this.name, required: this.required, disabled: this.disabled, readOnly: this.readOnly, leadingLabel: void 0, trailingLabel: void 0, onFocus: this._handleInputFocusAndBlur, onBlur: this._handleInputFocusAndBlur, onInput: this._handleInput, inputProps: { ...r, placeholder: l, type: u ? "text" : "password", id: s, maxLength: this.maxLength } }, i("slot", { key: "9307a86dd8fc6e43ddae1d2ff6b2174794e29048", name: "leadingIcon" }), i("slot", { key: "b3726c1b4d47ed2bacdc4a5b2ef089a905595edd", name: "leadingAccessory" }), i("div", { key: "cfec09576f336a83bafde345ea8234e658916bd2", slot: "trailingAccessory", class: "gids-password-field__trailing-accessory" }, n && i(L, { key: "915ae8aaf871c6d98a28941924d5388ddb033baa", label: "clear text", size: "lg", onPressDismiss: this._handleDismiss }), a && i(O, { key: "0564d39de2f6b6cebe1ce48758b424af3351145e", appearance: "default", size: "xs", width: "intrinsic", disabled: this.disabled, onClick: this._handleRevealPassword }, u ? "Hide" : "Show")))), i("div", { key: "44c403d7a597739b19916d00e642b31af48273ec", class: "gids-password-field__meters-container" }, i(ie, { key: "75fd0f35471e85774ef531e333e73d2d41d6f21b", meterRules: _, text: this.value, textMinLength: c }), i(oe, { key: "4d8de1a229975bee753e6959d540df947199b83c", requirements: this.requirementsMeterRequirements, text: this.value, textMinLength: c })));
+    return i(T, { key: "33d42d67ea997bb2211c70f79f0f0c68b4d5aa0b" }, i("gids-field", { key: "0516b66d60f440703d05611b811724ed83b0615e", disabled: this.disabled, count: void 0, helperText: this.helperText, statusText: this.statusText, status: ce(this.status) }, i(F, { key: "b2d0edc9e74776be766c37ea423f5d810de39360", slot: "label", disabled: this.disabled, info: i("slot", { name: "info" }), fieldRequirement: this.fieldRequirement, fieldRequirementOptionalText: this.fieldRequirementOptionalText, fieldRequirementRequiredText: this.fieldRequirementRequiredText, isLabelSentence: this.isLabelSentence, htmlFor: s }, this.label), i("gids-input", { key: "d98ecca02fcc0e415505de1c3da64bd1fbbef7cc", ref: (d) => this.#e = d, appearance: "default", status: this.status, loading: this.loading, value: this.value, defaultValue: this.defaultValue, name: this.name, required: this.required, disabled: this.disabled, readOnly: this.readOnly, leadingLabel: void 0, trailingLabel: void 0, onFocus: this._handleInputFocusAndBlur, onBlur: this._handleInputFocusAndBlur, onInput: this._handleInput, inputProps: { ...r, placeholder: l, type: u ? "text" : "password", id: s, maxLength: this.maxLength } }, i("slot", { key: "911415321782269e1a2963a0d8e54475fd12290d", name: "leadingIcon" }), i("slot", { key: "3405d4af56614f95da92da66a82922a55c249c97", name: "leadingAccessory" }), i("div", { key: "0456836067f779a41359ccf41e865fadefd1b6ae", slot: "trailingAccessory", class: "gids-password-field__trailing-accessory" }, n && i(L, { key: "a656b56bd471a945ce3484047d03392ec8907920", label: "clear text", size: "lg", onPressDismiss: this._handleDismiss }), a && i(O, { key: "408e89f1ddec04984b9f5bb915da9d68b0076eb4", appearance: "default", size: "xs", width: "intrinsic", disabled: this.disabled, onClick: this._handleRevealPassword }, u ? "Hide" : "Show")))), i("div", { key: "bf780a37fd0ca6a4ca773ad635ad7a4ce1505633", class: "gids-password-field__meters-container" }, i(ie, { key: "c0402c0aed753fad61628defdd15cdba196435ee", meterRules: _, text: this.value, textMinLength: c }), i(oe, { key: "269763f5c9f138c0de85e36357fd985064705a8f", requirements: this.requirementsMeterRequirements, text: this.value, textMinLength: c })));
   }
   get _el() {
     return this;

package/dist-bundled/es/gids-pie-chart.js

@@ -1,6 +1,6 @@
-import { n as e, c as t } from "./p-DELTZ9Fh-Byr0nLtY.js";
-const r = e, s = t;
+import { n as e, c as s } from "./p-DrDadv7P-D4rbSYTr.js";
+const o = e, a = s;
 export {
-  r as GidsPieChart,
-  s as defineCustomElement
+  o as GidsPieChart,
+  a as defineCustomElement
 };

package/dist-bundled/es/gids-popover.js

@@ -1,6 +1,6 @@
-import { L as v, u as p, D as a, F as f, q as l } from "./p-Bf3p-DY2-CPqEc-vc.js";
-import { l as E } from "./p-BBszCFSA-BN0-eWJX.js";
-import { o as b } from "./p-B8kX8Vqv-trBz4jdS.js";
+import { L as v, u as p, D as a, F as f, q as l } from "./p-B4hcsDH0-CPqEc-vc.js";
+import { c as E } from "./p-CTri3IsV-B1u0rrXF.js";
+import { o as b } from "./p-CPgZgSBN-DsTNcUR7.js";
 const h = v(class extends p {
   constructor(e) {
     super(), e !== !1 && this.__registerHost(), this.__attachShadow(), this.placement = "bottom", this.previouslyFocusedElement = null, this.focusableElements = [], this.handleToggleEvent = (t) => {
@@ -64,7 +64,7 @@ const h = v(class extends p {
     e && e.removeEventListener("click", this.handleToggleEvent), document.removeEventListener("click", this.handleDocumentClick), document.removeEventListener("keydown", this.handleKeyDown);
   }
   render() {
-    return a(f, { key: "069d0a9b27894896c2404c8f944745706522717a" }, a("slot", { key: "181cbaf400aaa8601fa5d5e0c33c526e6f0978d8", name: "anchor" }), a("div", { key: "b45cde4ef3461c11ec9d79401b7cb2574f9019b7", id: "popover", part: "popover", role: "dialog", "aria-modal": "true", tabindex: "-1" }, a("span", { key: "2552aaa4f343229e4bf302677e7680f2f180b6f4", id: "arrow" }), a("div", { key: "824fc2495120d154e9b190cd11f3cac48cee3890" }, a("slot", { key: "60e1718fb6b9e02f5aa84a2b93d40d58d1fcceca" }))));
+    return a(f, { key: "73497d9ef4f14eebabf001242caef76381b5991d" }, a("slot", { key: "7b765462348d7a0c4340bdefd665d5b06149f404", name: "anchor" }), a("div", { key: "c08d46d227c0a7427d6e32f7999cfe0bc4ef7761", id: "popover", part: "popover", role: "dialog", "aria-modal": "true", tabindex: "-1" }, a("span", { key: "f7d42809d784ac6a83ccf02fc0d3d206429cdd8c", id: "arrow" }), a("div", { key: "869b33ab701c0fe3bd1e9e98e1174366d78a9807" }, a("slot", { key: "9c3e5e4d37cc1da657984f1807e8f000011f8161" }))));
   }
   disconnectedCallback() {
     this.cleanupEventListeners(), this.floatingElementManager?.destroy();

package/dist-bundled/es/gids-profile-menu-header.js

@@ -1,4 +1,4 @@
-import { _ as e, u as o } from "./p-oJFgjzK5-CzagP1qD.js";
+import { _ as e, u as o } from "./p-B0hLXifA-CoImnX3T.js";
 const s = e, t = o;
 export {
   s as GidsProfileMenuHeader,

package/dist-bundled/es/gids-profile-menu.js

@@ -1,6 +1,6 @@
-import { p as e, c as o } from "./p-CcpdJCql-CkEW2RAp.js";
-const r = e, t = o;
+import { c as e, u as o } from "./p-Cf3Ny79u-VGT_IyGI.js";
+const s = e, t = o;
 export {
-  r as GidsProfileMenu,
+  s as GidsProfileMenu,
   t as defineCustomElement
 };

package/dist-bundled/es/gids-profile.js

@@ -1,10 +1,10 @@
-import { L as z, u as B, D as r, P as L, q as c } from "./p-Bf3p-DY2-CPqEc-vc.js";
-import { m as H, l as R, u as $ } from "./p-oJFgjzK5-CzagP1qD.js";
-import { p as j } from "./p-CXFvqDBs-offadaUn.js";
-import { d as b } from "./p-D4Pimu_8-ARSuGBs4.js";
-import { c as G } from "./p-CcpdJCql-CkEW2RAp.js";
-import { c as q } from "./clsx-OuTLNxxd.js";
-const N = ({ profileControlAppearance: e, profileControlBorderRadius: i, profileControlShadow: o, expanded: a }, l) => q("gids-profile", {
+import { L as z, u as B, D as o, P as L, q as c } from "./p-B4hcsDH0-CPqEc-vc.js";
+import { m as R, l as $, u as j } from "./p-B0hLXifA-CoImnX3T.js";
+import { p as G } from "./p-CcKHKwS0-Bw63tTOA.js";
+import { d as b } from "./p-iQRr_fAH-ClfWEu03.js";
+import { u as q } from "./p-Cf3Ny79u-VGT_IyGI.js";
+import { c as N } from "./clsx-OuTLNxxd.js";
+const O = ({ profileControlAppearance: e, profileControlBorderRadius: i, profileControlShadow: r, expanded: a }, l) => N("gids-profile", {
   // Appearances
   // 'gids-profile--appearance-default': profileControlAppearance === 'default', // By default so not needed
   "gids-profile--appearance-brand": e === "brand",
@@ -21,12 +21,12 @@ const N = ({ profileControlAppearance: e, profileControlBorderRadius: i, profile
   "gids-profile--border-radius-full": i === "full",
   // Shadows
   // 'gids-profile--shadow-none': profileControlShadow === 'none', // By default so not needed
-  "gids-profile--shadow-overflow": o === "overflow",
-  "gids-profile--shadow-overlay": o === "overlay",
-  "gids-profile--shadow-raised": o === "raised",
+  "gids-profile--shadow-overflow": r === "overflow",
+  "gids-profile--shadow-overlay": r === "overlay",
+  "gids-profile--shadow-raised": r === "raised",
   // Expansion
   "gids-profile--expanded": a
-}, l), O = ({ profileControlAppearance: e }) => {
+}, l), F = ({ profileControlAppearance: e }) => {
   switch (e) {
     case "brand":
       return {
@@ -64,32 +64,38 @@ const N = ({ profileControlAppearance: e, profileControlBorderRadius: i, profile
         supportingTextClasses: "gids-profile__supporting-text-typography gids-profile__supporting-text-default"
       };
   }
-}, F = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, W = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  getGidsProfileClassNames: N,
-  getGidsProfileTextClassNames: O
-}, Symbol.toStringTag, { value: "Module" })), { getGidsProfileClassNames: W, getGidsProfileTextClassNames: J } = F, { getProfileHeaderMenuAvatarText: K } = R, C = z(class extends B {
+  getGidsProfileClassNames: O,
+  getGidsProfileTextClassNames: F
+}, Symbol.toStringTag, { value: "Module" })), { getGidsProfileClassNames: J, getGidsProfileTextClassNames: K } = W, { getProfileHeaderMenuAvatarText: Q } = $, C = z(class extends B {
   constructor(e) {
-    super(), e !== !1 && this.__registerHost(), this.expanded = !1, this.profileControlAppearance = "default", this.profileControlAvatarVisible = !0, this.profileControlAvatarBadgeVisible = !0, this.profileControlBorderRadius = "none", this.profileControlShadow = "none", this.profileControlLeadingIconSize = "sm", this.profileControlTrailingIconSize = "sm", this.profileControlLeadingIconAppearance = "filled", this.profileControlTrailingIconAppearance = "filled", this.profileMenuItems = [], this.headerDividerVisible = !1, this.headerVisible = !1, this.listSectionDividerVisible = !1, this.isMenuExpanded = !1, this.onProfileControlPress = (i) => {
-      if (this.hasMenu()) {
-        const o = !this.isMenuExpanded;
-        this.isMenuExpanded = o, this.onPressProfileControl && this.onPressProfileControl({ originalEvent: i, id: this.id, menuId: this?.menuId, expanded: o, profileControlTitle: this?.profileControlTitle, profileControlSupportingText: this?.profileControlSupportingText });
+    super(), e !== !1 && this.__registerHost(), this.expanded = !1, this.profileControlAppearance = "default", this.profileControlAvatarVisible = !0, this.profileControlAvatarBadgeVisible = !0, this.profileControlBorderRadius = "none", this.profileControlShadow = "none", this.profileControlLeadingIconSize = "sm", this.profileControlTrailingIconSize = "sm", this.profileControlLeadingIconAppearance = "filled", this.profileControlTrailingIconAppearance = "filled", this.profileMenuItems = [], this.headerDividerVisible = !1, this.headerVisible = !1, this.listSectionDividerVisible = !1, this.isMenuExpanded = !1, this.selectedProfileMenuItemId = void 0, this.onProfileControlPress = (i) => {
+      if (i && i.stopPropagation(), this.hasMenu()) {
+        const r = !this.isMenuExpanded;
+        this.isMenuExpanded = r, this.onPressProfileControl && this.onPressProfileControl({ originalEvent: i, id: this.id, menuId: this?.menuId, expanded: r, profileControlTitle: this?.profileControlTitle, profileControlSupportingText: this?.profileControlSupportingText });
       }
     }, this.onPressProfileMenuItem = (i) => {
-      this.isMenuExpanded = !1, this.onPressProfileMenuItem && this.onPressProfileMenuItem({ ...i });
+      i?.originalEvent && (i.originalEvent?.stopPropagation(), i.originalEvent?.preventDefault()), this.isMenuExpanded = !1, this.selectedProfileMenuItemId = i.id, this.onProfileMenuItemPress && this.onProfileMenuItemPress({ ...i });
+    }, this.onPressHeaderAvatar = (i) => {
+      i?.originalEvent && i.originalEvent?.stopPropagation(), this.isMenuExpanded = !1, this.onHeaderAvatarPress && this.onHeaderAvatarPress({ ...i });
+    }, this.onPressHeaderTitle = (i) => {
+      i?.originalEvent && i.originalEvent?.stopPropagation(), this.isMenuExpanded = !1, this.onHeaderAvatarPress && this.onHeaderAvatarPress({ ...i });
+    }, this.onPressHeaderSupportingText = (i) => {
+      i?.originalEvent && i.originalEvent?.stopPropagation(), this.isMenuExpanded = !1, this.onHeaderAvatarPress && this.onHeaderAvatarPress({ ...i });
     }, this.positionProfileMenu = () => {
       const i = this.hostElement?.querySelector(".gids-profile__dropdown-menu-container");
       if (!i) return;
-      const o = this.hostElement.getBoundingClientRect(), a = window.innerWidth, l = window.innerHeight;
+      const r = this.hostElement.getBoundingClientRect(), a = window.innerWidth, l = window.innerHeight;
       i.style.maxHeight = "none";
-      const g = i.getBoundingClientRect(), s = l - o.bottom - 8, n = o.top - 4, d = g.height > s && n > s, f = d ? n : s;
+      const g = i.getBoundingClientRect(), s = l - r.bottom - 8, n = r.top - 4, d = g.height > s && n > s, f = d ? n : s;
       i.style.maxHeight = g.height > f ? f + "px" : "none";
       const p = i.getBoundingClientRect();
-      let t = o.left;
-      t + p.width > a - 4 && (t = a - p.width - 4), t < 4 && (t = 4), i.style.left = t - o.left + "px", i.style.top = d ? -p.height - 4 + "px" : o.height + 4 + "px";
+      let t = r.left;
+      t + p.width > a - 4 && (t = a - p.width - 4), t < 4 && (t = 4), i.style.left = t - r.left + "px", i.style.top = d ? -p.height - 4 + "px" : r.height + 4 + "px";
     }, this.getProfileControlAvatarText = () => {
-      const i = this?.profileControlAvatarProps, o = this?.profileControlTitle;
-      return i?.text ?? K({ headerTitle: o });
+      const i = this?.profileControlAvatarProps, r = this?.profileControlTitle;
+      return i?.text ?? Q({ headerTitle: r });
     }, this.hasHeaderItem = () => {
       const i = this?.headerItem;
       return !(!this?.headerVisible || !(i?.avatarVisible || i?.avatarProps && Object.keys(i).length > 0 || i?.headerSupportingText || i?.headerTitle));
@@ -163,9 +169,9 @@ const N = ({ profileControlAppearance: e, profileControlBorderRadius: i, profile
     document.removeEventListener("click", this.handleDocumentClick);
   }
   render() {
-    const e = this?.profileControlAppearance ?? "default", i = this?.profileControlAvatarProps, o = i?.badgeProps, a = this?.profileControlAvatarVisible ?? !1, l = this?.profileControlAvatarBadgeVisible ?? !1, g = this?.profileControlBorderRadius ?? "none", s = this?.profileControlShadow ?? "none", n = this?.profileControlLeadingIcon, d = this?.profileControlTrailingIcon, f = this?.profileControlTitle ?? "", p = this?.profileControlSupportingText ?? "", t = this?.profileMenuItems ?? [], _ = this?.headerDividerVisible ?? !1, x = this?.headerVisible ?? !1, y = this?.headerItem, I = this?.listSectionDividerVisible ?? !1, w = this?.menuId, h = this?.isMenuExpanded ?? !1, u = this.hasMenu(), k = this?.profileControlLeadingIconSize ?? "sm", T = this?.profileControlTrailingIconSize ?? "sm", P = this?.profileControlLeadingIconAppearance ?? "filled", V = this?.profileControlTrailingIconAppearance ?? "filled", A = W({ profileControlAppearance: e, profileControlBorderRadius: g, profileControlShadow: s, expanded: h && u }), S = i?.size ?? "sm", { titleClasses: M, supportingTextClasses: D } = J({ profileControlAppearance: e });
+    const e = this?.profileControlAppearance ?? "default", i = this?.profileControlAvatarProps, r = i?.badgeProps, a = this?.profileControlAvatarVisible ?? !1, l = this?.profileControlAvatarBadgeVisible ?? !1, g = this?.profileControlBorderRadius ?? "none", s = this?.profileControlShadow ?? "none", n = this?.profileControlLeadingIcon, d = this?.profileControlTrailingIcon, f = this?.profileControlTitle ?? "", p = this?.profileControlSupportingText ?? "", t = this?.profileMenuItems ?? [], _ = this?.headerDividerVisible ?? !1, x = this?.headerVisible ?? !1, y = this?.headerItem, I = this?.listSectionDividerVisible ?? !1, P = this?.menuId, h = this?.isMenuExpanded ?? !1, u = this.hasMenu(), w = this.selectedProfileMenuItemId, k = this?.profileControlLeadingIconSize ?? "sm", T = this?.profileControlTrailingIconSize ?? "sm", A = this?.profileControlLeadingIconAppearance ?? "filled", V = this?.profileControlTrailingIconAppearance ?? "filled", M = J({ profileControlAppearance: e, profileControlBorderRadius: g, profileControlShadow: s, expanded: h && u }), S = i?.size ?? "sm", { titleClasses: E, supportingTextClasses: D } = K({ profileControlAppearance: e });
     let v = i?.color ?? "brand";
-    return e === "brand" && (v = i?.color ?? "default"), r(L, { key: "e3b93542314bfff5a8f7c901b83fb66aa6339df5", class: A, onClick: this.onProfileControlPress, "menu-expanded": h }, n ? r(b, { name: n, size: k, appearance: P }) : void 0, r("div", { key: "4d9c9cb57ead65b8f9df399f1aca1588d34d9746", class: "gids-profile__main-container" }, a ? r(H, { appearance: i?.appearance ?? "text", color: v, size: S, text: this.getProfileControlAvatarText(), imageSrc: i?.imageSrc ?? "", alt: i?.alt ?? "alt-img", badge: l ? r(j, { appearance: o?.appearance ?? "information", type: o?.type, count: o?.count, outline: o?.outline }) : void 0 }) : void 0, r("div", { key: "0f77df6a414da0a0c4322aff50790354ff43d0a0", class: "gids-profile__content-container" }, r("span", { key: "a5b101bb070f00b90615e5589f31db479d0c9dc2", class: M }, f), r("p", { key: "d55873ea2defcd4d456a513daecc8e3e907984fe", class: D }, p))), d ? r(b, { name: d, size: T, appearance: V }) : void 0, u && h ? r("div", { class: "gids-profile__dropdown-menu-container", id: w, role: "profilePickerbox", onClick: (E) => E.stopPropagation() }, r("gids-profile-menu", { headerItem: y, headerDividerVisible: _, headerVisible: x, listSectionDividerVisible: I, profileMenuItems: t, onHeaderAvatarPress: this.onHeaderAvatarPress, onHeaderTitlePress: this.onHeaderTitlePress, onHeaderSupportingTextPress: this.onHeaderSupportingTextPress, onProfileMenuItemPress: this.onPressProfileMenuItem })) : void 0);
+    return e === "brand" && (v = i?.color ?? "default"), o(L, { key: "af2b1019426d4afb25d17e13cbcfd9c68ff93ae3", class: M, onClick: this.onProfileControlPress, "menu-expanded": h }, n ? o(b, { name: n, size: k, appearance: A }) : void 0, o("div", { key: "0236ae2295f37e17c119fb2aef82ce640e0f5176", class: "gids-profile__main-container" }, a ? o(R, { appearance: i?.appearance ?? "text", color: v, size: S, text: this.getProfileControlAvatarText(), imageSrc: i?.imageSrc ?? "", alt: i?.alt ?? "alt-img", badge: l ? o(G, { appearance: r?.appearance ?? "information", type: r?.type, count: r?.count, outline: r?.outline }) : void 0 }) : void 0, o("div", { key: "24ff9b5beb2f85c80bd6f4995f121c07ea419a30", class: "gids-profile__content-container" }, o("span", { key: "eee7c917840c9e50235c7ff6a1521257aad5b7b0", class: E }, f), o("p", { key: "13f067ccbf54ec8562644a80959f78a0ece5ac68", class: D }, p))), d ? o(b, { name: d, size: T, appearance: V }) : void 0, u && h ? o("div", { class: "gids-profile__dropdown-menu-container", id: P, role: "profilePickerbox", onClick: (H) => H.stopPropagation() }, o("gids-profile-menu", { headerItem: y, headerDividerVisible: _, headerVisible: x, listSectionDividerVisible: I, profileMenuItems: t, onHeaderAvatarPress: this.onPressHeaderAvatar, onHeaderTitlePress: this.onPressHeaderTitle, onHeaderSupportingTextPress: this.onPressHeaderSupportingText, onProfileMenuItemPress: this.onPressProfileMenuItem, selectedProfileMenuItemId: w })) : void 0);
   }
   get hostElement() {
     return this;
@@ -174,9 +180,9 @@ const N = ({ profileControlAppearance: e, profileControlBorderRadius: i, profile
     return { id: [{ idChanged: 0 }], profileControlAppearance: [{ profileControlAppearanceChanged: 0 }], profileControlAvatarProps: [{ profileControlAvatarPropsChanged: 0 }], expanded: [{ expansionChanged: 0 }], profileControlAvatarVisible: [{ profileControlAvatarVisibleChanged: 0 }], profileControlAvatarBadgeVisible: [{ profileControlAvatarBadgeVisibleChanged: 0 }], profileControlBorderRadius: [{ profileControlBorderRadiusChanged: 0 }], profileControlShadow: [{ profileControlShadowChanged: 0 }], listSectionDividerVisible: [{ listSectionDividerVisibleChanged: 0 }], profileControlLeadingIcon: [{ profileControlLeadingIconChanged: 0 }], profileControlTrailingIcon: [{ profileControlTrailingIconChanged: 0 }], profileControlTitle: [{ profileControlTitleChanged: 0 }], profileControlSupportingText: [{ profileControlSupportingTextChanged: 0 }], headerDividerVisible: [{ headerDividerVisibleChanged: 0 }], headerItem: [{ headerItemChanged: 0 }], headerVisible: [{ headerVisibleChanged: 0 }], profileMenuItems: [{ profileMenuItemsChanged: 0 }] };
   }
   static get style() {
-    return ".gids-profile{position:relative;display:flex;align-items:center;justify-content:space-between;gap:var(--gids-gap-150);cursor:pointer;background-color:var(--gids-color-background-neutral-default);padding:var(--gids-padding-vertical-edge-to-element-150) var(--gids-padding-horizontal-edge-to-element-200);--gidsIcon-color:var(--gids-color-icon-subtle);border-radius:var(--gids-border-radius-none)}.gids-profile:hover{background-color:var(--gids-color-background-neutral-hovered)}.gids-profile:active{background-color:var(--gids-color-background-neutral-pressed)}.gids-profile__main-container{display:flex;align-items:center;flex:1;gap:var(--gids-gap-100)}.gids-profile__content-container{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.gids-profile__title-typography{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-profile__supporting-text-typography{margin:0;padding:0;font-family:var(--gids-typography-paragraph-x-small__font-family);font-size:var(--gids-typography-paragraph-x-small__font-size);font-weight:var(--gids-typography-paragraph-x-small__font-weight);letter-spacing:var(--gids-typography-paragraph-x-small__letter-spacing);line-height:var(--gids-typography-paragraph-x-small__line-height);text-transform:var(--gids-typography-paragraph-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-paragraph-x-small__font-variant-caps, inherit)}.gids-profile__title-default{color:var(--gids-color-text-default)}.gids-profile__supporting-text-default{color:var(--gids-color-text-subtlest)}.gids-profile__title-brand{color:var(--gids-color-text-default)}.gids-profile__supporting-text-brand{color:var(--gids-color-text-subtlest)}.gids-profile__title-subtle{color:var(--gids-color-text-default)}.gids-profile__supporting-text-subtle{color:var(--gids-color-text-subtlest)}.gids-profile__title-positive{color:var(--gids-color-text-default)}.gids-profile__supporting-text-positive{color:var(--gids-color-text-subtlest)}.gids-profile__title-information{color:var(--gids-color-text-default)}.gids-profile__supporting-text-information{color:var(--gids-color-text-subtlest)}.gids-profile__title-warning{color:var(--gids-color-text-default)}.gids-profile__supporting-text-warning{color:var(--gids-color-text-subtlest)}.gids-profile__title-danger{color:var(--gids-color-text-default)}.gids-profile__supporting-text-danger{color:var(--gids-color-text-subtlest)}.gids-profile--appearance-brand{background-color:var(--gids-color-background-brand-subtlest-default);--gidsIcon-color:var(--gids-color-icon-subtle)}.gids-profile--appearance-brand:hover{background-color:var(--gids-color-background-brand-subtlest-hovered)}.gids-profile--appearance-brand:active{background-color:var(--gids-color-background-brand-subtlest-pressed)}.gids-profile--appearance-danger{background-color:var(--gids-color-background-danger-default);--gidsIcon-color:var(--gids-color-icon-subtle)}.gids-profile--appearance-danger:hover{background-color:var(--gids-color-background-danger-hovered)}.gids-profile--appearance-danger:active{background-color:var(--gids-color-background-danger-pressed)}.gids-profile--appearance-information{background-color:var(--gids-color-background-information-default);--gidsIcon-color:var(--gids-color-icon-subtle)}.gids-profile--appearance-information:hover{background-color:var(--gids-color-background-information-hovered)}.gids-profile--appearance-information:active{background-color:var(--gids-color-background-information-pressed)}.gids-profile--appearance-positive{background-color:var(--gids-color-background-positive-default);--gidsIcon-color:var(--gids-color-icon-subtle)}.gids-profile--appearance-positive:hover{background-color:var(--gids-color-background-positive-hovered)}.gids-profile--appearance-positive:active{background-color:var(--gids-color-background-positive-pressed)}.gids-profile--appearance-subtle{background-color:var(--gids-color-background-neutral-subtle-default);--gidsIcon-color:var(--gids-color-icon-subtle)}.gids-profile--appearance-subtle:hover{background-color:var(--gids-color-background-neutral-subtle-hovered)}.gids-profile--appearance-subtle:active{background-color:var(--gids-color-background-neutral-subtle-pressed)}.gids-profile--appearance-warning{background-color:var(--gids-color-background-warning-default);--gidsIcon-color:var(--gids-color-icon-subtle)}.gids-profile--appearance-warning:hover{background-color:var(--gids-color-background-warning-hovered)}.gids-profile--appearance-warning:active{background-color:var(--gids-color-background-warning-pressed)}.gids-profile--border-radius-sm{border-radius:var(--gids-border-radius-sm)}.gids-profile--border-radius-md{border-radius:var(--gids-border-radius-md)}.gids-profile--border-radius-lg{border-radius:var(--gids-border-radius-lg)}.gids-profile--border-radius-full{border-radius:var(--gids-border-radius-full)}.gids-profile--shadow-overflow{box-shadow:var(--gids-elevation-shadow-overflow)}.gids-profile--shadow-overlay{box-shadow:var(--gids-elevation-shadow-overlay)}.gids-profile--shadow-raised{box-shadow:var(--gids-elevation-shadow-raised)}.gids-profile__dropdown-menu-container{position:absolute;left: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;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-profile__dropdown-menu-container>*{flex-shrink:0}.gids-profile--expanded .gids-profile__dropdown-menu-container{display:flex}.gids-profile--expanded .gids-profile__chevron{transform:rotate(180deg)}";
+    return ".gids-profile{position:relative;display:flex;align-items:center;justify-content:space-between;gap:var(--gids-gap-150);cursor:pointer;background-color:var(--gids-color-background-neutral-default);padding:var(--gids-padding-vertical-edge-to-element-150) var(--gids-padding-horizontal-edge-to-element-200);--gidsIcon-color:var(--gids-color-icon-subtle);border-radius:var(--gids-border-radius-none)}.gids-profile:hover{background-color:var(--gids-color-background-neutral-hovered)}.gids-profile:active{background-color:var(--gids-color-background-neutral-pressed)}.gids-profile__main-container{display:flex;align-items:center;flex:1;gap:var(--gids-gap-100)}.gids-profile__content-container{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.gids-profile__title-typography{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-profile__supporting-text-typography{margin:0;padding:0;font-family:var(--gids-typography-paragraph-x-small__font-family);font-size:var(--gids-typography-paragraph-x-small__font-size);font-weight:var(--gids-typography-paragraph-x-small__font-weight);letter-spacing:var(--gids-typography-paragraph-x-small__letter-spacing);line-height:var(--gids-typography-paragraph-x-small__line-height);text-transform:var(--gids-typography-paragraph-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-paragraph-x-small__font-variant-caps, inherit)}.gids-profile__title-default{color:var(--gids-color-text-default)}.gids-profile__supporting-text-default{color:var(--gids-color-text-subtlest)}.gids-profile__title-brand{color:var(--gids-color-text-default)}.gids-profile__supporting-text-brand{color:var(--gids-color-text-subtlest)}.gids-profile__title-subtle{color:var(--gids-color-text-default)}.gids-profile__supporting-text-subtle{color:var(--gids-color-text-subtlest)}.gids-profile__title-positive{color:var(--gids-color-text-default)}.gids-profile__supporting-text-positive{color:var(--gids-color-text-subtlest)}.gids-profile__title-information{color:var(--gids-color-text-default)}.gids-profile__supporting-text-information{color:var(--gids-color-text-subtlest)}.gids-profile__title-warning{color:var(--gids-color-text-default)}.gids-profile__supporting-text-warning{color:var(--gids-color-text-subtlest)}.gids-profile__title-danger{color:var(--gids-color-text-default)}.gids-profile__supporting-text-danger{color:var(--gids-color-text-subtlest)}.gids-profile--appearance-brand{background-color:var(--gids-color-background-brand-subtlest-default);--gidsIcon-color:var(--gids-color-icon-subtle)}.gids-profile--appearance-brand:hover{background-color:var(--gids-color-background-brand-subtlest-hovered)}.gids-profile--appearance-brand:active{background-color:var(--gids-color-background-brand-subtlest-pressed)}.gids-profile--appearance-danger{background-color:var(--gids-color-background-danger-default);--gidsIcon-color:var(--gids-color-icon-subtle)}.gids-profile--appearance-danger:hover{background-color:var(--gids-color-background-danger-hovered)}.gids-profile--appearance-danger:active{background-color:var(--gids-color-background-danger-pressed)}.gids-profile--appearance-information{background-color:var(--gids-color-background-information-default);--gidsIcon-color:var(--gids-color-icon-subtle)}.gids-profile--appearance-information:hover{background-color:var(--gids-color-background-information-hovered)}.gids-profile--appearance-information:active{background-color:var(--gids-color-background-information-pressed)}.gids-profile--appearance-positive{background-color:var(--gids-color-background-positive-default);--gidsIcon-color:var(--gids-color-icon-subtle)}.gids-profile--appearance-positive:hover{background-color:var(--gids-color-background-positive-hovered)}.gids-profile--appearance-positive:active{background-color:var(--gids-color-background-positive-pressed)}.gids-profile--appearance-subtle{background-color:var(--gids-color-background-neutral-subtle-default);--gidsIcon-color:var(--gids-color-icon-subtle)}.gids-profile--appearance-subtle:hover{background-color:var(--gids-color-background-neutral-subtle-hovered)}.gids-profile--appearance-subtle:active{background-color:var(--gids-color-background-neutral-subtle-pressed)}.gids-profile--appearance-warning{background-color:var(--gids-color-background-warning-default);--gidsIcon-color:var(--gids-color-icon-subtle)}.gids-profile--appearance-warning:hover{background-color:var(--gids-color-background-warning-hovered)}.gids-profile--appearance-warning:active{background-color:var(--gids-color-background-warning-pressed)}.gids-profile--border-radius-sm{border-radius:var(--gids-border-radius-sm)}.gids-profile--border-radius-md{border-radius:var(--gids-border-radius-md)}.gids-profile--border-radius-lg{border-radius:var(--gids-border-radius-lg)}.gids-profile--border-radius-full{border-radius:var(--gids-border-radius-full)}.gids-profile--shadow-overflow{box-shadow:var(--gids-elevation-shadow-overflow)}.gids-profile--shadow-overlay{box-shadow:var(--gids-elevation-shadow-overlay)}.gids-profile--shadow-raised{box-shadow:var(--gids-elevation-shadow-raised)}.gids-profile__dropdown-menu-container{position:absolute;left: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;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-profile__dropdown-menu-container>*{flex-shrink:0}.gids-profile--expanded .gids-profile__dropdown-menu-container{display:flex}";
   }
-}, [0, "gids-profile", { id: [1], menuId: [1, "menu-id"], expanded: [4], profileControlAppearance: [1, "profile-control-appearance"], profileControlAvatarProps: [16], profileControlAvatarVisible: [4, "profile-control-avatar-visible"], profileControlAvatarBadgeVisible: [4, "profile-control-avatar-badge-visible"], profileControlBorderRadius: [1, "profile-control-border-radius"], profileControlShadow: [1, "profile-control-shadow"], profileControlLeadingIcon: [1, "profile-control-leading-icon"], profileControlTrailingIcon: [1, "profile-control-trailing-icon"], profileControlLeadingIconSize: [1, "profile-control-leading-icon-size"], profileControlTrailingIconSize: [1, "profile-control-trailing-icon-size"], profileControlLeadingIconAppearance: [1, "profile-control-leading-icon-appearance"], profileControlTrailingIconAppearance: [1, "profile-control-trailing-icon-appearance"], profileControlTitle: [1, "profile-control-title"], profileControlSupportingText: [1, "profile-control-supporting-text"], profileMenuItems: [16], headerDividerVisible: [4, "header-divider-visible"], headerVisible: [4, "header-visible"], headerItem: [16], listSectionDividerVisible: [4, "list-section-divider-visible"], onHeaderAvatarPress: [16], onHeaderTitlePress: [16], onHeaderSupportingTextPress: [16], onProfileMenuItemPress: [16], onPressProfileControl: [16], isMenuExpanded: [32] }, void 0, { id: [{ idChanged: 0 }], profileControlAppearance: [{ profileControlAppearanceChanged: 0 }], profileControlAvatarProps: [{ profileControlAvatarPropsChanged: 0 }], expanded: [{ expansionChanged: 0 }], profileControlAvatarVisible: [{ profileControlAvatarVisibleChanged: 0 }], profileControlAvatarBadgeVisible: [{ profileControlAvatarBadgeVisibleChanged: 0 }], profileControlBorderRadius: [{ profileControlBorderRadiusChanged: 0 }], profileControlShadow: [{ profileControlShadowChanged: 0 }], listSectionDividerVisible: [{ listSectionDividerVisibleChanged: 0 }], profileControlLeadingIcon: [{ profileControlLeadingIconChanged: 0 }], profileControlTrailingIcon: [{ profileControlTrailingIconChanged: 0 }], profileControlTitle: [{ profileControlTitleChanged: 0 }], profileControlSupportingText: [{ profileControlSupportingTextChanged: 0 }], headerDividerVisible: [{ headerDividerVisibleChanged: 0 }], headerItem: [{ headerItemChanged: 0 }], headerVisible: [{ headerVisibleChanged: 0 }], profileMenuItems: [{ profileMenuItemsChanged: 0 }] }]);
+}, [0, "gids-profile", { id: [1], menuId: [1, "menu-id"], expanded: [4], profileControlAppearance: [1, "profile-control-appearance"], profileControlAvatarProps: [16], profileControlAvatarVisible: [4, "profile-control-avatar-visible"], profileControlAvatarBadgeVisible: [4, "profile-control-avatar-badge-visible"], profileControlBorderRadius: [1, "profile-control-border-radius"], profileControlShadow: [1, "profile-control-shadow"], profileControlLeadingIcon: [1, "profile-control-leading-icon"], profileControlTrailingIcon: [1, "profile-control-trailing-icon"], profileControlLeadingIconSize: [1, "profile-control-leading-icon-size"], profileControlTrailingIconSize: [1, "profile-control-trailing-icon-size"], profileControlLeadingIconAppearance: [1, "profile-control-leading-icon-appearance"], profileControlTrailingIconAppearance: [1, "profile-control-trailing-icon-appearance"], profileControlTitle: [1, "profile-control-title"], profileControlSupportingText: [1, "profile-control-supporting-text"], profileMenuItems: [16], headerDividerVisible: [4, "header-divider-visible"], headerVisible: [4, "header-visible"], headerItem: [16], listSectionDividerVisible: [4, "list-section-divider-visible"], onHeaderAvatarPress: [16], onHeaderTitlePress: [16], onHeaderSupportingTextPress: [16], onProfileMenuItemPress: [16], onPressProfileControl: [16], isMenuExpanded: [32], selectedProfileMenuItemId: [32] }, void 0, { id: [{ idChanged: 0 }], profileControlAppearance: [{ profileControlAppearanceChanged: 0 }], profileControlAvatarProps: [{ profileControlAvatarPropsChanged: 0 }], expanded: [{ expansionChanged: 0 }], profileControlAvatarVisible: [{ profileControlAvatarVisibleChanged: 0 }], profileControlAvatarBadgeVisible: [{ profileControlAvatarBadgeVisibleChanged: 0 }], profileControlBorderRadius: [{ profileControlBorderRadiusChanged: 0 }], profileControlShadow: [{ profileControlShadowChanged: 0 }], listSectionDividerVisible: [{ listSectionDividerVisibleChanged: 0 }], profileControlLeadingIcon: [{ profileControlLeadingIconChanged: 0 }], profileControlTrailingIcon: [{ profileControlTrailingIconChanged: 0 }], profileControlTitle: [{ profileControlTitleChanged: 0 }], profileControlSupportingText: [{ profileControlSupportingTextChanged: 0 }], headerDividerVisible: [{ headerDividerVisibleChanged: 0 }], headerItem: [{ headerItemChanged: 0 }], headerVisible: [{ headerVisibleChanged: 0 }], profileMenuItems: [{ profileMenuItemsChanged: 0 }] }]);
 function m() {
   typeof customElements < "u" && ["gids-profile", "gids-profile-menu", "gids-profile-menu-header"].forEach(((e) => {
     switch (e) {
@@ -184,16 +190,16 @@ function m() {
         customElements.get(c(e)) || customElements.define(c(e), C);
         break;
       case "gids-profile-menu":
-        customElements.get(c(e)) || G();
+        customElements.get(c(e)) || q();
         break;
       case "gids-profile-menu-header":
-        customElements.get(c(e)) || $();
+        customElements.get(c(e)) || j();
     }
   }));
 }
 m();
-const ie = C, oe = m;
+const re = C, oe = m;
 export {
-  ie as GidsProfile,
+  re as GidsProfile,
   oe as defineCustomElement
 };

package/dist-bundled/es/gids-progress-circle.js

@@ -1,4 +1,4 @@
-import { h as e, d as r } from "./p-CoS0NuDU-ByDvQAzA.js";
+import { h as e, d as r } from "./p-4zKS6zkg-CujzUjb6.js";
 const o = e, t = r;
 export {
   o as GidsProgressCircle,