@ganpatiinfo/gids-core-web 23.0.0 → 24.0.0

package/dist-bundled/es/gids-expansion-group.js

@@ -1,15 +1,15 @@
 import { L as r, u as i, D as s, P as a, q as o } from "./p-B4hcsDH0-CPqEc-vc.js";
 import { c } from "./clsx-OuTLNxxd.js";
-const p = (e) => c("gids-expansion-group", e), u = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const d = (e) => c("gids-expansion-group", e), p = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  getGidsExpansionGroupClassNames: p
-}, Symbol.toStringTag, { value: "Module" })), { getGidsExpansionGroupClassNames: d } = u, t = r(class extends i {
+  getGidsExpansionGroupClassNames: d
+}, Symbol.toStringTag, { value: "Module" })), { getGidsExpansionGroupClassNames: u } = p, t = r(class extends i {
   constructor(e) {
     super(), e !== !1 && this.__registerHost();
   }
   render() {
-    const e = d();
-    return s(a, { key: "bfdb6c689fcfe4928c4b604a0b4807e6468e3eba", class: e }, s("slot", { key: "98c70742691eaeae8cbe8e62f3497695ae7fd648" }));
+    const e = u();
+    return s(a, { key: "28cfdc0e7dacf5499e0b3ccbef4676ce9a5d98d6", class: e }, s("slot", { key: "01c84e55897cd33a225fb56e335f475a5100b67f" }));
   }
   static get style() {
     return ".gids-expansion-group{display:flex;flex-direction:column;width:100%}";

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

@@ -65,7 +65,7 @@ const c = ({ expanded: e }, n) => h("gids-expansion", {
   }
   render() {
     const e = b({ expanded: this.isExpanded() && this.isInteractive() }), n = this.label;
-    return i(l, { key: "6388bf4efec2b8e23b2431762208239ac25caf0f", class: e }, i("button", { key: "7f89ab417fbc61397b2ca4755ffcada0433a77cb", onClick: this.handleExpansionClick, class: p("gids-expansion__container", { "gids-expansion__disabled": this.disabled }), disabled: this.disabled, type: "button" }, this.isHavingLabelValue() ? i("span", { class: this.getLabelClass() }, n) : void 0, this.isInteractive() ? i(g, { name: "chevron-down", size: this.getIconSize(), appearance: "filled" }) : void 0), i("div", { key: "f491176d36db63e2ba0b4f39a6da44fa6fa6c9fd", class: "gids-expansion__body", "aria-hidden": this.isExpanded() ? "false" : "true" }, i("div", { key: "a41397d0a77702ceb95206e8f2f15d4c1ec2b263", class: "gids-expansion__content" }, i("slot", { key: "9d2296d966aa7d2b0b5b0624b0935ab7e4fb1b1c" }))));
+    return i(l, { key: "2674e892c665dcb72788d9790b6e8bf7ce02f8fd", class: e }, i("button", { key: "2cf1838662c3994a9dfe1170feda6bebd64d7700", onClick: this.handleExpansionClick, class: p("gids-expansion__container", { "gids-expansion__disabled": this.disabled }), disabled: this.disabled, type: "button" }, this.isHavingLabelValue() ? i("span", { class: this.getLabelClass() }, n) : void 0, this.isInteractive() ? i(g, { name: "chevron-down", size: this.getIconSize(), appearance: "filled" }) : void 0), i("div", { key: "6e9ab762b25ed2544d4edf094aee7e8f803ba1fe", class: "gids-expansion__body", "aria-hidden": this.isExpanded() ? "false" : "true" }, i("div", { key: "2eb2156283f0aa5988c185c56cdb59194992a5eb", class: "gids-expansion__content" }, i("slot", { key: "81beea39113c2be81b764da61f794f4100dfdb39" }))));
   }
   get hostElement() {
     return this;

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

@@ -1,5 +1,5 @@
-import { d as e, h as o } from "./p-gK9DvcL8-Chw-ya2Q.js";
-const t = e, d = o;
+import { d as e, h as s } from "./p-peMqbYbz-BnWVSfKD.js";
+const t = e, d = s;
 export {
   t as GidsField,
   d as defineCustomElement

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

@@ -1,4 +1,4 @@
-import { r, a as e } from "./p-BNW2xgxF-DWKLliyn.js";
+import { r, a as e } from "./p-DHOvFnv4-DZQmbUn3.js";
 const t = r, o = e;
 export {
   t as GidsFilter,

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

@@ -1,6 +1,6 @@
-import { l as o, h as e } from "./p-CxfmNDsm-JHseL2it.js";
-const s = o, l = e;
+import { l as e, c as o } from "./p-CS2U2Mro-6wGJ-t9P.js";
+const t = e, l = o;
 export {
-  s as GidsFlyoutPanel,
+  t as GidsFlyoutPanel,
   l as defineCustomElement
 };

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

@@ -1,4 +1,4 @@
-import { L as u, u as _, D as r, P as y, q as g } from "./p-B4hcsDH0-CPqEc-vc.js";
+import { L as b, 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: e, hasBorder: o, shadow: i, borderRadius: d, height: a, width: t }, s) => w("gids-form", {
@@ -23,7 +23,7 @@ const x = ({ appearance: e, hasBorder: o, shadow: i, borderRadius: d, height: a,
 }, s), C = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   getGidsFormClassNames: x
-}, Symbol.toStringTag, { value: "Module" })), { getGidsFormClassNames: F } = C, l = u(class extends _ {
+}, Symbol.toStringTag, { value: "Module" })), { getGidsFormClassNames: F } = C, l = b(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((() => {
@@ -82,8 +82,8 @@ const x = ({ appearance: e, hasBorder: o, shadow: i, borderRadius: d, height: a,
     this.observer && this.observer.disconnect();
   }
   render() {
-    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 }))));
+    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, u = F({ appearance: o, hasBorder: t, shadow: s, borderRadius: c, height: m, width: p });
+    return r(y, { key: "ad0436f79cd14b0ecd7e7e1b7c07eb649f1fdc42", class: u, "data-appearance": o, id: e, style: n && n !== "" ? { "--gidsFormBorder-color": n } : {} }, r("div", { key: "2989297735ad11d51bdaa27b133fc4b059f5d1b8", class: "gids-form__container" }, r("div", { key: "2002edd6e6dae79b92d5ca65587ddb3a1c8ce9be", class: "gids-form__header" }, r("slot", { key: "44d865f5e1f3ce8fe9b1d206d38956eebfe716b8", name: "formIcon" }), r("div", { key: "218a32be099cd5621afd1f4699ffdf3e23f69e44", 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: "c0d3e2fa472e7337cb26e19d90df26c06afa8863", class: "gids-form__header-children" }, r("slot", { key: "ca9b4aa9c71cfb3b234af23469fcfa2d55f29c91", name: "formHeaderChildren" }))), v ? r("div", { class: "gids-form__divider-container" }, r(h, null)) : void 0, r("div", { key: "c77a747782c0827906d9a854d48b9e7e50c618b1", class: "gids-form__content" }, r("slot", { key: "c139faf0107cd27d0b7d3ef913812c45a413d50a" }))), r("div", { key: "45c8e3db9d844c801a57965af093970a25489197", 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: "63454a7c736afc1bec546f3409638b1e023b2a51", class: "gids-form__footer-wrapper" }, r("slot", { key: "186abfd3402c7c02e7a50fb993583c8c852a6ddb", name: "formFooterChildren", onSlotchange: this.handleFooterSlotChange }))));
   }
   get hostElement() {
     return this;

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

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

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

@@ -1,66 +1,62 @@
-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-COsSHfdc-DfDYoLSS.js";
+import { L as f, u as C, D as d, P as S, q as o } from "./p-B4hcsDH0-CPqEc-vc.js";
+import { d as M } from "./p-iQRr_fAH-Dvv1n8QD.js";
+import { r as y } from "./p-BRNvHMdK-CqGtfAsn.js";
+import { e as N } from "./p-ChV9xqsO-CJSPCx6p.js";
+import { c as x } from "./p-CS2U2Mro-6wGJ-t9P.js";
+import { m as w } from "./p-piTNUZit-Jq4qQLgn.js";
 import { c as b } from "./clsx-OuTLNxxd.js";
-const z = ({ mode: t, type: e }, a) => b("gids-header-navigation", {
+const z = ({ mode: e, type: t }, a) => b("gids-header-navigation", {
   // Modes
   // 'gids-header-navigation--mode-wrap': mode === 'wrap', // Default so not needed
-  "gids-header-navigation--mode-scroll": t === "scroll",
+  "gids-header-navigation--mode-scroll": e === "scroll",
   // Types
   // 'gids-header-navigation--type-gap': type === 'gap', // Default so not needed
-  "gids-header-navigation--type-standard": e === "standard"
-}, a), w = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  "gids-header-navigation--type-standard": t === "standard"
+}, a), E = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   getGidsHeaderNavigationClassNames: z
-}, Symbol.toStringTag, { value: "Module" })), { getGidsHeaderNavigationClassNames: E } = w, m = f(class extends C {
-  constructor(t) {
-    super(), t !== !1 && this.__registerHost(), this.type = "gap", this.selectionType = "single-deselection-not-allowed", this.selectedItemIdsState = [], this.selectedMenuItemIdsState = [], this.expandedMenuIdsState = [], this.onNavigationItemPress = ({ event: e, itemIndex: a }) => {
-      this.handleSelectionsAndExpansions(e), this.onHeaderNavigationItemChange && this.onHeaderNavigationItemChange({ ...e, navMenuItemIndex: a });
-    }, this.onNavigationMenuItemChange = ({ event: e, itemIndex: a }) => {
-      e?.menuItemSelected ? (this.selectedItemIdsState = [e.itemId], this.selectedMenuItemIdsState = [e.menuItemId]) : (this.selectedItemIdsState = [], this.selectedMenuItemIdsState = []), this.onHeaderNavigationItemChange && this.onHeaderNavigationItemChange({ ...e, navMenuItemIndex: a });
-    }, this.handleDocumentClick = (e) => {
-      !this.expandedMenuIdsState || this.expandedMenuIdsState.length <= 0 || e.composedPath().includes(this.hostElement) || (this.expandedMenuIdsState = []);
-    }, this.handleSelectionsAndExpansions = (e) => {
-      this.expandedMenuIdsState = e?.hasMenu && e?.menuExpanded && e?.menuId && e.menuId !== "" ? [e.menuId] : [], e?.hasMenu || (e?.itemSelected ? (this.selectedItemIdsState = [e.itemId], this.selectedMenuItemIdsState = []) : (this.selectedItemIdsState = [], this.selectedMenuItemIdsState = []));
-    }, this.isThisMenuExpanded = (e) => {
-      const a = this?.expandedMenuIdsState ?? [];
-      if (!e || e === "" || !a || a.length <= 0) return !1;
-      const d = a.findIndex(((i) => i === e));
-      return d != null && d !== -1;
-    }, this.isThisNavigationItemSelected = (e) => {
+}, Symbol.toStringTag, { value: "Module" })), { getGidsHeaderNavigationClassNames: _ } = E, g = f(class extends C {
+  constructor(e) {
+    super(), e !== !1 && this.__registerHost(), this.type = "gap", this.selectionType = "single-deselection-not-allowed", this.selectedItemIdsState = [], this.selectedMenuItemIdsState = [], this.expandedMenuIdsState = [], this.onNavigationItemPress = ({ event: t, itemIndex: a }) => {
+      this.handleSelectionsAndExpansions(t), this.onHeaderNavigationItemChange && this.onHeaderNavigationItemChange({ ...t, navMenuItemIndex: a });
+    }, this.onNavigationMenuItemChange = ({ event: t, itemIndex: a }) => {
+      t?.menuItemSelected ? (this.selectedItemIdsState = [t.itemId], this.selectedMenuItemIdsState = [t.menuItemId]) : (this.selectedItemIdsState = [], this.selectedMenuItemIdsState = []), this.onHeaderNavigationItemChange && this.onHeaderNavigationItemChange({ ...t, navMenuItemIndex: a });
+    }, this.handleDocumentClick = (t) => {
+      !this.expandedMenuIdsState || this.expandedMenuIdsState.length <= 0 || t.composedPath().includes(this.hostElement) || (this.expandedMenuIdsState = []);
+    }, this.handleSelectionsAndExpansions = (t) => {
+      this.expandedMenuIdsState = t?.hasMenu && t?.menuExpanded && t?.menuId && t.menuId !== "" ? [t.menuId] : [], t?.hasMenu || (t?.itemSelected ? (this.selectedItemIdsState = [t.itemId], this.selectedMenuItemIdsState = []) : (this.selectedItemIdsState = [], this.selectedMenuItemIdsState = []));
+    }, this.isThisNavigationItemSelected = (t) => {
       const a = this?.selectedItemIdsState ?? [];
-      if (!e || e === "" || !a || a.length <= 0) return !1;
-      const d = a.findIndex(((i) => i === e));
-      return d != null && d !== -1;
+      if (!t || t === "" || !a || a.length <= 0) return !1;
+      const i = a.findIndex(((l) => l === t));
+      return i != null && i !== -1;
     }, this.getSelectedMenuItemId = () => {
-      const e = this?.selectedMenuItemIdsState ?? [];
-      if (e.length > 0) return e[0];
+      const t = this?.selectedMenuItemIdsState ?? [];
+      if (t.length > 0) return t[0];
     }, this.initializeDefaultSelection = () => {
       this.selectedItemIdsState = this?.defaultNavItemId ? [this.defaultNavItemId] : [], this.selectedMenuItemIdsState = this?.defaultNavMenuItemId ? [this.defaultNavMenuItemId] : [];
     };
   }
-  appearanceChanged(t) {
-    this.appearance = t;
+  appearanceChanged(e) {
+    this.appearance = e;
   }
-  selectionAppearanceChanged(t) {
-    this.selectionAppearance = t;
+  selectionAppearanceChanged(e) {
+    this.selectionAppearance = e;
   }
-  borderRadiusChanged(t) {
-    this.borderRadius = t;
+  borderRadiusChanged(e) {
+    this.borderRadius = e;
   }
-  shadowChanged(t) {
-    this.applyShadow = t;
+  shadowChanged(e) {
+    this.applyShadow = e;
   }
-  sizeChanged(t) {
-    this.size = t;
+  sizeChanged(e) {
+    this.size = e;
   }
-  separatorsChanged(t) {
-    this.applySeparators = t;
+  separatorsChanged(e) {
+    this.applySeparators = e;
   }
-  modeChanged(t) {
-    this.mode = t;
+  modeChanged(e) {
+    this.mode = e;
   }
   defaultNavItemIdChanged() {
     this.initializeDefaultSelection();
@@ -71,11 +67,11 @@ const z = ({ mode: t, type: e }, a) => b("gids-header-navigation", {
   defaultNavMenuItemIdChanged() {
     this.initializeDefaultSelection();
   }
-  navMenusChanged(t) {
-    this.navMenus = t, this.initializeDefaultSelection();
+  navMenusChanged(e) {
+    this.navMenus = e, this.initializeDefaultSelection();
   }
-  typeChanged(t) {
-    this.type = t;
+  typeChanged(e) {
+    this.type = e;
   }
   connectedCallback() {
   }
@@ -89,8 +85,8 @@ const z = ({ mode: t, type: e }, a) => b("gids-header-navigation", {
     document.removeEventListener("click", this.handleDocumentClick);
   }
   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: "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))));
+    const e = this?.appearance ?? "default", t = this?.selectionAppearance ?? "default", a = this?.applyShadow ?? !1, i = this?.applySeparators ?? !1, l = this?.borderRadius ?? "none", p = this?.mode ?? "wrap", m = this?.type ?? "gap", r = this?.size ?? "md", c = this?.navMenus ?? [], I = this?.selectionType ?? "single-deselection-not-allowed", v = _({ mode: p, type: m });
+    return d(S, { key: "3bca5c74e3e74b44e5ee8420a067b2ae07a62990", class: v }, c.map(((n, s) => d("div", { key: "" + (s + 1), class: N("gids-header-navigation__item-container-gap", { "gids-header-navigation__item-container-standard": m === "standard" }) }, d("gids-header-navigation-item", { ...n, id: n.id, menuId: n?.menuId, menuItems: n?.menuItems ?? [], label: n?.label, size: r, appearance: e, selectionAppearance: t, applyShadow: a, borderRadius: l, selected: this.isThisNavigationItemSelected(n?.id), selectedMenuItemId: this.getSelectedMenuItemId(), selectionType: I, onPressNavigationItem: (h) => this.onNavigationItemPress({ event: h, itemIndex: s }), onMenuItemChange: (h) => this.onNavigationMenuItemChange({ event: h, itemIndex: s }) }, n?.leadingIconName && n.leadingIconName !== "(none)" ? d(M, { slot: "headerNavItemLeadingIcon", name: n.leadingIconName, size: r !== "xl" ? r : "lg", alt: "", appearance: "regular" }) : void 0), i && s < c.length - 1 ? d(y, { orientation: "vertical" }) : void 0))));
   }
   get hostElement() {
     return this;
@@ -99,23 +95,26 @@ const z = ({ mode: t, type: e }, a) => b("gids-header-navigation", {
     return { appearance: [{ appearanceChanged: 0 }], selectionAppearance: [{ selectionAppearanceChanged: 0 }], borderRadius: [{ borderRadiusChanged: 0 }], applyShadow: [{ shadowChanged: 0 }], size: [{ sizeChanged: 0 }], applySeparators: [{ separatorsChanged: 0 }], mode: [{ modeChanged: 0 }], defaultNavItemId: [{ defaultNavItemIdChanged: 0 }], defaultNavMenuId: [{ defaultNavMenuIdChanged: 0 }], defaultNavMenuItemId: [{ defaultNavMenuItemIdChanged: 0 }], navMenus: [{ navMenusChanged: 0 }], type: [{ typeChanged: 0 }] };
   }
   static get style() {
-    return ".gids-header-navigation{display:flex;gap:var(--gids-gap-200)}.gids-header-navigation__item-container-gap{display:flex;gap:var(--gids-gap-200)}.gids-header-navigation__item-container-standard{gap:var(--gids-gap-0)}.gids-header-navigation--type-standard{gap:var(--gids-gap-0)}";
+    return ".gids-header-navigation{display:flex;gap:var(--gids-gap-200);overflow-y:hidden;overflow-x:hidden;flex-wrap:wrap}.gids-header-navigation__item-container-gap{display:flex;gap:var(--gids-gap-200)}.gids-header-navigation__item-container-standard{gap:var(--gids-gap-0)}.gids-header-navigation--mode-scroll{display:flex;width:100%;align-items:stretch;justify-content:stretch;flex-wrap:nowrap;overflow-y:hidden;overflow-x:auto}.gids-header-navigation--mode-scroll>*{flex-shrink:0 !important}.gids-header-navigation--type-standard{gap:var(--gids-gap-0)}";
   }
 }, [0, "gids-header-navigation", { appearance: [1], selectionAppearance: [1, "selection-appearance"], type: [1], selectionType: [1, "selection-type"], defaultNavItemId: [1, "default-nav-item-id"], defaultNavMenuId: [1, "default-nav-menu-id"], defaultNavMenuItemId: [1, "default-nav-menu-item-id"], applyShadow: [4, "apply-shadow"], applySeparators: [4, "apply-separators"], borderRadius: [1, "border-radius"], mode: [1], size: [1], navMenus: [16], onHeaderNavigationItemChange: [16], selectedItemIdsState: [32], selectedMenuItemIdsState: [32], expandedMenuIdsState: [32] }, void 0, { appearance: [{ appearanceChanged: 0 }], selectionAppearance: [{ selectionAppearanceChanged: 0 }], borderRadius: [{ borderRadiusChanged: 0 }], applyShadow: [{ shadowChanged: 0 }], size: [{ sizeChanged: 0 }], applySeparators: [{ separatorsChanged: 0 }], mode: [{ modeChanged: 0 }], defaultNavItemId: [{ defaultNavItemIdChanged: 0 }], defaultNavMenuId: [{ defaultNavMenuIdChanged: 0 }], defaultNavMenuItemId: [{ defaultNavMenuItemIdChanged: 0 }], navMenus: [{ navMenusChanged: 0 }], type: [{ typeChanged: 0 }] }]);
-function p() {
-  typeof customElements < "u" && ["gids-header-navigation", "gids-header-navigation-item"].forEach(((t) => {
-    switch (t) {
+function u() {
+  typeof customElements < "u" && ["gids-header-navigation", "gids-flyout-panel", "gids-header-navigation-item"].forEach(((e) => {
+    switch (e) {
       case "gids-header-navigation":
-        customElements.get(r(t)) || customElements.define(r(t), m);
+        customElements.get(o(e)) || customElements.define(o(e), g);
+        break;
+      case "gids-flyout-panel":
+        customElements.get(o(e)) || x();
         break;
       case "gids-header-navigation-item":
-        customElements.get(r(t)) || x();
+        customElements.get(o(e)) || w();
     }
   }));
 }
-p();
-const T = m, L = p;
+u();
+const P = g, $ = u;
 export {
-  T as GidsHeaderNavigation,
-  L as defineCustomElement
+  P as GidsHeaderNavigation,
+  $ as defineCustomElement
 };

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

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

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

@@ -1,6 +1,6 @@
-import { c as r, r as s } from "./p-CZgH5rZs-Clk0qfHN.js";
-const e = r, o = s;
+import { l as t, r as e } from "./p-_OVEnTXa-q7qjnzI3.js";
+const s = t, m = e;
 export {
-  e as GidsInput,
-  o as defineCustomElement
+  s as GidsInput,
+  m as defineCustomElement
 };

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

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

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 $, q as I } from "./p-B4hcsDH0-CPqEc-vc.js";
-import { o as K } from "./p-BsC3-MVH-j4fPhip5.js";
+import { L as q, u as M, D as r, P as E, F as K, q as I } from "./p-B4hcsDH0-CPqEc-vc.js";
+import { o as $ } from "./p-BsC3-MVH-j4fPhip5.js";
 import { d as S } from "./p-iQRr_fAH-Dvv1n8QD.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: a = "leading" }) => a === "trailing" ? {
+const F = (e) => !!(e?.buttonLabel && e.buttonLabel !== "" || e?.leadingIconName && e.leadingIconName !== "" || e?.trailingIconName && e.trailingIconName !== ""), Q = ({ cellActionButton: e, neededIconType: t = "leading" }) => t === "trailing" ? {
   cellIconName: e?.trailingIconName,
   cellIconAppearance: e?.trailingIconAppearance,
   cellIconSize: e?.trailingIconSize
@@ -15,83 +15,83 @@ const F = (e) => !!(e?.buttonLabel && e.buttonLabel !== "" || e?.leadingIconName
   __proto__: null,
   getTableCellBtnIcon: Q,
   isTableCellActionButtonVisible: F
-}, Symbol.toStringTag, { value: "Module" })), W = ({ width: e }, a) => B("gids-basic-table-header", {
+}, Symbol.toStringTag, { value: "Module" })), W = ({ width: e }, t) => 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"
-}, a), X = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, t), X = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   getGidsBasicTableHeaderClassNames: W
-}, Symbol.toStringTag, { value: "Module" })), Y = ({ width: e }, a) => B("gids-basic-table-row", {
+}, Symbol.toStringTag, { value: "Module" })), Y = ({ width: e }, t) => 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"
-}, a), Z = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, t), Z = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   getGidsBasicTableRowClassNames: Y
-}, Symbol.toStringTag, { value: "Module" })), ee = ({ width: e }, a) => B("gids-md-table", {
+}, Symbol.toStringTag, { value: "Module" })), ee = ({ width: e }, t) => 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"
-}, a), ae = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, t), te = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   getGidsMdTableClassNames: ee
-}, Symbol.toStringTag, { value: "Module" })), te = ({ borderSides: e, borderRadiusSides: a, appearance: t, textAlignment: l, width: r }, i) => B("gids-table-cell", {
+}, Symbol.toStringTag, { value: "Module" })), ae = ({ borderSides: e, borderRadiusSides: t, appearance: a, textAlignment: l, width: d }, 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": 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"),
+  "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"),
   // Background colors
-  "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",
+  "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",
   // Alignments
   "gids-table-cell--text-alignment-left": l === "left",
   "gids-table-cell--text-alignment-right": l === "right",
   "gids-table-cell--text-alignment-center": l === "center",
   // Widths
   // 'gids-table-cell--width-full': width === 'full', // Width set by default so not needed
-  "gids-table-cell--width-intrinsic": r === "intrinsic"
+  "gids-table-cell--width-intrinsic": d === "intrinsic"
 }, i), le = (e) => e && e.toString() !== "" ? `gids-typography-${e}` : "gids-typography-label-medium", ie = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  getGidsTableCellClassNames: te,
+  getGidsTableCellClassNames: ae,
   getGidsTableCellLabelTypographyClass: le
-}, 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 }) => {
+}, Symbol.toStringTag, { value: "Module" })), { getGidsTableCellClassNames: de, getGidsTableCellLabelTypographyClass: re } = ie, { isTableCellActionButtonVisible: ne, getTableCellBtnIcon: se } = U, v = ({ id: e, uniqueKey: t, extraData: a, label: l, cellDataType: d = "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;
+    return T?.cellIconName && "" + T.cellIconName != "" ? r(S, { name: T.cellIconName, size: T.cellIconSize, appearance: T.cellIconAppearance }) : void 0;
   }
   function _(s) {
     const y = s === "primary" ? m : z;
-    if (y && !(y.length <= 0)) return d("div", { class: s === "primary" ? "gids-table-cell__primary-action-btn-container" : "gids-table-cell__secondary-action-btn-container" }, y.map(((T, w) => {
+    if (y && !(y.length <= 0)) return r("div", { class: s === "primary" ? "gids-table-cell__primary-action-btn-container" : "gids-table-cell__secondary-action-btn-container" }, y.map(((T, w) => {
       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: t, isHeaderCell: b, uniqueKey: a, actionBtnNumber: "action-btn-" + (x + 1), actionBtnIndex: x, actionBtnPosition: j ?? "secondary" } });
+        return r(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: d, displayTags: i, label: l, id: e, extraData: a, isHeaderCell: b, uniqueKey: t, 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": 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 }) => {
+  return r(b ? "th" : "td", { ...L, class: de({ borderSides: g, borderRadiusSides: o, appearance: p, textAlignment: h, width: n }, R), id: e, "unique-key": t, "extra-data": JSON.stringify(a) }, _("primary"), d === "text" && l && l !== "" ? r("span", { class: "" + re(c) }, l) : void 0, d === "display-tag" && i && i.length > 0 ? r("div", { class: "gids-table-cell__display-tags-container" }, i.map(((s) => r($, { label: s?.label ?? "", appearance: s?.displayTagAppearance ?? "subtle", size: s?.displayTagSize ?? "xs", icon: s?.displayTagIcon ? r(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: d, 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 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 }) => {
+  return t === "vertical" ? r(K, null, a.map(((c, b) => r("tr", { ...g, key: "row-v-" + (b + 1), class: o }, r(v, { ...c, width: e, isHeaderCell: l, cellPrimaryActionButtons: d, cellSecondaryActionButtons: i, onClickCellActionBtn: (m) => h({ event: m, cellIndex: b }) }))))) : r("tr", { ...g, class: o }, a.map(((c, b) => r(v, { key: "row-h-" + (b + 1), ...c, width: e, isHeaderCell: l, cellPrimaryActionButtons: d, 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: d = "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: 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 {
+  return r("thead", { ...h, class: c }, r(D, { rows: t.map(((b) => ({ appearance: a, labelTypography: l, textAlignment: d, ...b }))), width: e, layout: i, isHeaderRow: !0, cellPrimaryActionButtons: n, cellSecondaryActionButtons: p, onClickRowActionBtn: g }));
+}, { getGidsMdTableClassNames: pe } = te, 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, a = this?.tableBody ?? [], t = [];
-    a.map(((l, r) => {
+    const e = this.isSideHeaderVisible, t = this?.tableBody ?? [], a = [];
+    t.map(((l, d) => {
       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: a, _itemsArr: h, indexI: r });
+        const c = this.getSideHeaderBorderSides({ _tableBodyData: t, _itemsArr: h, indexI: d });
         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: a, _itemsArr: h, indexI: r, indexJ: b });
+        const m = this.getRowBorderSides({ _tableBodyData: t, _itemsArr: h, indexI: d, indexJ: b });
         i.push({ ...c, appearance: this.rowAppearance, labelTypography: this.rowLabelTypography, textAlignment: this.rowTextAlignment, isHeader: !1, borderSides: m });
-      })), t.push({ heading: n, id: p, uniqueKey: g, extraData: o, items: i });
-    })), this.constructedTableBodyData = t;
+      })), a.push({ heading: n, id: p, uniqueKey: g, extraData: o, items: i });
+    })), this.constructedTableBodyData = a;
   }
-  getRowBorderSides({ _tableBodyData: e, _itemsArr: a, indexI: t, indexJ: l }) {
-    const r = this.applyTableInternalBorders(), i = this.applyTableAllBorders();
+  getRowBorderSides({ _tableBodyData: e, _itemsArr: t, indexI: a, indexJ: l }) {
+    const d = this.applyTableInternalBorders(), i = this.applyTableAllBorders();
     let n = [];
-    return (r || i) && (l < a.length && t + 1 < e.length && (n = ["bottom"]), l + 1 < a.length && (n = [...n, "right"])), n;
+    return (d || i) && (l < t.length && a + 1 < e.length && (n = ["bottom"]), l + 1 < t.length && (n = [...n, "right"])), n;
   }
-  getSideHeaderBorderSides({ _tableBodyData: e, _itemsArr: a, indexI: t }) {
-    const l = this.applyTableInternalBorders(), r = this.applyTableAllBorders();
+  getSideHeaderBorderSides({ _tableBodyData: e, _itemsArr: t, indexI: a }) {
+    const l = this.applyTableInternalBorders(), d = this.applyTableAllBorders();
     let i = [];
-    return (l || r) && (t + 1 < e.length && (i = ["bottom"]), a.length > 0 && (i = [...i, "right"])), i;
+    return (l || d) && (a + 1 < e.length && (i = ["bottom"]), t.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 a = e;
-    this.applyTableOuterBorders() && (a = e + "  gids-md-table__outer-borders");
-    const t = this.addBorderRadiusDirectlyToTable();
-    return t && t !== "" ? `${a} ${t}` : "" + a;
+    let t = e;
+    this.applyTableOuterBorders() && (t = e + "  gids-md-table__outer-borders");
+    const a = this.addBorderRadiusDirectlyToTable();
+    return a && a !== "" ? `${t} ${a}` : "" + t;
   }
   addBorderRadiusDirectlyToTable() {
     let 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;
+    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;
   }
   getTopHeaderCells() {
-    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 t.map(((p, g) => {
+    const e = this.isSideHeaderVisible, t = this?.topHeaderCells ?? [];
+    let a = [...t];
+    e === !1 && t.length > 0 ? a.splice(0, 1) : a = [...t];
+    const l = this.applyTableInternalBorders(), d = this.applyTableAllBorders(), i = this.applyTableTopHeaderBorders(), n = [];
+    return a.map(((p, g) => {
       let o = [];
-      (l || r || i) && (o = ["bottom"], g + 1 < t.length && (o = [...o, "right"])), n.push({ ...p, borderSides: o });
+      (l || d || i) && (o = ["bottom"], g + 1 < a.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 }), a = this.isTopHeaderVisible, t = this.getTopHeaderCells(), l = this?.constructedTableBodyData ?? [];
-    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)));
+    const e = pe({ width: this.width }), t = this.isTopHeaderVisible, a = this.getTopHeaderCells(), l = this?.constructedTableBodyData ?? [];
+    return r(E, { key: "7fd7bb52b7abc8d286238d684eaf2ee682992c66", class: e }, r("table", { key: "cdb0d3d5b1d2e99ffb63e5ed1bd88dec771ab073", class: this.getTableClasses() }, t ? r(be, { appearance: this.topHeaderAppearance, labelTypography: this.topHeaderLabelTypography, textAlignment: this.topHeaderTextAlignment, headerCells: a, width: this.width }) : void 0, r("tbody", { key: "18458aac3a01fd79343b9023728175566f4a2134" }, l.length > 0 ? l.map(((d) => r(D, { layout: "horizontal", rows: d?.items ?? [], width: this.width }))) : void 0)));
   }
   get hostElement() {
     return this;

package/dist-bundled/es/gids-month-dropdown-picker.js

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