@ganpatiinfo/gids-core-web 20.0.0 → 21.0.0

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

@@ -64,7 +64,7 @@ const h = v(class extends p {
     e && e.removeEventListener("click", this.handleToggleEvent), document.removeEventListener("click", this.handleDocumentClick), document.removeEventListener("keydown", this.handleKeyDown);
   }
   render() {
-    return a(f, { key: "73497d9ef4f14eebabf001242caef76381b5991d" }, a("slot", { key: "7b765462348d7a0c4340bdefd665d5b06149f404", name: "anchor" }), a("div", { key: "c08d46d227c0a7427d6e32f7999cfe0bc4ef7761", id: "popover", part: "popover", role: "dialog", "aria-modal": "true", tabindex: "-1" }, a("span", { key: "f7d42809d784ac6a83ccf02fc0d3d206429cdd8c", id: "arrow" }), a("div", { key: "869b33ab701c0fe3bd1e9e98e1174366d78a9807" }, a("slot", { key: "9c3e5e4d37cc1da657984f1807e8f000011f8161" }))));
+    return a(f, { key: "3554da5077c5559833eff3e75b879747d5b2e8d9" }, a("slot", { key: "a2ff6891af63297a0851a73073d71ff07a43b588", name: "anchor" }), a("div", { key: "2026889b3345cad4e0c9e7f3322e9202989911f5", id: "popover", part: "popover", role: "dialog", "aria-modal": "true", tabindex: "-1" }, a("span", { key: "5d4a3d2627badbc918b5d1ce165ff9713192255d", id: "arrow" }), a("div", { key: "e7f2c5681fbfe9aa83f45c6c6007384dac051210" }, a("slot", { key: "3a7392b090bb697361bc26ee6f3f8d8dbbcd2de5" }))));
   }
   disconnectedCallback() {
     this.cleanupEventListeners(), this.floatingElementManager?.destroy();

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

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

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

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

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

@@ -1,8 +1,8 @@
-import { L as z, u as B, D as o, P as L, q as c } from "./p-B4hcsDH0-CPqEc-vc.js";
-import { m as R, l as $, u as j } from "./p-B0hLXifA-CoImnX3T.js";
-import { p as G } from "./p-CcKHKwS0-Bw63tTOA.js";
+import { L as z, u as B, D as o, P as L, q as f } from "./p-B4hcsDH0-CPqEc-vc.js";
+import { m as R, l as j, y as G } from "./p-BCbovLBE-DfkhIEts.js";
+import { p as $ } from "./p-CcKHKwS0-Bw63tTOA.js";
 import { d as b } from "./p-iQRr_fAH-ClfWEu03.js";
-import { u as q } from "./p-Cf3Ny79u-VGT_IyGI.js";
+import { p as q } from "./p--kh67-_Z-BBhYy4ZX.js";
 import { c as N } from "./clsx-OuTLNxxd.js";
 const O = ({ profileControlAppearance: e, profileControlBorderRadius: i, profileControlShadow: r, expanded: a }, l) => N("gids-profile", {
   // Appearances
@@ -68,7 +68,7 @@ const O = ({ profileControlAppearance: e, profileControlBorderRadius: i, profile
   __proto__: null,
   getGidsProfileClassNames: O,
   getGidsProfileTextClassNames: F
-}, Symbol.toStringTag, { value: "Module" })), { getGidsProfileClassNames: J, getGidsProfileTextClassNames: K } = W, { getProfileHeaderMenuAvatarText: Q } = $, C = z(class extends B {
+}, Symbol.toStringTag, { value: "Module" })), { getGidsProfileClassNames: J, getGidsProfileTextClassNames: K } = W, { getProfileHeaderMenuAvatarText: Q } = j, C = z(class extends B {
   constructor(e) {
     super(), e !== !1 && this.__registerHost(), this.expanded = !1, this.profileControlAppearance = "default", this.profileControlAvatarVisible = !0, this.profileControlAvatarBadgeVisible = !0, this.profileControlBorderRadius = "none", this.profileControlShadow = "none", this.profileControlLeadingIconSize = "sm", this.profileControlTrailingIconSize = "sm", this.profileControlLeadingIconAppearance = "filled", this.profileControlTrailingIconAppearance = "filled", this.profileMenuItems = [], this.headerDividerVisible = !1, this.headerVisible = !1, this.listSectionDividerVisible = !1, this.isMenuExpanded = !1, this.selectedProfileMenuItemId = void 0, this.onProfileControlPress = (i) => {
       if (i && i.stopPropagation(), this.hasMenu()) {
@@ -88,8 +88,8 @@ const O = ({ profileControlAppearance: e, profileControlBorderRadius: i, profile
       if (!i) return;
       const r = this.hostElement.getBoundingClientRect(), a = window.innerWidth, l = window.innerHeight;
       i.style.maxHeight = "none";
-      const g = i.getBoundingClientRect(), s = l - r.bottom - 8, n = r.top - 4, d = g.height > s && n > s, f = d ? n : s;
-      i.style.maxHeight = g.height > f ? f + "px" : "none";
+      const g = i.getBoundingClientRect(), s = l - r.bottom - 8, n = r.top - 4, d = g.height > s && n > s, c = d ? n : s;
+      i.style.maxHeight = g.height > c ? c + "px" : "none";
       const p = i.getBoundingClientRect();
       let t = r.left;
       t + p.width > a - 4 && (t = a - p.width - 4), t < 4 && (t = 4), i.style.left = t - r.left + "px", i.style.top = d ? -p.height - 4 + "px" : r.height + 4 + "px";
@@ -169,9 +169,9 @@ const O = ({ profileControlAppearance: e, profileControlBorderRadius: i, profile
     document.removeEventListener("click", this.handleDocumentClick);
   }
   render() {
-    const e = this?.profileControlAppearance ?? "default", i = this?.profileControlAvatarProps, r = i?.badgeProps, a = this?.profileControlAvatarVisible ?? !1, l = this?.profileControlAvatarBadgeVisible ?? !1, g = this?.profileControlBorderRadius ?? "none", s = this?.profileControlShadow ?? "none", n = this?.profileControlLeadingIcon, d = this?.profileControlTrailingIcon, f = this?.profileControlTitle ?? "", p = this?.profileControlSupportingText ?? "", t = this?.profileMenuItems ?? [], _ = this?.headerDividerVisible ?? !1, x = this?.headerVisible ?? !1, y = this?.headerItem, I = this?.listSectionDividerVisible ?? !1, P = this?.menuId, h = this?.isMenuExpanded ?? !1, u = this.hasMenu(), w = this.selectedProfileMenuItemId, k = this?.profileControlLeadingIconSize ?? "sm", T = this?.profileControlTrailingIconSize ?? "sm", A = this?.profileControlLeadingIconAppearance ?? "filled", V = this?.profileControlTrailingIconAppearance ?? "filled", M = J({ profileControlAppearance: e, profileControlBorderRadius: g, profileControlShadow: s, expanded: h && u }), S = i?.size ?? "sm", { titleClasses: E, supportingTextClasses: D } = K({ profileControlAppearance: e });
+    const e = this?.profileControlAppearance ?? "default", i = this?.profileControlAvatarProps, r = i?.badgeProps, a = this?.profileControlAvatarVisible ?? !1, l = this?.profileControlAvatarBadgeVisible ?? !1, g = this?.profileControlBorderRadius ?? "none", s = this?.profileControlShadow ?? "none", n = this?.profileControlLeadingIcon, d = this?.profileControlTrailingIcon, c = this?.profileControlTitle ?? "", p = this?.profileControlSupportingText ?? "", t = this?.profileMenuItems ?? [], _ = this?.headerDividerVisible ?? !1, x = this?.headerVisible ?? !1, y = this?.headerItem, I = this?.listSectionDividerVisible ?? !1, P = this?.menuId, h = this?.isMenuExpanded ?? !1, u = this.hasMenu(), w = this.selectedProfileMenuItemId, k = this?.profileControlLeadingIconSize ?? "sm", T = this?.profileControlTrailingIconSize ?? "sm", A = this?.profileControlLeadingIconAppearance ?? "filled", V = this?.profileControlTrailingIconAppearance ?? "filled", M = J({ profileControlAppearance: e, profileControlBorderRadius: g, profileControlShadow: s, expanded: h && u }), S = i?.size ?? "sm", { titleClasses: E, supportingTextClasses: D } = K({ profileControlAppearance: e });
     let v = i?.color ?? "brand";
-    return e === "brand" && (v = i?.color ?? "default"), o(L, { key: "af2b1019426d4afb25d17e13cbcfd9c68ff93ae3", class: M, onClick: this.onProfileControlPress, "menu-expanded": h }, n ? o(b, { name: n, size: k, appearance: A }) : void 0, o("div", { key: "0236ae2295f37e17c119fb2aef82ce640e0f5176", class: "gids-profile__main-container" }, a ? o(R, { appearance: i?.appearance ?? "text", color: v, size: S, text: this.getProfileControlAvatarText(), imageSrc: i?.imageSrc ?? "", alt: i?.alt ?? "alt-img", badge: l ? o(G, { appearance: r?.appearance ?? "information", type: r?.type, count: r?.count, outline: r?.outline }) : void 0 }) : void 0, o("div", { key: "24ff9b5beb2f85c80bd6f4995f121c07ea419a30", class: "gids-profile__content-container" }, o("span", { key: "eee7c917840c9e50235c7ff6a1521257aad5b7b0", class: E }, f), o("p", { key: "13f067ccbf54ec8562644a80959f78a0ece5ac68", class: D }, p))), d ? o(b, { name: d, size: T, appearance: V }) : void 0, u && h ? o("div", { class: "gids-profile__dropdown-menu-container", id: P, role: "profilePickerbox", onClick: (H) => H.stopPropagation() }, o("gids-profile-menu", { headerItem: y, headerDividerVisible: _, headerVisible: x, listSectionDividerVisible: I, profileMenuItems: t, onHeaderAvatarPress: this.onPressHeaderAvatar, onHeaderTitlePress: this.onPressHeaderTitle, onHeaderSupportingTextPress: this.onPressHeaderSupportingText, onProfileMenuItemPress: this.onPressProfileMenuItem, selectedProfileMenuItemId: w })) : void 0);
+    return e === "brand" && (v = i?.color ?? "default"), o(L, { key: "6544a8b12ca555b005aada8583aee6af2716d19b", class: M, onClick: this.onProfileControlPress, "menu-expanded": h }, n ? o(b, { name: n, size: k, appearance: A }) : void 0, o("div", { key: "e2ee877c0168c5c27a64f6e51799294d03c62ac9", class: "gids-profile__main-container" }, a ? o(R, { appearance: i?.appearance ?? "text", color: v, size: S, text: this.getProfileControlAvatarText(), imageSrc: i?.imageSrc ?? "", alt: i?.alt ?? "alt-img", badge: l ? o($, { appearance: r?.appearance ?? "information", type: r?.type, count: r?.count, outline: r?.outline }) : void 0 }) : void 0, o("div", { key: "285373353d7ebec41f82e87393f0395d2033331e", class: "gids-profile__content-container" }, o("span", { key: "fdb40d72e3c78cf520b8c066e4b046a418eb8d28", class: E }, c), o("p", { key: "ea66a5d582c3223357c7da2c38c12286f349f185", class: D }, p))), d ? o(b, { name: d, size: T, appearance: V }) : void 0, u && h ? o("div", { class: "gids-profile__dropdown-menu-container", id: P, role: "profilePickerbox", onClick: (H) => H.stopPropagation() }, o("gids-profile-menu", { headerItem: y, headerDividerVisible: _, headerVisible: x, listSectionDividerVisible: I, profileMenuItems: t, onHeaderAvatarPress: this.onPressHeaderAvatar, onHeaderTitlePress: this.onPressHeaderTitle, onHeaderSupportingTextPress: this.onPressHeaderSupportingText, onProfileMenuItemPress: this.onPressProfileMenuItem, selectedProfileMenuItemId: w })) : void 0);
   }
   get hostElement() {
     return this;
@@ -187,13 +187,13 @@ function m() {
   typeof customElements < "u" && ["gids-profile", "gids-profile-menu", "gids-profile-menu-header"].forEach(((e) => {
     switch (e) {
       case "gids-profile":
-        customElements.get(c(e)) || customElements.define(c(e), C);
+        customElements.get(f(e)) || customElements.define(f(e), C);
         break;
       case "gids-profile-menu":
-        customElements.get(c(e)) || q();
+        customElements.get(f(e)) || q();
         break;
       case "gids-profile-menu-header":
-        customElements.get(c(e)) || j();
+        customElements.get(f(e)) || G();
     }
   }));
 }

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

@@ -16,7 +16,7 @@ const d = (s) => n("gids-scrim", s), m = /* @__PURE__ */ Object.freeze(/* @__PUR
     s !== void 0 && this._el.shadowRoot?.adoptedStyleSheets.push(s), this.activeClasses = a(this.extraClasses);
   }
   render() {
-    return e("div", { key: "18caab041af3f9687f5adfd316396540a5e86b8e", class: this.activeClasses, part: "root" }, e("slot", { key: "2e512b31b80245db0ae80434f89979455cf97392" }));
+    return e("div", { key: "dabb463e89a0f58e4293299df536b475f3dcad88", class: this.activeClasses, part: "root" }, e("slot", { key: "417013f19fdaf3d704712a7fd85e9b39b721d561" }));
   }
   get _el() {
     return this;

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

@@ -0,0 +1,6 @@
+import { m as e, g as m } from "./p-bfWlRsx_-B9hzkHIt.js";
+const o = e, r = m;
+export {
+  o as GidsSidebarItem,
+  r as defineCustomElement
+};

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

@@ -0,0 +1,6 @@
+import { G as e, P as o } from "./p-kWyyLyT3-DhHcKhR9.js";
+const s = e, t = o;
+export {
+  s as GidsSidebarMenu,
+  t as defineCustomElement
+};

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

@@ -0,0 +1,150 @@
+import { L as O, u as G, D as a, P as j, q as r } from "./p-B4hcsDH0-CPqEc-vc.js";
+import { p as q } from "./p-CcKHKwS0-Bw63tTOA.js";
+import { o as X } from "./p-BsC3-MVH-j4fPhip5.js";
+import { d as S } from "./p-iQRr_fAH-ClfWEu03.js";
+import { A as B, S as F, y as J, P as K } from "./p-kWyyLyT3-DhHcKhR9.js";
+import { r as p } from "./p-BRNvHMdK-CqGtfAsn.js";
+import { h as Q } from "./p-DpvdbdZ--C7QlXxK2.js";
+import { g as R } from "./p-bfWlRsx_-B9hzkHIt.js";
+import { c as U } from "./clsx-OuTLNxxd.js";
+const V = ({ appearance: e, height: i }, t) => U("gids-sidebar", {
+  // Appearances
+  // 'gids-sidebar--appearance-default': appearance === 'default', // By default so not needed
+  "gids-sidebar--appearance-subtle": e === "subtle",
+  "gids-sidebar--appearance-primary": e === "primary",
+  // Heights
+  // 'gids-sidebar--height-intrinsic': height === 'intrinsic', // By default so not needed
+  "gids-sidebar--height-full": i === "full"
+}, t), W = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsSidebarClassNames: V
+}, Symbol.toStringTag, { value: "Module" })), { getGidsSidebarClassNames: Y } = W, C = O(class extends G {
+  constructor(e) {
+    super(), e !== !1 && this.__registerHost(), this.id = "sidebar", this.appearance = "default", this.sidebarItemAppearance = "subtle", this.sidebarItemSelectionAppearance = "default", this.sidebarMenuItemAppearance = "subtle", this.sidebarMenuItemSelectionAppearance = "default", this.height = "intrinsic", this.sectionDividers = !0, this.itemDividers = !1, this.headerDivider = !0, this.menuPlacement = "right-end", this.menuConstrainPlacements = ["right-end", "left-end", "left", "right", "right-start", "left-start"], this.listData = [], this.selectedMenuItemSectionIdState = void 0, this.selectedMenuItemIdState = void 0, this.selectedSectionIdState = void 0, this.selectedItemIdState = void 0, this.hasHeaderContent = !1, this.onSidebarItemPress = ({ event: i, sectionId: t, sectionIndex: s, itemIndex: n }) => {
+      this.selectedSectionIdState = t, this.selectedItemIdState = i?.sidebarItemId ?? void 0, this.selectedMenuItemSectionIdState = i?.sidebarMenuItemSectionId ?? void 0, this.selectedMenuItemIdState = i?.sidebarMenuItemId ?? void 0, this.onSidebarChange && this.onSidebarChange({ ...i, originalEvent: i?.originalEvent, sidebarSectionId: t, sidebarSectionIndex: s, sidebarItemIndex: n });
+    }, this.hasMenu = (i) => {
+      const t = i?.menuData ?? [];
+      if (t.length <= 0) return !1;
+      const s = t[0]?.menuItems ?? [];
+      return s.length <= 0 ? !1 : !!s[0]?.id;
+    }, this.sidebarMenuItemSelected = ({ listItem: i, listItemSectionId: t }) => {
+      if (t === this.selectedSectionIdState && i.id === this.selectedItemIdState) {
+        const s = (i?.menuData ?? []).find(((n) => n?.sectionId === this?.selectedMenuItemSectionIdState));
+        if (s) {
+          const n = s?.menuItems ?? [];
+          return !!(n.length > 0 && n.find(((l) => l.id === this?.selectedMenuItemIdState)));
+        }
+        return !1;
+      }
+      return !1;
+    }, this.sidebarItemSelected = ({ listItem: i, listItemSectionId: t }) => this.hasMenu(i) ? this.sidebarMenuItemSelected({ listItem: i, listItemSectionId: t }) : t === this.selectedSectionIdState && i.id === this.selectedItemIdState, this.renderAccessory = ({ accessoryType: i, accessory: t, slotName: s }) => {
+      switch (i) {
+        case "badge":
+          return a(q, { ...t?.badgeProps, slot: s });
+        case "display-tag":
+          return a(X, { ...t?.displayTagProps, label: t?.displayTagProps?.label ?? "", color: t?.displayTagProps?.color ?? "accent-1", slot: s, icon: t?.displayTagProps?.iconName ? a(S, { name: t.displayTagProps.iconName, appearance: t?.displayTagProps?.iconAppearance ?? "regular", size: t?.displayTagProps?.iconSize ?? "md", alt: t?.displayTagProps?.iconAlt }) : void 0 });
+        case "status-tag":
+          return a(J, { ...t?.statusTagProps, slot: s });
+        case "checkbox":
+          return a(F, { checked: t?.checkboxProps?.checked, disabled: t?.checkboxProps?.disabled, indeterminate: t?.checkboxProps?.indeterminate, slot: s }, t?.checkboxProps?.label);
+        case "radio":
+          return a(B, { checked: t?.radioProps?.checked, disabled: t?.radioProps?.disabled, slot: s }, t?.radioProps?.label);
+        default:
+          return;
+      }
+    }, this.renderIcon = (i) => i?.name ? a(S, { name: i.name, appearance: i?.appearance ?? "regular", size: i?.size ?? "md", alt: i?.alt, slot: "sidebarItemLeadingIcon" }) : void 0;
+  }
+  idChanged(e) {
+    this.id = e;
+  }
+  appearanceChanged(e) {
+    this.appearance = e;
+  }
+  sidebarItemAppearanceChanged(e) {
+    this.sidebarItemAppearance = e;
+  }
+  sidebarItemSelectionAppearanceChanged(e) {
+    this.sidebarItemSelectionAppearance = e;
+  }
+  sidebarMenuItemAppearanceChanged(e) {
+    this.sidebarMenuItemAppearance = e;
+  }
+  sidebarMenuItemSelectionAppearanceChanged(e) {
+    this.sidebarMenuItemSelectionAppearance = e;
+  }
+  selectedSectionIdChanged(e) {
+    this.selectedSectionId = e, this.selectedSectionIdState = e;
+  }
+  selectedItemIdChanged(e) {
+    this.selectedItemId = e, this.selectedItemIdState = e;
+  }
+  selectedMenuItemSectionIdChanged(e) {
+    this.selectedMenuItemSectionId = e, this.selectedMenuItemSectionIdState = e;
+  }
+  selectedMenuItemIdChanged(e) {
+    this.selectedMenuItemId = e, this.selectedMenuItemIdState = e;
+  }
+  heightChanged(e) {
+    this.height = e;
+  }
+  sectionDividersChanged(e) {
+    this.sectionDividers = e;
+  }
+  itemDividersChanged(e) {
+    this.itemDividers = e;
+  }
+  menuPlacementChanged(e) {
+    this.menuPlacement = e;
+  }
+  menuConstrainPlacementsChanged(e) {
+    this.menuConstrainPlacements = e;
+  }
+  listDataChanged(e) {
+    this.listData = e;
+  }
+  connectedCallback() {
+    this.selectedMenuItemSectionIdState = this.selectedMenuItemSectionId, this.selectedMenuItemIdState = this.selectedMenuItemId, this.selectedSectionIdState = this.selectedSectionId, this.selectedItemIdState = this.selectedItemId, this.hasHeaderContent = Array.from(this.hostElement.childNodes).some(((e) => e.nodeType === Node.ELEMENT_NODE || e.nodeType === Node.TEXT_NODE && (e.textContent?.trim().length ?? 0) > 0));
+  }
+  render() {
+    const e = this.id, i = this?.appearance ?? "default", t = this?.sidebarItemAppearance ?? "subtle", s = this?.sidebarItemSelectionAppearance ?? "default", n = this?.sidebarMenuItemAppearance ?? "subtle", l = this?.sidebarMenuItemSelectionAppearance ?? "default", f = this?.height ?? "intrinsic", M = this?.menuPlacement ?? "right-end", y = this?.menuConstrainPlacements && this.menuConstrainPlacements.length > 0 ? this.menuConstrainPlacements : ["right-end", "left-end", "left", "right", "right-start", "left-start"], I = this?.listData ?? [], A = this?.sectionDividers ?? !0, P = this?.itemDividers ?? !1, D = this?.headerDivider ?? !0, x = this?.selectedMenuItemSectionIdState ?? void 0, _ = this?.selectedMenuItemIdState ?? void 0, g = this.hasHeaderContent, T = Y({ appearance: i, height: f });
+    return a(j, { key: "0b48c64fd20c4197854d539e83fead2de42b2817", class: T, id: e, "data-appearance": i }, g ? a("div", { class: "gids-sidebar__header-container" }, a("slot", null), g && D ? a(p, null) : void 0) : void 0, I.map(((o, c) => {
+      const u = o?.lisItems ?? [], b = o?.listSectionLabel, m = o?.listSectionId;
+      return a("div", { key: `${c + 1}-${m}`, class: "gids-sidebar__list-section-container" }, b ? a("h4", null, b) : void 0, u.map(((d, h) => {
+        const k = `${h + 1}-${c + 1}-${d.id}`, { leadingAccessoryType: E, leadingAccessory: N, trailingAccessoryType: L, trailingAccessory: w, leadingIconProps: $, ...z } = d;
+        return a("div", { class: "gids-sidebar__item-container" }, a("gids-sidebar-item", { ...z, key: k, id: d.id, appearance: t, selectionAppearance: s, sidebarMenuItemAppearance: n, sidebarMenuItemSelectionAppearance: l, menuPlacement: M, menuConstrainPlacements: y, menuData: d?.menuData ?? [], menuId: d?.menuId, leadingLabel: d?.leadingLabel, leadingSupportingText: d?.leadingSupportingText, trailingLabel: d?.trailingLabel, trailingSupportingText: d?.trailingSupportingText, disabled: d?.disabled, selectedMenuItemSectionId: x, selectedMenuItemId: _, selected: this.sidebarItemSelected({ listItem: d, listItemSectionId: m }), onPressSidebarItem: (H) => this.onSidebarItemPress({ event: H, sectionId: m, sectionIndex: c, itemIndex: h }) }, this.renderAccessory({ accessoryType: E, accessory: N, slotName: "sidebarItemLeadingAccessory" }), this.renderIcon($), this.renderAccessory({ accessoryType: L, accessory: w, slotName: "sidebarItemTrailingAccessory" })), P && h < u.length - 1 ? a(p, null) : void 0);
+      })), A && c < I.length - 1 ? a("div", { class: "gids-sidebar__section-divider-container" }, a(p, null)) : void 0);
+    })));
+  }
+  get hostElement() {
+    return this;
+  }
+  static get watchers() {
+    return { id: [{ idChanged: 0 }], appearance: [{ appearanceChanged: 0 }], sidebarItemAppearance: [{ sidebarItemAppearanceChanged: 0 }], sidebarItemSelectionAppearance: [{ sidebarItemSelectionAppearanceChanged: 0 }], sidebarMenuItemAppearance: [{ sidebarMenuItemAppearanceChanged: 0 }], sidebarMenuItemSelectionAppearance: [{ sidebarMenuItemSelectionAppearanceChanged: 0 }], selectedSectionId: [{ selectedSectionIdChanged: 0 }], selectedItemId: [{ selectedItemIdChanged: 0 }], selectedMenuItemSectionId: [{ selectedMenuItemSectionIdChanged: 0 }], selectedMenuItemId: [{ selectedMenuItemIdChanged: 0 }], height: [{ heightChanged: 0 }], sectionDividers: [{ sectionDividersChanged: 0 }], itemDividers: [{ itemDividersChanged: 0 }], menuPlacement: [{ menuPlacementChanged: 0 }], menuConstrainPlacements: [{ menuConstrainPlacementsChanged: 0 }], listData: [{ listDataChanged: 0 }] };
+  }
+  static get style() {
+    return ".gids-sidebar{display:flex;flex-direction:column;gap:var(--gids-gap-300);padding:var(--gids-padding-vertical-edge-to-element-250) var(--gids-padding-horizontal-edge-to-element-300);background-color:var(--gids-color-background-canvas);border-radius:var(--gids-border-radius-lg);border:var(--gids-border-width-thin) solid var(--gids-color-border-default)}.gids-sidebar__header-container{display:flex;flex-direction:column;width:100%;gap:var(--gids-gap-400)}.gids-sidebar__list-section-container{display:flex;flex-direction:column;gap:var(--gids-gap-150)}.gids-sidebar__list-section-container h4{margin:0;color:var(--gids-color-text-subtlest)}.gids-sidebar__item-container{display:flex;flex-direction:column;width:100%;gap:var(--gids-gap-200)}.gids-sidebar__section-divider-container{display:flex;flex-direction:column;width:100%;padding:var(--gids-padding-vertical-edge-to-element-250) 0}.gids-sidebar--appearance-subtle{background-color:transparent}.gids-sidebar--appearance-primary{background-color:var(--gids-color-background-brand-subtlest-default)}.gids-sidebar--height-full{height:100vh !important;overflow-x:hidden;overflow-y:auto}";
+  }
+}, [260, "gids-sidebar", { id: [1], appearance: [1], sidebarItemAppearance: [1, "sidebar-item-appearance"], sidebarItemSelectionAppearance: [1, "sidebar-item-selection-appearance"], sidebarMenuItemAppearance: [1, "sidebar-menu-item-appearance"], sidebarMenuItemSelectionAppearance: [1, "sidebar-menu-item-selection-appearance"], selectedSectionId: [1, "selected-section-id"], selectedItemId: [1, "selected-item-id"], selectedMenuItemId: [1, "selected-menu-item-id"], selectedMenuItemSectionId: [1, "selected-menu-item-section-id"], height: [1], sectionDividers: [4, "section-dividers"], itemDividers: [4, "item-dividers"], headerDivider: [4, "header-divider"], menuPlacement: [1, "menu-placement"], menuConstrainPlacements: [16], listData: [16], onSidebarChange: [16], selectedMenuItemSectionIdState: [32], selectedMenuItemIdState: [32], selectedSectionIdState: [32], selectedItemIdState: [32], hasHeaderContent: [32] }, void 0, { id: [{ idChanged: 0 }], appearance: [{ appearanceChanged: 0 }], sidebarItemAppearance: [{ sidebarItemAppearanceChanged: 0 }], sidebarItemSelectionAppearance: [{ sidebarItemSelectionAppearanceChanged: 0 }], sidebarMenuItemAppearance: [{ sidebarMenuItemAppearanceChanged: 0 }], sidebarMenuItemSelectionAppearance: [{ sidebarMenuItemSelectionAppearanceChanged: 0 }], selectedSectionId: [{ selectedSectionIdChanged: 0 }], selectedItemId: [{ selectedItemIdChanged: 0 }], selectedMenuItemSectionId: [{ selectedMenuItemSectionIdChanged: 0 }], selectedMenuItemId: [{ selectedMenuItemIdChanged: 0 }], height: [{ heightChanged: 0 }], sectionDividers: [{ sectionDividersChanged: 0 }], itemDividers: [{ itemDividersChanged: 0 }], menuPlacement: [{ menuPlacementChanged: 0 }], menuConstrainPlacements: [{ menuConstrainPlacementsChanged: 0 }], listData: [{ listDataChanged: 0 }] }]);
+function v() {
+  typeof customElements < "u" && ["gids-sidebar", "gids-flyout-panel", "gids-sidebar-item", "gids-sidebar-menu"].forEach(((e) => {
+    switch (e) {
+      case "gids-sidebar":
+        customElements.get(r(e)) || customElements.define(r(e), C);
+        break;
+      case "gids-flyout-panel":
+        customElements.get(r(e)) || Q();
+        break;
+      case "gids-sidebar-item":
+        customElements.get(r(e)) || R();
+        break;
+      case "gids-sidebar-menu":
+        customElements.get(r(e)) || K();
+    }
+  }));
+}
+v();
+const ce = C, le = v;
+export {
+  ce as GidsSidebar,
+  le as defineCustomElement
+};

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

@@ -22,7 +22,7 @@ const u = ({ variant: e, animation: t }) => g("gids-skeleton", {
   }
   render() {
     const e = m({ variant: this.variant ?? "text", animation: this.animation ?? "none" });
-    return d(l, { key: "09fe728912d038d44c4c3f5464ab057461aeabfc", class: e, style: this.getStyle(), "aria-hidden": "true" });
+    return d(l, { key: "91812440e5f71f20d59cf03b8b18f3aabaf96960", class: e, style: this.getStyle(), "aria-hidden": "true" });
   }
   static get style() {
     return 'gids-skeleton,.gids-skeleton-host{--gidsSkeleton-background:var(    --gids-color-background-accent-9-subtle-default   );--gidsSkeleton-wave-background:linear-gradient(    90deg,    transparent 0%,    var(--gids-color-background-accent-9-subtler-default) 50%,    transparent 100%   );--gidsSkeleton-text-border-radius:var(--gids-border-radius-sm);--gidsSkeleton-border-radius:var(--gids-border-radius-md);display:inline-block;position:relative;vertical-align:middle;background-color:var(--gidsSkeleton-background);overflow:hidden;width:auto;height:auto}.gids-skeleton--variant-text{border-radius:var(--gidsSkeleton-text-border-radius);min-height:1.2em;transform:scaleY(0.6);transform-origin:0 50%}.gids-skeleton--variant-circular{border-radius:100% !important;aspect-ratio:1/1}.gids-skeleton--variant-rectangular{border-radius:0}.gids-skeleton--variant-rounded{border-radius:var(--gidsSkeleton-border-radius)}.gids-skeleton--animation-none{animation:none}.gids-skeleton--animation-pulse{animation:gids-skeleton-pulse 1.5s ease-in-out infinite}.gids-skeleton--animation-wave::after{content:"";position:absolute;inset:0;width:100%;height:100%;background:var(--gidsSkeleton-wave-background);transform:translateX(-100%);animation:gids-skeleton-wave 1.6s linear infinite}@keyframes gids-skeleton-pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}@keyframes gids-skeleton-wave{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}@media (prefers-reduced-motion: reduce){.gids-skeleton--animation-pulse{animation:none}.gids-skeleton--animation-wave::after{animation:none}}';

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

@@ -1,22 +1,22 @@
 import { L as n, u as l, D as r, P as g, q as o } from "./p-B4hcsDH0-CPqEc-vc.js";
 import { p as b } from "./p-CcKHKwS0-Bw63tTOA.js";
 import { c as v } from "./clsx-OuTLNxxd.js";
-const h = ({ appearance: e, width: t = "intrinsic", active: i }, d) => v("gids-tab-item", {
+const h = ({ appearance: e, width: t = "intrinsic", active: a }, d) => v("gids-tab-item", {
   // Widths
   // 'gids-tab-item--intrinsic': width === 'intrinsic', // By default so not needed
   "gids-tab-item--full": t === "full",
   // Apperances on active
-  "gids-tab-item--active-default": e === "default" && i,
-  "gids-tab-item--active-primary": e === "primary" && i,
-  "gids-tab-item--active-bordered": e === "bordered" && i,
-  "gids-tab-item--active-underlined": e === "underlined" && i,
-  "gids-tab-item--active-subtle": e === "subtle" && i,
+  "gids-tab-item--active-default": e === "default" && a,
+  "gids-tab-item--active-primary": e === "primary" && a,
+  "gids-tab-item--active-bordered": e === "bordered" && a,
+  "gids-tab-item--active-underlined": e === "underlined" && a,
+  "gids-tab-item--active-subtle": e === "subtle" && a,
   // Apperances on inactive
-  "gids-tab-item--default": e === "default" && !i,
-  "gids-tab-item--primary": e === "primary" && !i,
-  "gids-tab-item--bordered": e === "bordered" && !i,
-  "gids-tab-item--underlined": e === "underlined" && !i,
-  "gids-tab-item--subtle": e === "subtle" && !i
+  "gids-tab-item--default": e === "default" && !a,
+  "gids-tab-item--primary": e === "primary" && !a,
+  "gids-tab-item--bordered": e === "bordered" && !a,
+  "gids-tab-item--underlined": e === "underlined" && !a,
+  "gids-tab-item--subtle": e === "subtle" && !a
 }, d), u = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   getGidsTabItemClassNames: h
@@ -54,8 +54,8 @@ const h = ({ appearance: e, width: t = "intrinsic", active: i }, d) => v("gids-t
     this.hasLeadingIcon = !!this.hostElement.querySelector('[slot="leadingIconTabItem"]'), this.hasTrailingIcon = !!this.hostElement.querySelector('[slot="trailingIconTabItem"]');
   }
   render() {
-    const e = m({ appearance: this.appearance, width: this.width, active: this.active }), t = this.hasTrailingIcon, i = this.badgeVisible, d = this.appearance === "primary" && this.active ? "inverse" : this.badgeAppearance ?? "information", a = this.label;
-    return r(g, { key: "a364c69d22d8bb640c9f280b5d1722f1e379e046", class: e, onClick: this.handleHostClick }, this.hasLeadingIcon ? r("slot", { name: "leadingIconTabItem" }) : void 0, a && a !== "" ? r("span", { class: "gids-tab-item__label" }, a && a !== "" ? a : void 0, i ? r(b, { appearance: d, type: this.badgeType, count: this.badgeCount }) : void 0) : void 0, t ? r("slot", { name: "trailingIconTabItem" }) : void 0);
+    const e = m({ appearance: this.appearance, width: this.width, active: this.active }), t = this.hasTrailingIcon, a = this.badgeVisible, d = this.appearance === "primary" && this.active ? "inverse" : this.badgeAppearance ?? "information", i = this.label;
+    return r(g, { key: "f01d0f860f09aca20e77876af6c87e1db7de26b3", class: e, onClick: this.handleHostClick }, this.hasLeadingIcon ? r("slot", { name: "leadingIconTabItem" }) : void 0, i && i !== "" ? r("span", { class: "gids-tab-item__label" }, i && i !== "" ? i : void 0, a ? r(b, { appearance: d, type: this.badgeType, count: this.badgeCount }) : void 0) : void 0, t ? r("slot", { name: "trailingIconTabItem" }) : void 0);
   }
   get hostElement() {
     return this;

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

@@ -1,13 +1,13 @@
-import { L as r, u as h, D as a, P as c, q as s } from "./p-B4hcsDH0-CPqEc-vc.js";
-import { c as l } from "./clsx-OuTLNxxd.js";
-const o = ({ width: e, appearance: t }, d) => l("gids-tab", {
+import { L as r, u as h, D as a, P as l, q as s } from "./p-B4hcsDH0-CPqEc-vc.js";
+import { c } from "./clsx-OuTLNxxd.js";
+const o = ({ width: e, appearance: t }, d) => c("gids-tab", {
   "gids-tab--full": e === "full",
   "gids-tab--item-subtle": t === "subtle",
   "gids-tab--item-underlined": t === "underlined"
-}, d), p = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, d), b = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   getGidsTabClassNames: o
-}, Symbol.toStringTag, { value: "Module" })), { getGidsTabClassNames: b } = p, i = r(class extends h {
+}, Symbol.toStringTag, { value: "Module" })), { getGidsTabClassNames: p } = b, i = r(class extends h {
   constructor(e) {
     super(), e !== !1 && this.__registerHost(), this.width = "intrinsic", this.appearance = "default";
   }
@@ -37,8 +37,8 @@ const o = ({ width: e, appearance: t }, d) => l("gids-tab", {
     return e === this.activeTabId;
   }
   render() {
-    const e = b({ width: this.width, appearance: this.appearance });
-    return a(c, { key: "d4894b3e60a3057a392c717db7d5f1415fe1e1e8", class: e }, a("slot", { key: "f9bc6099f9b57ecc507462ee1f2a5f613176ced1" }));
+    const e = p({ width: this.width, appearance: this.appearance });
+    return a(l, { key: "e14e48333e00d0f7affd751a6619a6bd27bc3a63", class: e }, a("slot", { key: "3bb067962a39430b5a4086dcda98ef3ab31906d3" }));
   }
   get hostElement() {
     return this;

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

@@ -2,8 +2,8 @@ import { L as u, u as h, z as c, C as f, D as i, q as s } from "./p-B4hcsDH0-CPq
 import { i as b } from "./p-B2zUuNXz-BLBgQDu7.js";
 import { s as m } from "./p-BkxmRN-4-DSiXCW8b.js";
 import { r as p } from "./p-Do_VlNHg-_g7lcvwR.js";
-import { h as g } from "./p-CrqHKmjy-DwSsCofb.js";
-import { r as x } from "./p-j2_DKwBz-CqyuxxnN.js";
+import { h as g } from "./p-mv_7K1EM-lPgJqpPI.js";
+import { r as x } from "./p-DzOOjiNH-Wm7KbI3O.js";
 import { g as _ } from "./p-iQRr_fAH-ClfWEu03.js";
 const v = (e, t) => {
   if (!(e === void 0 || t === void 0))
@@ -51,7 +51,7 @@ const v = (e, t) => {
   #t;
   render() {
     const { id: e, ...t } = this.inputProps ?? {}, a = e ?? this.#e, d = this.showClearButton && this.value !== void 0 && this.value.length > 0;
-    return i("gids-field", { key: "e7b53ef42f47bef08ef1304f98970aba15a9f5ce", disabled: this.disabled, count: F(this.value?.length, this.maxLength), helperText: this.helperText, statusText: this.statusText, status: O(this.status) }, i(m, { key: "4c10235170b6a4dde192aa3d9ac94c086407c544", slot: "label", disabled: this.disabled, info: i("slot", { name: "info" }), fieldRequirement: this.fieldRequirement, fieldRequirementOptionalText: this.fieldRequirementOptionalText, fieldRequirementRequiredText: this.fieldRequirementRequiredText, isLabelSentence: this.isLabelSentence, htmlFor: a }, this.label), i("gids-input", { key: "acd239945281fc5f370a39c59bac41ac0ff7d30f", ref: (o) => this.#t = o, appearance: this.appearance, 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: this.leadingLabel, trailingLabel: this.trailingLabel, onFocus: this._handleInputFocusAndBlur, onBlur: this._handleInputFocusAndBlur, onInput: this._handleInput, inputProps: { ...t, type: this.type, id: a, maxLength: this.maxLength } }, i("slot", { key: "6c15ae2ad89af2482b89f55871973b05901b068f", name: "leadingIcon" }), i("slot", { key: "241b8faeb07db3e532dfc7f71137d5a051b10f6f", name: "leadingAccessory" }), d && i(p, { key: "16479751097d57a6cc95ede2bd4f7dad4c04e19f", label: "clear text", slot: "trailingAccessory", size: "lg", onPressDismiss: this._handleDismiss }), i("slot", { key: "eb147031f430799b1136fcbe07d8cfd58f1a9c80", name: "trailingIcon" })));
+    return i("gids-field", { key: "0be5fe0d5797adb9acc0714f0a9ca145ff03e08c", disabled: this.disabled, count: F(this.value?.length, this.maxLength), helperText: this.helperText, statusText: this.statusText, status: O(this.status) }, i(m, { key: "33d4e619b09aa4b4697afc67c7ed3d561978f420", slot: "label", disabled: this.disabled, info: i("slot", { name: "info" }), fieldRequirement: this.fieldRequirement, fieldRequirementOptionalText: this.fieldRequirementOptionalText, fieldRequirementRequiredText: this.fieldRequirementRequiredText, isLabelSentence: this.isLabelSentence, htmlFor: a }, this.label), i("gids-input", { key: "90ee368d1942d160bfaee79b40b4c66a711085c6", ref: (o) => this.#t = o, appearance: this.appearance, 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: this.leadingLabel, trailingLabel: this.trailingLabel, onFocus: this._handleInputFocusAndBlur, onBlur: this._handleInputFocusAndBlur, onInput: this._handleInput, inputProps: { ...t, type: this.type, id: a, maxLength: this.maxLength } }, i("slot", { key: "a6cff00a73a40d857fef4dae4ddae57e85a3f787", name: "leadingIcon" }), i("slot", { key: "798617cc2c6c7c0da2f0eafd12d68861918e3b84", name: "leadingAccessory" }), d && i(p, { key: "fd22a8ba9bcbe21bd19471830a3b2f88a0dff767", label: "clear text", slot: "trailingAccessory", size: "lg", onPressDismiss: this._handleDismiss }), i("slot", { key: "6054492bcc2a0a98d0f5e91a22bdcbd097f3fce6", name: "trailingIcon" })));
   }
   get _el() {
     return this;

package/dist-bundled/es/gids-toggle-button.js

@@ -1,4 +1,4 @@
-import { l as o, o as t } from "./p-GcC8pCKF-CZJFTFeN.js";
+import { l as o, o as t } from "./p-DQQhGF5N-mCqb5VTE.js";
 const s = o, m = t;
 export {
   s as GidsToggleButton,

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

@@ -38,7 +38,7 @@ const o = n(class extends l {
     t && (t.removeEventListener("mouseenter", this.handleShowEvent), t.removeEventListener("focus", this.handleShowEvent), t.removeEventListener("mouseleave", this.handleHideEvent), t.removeEventListener("blur", this.handleHideEvent));
   }
   render() {
-    return e(s, { key: "56a3589fce74458f3c72d17dfcd79b464bdf7712" }, e("slot", { key: "bb5599494aafa6efa4ce280cbf2dfdd39affda98" }), e("span", { key: "1d9cbcb72a293a465ea8158282f99d71d46c08c4", id: "tooltip", part: "tooltip", role: "tooltip" }, e("span", { key: "b4e274e4ba08a0033d0af4a4d0a4a511961a80ab", id: "arrow" }), this.tooltipText));
+    return e(s, { key: "63a9538c744df31313d565a43be58265727b82c4" }, e("slot", { key: "b0dde46d056180195e88ddada52f8a17acea240f" }), e("span", { key: "38a92b280905177d3fa03edf406d7d1a88edb425", id: "tooltip", part: "tooltip", role: "tooltip" }, e("span", { key: "2c84d414edd57bb4799a3def4987d98aa4e9de93", id: "arrow" }), this.tooltipText));
   }
   disconnectedCallback() {
     this.cleanupEventListeners(), this.floatingElementManager?.destroy();
@@ -59,8 +59,8 @@ function a() {
   }));
 }
 a();
-const f = o, v = a;
+const v = o, f = a;
 export {
-  f as GidsTooltip,
-  v as defineCustomElement
+  v as GidsTooltip,
+  f as defineCustomElement
 };

package/dist-bundled/es/gids-transfer-list.js

@@ -1,27 +1,26 @@
-import { L as b, u as _, D as a, P as x, q as p } from "./p-B4hcsDH0-CPqEc-vc.js";
+import { L as y, u as _, D as a, P as b, q as p } from "./p-B4hcsDH0-CPqEc-vc.js";
 import { p as T } from "./p-C-Lpfqcg-DIuBhXzX.js";
-import { v as L, b as C, _ as H } from "./p-KQxuw_F--BTSoDfF9.js";
-import { d as m } from "./p-iQRr_fAH-ClfWEu03.js";
-import { o } from "./p-Dg_WeHpV-DehzGL6g.js";
-import { c as f } from "./clsx-OuTLNxxd.js";
-const k = (t) => f("gids-checkbox-control", t), A = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  getGidsCheckboxControlClassNames: k
-}, Symbol.toStringTag, { value: "Module" })), M = ({ type: t }, e) => f("gids-menu-group", {
+import { b as L, _ as x } from "./p-CV1-78HB-DGkn3SPO.js";
+import { r as C } from "./p-BRNvHMdK-CqGtfAsn.js";
+import { i as f } from "./p-DZ1ZcTMe-tnPOECry.js";
+import { o as d } from "./p-Dg_WeHpV-DehzGL6g.js";
+import { d as g } from "./p-iQRr_fAH-ClfWEu03.js";
+import { c } from "./clsx-OuTLNxxd.js";
+const H = ({ type: t }, e) => c("gids-menu-group", {
   "gids-menu-group--default": t === "default",
   // by default so no need to have this class
   "gids-menu-group--no-options": t === "no-options",
   "gids-menu-group--loading": t === "loading"
-}, e), R = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, e), A = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  getGidsMenuGroupClassNames: M
-}, Symbol.toStringTag, { value: "Module" })), w = (t) => f("gids-menu", t), z = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  getGidsMenuGroupClassNames: H
+}, Symbol.toStringTag, { value: "Module" })), M = (t) => c("gids-menu", t), R = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  getGidsMenuClassNames: w
-}, Symbol.toStringTag, { value: "Module" })), O = (t) => f("gids-transfer-list", t), D = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  getGidsMenuClassNames: M
+}, Symbol.toStringTag, { value: "Module" })), k = (t) => c("gids-transfer-list", t), w = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  getGidsTransferListClassNames: O
-}, Symbol.toStringTag, { value: "Module" })), { getGidsMenuGroupClassNames: G } = R, I = ({ type: t = "no-options", supportingText: e = "No options", class: s, ...n }, l) => a("div", { class: G({ type: t }, s), ...n }, t === "loading" ? a(T, { indeterminate: !0, size: "md" }) : null, t === "no-options" ? a("span", null, e) : null, t === "default" && l != null ? l : null), { getGidsMenuClassNames: V } = z, S = ({ heading: t, supportingText: e, level: s, supportingTextTypography: n, isHeaderDividerVisible: l = !1, class: i, ...r }, h) => a("div", { class: V(i), ...r }, t != null && t !== "" || e != null && e !== "" ? a(H, { heading: t, supportingText: e, level: s, supportingTextTypography: n ?? "eyebrow-medium" }) : null, l ? a("div", { class: "gids-menu__header-divider" }, a(C, { orientation: "horizontal" })) : void 0, h != null ? a("div", { class: "gids-menu__children" }, h) : null), { getGidsCheckboxControlClassNames: j } = A, c = ({ checked: t, defaultChecked: e, disabled: s, indeterminate: n, inputId: l, name: i, value: r, required: h, onChange: d, class: g, ...y }) => a("span", { class: j(g), ...y }, a("input", { class: "gids-checkbox-control__input", type: "checkbox", disabled: s, checked: t, defaultChecked: e, required: h, indeterminate: n, value: r, id: l, name: i, onChange: d }), a(m, { class: "gids-checkbox-control__check", name: "checkmark", alt: "", size: "sm" }), a(m, { class: "gids-checkbox-control__minus", name: "minus", alt: "", size: "sm" })), { getGidsTransferListClassNames: P } = D, u = b(class extends _ {
+  getGidsTransferListClassNames: k
+}, Symbol.toStringTag, { value: "Module" })), { getGidsMenuGroupClassNames: O } = A, I = ({ type: t = "no-options", supportingText: e = "No options", class: s, ...n }, l) => a("div", { class: O({ type: t }, s), ...n }, t === "loading" ? a(T, { indeterminate: !0, size: "md" }) : null, t === "no-options" ? a("span", null, e) : null, t === "default" && l != null ? l : null), { getGidsMenuClassNames: z } = R, S = ({ heading: t, supportingText: e, level: s, supportingTextTypography: n, isHeaderDividerVisible: l = !1, class: i, ...r }, h) => a("div", { class: z(i), ...r }, t != null && t !== "" || e != null && e !== "" ? a(x, { heading: t, supportingText: e, level: s, supportingTextTypography: n ?? "eyebrow-medium" }) : null, l ? a("div", { class: "gids-menu__header-divider" }, a(C, { orientation: "horizontal" })) : void 0, h != null ? a("div", { class: "gids-menu__children" }, h) : null), { getGidsTransferListClassNames: D } = w, u = y(class extends _ {
   constructor(t) {
     super(), t !== !1 && this.__registerHost(), this.leftListHeading = "Choices", this.rightListHeading = "Choosen", this.moveAllVisible = !1, this.transferListType = "basic", this.leftListItems = [], this.rightListItems = [], this.listsMaxHeight = "200px", this.leftListItemsState = [], this.rightListItemsState = [], this.tempLeftListItemsState = [], this.tempRightListItemsState = [];
   }
@@ -70,7 +69,7 @@ const k = (t) => f("gids-checkbox-control", t), A = /* @__PURE__ */ Object.freez
   renderListHeading(t) {
     if ((this?.transferListType ?? "basic") !== "basic") {
       const e = this.isAllItemsSelectedInList({ listSide: t }), s = this.isAtleastOneItemSelectedInList({ listSide: t });
-      return a("div", { class: "gids-transfer-list__menu-heading-container" }, a(c, { checked: e || s, onChange: (n) => this.selectUnselectAllItems({ event: n, listSide: t }), indeterminate: s }), a("div", { class: "gids-transfer-list__menu-heading-text-content-container" }, a("span", { class: "gids-transfer-list__heading-text" }, this.getListHeading(t)), a("span", { class: "gids-transfer-list__heading-support-text" }, this.getListSupportingText(t))));
+      return a("div", { class: "gids-transfer-list__menu-heading-container" }, a(f, { checked: e || s, onChange: (n) => this.selectUnselectAllItems({ event: n, listSide: t }), indeterminate: s }), a("div", { class: "gids-transfer-list__menu-heading-text-content-container" }, a("span", { class: "gids-transfer-list__heading-text" }, this.getListHeading(t)), a("span", { class: "gids-transfer-list__heading-support-text" }, this.getListSupportingText(t))));
     }
   }
   listItemSelection({ event: t, pressedIndex: e, listSide: s }) {
@@ -164,13 +163,13 @@ const k = (t) => f("gids-checkbox-control", t), A = /* @__PURE__ */ Object.freez
     this.moveListItems({ event: t, listSide: e, movementType: s });
   }
   render() {
-    const t = P(), e = this?.leftListItemsState ?? [], s = this?.rightListItemsState ?? [], n = this.listsMaxHeight, l = this?.transferListType ?? "basic";
-    return a(x, { key: "f6d27883de92122e98bd43c004ecc71cb04b2bfd", class: t }, a("div", { key: "6cee295abcfa7a1e0238e11fefe61784b30e1af2", class: "gids-transfer-list__left-container" }, a(I, { key: "3ef75b241090fb7cdfe00e56019d71cc9e390201", type: e.length > 0 ? "default" : "no-options" }, a(S, { key: "b176f73704f65bb733e4a6eff81ea6a0afbb9983", heading: this.renderListHeading("left"), style: { "--gidsMenuChildren-max-height": n }, isHeaderDividerVisible: l !== "basic" }, e.map(((i, r) => {
-      const h = i?.id ? i.id : "" + (r + 1), d = this.isItemSelected({ id: h, listSide: "left" });
-      return a(L, { id: "" + h, index: r, leadingAccessory: a(c, { checked: d }), selected: d, onPressListItem: (g) => this.onPressingListItem({ event: g, pressedIndex: r, listSide: "left" }) }, i?.listLabel);
-    }))))), a("div", { key: "954bb5d1328adb1058e26d04d5c60c71aa417a33", class: "gids-transfer-list__middle-container" }, a(o, { key: "77bd61dbf02106e8a5372c5afa01138ad1791a91", leadingIcon: a(m, { name: "forward" }), appearance: "default", size: "sm", width: "full", disabled: this.movementButtonDisabled({ listSide: "left", movementType: "move-all" }), onClick: (i) => this.onItemsMovement({ event: i, listSide: "left", movementType: "move-all" }) }), a(o, { key: "eecbbaa63c5acbdf1ea2c2a5f4546b6e1247b6a3", leadingIcon: a(m, { name: "chevron-right" }), appearance: "default", size: "sm", width: "full", disabled: this.movementButtonDisabled({ listSide: "left", movementType: "move-single" }), onClick: (i) => this.onItemsMovement({ event: i, listSide: "left", movementType: "move-single" }) }), a(o, { key: "72d8f5b58abfc18ab365d822e5460d4dbf332329", leadingIcon: a(m, { name: "chevron-left" }), appearance: "default", size: "sm", width: "full", disabled: this.movementButtonDisabled({ listSide: "right", movementType: "move-single" }), onClick: (i) => this.onItemsMovement({ event: i, listSide: "right", movementType: "move-single" }) }), a(o, { key: "73dfa4e3104ec15b79d1bfda52db59fe8ba03e8b", leadingIcon: a(m, { name: "backward" }), appearance: "default", size: "sm", width: "full", disabled: this.movementButtonDisabled({ listSide: "right", movementType: "move-all" }), onClick: (i) => this.onItemsMovement({ event: i, listSide: "right", movementType: "move-all" }) })), a("div", { key: "5ac78a3c3704fda5e7c92cbb52d6a5cde45312f7", class: "gids-transfer-list__right-container" }, a(I, { key: "4c0e727d5452d11e48917ee0a8fa0d1462295771", type: s.length > 0 ? "default" : "no-options" }, a(S, { key: "83f6e5578ccbcc6fe0dfac56b738e6c88498224a", heading: this.renderListHeading("right"), style: { "--gidsMenuChildren-max-height": n }, isHeaderDividerVisible: l !== "basic" }, s.map(((i, r) => {
-      const h = i?.id ? i.id : "" + (r + 1), d = this.isItemSelected({ id: h, listSide: "right" });
-      return a(L, { id: "" + h, index: r, selected: d, leadingAccessory: a(c, { checked: d }), onPressListItem: (g) => this.onPressingListItem({ event: g, pressedIndex: r, listSide: "right" }) }, i?.listLabel);
+    const t = D(), e = this?.leftListItemsState ?? [], s = this?.rightListItemsState ?? [], n = this.listsMaxHeight, l = this?.transferListType ?? "basic";
+    return a(b, { key: "8e423fc11b33c0221541fcdd160550523d0d09f6", class: t }, a("div", { key: "221d92966d78f1e2f4efb9b36366d7002ef53061", class: "gids-transfer-list__left-container" }, a(I, { key: "9dc87d0694bcf93f262a0a474c1c021b12fc90f6", type: e.length > 0 ? "default" : "no-options" }, a(S, { key: "6f682bf9f733e11028cb2baa106b1609d01123c3", heading: this.renderListHeading("left"), style: { "--gidsMenuChildren-max-height": n }, isHeaderDividerVisible: l !== "basic" }, e.map(((i, r) => {
+      const h = i?.id ? i.id : "" + (r + 1), m = this.isItemSelected({ id: h, listSide: "left" });
+      return a(L, { id: "" + h, index: r, leadingAccessory: a(f, { checked: m }), selected: m, onPressListItem: (o) => this.onPressingListItem({ event: o, pressedIndex: r, listSide: "left" }) }, i?.listLabel);
+    }))))), a("div", { key: "55f4165f5e9ccf1f1e9255061beb9712945187f5", class: "gids-transfer-list__middle-container" }, a(d, { key: "02a0d11e2810aeab2753504944d68fdf51a0be5c", leadingIcon: a(g, { name: "forward" }), appearance: "default", size: "sm", width: "full", disabled: this.movementButtonDisabled({ listSide: "left", movementType: "move-all" }), onClick: (i) => this.onItemsMovement({ event: i, listSide: "left", movementType: "move-all" }) }), a(d, { key: "849d07570396824492897c3dbd347bb8fb2c353d", leadingIcon: a(g, { name: "chevron-right" }), appearance: "default", size: "sm", width: "full", disabled: this.movementButtonDisabled({ listSide: "left", movementType: "move-single" }), onClick: (i) => this.onItemsMovement({ event: i, listSide: "left", movementType: "move-single" }) }), a(d, { key: "9eb9747b5764a75bf7c4433c89fcc6b2dc31870d", leadingIcon: a(g, { name: "chevron-left" }), appearance: "default", size: "sm", width: "full", disabled: this.movementButtonDisabled({ listSide: "right", movementType: "move-single" }), onClick: (i) => this.onItemsMovement({ event: i, listSide: "right", movementType: "move-single" }) }), a(d, { key: "6558100625834f9936aaba67be1c554f53f5fcb3", leadingIcon: a(g, { name: "backward" }), appearance: "default", size: "sm", width: "full", disabled: this.movementButtonDisabled({ listSide: "right", movementType: "move-all" }), onClick: (i) => this.onItemsMovement({ event: i, listSide: "right", movementType: "move-all" }) })), a("div", { key: "838f2a0f22827f350fc383ffd246ed25fe880cc9", class: "gids-transfer-list__right-container" }, a(I, { key: "39597530e1dcd657dfcfbe8677d346099f8fcfae", type: s.length > 0 ? "default" : "no-options" }, a(S, { key: "25ac5e481024b4a8fd34b6e6a017e1c5eca25b34", heading: this.renderListHeading("right"), style: { "--gidsMenuChildren-max-height": n }, isHeaderDividerVisible: l !== "basic" }, s.map(((i, r) => {
+      const h = i?.id ? i.id : "" + (r + 1), m = this.isItemSelected({ id: h, listSide: "right" });
+      return a(L, { id: "" + h, index: r, selected: m, leadingAccessory: a(f, { checked: m }), onPressListItem: (o) => this.onPressingListItem({ event: o, pressedIndex: r, listSide: "right" }) }, i?.listLabel);
     }))))));
   }
   get hostElement() {
@@ -189,8 +188,8 @@ function v() {
   }));
 }
 v();
-const U = u, J = v;
+const U = u, $ = v;
 export {
   U as GidsTransferList,
-  J as defineCustomElement
+  $ as defineCustomElement
 };

package/dist-bundled/es/{p-Cf3Ny79u-VGT_IyGI.js → p--kh67-_Z-BBhYy4ZX.js}

@@ -1,12 +1,13 @@
 import { q as h, L as f, u as p, D as d, P as g } from "./p-B4hcsDH0-CPqEc-vc.js";
-import { b as u, v as P } from "./p-KQxuw_F--BTSoDfF9.js";
-import { i as b, a as M } from "./p-D0coZTd2-KhJZ57gK.js";
-import { u as v } from "./p-B0hLXifA-CoImnX3T.js";
+import { b as P } from "./p-CV1-78HB-DGkn3SPO.js";
+import { i as M, a as b } from "./p-CAjDiWIc-BieYBjHk.js";
+import { r as u } from "./p-BRNvHMdK-CqGtfAsn.js";
+import { y as v } from "./p-BCbovLBE-DfkhIEts.js";
 import { c as x } from "./clsx-OuTLNxxd.js";
 const S = (i) => x("gids-profile-menu", i), V = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   getGidsProfileMenuClassNames: S
-}, Symbol.toStringTag, { value: "Module" })), { getGidsProfileMenuClassNames: C } = V, _ = f(class extends p {
+}, Symbol.toStringTag, { value: "Module" })), { getGidsProfileMenuClassNames: y } = V, C = f(class extends p {
   constructor(i) {
     super(), i !== !1 && this.__registerHost(), this.headerVisible = !1, this.listSectionDividerVisible = !1, this.headerDividerVisible = !0, this.profileMenuItems = [], this.selectedProfileMenuItem = void 0, this.onListItemPress = ({ event: e, sectionIndex: n, itemIndex: o, item: t }) => {
       const r = { ...t, sectionIndex: n, itemIndex: o };
@@ -48,8 +49,8 @@ const S = (i) => x("gids-profile-menu", i), V = /* @__PURE__ */ Object.freeze(/*
     this.defaultSelectedProfileMenuItem();
   }
   render() {
-    const i = this?.headerItem, e = this?.headerVisible, n = this?.headerDividerVisible, o = this?.listSectionDividerVisible, t = this?.profileMenuItems ?? [], r = C();
-    return d(g, { key: "4baa2263eed55afa652eba0f1e819b1e67e9b1a2", class: r }, d(b, { key: "4ccae5d9463d84deaddacbf88c8c082b3e320db7", type: this.hasProfileMenuItems() ? "default" : "no-options" }, e ? d("div", { class: "gids-profile-menu__header-container" }, d("gids-profile-menu-header", { ...i, onHeaderAvatarPress: this.onHeaderAvatarPress, onHeaderTitlePress: this.onHeaderTitlePress, onHeaderSupportingTextPress: this.onHeaderSupportingTextPress })) : void 0, n && this.hasHeaderItem() ? d("div", { class: "gids-profile-menu__header-divider-container" }, d(u, null)) : void 0, t.map(((l, s) => d(M, { key: `${s + 1}`, sectionLabel: l?.sectionLabel ?? "" }, (l?.items ?? []).map(((a, m) => {
+    const i = this?.headerItem, e = this?.headerVisible, n = this?.headerDividerVisible, o = this?.listSectionDividerVisible, t = this?.profileMenuItems ?? [], r = y();
+    return d(g, { key: "866336e6c629f77b95aa04809e6e8e2b9cdb7b3a", class: r }, d(M, { key: "fe52b727ce65e54cf2808d608c136698fea7d7c7", type: this.hasProfileMenuItems() ? "default" : "no-options" }, e ? d("div", { class: "gids-profile-menu__header-container" }, d("gids-profile-menu-header", { ...i, onHeaderAvatarPress: this.onHeaderAvatarPress, onHeaderTitlePress: this.onHeaderTitlePress, onHeaderSupportingTextPress: this.onHeaderSupportingTextPress })) : void 0, n && this.hasHeaderItem() ? d("div", { class: "gids-profile-menu__header-divider-container" }, d(u, null)) : void 0, t.map(((l, s) => d(b, { key: `${s + 1}`, sectionLabel: l?.sectionLabel ?? "" }, (l?.items ?? []).map(((a, m) => {
       const c = this.isThisItemSelected({ ...a, sectionIndex: s, itemIndex: m });
       return console.log("_thisItemSelected", c), d(P, { ...a, key: `${m + 1}`, id: a.id, index: m, onPressListItem: (I) => this.onListItemPress({ event: I, sectionIndex: s, itemIndex: m, item: a }), selected: c }, a?.leadingLabel);
     })), s < t.length - 1 && o ? d(u, null) : void 0)))));
@@ -64,19 +65,19 @@ const S = (i) => x("gids-profile-menu", i), V = /* @__PURE__ */ Object.freeze(/*
     return ".gids-profile-menu .gids-divider{width:100%}.gids-profile-menu__header-divider-container{width:100%;padding-bottom:var(--gids-padding-vertical-edge-to-element-200)}.gids-profile-menu__header-container{display:flex;width:100%;padding:var(--gids-padding-vertical-edge-to-element-150) 0px}";
   }
 }, [0, "gids-profile-menu", { headerItem: [16], selectedProfileMenuItemId: [1, "selected-profile-menu-item-id"], headerVisible: [4, "header-visible"], listSectionDividerVisible: [4, "list-section-divider-visible"], headerDividerVisible: [4, "header-divider-visible"], profileMenuItems: [16], onHeaderAvatarPress: [16], onHeaderTitlePress: [16], onHeaderSupportingTextPress: [16], onProfileMenuItemPress: [16], selectedProfileMenuItem: [32] }, void 0, { headerItem: [{ headerItemChanged: 0 }], headerVisible: [{ headerVisibleChanged: 0 }], selectedProfileMenuItemId: [{ selectedProfileMenuItemIdChanged: 0 }], profileMenuItems: [{ profileMenuItemsChanged: 0 }] }]);
-function y() {
+function _() {
   typeof customElements < "u" && ["gids-profile-menu", "gids-profile-menu-header"].forEach(((i) => {
     switch (i) {
       case "gids-profile-menu":
-        customElements.get(h(i)) || customElements.define(h(i), _);
+        customElements.get(h(i)) || customElements.define(h(i), C);
         break;
       case "gids-profile-menu-header":
         customElements.get(h(i)) || v();
     }
   }));
 }
-y();
+_();
 export {
-  _ as c,
-  y as u
+  C as c,
+  _ as p
 };