@ganpatiinfo/gids-core-web 15.0.0 → 16.0.0

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

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

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: "6eb29ef0727480d68dde79ff61f76c2fe12ff1ac", class: this.activeClasses, part: "root" }, e("slot", { key: "97c7b27716ed3bd06a2746f5f5abd3b1983cfc85" }));
+    return e("div", { key: "dfe5f3ca193fe3c81b79d43391052b06103de249", class: this.activeClasses, part: "root" }, e("slot", { key: "ae8ccbb1edf80ba2913c0af0bf06674a81e9e679" }));
   }
   get _el() {
     return this;

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: "c0ab347f9aa9073e5161f3737200c4e34e6be5d5", class: e, style: this.getStyle(), "aria-hidden": "true" });
+    return d(l, { key: "08f348685310371a41275cc52d9142b2bc50c01e", 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,27 +1,10 @@
-import { L as m, u as p, D as r, P as f, q as c } from "./p-Bf3p-DY2-CPqEc-vc.js";
-import { n } from "./nonEmpty-B284_5ai.js";
-import { c as g } from "./clsx-OuTLNxxd.js";
-const o = 99, y = (e, a, i) => e === "dot" || a !== void 0 && a > o || i, k = (e, a) => e === void 0 ? a ?? "" : e > o ? `${o}+` : e.toString(), I = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  getDisplayContent: k,
-  maxCount: o,
-  shouldIncludeA11yText: y
-}, Symbol.toStringTag, { value: "Module" })), C = ({ appearance: e, type: a, outline: i }, t) => g("gids-badge", {
-  "gids-badge--danger": e === "danger",
-  "gids-badge--positive": e === "positive",
-  "gids-badge--warning": e === "warning",
-  "gids-badge--inverse": e === "inverse"
-}, {
-  "gids-badge--dot": a === "dot"
-}, {
-  "gids-badge--outline": i
-}, t), _ = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  getGidsBadgeClassNames: C
-}, Symbol.toStringTag, { value: "Module" })), x = ({ appearance: e, width: a = "intrinsic", active: i }, t) => g("gids-tab-item", {
+import { L as n, u as l, D as r, P as g, q as d } from "./p-Bf3p-DY2-CPqEc-vc.js";
+import { p as b } from "./p-CXFvqDBs-offadaUn.js";
+import { c as v } from "./clsx-OuTLNxxd.js";
+const h = ({ appearance: e, width: t = "intrinsic", active: i }, o) => v("gids-tab-item", {
   // Widths
   // 'gids-tab-item--intrinsic': width === 'intrinsic', // By default so not needed
-  "gids-tab-item--full": a === "full",
+  "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,
@@ -34,13 +17,10 @@ const o = 99, y = (e, a, i) => e === "dot" || a !== void 0 && a > o || i, k = (e
   "gids-tab-item--bordered": e === "bordered" && !i,
   "gids-tab-item--underlined": e === "underlined" && !i,
   "gids-tab-item--subtle": e === "subtle" && !i
-}, t), T = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, o), u = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  getGidsTabItemClassNames: x
-}, Symbol.toStringTag, { value: "Module" })), { getDisplayContent: l, shouldIncludeA11yText: w } = I, { getGidsBadgeClassNames: A } = _, S = ({ appearance: e, type: a, count: i, accessibleText: t, outline: d, class: v, ...h }) => {
-  const s = w(a, i, n(t));
-  return r("span", { class: A({ appearance: e, type: a, outline: d }, v), ...h }, s && r("span", { class: "gids-visually-hidden" }, n(t) ? t : i), a === "notification" ? s ? r("span", { "aria-hidden": "true" }, l(i, t)) : l(i, t) : null);
-}, { getGidsTabItemClassNames: B } = T, b = m(class extends p {
+  getGidsTabItemClassNames: h
+}, Symbol.toStringTag, { value: "Module" })), { getGidsTabItemClassNames: m } = u, s = n(class extends l {
   constructor(e) {
     super(), e !== !1 && this.__registerHost(), this.active = !1, this.width = "intrinsic", this.appearance = "default", this.badgeVisible = !1, this.badgeAppearance = "information", this.badgeType = "dot", this.hasLeadingIcon = !1, this.hasTrailingIcon = !1, this.handleHostClick = () => {
       this.onPressGidsTabItem && this.onPressGidsTabItem({ itemId: this.itemId, label: this?.label ?? "", active: this?.active ?? !1, appearance: this?.appearance ?? "default", name: this?.name, badgeCount: this?.badgeCount ?? 0 });
@@ -74,8 +54,8 @@ const o = 99, y = (e, a, i) => e === "dot" || a !== void 0 && a > o || i, k = (e
     this.hasLeadingIcon = !!this.hostElement.querySelector('[slot="leadingIconTabItem"]'), this.hasTrailingIcon = !!this.hostElement.querySelector('[slot="trailingIconTabItem"]');
   }
   render() {
-    const e = B({ appearance: this.appearance, width: this.width, active: this.active }), a = this.hasTrailingIcon, i = this.badgeVisible, t = this.appearance === "primary" && this.active ? "inverse" : this.badgeAppearance ?? "information", d = this.label;
-    return r(f, { key: "6e13996c3a94e3386f759a0ea5b1c371f10d183a", class: e, onClick: this.handleHostClick }, this.hasLeadingIcon ? r("slot", { name: "leadingIconTabItem" }) : void 0, d && d !== "" ? r("span", { class: "gids-tab-item__label" }, d && d !== "" ? d : void 0, i ? r(S, { appearance: t, type: this.badgeType, count: this.badgeCount }) : void 0) : void 0, a ? r("slot", { name: "trailingIconTabItem" }) : void 0);
+    const e = m({ appearance: this.appearance, width: this.width, active: this.active }), t = this.hasTrailingIcon, i = this.badgeVisible, o = this.appearance === "primary" && this.active ? "inverse" : this.badgeAppearance ?? "information", a = this.label;
+    return r(g, { key: "77199a879f06e13e122300708079ec317e0b2054", 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: o, type: this.badgeType, count: this.badgeCount }) : void 0) : void 0, t ? r("slot", { name: "trailingIconTabItem" }) : void 0);
   }
   get hostElement() {
     return this;
@@ -87,14 +67,14 @@ const o = 99, y = (e, a, i) => e === "dot" || a !== void 0 && a > o || i, k = (e
     return ".gids-tab-item{margin:0;padding:0;appearance:none;border:none;background:none;display:inline-flex;justify-content:center;align-items:center;gap:var(--gids-gap-100);padding:var(--gids-padding-vertical-edge-to-element-150) var(--gids-padding-horizontal-edge-to-element-150);color:var(--gids-color-text-accent-5);white-space:nowrap;flex-shrink:0;cursor:pointer}.gids-tab-item .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-5)}.gids-tab-item__label{font-family:var(--gids-typography-label-small__font-family);font-size:var(--gids-typography-label-small__font-size);font-weight:var(--gids-typography-label-small__font-weight);letter-spacing:var(--gids-typography-label-small__letter-spacing);line-height:var(--gids-typography-label-small__line-height);text-transform:var(--gids-typography-label-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-small__font-variant-caps, inherit);display:flex;justify-content:center;align-items:center;flex:1;gap:var(--gids-gap-150)}.gids-tab-item--full{display:flex}.gids-tab-item--default{border-radius:var(--gids-border-radius-md)}.gids-tab-item--default:hover{background-color:var(--gids-color-background-accent-4-subtler-hovered);color:var(--gids-color-text-accent-4)}.gids-tab-item--default:hover .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-4)}.gids-tab-item--default:active{background-color:var(--gids-color-background-accent-4-subtler-pressed);color:var(--gids-color-text-accent-4)}.gids-tab-item--default:active .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-4)}.gids-tab-item--primary{border-radius:var(--gids-border-radius-md)}.gids-tab-item--primary:hover{background-color:var(--gids-color-background-accent-4-bolder-hovered);color:var(--gids-color-text-inverse)}.gids-tab-item--primary:hover .gids-icon{--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-tab-item--primary:active{background-color:var(--gids-color-background-accent-4-bolder-pressed);color:var(--gids-color-text-inverse)}.gids-tab-item--primary:active .gids-icon{--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-tab-item--bordered{border-radius:var(--gids-border-radius-full)}.gids-tab-item--bordered:hover{background-color:var(--gids-color-background-accent-4-subtlest-hovered);color:var(--gids-color-text-accent-4);border:var(--gids-border-width-thick) solid var(--gids-color-border-accent-4)}.gids-tab-item--bordered:hover .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-4)}.gids-tab-item--bordered:active{background-color:var(--gids-color-background-accent-4-subtlest-pressed);color:var(--gids-color-text-accent-4);border:var(--gids-border-width-thick) solid var(--gids-color-border-accent-4)}.gids-tab-item--bordered:active .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-4)}.gids-tab-item--underlined{border-bottom:var(--gids-border-width-thick) solid var(--gids-color-border-input)}.gids-tab-item--underlined:hover{background-color:var(--gids-color-background-accent-4-subtlest-hovered);border-bottom:var(--gids-border-width-thick) solid var(--gids-color-border-accent-4);border-top-left-radius:var(--gids-border-radius-md);border-top-right-radius:var(--gids-border-radius-md);color:var(--gids-color-text-accent-4)}.gids-tab-item--underlined:active{background-color:var(--gids-color-background-accent-4-subtlest-pressed);border-bottom:var(--gids-border-width-thick) solid var(--gids-color-border-accent-4);border-top-left-radius:var(--gids-border-radius-md);border-top-right-radius:var(--gids-border-radius-md);color:var(--gids-color-text-accent-4)}.gids-tab-item--subtle:hover{color:var(--gids-color-text-accent-4)}.gids-tab-item--subtle:hover .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-4)}.gids-tab-item--subtle:active{color:var(--gids-color-text-accent-4)}.gids-tab-item--subtle:active .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-4)}.gids-tab-item--active-default{border-radius:var(--gids-border-radius-md);background-color:var(--gids-color-background-accent-4-subtler-default);color:var(--gids-color-text-accent-4)}.gids-tab-item--active-default .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-4)}.gids-tab-item--active-default:hover{background-color:var(--gids-color-background-accent-4-subtler-hovered)}.gids-tab-item--active-default:active{background-color:var(--gids-color-background-accent-4-subtler-pressed)}.gids-tab-item--active-primary{border-radius:var(--gids-border-radius-md);background-color:var(--gids-color-background-accent-4-bolder-default);color:var(--gids-color-text-inverse)}.gids-tab-item--active-primary .gids-icon{--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-tab-item--active-primary:hover{background-color:var(--gids-color-background-accent-4-bolder-hovered)}.gids-tab-item--active-primary:active{background-color:var(--gids-color-background-accent-4-bolder-pressed)}.gids-tab-item--active-bordered{border-radius:var(--gids-border-radius-full);border:var(--gids-border-width-thick) solid var(--gids-color-border-accent-4);background-color:var(--gids-color-background-accent-4-subtlest-default);color:var(--gids-color-text-accent-4)}.gids-tab-item--active-bordered .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-4)}.gids-tab-item--active-bordered:hover{background-color:var(--gids-color-background-accent-4-subtlest-hovered)}.gids-tab-item--active-bordered:active{background-color:var(--gids-color-background-accent-4-subtlest-pressed)}.gids-tab-item--active-underlined{border-bottom:var(--gids-border-width-thick) solid var(--gids-color-border-accent-4);border-top-left-radius:var(--gids-border-radius-md);border-top-right-radius:var(--gids-border-radius-md);color:var(--gids-color-text-accent-4);background-color:var(--gids-color-background-accent-4-subtlest-default)}.gids-tab-item--active-underlined .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-4)}.gids-tab-item--active-underlined:hover{background-color:var(--gids-color-background-accent-4-subtlest-hovered)}.gids-tab-item--active-underlined:active{background-color:var(--gids-color-background-accent-4-subtlest-pressed)}.gids-tab-item--active-subtle{color:var(--gids-color-text-accent-4)}.gids-tab-item--active-subtle .gids-icon{--gidsIcon-color:var(--gids-color-icon-accent-4)}";
   }
 }, [260, "gids-tab-item", { itemId: [1, "item-id"], label: [1], active: [4], name: [1], width: [1], appearance: [1], badgeVisible: [4, "badge-visible"], badgeAppearance: [1, "badge-appearance"], badgeCount: [2, "badge-count"], badgeType: [1, "badge-type"], onPressGidsTabItem: [16], hasLeadingIcon: [32], hasTrailingIcon: [32] }, void 0, { width: [{ handleWidthChange: 0 }], appearance: [{ handleAppearanceChange: 0 }], badgeVisible: [{ handleBadgeVisibilityChange: 0 }], badgeAppearance: [{ handleBadgeAppearanceChange: 0 }], badgeType: [{ handleBadgeTypeChange: 0 }], active: [{ handleActiveChange: 0 }] }]);
-function u() {
+function c() {
   typeof customElements < "u" && ["gids-tab-item"].forEach(((e) => {
-    e === "gids-tab-item" && (customElements.get(c(e)) || customElements.define(c(e), b));
+    e === "gids-tab-item" && (customElements.get(d(e)) || customElements.define(d(e), s));
   }));
 }
-u();
-const G = b, L = u;
+c();
+const y = s, I = c;
 export {
-  G as GidsTabItem,
-  L as defineCustomElement
+  y as GidsTabItem,
+  I as defineCustomElement
 };

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

@@ -4,10 +4,10 @@ const o = ({ width: e, appearance: t }, d) => l("gids-tab", {
   "gids-tab--full": e === "full",
   "gids-tab--item-subtle": t === "subtle",
   "gids-tab--item-underlined": t === "underlined"
-}, d), b = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, d), p = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   getGidsTabClassNames: o
-}, Symbol.toStringTag, { value: "Module" })), { getGidsTabClassNames: p } = b, i = r(class extends h {
+}, Symbol.toStringTag, { value: "Module" })), { getGidsTabClassNames: b } = p, 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 = p({ width: this.width, appearance: this.appearance });
-    return a(c, { key: "254190360af6a9e18b533a0742ee6ef38b4bca0e", class: e }, a("slot", { key: "47dc0c55f47de294481568beef3f02bbbe319104" }));
+    const e = b({ width: this.width, appearance: this.appearance });
+    return a(c, { key: "5354ec9e19dda3898ad0cf9ef533b1ea58200677", class: e }, a("slot", { key: "676abaabb312f31ccf02c88e260930b052e88ae4" }));
   }
   get hostElement() {
     return this;

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

@@ -1,9 +1,9 @@
-import { L as u, u as c, z as h, C as b, D as i, q as s } from "./p-Bf3p-DY2-CPqEc-vc.js";
+import { L as u, u as h, z as c, C as b, D as i, q as s } from "./p-Bf3p-DY2-CPqEc-vc.js";
 import { i as f } from "./p-B2zUuNXz-BLBgQDu7.js";
 import { a as m } from "./p-Dg2yoUxw-DliMstZy.js";
 import { r as p } from "./p-UxDcM-C5-BJO4X0jM.js";
-import { h as g } from "./p-MnCDY1k9-CgbTyJ5R.js";
-import { r as x } from "./p-DGenc1qz-CMwVEtCm.js";
+import { h as g } from "./p-DbaNvRpS-r7kCW1TY.js";
+import { r as x } from "./p-u06XOrpj-C1tNznDd.js";
 import { g as _ } from "./p-D4Pimu_8-ARSuGBs4.js";
 const v = (e, t) => {
   if (!(e === void 0 || t === void 0))
@@ -24,9 +24,9 @@ const v = (e, t) => {
 }, Symbol.toStringTag, { value: "Module" })), { inputToGidsFieldStatus: y } = n, q = (e) => e === "implicit" || e === void 0 ? "implicit" : y(e), C = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   inputToGidsFieldStatus: q
-}, Symbol.toStringTag, { value: "Module" })), { formatCharCount: F } = n, { inputToGidsFieldStatus: O } = C, a = u(class extends c {
+}, Symbol.toStringTag, { value: "Module" })), { formatCharCount: F } = n, { inputToGidsFieldStatus: O } = C, a = u(class extends h {
   constructor(e) {
-    super(), e !== !1 && this.__registerHost(), this.gidsTextFieldClear = h(this, "gidsTextFieldClear"), this.#e = _(), this._handleDismiss = () => {
+    super(), e !== !1 && this.__registerHost(), this.gidsTextFieldClear = c(this, "gidsTextFieldClear"), this.#e = _(), this._handleDismiss = () => {
       const t = this.#t?.querySelector("input.gids-input__control");
       t && (t.value = "", t.dispatchEvent(new globalThis.Event("input", { bubbles: !0 }))), this.value = "", this.gidsTextFieldClear.emit();
     }, this._handleInput = (t) => {
@@ -51,7 +51,7 @@ const v = (e, t) => {
   #t;
   render() {
     const { id: e, ...t } = this.inputProps ?? {}, l = e ?? this.#e, d = this.showClearButton && this.value !== void 0 && this.value.length > 0;
-    return i("gids-field", { key: "b682d22f46991610e365d7b2990f61328bbd9f94", disabled: this.disabled, count: F(this.value?.length, this.maxLength), helperText: this.helperText, statusText: this.statusText, status: O(this.status) }, i(m, { key: "e43e0ea57c0990cb5c91b49d3dd5d15143b91c12", slot: "label", disabled: this.disabled, info: i("slot", { name: "info" }), fieldRequirement: this.fieldRequirement, fieldRequirementOptionalText: this.fieldRequirementOptionalText, fieldRequirementRequiredText: this.fieldRequirementRequiredText, isLabelSentence: this.isLabelSentence, htmlFor: l }, this.label), i("gids-input", { key: "52aa35ac1be6645867d72a6f53383c379965efb3", 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: l, maxLength: this.maxLength } }, i("slot", { key: "46c3612586ecd8477f7cebf869a5d992ab031efb", name: "leadingIcon" }), i("slot", { key: "c32c58b4c81147cae7e60a8c578e8ce08fb811a7", name: "leadingAccessory" }), d && i(p, { key: "5eb55c20c60993b9bb72ab160bbd37bc7ea96390", label: "clear text", slot: "trailingAccessory", size: "lg", onPressDismiss: this._handleDismiss }), i("slot", { key: "6cbf55a7303ef56c392d40bff9b54e620b4134ff", name: "trailingIcon" })));
+    return i("gids-field", { key: "755613fad9d6baa0ab16ca275c03bd2706267ae7", disabled: this.disabled, count: F(this.value?.length, this.maxLength), helperText: this.helperText, statusText: this.statusText, status: O(this.status) }, i(m, { key: "718e5db74be209992a9619961900d0733cc60d7c", slot: "label", disabled: this.disabled, info: i("slot", { name: "info" }), fieldRequirement: this.fieldRequirement, fieldRequirementOptionalText: this.fieldRequirementOptionalText, fieldRequirementRequiredText: this.fieldRequirementRequiredText, isLabelSentence: this.isLabelSentence, htmlFor: l }, this.label), i("gids-input", { key: "82856ad3d01f9169363874b85b02fa3e768cf98d", 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: l, maxLength: this.maxLength } }, i("slot", { key: "3a23511b1ec0c425be03a18f43339461c86817f7", name: "leadingIcon" }), i("slot", { key: "5385e6a7e431d74f206a9c5d2ed046e27d819d63", name: "leadingAccessory" }), d && i(p, { key: "40850120edf5cb18bb375f6b533337c382cb5c88", label: "clear text", slot: "trailingAccessory", size: "lg", onPressDismiss: this._handleDismiss }), i("slot", { key: "8bcb3c2d07ed017bba2dc6908b0f9d9fe2c83698", 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-DLauG0q8-CCUuzYl9.js";
+import { l as o, o as t } from "./p-CZBiavxU-CIstIm2b.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: "2db5e111280a88c65cda2c3b700ce17f24189abb" }, e("slot", { key: "9298d0612cd63bfd490313ef0285474554ce4dce" }), e("span", { key: "fc3b147c2b003fe987eda62682c073d98b539437", id: "tooltip", part: "tooltip", role: "tooltip" }, e("span", { key: "e458a1c68930669a10360a4dedb2fb306fc1a3e3", id: "arrow" }), this.tooltipText));
+    return e(s, { key: "c14b56ca31e84fff6f2103c65065599da3ba8bae" }, e("slot", { key: "74268ecacbe214d6c36cfd5c0ce2bdb63ed7aaea" }), e("span", { key: "0c9a6e5366414ab0fd43abb7e00e031b1f771171", id: "tooltip", part: "tooltip", role: "tooltip" }, e("span", { key: "8dfdd09262cdf5da5a4b5bd778a9ce60d68a2cba", id: "arrow" }), this.tooltipText));
   }
   disconnectedCallback() {
     this.cleanupEventListeners(), this.floatingElementManager?.destroy();

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

@@ -1,6 +1,6 @@
 import { L as b, u as _, D as a, P as x, q as p } from "./p-Bf3p-DY2-CPqEc-vc.js";
 import { p as T } from "./p-DMNS1d8v-BX8e_AsY.js";
-import { v as L, b as C, _ as H } from "./p-Iqbf3Pja-DuajY4uD.js";
+import { v as L, b as C, _ as H } from "./p-BrYLEey4-DuajY4uD.js";
 import { d as m } from "./p-D4Pimu_8-ARSuGBs4.js";
 import { o } from "./p-UVmSPzTd-CR1higgJ.js";
 import { c as f } from "./clsx-OuTLNxxd.js";
@@ -165,10 +165,10 @@ const k = (t) => f("gids-checkbox-control", t), A = /* @__PURE__ */ Object.freez
   }
   render() {
     const t = P(), e = this?.leftListItemsState ?? [], s = this?.rightListItemsState ?? [], n = this.listsMaxHeight, l = this?.transferListType ?? "basic";
-    return a(x, { key: "aa8da731c2648ec4e359dbe5277fbf5947246276", class: t }, a("div", { key: "6dd5eefb717c7dea19165a218354e582a21ce11e", class: "gids-transfer-list__left-container" }, a(I, { key: "f89efe4c61e2b75b85b0038434b0424d23df354d", type: e.length > 0 ? "default" : "no-options" }, a(S, { key: "e3812b4b78c74daa2ed206c8a6928c1fb79984b1", heading: this.renderListHeading("left"), style: { "--gidsMenuChildren-max-height": n }, isHeaderDividerVisible: l !== "basic" }, e.map(((i, r) => {
+    return a(x, { key: "af23abfc25ed74922553ae77014870db27db3c65", class: t }, a("div", { key: "ed2e464e328f851b78fbdf06a386ea67f04fa5f6", class: "gids-transfer-list__left-container" }, a(I, { key: "f75ad46e1a6195442c9e15620f6ec5fb448c7cb8", type: e.length > 0 ? "default" : "no-options" }, a(S, { key: "e0dceb20b685a58bb9cd66694e7d3ca3f10ced97", 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: "db9922210390697fbc27b061ec796d41cabdc430", class: "gids-transfer-list__middle-container" }, a(o, { key: "3ebb8dc86a3b549091303298aeb230935ca3d03d", 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: "56916d7cc482775f6071bbe18a0269efb65c487d", 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: "7a6eb9be1734b750131d7ab22c8bdbc3dfeed0ca", 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: "6dee55d6ee67c01d02e59b672f790261e4235445", 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: "f58004630c591ae4e776b34751a759b508218489", class: "gids-transfer-list__right-container" }, a(I, { key: "2fbdff5086fc1db0a6d7ef1373527f1d624dbdfb", type: s.length > 0 ? "default" : "no-options" }, a(S, { key: "851366bf08415c614931191b0aa4dee581a559d8", heading: this.renderListHeading("right"), style: { "--gidsMenuChildren-max-height": n }, isHeaderDividerVisible: l !== "basic" }, s.map(((i, r) => {
+    }))))), a("div", { key: "63725e88ac2db5e9277897f3ff769a55a4ed816b", class: "gids-transfer-list__middle-container" }, a(o, { key: "197bf107f9f20676aaf700ec10d06a7b891043a5", 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: "71b9b8a578b7696ad120a64b3a25d4f0e58a3a81", 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: "4031bdec3c01724f79c28e0dec5aaac74a2b0dd2", 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: "9fe6a2e20beceab388d0ae64716ee4c81d1a3c9f", 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: "ac2254cd42151847242c01873c57fe6e79e5a761", class: "gids-transfer-list__right-container" }, a(I, { key: "5d15916805476badca7fbb53b8b93b58adf07c2b", type: s.length > 0 ? "default" : "no-options" }, a(S, { key: "cbdb401f8e6517b2de5b7d8c12a2acc6742501b3", 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);
     }))))));

package/dist-bundled/es/p-Bs8TP3Rb-BdcS7d5q.js

@@ -0,0 +1,20 @@
+import { D as n } from "./p-Bf3p-DY2-CPqEc-vc.js";
+import { p as d } from "./p-DMNS1d8v-BX8e_AsY.js";
+import { _ as u } from "./p-BrYLEey4-DuajY4uD.js";
+import { c as t } from "./clsx-OuTLNxxd.js";
+const p = ({ type: o }, e) => t("gids-dropdown-menu-group", {
+  "gids-dropdown-menu-group--default": o === "default",
+  // by default so no need to have this class
+  "gids-dropdown-menu-group--no-options": o === "no-options",
+  "gids-dropdown-menu-group--loading": o === "loading"
+}, e), i = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsDropdownMenuGroupClassNames: p
+}, Symbol.toStringTag, { value: "Module" })), a = (o) => t("gids-dropdown-menu", o), g = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsDropdownMenuClassNames: a
+}, Symbol.toStringTag, { value: "Module" })), { getGidsDropdownMenuGroupClassNames: m } = i, y = ({ type: o = "no-options", supportingText: e = "No options", class: r, ...s }, l) => n("div", { class: m({ type: o }, r), ...s }, o === "loading" ? n(d, { indeterminate: !0, size: "md" }) : null, o === "no-options" ? n("span", null, e) : null, o === "default" && l != null ? l : null), { getGidsDropdownMenuClassNames: c } = g, G = ({ sectionLabel: o, class: e, ...r }, s) => n("div", { class: c(e), ...r }, o != null && o !== "" ? n(u, { supportingText: o, supportingTextTypography: "eyebrow-medium" }) : null, s != null ? n("div", { class: "gids-dropdown-menu__children" }, s) : null);
+export {
+  G as a,
+  y as i
+};

package/dist-bundled/es/{p-9NZjfY_u-CnjUEy1y.js → p-Bw2pVReY-K9pdG-hw.js}

@@ -1,6 +1,6 @@
 import { q as f, L as g, u as v, D as c } from "./p-Bf3p-DY2-CPqEc-vc.js";
 import { d as p } from "./p-D4Pimu_8-ARSuGBs4.js";
-import { o as I } from "./p-DLauG0q8-CCUuzYl9.js";
+import { o as I } from "./p-CZBiavxU-CIstIm2b.js";
 import { c as y } from "./clsx-OuTLNxxd.js";
 const S = ({ expanded: h }, e) => y("gids-filter", {
   "gids-filter--expanded": h
@@ -142,7 +142,7 @@ const F = g((s = class extends v {
   }
   render() {
     const e = this.expanded && this.isInteractive(), t = E({ expanded: e }), l = this.isMenuToggler(), i = typeof this.filterPickerId == "string" ? this.filterPickerId : void 0, n = i ? `${i}__menu` : void 0, r = this.selectedItemTitle ?? this.value ?? "", d = this.type === "more", a = this.type === "all", o = this.type === "none";
-    return c("div", { key: "3a2470421791364621087eba33ee9464ad67902c", class: t, "aria-control": n ?? "" }, c("gids-toggle-button", { key: "15d270fd1fbbc2c65307431672b4561f30029ed4", id: i, name: this.name, expanded: e, value: r, disabled: this.disabled, size: this.size, loading: this.loading, tabIndex: this.filterIndex, defaultSelected: this.filterDefaultSelected, selected: this.filterSelected, onSelect: this.handleFilterButtonClickToggle }, d || a ? c(p, { name: d ? "options" : "filter", size: this.size, appearance: "regular", alt: "", slot: "leadingIcon" }) : void 0, o || a ? r : void 0, l && !d ? c(p, { name: "chevron-down", size: this.size, appearance: "regular", alt: "", slot: "trailingIcon" }) : void 0), c("div", { key: "e9625588f0a95d33f3b059fdeff5e8509d3c64b7", class: "gids-filter__menu", id: n, role: "pickerbox", onClick: this.handleMenuClick }, c("slot", { key: "0a0aedee0a69f6bff60883c6b8706ea34306ca57", onSlotchange: () => this.evaluateSlottedMenuExistence() })));
+    return c("div", { key: "aa082f2f93cbc5869b3acce1a99cb4c5780ae6f6", class: t, "aria-control": n ?? "" }, c("gids-toggle-button", { key: "c57d59c1948339b383efbfd8a63787a8e2535cb6", id: i, name: this.name, expanded: e, value: r, disabled: this.disabled, size: this.size, loading: this.loading, tabIndex: this.filterIndex, defaultSelected: this.filterDefaultSelected, selected: this.filterSelected, onSelect: this.handleFilterButtonClickToggle }, d || a ? c(p, { name: d ? "options" : "filter", size: this.size, appearance: "regular", alt: "", slot: "leadingIcon" }) : void 0, o || a ? r : void 0, l && !d ? c(p, { name: "chevron-down", size: this.size, appearance: "regular", alt: "", slot: "trailingIcon" }) : void 0), c("div", { key: "7b1e38aa0148d9d515e398348629cf6ba151811e", class: "gids-filter__menu", id: n, role: "pickerbox", onClick: this.handleMenuClick }, c("slot", { key: "5d899b61e19ef3c149ec3a32c505ff3653aa5430", onSlotchange: () => this.evaluateSlottedMenuExistence() })));
   }
   get hostElement() {
     return this;

package/dist-bundled/es/{p-BtKwhIx5-DTEmfdxe.js → p-Bzjuvoza-CzNs69NV.js}

@@ -1,6 +1,6 @@
 import { q as l, L as u, u as p, D as a } from "./p-Bf3p-DY2-CPqEc-vc.js";
 import { d as m } from "./p-D4Pimu_8-ARSuGBs4.js";
-import { r as g } from "./p-DGenc1qz-CMwVEtCm.js";
+import { r as g } from "./p-u06XOrpj-C1tNznDd.js";
 import { c } from "./clsx-OuTLNxxd.js";
 const v = ({ expanded: e }, t) => c("gids-dropdown", {
   "gids-dropdown--expanded": e
@@ -12,13 +12,13 @@ const v = ({ expanded: e }, t) => c("gids-dropdown", {
   __proto__: null,
   getGidsChevronButtonControlClassNames: f,
   getGidsDropdownClassNames: v
-}, Symbol.toStringTag, { value: "Module" })), { getGidsDropdownClassNames: I, getGidsChevronButtonControlClassNames: E } = y, h = "gids-dropdown-item--active", b = u(class extends p {
+}, Symbol.toStringTag, { value: "Module" })), { getGidsDropdownClassNames: b, getGidsChevronButtonControlClassNames: I } = y, h = "gids-dropdown-item--active", E = u(class extends p {
   constructor(e) {
     super(), e !== !1 && this.__registerHost(), this.appearance = "default", this.expanded = !1, this.filterValue = "", this.isFilterEditing = !1, this.hasLeadingIcon = !1, this.hasLeadingAccessory = !1, this.activeIndex = -1, this.hasItemListener = !1, this.suppressNextMenuClickSelection = !1, this.hasDocumentListeners = !1, this.hasPendingControlRevalidation = !1, this.handleDropdownItemSelect = (t) => {
-      const { value: i, title: n, disabled: s, id: o, isPlaceholderItem: r } = t.detail;
+      const { value: i, title: n, disabled: s, id: o, isPlaceholderItem: d } = t.detail;
       s || typeof i != "string" || (this.suppressNextMenuClickSelection = !0, queueMicrotask((() => {
         this.suppressNextMenuClickSelection = !1;
-      })), this.applySelection({ id: o, value: i, title: n, disabled: !1, originalEvent: t, isPlaceholderItem: r }));
+      })), this.applySelection({ id: o, value: i, title: n, disabled: !1, originalEvent: t, isPlaceholderItem: d }));
     }, this.handleMenuClick = (t) => {
       if (this.suppressNextMenuClickSelection) return;
       const i = t.target;
@@ -29,9 +29,9 @@ const v = ({ expanded: e }, t) => c("gids-dropdown", {
       if (typeof s != "string" || s.length === 0) return;
       const o = n instanceof HTMLButtonElement ? n.id : n.getAttribute("id") ?? "";
       if (typeof o != "string" || o.length === 0) return;
-      const r = n.getAttribute("is-placeholder-item") ?? "";
-      let d = n.textContent?.trim() ?? "";
-      d.endsWith("checkmark") && (d = d.slice(0, -9).trim()), this.applySelection({ id: o, value: s, title: d.trim(), disabled: !1, originalEvent: t, isPlaceholderItem: !(!r || r !== "true") });
+      const d = n.getAttribute("is-placeholder-item") ?? "";
+      let r = n.textContent?.trim() ?? "";
+      r.endsWith("checkmark") && (r = r.slice(0, -9).trim()), this.applySelection({ id: o, value: s, title: r.trim(), disabled: !1, originalEvent: t, isPlaceholderItem: !(!d || d !== "true") });
     }, this.handleFilterInput = (t) => {
       const i = t.target;
       this.filterValue = i?.value ?? "", this.isFilterEditing = !0, this.clearActive(), this.expanded || this.setExpandedState(!0, t), this.applyFilter();
@@ -211,10 +211,10 @@ const v = ({ expanded: e }, t) => c("gids-dropdown", {
     }, e;
   }
   render() {
-    const e = this.expanded && this.isInteractive(), t = I({ expanded: e }), i = this.getEnhancedInputProps(), n = typeof i.id == "string" ? i.id : void 0, s = n ? `${n}__menu` : void 0;
+    const e = this.expanded && this.isInteractive(), t = b({ expanded: e }), i = this.getEnhancedInputProps(), n = typeof i.id == "string" ? i.id : void 0, s = n ? `${n}__menu` : void 0;
     i.role = "combobox", i["aria-expanded"] = e ? "true" : "false", i["aria-haspopup"] = "listbox", i["aria-autocomplete"] = "list", s && (i["aria-controls"] = s);
-    const o = this.isFilterEditing ? this.filterValue : this.selectedItemTitle ?? this.value ?? "", r = e ? "true" : "false", d = a("button", { key: "35d89661d85a8598572ff98383f08f9626e2daf0", class: E({ size: "lg" }), slot: "trailingAccessory", type: "button", onClick: this.handleChevronClickToggle, "aria-label": e ? "Collapse options" : "Expanded options", "aria-expanded": r, "aria-haspopup": "listbox", "aria-controls": s, disabled: this.disabled || this.readOnly, tabIndex: -1 }, a("span", { key: "61aa33caa3c33ddec50713f697c66414fb83cb9c", class: "gids-button__content" }, a(m, { key: "26a64c22901fdba21daa6cad35de6991b481a5c7", name: "chevron-vertical", alt: "" })));
-    return a("div", { key: "6675e14654eb5c6bda87c6ff34633882b1e3b20e", class: t }, a("gids-input", { key: "2bf2921699a55a6e67790ac15b6430755a6426e1", appearance: this.appearance, loading: this.loading, disabled: this.disabled, readOnly: this.readOnly, required: this.required, value: o, name: this.name, inputProps: i, onClick: this.handleInputClickToggle, onFocus: this.handleInputFocusAndBlur, onBlur: this.handleInputFocusAndBlur }, this.hasLeadingIcon && a("slot", { key: "69eaf25688c6d199298f8499c6a44d119189900e", name: "leadingIconDropdown", slot: "leadingIcon" }), this.hasLeadingAccessory && a("slot", { key: "5d13d954b33acb2cd246efd5fae42c73f489137d", name: "leadingAccessoryDropdown", slot: "leadingAccessory" }), d), a("div", { key: "bd0835e11b2c9cd45ae4730144b8b218a93fca6d", class: "gids-dropdown__menu", id: s, role: "listbox", onClick: this.handleMenuClick }, a("slot", { key: "e9ab0f9976cec22f1f8d149eb148f6598995104a" })));
+    const o = this.isFilterEditing ? this.filterValue : this.selectedItemTitle ?? this.value ?? "", d = e ? "true" : "false", r = a("button", { key: "a90a96c60b807126c810e515d0de46231ec72d7d", class: I({ size: "lg" }), slot: "trailingAccessory", type: "button", onClick: this.handleChevronClickToggle, "aria-label": e ? "Collapse options" : "Expanded options", "aria-expanded": d, "aria-haspopup": "listbox", "aria-controls": s, disabled: this.disabled || this.readOnly, tabIndex: -1 }, a("span", { key: "e008d0b0d9c8adb1ead8aeff0afe9328e26b3453", class: "gids-button__content" }, a(m, { key: "42f2eaef189eb3aa056c844f82606399d70bcc94", name: "chevron-vertical", alt: "" })));
+    return a("div", { key: "c835d39b7fc955ee3ab96a04b8bc8272a4c4b7c7", class: t }, a("gids-input", { key: "55bebbe9b1f67e462015e9a9fad424c315ebfd84", appearance: this.appearance, loading: this.loading, disabled: this.disabled, readOnly: this.readOnly, required: this.required, value: o, name: this.name, inputProps: i, onClick: this.handleInputClickToggle, onFocus: this.handleInputFocusAndBlur, onBlur: this.handleInputFocusAndBlur }, this.hasLeadingIcon && a("slot", { key: "5a0c8330ecf583a570d856f16be4ad0eb02f294e", name: "leadingIconDropdown", slot: "leadingIcon" }), this.hasLeadingAccessory && a("slot", { key: "62e98b44a436005202c2cd7a4dd4590110f88a4c", name: "leadingAccessoryDropdown", slot: "leadingAccessory" }), r), a("div", { key: "02654371bfa277d5ab9b9fb8d1f2d4d48c8949ec", class: "gids-dropdown__menu", id: s, role: "listbox", onClick: this.handleMenuClick }, a("slot", { key: "b45d0f3182546b2704179ee0be4303c33a2ecdd8" })));
   }
   get hostElement() {
     return this;
@@ -230,7 +230,7 @@ function x() {
   typeof customElements < "u" && ["gids-dropdown", "gids-input"].forEach(((e) => {
     switch (e) {
       case "gids-dropdown":
-        customElements.get(l(e)) || customElements.define(l(e), b);
+        customElements.get(l(e)) || customElements.define(l(e), E);
         break;
       case "gids-input":
         customElements.get(l(e)) || g();
@@ -239,6 +239,6 @@ function x() {
 }
 x();
 export {
-  b as c,
+  E as c,
   x as l
 };

package/dist-bundled/es/{p-D7qanqNO-Dby5jSjA.js → p-C-HyXFGR-UnFcWLOQ.js}

@@ -1,7 +1,8 @@
 import { q as d, L as r, u as h, D as l } from "./p-Bf3p-DY2-CPqEc-vc.js";
-import { a as c, p as m, u } from "./p-474lVBcu-B1f8x2o1.js";
-import { c as f } from "./clsx-OuTLNxxd.js";
-const p = (t) => f("gids-calendar-month-list", t), I = () => {
+import { i as c, a as m } from "./p-Bs8TP3Rb-BdcS7d5q.js";
+import { i as u } from "./p-DObJEzlz-tt9h5cuI.js";
+import { c as p } from "./clsx-OuTLNxxd.js";
+const f = (t) => p("gids-calendar-month-list", t), I = () => {
   const t = [], s = new Intl.DateTimeFormat("en-US", { month: "long" });
   for (let e = 1; e <= 12; e += 1) {
     const n = new Date(2e3, e - 1, 1), i = s.format(n);
@@ -14,7 +15,7 @@ const p = (t) => f("gids-calendar-month-list", t), I = () => {
   return t;
 }, b = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  getGidsCalendarMonthListClassNames: p,
+  getGidsCalendarMonthListClassNames: f,
   getGidsCalendarMonthListMonths: I
 }, Symbol.toStringTag, { value: "Module" })), { getGidsCalendarMonthListClassNames: g, getGidsCalendarMonthListMonths: M } = b, C = r(class extends h {
   constructor(t) {
@@ -59,7 +60,7 @@ const p = (t) => f("gids-calendar-month-list", t), I = () => {
   }
   render() {
     const t = g();
-    return l("div", { key: "ea6af81523dc95f997f8aa9d89d1f89b4f89a623", class: t }, l(c, { key: "4181888b065d7410afffc88216a8f1ac4fa3d682", type: this.type, supportingText: this.noOptionsText }, l(m, { key: "2b7a683bd7435b0443009a41701e840e2f9a93b6", sectionLabel: "Months" }, this.monthsList().map(((s, e) => {
+    return l("div", { key: "386eb44c8510a6ab48e522b8fd24b0250c3fde5d", class: t }, l(c, { key: "9f311dc39039579c9e90f49c01b61259e25914e4", type: this.type, supportingText: this.noOptionsText }, l(m, { key: "bafbf47ba0efd3080755f6c4e5b0b826df7b71ed", sectionLabel: "Months" }, this.monthsList().map(((s, e) => {
       const n = `${e + 1}`, i = this.disabledIndices?.includes(e);
       return l(u, { title: s.title, value: `${s.value}`, key: `${e.toString()}`, index: e, id: n, selected: this.isItemSelected(e), onPressDropdownItem: this.handleMenuClick, disabled: i, divider: this.divider, isPlaceholderItem: !1 });
     })))));