@ganpatiinfo/gids-core-web 22.0.0 → 23.0.0

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

@@ -1,73 +1,89 @@
-import { L as u, u as y, D as e, P as b, q as n } from "./p-B4hcsDH0-CPqEc-vc.js";
-import { r as _ } from "./p-BRNvHMdK-CqGtfAsn.js";
+import { L as u, u as _, D as r, P as y, q as g } from "./p-B4hcsDH0-CPqEc-vc.js";
+import { r as h } from "./p-BRNvHMdK-CqGtfAsn.js";
 import { c as w } from "./clsx-OuTLNxxd.js";
-const x = ({ appearance: r, hasBorder: o, shadow: d, borderRadius: a, height: i, width: t }, s) => w("gids-form", {
+const x = ({ appearance: e, hasBorder: o, shadow: i, borderRadius: d, height: a, width: t }, s) => w("gids-form", {
   // Appearances
   // 'gids-form--appearance-default': appearance === 'default', // By Default so not needed
-  "gids-form--appearance-subtle": r === "subtle",
+  "gids-form--appearance-subtle": e === "subtle",
   // Shadows
   // 'gids-form--shadow-none': shadow === 'none', // By default so not needed
-  "gids-form--shadow-overflow": d === "overflow",
-  "gids-form--shadow-overlay": d === "overlay",
-  "gids-form--shadow-raised": d === "raised",
+  "gids-form--shadow-overflow": i === "overflow",
+  "gids-form--shadow-overlay": i === "overlay",
+  "gids-form--shadow-raised": i === "raised",
   // Border Radius
   // 'gids-form--border-radius-none': borderRadius === 'none', // By default so not needed
-  "gids-form--border-radius-sm": a === "sm",
-  "gids-form--border-radius-md": a === "md",
-  "gids-form--border-radius-lg": a === "lg",
+  "gids-form--border-radius-sm": d === "sm",
+  "gids-form--border-radius-md": d === "md",
+  "gids-form--border-radius-lg": d === "lg",
   // Settings
   "gids-form--has-border": o,
   // Sizes
-  "gids-form--height-full": i === "full",
+  "gids-form--height-full": a === "full",
   "gids-form--width-full": t === "full"
 }, s), C = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   getGidsFormClassNames: x
-}, Symbol.toStringTag, { value: "Module" })), { getGidsFormClassNames: F } = C, h = u(class extends y {
-  constructor(r) {
-    super(), r !== !1 && this.__registerHost(), this.appearance = "default", this.hasBorder = !0, this.shadow = "none", this.borderRadius = "none", this.height = "intrinsic", this.width = "intrinsic", this.divider = !0;
+}, Symbol.toStringTag, { value: "Module" })), { getGidsFormClassNames: F } = C, l = u(class extends _ {
+  constructor(e) {
+    super(), e !== !1 && this.__registerHost(), this.appearance = "default", this.hasBorder = !0, this.shadow = "none", this.borderRadius = "none", this.height = "intrinsic", this.width = "intrinsic", this.divider = !0, this.footerDividerVisible = !0, this.hasFooterChildren = !1, this.setupObserver = () => {
+      this.checkFooterNodes(), this.observer = new MutationObserver((() => {
+        this.checkFooterNodes();
+      })), this.observer.observe(this.hostElement, { childList: !0, subtree: !0 });
+    }, this.handleFooterSlotChange = () => {
+      this.checkFooterNodes();
+    }, this.checkFooterNodes = () => {
+      const o = this.hostElement?.querySelectorAll('[slot="formFooterChildren"]');
+      let i = !1;
+      o && o.length > 0 && (i = Array.from(o).some(((d) => d.nodeType === Node.ELEMENT_NODE || !!d.textContent?.trim().length))), this.hasFooterChildren = i;
+    };
   }
-  idChanged(r) {
-    this.id = r;
+  idChanged(e) {
+    this.id = e;
   }
-  appearanceChanged(r) {
-    this.appearance = r;
+  appearanceChanged(e) {
+    this.appearance = e;
   }
-  headingChanged(r) {
-    this.heading = r;
+  headingChanged(e) {
+    this.heading = e;
   }
-  supportingTextChanged(r) {
-    this.supportingText = r;
+  supportingTextChanged(e) {
+    this.supportingText = e;
   }
-  descriptionChanged(r) {
-    this.description = r;
+  descriptionChanged(e) {
+    this.description = e;
   }
-  hasBorderChanged(r) {
-    this.hasBorder = r;
+  hasBorderChanged(e) {
+    this.hasBorder = e;
   }
-  shadowChanged(r) {
-    this.shadow = r;
+  shadowChanged(e) {
+    this.shadow = e;
   }
-  borderColorChanged(r) {
-    this.borderColor = r;
+  borderColorChanged(e) {
+    this.borderColor = e;
   }
-  borderRadiusChanged(r) {
-    this.borderRadius = r;
+  borderRadiusChanged(e) {
+    this.borderRadius = e;
   }
-  heightChanged(r) {
-    this.height = r;
+  heightChanged(e) {
+    this.height = e;
   }
-  widthChanged(r) {
-    this.width = r;
+  widthChanged(e) {
+    this.width = e;
   }
-  dividerChanged(r) {
-    this.divider = r;
+  dividerChanged(e) {
+    this.divider = e;
   }
   connectedCallback() {
   }
+  componentDidLoad() {
+    this.setupObserver();
+  }
+  disconnectedCallback() {
+    this.observer && this.observer.disconnect();
+  }
   render() {
-    const r = this?.id, o = this?.appearance ?? "default", d = this?.heading ?? void 0, a = this?.supportingText ?? void 0, i = this?.description ?? void 0, t = this?.hasBorder ?? !0, s = this?.shadow ?? "none", g = this?.borderColor ?? void 0, p = this?.borderRadius ?? "md", m = this?.height ?? "intrinsic", f = this?.width ?? "intrinsic", c = this?.divider ?? !0, v = F({ appearance: o, hasBorder: t, shadow: s, borderRadius: p, height: m, width: f });
-    return e(b, { key: "ecac7fa5b56967978f783a9ac0c230d93fac2a21", class: v, "data-appearance": o, id: r, style: g && g !== "" ? { "--gidsFormBorder-color": g } : {} }, e("div", { key: "175e6350f8963b0b61ee5837a340559a5cac13f2", class: "gids-form__header" }, e("slot", { key: "550c63b8bafc6a3601dad6e4ac1ebd240d20759e", name: "formIcon" }), e("div", { key: "fdcf331ed74023cb82fd45b2c9f4fa8ea96f2fd8", class: "gids-form__header-text-content" }, d && d !== "" ? e("label", null, d) : void 0, a && a !== "" ? e("span", null, a) : void 0, i && i !== "" ? e("p", null, i) : void 0)), c ? e("div", { class: "gids-form__divider-container" }, e(_, null)) : void 0, e("div", { key: "812f6accd9c8442d45dd6e940b0872918ba0629c", class: "gids-form__content" }, e("slot", { key: "78a11643da76c77bbf5a875e707605782ec5c78b" })));
+    const e = this?.id, o = this?.appearance ?? "default", i = this?.heading ?? void 0, d = this?.supportingText ?? void 0, a = this?.description ?? void 0, t = this?.hasBorder ?? !0, s = this?.shadow ?? "none", n = this?.borderColor ?? void 0, c = this?.borderRadius ?? "md", m = this?.height ?? "intrinsic", p = this?.width ?? "intrinsic", v = this?.divider ?? !0, b = F({ appearance: o, hasBorder: t, shadow: s, borderRadius: c, height: m, width: p });
+    return r(y, { key: "0be5b51400c4343f16bd5d84bb01db8897282c32", class: b, "data-appearance": o, id: e, style: n && n !== "" ? { "--gidsFormBorder-color": n } : {} }, r("div", { key: "4016d00181af7c61ed2cbaa7babba56508ae9f6f", class: "gids-form__container" }, r("div", { key: "c5422c49aa65e2964fedad41861ea06d24950704", class: "gids-form__header" }, r("slot", { key: "d5cae5ed432d8b75a77a505e16a98b510cd680af", name: "formIcon" }), r("div", { key: "fb05421e00947a54e486cfc7ce7107a08c8c6c1a", class: "gids-form__header-text-content" }, i && i !== "" ? r("label", null, i) : void 0, d && d !== "" ? r("span", null, d) : void 0, a && a !== "" ? r("p", null, a) : void 0), r("div", { key: "d96aa69e038735085bd29eae618bf5d783ef3333", class: "gids-form__header-children" }, r("slot", { key: "1f13f852441c3e71cb1623a32b32332d4637c014", name: "formHeaderChildren" }))), v ? r("div", { class: "gids-form__divider-container" }, r(h, null)) : void 0, r("div", { key: "5689bd0343337573a663c59a316a5913f0213344", class: "gids-form__content" }, r("slot", { key: "124b2199c9b755d5e7e0513afe9dfb51bf8f3e8d" }))), r("div", { key: "b2e4530502c80ec8767d28187543c08c9d6961ef", class: "gids-form__footer " + (this.hasFooterChildren ? "gids-form__footer--has-content" : "gids-form__footer--is-empty") }, this.hasFooterChildren && this.footerDividerVisible ? r("div", { class: "gids-form__footer-divider" }, r(h, null)) : void 0, r("div", { key: "3e90d73c4e963cb7bbb4011e6ca57242c546e86f", class: "gids-form__footer-wrapper" }, r("slot", { key: "10f78988c50c5a851bfacf5ba1eeb13b9b5d6121", name: "formFooterChildren", onSlotchange: this.handleFooterSlotChange }))));
   }
   get hostElement() {
     return this;
@@ -76,17 +92,17 @@ const x = ({ appearance: r, hasBorder: o, shadow: d, borderRadius: a, height: i,
     return { id: [{ idChanged: 0 }], appearance: [{ appearanceChanged: 0 }], heading: [{ headingChanged: 0 }], supportingText: [{ supportingTextChanged: 0 }], description: [{ descriptionChanged: 0 }], hasBorder: [{ hasBorderChanged: 0 }], shadow: [{ shadowChanged: 0 }], borderColor: [{ borderColorChanged: 0 }], borderRadius: [{ borderRadiusChanged: 0 }], height: [{ heightChanged: 0 }], width: [{ widthChanged: 0 }], divider: [{ dividerChanged: 0 }] };
   }
   static get style() {
-    return ".gids-form{--gidsFormBorder-color:var(--gids-color-border-default);--gidsFormBg-color:var(--gids-color-background-neutral-default);--gidsForm-shadow:none;--gidsForm-border-radius:var(--gids-border-radius-none);--gidsForm-border:none;--gidsFormPrimaryText-color:var(--gids-color-text-default);--gidsFormSecondaryText-color:var(--gids-color-text-subtle);--gidsFormTertiaryText-color:var(--gids-color-text-subtlest);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;align-self:flex-start;justify-self:flex-start;padding:var(--gids-padding-vertical-edge-to-element-250) var(--gids-padding-horizontal-edge-to-element-300);background-color:var(--gidsFormBg-color);box-shadow:var(--gidsForm-shadow);border-radius:var(--gidsForm-border-radius);border:var(--gidsForm-border);overflow:hidden}.gids-form__header{display:flex;align-items:flex-start;justify-content:flex-start;gap:var(--gids-gap-100)}.gids-form__header-text-content{display:flex;flex-direction:column;gap:var(--gids-gap-050)}.gids-form__header-text-content label{font-family:var(--gids-typography-heading-small__font-family);font-size:var(--gids-typography-heading-small__font-size);font-weight:var(--gids-typography-heading-small__font-weight);letter-spacing:var(--gids-typography-heading-small__letter-spacing);line-height:var(--gids-typography-heading-small__line-height);text-transform:var(--gids-typography-heading-small__text-transform, inherit);font-variant-caps:var(--gids-typography-heading-small__font-variant-caps, inherit);color:var(--gidsFormPrimaryText-color)}.gids-form__header-text-content span{font-family:var(--gids-typography-label-medium__font-family);font-size:var(--gids-typography-label-medium__font-size);font-weight:var(--gids-typography-label-medium__font-weight);letter-spacing:var(--gids-typography-label-medium__letter-spacing);line-height:var(--gids-typography-label-medium__line-height);text-transform:var(--gids-typography-label-medium__text-transform, inherit);font-variant-caps:var(--gids-typography-label-medium__font-variant-caps, inherit);color:var(--gidsFormSecondaryText-color)}.gids-form__header-text-content p{margin:0;font-family:var(--gids-typography-paragraph-small__font-family);font-size:var(--gids-typography-paragraph-small__font-size);font-weight:var(--gids-typography-paragraph-small__font-weight);letter-spacing:var(--gids-typography-paragraph-small__letter-spacing);line-height:var(--gids-typography-paragraph-small__line-height);text-transform:var(--gids-typography-paragraph-small__text-transform, inherit);font-variant-caps:var(--gids-typography-paragraph-small__font-variant-caps, inherit);color:var(--gidsFormTertiaryText-color)}.gids-form__content{display:flex;flex-direction:column;width:100%;padding:var(--gids-padding-vertical-edge-to-element-300) 0;overflow-x:hidden;overflow-y:auto}.gids-form__divider-container{display:flex;flex-direction:column;width:100%;padding:var(--gids-padding-vertical-edge-to-element-250) 0}.gids-form--appearance-subtle{--gidsFormBg-color:transparent}.gids-form--shadow-overflow{--gidsForm-shadow:var(--gids-elevation-shadow-overflow)}.gids-form--shadow-overlay{--gidsForm-shadow:var(--gids-elevation-shadow-overlay)}.gids-form--shadow-raised{--gidsForm-shadow:var(--gids-elevation-shadow-raised)}.gids-form--border-radius-sm{--gidsForm-border-radius:var(--gids-border-radius-sm)}.gids-form--border-radius-md{--gidsForm-border-radius:var(--gids-border-radius-md)}.gids-form--border-radius-lg{--gidsForm-border-radius:var(--gids-border-radius-lg)}.gids-form--has-border{--gidsForm-border:var(--gids-border-width-thin) solid    var(--gidsFormBorder-color)}.gids-form--height-full{height:100vh !important;overflow:hidden}.gids-form--width-full{width:100%}";
+    return ".gids-form{--gidsFormBorder-color:var(--gids-color-border-default);--gidsFormBg-color:var(--gids-color-background-neutral-default);--gidsForm-shadow:none;--gidsForm-border-radius:var(--gids-border-radius-none);--gidsForm-border:none;--gidsFormPrimaryText-color:var(--gids-color-text-default);--gidsFormSecondaryText-color:var(--gids-color-text-subtle);--gidsFormTertiaryText-color:var(--gids-color-text-subtlest);display:flex;flex-direction:column;background-color:var(--gidsFormBg-color);box-shadow:var(--gidsForm-shadow);border-radius:var(--gidsForm-border-radius);border:var(--gidsForm-border)}.gids-form__container{display:flex;flex-direction:column;width:100%;align-items:flex-start;justify-content:flex-start;align-self:flex-start;justify-self:flex-start;padding-top:var(--gids-padding-vertical-edge-to-element-250);padding-left:var(--gids-padding-horizontal-edge-to-element-300);padding-right:var(--gids-padding-horizontal-edge-to-element-300);overflow:hidden}.gids-form__header{display:flex;width:100%;align-items:flex-start;justify-content:flex-start;gap:var(--gids-gap-100)}.gids-form__header-text-content{display:flex;flex-direction:column;flex:1;gap:var(--gids-gap-050)}.gids-form__header-text-content label{font-family:var(--gids-typography-heading-small__font-family);font-size:var(--gids-typography-heading-small__font-size);font-weight:var(--gids-typography-heading-small__font-weight);letter-spacing:var(--gids-typography-heading-small__letter-spacing);line-height:var(--gids-typography-heading-small__line-height);text-transform:var(--gids-typography-heading-small__text-transform, inherit);font-variant-caps:var(--gids-typography-heading-small__font-variant-caps, inherit);color:var(--gidsFormPrimaryText-color)}.gids-form__header-text-content span{font-family:var(--gids-typography-label-medium__font-family);font-size:var(--gids-typography-label-medium__font-size);font-weight:var(--gids-typography-label-medium__font-weight);letter-spacing:var(--gids-typography-label-medium__letter-spacing);line-height:var(--gids-typography-label-medium__line-height);text-transform:var(--gids-typography-label-medium__text-transform, inherit);font-variant-caps:var(--gids-typography-label-medium__font-variant-caps, inherit);color:var(--gidsFormSecondaryText-color)}.gids-form__header-text-content p{margin:0;font-family:var(--gids-typography-paragraph-small__font-family);font-size:var(--gids-typography-paragraph-small__font-size);font-weight:var(--gids-typography-paragraph-small__font-weight);letter-spacing:var(--gids-typography-paragraph-small__letter-spacing);line-height:var(--gids-typography-paragraph-small__line-height);text-transform:var(--gids-typography-paragraph-small__text-transform, inherit);font-variant-caps:var(--gids-typography-paragraph-small__font-variant-caps, inherit);color:var(--gidsFormTertiaryText-color)}.gids-form__content{display:flex;flex-direction:column;width:100%;padding:var(--gids-padding-vertical-edge-to-element-300) 0;overflow-x:hidden;overflow-y:auto}.gids-form__divider-container{display:flex;flex-direction:column;width:100%;padding:var(--gids-padding-vertical-edge-to-element-250) 0}.gids-form--appearance-subtle{--gidsFormBg-color:transparent}.gids-form--shadow-overflow{--gidsForm-shadow:var(--gids-elevation-shadow-overflow)}.gids-form--shadow-overlay{--gidsForm-shadow:var(--gids-elevation-shadow-overlay)}.gids-form--shadow-raised{--gidsForm-shadow:var(--gids-elevation-shadow-raised)}.gids-form--border-radius-sm{--gidsForm-border-radius:var(--gids-border-radius-sm)}.gids-form--border-radius-md{--gidsForm-border-radius:var(--gids-border-radius-md)}.gids-form--border-radius-lg{--gidsForm-border-radius:var(--gids-border-radius-lg)}.gids-form--has-border{--gidsForm-border:var(--gids-border-width-thin) solid    var(--gidsFormBorder-color)}.gids-form--height-full{height:100vh !important;overflow:hidden}.gids-form--width-full{width:100%}.gids-form__footer{width:100%}.gids-form__footer--is-empty{display:none}.gids-form__footer--has-content{display:flex;flex-direction:column}.gids-form__footer-divider{display:flex;flex-direction:column;width:100%}.gids-form__footer-wrapper{display:flex;flex-direction:column;width:100%;padding:var(--gids-padding-vertical-edge-to-element-200) var(--gids-padding-horizontal-edge-to-element-300)}.gids-form__header-children{display:flex;flex-direction:column;align-self:center;justify-content:center;align-items:flex-end}";
   }
-}, [260, "gids-form", { id: [1], appearance: [1], heading: [1], supportingText: [1, "supporting-text"], description: [1], hasBorder: [4, "has-border"], shadow: [1], borderColor: [1, "border-color"], borderRadius: [1, "border-radius"], height: [1], width: [1], divider: [4] }, void 0, { id: [{ idChanged: 0 }], appearance: [{ appearanceChanged: 0 }], heading: [{ headingChanged: 0 }], supportingText: [{ supportingTextChanged: 0 }], description: [{ descriptionChanged: 0 }], hasBorder: [{ hasBorderChanged: 0 }], shadow: [{ shadowChanged: 0 }], borderColor: [{ borderColorChanged: 0 }], borderRadius: [{ borderRadiusChanged: 0 }], height: [{ heightChanged: 0 }], width: [{ widthChanged: 0 }], divider: [{ dividerChanged: 0 }] }]);
-function l() {
-  typeof customElements < "u" && ["gids-form"].forEach(((r) => {
-    r === "gids-form" && (customElements.get(n(r)) || customElements.define(n(r), h));
+}, [260, "gids-form", { id: [1], appearance: [1], heading: [1], supportingText: [1, "supporting-text"], description: [1], hasBorder: [4, "has-border"], shadow: [1], borderColor: [1, "border-color"], borderRadius: [1, "border-radius"], height: [1], width: [1], divider: [4], footerDividerVisible: [4, "footer-divider-visible"], hasFooterChildren: [32] }, void 0, { id: [{ idChanged: 0 }], appearance: [{ appearanceChanged: 0 }], heading: [{ headingChanged: 0 }], supportingText: [{ supportingTextChanged: 0 }], description: [{ descriptionChanged: 0 }], hasBorder: [{ hasBorderChanged: 0 }], shadow: [{ shadowChanged: 0 }], borderColor: [{ borderColorChanged: 0 }], borderRadius: [{ borderRadiusChanged: 0 }], height: [{ heightChanged: 0 }], width: [{ widthChanged: 0 }], divider: [{ dividerChanged: 0 }] }]);
+function f() {
+  typeof customElements < "u" && ["gids-form"].forEach(((e) => {
+    e === "gids-form" && (customElements.get(g(e)) || customElements.define(g(e), l));
   }));
 }
-l();
-const z = h, R = l;
+f();
+const E = l, z = f;
 export {
-  z as GidsForm,
-  R as defineCustomElement
+  E as GidsForm,
+  z as defineCustomElement
 };

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

@@ -1,6 +1,6 @@
-import { l as e, h as t } from "./p-B_St7yaX-Da4DWjGh.js";
-const o = e, i = t;
+import { l as e, h as t } from "./p-COsSHfdc-DfDYoLSS.js";
+const a = e, i = t;
 export {
-  o as GidsHeaderNavigationItem,
+  a as GidsHeaderNavigationItem,
   i as defineCustomElement
 };

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

@@ -2,7 +2,7 @@ import { L as f, u as C, D as s, P as M, q as r } from "./p-B4hcsDH0-CPqEc-vc.js
 import { d as S } from "./p-iQRr_fAH-Dvv1n8QD.js";
 import { r as N } from "./p-BRNvHMdK-CqGtfAsn.js";
 import { e as y } from "./p-ChV9xqsO-CJSPCx6p.js";
-import { h as x } from "./p-B_St7yaX-Da4DWjGh.js";
+import { h as x } from "./p-COsSHfdc-DfDYoLSS.js";
 import { c as b } from "./clsx-OuTLNxxd.js";
 const z = ({ mode: t, type: e }, a) => b("gids-header-navigation", {
   // Modes
@@ -90,7 +90,7 @@ const z = ({ mode: t, type: e }, a) => b("gids-header-navigation", {
   }
   render() {
     const t = this?.appearance ?? "default", e = this?.selectionAppearance ?? "default", a = this?.applyShadow ?? !1, d = this?.applySeparators ?? !1, i = this?.borderRadius ?? "none", g = this?.mode ?? "wrap", u = this?.type ?? "gap", l = this?.size ?? "md", c = this?.navMenus ?? [], I = this?.selectionType ?? "single-deselection-not-allowed", v = E({ mode: g, type: u });
-    return s(M, { key: "2c22b5282ab8c0799fc19bcd26fbb506dfa93488", class: v }, c.map(((n, o) => s("div", { key: "" + (o + 1), class: y("gids-header-navigation__item-container-gap", { "gids-header-navigation__item-container-standard": u === "standard" }) }, s("gids-header-navigation-item", { ...n, id: n.id, menuId: n?.menuId, menuItems: n?.menuItems ?? [], label: n?.label, size: l, appearance: t, selectionAppearance: e, applyShadow: a, borderRadius: i, expanded: this.isThisMenuExpanded(n?.menuId), selected: this.isThisNavigationItemSelected(n?.id), selectedMenuItemId: this.getSelectedMenuItemId(), selectionType: I, onPressNavigationItem: (h) => this.onNavigationItemPress({ event: h, itemIndex: o }), onMenuItemChange: (h) => this.onNavigationMenuItemChange({ event: h, itemIndex: o }) }, n?.leadingIconName && n.leadingIconName !== "(none)" ? s(S, { slot: "headerNavItemLeadingIcon", name: n.leadingIconName, size: l !== "xl" ? l : "lg", alt: "", appearance: "regular" }) : void 0), d && o < c.length - 1 ? s(N, { orientation: "vertical" }) : void 0))));
+    return s(M, { key: "a0e2c481d4b27986c907f71fe4035039ab3a3c64", class: v }, c.map(((n, o) => s("div", { key: "" + (o + 1), class: y("gids-header-navigation__item-container-gap", { "gids-header-navigation__item-container-standard": u === "standard" }) }, s("gids-header-navigation-item", { ...n, id: n.id, menuId: n?.menuId, menuItems: n?.menuItems ?? [], label: n?.label, size: l, appearance: t, selectionAppearance: e, applyShadow: a, borderRadius: i, expanded: this.isThisMenuExpanded(n?.menuId), selected: this.isThisNavigationItemSelected(n?.id), selectedMenuItemId: this.getSelectedMenuItemId(), selectionType: I, onPressNavigationItem: (h) => this.onNavigationItemPress({ event: h, itemIndex: o }), onMenuItemChange: (h) => this.onNavigationMenuItemChange({ event: h, itemIndex: o }) }, n?.leadingIconName && n.leadingIconName !== "(none)" ? s(S, { slot: "headerNavItemLeadingIcon", name: n.leadingIconName, size: l !== "xl" ? l : "lg", alt: "", appearance: "regular" }) : void 0), d && o < c.length - 1 ? s(N, { orientation: "vertical" }) : void 0))));
   }
   get hostElement() {
     return this;

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

@@ -1,6 +1,6 @@
-import { n as o, d as e } from "./p-DMxvWIj1-BxbvrlFL.js";
-const s = o, t = e;
+import { n as o, a as s } from "./p-DKe6orSY-D1kYOeuX.js";
+const n = o, t = s;
 export {
-  s as GidsIcon,
+  n as GidsIcon,
   t as defineCustomElement
 };

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

@@ -1,4 +1,4 @@
-import { l as r, r as s } from "./p-DzOOjiNH-CqI4E-mj.js";
+import { c as r, r as s } from "./p-CZgH5rZs-Clk0qfHN.js";
 const e = r, o = s;
 export {
   e as GidsInput,

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

@@ -1,6 +1,6 @@
-import { g as e, c as s } from "./p-DKSnGphd-CZSPfB-N.js";
-const o = e, r = s;
+import { g as e, c as t } from "./p-C88Z_F_m-wMA27lx_.js";
+const o = e, s = t;
 export {
   o as GidsLineChart,
-  r as defineCustomElement
+  s as defineCustomElement
 };

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

@@ -178,7 +178,7 @@ const F = (e) => !!(e?.buttonLabel && e.buttonLabel !== "" || e?.leadingIconName
   }
   render() {
     const e = pe({ width: this.width }), a = this.isTopHeaderVisible, t = this.getTopHeaderCells(), l = this?.constructedTableBodyData ?? [];
-    return d(E, { key: "fe688b52bb4df76f2c0f8abb54f9a19434694a88", class: e }, d("table", { key: "35103313b64ebff661829fa6075a737fa7e29d0a", class: this.getTableClasses() }, a ? d(be, { appearance: this.topHeaderAppearance, labelTypography: this.topHeaderLabelTypography, textAlignment: this.topHeaderTextAlignment, headerCells: t, width: this.width }) : void 0, d("tbody", { key: "9407c8ee64790ac91562397a4d2f5b55b61b9402" }, l.length > 0 ? l.map(((r) => d(D, { layout: "horizontal", rows: r?.items ?? [], width: this.width }))) : void 0)));
+    return d(E, { key: "4e7a0b703fec737cea126874c1e0ad431befe3c7", class: e }, d("table", { key: "bf9216a504a97404cef829fb0a6ad67a8a29cfb7", class: this.getTableClasses() }, a ? d(be, { appearance: this.topHeaderAppearance, labelTypography: this.topHeaderLabelTypography, textAlignment: this.topHeaderTextAlignment, headerCells: t, width: this.width }) : void 0, d("tbody", { key: "8a81bebdfc2c40ca1424ca225e9bdecab2fdec57" }, 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-month-dropdown-picker.js

@@ -0,0 +1,6 @@
+import { b as o, f as e } from "./p-62akP0Ad-D4pJ0a_I.js";
+const n = o, r = e;
+export {
+  n as GidsMonthDropdownPicker,
+  r as defineCustomElement
+};

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

@@ -1,10 +1,10 @@
-import { L as a, u as n, D as e, q as o } from "./p-B4hcsDH0-CPqEc-vc.js";
+import { L as i, 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
-}, Symbol.toStringTag, { value: "Module" })), { showGidsOverflowContainerBottomShadow: s, showGidsOverflowContainerTopShadow: f } = d, r = a(class extends n {
+  showGidsOverflowContainerBottomShadow: c,
+  showGidsOverflowContainerTopShadow: h
+}, Symbol.toStringTag, { value: "Module" })), { showGidsOverflowContainerBottomShadow: s, showGidsOverflowContainerTopShadow: f } = d, r = i(class extends n {
   constructor(t) {
     super(), t !== !1 && this.__registerHost(), this.__attachShadow(), this.shadowLocation = "bottom";
   }
@@ -20,19 +20,19 @@ 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: "4ffa0e4c4825a8217ca66de06b5977df972631a6", class: "gids-overflow-container__text-area", onScroll: this.calculateShadows.bind(this) }, e("slot", { key: "366c313169c0541a02f893f5b8cca57921f992e2" }));
+    return e("div", { key: "227662d2598051caf5cea67f0896fc1a7832fa15", class: "gids-overflow-container__text-area", onScroll: this.calculateShadows.bind(this) }, e("slot", { key: "0b330e539a919ea33a60da98820babcbf5dab668" }));
   }
   get _el() {
     return this;
   }
 }, [257, "gids-overflow-container", { shadowLocation: [513, "shadow-location"] }]);
-function i() {
+function a() {
   typeof customElements < "u" && ["gids-overflow-container"].forEach(((t) => {
     t === "gids-overflow-container" && (customElements.get(o(t)) || customElements.define(o(t), r));
   }));
 }
-i();
-const p = r, m = i;
+a();
+const p = r, m = a;
 export {
   p as GidsOverflowContainer,
   m as defineCustomElement

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

@@ -120,7 +120,7 @@ const Q = ({ appearance: t }, e) => h("gids-notification-container", {
   return o("div", { ...a, class: z({ appearance: t }, i) }, o("div", { class: "gids-snackbar-container__content" }, t !== "default" && r != null ? o(p, { name: r, alt: "", appearance: "filled", size: "md", class: "gids-snackbar-container__icon" }) : null, typeof e == "string" ? o("p", null, e) : e), n);
 }, { getGidsNotificationContainerClassNames: Y, getNotificationContainerIconNames: E } = j, R = ({ notificationTitle: t, children: e, button: n, appearance: i = "default", pronunciation: a = "standard", onCloseNotificationClick: r, class: s, ...m }) => {
   const c = E(i);
-  return o("div", { class: Y({ appearance: i }, s), ...m }, i !== "default" && c ? o("div", { class: "gids-notification-container__leading-icon-wrapper" }, o(p, { size: "md", name: c, alt: "", appearance: "filled" })) : null, o("div", { class: "gids-notification-container__content-wrapper" }, o("div", { class: "gids-notification-container__top-content" }, o("div", { class: "gids-notification-container__text-content" }, t != null && t !== "" ? o("span", { class: "gids-notification-container__title" }, t) : null, e ? typeof e == "string" ? o("p", null, e) : e : null), a === "standard" ? o("div", { class: "gids-notification-container__cross-btn-wrapper" }, o(u, { size: "sm", appearance: "subtle", width: "intrinsic", leadingIcon: o(p, { name: "cross", size: "md", appearance: "regular" }), onClick: r })) : null), n ? o("div", { class: "gids-notification-container__bottom-content" }, n) : null));
+  return o("div", { class: Y({ appearance: i }, s), ...m }, i !== "default" && c ? o("div", { class: "gids-notification-container__leading-icon-wrapper" }, o(p, { size: "md", name: c, alt: "", appearance: "filled" })) : null, o("div", { class: "gids-notification-container__content-wrapper" }, o("div", { class: "gids-notification-container__top-content" }, o("div", { class: "gids-notification-container__text-content" }, t != null && t !== "" ? o("span", { class: "gids-notification-container__title" }, t) : null, e ? typeof e == "string" ? o("p", null, e) : e : null), a === "standard" ? o("div", { class: "gids-notification-container__cross-btn-wrapper" }, o(u, { size: "sm", appearance: "subtle", width: "intrinsic", leadingIcon: o(p, { name: "x-circle", size: "md", appearance: "regular" }), onClick: r })) : null), n ? o("div", { class: "gids-notification-container__bottom-content" }, n) : null));
 }, { getComponentClasses: B, getComponentStackClasses: G } = O, _ = C(class extends y {
   constructor(t) {
     super(), t !== !1 && this.__registerHost(), this.__attachShadow(), this._parentOverlayProvider = null, this._componentQueue = [], this._allowedComponentQueue = [], this._exitingComponents = [], this._renderSnackbar = (e, n) => {
@@ -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: "f3a0ab5debe5b2f6b777cf48653028627f89d8a1" }, o("slot", { key: "88f4108449b47807c1936e9133a3a4ee8a1b122b" }), this._isRoot() ? o("div", { class: G({ position: t }) }, [...this._allowedComponentQueue].reverse().map(((e) => this._renderComponent(e)))) : null);
+    return o(w, { key: "b05663a31ab6f637e2837b71274b09d50c3e5015" }, o("slot", { key: "bfdbff73c68fe94d7889a30ba9074f4d542f8646" }), 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 w, 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 { s as F } from "./p-BkxmRN-4-DSiXCW8b.js";
-import { r as L } from "./p-Do_VlNHg-Ck03dQOR.js";
+import { r as L } from "./p-DdJKIFk0-Co3FvR3K.js";
 import { o as O } from "./p-Dg_WeHpV-DehzGL6g.js";
 import { g as k, d as j } from "./p-iQRr_fAH-Dvv1n8QD.js";
-import { h as z } from "./p-mv_7K1EM-U3yKC45e.js";
-import { r as E } from "./p-DzOOjiNH-CqI4E-mj.js";
+import { h as z } from "./p-gK9DvcL8-Chw-ya2Q.js";
+import { r as E } from "./p-CZgH5rZs-Clk0qfHN.js";
 import { c as g } from "./clsx-OuTLNxxd.js";
 const G = (e) => {
   switch (e) {
@@ -16,10 +16,10 @@ const G = (e) => {
     default:
       return "default";
   }
-}, B = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, A = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   inputToGidsFieldStatusForPassword: G
-}, Symbol.toStringTag, { value: "Module" })), f = /[A-Z]/, p = /[a-z]/, b = /[0-9]/, q = /[^A-Za-z0-9]/, A = ({ text: e, meterRules: t = [], textMinLength: s = 0 }) => {
+}, Symbol.toStringTag, { value: "Module" })), f = /[A-Z]/, p = /[a-z]/, b = /[0-9]/, q = /[^A-Za-z0-9]/, B = ({ text: e, meterRules: t = [], textMinLength: s = 0 }) => {
   if (!e || e === "")
     return 0;
   let n = 0;
@@ -30,17 +30,17 @@ const G = (e) => {
 }, $ = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   getColorModifierByScore: I,
-  getStrengthMeterScore: A,
+  getStrengthMeterScore: B,
   include1DigitReg: b,
   include1LowercaseLetterReg: p,
   include1SpecialCharReg: q,
   include1UppercaseLetterReg: f
-}, Symbol.toStringTag, { value: "Module" })), o = ({ requirementRule: e, textMinLength: t }) => e === "include-min-length" && t && t > 0, R = (e) => {
+}, Symbol.toStringTag, { value: "Module" })), d = ({ requirementRule: e, textMinLength: t }) => e === "include-min-length" && t && t > 0, R = (e) => {
   const t = [];
   return e && e.length > 0 && e.map((s) => {
     s?.requirementRule && t.push(s.requirementRule);
   }), t;
-}, N = ({ rule: e, textMinLength: t = 0, text: s }) => {
+}, D = ({ rule: e, textMinLength: t = 0, text: s }) => {
   if (!s || s === "" || !e && !t)
     return !1;
   switch (e) {
@@ -53,7 +53,7 @@ const G = (e) => {
     case "1-special-character":
       return q.test(s);
     case "include-min-length":
-      return o({
+      return d({
         requirementRule: "include-min-length",
         textMinLength: t
       }) === !0 && s.length >= t;
@@ -79,7 +79,7 @@ const G = (e) => {
       requirementText: "Password must contain atleast 1 lowercase letter."
     }
   ];
-  return o({
+  return d({
     requirementRule: "include-min-length",
     textMinLength: e
   }) && t.push({
@@ -89,12 +89,12 @@ const G = (e) => {
     defaultMeterRules: R(t),
     defaultRequirementsMeterRules: t
   };
-}, D = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, N = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  checkRequirementRuleSatisfied: N,
+  checkRequirementRuleSatisfied: D,
   getDefaultRulesAndRequirementsForMeters: m,
   getMeterRulesFromRequirements: R,
-  minLengthRuleCanBeApplied: o
+  minLengthRuleCanBeApplied: d
 }, Symbol.toStringTag, { value: "Module" })), V = (e) => {
   switch (e) {
     case "error":
@@ -111,7 +111,7 @@ const G = (e) => {
 }, H = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   getRequirementsMeterLabelLeadingIcon: V
-}, Symbol.toStringTag, { value: "Module" })), { inputToGidsFieldStatusForPassword: U } = B, Z = (e) => e === "implicit" || e === void 0 ? "implicit" : U(e), W = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Symbol.toStringTag, { value: "Module" })), { inputToGidsFieldStatusForPassword: U } = A, 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", {
@@ -133,19 +133,19 @@ const G = (e) => {
   return s.length > 0 ? i("div", { class: te(n) }, (() => {
     const r = s.length, l = se({ text: e, textMinLength: t, meterRules: s }), u = re({ textScore: l, maxScore: r });
     return Array.from({ length: r }, ((_, c) => {
-      const d = c + 1, v = d <= l;
-      return s[d] === "include-min-length" ? o({ requirementRule: "include-min-length", textMinLength: t }) ? a(d, u, v) : null : a(d, u, v);
+      const o = c + 1, v = o <= l;
+      return s[o] === "include-min-length" ? d({ requirementRule: "include-min-length", textMinLength: t }) ? a(o, u, v) : null : a(o, u, v);
     }));
   })()) : null;
 }, { 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 } = D, { getGidsRequirementsMeterClassNames: de } = X, oe = ({ requirements: e = [], text: t, textMinLength: s, class: n }) => {
+}, { checkRequirementRuleSatisfied: ue } = N, { getGidsRequirementsMeterClassNames: oe } = X, de = ({ 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) => {
+  return i("div", { class: oe(n) }, e.map(((r) => {
     if (r?.requirementText != null && r?.requirementRule != null) {
       const l = ue({ rule: r.requirementRule, textMinLength: s, text: t });
-      return r.requirementRule === "include-min-length" ? o({ requirementRule: r.requirementRule, textMinLength: s }) === !0 ? a(r, l) : null : a(r, l);
+      return r.requirementRule === "include-min-length" ? d({ requirementRule: r.requirementRule, textMinLength: s }) === !0 ? a(r, l) : null : a(r, l);
     }
     return 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: "0d66c19fb7f8d8a17f32e8c7d03438454fc6d592" }, i("gids-field", { key: "579bfcbd6f2a75eae77d636e94caab9df0870e78", disabled: this.disabled, count: void 0, helperText: this.helperText, statusText: this.statusText, status: ce(this.status) }, i(F, { key: "3099c7ae5c08e7fb8fc7cdbd7b8b44c79aa33615", 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: "467581b51585f240c024f19d2accb6aa66adc07b", 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: "c3f015e63ba61c3f7146a1ce4aa2971eccbebcd1", name: "leadingIcon" }), i("slot", { key: "aac4530d91bfe25eaf2bf12f0b77504d421fab18", name: "leadingAccessory" }), i("div", { key: "dc538841be19f14399fc4f323e659fbc455d29b2", slot: "trailingAccessory", class: "gids-password-field__trailing-accessory" }, n && i(L, { key: "18cb399d6e14eed55d19c70dba5148706e5ea3b4", label: "clear text", size: "lg", onPressDismiss: this._handleDismiss }), a && i(O, { key: "1968cc139cf5f24502bf468c73c63ed55c7d0e91", appearance: "default", size: "xs", width: "intrinsic", disabled: this.disabled, onClick: this._handleRevealPassword }, u ? "Hide" : "Show")))), i("div", { key: "c7079d0d74519e3dffc5f626b998f298057ae80b", class: "gids-password-field__meters-container" }, i(ie, { key: "750887a530a98be4734dd20740ab1ed7b82c730d", meterRules: _, text: this.value, textMinLength: c }), i(oe, { key: "a87854e137fb1972fd6079a600f097d3ee5eebb8", requirements: this.requirementsMeterRequirements, text: this.value, textMinLength: c })));
+    return i(T, { key: "c4f8525e2e69b41e6f9f52a77d017dc0d686b38b" }, i("gids-field", { key: "03ad63882f2207f20df3a4afedbb59b104e24881", disabled: this.disabled, count: void 0, helperText: this.helperText, statusText: this.statusText, status: ce(this.status) }, i(F, { key: "33357b64b4c1c62f714a798a7a3c0caa8322e1b1", 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: "4e37191cc806d038c869028fe9a50fed550715e5", ref: (o) => this.#e = o, 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: "121d46d41d9b243ea803f22d69297a178405c524", name: "leadingIcon" }), i("slot", { key: "2832bcafe28c59ad96f188f3fed037eee9de2bfc", name: "leadingAccessory" }), i("div", { key: "8c12fb646f736cc5c07b2ba145995f1441b94412", slot: "trailingAccessory", class: "gids-password-field__trailing-accessory" }, n && i(L, { key: "01c77e00cdbfe815a4448bb20c64624f8152f6e7", label: "clear text", size: "lg", onPressDismiss: this._handleDismiss }), a && i(O, { key: "ef69b5e486745281f985a4a8a51f726f22827239", appearance: "default", size: "xs", width: "intrinsic", disabled: this.disabled, onClick: this._handleRevealPassword }, u ? "Hide" : "Show")))), i("div", { key: "65893ed7dab2df28d03718f4fe97ff9f2b9264df", class: "gids-password-field__meters-container" }, i(ie, { key: "0d03044768e174159aefc7384bd684adbce4b1cb", meterRules: _, text: this.value, textMinLength: c }), i(de, { key: "e374f8a7ddbc8b36cd7c0ff4b808fd0cb28febe4", requirements: this.requirementsMeterRequirements, text: this.value, textMinLength: c })));
   }
   get _el() {
     return this;

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

@@ -1,4 +1,4 @@
-import { n as e, c as t } from "./p-B2flLE0s-SMg7vg1a.js";
+import { n as e, c as t } from "./p-DXlBK8TS-DazOvEm2.js";
 const r = e, s = t;
 export {
   r as GidsPieChart,

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

@@ -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: "3554da5077c5559833eff3e75b879747d5b2e8d9" }, a("slot", { key: "a2ff6891af63297a0851a73073d71ff07a43b588", name: "anchor" }), a("div", { key: "2026889b3345cad4e0c9e7f3322e9202989911f5", id: "popover", part: "popover", role: "dialog", "aria-modal": "true", tabindex: "-1" }, a("span", { key: "5d4a3d2627badbc918b5d1ce165ff9713192255d", id: "arrow" }), a("div", { key: "e7f2c5681fbfe9aa83f45c6c6007384dac051210" }, a("slot", { key: "3a7392b090bb697361bc26ee6f3f8d8dbbcd2de5" }))));
+    return a(f, { key: "639f2d4076daa4f4da821412bc6b4dd73a27f41e" }, a("slot", { key: "b8602e01db55dafc9121082db2bad185b8449e95", name: "anchor" }), a("div", { key: "a0f6f67f2e8529c8f295286550212871609ca9a5", id: "popover", part: "popover", role: "dialog", "aria-modal": "true", tabindex: "-1" }, a("span", { key: "7d864bc6691ba1229ac713ea89af1bf01a76b465", id: "arrow" }), a("div", { key: "946ce1bf4c97d74b201a8ebf742e7a798a959368" }, a("slot", { key: "701719e3404d9139f85c688f693b2651fef2f516" }))));
   }
   disconnectedCallback() {
     this.cleanupEventListeners(), this.floatingElementManager?.destroy();

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

@@ -1,6 +1,6 @@
-import { _ as e, y as o } from "./p-BCbovLBE-CDxKiOtS.js";
-const s = e, t = o;
+import { _ as e, y as o } from "./p-jtpLLxuw-BlEPhjmU.js";
+const t = e, r = o;
 export {
-  s as GidsProfileMenuHeader,
-  t as defineCustomElement
+  t as GidsProfileMenuHeader,
+  r as defineCustomElement
 };

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

@@ -1,6 +1,6 @@
-import { c as e, p as o } from "./p--kh67-_Z-B-vf_gng.js";
-const p = e, r = o;
+import { c as e, p as o } from "./p-D_mszaeq-ndcXN34-.js";
+const s = e, t = o;
 export {
-  p as GidsProfileMenu,
-  r as defineCustomElement
+  s as GidsProfileMenu,
+  t as defineCustomElement
 };

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

@@ -1,8 +1,8 @@
-import { L as z, u as B, D as o, P as L, q as f } from "./p-B4hcsDH0-CPqEc-vc.js";
-import { m as R, l as j, y as G } from "./p-BCbovLBE-CDxKiOtS.js";
+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 j, y as G } from "./p-jtpLLxuw-BlEPhjmU.js";
 import { p as $ } from "./p-CcKHKwS0-Bw63tTOA.js";
 import { d as b } from "./p-iQRr_fAH-Dvv1n8QD.js";
-import { p as q } from "./p--kh67-_Z-B-vf_gng.js";
+import { p as q } from "./p-D_mszaeq-ndcXN34-.js";
 import { c as N } from "./clsx-OuTLNxxd.js";
 const O = ({ profileControlAppearance: e, profileControlBorderRadius: i, profileControlShadow: r, expanded: a }, l) => N("gids-profile", {
   // Appearances
@@ -88,8 +88,8 @@ const O = ({ profileControlAppearance: e, profileControlBorderRadius: i, profile
       if (!i) return;
       const r = this.hostElement.getBoundingClientRect(), a = window.innerWidth, l = window.innerHeight;
       i.style.maxHeight = "none";
-      const g = i.getBoundingClientRect(), s = l - r.bottom - 8, n = r.top - 4, d = g.height > s && n > s, c = d ? n : s;
-      i.style.maxHeight = g.height > c ? c + "px" : "none";
+      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 = 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";
@@ -169,9 +169,9 @@ const O = ({ profileControlAppearance: e, profileControlBorderRadius: i, profile
     document.removeEventListener("click", this.handleDocumentClick);
   }
   render() {
-    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, c = 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 });
+    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"), o(L, { key: "6544a8b12ca555b005aada8583aee6af2716d19b", class: M, onClick: this.onProfileControlPress, "menu-expanded": h }, n ? o(b, { name: n, size: k, appearance: A }) : void 0, o("div", { key: "e2ee877c0168c5c27a64f6e51799294d03c62ac9", 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($, { appearance: r?.appearance ?? "information", type: r?.type, count: r?.count, outline: r?.outline }) : void 0 }) : void 0, o("div", { key: "285373353d7ebec41f82e87393f0395d2033331e", class: "gids-profile__content-container" }, o("span", { key: "fdb40d72e3c78cf520b8c066e4b046a418eb8d28", class: E }, c), o("p", { key: "ea66a5d582c3223357c7da2c38c12286f349f185", 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);
+    return e === "brand" && (v = i?.color ?? "default"), o(L, { key: "1757a0fd6ac6d1f3a980530591ba881dbeeddffe", class: M, onClick: this.onProfileControlPress, "menu-expanded": h }, n ? o(b, { name: n, size: k, appearance: A }) : void 0, o("div", { key: "fba459a0a7e65675f89fd5813db84ff85610e516", 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($, { appearance: r?.appearance ?? "information", type: r?.type, count: r?.count, outline: r?.outline }) : void 0 }) : void 0, o("div", { key: "10d5e2d94c0dc9b8315980adbbd8699b0204b990", class: "gids-profile__content-container" }, o("span", { key: "e86a04355c50312591c0fb8533d591616a60023c", class: E }, f), o("p", { key: "feacb20a36fd943a4276ed85a2f2b06154aeaecb", 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;
@@ -187,13 +187,13 @@ function m() {
   typeof customElements < "u" && ["gids-profile", "gids-profile-menu", "gids-profile-menu-header"].forEach(((e) => {
     switch (e) {
       case "gids-profile":
-        customElements.get(f(e)) || customElements.define(f(e), C);
+        customElements.get(c(e)) || customElements.define(c(e), C);
         break;
       case "gids-profile-menu":
-        customElements.get(f(e)) || q();
+        customElements.get(c(e)) || q();
         break;
       case "gids-profile-menu-header":
-        customElements.get(f(e)) || G();
+        customElements.get(c(e)) || G();
     }
   }));
 }

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

@@ -1,10 +1,10 @@
-import { L as o, u as c, D as e, q as t } from "./p-B4hcsDH0-CPqEc-vc.js";
+import { L as c, u as o, D as e, q as t } from "./p-B4hcsDH0-CPqEc-vc.js";
 import { i as l } from "./p-B2zUuNXz-BLBgQDu7.js";
 import { c as n } from "./clsx-OuTLNxxd.js";
 const d = (s) => n("gids-scrim", s), m = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   getGidsScrimClassNames: d
-}, Symbol.toStringTag, { value: "Module" })), { getGidsScrimClassNames: a } = m, i = o(class extends c {
+}, Symbol.toStringTag, { value: "Module" })), { getGidsScrimClassNames: a } = m, i = c(class extends o {
   constructor(s) {
     super(), s !== !1 && this.__registerHost(), this.__attachShadow(), this.activeClasses = "";
   }
@@ -16,7 +16,7 @@ const d = (s) => n("gids-scrim", s), m = /* @__PURE__ */ Object.freeze(/* @__PUR
     s !== void 0 && this._el.shadowRoot?.adoptedStyleSheets.push(s), this.activeClasses = a(this.extraClasses);
   }
   render() {
-    return e("div", { key: "dabb463e89a0f58e4293299df536b475f3dcad88", class: this.activeClasses, part: "root" }, e("slot", { key: "417013f19fdaf3d704712a7fd85e9b39b721d561" }));
+    return e("div", { key: "9a1df0ca1a9ec44b2b724d82c6f3e258cf1e4fad", class: this.activeClasses, part: "root" }, e("slot", { key: "f8cf6371fef666315470bf35cdff58a8d4316b25" }));
   }
   get _el() {
     return this;

package/dist-bundled/es/gids-sidebar-item.js

@@ -1,4 +1,4 @@
-import { m as e, g as m } from "./p-bfWlRsx_-CNZjBYOE.js";
+import { m as e, g as m } from "./p-CKj2Ru6e-B-Nk5B_P.js";
 const o = e, r = m;
 export {
   o as GidsSidebarItem,

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

@@ -1,4 +1,4 @@
-import { G as e, P as o } from "./p-kWyyLyT3-VhX9LNzT.js";
+import { G as e, P as o } from "./p-B2YjHZsu-DxdrSYcE.js";
 const s = e, t = o;
 export {
   s as GidsSidebarMenu,