@pantograph/vue 0.27.6 → 0.27.7

package/dist/Combobox.vue_vue_type_style_index_0_lang-BA_I2GN7.js

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