@pantograph/vue 0.26.0 → 0.27.1

package/dist/Combobox.vue_vue_type_style_index_0_lang-DLgal2Q-.js

@@ -1,949 +0,0 @@
-import { defineComponent as le, computed as i, createBlock as xe, openBlock as ue, unref as P, mergeProps as Re, withCtx as fe, createElementBlock as Ae, createVNode as $e, h as n, normalizeClass as qe, renderSlot as Fe, ref as Ce, watch as Ne, useSlots as Je, useAttrs as Qe, createSlots as Xe, renderList as Ye, normalizeProps as Ze, guardReactiveProps as et } from "vue";
-import { createContext as We, ComboboxInput as tt, ComboboxAnchor as ot, injectComboboxRootContext as at, useFilter as nt, ComboboxPortal as lt, ComboboxContent as rt, useEmitAsProps as st, ComboboxRoot as it } from "reka-ui";
-import { last as pt, isString as ve, cloneDeep as Le, omit as Me, isFunction as we, omitBy as ut, pick as De, isUndefined as ct } from "es-toolkit";
-import { g as Oe, a as Se } from "./options-Bh1s18jm.js";
-import { n as ne, v as H, e as Be, k as F, o as _e, h as dt, j as gt, g as mt, m as ft, q as vt, u as ht } from "./Icon.vue_vue_type_style_index_0_lang-26YK1SwL.js";
-import { getBemBlock as bt, getBemElement as f, generateVariantClassList as U, normCls as X } from "@pantograph/utils";
-import { cva as Pe } from "class-variance-authority";
-import { _ as yt } from "./Empty.vue_vue_type_style_index_0_lang-Bk2nO0VN.js";
-import { _ as Ct } from "./Skeleton.vue_vue_type_style_index_0_lang-2rpO7HY2.js";
-import { _ as Ve } from "./Divider.vue_vue_type_style_index_0_lang-CfBklijs.js";
-import { u as Vt, U as xt } from "./useInputDataStates-D-XvZURF.js";
-import { u as _t } from "./useLazyLoading-Zo-PEp2E.js";
-import { g as Ot, b as St } from "./Popover.vue_vue_type_style_index_0_lang-BrLhsdZu.js";
-import { u as Bt } from "./ConfigProvider.vue_vue_type_script_setup_true_lang-D8R0hBKt.js";
-import { _ as Pt } from "./ScrollContainer.vue_vue_type_style_index_0_lang-ioHY1esc.js";
-import { _ as kt } from "./Tree.vue_vue_type_style_index_0_lang-i9HBxbnw.js";
-import { b as It, _ as Tt } from "./Chip.vue_vue_type_style_index_0_lang-CRI3QwLZ.js";
-import { _ as Ke, d as zt } from "./Avatar.vue_vue_type_style_index_0_lang-DmIuHoi3.js";
-import { _ as Lt } from "./GraphicalObjectGroup.vue_vue_type_style_index_0_lang-CFIKZKMj.js";
-import { _ as Ge } from "./GraphicalObject.vue_vue_type_script_setup_true_lang-DFogOMOj.js";
-import { _ as Mt } from "./Input.vue_vue_type_script_setup_true_lang-BZidgKiU.js";
-import { whenever as wt } from "@vueuse/core";
-import { a as Dt } from "./MenuItem.vue_vue_type_style_index_0_lang-CK2KrtJa.js";
-import { _ as Et } from "./Checkbox.vue_vue_type_style_index_0_lang-QBA04hd1.js";
-import "@pantograph/tokens";
-import "@tanstack/vue-virtual";
-const [ke, Rt] = We("Combobox"), [At, $t] = We("_Combobox"), k = bt("combobox"), Ue = ["sm", "md", "lg"], Ft = ["error", "warning", "success"], Nt = { key: 1 }, je = /* @__PURE__ */ le({
-  ...Oe("ComboboxInput"),
-  __name: "ComboboxInput",
-  setup(g) {
-    const o = ke();
-    wt(
-      () => o.open.value && o.headerInputElement.value,
-      () => {
-        o.headerInputElement.value && o.open.value && o.focusOnInput();
-      }
-    );
-    const t = i(() => !ne(o.modelValue.value)), e = i(() => {
-      if (t.value) {
-        if (o.props.multiple && H(o.modelValue.value) && !o.props.noLastValueOnPlaceholder)
-          return o.getLabelByValue(pt(o.modelValue.value));
-        if (!o.props.multiple && !H(o.modelValue.value))
-          return o.getLabelByValue(o.modelValue.value);
-      }
-      return o.props.placeholder ?? "";
-    }), m = (N) => {
-      if (N.key === "Backspace" && o.props.multiple && H(o.modelValue.value) && ne(o.searchModel.value) && (o.setModelValue(o.modelValue.value.slice(0, -1)), ne(o.modelValue.value))) {
-        const T = setTimeout(() => {
-          o.focusOnInput(), clearTimeout(T);
-        }, 2);
-      }
-    }, p = f(k, "input"), L = Pe(p, {
-      variants: {
-        valuePlaceholder: U("value-placeholder", p)
-      }
-    });
-    return (N, T) => (ue(), xe(P(tt), Re(P(o).comboboxInputBinding.value, {
-      disabled: P(o).getDisabled.value,
-      placeholder: e.value,
-      "as-child": "",
-      modelValue: P(o).searchModel.value,
-      "onUpdate:modelValue": T[0] || (T[0] = (_) => P(o).searchModel.value = _),
-      onKeydown: m,
-      class: P(L)({
-        valuePlaceholder: t.value
-      }),
-      displayValue: () => ""
-    }), {
-      default: fe(() => [
-        P(o).props.headerSearch ? (ue(), xe(Mt, {
-          key: 0,
-          ref: P(o).headerInputElement,
-          placeholder: P(o).props.placeholder
-        }, {
-          leading: fe(({ iconSize: _ }) => [
-            $e(Be, {
-              size: _,
-              icon: "tabler:search",
-              flipOnDir: "rtl"
-            }, null, 8, ["size"])
-          ]),
-          _: 1
-        }, 8, ["placeholder"])) : (ue(), Ae("input", Nt))
-      ]),
-      _: 1
-    }, 16, ["disabled", "placeholder", "modelValue", "class"]));
-  }
-}), Wt = le({
-  name: Se("ComboboxTrigger"),
-  props: {},
-  setup(g, { slots: o, attrs: t }) {
-    const e = ke(), m = ({ value: l }, C) => {
-      if (C.stopPropagation(), l && H(e.modelValue.value) && !e.getDisabled.value) {
-        const S = e.modelValue.value.filter((I) => I !== l);
-        e.setModelValue(S);
-      }
-    }, p = f(k, "trigger"), L = Pe(p, {
-      variants: {
-        size: U(Ue, p),
-        headerSearch: U("header-search", p),
-        status: U(Ft, p),
-        bordered: U("bordered", p),
-        multiple: U("multiple", p),
-        contentFit: U("content-fit", p),
-        wrapped: U("wrapped", p),
-        filled: U("filled", p)
-      }
-    }), N = i(() => {
-      switch (e.getSize.value) {
-        case "sm":
-          return "2xsm";
-        case "md":
-        default:
-          return "xsm";
-      }
-    }), T = i(() => {
-      if (!e.props.multiple && ve(e.modelValue.value) && !ne(e.modelValue.value))
-        return e.getOptionByValue(e.modelValue.value);
-    }), _ = (l = T.value) => {
-      if (e.props.selectedItemIconAsTrailingIcon && _e(l) && "icon" in l)
-        return l.icon;
-    }, j = i(() => _()), M = i(() => {
-      if (!e.props.noTrailing)
-        return e.props.trailingIcon;
-    }), y = i(() => {
-      var S, I;
-      const l = Le(e.modelValue.value), C = H(e.modelValue.value);
-      return {
-        modelValue: l,
-        open: Le(e.open.value),
-        option: C ? void 0 : e.getOptionByValue(e.modelValue.value),
-        options: C ? (I = (S = e.modelValue.value).map) == null ? void 0 : I.call(S, e.getOptionByValue).filter(Boolean) : void 0
-      };
-    }), W = () => {
-      e.onOpenChange(!e.open.value);
-    }, re = (l) => {
-      e.props.headerSearch;
-    }, O = i(() => ({
-      disabled: e.getDisabled.value,
-      tabindex: e.getDisabled.value || !e.props.headerSearch ? -1 : 0,
-      reference: e.props.reference,
-      "data-disabled": e.getDisabled.value ? "" : void 0,
-      "aria-disabled": e.getDisabled.value ?? void 0,
-      "aria-label": "Show popup",
-      "aria-haspopup": "listbox",
-      "aria-expanded": e.open.value,
-      "aria-controls": e.contentId,
-      "data-state": e.open.value ? "open" : "closed",
-      class: X(
-        L({
-          size: e.getSize.value,
-          status: e.getStatus.value === "success" && ne(e.modelValue.value) ? void 0 : e.getStatus.value,
-          bordered: e.props.bordered,
-          multiple: e.props.multiple,
-          contentFit: e.props.contentFit,
-          wrapped: e.props.wrapped,
-          filled: !ne(e.modelValue.value),
-          headerSearch: e.props.headerSearch
-        }),
-        e.props.triggerCls
-      ),
-      ...t
-    })), K = (l, C = N.value) => n(Be, { icon: l, size: C }), w = () => {
-      var S;
-      let l;
-      const C = (S = o.triggerTrailing) == null ? void 0 : S.call(o, y.value);
-      if (F(C) ? M.value && (l = K(M.value)) : l = C, l)
-        return n(
-          "div",
-          { class: X(f(p, "trailing"), e.props.triggerTrailingCls) },
-          l
-        );
-    };
-    return () => {
-      var Z;
-      const l = (Z = o.trigger) == null ? void 0 : Z.call(o, y.value), C = !F(l), I = (() => {
-        if (!C) return !1;
-        const J = dt(l) ?? null, Q = J.length === 1 ? J[0] : J;
-        return Q ? gt(Q) && !mt(Q) : !0;
-      })(), { class: Y, ...q } = O.value;
-      return n(
-        ot,
-        {
-          ...q,
-          class: C ? e.props.triggerCls : Y,
-          ...e.comboboxTriggerBinding.value,
-          asChild: I,
-          as: I ? "template" : "button",
-          key: String(I),
-          onKeyUp: re,
-          onClick: W
-        },
-        () => {
-          if (C)
-            return l;
-          const J = (v) => {
-            var E, z;
-            const D = e.getOptionByValue(v) ?? { value: v };
-            return n(Ke, {
-              ...D ? ((z = (E = e.props).getTagProps) == null ? void 0 : z.call(E, D)) ?? {} : {},
-              size: e.getTagSize.value
-            });
-          }, Q = (v) => {
-            var E, z;
-            const D = e.getOptionByValue(v) ?? { value: v };
-            return n(Ge, {
-              ...D ? ((z = (E = e.props).getTagProps) == null ? void 0 : z.call(E, D)) ?? {} : {},
-              size: e.getTagSize.value
-            });
-          }, ee = () => {
-            if (!e.props.multiple && !e.props.multiple && !H(e.modelValue.value) && e.modelValue.value && (e.props.tagRenderMode && ["avatar", "go"].includes(e.props.tagRenderMode) || j.value || e.props.leadingIcon)) {
-              let v;
-              if (e.props.tagRenderMode === "avatar" ? v = J(e.modelValue.value) : e.props.tagRenderMode === "go" ? v = Q(e.modelValue.value) : j.value ? v = K(j.value) : e.props.leadingIcon && (v = K(e.props.leadingIcon)), !F(v))
-                return n(
-                  "div",
-                  {
-                    class: X(
-                      f(p, "leading"),
-                      e.props.triggerLeadingCls
-                    )
-                  },
-                  v
-                );
-            }
-          }, ce = () => {
-            const v = [], D = [
-              f(p, "tags"),
-              e.props.triggerContentCls,
-              e.props.triggerContentValueCls
-            ], z = (() => {
-              if (e.props.multiple && H(e.modelValue.value)) {
-                if (e.props.tagRenderMode === "avatar")
-                  return n(
-                    zt,
-                    {
-                      maxCount: e.props.maxCount,
-                      size: e.getTagSize.value,
-                      closeable: !e.getDisabled.value,
-                      noPopover: !0,
-                      noWrap: !e.props.wrapped,
-                      class: D
-                    },
-                    () => e.modelValue.value.map(J)
-                  );
-                if (e.props.tagRenderMode === "go")
-                  return n(
-                    Lt,
-                    {
-                      maxCount: e.props.maxCount,
-                      size: e.getTagSize.value,
-                      closeable: !e.getDisabled.value,
-                      noPopover: !0,
-                      noWrap: !e.props.wrapped,
-                      class: D
-                    },
-                    () => e.modelValue.value.map(Q)
-                  );
-                if (e.props.tagRenderMode === "chip")
-                  return n(
-                    It,
-                    {
-                      maxCount: e.props.maxCount,
-                      size: e.getTagSize.value,
-                      color: "primary",
-                      closeable: !e.getDisabled.value,
-                      noPopover: !0,
-                      noWrap: !e.props.wrapped,
-                      class: D,
-                      onClose: m
-                    },
-                    () => e.modelValue.value.map((R) => {
-                      var ge, ae;
-                      const se = () => e.getLabelByValue(R), he = ({ size: be }) => {
-                        const me = _(e.getOptionByValue(R)) ?? e.props.leadingIcon;
-                        return me ? K(me, be) : null;
-                      }, ie = e.getOptionByValue(R);
-                      return n(
-                        Tt,
-                        {
-                          ...ie ? ((ae = (ge = e.props).getTagProps) == null ? void 0 : ae.call(ge, ie)) ?? {} : {},
-                          value: R,
-                          class: X(f(p, "tag"), e.props.tagCls),
-                          closeIconCls: f(p, "tag__close")
-                        },
-                        {
-                          text: se,
-                          leading: he
-                        }
-                      );
-                    })
-                  );
-              }
-            })();
-            return z && v.push(z), e.props.headerSearch ? e.props.showLabelValueOnHeaderSearch && !e.props.multiple && ve(e.modelValue.value) && v.push(
-              n(
-                "div",
-                { class: f(p, "content__value") },
-                e.getLabelByValue(e.modelValue.value)
-              )
-            ) : v.push(n(je)), n("div", { class: f(p, "content") }, v);
-          }, oe = [], te = ee();
-          F(te) || oe.push(te), oe.push(ce());
-          const de = w();
-          return F(de) || oe.push(de), oe;
-        }
-      );
-    };
-  }
-}), Kt = /* @__PURE__ */ le({
-  ...Oe("ComboboxLabel"),
-  __name: "ComboboxLabel",
-  setup(g) {
-    return (o, t) => (ue(), Ae("div", {
-      class: qe(P(f)(P(k), "label"))
-    }, [
-      Fe(o.$slots, "default")
-    ], 2));
-  }
-}), Ee = le({
-  name: Se("ComboboxOption"),
-  props: {
-    option: {
-      type: [Object, String],
-      required: !0
-    }
-  },
-  slots: Object,
-  setup(g, { slots: o }) {
-    const t = ke(), e = i(() => {
-      switch (t.getSize.value) {
-        case "sm":
-          return "2xsm";
-        case "lg":
-          return "sm";
-        case "md":
-        default:
-          return "xsm";
-      }
-    }), m = i(() => t.getOptionValue(g.option)), p = i(() => t.getOptionNoCheckbox(g.option)), L = i(() => t.getOptionClear(g.option)), N = i(() => t.getOptionSingle(g.option)), T = i(() => t.getOptionLabel(g.option)), _ = i(() => t.getOptionIcon(g.option)), j = i(
-      () => t.props.tree ? void 0 : t.getOptionDescription(g.option)
-    ), M = i(() => t.getOptionDisabled(g.option)), y = i(() => t.isItemSelected(m.value)), W = f(k, "option"), re = () => {
-      if (!(t.props.tree || !m.value || M.value))
-        if (t.props.multiple)
-          if (L.value)
-            t.setModelValue([]), t.emit("select", void 0, !1);
-          else if (N.value)
-            t.setModelValue([m.value]), t.emit("select", m.value, !0, g.option);
-          else {
-            let O = H(t.modelValue.value) ? t.modelValue.value : [];
-            const K = O.includes(m.value);
-            O.length === 1 && t.getSingleByValue(O[0]) && m.value !== O[0] && (O = []), K ? (t.setModelValue(O.filter((w) => w !== m.value)), t.emit("select", m.value, !0, g.option)) : (t.setModelValue([...O, m.value]), t.emit("select", m.value, !1, g.option));
-          }
-        else L.value ? (t.setModelValue(void 0), t.emit("select", void 0, !1)) : (t.setModelValue(m.value), t.emit("select", m.value, !0, g.option));
-    };
-    if (!g.option) throw new Error("option is required");
-    return () => {
-      const O = (w) => {
-        var S, I, Y, q, Z;
-        const l = [];
-        !t.props.tree && t.props.multiple && t.props.checkbox && !p.value && l.push(
-          n(Et, {
-            modelValue: y.value,
-            size: w.checkboxSize,
-            disabled: M.value
-          })
-        );
-        const C = (S = o.leading) == null ? void 0 : S.call(o, { option: g.option });
-        return F(C) ? t.props.tagRenderMode === "avatar" ? l.push(
-          n(Ke, {
-            ...((Y = (I = t.props).getTagProps) == null ? void 0 : Y.call(I, g.option)) ?? {},
-            size: t.getTagSize.value
-          })
-        ) : t.props.tagRenderMode === "go" ? l.push(
-          n(Ge, {
-            ...((Z = (q = t.props).getTagProps) == null ? void 0 : Z.call(q, g.option)) ?? {},
-            size: t.getTagSize.value
-          })
-        ) : _.value && l.push(n(Be, { icon: _.value, size: e.value })) : l.push(C), F(l) ? null : l;
-      };
-      return (() => {
-        const w = !!j.value;
-        return n(
-          Dt,
-          {
-            class: W,
-            description: j.value,
-            title: T.value,
-            key: m.value,
-            selected: y.value,
-            unFocusable: !0,
-            leadingCenter: !w,
-            size: t.getSize.value,
-            disabled: M.value,
-            onClick: re
-          },
-          {
-            leading: O,
-            trailing: () => {
-              var l;
-              return (l = o.trailing) == null ? void 0 : l.call(o, { option: g.option });
-            }
-          }
-        );
-      })();
-    };
-  }
-}), Gt = le({
-  name: Se("ComboboxWrapper"),
-  setup(g, { slots: o }) {
-    const t = At(), e = at(), m = Ce();
-    _t({ target: m });
-    const p = Ce(), L = Ot({ triggerRef: p, props: t.props }), { getFlipOnDir: N, getDir: T } = Bt(), _ = N("reversePlacementOnDir"), j = T(), M = St({
-      props: t.props,
-      flip: _,
-      emitsAsProps: t.emitsAsProps,
-      _dir: j,
-      controlAutoFocus: !1,
-      extraPropNames: ["bodyLock", "position"]
-    }), y = ({
-      key: a,
-      getterKey: r,
-      defaultValue: c,
-      noReturnOption: h
-    }) => (d) => {
-      const V = we(c) ? c(d) : c;
-      if (_e(d)) {
-        const A = d[a] ?? V, $ = r && t.props[r];
-        if ($) {
-          if (ve($))
-            return d[$] ?? A;
-          if (we($)) return $(d) ?? A;
-        }
-        return A;
-      }
-      return ve(d) && !h ? d ?? V : V;
-    }, W = y({
-      getterKey: "getValue",
-      key: "value"
-    }), re = y({
-      getterKey: "getNoCheckbox",
-      key: "noCheckbox"
-    }), O = y({
-      getterKey: "getSingle",
-      key: "single",
-      noReturnOption: !0
-    }), K = y({
-      getterKey: "getClear",
-      key: "clear",
-      noReturnOption: !0
-    }), w = y({
-      getterKey: "getLabel",
-      key: "label",
-      defaultValue: W
-    }), l = y({
-      getterKey: "getIcon",
-      key: "icon",
-      noReturnOption: !0
-    }), C = y({
-      getterKey: "getDescription",
-      key: "description",
-      noReturnOption: !0
-    }), S = y({
-      getterKey: "getDisabled",
-      key: "disabled",
-      defaultValue: !1,
-      noReturnOption: !0
-    }), I = y({
-      getterKey: "getGroupLabel",
-      key: "label",
-      noReturnOption: !0
-    }), Y = y({
-      getterKey: "getGroupOptions",
-      key: "options",
-      noReturnOption: !0
-    }), q = (a) => {
-      const r = (c) => {
-        if (c != null && c.length && a)
-          for (const h of c) {
-            if (W(h) === a) return h;
-            const d = Y(h);
-            if (d != null && d.length) {
-              const V = r(d);
-              if (V) return V;
-            }
-          }
-      };
-      return r(t.props.options);
-    }, Z = (a) => {
-      const r = q(a);
-      return r ? w(r) ?? a : a;
-    }, J = (a) => {
-      const r = q(a);
-      return r ? O(r) ?? !1 : !1;
-    }, { contains: Q } = nt({ sensitivity: "base" }), ee = i(() => {
-      const a = (r) => r == null ? void 0 : r.map((c) => {
-        const h = w(c), d = W(c), V = S(c), A = I(c), $ = !t.searchModel.value || h && Q(h, t.searchModel.value), s = Y(c), b = !t.props.tree || d;
-        if (s && b) {
-          const u = a(s);
-          if (u != null && u.length || $)
-            return {
-              groupLabel: A,
-              title: h,
-              key: d,
-              disabled: V,
-              children: u,
-              _option: c
-            };
-        }
-        return $ && b ? {
-          title: h,
-          key: d,
-          disabled: V,
-          _option: c
-        } : null;
-      }).filter(Boolean);
-      if (t.props.options)
-        return a(t.props.options);
-    }), { getDisabled: ce, getStatus: oe, getSize: te } = Vt({
-      getDisabled: () => t.props.disabled,
-      getSize: () => t.props.size,
-      getStatus: () => t.props.status
-    }), de = i(() => {
-      switch (te.value) {
-        case "sm":
-          return "xsm";
-        case "lg":
-          return "md";
-        case "md":
-        default:
-          return "sm";
-      }
-    }), { inputBindings: v, rootBindings: D } = xt({
-      getDisabled: () => ce.value
-    }), E = Ce(), z = () => {
-      var a, r, c, h, d, V, A;
-      e.open.value && e.inputElement.value && (t.props.headerSearch && ((a = E.value) != null && a.input) ? document.activeElement !== ((r = E.value) == null ? void 0 : r.input) && ((d = (h = (c = E.value) == null ? void 0 : c.input) == null ? void 0 : h.focus) == null || d.call(h)) : document.activeElement !== e.inputElement.value && ((A = (V = e.inputElement.value) == null ? void 0 : V.focus) == null || A.call(V)));
-    }, R = (a) => {
-      e.modelValue.value = a, t.emit("update:modelValue", a);
-    }, se = (a) => a === void 0 ? !1 : Array.isArray(e.modelValue.value) ? !!(a && e.modelValue.value.includes(a)) : e.modelValue.value === a;
-    Rt({
-      ...t,
-      getOptionValue: W,
-      getOptionLabel: w,
-      getOptionSingle: O,
-      getOptionClear: K,
-      getOptionNoCheckbox: re,
-      getOptionDescription: C,
-      getOptionDisabled: S,
-      getOptionIcon: l,
-      getOptionByValue: q,
-      isItemSelected: se,
-      getLabelByValue: Z,
-      getSingleByValue: J,
-      focusOnInput: z,
-      setModelValue: R,
-      headerInputElement: E,
-      getDisabled: ce,
-      getStatus: oe,
-      getSize: te,
-      getTagSize: de,
-      comboboxInputBinding: v,
-      comboboxTriggerBinding: D,
-      ...e,
-      modelValue: e.modelValue
-    }), Ne(
-      () => [t.props.clearOnChangeMultiple, t.props.multiple],
-      () => {
-        t.props.clearOnChangeMultiple && R(void 0);
-      }
-    );
-    const he = i(() => {
-      const a = t.props.scrollContainerProps ?? {};
-      return {
-        ...a,
-        areaCls: [
-          f(k, "scroll_area"),
-          a == null ? void 0 : a.class,
-          a == null ? void 0 : a.areaCls
-        ]
-      };
-    }), ie = f(k, "popup"), ge = Pe(ie, {
-      variants: {
-        size: U(Ue, ie)
-      }
-    }), ae = (a) => {
-      if (vt(a))
-        return `${a}px`;
-      if (typeof a == "string")
-        return a;
-    }, be = i(() => ae(t.props.popupWidth)), me = i(() => ae(t.props.popupHeight)), Ie = i(() => ae(t.props.minWidth)), Te = i(() => ({
-      type: te.value === "sm" ? "simple" : "advance",
-      ...Me(t.props.emptyProps ?? {}, ["class"])
-    })), He = i(() => Me(t.props.skeletonProps ?? {}, ["class"]));
-    return () => {
-      var A, $;
-      const a = (s) => n(
-        Ee,
-        {
-          option: s
-        },
-        {
-          trailing: o.optionTrailing,
-          leading: o.optionLeading
-        }
-      ), r = [];
-      let c;
-      if (t.props.tree) {
-        const b = H(e.modelValue.value) ? e.modelValue.value : e.modelValue.value ? [e.modelValue.value] : [];
-        c = n(
-          kt,
-          {
-            selectable: !0,
-            checkable: t.props.multiple && t.props.checkbox,
-            multiple: t.props.multiple,
-            defaultExpandAll: !0,
-            syncCheckboxAndSelect: t.props.multiple,
-            showLine: !0,
-            focusable: !1,
-            modelValue: b,
-            ...t.props.treeProps ?? {},
-            data: ee.value ?? [],
-            onExpand: z,
-            onSelect: (u, x, B) => {
-              const G = K(u._option);
-              t.props.multiple ? R(G ? [] : B) : R(G || !x ? void 0 : u._key), t.emit("select", u._key, x, u._option);
-            },
-            class: "w-full"
-          },
-          {
-            node: (u) => a(u._option)
-          }
-        ), r.push(c);
-      } else {
-        let s = !1;
-        const b = [];
-        if ((ee.value ?? []).forEach((u) => {
-          var x;
-          if ((x = u.children) != null && x.length) {
-            const B = [];
-            u.children.forEach((G) => {
-              const pe = a(G._option);
-              se(W(G._option)) && t.props.sortSelectedItems ? b.push(pe) : B.push(pe);
-            }), B.length && ((s || r.length) && (r.push(n(Ve)), s = !1), u.groupLabel && r.push(
-              n(Kt, { class: t.props.labelCls }, () => u.groupLabel)
-            ), r.push(...B), s = !0);
-          } else {
-            const B = a(u._option);
-            se(W(u._option)) && t.props.sortSelectedItems ? b.push(B) : (s && (r.push(n(Ve)), s = !1), r.push(B));
-          }
-        }), t.props.sortSelectedItems && b.length) {
-          const u = !!r.length;
-          r.splice(0, 0, ...b), u && r.splice(b.length, 0, n(Ve));
-        }
-      }
-      const h = ft(
-        c ? [c] : r,
-        Ee
-      ).filter(
-        (s) => {
-          var b;
-          return _e(s == null ? void 0 : s.props) && ((b = s == null ? void 0 : s.props) == null ? void 0 : b.option);
-        }
-      ), d = !!(t.props.tree && ((A = ee.value) != null && A.length) || h != null && h.length), V = () => {
-        var b, u;
-        const s = [];
-        if (d || t.props.loading) {
-          const x = [];
-          if (d && x.push(...r), t.props.loading) {
-            const B = (b = o.loading) == null ? void 0 : b.call(o, {});
-            if (!F(B)) x.push(B);
-            else {
-              const G = new Array(d ? 2 : t.props.loadingRowCount).fill(1);
-              x.push(
-                ...G.map(
-                  () => n(Ct, {
-                    size: te.value,
-                    class: X(
-                      f(k, "skeleton"),
-                      t.props.skeletonCls
-                    ),
-                    ...He.value
-                  })
-                )
-              );
-            }
-          }
-          s.push(
-            n(
-              "div",
-              {
-                class: X(f(k, "options"), t.props.optionsCls)
-              },
-              x
-            )
-          );
-        } else if (!d) {
-          const x = (u = o.empty) == null ? void 0 : u.call(o, Te.value);
-          F(x) ? s.push(
-            n(
-              yt,
-              {
-                class: X(f(k, "empty"), t.props.emptyCls),
-                ...Te.value
-              },
-              {
-                title: o.emptyTitle,
-                description: o.emptyDescription,
-                actions: o.emptyActions,
-                image: o.emptyImage
-              }
-            )
-          ) : s.push(x);
-        }
-        return t.props.lazyLoading && s.push(
-          n(
-            "div",
-            { class: f(k, "lazy_loading") },
-            n("div", {
-              class: f(k, "lazy_loading_trigger"),
-              ref: m
-            })
-          )
-        ), s;
-      };
-      return [
-        t.props.noTrigger ? null : n(
-          Wt,
-          {
-            ref: p,
-            ...t.attrs,
-            style: {
-              ...(($ = t.attrs) == null ? void 0 : $.style) ?? {},
-              "--ptc-combobox-trigger-min-w": Ie.value
-            }
-          },
-          {
-            trigger: o.trigger,
-            triggerTrailing: o.triggerTrailing
-          }
-        ),
-        n(
-          lt,
-          L.value,
-          () => n(
-            rt,
-            {
-              ...M.value,
-              class: X(ge(t.props), t.props.popupCls),
-              style: {
-                display: e.open.value ? void 0 : "none",
-                zIndex: t.props.zIndex,
-                "--ptc-combobox-popup-width": t.props.samePopupWidth ? void 0 : be.value,
-                "--ptc-combobox-popup-height": me.value,
-                "--ptc-combobox-trigger-min-w": Ie.value
-              },
-              onClick: z
-            },
-            () => {
-              var B, G, pe, ze;
-              const s = [], b = (G = o.header) == null ? void 0 : G.call(o, {
-                isEmpty: !((B = ee.value) != null && B.length),
-                search: t.searchModel.value
-              }), u = !F(b);
-              if (t.props.headerSearch || u) {
-                const ye = [];
-                u && ye.push(b), t.props.headerSearch && ye.push(n(je)), s.push(
-                  n("div", { class: f(k, "header") }, ye)
-                );
-              }
-              s.push(n(Pt, he.value, V));
-              const x = (ze = o.footer) == null ? void 0 : ze.call(o, {
-                isEmpty: !((pe = ee.value) != null && pe.length),
-                search: t.searchModel.value
-              });
-              return F(x) || s.push(
-                n("div", { class: f(k, "footer") }, x)
-              ), s;
-            }
-          )
-        )
-      ];
-    };
-  }
-}), bo = /* @__PURE__ */ le({
-  ...Oe("Combobox"),
-  __name: "Combobox",
-  props: {
-    size: { default: "md" },
-    status: {},
-    multiple: { type: Boolean, default: void 0 },
-    noLastValueOnPlaceholder: { type: Boolean },
-    showLabelValueOnHeaderSearch: { 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: {},
-    getGroupOptions: {},
-    getGroupLabel: {},
-    getIcon: {},
-    placement: { default: "bottom-start" },
-    reversePlacementOnDir: {},
-    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: {},
-    headerSearch: { type: Boolean },
-    search: {},
-    noTrigger: { type: Boolean },
-    open: { type: Boolean, default: void 0 },
-    defaultOpen: { type: Boolean, default: void 0 },
-    resetSearchTermOnBlur: { type: Boolean, default: !0 },
-    resetSearchTermOnSelect: { type: Boolean, default: !0 },
-    modelValue: {},
-    defaultValue: {},
-    dir: {},
-    disabled: { type: Boolean, default: void 0 },
-    highlightOnHover: { type: Boolean },
-    by: {},
-    asChild: { type: Boolean },
-    as: {},
-    name: {},
-    required: { type: Boolean },
-    reference: {},
-    forceMount: { type: Boolean, default: void 0 },
-    position: { default: "popper" },
-    bodyLock: { type: Boolean },
-    side: {},
-    sideOffset: { default: 4 },
-    align: {},
-    alignOffset: {},
-    avoidCollisions: { type: Boolean, default: void 0 },
-    collisionBoundary: {},
-    collisionPadding: { default: 4 },
-    arrowPadding: {},
-    sticky: {},
-    hideWhenDetached: { type: Boolean, default: void 0 },
-    positionStrategy: { default: "fixed" },
-    updatePositionStrategy: {},
-    disableUpdateOnLayoutShift: { type: Boolean, default: void 0 },
-    prioritizePosition: { type: Boolean, default: void 0 },
-    disableOutsidePointerEvents: { type: Boolean, default: !0 },
-    defer: { type: Boolean }
-  },
-  emits: ["update:search", "select", "update:modelValue", "highlight", "update:open", "escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside"],
-  setup(g, { emit: o }) {
-    const t = g, e = o, m = st(e), p = i(
-      () => ut(
-        {
-          ...De(t, [
-            "open",
-            "defaultOpen",
-            "defaultValue",
-            "modelValue",
-            "by",
-            "dir",
-            "multiple",
-            "disabled"
-          ]),
-          ...De(m, [
-            "onUpdate:modelValue",
-            "onUpdate:open"
-          ]),
-          ignoreFilter: !0
-        },
-        ct
-      )
-    ), L = ht(t, "search", e, {
-      passive: t.search === void 0
-    });
-    Ne(
-      () => t.open,
-      (_) => {
-        _ || (L.value = void 0);
-      }
-    );
-    const N = Je(), T = Qe();
-    return $t({
-      attrs: T,
-      props: t,
-      emit: e,
-      searchModel: L,
-      emitsAsProps: m
-    }), (_, j) => (ue(), xe(P(it), Re(p.value, { class: P(k) }), {
-      default: fe(() => [
-        $e(P(Gt), null, Xe({ _: 2 }, [
-          Ye(Object.keys(N), (M) => ({
-            name: M,
-            fn: fe((y) => [
-              Fe(_.$slots, M, Ze(et(y)))
-            ])
-          }))
-        ]), 1024)
-      ]),
-      _: 3
-    }, 16, ["class"]));
-  }
-});
-export {
-  Ue as C,
-  bo as _,
-  Ft as a,
-  ke as i,
-  Rt as p
-};