@ganpatiinfo/gids-core-web 22.0.0 → 24.0.0

package/dist-bundled/es/p-piTNUZit-Jq4qQLgn.js

@@ -0,0 +1,137 @@
+import { q as c, L as C, u as S, D as o, P as M } from "./p-B4hcsDH0-CPqEc-vc.js";
+import { d as z } from "./p-iQRr_fAH-Dvv1n8QD.js";
+import { i as T, t as P } from "./p-BBlUduEr-CWdvgBS6.js";
+import { i as R } from "./p-B3AB3GQ0-DdgNC9FJ.js";
+import { c as E } from "./p-CS2U2Mro-6wGJ-t9P.js";
+import { c as N } from "./clsx-OuTLNxxd.js";
+const L = ({ selected: e, appearance: i, selectionAppearance: a, size: t, borderRadius: n, applyShadow: r }, d) => N("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": t === "md",
+  "gids-header-navigation-item--size-lg": t === "lg",
+  "gids-header-navigation-item--size-xl": t === "xl",
+  // Shadow
+  "gids-header-navigation-item--shadow": r && i !== "subtle" && a !== "subtle",
+  // Border Radius
+  "gids-header-navigation-item--border-radius-sm": n === "sm" && i !== "subtle" && a !== "subtle",
+  "gids-header-navigation-item--border-radius-md": n === "md" && i !== "subtle" && a !== "subtle",
+  "gids-header-navigation-item--border-radius-lg": n === "lg" && i !== "subtle" && a !== "subtle",
+  "gids-header-navigation-item--border-radius-full": n === "full" && i !== "subtle" && a !== "subtle"
+}, d), $ = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsHeaderNavigationItemClassNames: L
+}, Symbol.toStringTag, { value: "Module" })), { getGidsHeaderNavigationItemClassNames: j } = $, V = C(class extends S {
+  constructor(e) {
+    super(), e !== !1 && this.__registerHost(), this.menuPlacement = "bottom", this.menuConstrainPlacements = ["bottom", "left", "left-end", "right", "right-end"], this.matchReferenceWidth = !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.selectedMenuItems = [], this.onItemClick = (i) => {
+      if (!this.hasMenu()) {
+        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(), 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: t, itemIndex: n }) => {
+      const r = this.isMenuItemSelected(a.id);
+      r && this.selectionType === "single-deselection-not-allowed" || (r ? (this.selectedMenuItems = [], this.isSelected = !1) : (this.selectedMenuItems = [{ menuItemTitle: a?.title, menuItemValue: a?.value, menuItemId: a.id, menuItemSectionIndex: t, menuItemIndex: n, menuItemSelected: !0, menuId: this?.menuId }], this.isSelected = !0), this.onMenuItemChange && this.onMenuItemChange({ originalEvent: i, itemId: this.id, itemLabel: this?.label, itemSelected: !r, menuItemTitle: a?.title, menuItemValue: a?.value, menuItemId: a.id, menuItemSectionIndex: t, menuItemIndex: n, menuItemSelected: !r, menuId: this?.menuId, selectionType: this?.selectionType }));
+    }, this.defaultSelectedMenuItems = (i) => {
+      if (!i) return void (this.selectedMenuItems = []);
+      const a = this?.menuItems ?? [];
+      for (let t = 0; t < a.length; t++) {
+        const n = a[t]?.data ?? [];
+        for (let r = 0; r < n.length; r++) {
+          const d = n[r];
+          if (d?.id === i) return this.selectedMenuItems = [{ menuItemTitle: d.title, menuItemValue: d.value, menuItemId: d.id, menuItemSectionIndex: t, menuItemIndex: r, 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 t = a.findIndex(((n) => n.menuItemId === i));
+      return t != null && t !== -1;
+    };
+  }
+  appearanceChanged(e) {
+    this.appearance = e;
+  }
+  selectionAppearanceChanged(e) {
+    this.selectionAppearance = 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.defaultSelectedMenuItems(this.selectedMenuItemId);
+  }
+  render() {
+    const e = this?.isSelected ?? !1, i = this?.appearance ?? "default", a = this?.selectionAppearance ?? "default", t = this.label, n = this?.size ?? "sm", r = this.id, d = this.menuId, v = this?.menuItems ?? [], p = this?.borderRadius ?? "none", b = this?.applyShadow ?? !1, l = this.hasMenu(), f = j({ selected: e, appearance: i, selectionAppearance: a, size: n, applyShadow: b, borderRadius: p }), m = l ? `${d}'_html_for_'${r}` : "", I = this?.menuPlacement ?? "bottom", y = this?.menuConstrainPlacements ?? ["bottom", "left", "left-end", "right", "right-end"], k = this?.matchReferenceWidth ?? !1;
+    return o(M, { key: "9d61cbba17518fc072ab44adf0584f5c7b2ac635", id: r, "header-nav-item-appearance": i, "header-nav-item-size": n, "header-nav-item-selection-appearance": a, "header-nav-item-selected": e ? "true" : "false", class: f, onClick: this.onItemClick }, o("div", { key: "08f9e43c04fab544e618d7dca61bd361e388c3ef", id: m, class: "gids-header-navigation-item__main-container" }, o("slot", { key: "ad339750ef638365de575ca59e30a6af26ab4bc7", name: "headerNavItemLeadingIcon" }), t && t !== "" ? o("div", { class: "gids-header-navigation-item__label" }, o("span", null, t)) : void 0, l ? o("div", { class: "gids-header-navigation-item__chevron" }, o(z, { name: "chevron-down", size: n !== "xl" ? n : "lg" })) : void 0), l ? o("gids-flyout-panel", { htmlFor: m, placement: I, constrainPlacements: y, matchReferenceWidth: k }, o(T, { type: "default" }, v.map(((h, u) => {
+      const _ = h?.data ?? [];
+      return o(P, { key: `${u + 1}`, sectionLabel: h?.sectionLabel ?? "" }, _.map(((s, g) => {
+        const x = this.isMenuItemSelected(s.id);
+        return o(R, { key: `${g}`, id: s.id, title: s?.title, value: s?.value, disabled: s?.disabled, index: g, selected: x, onPressDropdownItem: (w) => this.onMenuItemClick({ event: w, selectedItem: { ...s, id: s.id }, sectionIndex: u, itemIndex: g }) });
+      })));
+    })))) : void 0);
+  }
+  get hostElement() {
+    return this;
+  }
+  static get watchers() {
+    return { appearance: [{ appearanceChanged: 0 }], selectionAppearance: [{ selectionAppearanceChanged: 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:column;width:100%;cursor:pointer;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__main-container{display:flex;width:100%;align-items:center;justify-content:space-between;padding:var(--gids-padding-vertical-edge-to-element-150) var(--gids-padding-horizontal-edge-to-element-200);gap:var(--gids-gap-100)}.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__chevron{display:flex;align-items:center;justify-content:center;transform:rotate(0deg);transition:transform 200ms ease-in-out}";
+  }
+}, [260, "gids-header-navigation-item", { id: [1], menuId: [1, "menu-id"], menuPlacement: [1, "menu-placement"], menuConstrainPlacements: [16], matchReferenceWidth: [4, "match-reference-width"], 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], selectedMenuItems: [32] }, void 0, { appearance: [{ appearanceChanged: 0 }], selectionAppearance: [{ selectionAppearanceChanged: 0 }], borderRadius: [{ borderRadiusChanged: 0 }], applyShadow: [{ shadowChanged: 0 }], label: [{ labelChanged: 0 }], size: [{ sizeChanged: 0 }], menuItems: [{ menuItemsChanged: 0 }], selected: [{ selectedChanged: 0 }], selectedMenuItemId: [{ selectedMenuItemIdChanged: 0 }] }]);
+function W() {
+  typeof customElements < "u" && ["gids-header-navigation-item", "gids-flyout-panel"].forEach(((e) => {
+    switch (e) {
+      case "gids-header-navigation-item":
+        customElements.get(c(e)) || customElements.define(c(e), V);
+        break;
+      case "gids-flyout-panel":
+        customElements.get(c(e)) || E();
+    }
+  }));
+}
+W();
+export {
+  V as h,
+  W as m
+};