@pantograph/vue 0.28.1 → 0.28.3

package/dist/Combobox.vue_vue_type_style_index_0_lang-R4jyjKx0.js

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