@ganpatiinfo/gids-core-web 20.0.0 → 21.0.0

package/dist-bundled/es/{p-DKOr5iAk-DA3Kc4Cn.js → p-DMxvWIj1-DPw-ITMY.js}

@@ -1,16 +1,16 @@
-import { q as t, L as e, u as s, D as o } from "./p-B4hcsDH0-CPqEc-vc.js";
-import { i as d } from "./p-B2zUuNXz-BLBgQDu7.js";
-import { d as a } from "./p-iQRr_fAH-ClfWEu03.js";
-const c = e(class extends s {
+import { q as e, L as t, u as s, D as o } from "./p-B4hcsDH0-CPqEc-vc.js";
+import { i as a } from "./p-B2zUuNXz-BLBgQDu7.js";
+import { d } from "./p-iQRr_fAH-ClfWEu03.js";
+const n = t(class extends s {
   constructor(i) {
     super(), i !== !1 && this.__registerHost(), this.__attachShadow();
   }
   connectedCallback() {
-    const i = d();
+    const i = a();
     i !== void 0 && this._el.shadowRoot?.adoptedStyleSheets.push(i);
   }
   render() {
-    return o(a, { key: "fa62d0348525269257a5bc8f896f4639fc78c206", name: this.name, size: this.size, appearance: this.appearance, alt: this.alt, titleId: this.titleId });
+    return o(d, { key: "4b1302c4bf5deb924a9b901dae776402a85ea598", name: this.name, size: this.size, appearance: this.appearance, alt: this.alt, titleId: this.titleId });
   }
   get _el() {
     return this;
@@ -19,13 +19,13 @@ const c = e(class extends s {
     return ".gids-icon{color:var(--gidsIcon-color, var(--gids-color-icon-default));fill:var(--gidsIcon-color, var(--gids-color-icon-default));width:auto;height:var(--gidsIcon-height, 100%);flex-shrink:0}.gids-icon--xs{--gidsIcon-height:var(--gids-size-120)}.gids-icon--sm{--gidsIcon-height:var(--gids-size-160)}.gids-icon--md{--gidsIcon-height:var(--gids-size-240)}.gids-icon--lg{--gidsIcon-height:var(--gids-size-320)}";
   }
 }, [1, "gids-icon", { name: [1], size: [1], appearance: [1], alt: [1], titleId: [1, "title-id"] }]);
-function n() {
+function c() {
   typeof customElements < "u" && ["gids-icon"].forEach(((i) => {
-    i === "gids-icon" && (customElements.get(t(i)) || customElements.define(t(i), c));
+    i === "gids-icon" && (customElements.get(e(i)) || customElements.define(e(i), n));
   }));
 }
-n();
+c();
 export {
-  n as d,
-  c as n
+  c as d,
+  n
 };

package/dist-bundled/es/{p-GcC8pCKF-CZJFTFeN.js → p-DQQhGF5N-mCqb5VTE.js}

@@ -1,9 +1,9 @@
-import { q as s, L as l, u as i, z as c, D as t, P as d } from "./p-B4hcsDH0-CPqEc-vc.js";
-import { o as n } from "./p-Dg_WeHpV-DehzGL6g.js";
+import { q as s, L as l, u as i, z as a, D as t, P as n } from "./p-B4hcsDH0-CPqEc-vc.js";
+import { o as d } from "./p-Dg_WeHpV-DehzGL6g.js";
 import { i as o } from "./p-B2zUuNXz-BLBgQDu7.js";
-const a = l(class extends i {
+const c = l(class extends i {
   constructor(e) {
-    super(), e !== !1 && this.__registerHost(), this.__attachShadow(), this.select = c(this, "select"), this._toggle = this._toggle.bind(this);
+    super(), e !== !1 && this.__registerHost(), this.__attachShadow(), this.select = a(this, "select"), this._toggle = this._toggle.bind(this);
   }
   handleSelctedChange(e) {
     this.selected !== e && (this.selected = e);
@@ -17,9 +17,9 @@ const a = l(class extends i {
     this._el.selected = e, this.select?.emit(e), this.selected = e;
   }
   render() {
-    return t(d, { key: "330cebe4e29e06299465abf676035ac3f2268d47" }, t("style", { key: "416c5a345c486676384e859125ccc493c5be5020" }, `:host {
+    return t(n, { key: "7fd980f1b8cab6e45bfbc08b5aab0e09e8d7548a" }, t("style", { key: "31fb86741af7cdfec09e228da19ee39d3a8399b6" }, `:host {
                 display: ${this.width === "full" ? "block" : "inline-block"}
-                }`), t(n, { key: "c073ff03d8910844a6f7dbb86d6c1141a9dd1c2e", appearance: this.appearance, size: this.size, width: this.width, disabled: this.disabled, onClick: this._toggle, "aria-pressed": this.selected ? "true" : "false", leadingIcon: t("slot", { name: "leadingIcon" }), trailingIcon: t("slot", { name: "trailingIcon" }), forceIconOnly: this._onlyHasLeadingIcon() }, t("slot", { key: "9d49f9106e4f3313363e878364d1261ba9ebd7c1" })));
+                }`), t(d, { key: "a364c4e410442a012c0faab1d8c959a8bb781fdf", appearance: this.appearance, size: this.size, width: this.width, disabled: this.disabled, onClick: this._toggle, "aria-pressed": this.selected ? "true" : "false", leadingIcon: t("slot", { name: "leadingIcon" }), trailingIcon: t("slot", { name: "trailingIcon" }), forceIconOnly: this._onlyHasLeadingIcon() }, t("slot", { key: "b832859edb3f5b46a89e5f2b20b0134630535c96" })));
   }
   _onlyHasLeadingIcon() {
     const e = this._el.childNodes;
@@ -34,11 +34,11 @@ const a = l(class extends i {
 }, [257, "gids-toggle-button", { disabled: [516], appearance: [513], size: [513], width: [513], defaultSelected: [516, "default-selected"], selected: [1540] }, void 0, { selected: [{ handleSelctedChange: 0 }] }]);
 function h() {
   typeof customElements < "u" && ["gids-toggle-button"].forEach(((e) => {
-    e === "gids-toggle-button" && (customElements.get(s(e)) || customElements.define(s(e), a));
+    e === "gids-toggle-button" && (customElements.get(s(e)) || customElements.define(s(e), c));
   }));
 }
 h();
 export {
-  a as l,
+  c as l,
   h as o
 };

package/dist-bundled/es/p-DZ1ZcTMe-tnPOECry.js

@@ -0,0 +1,10 @@
+import { D as e } from "./p-B4hcsDH0-CPqEc-vc.js";
+import { d as o } from "./p-iQRr_fAH-ClfWEu03.js";
+import { c as u } from "./clsx-OuTLNxxd.js";
+const k = (c) => u("gids-checkbox-control", c), b = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsCheckboxControlClassNames: k
+}, Symbol.toStringTag, { value: "Module" })), { getGidsCheckboxControlClassNames: p } = b, x = ({ checked: c, defaultChecked: s, disabled: t, indeterminate: a, inputId: n, name: i, value: l, required: r, onChange: d, class: m, ...h }) => e("span", { class: p(m), ...h }, e("input", { class: "gids-checkbox-control__input", type: "checkbox", disabled: t, checked: c, defaultChecked: s, required: r, indeterminate: a, value: l, id: n, name: i, onChange: d }), e(o, { class: "gids-checkbox-control__check", name: "checkmark", alt: "", size: "sm" }), e(o, { class: "gids-checkbox-control__minus", name: "minus", alt: "", size: "sm" }));
+export {
+  x as i
+};

package/dist-bundled/es/{p-BthkC6NU-F03MhDw7.js → p-DnRuhvRw-Beh0bANh.js}

@@ -16,7 +16,7 @@ const o = ({ orientation: e }, i) => s("gids-chart-legend", {
   }
   render() {
     const e = l({ orientation: this.orientation });
-    return n("div", { key: "d8930dd78a4d923145c5985f2c04f033281c98e7", class: e }, n("slot", { key: "df109d03028671987581408c825d870ae8a5d28e" }));
+    return n("div", { key: "c57dbe65422b2c4588d18bf36a28e4e54ca4259e", class: e }, n("slot", { key: "1055b41640de135243f5d912f7245a8d7b282c98" }));
   }
   static get watchers() {
     return { orientation: [{ handleOrientationChange: 0 }] };
@@ -32,6 +32,6 @@ function g() {
 }
 g();
 export {
-  g as d,
+  g as o,
   c as r
 };

package/dist-bundled/es/p-DpvdbdZ--C7QlXxK2.js

@@ -0,0 +1,118 @@
+import { q as r, L as m, u as h, D as s, F as f } from "./p-B4hcsDH0-CPqEc-vc.js";
+import { c as p } from "./p-CTri3IsV-B1u0rrXF.js";
+import { o as y } from "./p-CPgZgSBN-DsTNcUR7.js";
+const E = m(class extends h {
+  constructor(e) {
+    super(), e !== !1 && this.__registerHost(), this.__attachShadow(), this.placement = "bottom", this.constrainPlacements = ["bottom", "top"], 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 p(this._el, { htmlFor: this.htmlFor, placement: this.placement, showWithoutDelay: !0, floatingElementSelector: "#flyout-panel", showArrow: !1, visibilityClass: "gids-flyout-panel--visible", elementType: y.FLYOUT_PANEL, constrainPlacements: this?.constrainPlacements ?? ["bottom", "top"], 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 = c(e);
+    t.push(...l);
+    const n = this._el.shadowRoot?.querySelector("slot:not([name])");
+    n && n.assignedElements({ flatten: !0 }).forEach(((a) => {
+      const o = c(a);
+      t.push(...o);
+    })), this.focusableElements = t.sort(((a, o) => {
+      const i = a.compareDocumentPosition(o), u = !!(i & Node.DOCUMENT_POSITION_FOLLOWING), g = !!(i & Node.DOCUMENT_POSITION_PRECEDING);
+      return u ? -1 : g ? 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();
+  }
+  constrainPlacementsChanged(e) {
+    this.floatingElementManager?.updateConfig({ constrainPlacements: 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);
+  }
+  openFlyoutPanel(e) {
+    e && e.stopPropagation(), this.floatingElementManager.isVisible() || (this.floatingElementManager.show(), this.onFlyoutPanelShow());
+  }
+  closeFlyoutPanel(e) {
+    e && e.stopPropagation(), this.floatingElementManager.isVisible() && (this.floatingElementManager.hide(), this.onFlyoutPanelHide());
+  }
+  render() {
+    return s(f, { key: "ad79cb0c6c6f36d2d6926233dd10d1de053fa405" }, s("slot", { key: "97333353f6deda3222ccdcee1a7c9a42900204f5", name: "anchor" }), s("div", { key: "805d139b92080862e60dad9591908f4c9af42dd3", id: "flyout-panel", part: "flyout-panel", role: "dialog", "aria-modal": "true", tabindex: "-1" }, s("div", { key: "522bae9ac93bbb12e3d3f820a477c81b768ddff3" }, s("slot", { key: "3c3601c973866e9d6ccb7aaeb686e0659b54ea50" }))));
+  }
+  disconnectedCallback() {
+    this.cleanupEventListeners(), this.floatingElementManager?.destroy();
+  }
+  get _el() {
+    return this;
+  }
+  static get watchers() {
+    return { placement: [{ placementChanged: 0 }], constrainPlacements: [{ constrainPlacementsChanged: 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], constrainPlacements: [16], openFlyoutPanel: [64], closeFlyoutPanel: [64] }, void 0, { placement: [{ placementChanged: 0 }], constrainPlacements: [{ constrainPlacementsChanged: 0 }], htmlFor: [{ htmlForChanged: 0 }] }]), d = (e) => {
+  if (!(e instanceof h) || 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;
+  }
+}, c = (e) => {
+  const t = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, { acceptNode: (a) => d(a) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP }), l = [];
+  d(e) && l.push(e);
+  let n = t.nextNode();
+  for (; n !== null; ) l.push(n), n = t.nextNode();
+  return l;
+};
+function b() {
+  typeof customElements < "u" && ["gids-flyout-panel"].forEach(((e) => {
+    e === "gids-flyout-panel" && (customElements.get(r(e)) || customElements.define(r(e), E));
+  }));
+}
+b();
+export {
+  b as h,
+  E as l
+};

package/dist-bundled/es/{p-DZ6xQXis-XT86MMis.js → p-DrxfD2yZ-Juydw__6.js}

@@ -1,6 +1,6 @@
-import { q as d, L as r, u as c, D as l } from "./p-B4hcsDH0-CPqEc-vc.js";
-import { i as h, a as m } from "./p-D0coZTd2-KhJZ57gK.js";
-import { i as u } from "./p-CIxuyUAl-B2DxRM64.js";
+import { q as o, L as r, u as c, D as d } from "./p-B4hcsDH0-CPqEc-vc.js";
+import { i as h, a as m } from "./p-CAjDiWIc-BieYBjHk.js";
+import { i as u } from "./p-DLRj-mUX-B_ACFGx6.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" });
@@ -20,8 +20,8 @@ const f = (t) => p("gids-calendar-month-list", t), I = () => {
 }, Symbol.toStringTag, { value: "Module" })), { getGidsCalendarMonthListClassNames: g, getGidsCalendarMonthListMonths: M } = b, C = r(class extends c {
   constructor(t) {
     super(), t !== !1 && this.__registerHost(), this.type = "default", this.disabledIndices = [], this.divider = !1, this.hasItemListener = !1, this.suppressNextMenuClickSelection = !1, this.handleCalendarMenuItemSelect = (s) => {
-      const { title: e, value: n, selectedIndex: i, disabled: o, id: a } = s.detail;
-      o || typeof e != "string" || (this.suppressNextMenuClickSelection = !0, queueMicrotask((() => {
+      const { title: e, value: n, selectedIndex: i, disabled: l, id: a } = s.detail;
+      l || typeof e != "string" || (this.suppressNextMenuClickSelection = !0, queueMicrotask((() => {
         this.suppressNextMenuClickSelection = !1;
       })), this.applySelection({ id: a, month: e, monthInNumber: Number(n), disabled: !1, selectedIndex: i }));
     }, this.handleMenuClick = (s) => {
@@ -29,7 +29,7 @@ const f = (t) => p("gids-calendar-month-list", t), I = () => {
       const e = s?.detail;
       this.applySelection({ id: e.id, monthInNumber: Number(e.value), month: e.title, disabled: !1, selectedIndex: e.selectedIndex });
     }, this.monthsList = () => M(), this.getSelectedItem = () => {
-      const s = this.selectedMonthNumber, e = this.monthsList(), n = e.findIndex(((o) => o.value === s));
+      const s = this.selectedMonthNumber, e = this.monthsList(), n = e.findIndex(((l) => l.value === s));
       let i;
       return n != null && n !== -1 && (i = e[n]), { foundItem: i, foundIndex: n };
     }, this.isItemSelected = (s) => {
@@ -60,9 +60,9 @@ const f = (t) => p("gids-calendar-month-list", t), I = () => {
   }
   render() {
     const t = g();
-    return l("div", { key: "c9728a8b9ac112198332bf5d4b5acaa4f21f0497", class: t }, l(h, { key: "a592fe89ec9c3fe411d251e93a611968b37ad8e5", type: this.type, supportingText: this.noOptionsText }, l(m, { key: "37d1b2a2bdeb733f7f845538cc2d2e3556dbc252", sectionLabel: "Months" }, this.monthsList().map(((s, e) => {
+    return d("div", { key: "4df94bbfd8452d30e6de6458423d2ebed874896c", class: t }, d(h, { key: "13f5733fbcf93f287e72c043c245c3eb7c111db3", type: this.type, supportingText: this.noOptionsText }, d(m, { key: "51ca53830a82666fcd23d9ae5f4ec419970dbd22", 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 });
+      return d(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 });
     })))));
   }
   get hostElement() {
@@ -71,7 +71,7 @@ const f = (t) => p("gids-calendar-month-list", t), I = () => {
 }, [0, "gids-calendar-month-list", { type: [1], noOptionsText: [1, "no-options-text"], disabledIndices: [16], divider: [4], selectedMonthNumber: [2, "selected-month-number"], onSelectionMonthChange: [16] }]);
 function L() {
   typeof customElements < "u" && ["gids-calendar-month-list"].forEach(((t) => {
-    t === "gids-calendar-month-list" && (customElements.get(d(t)) || customElements.define(d(t), C));
+    t === "gids-calendar-month-list" && (customElements.get(o(t)) || customElements.define(o(t), C));
   }));
 }
 L();

package/dist-bundled/es/{p-C6GHG170-Di8lwQkY.js → p-Ds5IzXj3-BC_F0-JJ.js}

@@ -1,6 +1,6 @@
-import { q as d, L as o, u as h, D as i } from "./p-B4hcsDH0-CPqEc-vc.js";
-import { i as u, a as m } from "./p-D0coZTd2-KhJZ57gK.js";
-import { i as Y } from "./p-CIxuyUAl-B2DxRM64.js";
+import { q as d, L as c, u as h, D as i } from "./p-B4hcsDH0-CPqEc-vc.js";
+import { i as u, a as m } from "./p-CAjDiWIc-BieYBjHk.js";
+import { i as Y } from "./p-DLRj-mUX-B_ACFGx6.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();
@@ -25,18 +25,18 @@ const f = (e) => p("gids-calendar-year-list", e), g = (e) => {
   getGidsCalendarYearListClassNames: f,
   getGidsCalendarYearListYears: I,
   isValidFourDigitYear: g
-}, Symbol.toStringTag, { value: "Module" })), { getGidsCalendarYearListClassNames: y, getGidsCalendarYearListYears: w, isValidFourDigitYear: l } = S, E = o(class extends h {
+}, Symbol.toStringTag, { value: "Module" })), { getGidsCalendarYearListClassNames: y, getGidsCalendarYearListYears: b, isValidFourDigitYear: l } = S, w = c(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;
+      const { title: s, value: a, selectedIndex: r, disabled: n, id: o } = t.detail;
       n || typeof s != "string" || (this.suppressNextMenuClickSelection = !0, queueMicrotask((() => {
         this.suppressNextMenuClickSelection = !1;
-      })), this.applySelection({ id: c, year: Number(a), disabled: !1, selectedIndex: r, startYear: this.newStartYear, endYear: this.newEndYear }));
+      })), this.applySelection({ id: o, year: Number(a), disabled: !1, selectedIndex: r, startYear: this.newStartYear, endYear: this.newEndYear }));
     }, this.handleMenuClick = (t) => {
       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 = () => w({ startYear: this.newStartYear, endYear: this.newEndYear }), this.getSelectedItem = () => {
+    }, this.yearsList = () => b({ 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 };
@@ -72,7 +72,7 @@ const f = (e) => p("gids-calendar-year-list", e), g = (e) => {
   }
   render() {
     const e = y();
-    return i("div", { key: "e4b410c9635ccf4192eb579d63539c9221a16099", class: e }, i(u, { key: "4c66b03bb635a2c29fac54129d0874ded0e29caf", type: this.type, supportingText: this.noOptionsText }, i(m, { key: "5efe0a41ad6f0264fcd1cc18669e265dc2317022", sectionLabel: "Years" }, this.yearsList().map(((t, s) => {
+    return i("div", { key: "73954e5e20be95e8b1d1471bc2c55ee74a912611", class: e }, i(u, { key: "0ef0c47d79afef104d5cd1b4e539a61f52cb9712", type: this.type, supportingText: this.noOptionsText }, i(m, { key: "25067b342a0fd90fb24e2114450d2befa1a0d90a", 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 });
     })))));
@@ -81,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 b() {
+function E() {
   typeof customElements < "u" && ["gids-calendar-year-list"].forEach(((e) => {
-    e === "gids-calendar-year-list" && (customElements.get(d(e)) || customElements.define(d(e), E));
+    e === "gids-calendar-year-list" && (customElements.get(d(e)) || customElements.define(d(e), w));
   }));
 }
-b();
+E();
 export {
-  E as l,
-  b as m
+  w as c,
+  E as m
 };

package/dist-bundled/es/{p-j2_DKwBz-CqyuxxnN.js → p-DzOOjiNH-Wm7KbI3O.js}

@@ -1,4 +1,4 @@
-import { q as s, L as l, u, D as i, F as d } from "./p-B4hcsDH0-CPqEc-vc.js";
+import { q as s, L as l, u, D as a, F as d } from "./p-B4hcsDH0-CPqEc-vc.js";
 import { d as n } from "./p-iQRr_fAH-ClfWEu03.js";
 import { l as r } from "./p-DaB_FzcG-DnRTURxL.js";
 const c = (e) => e.type === "hidden", f = (e) => {
@@ -18,8 +18,8 @@ const c = (e) => e.type === "hidden", f = (e) => {
 }, o = l(class extends u {
   constructor(e) {
     super(), e !== !1 && this.__registerHost(), this.#e = {}, this._focusInput = (t) => {
-      const a = t.target;
-      a === this.#t || this._isWithinInteractiveElement(a) || this.#t?.focus();
+      const i = t.target;
+      i === this.#t || this._isWithinInteractiveElement(i) || this.#t?.focus();
     }, this._handleInputFocusAndBlur = (t) => {
       this._el.dispatchEvent(new FocusEvent(t.type, { relatedTarget: t.relatedTarget }));
     };
@@ -54,9 +54,9 @@ const c = (e) => e.type === "hidden", f = (e) => {
     this._el.removeEventListener("click", this._focusInput);
   }
   render() {
-    return i(d, { key: "ecbda1a363fff11d477fc954db9521e49f2be856" }, i("slot", { key: "91da6b8209b6ec8d029716c0ecd409844073dccc", name: "leadingIcon" }), this.leadingLabel && i("span", { key: "05baed582bbe66d678ce076ad94914cbd24f1d26", class: "gids-input__label" }, this.leadingLabel), i("slot", { key: "6250a740115a58f76b47c79375461f84fddc1b51", name: "leadingAccessory" }), i("input", { key: "57f082d129990ae975794483a42ac2754fd13f09", ...this.inputProps, ref: (e) => {
+    return a(d, { key: "2c544e40744c4f3f264117a0f863bf594b520ea0" }, a("slot", { key: "a0f0ee09eefbb1a10f5b07dd96a2edb2278fe661", name: "leadingIcon" }), this.leadingLabel && a("span", { key: "d7f1c22c9b7dca4ddb16b54e1f6d8df54c9cea41", class: "gids-input__label" }, this.leadingLabel), a("slot", { key: "55edf5a87aa0ec574f2324dfa5f46fcc2a7d6bf6", name: "leadingAccessory" }), a("input", { key: "b7aed46c782dcd4da796dca7e43bf6974bb5ba53", ...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 }), i("slot", { key: "ac04528c2c4f5606d507ac133b6509f6a9d5fe9e", name: "trailingAccessory" }), this.trailingLabel && i("span", { key: "806996ab18f5c0f3e226af14703642646b4e72d8", class: "gids-input__label" }, this.trailingLabel), i("slot", { key: "7efc92e65a26a6bdc0840648d1ec358767c8b7a5", name: "trailingIcon" }), this.status === "incomplete" && i(n, { key: "17ffd9ff869b013c125dfb5fef9d4c90dd357ec0", name: "warning", appearance: "filled", class: "gids-input__warning-icon" }), this.status === "complete" && i(n, { key: "246410eec89d9b2d485ee92c030ca406d6047242", name: "positive", appearance: "filled", class: "gids-input__positive-icon" }), this.loading && i(r, { key: "ef4f55e9b7fd23738c36e40e71f60e7ad54b3e8f", 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: "f2b11319075c8efdee53f410c9be6a366eb96a53", name: "trailingAccessory" }), this.trailingLabel && a("span", { key: "be6891ba9714f58c5245cdaaac2b80d5362f96c6", class: "gids-input__label" }, this.trailingLabel), a("slot", { key: "a277264aff77c51c41d43d4b6eab2cf2072979c4", name: "trailingIcon" }), this.status === "incomplete" && a(n, { key: "e108c8b0ecbe509e1aee59172b46c5eb258d4eb6", name: "warning", appearance: "filled", class: "gids-input__warning-icon" }), this.status === "complete" && a(n, { key: "3a9b1fc10f99588a23a13a2abf6648bfcba02eff", name: "positive", appearance: "filled", class: "gids-input__positive-icon" }), this.loading && a(r, { key: "372490f8eb6f0902c4fd729dc3829edda9270514", size: "md", indeterminate: !0 }));
   }
   get _el() {
     return this;

package/dist-bundled/es/{p-Cacy0Dji-D-D254kT.js → p-E13ycS5K-D-yK6pqz.js}

@@ -29,7 +29,7 @@ const d = ({ seriesType: e, orientation: i }, r) => l("gids-chart-legend-item",
   }
   render() {
     const e = this.seriesColor, i = e && e !== "", r = c({ seriesType: i ? "none" : this.seriesType, orientation: this.orientation });
-    return t("div", { key: "db67ecf697bef6636b7355746b627db8c3611fa2", class: r }, t("div", { key: "b97a49db6ba7bd04b1627105a3620630bd49271d", class: this.orientation === "vertical" ? "gids-chart-legend-item__dot-wrapper-vertical" : "gids-chart-legend-item__dot-wrapper-horizontal" }, t(o, { key: "1377932ffbdeff6a20afc18cd9afdaf766373858", name: "new", alt: "new_icon", appearance: "filled", style: i ? { "--gidsIcon-color": e } : {} })), t("span", { key: "66484c78316a9f49d439b2866db123f8744dae18", class: "gids-chart-legend-item__label" }, t("slot", { key: "2c641289641133bc01400d0b8e280514d8661ad6" })));
+    return t("div", { key: "4d501b81b39c42c60d7f85cdf8e1227015126c13", class: r }, t("div", { key: "0d310b54a5ae0ea0f9519f57cac51ec04b822c29", class: this.orientation === "vertical" ? "gids-chart-legend-item__dot-wrapper-vertical" : "gids-chart-legend-item__dot-wrapper-horizontal" }, t(o, { key: "ca0436979deffdbdc0c57c567684863049736aa1", name: "new", alt: "new_icon", appearance: "filled", style: i ? { "--gidsIcon-color": e } : {} })), t("span", { key: "351452aa92a56b612b036e213879758448718e19", class: "gids-chart-legend-item__label" }, t("slot", { key: "6a9156e4054f8857208e8bf6159567ae6694de8b" })));
   }
   static get watchers() {
     return { orientation: [{ handleOrientationChange: 0 }], seriesType: [{ handleSeriesTypeChange: 0 }], seriesColor: [{ handleSeriesColorChange: 0 }] };

package/dist-bundled/es/{p-Cz9nwmgK-BO8HUAvD.js → p-TfH966_e-tyxLyzL3.js}

@@ -2,17 +2,17 @@ import { q as l, L as d, u as o, D as n } from "./p-B4hcsDH0-CPqEc-vc.js";
 import { o as h } from "./p-Dg_WeHpV-DehzGL6g.js";
 import { d as c } from "./p-iQRr_fAH-ClfWEu03.js";
 import { e as p } from "./p-ChV9xqsO-CJSPCx6p.js";
-import { l as u } from "./p-DZ6xQXis-XT86MMis.js";
-import { m as b } from "./p-C6GHG170-Di8lwQkY.js";
-import { h as m } from "./p-DgKrPmDn-C2CSKicX.js";
+import { l as u } from "./p-DrxfD2yZ-Juydw__6.js";
+import { m as b } from "./p-Ds5IzXj3-BC_F0-JJ.js";
+import { h as m } from "./p-BQT5yy5L-DhdgFXTM.js";
 import { c as k } from "./clsx-OuTLNxxd.js";
-const f = (e) => k("gids-calendar-header-panel", e), g = (e, a = "en-US") => {
+const g = (e) => k("gids-calendar-header-panel", e), f = (e, a = "en-US") => {
   const t = new Date(2e3, e - 1, 1);
   return new Intl.DateTimeFormat(a, { month: "long" }).format(t);
 }, P = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  getCalendarMonthNameViaMonthNumber: g,
-  getGidsCalendarHeaderPanelClassNames: f
+  getCalendarMonthNameViaMonthNumber: f,
+  getGidsCalendarHeaderPanelClassNames: g
 }, Symbol.toStringTag, { value: "Module" })), { getGidsCalendarHeaderPanelClassNames: M, getCalendarMonthNameViaMonthNumber: r } = P, v = d(class extends o {
   constructor(e) {
     super(), e !== !1 && this.__registerHost(), this.appearance = "primary", this.monthPickerDisabled = !1, this.yearPickerDisabled = !1, this.panelDisabled = !1, this.previousDisabled = !1, this.nextDisabled = !1, this.expandedMonthPicker = !1, this.expandedYearPicker = !1, this.internalPreviousDisabled = !1, this.internalNextDisabled = !1, this.suppressNextMenuClickSelection = !1, this.suppressNextActionClickSelection = !1, this.fallbackYear = (/* @__PURE__ */ new Date()).getFullYear(), this.fallbackMonth = 1, this.fallbackStartYear = (/* @__PURE__ */ new Date()).getFullYear(), this.fallbackEndYear = (/* @__PURE__ */ new Date()).getFullYear() + 100, this.handleMonthPickerMenuClick = (a) => {
@@ -130,7 +130,7 @@ const f = (e) => k("gids-calendar-header-panel", e), g = (e, a = "en-US") => {
   }
   render() {
     const e = M(), a = this.expandedMonthPicker && this.isMonthPickerInteractive() && !this.expandedYearPicker, t = this.expandedYearPicker && this.isYearPickerInteractive() && !this.expandedMonthPicker, i = this.internalPreviousDisabled || this.previousDisabled, s = this.internalNextDisabled || this.nextDisabled;
-    return n("div", { key: "3353a6720343f4996dd9ed9ae3555151c86a5d83", class: e }, n(h, { key: "693b2411f8c5ebb57241d047f6f835492688845d", leadingIcon: n(c, { name: "arrow-left", size: "md", appearance: "regular" }), appearance: this.appearance, size: "sm", width: "intrinsic", onClick: this.handlePreviousActionClick, disabled: i }), n("div", { key: "513e7e8d1b17776bf32c06b32deaeb831e13bb77", class: "gids-calendar-header-panel__main-container" }, n("gids-dropdown-picker", { key: "20315f018f4acbf024750a237bac8f6595af0974", expanded: a, appearance: this.appearance, size: "sm", value: `${this.panelMonthNumber}`, disabled: this.monthPickerDisabled }, n("gids-calendar-month-list", { key: "582c9dccf9e7391f219aa6fd736bb28c58bcc386", type: "default", selectedMonthNumber: this.panelMonthNumber, onSelectionMonthChange: this.handleMonthPickerMenuClick })), n("span", { key: "22e490f7affc2cc817fef3c9887b3777f2db53e4", class: p("gids-calendar-header-panel__panel-value", { "gids-calendar-header-panel__panel-value-disabled": this.panelDisabled }) }, this.getPanelValue()), n("gids-dropdown-picker", { key: "2179b6d64b2575d4b6dd3b56bd2cdf8035486cad", expanded: t, appearance: this.appearance, size: "sm", value: `${this.panelYear}`, disabled: this.yearPickerDisabled }, n("gids-calendar-year-list", { key: "9a84cc1f2fabfbbd5e1f5bbcbe59418c63c42257", type: "default", selectedYear: this.panelYear, startYear: this.startYear ?? this.fallbackStartYear, endYear: this.endYear, onSelectionYearChange: this.handleYearPickerMenuClick }))), n(h, { key: "cf8dc25acfbba53f9baeb40d71144af9df6c0546", leadingIcon: n(c, { name: "arrow-right", size: "md", appearance: "regular" }), appearance: this.appearance, size: "sm", width: "intrinsic", onClick: this.handleNextActionClick, disabled: s }));
+    return n("div", { key: "87ecb2ec0d63b8e8d8a2b09dc8cc36a47b6e57c9", class: e }, n(h, { key: "1d793e6b1d53851e35ad8f317cc0f2b61ba5160f", leadingIcon: n(c, { name: "arrow-left", size: "md", appearance: "regular" }), appearance: this.appearance, size: "sm", width: "intrinsic", onClick: this.handlePreviousActionClick, disabled: i }), n("div", { key: "97e053ab33a40ed94a0e573ea80c9326d4323203", class: "gids-calendar-header-panel__main-container" }, n("gids-dropdown-picker", { key: "1fc0f27bb9745073ddaae93a3555290b7bcaabec", expanded: a, appearance: this.appearance, size: "sm", value: `${this.panelMonthNumber}`, disabled: this.monthPickerDisabled }, n("gids-calendar-month-list", { key: "4de3eccbd5f989574729da350291720a21d2f2f4", type: "default", selectedMonthNumber: this.panelMonthNumber, onSelectionMonthChange: this.handleMonthPickerMenuClick })), n("span", { key: "f4130116941759492f16f11636fe686f07093743", class: p("gids-calendar-header-panel__panel-value", { "gids-calendar-header-panel__panel-value-disabled": this.panelDisabled }) }, this.getPanelValue()), n("gids-dropdown-picker", { key: "901389ce6e6d89f7c341743bc2a417e2d87138bf", expanded: t, appearance: this.appearance, size: "sm", value: `${this.panelYear}`, disabled: this.yearPickerDisabled }, n("gids-calendar-year-list", { key: "f17878f6f9c660e3f2930dc2ae766efd83c487ed", type: "default", selectedYear: this.panelYear, startYear: this.startYear ?? this.fallbackStartYear, endYear: this.endYear, onSelectionYearChange: this.handleYearPickerMenuClick }))), n(h, { key: "f73cdc2970a5285eb327913aae433568a78f060f", leadingIcon: n(c, { name: "arrow-right", size: "md", appearance: "regular" }), appearance: this.appearance, size: "sm", width: "intrinsic", onClick: this.handleNextActionClick, disabled: s }));
   }
   get hostElement() {
     return this;

package/dist-bundled/es/{p-CMW3SjbP-ZYYIF_i6.js → p-_W77iniK-DZ9pVDuI.js}

@@ -1,7 +1,7 @@
 import { q as l, L as f, u, D as t } from "./p-B4hcsDH0-CPqEc-vc.js";
 import { p as b } from "./p-C-Lpfqcg-DIuBhXzX.js";
-import { d as x } from "./p-BthkC6NU-F03MhDw7.js";
-import { l as z } from "./p-Cacy0Dji-D-D254kT.js";
+import { o as x } from "./p-DnRuhvRw-Beh0bANh.js";
+import { l as z } from "./p-E13ycS5K-D-yK6pqz.js";
 import { c as w } from "./clsx-OuTLNxxd.js";
 const k = ({ breakpoint: a }, g) => w("gids-activity-gauge", {
   "gids-activity-gauge--breakpoint-mobile": a === "mobile"

package/dist-bundled/es/p-bfWlRsx_-B9hzkHIt.js

@@ -0,0 +1,110 @@
+import { q as s, L as P, u as A, D as n, P as x } from "./p-B4hcsDH0-CPqEc-vc.js";
+import { P as v, T as L } from "./p-kWyyLyT3-DhHcKhR9.js";
+import { d as T } from "./p-iQRr_fAH-ClfWEu03.js";
+import { h as E } from "./p-DpvdbdZ--C7QlXxK2.js";
+import { c as y } from "./clsx-OuTLNxxd.js";
+const D = (e) => y("gids-sidebar-item", e), _ = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsSidebarItemClassNames: D
+}, Symbol.toStringTag, { value: "Module" })), { getGidsSidebarItemClassNames: k } = _, w = P(class extends A {
+  constructor(e) {
+    super(), e !== !1 && this.__registerHost(), this.appearance = "subtle", this.selectionAppearance = "default", this.menuId = "sidebar-menu-item", this.menuPlacement = "right-end", this.menuConstrainPlacements = ["bottom", "left", "right", "top", "left-start", "left-end", "right-start", "right-end"], this.menuData = [], this.sidebarMenuItemAppearance = "subtle", this.sidebarMenuItemSelectionAppearance = "default", this.selectedMenuItemSectionIdState = void 0, this.selectedMenuItemIdState = void 0, this.selectedState = !1, this.onSidebarMenuItemPress = ({ event: t }) => {
+      this.isNavigatable() && !this.isSidebarItemSelected() && (this.selectedState = !0, this.firePressEvents({ originalEvent: t?.originalEvent, sidebarItemId: this.id, hasMenu: !1, menuLength: 0, sidebarMenuItemSectionId: void 0, sidebarMenuItemSectionIndex: void 0, sidebarMenuItemIndex: void 0, sidebarMenuId: void 0, sidebarMenuItemId: void 0, selected: !0 }));
+    }, this.onChangeSidebarMenu = ({ event: t }) => {
+      t && t?.originalEvent?.stopPropagation();
+      const a = this?.menuData ?? [];
+      this.isMenuItemSelected({ selectedMenuSectionId: t?.sidebarMenuItemSectionId, selectedMenuItemId: t?.sidebarMenuItemId, selectedMenuId: this?.menuId ?? void 0 }) || (this.selectedMenuItemSectionIdState = t?.sidebarMenuItemSectionId, this.selectedMenuItemIdState = t?.sidebarMenuItemId, this.selectedState = !0, this.firePressEvents({ originalEvent: t?.originalEvent, sidebarItemId: this.id, hasMenu: !0, menuLength: a.length, sidebarMenuItemSectionId: t?.sidebarMenuItemSectionId, sidebarMenuItemSectionIndex: t?.sidebarMenuItemSectionIndex, sidebarMenuItemIndex: t?.sidebarMenuItemIndex, sidebarMenuId: t?.sidebarMenuId, sidebarMenuItemId: t?.sidebarMenuItemId, selected: !0 }));
+    }, this.firePressEvents = (t) => {
+      this.onPressSidebarItem && this.onPressSidebarItem(t);
+    }, this.isSidebarItemSelected = () => this?.selectedState ?? !1, this.isMenuItemSelected = ({ selectedMenuId: t, selectedMenuSectionId: a, selectedMenuItemId: i }) => (this?.selectedMenuItemSectionIdState ?? void 0) === a && (this?.selectedMenuItemIdState ?? void 0) === i && (this?.menuId ?? void 0) === t, this.hasMenu = () => {
+      const t = this?.menuData ?? [];
+      return !!(t.length > 0 && t[0]?.menuItems && t[0].menuItems.length > 0 && t[0].menuItems[0]?.id);
+    }, this.isNavigatable = () => !this.hasMenu();
+  }
+  idChanged(e) {
+    this.id = e;
+  }
+  appearanceChanged(e) {
+    this.appearance = e;
+  }
+  selectionAppearanceChanged(e) {
+    this.selectionAppearance = e;
+  }
+  leadingLabelChanged(e) {
+    this.leadingLabel = e;
+  }
+  leadingSupportingTextChanged(e) {
+    this.leadingSupportingText = e;
+  }
+  trailingLabelChanged(e) {
+    this.trailingLabel = e;
+  }
+  trailingSupportingTextChanged(e) {
+    this.trailingSupportingText = e;
+  }
+  selectedChanged(e) {
+    this.selected = e, this.selectedState = e;
+  }
+  disabledChanged(e) {
+    this.disabled = e;
+  }
+  menuIdChanged(e) {
+    this.menuId = e;
+  }
+  menuPlacementChanged(e) {
+    this.menuPlacement = e;
+  }
+  menuConstrainPlacementsChanged(e) {
+    this.menuConstrainPlacements = e;
+  }
+  menuDataChanged(e) {
+    this.menuData = e;
+  }
+  sidebarMenuItemAppearanceChanged(e) {
+    this.sidebarMenuItemAppearance = e;
+  }
+  sidebarMenuItemSelectionAppearanceChanged(e) {
+    this.sidebarMenuItemSelectionAppearance = e;
+  }
+  selectedMenuItemSectionIdChanged(e) {
+    this.selectedMenuItemSectionId = e, this.selectedMenuItemSectionIdState = e;
+  }
+  selectedMenuItemIdChanged(e) {
+    this.selectedMenuItemId = e, this.selectedMenuItemIdState = e;
+  }
+  connectedCallback() {
+    this.selectedMenuItemSectionIdState = this.selectedMenuItemSectionId, this.selectedMenuItemIdState = this.selectedMenuItemId, this.selectedState = this.selected;
+  }
+  render() {
+    const e = this.id, t = this?.appearance ?? "subtle", a = this?.selectionAppearance ?? "default", i = this?.leadingLabel, l = this?.leadingSupportingText, c = this?.trailingLabel, m = this?.trailingSupportingText, u = this?.disabled ?? !1, o = this?.selectedState ?? !1, h = this?.menuId ?? "sidebar-menu-item", g = this?.menuPlacement ?? "right", I = this?.menuConstrainPlacements && this.menuConstrainPlacements.length > 0 ? this.menuConstrainPlacements : ["bottom", "left", "right", "top", "left-start", "left-end", "right-start", "right-end"], p = this?.menuData ?? [], b = this?.sidebarMenuItemAppearance ?? "subtle", S = this?.sidebarMenuItemSelectionAppearance ?? "default", M = this?.selectedMenuItemSectionIdState ?? void 0, C = this?.selectedMenuItemIdState ?? void 0, r = this.hasMenu(), f = k();
+    return n(x, { key: "4df994cd92995f0a1053593ec83e2b97f45fe52d", id: e, class: f }, n(L, { key: "458143794740850d76cbf686bc82efb40afc4a8f", id: e, appearance: t, selectionAppearance: a, leadingLabel: i, leadingSupportingText: l, trailingLabel: c, trailingSupportingText: m, selected: o, disabled: u, leadingIcon: n("slot", { name: "sidebarItemLeadingIcon" }), leadingAccessory: n("slot", { name: "sidebarItemLeadingAccessory" }), trailingAccessory: n("slot", { name: "sidebarItemTrailingAccessory" }), trailingIcon: r ? n(T, { name: "chevron-right", size: "md", appearance: "regular", alt: "" }) : void 0, onPressSidebarMenuItem: (d) => this.onSidebarMenuItemPress({ event: d }) }), r ? n("div", { class: "gids-sidebar-item__menu-container" }, n("gids-sidebar-menu", { htmlFor: e, menuData: p, id: h, placement: g, constrainPlacements: I, sidebarMenuItemAppearance: b, sidebarMenuItemSelectionAppearance: S, selectedSectionId: M, selectedItemId: C, onSidebarMenuChange: (d) => this.onChangeSidebarMenu({ event: d }) })) : void 0);
+  }
+  get hostElement() {
+    return this;
+  }
+  static get watchers() {
+    return { id: [{ idChanged: 0 }], appearance: [{ appearanceChanged: 0 }], selectionAppearance: [{ selectionAppearanceChanged: 0 }], leadingLabel: [{ leadingLabelChanged: 0 }], leadingSupportingText: [{ leadingSupportingTextChanged: 0 }], trailingLabel: [{ trailingLabelChanged: 0 }], trailingSupportingText: [{ trailingSupportingTextChanged: 0 }], selected: [{ selectedChanged: 0 }], disabled: [{ disabledChanged: 0 }], menuId: [{ menuIdChanged: 0 }], menuPlacement: [{ menuPlacementChanged: 0 }], menuConstrainPlacements: [{ menuConstrainPlacementsChanged: 0 }], menuData: [{ menuDataChanged: 0 }], sidebarMenuItemAppearance: [{ sidebarMenuItemAppearanceChanged: 0 }], sidebarMenuItemSelectionAppearance: [{ sidebarMenuItemSelectionAppearanceChanged: 0 }], selectedMenuItemSectionId: [{ selectedMenuItemSectionIdChanged: 0 }], selectedMenuItemId: [{ selectedMenuItemIdChanged: 0 }] };
+  }
+  static get style() {
+    return ".gids-sidebar-item{display:flex;flex-direction:column;width:100%}.gids-sidebar-item__menu-container{display:flex;flex-direction:column;width:100%}";
+  }
+}, [260, "gids-sidebar-item", { id: [1], appearance: [1], selectionAppearance: [1, "selection-appearance"], leadingLabel: [1, "leading-label"], leadingSupportingText: [1, "leading-supporting-text"], trailingLabel: [1, "trailing-label"], trailingSupportingText: [1, "trailing-supporting-text"], selected: [4], disabled: [4], menuId: [1, "menu-id"], menuPlacement: [1, "menu-placement"], menuConstrainPlacements: [16], menuData: [16], sidebarMenuItemAppearance: [1, "sidebar-menu-item-appearance"], sidebarMenuItemSelectionAppearance: [1, "sidebar-menu-item-selection-appearance"], selectedMenuItemSectionId: [1, "selected-menu-item-section-id"], selectedMenuItemId: [1, "selected-menu-item-id"], onPressSidebarMenuItem: [16], onPressSidebarItem: [16], selectedMenuItemSectionIdState: [32], selectedMenuItemIdState: [32], selectedState: [32] }, void 0, { id: [{ idChanged: 0 }], appearance: [{ appearanceChanged: 0 }], selectionAppearance: [{ selectionAppearanceChanged: 0 }], leadingLabel: [{ leadingLabelChanged: 0 }], leadingSupportingText: [{ leadingSupportingTextChanged: 0 }], trailingLabel: [{ trailingLabelChanged: 0 }], trailingSupportingText: [{ trailingSupportingTextChanged: 0 }], selected: [{ selectedChanged: 0 }], disabled: [{ disabledChanged: 0 }], menuId: [{ menuIdChanged: 0 }], menuPlacement: [{ menuPlacementChanged: 0 }], menuConstrainPlacements: [{ menuConstrainPlacementsChanged: 0 }], menuData: [{ menuDataChanged: 0 }], sidebarMenuItemAppearance: [{ sidebarMenuItemAppearanceChanged: 0 }], sidebarMenuItemSelectionAppearance: [{ sidebarMenuItemSelectionAppearanceChanged: 0 }], selectedMenuItemSectionId: [{ selectedMenuItemSectionIdChanged: 0 }], selectedMenuItemId: [{ selectedMenuItemIdChanged: 0 }] }]);
+function N() {
+  typeof customElements < "u" && ["gids-sidebar-item", "gids-flyout-panel", "gids-sidebar-menu"].forEach(((e) => {
+    switch (e) {
+      case "gids-sidebar-item":
+        customElements.get(s(e)) || customElements.define(s(e), w);
+        break;
+      case "gids-flyout-panel":
+        customElements.get(s(e)) || E();
+        break;
+      case "gids-sidebar-menu":
+        customElements.get(s(e)) || v();
+    }
+  }));
+}
+N();
+export {
+  N as g,
+  w as m
+};