@pantograph/vue 0.27.6 → 0.27.7

package/dist/Combobox.vue_vue_type_style_index_0_lang-DRMbT72Y.js

@@ -0,0 +1,1139 @@
+import { defineComponent as ye, useSlots as lt, onBeforeUnmount as Mt, computed as b, createBlock as R, openBlock as x, unref as g, mergeProps as ue, createSlots as nt, renderList as Ae, withCtx as K, renderSlot as Me, normalizeProps as Le, guardReactiveProps as De, createVNode as te, h, useAttrs as Lt, createElementBlock as ve, normalizeClass as Pe, toDisplayString as Dt, ref as me, watch as Et, isRef as je, createCommentVNode as Ee, createElementVNode as qe, normalizeStyle as Rt, Fragment as Re } from "vue";
+import { createContext as At, Slot as $t, useEmitAsProps as Kt } from "reka-ui";
+import { omit as he, isString as Je, cloneDeep as ne, isFunction as Ft, debounce as Qe, pick as Nt, last as Xe } from "es-toolkit";
+import { getComponentOptions as _e, isEmptyLikeLodash as A, isEmptyElement as L, useVModel as Oe, useLazyLoading as Wt, useFormInput as Ht, useVirtualScroll as Ut, useInputDataStates as Gt, useCollection as jt, useDisableBodyPointerEvents as qt } from "@pantograph/utils-vue";
+import { getBemBlock as Jt, getBemModifier as Qt, getBemElement as C, normCls as H, generateVariantClassList as J, createOptionGetterFunc as q, usePCId as Ye } from "@pantograph/utils";
+import { _ as Xt } from "./Popover.vue_vue_type_style_index_0_lang-CBbRhcN9.js";
+import { cva as at } from "class-variance-authority";
+import { _ as $e } from "./Icon.vue_vue_type_style_index_0_lang-LLvjBJx0.js";
+import { _ as rt, d as Yt } from "./Avatar.vue_vue_type_style_index_0_lang-sRuIAJc9.js";
+import { _ as st } from "./GraphicalObject.vue_vue_type_script_setup_true_lang-B0QyiUKw.js";
+import { _ as Zt } from "./GraphicalObjectGroup.vue_vue_type_style_index_0_lang-BgNRt-Av.js";
+import { b as eo, _ as to } from "./Chip.vue_vue_type_style_index_0_lang-Ddebarn3.js";
+import { _ as oo } from "./Input.vue_vue_type_script_setup_true_lang-8xzs2Ugc.js";
+import { whenever as lo, refDebounced as no } from "@vueuse/core";
+import { i as Q } from "./isArray-QlWcxgml.js";
+import { g as ao, a as ro } from "./MenuItem.vue_vue_type_style_index_0_lang-DiVJUHjS.js";
+import { _ as so } from "./ScrollContainer.vue_vue_type_style_index_0_lang-CCEG6AjN.js";
+import { _ as io } from "./Empty.vue_vue_type_style_index_0_lang-GEhjGuWp.js";
+import { f as uo, s as Ze, _ as po, a as co } from "./Tree.vue_vue_type_style_index_0_lang-Dl43zrWj.js";
+import { _ as go } from "./Checkbox.vue_vue_type_style_index_0_lang-DnfmdUgk.js";
+import "@pantograph/tokens";
+import { _ as fo } from "./Skeleton.vue_vue_type_style_index_0_lang-BUizov_K.js";
+import { _ as mo } from "./Divider.vue_vue_type_style_index_0_lang-Clrzj4R0.js";
+import { i as vo } from "./isNumber-BduWbB-B.js";
+function ho(y) {
+  return Array.isArray(y) ? y : Array.from(y);
+}
+function yo(y) {
+  return Number.isSafeInteger(y) && y >= 0;
+}
+function _o(y) {
+  return y != null && typeof y != "function" && yo(y.length);
+}
+function bo(y) {
+  return y[0];
+}
+function et(y) {
+  if (_o(y))
+    return bo(ho(y));
+}
+const [Ke, Co] = At("Combobox"), O = Jt("combobox"), it = Qt(O, "value-placeholder"), tt = C(O, "option"), ut = ["sm", "md", "lg"], ko = ["error", "warning", "success"], pt = /* @__PURE__ */ ye({
+  ..._e("ComboboxInput"),
+  __name: "ComboboxInput",
+  props: {
+    id: {},
+    maxlength: {},
+    type: {},
+    placeholder: {},
+    disabled: { type: Boolean, default: void 0 },
+    required: { type: Boolean },
+    readonly: { type: Boolean },
+    modelValue: {},
+    defaultValue: {},
+    leading: {},
+    trailing: {},
+    clearIcon: {},
+    trailingCls: {},
+    clearIconCls: {},
+    dividerCls: {},
+    leadingCls: {},
+    class: {},
+    allowClear: { type: Boolean },
+    bordered: { type: Boolean, default: void 0 },
+    simple: { type: Boolean },
+    size: {},
+    status: {},
+    steps: { type: Boolean }
+  },
+  setup(y) {
+    const t = y, o = lt(), a = Ke();
+    lo(() => a.openModel.value && a.inputRef.value, a.focusOnInput), Mt(() => {
+      a.comboboxInputFocused.value = !1;
+    });
+    const X = b(() => {
+      const f = t.placeholder ?? a.props.placeholder ?? "";
+      return (a.props.headerSearch ? f : a.placeholder.value) ?? f;
+    }), Y = (f) => {
+      var u, r;
+      if (a.props.headerSearch || f.stopPropagation(), f.key === "Backspace" && a.props.multiple && Q(a.model.value) && A(a.searchModel.value))
+        a.model.value = a.model.value.slice(0, -1);
+      else if (!a.openModel.value)
+        (f.key === "ArrowDown" || f.key === "Enter") && (a.openModel.value = !0);
+      else if (a.openModel.value)
+        if (f.key === "Escape") a.openModel.value = !1;
+        else if (f.key === "Tab" && !a.props.headerSearch) a.openModel.value = !1;
+        else if (["ArrowDown", "ArrowUp"].includes(f.key)) {
+          const p = a.getItems();
+          if (p.length) {
+            const F = p.findIndex(
+              (s) => a.highlightedOptionKey.value && s.value && s.value === a.highlightedOptionKey.value
+            );
+            if (f.key === "ArrowDown") {
+              const s = p[F + 1];
+              a.highlightedOptionKey.value = (s == null ? void 0 : s.value) ?? a.highlightedOptionKey.value ?? p[0].value;
+            } else if (f.key === "ArrowUp") {
+              const s = p[F - 1];
+              a.highlightedOptionKey.value = (s == null ? void 0 : s.value) ?? p[0].value;
+            }
+            (r = (u = p.find(
+              (s) => a.highlightedOptionKey.value && s.value && s.value === a.highlightedOptionKey.value
+            )) == null ? void 0 : u.ref) == null || r.scrollIntoView();
+          }
+        } else f.key === "Enter" && a.highlightedOptionKey.value && a.selectOption(a.getOptionByValue(a.highlightedOptionKey.value), !0);
+    }, V = C(O, "input");
+    return (f, u) => (x(), R(g(oo), ue({ ...g(a).comboboxInputBinding.value, ...t }, {
+      placeholder: X.value,
+      onKeydown: Y,
+      ref: g(a).inputRef,
+      class: g(H)(g(V), { [g(it)]: g(a).valuePlaceholder.value }, t.class),
+      modelValue: g(a).searchModel.value,
+      "onUpdate:modelValue": u[0] || (u[0] = (r) => g(a).searchModel.value = r)
+    }), nt({ _: 2 }, [
+      Ae(Object.keys(g(he)(o, ["leading"])), (r) => ({
+        name: r,
+        fn: K((p) => [
+          Me(f.$slots, r, Le(De(p)))
+        ])
+      })),
+      g(a).props.headerSearch ? {
+        name: "leading",
+        fn: K((r) => [
+          Me(f.$slots, "leading", Le(De(r)), () => [
+            te(g($e), {
+              size: r.iconSize,
+              icon: "tabler:search",
+              flipOnDir: "rtl"
+            }, null, 8, ["size"])
+          ])
+        ]),
+        key: "0"
+      } : {
+        name: "leading",
+        fn: K((r) => [
+          Me(f.$slots, "leading", Le(De(r)))
+        ]),
+        key: "1"
+      }
+    ]), 1040, ["placeholder", "class", "modelValue"]));
+  }
+}), So = /* @__PURE__ */ ye({
+  ..._e("ComboboxTrigger"),
+  __name: "ComboboxTrigger",
+  setup(y) {
+    const t = Ke(), o = ({ value: c }) => {
+      c && Q(t.model.value) && !t.getDisabled.value && (t.model.value = t.model.value.filter((m) => m !== c));
+    }, a = b(() => {
+      switch (t.getSize.value) {
+        case "sm":
+          return "2xsm";
+        case "md":
+        default:
+          return "xsm";
+      }
+    }), X = b(() => {
+      if (!t.props.multiple && Je(t.model.value) && !A(t.model.value))
+        return t.getOptionByValue(t.model.value);
+    }), Y = (c = X.value) => {
+      if (t.props.selectedItemIconAsTrailingIcon && (c != null && c._icon))
+        return c._icon;
+    }, V = b(() => Y()), f = b(() => {
+      if (!t.props.noTrailing)
+        return t.props.trailingIcon;
+    }), u = b(() => {
+      var _, v;
+      const c = ne(t.model.value), m = Q(t.model.value);
+      return {
+        modelValue: c,
+        open: ne(t.openModel.value),
+        option: m ? void 0 : t.getOptionByValue(t.model.value),
+        options: m ? (v = (_ = t.model.value).map) == null ? void 0 : v.call(_, t.getOptionByValue).filter(Boolean) : void 0
+      };
+    }), r = (c) => ({
+      ...u.value,
+      option: t.getOptionByValue(c)
+    }), p = C(O, "trigger"), F = at(p, {
+      variants: {
+        size: J(ut, p),
+        headerSearch: J("header-search", p),
+        status: J(ko, p),
+        bordered: J("bordered", p),
+        multiple: J("multiple", p),
+        contentFit: J("content-fit", p),
+        wrapped: J("wrapped", p),
+        filled: J("filled", p)
+      }
+    }), s = b(() => ({
+      type: "button",
+      disabled: t.getDisabled.value,
+      tabindex: t.getDisabled.value || !t.props.headerSearch ? -1 : 0,
+      "data-disabled": t.getDisabled.value ? "" : void 0,
+      "aria-disabled": t.getDisabled.value ?? void 0,
+      "aria-label": "Show popup",
+      "aria-haspopup": "listbox",
+      "aria-expanded": t.openModel.value,
+      "data-state": t.openModel.value ? "open" : "closed",
+      class: H(
+        F({
+          size: t.getSize.value,
+          status: t.getStatus.value === "success" && A(t.model.value) ? void 0 : t.getStatus.value,
+          bordered: t.props.bordered,
+          multiple: t.props.multiple,
+          contentFit: t.props.contentFit,
+          wrapped: t.props.wrapped,
+          filled: !A(t.model.value),
+          headerSearch: t.props.headerSearch
+        }),
+        t.props.triggerCls
+      ),
+      ...t.comboboxTriggerBinding.value
+    })), U = (c, m = a.value) => h($e, { icon: c, size: m }), ae = () => {
+      var _, v;
+      let c;
+      const m = (v = (_ = t.slots).triggerTrailing) == null ? void 0 : v.call(
+        _,
+        u.value
+      );
+      if (L(m) ? f.value && typeof f.value == "string" && (c = U(f.value)) : c = m, c)
+        return h(
+          "div",
+          { class: H(C(p, "trailing"), t.props.triggerTrailingCls) },
+          c
+        );
+    }, Z = (c) => {
+      var _, v;
+      const m = t.getOptionByValue(c) ?? { _key: c };
+      return h(rt, {
+        size: t.getTagSize.value,
+        ...m ? ((v = (_ = t.props).getTagProps) == null ? void 0 : v.call(_, m)) ?? {} : {}
+      });
+    }, pe = (c) => {
+      var _, v;
+      const m = t.getOptionByValue(c) ?? { _key: c };
+      return h(st, {
+        ...m ? ((v = (_ = t.props).getTagProps) == null ? void 0 : v.call(_, m)) ?? {} : {},
+        size: t.getTagSize.value
+      });
+    }, ce = () => {
+      var c, m;
+      if (!t.props.multiple && !Q(t.model.value) && t.model.value) {
+        let _;
+        Je(t.model.value) && !A(t.model.value) && (_ = t.model.value);
+        const v = _ ? (m = (c = t.slots).optionLeading) == null ? void 0 : m.call(
+          c,
+          ao(
+            t.props.size,
+            r(_)
+          )
+        ) : null, G = !L(v);
+        if (G || t.props.tagRenderMode && ["avatar", "go"].includes(t.props.tagRenderMode) || V.value || t.props.leadingIcon) {
+          let z;
+          if (G ? z = v : t.props.tagRenderMode === "avatar" ? z = Z(t.model.value) : t.props.tagRenderMode === "go" ? z = pe(t.model.value) : V.value ? z = U(V.value) : t.props.leadingIcon && (z = U(t.props.leadingIcon)), !L(z))
+            return h(
+              "div",
+              {
+                class: H(C(p, "leading"), t.props.triggerLeadingCls)
+              },
+              z
+            );
+        }
+      }
+    }, $ = () => {
+      var re, w;
+      const c = (w = (re = t.slots).trigger) == null ? void 0 : w.call(re, u.value);
+      if (!L(c))
+        return h($t, he(s.value, ["class"]), () => c);
+      const _ = () => {
+        const ee = [], de = [
+          C(p, "tags"),
+          t.props.triggerContentCls,
+          t.props.triggerContentValueCls
+        ], be = (() => {
+          if (t.props.multiple && Q(t.model.value)) {
+            if (t.props.tagRenderMode === "avatar")
+              return h(
+                Yt,
+                {
+                  maxCount: t.props.maxCount,
+                  size: t.getTagSize.value,
+                  closeable: !t.getDisabled.value,
+                  noPopover: !0,
+                  noWrap: !t.props.wrapped,
+                  class: de
+                },
+                () => t.model.value.map(Z)
+              );
+            if (t.props.tagRenderMode === "go")
+              return h(
+                Zt,
+                {
+                  maxCount: t.props.maxCount,
+                  size: t.getTagSize.value,
+                  closeable: !t.getDisabled.value,
+                  noPopover: !0,
+                  noWrap: !t.props.wrapped,
+                  class: de
+                },
+                () => t.model.value.map(pe)
+              );
+            if (t.props.tagRenderMode === "chip")
+              return h(
+                eo,
+                {
+                  maxCount: t.props.maxCount,
+                  size: t.getTagSize.value,
+                  color: "primary",
+                  closeable: !t.getDisabled.value,
+                  noPopover: !0,
+                  noWrap: !t.props.wrapped,
+                  class: de,
+                  onClose: o
+                },
+                () => t.model.value.map((se) => {
+                  var fe, ke;
+                  const Ce = () => t.getLabelByValue(se), Be = ({ size: B }) => {
+                    const N = Y(t.getOptionByValue(se)) ?? t.props.leadingIcon;
+                    return N ? U(N, B) : null;
+                  }, ge = t.getOptionByValue(se);
+                  return h(
+                    to,
+                    {
+                      ...ge ? ((ke = (fe = t.props).getTagProps) == null ? void 0 : ke.call(fe, ge)) ?? {} : {},
+                      value: se,
+                      class: H(C(p, "tag"), t.props.tagCls),
+                      closeIconCls: C(p, "tag__close")
+                    },
+                    {
+                      text: Ce,
+                      leading: Be
+                    }
+                  );
+                })
+              );
+          }
+        })();
+        if (be && ee.push(be), t.props.headerSearch ? (!t.props.noValueOnPlaceholder || t.props.placeholder) && ee.push(
+          h(
+            "div",
+            {
+              class: H(C(p, "content__value"), {
+                [it]: t.valuePlaceholder.value
+              })
+            },
+            t.placeholder.value ?? t.props.placeholder
+          )
+        ) : ee.push(
+          h(pt, {
+            noValueOnPlaceholder: t.props.noValueOnPlaceholder,
+            searchIcon: !1,
+            bordered: !1,
+            simple: !0
+          })
+        ), !L(ee) || !t.props.contentFit || t.props.trailingIcon)
+          return h("div", { class: C(p, "content") }, ee);
+      }, v = [], G = ce();
+      L(G) || v.push(G), v.push(_());
+      const z = ae();
+      return L(z) || v.push(z), h("button", s.value, v);
+    };
+    return (c, m) => (x(), R($));
+  }
+}), ot = /* @__PURE__ */ ye({
+  ..._e("ComboboxOption"),
+  __name: "ComboboxOption",
+  props: {
+    option: {}
+  },
+  setup(y) {
+    const t = y, o = Ke(), a = b(() => o.isOptionSelected(t.option._key)), X = (f) => {
+      var p, F, s, U, ae, Z;
+      const u = [];
+      !o.props.tree && o.props.multiple && o.props.checkbox && !t.option._noCheckbox && u.push(
+        h(go, {
+          modelValue: a.value,
+          size: f.checkboxSize,
+          disabled: t.option._disabled
+        })
+      );
+      const r = (F = (p = o.slots).optionLeading) == null ? void 0 : F.call(p, { ...f, option: t.option });
+      return L(r) ? o.props.tagRenderMode === "avatar" && o.props.showTriggerTagOnOption ? u.push(
+        h(rt, {
+          size: f.avatarSize,
+          ...((U = (s = o.props).getTagProps) == null ? void 0 : U.call(s, t.option)) ?? {}
+        })
+      ) : o.props.tagRenderMode === "go" && o.props.showTriggerTagOnOption ? u.push(
+        h(st, {
+          size: f.iconSize,
+          ...((Z = (ae = o.props).getTagProps) == null ? void 0 : Z.call(ae, t.option)) ?? {}
+        })
+      ) : t.option._icon && u.push(h($e, { icon: t.option._icon, size: o.getIconSize.value })) : u.push(r), L(u) ? null : u;
+    }, Y = Lt(), V = () => {
+      const f = o.props.tree ? void 0 : t.option._description, u = (Ft(o.props.getMenuItemProps) ? o.props.getMenuItemProps(t.option) : o.props.getMenuItemProps) ?? {};
+      return h(
+        ro,
+        {
+          class: C(O, "option"),
+          unFocusable: !0,
+          staticStyle: o.props.tree,
+          description: f,
+          title: t.option._label,
+          key: t.option._key,
+          selected: a.value,
+          leadingCenter: !!f,
+          size: o.getSize.value,
+          disabled: o.props.tree ? !1 : t.option._disabled,
+          onClick: () => o.selectOption(t.option),
+          slotProps: t,
+          ...u,
+          ...Y
+        },
+        {
+          leading: X,
+          trailing: o.slots.optionTrailing,
+          title: o.slots.optionTitle,
+          description: o.slots.optionDescription
+        }
+      );
+    };
+    return (f, u) => (x(), R(V));
+  }
+}), xo = /* @__PURE__ */ ye({
+  ..._e("ComboboxLabel"),
+  __name: "ComboboxLabel",
+  props: {
+    label: {}
+  },
+  setup(y) {
+    return (t, o) => (x(), ve("div", {
+      class: Pe(g(C)(g(O), "label"))
+    }, Dt(t.label), 3));
+  }
+}), Qo = /* @__PURE__ */ ye({
+  ..._e("Combobox"),
+  __name: "Combobox",
+  props: {
+    modelValue: {},
+    defaultValue: {},
+    multiple: { type: Boolean, default: void 0 },
+    disabled: { type: Boolean, default: void 0 },
+    highlightOnHover: { type: Boolean },
+    resetSearchTermOnBlur: { type: Boolean, default: !0 },
+    resetSearchTermOnSelect: { type: Boolean, default: !0 },
+    size: { default: "md" },
+    status: {},
+    noValueOnPlaceholder: { type: Boolean },
+    zIndex: {},
+    checkbox: { type: Boolean, default: !0 },
+    tagRenderMode: { default: "chip" },
+    getTagProps: {},
+    tree: { type: Boolean },
+    treeProps: {},
+    contentFit: { type: Boolean },
+    wrapped: { type: Boolean },
+    sortSelectedItems: { type: Boolean },
+    noTrailing: { type: Boolean },
+    leadingIcon: {},
+    trailingIcon: { type: [String, Boolean], default: "tabler:chevron-down" },
+    selectedItemIconAsTrailingIcon: { type: Boolean, default: !0 },
+    maxCount: {},
+    to: {},
+    placeholder: {},
+    indicatorIcon: { default: "tabler:check" },
+    options: {},
+    getDisabled: {},
+    getLabel: {},
+    getDescription: {},
+    getValue: {},
+    getNoCheckbox: {},
+    getSingle: {},
+    getClear: {},
+    getOptions: {},
+    getIcon: {},
+    loading: { type: Boolean },
+    skeletonProps: {},
+    loadingRowCount: { default: 10 },
+    lazyLoading: { type: Boolean },
+    bordered: { type: Boolean, default: !0 },
+    clearOnChangeMultiple: { type: Boolean, default: !0 },
+    triggerCls: {},
+    triggerLeadingCls: {},
+    triggerContentCls: {},
+    triggerContentPlaceholderCls: {},
+    triggerContentValueCls: {},
+    triggerTrailingCls: {},
+    itemLeadingCls: {},
+    optionCls: {},
+    tagCls: {},
+    popupCls: {},
+    labelCls: {},
+    optionsCls: {},
+    optionTextCls: {},
+    optionContentCls: {},
+    emptyCls: {},
+    skeletonCls: {},
+    scrollContainerProps: {},
+    emptyProps: {},
+    samePopupWidth: { type: Boolean, default: !0 },
+    popupHeight: { default: 384 },
+    popupWidth: {},
+    minWidth: {},
+    search: {},
+    filterOptions: {},
+    expandedKeys: {},
+    noTrigger: { type: Boolean },
+    headerSearch: { type: Boolean },
+    headerSearchInputProps: {},
+    virtual: { type: Boolean },
+    showTriggerTagOnOption: { type: Boolean },
+    disableOutsidePointerEvents: { type: Boolean, default: !0 },
+    getMenuItemProps: {},
+    placement: { default: "bottom-start" },
+    containerProps: {},
+    reversePlacementOnDir: {},
+    open: { type: Boolean, default: void 0 },
+    defaultOpen: { type: Boolean, default: void 0 },
+    sideOffset: { default: 4 },
+    alignOffset: {},
+    reference: {},
+    prioritizePosition: { type: Boolean, default: !1 },
+    avoidCollisions: { type: Boolean, default: void 0 },
+    dir: {}
+  },
+  emits: ["update:modelValue", "update:expandedKeys", "update:search", "fetch", "search", "select", "update:open", "escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "openAutoFocus", "closeAutoFocus"],
+  setup(y, { emit: t }) {
+    const o = y, a = t, X = () => {
+      var e, l;
+      o.tree && (((e = o.filterOptions) == null ? void 0 : e.expandParent) === "collapse" ? F([]) : ((l = o.filterOptions) == null ? void 0 : l.expandParent) === "expand" && F(
+        w.value.filter((n) => n._hasChildren).map((n) => n._key)
+      ));
+    }, Y = Qe((e) => {
+      a("search", e), X();
+    }, 500), V = Oe(o, "search", a, {
+      passive: o.search === void 0,
+      onChange: Y
+    }), f = no(V, 500), u = Oe(o, "open", a, {
+      defaultValue: o.defaultOpen,
+      passive: o.open === void 0,
+      onChange(e) {
+        !e && o.resetSearchTermOnBlur && (V.value = void 0);
+      }
+    }), r = Oe(
+      o,
+      "modelValue",
+      a,
+      {
+        passive: o.modelValue === void 0,
+        onChange: (e) => {
+          var l, n;
+          u.value && !o.multiple && (u.value = !1), typeof B !== void 0 && (B != null && B.value) && o.sortSelectedItems && ((n = (l = B == null ? void 0 : B.value) == null ? void 0 : l.measure) == null || n.call(l));
+        }
+      }
+    ), p = Oe(
+      o,
+      "expandedKeys",
+      a,
+      {
+        passive: o.expandedKeys === void 0
+      }
+    ), F = Qe(
+      (e) => {
+        p.value = e;
+      },
+      500,
+      { edges: ["leading"] }
+    ), s = lt(), U = Kt(a), ae = b(() => ({
+      ...he(U, ["update:modelValue", "update:search", "select"]),
+      ...Nt(o, [
+        "placement",
+        "reversePlacementOnDir",
+        "zIndex",
+        "to",
+        "sideOffset",
+        "alignOffset",
+        "reference",
+        "prioritizePosition",
+        "avoidCollisions",
+        "dir",
+        "size"
+      ])
+      // modal: true,
+    })), Z = me();
+    Wt({ target: Z });
+    const pe = q({
+      key: "value",
+      getter: o.getValue
+    }), ce = {
+      getDisabled: q({
+        key: "disabled",
+        getter: o.getDisabled,
+        noReturnOption: !0,
+        defaultValue: !1
+      }),
+      getDescription: q({
+        key: "description",
+        getter: o.getDescription,
+        noReturnOption: !0
+      }),
+      getValue: pe,
+      getLabel: q({
+        key: "label",
+        getter: o.getLabel,
+        noReturnOption: !0,
+        defaultValue: pe
+      }),
+      getNoCheckbox: q({
+        key: "noCheckbox",
+        getter: o.getNoCheckbox,
+        noReturnOption: !0,
+        defaultValue: !1
+      }),
+      getSingle: q({
+        key: "single",
+        getter: o.getSingle,
+        noReturnOption: !0,
+        defaultValue: !1
+      }),
+      getClear: q({
+        key: "clear",
+        getter: o.getClear,
+        noReturnOption: !0,
+        defaultValue: !1
+      }),
+      getOptions: q({
+        key: "options",
+        getter: o.getOptions,
+        noReturnOption: !0
+      }),
+      getIcon: q({
+        key: "icon",
+        getter: o.getIcon,
+        noReturnOption: !0
+      })
+    }, $ = (e, l) => {
+      var d;
+      const n = `get${l[0].toUpperCase() + l.slice(1)}`;
+      return (d = ce[n]) == null ? void 0 : d.call(ce, e);
+    }, c = (e, l, n) => !!(!o.tree && !(l != null && l.length) && (n != null && n.length)), m = b(
+      () => uo({
+        getValue: (e, l, n) => {
+          const d = $(e, "value");
+          return A(d) && c(e, l, n) ? Ye(tt) : d;
+        },
+        getDisabled: (e) => $(e, "disabled"),
+        arr: o.options ?? [],
+        getChildren: (e, l) => {
+          if (!(l != null && l.length && !o.tree))
+            return $(e, "options");
+        },
+        getExtra: (e) => {
+          if (e) {
+            let l = $(e, "label");
+            return A(l) || (l = String(l)), {
+              _description: $(e, "description"),
+              _label: l,
+              _title: o.tree ? l : void 0,
+              _noCheckbox: $(e, "noCheckbox"),
+              _single: $(e, "single"),
+              _clear: $(e, "clear"),
+              _icon: $(e, "icon")
+            };
+          }
+        },
+        allowNoValidKey: c
+      })
+    ), _ = (e, l = !1) => e ? m.value.filter((n) => {
+      var d;
+      if (l) {
+        const P = Xe(n._parentKeys ?? []);
+        return P && P === e;
+      }
+      return (d = n._parentKeys) == null ? void 0 : d.includes(e);
+    }) : [], v = (e) => {
+      var l;
+      if ((l = m.value) != null && l.length && !A(e))
+        return m.value.find((n) => n._key === e);
+    }, G = (e) => {
+      const l = v(e);
+      return l && (l._label || l._key) || e;
+    }, z = (e) => {
+      const l = v(e);
+      return l ? l._single ?? !1 : !1;
+    }, re = (e) => e === void 0 ? !1 : Array.isArray(r.value) ? !!(e && r.value.includes(e)) : r.value === e, w = b(() => {
+      var d, P;
+      let e = [];
+      const l = /* @__PURE__ */ new Set(), n = (i) => {
+        i != null && i._key && !l.has(i._key) && (e.push(ne(i)), l.add(i._key));
+      };
+      if (f.value ? (m.value.forEach((i) => {
+        var E, j;
+        if (i._label && i._label.toLowerCase().includes(f.value.toLowerCase()) && !l.has(i._key)) {
+          if (n(i), i._hasChildren && _(i._key).forEach(n), (E = o.filterOptions) != null && E.strictNode)
+            i._parentKeys && i._parentKeys.forEach((I) => {
+              if (!l.has(I)) {
+                const oe = v(I);
+                n(oe);
+              }
+            });
+          else if ((j = i._parentKeys) != null && j.length) {
+            const I = et(i._parentKeys);
+            if (!A(I)) {
+              if (!l.has(I)) {
+                const le = v(I);
+                n(le);
+              }
+              _(I).forEach(n);
+            }
+          }
+        }
+      }), e = e.sort(
+        (i, M) => m.value.findIndex((E) => E._key === i._key) - m.value.findIndex((E) => E._key === M._key)
+      )) : e = ne(m.value), o.sortSelectedItems && !o.tree && !A(r.value)) {
+        let i = ne(e);
+        const M = i.filter((k) => re(k._key)), E = Symbol("root"), j = Symbol("rootGroup"), I = {}, oe = (k, T, S = 1) => {
+          const W = i.splice(k, S);
+          i.splice(T, 0, ...W);
+        }, le = (k) => k ? i.findIndex((T) => T._key === k) : -1, Se = (k) => {
+          const T = I[k], S = le(T == null ? void 0 : T.key);
+          return T != null && T.length ? S + T.length + 1 : S + 1;
+        };
+        M.forEach((k) => {
+          var T;
+          if ((T = k._parentKeys) != null && T.length) {
+            const S = et(k._parentKeys);
+            let W = le(S);
+            const Ge = Math.max(
+              Se(E),
+              Se(j)
+            );
+            if (W > Ge) {
+              const xe = _(S).length;
+              oe(W, Ge, xe + 1);
+            }
+            if (I[j] = {
+              key: S,
+              length: _(S).length
+            }, W = le(S), S && W > -1) {
+              const xe = le(k._key);
+              if (I[S] === void 0)
+                oe(xe, W + 1);
+              else {
+                const wt = Se(S);
+                oe(xe, wt);
+              }
+              I[S] = {
+                length: void 0,
+                key: k._key
+              };
+            }
+          } else {
+            const S = le(k._key), W = Se(E);
+            S > W && oe(S, W), I[E] = {
+              key: k._key,
+              length: k._hasChildren ? _(k._key).length : void 0
+            };
+          }
+          i = ne(i);
+        }), e = i;
+      }
+      if (!o.tree) {
+        let i = ne(e);
+        for (let M = 0; M < i.length - 1; M++) {
+          const E = i[M], j = i[M + 1];
+          !j._divider && (j._hasChildren || (d = E._parentKeys) != null && d.length && !((P = j._parentKeys) != null && P.length)) && (i.splice(M + 1, 0, { _key: Ye(tt), _divider: !0 }), M++);
+        }
+        e = i;
+      }
+      return e;
+    });
+    X();
+    const { getDisabled: ee, getStatus: de, getSize: D } = Ht(), be = b(() => {
+      switch (D.value) {
+        case "sm":
+          return "xsm";
+        case "lg":
+          return "md";
+        case "md":
+        default:
+          return "sm";
+      }
+    }), se = b(() => {
+      switch (D.value) {
+        case "sm":
+          return "2xsm";
+        case "lg":
+          return "sm";
+        case "md":
+        default:
+          return "xsm";
+      }
+    }), Ce = me(), Be = {
+      sm: 4,
+      md: 6,
+      lg: 8
+    }, ge = {
+      sm: 14,
+      md: 16
+    }, fe = {
+      sm: 32,
+      md: 50,
+      lg: 54
+    }, ke = b(() => ({
+      get count() {
+        return w.value.length;
+      },
+      getScrollElement: () => {
+        var e;
+        return (e = Ce.value) == null ? void 0 : e.container.viewportElement;
+      },
+      estimateSize: (e) => {
+        const l = w.value[e];
+        if (!o.tree && l) {
+          if (l._divider)
+            return 1;
+          if (l._label && l._hasChildren)
+            return 8 + (ge[D.value] ?? ge.md);
+          if (l._description)
+            return fe[D.value] ?? fe.md;
+        }
+        return Ze[D.value] ?? Ze.md;
+      },
+      overscan: 5,
+      get gap() {
+        return Be[D.value] ?? 0;
+      }
+    }));
+    let B, N;
+    if (o.virtual) {
+      const { virtualizer: e, ...l } = Ut(
+        ke
+      );
+      B = e, N = l;
+    }
+    const ct = b(
+      () => {
+        var e;
+        return o.virtual ? (((e = B == null ? void 0 : B.value) == null ? void 0 : e.getVirtualItems()) ?? []).map((l) => w.value[l.index]) : w.value;
+      }
+    ), dt = b(() => (N == null ? void 0 : N.containerStyles.value) ?? {}), {
+      inputBindings: gt,
+      rootBindings: ft,
+      focused: mt
+    } = Gt({
+      getDisabled: () => ee.value
+    }), ie = me(), Ie = () => {
+      var e;
+      if (u.value && ie.value && document.activeElement !== ((e = ie.value) == null ? void 0 : e.input)) {
+        ie.value.input.style.pointerEvents = "auto";
+        const l = setTimeout(() => {
+          var n, d;
+          (d = (n = ie.value) == null ? void 0 : n.focus) == null || d.call(n), clearTimeout(l);
+        }, 100);
+        ie.value.input.style.pointerEvents = "";
+      }
+    }, Fe = b(
+      () => !o.noValueOnPlaceholder && (Q(r.value) ? r.value.length === 1 && !A(r.value[0]) : !A(r.value))
+    ), vt = b(() => {
+      if (Fe.value) {
+        if (o.multiple && Q(r.value))
+          return G(Xe(r.value));
+        if (!o.multiple && !Q(r.value))
+          return G(r.value);
+      }
+    }), { CollectionSlot: ht, CollectionItem: Ne, itemMap: yt, getItems: _t } = jt({
+      isProvider: !0,
+      key: O
+    }), We = () => r.value ? Array.isArray(r.value) ? r.value : [r.value] : [], Te = me(), Ve = (e) => {
+      Te.value = e;
+    }, He = (e) => ({
+      "data-disabled": e._disabled ? "" : void 0,
+      "data-highlighted": Te.value === e._key ? "" : void 0
+    }), ze = me();
+    Co({
+      props: o,
+      emit: a,
+      searchModel: V,
+      openModel: u,
+      model: r,
+      slots: s,
+      valuePlaceholder: Fe,
+      placeholder: vt,
+      getOptionByValue: v,
+      isOptionSelected: re,
+      getLabelByValue: G,
+      getSingleByValue: z,
+      inputRef: ie,
+      focusOnInput: Ie,
+      getDisabled: ee,
+      getStatus: de,
+      getSize: D,
+      getTagSize: be,
+      getIconSize: se,
+      comboboxInputBinding: gt,
+      comboboxTriggerBinding: ft,
+      comboboxInputFocused: mt,
+      selectOption: (e, l) => {
+        var n, d;
+        if (l && ((n = ze.value) != null && n.onSelect) && o.tree && ((d = ze.value) == null || d.onSelect(e, !re(e == null ? void 0 : e._key))), !(o.tree || !e || !e._key || e._disabled))
+          if (o.multiple)
+            if (e._clear)
+              r.value = [], a("select", void 0, !1);
+            else if (e._single)
+              r.value = [e._key], a("select", e._key, !0, e);
+            else {
+              let P = Q(r.value) ? r.value : [];
+              const i = P.includes(e._key);
+              P.length === 1 && z(P[0]) && e._key !== P[0] && (P = []), i ? (r.value = P.filter((M) => M !== e._key), a("select", e._key, !0, e)) : (r.value = [...P, e._key], a("select", e._key, !1, e));
+            }
+          else e._clear ? (r.value = void 0, a("select", void 0, !1)) : (r.value = e._key, a("select", e._key, !0, e));
+      },
+      itemMap: yt,
+      getItems: _t,
+      highlightedOptionKey: Te
+    }), Et(
+      () => [o.clearOnChangeMultiple, o.multiple],
+      () => {
+        o.clearOnChangeMultiple && (r.value = void 0);
+      }
+    );
+    const bt = b(() => ({
+      defaultExpandAll: !0,
+      showLine: !0,
+      selectionBehavior: "replace",
+      ...o.treeProps ?? {},
+      size: D.value,
+      flattenData: !0,
+      outerVirtualScroll: !0,
+      selectable: !0,
+      focusable: !1,
+      multiple: o.multiple,
+      checkable: o.multiple && o.checkbox,
+      virtual: B,
+      syncCheckboxAndSelect: o.multiple,
+      data: w.value,
+      modelValue: We(),
+      checkedKeys: We(),
+      class: C(O, "tree")
+    })), Ct = b(() => {
+      const e = o.scrollContainerProps ?? {};
+      return {
+        ...e,
+        areaCls: [
+          C(O, "scroll_area"),
+          e == null ? void 0 : e.class,
+          e == null ? void 0 : e.areaCls
+        ],
+        wrapProps: {
+          ...(e == null ? void 0 : e.wrapProps) ?? {},
+          style: (N == null ? void 0 : N.scrollWrapperStyles.value) ?? {}
+        }
+      };
+    }), Ue = C(O, "popup"), kt = at(Ue, {
+      variants: {
+        size: J(ut, Ue)
+      }
+    }), we = (e) => {
+      if (vo(e))
+        return `${e}px`;
+      if (typeof e == "string")
+        return e;
+    }, St = b(() => we(o.popupWidth)), xt = b(() => we(o.popupHeight)), Ot = b(() => we(o.minWidth)), Pt = () => {
+      var n, d;
+      const e = (d = s.header) == null ? void 0 : d.call(s, {
+        isEmpty: !((n = w.value) != null && n.length),
+        search: V.value
+      }), l = !L(e);
+      if (l || o.headerSearch)
+        return h(
+          "div",
+          { class: C(O, "header") },
+          l ? e : h(pt, o.headerSearchInputProps || {})
+        );
+    }, Bt = () => {
+      var n, d;
+      const e = (d = s.footer) == null ? void 0 : d.call(s, {
+        isEmpty: !((n = w.value) != null && n.length),
+        search: V.value
+      });
+      if (!L(e))
+        return h("div", { class: C(O, "footer") }, e);
+    }, It = () => {
+      var n;
+      const e = {
+        type: D.value === "sm" ? "simple" : "advance",
+        ...he(o.emptyProps ?? {}, ["class"]),
+        class: H(C(O, "empty"), o.emptyCls)
+      }, l = (n = s.empty) == null ? void 0 : n.call(s, e);
+      return L(l) ? h(io, e, {
+        title: s.emptyTitle,
+        description: s.emptyDescription,
+        actions: s.emptyActions,
+        image: s.emptyImage
+      }) : l;
+    }, Tt = () => {
+      var l;
+      const e = (l = s.loading) == null ? void 0 : l.call(s, {});
+      return L(e) ? new Array(w.value.length ? 2 : o.loadingRowCount).fill(1).map(
+        () => h(fo, {
+          size: D.value,
+          class: H(C(O, "skeleton"), o.skeletonCls),
+          ...he(o.skeletonProps ?? {}, ["class"])
+        })
+      ) : e;
+    }, Vt = (e, l, n) => {
+      const d = e._clear;
+      if (o.multiple) {
+        const P = e._single;
+        d ? r.value = [] : P ? r.value = [e._key] : r.value = n;
+      } else
+        d || !l ? r.value = void 0 : r.value = e._key;
+      a(
+        "select",
+        e._key,
+        l,
+        e
+      );
+    }, zt = (e) => {
+      e.key === "ArrowDown" && !u.value ? u.value = !0 : e.key === "Tab" && u.value && (u.value = !1);
+    };
+    return o.disableOutsidePointerEvents && qt(u), (e, l) => (x(), R(g(Xt), ue({
+      open: g(u),
+      "onUpdate:open": l[2] || (l[2] = (n) => je(u) ? u.value = n : null)
+    }, ae.value, {
+      containerProps: {
+        ...e.containerProps ?? {},
+        onClick: Ie
+      },
+      noPadding: !0,
+      size: g(D),
+      containerStyle: {
+        pointerEvents: "auto",
+        display: g(u) ? void 0 : "none",
+        zIndex: e.zIndex,
+        "--ptc-combobox-popup-width": e.samePopupWidth ? void 0 : St.value,
+        "--ptc-combobox-popup-height": xt.value,
+        "--ptc-combobox-trigger-min-w": Ot.value
+      },
+      containerCls: g(H)(g(kt)(o), e.popupCls),
+      onKeydown: zt
+    }), nt({
+      content: K(() => [
+        te(Pt),
+        te(g(so), ue({
+          ref_key: "scrollContainerRef",
+          ref: Ce
+        }, Ct.value), {
+          default: K(() => [
+            w.value.length || e.loading ? (x(), R(g(ht), { key: 0 }, {
+              default: K(() => [
+                qe("div", {
+                  class: Pe(g(H)(g(C)(g(O), "options"), e.optionsCls)),
+                  style: Rt(e.virtual ? dt.value : {}),
+                  onPointerleave: l[1] || (l[1] = (n) => Ve(void 0))
+                }, [
+                  e.tree ? (x(), R(g(po), ue({
+                    key: 0,
+                    ref_key: "treeRef",
+                    ref: ze
+                  }, bt.value, {
+                    expandedKeys: g(p),
+                    "onUpdate:expandedKeys": l[0] || (l[0] = (n) => je(p) ? p.value = n : null),
+                    onExpand: Ie,
+                    onSelect: Vt
+                  }), {
+                    default: K(({ items: n }) => [
+                      (x(!0), ve(Re, null, Ae(n, (d) => (x(), R(g(Ne), {
+                        key: d._key,
+                        value: d._key
+                      }, {
+                        default: K(() => [
+                          te(g(co), ue({ node: d }, { ref_for: !0 }, He(d), {
+                            onPointermove: (P) => Ve(d._key)
+                          }), {
+                            default: K(() => [
+                              te(ot, { option: d }, null, 8, ["option"])
+                            ]),
+                            _: 2
+                          }, 1040, ["node", "onPointermove"])
+                        ]),
+                        _: 2
+                      }, 1032, ["value"]))), 128))
+                    ]),
+                    _: 1
+                  }, 16, ["expandedKeys"])) : (x(!0), ve(Re, { key: 1 }, Ae(ct.value, (n) => (x(), ve(Re, {
+                    key: n._key
+                  }, [
+                    n._divider ? (x(), R(mo, { key: 0 })) : n._label && n._hasChildren ? (x(), R(xo, {
+                      key: 1,
+                      label: n._label
+                    }, null, 8, ["label"])) : n._hasChildren ? Ee("", !0) : (x(), R(g(Ne), {
+                      key: 2,
+                      value: n._key
+                    }, {
+                      default: K(() => [
+                        te(ot, ue({ option: n }, { ref_for: !0 }, He(n), {
+                          onPointermove: (d) => Ve(n._key)
+                        }), null, 16, ["option", "onPointermove"])
+                      ]),
+                      _: 2
+                    }, 1032, ["value"]))
+                  ], 64))), 128)),
+                  e.loading ? (x(), R(Tt, { key: 2 })) : Ee("", !0)
+                ], 38)
+              ]),
+              _: 1
+            })) : (x(), R(It, { key: 1 })),
+            e.lazyLoading ? (x(), ve("div", {
+              key: 2,
+              class: Pe(g(C)(g(O), "lazy_loading"))
+            }, [
+              qe("div", {
+                class: Pe(g(C)(g(O), "lazy_loading_trigger")),
+                ref_key: "target",
+                ref: Z
+              }, null, 2)
+            ], 2)) : Ee("", !0)
+          ]),
+          _: 1
+        }, 16),
+        te(Bt)
+      ]),
+      _: 2
+    }, [
+      e.noTrigger ? void 0 : {
+        name: "default",
+        fn: K(() => [
+          te(So)
+        ]),
+        key: "0"
+      }
+    ]), 1040, ["open", "containerProps", "size", "containerStyle", "containerCls"]));
+  }
+});
+export {
+  ut as C,
+  Qo as _,
+  pt as a,
+  ko as b,
+  Ke as i,
+  Co as p
+};