@ganpatiinfo/gids-core-web 15.0.0 → 16.0.0

package/dist-bundled/es/p-bhEHIxPv-ujyxL30O.js

@@ -0,0 +1,136 @@
+import { q as v, L as x, u as _, D as r, P as w } from "./p-Bf3p-DY2-CPqEc-vc.js";
+import { d as M } from "./p-D4Pimu_8-ARSuGBs4.js";
+import { i as C, a as S } from "./p-Bs8TP3Rb-BdcS7d5q.js";
+import { i as z } from "./p-DObJEzlz-tt9h5cuI.js";
+import { c as E } from "./clsx-OuTLNxxd.js";
+const T = ({ selected: e, appearance: i, selectionAppearance: a, size: n, expanded: o, borderRadius: t, applyShadow: d }, g) => E("gids-header-navigation-item", {
+  // Appearances
+  // 'gids-header-navigation-item--appearance-default':
+  // 	appearance === 'default' && !selected, // Default so not needed
+  "gids-header-navigation-item--appearance-primary": i === "primary" && !e,
+  "gids-header-navigation-item--appearance-subtle": i === "subtle" && !e,
+  "gids-header-navigation-item--appearance-positive": i === "positive" && !e,
+  "gids-header-navigation-item--appearance-danger": i === "danger" && !e,
+  "gids-header-navigation-item--appearance-information": i === "information" && !e,
+  "gids-header-navigation-item--appearance-warning": i === "warning" && !e,
+  // Selection Appearances
+  "gids-header-navigation-item--selection-appearance-default": a === "default" && e,
+  "gids-header-navigation-item--selection-appearance-primary": a === "primary" && e,
+  "gids-header-navigation-item--selection-appearance-subtle": a === "subtle" && e,
+  "gids-header-navigation-item--selection-appearance-positive": a === "positive" && e,
+  "gids-header-navigation-item--selection-appearance-danger": a === "danger" && e,
+  "gids-header-navigation-item--selection-appearance-information": a === "information" && e,
+  "gids-header-navigation-item--selection-appearance-warning": a === "warning" && e,
+  // Sizes
+  // 'gids-header-navigation-item--size-sm': size === 'sm', // By default so not needed
+  "gids-header-navigation-item--size-md": n === "md",
+  "gids-header-navigation-item--size-lg": n === "lg",
+  "gids-header-navigation-item--size-xl": n === "xl",
+  // Menu expansion
+  "gids-header-navigation-item--expanded": o,
+  // Shadow
+  "gids-header-navigation-item--shadow": d && i !== "subtle" && a !== "subtle",
+  // Border Radius
+  "gids-header-navigation-item--border-radius-sm": t === "sm" && i !== "subtle" && a !== "subtle",
+  "gids-header-navigation-item--border-radius-md": t === "md" && i !== "subtle" && a !== "subtle",
+  "gids-header-navigation-item--border-radius-lg": t === "lg" && i !== "subtle" && a !== "subtle",
+  "gids-header-navigation-item--border-radius-full": t === "full" && i !== "subtle" && a !== "subtle"
+}, g), N = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsHeaderNavigationItemClassNames: T
+}, Symbol.toStringTag, { value: "Module" })), { getGidsHeaderNavigationItemClassNames: P } = N, L = x(class extends _ {
+  constructor(e) {
+    super(), e !== !1 && this.__registerHost(), this.expanded = !1, this.borderRadius = "none", this.applyShadow = !1, this.appearance = "default", this.selectionAppearance = "default", this.selected = !1, this.size = "sm", this.selectionType = "single-deselection-allowed", this.menuItems = [], this.isSelected = !1, this.isMenuExpanded = !1, this.selectedMenuItems = [], this.onItemClick = (i) => {
+      if (this.hasMenu()) this.isMenuExpanded = !this.isMenuExpanded;
+      else {
+        if (this.isSelected && this.selectionType === "single-deselection-not-allowed") return;
+        this.isSelected = !this.isSelected;
+      }
+      if (this.onPressNavigationItem) {
+        const a = this?.selectedMenuItems ? this.selectedMenuItems[0] : void 0;
+        this.onPressNavigationItem({ originalEvent: i, itemId: this.id, itemLabel: this?.label, itemSelected: this.isSelected, hasMenu: this.hasMenu(), menuExpanded: this.isMenuExpanded, menuItemId: a?.menuItemId ?? "", menuItemTitle: a?.menuItemTitle, menuItemValue: a?.menuItemValue, menuItemSectionIndex: a?.menuItemSectionIndex, menuItemIndex: a?.menuItemIndex, menuItemSelected: !!a?.menuItemId, menuId: this?.menuId, selectionType: this?.selectionType });
+      }
+    }, this.onMenuItemClick = ({ event: i, selectedItem: a, sectionIndex: n, itemIndex: o }) => {
+      const t = this.isMenuItemSelected(a.id);
+      t && this.selectionType === "single-deselection-not-allowed" || (t ? (this.selectedMenuItems = [], this.isSelected = !1) : (this.selectedMenuItems = [{ menuItemTitle: a?.title, menuItemValue: a?.value, menuItemId: a.id, menuItemSectionIndex: n, menuItemIndex: o, menuItemSelected: !0, menuId: this?.menuId }], this.isSelected = !0), this.isMenuExpanded = !1, this.onMenuItemChange && this.onMenuItemChange({ originalEvent: i, itemId: this.id, itemLabel: this?.label, itemSelected: !t, menuItemTitle: a?.title, menuItemValue: a?.value, menuItemId: a.id, menuItemSectionIndex: n, menuItemIndex: o, menuItemSelected: !t, menuId: this?.menuId, selectionType: this?.selectionType }));
+    }, this.defaultSelectedMenuItems = (i) => {
+      if (!i) return void (this.selectedMenuItems = []);
+      const a = this?.menuItems ?? [];
+      for (let n = 0; n < a.length; n++) {
+        const o = a[n]?.data ?? [];
+        for (let t = 0; t < o.length; t++) {
+          const d = o[t];
+          if (d?.id === i) return this.selectedMenuItems = [{ menuItemTitle: d.title, menuItemValue: d.value, menuItemId: d.id, menuItemSectionIndex: n, menuItemIndex: t, menuItemSelected: !0, menuId: this.menuId }], void (this.isSelected = !0);
+        }
+      }
+      this.selectedMenuItems = [];
+    }, this.hasMenu = () => !!(this?.menuItems && this.menuItems.length > 0), this.isMenuItemSelected = (i) => {
+      const a = this?.selectedMenuItems ?? [];
+      if (!a || a.length <= 0) return !1;
+      const n = a.findIndex(((o) => o.menuItemId === i));
+      return n != null && n !== -1;
+    };
+  }
+  appearanceChanged(e) {
+    this.appearance = e;
+  }
+  selectionAppearanceChanged(e) {
+    this.selectionAppearance = e;
+  }
+  expansionChanged(e) {
+    this.expanded = e, this.isMenuExpanded = e;
+  }
+  borderRadiusChanged(e) {
+    this.borderRadius = e;
+  }
+  shadowChanged(e) {
+    this.applyShadow = e;
+  }
+  labelChanged(e) {
+    this.label = e;
+  }
+  sizeChanged(e) {
+    this.size = e;
+  }
+  menuItemsChanged(e) {
+    this.menuItems = e;
+  }
+  selectedChanged(e) {
+    this.isSelected = e;
+  }
+  selectedMenuItemIdChanged(e) {
+    this.defaultSelectedMenuItems(e);
+  }
+  connectedCallback() {
+    this.isSelected = this.selected, this.isMenuExpanded = this.expanded, this.defaultSelectedMenuItems(this.selectedMenuItemId);
+  }
+  render() {
+    const e = this?.isSelected ?? !1, i = this?.appearance ?? "default", a = this?.selectionAppearance ?? "default", n = this.label, o = this?.size ?? "sm", t = this.id, d = this.menuId, g = this?.menuItems ?? [], c = this?.isMenuExpanded ?? !1, p = this?.borderRadius ?? "none", b = this?.applyShadow ?? !1, m = this.hasMenu(), f = P({ selected: e, appearance: i, selectionAppearance: a, size: o, expanded: c && m, applyShadow: b, borderRadius: p });
+    return r(w, { key: "9389361f0bf3596937b0497f8f5e314f154f3caa", id: t, "header-nav-item-appearance": i, "header-nav-item-size": o, "header-nav-item-selection-appearance": a, "header-nav-item-selected": e ? "true" : "false", class: f, onClick: this.onItemClick, "header-nav-item-expanded": c }, r("slot", { key: "6c0d9aba296f0ecbee24af46c1ef52b8396067d0", name: "headerNavItemLeadingIcon" }), n && n !== "" ? r("div", { class: "gids-header-navigation-item__label" }, r("span", null, n)) : void 0, m ? r("div", { class: "gids-header-navigation-item__chevron" }, r(M, { name: "chevron-down", size: o !== "xl" ? o : "lg" })) : void 0, m && c ? r("div", { class: "gids-header-navigation-item__dropdown-menu-container", id: d, role: "headerNavigationPickerbox", onClick: (l) => l.stopPropagation() }, r(C, { type: "default" }, g.map(((l, u) => {
+      const I = l?.data ?? [];
+      return r(S, { key: `${u + 1}`, sectionLabel: l?.sectionLabel ?? "" }, I.map(((s, h) => {
+        const y = this.isMenuItemSelected(s.id);
+        return r(z, { key: `${h}`, id: s.id, title: s?.title, value: s?.value, disabled: s?.disabled, index: h, selected: y, onPressDropdownItem: (k) => this.onMenuItemClick({ event: k, selectedItem: { ...s, id: s.id }, sectionIndex: u, itemIndex: h }) });
+      })));
+    })))) : void 0);
+  }
+  get hostElement() {
+    return this;
+  }
+  static get watchers() {
+    return { appearance: [{ appearanceChanged: 0 }], selectionAppearance: [{ selectionAppearanceChanged: 0 }], expanded: [{ expansionChanged: 0 }], borderRadius: [{ borderRadiusChanged: 0 }], applyShadow: [{ shadowChanged: 0 }], label: [{ labelChanged: 0 }], size: [{ sizeChanged: 0 }], menuItems: [{ menuItemsChanged: 0 }], selected: [{ selectedChanged: 0 }], selectedMenuItemId: [{ selectedMenuItemIdChanged: 0 }] };
+  }
+  static get style() {
+    return ".gids-header-navigation-item{position:relative;margin:0;padding:0;appearance:none;border:none;background:none;font-family:var(--gids-typography-label-medium__font-family);font-size:var(--gids-typography-label-medium__font-size);font-weight:var(--gids-typography-label-medium__font-weight);letter-spacing:var(--gids-typography-label-medium__letter-spacing);line-height:var(--gids-typography-label-medium__line-height);text-transform:var(--gids-typography-label-medium__text-transform, inherit);font-variant-caps:var(--gids-typography-label-medium__font-variant-caps, inherit);display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:var(--gids-gap-100);cursor:pointer;padding:var(--gids-padding-vertical-edge-to-element-150) var(--gids-padding-horizontal-edge-to-element-200);background-color:var(--gids-color-background-neutral-default);color:var(--gids-color-text-default);--gidsIcon-color:var(--gids-color-icon-default)}.gids-header-navigation-item:hover{background-color:var(--gids-color-background-neutral-hovered)}.gids-header-navigation-item:active{background-color:var(--gids-color-background-neutral-pressed)}.gids-header-navigation-item__label{display:flex;flex:1;text-align:center;align-items:center;justify-content:center}.gids-header-navigation-item--appearance-primary{background-color:var(--gids-color-background-brand-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--appearance-primary:hover{background-color:var(--gids-color-background-brand-bold-hovered)}.gids-header-navigation-item--appearance-primary:active{background-color:var(--gids-color-background-brand-bold-pressed)}.gids-header-navigation-item--appearance-subtle{background-color:var(--gids-color-background-neutral-subtle-default);color:var(--gids-color-text-default);--gidsIcon-color:var(--gids-color-icon-default)}.gids-header-navigation-item--appearance-subtle:hover{background-color:var(--gids-color-background-neutral-subtle-hovered)}.gids-header-navigation-item--appearance-subtle:active{background-color:var(--gids-color-background-neutral-subtle-pressed)}.gids-header-navigation-item--appearance-positive{background-color:var(--gids-color-background-positive-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--appearance-positive:hover{background-color:var(--gids-color-background-positive-bold-hovered)}.gids-header-navigation-item--appearance-positive:active{background-color:var(--gids-color-background-positive-bold-pressed)}.gids-header-navigation-item--appearance-danger{background-color:var(--gids-color-background-danger-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--appearance-danger:hover{background-color:var(--gids-color-background-danger-bold-hovered)}.gids-header-navigation-item--appearance-danger:active{background-color:var(--gids-color-background-danger-bold-pressed)}.gids-header-navigation-item--appearance-information{background-color:var(--gids-color-background-information-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--appearance-information:hover{background-color:var(--gids-color-background-information-bold-hovered)}.gids-header-navigation-item--appearance-information:active{background-color:var(--gids-color-background-information-bold-pressed)}.gids-header-navigation-item--appearance-warning{background-color:var(--gids-color-background-warning-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--appearance-warning:hover{background-color:var(--gids-color-background-warning-bold-hovered)}.gids-header-navigation-item--appearance-warning:active{background-color:var(--gids-color-background-warning-bold-pressed)}.gids-header-navigation-item--selection-appearance-default{background-color:var(--gids-color-background-neutral-default);color:var(--gids-color-text-default);--gidsIcon-color:var(--gids-color-icon-default)}.gids-header-navigation-item--selection-appearance-default:hover{background-color:var(--gids-color-background-neutral-hovered)}.gids-header-navigation-item--selection-appearance-default:active{background-color:var(--gids-color-background-neutral-pressed)}.gids-header-navigation-item--selection-appearance-primary{background-color:var(--gids-color-background-brand-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--selection-appearance-primary:hover{background-color:var(--gids-color-background-brand-bold-hovered)}.gids-header-navigation-item--selection-appearance-primary:active{background-color:var(--gids-color-background-brand-bold-pressed)}.gids-header-navigation-item--selection-appearance-subtle{background-color:var(--gids-color-background-neutral-subtle-default);color:var(--gids-color-text-subtlest);--gidsIcon-color:var(--gids-color-icon-subtle)}.gids-header-navigation-item--selection-appearance-subtle:hover{background-color:var(--gids-color-background-neutral-subtle-hovered)}.gids-header-navigation-item--selection-appearance-subtle:active{background-color:var(--gids-color-background-neutral-subtle-pressed)}.gids-header-navigation-item--selection-appearance-positive{background-color:var(--gids-color-background-positive-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--selection-appearance-positive:hover{background-color:var(--gids-color-background-positive-bold-hovered)}.gids-header-navigation-item--selection-appearance-positive:active{background-color:var(--gids-color-background-positive-bold-pressed)}.gids-header-navigation-item--selection-appearance-danger{background-color:var(--gids-color-background-danger-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--selection-appearance-danger:hover{background-color:var(--gids-color-background-danger-bold-hovered)}.gids-header-navigation-item--selection-appearance-danger:active{background-color:var(--gids-color-background-danger-bold-pressed)}.gids-header-navigation-item--selection-appearance-information{background-color:var(--gids-color-background-information-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--selection-appearance-information:hover{background-color:var(--gids-color-background-information-bold-hovered)}.gids-header-navigation-item--selection-appearance-information:active{background-color:var(--gids-color-background-information-bold-pressed)}.gids-header-navigation-item--selection-appearance-warning{background-color:var(--gids-color-background-warning-bold-default);color:var(--gids-color-text-inverse);--gidsIcon-color:var(--gids-color-icon-inverse)}.gids-header-navigation-item--selection-appearance-warning:hover{background-color:var(--gids-color-background-warning-bold-hovered)}.gids-header-navigation-item--selection-appearance-warning:active{background-color:var(--gids-color-background-warning-bold-pressed)}.gids-header-navigation-item--size-md{font-family:var(--gids-typography-label-large__font-family);font-size:var(--gids-typography-label-large__font-size);font-weight:var(--gids-typography-label-large__font-weight);letter-spacing:var(--gids-typography-label-large__letter-spacing);line-height:var(--gids-typography-label-large__line-height);text-transform:var(--gids-typography-label-large__text-transform, inherit);font-variant-caps:var(--gids-typography-label-large__font-variant-caps, inherit)}.gids-header-navigation-item--size-lg{font-family:var(--gids-typography-heading-small__font-family);font-size:var(--gids-typography-heading-small__font-size);font-weight:var(--gids-typography-heading-small__font-weight);letter-spacing:var(--gids-typography-heading-small__letter-spacing);line-height:var(--gids-typography-heading-small__line-height);text-transform:var(--gids-typography-heading-small__text-transform, inherit);font-variant-caps:var(--gids-typography-heading-small__font-variant-caps, inherit)}.gids-header-navigation-item--size-xl{font-family:var(--gids-typography-heading-medium__font-family);font-size:var(--gids-typography-heading-medium__font-size);font-weight:var(--gids-typography-heading-medium__font-weight);letter-spacing:var(--gids-typography-heading-medium__letter-spacing);line-height:var(--gids-typography-heading-medium__line-height);text-transform:var(--gids-typography-heading-medium__text-transform, inherit);font-variant-caps:var(--gids-typography-heading-medium__font-variant-caps, inherit)}.gids-header-navigation-item--shadow{box-shadow:var(--gids-elevation-shadow-raised)}.gids-header-navigation-item--border-radius-sm{border-radius:var(--gids-border-radius-sm)}.gids-header-navigation-item--border-radius-md{border-radius:var(--gids-border-radius-md)}.gids-header-navigation-item--border-radius-lg{border-radius:var(--gids-border-radius-lg)}.gids-header-navigation-item--border-radius-full{border-radius:var(--gids-border-radius-full)}.gids-header-navigation-item__dropdown-menu-container{position:absolute;inset-inline: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;max-height:15rem;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-header-navigation-item__chevron{display:flex;align-items:center;justify-content:center;transform:rotate(0deg);transition:transform 200ms ease-in-out}.gids-header-navigation-item__dropdown-menu-container>*{flex-shrink:0}.gids-header-navigation-item--expanded .gids-header-navigation-item__dropdown-menu-container{display:flex}.gids-header-navigation-item--expanded .gids-header-navigation-item__chevron{transform:rotate(180deg)}";
+  }
+}, [260, "gids-header-navigation-item", { id: [1], menuId: [1, "menu-id"], expanded: [4], borderRadius: [1, "border-radius"], applyShadow: [4, "apply-shadow"], appearance: [1], selectionAppearance: [1, "selection-appearance"], selected: [4], selectedMenuItemId: [1, "selected-menu-item-id"], label: [1], size: [1], selectionType: [1, "selection-type"], menuItems: [16], onPressNavigationItem: [16], onMenuItemChange: [16], isSelected: [32], isMenuExpanded: [32], selectedMenuItems: [32] }, void 0, { appearance: [{ appearanceChanged: 0 }], selectionAppearance: [{ selectionAppearanceChanged: 0 }], expanded: [{ expansionChanged: 0 }], borderRadius: [{ borderRadiusChanged: 0 }], applyShadow: [{ shadowChanged: 0 }], label: [{ labelChanged: 0 }], size: [{ sizeChanged: 0 }], menuItems: [{ menuItemsChanged: 0 }], selected: [{ selectedChanged: 0 }], selectedMenuItemId: [{ selectedMenuItemIdChanged: 0 }] }]);
+function R() {
+  typeof customElements < "u" && ["gids-header-navigation-item"].forEach(((e) => {
+    e === "gids-header-navigation-item" && (customElements.get(v(e)) || customElements.define(v(e), L));
+  }));
+}
+R();
+export {
+  L as c,
+  R as h
+};

package/dist-bundled/es/{p-BgvpzBUx-iq-eKBVZ.js → p-d-t7__OQ-CKPQZt2t.js}

@@ -1,8 +1,8 @@
 import { q as b, L as A, u as D, D as a } from "./p-Bf3p-DY2-CPqEc-vc.js";
 import { p as L } from "./p-DMNS1d8v-BX8e_AsY.js";
-import { _ as E } from "./p-Dvh4sPkD-B-T5C03p.js";
-import { o as M } from "./p-Df5xaj-o-fxAXUmag.js";
-import { l as I } from "./p-DshXkAUj-DgCiQIA2.js";
+import { _ as E } from "./p-Dd-ec-e0-BqX_F6y0.js";
+import { o as M } from "./p-CiWZdp48-1vf7Xh2R.js";
+import { l as I } from "./p-DAuO4g6g-C8miaL-N.js";
 import { c as $ } from "./clsx-OuTLNxxd.js";
 const P = ({ breakpoint: e }, l) => $("gids-bar-chart", {
   "gids-bar-chart--breakpoint-mobile": e === "mobile"

package/dist-bundled/es/p-oJFgjzK5-CzagP1qD.js

@@ -0,0 +1,99 @@
+import { D as r, q as p, L as f, u as v, P as u } from "./p-Bf3p-DY2-CPqEc-vc.js";
+import { d as _ } from "./p-D4Pimu_8-ARSuGBs4.js";
+import { e as y } from "./p-ChV9xqsO-CJSPCx6p.js";
+import { p as x } from "./p-CXFvqDBs-offadaUn.js";
+import { c as h } from "./clsx-OuTLNxxd.js";
+const b = ({ text: e, alt: a }) => a === "" || a === void 0 && e === void 0, P = 5, T = () => `accent-${Math.floor(Math.random() * P) + 1}`, c = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getRandomColor: T,
+  shouldTextBeHiddenFromAt: b
+}, Symbol.toStringTag, { value: "Module" })), C = ({ headerTitle: e }) => e && e !== "" ? e.charAt(0).toUpperCase() : "U", z = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getProfileHeaderMenuAvatarText: C
+}, Symbol.toStringTag, { value: "Module" })), { getRandomColor: S } = c, H = ({ color: e, size: a }, t) => {
+  const i = e === "random" ? S() : e;
+  return h("gids-avatar", {
+    "gids-avatar--sm": a === "sm",
+    // 'gids-avatar--md': size === 'md',
+    "gids-avatar--lg": a === "lg",
+    "gids-avatar--xl": a === "xl"
+  }, i && i !== "brand" && `gids-avatar--${i}`, t);
+}, I = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsAvatarClassNames: H
+}, Symbol.toStringTag, { value: "Module" })), V = ({ headerItemsPosition: e }, a) => h("gids-profile-menu-header", {
+  // Positions
+  // 'gids-profile-menu-header--position-default':
+  // 	headerItemsPosition === 'default', // Default so not needed
+  "gids-profile-menu-header--position-centralized": e === "centralized"
+}, a), A = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsProfileMenuHeaderClassNames: V
+}, Symbol.toStringTag, { value: "Module" })), { shouldTextBeHiddenFromAt: w } = c, { getGidsAvatarClassNames: B } = I, j = ({ appearance: e, color: a, size: t, badge: i, text: o, imageSrc: s, alt: n, iconTitleId: d, class: l, ...m }) => {
+  const g = w({ text: o, alt: n });
+  return r("span", { class: B({ color: a, size: t }, l), ...m }, e === "image" ? r("img", { src: s, alt: n ?? o ?? "", width: "100", height: "100" }) : e === "icon" ? r(_, { name: "user", alt: n ?? o, titleId: d }) : r("span", { role: g ? void 0 : "img", "aria-hidden": g ? "true" : void 0, "aria-label": g ? void 0 : n ?? o }, o), i);
+}, { getGidsProfileMenuHeaderClassNames: M } = A, { getProfileHeaderMenuAvatarText: O } = z, k = f(class extends v {
+  constructor(e) {
+    super(), e !== !1 && this.__registerHost(), this.headerItemsPosition = "default", this.avatarVisible = !1, this.avatarBadgeVisible = !1, this.onAvatarItemPress = (a) => {
+      const t = this.pressHeaderItems(a);
+      this.onHeaderAvatarPress && this.onHeaderAvatarPress({ ...t });
+    }, this.onHeaderItemTitlePress = (a) => {
+      const t = this.pressHeaderItems(a);
+      this.onHeaderTitlePress && this.onHeaderTitlePress({ ...t });
+    }, this.onHeaderItemSupportingTextPress = (a) => {
+      const t = this.pressHeaderItems(a);
+      this.onHeaderSupportingTextPress && this.onHeaderSupportingTextPress({ ...t });
+    }, this.pressHeaderItems = (a) => {
+      const t = this.avatarProps, i = t?.badgeProps ?? {};
+      return { originalEvent: a, appearance: t?.appearance ?? "text", color: t?.color ?? "brand", imageSrc: t?.imageSrc ?? "", size: t?.size ?? "xl", text: this.getAvatarText(), badgeProps: { ...i }, headerItemsPosition: this?.headerItemsPosition ?? "default", headerTitle: this?.headerTitle ?? "", headerSupportingText: this?.headerSupportingText ?? "" };
+    }, this.getAvatarText = () => {
+      const a = this?.avatarProps, t = this?.headerTitle;
+      return a?.text ?? O({ headerTitle: t });
+    };
+  }
+  avatarPropsChanged(e) {
+    this.avatarProps = e;
+  }
+  headerItemsPositionChanged(e) {
+    this.headerItemsPosition = e;
+  }
+  headerTitleChanged(e) {
+    this.headerTitle = e;
+  }
+  headerSupportingTextChanged(e) {
+    this.headerSupportingText = e;
+  }
+  avatarVisibilityChanged(e) {
+    this.avatarVisible = e;
+  }
+  avatarBadgeVisibilityChanged(e) {
+    this.avatarBadgeVisible = e;
+  }
+  connectedCallback() {
+  }
+  render() {
+    const e = this?.headerItemsPosition ?? "default", a = this?.headerTitle, t = this?.headerSupportingText, i = this?.avatarVisible ?? !1, o = this?.avatarBadgeVisible ?? !1, s = this?.avatarProps, n = s?.badgeProps, d = M({ headerItemsPosition: e }), l = s?.size ?? "xl";
+    return r(u, { key: "9b46b9581c3bdba759a9d4b8506a9acc8d44e144", class: d }, i ? r(j, { onClick: this.onAvatarItemPress, appearance: s?.appearance ?? "text", color: s?.color ?? "brand", size: l, text: this.getAvatarText(), imageSrc: s?.imageSrc ?? "", alt: s?.alt ?? "alt-img", badge: o ? r(x, { appearance: n?.appearance ?? "information", type: n?.type, count: n?.count, outline: n?.outline }) : void 0 }) : void 0, r("div", { key: "3a1758aef7a6393efcd87f52fbf21ba93977b62b", class: y("gids-profile-menu-header__content-container-default", { "gids-profile-menu-header__content-container-centralized": e === "centralized" }) }, r("span", { key: "26ea32d71575058291f0b0df78046d5c4dc642fd", onClick: this.onHeaderItemTitlePress }, a), r("p", { key: "e559efb7c4860826925d021cceee93f058380430", onClick: this.onHeaderItemSupportingTextPress }, t)));
+  }
+  get hostElement() {
+    return this;
+  }
+  static get watchers() {
+    return { avatarProps: [{ avatarPropsChanged: 0 }], headerItemsPosition: [{ headerItemsPositionChanged: 0 }], headerTitle: [{ headerTitleChanged: 0 }], headerSupportingText: [{ headerSupportingTextChanged: 0 }], avatarVisible: [{ avatarVisibilityChanged: 0 }], avatarBadgeVisible: [{ avatarBadgeVisibilityChanged: 0 }] };
+  }
+  static get style() {
+    return ".gids-profile-menu-header{display:flex;gap:var(--gids-gap-100);align-items:center;justify-content:flex-start;width:100%}.gids-profile-menu-header .gids-avatar{cursor:pointer;transition:all 0.3s ease-in-out}.gids-profile-menu-header .gids-avatar:hover{transform:scale(1.2)}.gids-profile-menu-header .gids-avatar:active{transform:scale(1)}.gids-profile-menu-header--position-centralized{flex-direction:column;justify-content:center;align-items:center;gap:var(--gids-gap-150)}.gids-profile-menu-header__content-container-default{display:flex;flex-direction:column;text-align:left}.gids-profile-menu-header__content-container-default span{font-family:var(--gids-typography-heading-x-small__font-family);font-size:var(--gids-typography-heading-x-small__font-size);font-weight:var(--gids-typography-heading-x-small__font-weight);letter-spacing:var(--gids-typography-heading-x-small__letter-spacing);line-height:var(--gids-typography-heading-x-small__line-height);text-transform:var(--gids-typography-heading-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-heading-x-small__font-variant-caps, inherit);color:var(--gids-color-text-default);cursor:pointer;transition:all 0.3s ease-in-out}.gids-profile-menu-header__content-container-default span:hover{transform:scale(1.1);padding-bottom:var(--gids-padding-vertical-edge-to-element-050);padding-left:var(--gids-padding-horizontal-edge-to-element-100)}.gids-profile-menu-header__content-container-default span:active{transform:scale(1)}.gids-profile-menu-header__content-container-default p{margin:0;padding:0;font-family:var(--gids-typography-paragraph-small__font-family);font-size:var(--gids-typography-paragraph-small__font-size);font-weight:var(--gids-typography-paragraph-small__font-weight);letter-spacing:var(--gids-typography-paragraph-small__letter-spacing);line-height:var(--gids-typography-paragraph-small__line-height);text-transform:var(--gids-typography-paragraph-small__text-transform, inherit);font-variant-caps:var(--gids-typography-paragraph-small__font-variant-caps, inherit);color:var(--gids-color-text-subtlest);cursor:pointer;transition:all 0.3s ease-in-out}.gids-profile-menu-header__content-container-default p:hover{transform:scale(1.1);padding-top:var(--gids-padding-vertical-edge-to-element-050);padding-left:var(--gids-padding-horizontal-edge-to-element-100)}.gids-profile-menu-header__content-container-default p:active{transform:scale(1)}.gids-profile-menu-header__content-container-centralized{text-align:center}.gids-profile-menu-header__content-container-centralized span{font-family:var(--gids-typography-heading-x-small__font-family);font-size:var(--gids-typography-heading-x-small__font-size);font-weight:var(--gids-typography-heading-x-small__font-weight);letter-spacing:var(--gids-typography-heading-x-small__letter-spacing);line-height:var(--gids-typography-heading-x-small__line-height);text-transform:var(--gids-typography-heading-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-heading-x-small__font-variant-caps, inherit);color:var(--gids-color-text-default);cursor:pointer;transition:all 0.3s ease-in-out}.gids-profile-menu-header__content-container-centralized span:hover{transform:scale(1.1);padding-bottom:var(--gids-padding-vertical-edge-to-element-050)}.gids-profile-menu-header__content-container-centralized span:active{transform:scale(1)}.gids-profile-menu-header__content-container-centralized p{margin:0;padding:0;font-family:var(--gids-typography-paragraph-small__font-family);font-size:var(--gids-typography-paragraph-small__font-size);font-weight:var(--gids-typography-paragraph-small__font-weight);letter-spacing:var(--gids-typography-paragraph-small__letter-spacing);line-height:var(--gids-typography-paragraph-small__line-height);text-transform:var(--gids-typography-paragraph-small__text-transform, inherit);font-variant-caps:var(--gids-typography-paragraph-small__font-variant-caps, inherit);color:var(--gids-color-text-subtlest);cursor:pointer;transition:all 0.3s ease-in-out}.gids-profile-menu-header__content-container-centralized p:hover{transform:scale(1.1);padding-top:var(--gids-padding-vertical-edge-to-element-050)}.gids-profile-menu-header__content-container-centralized p:active{transform:scale(1)}";
+  }
+}, [0, "gids-profile-menu-header", { avatarProps: [16], headerItemsPosition: [1, "header-items-position"], headerTitle: [1, "header-title"], headerSupportingText: [1, "header-supporting-text"], avatarVisible: [4, "avatar-visible"], avatarBadgeVisible: [4, "avatar-badge-visible"], onHeaderAvatarPress: [16], onHeaderTitlePress: [16], onHeaderSupportingTextPress: [16] }, void 0, { avatarProps: [{ avatarPropsChanged: 0 }], headerItemsPosition: [{ headerItemsPositionChanged: 0 }], headerTitle: [{ headerTitleChanged: 0 }], headerSupportingText: [{ headerSupportingTextChanged: 0 }], avatarVisible: [{ avatarVisibilityChanged: 0 }], avatarBadgeVisible: [{ avatarBadgeVisibilityChanged: 0 }] }]);
+function E() {
+  typeof customElements < "u" && ["gids-profile-menu-header"].forEach(((e) => {
+    e === "gids-profile-menu-header" && (customElements.get(p(e)) || customElements.define(p(e), k));
+  }));
+}
+E();
+export {
+  k as _,
+  z as l,
+  j as m,
+  E as u
+};

package/dist-bundled/es/{p-CZxn31uZ-BBHM983b.js → p-pVSQxFDF-CsWxUaZX.js}

@@ -1,5 +1,6 @@
 import { q as d, L as o, u as h, D as i } from "./p-Bf3p-DY2-CPqEc-vc.js";
-import { a as u, p as m, u as Y } from "./p-474lVBcu-B1f8x2o1.js";
+import { i as u, a as m } from "./p-Bs8TP3Rb-BdcS7d5q.js";
+import { i as Y } from "./p-DObJEzlz-tt9h5cuI.js";
 import { c as p } from "./clsx-OuTLNxxd.js";
 const f = (e) => p("gids-calendar-year-list", e), g = (e) => {
   const t = e.toString().trim();
@@ -24,7 +25,7 @@ const f = (e) => p("gids-calendar-year-list", e), g = (e) => {
   getGidsCalendarYearListClassNames: f,
   getGidsCalendarYearListYears: I,
   isValidFourDigitYear: g
-}, Symbol.toStringTag, { value: "Module" })), { getGidsCalendarYearListClassNames: y, getGidsCalendarYearListYears: b, isValidFourDigitYear: l } = S, w = o(class extends h {
+}, Symbol.toStringTag, { value: "Module" })), { getGidsCalendarYearListClassNames: y, getGidsCalendarYearListYears: w, isValidFourDigitYear: l } = S, E = o(class extends h {
   constructor(e) {
     super(), e !== !1 && this.__registerHost(), this.type = "default", this.disabledIndices = [], this.divider = !1, this.newStartYear = (/* @__PURE__ */ new Date()).getFullYear(), this.newEndYear = (/* @__PURE__ */ new Date()).getFullYear() + 100, this.hasItemListener = !1, this.suppressNextMenuClickSelection = !1, this.handleCalendarMenuItemSelect = (t) => {
       const { title: s, value: a, selectedIndex: r, disabled: n, id: c } = t.detail;
@@ -35,7 +36,7 @@ const f = (e) => p("gids-calendar-year-list", e), g = (e) => {
       if (this.suppressNextMenuClickSelection) return;
       const s = t?.detail;
       this.applySelection({ id: s.id, year: Number(s.value), disabled: !1, selectedIndex: s.selectedIndex, startYear: this.newStartYear, endYear: this.newEndYear });
-    }, this.yearsList = () => b({ startYear: this.newStartYear, endYear: this.newEndYear }), this.getSelectedItem = () => {
+    }, this.yearsList = () => w({ startYear: this.newStartYear, endYear: this.newEndYear }), this.getSelectedItem = () => {
       const t = this.selectedYear, s = this.yearsList(), a = s.findIndex(((n) => n.value === t));
       let r;
       return a != null && a !== -1 && (r = s[a]), { foundItem: r, foundIndex: a };
@@ -71,7 +72,7 @@ const f = (e) => p("gids-calendar-year-list", e), g = (e) => {
   }
   render() {
     const e = y();
-    return i("div", { key: "faf7bc805275a5c8134768678c3362912bcd739f", class: e }, i(u, { key: "a087b75eb1af94caa8962e9ba6a8439f2ba7558d", type: this.type, supportingText: this.noOptionsText }, i(m, { key: "f7ebc9972e0240405ebdecab3c1274c0c15a53a9", sectionLabel: "Years" }, this.yearsList().map(((t, s) => {
+    return i("div", { key: "30e35bd40ce7aaa63a3bd6789d8542e9ac49b484", class: e }, i(u, { key: "0002ca94fb2dcfea9c6c1b4a63539a72845ce8ce", type: this.type, supportingText: this.noOptionsText }, i(m, { key: "8e283dc04cf6c9e0a533b889c29d9df1919c2c2a", sectionLabel: "Years" }, this.yearsList().map(((t, s) => {
       const a = `${s + 1}`, r = this.disabledIndices?.includes(t.value);
       return i(Y, { title: t.title, value: `${t.value}`, key: `${s.toString()}`, index: s, id: a, selected: this.isItemSelected(s), onPressDropdownItem: this.handleMenuClick, disabled: r, divider: this.divider, isPlaceholderItem: !1 });
     })))));
@@ -80,13 +81,13 @@ const f = (e) => p("gids-calendar-year-list", e), g = (e) => {
     return this;
   }
 }, [0, "gids-calendar-year-list", { type: [1], noOptionsText: [1, "no-options-text"], disabledIndices: [16], divider: [4], selectedYear: [2, "selected-year"], startYear: [2, "start-year"], endYear: [2, "end-year"], onSelectionYearChange: [16], newStartYear: [32], newEndYear: [32] }]);
-function E() {
+function b() {
   typeof customElements < "u" && ["gids-calendar-year-list"].forEach(((e) => {
-    e === "gids-calendar-year-list" && (customElements.get(d(e)) || customElements.define(d(e), w));
+    e === "gids-calendar-year-list" && (customElements.get(d(e)) || customElements.define(d(e), E));
   }));
 }
-E();
+b();
 export {
-  w as l,
-  E as u
+  E as l,
+  b as m
 };

package/dist-bundled/es/{p-DGenc1qz-CMwVEtCm.js → p-u06XOrpj-C1tNznDd.js}

@@ -1,6 +1,6 @@
-import { q as s, L as l, u as d, D as a, F as u } from "./p-Bf3p-DY2-CPqEc-vc.js";
+import { q as s, L as l, u, D as a, F as r } from "./p-Bf3p-DY2-CPqEc-vc.js";
 import { d as n } from "./p-D4Pimu_8-ARSuGBs4.js";
-import { l as r } from "./p-CHGTBObD-D_K9_Tmh.js";
+import { l as d } from "./p-CHGTBObD-D_K9_Tmh.js";
 const c = (e) => e.type === "hidden", f = (e) => {
   if (!(e instanceof HTMLElement))
     return !1;
@@ -15,7 +15,7 @@ const c = (e) => e.type === "hidden", f = (e) => {
     "SELECT",
     "TEXTAREA"
   ].includes(t) || t === "A" && e.hasAttribute("href") || e instanceof HTMLInputElement && !c(e) || ["AUDIO", "VIDEO"].includes(t) && e.hasAttribute("controls") || ["IMG", "OBJECT"].includes(t) && e.hasAttribute("usemap") || e.hasAttribute("tabindex") && e.tabIndex > -1);
-}, o = l(class extends d {
+}, o = l(class extends u {
   constructor(e) {
     super(), e !== !1 && this.__registerHost(), this.#e = {}, this._focusInput = (t) => {
       const i = t.target;
@@ -54,9 +54,9 @@ const c = (e) => e.type === "hidden", f = (e) => {
     this._el.removeEventListener("click", this._focusInput);
   }
   render() {
-    return a(u, { key: "8e83f27a9a2184689594d011aa47837b3e99eff9" }, a("slot", { key: "0cd90f0580e2e57140fb8abb16250444d75b7ae2", name: "leadingIcon" }), this.leadingLabel && a("span", { key: "c61a6ffd7054190421724c5125639b53d1ac2f28", class: "gids-input__label" }, this.leadingLabel), a("slot", { key: "ea00c693b1fcfd6ba85c2179ce97bc286073078c", name: "leadingAccessory" }), a("input", { key: "00dcbb06fd546b60fed8310056096d25c0dc09d2", ...this.inputProps, ref: (e) => {
+    return a(r, { key: "3e5c67807cc1acb5e6c2500670f1d0fea9381d88" }, a("slot", { key: "47f73fead08570ba0b52f30ca966e1a987fa7ab1", name: "leadingIcon" }), this.leadingLabel && a("span", { key: "ce9d892b1f69e26a99ba2a4bf3ee7ca7b34a91db", class: "gids-input__label" }, this.leadingLabel), a("slot", { key: "fb55dde9ab4544932144763d8478ea2a9b52c4e9", name: "leadingAccessory" }), a("input", { key: "c5eb30883b552ccf8c92a8050f41dc997480b2f6", ...this.inputProps, ref: (e) => {
       this.#t = e, this.#e.value !== void 0 && (this.#t.value = this.#e.value, delete this.#e.value), this.#e.defaultValue !== void 0 && (this.#t.defaultValue = this.#e.defaultValue, delete this.#e.defaultValue);
-    }, class: "gids-input__control", name: this.name, disabled: this.disabled, readOnly: this.readOnly, required: this.required, onFocus: this._handleInputFocusAndBlur, onBlur: this._handleInputFocusAndBlur }), a("slot", { key: "aa449cf35c27946ad62bb63050e302167e871dc7", name: "trailingAccessory" }), this.trailingLabel && a("span", { key: "a896156b9a680a2dae3bf572ca3a34b6b385d19d", class: "gids-input__label" }, this.trailingLabel), a("slot", { key: "45c922441ce3eedd0d57dcfedc6e9629da056082", name: "trailingIcon" }), this.status === "incomplete" && a(n, { key: "5b13f1af4a6eba7f18c1c0fd9cbd1f29decdd966", name: "warning", appearance: "filled", class: "gids-input__warning-icon" }), this.status === "complete" && a(n, { key: "20cbf20a8465e1f774171e9d42009a66445fa988", name: "positive", appearance: "filled", class: "gids-input__positive-icon" }), this.loading && a(r, { key: "add57df9d054eb26ad00ed8debe5f0d48502953d", size: "md", indeterminate: !0 }));
+    }, class: "gids-input__control", name: this.name, disabled: this.disabled, readOnly: this.readOnly, required: this.required, onFocus: this._handleInputFocusAndBlur, onBlur: this._handleInputFocusAndBlur }), a("slot", { key: "9a6c373345f0fa962f4799eeb0df8c832868fbda", name: "trailingAccessory" }), this.trailingLabel && a("span", { key: "92eb392fefe5ce474d2b9e161c4037180fbcc647", class: "gids-input__label" }, this.trailingLabel), a("slot", { key: "e0869ac0156f877de99cb540e45b6229c95427ae", name: "trailingIcon" }), this.status === "incomplete" && a(n, { key: "4f18050a0dda1d5a5beba5f5953072cfd0ff1688", name: "warning", appearance: "filled", class: "gids-input__warning-icon" }), this.status === "complete" && a(n, { key: "51ddf5dc0ecee91201245f2f7ed837e02f100aeb", name: "positive", appearance: "filled", class: "gids-input__positive-icon" }), this.loading && a(d, { key: "641dcdf6432777c6f945a548ab36c682f35974a1", size: "md", indeterminate: !0 }));
   }
   get _el() {
     return this;
@@ -69,6 +69,6 @@ function h() {
 }
 h();
 export {
-  o as c,
+  o as d,
   h as r
 };