@ganpatiinfo/gids-core-web 22.0.0 → 24.0.0

package/dist-bundled/es/p-tEbUT3n3-Byef6fQN.js

@@ -1,244 +0,0 @@
-import { q as l, L as u, u as p, D as a } from "./p-B4hcsDH0-CPqEc-vc.js";
-import { d as m } from "./p-iQRr_fAH-Dvv1n8QD.js";
-import { r as g } from "./p-DzOOjiNH-CqI4E-mj.js";
-import { c } from "./clsx-OuTLNxxd.js";
-const v = ({ expanded: e }, t) => c("gids-dropdown", {
-  "gids-dropdown--expanded": e
-}, t), f = ({ size: e }, t) => c("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: b } = y, h = "gids-dropdown-item--active", E = 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, isPlaceholderItem: r } = 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, isPlaceholderItem: r }));
-    }, 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") ?? "";
-      if (typeof o != "string" || o.length === 0) return;
-      const r = n.getAttribute("is-placeholder-item") ?? "";
-      let d = n.textContent?.trim() ?? "";
-      d.endsWith("checkmark") && (d = d.slice(0, -9).trim()), this.applySelection({ id: o, value: s, title: d.trim(), disabled: !1, originalEvent: t, isPlaceholderItem: !(!r || r !== "true") });
-    }, 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(h))), this.setActiveDescendant(void 0);
-  }
-  setActiveByIndex(e) {
-    const t = this.getVisibleEnabledItems();
-    if (this.getItemElements().forEach(((s) => s.classList.remove(h))), 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(h), 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 ?? "", r = e ? "true" : "false", d = a("button", { key: "ef56b4d650c7ede283ac956e1bb3fdb99f0464b9", class: b({ size: "lg" }), slot: "trailingAccessory", type: "button", onClick: this.handleChevronClickToggle, "aria-label": e ? "Collapse options" : "Expanded options", "aria-expanded": r, "aria-haspopup": "listbox", "aria-controls": s, disabled: this.disabled || this.readOnly, tabIndex: -1 }, a("span", { key: "3707be6a0a5b247f6c624486c3ff5f69add5991c", class: "gids-button__content" }, a(m, { key: "b36624f20725a6093fbe786dd34ae70131035b1d", name: "chevron-vertical", alt: "" })));
-    return a("div", { key: "07368ce8b66a08e4f874e9335a774a305d07b709", class: t }, a("gids-input", { key: "13f996dabaf673f24ccb3752f5239a6461d8612e", 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: "7ec0577f5a08094ca8caf73882dd5fee142f8229", name: "leadingIconDropdown", slot: "leadingIcon" }), this.hasLeadingAccessory && a("slot", { key: "41a33c1e726a203c096de11b82ce4bd7e39b4641", name: "leadingAccessoryDropdown", slot: "leadingAccessory" }), d), a("div", { key: "c59f22dec8e5ca68bfa4bee0ba5ffc7150602468", class: "gids-dropdown__menu", id: s, role: "listbox", onClick: this.handleMenuClick }, a("slot", { key: "93bb68248f925d570f01533382d71044079ee786" })));
-  }
-  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(l(e)) || customElements.define(l(e), E);
-        break;
-      case "gids-input":
-        customElements.get(l(e)) || g();
-    }
-  }));
-}
-x();
-export {
-  E as c,
-  x as l
-};