@indielayer/ui 1.7.4 → 1.8.0

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

@@ -1,350 +1,387 @@
-import { defineComponent as pe, ref as g, computed as w, watch as O, nextTick as X, unref as s, onUnmounted as ve, openBlock as n, createBlock as c, mergeProps as H, toHandlers as K, withCtx as h, createElementVNode as _, createElementBlock as a, normalizeClass as A, Fragment as p, renderList as $, createTextVNode as C, toDisplayString as m, createVNode as W, withDirectives as ce, vModelSelect as me, renderSlot as ye, createCommentVNode as be } from "vue";
-import { useEventListener as he } from "../../node_modules/.pnpm/@vueuse_core@10.2.0_vue@3.3.9/node_modules/@vueuse/core/index.js";
-import { useColors as ke } from "../../composables/useColors.js";
-import { useCommon as J } from "../../composables/useCommon.js";
-import { useInputtable as D } from "../../composables/useInputtable.js";
-import { useInteractive as Q } from "../../composables/useInteractive.js";
-import { useTheme as ge } from "../../composables/useTheme.js";
-import { checkIcon as we, selectIcon as Ae } from "../../common/icons.js";
-import Ie from "../label/Label.vue.js";
-import G from "../tag/Tag.vue.js";
-import Re from "../icon/Icon.vue.js";
-import Ve from "../menu/MenuItem.vue.js";
+import { defineComponent as ye, ref as y, computed as R, watch as _, nextTick as G, unref as s, onUnmounted as be, resolveComponent as he, openBlock as r, createBlock as b, mergeProps as J, toHandlers as Q, withCtx as A, createElementVNode as z, createElementBlock as n, normalizeClass as h, Fragment as c, renderList as L, createTextVNode as B, toDisplayString as k, createVNode as T, renderSlot as E, createCommentVNode as Y, withDirectives as ke, vModelSelect as ge } from "vue";
+import { useEventListener as we } from "../../node_modules/.pnpm/@vueuse_core@10.2.0_vue@3.3.9_typescript@5.2.2_/node_modules/@vueuse/core/index.js";
+import { useColors as Ae } from "../../composables/useColors.js";
+import { useCommon as ee } from "../../composables/useCommon.js";
+import { useInputtable as F } from "../../composables/useInputtable.js";
+import { useInteractive as le } from "../../composables/useInteractive.js";
+import { useTheme as Ve } from "../../composables/useTheme.js";
+import { checkIcon as Re, selectIcon as Ie } from "../../common/icons.js";
+import $e from "../label/Label.vue.js";
+import Z from "../tag/Tag.vue.js";
+import Ce from "../icon/Icon.vue.js";
+import Se from "../menu/MenuItem.vue.js";
 import _e from "../spinner/Spinner.vue.js";
-import $e from "../popover/Popover.vue.js";
+import ze from "../popover/Popover.vue.js";
 import "../popover/Popover.vue3.js";
-import Ce from "../popover/PopoverContainer.vue.js";
-import ze from "../inputFooter/InputFooter.vue.js";
-const Se = { class: "relative" }, Ne = {
+import Le from "../popover/PopoverContainer.vue.js";
+import Be from "../inputFooter/InputFooter.vue.js";
+const Ne = { class: "relative" }, Oe = {
   key: 0,
   class: "flex gap-1 flex-wrap"
-}, Oe = {
+}, De = {
   key: 0,
   class: "text-secondary-400 dark:text-secondary-500"
-}, De = { key: 1 }, Le = {
+}, Te = { key: 1 }, Ee = {
   key: 0,
   class: "flex gap-1 flex-wrap"
-}, Be = {
+}, Fe = {
   key: 0,
   class: "text-secondary-400 dark:text-secondary-500"
-}, Ee = { key: 1 }, Te = {
+}, Pe = { key: 1 }, qe = {
   key: 1,
   class: "px-2 text-center text-secondary-400"
-}, Fe = ["id", "name", "disabled", "multiple", "readonly"], Pe = ["value", "disabled"], qe = {
-  ...ke.props("primary"),
-  ...J.props(),
-  ...Q.props(),
-  ...D.props(),
+}, Ue = ["id", "name", "disabled", "multiple", "readonly"], je = ["value", "disabled"], Me = {
+  ...Ae.props("primary"),
+  ...ee.props(),
+  ...le.props(),
+  ...F.props(),
   placeholder: String,
   options: Array,
   multiple: Boolean,
   flat: Boolean,
-  native: Boolean
-}, Ue = {
+  native: Boolean,
+  filterable: Boolean,
+  filterPlaceholder: {
+    type: String,
+    default: "Filter by..."
+  }
+}, Xe = {
   name: "XSelect",
   validators: {
-    ...J.validators()
+    ...ee.validators()
   }
-}, nl = /* @__PURE__ */ pe({
-  ...Ue,
-  props: qe,
-  emits: D.emits(),
-  setup(Y, { expose: Z, emit: ee }) {
-    const r = Y, I = ee, z = g(null), S = g(null), R = g(null), f = g(null), u = g(), t = w({
+}, sl = /* @__PURE__ */ ye({
+  ...Xe,
+  props: Me,
+  emits: F.emits(),
+  setup(ie, { expose: te, emit: oe }) {
+    const a = ie, I = oe, N = y(null), O = y(null), $ = y(null), v = y(null), u = y(), g = y(""), D = y(null), t = R({
       get() {
-        return r.multiple ? r.modelValue ? Array.isArray(r.modelValue) ? r.modelValue : [r.modelValue] : [] : r.modelValue;
+        return a.multiple ? a.modelValue ? Array.isArray(a.modelValue) ? a.modelValue : [a.modelValue] : [] : a.modelValue;
       },
       set(e) {
         I("update:modelValue", e);
       }
-    }), d = w(() => !r.options || r.options.length === 0 ? [] : r.options.map((e) => {
-      let i = !1;
-      return r.multiple && Array.isArray(t.value) ? i = t.value.includes(e.value) : i = e.value === t.value, {
+    }), d = R(() => !a.options || a.options.length === 0 ? [] : a.options.filter((e) => g.value === "" || e.label.toLowerCase().includes(g.value.toLowerCase())).map((e) => {
+      let l = !1;
+      return a.multiple && Array.isArray(t.value) ? l = t.value.includes(e.value) : l = e.value === t.value, {
         value: e.value,
         label: e.label,
-        active: i,
+        active: l,
         disabled: e.disabled,
-        iconRight: i ? we : void 0,
-        onClick: () => E(e.value)
+        iconRight: l ? Re : void 0,
+        onClick: () => U(e.value)
       };
-    })), L = w(() => {
-      var e;
-      return (e = r.options) == null ? void 0 : e.filter((i) => !i.disabled);
-    }), y = w(() => {
+    })), P = R(() => d.value.filter((e) => !e.disabled)), w = R(() => {
       var e;
-      return (e = f.value) == null ? void 0 : e.isOpen;
+      return (e = v.value) == null ? void 0 : e.isOpen;
     });
-    O(y, (e) => {
-      e && (le(), setTimeout(() => {
-        B(u.value || 0);
-      }, 50), (r.multiple || typeof u.value > "u") && N(-1));
+    _(g, (e) => {
+      e && (u.value = void 0, C(-1));
+    }), _(w, (e) => {
+      e ? (re(), (a.multiple || typeof u.value > "u") && C(-1), setTimeout(() => {
+        requestAnimationFrame(() => {
+          var l;
+          q(u.value || 0), a.filterable && ((l = D.value) == null || l.focus());
+        });
+      }, 50)) : a.filterable && (g.value = "");
     });
-    function le() {
-      if (r.multiple) {
+    function re() {
+      if (a.multiple) {
         if (Array.isArray(t.value) && t.value.length > 0) {
-          const e = d.value.findIndex((i) => i.value === t.value[0]);
+          const e = d.value.findIndex((l) => l.value === t.value[0]);
           e !== -1 && (u.value = e);
         }
       } else {
-        const e = d.value.findIndex((i) => i.value === t.value);
+        const e = d.value.findIndex((l) => l.value === t.value);
         e !== -1 && (u.value = e);
       }
     }
-    function B(e) {
-      var i;
-      R.value && ((i = R.value[e]) == null || i.$el.scrollIntoView({ block: "nearest", inline: "nearest" }));
+    function q(e) {
+      var l;
+      $.value && ((l = $.value[e]) == null || l.$el.scrollIntoView({ block: "nearest", inline: "nearest" }));
     }
-    O(u, (e) => {
-      typeof e < "u" && R.value && B(e);
+    _(u, (e) => {
+      typeof e < "u" && $.value && q(e);
     });
-    function N(e, i = "down") {
-      if (!L.value || L.value.length === 0) {
+    function C(e, l = "down") {
+      if (!P.value || P.value.length === 0) {
         u.value = void 0;
         return;
       }
-      if (typeof e > "u" && (e = i === "down" ? -1 : 1), i === "down") {
-        let l = e + 1;
-        for (l > d.value.length - 1 && (l = 0); d.value[l].disabled; )
-          ++l > d.value.length - 1 && (l = 0);
-        u.value = l;
+      if (typeof e > "u" && (e = l === "down" ? -1 : 1), l === "down") {
+        let o = e + 1;
+        for (o > d.value.length - 1 && (o = 0); d.value[o].disabled; )
+          ++o > d.value.length - 1 && (o = 0);
+        u.value = o;
       } else {
-        let l = e - 1;
-        for (l < 0 && (l = d.value.length - 1); d.value[l].disabled; )
-          --l < 0 && (l = d.value.length - 1);
-        u.value = l;
+        let o = e - 1;
+        for (o < 0 && (o = d.value.length - 1); d.value[o].disabled; )
+          --o < 0 && (o = d.value.length - 1);
+        u.value = o;
       }
     }
-    function E(e) {
-      var l;
-      const i = (l = r.options) == null ? void 0 : l.find((o) => o.value === e);
-      if (!(!i || i.disabled)) {
-        if (r.multiple)
+    function U(e) {
+      var o;
+      const l = (o = a.options) == null ? void 0 : o.find((i) => i.value === e);
+      if (!(!l || l.disabled)) {
+        if (a.multiple) {
           if (Array.isArray(t.value)) {
-            const o = t.value.indexOf(e);
-            o !== -1 ? t.value.splice(o, 1) : (t.value.push(e), I("update:modelValue", t.value));
+            const i = t.value.indexOf(e);
+            i !== -1 ? t.value.splice(i, 1) : (t.value.push(e), I("update:modelValue", t.value));
           } else
             t.value = [e];
-        else
+          a.filterable && setTimeout(() => {
+            var i;
+            (i = D.value) == null || i.focus();
+          });
+        } else
           t.value = e;
-        r.native || X(() => {
-          var o;
-          j(), (o = S.value) == null || o.$el.focus();
+        a.native || G(() => {
+          var i;
+          W(), (i = O.value) == null || i.$el.focus();
         });
       }
     }
-    function T(e) {
+    function j(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 F(e, i) {
+    function M(e, l) {
       e.stopPropagation();
-      const l = t.value.indexOf(i);
-      l !== -1 && (t.value.splice(l, 1), I("update:modelValue", t.value));
+      const o = t.value.indexOf(l);
+      o !== -1 && (t.value.splice(o, 1), I("update:modelValue", t.value));
     }
-    function V(e) {
-      var l;
-      const i = (l = r.options) == null ? void 0 : l.find((o) => o.value === e);
-      return i ? i.label : "";
+    function S(e) {
+      var o;
+      const l = (o = a.options) == null ? void 0 : o.find((i) => i.value === e);
+      return l ? l.label : "";
     }
-    const { focus: P, blur: ie } = Q(z), {
-      errorInternal: q,
-      hideFooterInternal: te,
-      inputListeners: U,
-      reset: oe,
-      validate: j,
-      setError: ne,
-      isFocused: re,
-      isInsideForm: ae
-    } = D(r, { focus: P, emit: I, withListeners: !0 }), se = w(() => {
-      const { focus: e, blur: i } = s(U);
+    const { focus: X, blur: ae } = le(N), {
+      errorInternal: H,
+      hideFooterInternal: ne,
+      inputListeners: K,
+      reset: se,
+      validate: W,
+      setError: ue,
+      isFocused: de,
+      isInsideForm: fe
+    } = F(a, { focus: X, emit: I, withListeners: !0 }), ve = R(() => {
+      const { focus: e, blur: l } = s(K);
       return {
         focus: e,
-        blur: i
+        blur: l
       };
     });
-    let v = null;
-    O([re, y], ([e, i]) => {
-      e || i ? v || (v = he(document, "keydown", ue)) : v && (v(), v = null);
+    let m = null;
+    _([de, w], ([e, l]) => {
+      e || l ? m || (m = we(document, "keydown", pe)) : m && (m(), m = null);
     }, {
       immediate: !0
-    }), ve(() => {
-      v && v();
+    }), be(() => {
+      m && m();
     });
-    function ue(e) {
-      var i, l, o, k, x;
+    function pe(e) {
+      var l, o, i, f, V;
       if (d.value.length !== 0)
         if (e.code === "ArrowDown") {
-          if (e.preventDefault(), !y.value) {
-            (i = f.value) == null || i.show();
+          if (e.preventDefault(), !w.value) {
+            (l = v.value) == null || l.show();
             return;
           }
-          N(u.value, "down");
+          C(u.value, "down");
         } else if (e.code === "ArrowUp") {
-          if (e.preventDefault(), !y.value) {
-            (l = f.value) == null || l.show();
+          if (e.preventDefault(), !w.value) {
+            (o = v.value) == null || o.show();
             return;
           }
-          N(u.value, "up");
+          C(u.value, "up");
         } else if (e.code === "Enter" || e.code === "Space") {
-          if (e.preventDefault(), e.stopPropagation(), !y.value) {
-            (o = f.value) == null || o.show();
+          if (e.code === "Space" && a.filterable)
+            return;
+          if (e.preventDefault(), e.stopPropagation(), !w.value) {
+            (i = v.value) == null || i.show();
             return;
           }
-          typeof u.value < "u" && (E(d.value[u.value].value), r.multiple || (k = f.value) == null || k.hide());
+          typeof u.value < "u" && d.value[u.value] && (U(d.value[u.value].value), a.multiple || (f = v.value) == null || f.hide());
         } else
-          e.code === "Tab" && y.value && (e.preventDefault(), (x = f.value) == null || x.hide(), r.native || X(() => {
-            var M;
-            (M = S.value) == null || M.$el.focus();
+          e.code === "Tab" && w.value && (e.preventDefault(), (V = v.value) == null || V.hide(), a.native || G(() => {
+            var x;
+            (x = O.value) == null || x.$el.focus();
           }));
     }
-    const { styles: de, classes: b, className: fe } = ge("Select", {}, r, { errorInternal: q });
-    return Z({ focus: P, blur: ie, reset: oe, validate: j, setError: ne }), (e, i) => (n(), c(Ie, H({
-      ref_key: "labelRef",
-      ref: S,
-      tabindex: "0",
-      class: ["group", [
-        s(fe),
-        s(b).wrapper
-      ]],
-      style: s(de),
-      disabled: e.disabled,
-      required: e.required,
-      "is-inside-form": s(ae),
-      label: e.label,
-      tooltip: e.tooltip
-    }, K(se.value)), {
-      default: h(() => [
-        _("div", Se, [
-          e.native && !e.multiple ? (n(), a("div", {
-            key: 0,
-            class: A(s(b).box),
-            onClick: i[0] || (i[0] = (l) => {
-              var o;
-              return (o = z.value) == null ? void 0 : o.click();
-            })
-          }, [
-            e.multiple && Array.isArray(t.value) && t.value.length > 0 ? (n(), a("div", Ne, [
-              (n(!0), a(p, null, $(t.value, (l) => (n(), c(G, {
-                key: l,
-                size: "xs",
-                outlined: "",
-                removable: "",
-                onRemove: (o) => {
-                  F(o, l);
-                }
-              }, {
-                default: h(() => [
-                  C(m(V(l)), 1)
-                ]),
-                _: 2
-              }, 1032, ["onRemove"]))), 128))
-            ])) : !e.multiple && !T(t.value) ? (n(), a(p, { key: 1 }, [
-              C(m(V(t.value)), 1)
-            ], 64)) : (n(), a(p, { key: 2 }, [
-              e.placeholder ? (n(), a("div", Oe, m(e.placeholder), 1)) : (n(), a("div", De, " "))
-            ], 64))
-          ], 2)) : (n(), c($e, {
-            key: 1,
-            ref_key: "popoverRef",
-            ref: f,
-            disabled: e.disabled || e.loading || e.readonly
-          }, {
-            content: h(() => [
-              W(Ce, {
-                class: A(s(b).content)
-              }, {
-                default: h(() => [
-                  d.value.length > 0 ? (n(!0), a(p, { key: 0 }, $(d.value, (l, o) => (n(), c(Ve, {
-                    key: o,
-                    ref_for: !0,
-                    ref_key: "itemsRef",
-                    ref: R,
-                    item: l,
-                    size: e.size,
-                    disabled: l.disabled,
-                    selected: o === u.value,
-                    color: e.color,
-                    filled: "",
-                    onClick: i[1] || (i[1] = () => {
-                      var k;
-                      return !e.multiple && ((k = f.value) == null ? void 0 : k.hide());
-                    })
-                  }, null, 8, ["item", "size", "disabled", "selected", "color"]))), 128)) : (n(), a("div", Te, " No options "))
-                ]),
-                _: 1
-              }, 8, ["class"])
-            ]),
-            default: h(() => [
-              _("div", {
-                class: A([s(b).box])
-              }, [
-                e.multiple && Array.isArray(t.value) && t.value.length > 0 ? (n(), a("div", Le, [
-                  (n(!0), a(p, null, $(t.value, (l) => (n(), c(G, {
-                    key: l,
-                    size: "xs",
-                    outlined: "",
-                    removable: "",
-                    onRemove: (o) => {
-                      F(o, l);
-                    }
-                  }, {
-                    default: h(() => [
-                      C(m(V(l)), 1)
+    const { styles: ce, classes: p, className: me } = Ve("Select", {}, a, { errorInternal: H });
+    return te({ focus: X, blur: ae, reset: se, validate: W, setError: ue }), (e, l) => {
+      const o = he("x-input");
+      return r(), b($e, J({
+        ref_key: "labelRef",
+        ref: O,
+        tabindex: "0",
+        class: ["group", [
+          s(me),
+          s(p).wrapper
+        ]],
+        style: s(ce),
+        disabled: e.disabled,
+        required: e.required,
+        "is-inside-form": s(fe),
+        label: e.label,
+        tooltip: e.tooltip
+      }, Q(ve.value)), {
+        default: A(() => [
+          z("div", Ne, [
+            e.native && !e.multiple ? (r(), n("div", {
+              key: 0,
+              class: h(s(p).box),
+              onClick: l[0] || (l[0] = (i) => {
+                var f;
+                return (f = N.value) == null ? void 0 : f.click();
+              })
+            }, [
+              e.multiple && Array.isArray(t.value) && t.value.length > 0 ? (r(), n("div", Oe, [
+                (r(!0), n(c, null, L(t.value, (i) => (r(), b(Z, {
+                  key: i,
+                  size: "xs",
+                  outlined: "",
+                  removable: "",
+                  onRemove: (f) => {
+                    M(f, i);
+                  }
+                }, {
+                  default: A(() => [
+                    B(k(S(i)), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["onRemove"]))), 128))
+              ])) : !e.multiple && !j(t.value) ? (r(), n(c, { key: 1 }, [
+                B(k(S(t.value)), 1)
+              ], 64)) : (r(), n(c, { key: 2 }, [
+                e.placeholder ? (r(), n("div", De, k(e.placeholder), 1)) : (r(), n("div", Te, " "))
+              ], 64))
+            ], 2)) : (r(), b(ze, {
+              key: 1,
+              ref_key: "popoverRef",
+              ref: v,
+              disabled: e.disabled || e.loading || e.readonly
+            }, {
+              content: A(() => [
+                T(Le, {
+                  class: h(s(p).content)
+                }, {
+                  default: A(() => [
+                    E(e.$slots, "content-header", {}, () => [
+                      e.filterable ? (r(), n("div", {
+                        key: 0,
+                        class: h(s(p).search)
+                      }, [
+                        T(o, {
+                          ref_key: "filterRef",
+                          ref: D,
+                          modelValue: g.value,
+                          "onUpdate:modelValue": l[1] || (l[1] = (i) => g.value = i),
+                          placeholder: e.filterPlaceholder,
+                          size: "sm"
+                        }, null, 8, ["modelValue", "placeholder"])
+                      ], 2)) : Y("", !0)
                     ]),
-                    _: 2
-                  }, 1032, ["onRemove"]))), 128))
-                ])) : !e.multiple && !T(t.value) ? (n(), a(p, { key: 1 }, [
-                  C(m(V(t.value)), 1)
-                ], 64)) : (n(), a(p, { key: 2 }, [
-                  e.placeholder ? (n(), a("div", Be, m(e.placeholder), 1)) : (n(), a("div", Ee, " "))
-                ], 64))
-              ], 2)
+                    d.value.length > 0 ? (r(), n("div", {
+                      key: 0,
+                      class: h(s(p).contentBody)
+                    }, [
+                      (r(!0), n(c, null, L(d.value, (i, f) => (r(), b(Se, {
+                        key: f,
+                        ref_for: !0,
+                        ref_key: "itemsRef",
+                        ref: $,
+                        item: i,
+                        size: e.size,
+                        disabled: i.disabled,
+                        selected: f === u.value,
+                        color: e.color,
+                        filled: "",
+                        onClick: l[2] || (l[2] = () => {
+                          var V;
+                          return !e.multiple && ((V = v.value) == null ? void 0 : V.hide());
+                        })
+                      }, null, 8, ["item", "size", "disabled", "selected", "color"]))), 128))
+                    ], 2)) : (r(), n("div", qe, " No options ")),
+                    E(e.$slots, "content-footer")
+                  ]),
+                  _: 3
+                }, 8, ["class"])
+              ]),
+              default: A(() => [
+                z("div", {
+                  class: h([s(p).box])
+                }, [
+                  e.multiple && Array.isArray(t.value) && t.value.length > 0 ? (r(), n("div", Ee, [
+                    (r(!0), n(c, null, L(t.value, (i) => (r(), b(Z, {
+                      key: i,
+                      size: "xs",
+                      outlined: "",
+                      removable: "",
+                      onRemove: (f) => {
+                        M(f, i);
+                      }
+                    }, {
+                      default: A(() => [
+                        B(k(S(i)), 1)
+                      ]),
+                      _: 2
+                    }, 1032, ["onRemove"]))), 128))
+                  ])) : !e.multiple && !j(t.value) ? (r(), n(c, { key: 1 }, [
+                    B(k(S(t.value)), 1)
+                  ], 64)) : (r(), n(c, { key: 2 }, [
+                    e.placeholder ? (r(), n("div", Fe, k(e.placeholder), 1)) : (r(), n("div", Pe, " "))
+                  ], 64))
+                ], 2)
+              ]),
+              _: 3
+            }, 8, ["disabled"])),
+            ke(z("select", J({
+              id: e.id,
+              ref_key: "elRef",
+              ref: N,
+              "onUpdate:modelValue": l[3] || (l[3] = (i) => t.value = i),
+              tabindex: "-1",
+              class: e.native && !e.multiple ? "absolute inset-0 w-full h-full cursor-pointer opacity-0" : "hidden",
+              name: e.name,
+              disabled: e.disabled || e.loading,
+              multiple: e.multiple,
+              readonly: e.readonly
+            }, Q(s(K), !0)), [
+              (r(!0), n(c, null, L(e.options, (i, f) => (r(), n("option", {
+                key: f,
+                value: i.value,
+                disabled: i.disabled
+              }, k(i.label), 9, je))), 128))
+            ], 16, Ue), [
+              [ge, t.value]
             ]),
-            _: 1
-          }, 8, ["disabled"])),
-          ce(_("select", H({
-            id: e.id,
-            ref_key: "elRef",
-            ref: z,
-            "onUpdate:modelValue": i[2] || (i[2] = (l) => t.value = l),
-            tabindex: "-1",
-            class: e.native && !e.multiple ? "absolute inset-0 w-full h-full cursor-pointer opacity-0" : "hidden",
-            name: e.name,
-            disabled: e.disabled || e.loading,
-            multiple: e.multiple,
-            readonly: e.readonly
-          }, K(s(U), !0)), [
-            (n(!0), a(p, null, $(e.options, (l, o) => (n(), a("option", {
-              key: o,
-              value: l.value,
-              disabled: l.disabled
-            }, m(l.label), 9, Pe))), 128))
-          ], 16, Fe), [
-            [me, t.value]
+            z("div", {
+              class: h(s(p).iconWrapper)
+            }, [
+              e.loading ? (r(), b(_e, {
+                key: 0,
+                size: e.size
+              }, null, 8, ["size"])) : E(e.$slots, "icon", { key: 1 }, () => [
+                T(Ce, {
+                  icon: s(Ie),
+                  class: h([s(p).icon])
+                }, null, 8, ["icon", "class"])
+              ])
+            ], 2)
           ]),
-          _("div", {
-            class: A(s(b).iconWrapper)
-          }, [
-            e.loading ? (n(), c(_e, {
-              key: 0,
-              size: e.size
-            }, null, 8, ["size"])) : ye(e.$slots, "icon", { key: 1 }, () => [
-              W(Re, {
-                icon: s(Ae),
-                class: A([s(b).icon])
-              }, null, 8, ["icon", "class"])
-            ])
-          ], 2)
+          s(ne) ? Y("", !0) : (r(), b(Be, {
+            key: 0,
+            error: s(H),
+            helper: e.helper
+          }, null, 8, ["error", "helper"]))
         ]),
-        s(te) ? be("", !0) : (n(), c(ze, {
-          key: 0,
-          error: s(q),
-          helper: e.helper
-        }, null, 8, ["error", "helper"]))
-      ]),
-      _: 3
-    }, 16, ["style", "disabled", "required", "is-inside-form", "label", "class", "tooltip"]));
+        _: 3
+      }, 16, ["style", "disabled", "required", "is-inside-form", "label", "class", "tooltip"]);
+    };
   }
 });
 export {
-  nl as default
+  sl as default
 };