@ganpatiinfo/gids-core-web 8.2.0 → 10.0.0

package/dist-bundled/es/index.js

@@ -1,23 +1,37 @@
-import { w as n, a as f, j as P, F as A, b as G } from "./p-ibikYq-w-BsGxk8ro.js";
-import { i as l, n as m } from "./p-B2zUuNXz-BLBgQDu7.js";
-import { s as a } from "./assets-Drv1fXkA.js";
-function t(s, e) {
-  a(s, e);
+import { j as y, a as A, O as u, F as G, b as P } from "./p-Ct3Ixgvf-CNP_PKwP.js";
+import { i as E, n as x } from "./p-B2zUuNXz-BLBgQDu7.js";
+import { o as $ } from "./p-B8kX8Vqv-trBz4jdS.js";
+import { s as d } from "./assets-Drv1fXkA.js";
+function i(e, r) {
+  d(e, r);
 }
-const r = (s) => {
-  t(s);
-}, i = (s) => {
-  t(s);
+const c = (e) => {
+  i(e);
+}, f = (e) => {
+  i(e);
+}, h = ({ children: e, classNameToBeValidated: r, childrenToBeValidated: o, currentComponentName: a }) => {
+  if (e != null) {
+    const n = Array.isArray(e) ? e : [e];
+    for (const s of n) {
+      if (!s || typeof s != "object" || !("vtag" in s)) throw Error(`HTML/JSX Render Error: Invalid child type passed to ${a}. Expected ${o}.`);
+      {
+        const t = s.vtag;
+        if (t !== r && t !== o) throw Error(`HTML/JSX Render Error: <${a}> only accepts <${o}> as direct children. Received element tag: "${typeof t == "function" ? t.name : t}".`);
+      }
+    }
+  }
 };
 export {
-  n as getAssetPath,
-  l as getConstructedGidsStylesheet,
-  m as refreshConstructedGidsStylesheet,
-  f as render,
-  P as setAssetPath,
-  r as setGidsAssetFilePaths,
-  t as setGidsAssetPaths,
-  i as setGidsDefaultAssetDirPath,
-  A as setNonce,
-  G as setPlatformOptions
+  $ as GidsFloatingElementType,
+  y as getAssetPath,
+  E as getConstructedGidsStylesheet,
+  x as refreshConstructedGidsStylesheet,
+  A as render,
+  u as setAssetPath,
+  c as setGidsAssetFilePaths,
+  i as setGidsAssetPaths,
+  f as setGidsDefaultAssetDirPath,
+  G as setNonce,
+  P as setPlatformOptions,
+  h as testHtmlChildrenValidity
 };

package/dist-bundled/es/p-9_mrQ7ac-If6e6cvJ.js

@@ -0,0 +1,71 @@
+import { P as i, _ as o, u as n, T as l } from "./p-Ct3Ixgvf-CNP_PKwP.js";
+import { i as g } from "./p-B2zUuNXz-BLBgQDu7.js";
+import { d as r } from "./p-BiPAgxAQ-BtMBQpJY.js";
+import { c as h } from "./clsx-OuTLNxxd.js";
+const c = ({ appearance: s, size: e, disabled: a }, d) => h("gids-dot", {
+  "gids-dot--disabled": a,
+  "gids-dot--subtle": s === "subtle" && !a,
+  "gids-dot--static-inverse": s === "static-inverse" && !a,
+  // sizes
+  // 'gids-dot--xs': size === 'xs', // default so no need
+  "gids-dot--sm": e === "sm",
+  "gids-dot--md": e === "md",
+  "gids-dot--lg": e === "lg",
+  "gids-dot--xl": e === "xl",
+  "gids-dot--2xl": e === "2xl",
+  "gids-dot--3xl": e === "3xl"
+}, d), p = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsDotClassNames: c
+}, Symbol.toStringTag, { value: "Module" })), { getGidsDotClassNames: t } = p, C = o(class extends n {
+  constructor(s) {
+    super(), s !== !1 && this.__registerHost(), this.appearance = "subtle", this.size = "xs", this.disabled = !1, this.activeClasses = "";
+  }
+  handleExtraClassesAndSizeChange(s) {
+    this.activeClasses = t({ size: this.size, appearance: this.appearance, disabled: this.disabled }, s);
+  }
+  handleAppearanceChange(s) {
+    this.appearance = s;
+  }
+  handleSizeChange(s) {
+    this.size = s;
+  }
+  handleDisabledChange(s) {
+    this.disabled = s;
+  }
+  connectedCallback() {
+    const s = g();
+    s !== void 0 && this._el.shadowRoot?.adoptedStyleSheets.push(s), this.activeClasses = t({ size: this.size, appearance: this.appearance, disabled: this.disabled }, this.extraClasses);
+  }
+  componentDidLoad() {
+    this.activeClasses = t({ size: this.size, appearance: this.appearance, disabled: this.disabled }, this.extraClasses);
+  }
+  render() {
+    return l("gids-icon", { key: "1bb15dd637ede00b3e465e3da72f412ef0d710f9", class: this.activeClasses, name: "new", alt: "", appearance: "filled" });
+  }
+  get _el() {
+    return this;
+  }
+  static get watchers() {
+    return { extraClasses: [{ handleExtraClassesAndSizeChange: 0 }], appearance: [{ handleExtraClassesAndSizeChange: 0 }, { handleAppearanceChange: 0 }], size: [{ handleExtraClassesAndSizeChange: 0 }, { handleSizeChange: 0 }], disabled: [{ handleExtraClassesAndSizeChange: 0 }, { handleDisabledChange: 0 }] };
+  }
+  static get style() {
+    return ".gids-dot{display:flex;--gidsDotIcon-height:var(--gids-size-040);--gidsIcon-height:var(--gidsDotIcon-height);--gidsDotIcon-color:var(--gids-color-icon-subtle);--gidsIcon-color:var(--gidsDotIcon-color)}.gids-dot--sm{--gidsDotIcon-height:var(--gids-size-060)}.gids-dot--md{--gidsDotIcon-height:var(--gids-size-080)}.gids-dot--lg{--gidsDotIcon-height:var(--gids-size-100)}.gids-dot--xl{--gidsDotIcon-height:var(--gids-size-120)}.gids-dot--2xl{--gidsDotIcon-height:var(--gids-size-160)}.gids-dot--3xl{--gidsDotIcon-height:var(--gids-size-200)}.gids-dot--subtle{--gidsDotIcon-color:var(--gids-color-icon-subtle)}.gids-dot--static-inverse{--gidsDotIcon-color:var(--gids-color-icon-inverse)}.gids-dot--disabled{--gidsDotIcon-color:var(--gids-color-icon-disabled)}";
+  }
+}, [0, "gids-dot", { extraClasses: [513, "extra-classes"], appearance: [513], size: [513], disabled: [516], activeClasses: [32] }, void 0, { extraClasses: [{ handleExtraClassesAndSizeChange: 0 }], appearance: [{ handleExtraClassesAndSizeChange: 0 }, { handleAppearanceChange: 0 }], size: [{ handleExtraClassesAndSizeChange: 0 }, { handleSizeChange: 0 }], disabled: [{ handleExtraClassesAndSizeChange: 0 }, { handleDisabledChange: 0 }] }]);
+function b() {
+  typeof customElements < "u" && ["gids-dot", "gids-icon"].forEach(((s) => {
+    switch (s) {
+      case "gids-dot":
+        customElements.get(i(s)) || customElements.define(i(s), C);
+        break;
+      case "gids-icon":
+        customElements.get(i(s)) || r();
+    }
+  }));
+}
+b();
+export {
+  b as g,
+  C as h
+};

package/dist-bundled/es/p-B81J5HCC-Bkt2yXKi.js

@@ -0,0 +1,47 @@
+import { P as i, _ as s, u as n, T as t } from "./p-Ct3Ixgvf-CNP_PKwP.js";
+import { d } from "./p-BnL97lOW-BO0p4EdC.js";
+import { c as l } from "./clsx-OuTLNxxd.js";
+const o = ({ seriesType: e, orientation: a }, r) => l("gids-chart-legend-item", {
+  // 'gids-chart-legend-item--series-1': seriesType === '1', // by default
+  "gids-chart-legend-item--series-2": e === "2",
+  "gids-chart-legend-item--series-3": e === "3",
+  "gids-chart-legend-item--series-4": e === "4",
+  "gids-chart-legend-item--series-5": e === "5",
+  "gids-chart-legend-item--series-6": e === "6",
+  // 'gids-chart-legend-item--orientation-horizontal':
+  // 	orientation === 'horizontal', // not needed as by default
+  "gids-chart-legend-item--orientation-vertical": a === "vertical"
+}, r), g = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsChartLegendItemClassNames: o
+}, Symbol.toStringTag, { value: "Module" })), { getGidsChartLegendItemClassNames: c } = g, h = s(class extends n {
+  constructor(e) {
+    super(), e !== !1 && this.__registerHost(), this.orientation = "horizontal", this.seriesType = "1";
+  }
+  handleOrientationChange(e) {
+    this.orientation = e;
+  }
+  handleSeriesTypeChange(e) {
+    this.seriesType = e;
+  }
+  render() {
+    const e = c({ seriesType: this.seriesType, orientation: this.orientation });
+    return t("div", { key: "8878b090e147405a847be15581708ec707a806b1", class: e }, t("div", { key: "8ac35d56d1e31cbc613490bec5e5d5a698c5aa7c", class: this.orientation === "vertical" ? "gids-chart-legend-item__dot-wrapper-vertical" : "gids-chart-legend-item__dot-wrapper-horizontal" }, t(d, { key: "2edad86b9fd18809923775308e580f39688a7f47", name: "new", alt: "new_icon", appearance: "filled" })), t("span", { key: "db1611c5d945b5e470623d0ac1c93a3bfd24f1e7", class: "gids-chart-legend-item__label" }, t("slot", { key: "e3ad93df0b136e4f80a214131caf77c01dac9049" })));
+  }
+  static get watchers() {
+    return { orientation: [{ handleOrientationChange: 0 }], seriesType: [{ handleSeriesTypeChange: 0 }] };
+  }
+  static get style() {
+    return ".gids-chart-legend-item{display:flex;align-items:center;gap:var(--gids-gap-100);--gidsChartLegendItemIcon-color:var(--gids-color-icon-subtle);--gidsIcon-color:var(--gidsChartLegendItemIcon-color);--gidsIcon-height:var(--gids-size-080)}.gids-chart-legend-item--orientation-vertical{display:flex}.gids-chart-legend-item--series-2{--gidsChartLegendItemIcon-color:var(--gids-color-icon-warning)}.gids-chart-legend-item--series-3{--gidsChartLegendItemIcon-color:var(--gids-color-icon-danger)}.gids-chart-legend-item--series-4{--gidsChartLegendItemIcon-color:var(--gids-color-background-positive-bold-hovered)}.gids-chart-legend-item--series-5{--gidsChartLegendItemIcon-color:var(--gids-color-background-information-bold-default)}.gids-chart-legend-item--series-6{--gidsChartLegendItemIcon-color:rgb(238, 70, 188)}.gids-chart-legend-item__label{font-family:var(--gids-typography-label-small__font-family);font-size:var(--gids-typography-label-small__font-size);font-weight:var(--gids-typography-label-small__font-weight);letter-spacing:var(--gids-typography-label-small__letter-spacing);line-height:var(--gids-typography-label-small__line-height);text-transform:var(--gids-typography-label-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-small__font-variant-caps, inherit);text-align:left;color:var(--gids-color-text-subtlest)}.gids-chart-legend-item__dot-wrapper-vertical{display:flex;padding-top:var(--gids-padding-vertical-edge-to-element-075)}.gids-chart-legend-item__dot-wrapper-horizontal{display:flex;align-items:center}";
+  }
+}, [260, "gids-chart-legend-item", { orientation: [1], seriesType: [1, "series-type"] }, void 0, { orientation: [{ handleOrientationChange: 0 }], seriesType: [{ handleSeriesTypeChange: 0 }] }]);
+function m() {
+  typeof customElements < "u" && ["gids-chart-legend-item"].forEach(((e) => {
+    e === "gids-chart-legend-item" && (customElements.get(i(e)) || customElements.define(i(e), h));
+  }));
+}
+m();
+export {
+  h as d,
+  m as l
+};

package/dist-bundled/es/p-B8kX8Vqv-trBz4jdS.js

@@ -0,0 +1,7 @@
+var p;
+(function(o) {
+  o.TOOLTIP = "tooltip", o.POPOVER = "popover";
+})(p || (p = {}));
+export {
+  p as o
+};

package/dist-bundled/es/p-BFHWXEeg-ByjSjz8i.js

@@ -0,0 +1,133 @@
+import { P as d, _ as r, u as l, T as s } from "./p-Ct3Ixgvf-CNP_PKwP.js";
+import { o as h } from "./p-KxRqlvSh-JOFDmT0B.js";
+import { d as c } from "./p-BnL97lOW-BO0p4EdC.js";
+import { c as p } from "./clsx-OuTLNxxd.js";
+const u = ({ expanded: e }, t) => p("gids-dropdown-picker", {
+  "gids-dropdown-picker--expanded": e
+}, t), m = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsDropdownPickerClassNames: u
+}, Symbol.toStringTag, { value: "Module" })), { getGidsDropdownPickerClassNames: g } = m, f = r(class extends l {
+  constructor(e) {
+    super(), e !== !1 && this.__registerHost(), this.appearance = "subtle", this.size = "sm", this.idPicker = "", this.expanded = !1, this.hasLeadingIcon = !1, this.hasItemListener = !1, this.suppressNextMenuClickSelection = !1, this.hasDocumentListeners = !1, this.handleDropdownPickerItemSelect = (t) => {
+      const { value: i, title: n, disabled: o, id: a } = t.detail;
+      o || typeof i != "string" || (this.suppressNextMenuClickSelection = !0, queueMicrotask((() => {
+        this.suppressNextMenuClickSelection = !1;
+      })), this.applySelection({ id: a, value: i, title: n, disabled: !1, originalEvent: t }));
+    }, this.handleMenuClick = (t) => {
+      if (this.suppressNextMenuClickSelection) return;
+      const i = t.target;
+      if (!(i instanceof Element)) return;
+      const n = i.closest(".gids-dropdown-item");
+      if (!n || !this.hostElement.contains(n) || n.hasAttribute("disabled") || n.getAttribute("aria-disabled") === "true") return;
+      const o = n instanceof HTMLButtonElement ? n.value : n.getAttribute("value") ?? "";
+      if (typeof o != "string" || o.length === 0) return;
+      const a = n instanceof HTMLButtonElement ? n.id : n.getAttribute("id") ?? "";
+      typeof a == "string" && a.length !== 0 && this.applySelection({ id: a, value: o, title: n.textContent?.trim() ?? "", disabled: !1, originalEvent: t });
+    }, this.handleTriggerToggle = (t) => {
+      this.isInteractive() && this.setExpandedState(!this.expanded, t);
+    }, this.handleDropdownButtonClickToggle = (t) => {
+      t.defaultPrevented || (t.stopPropagation(), this.handleTriggerToggle(t));
+    }, this.handleOutSpaceClickOfDropdownButtonToggle = (t) => {
+      this.expanded && (t.stopPropagation(), this.setExpandedState(!1));
+    }, this.handleDocumentPointerDown = (t) => {
+      t.button !== 2 && this.expanded && ((typeof t.composedPath == "function" ? t.composedPath() : []).includes(this.hostElement) || this.hostElement.contains(t.target) || this.setExpandedState(!1, t));
+    }, this.handleDocumentKeyDown = (t) => {
+      if (!this.expanded) return;
+      const i = t.key;
+      if (i === "Escape" || i === "Esc") return t.preventDefault(), void this.setExpandedState(!1, t);
+      i === "Tab" && this.setExpandedState(!1, t);
+    }, this.handleFormReset = () => {
+      this.value = this.initialValue, this.selectedItemTitle = void 0, this.setExpandedState(!1);
+    };
+  }
+  handleExpandedChange(e) {
+    e && !this.isInteractive() && (this.expanded = !1);
+  }
+  handleInteractivityChange() {
+    !this.isInteractive() && this.expanded && this.setExpandedState(!1);
+  }
+  connectedCallback() {
+    this.initialValue = this.value, this.attachItemListener(), this.attachDocumentListeners(), this.attachFormListener();
+  }
+  disconnectedCallback() {
+    this.detachItemListener(), this.detachDocumentListeners(), this.detachFormListener();
+  }
+  componentWillLoad() {
+    this.checkSlots();
+  }
+  componentWillUpdate() {
+    this.checkSlots();
+  }
+  checkSlots() {
+    this.hasLeadingIcon = !!this.hostElement.querySelector('[slot="leadingIconDropdownPicker"]');
+  }
+  getDropdownButtonControl() {
+    return this.hostElement.querySelector(".gids-button");
+  }
+  getItemElements() {
+    return Array.from(this.hostElement.querySelectorAll(".gids-dropdown-item"));
+  }
+  attachItemListener() {
+    this.hasItemListener || (this.hostElement.addEventListener("onPressDropdownItem", this.handleDropdownPickerItemSelect), this.hasItemListener = !0);
+  }
+  detachItemListener() {
+    this.hasItemListener && (this.hostElement.removeEventListener("onPressDropdownItem", this.handleDropdownPickerItemSelect), this.hasItemListener = !1);
+  }
+  applySelection(e) {
+    this.value = e.value, this.selectedItemTitle = typeof e.title == "string" ? e.title : void 0, this.clearActive(), this.setExpandedState(!1, this.coerceEvent(e.originalEvent)), this.onSelectionChange?.(e), this.hostElement.dispatchEvent(new CustomEvent("gidsDropdownPickerChange", { bubbles: !0, composed: !0, detail: e }));
+  }
+  clearActive() {
+    this.getItemElements().forEach(((e) => e.classList.remove("gids-dropdown-item--active")));
+  }
+  setExpandedState(e, t) {
+    const i = !!e;
+    i && !this.isInteractive() || this.expanded !== i && (this.expanded = i, i || (this.clearActive(), this.syncInputDisplayValue()), this.hostElement.dispatchEvent(new CustomEvent("gidsDropdownPickerToggle", { bubbles: !0, composed: !0, detail: { expanded: i, originalEvent: t } })));
+  }
+  syncInputDisplayValue() {
+    const e = this.getDropdownButtonControl();
+    e && e.value !== (this.selectedItemTitle ?? "") && (e.value = this.selectedItemTitle ?? "");
+  }
+  attachDocumentListeners() {
+    this.hasDocumentListeners || typeof document > "u" || (document.addEventListener("pointerdown", this.handleDocumentPointerDown), document.addEventListener("keydown", this.handleDocumentKeyDown), this.hasDocumentListeners = !0);
+  }
+  detachDocumentListeners() {
+    this.hasDocumentListeners && typeof document < "u" && (document.removeEventListener("pointerdown", this.handleDocumentPointerDown), document.removeEventListener("keydown", this.handleDocumentKeyDown), this.hasDocumentListeners = !1);
+  }
+  attachFormListener() {
+    const e = this.hostElement.closest("form");
+    this.patternForm !== e && (this.patternForm && this.patternForm.removeEventListener("reset", this.handleFormReset), this.patternForm = e ?? void 0, this.patternForm?.addEventListener("reset", this.handleFormReset));
+  }
+  detachFormListener() {
+    this.patternForm && (this.patternForm.removeEventListener("reset", this.handleFormReset), this.patternForm = void 0);
+  }
+  isInteractive() {
+    return !this.disabled;
+  }
+  coerceEvent(e) {
+    if (typeof Event < "u" && e !== null) return e instanceof Event ? e : void 0;
+  }
+  render() {
+    const e = this.expanded && this.isInteractive(), t = g({ expanded: e }), i = typeof this.idPicker == "string" ? this.idPicker : void 0, n = i ? `${i}__menu` : void 0;
+    return s("div", { key: "60aba19be894123a4fb11cf8d682c89c1e1dfc9c", class: t, onClick: this.handleOutSpaceClickOfDropdownButtonToggle }, s(h, { key: "6e691f9fee63c676d7a66d42024a4688730f9503", role: "pickerbox", "aria-expanded": e ? "true" : "false", "aria-haspopup": "pickerlistbox", "aria-controls": n ?? "", onClick: this.handleDropdownButtonClickToggle, disabled: this.disabled, value: this.selectedItemTitle ?? this.value ?? "", loading: this.loading, appearance: this.appearance, size: this.size }, this.hasLeadingIcon ? s("slot", { name: "leadingIconDropdownPicker", slot: "leadingIcon" }) : s(c, { name: "chevron-down", size: this.size, appearance: "regular", alt: "", slot: "leadingIcon" })), s("div", { key: "b44514baae627324d71f1114c3ba18bc6b946b01", class: "gids-dropdown-picker__menu", id: n, role: "pickerbox", onClick: this.handleMenuClick }, s("slot", { key: "1e3b9e592646a1bda41d2cf5bfc8556908c0499f" })));
+  }
+  get hostElement() {
+    return this;
+  }
+  static get watchers() {
+    return { expanded: [{ handleExpandedChange: 0 }], disabled: [{ handleInteractivityChange: 0 }] };
+  }
+  static get style() {
+    return ".gids-dropdown-picker{position:relative}.gids-dropdown-picker__menu{position:absolute;inset-inline:0;top:calc(100% + var(--gids-gap-050));z-index:3;display:none;flex-direction:column;align-self:stretch;min-width:var(--gids-width-2-xs);min-height:55px;max-height:15rem;overflow-x:hidden;overflow-y:auto;background-color:var(--gids-elevation-surface-overlay-default);box-shadow:var(--gids-elevation-shadow-overlay);border-radius:var(--gids-border-radius-lg)}.gids-dropdown-picker__menu>*{flex-shrink:0}.gids-dropdown-picker--expanded .gids-dropdown-picker__menu{display:flex}";
+  }
+}, [260, "gids-dropdown-picker", { appearance: [1], size: [1], idPicker: [1, "id-picker"], expanded: [1540], disabled: [516], loading: [516], value: [513], name: [1], onSelectionChange: [16], selectedItemTitle: [32], hasLeadingIcon: [32] }, void 0, { expanded: [{ handleExpandedChange: 0 }], disabled: [{ handleInteractivityChange: 0 }] }]);
+function v() {
+  typeof customElements < "u" && ["gids-dropdown-picker"].forEach(((e) => {
+    e === "gids-dropdown-picker" && (customElements.get(d(e)) || customElements.define(d(e), f));
+  }));
+}
+v();
+export {
+  f as h,
+  v as r
+};

package/dist-bundled/es/p-B_HaXpJZ-a2SDgQ0E.js

@@ -0,0 +1,37 @@
+import { P as t, _ as a, u as r, T as n } from "./p-Ct3Ixgvf-CNP_PKwP.js";
+import { c as s } from "./clsx-OuTLNxxd.js";
+const o = ({ orientation: e }, i) => s("gids-chart-legend", {
+  // 'gids-chart-legend--orientation-horizontal':
+  // 	orientation === 'horizontal', // not needed as by default
+  "gids-chart-legend--orientation-vertical": e === "vertical"
+}, i), d = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsChartLegendClassNames: o
+}, Symbol.toStringTag, { value: "Module" })), { getGidsChartLegendClassNames: c } = d, l = a(class extends r {
+  constructor(e) {
+    super(), e !== !1 && this.__registerHost(), this.orientation = "horizontal";
+  }
+  handleOrientationChange(e) {
+    this.orientation = e;
+  }
+  render() {
+    const e = c({ orientation: this.orientation });
+    return n("div", { key: "cf7740304d4b3616d7bc15d2a2009c537665bbc7", class: e }, n("slot", { key: "940d3744a6ea0da0684ff2d16c9734e8d265b485" }));
+  }
+  static get watchers() {
+    return { orientation: [{ handleOrientationChange: 0 }] };
+  }
+  static get style() {
+    return ".gids-chart-legend{display:inline-flex;align-items:flex-start;gap:var(--gids-gap-150)}.gids-chart-legend--orientation-vertical{flex-direction:column;gap:var(--gids-gap-050)}";
+  }
+}, [260, "gids-chart-legend", { orientation: [1] }, void 0, { orientation: [{ handleOrientationChange: 0 }] }]);
+function g() {
+  typeof customElements < "u" && ["gids-chart-legend"].forEach(((e) => {
+    e === "gids-chart-legend" && (customElements.get(t(e)) || customElements.define(t(e), l));
+  }));
+}
+g();
+export {
+  g as d,
+  l as r
+};

package/dist-bundled/es/p-BaO-kEWS-ZITkeP-j.js

@@ -0,0 +1,241 @@
+import { P as r, _ as u, u as p, T as a } from "./p-Ct3Ixgvf-CNP_PKwP.js";
+import { d as m } from "./p-BnL97lOW-BO0p4EdC.js";
+import { r as g } from "./p-DfFqFdmS-DjI2pk-0.js";
+import { c as l } from "./clsx-OuTLNxxd.js";
+const v = ({ expanded: e }, t) => l("gids-dropdown", {
+  "gids-dropdown--expanded": e
+}, t), f = ({ size: e }, t) => l("gids-chevron-button-control", {
+  "gids-chevron-button-control--small": e === "sm",
+  // 'gids-chevron-button-control--medium': size === 'md', // Default
+  "gids-chevron-button-control--large": e === "lg"
+}, t), y = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsChevronButtonControlClassNames: f,
+  getGidsDropdownClassNames: v
+}, Symbol.toStringTag, { value: "Module" })), { getGidsDropdownClassNames: I, getGidsChevronButtonControlClassNames: E } = y, d = "gids-dropdown-item--active", b = u(class extends p {
+  constructor(e) {
+    super(), e !== !1 && this.__registerHost(), this.appearance = "default", this.expanded = !1, this.filterValue = "", this.isFilterEditing = !1, this.hasLeadingIcon = !1, this.hasLeadingAccessory = !1, this.activeIndex = -1, this.hasItemListener = !1, this.suppressNextMenuClickSelection = !1, this.hasDocumentListeners = !1, this.hasPendingControlRevalidation = !1, this.handleDropdownItemSelect = (t) => {
+      const { value: i, title: n, disabled: s, id: o } = t.detail;
+      s || typeof i != "string" || (this.suppressNextMenuClickSelection = !0, queueMicrotask((() => {
+        this.suppressNextMenuClickSelection = !1;
+      })), this.applySelection({ id: o, value: i, title: n, disabled: !1, originalEvent: t }));
+    }, this.handleMenuClick = (t) => {
+      if (this.suppressNextMenuClickSelection) return;
+      const i = t.target;
+      if (!(i instanceof Element)) return;
+      const n = i.closest(".gids-dropdown-item");
+      if (!n || !this.hostElement.contains(n) || n.hasAttribute("disabled") || n.getAttribute("aria-disabled") === "true") return;
+      const s = n instanceof HTMLButtonElement ? n.value : n.getAttribute("value") ?? "";
+      if (typeof s != "string" || s.length === 0) return;
+      const o = n instanceof HTMLButtonElement ? n.id : n.getAttribute("id") ?? "";
+      typeof o == "string" && o.length !== 0 && this.applySelection({ id: o, value: s, title: n.textContent?.trim() ?? "", disabled: !1, originalEvent: t });
+    }, this.handleFilterInput = (t) => {
+      const i = t.target;
+      this.filterValue = i?.value ?? "", this.isFilterEditing = !0, this.clearActive(), this.expanded || this.setExpandedState(!0, t), this.applyFilter();
+    }, this.handleInputKeyDown = (t) => {
+      if (!this.isInteractive()) return;
+      const i = t.key, n = i === "ArrowDown";
+      if ((n || i === "ArrowUp") && !t.metaKey && !t.ctrlKey) return t.preventDefault(), this.expanded || this.setExpandedState(!0, t), void this.moveActive(n ? 1 : -1);
+      if (i === "Home" && this.expanded) return t.preventDefault(), void this.setActiveByIndex(0);
+      if (i === "End" && this.expanded) return t.preventDefault(), void this.setActiveByIndex(this.getVisibleEnabledItems().length - 1);
+      if (i === "Enter") {
+        if (!this.expanded) return t.preventDefault(), this.setExpandedState(!0, t), void this.setActiveByIndex(0);
+        this.selectActive() && t.preventDefault();
+      }
+    }, this.handleTriggerToggle = (t) => {
+      this.isInteractive() && this.setExpandedState(!this.expanded, t);
+    }, this.handleInputFocusAndBlur = (t) => {
+      this.hostElement.dispatchEvent(new FocusEvent(t.type, { relatedTarget: t.relatedTarget }));
+    }, this.handleInputClickToggle = (t) => {
+      t.defaultPrevented || this.handleTriggerToggle(t);
+    }, this.handleChevronClickToggle = (t) => {
+      t.defaultPrevented || (t.stopPropagation(), this.handleTriggerToggle(t));
+    }, this.handleDocumentPointerDown = (t) => {
+      t.button !== 2 && this.expanded && ((typeof t.composedPath == "function" ? t.composedPath() : []).includes(this.hostElement) || this.hostElement.contains(t.target) || this.setExpandedState(!1, t));
+    }, this.handleDocumentKeyDown = (t) => {
+      if (!this.expanded) return;
+      const i = t.key;
+      if (i === "Escape" || i === "Esc") return t.preventDefault(), void this.setExpandedState(!1, t);
+      i === "Tab" && this.setExpandedState(!1, t);
+    }, this.handleFormReset = () => {
+      this.value = this.initialValue, this.selectedItemTitle = void 0, this.isFilterEditing = !1, this.filterValue = "", this.setExpandedState(!1);
+    };
+  }
+  handleExpandedChange(e) {
+    e && !this.isInteractive() && (this.expanded = !1);
+  }
+  handleInteractivityChange() {
+    !this.isInteractive() && this.expanded && this.setExpandedState(!1);
+  }
+  connectedCallback() {
+    this.initialValue = this.value, this.attachItemListener(), this.attachDocumentListeners(), this.attachFormListener();
+  }
+  disconnectedCallback() {
+    this.detachItemListener(), this.detachDocumentListeners(), this.detachFormListener();
+  }
+  componentWillLoad() {
+    this.checkSlots();
+  }
+  componentWillUpdate() {
+    this.checkSlots();
+  }
+  checkSlots() {
+    this.hasLeadingIcon = !!this.hostElement.querySelector('[slot="leadingIconDropdown"]'), this.hasLeadingAccessory = !!this.hostElement.querySelector('[slot="leadingAccessoryDropdown"]');
+  }
+  getItemElements() {
+    return Array.from(this.hostElement.querySelectorAll(".gids-dropdown-item"));
+  }
+  getVisibleEnabledItems() {
+    return this.getItemElements().filter(((e) => e.style.display !== "none" && !e.hasAttribute("disabled") && e.getAttribute("aria-disabled") !== "true"));
+  }
+  attachItemListener() {
+    this.hasItemListener || (this.hostElement.addEventListener("onPressDropdownItem", this.handleDropdownItemSelect), this.hasItemListener = !0);
+  }
+  detachItemListener() {
+    this.hasItemListener && (this.hostElement.removeEventListener("onPressDropdownItem", this.handleDropdownItemSelect), this.hasItemListener = !1);
+  }
+  applySelection(e) {
+    this.value = e.value, this.selectedItemTitle = typeof e.title == "string" ? e.title : void 0, this.isFilterEditing = !1, this.filterValue = "", this.clearActive(), this.emitNativeSelectionEvents(this.selectedItemTitle ?? ""), this.setExpandedState(!1, this.coerceEvent(e.originalEvent)), this.onSelectionChange?.(e), this.hostElement.dispatchEvent(new CustomEvent("gidsDropdownChange", { bubbles: !0, composed: !0, detail: e }));
+  }
+  getInputControl() {
+    return this.hostElement.querySelector(".gids-input__control");
+  }
+  emitNativeSelectionEvents(e) {
+    const t = this.getInputControl();
+    t && (t.value = e, t.dispatchEvent(new Event("input", { bubbles: !0, composed: !0 })), t.dispatchEvent(new Event("change", { bubbles: !0, composed: !0 })));
+  }
+  clearActive() {
+    this.activeIndex = -1, this.getItemElements().forEach(((e) => e.classList.remove(d))), this.setActiveDescendant(void 0);
+  }
+  setActiveByIndex(e) {
+    const t = this.getVisibleEnabledItems();
+    if (this.getItemElements().forEach(((s) => s.classList.remove(d))), t.length === 0) return this.activeIndex = -1, void this.setActiveDescendant(void 0);
+    const i = Math.max(0, Math.min(e, t.length - 1)), n = t[i];
+    if (!n) return this.activeIndex = -1, void this.setActiveDescendant(void 0);
+    this.activeIndex = i, n.classList.add(d), n.scrollIntoView({ block: "nearest" }), this.setActiveDescendant(n.id || void 0);
+  }
+  moveActive(e) {
+    const t = this.getVisibleEnabledItems();
+    t.length !== 0 ? this.setActiveByIndex(this.activeIndex === -1 ? e > 0 ? 0 : t.length - 1 : (this.activeIndex + e + t.length) % t.length) : this.clearActive();
+  }
+  selectActive() {
+    const e = this.getVisibleEnabledItems();
+    if (e.length === 0) return !1;
+    const t = this.activeIndex >= 0 ? e[this.activeIndex] : e[0];
+    return !!t && (t.click(), this.getInputControl()?.focus(), !0);
+  }
+  applyFilter() {
+    const e = this.filterValue.trim().toLowerCase();
+    this.getItemElements().forEach(((t) => {
+      const i = (t.textContent ?? "").toLowerCase(), n = e.length === 0 || i.includes(e);
+      t.style.display = n ? "" : "none";
+    }));
+  }
+  setActiveDescendant(e) {
+    const t = this.getInputControl();
+    t && (e ? t.setAttribute("aria-activedescendant", e) : t.removeAttribute("aria-activedescendant"));
+  }
+  setExpandedState(e, t) {
+    const i = !!e;
+    i && !this.isInteractive() || this.expanded !== i && (this.expanded = i, i || (this.isFilterEditing = !1, this.filterValue = "", this.clearActive(), this.applyFilter(), this.syncInputDisplayValue()), this.hostElement.dispatchEvent(new CustomEvent("gidsDropdownToggle", { bubbles: !0, composed: !0, detail: { expanded: i, originalEvent: t } })));
+  }
+  syncInputDisplayValue() {
+    const e = this.getInputControl();
+    e && e.value !== (this.selectedItemTitle ?? "") && (e.value = this.selectedItemTitle ?? "");
+  }
+  attachDocumentListeners() {
+    this.hasDocumentListeners || typeof document > "u" || (document.addEventListener("pointerdown", this.handleDocumentPointerDown), document.addEventListener("keydown", this.handleDocumentKeyDown), this.hasDocumentListeners = !0);
+  }
+  detachDocumentListeners() {
+    this.hasDocumentListeners && typeof document < "u" && (document.removeEventListener("pointerdown", this.handleDocumentPointerDown), document.removeEventListener("keydown", this.handleDocumentKeyDown), this.hasDocumentListeners = !1);
+  }
+  attachFormListener() {
+    const e = this.hostElement.closest("form");
+    this.patternForm !== e && (this.patternForm && this.patternForm.removeEventListener("reset", this.handleFormReset), this.patternForm = e ?? void 0, this.patternForm?.addEventListener("reset", this.handleFormReset));
+  }
+  detachFormListener() {
+    this.patternForm && (this.patternForm.removeEventListener("reset", this.handleFormReset), this.patternForm = void 0);
+  }
+  get form() {
+    return this.getInputControl()?.form ?? this.patternForm ?? null;
+  }
+  get validity() {
+    return this.getInputControl()?.validity ?? {};
+  }
+  get validationMessage() {
+    return this.getInputControl()?.validationMessage ?? "";
+  }
+  get willValidate() {
+    return this.getInputControl()?.willValidate ?? !1;
+  }
+  async checkValidity() {
+    return this.getInputControl()?.checkValidity() ?? !0;
+  }
+  async reportValidity() {
+    return this.getInputControl()?.reportValidity() ?? !0;
+  }
+  async setCustomValidity(e) {
+    return this.getInputControl()?.setCustomValidity(e);
+  }
+  isInteractive() {
+    return !(this.disabled || this.readOnly);
+  }
+  coerceEvent(e) {
+    if (typeof Event < "u" && e !== null) return e instanceof Event ? e : void 0;
+  }
+  scheduleControlRevalidation() {
+    if (this.hasPendingControlRevalidation) return;
+    this.hasPendingControlRevalidation = !0;
+    const e = () => {
+      this.hasPendingControlRevalidation = !1, this.checkValidity();
+    };
+    typeof requestAnimationFrame != "function" ? e() : requestAnimationFrame(e);
+  }
+  getEnhancedInputProps() {
+    const e = { ...this.inputProps ?? {} };
+    typeof e.autoComplete == "string" && e?.autoComplete?.trim?.()?.length !== 0 || (e.autoComplete = "off");
+    const t = e.onInput;
+    e.onInput = (s) => {
+      t?.(s), this.handleFilterInput(s);
+    };
+    const i = e.onBlur;
+    e.onBlur = (s) => {
+      i?.(s), this.scheduleControlRevalidation();
+    };
+    const n = e.onKeyDown;
+    return e.onKeyDown = (s) => {
+      n?.(s), s.defaultPrevented || this.handleInputKeyDown(s);
+    }, e;
+  }
+  render() {
+    const e = this.expanded && this.isInteractive(), t = I({ expanded: e }), i = this.getEnhancedInputProps(), n = typeof i.id == "string" ? i.id : void 0, s = n ? `${n}__menu` : void 0;
+    i.role = "combobox", i["aria-expanded"] = e ? "true" : "false", i["aria-haspopup"] = "listbox", i["aria-autocomplete"] = "list", s && (i["aria-controls"] = s);
+    const o = this.isFilterEditing ? this.filterValue : this.selectedItemTitle ?? this.value ?? "", h = e ? "true" : "false", c = a("button", { key: "94ed9ae19e3a6e1e9e02c6e3fab0c70a5193667b", class: E({ size: "lg" }), slot: "trailingAccessory", type: "button", onClick: this.handleChevronClickToggle, "aria-label": e ? "Collapse options" : "Expanded options", "aria-expanded": h, "aria-haspopup": "listbox", "aria-controls": s, disabled: this.disabled || this.readOnly, tabIndex: -1 }, a("span", { key: "f6e79003a75a80623564c81c83158640c407c8f4", class: "gids-button__content" }, a(m, { key: "85c0caf667a50f629375652ead7c1e8d86bc96ed", name: "chevron-vertical", alt: "" })));
+    return a("div", { key: "d02c0b39097b0307ca22a7e86bccfb37083d447f", class: t }, a("gids-input", { key: "16475e8ebce7a5909f6c4c102ef781eed657a6e0", appearance: this.appearance, loading: this.loading, disabled: this.disabled, readOnly: this.readOnly, required: this.required, value: o, name: this.name, inputProps: i, onClick: this.handleInputClickToggle, onFocus: this.handleInputFocusAndBlur, onBlur: this.handleInputFocusAndBlur }, this.hasLeadingIcon && a("slot", { key: "fbdf6ef356a9d1ade43eecfa3bb92ef0fe538f1c", name: "leadingIconDropdown", slot: "leadingIcon" }), this.hasLeadingAccessory && a("slot", { key: "f9e0fc631f4a3a4758d9b446312ae9d0ff9bcd01", name: "leadingAccessoryDropdown", slot: "leadingAccessory" }), c), a("div", { key: "ae2974b210c297fa1e1160ad93d22b45297a1613", class: "gids-dropdown__menu", id: s, role: "listbox", onClick: this.handleMenuClick }, a("slot", { key: "d7bd637af09568522549e2551173efd90fa40e4b" })));
+  }
+  get hostElement() {
+    return this;
+  }
+  static get watchers() {
+    return { expanded: [{ handleExpandedChange: 0 }], disabled: [{ handleInteractivityChange: 0 }], readOnly: [{ handleInteractivityChange: 0 }] };
+  }
+  static get style() {
+    return '@charset "UTF-8";.gids-dropdown{position:relative}.gids-dropdown__menu{position:absolute;inset-inline:0;top:calc(100% + var(--gids-gap-050));z-index:3;display:none;flex-direction:column;min-height:55px;max-height:20rem;overflow-x:hidden;overflow-y:auto;background-color:var(--gids-elevation-surface-overlay-default);box-shadow:var(--gids-elevation-shadow-overlay);border-radius:var(--gids-border-radius-lg)}.gids-dropdown__menu>*{flex-shrink:0}.gids-dropdown--expanded .gids-dropdown__menu{display:flex}.gids-dropdown__leading-icon{display:flex;align-items:center}.gids-dropdown__accessory{display:flex;align-items:center}';
+  }
+}, [260, "gids-dropdown", { appearance: [1], expanded: [1540], inputProps: [16], disabled: [516], readOnly: [516, "read-only"], loading: [516], value: [513], name: [1], onSelectionChange: [16], required: [4], filterValue: [32], isFilterEditing: [32], selectedItemTitle: [32], hasLeadingIcon: [32], hasLeadingAccessory: [32], checkValidity: [64], reportValidity: [64], setCustomValidity: [64] }, void 0, { expanded: [{ handleExpandedChange: 0 }], disabled: [{ handleInteractivityChange: 0 }], readOnly: [{ handleInteractivityChange: 0 }] }]);
+function x() {
+  typeof customElements < "u" && ["gids-dropdown", "gids-input"].forEach(((e) => {
+    switch (e) {
+      case "gids-dropdown":
+        customElements.get(r(e)) || customElements.define(r(e), b);
+        break;
+      case "gids-input":
+        customElements.get(r(e)) || g();
+    }
+  }));
+}
+x();
+export {
+  b as c,
+  x as l
+};

package/dist-bundled/es/p-BiPAgxAQ-BtMBQpJY.js

@@ -0,0 +1,31 @@
+import { P as e, _ as t, u as s, T as o } from "./p-Ct3Ixgvf-CNP_PKwP.js";
+import { i as d } from "./p-B2zUuNXz-BLBgQDu7.js";
+import { d as a } from "./p-BnL97lOW-BO0p4EdC.js";
+const c = t(class extends s {
+  constructor(i) {
+    super(), i !== !1 && this.__registerHost(), this.__attachShadow();
+  }
+  connectedCallback() {
+    const i = d();
+    i !== void 0 && this._el.shadowRoot?.adoptedStyleSheets.push(i);
+  }
+  render() {
+    return o(a, { key: "7c74510543b6eae79c31fbf55124ad4e37f64c63", name: this.name, size: this.size, appearance: this.appearance, alt: this.alt, titleId: this.titleId });
+  }
+  get _el() {
+    return this;
+  }
+  static get style() {
+    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() {
+  typeof customElements < "u" && ["gids-icon"].forEach(((i) => {
+    i === "gids-icon" && (customElements.get(e(i)) || customElements.define(e(i), c));
+  }));
+}
+n();
+export {
+  n as d,
+  c as n
+};