@indielayer/ui 1.13.2 → 1.14.0

package/lib/components/radio/theme/Radio.base.theme.js

@@ -5,48 +5,48 @@ const a = {
       return e.isInsideForm && !e.isInsideFormGroup && t.push("mb-5"), t;
     },
     circle: ({ props: e }) => {
-      const t = ["rounded-full flex justify-center items-center shrink-0 border outline-offset-2 outline-slate-300 dark:outline-slate-500 group-focus:outline-1 group-focus:outline"];
+      const t = ["rounded-full flex justify-center items-center shrink-0 border outline-offset-2 outline-slate-300 dark:outline-slate-500 group-focus-visible:outline-1 group-focus-visible:outline"];
       return e.size === "lg" ? t.push("h-5 w-5") : e.size === "xl" ? t.push("h-6 w-6") : t.push("h-4 w-4"), t;
     },
     circleIcon: ({ props: e, data: t }) => {
-      const r = [];
-      return t.selected || r.push("opacity-0"), e.size === "sm" || e.size === "xs" ? r.push("h-2") : e.size === "lg" ? r.push("h-2.5") : e.size === "xl" ? r.push("h-3") : r.push("h-2"), r;
+      const s = [];
+      return t.selected || s.push("opacity-0"), e.size === "sm" || e.size === "xs" ? s.push("h-2") : e.size === "lg" ? s.push("h-2.5") : e.size === "xl" ? s.push("h-3") : s.push("h-2"), s;
     },
     label: ({ props: e, data: t }) => {
-      let r = "text-secondary-800 dark:text-secondary-200 pl-2";
-      return r += t.isInsideFormGroup ? " font-normal" : " font-medium", e.size === "xs" ? r += " text-xs" : e.size === "sm" ? r += " text-sm" : e.size === "lg" ? r += " text-lg" : e.size === "xl" && (r += " text-xl"), r;
+      let s = "text-secondary-800 dark:text-secondary-200 pl-2";
+      return s += t.isInsideFormGroup ? " font-normal" : " font-medium", e.size === "xs" ? s += " text-xs" : e.size === "sm" ? s += " text-sm" : e.size === "lg" ? s += " text-lg" : e.size === "xl" && (s += " text-xl"), s;
     },
     content: ({ props: e }) => {
       let t = "pl-2";
       return e.size === "xs" ? t += " text-xs" : e.size === "sm" ? t += " text-sm" : e.size === "lg" ? t += " text-lg" : e.size === "xl" && (t += " text-xl"), t;
     }
   },
-  styles: ({ props: e, colors: t, css: r, data: n }) => {
-    const s = t.getPalette("gray"), l = t.getPalette(e.color), i = [];
-    return e.loading ? r.variables({
+  styles: ({ props: e, colors: t, css: s, data: n }) => {
+    const r = t.getPalette("gray"), l = t.getPalette(e.color), i = [];
+    return e.loading ? s.variables({
       bg: "transparent",
       border: "transparent",
       dark: {
         bg: "transparent",
         border: "transparent"
       }
-    }) : (e.disabled ? n.selected ? i.push(r.variables({
+    }) : (e.disabled ? n.selected ? i.push(s.variables({
       bg: "transparent",
-      border: s[200],
-      circle: s[200],
+      border: r[200],
+      circle: r[200],
       dark: {
         bg: "transparent",
-        border: s[700],
-        circle: s[700]
+        border: r[700],
+        circle: r[700]
       }
-    })) : i.push(r.variables({
-      bg: s[200],
-      border: s[200],
+    })) : i.push(s.variables({
+      bg: r[200],
+      border: r[200],
       dark: {
-        bg: s[700],
-        border: s[700]
+        bg: r[700],
+        border: r[700]
       }
-    })) : (n.selected ? i.push(r.variables({
+    })) : (n.selected ? i.push(s.variables({
       bg: "transparent",
       border: l[500],
       circle: l[500],
@@ -55,14 +55,14 @@ const a = {
         border: l[500],
         circle: l[500]
       }
-    })) : i.push(r.variables({
+    })) : i.push(s.variables({
       bg: "#fff",
-      border: e.glow ? l[300] : s[300],
+      border: e.glow ? l[300] : r[300],
       dark: {
-        bg: s[900],
-        border: e.glow ? l[300] : s[400]
+        bg: r[900],
+        border: e.glow ? l[300] : r[400]
       }
-    })), e.glow && i.push(r.get("glow", t.getColorOpacity(l[500], 0.5)))), i);
+    })), e.glow && i.push(s.get("glow", t.getColorOpacity(l[500], 0.5)))), i);
   }
 }, o = a;
 export {

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

@@ -1,4 +1,4 @@
-import { defineComponent as Me, mergeModels as ve, computed as R, ref as b, useModel as Pe, watch as M, nextTick as Z, unref as r, onUnmounted as Fe, openBlock as s, createBlock as L, mergeProps as U, toHandlers as ce, withCtx as m, createElementVNode as P, createElementBlock as n, normalizeClass as k, Fragment as w, createTextVNode as T, toDisplayString as g, createVNode as B, renderSlot as O, createCommentVNode as x, renderList as j, createSlots as Ee, normalizeStyle as He, withModifiers as We, withDirectives as qe, vModelSelect as Ue } from "vue";
+import { defineComponent as Me, mergeModels as ve, computed as A, ref as b, useModel as Pe, watch as M, nextTick as Z, unref as s, onUnmounted as Fe, openBlock as r, createBlock as L, mergeProps as U, toHandlers as ce, withCtx as m, createElementVNode as P, createElementBlock as u, normalizeClass as k, Fragment as w, createTextVNode as T, toDisplayString as g, createVNode as B, renderSlot as O, createCommentVNode as R, renderList as j, createSlots as Ee, normalizeStyle as He, withModifiers as We, withDirectives as qe, vModelSelect as Ue } from "vue";
 import { useEventListener as je, useResizeObserver as Xe } 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 Ke } from "../../composables/useColors.js";
 import { useCommon as he } from "../../composables/useCommon.js";
@@ -18,10 +18,10 @@ import be from "../popover/PopoverContainer.vue.js";
 import tl from "../inputFooter/InputFooter.vue.js";
 import al from "../input/Input.vue.js";
 import { useThrottleFn as il } from "../../node_modules/.pnpm/@vueuse_shared@11.1.0_vue@3.5.10_typescript@5.2.2_/node_modules/@vueuse/shared/index.js";
-const ol = { class: "relative" }, sl = {
+const ol = { class: "relative" }, rl = {
   key: 0,
   class: "text-secondary-400 dark:text-secondary-500"
-}, rl = { key: 1 }, nl = {
+}, sl = { key: 1 }, nl = {
   key: 0,
   class: "text-secondary-400 dark:text-secondary-500"
 }, ul = { key: 1 }, dl = {
@@ -70,16 +70,16 @@ const ol = { class: "relative" }, sl = {
   }),
   emits: /* @__PURE__ */ ve([..._.emits(), "close"], ["update:filter"]),
   setup(ee, { expose: ge, emit: Ce }) {
-    const i = ee, S = Ce, v = R(() => i.multiple || i.multipleCheckbox), X = b(null), K = b(null), F = b(null), C = b(null), G = b(null), d = b(), I = Pe(ee, "filter"), E = b(null), $ = R(() => i.disabled || i.loading || i.readonly), we = R(() => !i.loading && !i.readonly && !i.disabled && i.clearable && !J(o.value)), o = R({
+    const i = ee, S = Ce, c = A(() => i.multiple || i.multipleCheckbox), X = b(null), K = b(null), F = b(null), C = b(null), G = b(null), d = b(), I = Pe(ee, "filter"), E = b(null), $ = A(() => i.disabled || i.loading || i.readonly), we = A(() => !i.loading && !i.readonly && !i.disabled && i.clearable && !J(o.value)), o = A({
       get() {
-        return v.value ? i.modelValue ? Array.isArray(i.modelValue) ? i.modelValue : [i.modelValue] : [] : i.modelValue;
+        return c.value ? i.modelValue ? Array.isArray(i.modelValue) ? i.modelValue : [i.modelValue] : [] : i.modelValue;
       },
       set(e) {
         S("update:modelValue", e);
       }
-    }), c = R(() => !i.options || i.options.length === 0 ? [] : i.options.filter((e) => I.value === "" || e.label.toLowerCase().includes(I.value.toLowerCase())).map((e) => {
+    }), h = A(() => !i.options || i.options.length === 0 ? [] : i.options.filter((e) => I.value === "" || e.label.toLowerCase().includes(I.value.toLowerCase())).map((e) => {
       let t = !1;
-      return v.value && Array.isArray(o.value) ? t = o.value.includes(e.value) : t = e.value === o.value, {
+      return c.value && Array.isArray(o.value) ? t = o.value.includes(e.value) : t = e.value === o.value, {
         value: e.value,
         label: e.label,
         active: t,
@@ -90,8 +90,8 @@ const ol = { class: "relative" }, sl = {
         keepOpenOnClick: e.keepOpenOnClick,
         onClick: () => ie(e.value)
       };
-    })), le = R(() => c.value.filter((e) => !e.disabled)), { list: te, scrollTo: Oe, containerProps: $e, wrapperProps: Re } = Je(
-      c,
+    })), le = A(() => h.value.filter((e) => !e.disabled)), { list: te, scrollTo: Oe, containerProps: $e, wrapperProps: Ae } = Je(
+      h,
       {
         disabled: !i.virtualList,
         itemHeight: i.virtualListItemHeight,
@@ -99,28 +99,28 @@ const ol = { class: "relative" }, sl = {
         bottomOffset: i.virtualListOffsetBottom || 0,
         overscan: i.virtualListOverscan
       }
-    ), V = R(() => {
+    ), V = A(() => {
       var e;
       return (e = C.value) == null ? void 0 : e.isOpen;
     });
     M(I, (e) => {
       e && (d.value = void 0, H(-1));
     }), M(V, (e) => {
-      e ? (xe(), (v.value || typeof d.value > "u") && H(-1), setTimeout(() => {
+      e ? (Re(), (c.value || typeof d.value > "u") && H(-1), setTimeout(() => {
         requestAnimationFrame(() => {
           var t;
           ae(d.value || 0), i.filterable && ((t = E.value) == null || t.focus());
         });
       }, 50)) : (i.filterable && (I.value = ""), S("close"));
     });
-    function xe() {
-      if (v.value) {
+    function Re() {
+      if (c.value) {
         if (Array.isArray(o.value) && o.value.length > 0) {
-          const e = c.value.findIndex((t) => t.value === o.value[0]);
+          const e = h.value.findIndex((t) => t.value === o.value[0]);
           e !== -1 && (d.value = e);
         }
       } else {
-        const e = c.value.findIndex((t) => t.value === o.value);
+        const e = h.value.findIndex((t) => t.value === o.value);
         e !== -1 && (d.value = e);
       }
     }
@@ -136,16 +136,25 @@ const ol = { class: "relative" }, sl = {
         d.value = void 0;
         return;
       }
-      if (typeof e > "u" && (e = t === "down" ? -1 : 1), t === "down") {
-        let l = e + 1;
-        for (l > c.value.length - 1 && (l = 0); c.value[l].disabled; )
-          ++l > c.value.length - 1 && (l = 0);
-        d.value = l;
+      typeof e > "u" && (e = t === "down" ? -1 : 1);
+      const l = h.value.length;
+      let a = 0;
+      if (t === "down") {
+        let n = e + 1;
+        for (n > l - 1 && (n = 0); h.value[n].disabled; )
+          if (++n > l - 1 && (n = 0), ++a >= l) {
+            d.value = void 0;
+            return;
+          }
+        d.value = n;
       } else {
-        let l = e - 1;
-        for (l < 0 && (l = c.value.length - 1); c.value[l].disabled; )
-          --l < 0 && (l = c.value.length - 1);
-        d.value = l;
+        let n = e - 1;
+        for (n < 0 && (n = l - 1); h.value[n].disabled; )
+          if (--n < 0 && (n = l - 1), ++a >= l) {
+            d.value = void 0;
+            return;
+          }
+        d.value = n;
       }
     }
     function ie(e) {
@@ -155,7 +164,7 @@ const ol = { class: "relative" }, sl = {
         if (t.onClick)
           t.onClick();
         else {
-          if (v.value) {
+          if (c.value) {
             if (Array.isArray(o.value)) {
               const a = o.value.indexOf(e);
               a !== -1 ? o.value.splice(a, 1) : o.value.push(e);
@@ -177,7 +186,7 @@ const ol = { class: "relative" }, sl = {
       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 oe(e, t) {
-      if (e.stopPropagation(), $.value)
+      if (e.stopPropagation(), $.value || !Array.isArray(o.value))
         return;
       const l = o.value.indexOf(t);
       l !== -1 && (o.value.splice(l, 1), S("update:modelValue", o.value));
@@ -187,8 +196,8 @@ const ol = { class: "relative" }, sl = {
       const t = (l = i.options) == null ? void 0 : l.find((a) => a.value === e);
       return t ? t.label : "";
     }
-    const { focus: se, blur: Ae } = ke(X), {
-      errorInternal: re,
+    const { focus: re, blur: xe } = ke(X), {
+      errorInternal: se,
       hideFooterInternal: Le,
       inputListeners: ne,
       reset: Q,
@@ -196,24 +205,24 @@ const ol = { class: "relative" }, sl = {
       setError: Ie,
       isFocused: Ve,
       isInsideForm: Te
-    } = _(i, { focus: se, emit: S, withListeners: !0 }), Be = R(() => {
-      const { focus: e, blur: t } = r(ne);
+    } = _(i, { focus: re, emit: S, withListeners: !0 }), Be = A(() => {
+      const { focus: e, blur: t } = s(ne);
       return {
         focus: e,
         blur: t
       };
     });
-    let A = null;
+    let x = null;
     M([Ve, V], ([e, t]) => {
-      e || t ? A || (A = je(document, "keydown", Se)) : A && (A(), A = null);
+      e || t ? x || (x = je(document, "keydown", Se)) : x && (x(), x = null);
     }, {
       immediate: !0
     }), Fe(() => {
-      A && A();
+      x && x();
     });
     function Se(e) {
-      var t, l, a, h, p;
-      if (c.value.length !== 0)
+      var t, l, a, n, p;
+      if (h.value.length !== 0)
         if (e.code === "ArrowDown") {
           if (e.preventDefault(), !V.value) {
             (t = C.value) == null || t.show();
@@ -233,18 +242,18 @@ const ol = { class: "relative" }, sl = {
             (a = C.value) == null || a.show();
             return;
           }
-          if (typeof d.value < "u" && c.value[d.value]) {
-            const f = c.value[d.value];
-            ie(f.value), !f.keepOpenOnClick && (!v.value || i.multipleCheckbox) && ((h = C.value) == null || h.hide());
+          if (typeof d.value < "u" && h.value[d.value]) {
+            const v = h.value[d.value];
+            ie(v.value), !v.keepOpenOnClick && (!c.value || i.multipleCheckbox) && ((n = C.value) == null || n.hide());
           }
         } else
           e.code === "Tab" && V.value && (e.preventDefault(), (p = C.value) == null || p.hide(), i.native || Z(() => {
-            var f;
-            (f = K.value) == null || f.$el.focus();
+            var v;
+            (v = K.value) == null || v.$el.focus();
           }));
     }
     const N = b(null), de = b(null), W = b(!1), q = b(0), fe = il(() => {
-      v.value && i.truncate && Z(() => {
+      c.value && i.truncate && Z(() => {
         const e = ze();
         e < o.value.length ? (W.value = !0, q.value = o.value.length - e) : (W.value = !1, q.value = 0);
       });
@@ -257,48 +266,48 @@ const ol = { class: "relative" }, sl = {
         return 0;
       const e = N.value.querySelectorAll(".x-tag"), t = Array.from(e);
       let l = 0, a = 1;
-      const h = N.value.offsetWidth - 30;
+      const n = N.value.offsetWidth - 30;
       for (let p = 0; p < t.length; p++) {
-        const f = t[p];
-        f.style.display = "flex", l += f.offsetWidth, p > 0 && (l < h ? a++ : f.style.display = "none");
+        const v = t[p];
+        v.style.display = "flex", l += v.offsetWidth, p > 0 && (l < n ? a++ : v.style.display = "none");
       }
       return a;
     }
     M(o, (e) => {
       fe();
     }, { immediate: !0, deep: !0 });
-    const { styles: Ne, classes: y, className: De } = Ge("Select", {}, i, { errorInternal: re });
-    return ge({ focus: se, blur: Ae, reset: Q, validate: ue, setError: Ie, filterRef: E }), (e, t) => (s(), L(_e, U({
+    const { styles: Ne, classes: y, className: De } = Ge("Select", {}, i, { errorInternal: se });
+    return ge({ focus: re, blur: xe, reset: Q, validate: ue, setError: Ie, filterRef: E }), (e, t) => (r(), L(_e, U({
       ref_key: "labelRef",
       ref: K,
       tabindex: "0",
       class: ["group", [
-        r(De),
-        r(y).wrapper
+        s(De),
+        s(y).wrapper
       ]],
-      style: r(Ne),
+      style: s(Ne),
       disabled: $.value,
       required: e.required,
-      "is-inside-form": r(Te),
+      "is-inside-form": s(Te),
       label: e.label,
       tooltip: e.tooltip
     }, ce(Be.value)), {
       default: m(() => [
         P("div", ol, [
-          e.native && !v.value ? (s(), n("div", {
+          e.native && !c.value ? (r(), u("div", {
             key: 0,
-            class: k(r(y).box),
+            class: k(s(y).box),
             onClick: t[0] || (t[0] = (l) => {
               var a;
               return (a = X.value) == null ? void 0 : a.click();
             })
           }, [
-            J(o.value) ? (s(), n(w, { key: 1 }, [
-              e.placeholder ? (s(), n("div", sl, g(e.placeholder), 1)) : (s(), n("div", rl, " "))
-            ], 64)) : (s(), n(w, { key: 0 }, [
+            J(o.value) ? (r(), u(w, { key: 1 }, [
+              e.placeholder ? (r(), u("div", rl, g(e.placeholder), 1)) : (r(), u("div", sl, " "))
+            ], 64)) : (r(), u(w, { key: 0 }, [
               T(g(z(o.value)), 1)
             ], 64))
-          ], 2)) : (s(), n(w, { key: 1 }, [
+          ], 2)) : (r(), u(w, { key: 1 }, [
             B(ye, {
               ref_key: "popoverRef",
               ref: C,
@@ -307,13 +316,13 @@ const ol = { class: "relative" }, sl = {
             }, {
               content: m(() => [
                 B(be, {
-                  class: k(r(y).content)
+                  class: k(s(y).content)
                 }, {
                   default: m(() => [
                     O(e.$slots, "content-header", {}, () => [
-                      e.filterable ? (s(), n("div", {
+                      e.filterable ? (r(), u("div", {
                         key: 0,
-                        class: k(r(y).search)
+                        class: k(s(y).search)
                       }, [
                         B(al, {
                           ref_key: "filterRef",
@@ -325,13 +334,13 @@ const ol = { class: "relative" }, sl = {
                           "data-1p-ignore": "",
                           size: "sm"
                         }, null, 8, ["modelValue", "placeholder"])
-                      ], 2)) : x("", !0)
+                      ], 2)) : R("", !0)
                     ]),
-                    P("div", U(r($e), {
-                      class: r(y).contentBody
+                    P("div", U(s($e), {
+                      class: s(y).contentBody
                     }), [
-                      P("div", U(r(Re), { class: "space-y-0.5" }), [
-                        (s(!0), n(w, null, j(r(te), (l) => (s(), L(el, {
+                      P("div", U(s(Ae), { class: "space-y-0.5" }), [
+                        (r(!0), u(w, null, j(s(te), (l) => (r(), L(el, {
                           key: l.index,
                           ref_for: !0,
                           ref_key: "itemsRef",
@@ -345,7 +354,7 @@ const ol = { class: "relative" }, sl = {
                           filled: "",
                           onClick: () => {
                             var a;
-                            return !l.data.keepOpenOnClick && (!v.value || e.multipleCheckbox) && ((a = C.value) == null ? void 0 : a.hide());
+                            return !l.data.keepOpenOnClick && (!c.value || e.multipleCheckbox) && ((a = C.value) == null ? void 0 : a.hide());
                           }
                         }, Ee({
                           default: m(() => [
@@ -379,7 +388,7 @@ const ol = { class: "relative" }, sl = {
                           } : void 0
                         ]), 1032, ["item", "size", "disabled", "selected", "checkbox", "color", "onClick"]))), 128))
                       ], 16),
-                      r(te).length === 0 ? (s(), n("div", dl, " No options ")) : x("", !0)
+                      s(te).length === 0 ? (r(), u("div", dl, " No options ")) : R("", !0)
                     ], 16),
                     O(e.$slots, "content-footer")
                   ]),
@@ -394,9 +403,9 @@ const ol = { class: "relative" }, sl = {
                   label: z(o.value)
                 }, () => [
                   P("div", {
-                    class: k([r(y).box])
+                    class: k([s(y).box])
                   }, [
-                    v.value && Array.isArray(o.value) && o.value.length > 0 ? (s(), n("div", {
+                    c.value && Array.isArray(o.value) && o.value.length > 0 ? (r(), u("div", {
                       key: 0,
                       ref_key: "tagsRef",
                       ref: N,
@@ -405,24 +414,24 @@ const ol = { class: "relative" }, sl = {
                         "overflow-hidden": e.truncate
                       }])
                     }, [
-                      (s(!0), n(w, null, j(o.value, (l, a) => {
-                        var h, p, f, D;
-                        return s(), L(pe, {
+                      (r(!0), u(w, null, j(o.value, (l, a) => {
+                        var n, p, v, D;
+                        return r(), L(pe, {
                           key: l,
                           size: "xs",
                           removable: "",
-                          outlined: !($.value || (p = (h = e.options) == null ? void 0 : h.find((u) => u.value === l)) != null && p.disabled),
-                          disabled: $.value || ((D = (f = e.options) == null ? void 0 : f.find((u) => u.value === l)) == null ? void 0 : D.disabled),
+                          outlined: !($.value || (p = (n = e.options) == null ? void 0 : n.find((f) => f.value === l)) != null && p.disabled),
+                          disabled: $.value || ((D = (v = e.options) == null ? void 0 : v.find((f) => f.value === l)) == null ? void 0 : D.disabled),
                           style: He({ "max-width": a === 0 && G.value ? `calc(100% - ${G.value.offsetWidth + 6 + "px"})` : void 0 }),
-                          onRemove: (u) => {
-                            oe(u, l);
+                          onRemove: (f) => {
+                            oe(f, l);
                           }
                         }, {
                           prefix: m(() => {
-                            var u;
+                            var f;
                             return [
                               O(e.$slots, "tag-prefix", {
-                                item: (u = e.options) == null ? void 0 : u.find((Y) => Y.value === l)
+                                item: (f = e.options) == null ? void 0 : f.find((Y) => Y.value === l)
                               })
                             ];
                           }),
@@ -432,27 +441,27 @@ const ol = { class: "relative" }, sl = {
                           _: 2
                         }, 1032, ["outlined", "disabled", "style", "onRemove"]);
                       }), 128)),
-                      W.value ? (s(), n("div", {
+                      W.value ? (r(), u("div", {
                         key: 0,
                         ref_key: "hiddenTagsCounterRef",
                         ref: G,
-                        class: k(r(y).truncateCounter),
+                        class: k(s(y).truncateCounter),
                         onClick: t[1] || (t[1] = We((l) => {
                           var a;
                           return (a = de.value) == null ? void 0 : a.toggle();
                         }, ["stop"]))
-                      }, "+" + g(q.value), 3)) : x("", !0)
-                    ], 2)) : !v.value && !J(o.value) ? (s(), n(w, { key: 1 }, [
+                      }, "+" + g(q.value), 3)) : R("", !0)
+                    ], 2)) : !c.value && !J(o.value) ? (r(), u(w, { key: 1 }, [
                       T(g(z(o.value)), 1)
-                    ], 64)) : (s(), n(w, { key: 2 }, [
-                      e.placeholder ? (s(), n("div", nl, g(e.placeholder), 1)) : (s(), n("div", ul, " "))
+                    ], 64)) : (r(), u(w, { key: 2 }, [
+                      e.placeholder ? (r(), u("div", nl, g(e.placeholder), 1)) : (r(), u("div", ul, " "))
                     ], 64))
                   ], 2)
                 ])
               ]),
               _: 3
             }, 8, ["disabled", "placement"]),
-            v.value && e.truncate && W.value ? (s(), L(ye, {
+            c.value && e.truncate && W.value ? (r(), L(ye, {
               key: 0,
               ref_key: "multipleHiddenRef",
               ref: de,
@@ -466,23 +475,23 @@ const ol = { class: "relative" }, sl = {
                   default: m(() => {
                     var l;
                     return [
-                      (s(!0), n(w, null, j((l = o.value) == null ? void 0 : l.slice(o.value.length - q.value), (a) => {
-                        var h, p, f, D;
-                        return s(), L(pe, {
+                      (r(!0), u(w, null, j((l = o.value) == null ? void 0 : l.slice(o.value.length - q.value), (a) => {
+                        var n, p, v, D;
+                        return r(), L(pe, {
                           key: a,
                           size: "xs",
                           removable: "",
-                          outlined: !($.value || (p = (h = e.options) == null ? void 0 : h.find((u) => u.value === a)) != null && p.disabled),
-                          disabled: $.value || ((D = (f = e.options) == null ? void 0 : f.find((u) => u.value === a)) == null ? void 0 : D.disabled),
-                          onRemove: (u) => {
-                            oe(u, a);
+                          outlined: !($.value || (p = (n = e.options) == null ? void 0 : n.find((f) => f.value === a)) != null && p.disabled),
+                          disabled: $.value || ((D = (v = e.options) == null ? void 0 : v.find((f) => f.value === a)) == null ? void 0 : D.disabled),
+                          onRemove: (f) => {
+                            oe(f, a);
                           }
                         }, {
                           prefix: m(() => {
-                            var u;
+                            var f;
                             return [
                               O(e.$slots, "tag-prefix", {
-                                item: (u = e.options) == null ? void 0 : u.find((Y) => Y.value === a)
+                                item: (f = e.options) == null ? void 0 : f.find((Y) => Y.value === a)
                               })
                             ];
                           }),
@@ -498,7 +507,7 @@ const ol = { class: "relative" }, sl = {
                 })
               ]),
               _: 3
-            }, 512)) : x("", !0)
+            }, 512)) : R("", !0)
           ], 64)),
           qe(P("select", U({
             id: e.id,
@@ -506,51 +515,51 @@ const ol = { class: "relative" }, sl = {
             ref: X,
             "onUpdate:modelValue": t[3] || (t[3] = (l) => o.value = l),
             tabindex: "-1",
-            class: e.native && !v.value ? "absolute inset-0 w-full h-full cursor-pointer opacity-0" : "hidden",
+            class: e.native && !c.value ? "absolute inset-0 w-full h-full cursor-pointer opacity-0" : "hidden",
             name: e.name,
             disabled: e.disabled || e.loading,
-            multiple: v.value,
+            multiple: c.value,
             readonly: e.readonly
-          }, ce(r(ne), !0)), [
-            e.native ? (s(!0), n(w, { key: 0 }, j(e.options, (l, a) => (s(), n("option", {
+          }, ce(s(ne), !0)), [
+            e.native ? (r(!0), u(w, { key: 0 }, j(e.options, (l, a) => (r(), u("option", {
               key: a,
               value: l.value,
               disabled: l.disabled
-            }, g(l.label), 9, vl))), 128)) : x("", !0)
+            }, g(l.label), 9, vl))), 128)) : R("", !0)
           ], 16, fl), [
             [Ue, o.value]
           ]),
-          we.value ? (s(), n("button", {
+          we.value ? (r(), u("button", {
             key: 2,
             type: "button",
             "aria-label": "Clean value",
-            class: k(r(y).clearButton),
+            class: k(s(y).clearButton),
             onClick: t[4] || (t[4] = //@ts-ignore
-            (...l) => r(Q) && r(Q)(...l))
+            (...l) => s(Q) && s(Q)(...l))
           }, [
             B(me, {
-              icon: r(Ye),
-              class: k([r(y).icon, "cursor-pointer"])
+              icon: s(Ye),
+              class: k([s(y).icon, "cursor-pointer"])
             }, null, 8, ["icon", "class"])
-          ], 2)) : x("", !0),
-          e.$slots.input ? x("", !0) : (s(), n("div", {
+          ], 2)) : R("", !0),
+          e.$slots.input ? R("", !0) : (r(), u("div", {
             key: 3,
-            class: k(r(y).iconWrapper)
+            class: k(s(y).iconWrapper)
           }, [
-            e.loading ? (s(), L(ll, {
+            e.loading ? (r(), L(ll, {
               key: 0,
               size: e.size
             }, null, 8, ["size"])) : O(e.$slots, "icon", { key: 1 }, () => [
               B(me, {
-                icon: r(Ze),
-                class: k(r(y).icon)
+                icon: s(Ze),
+                class: k(s(y).icon)
               }, null, 8, ["icon", "class"])
             ])
           ], 2))
         ]),
-        r(Le) ? x("", !0) : (s(), L(tl, {
+        s(Le) ? R("", !0) : (r(), L(tl, {
           key: 0,
-          error: r(re),
+          error: s(se),
           helper: e.helper
         }, null, 8, ["error", "helper"]))
       ]),