@pantograph/vue 0.29.1 → 0.29.3

package/dist/Combobox.vue_vue_type_style_index_0_lang-a7qKkBIb.js

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