@pantograph/vue 0.23.3 → 0.23.4

package/dist/Combobox.vue_vue_type_style_index_0_lang-BM7QiXKH.js

@@ -0,0 +1,831 @@
+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
+};