@ganpatiinfo/gids-core-web 20.0.0 → 21.0.0

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

@@ -1,110 +1,6 @@
-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;
+import { l as e, h as o } from "./p-DpvdbdZ--C7QlXxK2.js";
+const t = e, l = o;
 export {
-  P as GidsFlyoutPanel,
-  k as defineCustomElement
+  t as GidsFlyoutPanel,
+  l as defineCustomElement
 };

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

@@ -0,0 +1,92 @@
+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 { 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", {
+  // Appearances
+  // 'gids-form--appearance-default': appearance === 'default', // By Default so not needed
+  "gids-form--appearance-subtle": r === "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",
+  // 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",
+  // Settings
+  "gids-form--has-border": o,
+  // Sizes
+  "gids-form--height-full": i === "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;
+  }
+  idChanged(r) {
+    this.id = r;
+  }
+  appearanceChanged(r) {
+    this.appearance = r;
+  }
+  headingChanged(r) {
+    this.heading = r;
+  }
+  supportingTextChanged(r) {
+    this.supportingText = r;
+  }
+  descriptionChanged(r) {
+    this.description = r;
+  }
+  hasBorderChanged(r) {
+    this.hasBorder = r;
+  }
+  shadowChanged(r) {
+    this.shadow = r;
+  }
+  borderColorChanged(r) {
+    this.borderColor = r;
+  }
+  borderRadiusChanged(r) {
+    this.borderRadius = r;
+  }
+  heightChanged(r) {
+    this.height = r;
+  }
+  widthChanged(r) {
+    this.width = r;
+  }
+  dividerChanged(r) {
+    this.divider = r;
+  }
+  connectedCallback() {
+  }
+  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" })));
+  }
+  get hostElement() {
+    return this;
+  }
+  static get watchers() {
+    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%}";
+  }
+}, [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));
+  }));
+}
+l();
+const z = h, R = l;
+export {
+  z as GidsForm,
+  R as defineCustomElement
+};

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

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

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-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 { r as N } from "./p-BRNvHMdK-CqGtfAsn.js";
 import { e as y } from "./p-ChV9xqsO-CJSPCx6p.js";
-import { h as x } from "./p-Dw_kb9MC-BTd0lrGA.js";
+import { h as x } from "./p-B_St7yaX-Dq9UwiaA.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: "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))));
+    return r(S, { key: "4c2f041f0778abfa694bf7afb03d78fc42461f90", 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 { n as o, d as s } from "./p-DKOr5iAk-DA3Kc4Cn.js";
-const n = o, t = s;
+import { n as o, d as e } from "./p-DMxvWIj1-DPw-ITMY.js";
+const s = o, t = e;
 export {
-  n as GidsIcon,
+  s 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-j2_DKwBz-CqyuxxnN.js";
+import { l as r, r as s } from "./p-DzOOjiNH-Wm7KbI3O.js";
 const e = r, o = s;
 export {
   e as GidsInput,

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

@@ -1,4 +1,4 @@
-import { g as e, c as s } from "./p-CH4nrjpL-CrEJXTn0.js";
+import { g as e, c as s } from "./p-DKSnGphd-EpxzqjUA.js";
 const o = e, r = s;
 export {
   o as GidsLineChart,

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

@@ -1,9 +1,9 @@
-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 { L as q, u as M, D as d, P as E, F as $, q as I } from "./p-B4hcsDH0-CPqEc-vc.js";
+import { o as K } 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" ? {
+const F = (e) => !!(e?.buttonLabel && e.buttonLabel !== "" || e?.leadingIconName && e.leadingIconName !== "" || e?.trailingIconName && e.trailingIconName !== ""), Q = ({ cellActionButton: e, neededIconType: a = "leading" }) => a === "trailing" ? {
   cellIconName: e?.trailingIconName,
   cellIconAppearance: e?.trailingIconAppearance,
   cellIconSize: e?.trailingIconSize
@@ -15,45 +15,45 @@ const F = (e) => !!(e?.buttonLabel && e.buttonLabel !== "" || e?.leadingIconName
   __proto__: null,
   getTableCellBtnIcon: Q,
   isTableCellActionButtonVisible: F
-}, Symbol.toStringTag, { value: "Module" })), W = ({ width: e }, t) => B("gids-basic-table-header", {
+}, Symbol.toStringTag, { value: "Module" })), W = ({ width: e }, a) => B("gids-basic-table-header", {
   // Widths
   // 'gids-basic-table-header--width-full': width === 'full', // Width set by default so not needed
   "gids-basic-table-header--width-intrinsic": e === "intrinsic"
-}, t), X = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, a), X = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   getGidsBasicTableHeaderClassNames: W
-}, Symbol.toStringTag, { value: "Module" })), Y = ({ width: e }, t) => B("gids-basic-table-row", {
+}, Symbol.toStringTag, { value: "Module" })), Y = ({ width: e }, a) => B("gids-basic-table-row", {
   // Widths
   // 'gids-basic-table-row--width-full': width === 'full', // Width set by default so not needed
   "gids-basic-table-row--width-intrinsic": e === "intrinsic"
-}, t), Z = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, a), Z = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   getGidsBasicTableRowClassNames: Y
-}, Symbol.toStringTag, { value: "Module" })), ee = ({ width: e }, t) => B("gids-md-table", {
+}, Symbol.toStringTag, { value: "Module" })), ee = ({ width: e }, a) => B("gids-md-table", {
   // Widths
   // 'gids-md-table--width-full': width === 'full', // Width set by default so not needed
   "gids-md-table--width-intrinsic": e === "intrinsic"
-}, t), te = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, a), ae = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   getGidsMdTableClassNames: ee
-}, Symbol.toStringTag, { value: "Module" })), ae = ({ borderSides: e, borderRadiusSides: t, appearance: a, textAlignment: l, width: r }, i) => B("gids-table-cell", {
+}, Symbol.toStringTag, { value: "Module" })), te = ({ borderSides: e, borderRadiusSides: a, appearance: t, textAlignment: l, width: r }, i) => B("gids-table-cell", {
   "gids-table-cell--border-side-top": e?.includes("top"),
   "gids-table-cell--border-side-bottom": e?.includes("bottom"),
   "gids-table-cell--border-side-left": e?.includes("left"),
   "gids-table-cell--border-side-right": e?.includes("right"),
   // Border radius sides
-  "gids-table-cell--border-radius-side-top-left": t?.includes("top-left"),
-  "gids-table-cell--border-radius-side-bottom-left": t?.includes("bottom-left"),
-  "gids-table-cell--border-radius-side-top-right": t?.includes("top-right"),
-  "gids-table-cell--border-radius-side-bottom-right": t?.includes("bottom-right"),
+  "gids-table-cell--border-radius-side-top-left": a?.includes("top-left"),
+  "gids-table-cell--border-radius-side-bottom-left": a?.includes("bottom-left"),
+  "gids-table-cell--border-radius-side-top-right": a?.includes("top-right"),
+  "gids-table-cell--border-radius-side-bottom-right": a?.includes("bottom-right"),
   // Background colors
-  "gids-table-cell--appearance-default": a === "default",
-  "gids-table-cell--appearance-primal": a === "primal",
-  "gids-table-cell--appearance-neutral-default": a === "neutral-default",
-  "gids-table-cell--appearance-info": a === "info",
-  "gids-table-cell--appearance-warning": a === "warning",
-  "gids-table-cell--appearance-positive": a === "positive",
-  "gids-table-cell--appearance-danger": a === "danger",
+  "gids-table-cell--appearance-default": t === "default",
+  "gids-table-cell--appearance-primal": t === "primal",
+  "gids-table-cell--appearance-neutral-default": t === "neutral-default",
+  "gids-table-cell--appearance-info": t === "info",
+  "gids-table-cell--appearance-warning": t === "warning",
+  "gids-table-cell--appearance-positive": t === "positive",
+  "gids-table-cell--appearance-danger": t === "danger",
   // Alignments
   "gids-table-cell--text-alignment-left": l === "left",
   "gids-table-cell--text-alignment-right": l === "right",
@@ -63,9 +63,9 @@ const F = (e) => !!(e?.buttonLabel && e.buttonLabel !== "" || e?.leadingIconName
   "gids-table-cell--width-intrinsic": r === "intrinsic"
 }, i), le = (e) => e && e.toString() !== "" ? `gids-typography-${e}` : "gids-typography-label-medium", ie = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  getGidsTableCellClassNames: ae,
+  getGidsTableCellClassNames: te,
   getGidsTableCellLabelTypographyClass: le
-}, Symbol.toStringTag, { value: "Module" })), { getGidsTableCellClassNames: re, getGidsTableCellLabelTypographyClass: de } = ie, { isTableCellActionButtonVisible: ne, getTableCellBtnIcon: se } = U, v = ({ id: e, uniqueKey: t, extraData: a, label: l, cellDataType: r = "text", displayTags: i = [], width: n = "full", appearance: p = "none", borderSides: g = [], borderRadiusSides: o = [], textAlignment: h = "center", labelTypography: c = "label-medium", isHeaderCell: b = !1, cellPrimaryActionButtons: m = [], cellSecondaryActionButtons: z = [], onClickCellActionBtn: f, class: R, ...L }) => {
+}, Symbol.toStringTag, { value: "Module" })), { getGidsTableCellClassNames: re, getGidsTableCellLabelTypographyClass: de } = ie, { isTableCellActionButtonVisible: ne, getTableCellBtnIcon: se } = U, v = ({ id: e, uniqueKey: a, extraData: t, label: l, cellDataType: r = "text", displayTags: i = [], width: n = "full", appearance: p = "none", borderSides: g = [], borderRadiusSides: o = [], textAlignment: h = "center", labelTypography: c = "label-medium", isHeaderCell: b = !1, cellPrimaryActionButtons: m = [], cellSecondaryActionButtons: z = [], onClickCellActionBtn: f, class: R, ...L }) => {
   function C({ cellActionBtn: s, neededIconType: y = "leading" }) {
     const T = se({ cellActionButton: s, neededIconType: y });
     return T?.cellIconName && "" + T.cellIconName != "" ? d(S, { name: T.cellIconName, size: T.cellIconSize, appearance: T.cellIconAppearance }) : void 0;
@@ -76,22 +76,22 @@ const F = (e) => !!(e?.buttonLabel && e.buttonLabel !== "" || e?.leadingIconName
       const H = s === "primary" ? y.length - w - 1 : w, A = y[H];
       return ne(A) ? (function({ cellActionBtn: u, actionBtnIndex: P, actionBtnPosition: k }) {
         return d(J, { as: "button", appearance: u?.appearance ?? "default", size: u?.size ?? "md", disabled: u?.disabled, destructive: u?.destructive, positive: u?.positive, loading: u?.loading, width: u?.width ?? "intrinsic", type: "button", leadingIcon: C({ cellActionBtn: u, neededIconType: "leading" }), trailingIcon: C({ cellActionBtn: u, neededIconType: "trailing" }), onClick: (O) => (function({ event: G, actionBtnIndex: x, actionBtnPosition: j }) {
-          f && f({ originalEvent: G, details: { appearance: p, cellDataType: r, displayTags: i, label: l, id: e, extraData: a, isHeaderCell: b, uniqueKey: t, actionBtnNumber: "action-btn-" + (x + 1), actionBtnIndex: x, actionBtnPosition: j ?? "secondary" } });
+          f && f({ originalEvent: G, details: { appearance: p, cellDataType: r, displayTags: i, label: l, id: e, extraData: t, isHeaderCell: b, uniqueKey: a, actionBtnNumber: "action-btn-" + (x + 1), actionBtnIndex: x, actionBtnPosition: j ?? "secondary" } });
         })({ event: O, actionBtnIndex: P, actionBtnPosition: k }) }, u?.buttonLabel ?? "");
       })({ cellActionBtn: A, actionBtnIndex: H, actionBtnPosition: s }) : void 0;
     })));
   }
-  return d(b ? "th" : "td", { ...L, class: re({ borderSides: g, borderRadiusSides: o, appearance: p, textAlignment: h, width: n }, R), id: e, "unique-key": t, "extra-data": JSON.stringify(a) }, _("primary"), r === "text" && l && l !== "" ? d("span", { class: "" + de(c) }, l) : void 0, r === "display-tag" && i && i.length > 0 ? d("div", { class: "gids-table-cell__display-tags-container" }, i.map(((s) => d($, { label: s?.label ?? "", appearance: s?.displayTagAppearance ?? "subtle", size: s?.displayTagSize ?? "xs", icon: s?.displayTagIcon ? d(S, { name: s.displayTagIcon, size: s?.displayTagSize ?? "xs", appearance: s?.displayTagIconAppearance ?? "regular" }) : void 0, color: s?.displayTagColor ?? "accent-5" })))) : void 0, _("secondary"));
-}, { getGidsBasicTableRowClassNames: oe } = Z, D = ({ width: e = "full", layout: t = "horizontal", rows: a = [], isHeaderRow: l = !1, cellPrimaryActionButtons: r, cellSecondaryActionButtons: i, onClickRowActionBtn: n, class: p, ...g }) => {
+  return d(b ? "th" : "td", { ...L, class: re({ borderSides: g, borderRadiusSides: o, appearance: p, textAlignment: h, width: n }, R), id: e, "unique-key": a, "extra-data": JSON.stringify(t) }, _("primary"), r === "text" && l && l !== "" ? d("span", { class: "" + de(c) }, l) : void 0, r === "display-tag" && i && i.length > 0 ? d("div", { class: "gids-table-cell__display-tags-container" }, i.map(((s) => d(K, { label: s?.label ?? "", appearance: s?.displayTagAppearance ?? "subtle", size: s?.displayTagSize ?? "xs", icon: s?.displayTagIcon ? d(S, { name: s.displayTagIcon, size: s?.displayTagSize ?? "xs", appearance: s?.displayTagIconAppearance ?? "regular" }) : void 0, color: s?.displayTagColor ?? "accent-5" })))) : void 0, _("secondary"));
+}, { getGidsBasicTableRowClassNames: oe } = Z, D = ({ width: e = "full", layout: a = "horizontal", rows: t = [], isHeaderRow: l = !1, cellPrimaryActionButtons: r, cellSecondaryActionButtons: i, onClickRowActionBtn: n, class: p, ...g }) => {
   const o = oe({ width: e }, p);
   function h({ event: c, cellIndex: b }) {
     n && n({ ...c, details: { ...c.details, cellIndex: b } });
   }
-  return t === "vertical" ? d(K, null, a.map(((c, b) => d("tr", { ...g, key: "row-v-" + (b + 1), class: o }, d(v, { ...c, width: e, isHeaderCell: l, cellPrimaryActionButtons: r, cellSecondaryActionButtons: i, onClickCellActionBtn: (m) => h({ event: m, cellIndex: b }) }))))) : d("tr", { ...g, class: o }, a.map(((c, b) => d(v, { key: "row-h-" + (b + 1), ...c, width: e, isHeaderCell: l, cellPrimaryActionButtons: r, cellSecondaryActionButtons: i, onClickCellActionBtn: (m) => h({ event: m, cellIndex: b }) }))));
-}, { getGidsBasicTableHeaderClassNames: ce } = X, be = ({ width: e = "full", headerCells: t = [], appearance: a = "none", labelTypography: l = "label-medium", textAlignment: r = "center", layout: i = "horizontal", cellPrimaryActionButtons: n, cellSecondaryActionButtons: p, onClickHeaderActionBtn: g, class: o, ...h }) => {
+  return a === "vertical" ? d($, null, t.map(((c, b) => d("tr", { ...g, key: "row-v-" + (b + 1), class: o }, d(v, { ...c, width: e, isHeaderCell: l, cellPrimaryActionButtons: r, cellSecondaryActionButtons: i, onClickCellActionBtn: (m) => h({ event: m, cellIndex: b }) }))))) : d("tr", { ...g, class: o }, t.map(((c, b) => d(v, { key: "row-h-" + (b + 1), ...c, width: e, isHeaderCell: l, cellPrimaryActionButtons: r, cellSecondaryActionButtons: i, onClickCellActionBtn: (m) => h({ event: m, cellIndex: b }) }))));
+}, { getGidsBasicTableHeaderClassNames: ce } = X, be = ({ width: e = "full", headerCells: a = [], appearance: t = "none", labelTypography: l = "label-medium", textAlignment: r = "center", layout: i = "horizontal", cellPrimaryActionButtons: n, cellSecondaryActionButtons: p, onClickHeaderActionBtn: g, class: o, ...h }) => {
   const c = ce({ width: e }, o);
-  return d("thead", { ...h, class: c }, d(D, { rows: t.map(((b) => ({ appearance: a, labelTypography: l, textAlignment: r, ...b }))), width: e, layout: i, isHeaderRow: !0, cellPrimaryActionButtons: n, cellSecondaryActionButtons: p, onClickRowActionBtn: g }));
-}, { getGidsMdTableClassNames: pe } = te, N = q(class extends M {
+  return d("thead", { ...h, class: c }, d(D, { rows: a.map(((b) => ({ appearance: t, labelTypography: l, textAlignment: r, ...b }))), width: e, layout: i, isHeaderRow: !0, cellPrimaryActionButtons: n, cellSecondaryActionButtons: p, onClickRowActionBtn: g }));
+}, { getGidsMdTableClassNames: pe } = ae, N = q(class extends M {
   constructor(e) {
     super(), e !== !1 && this.__registerHost(), this.isTopHeaderVisible = !1, this.isSideHeaderVisible = !1, this.width = "full", this.topHeaderAppearance = "none", this.sideHeaderAppearance = "none", this.rowAppearance = "none", this.tableBorders = "none", this.tableBorderRadius = [], this.topHeaderLabelTypography = "eyebrow-small", this.sideHeaderLabelTypography = "label-small", this.rowLabelTypography = "label-small", this.topHeaderTextAlignment = "left", this.sideHeaderTextAlignment = "left", this.rowTextAlignment = "left", this.topHeaderCells = [], this.tableBody = [], this.constructedTableBodyData = [];
   }
@@ -117,50 +117,50 @@ const F = (e) => !!(e?.buttonLabel && e.buttonLabel !== "" || e?.leadingIconName
     this.makeTableBodyData();
   }
   makeTableBodyData() {
-    const e = this.isSideHeaderVisible, t = this?.tableBody ?? [], a = [];
-    t.map(((l, r) => {
+    const e = this.isSideHeaderVisible, a = this?.tableBody ?? [], t = [];
+    a.map(((l, r) => {
       let i = [];
       const n = l.heading, p = l.id, g = l.uniqueKey, o = l.extraData, h = l?.items ?? [];
       if (e && n && n !== "") {
-        const c = this.getSideHeaderBorderSides({ _tableBodyData: t, _itemsArr: h, indexI: r });
+        const c = this.getSideHeaderBorderSides({ _tableBodyData: a, _itemsArr: h, indexI: r });
         i = [{ id: p, uniqueKey: g, extraData: o, label: n, appearance: this.sideHeaderAppearance, labelTypography: this.sideHeaderLabelTypography, textAlignment: this.sideHeaderTextAlignment, isHeader: !0, borderSides: c }];
       }
       h.map(((c, b) => {
-        const m = this.getRowBorderSides({ _tableBodyData: t, _itemsArr: h, indexI: r, indexJ: b });
+        const m = this.getRowBorderSides({ _tableBodyData: a, _itemsArr: h, indexI: r, indexJ: b });
         i.push({ ...c, appearance: this.rowAppearance, labelTypography: this.rowLabelTypography, textAlignment: this.rowTextAlignment, isHeader: !1, borderSides: m });
-      })), a.push({ heading: n, id: p, uniqueKey: g, extraData: o, items: i });
-    })), this.constructedTableBodyData = a;
+      })), t.push({ heading: n, id: p, uniqueKey: g, extraData: o, items: i });
+    })), this.constructedTableBodyData = t;
   }
-  getRowBorderSides({ _tableBodyData: e, _itemsArr: t, indexI: a, indexJ: l }) {
+  getRowBorderSides({ _tableBodyData: e, _itemsArr: a, indexI: t, indexJ: l }) {
     const r = this.applyTableInternalBorders(), i = this.applyTableAllBorders();
     let n = [];
-    return (r || i) && (l < t.length && a + 1 < e.length && (n = ["bottom"]), l + 1 < t.length && (n = [...n, "right"])), n;
+    return (r || i) && (l < a.length && t + 1 < e.length && (n = ["bottom"]), l + 1 < a.length && (n = [...n, "right"])), n;
   }
-  getSideHeaderBorderSides({ _tableBodyData: e, _itemsArr: t, indexI: a }) {
+  getSideHeaderBorderSides({ _tableBodyData: e, _itemsArr: a, indexI: t }) {
     const l = this.applyTableInternalBorders(), r = this.applyTableAllBorders();
     let i = [];
-    return (l || r) && (a + 1 < e.length && (i = ["bottom"]), t.length > 0 && (i = [...i, "right"])), i;
+    return (l || r) && (t + 1 < e.length && (i = ["bottom"]), a.length > 0 && (i = [...i, "right"])), i;
   }
   getTableClasses() {
     const e = this.width === "full" ? "gids-md-table__main-table gids-md-table__main-table-width-full" : "gids-md-table__main-table gids-md-table__main-table-width-intrinsic";
-    let t = e;
-    this.applyTableOuterBorders() && (t = e + "  gids-md-table__outer-borders");
-    const a = this.addBorderRadiusDirectlyToTable();
-    return a && a !== "" ? `${t} ${a}` : "" + t;
+    let a = e;
+    this.applyTableOuterBorders() && (a = e + "  gids-md-table__outer-borders");
+    const t = this.addBorderRadiusDirectlyToTable();
+    return t && t !== "" ? `${a} ${t}` : "" + a;
   }
   addBorderRadiusDirectlyToTable() {
     let e = "";
-    const t = this?.tableBorderRadius ?? [];
-    return t.includes("top-left") && (e = "gids-md-table__radius-top-left"), t.includes("bottom-left") && (e += " gids-md-table__radius-bottom-left"), t.includes("top-right") && (e += " gids-md-table__radius-top-right"), t.includes("bottom-right") && (e += " gids-md-table__radius-bottom-right"), e;
+    const a = this?.tableBorderRadius ?? [];
+    return a.includes("top-left") && (e = "gids-md-table__radius-top-left"), a.includes("bottom-left") && (e += " gids-md-table__radius-bottom-left"), a.includes("top-right") && (e += " gids-md-table__radius-top-right"), a.includes("bottom-right") && (e += " gids-md-table__radius-bottom-right"), e;
   }
   getTopHeaderCells() {
-    const e = this.isSideHeaderVisible, t = this?.topHeaderCells ?? [];
-    let a = [...t];
-    e === !1 && t.length > 0 ? a.splice(0, 1) : a = [...t];
+    const e = this.isSideHeaderVisible, a = this?.topHeaderCells ?? [];
+    let t = [...a];
+    e === !1 && a.length > 0 ? t.splice(0, 1) : t = [...a];
     const l = this.applyTableInternalBorders(), r = this.applyTableAllBorders(), i = this.applyTableTopHeaderBorders(), n = [];
-    return a.map(((p, g) => {
+    return t.map(((p, g) => {
       let o = [];
-      (l || r || i) && (o = ["bottom"], g + 1 < a.length && (o = [...o, "right"])), n.push({ ...p, borderSides: o });
+      (l || r || i) && (o = ["bottom"], g + 1 < t.length && (o = [...o, "right"])), n.push({ ...p, borderSides: o });
     })), n;
   }
   applyTableOuterBorders() {
@@ -177,8 +177,8 @@ const F = (e) => !!(e?.buttonLabel && e.buttonLabel !== "" || e?.leadingIconName
     return this.tableBorders === "top-header-only";
   }
   render() {
-    const e = pe({ width: this.width }), t = this.isTopHeaderVisible, a = this.getTopHeaderCells(), l = this?.constructedTableBodyData ?? [];
-    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)));
+    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)));
   }
   get hostElement() {
     return this;

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-B4hcsDH0-CPqEc-vc.js";
 import { i as l } from "./p-B2zUuNXz-BLBgQDu7.js";
-const h = (t) => t === "top" || t === "top-bottom", c = (t) => t === "bottom" || t === "top-bottom", d = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const c = (t) => t === "top" || t === "top-bottom", h = (t) => t === "bottom" || t === "top-bottom", d = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  showGidsOverflowContainerBottomShadow: c,
-  showGidsOverflowContainerTopShadow: h
+  showGidsOverflowContainerBottomShadow: h,
+  showGidsOverflowContainerTopShadow: c
 }, 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 h = (t) => t === "top" || t === "top-bottom", c = (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: "a4664a98e3e473eb4067a1d25ab9440ca3609253", class: "gids-overflow-container__text-area", onScroll: this.calculateShadows.bind(this) }, e("slot", { key: "df5ada977be1fef755d901097519fa12de591bbe" }));
+    return e("div", { key: "4ffa0e4c4825a8217ca66de06b5977df972631a6", class: "gids-overflow-container__text-area", onScroll: this.calculateShadows.bind(this) }, e("slot", { key: "366c313169c0541a02f893f5b8cca57921f992e2" }));
   }
   get _el() {
     return this;

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

@@ -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: "9b08b3e4542dd26ea2f7097b71f65205f75ff35b" }, o("slot", { key: "6ee78e50172ae07b8f0370ee6bc0438ae5275d8d" }), this._isRoot() ? o("div", { class: G({ position: t }) }, [...this._allowedComponentQueue].reverse().map(((e) => this._renderComponent(e)))) : null);
+    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);
   }
   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-B4hcsDH0-CPqEc-vc.js";
+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-_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 { h as z } from "./p-mv_7K1EM-lPgJqpPI.js";
+import { r as E } from "./p-DzOOjiNH-Wm7KbI3O.js";
 import { c as g } from "./clsx-OuTLNxxd.js";
 const G = (e) => {
   switch (e) {
@@ -133,8 +133,8 @@ 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, w = d <= l;
-      return s[d] === "include-min-length" ? o({ requirementRule: "include-min-length", textMinLength: t }) ? a(d, u, w) : null : a(d, u, w);
+      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);
     }));
   })()) : null;
 }, { getGidsRequirementsMeterLabelClassNames: ne } = K, { getRequirementsMeterLabelLeadingIcon: le } = H, ae = (e) => {
@@ -151,7 +151,7 @@ const G = (e) => {
   })));
 }, { inputToGidsFieldStatusForPassword: ce } = W, M = S(class extends P {
   constructor(e) {
-    super(), e !== !1 && this.__registerHost(), this.gidsPasswordFieldClear = v(this, "gidsPasswordFieldClear"), this.gidsPasswordFieldRevealPassword = v(this, "gidsPasswordFieldRevealPassword"), this.isPasswordRevealed = !1, this.meterRules = [], this.requirementsMeterRequirements = [], this.requirements = [], this.#t = k(), this._handleDismiss = () => {
+    super(), e !== !1 && this.__registerHost(), this.gidsPasswordFieldClear = w(this, "gidsPasswordFieldClear"), this.gidsPasswordFieldRevealPassword = w(this, "gidsPasswordFieldRevealPassword"), this.isPasswordRevealed = !1, this.meterRules = [], this.requirementsMeterRequirements = [], this.requirements = [], this.#t = k(), this._handleDismiss = () => {
       const t = this.#e?.querySelector("input.gids-input__control");
       t && (t.value = "", t.dispatchEvent(new globalThis.Event("input", { bubbles: !0 }))), this.value = "", this.gidsPasswordFieldClear.emit();
     }, this._handleRevealPassword = () => {
@@ -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: "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 })));
+    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 })));
   }
   get _el() {
     return this;
@@ -215,8 +215,8 @@ function y() {
   }));
 }
 y();
-const we = M, ve = y;
+const ve = M, we = y;
 export {
-  we as GidsPasswordField,
-  ve as defineCustomElement
+  ve as GidsPasswordField,
+  we as defineCustomElement
 };

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

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