@ganpatiinfo/gids-core-web 20.0.0 → 22.0.0

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

@@ -1,110 +1,6 @@
-import { L as p, u, D as s, F as y, q as r } from "./p-B4hcsDH0-CPqEc-vc.js";
-import { c as E } from "./p-CTri3IsV-B1u0rrXF.js";
-import { o as v } from "./p-CPgZgSBN-DsTNcUR7.js";
-const h = p(class extends u {
-  constructor(e) {
-    super(), e !== !1 && this.__registerHost(), this.__attachShadow(), this.placement = "bottom", this.previouslyFocusedElement = null, this.focusableElements = [], this.handleToggleEvent = (t) => {
-      t.stopPropagation();
-      const l = this.floatingElementManager.isVisible();
-      this.floatingElementManager.toggle(), !l && this.floatingElementManager.isVisible() ? this.onFlyoutPanelShow() : l && !this.floatingElementManager.isVisible() && this.onFlyoutPanelHide();
-    }, this.handleDocumentClick = (t) => {
-      this.floatingElementManager.isVisible() && !this._el.contains(t.target) && (this.floatingElementManager.hide(), this.onFlyoutPanelHide());
-    }, this.handleKeyDown = (t) => {
-      if (this.floatingElementManager.isVisible()) return t.key === "Escape" ? (t.preventDefault(), this.floatingElementManager.hide(), void this.onFlyoutPanelHide()) : void (t.key === "Tab" && this.trapFocus(t));
-    };
-  }
-  componentDidLoad() {
-    this.floatingElementManager = new E(this._el, { htmlFor: this.htmlFor, placement: this.placement, showWithoutDelay: !0, floatingElementSelector: "#flyout-panel", showArrow: !1, visibilityClass: "gids-flyout-panel--visible", elementType: v.FLYOUT_PANEL, constrainPlacements: ["top", "bottom"], constrainToViewportHeight: !0, getAnchorElementFromSlot: (e) => e.querySelector('slot[name="anchor"]')?.assignedElements()[0] || null }), this.floatingElementManager.initialize(), this.setupEventListeners();
-  }
-  setupEventListeners() {
-    const e = this.floatingElementManager.getAnchorElement();
-    e && (e.addEventListener("click", this.handleToggleEvent), document.addEventListener("click", this.handleDocumentClick), document.addEventListener("keydown", this.handleKeyDown));
-  }
-  onFlyoutPanelShow() {
-    this.previouslyFocusedElement = document.activeElement, this.updateFocusableElements(), setTimeout((() => {
-      this.focusableElements.length > 0 && this.focusableElements[0] && this.focusableElements[0].focus();
-    }), 50);
-  }
-  onFlyoutPanelHide() {
-    this.previouslyFocusedElement && (this.previouslyFocusedElement.focus(), this.previouslyFocusedElement = null);
-  }
-  updateFocusableElements() {
-    const e = this._el.shadowRoot?.querySelector("#flyout-panel");
-    if (!e) return;
-    const t = [], l = d(e);
-    t.push(...l);
-    const n = this._el.shadowRoot?.querySelector("slot:not([name])");
-    n && n.assignedElements({ flatten: !0 }).forEach(((a) => {
-      const o = d(a);
-      t.push(...o);
-    })), this.focusableElements = t.sort(((a, o) => {
-      const i = a.compareDocumentPosition(o), m = !!(i & Node.DOCUMENT_POSITION_FOLLOWING), f = !!(i & Node.DOCUMENT_POSITION_PRECEDING);
-      return m ? -1 : f ? 1 : 0;
-    }));
-  }
-  trapFocus(e) {
-    if (this.focusableElements.length === 0) return;
-    const t = this.focusableElements[0], l = this.focusableElements[this.focusableElements.length - 1];
-    let n = document.activeElement;
-    if (n === this._el) {
-      const o = this._el.shadowRoot?.activeElement;
-      o !== null && (n = o);
-    }
-    const a = this.focusableElements.indexOf(n) !== -1;
-    e.shiftKey ? n !== t && a || (e.preventDefault(), l && l.focus()) : n !== l && a || (e.preventDefault(), t && t.focus());
-  }
-  placementChanged(e) {
-    this.floatingElementManager?.updateConfig({ placement: e }), this.floatingElementManager?.isVisible() && this.floatingElementManager?.reposition();
-  }
-  htmlForChanged(e) {
-    this.floatingElementManager?.updateConfig({ htmlFor: e }), this.cleanupEventListeners(), this.floatingElementManager?.initialize(), this.setupEventListeners();
-  }
-  cleanupEventListeners() {
-    const e = this.floatingElementManager?.getAnchorElement();
-    e && e.removeEventListener("click", this.handleToggleEvent), document.removeEventListener("click", this.handleDocumentClick), document.removeEventListener("keydown", this.handleKeyDown);
-  }
-  render() {
-    return s(y, { key: "a230e6a4aad47d106c536c22e62e983847c61134" }, s("slot", { key: "c32fcfd2e943f94f9e733022cfafbb17d48f0579", name: "anchor" }), s("div", { key: "0bcac3ab2c843fc1bd7137e72b6362fce1188cb9", id: "flyout-panel", part: "flyout-panel", role: "dialog", "aria-modal": "true", tabindex: "-1" }, s("div", { key: "33cfcf17f75c22f5185dced5c4f6a070c6d7455c" }, s("slot", { key: "e30b5a128c4f3668553c3d0246d2cb400c42f8eb" }))));
-  }
-  disconnectedCallback() {
-    this.cleanupEventListeners(), this.floatingElementManager?.destroy();
-  }
-  get _el() {
-    return this;
-  }
-  static get watchers() {
-    return { placement: [{ placementChanged: 0 }], htmlFor: [{ htmlForChanged: 0 }] };
-  }
-  static get style() {
-    return "gids-flyout-panel{--gidsFlyoutPanel-background:var(--gids-elevation-surface-overlay-default);--gidsFlyoutPanel-text-color:var(--gids-color-text-default);--gidsFlyoutPanel-padding:var(--gids-padding-vertical-edge-to-element-200)    var(--gids-padding-horizontal-edge-to-element-300);--gidsFlyoutPanel-border-radius:var(--gids-border-radius-lg);--gidsFlyoutPanel-shadow:var(--gids-elevation-shadow-overlay);--gidsFloatingElement-background:var(--gidsFlyoutPanel-background)}[part=flyout-panel]{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);position:absolute;display:inline-block;background-color:var(--gidsFlyoutPanel-background);color:var(--gidsFlyoutPanel-text-color);border-radius:var(--gidsFlyoutPanel-border-radius);box-shadow:var(--gidsFlyoutPanel-shadow);z-index:1000;opacity:0;pointer-events:none;outline:none}[part=flyout-panel]:focus{outline:none}[part=flyout-panel].gids-flyout-panel--visible{pointer-events:initial;opacity:1}";
-  }
-}, [257, "gids-flyout-panel", { htmlFor: [513, "for"], placement: [513] }, void 0, { placement: [{ placementChanged: 0 }], htmlFor: [{ htmlForChanged: 0 }] }]), c = (e) => {
-  if (!(e instanceof u) || e.tabIndex === -1 || e.hasAttribute("disabled")) return !1;
-  const t = getComputedStyle(e);
-  if (t.display === "none" || t.visibility === "hidden" || e.hidden) return !1;
-  try {
-    const l = e.tabIndex;
-    e.tabIndex = -1, e.focus();
-    const n = document.activeElement === e;
-    return e.tabIndex = l, n && e.blur(), n;
-  } catch {
-    return !1;
-  }
-}, d = (e) => {
-  const t = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, { acceptNode: (a) => c(a) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP }), l = [];
-  c(e) && l.push(e);
-  let n = t.nextNode();
-  for (; n !== null; ) l.push(n), n = t.nextNode();
-  return l;
-};
-function g() {
-  typeof customElements < "u" && ["gids-flyout-panel"].forEach(((e) => {
-    e === "gids-flyout-panel" && (customElements.get(r(e)) || customElements.define(r(e), h));
-  }));
-}
-g();
-const P = h, k = g;
+import { l as e, h as o } from "./p-DpvdbdZ--C7QlXxK2.js";
+const t = e, l = o;
 export {
-  P as GidsFlyoutPanel,
-  k as defineCustomElement
+  t as GidsFlyoutPanel,
+  l as defineCustomElement
 };

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

@@ -0,0 +1,92 @@
+import { L as u, u as y, D as e, P as b, q as n } from "./p-B4hcsDH0-CPqEc-vc.js";
+import { r as _ } from "./p-BRNvHMdK-CqGtfAsn.js";
+import { c as w } from "./clsx-OuTLNxxd.js";
+const x = ({ appearance: r, hasBorder: o, shadow: d, borderRadius: a, height: i, width: t }, s) => w("gids-form", {
+  // Appearances
+  // 'gids-form--appearance-default': appearance === 'default', // By Default so not needed
+  "gids-form--appearance-subtle": r === "subtle",
+  // Shadows
+  // 'gids-form--shadow-none': shadow === 'none', // By default so not needed
+  "gids-form--shadow-overflow": d === "overflow",
+  "gids-form--shadow-overlay": d === "overlay",
+  "gids-form--shadow-raised": d === "raised",
+  // Border Radius
+  // 'gids-form--border-radius-none': borderRadius === 'none', // By default so not needed
+  "gids-form--border-radius-sm": a === "sm",
+  "gids-form--border-radius-md": a === "md",
+  "gids-form--border-radius-lg": a === "lg",
+  // Settings
+  "gids-form--has-border": o,
+  // Sizes
+  "gids-form--height-full": i === "full",
+  "gids-form--width-full": t === "full"
+}, s), C = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsFormClassNames: x
+}, Symbol.toStringTag, { value: "Module" })), { getGidsFormClassNames: F } = C, h = u(class extends y {
+  constructor(r) {
+    super(), r !== !1 && this.__registerHost(), this.appearance = "default", this.hasBorder = !0, this.shadow = "none", this.borderRadius = "none", this.height = "intrinsic", this.width = "intrinsic", this.divider = !0;
+  }
+  idChanged(r) {
+    this.id = r;
+  }
+  appearanceChanged(r) {
+    this.appearance = r;
+  }
+  headingChanged(r) {
+    this.heading = r;
+  }
+  supportingTextChanged(r) {
+    this.supportingText = r;
+  }
+  descriptionChanged(r) {
+    this.description = r;
+  }
+  hasBorderChanged(r) {
+    this.hasBorder = r;
+  }
+  shadowChanged(r) {
+    this.shadow = r;
+  }
+  borderColorChanged(r) {
+    this.borderColor = r;
+  }
+  borderRadiusChanged(r) {
+    this.borderRadius = r;
+  }
+  heightChanged(r) {
+    this.height = r;
+  }
+  widthChanged(r) {
+    this.width = r;
+  }
+  dividerChanged(r) {
+    this.divider = r;
+  }
+  connectedCallback() {
+  }
+  render() {
+    const r = this?.id, o = this?.appearance ?? "default", d = this?.heading ?? void 0, a = this?.supportingText ?? void 0, i = this?.description ?? void 0, t = this?.hasBorder ?? !0, s = this?.shadow ?? "none", g = this?.borderColor ?? void 0, p = this?.borderRadius ?? "md", m = this?.height ?? "intrinsic", f = this?.width ?? "intrinsic", c = this?.divider ?? !0, v = F({ appearance: o, hasBorder: t, shadow: s, borderRadius: p, height: m, width: f });
+    return e(b, { key: "ecac7fa5b56967978f783a9ac0c230d93fac2a21", class: v, "data-appearance": o, id: r, style: g && g !== "" ? { "--gidsFormBorder-color": g } : {} }, e("div", { key: "175e6350f8963b0b61ee5837a340559a5cac13f2", class: "gids-form__header" }, e("slot", { key: "550c63b8bafc6a3601dad6e4ac1ebd240d20759e", name: "formIcon" }), e("div", { key: "fdcf331ed74023cb82fd45b2c9f4fa8ea96f2fd8", class: "gids-form__header-text-content" }, d && d !== "" ? e("label", null, d) : void 0, a && a !== "" ? e("span", null, a) : void 0, i && i !== "" ? e("p", null, i) : void 0)), c ? e("div", { class: "gids-form__divider-container" }, e(_, null)) : void 0, e("div", { key: "812f6accd9c8442d45dd6e940b0872918ba0629c", class: "gids-form__content" }, e("slot", { key: "78a11643da76c77bbf5a875e707605782ec5c78b" })));
+  }
+  get hostElement() {
+    return this;
+  }
+  static get watchers() {
+    return { id: [{ idChanged: 0 }], appearance: [{ appearanceChanged: 0 }], heading: [{ headingChanged: 0 }], supportingText: [{ supportingTextChanged: 0 }], description: [{ descriptionChanged: 0 }], hasBorder: [{ hasBorderChanged: 0 }], shadow: [{ shadowChanged: 0 }], borderColor: [{ borderColorChanged: 0 }], borderRadius: [{ borderRadiusChanged: 0 }], height: [{ heightChanged: 0 }], width: [{ widthChanged: 0 }], divider: [{ dividerChanged: 0 }] };
+  }
+  static get style() {
+    return ".gids-form{--gidsFormBorder-color:var(--gids-color-border-default);--gidsFormBg-color:var(--gids-color-background-neutral-default);--gidsForm-shadow:none;--gidsForm-border-radius:var(--gids-border-radius-none);--gidsForm-border:none;--gidsFormPrimaryText-color:var(--gids-color-text-default);--gidsFormSecondaryText-color:var(--gids-color-text-subtle);--gidsFormTertiaryText-color:var(--gids-color-text-subtlest);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;align-self:flex-start;justify-self:flex-start;padding:var(--gids-padding-vertical-edge-to-element-250) var(--gids-padding-horizontal-edge-to-element-300);background-color:var(--gidsFormBg-color);box-shadow:var(--gidsForm-shadow);border-radius:var(--gidsForm-border-radius);border:var(--gidsForm-border);overflow:hidden}.gids-form__header{display:flex;align-items:flex-start;justify-content:flex-start;gap:var(--gids-gap-100)}.gids-form__header-text-content{display:flex;flex-direction:column;gap:var(--gids-gap-050)}.gids-form__header-text-content label{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);color:var(--gidsFormPrimaryText-color)}.gids-form__header-text-content span{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);color:var(--gidsFormSecondaryText-color)}.gids-form__header-text-content p{margin: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(--gidsFormTertiaryText-color)}.gids-form__content{display:flex;flex-direction:column;width:100%;padding:var(--gids-padding-vertical-edge-to-element-300) 0;overflow-x:hidden;overflow-y:auto}.gids-form__divider-container{display:flex;flex-direction:column;width:100%;padding:var(--gids-padding-vertical-edge-to-element-250) 0}.gids-form--appearance-subtle{--gidsFormBg-color:transparent}.gids-form--shadow-overflow{--gidsForm-shadow:var(--gids-elevation-shadow-overflow)}.gids-form--shadow-overlay{--gidsForm-shadow:var(--gids-elevation-shadow-overlay)}.gids-form--shadow-raised{--gidsForm-shadow:var(--gids-elevation-shadow-raised)}.gids-form--border-radius-sm{--gidsForm-border-radius:var(--gids-border-radius-sm)}.gids-form--border-radius-md{--gidsForm-border-radius:var(--gids-border-radius-md)}.gids-form--border-radius-lg{--gidsForm-border-radius:var(--gids-border-radius-lg)}.gids-form--has-border{--gidsForm-border:var(--gids-border-width-thin) solid    var(--gidsFormBorder-color)}.gids-form--height-full{height:100vh !important;overflow:hidden}.gids-form--width-full{width:100%}";
+  }
+}, [260, "gids-form", { id: [1], appearance: [1], heading: [1], supportingText: [1, "supporting-text"], description: [1], hasBorder: [4, "has-border"], shadow: [1], borderColor: [1, "border-color"], borderRadius: [1, "border-radius"], height: [1], width: [1], divider: [4] }, void 0, { id: [{ idChanged: 0 }], appearance: [{ appearanceChanged: 0 }], heading: [{ headingChanged: 0 }], supportingText: [{ supportingTextChanged: 0 }], description: [{ descriptionChanged: 0 }], hasBorder: [{ hasBorderChanged: 0 }], shadow: [{ shadowChanged: 0 }], borderColor: [{ borderColorChanged: 0 }], borderRadius: [{ borderRadiusChanged: 0 }], height: [{ heightChanged: 0 }], width: [{ widthChanged: 0 }], divider: [{ dividerChanged: 0 }] }]);
+function l() {
+  typeof customElements < "u" && ["gids-form"].forEach(((r) => {
+    r === "gids-form" && (customElements.get(n(r)) || customElements.define(n(r), h));
+  }));
+}
+l();
+const z = h, R = l;
+export {
+  z as GidsForm,
+  R as defineCustomElement
+};

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

@@ -1,6 +1,6 @@
-import { l as e, h as t } from "./p-Dw_kb9MC-BTd0lrGA.js";
-const a = e, i = t;
+import { l as e, h as t } from "./p-B_St7yaX-Da4DWjGh.js";
+const o = e, i = t;
 export {
-  a as GidsHeaderNavigationItem,
+  o as GidsHeaderNavigationItem,
   i as defineCustomElement
 };

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

@@ -1,79 +1,66 @@
-import { L as f, u as M, D as r, P as S, q as p } from "./p-B4hcsDH0-CPqEc-vc.js";
-import { d as C } from "./p-iQRr_fAH-ClfWEu03.js";
-import { b as N } from "./p-KQxuw_F--BTSoDfF9.js";
+import { L as f, u as C, D as s, P as M, q as r } from "./p-B4hcsDH0-CPqEc-vc.js";
+import { d as S } from "./p-iQRr_fAH-Dvv1n8QD.js";
+import { r as N } from "./p-BRNvHMdK-CqGtfAsn.js";
 import { e as y } from "./p-ChV9xqsO-CJSPCx6p.js";
-import { h as x } from "./p-Dw_kb9MC-BTd0lrGA.js";
+import { h as x } from "./p-B_St7yaX-Da4DWjGh.js";
 import { c as b } from "./clsx-OuTLNxxd.js";
-const E = ({ mode: a, type: e }, t) => b("gids-header-navigation", {
+const z = ({ mode: t, type: e }, a) => b("gids-header-navigation", {
   // Modes
   // 'gids-header-navigation--mode-wrap': mode === 'wrap', // Default so not needed
-  "gids-header-navigation--mode-scroll": a === "scroll",
+  "gids-header-navigation--mode-scroll": t === "scroll",
   // Types
   // 'gids-header-navigation--type-gap': type === 'gap', // Default so not needed
   "gids-header-navigation--type-standard": e === "standard"
-}, t), z = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, a), w = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  getGidsHeaderNavigationClassNames: E
-}, Symbol.toStringTag, { value: "Module" })), { getGidsHeaderNavigationClassNames: w } = z, g = f(class extends M {
-  constructor(a) {
-    super(), a !== !1 && this.__registerHost(), this.type = "gap", this.selectionType = "single-deselection-not-allowed", this.selectedItemIdsState = [], this.selectedMenuItemIdsState = [], this.expandedMenuIdsState = [], this.onNavigationItemPress = ({ event: e, itemIndex: t }) => {
-      this.handleSelectionsAndExpansions(e), this.onHeaderNavigationItemChange && this.onHeaderNavigationItemChange({ ...e, navMenuItemIndex: t });
-    }, this.onNavigationMenuItemChange = ({ event: e, itemIndex: t }) => {
-      e?.menuItemSelected ? (this.selectedItemIdsState = [e.itemId], this.selectedMenuItemIdsState = [e.menuItemId]) : (this.selectedItemIdsState = [], this.selectedMenuItemIdsState = []), this.onHeaderNavigationItemChange && this.onHeaderNavigationItemChange({ ...e, navMenuItemIndex: t });
+  getGidsHeaderNavigationClassNames: z
+}, Symbol.toStringTag, { value: "Module" })), { getGidsHeaderNavigationClassNames: E } = w, m = f(class extends C {
+  constructor(t) {
+    super(), t !== !1 && this.__registerHost(), this.type = "gap", this.selectionType = "single-deselection-not-allowed", this.selectedItemIdsState = [], this.selectedMenuItemIdsState = [], this.expandedMenuIdsState = [], this.onNavigationItemPress = ({ event: e, itemIndex: a }) => {
+      this.handleSelectionsAndExpansions(e), this.onHeaderNavigationItemChange && this.onHeaderNavigationItemChange({ ...e, navMenuItemIndex: a });
+    }, this.onNavigationMenuItemChange = ({ event: e, itemIndex: a }) => {
+      e?.menuItemSelected ? (this.selectedItemIdsState = [e.itemId], this.selectedMenuItemIdsState = [e.menuItemId]) : (this.selectedItemIdsState = [], this.selectedMenuItemIdsState = []), this.onHeaderNavigationItemChange && this.onHeaderNavigationItemChange({ ...e, navMenuItemIndex: a });
     }, this.handleDocumentClick = (e) => {
       !this.expandedMenuIdsState || this.expandedMenuIdsState.length <= 0 || e.composedPath().includes(this.hostElement) || (this.expandedMenuIdsState = []);
     }, this.handleSelectionsAndExpansions = (e) => {
       this.expandedMenuIdsState = e?.hasMenu && e?.menuExpanded && e?.menuId && e.menuId !== "" ? [e.menuId] : [], e?.hasMenu || (e?.itemSelected ? (this.selectedItemIdsState = [e.itemId], this.selectedMenuItemIdsState = []) : (this.selectedItemIdsState = [], this.selectedMenuItemIdsState = []));
     }, this.isThisMenuExpanded = (e) => {
-      const t = this?.expandedMenuIdsState ?? [];
-      if (!e || e === "" || !t || t.length <= 0) return !1;
-      const d = t.findIndex(((n) => n === e));
+      const a = this?.expandedMenuIdsState ?? [];
+      if (!e || e === "" || !a || a.length <= 0) return !1;
+      const d = a.findIndex(((i) => i === e));
       return d != null && d !== -1;
     }, this.isThisNavigationItemSelected = (e) => {
-      const t = this?.selectedItemIdsState ?? [];
-      if (!e || e === "" || !t || t.length <= 0) return !1;
-      const d = t.findIndex(((n) => n === e));
+      const a = this?.selectedItemIdsState ?? [];
+      if (!e || e === "" || !a || a.length <= 0) return !1;
+      const d = a.findIndex(((i) => i === e));
       return d != null && d !== -1;
     }, this.getSelectedMenuItemId = () => {
       const e = this?.selectedMenuItemIdsState ?? [];
       if (e.length > 0) return e[0];
     }, this.initializeDefaultSelection = () => {
-      const e = this?.navMenus ?? [];
-      if (!this.defaultNavItemId || !e || e.length <= 0) return;
-      const t = e.find(((s) => s?.id === this.defaultNavItemId));
-      if (!t) return;
-      if (this.selectedItemIdsState = [t.id], this.selectedMenuItemIdsState = [], !this.defaultNavMenuId) return void this.onHeaderNavigationItemChange?.({ itemId: t.id, itemSelected: !0, hasMenu: !!t.menuId, menuId: t.menuId, menuExpanded: !1 });
-      if (t.menuId !== this.defaultNavMenuId) return;
-      if (!this.defaultNavMenuItemId) return void this.onHeaderNavigationItemChange?.({ itemId: t.id, itemSelected: !0, hasMenu: !0, menuId: t.menuId, menuExpanded: !1 });
-      const d = t?.menuItems ?? [];
-      if (d.length <= 0) return;
-      let n, u = -1, l = -1;
-      d.some(((s, h) => {
-        const o = (s?.data ?? []).findIndex(((I) => I?.id === this.defaultNavMenuItemId));
-        return o !== -1 && (n = s.data[o], u = h, l = o, !0);
-      })), n ? (this.selectedItemIdsState = [t.id], this.selectedMenuItemIdsState = [n.id], this.onHeaderNavigationItemChange?.({ itemId: t.id, itemLabel: t.label, itemSelected: !0, hasMenu: !0, menuId: t.menuId, menuExpanded: !1, menuItemTitle: n.title, menuItemValue: n.value, menuItemId: n.id, menuItemSectionIndex: u, menuItemIndex: l, menuItemSelected: !0, selectionType: this.selectionType })) : this.onHeaderNavigationItemChange?.({ itemId: t.id, itemSelected: !0, hasMenu: !0, menuId: t.menuId, menuExpanded: !1 });
+      this.selectedItemIdsState = this?.defaultNavItemId ? [this.defaultNavItemId] : [], this.selectedMenuItemIdsState = this?.defaultNavMenuItemId ? [this.defaultNavMenuItemId] : [];
     };
   }
-  appearanceChanged(a) {
-    this.appearance = a;
+  appearanceChanged(t) {
+    this.appearance = t;
   }
-  selectionAppearanceChanged(a) {
-    this.selectionAppearance = a;
+  selectionAppearanceChanged(t) {
+    this.selectionAppearance = t;
   }
-  borderRadiusChanged(a) {
-    this.borderRadius = a;
+  borderRadiusChanged(t) {
+    this.borderRadius = t;
   }
-  shadowChanged(a) {
-    this.applyShadow = a;
+  shadowChanged(t) {
+    this.applyShadow = t;
   }
-  sizeChanged(a) {
-    this.size = a;
+  sizeChanged(t) {
+    this.size = t;
   }
-  separatorsChanged(a) {
-    this.applySeparators = a;
+  separatorsChanged(t) {
+    this.applySeparators = t;
   }
-  modeChanged(a) {
-    this.mode = a;
+  modeChanged(t) {
+    this.mode = t;
   }
   defaultNavItemIdChanged() {
     this.initializeDefaultSelection();
@@ -84,11 +71,11 @@ const E = ({ mode: a, type: e }, t) => b("gids-header-navigation", {
   defaultNavMenuItemIdChanged() {
     this.initializeDefaultSelection();
   }
-  navMenusChanged(a) {
-    this.navMenus = a, this.initializeDefaultSelection();
+  navMenusChanged(t) {
+    this.navMenus = t, this.initializeDefaultSelection();
   }
-  typeChanged(a) {
-    this.type = a;
+  typeChanged(t) {
+    this.type = t;
   }
   connectedCallback() {
   }
@@ -102,8 +89,8 @@ const E = ({ mode: a, type: e }, t) => b("gids-header-navigation", {
     document.removeEventListener("click", this.handleDocumentClick);
   }
   render() {
-    const a = this?.appearance ?? "default", e = this?.selectionAppearance ?? "default", t = this?.applyShadow ?? !1, d = this?.applySeparators ?? !1, n = this?.borderRadius ?? "none", u = this?.mode ?? "wrap", l = this?.type ?? "gap", s = this?.size ?? "md", h = this?.navMenus ?? [], o = this?.selectionType ?? "single-deselection-not-allowed", I = w({ mode: u, type: l });
-    return r(S, { key: "277cd1197cd4e7b442e9c65ba5430effe4f34afb", class: I }, h.map(((i, m) => r("div", { key: "" + (m + 1), class: y("gids-header-navigation__item-container-gap", { "gids-header-navigation__item-container-standard": l === "standard" }) }, r("gids-header-navigation-item", { ...i, id: i.id, menuId: i?.menuId, menuItems: i?.menuItems ?? [], label: i?.label, size: s, appearance: a, selectionAppearance: e, applyShadow: t, borderRadius: n, expanded: this.isThisMenuExpanded(i?.menuId), selected: this.isThisNavigationItemSelected(i?.id), selectedMenuItemId: this.getSelectedMenuItemId(), selectionType: o, onPressNavigationItem: (c) => this.onNavigationItemPress({ event: c, itemIndex: m }), onMenuItemChange: (c) => this.onNavigationMenuItemChange({ event: c, itemIndex: m }) }, i?.leadingIconName && i.leadingIconName !== "(none)" ? r(C, { slot: "headerNavItemLeadingIcon", name: i.leadingIconName, size: s !== "xl" ? s : "lg", alt: "", appearance: "regular" }) : void 0), d && m < h.length - 1 ? r(N, { orientation: "vertical" }) : void 0))));
+    const t = this?.appearance ?? "default", e = this?.selectionAppearance ?? "default", a = this?.applyShadow ?? !1, d = this?.applySeparators ?? !1, i = this?.borderRadius ?? "none", g = this?.mode ?? "wrap", u = this?.type ?? "gap", l = this?.size ?? "md", c = this?.navMenus ?? [], I = this?.selectionType ?? "single-deselection-not-allowed", v = E({ mode: g, type: u });
+    return s(M, { key: "2c22b5282ab8c0799fc19bcd26fbb506dfa93488", class: v }, c.map(((n, o) => s("div", { key: "" + (o + 1), class: y("gids-header-navigation__item-container-gap", { "gids-header-navigation__item-container-standard": u === "standard" }) }, s("gids-header-navigation-item", { ...n, id: n.id, menuId: n?.menuId, menuItems: n?.menuItems ?? [], label: n?.label, size: l, appearance: t, selectionAppearance: e, applyShadow: a, borderRadius: i, expanded: this.isThisMenuExpanded(n?.menuId), selected: this.isThisNavigationItemSelected(n?.id), selectedMenuItemId: this.getSelectedMenuItemId(), selectionType: I, onPressNavigationItem: (h) => this.onNavigationItemPress({ event: h, itemIndex: o }), onMenuItemChange: (h) => this.onNavigationMenuItemChange({ event: h, itemIndex: o }) }, n?.leadingIconName && n.leadingIconName !== "(none)" ? s(S, { slot: "headerNavItemLeadingIcon", name: n.leadingIconName, size: l !== "xl" ? l : "lg", alt: "", appearance: "regular" }) : void 0), d && o < c.length - 1 ? s(N, { orientation: "vertical" }) : void 0))));
   }
   get hostElement() {
     return this;
@@ -115,20 +102,20 @@ const E = ({ mode: a, type: e }, t) => b("gids-header-navigation", {
     return ".gids-header-navigation{display:flex;gap:var(--gids-gap-200)}.gids-header-navigation__item-container-gap{display:flex;gap:var(--gids-gap-200)}.gids-header-navigation__item-container-standard{gap:var(--gids-gap-0)}.gids-header-navigation--type-standard{gap:var(--gids-gap-0)}";
   }
 }, [0, "gids-header-navigation", { appearance: [1], selectionAppearance: [1, "selection-appearance"], type: [1], selectionType: [1, "selection-type"], defaultNavItemId: [1, "default-nav-item-id"], defaultNavMenuId: [1, "default-nav-menu-id"], defaultNavMenuItemId: [1, "default-nav-menu-item-id"], applyShadow: [4, "apply-shadow"], applySeparators: [4, "apply-separators"], borderRadius: [1, "border-radius"], mode: [1], size: [1], navMenus: [16], onHeaderNavigationItemChange: [16], selectedItemIdsState: [32], selectedMenuItemIdsState: [32], expandedMenuIdsState: [32] }, void 0, { appearance: [{ appearanceChanged: 0 }], selectionAppearance: [{ selectionAppearanceChanged: 0 }], borderRadius: [{ borderRadiusChanged: 0 }], applyShadow: [{ shadowChanged: 0 }], size: [{ sizeChanged: 0 }], applySeparators: [{ separatorsChanged: 0 }], mode: [{ modeChanged: 0 }], defaultNavItemId: [{ defaultNavItemIdChanged: 0 }], defaultNavMenuId: [{ defaultNavMenuIdChanged: 0 }], defaultNavMenuItemId: [{ defaultNavMenuItemIdChanged: 0 }], navMenus: [{ navMenusChanged: 0 }], type: [{ typeChanged: 0 }] }]);
-function v() {
-  typeof customElements < "u" && ["gids-header-navigation", "gids-header-navigation-item"].forEach(((a) => {
-    switch (a) {
+function p() {
+  typeof customElements < "u" && ["gids-header-navigation", "gids-header-navigation-item"].forEach(((t) => {
+    switch (t) {
       case "gids-header-navigation":
-        customElements.get(p(a)) || customElements.define(p(a), g);
+        customElements.get(r(t)) || customElements.define(r(t), m);
         break;
       case "gids-header-navigation-item":
-        customElements.get(p(a)) || x();
+        customElements.get(r(t)) || x();
     }
   }));
 }
-v();
-const R = g, L = v;
+p();
+const T = m, L = p;
 export {
-  R as GidsHeaderNavigation,
+  T as GidsHeaderNavigation,
   L as defineCustomElement
 };

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

@@ -1,6 +1,6 @@
-import { n as o, d as s } from "./p-DKOr5iAk-DA3Kc4Cn.js";
-const n = o, t = s;
+import { n as o, d as e } from "./p-DMxvWIj1-BxbvrlFL.js";
+const s = o, t = e;
 export {
-  n as GidsIcon,
+  s as GidsIcon,
   t as defineCustomElement
 };

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

@@ -1,4 +1,4 @@
-import { l as r, r as s } from "./p-j2_DKwBz-CqyuxxnN.js";
+import { l as r, r as s } from "./p-DzOOjiNH-CqI4E-mj.js";
 const e = r, o = s;
 export {
   e as GidsInput,

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

@@ -1,4 +1,4 @@
-import { g as e, c as s } from "./p-CH4nrjpL-CrEJXTn0.js";
+import { g as e, c as s } from "./p-DKSnGphd-CZSPfB-N.js";
 const o = e, r = s;
 export {
   o as GidsLineChart,