@pantograph/vue 0.23.4 → 0.23.6

package/dist/Combobox.vue_vue_type_style_index_0_lang-BM7QiXKH.js

@@ -1,831 +0,0 @@
-import { defineComponent as ne, computed as p, createBlock as be, openBlock as pe, unref as O, mergeProps as Le, withCtx as ge, createElementBlock as De, createVNode as Me, h as r, normalizeClass as Ue, renderSlot as Ee, ref as ve, watch as He, useSlots as qe, useAttrs as Je, createSlots as Qe, renderList as Xe, normalizeProps as Ye, guardReactiveProps as Ze } from "vue";
-import { createContext as Re, ComboboxInput as eo, ComboboxAnchor as oo, injectComboboxRootContext as to, useFilter as ao, ComboboxPortal as no, ComboboxContent as ro, useEmitAsProps as lo, ComboboxRoot as so } from "reka-ui";
-import { h as Pe, o as io, f as Te, j as po } from "./FormItem.vue_vue_type_style_index_0_lang-CwxlEgep.js";
-import { a as Ve, g as uo } from "./options-D4et5euX.js";
-import { getBemBlock as co, getBemElement as b, generateVariantClassList as N } from "@pantograph/utils";
-import { i as j, a as ye, b as Ce, u as go, d as Ie } from "./index-jwkhq8oW.js";
-import { cva as _e } from "class-variance-authority";
-import { o as ze } from "./omit-B3e_dACs.js";
-import { u as he } from "./uniq-BsN259vC.js";
-import { _ as mo } from "./Empty.vue_vue_type_style_index_0_lang-jfObDGf0.js";
-import { _ as fo } from "./Skeleton.vue_vue_type_style_index_0_lang-Xi8CteLp.js";
-import { _ as ke } from "./Divider.vue_vue_type_style_index_0_lang-B6fQsp1Y.js";
-import { b as R, f as vo, a as ho, i as bo, d as yo } from "./element-BfQuKSll.js";
-import { u as Co, U as Vo } from "./useInputDataStates-CtuCKcP6.js";
-import { u as _o } from "./useLazyLoading-Zo-PEp2E.js";
-import { g as xo, b as Bo } from "./Popover.vue_vue_type_style_index_0_lang-ColyiCeV.js";
-import { _ as Oo } from "./ScrollContainer.vue_vue_type_style_index_0_lang-DfMU1mTu.js";
-import { _ as So } from "./Tree.vue_vue_type_style_index_0_lang-Bcy8moE2.js";
-import { i as Z } from "./isEmpty-wdqPTIXx.js";
-import { _ as Po } from "./Chip.vue_vue_type_style_index_0_lang-pkEj-IcZ.js";
-import { _ as To } from "./ChipGroup.vue_vue_type_style_index_0_lang-BFHkFjPI.js";
-import { _ as xe } from "./Icon.vue_vue_type_style_index_0_lang-CbLL-Ngi.js";
-import { d as Io, _ as $e } from "./Avatar.vue_vue_type_style_index_0_lang-CcKQb0PA.js";
-import { _ as zo } from "./GraphicalObjectGroup.vue_vue_type_style_index_0_lang-DgjnAH0N.js";
-import { _ as Ae } from "./GraphicalObject.vue_vue_type_script_setup_true_lang-C7HScEPN.js";
-import { _ as ko } from "./Input.vue_vue_type_style_index_0_lang-C-jEi11-.js";
-import { whenever as wo, useVModel as Lo } from "@vueuse/core";
-import { last as Do } from "lodash-es";
-import { a as Mo } from "./MenuItem.vue_vue_type_style_index_0_lang-DGaSx-eQ.js";
-import "@iconify/vue";
-import { _ as Eo } from "./Checkbox.vue_vue_type_style_index_0_lang-2qQxhEQ0.js";
-import "@pantograph/tokens";
-const [Be, Ro] = Re("Combobox"), [$o, Ao] = Re("_Combobox"), S = co("combobox"), Ke = ["sm", "md", "lg"], Ko = ["error", "warning", "success"], Fo = { key: 1 }, Fe = /* @__PURE__ */ ne({
-  __name: "ComboboxInput",
-  setup(V) {
-    const t = Be();
-    wo(
-      () => t.open.value && t.headerInputElement.value,
-      () => {
-        t.headerInputElement.value && t.open.value && t.focusOnInput();
-      }
-    );
-    const o = p(() => !Z(t.modelValue.value)), e = p(() => o.value ? j(t.modelValue.value) ? t.getLabelByValue(Do(t.modelValue.value)) : t.getLabelByValue(t.modelValue.value) : t.props.placeholder), m = (k) => {
-      if (k.key === "Backspace" && t.props.multiple && j(t.modelValue.value) && Z(t.searchModel.value) && (t.setModelValue(t.modelValue.value.slice(0, -1)), Z(t.modelValue.value))) {
-        const x = setTimeout(() => {
-          t.focusOnInput(), clearTimeout(x);
-        }, 2);
-      }
-    }, c = b(S, "input"), $ = _e(c, {
-      variants: {
-        valuePlaceholder: N("value-placeholder", c)
-      }
-    });
-    return (k, x) => (pe(), be(O(eo), Le(O(t).comboboxInputBinding.value, {
-      disabled: O(t).getDisabled.value,
-      placeholder: e.value,
-      "as-child": "",
-      modelValue: O(t).searchModel.value,
-      "onUpdate:modelValue": x[0] || (x[0] = (P) => O(t).searchModel.value = P),
-      onKeydown: m,
-      class: O($)({
-        valuePlaceholder: o.value
-      }),
-      displayValue: () => ""
-    }), {
-      default: ge(() => [
-        O(t).props.headerSearch ? (pe(), be(ko, {
-          key: 0,
-          ref: O(t).headerInputElement,
-          placeholder: O(t).props.placeholder
-        }, {
-          leading: ge(({ iconSize: P }) => [
-            Me(xe, {
-              size: P,
-              icon: "tabler:search",
-              flipOnDir: "rtl"
-            }, null, 8, ["size"])
-          ]),
-          _: 1
-        }, 8, ["placeholder"])) : (pe(), De("input", Fo))
-      ]),
-      _: 1
-    }, 16, ["disabled", "placeholder", "modelValue", "class"]));
-  }
-}), Wo = /* @__PURE__ */ ne({
-  name: Ve("ComboboxTrigger"),
-  props: {},
-  setup(V, {
-    slots: t,
-    attrs: o
-  }) {
-    const e = Be(), m = ({
-      value: s
-    }, _) => {
-      if (_.stopPropagation(), s && j(e.modelValue.value) && !e.getDisabled.value) {
-        const L = e.modelValue.value.filter((ee) => ee !== s);
-        e.setModelValue(L);
-      }
-    }, c = b(S, "trigger"), $ = _e(c, {
-      variants: {
-        size: N(Ke, c),
-        status: N(Ko, c),
-        bordered: N("bordered", c),
-        multiple: N("multiple", c),
-        contentFit: N("content-fit", c),
-        wrapped: N("wrapped", c),
-        filled: N("filled", c)
-      }
-    }), k = p(() => {
-      switch (e.getSize.value) {
-        case "sm":
-          return "2xsm";
-        case "md":
-        default:
-          return "xsm";
-      }
-    }), x = p(() => {
-      if (!e.props.multiple && ye(e.modelValue.value) && !Z(e.modelValue.value))
-        return e.getOptionByValue(e.modelValue.value);
-    }), P = (s = x.value) => {
-      if (e.props.selectedItemIconAsTrailingIcon && Ce(s) && "icon" in s)
-        return s.icon;
-    }, U = p(() => P()), F = p(() => {
-      if (!e.props.noTrailing)
-        return e.props.trailingIcon;
-    }), f = p(() => ({
-      modelValue: Pe(e.modelValue.value),
-      open: Pe(e.open.value)
-    })), A = () => {
-      e.onOpenChange(!e.open.value);
-    }, w = (s) => {
-      console.log("event ===>", s), e.props.headerSearch;
-    }, T = p(() => ({
-      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: [$({
-        size: e.getSize.value,
-        status: e.getStatus.value === "success" && Z(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: !Z(e.modelValue.value)
-      }), e.props.triggerCls],
-      ...o
-    })), W = (s, _ = k.value) => r(xe, {
-      icon: s,
-      size: _
-    }), Q = () => {
-      var L;
-      let s;
-      const _ = (L = t.triggerTrailing) == null ? void 0 : L.call(t, f.value);
-      if (R(_) ? F.value && (s = W(F.value)) : s = _, s)
-        return r("div", {
-          class: [b(c, "trailing"), e.props.triggerTrailingCls]
-        }, s);
-    };
-    return () => {
-      var ee;
-      const s = (ee = t.trigger) == null ? void 0 : ee.call(t, f.value), L = (() => {
-        if (R(s)) return !1;
-        const H = vo(s) ?? null, q = H.length === 1 ? H[0] : H;
-        return q ? ho(q) && !bo(q) : !0;
-      })();
-      return r(oo, {
-        ...T.value,
-        ...e.comboboxTriggerBinding.value,
-        asChild: L,
-        as: L ? "template" : "button",
-        key: String(L),
-        onKeyUp: w,
-        onClick: A
-      }, () => {
-        if (!R(s))
-          return s;
-        const H = (y) => {
-          var M, z;
-          const D = e.getOptionByValue(y);
-          return r($e, {
-            ...D ? ((z = (M = e.props).getTagProps) == null ? void 0 : z.call(M, D)) ?? {} : {},
-            size: e.getTagSize.value
-          });
-        }, q = (y) => {
-          var M, z;
-          const D = e.getOptionByValue(y);
-          return r(Ae, {
-            ...D ? ((z = (M = e.props).getTagProps) == null ? void 0 : z.call(M, D)) ?? {} : {},
-            size: e.getTagSize.value
-          });
-        }, K = () => {
-          if (!e.props.multiple && !j(e.modelValue.value) && e.modelValue.value && (console.log("context.modelValue.value ===>", e.modelValue.value), e.props.tagRenderMode && ["avatar", "go"].includes(e.props.tagRenderMode) || U.value || e.props.leadingIcon)) {
-            let y;
-            if (e.props.tagRenderMode === "avatar" ? y = H(e.modelValue.value) : e.props.tagRenderMode === "go" ? y = q(e.modelValue.value) : U.value ? y = W(U.value) : e.props.leadingIcon && (y = W(e.props.leadingIcon)), !R(y))
-              return r("div", {
-                class: [b(c, "leading"), e.props.triggerLeadingCls]
-              }, y);
-          }
-        }, ue = () => {
-          const y = [], D = [b(c, "content"), e.props.triggerContentCls, Z(e.modelValue.value) ? e.props.triggerContentPlaceholderCls : e.props.triggerContentValueCls], z = (() => {
-            if (e.props.multiple && j(e.modelValue.value)) {
-              if (e.props.tagRenderMode === "avatar")
-                return r(Io, {
-                  maxCount: e.props.maxCount,
-                  size: e.getTagSize.value,
-                  closeable: !e.getDisabled.value,
-                  noPopover: !0,
-                  noWrap: !e.props.wrapped,
-                  class: D
-                }, () => e.modelValue.value.map(H));
-              if (e.props.tagRenderMode === "go")
-                return r(zo, {
-                  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 r(To, {
-                  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((G) => {
-                  const me = () => e.getLabelByValue(G), de = ({
-                    size: fe
-                  }) => {
-                    const te = P(e.getOptionByValue(G)) ?? e.props.leadingIcon;
-                    return te ? W(te, fe) : null;
-                  };
-                  return r(Po, {
-                    value: G,
-                    class: [b(c, "tag"), e.props.tagCls],
-                    closeIconCls: b(c, "tag__close")
-                  }, {
-                    text: me,
-                    leading: de
-                  });
-                }));
-            }
-          })();
-          return z && y.push(z), e.props.headerSearch || y.push(r(Fe)), y;
-        }, oe = [], X = K();
-        R(X) || oe.push(X), oe.push(ue());
-        const ce = Q();
-        return R(ce) || oe.push(ce), oe;
-      });
-    };
-  }
-}), Go = /* @__PURE__ */ ne({
-  __name: "ComboboxLabel",
-  setup(V) {
-    return (t, o) => (pe(), De("div", {
-      class: Ue(O(b)(O(S), "label"))
-    }, [
-      Ee(t.$slots, "default")
-    ], 2));
-  }
-}), we = /* @__PURE__ */ ne({
-  name: Ve("SelectOption"),
-  props: {
-    option: {
-      type: [Object, String],
-      required: !0
-    }
-  },
-  slots: Object,
-  setup(V, {
-    slots: t
-  }) {
-    const o = Be(), e = p(() => {
-      switch (o.getSize.value) {
-        case "sm":
-          return "2xsm";
-        case "lg":
-          return "sm";
-        case "md":
-        default:
-          return "xsm";
-      }
-    }), m = p(() => o.getOptionValue(V.option)), c = p(() => o.getOptionLabel(V.option)), $ = p(() => o.getOptionIcon(V.option)), k = p(() => o.props.tree ? void 0 : o.getOptionDescription(V.option)), x = p(() => o.getOptionDisabled(V.option)), P = p(() => Array.isArray(o.modelValue.value) ? !!(m.value && o.modelValue.value.includes(m.value)) : o.modelValue.value === m.value), U = b(S, "option"), F = () => {
-      if (!(o.props.tree || !m.value || x.value))
-        if (o.props.multiple) {
-          const f = j(o.modelValue.value) ? o.modelValue.value : [];
-          f.includes(m.value) ? o.setModelValue(f.filter((w) => w !== m.value)) : o.setModelValue([...f, m.value]);
-        } else
-          o.setModelValue(m.value);
-    };
-    if (!V.option) throw new Error("option is required");
-    return () => {
-      const f = (w) => {
-        var W, Q, s, _;
-        const T = [];
-        return !o.props.tree && o.props.multiple && T.push(r(Eo, {
-          modelValue: P.value,
-          size: w.checkboxSize,
-          disabled: x.value
-        })), o.props.tagRenderMode === "avatar" ? T.push(r($e, {
-          ...((Q = (W = o.props).getTagProps) == null ? void 0 : Q.call(W, V.option)) ?? {},
-          size: o.getTagSize.value
-        })) : o.props.tagRenderMode === "go" ? T.push(r(Ae, {
-          ...((_ = (s = o.props).getTagProps) == null ? void 0 : _.call(s, V.option)) ?? {},
-          size: o.getTagSize.value
-        })) : $.value && T.push(r(xe, {
-          icon: $.value,
-          size: e.value
-        })), R(T) ? null : T;
-      };
-      return (() => {
-        const w = !!k.value;
-        return r(Mo, {
-          class: U,
-          description: k.value,
-          title: c.value,
-          key: m.value,
-          selected: P.value,
-          unFocusable: !0,
-          leadingCenter: !w,
-          size: o.getSize.value,
-          disabled: x.value,
-          onClick: F
-        }, {
-          leading: f,
-          trailing: () => {
-            var T;
-            return (T = t.trailing) == null ? void 0 : T.call(t, {
-              option: V.option
-            });
-          }
-        });
-      })();
-    };
-  }
-}), No = /* @__PURE__ */ ne({
-  name: Ve("ComboboxWrapper"),
-  setup(V, {
-    slots: t
-  }) {
-    const o = $o(), e = to(), m = ve();
-    _o({
-      target: m
-    });
-    const c = ve(), $ = xo({
-      triggerRef: c,
-      props: o.props
-    }), {
-      getFlipOnDir: k,
-      getDir: x
-    } = go(), P = k("reversePlacementOnDir"), U = x(), F = Bo({
-      props: o.props,
-      flip: P,
-      emitsAsProps: o.emitsAsProps,
-      _dir: U,
-      controlAutoFocus: !1,
-      extraPropNames: ["bodyLock", "position"]
-    }), f = ({
-      key: n,
-      getterKey: g,
-      defaultValue: u,
-      noReturnOption: l
-    }) => (i) => {
-      const v = Ie(u) ? u(i) : u;
-      if (Ce(i)) {
-        const C = i[n] ?? v, I = g && o.props[g];
-        if (I) {
-          if (ye(I))
-            return i[I] ?? C;
-          if (Ie(I)) return I(i) ?? C;
-        }
-        return C;
-      }
-      return ye(i) && !l ? i ?? v : v;
-    }, A = f({
-      getterKey: "getValue",
-      key: "value"
-    }), w = f({
-      getterKey: "getLabel",
-      key: "label",
-      defaultValue: A
-    }), T = f({
-      getterKey: "getIcon",
-      key: "icon",
-      noReturnOption: !0
-    }), W = f({
-      getterKey: "getDescription",
-      key: "description",
-      noReturnOption: !0
-    }), Q = f({
-      getterKey: "getDisabled",
-      key: "disabled",
-      defaultValue: !1,
-      noReturnOption: !0
-    }), s = f({
-      getterKey: "getGroupLabel",
-      key: "label",
-      noReturnOption: !0
-    }), _ = f({
-      getterKey: "getGroupOptions",
-      key: "options",
-      noReturnOption: !0
-    }), L = (n) => {
-      var g;
-      if ((g = o.props.options) != null && g.length)
-        for (const u of o.props.options) {
-          if (A(u) === n) return u;
-          const l = _(u);
-          if (l != null && l.length) {
-            for (const i of l)
-              if (A(i) === n) return i;
-          }
-        }
-      return n;
-    }, ee = (n) => {
-      const g = L(n);
-      return g ? w(g) ?? n : n;
-    }, {
-      contains: H
-    } = ao({
-      sensitivity: "base"
-    }), q = p(() => {
-      const n = [], g = (u, l) => {
-        u.forEach((i) => {
-          const v = A(i), C = _(i);
-          if (v) {
-            const I = [...l ?? [], v];
-            n.push(I), C && g(C, I);
-          }
-        });
-      };
-      return o.props.options && g(o.props.options), n;
-    }), K = p(() => {
-      const n = (g) => g == null ? void 0 : g.map((u) => {
-        const l = w(u), i = A(u), v = Q(u), C = s(u), I = !o.searchModel.value || l && H(l, o.searchModel.value), re = _(u), le = !o.props.tree || i;
-        if (re && le) {
-          const a = n(re);
-          if (a != null && a.length || I)
-            return {
-              groupLabel: C,
-              title: l,
-              key: i,
-              disabled: v,
-              children: a,
-              _option: u
-            };
-        }
-        return I && le ? {
-          title: l,
-          key: i,
-          disabled: v,
-          _option: u
-        } : null;
-      }).filter(Boolean);
-      if (o.props.options)
-        return n(o.props.options);
-    }), {
-      getDisabled: ue,
-      getStatus: oe,
-      getSize: X
-    } = Co({
-      getDisabled: () => o.props.disabled,
-      getSize: () => o.props.size,
-      getStatus: () => o.props.status
-    }), ce = p(() => {
-      switch (X.value) {
-        case "sm":
-          return "xsm";
-        case "lg":
-          return "md";
-        case "md":
-        default:
-          return "sm";
-      }
-    }), {
-      inputBindings: y,
-      rootBindings: D
-    } = Vo({
-      getDisabled: () => ue.value
-    }), M = ve(), z = () => {
-      var n, g, u, l, i, v, C;
-      e.open.value && e.inputElement.value && (o.props.headerSearch && ((n = M.value) != null && n.input) ? document.activeElement !== ((g = M.value) == null ? void 0 : g.input) && ((i = (l = (u = M.value) == null ? void 0 : u.input) == null ? void 0 : l.focus) == null || i.call(l)) : document.activeElement !== e.inputElement.value && ((C = (v = e.inputElement.value) == null ? void 0 : v.focus) == null || C.call(v)));
-    }, G = (n) => {
-      e.modelValue.value = n, o.emit("update:modelValue", n);
-    };
-    Ro({
-      ...o,
-      getOptionValue: A,
-      getOptionLabel: w,
-      getOptionDescription: W,
-      getOptionDisabled: Q,
-      getOptionIcon: T,
-      getOptionByValue: L,
-      getLabelByValue: ee,
-      focusOnInput: z,
-      setModelValue: G,
-      headerInputElement: M,
-      getDisabled: ue,
-      getStatus: oe,
-      getSize: X,
-      getTagSize: ce,
-      comboboxInputBinding: y,
-      comboboxTriggerBinding: D,
-      ...e,
-      modelValue: e.modelValue
-    }), He(() => [o.props.clearOnChangeMultiple, o.props.multiple], () => {
-      o.props.clearOnChangeMultiple && G(void 0);
-    });
-    const me = p(() => {
-      const n = o.props.scrollContainerProps ?? {};
-      return {
-        ...n,
-        areaCls: [b(S, "scroll_area"), n == null ? void 0 : n.class, n == null ? void 0 : n.areaCls]
-      };
-    }), de = b(S, "popup"), fe = _e(de, {
-      variants: {
-        size: N(Ke, de)
-      }
-    }), te = (n) => {
-      if (Number(n) > 0)
-        return `${n}px`;
-      if (typeof n == "string")
-        return n;
-    }, We = p(() => te(o.props.popupWidth)), Ge = p(() => te(o.props.popupHeight)), Oe = p(() => te(o.props.minWidth)), Se = p(() => ({
-      type: X.value === "sm" ? "simple" : "advance",
-      ...ze(o.props.emptyProps ?? {}, "class")
-    })), Ne = p(() => ze(o.props.skeletonProps ?? {}, "class"));
-    return () => {
-      var re, le;
-      const n = (a) => {
-        var d;
-        if ((d = K.value) != null && d.length && a > 0)
-          return !!K.value[a - 1];
-      }, g = (a) => {
-        var d, B;
-        if ((d = K.value) != null && d.length && a > 0) {
-          const h = K.value[a - 1];
-          return !!(h && ((B = _(h)) != null && B.length));
-        }
-      }, u = (a) => r(we, {
-        option: a
-      }, {
-        trailing: () => {
-          var d;
-          return (d = t.optionTrailing) == null ? void 0 : d.call(t, {
-            option: a
-          });
-        }
-      }), l = [];
-      let i;
-      if (o.props.tree) {
-        const d = j(e.modelValue.value) ? e.modelValue.value : e.modelValue.value ? [e.modelValue.value] : [];
-        i = r(So, {
-          data: K.value ?? [],
-          selectable: !0,
-          checkbox: o.props.multiple,
-          multiple: o.props.multiple,
-          defaultExpandAll: !0,
-          syncCheckboxAndSelect: o.props.multiple,
-          showLine: !0,
-          modelValue: d,
-          checkedKeys: d,
-          onExpand: z,
-          onCheck: (B, h, E) => {
-            if (o.props.multiple) {
-              console.log("key ===>", E, h);
-              const Y = j(E) ? E : [E], se = he(q.value.filter((J) => J.some((ie) => Y.includes(ie))).map((J) => {
-                const ie = J.findIndex((je) => Y.includes(je));
-                return J.slice(ie);
-              }).reduce((J, ie) => [...J, ...ie], [])), ae = e.modelValue.value && j(e.modelValue.value) ? e.modelValue.value : [];
-              G(h ? he([...ae, ...se]).filter(Boolean) : he(ae).filter((J) => !se.includes(J)));
-            } else
-              G(E);
-          },
-          class: "w-full"
-        }, {
-          title: (B) => u(B._option)
-        }), l.push(i);
-      } else
-        (K.value ?? []).forEach((a, d) => {
-          var B;
-          (B = a.children) != null && B.length ? (n(d) && l.push(r(ke)), a.groupLabel && l.push(r(Go, {
-            class: o.props.labelCls
-          }, () => a.groupLabel)), a.children.forEach((h) => {
-            l.push(u(h._option));
-          })) : g(d) ? l.push(r(ke)) : l.push(u(a._option));
-        });
-      const v = yo(i ? [i] : l, we).filter((a) => {
-        var d;
-        return Ce(a == null ? void 0 : a.props) && ((d = a == null ? void 0 : a.props) == null ? void 0 : d.option);
-      }), C = !!(o.props.tree && ((re = K.value) != null && re.length) || v != null && v.length), I = () => {
-        var d, B;
-        const a = [];
-        if (C || o.props.loading) {
-          const h = [];
-          if (C && h.push(...l), o.props.loading) {
-            const E = (d = t.loading) == null ? void 0 : d.call(t, {});
-            if (!R(E)) h.push(E);
-            else {
-              const Y = new Array(C ? 2 : o.props.loadingRowCount).fill(1);
-              h.push(...Y.map(() => r(fo, {
-                size: X.value,
-                class: [b(S, "skeleton"), o.props.skeletonCls],
-                ...Ne.value
-              })));
-            }
-          }
-          a.push(r("div", {
-            class: [b(S, "options"), o.props.optionsCls]
-          }, h));
-        } else if (!C) {
-          const h = (B = t.empty) == null ? void 0 : B.call(t, Se.value);
-          R(h) ? a.push(r(mo, {
-            class: [b(S, "empty"), o.props.emptyCls],
-            ...Se.value
-          }, {
-            title: t.emptyTitle,
-            description: t.emptyDescription,
-            actions: t.emptyActions,
-            image: t.emptyImage
-          })) : a.push(h);
-        }
-        return o.props.lazyLoading && a.push(r("div", {
-          class: b(S, "lazy_loading")
-        }, r("div", {
-          class: b(S, "lazy_loading_trigger"),
-          ref: m
-        }))), a;
-      };
-      return [r(Wo, {
-        ref: c,
-        ...o.attrs,
-        style: {
-          ...((le = o.attrs) == null ? void 0 : le.style) ?? {},
-          "--ptc-combobox-trigger-min-w": Oe.value
-        }
-      }, {
-        trigger: t.trigger,
-        triggerTrailing: t.triggerTrailing
-      }), r(no, $.value, () => r(ro, {
-        ...F.value,
-        vShow: e.open.value,
-        class: [fe(o.props), o.props.popupCls],
-        style: {
-          "--ptc-combobox-popup-width": o.props.samePopupWidth ? void 0 : We.value,
-          "--ptc-combobox-popup-height": Ge.value,
-          "--ptc-combobox-trigger-min-w": Oe.value
-        },
-        onClick: z
-      }, () => {
-        var E, Y, se;
-        const a = [], d = (E = t.header) == null ? void 0 : E.call(t), B = !R(d);
-        if (o.props.headerSearch || B) {
-          const ae = [];
-          B && ae.push(d), ae.push(r(Fe)), a.push(r("div", {
-            class: b(S, "header")
-          }, ae));
-        }
-        a.push(r(Oo, me.value, I));
-        const h = (se = t.footer) == null ? void 0 : se.call(t, {
-          isEmpty: !((Y = K.value) != null && Y.length),
-          search: o.searchModel.value
-        });
-        return R(h) || a.push(r("div", {
-          class: b(S, "footer")
-        }, h)), a;
-      }))];
-    };
-  }
-}), xt = /* @__PURE__ */ ne({
-  ...uo("Combobox"),
-  __name: "Combobox",
-  props: {
-    size: { default: "md" },
-    status: {},
-    multiple: { type: Boolean, default: void 0 },
-    tagRenderMode: { default: "chip" },
-    getTagProps: {},
-    tree: { type: Boolean },
-    contentFit: { type: Boolean },
-    wrapped: { 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: {},
-    getGroupOptions: {},
-    getGroupLabel: {},
-    getIcon: {},
-    placement: { default: "bottom" },
-    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: {},
-    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 },
-    defer: { type: Boolean }
-  },
-  emits: ["update:search", "update:modelValue", "highlight", "update:open", "escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside"],
-  setup(V, { emit: t }) {
-    const o = V, e = t, m = lo(e), c = p(
-      () => io(
-        {
-          ...Te(
-            o,
-            "open",
-            "defaultOpen",
-            "defaultValue",
-            "modelValue",
-            "by",
-            "dir",
-            "multiple",
-            "disabled"
-          ),
-          ...Te(
-            m,
-            "onUpdate:modelValue",
-            "onUpdate:open"
-          ),
-          ignoreFilter: !0
-        },
-        po
-      )
-    ), $ = Lo(o, "search", e, {
-      passive: !1
-    }), k = qe(), x = Je();
-    return Ao({
-      attrs: x,
-      props: o,
-      emit: e,
-      searchModel: $,
-      emitsAsProps: m
-    }), (P, U) => (pe(), be(O(so), Le(c.value, { class: O(S) }), {
-      default: ge(() => [
-        Me(O(No), null, Qe({ _: 2 }, [
-          Xe(Object.keys(k), (F) => ({
-            name: F,
-            fn: ge((f) => [
-              Ee(P.$slots, F, Ye(Ze(f)))
-            ])
-          }))
-        ]), 1024)
-      ]),
-      _: 3
-    }, 16, ["class"]));
-  }
-});
-export {
-  Ke as C,
-  xt as _,
-  Ko as a,
-  Be as i,
-  Ro as p
-};