@pantograph/vue 0.23.1 → 0.23.3

package/dist/Select.vue_vue_type_style_index_0_lang-C4F2WmaG.js

@@ -0,0 +1,698 @@
+import { defineComponent as re, computed as f, h as i, createElementBlock as Te, openBlock as _e, normalizeClass as Ie, unref as pe, renderSlot as Be, ref as me, watch as ze, useSlots as we, useAttrs as ke, createBlock as De, normalizeProps as ve, guardReactiveProps as Ce, withCtx as ye, createVNode as Ae, createSlots as Fe, renderList as We } from "vue";
+import { createContext as Pe, SelectTrigger as $e, Primitive as Ge, SelectItem as Ne, SelectItemIndicator as Re, injectSelectRootContext as Ee, SelectPortal as je, SelectContent as Ke, useEmitAsProps as Me, SelectRoot as qe } from "reka-ui";
+import { g as ne, t as J, x as te, r as Se, h as oe, f as ue, u as Ue, o as he, w as be, q as He, j as Ve, s as Je } from "./Icon.vue_vue_type_style_index_0_lang-Kn_r4tp8.js";
+import { a as ce, g as Qe } from "./options-D4et5euX.js";
+import { getBemBlock as Xe, getBemElement as v, generateVariantClassList as G } from "@pantograph/utils";
+import { cva as ge } from "class-variance-authority";
+import { b as s, d as Oe } from "./element-BfQuKSll.js";
+import { g as Ye, b as Ze, c as et } from "./Popover.vue_vue_type_style_index_0_lang-B-MX4Q7D.js";
+import { _ as tt } from "./Chip.vue_vue_type_style_index_0_lang-Ci2Oqnfd.js";
+import { _ as ot } from "./ChipGroup.vue_vue_type_style_index_0_lang-Bln1W3La.js";
+import { _ as nt } from "./Empty.vue_vue_type_style_index_0_lang-C4a5JepF.js";
+import { _ as rt } from "./Skeleton.vue_vue_type_style_index_0_lang-Xi8CteLp.js";
+import { _ as Le } from "./Divider.vue_vue_type_style_index_0_lang-B6fQsp1Y.js";
+import { u as at } from "./useInputDataStates-BVOCxFWp.js";
+import { u as it } from "./useLazyLoading-Zo-PEp2E.js";
+import { _ as lt } from "./ScrollContainer.vue_vue_type_style_index_0_lang-CZgFGbH_.js";
+const de = ["sm", "md", "lg"], pt = ["error", "warning", "success"], [xe, st] = Pe("Select"), [ut, ct] = Pe("_Select"), D = Xe("select"), gt = /* @__PURE__ */ re({
+  name: ce("SelectTrigger"),
+  props: {
+    getOptionSlot: {
+      type: Function,
+      required: !0
+    }
+  },
+  setup(d, {
+    slots: t,
+    attrs: o
+  }) {
+    const B = Ye(), e = xe(), A = ({
+      value: r
+    }, h) => {
+      if (h.stopPropagation(), r && te(e.modelValue.value) && !e.getDisabled.value) {
+        const W = e.modelValue.value.filter((H) => H !== r);
+        e.modelValue.value = W, e.emit("update:modelValue", W);
+      }
+    }, g = v(D, "trigger"), U = ge(g, {
+      variants: {
+        size: G(de, g),
+        status: G(pt, g),
+        bordered: G("bordered", g),
+        multiple: G("multiple", g),
+        contentFit: G("content-fit", g),
+        wrapped: G("wrapped", g),
+        filled: G("filled", g)
+      }
+    }), x = f(() => {
+      switch (e.getSize.value) {
+        case "sm":
+          return "xsm";
+        case "lg":
+          return "md";
+        case "md":
+        default:
+          return "sm";
+      }
+    }), Q = f(() => {
+      switch (e.getSize.value) {
+        case "sm":
+          return "2xsm";
+        case "md":
+        default:
+          return "xsm";
+      }
+    }), N = f(() => {
+      if (!e.props.multiple && ne(e.modelValue.value) && !J(e.modelValue.value))
+        return e.getOptionByValue(e.modelValue.value);
+    }), R = (r = N.value) => {
+      if (e.props.selectedItemIconAsTrailingIcon && oe(r) && "icon" in r)
+        return r.icon;
+    }, y = f(() => R()), S = f(() => {
+      if (!e.props.noTrailing)
+        return e.props.trailingIcon;
+    }), E = f(() => !J(e.modelValue.value) && e.props.multiple && te(e.modelValue.value)), z = f(() => ({
+      modelValue: Se(e.modelValue.value),
+      open: Se(e.open.value)
+    })), w = (r) => ({
+      ...z.value,
+      option: e.getOptionByValue(r)
+    }), X = f(() => ({
+      disabled: e.getDisabled.value,
+      reference: e.props.reference,
+      tabindex: e.getDisabled.value ? void 0 : 0,
+      asChild: B.value,
+      as: "div",
+      class: [U({
+        size: e.getSize.value,
+        status: e.getStatus.value === "success" && J(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: !J(e.modelValue.value)
+      }), e.props.triggerCls],
+      ...o
+    })), F = (r, h = Q.value) => i(ue, {
+      icon: r,
+      size: h
+    }), j = () => {
+      var W;
+      let r;
+      const h = (W = t.triggerTrailing) == null ? void 0 : W.call(t, z.value);
+      if (s(h) ? S.value && (r = F(S.value)) : r = h, r)
+        return i("div", {
+          class: [v(g, "trailing"), e.props.triggerTrailingCls]
+        }, r);
+    };
+    return () => i($e, X.value, {
+      default: () => {
+        var Z;
+        const r = (Z = t.triggerLeading) == null ? void 0 : Z.call(t, z.value), h = !s(r), W = () => {
+          var K;
+          if (!e.props.multiple && !te(e.modelValue.value)) {
+            const M = (K = d.getOptionSlot("leading", e.modelValue.value)) == null ? void 0 : K();
+            if (h || M || y.value || e.props.leadingIcon) {
+              let V;
+              return s(M) ? y.value ? V = F(y.value) : h ? V = r : e.props.leadingIcon && (V = F(e.props.leadingIcon)) : V = M, i("div", {
+                class: [v(g, "leading"), e.props.triggerLeadingCls]
+              }, V);
+            }
+          }
+        }, H = () => {
+          const K = [];
+          if (J(e.modelValue.value)) {
+            if (e.props.placeholder && !e.props.multiple) {
+              const M = () => {
+                var q;
+                const V = (q = t.placeholder) == null ? void 0 : q.call(t, z.value);
+                return s(V) ? e.props.placeholder : V;
+              };
+              K.push(M());
+            }
+          } else {
+            const V = (() => {
+              var ie, a, _;
+              const q = (ie = t.triggerValue) == null ? void 0 : ie.call(t, z.value);
+              if (!s(q)) return q;
+              if (e.props.multiple && te(e.modelValue.value))
+                return i(ot, {
+                  maxCount: e.props.maxCount,
+                  size: x.value,
+                  color: "primary",
+                  closeable: !e.getDisabled.value,
+                  noPopover: !0,
+                  noWrap: !e.props.wrapped,
+                  class: [v(g, "tag_list"), e.props.tagListCls],
+                  onClose: A
+                }, () => e.modelValue.value.map((l) => {
+                  var le;
+                  const u = (P) => {
+                    var I;
+                    const O = (I = t.tagClose) == null ? void 0 : I.call(t, {
+                      ...w(l),
+                      onClose: P
+                    });
+                    return s(O) ? null : O;
+                  }, c = (le = d.getOptionSlot("default", l)) == null ? void 0 : le(), k = () => {
+                    var I, n;
+                    const P = (I = d.getOptionSlot("text", l)) == null ? void 0 : I(), O = (n = t.tagText) == null ? void 0 : n.call(t, w(l));
+                    return s(O) ? s(c) ? s(P) ? e.getLabelByValue(l) : P : c : O;
+                  }, T = ({
+                    size: P
+                  }) => {
+                    var p, L;
+                    if (!s(c)) return null;
+                    const O = (p = d.getOptionSlot("leading", l)) == null ? void 0 : p(), I = (L = t.tagLeading) == null ? void 0 : L.call(t, w(l)), n = R(e.getOptionByValue(l)) ?? e.props.leadingIcon;
+                    return s(I) ? s(O) ? n ? F(n, P) : s(r) ? null : r : O : I;
+                  }, $ = () => {
+                    var O;
+                    const P = (O = t.tagTrailing) == null ? void 0 : O.call(t, w(l));
+                    return s(P) ? null : P;
+                  };
+                  return i(tt, {
+                    value: l,
+                    class: [v(g, "tag"), e.props.tagCls],
+                    closeIconCls: v(g, "tag__close")
+                  }, {
+                    text: k,
+                    leading: T,
+                    trailing: $,
+                    close: u
+                  });
+                }));
+              if (!te(e.modelValue.value)) {
+                const l = (a = d.getOptionSlot("default", e.modelValue.value)) == null ? void 0 : a(), u = (_ = d.getOptionSlot("text", e.modelValue.value)) == null ? void 0 : _();
+                return s(l) ? s(u) ? ne(e.modelValue.value) ? e.getLabelByValue(e.modelValue.value) : e.modelValue.value : u : l;
+              }
+            })();
+            V && K.push(V);
+          }
+          return K;
+        }, Y = [], ee = W();
+        s(ee) || Y.push(ee), Y.push(i(Ge, {
+          class: [v(g, "content"), e.props.triggerContentCls, J(e.modelValue.value) ? e.props.triggerContentPlaceholderCls : e.props.triggerContentValueCls],
+          as: "div",
+          key: String(E.value),
+          asChild: E.value
+        }, {
+          default: H
+        }));
+        const ae = j();
+        return s(ae) || Y.push(ae), Y;
+      }
+    });
+  }
+}), se = /* @__PURE__ */ re({
+  name: ce("SelectOption"),
+  props: {
+    option: {
+      type: [Object, String],
+      required: !0
+    }
+  },
+  slots: Object,
+  setup(d, {
+    slots: t
+  }) {
+    const o = xe(), B = f(() => {
+      switch (o.getSize.value) {
+        case "sm":
+          return "2xsm";
+        case "lg":
+          return "sm";
+        case "md":
+        default:
+          return "xsm";
+      }
+    }), e = f(() => o.getOptionValue(d.option)), A = f(() => o.getOptionLabel(d.option)), g = f(() => o.getOptionIcon(d.option)), U = f(() => o.getOptionDisabled(d.option)), x = v(D, "option"), Q = ge(x, {
+      variants: {
+        size: G(de, x)
+      }
+    });
+    if (!d.option) throw new Error("option is required");
+    const N = () => {
+      var S;
+      const y = (S = t.indicator) == null ? void 0 : S.call(t, {
+        option: d.option
+      });
+      return s(y) ? i(Re, {
+        asChild: !0
+      }, () => i(ue, {
+        icon: o.props.indicatorIcon,
+        size: B.value
+      })) : y;
+    }, R = () => {
+      var E, z, w;
+      const y = (E = t.default) == null ? void 0 : E.call(t, {
+        option: d.option
+      }), S = [];
+      if (!s(y)) S.push(y);
+      else {
+        const X = (z = t.leading) == null ? void 0 : z.call(t, {
+          option: d.option
+        }), F = !s(X);
+        if (g.value || F) {
+          let h;
+          F ? h = X : h = i(ue, {
+            icon: g.value,
+            size: B.value
+          }), S.push(i("div", {
+            class: [v(x, "leading"), o.props.itemLeadingCls]
+          }, h));
+        }
+        let j;
+        const r = (w = t.text) == null ? void 0 : w.call(t, {
+          option: d.option
+        });
+        s(r) ? j = A.value : j = r, S.push(i("div", {
+          class: [v(x, "text"), o.props.optionTextCls]
+        }, j));
+      }
+      return i("div", {
+        class: [v(x, "content"), o.props.optionContentCls]
+      }, S);
+    };
+    return () => i(Ne, {
+      value: e.value,
+      textValue: A.value,
+      disabled: U.value,
+      class: [Q({
+        size: o.getSize.value
+      }), o.props.optionCls]
+    }, () => [R(), N()]);
+  }
+}), dt = /* @__PURE__ */ re({
+  __name: "SelectLabel",
+  setup(d) {
+    return (t, o) => (_e(), Te("div", {
+      class: Ie(pe(v)(pe(D), "label"))
+    }, [
+      Be(t.$slots, "default")
+    ], 2));
+  }
+}), ft = /* @__PURE__ */ re({
+  name: ce("SelectWrapper"),
+  setup(d, {
+    slots: t
+  }) {
+    const o = ut(), B = Ee(), e = me();
+    it({
+      target: e
+    });
+    const A = me(), g = Ze({
+      triggerRef: A,
+      props: o.props
+    }), {
+      getFlipOnDir: U,
+      getDir: x
+    } = Ue(), Q = U("reversePlacementOnDir"), N = x(), R = et({
+      props: o.props,
+      flip: Q,
+      emitsAsProps: o.emitsAsProps,
+      _dir: N,
+      controlAutoFocus: !1,
+      extraPropNames: ["bodyLock", "position"]
+    }), y = ({
+      key: a,
+      getterKey: _,
+      defaultValue: l,
+      noReturnOption: u
+    }) => (c) => {
+      const k = be(l) ? l(c) : l;
+      if (oe(c)) {
+        const T = c[a] ?? k, $ = _ && o.props[_];
+        if ($) {
+          if (ne($))
+            return c[$] ?? T;
+          if (be($)) return $(c) ?? T;
+        }
+        return T;
+      }
+      return ne(c) && !u ? c ?? k : k;
+    }, S = y({
+      getterKey: "getValue",
+      key: "value"
+    }), E = y({
+      getterKey: "getLabel",
+      key: "label",
+      defaultValue: S
+    }), z = y({
+      getterKey: "getIcon",
+      key: "icon",
+      noReturnOption: !0
+    }), w = (a) => {
+      var _;
+      if ((_ = o.props.options) != null && _.length)
+        for (const l of o.props.options) {
+          if (S(l) === a) return l;
+          const u = r(l);
+          if (u != null && u.length) {
+            for (const c of u)
+              if (S(c) === a) return c;
+          }
+        }
+      return a;
+    }, X = (a) => {
+      const _ = w(a);
+      return _ ? E(_) ?? a : a;
+    }, F = y({
+      getterKey: "getDisabled",
+      key: "disabled",
+      defaultValue: !1,
+      noReturnOption: !0
+    }), j = y({
+      getterKey: "getGroupLabel",
+      key: "label",
+      noReturnOption: !0
+    }), r = y({
+      getterKey: "getGroupOptions",
+      key: "options",
+      noReturnOption: !0
+    }), {
+      getDisabled: h,
+      getStatus: W,
+      getSize: H
+    } = at({
+      getDisabled: () => o.props.disabled,
+      getSize: () => o.props.size,
+      getStatus: () => o.props.status
+    });
+    st({
+      props: o.props,
+      attrs: o.attrs,
+      emit: o.emit,
+      getOptionValue: S,
+      getOptionLabel: E,
+      getOptionDisabled: F,
+      getOptionIcon: z,
+      getOptionGroupLabel: j,
+      getOptionGroupOptions: r,
+      getOptionByValue: w,
+      getLabelByValue: X,
+      getDisabled: h,
+      getStatus: W,
+      getSize: H,
+      ...B,
+      modelValue: B.modelValue
+    }), ze(() => [o.props.clearOnChangeMultiple, o.props.multiple], () => {
+      o.props.clearOnChangeMultiple && (B.modelValue.value = void 0, o.emit("update:modelValue", void 0));
+    });
+    const Y = f(() => {
+      const a = o.props.scrollContainerProps ?? {};
+      return {
+        ...a,
+        areaCls: [v(D, "scroll_area"), a == null ? void 0 : a.class, a == null ? void 0 : a.areaCls]
+      };
+    }), ee = v(D, "popup"), ae = ge(ee, {
+      variants: {
+        size: G(de, ee)
+      }
+    }), Z = (a) => {
+      if (Number(a) > 0)
+        return `${a}px`;
+      if (typeof a == "string")
+        return a;
+    }, K = f(() => Z(o.props.popupWidth)), M = f(() => Z(o.props.popupHeight)), V = f(() => Z(o.props.minWidth)), q = f(() => ({
+      type: H.value === "sm" ? "simple" : "advance",
+      ...he(o.props.emptyProps ?? {}, "class")
+    })), ie = f(() => he(o.props.skeletonProps ?? {}, "class"));
+    return () => {
+      var P, O, I;
+      const a = (n) => {
+        var p;
+        if ((p = o.props.options) != null && p.length && n > 0)
+          return !!o.props.options[n - 1];
+      }, _ = (n) => {
+        var p, L;
+        if ((p = o.props.options) != null && p.length && n > 0) {
+          const m = o.props.options[n - 1];
+          return !!(m && ((L = r(m)) != null && L.length));
+        }
+      }, l = (P = t.default) == null ? void 0 : P.call(t, {}), u = (O = Oe(l, se)) == null ? void 0 : O.filter((n) => {
+        var p;
+        return oe(n == null ? void 0 : n.props) && ((p = n == null ? void 0 : n.props) == null ? void 0 : p.option);
+      }), c = [];
+      (o.props.options ?? []).forEach((n, p) => {
+        const L = (b) => i(se, {
+          option: b
+        }, {
+          default: () => {
+            var C;
+            return (C = t.option) == null ? void 0 : C.call(t, {
+              option: b
+            });
+          },
+          leading: () => {
+            var C;
+            return (C = t.optionLeading) == null ? void 0 : C.call(t, {
+              option: b
+            });
+          },
+          indicator: () => {
+            var C;
+            return (C = t.optionIndicator) == null ? void 0 : C.call(t, {
+              option: b
+            });
+          },
+          text: () => {
+            var C;
+            return (C = t.optionText) == null ? void 0 : C.call(t, {
+              option: b
+            });
+          }
+        }), m = r(n);
+        if (m != null && m.length) {
+          a(p) && c.push(i(Le));
+          const b = j(n);
+          b && c.push(i(dt, {
+            class: o.props.labelCls
+          }, () => b)), m.forEach((C) => {
+            c.push(L(C));
+          });
+        } else _(p) ? c.push(i(Le)) : c.push(L(n));
+      });
+      const k = Oe(c, se).filter((n) => {
+        var p;
+        return oe(n == null ? void 0 : n.props) && ((p = n == null ? void 0 : n.props) == null ? void 0 : p.option);
+      }), T = !!(k != null && k.length || u != null && u.length), $ = (n, p) => {
+        var L;
+        if (T && !J(p) && ne(p)) {
+          const m = u != null && u.length ? u : k;
+          if (m.length) {
+            const b = m.find((C) => {
+              var fe;
+              return oe(C.props) && S((fe = C.props) == null ? void 0 : fe.option) === p;
+            });
+            return (L = b == null ? void 0 : b.children) == null ? void 0 : L[n];
+          }
+        }
+      }, le = () => {
+        var p, L;
+        const n = [];
+        if (T || o.props.loading) {
+          const m = [];
+          if (T && (u != null && u.length ? m.push(l) : m.push(...c)), o.props.loading) {
+            const b = (p = t.loading) == null ? void 0 : p.call(t, {});
+            if (!s(b)) m.push(b);
+            else {
+              const C = new Array(T ? 2 : o.props.loadingRowCount).fill(1);
+              m.push(...C.map(() => i(rt, {
+                size: H.value,
+                class: [v(D, "skeleton"), o.props.skeletonCls],
+                ...ie.value
+              })));
+            }
+          }
+          n.push(i("div", {
+            class: [v(D, "options"), o.props.optionsCls]
+          }, m));
+        } else if (!T) {
+          const m = (L = t.empty) == null ? void 0 : L.call(t, q.value);
+          s(m) ? n.push(i(nt, {
+            class: [v(D, "empty"), o.props.emptyCls],
+            ...q.value
+          }, {
+            title: t.emptyTitle,
+            description: t.emptyDescription,
+            actions: t.emptyActions,
+            image: t.emptyImage
+          })) : n.push(m);
+        }
+        return o.props.lazyLoading && n.push(i("div", {
+          class: v(D, "lazy_loading")
+        }, i("div", {
+          class: v(D, "lazy_loading_trigger"),
+          ref: e
+        }))), n;
+      };
+      return [i(gt, {
+        getOptionSlot: $,
+        ref: A,
+        ...o.attrs,
+        style: {
+          ...((I = o.attrs) == null ? void 0 : I.style) ?? {},
+          "--ptc-select-trigger-min-w": V.value
+        }
+      }, {
+        triggerLeading: t.triggerLeading,
+        placeholder: t.placeholder,
+        triggerValue: t.triggerValue,
+        triggerTrailing: t.triggerTrailing,
+        tagClose: t.tagClose,
+        tagTrailing: t.tagTrailing,
+        tagLeading: t.tagLeading,
+        tagText: t.tagText
+      }), i(je, g.value, () => i(Ke, {
+        ...R.value,
+        vShow: B.open.value,
+        class: [ae(o.props), o.props.popupCls],
+        style: {
+          "--ptc-select-popup-width": o.props.samePopupWidth ? void 0 : K.value,
+          "--ptc-select-popup-height": M.value,
+          "--ptc-select-trigger-min-w": V.value
+        }
+      }, () => i(lt, Y.value, le)))];
+    };
+  }
+}), zt = /* @__PURE__ */ re({
+  ...Qe("Select"),
+  __name: "Select",
+  props: {
+    status: {},
+    size: { default: "md" },
+    multiple: { type: Boolean, default: void 0 },
+    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: {},
+    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: {},
+    tagListCls: {},
+    tagCls: {},
+    popupCls: {},
+    labelCls: {},
+    optionsCls: {},
+    optionTextCls: {},
+    optionContentCls: {},
+    emptyCls: {},
+    skeletonCls: {},
+    scrollContainerProps: {},
+    emptyProps: {},
+    samePopupWidth: { type: Boolean, default: !0 },
+    popupHeight: { default: 384 },
+    popupWidth: {},
+    minWidth: {},
+    open: { type: Boolean, default: void 0 },
+    defaultOpen: { type: Boolean, default: void 0 },
+    defaultValue: {},
+    modelValue: {},
+    by: {},
+    dir: {},
+    autocomplete: {},
+    disabled: { type: Boolean, default: void 0 },
+    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 },
+    asChild: { type: Boolean },
+    as: {},
+    defer: { type: Boolean }
+  },
+  emits: ["update:modelValue", "update:open", "closeAutoFocus", "escapeKeyDown", "pointerDownOutside"],
+  setup(d, { emit: t }) {
+    const o = d, B = t, e = Me(B), A = f(
+      () => He(
+        {
+          ...Ve(
+            o,
+            "open",
+            "defaultOpen",
+            "defaultValue",
+            "modelValue",
+            "by",
+            "dir",
+            "multiple",
+            "autocomplete",
+            "disabled"
+          ),
+          ...Ve(
+            e,
+            "onUpdate:modelValue",
+            "onUpdate:open"
+          )
+        },
+        Je
+      )
+    ), g = we(), U = ke();
+    return ct({
+      attrs: U,
+      props: o,
+      emit: B,
+      emitsAsProps: e
+    }), (x, Q) => (_e(), De(pe(qe), ve(Ce(A.value)), {
+      default: ye(() => [
+        Ae(pe(ft), null, Fe({ _: 2 }, [
+          We(Object.keys(g), (N) => ({
+            name: N,
+            fn: ye((R) => [
+              Be(x.$slots, N, ve(Ce(R)))
+            ])
+          }))
+        ]), 1024)
+      ]),
+      _: 3
+    }, 16));
+  }
+});
+export {
+  se as S,
+  zt as _,
+  dt as a,
+  de as b,
+  pt as c,
+  xe as i,
+  st as p
+};