@indielayer/ui 1.10.1 → 1.10.2

package/lib/components/select/Select.vue.js

@@ -1,13 +1,13 @@
-import { defineComponent as ze, ref as p, computed as I, watch as S, nextTick as j, unref as s, onUnmounted as Be, openBlock as o, createBlock as R, mergeProps as X, toHandlers as se, withCtx as c, createElementVNode as O, createElementBlock as n, normalizeClass as w, Fragment as h, createTextVNode as T, toDisplayString as y, createVNode as P, renderSlot as C, createCommentVNode as z, normalizeProps as Ne, guardReactiveProps as Se, renderList as W, withModifiers as Pe, withDirectives as xe, vModelSelect as De } from "vue";
-import { useEventListener as Fe, useResizeObserver as Ee } from "../../node_modules/.pnpm/@vueuse_core@11.1.0_vue@3.5.10_typescript@5.2.2_/node_modules/@vueuse/core/index.js";
-import { useColors as He } from "../../composables/useColors.js";
+import { defineComponent as Se, ref as p, computed as O, watch as x, nextTick as K, unref as s, onUnmounted as Be, openBlock as r, createBlock as $, mergeProps as W, toHandlers as se, withCtx as c, createElementVNode as T, createElementBlock as n, normalizeClass as A, Fragment as g, createTextVNode as C, toDisplayString as y, createVNode as D, renderSlot as R, createCommentVNode as S, renderList as M, createSlots as Ne, withModifiers as ze, withDirectives as xe, vModelSelect as De } from "vue";
+import { useEventListener as Pe, useResizeObserver as Fe } from "../../node_modules/.pnpm/@vueuse_core@11.1.0_vue@3.5.10_typescript@5.2.2_/node_modules/@vueuse/core/index.js";
+import { useColors as Ee } from "../../composables/useColors.js";
 import { useCommon as fe } from "../../composables/useCommon.js";
-import { useInputtable as K } from "../../composables/useInputtable.js";
+import { useInputtable as G } from "../../composables/useInputtable.js";
 import { useInteractive as ve } from "../../composables/useInteractive.js";
-import { useTheme as qe } from "../../composables/useTheme.js";
-import { useVirtualList as We } from "../../composables/useVirtualList.js";
-import { checkIcon as Me, selectIcon as Ue } from "../../common/icons.js";
-import _e from "../label/Label.vue.js";
+import { useTheme as He } from "../../composables/useTheme.js";
+import { useVirtualList as qe } from "../../composables/useVirtualList.js";
+import { checkIcon as We, selectIcon as Me } from "../../common/icons.js";
+import Ue from "../label/Label.vue.js";
 import ne from "../tag/Tag.vue.js";
 import je from "../icon/Icon.vue.js";
 import Xe from "../menu/MenuItem.vue.js";
@@ -21,17 +21,17 @@ import { useThrottleFn as Qe } from "../../node_modules/.pnpm/@vueuse_shared@11.
 const Ye = { class: "relative" }, Ze = {
   key: 0,
   class: "text-secondary-400 dark:text-secondary-500"
-}, el = { key: 1 }, ll = {
+}, _e = { key: 1 }, el = {
   key: 0,
   class: "text-secondary-400 dark:text-secondary-500"
-}, tl = { key: 1 }, il = {
+}, ll = { key: 1 }, tl = {
   key: 0,
   class: "p-2 text-center text-secondary-400"
-}, al = ["id", "name", "disabled", "multiple", "readonly"], rl = ["value", "disabled"], ol = {
-  ...He.props("secondary"),
+}, il = ["id", "name", "disabled", "multiple", "readonly"], al = ["value", "disabled"], ol = {
+  ...Ee.props("secondary"),
   ...fe.props(),
   ...ve.props(),
-  ...K.props(),
+  ...G.props(),
   placeholder: String,
   options: Array,
   multiple: Boolean,
@@ -54,36 +54,36 @@ const Ye = { class: "relative" }, Ze = {
     type: Number,
     default: 5
   }
-}, sl = {
+}, rl = {
   name: "XSelect",
   validators: {
     ...fe.validators()
   }
-}, Ol = /* @__PURE__ */ ze({
-  ...sl,
+}, Il = /* @__PURE__ */ Se({
+  ...rl,
   props: ol,
-  emits: K.emits(),
+  emits: G.emits(),
   setup(pe, { expose: ce, emit: me }) {
-    const a = pe, x = me, M = p(null), U = p(null), D = p(null), g = p(null), u = p(), V = p(""), _ = p(null), A = I(() => a.disabled || a.loading || a.readonly), r = I({
+    const a = pe, P = me, U = p(null), j = p(null), F = p(null), b = p(null), u = p(), V = p(""), X = p(null), k = O(() => a.disabled || a.loading || a.readonly), o = O({
       get() {
         return a.multiple ? a.modelValue ? Array.isArray(a.modelValue) ? a.modelValue : [a.modelValue] : [] : a.modelValue;
       },
       set(e) {
-        x("update:modelValue", e);
+        P("update:modelValue", e);
       }
-    }), d = I(() => !a.options || a.options.length === 0 ? [] : a.options.filter((e) => V.value === "" || e.label.toLowerCase().includes(V.value.toLowerCase())).map((e) => {
+    }), d = O(() => !a.options || a.options.length === 0 ? [] : a.options.filter((e) => V.value === "" || e.label.toLowerCase().includes(V.value.toLowerCase())).map((e) => {
       let t = !1;
-      return a.multiple && Array.isArray(r.value) ? t = r.value.includes(e.value) : t = e.value === r.value, {
+      return a.multiple && Array.isArray(o.value) ? t = o.value.includes(e.value) : t = e.value === o.value, {
         value: e.value,
         label: e.label,
         active: t,
         prefix: e.prefix,
         suffix: e.suffix,
         disabled: e.disabled,
-        iconRight: t ? Me : void 0,
-        onClick: () => Y(e.value)
+        iconRight: t ? We : void 0,
+        onClick: () => Z(e.value)
       };
-    })), G = I(() => d.value.filter((e) => !e.disabled)), { list: J, scrollTo: ye, containerProps: be, wrapperProps: he } = We(
+    })), J = O(() => d.value.filter((e) => !e.disabled)), { list: Q, scrollTo: ye, containerProps: be, wrapperProps: he } = qe(
       d,
       {
         disabled: !a.virtualList,
@@ -92,40 +92,40 @@ const Ye = { class: "relative" }, Ze = {
         bottomOffset: a.virtualListOffsetBottom || 0,
         overscan: a.virtualListOverscan
       }
-    ), $ = I(() => {
+    ), I = O(() => {
       var e;
-      return (e = g.value) == null ? void 0 : e.isOpen;
+      return (e = b.value) == null ? void 0 : e.isOpen;
     });
-    S(V, (e) => {
-      e && (u.value = void 0, F(-1));
-    }), S($, (e) => {
-      e ? (ge(), (a.multiple || typeof u.value > "u") && F(-1), setTimeout(() => {
+    x(V, (e) => {
+      e && (u.value = void 0, E(-1));
+    }), x(I, (e) => {
+      e ? (ge(), (a.multiple || typeof u.value > "u") && E(-1), setTimeout(() => {
         requestAnimationFrame(() => {
           var t;
-          Q(u.value || 0), a.filterable && ((t = _.value) == null || t.focus());
+          Y(u.value || 0), a.filterable && ((t = X.value) == null || t.focus());
         });
       }, 50)) : a.filterable && (V.value = "");
     });
     function ge() {
       if (a.multiple) {
-        if (Array.isArray(r.value) && r.value.length > 0) {
-          const e = d.value.findIndex((t) => t.value === r.value[0]);
+        if (Array.isArray(o.value) && o.value.length > 0) {
+          const e = d.value.findIndex((t) => t.value === o.value[0]);
           e !== -1 && (u.value = e);
         }
       } else {
-        const e = d.value.findIndex((t) => t.value === r.value);
+        const e = d.value.findIndex((t) => t.value === o.value);
         e !== -1 && (u.value = e);
       }
     }
-    function Q(e) {
+    function Y(e) {
       var t;
-      a.virtualList ? ye(e) : D.value && ((t = D.value[e]) == null || t.$el.scrollIntoView({ block: "nearest", inline: "nearest" }));
+      a.virtualList ? ye(e) : F.value && ((t = F.value[e]) == null || t.$el.scrollIntoView({ block: "nearest", inline: "nearest" }));
     }
-    S(u, (e) => {
-      typeof e < "u" && D.value && Q(e);
+    x(u, (e) => {
+      typeof e < "u" && F.value && Y(e);
     });
-    function F(e, t = "down") {
-      if (!G.value || G.value.length === 0) {
+    function E(e, t = "down") {
+      if (!J.value || J.value.length === 0) {
         u.value = void 0;
         return;
       }
@@ -141,52 +141,52 @@ const Ye = { class: "relative" }, Ze = {
         u.value = l;
       }
     }
-    function Y(e) {
+    function Z(e) {
       var l;
       const t = (l = a.options) == null ? void 0 : l.find((i) => i.value === e);
       if (!(!t || t.disabled)) {
         if (a.multiple) {
-          if (Array.isArray(r.value)) {
-            const i = r.value.indexOf(e);
-            i !== -1 ? r.value.splice(i, 1) : (r.value.push(e), x("update:modelValue", r.value));
+          if (Array.isArray(o.value)) {
+            const i = o.value.indexOf(e);
+            i !== -1 ? o.value.splice(i, 1) : (o.value.push(e), P("update:modelValue", o.value));
           } else
-            r.value = [e];
+            o.value = [e];
           a.filterable && setTimeout(() => {
             var i;
-            (i = _.value) == null || i.focus();
+            (i = X.value) == null || i.focus();
           });
         } else
-          r.value = e;
-        a.native || j(() => {
+          o.value = e;
+        a.native || K(() => {
           var i;
-          ae(), (i = U.value) == null || i.$el.focus();
+          ae(), (i = j.value) == null || i.$el.focus();
         });
       }
     }
-    function Z(e) {
+    function _(e) {
       return !!(typeof e > "u" || e === null || e === "" || Array.isArray(e) && e.length === 0 || !Array.isArray(e) && typeof e == "object" && Object.keys(e).length === 0);
     }
     function ee(e, t) {
-      if (e.stopPropagation(), A.value)
+      if (e.stopPropagation(), k.value)
         return;
-      const l = r.value.indexOf(t);
-      l !== -1 && (r.value.splice(l, 1), x("update:modelValue", r.value));
+      const l = o.value.indexOf(t);
+      l !== -1 && (o.value.splice(l, 1), P("update:modelValue", o.value));
     }
-    function E(e) {
+    function B(e) {
       var l;
       const t = (l = a.options) == null ? void 0 : l.find((i) => i.value === e);
       return t ? t.label : "";
     }
-    const { focus: le, blur: ke } = ve(M), {
+    const { focus: le, blur: ke } = ve(U), {
       errorInternal: te,
       hideFooterInternal: we,
       inputListeners: ie,
       reset: Ae,
       validate: ae,
       setError: Le,
-      isFocused: Re,
-      isInsideForm: Ve
-    } = K(a, { focus: le, emit: x, withListeners: !0 }), $e = I(() => {
+      isFocused: $e,
+      isInsideForm: Re
+    } = G(a, { focus: le, emit: P, withListeners: !0 }), Ve = O(() => {
       const { focus: e, blur: t } = s(ie);
       return {
         focus: e,
@@ -194,8 +194,8 @@ const Ye = { class: "relative" }, Ze = {
       };
     });
     let L = null;
-    S([Re, $], ([e, t]) => {
-      e || t ? L || (L = Fe(document, "keydown", Ie)) : L && (L(), L = null);
+    x([$e, I], ([e, t]) => {
+      e || t ? L || (L = Pe(document, "keydown", Ie)) : L && (L(), L = null);
     }, {
       immediate: !0
     }), Be(() => {
@@ -205,122 +205,122 @@ const Ye = { class: "relative" }, Ze = {
       var t, l, i, m, f;
       if (d.value.length !== 0)
         if (e.code === "ArrowDown") {
-          if (e.preventDefault(), !$.value) {
-            (t = g.value) == null || t.show();
+          if (e.preventDefault(), !I.value) {
+            (t = b.value) == null || t.show();
             return;
           }
-          F(u.value, "down");
+          E(u.value, "down");
         } else if (e.code === "ArrowUp") {
-          if (e.preventDefault(), !$.value) {
-            (l = g.value) == null || l.show();
+          if (e.preventDefault(), !I.value) {
+            (l = b.value) == null || l.show();
             return;
           }
-          F(u.value, "up");
+          E(u.value, "up");
         } else if (e.code === "Enter" || e.code === "Space") {
           if (e.code === "Space" && a.filterable)
             return;
-          if (e.preventDefault(), e.stopPropagation(), !$.value) {
-            (i = g.value) == null || i.show();
+          if (e.preventDefault(), e.stopPropagation(), !I.value) {
+            (i = b.value) == null || i.show();
             return;
           }
-          typeof u.value < "u" && d.value[u.value] && (Y(d.value[u.value].value), a.multiple || (m = g.value) == null || m.hide());
+          typeof u.value < "u" && d.value[u.value] && (Z(d.value[u.value].value), a.multiple || (m = b.value) == null || m.hide());
         } else
-          e.code === "Tab" && $.value && (e.preventDefault(), (f = g.value) == null || f.hide(), a.native || j(() => {
+          e.code === "Tab" && I.value && (e.preventDefault(), (f = b.value) == null || f.hide(), a.native || K(() => {
             var v;
-            (v = U.value) == null || v.$el.focus();
+            (v = j.value) == null || v.$el.focus();
           }));
     }
-    const B = p(null), re = p(null), H = p(!1), q = p(0), oe = Qe(() => {
-      a.multiple && a.truncate && j(() => {
+    const N = p(null), oe = p(null), H = p(!1), q = p(0), re = Qe(() => {
+      a.multiple && a.truncate && K(() => {
         const e = Oe();
-        e < r.value.length ? (H.value = !0, q.value = r.value.length - e) : (H.value = !1, q.value = 0);
+        e < o.value.length ? (H.value = !0, q.value = o.value.length - e) : (H.value = !1, q.value = 0);
       });
     }, 100, !0);
-    Ee(B, () => {
-      oe();
+    Fe(N, () => {
+      re();
     });
     function Oe() {
-      if (!B.value)
+      if (!N.value)
         return 0;
-      const e = B.value.querySelectorAll(".x-tag"), t = Array.from(e);
+      const e = N.value.querySelectorAll(".x-tag"), t = Array.from(e);
       let l = 0, i = 0;
-      const m = B.value.offsetWidth - 30;
+      const m = N.value.offsetWidth - 30;
       for (let f = 0; f < t.length; f++) {
         const v = t[f];
         v.style.display = "flex", l += v.offsetWidth, l < m ? i++ : v.style.display = "none";
       }
       return i;
     }
-    S(r, (e) => {
-      oe();
+    x(o, (e) => {
+      re();
     }, { immediate: !0, deep: !0 });
-    const { styles: Te, classes: b, className: Ce } = qe("Select", {}, a, { errorInternal: te });
-    return ce({ focus: le, blur: ke, reset: Ae, validate: ae, setError: Le }), (e, t) => (o(), R(_e, X({
+    const { styles: Te, classes: h, className: Ce } = He("Select", {}, a, { errorInternal: te });
+    return ce({ focus: le, blur: ke, reset: Ae, validate: ae, setError: Le }), (e, t) => (r(), $(Ue, W({
       ref_key: "labelRef",
-      ref: U,
+      ref: j,
       tabindex: "0",
       class: ["group", [
         s(Ce),
-        s(b).wrapper
+        s(h).wrapper
       ]],
       style: s(Te),
-      disabled: A.value,
+      disabled: k.value,
       required: e.required,
-      "is-inside-form": s(Ve),
+      "is-inside-form": s(Re),
       label: e.label,
       tooltip: e.tooltip
-    }, se($e.value)), {
+    }, se(Ve.value)), {
       default: c(() => [
-        O("div", Ye, [
-          e.native && !e.multiple ? (o(), n("div", {
+        T("div", Ye, [
+          e.native && !e.multiple ? (r(), n("div", {
             key: 0,
-            class: w(s(b).box),
+            class: A(s(h).box),
             onClick: t[0] || (t[0] = (l) => {
               var i;
-              return (i = M.value) == null ? void 0 : i.click();
+              return (i = U.value) == null ? void 0 : i.click();
             })
           }, [
-            Z(r.value) ? (o(), n(h, { key: 1 }, [
-              e.placeholder ? (o(), n("div", Ze, y(e.placeholder), 1)) : (o(), n("div", el, " "))
-            ], 64)) : (o(), n(h, { key: 0 }, [
-              T(y(E(r.value)), 1)
+            _(o.value) ? (r(), n(g, { key: 1 }, [
+              e.placeholder ? (r(), n("div", Ze, y(e.placeholder), 1)) : (r(), n("div", _e, " "))
+            ], 64)) : (r(), n(g, { key: 0 }, [
+              C(y(B(o.value)), 1)
             ], 64))
-          ], 2)) : (o(), n(h, { key: 1 }, [
-            P(ue, {
+          ], 2)) : (r(), n(g, { key: 1 }, [
+            D(ue, {
               ref_key: "popoverRef",
-              ref: g,
-              disabled: A.value
+              ref: b,
+              disabled: k.value
             }, {
               content: c(() => [
-                P(de, {
-                  class: w(s(b).content)
+                D(de, {
+                  class: A(s(h).content)
                 }, {
                   default: c(() => [
-                    C(e.$slots, "content-header", {}, () => [
-                      e.filterable ? (o(), n("div", {
+                    R(e.$slots, "content-header", {}, () => [
+                      e.filterable ? (r(), n("div", {
                         key: 0,
-                        class: w(s(b).search)
+                        class: A(s(h).search)
                       }, [
-                        P(Je, {
+                        D(Je, {
                           ref_key: "filterRef",
-                          ref: _,
+                          ref: X,
                           modelValue: V.value,
                           "onUpdate:modelValue": t[2] || (t[2] = (l) => V.value = l),
                           placeholder: e.filterPlaceholder,
                           "skip-form-registry": "",
                           size: "sm"
                         }, null, 8, ["modelValue", "placeholder"])
-                      ], 2)) : z("", !0)
+                      ], 2)) : S("", !0)
                     ]),
-                    O("div", X(s(be), {
-                      class: s(b).contentBody
+                    T("div", W(s(be), {
+                      class: s(h).contentBody
                     }), [
-                      O("div", Ne(Se(s(he))), [
-                        (o(!0), n(h, null, W(s(J), (l) => (o(), R(Xe, {
+                      T("div", W(s(he), { class: "space-y-0.5" }), [
+                        (r(!0), n(g, null, M(s(Q), (l) => (r(), $(Xe, {
                           key: l.index,
                           ref_for: !0,
                           ref_key: "itemsRef",
-                          ref: D,
+                          ref: F,
                           item: l.data,
                           size: e.size,
                           disabled: l.data.disabled,
@@ -329,114 +329,130 @@ const Ye = { class: "relative" }, Ze = {
                           filled: "",
                           onClick: t[3] || (t[3] = () => {
                             var i;
-                            return !e.multiple && ((i = g.value) == null ? void 0 : i.hide());
+                            return !e.multiple && ((i = b.value) == null ? void 0 : i.hide());
                           })
-                        }, {
-                          prefix: c(() => [
-                            C(e.$slots, "prefix", {
-                              item: l.data
-                            }, () => [
-                              T(y(l.data.prefix), 1)
-                            ])
-                          ]),
-                          suffix: c(() => [
-                            C(e.$slots, "suffix", {
-                              item: l.data
-                            }, () => [
-                              T(y(l.data.suffix), 1)
-                            ])
-                          ]),
+                        }, Ne({
                           default: c(() => [
-                            C(e.$slots, "label", {
+                            R(e.$slots, "label", {
                               item: l.data
                             })
                           ]),
                           _: 2
-                        }, 1032, ["item", "size", "disabled", "selected", "color"]))), 128))
+                        }, [
+                          e.$slots.prefix || l.data.prefix ? {
+                            name: "prefix",
+                            fn: c(() => [
+                              R(e.$slots, "prefix", {
+                                item: l.data
+                              }, () => [
+                                C(y(l.data.prefix), 1)
+                              ])
+                            ]),
+                            key: "0"
+                          } : void 0,
+                          e.$slots.suffix || l.data.suffix ? {
+                            name: "suffix",
+                            fn: c(() => [
+                              R(e.$slots, "suffix", {
+                                item: l.data
+                              }, () => [
+                                C(y(l.data.suffix), 1)
+                              ])
+                            ]),
+                            key: "1"
+                          } : void 0
+                        ]), 1032, ["item", "size", "disabled", "selected", "color"]))), 128))
                       ], 16),
-                      s(J).length === 0 ? (o(), n("div", il, " No options ")) : z("", !0)
+                      s(Q).length === 0 ? (r(), n("div", tl, " No options ")) : S("", !0)
                     ], 16),
-                    C(e.$slots, "content-footer")
+                    R(e.$slots, "content-footer")
                   ]),
                   _: 3
                 }, 8, ["class"])
               ]),
               default: c(() => [
-                O("div", {
-                  class: w([s(b).box])
-                }, [
-                  e.multiple && Array.isArray(r.value) && r.value.length > 0 ? (o(), n("div", {
-                    key: 0,
-                    ref_key: "tagsRef",
-                    ref: B,
-                    class: w(["flex gap-1 relative", {
-                      "flex-wrap": !e.truncate,
-                      "overflow-hidden": e.truncate
-                    }])
+                R(e.$slots, "input", {
+                  popover: b.value,
+                  selected: o.value,
+                  disabled: k.value,
+                  label: B(o.value)
+                }, () => [
+                  T("div", {
+                    class: A([s(h).box])
                   }, [
-                    (o(!0), n(h, null, W(r.value, (l) => {
-                      var i, m, f, v;
-                      return o(), R(ne, {
-                        key: l,
-                        size: "xs",
-                        removable: "",
-                        outlined: !(A.value || (m = (i = e.options) == null ? void 0 : i.find((k) => k.value === l)) != null && m.disabled),
-                        disabled: A.value || ((v = (f = e.options) == null ? void 0 : f.find((k) => k.value === l)) == null ? void 0 : v.disabled),
-                        onRemove: (k) => {
-                          ee(k, l);
-                        }
-                      }, {
-                        default: c(() => [
-                          T(y(E(l)), 1)
-                        ]),
-                        _: 2
-                      }, 1032, ["outlined", "disabled", "onRemove"]);
-                    }), 128)),
-                    H.value ? (o(), n("div", {
+                    e.multiple && Array.isArray(o.value) && o.value.length > 0 ? (r(), n("div", {
                       key: 0,
-                      class: w(s(b).truncateCounter),
-                      onClick: t[1] || (t[1] = Pe((l) => {
-                        var i;
-                        return (i = re.value) == null ? void 0 : i.toggle();
-                      }, ["stop"]))
-                    }, "+" + y(q.value), 3)) : z("", !0)
-                  ], 2)) : !e.multiple && !Z(r.value) ? (o(), n(h, { key: 1 }, [
-                    T(y(E(r.value)), 1)
-                  ], 64)) : (o(), n(h, { key: 2 }, [
-                    e.placeholder ? (o(), n("div", ll, y(e.placeholder), 1)) : (o(), n("div", tl, " "))
-                  ], 64))
-                ], 2)
+                      ref_key: "tagsRef",
+                      ref: N,
+                      class: A(["flex gap-1 relative", {
+                        "flex-wrap": !e.truncate,
+                        "overflow-hidden": e.truncate
+                      }])
+                    }, [
+                      (r(!0), n(g, null, M(o.value, (l) => {
+                        var i, m, f, v;
+                        return r(), $(ne, {
+                          key: l,
+                          size: "xs",
+                          removable: "",
+                          outlined: !(k.value || (m = (i = e.options) == null ? void 0 : i.find((w) => w.value === l)) != null && m.disabled),
+                          disabled: k.value || ((v = (f = e.options) == null ? void 0 : f.find((w) => w.value === l)) == null ? void 0 : v.disabled),
+                          onRemove: (w) => {
+                            ee(w, l);
+                          }
+                        }, {
+                          default: c(() => [
+                            C(y(B(l)), 1)
+                          ]),
+                          _: 2
+                        }, 1032, ["outlined", "disabled", "onRemove"]);
+                      }), 128)),
+                      H.value ? (r(), n("div", {
+                        key: 0,
+                        class: A(s(h).truncateCounter),
+                        onClick: t[1] || (t[1] = ze((l) => {
+                          var i;
+                          return (i = oe.value) == null ? void 0 : i.toggle();
+                        }, ["stop"]))
+                      }, "+" + y(q.value), 3)) : S("", !0)
+                    ], 2)) : !e.multiple && !_(o.value) ? (r(), n(g, { key: 1 }, [
+                      C(y(B(o.value)), 1)
+                    ], 64)) : (r(), n(g, { key: 2 }, [
+                      e.placeholder ? (r(), n("div", el, y(e.placeholder), 1)) : (r(), n("div", ll, " "))
+                    ], 64))
+                  ], 2)
+                ])
               ]),
               _: 3
             }, 8, ["disabled"]),
-            e.multiple && e.truncate && H.value ? (o(), R(ue, {
+            e.multiple && e.truncate && H.value ? (r(), $(ue, {
               key: 0,
               ref_key: "multipleHiddenRef",
-              ref: re,
+              ref: oe,
               "popper-show-triggers": [],
               "popper-hide-triggers": [],
               class: "inline-block !absolute right-0",
               placement: "auto-start"
             }, {
               content: c(() => [
-                P(de, { class: "p-2 flex gap-2 flex-wrap" }, {
+                D(de, { class: "p-2 flex gap-2 flex-wrap" }, {
                   default: c(() => {
                     var l;
                     return [
-                      (o(!0), n(h, null, W((l = r.value) == null ? void 0 : l.slice(r.value.length - q.value), (i) => {
-                        var m, f, v, k;
-                        return o(), R(ne, {
+                      (r(!0), n(g, null, M((l = o.value) == null ? void 0 : l.slice(o.value.length - q.value), (i) => {
+                        var m, f, v, w;
+                        return r(), $(ne, {
                           key: i,
                           size: "xs",
                           removable: "",
-                          outlined: !(A.value || (f = (m = e.options) == null ? void 0 : m.find((N) => N.value === i)) != null && f.disabled),
-                          disabled: A.value || ((k = (v = e.options) == null ? void 0 : v.find((N) => N.value === i)) == null ? void 0 : k.disabled),
-                          onRemove: (N) => {
-                            ee(N, i);
+                          outlined: !(k.value || (f = (m = e.options) == null ? void 0 : m.find((z) => z.value === i)) != null && f.disabled),
+                          disabled: k.value || ((w = (v = e.options) == null ? void 0 : v.find((z) => z.value === i)) == null ? void 0 : w.disabled),
+                          onRemove: (z) => {
+                            ee(z, i);
                           }
                         }, {
                           default: c(() => [
-                            T(y(E(i)), 1)
+                            C(y(B(i)), 1)
                           ]),
                           _: 2
                         }, 1032, ["outlined", "disabled", "onRemove"]);
@@ -447,13 +463,13 @@ const Ye = { class: "relative" }, Ze = {
                 })
               ]),
               _: 1
-            }, 512)) : z("", !0)
+            }, 512)) : S("", !0)
           ], 64)),
-          xe(O("select", X({
+          xe(T("select", W({
             id: e.id,
             ref_key: "elRef",
-            ref: M,
-            "onUpdate:modelValue": t[4] || (t[4] = (l) => r.value = l),
+            ref: U,
+            "onUpdate:modelValue": t[4] || (t[4] = (l) => o.value = l),
             tabindex: "-1",
             class: e.native && !e.multiple ? "absolute inset-0 w-full h-full cursor-pointer opacity-0" : "hidden",
             name: e.name,
@@ -461,29 +477,29 @@ const Ye = { class: "relative" }, Ze = {
             multiple: e.multiple,
             readonly: e.readonly
           }, se(s(ie), !0)), [
-            e.native ? (o(!0), n(h, { key: 0 }, W(e.options, (l, i) => (o(), n("option", {
+            e.native ? (r(!0), n(g, { key: 0 }, M(e.options, (l, i) => (r(), n("option", {
               key: i,
               value: l.value,
               disabled: l.disabled
-            }, y(l.label), 9, rl))), 128)) : z("", !0)
-          ], 16, al), [
-            [De, r.value]
+            }, y(l.label), 9, al))), 128)) : S("", !0)
+          ], 16, il), [
+            [De, o.value]
           ]),
-          O("div", {
-            class: w(s(b).iconWrapper)
+          T("div", {
+            class: A(s(h).iconWrapper)
           }, [
-            e.loading ? (o(), R(Ke, {
+            e.loading ? (r(), $(Ke, {
               key: 0,
               size: e.size
-            }, null, 8, ["size"])) : C(e.$slots, "icon", { key: 1 }, () => [
-              P(je, {
-                icon: s(Ue),
-                class: w([s(b).icon])
+            }, null, 8, ["size"])) : R(e.$slots, "icon", { key: 1 }, () => [
+              D(je, {
+                icon: s(Me),
+                class: A([s(h).icon])
               }, null, 8, ["icon", "class"])
             ])
           ], 2)
         ]),
-        s(we) ? z("", !0) : (o(), R(Ge, {
+        s(we) ? S("", !0) : (r(), $(Ge, {
           key: 0,
           error: s(te),
           helper: e.helper
@@ -494,5 +510,5 @@ const Ye = { class: "relative" }, Ze = {
   }
 });
 export {
-  Ol as default
+  Il as default
 };