@fewangsit/wangsvue-fats 1.0.1-alpha.68 → 1.0.1-alpha.69

package/inlinemessage/index.es.js

@@ -1,7 +1,7 @@
-import { defineComponent as y, ref as g, computed as w, createElementBlock as a, createCommentVNode as o, openBlock as s, mergeProps as c, createElementVNode as r, createBlock as u, normalizeClass as _, unref as h, toDisplayString as l, Fragment as k, renderList as x, createVNode as C } from "vue";
-import { c as B, _ as $ } from "../button/index.es.js";
+import { defineComponent as y, ref as g, computed as w, createElementBlock as a, createCommentVNode as o, openBlock as t, mergeProps as c, createElementVNode as r, createBlock as u, normalizeClass as _, unref as h, toDisplayString as l, Fragment as k, renderList as $, createVNode as C } from "vue";
+import { c as B, _ as b } from "../button/index.es.js";
 import { _ as m } from "../icon/index.es.js";
-const b = { class: "flex items-center gap-3 w-full" }, I = {
+const x = { class: "flex items-center gap-3 w-full" }, I = {
   class: "flex items-center w-full justify-between",
   "data-wv-section": "content"
 }, N = {
@@ -37,13 +37,13 @@ const b = { class: "flex items-center gap-3 w-full" }, I = {
           return "info";
       }
     });
-    return (t, n) => i.value ? (s(), a("div", c({ key: 0 }, t.$preset.inlinemessage.root({ props: e }), {
+    return (s, n) => i.value ? (t(), a("div", c({ key: 0 }, s.$preset.inlinemessage.root({ props: e }), {
       "aria-atomic": "true",
       "aria-live": "assertive",
       role: "alert"
     }), [
-      r("div", b, [
-        t.showIcon ? (s(), u(m, c({ key: 0 }, t.$preset.inlinemessage.icon({ props: e }), {
+      r("div", x, [
+        s.showIcon ? (t(), u(m, c({ key: 0 }, s.$preset.inlinemessage.icon({ props: e }), {
           icon: p.value,
           severity: e.severity
         }), null, 16, ["icon", "severity"])) : o("", !0),
@@ -55,14 +55,14 @@ const b = { class: "flex items-center gap-3 w-full" }, I = {
             ]),
             "data-wv-section": "messagewrapper"
           }, [
-            t.title ? (s(), a("span", N, l(e.title), 1)) : o("", !0),
-            r("span", V, l(e.loading ? `${e.message}...` : e.message), 1)
+            s.title ? (t(), a("span", N, l(s.$t(e.title)), 1)) : o("", !0),
+            r("span", V, l(s.$t(e.loading ? `${e.message}...` : e.message)), 1)
           ], 2),
-          t.removable ? (s(), u($, {
+          s.removable ? (t(), u(b, {
             key: 0,
             severity: e.severity,
             onClick: n[0] || (n[0] = () => {
-              t.$emit("close"), i.value = !1;
+              s.$emit("close"), i.value = !1;
             }),
             class: "[&_i]:w-6 [&_i]:h-6",
             "data-wv-section": "close",
@@ -72,8 +72,8 @@ const b = { class: "flex items-center gap-3 w-full" }, I = {
           }, null, 8, ["severity"])) : o("", !0)
         ])
       ]),
-      e.lists ? (s(), a("div", E, [
-        (s(!0), a(k, null, x(e.lists, (f, v) => (s(), a("div", {
+      e.lists ? (t(), a("div", E, [
+        (t(!0), a(k, null, $(e.lists, (f, v) => (t(), a("div", {
           key: v,
           class: "flex items-center gap-2",
           "data-wv-section": "item"

package/inputbadge/index.es.js

@@ -1,12 +1,12 @@
-import { defineComponent as H, onMounted as J, reactive as Q, onBeforeUnmount as T, inject as W, ref as V, shallowRef as X, computed as m, watch as b, watchEffect as Y, createBlock as B, openBlock as f, withCtx as x, createElementVNode as M, createCommentVNode as N, mergeProps as y, unref as h, createElementBlock as R, Fragment as D, renderList as ee, withModifiers as ae, withDirectives as le, createVNode as L, vModelText as te, createTextVNode as oe, nextTick as ne } from "vue";
+import { defineComponent as H, onMounted as J, reactive as Q, onBeforeUnmount as T, inject as W, ref as V, shallowRef as X, computed as m, watch as b, watchEffect as Y, createBlock as B, openBlock as f, withCtx as D, createElementVNode as M, createCommentVNode as N, mergeProps as y, unref as h, createElementBlock as R, Fragment as x, renderList as ee, withModifiers as ae, withDirectives as le, createVNode as L, vModelText as te, createTextVNode as oe, toDisplayString as ne, nextTick as ie } from "vue";
 import { u as re } from "../vendor/vee-validate/dist/vee-validate.esm.es.js";
-import { _ as ie } from "../badge/index.es.js";
-import { _ as ue } from "../fieldwrapper/index.es.js";
-import { _ as se } from "../icon/index.es.js";
-import { _ as de } from "../overlaypanel/index.es.js";
-import { _ as ve } from "../validatormessage/index.es.js";
+import { _ as ue } from "../badge/index.es.js";
+import { _ as se } from "../fieldwrapper/index.es.js";
+import { _ as de } from "../icon/index.es.js";
+import { _ as ve } from "../overlaypanel/index.es.js";
+import { _ as me } from "../validatormessage/index.es.js";
 import { c as E } from "../vendor/lodash-es/cloneDeep.es.js";
-const me = ["id", "disabled", "placeholder"], we = /* @__PURE__ */ H({
+const fe = ["id", "disabled", "placeholder"], Be = /* @__PURE__ */ H({
   __name: "InputBadge",
   props: {
     type: { default: "text" },
@@ -36,17 +36,17 @@ const me = ["id", "disabled", "placeholder"], we = /* @__PURE__ */ H({
       var e, l;
       a.useValidator && (Object.assign(
         t,
-        re(a.fieldName, (o) => ne(() => S(o)))
+        re(a.fieldName, (o) => ie(() => O(o)))
       ), (e = a.initialValue) != null && e.length ? t.value = a.initialValue : (l = a.modelValue) != null && l.length && (t.value = a.modelValue));
     }), T(() => {
       a.useValidator && t.handleReset();
     });
     const p = W("preset", {}).inputbadge, c = V(null), v = V(), n = X(), t = Q({
       value: a.initialValue ?? a.modelValue ?? []
-    }), s = V(new Set(a.removableValues ?? [])), d = V(new Set(a.editableValues ?? [])), U = m(() => {
+    }), s = V(new Set(a.removableValues ?? [])), d = V(new Set(a.editableValues ?? [])), S = m(() => {
       var e;
       return ((e = a.label) == null ? void 0 : e.toLowerCase) + "-badge-input";
-    }), F = m(() => a.invalid && typeof a.validatorMessage == "string" ? a.validatorMessage : t.errorMessage), O = m(() => a.placeholder ? a.placeholder : a.type === "email" ? "Enter valid email" : "Enter value"), S = (e) => {
+    }), U = m(() => a.invalid && typeof a.validatorMessage == "string" ? a.validatorMessage : t.errorMessage), F = m(() => a.placeholder ? a.placeholder : a.type === "email" ? "Enter valid email" : "Enter value"), O = (e) => {
       var l;
       if (typeof a.validatorMessage == "string" && a.invalid)
         return a.validatorMessage;
@@ -55,11 +55,11 @@ const me = ["id", "disabled", "placeholder"], we = /* @__PURE__ */ H({
         if (!(e != null && e.length) && a.mandatory)
           return o ?? !0;
         if ((l = a.existingValues) != null && l.length || u) {
-          let r = !0;
-          return e.forEach((i) => {
-            const g = e.filter((w) => w === i);
-            (a.existingValues.includes(i) || g.length > 1) && (r = u);
-          }), r;
+          let i = !0;
+          return e.forEach((r) => {
+            const g = e.filter((w) => w === r);
+            (a.existingValues.includes(r) || g.length > 1) && (i = u);
+          }), i;
         }
       }
       return !0;
@@ -111,28 +111,28 @@ const me = ["id", "disabled", "placeholder"], we = /* @__PURE__ */ H({
       (e) => {
         e && e.forEach((l) => d.value.add(l));
       }
-    ), (e, l) => (f(), B(ue, {
+    ), (e, l) => (f(), B(se, {
       info: e.fieldInfo,
       label: a.label,
       mandatory: a.mandatory
     }, {
-      default: x(() => {
+      default: D(() => {
         var o, u;
         return [
           M("div", y((o = h(p)) == null ? void 0 : o.root({ context: { invalidInput: j.value, disabled: e.disabled } }), {
             "data-wv-name": "inputbadge",
             "data-wv-section": "root"
           }), [
-            (f(!0), R(D, null, ee(t.value, (r, i) => (f(), R(D, { key: r }, [
-              r ? (f(), B(ie, {
+            (f(!0), R(x, null, ee(t.value, (i, r) => (f(), R(x, { key: i }, [
+              i ? (f(), B(ue, {
                 key: 0,
                 "disable-remove-button": e.removeButtonVariant === "disabled",
-                editable: k(r),
-                label: r,
-                removable: I(r),
+                editable: k(i),
+                label: i,
+                removable: I(i),
                 "restore-on-empty": e.restoreValueOnEmpty,
-                onRemove: (g) => Z(i, r),
-                "onUpdate:label": (g, w) => G(g, w, i),
+                onRemove: (g) => Z(r, i),
+                "onUpdate:label": (g, w) => G(g, w, r),
                 format: "nowrap",
                 severity: "dark"
               }, null, 8, ["disable-remove-button", "editable", "label", "removable", "restore-on-empty", "onRemove", "onUpdate:label"])) : N("", !0)
@@ -144,10 +144,10 @@ const me = ["id", "disabled", "placeholder"], we = /* @__PURE__ */ H({
             }, [
               le(M("input", y(
                 {
-                  id: U.value,
+                  id: S.value,
                   ref_key: "badgeInput",
                   ref: c,
-                  "onUpdate:modelValue": l[0] || (l[0] = (r) => n.value = r)
+                  "onUpdate:modelValue": l[0] || (l[0] = (i) => n.value = i)
                 },
                 (u = h(p)) == null ? void 0 : u.input({
                   context: { disabled: e.disabled, value: t.value, showPlaceholder: A.value },
@@ -156,39 +156,38 @@ const me = ["id", "disabled", "placeholder"], we = /* @__PURE__ */ H({
                 }),
                 {
                   disabled: e.disabled,
-                  placeholder: O.value,
+                  placeholder: e.$t(F.value),
                   onBlur: $,
-                  onFocus: l[1] || (l[1] = (r) => {
-                    var i;
-                    return (i = v.value) == null ? void 0 : i.hide();
+                  onFocus: l[1] || (l[1] = (i) => {
+                    var r;
+                    return (r = v.value) == null ? void 0 : r.hide();
                   }),
-                  onInput: l[2] || (l[2] = (r) => {
-                    var i;
-                    return (i = v.value) == null ? void 0 : i.hide();
+                  onInput: l[2] || (l[2] = (i) => {
+                    var r;
+                    return (r = v.value) == null ? void 0 : r.hide();
                   }),
                   onKeydown: q,
                   "data-wv-section": "input",
                   type: "text"
                 }
-              ), null, 16, me), [
+              ), null, 16, fe), [
                 [te, n.value]
               ]),
-              L(de, y({
+              L(ve, y({
                 ref_key: "op",
                 ref: v
               }, h(p).erroroverlaypanel, { dismissable: !1 }), {
-                default: x(() => [
-                  L(se, y(h(p).erroricon, { icon: "error" }), null, 16),
-                  l[3] || (l[3] = oe(" Email format is incorrect "))
+                default: D(() => [
+                  L(de, y(h(p).erroricon, { icon: "error" }), null, 16),
+                  oe(" " + ne(e.$t("Email format is incorrect")), 1)
                 ]),
-                _: 1,
-                __: [3]
+                _: 1
               }, 16)
             ], 32)
           ], 16),
-          a.showValidatorMessage ? (f(), B(ve, {
+          a.showValidatorMessage ? (f(), B(me, {
             key: 0,
-            message: F.value
+            message: U.value
           }, null, 8, ["message"])) : N("", !0)
         ];
       }),
@@ -197,5 +196,5 @@ const me = ["id", "disabled", "placeholder"], we = /* @__PURE__ */ H({
   }
 });
 export {
-  we as _
+  Be as _
 };

package/inputnumber/index.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as U, useSlots as q, inject as $, shallowRef as K, ref as H, reactive as J, computed as N, onMounted as Q, watch as E, createBlock as m, openBlock as u, createSlots as W, withCtx as p, createVNode as I, renderSlot as b, normalizeClass as v, createCommentVNode as V, createElementVNode as X, unref as r, mergeProps as y, createElementBlock as Y, toDisplayString as Z, nextTick as R } from "vue";
+import { defineComponent as U, useSlots as q, inject as k, shallowRef as K, ref as H, reactive as J, computed as N, onMounted as Q, watch as E, createBlock as m, openBlock as u, createSlots as W, withCtx as p, createVNode as I, renderSlot as b, normalizeClass as v, createCommentVNode as V, createElementVNode as X, unref as r, mergeProps as y, createElementBlock as Y, toDisplayString as Z, nextTick as R } from "vue";
 import { u as _ } from "../vendor/vee-validate/dist/vee-validate.esm.es.js";
 import { u as ee } from "../plugins/WangsVue.es.js";
 import { s as z } from "../vendor/primevue/inputgroupaddon/inputgroupaddon.esm.es.js";
@@ -49,10 +49,10 @@ const ce = /* @__PURE__ */ U({
   },
   emits: ["update:modelValue", "input"],
   setup(D, { emit: P }) {
-    const e = D, f = P, i = q(), M = $(
+    const e = D, f = P, i = q(), M = k(
       "preset",
       {}
-    ).inputgroupaddon, { locale: w } = ee("InputNumber"), c = $("preset", {}).inputnumber, x = K(0), h = H(), o = J({
+    ).inputgroupaddon, { locale: w } = ee("InputNumber"), c = k("preset", {}).inputnumber, x = K(0), h = H(), o = J({
       value: e.value ?? e.modelValue
     }), F = N(
       () => {
@@ -87,7 +87,7 @@ const ce = /* @__PURE__ */ U({
           return d ?? ((n = w.alreadyExistInvalidText) == null ? void 0 : n.replace("{label}", e.label));
       }
       return !0;
-    }, k = () => {
+    }, $ = () => {
       x.value++, R(() => {
         var l;
         const t = (l = h.value) == null ? void 0 : l.$el, a = t == null ? void 0 : t.querySelector("input");
@@ -103,12 +103,12 @@ const ce = /* @__PURE__ */ U({
         s = l != null ? +l : void 0, A(a, s);
       else if (s == null && typeof s != "string") {
         const d = e.allowEmptyValue ? s : s ?? e.min ?? 0;
-        o.value = d, a === "input" ? (!e.allowEmptyValue && h.value && k(), f("input", d)) : f("update:modelValue", d);
+        o.value = d, a === "input" ? (!e.allowEmptyValue && h.value && $(), f("input", d)) : f("update:modelValue", d);
       }
     }, A = (t, a) => {
       const l = typeof a == "number" ? B(a) : !1;
       let n = a == null ? void 0 : a.toString().slice(0, a < 0 ? e.maxDigit + 1 : e.maxDigit);
-      n != null && (n = +(n ?? 0)), o.value = l ? +(n ?? 0) : a, l && k(), f(t === "input" ? "input" : "update:modelValue", l ? +(n ?? 0) : a);
+      n != null && (n = +(n ?? 0)), o.value = l ? +(n ?? 0) : a, l && $(), f(t === "input" ? "input" : "update:modelValue", l ? +(n ?? 0) : a);
     }, B = (t) => (
       // eslint-disable-next-line eqeqeq
       t != null && t.toString().length > (e.maxDigit > 16 ? 16 : e.maxDigit)
@@ -185,7 +185,7 @@ const ce = /* @__PURE__ */ U({
               }, { ...e, inputNumberClass: void 0 }, {
                 "input-id": L.value,
                 "model-value": o.value,
-                placeholder: t.autoResize ? "" : F.value,
+                placeholder: t.$t(t.autoResize ? "" : F.value),
                 pt: {
                   root: {
                     class: [

package/inputpassword/index.es.js

@@ -1,8 +1,8 @@
-import { defineComponent as M, inject as h, ref as w, reactive as B, computed as N, onMounted as x, watch as v, createBlock as E, openBlock as I, withCtx as n, createVNode as i, normalizeClass as r, unref as u, createElementVNode as _, nextTick as $ } from "vue";
+import { defineComponent as M, inject as h, ref as w, reactive as B, computed as N, onMounted as $, watch as v, createBlock as E, openBlock as I, withCtx as n, createVNode as i, normalizeClass as r, unref as u, createElementVNode as g, nextTick as x } from "vue";
 import { u as P } from "../vendor/vee-validate/dist/vee-validate.esm.es.js";
 import { s as S } from "../vendor/primevue/password/password.esm.es.js";
 import { _ as j } from "../fieldwrapper/index.es.js";
-import { _ as g } from "../icon/index.es.js";
+import { _ } from "../icon/index.es.js";
 import { _ as F } from "../inputgroup/index.es.js";
 import { _ as T } from "../validatormessage/index.es.js";
 const U = ["onClick"], z = ["onClick"], K = /* @__PURE__ */ M({
@@ -26,10 +26,10 @@ const U = ["onClick"], z = ["onClick"], K = /* @__PURE__ */ M({
     const m = h("preset", {}).password, e = b, C = V, d = w(e.modelValue), s = B({
       value: void 0
     }), p = N(() => e.invalid || !!s.errorMessage);
-    x(() => {
+    $(() => {
       e.useValidator && (Object.assign(
         s,
-        P(e.fieldName ?? "password", (a) => $(() => y(a == null ? void 0 : a.trim())))
+        P(e.fieldName ?? "password", (a) => x(() => y(a == null ? void 0 : a.trim())))
       ), e.modelValue != null && (s.value = e.modelValue));
     });
     const y = (a) => {
@@ -77,28 +77,28 @@ const U = ["onClick"], z = ["onClick"], K = /* @__PURE__ */ M({
               ],
               feedback: e.feedback,
               invalid: p.value,
-              placeholder: e.placeholder,
+              placeholder: a.$t(e.placeholder),
               "toggle-mask": ""
             }, {
               showicon: n(({ toggleCallback: o }) => {
                 var t;
                 return [
-                  _("button", {
+                  g("button", {
                     class: r([(t = u(m)) == null ? void 0 : t.showicon.class, "unset"]),
                     onClick: (c) => (o(), f(c))
                   }, [
-                    i(g, { icon: "eye" })
+                    i(_, { icon: "eye" })
                   ], 10, U)
                 ];
               }),
               hideicon: n(({ toggleCallback: o }) => {
                 var t;
                 return [
-                  _("button", {
+                  g("button", {
                     class: r([(t = u(m)) == null ? void 0 : t.showicon.class, "unset"]),
                     onClick: (c) => (o(), f(c))
                   }, [
-                    i(g, { icon: "eye-off" })
+                    i(_, { icon: "eye-off" })
                   ], 10, z)
                 ];
               }),

package/inputrangenumber/index.es.js

@@ -1,6 +1,6 @@
-import { defineComponent as x, reactive as f, onMounted as M, computed as N, watch as s, createBlock as _, openBlock as B, withCtx as u, createElementVNode as F, createVNode as t, createTextVNode as P, unref as n, mergeProps as g, nextTick as I } from "vue";
+import { defineComponent as M, reactive as c, onMounted as N, computed as x, watch as s, createBlock as B, openBlock as F, withCtx as u, createElementVNode as P, createVNode as t, createTextVNode as $, unref as n, mergeProps as g, nextTick as _ } from "vue";
 import { u as V } from "../vendor/vee-validate/dist/vee-validate.esm.es.js";
-import { u as $ } from "../plugins/WangsVue.es.js";
+import { u as I } from "../plugins/WangsVue.es.js";
 import { s as h } from "../vendor/primevue/inputnumber/inputnumber.esm.es.js";
 import { _ as k } from "../fieldwrapper/index.es.js";
 import { _ as w } from "../inputgroup/index.es.js";
@@ -8,7 +8,7 @@ import { _ as O } from "../validatormessage/index.es.js";
 const T = {
   class: "flex gap-2 w-full items-center",
   "data-wv-section": "inputwrapper"
-}, q = /* @__PURE__ */ x({
+}, q = /* @__PURE__ */ M({
   __name: "InputRangeNumber",
   props: {
     modelValue: {},
@@ -28,34 +28,34 @@ const T = {
   },
   emits: ["update:modelValue", "submit"],
   setup(y, { emit: b }) {
-    const a = y, d = b, { locale: m } = $("InputRangeNumber"), l = f({
+    const a = y, d = b, { locale: m } = I("InputRangeNumber"), l = c({
       value: void 0
-    }), o = f({
+    }), o = c({
       value: void 0
     });
-    M(() => {
+    N(() => {
       a.useValidator && (Object.assign(
         l,
         V(
           a.minFieldName ?? "minNumberInput",
-          (e) => c(e),
+          (e) => f(e),
           { initialValue: void 0 }
         )
       ), Object.assign(
         o,
         V(
           a.maxFieldName ?? "maxNumberInput",
-          (e) => c(e),
+          (e) => f(e),
           { initialValue: void 0 }
         )
       ), a.value && (l.value = a.value[0], o.value = a.value[1])), a.invalid && a.useValidator && (l.validate(), o.validate());
     });
-    const p = N(
+    const p = x(
       () => a.invalid || !!l.errorMessage || !!o.errorMessage
     ), v = (e) => {
       e.key === "Enter" && d("submit");
-    }, c = async (e) => {
-      if (await I(), typeof a.validatorMessage == "string" && a.invalid)
+    }, f = async (e) => {
+      if (await _(), typeof a.validatorMessage == "string" && a.invalid)
         return a.validatorMessage;
       if (typeof a.validatorMessage != "string") {
         const { empty: i } = a.validatorMessage ?? {};
@@ -83,19 +83,19 @@ const T = {
       (e) => {
         l.value = e ? e[0] : void 0, o.value = e ? e[1] : void 0;
       }
-    ), (e, i) => (B(), _(k, {
+    ), (e, i) => (F(), B(k, {
       label: a.label,
       "show-optional-text": e.showOptionalText
     }, {
       default: u(() => [
-        F("div", T, [
+        P("div", T, [
           t(w, { invalid: p.value }, {
             default: u(() => [
               t(n(h), g(e.$props, {
                 modelValue: l.value,
                 "onUpdate:modelValue": i[0] || (i[0] = (r) => l.value = r),
                 max: o.value,
-                placeholder: e.placeholder ?? e.minPlaceholder ?? n(m).minPlaceholder,
+                placeholder: e.$t(e.placeholder ?? e.minPlaceholder ?? n(m).minPlaceholder),
                 "use-grouping": !1,
                 onKeydown: v,
                 class: "w-full",
@@ -104,14 +104,14 @@ const T = {
             ]),
             _: 1
           }, 8, ["invalid"]),
-          i[2] || (i[2] = P(" - ")),
+          i[2] || (i[2] = $(" - ")),
           t(w, { invalid: p.value }, {
             default: u(() => [
               t(n(h), g(e.$props, {
                 modelValue: o.value,
                 "onUpdate:modelValue": i[1] || (i[1] = (r) => o.value = r),
                 min: l.value,
-                placeholder: e.placeholder ?? e.maxPlaceholder ?? n(m).maxPlaceholder,
+                placeholder: e.$t(e.placeholder ?? e.maxPlaceholder ?? n(m).maxPlaceholder),
                 "use-grouping": !1,
                 onKeydown: v,
                 class: "w-full",

package/inputsearch/index.es.js

@@ -1,46 +1,46 @@
-import { defineComponent as g, shallowRef as c, createElementBlock as x, openBlock as h, withModifiers as v, normalizeClass as a, createElementVNode as f, createVNode as r, unref as _ } from "vue";
-import { s as k } from "../vendor/primevue/inputtext/inputtext.esm.es.js";
+import { defineComponent as g, shallowRef as c, createElementBlock as h, openBlock as x, withModifiers as v, normalizeClass as l, createElementVNode as f, createVNode as r, unref as k } from "vue";
+import { s as _ } from "../vendor/primevue/inputtext/inputtext.esm.es.js";
 import { _ as d } from "../icon/index.es.js";
-const w = { class: "w-full" }, $ = /* @__PURE__ */ g({
+const w = { class: "w-full" }, S = /* @__PURE__ */ g({
   __name: "InputSearch",
   emits: ["search"],
   setup(b, { emit: i }) {
-    const u = i, n = c(), e = c(), p = (l) => {
-      n.value = l.target.value || void 0, e.value = l.target.value || void 0;
+    const u = i, n = c(), e = c(), p = (t) => {
+      n.value = t.target.value || void 0, e.value = t.target.value || void 0;
     };
-    return (l, t) => {
+    return (t, a) => {
       var o, s;
-      return h(), x("form", {
-        class: a([
+      return x(), h("form", {
+        class: l([
           "text-xs flex gap-1 h-[34px] px-[21px] items-center",
           "rounded-[18px] bg-general-50 dark:!bg-general-200"
         ]),
-        onSubmit: t[1] || (t[1] = v((m) => u("search", n.value), ["prevent"]))
+        onSubmit: a[1] || (a[1] = v((m) => u("search", n.value), ["prevent"]))
       }, [
         f("div", w, [
-          r(_(k), {
-            class: a([
+          r(k(_), {
+            class: l([
               "h-auto !shadow-none !p-0 !text-general-800 dark:!text-general-900 placeholder:text-general-200 dark:placeholder:text-general-500 !bg-general-50 dark:!bg-general-200"
             ]),
             "model-value": e.value,
+            placeholder: t.$t("Search asset"),
             onInput: p,
-            autocomplete: "off",
-            placeholder: "Search asset"
-          }, null, 8, ["model-value"])
+            autocomplete: "off"
+          }, null, 8, ["model-value", "placeholder"])
         ]),
         r(d, {
-          class: a([
+          class: l([
             "text-md !text-general-400 dark:!text-general-900 !w-4 !h-4",
             { hidden: (o = e.value) == null ? void 0 : o.length }
           ]),
           icon: "search"
         }, null, 8, ["class"]),
         r(d, {
-          class: a([
+          class: l([
             "text-md !text-general-400 dark:!text-general-900 !w-4 !h-4",
             { hidden: !((s = e.value) != null && s.length) }
           ]),
-          onClick: t[0] || (t[0] = (m) => e.value = void 0),
+          onClick: a[0] || (a[0] = (m) => e.value = void 0),
           "data-ts-section": "reset-filter-icon",
           icon: "close"
         }, null, 8, ["class"])
@@ -49,5 +49,5 @@ const w = { class: "w-full" }, $ = /* @__PURE__ */ g({
   }
 });
 export {
-  $ as _
+  S as _
 };