eco-vue-js 0.3.69 → 0.3.70

package/dist/components/Button/WButtonAction.vue.js

@@ -8,7 +8,7 @@ import '../Dropdown/utils/DropdownStyle.js';
 import '../../utils/Modal.js';
 import '../Link/WLink.vue.js';
 
-const _hoisted_1 = { class: "font-normal text-center md:text-base text-[10px] whitespace-nowrap" };
+const _hoisted_1 = { class: "font-normal text-center md:text-base text-[0.625rem] whitespace-nowrap" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "WButtonAction",
   props: {

package/dist/components/Input/WInput.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/WInput.vue.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBA2JkB,IAAI;oBAQL,IAAI;QA2oBkB,IAAI;WACpC,GAAG;;uBAnFkB,GAAG;wBACF,GAAG;wBACH,GAAG;uBACH,GAAG;;;YA8D1B,mBAAmB,iEAAkC,IAAI;YACzD,gBAAgB,SAAS,aAAa,GAAG,IAAI;YAC7C,aAAa,SAAS,aAAa,GAAG,IAAI;YAC1C,eAAe,SAAS,aAAa,GAAG,IAAI;YAC5C,iBAAiB,SAAS,aAAa,GAAG,IAAI;YAC9C,oBAAoB,SAAS,aAAa,GAAG,IAAI;YACjD,aAAa,GAAG,IAAI;YACpB,OAAO,SAAS,UAAU,GAAG,IAAI;YACjC,MAAM,SAAS,UAAU,GAAG,IAAI;YAChC,OAAO,SAAS,UAAU,GAAG,IAAI;YACjC,WAAW,SAAS,UAAU,GAAG,IAAI;YACrC,gBAAgB,SAAS,UAAU,GAAG,IAAI;YAC1C,cAAc,SAAS,KAAK,GAAG,IAAI;YACnC,OAAO,GAAG,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBA/oBF,IAAI;oBAQL,IAAI;QA2oBkB,IAAI;WACpC,GAAG;;uBAnFkB,GAAG;wBACF,GAAG;wBACH,GAAG;uBACH,GAAG;;;YA8D1B,mBAAmB,iEAAkC,IAAI;YACzD,gBAAgB,SAAS,aAAa,GAAG,IAAI;YAC7C,aAAa,SAAS,aAAa,GAAG,IAAI;YAC1C,eAAe,SAAS,aAAa,GAAG,IAAI;YAC5C,iBAAiB,SAAS,aAAa,GAAG,IAAI;YAC9C,oBAAoB,SAAS,aAAa,GAAG,IAAI;YACjD,aAAa,GAAG,IAAI;YACpB,OAAO,SAAS,UAAU,GAAG,IAAI;YACjC,MAAM,SAAS,UAAU,GAAG,IAAI;YAChC,OAAO,SAAS,UAAU,GAAG,IAAI;YACjC,WAAW,SAAS,UAAU,GAAG,IAAI;YACrC,gBAAgB,SAAS,UAAU,GAAG,IAAI;YAC1C,cAAc,SAAS,KAAK,GAAG,IAAI;YACnC,OAAO,GAAG,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBA/oBF,IAAI;wBAQL,IAAI;YA2oBkB,IAAI;eACpC,GAAG;;2BAnFkB,GAAG;4BACF,GAAG;4BACH,GAAG;2BACH,GAAG;;;gBA8D1B,mBAAmB,iEAAkC,IAAI;gBACzD,gBAAgB,SAAS,aAAa,GAAG,IAAI;gBAC7C,aAAa,SAAS,aAAa,GAAG,IAAI;gBAC1C,eAAe,SAAS,aAAa,GAAG,IAAI;gBAC5C,iBAAiB,SAAS,aAAa,GAAG,IAAI;gBAC9C,oBAAoB,SAAS,aAAa,GAAG,IAAI;gBACjD,aAAa,GAAG,IAAI;gBACpB,OAAO,SAAS,UAAU,GAAG,IAAI;gBACjC,MAAM,SAAS,UAAU,GAAG,IAAI;gBAChC,OAAO,SAAS,UAAU,GAAG,IAAI;gBACjC,WAAW,SAAS,UAAU,GAAG,IAAI;gBACrC,gBAAgB,SAAS,UAAU,GAAG,IAAI;gBAC1C,cAAc,SAAS,KAAK,GAAG,IAAI;gBACnC,OAAO,GAAG,IAAI;;;;AAjyBpB,wBA0yBkE"}
+{"version":3,"file":"WInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/WInput.vue.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBA2JkB,IAAI;oBAQL,IAAI;QAmpBkB,IAAI;WACpC,GAAG;;uBAnFkB,GAAG;wBACF,GAAG;wBACH,GAAG;uBACH,GAAG;;;YA8D1B,mBAAmB,iEAAkC,IAAI;YACzD,gBAAgB,SAAS,aAAa,GAAG,IAAI;YAC7C,aAAa,SAAS,aAAa,GAAG,IAAI;YAC1C,eAAe,SAAS,aAAa,GAAG,IAAI;YAC5C,iBAAiB,SAAS,aAAa,GAAG,IAAI;YAC9C,oBAAoB,SAAS,aAAa,GAAG,IAAI;YACjD,aAAa,GAAG,IAAI;YACpB,OAAO,SAAS,UAAU,GAAG,IAAI;YACjC,MAAM,SAAS,UAAU,GAAG,IAAI;YAChC,OAAO,SAAS,UAAU,GAAG,IAAI;YACjC,WAAW,SAAS,UAAU,GAAG,IAAI;YACrC,gBAAgB,SAAS,UAAU,GAAG,IAAI;YAC1C,cAAc,SAAS,KAAK,GAAG,IAAI;YACnC,OAAO,GAAG,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAvpBF,IAAI;oBAQL,IAAI;QAmpBkB,IAAI;WACpC,GAAG;;uBAnFkB,GAAG;wBACF,GAAG;wBACH,GAAG;uBACH,GAAG;;;YA8D1B,mBAAmB,iEAAkC,IAAI;YACzD,gBAAgB,SAAS,aAAa,GAAG,IAAI;YAC7C,aAAa,SAAS,aAAa,GAAG,IAAI;YAC1C,eAAe,SAAS,aAAa,GAAG,IAAI;YAC5C,iBAAiB,SAAS,aAAa,GAAG,IAAI;YAC9C,oBAAoB,SAAS,aAAa,GAAG,IAAI;YACjD,aAAa,GAAG,IAAI;YACpB,OAAO,SAAS,UAAU,GAAG,IAAI;YACjC,MAAM,SAAS,UAAU,GAAG,IAAI;YAChC,OAAO,SAAS,UAAU,GAAG,IAAI;YACjC,WAAW,SAAS,UAAU,GAAG,IAAI;YACrC,gBAAgB,SAAS,UAAU,GAAG,IAAI;YAC1C,cAAc,SAAS,KAAK,GAAG,IAAI;YACnC,OAAO,GAAG,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBAvpBF,IAAI;wBAQL,IAAI;YAmpBkB,IAAI;eACpC,GAAG;;2BAnFkB,GAAG;4BACF,GAAG;4BACH,GAAG;2BACH,GAAG;;;gBA8D1B,mBAAmB,iEAAkC,IAAI;gBACzD,gBAAgB,SAAS,aAAa,GAAG,IAAI;gBAC7C,aAAa,SAAS,aAAa,GAAG,IAAI;gBAC1C,eAAe,SAAS,aAAa,GAAG,IAAI;gBAC5C,iBAAiB,SAAS,aAAa,GAAG,IAAI;gBAC9C,oBAAoB,SAAS,aAAa,GAAG,IAAI;gBACjD,aAAa,GAAG,IAAI;gBACpB,OAAO,SAAS,UAAU,GAAG,IAAI;gBACjC,MAAM,SAAS,UAAU,GAAG,IAAI;gBAChC,OAAO,SAAS,UAAU,GAAG,IAAI;gBACjC,WAAW,SAAS,UAAU,GAAG,IAAI;gBACrC,gBAAgB,SAAS,UAAU,GAAG,IAAI;gBAC1C,cAAc,SAAS,KAAK,GAAG,IAAI;gBACnC,OAAO,GAAG,IAAI;;;;AAzyBpB,wBAkzBkE"}

package/dist/components/Input/WInput.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, onMounted, onBeforeUnmount, openBlock, createElementBlock, normalizeClass, Fragment, renderSlot, createTextVNode, toDisplayString, createVNode, Transition, withCtx, createCommentVNode, createBlock, createElementVNode, normalizeStyle, withModifiers, resolveDynamicComponent, withKeys, createSlots, unref, nextTick } from 'vue';
+import { defineComponent, ref, onMounted, onBeforeUnmount, openBlock, createElementBlock, normalizeClass, createElementVNode, Fragment, renderSlot, createTextVNode, toDisplayString, createVNode, Transition, withCtx, createCommentVNode, createBlock, normalizeStyle, withModifiers, resolveDynamicComponent, withKeys, createSlots, unref, nextTick } from 'vue';
 import WSkeleton from '../Skeleton/WSkeleton.vue.js';
 import _sfc_main$1 from './components/InputActions.vue.js';
 import { Notify } from '../../utils/Notify.js';
@@ -12,17 +12,21 @@ const _hoisted_1 = {
 const _hoisted_2 = { class: "grid grid-cols-[1fr,auto]" };
 const _hoisted_3 = {
   key: 0,
-  class: "absolute top-0 left-0 h-full flex items-center justify-center px-3 text-description select-none"
+  class: "relative isolate grid grid-cols-1"
 };
 const _hoisted_4 = {
   key: 0,
-  class: "text-xs font-normal text-negative dark:text-negative-dark absolute right-0 pt-0.5 text-end"
+  class: "absolute top-0 left-0 h-full flex items-center justify-center px-3 text-description select-none"
 };
 const _hoisted_5 = {
-  key: 1,
-  class: "text-xs font-normal text-description absolute right-0 pt-0.5 whitespace-nowrap"
+  key: 0,
+  class: "text-xs font-normal text-negative dark:text-negative-dark absolute right-0 top-full pt-0.5 text-end"
 };
 const _hoisted_6 = {
+  key: 1,
+  class: "text-xs font-normal text-description absolute right-0 top-full pt-0.5 whitespace-nowrap"
+};
+const _hoisted_7 = {
   key: 2,
   ref: "rightContainer",
   class: "pl-4 flex gap-4 sm-not:flex-col"
@@ -207,188 +211,186 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }]),
         onClick: _cache[14] || (_cache[14] = ($event) => _ctx.$emit("click:internal", $event))
       }, [
-        _ctx.title || _ctx.$slots.title?.()?.length ? (openBlock(), createElementBlock("div", {
-          key: 0,
-          class: normalizeClass(["text-xs font-semibold text-accent mb-2 duration-500", {
-            "opacity-50": _ctx.disabled && !_ctx.skeleton
-          }])
-        }, [
-          !_ctx.skeleton ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-            renderSlot(_ctx.$slots, "title", {}, () => [
-              createTextVNode(toDisplayString(_ctx.title), 1)
-            ]),
-            createVNode(Transition, {
-              "enter-active-class": "transition-opacity",
-              "leave-active-class": "transition-opacity",
-              "enter-from-class": "opacity-0",
-              "leave-to-class": "opacity-0"
-            }, {
-              default: withCtx(() => [
-                _ctx.required ? (openBlock(), createElementBlock("span", _hoisted_1, " * ")) : createCommentVNode("", true)
-              ]),
-              _: 1
-            })
-          ], 64)) : (openBlock(), createBlock(WSkeleton, {
-            key: 1,
-            class: "h-4 w-16"
-          }))
-        ], 2)) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_2, [
-          !_ctx.skeleton ? (openBlock(), createElementBlock("label", {
+        createElementVNode("label", { for: inputId }, [
+          _ctx.title || _ctx.$slots.title?.()?.length ? (openBlock(), createElementBlock("div", {
             key: 0,
-            class: "relative isolate overflow-hidden",
-            for: inputId
+            class: normalizeClass(["text-xs font-semibold text-accent mb-2 duration-500", {
+              "opacity-50": _ctx.disabled && !_ctx.skeleton
+            }])
           }, [
-            createElementVNode("div", {
-              class: normalizeClass(["relative flex flex-wrap border border-solid rounded-xl bg-default dark:bg-default-dark transition-colors duration-75 overflow-hidden min-h-11 w-full", {
-                "focus-within:border-primary-default dark:focus-within:border-primary-dark": !_ctx.disabled && !_ctx.readonly,
-                "cursor-text": !_ctx.disabled,
-                "pl-1 py-1 gap-1": _ctx.$slots.suffix?.()?.length,
-                "pl-11": _ctx.icon,
-                "border-negative dark:border-negative-dark": _ctx.errorMessage,
-                "border-gray-300 dark:border-gray-700": !_ctx.disabled,
-                "border-gray-300/50 dark:border-gray-700/50": _ctx.disabled
-              }]),
-              style: normalizeStyle({ paddingRight: paddingRight.value + "px" }),
-              onClick: focus,
-              onMousedown: _cache[13] || (_cache[13] = withModifiers(() => {
-              }, ["prevent"]))
-            }, [
-              _ctx.icon ? (openBlock(), createElementBlock("div", _hoisted_3, [
-                (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon), { class: "w-5 h-5" }))
-              ])) : createCommentVNode("", true),
-              renderSlot(_ctx.$slots, "prefix"),
-              (openBlock(), createBlock(resolveDynamicComponent(_ctx.textarea ? "textarea" : "input"), {
-                id: inputId,
-                ref_key: "input",
-                ref: input,
-                class: normalizeClass(["text-base font-normal outline-0 border-none bg-[inherit] flex-1 max-w-full disabled:opacity-80 disabled:cursor-not-allowed placeholder:text-gray-400 dark:placeholder:text-gray-500 appearance-none", {
-                  "min-h-[var(--textarea-height,160px)] w-full p-3": _ctx.textarea,
-                  "resize-y": _ctx.resize && _ctx.textarea,
-                  "resize-none": !_ctx.resize && _ctx.textarea,
-                  "h-[var(--input-height,42px)]": !_ctx.textarea && !_ctx.$slots.suffix?.()?.length,
-                  "h-[var(--input-height,34px)]": !_ctx.textarea && _ctx.$slots.suffix?.()?.length,
-                  "py-0 pr-1": !_ctx.hideInput && !_ctx.textarea,
-                  "pl-3": !_ctx.hideInput && !_ctx.textarea && !_ctx.icon,
-                  "w-0 max-w-0 p-0 absolute": _ctx.hideInput,
-                  "font-mono": _ctx.mono,
-                  "text-secure": _ctx.textSecure && !isSecureVisible.value,
-                  "text-black-default dark:text-gray-200": !_ctx.disabled,
-                  "text-black-default/50 dark:text-gray-200/50": _ctx.disabled
-                }]),
-                value: _ctx.placeholderSecure && _ctx.modelValue === void 0 && !isFocused.value ? "******" : _ctx.modelValue,
-                placeholder: _ctx.placeholder,
-                type: _ctx.type ?? "text",
-                name: _ctx.name,
-                disabled: _ctx.disabled,
-                readonly: _ctx.readonly,
-                autocomplete: _ctx.autocomplete,
-                size: _ctx.size || void 0,
-                spellcheck: _ctx.spellcheck ? "true" : "false",
-                onInput: handleInputEvent,
-                onKeypress: _cache[0] || (_cache[0] = withKeys(withModifiers(($event) => !_ctx.disabled && !_ctx.readonly && _ctx.$emit("keypress:enter", $event), ["exact"]), ["enter"])),
-                onKeydown: [
-                  _cache[1] || (_cache[1] = withKeys(withModifiers(($event) => !_ctx.disabled && !_ctx.readonly && _ctx.$emit("keypress:up", $event), ["exact", "stop"]), ["up"])),
-                  _cache[2] || (_cache[2] = withKeys(withModifiers(($event) => !_ctx.disabled && !_ctx.readonly && _ctx.$emit("keypress:down", $event), ["exact", "stop"]), ["down"])),
-                  _cache[3] || (_cache[3] = withKeys(withModifiers(($event) => {
-                    !_ctx.disabled && !_ctx.readonly && _ctx.$emit("keypress:delete", $event);
-                    handleBackspace($event);
-                  }, ["exact", "stop"]), ["delete"]))
-                ],
-                onFocus: _cache[4] || (_cache[4] = ($event) => {
-                  _ctx.$emit("focus", $event);
-                  setIsFocused(true);
-                }),
-                onBlur: _cache[5] || (_cache[5] = ($event) => {
-                  _ctx.$emit("blur", $event);
-                  setIsFocused(false);
-                  isSecureVisible.value = false;
-                }),
-                onClick: _cache[6] || (_cache[6] = ($event) => _ctx.$emit("click", $event)),
-                onMousedown: _cache[7] || (_cache[7] = withModifiers(($event) => _ctx.$emit("mousedown", $event), ["stop"])),
-                onSelect: _cache[8] || (_cache[8] = ($event) => _ctx.$emit("select:input", $event))
-              }, null, 40, ["class", "value", "placeholder", "type", "name", "disabled", "readonly", "autocomplete", "size", "spellcheck"])),
-              createVNode(_sfc_main$1, {
-                loading: _ctx.loading,
-                "allow-clear": _ctx.allowClear && _ctx.modelValue !== "",
-                disabled: _ctx.disabled || _ctx.readonly || _ctx.disabledActions,
-                "text-secure": _ctx.textSecure,
-                "is-secure-visible": isSecureVisible.value,
-                "allow-paste": _ctx.allowPaste,
-                class: "absolute top-0 right-0 bottom-0",
-                "onClick:clear": clearValue,
-                "onClick:slot": _cache[9] || (_cache[9] = ($event) => {
-                  isFocused.value ? blur() : focus();
-                  _ctx.$emit("click:internal", $event);
-                }),
-                "onShow:secure": _cache[10] || (_cache[10] = ($event) => {
-                  isSecureVisible.value = true;
-                  _ctx.$emit("click", $event);
-                }),
-                "onHide:secure": _cache[11] || (_cache[11] = ($event) => isSecureVisible.value = false),
-                "onUpdate:width": _cache[12] || (_cache[12] = ($event) => paddingRight.value = $event),
-                "onClick:paste": paste
-              }, createSlots({ _: 2 }, [
-                _ctx.$slots.suffix?.()?.length ? {
-                  name: "default",
-                  fn: withCtx(() => [
-                    renderSlot(_ctx.$slots, "suffix")
-                  ]),
-                  key: "0"
-                } : void 0
-              ]), 1032, ["loading", "allow-clear", "disabled", "text-secure", "is-secure-visible", "allow-paste"])
-            ], 38),
-            createVNode(Transition, {
-              "enter-active-class": "transition-opacity",
-              "leave-active-class": "transition-opacity",
-              "enter-from-class": "opacity-0",
-              "leave-to-class": "opacity-0"
-            }, {
-              default: withCtx(() => [
-                _ctx.hasChanges ? (openBlock(), createElementBlock("span", {
-                  key: 0,
-                  class: normalizeClass(["square-2 rounded-full transition-colors absolute top-0 right-0 z-10", {
-                    "bg-info dark:bg-info-dark": isFocused.value || _ctx.errorMessage === void 0,
-                    "bg-negative dark:bg-negative-dark": !isFocused.value && _ctx.errorMessage !== void 0
-                  }])
-                }, null, 2)) : createCommentVNode("", true)
-              ]),
-              _: 1
-            }),
-            createVNode(Transition, {
-              "enter-active-class": "transition-opacity",
-              "leave-active-class": "transition-opacity",
-              "enter-from-class": "opacity-0",
-              "leave-to-class": "opacity-0"
-            }, {
-              default: withCtx(() => [
-                _ctx.errorMessage ? (openBlock(), createElementBlock("div", _hoisted_4, toDisplayString(_ctx.errorMessage), 1)) : _ctx.maxLength !== void 0 && isFocused.value ? (openBlock(), createElementBlock("div", _hoisted_5, toDisplayString(unref(numberFormatter).format(String(_ctx.modelValue || "").length)) + " / " + toDisplayString(unref(numberFormatter).format(_ctx.maxLength)), 1)) : createCommentVNode("", true)
+            !_ctx.skeleton ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+              renderSlot(_ctx.$slots, "title", {}, () => [
+                createTextVNode(toDisplayString(_ctx.title), 1)
               ]),
-              _: 1
-            })
-          ])) : (openBlock(), createBlock(WSkeleton, {
+              createVNode(Transition, {
+                "enter-active-class": "transition-opacity",
+                "leave-active-class": "transition-opacity",
+                "enter-from-class": "opacity-0",
+                "leave-to-class": "opacity-0"
+              }, {
+                default: withCtx(() => [
+                  _ctx.required ? (openBlock(), createElementBlock("span", _hoisted_1, " * ")) : createCommentVNode("", true)
+                ]),
+                _: 1
+              })
+            ], 64)) : (openBlock(), createBlock(WSkeleton, {
+              key: 1,
+              class: "h-4 w-16"
+            }))
+          ], 2)) : createCommentVNode("", true),
+          createElementVNode("div", _hoisted_2, [
+            !_ctx.skeleton ? (openBlock(), createElementBlock("div", _hoisted_3, [
+              createElementVNode("div", {
+                class: normalizeClass(["relative flex flex-wrap border border-solid rounded-xl bg-default dark:bg-default-dark transition-colors duration-75 overflow-hidden min-h-11 w-full", {
+                  "focus-within:border-primary-default dark:focus-within:border-primary-dark": !_ctx.disabled && !_ctx.readonly,
+                  "cursor-text": !_ctx.disabled,
+                  "pl-1 py-1 gap-1": _ctx.$slots.suffix?.()?.length,
+                  "pl-11": _ctx.icon,
+                  "border-negative dark:border-negative-dark": _ctx.errorMessage,
+                  "border-gray-300 dark:border-gray-700": !_ctx.disabled,
+                  "border-gray-300/50 dark:border-gray-700/50": _ctx.disabled
+                }]),
+                style: normalizeStyle({ paddingRight: paddingRight.value + "px" }),
+                onClick: focus,
+                onMousedown: _cache[13] || (_cache[13] = withModifiers(() => {
+                }, ["prevent"]))
+              }, [
+                _ctx.icon ? (openBlock(), createElementBlock("div", _hoisted_4, [
+                  (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon), { class: "w-5 h-5" }))
+                ])) : createCommentVNode("", true),
+                renderSlot(_ctx.$slots, "prefix"),
+                (openBlock(), createBlock(resolveDynamicComponent(_ctx.textarea ? "textarea" : "input"), {
+                  id: inputId,
+                  ref_key: "input",
+                  ref: input,
+                  class: normalizeClass(["text-base font-normal outline-0 border-none bg-[inherit] flex-1 max-w-full disabled:opacity-80 disabled:cursor-not-allowed placeholder:text-gray-400 dark:placeholder:text-gray-500 appearance-none", {
+                    "min-h-[var(--textarea-height,160px)] w-full p-3": _ctx.textarea,
+                    "resize-y": _ctx.resize && _ctx.textarea,
+                    "resize-none": !_ctx.resize && _ctx.textarea,
+                    "h-[var(--input-height,42px)]": !_ctx.textarea && !_ctx.$slots.suffix?.()?.length,
+                    "h-[var(--input-height,34px)]": !_ctx.textarea && _ctx.$slots.suffix?.()?.length,
+                    "py-0 pr-1": !_ctx.hideInput && !_ctx.textarea,
+                    "pl-3": !_ctx.hideInput && !_ctx.textarea && !_ctx.icon,
+                    "w-0 max-w-0 p-0 absolute": _ctx.hideInput,
+                    "font-mono": _ctx.mono,
+                    "text-secure": _ctx.textSecure && !isSecureVisible.value,
+                    "text-black-default dark:text-gray-200": !_ctx.disabled,
+                    "text-black-default/50 dark:text-gray-200/50": _ctx.disabled
+                  }]),
+                  value: _ctx.placeholderSecure && _ctx.modelValue === void 0 && !isFocused.value ? "******" : _ctx.modelValue,
+                  placeholder: _ctx.placeholder,
+                  type: _ctx.type ?? "text",
+                  name: _ctx.name,
+                  disabled: _ctx.disabled,
+                  readonly: _ctx.readonly,
+                  autocomplete: _ctx.autocomplete,
+                  size: _ctx.size || void 0,
+                  spellcheck: _ctx.spellcheck ? "true" : "false",
+                  onInput: handleInputEvent,
+                  onKeypress: _cache[0] || (_cache[0] = withKeys(withModifiers(($event) => !_ctx.disabled && !_ctx.readonly && _ctx.$emit("keypress:enter", $event), ["exact"]), ["enter"])),
+                  onKeydown: [
+                    _cache[1] || (_cache[1] = withKeys(withModifiers(($event) => !_ctx.disabled && !_ctx.readonly && _ctx.$emit("keypress:up", $event), ["exact", "stop"]), ["up"])),
+                    _cache[2] || (_cache[2] = withKeys(withModifiers(($event) => !_ctx.disabled && !_ctx.readonly && _ctx.$emit("keypress:down", $event), ["exact", "stop"]), ["down"])),
+                    _cache[3] || (_cache[3] = withKeys(withModifiers(($event) => {
+                      !_ctx.disabled && !_ctx.readonly && _ctx.$emit("keypress:delete", $event);
+                      handleBackspace($event);
+                    }, ["exact", "stop"]), ["delete"]))
+                  ],
+                  onFocus: _cache[4] || (_cache[4] = ($event) => {
+                    _ctx.$emit("focus", $event);
+                    setIsFocused(true);
+                  }),
+                  onBlur: _cache[5] || (_cache[5] = ($event) => {
+                    _ctx.$emit("blur", $event);
+                    setIsFocused(false);
+                    isSecureVisible.value = false;
+                  }),
+                  onClick: _cache[6] || (_cache[6] = ($event) => _ctx.$emit("click", $event)),
+                  onMousedown: _cache[7] || (_cache[7] = withModifiers(($event) => _ctx.$emit("mousedown", $event), ["stop"])),
+                  onSelect: _cache[8] || (_cache[8] = ($event) => _ctx.$emit("select:input", $event))
+                }, null, 40, ["class", "value", "placeholder", "type", "name", "disabled", "readonly", "autocomplete", "size", "spellcheck"])),
+                createVNode(_sfc_main$1, {
+                  loading: _ctx.loading,
+                  "allow-clear": _ctx.allowClear && _ctx.modelValue !== "",
+                  disabled: _ctx.disabled || _ctx.readonly || _ctx.disabledActions,
+                  "text-secure": _ctx.textSecure,
+                  "is-secure-visible": isSecureVisible.value,
+                  "allow-paste": _ctx.allowPaste,
+                  class: "absolute top-0 right-0 bottom-0",
+                  "onClick:clear": clearValue,
+                  "onClick:slot": _cache[9] || (_cache[9] = ($event) => {
+                    isFocused.value ? blur() : focus();
+                    _ctx.$emit("click:internal", $event);
+                  }),
+                  "onShow:secure": _cache[10] || (_cache[10] = ($event) => {
+                    isSecureVisible.value = true;
+                    _ctx.$emit("click", $event);
+                  }),
+                  "onHide:secure": _cache[11] || (_cache[11] = ($event) => isSecureVisible.value = false),
+                  "onUpdate:width": _cache[12] || (_cache[12] = ($event) => paddingRight.value = $event),
+                  "onClick:paste": paste
+                }, createSlots({ _: 2 }, [
+                  _ctx.$slots.suffix?.()?.length ? {
+                    name: "default",
+                    fn: withCtx(() => [
+                      renderSlot(_ctx.$slots, "suffix")
+                    ]),
+                    key: "0"
+                  } : void 0
+                ]), 1032, ["loading", "allow-clear", "disabled", "text-secure", "is-secure-visible", "allow-paste"])
+              ], 38),
+              createVNode(Transition, {
+                "enter-active-class": "transition-opacity",
+                "leave-active-class": "transition-opacity",
+                "enter-from-class": "opacity-0",
+                "leave-to-class": "opacity-0"
+              }, {
+                default: withCtx(() => [
+                  _ctx.hasChanges ? (openBlock(), createElementBlock("span", {
+                    key: 0,
+                    class: normalizeClass(["square-2 rounded-full transition-colors absolute top-0 right-0 z-10", {
+                      "bg-info dark:bg-info-dark": isFocused.value || _ctx.errorMessage === void 0,
+                      "bg-negative dark:bg-negative-dark": !isFocused.value && _ctx.errorMessage !== void 0
+                    }])
+                  }, null, 2)) : createCommentVNode("", true)
+                ]),
+                _: 1
+              }),
+              createVNode(Transition, {
+                "enter-active-class": "transition-opacity",
+                "leave-active-class": "transition-opacity",
+                "enter-from-class": "opacity-0",
+                "leave-to-class": "opacity-0"
+              }, {
+                default: withCtx(() => [
+                  _ctx.errorMessage ? (openBlock(), createElementBlock("div", _hoisted_5, toDisplayString(_ctx.errorMessage), 1)) : _ctx.maxLength !== void 0 && isFocused.value ? (openBlock(), createElementBlock("div", _hoisted_6, toDisplayString(unref(numberFormatter).format(String(_ctx.modelValue || "").length)) + " / " + toDisplayString(unref(numberFormatter).format(_ctx.maxLength)), 1)) : createCommentVNode("", true)
+                ]),
+                _: 1
+              })
+            ])) : (openBlock(), createBlock(WSkeleton, {
+              key: 1,
+              class: normalizeClass(["w-full w-skeleton-rounded-xl", {
+                "h-[calc(var(--textarea-height,160px)+2px)]": _ctx.textarea,
+                "h-[calc(var(--input-height,42px)+2px)]": !_ctx.textarea && !_ctx.$slots.suffix?.()?.length,
+                "h-[calc(var(--input-height,34px)+10px)]": !_ctx.textarea && _ctx.$slots.suffix?.()?.length
+              }]),
+              style: { "--skeleton-width": "100%" }
+            }, null, 8, ["class"])),
+            _ctx.$slots.right?.()?.length ? (openBlock(), createElementBlock("div", _hoisted_7, [
+              renderSlot(_ctx.$slots, "right")
+            ], 512)) : createCommentVNode("", true)
+          ]),
+          _ctx.description ? (openBlock(), createElementBlock("div", {
             key: 1,
-            class: normalizeClass(["w-full w-skeleton-rounded-xl", {
-              "h-[calc(var(--textarea-height,160px)+2px)]": _ctx.textarea,
-              "h-[calc(var(--input-height,42px)+2px)]": !_ctx.textarea && !_ctx.$slots.suffix?.()?.length,
-              "h-[calc(var(--input-height,34px)+10px)]": !_ctx.textarea && _ctx.$slots.suffix?.()?.length
-            }]),
-            style: { "--skeleton-width": "100%" }
-          }, null, 8, ["class"])),
-          _ctx.$slots.right?.()?.length ? (openBlock(), createElementBlock("div", _hoisted_6, [
-            renderSlot(_ctx.$slots, "right")
-          ], 512)) : createCommentVNode("", true)
-        ]),
-        _ctx.description ? (openBlock(), createElementBlock("div", {
-          key: 1,
-          class: normalizeClass(["text-xs font-normal text-description pt-4 whitespace-pre-wrap break-words text-pretty", {
-            "opacity-50": _ctx.disabled && !_ctx.skeleton
-          }])
-        }, [
-          _ctx.skeleton ? (openBlock(), createBlock(WSkeleton, { key: 0 })) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-            createTextVNode(toDisplayString(_ctx.description), 1)
-          ], 64))
-        ], 2)) : createCommentVNode("", true)
+            class: normalizeClass(["text-xs font-normal text-description pt-4 whitespace-pre-wrap break-words text-pretty", {
+              "opacity-50": _ctx.disabled && !_ctx.skeleton
+            }])
+          }, [
+            _ctx.skeleton ? (openBlock(), createBlock(WSkeleton, { key: 0 })) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+              createTextVNode(toDisplayString(_ctx.description), 1)
+            ], 64))
+          ], 2)) : createCommentVNode("", true)
+        ])
       ], 2);
     };
   }

package/package.json

@@ -4,7 +4,7 @@
     "type": "git",
     "url": "https://github.com/rsmple/eco-vue-js.git"
   },
-  "version": "0.3.69",
+  "version": "0.3.70",
   "scripts": {
     "dev": "vite",
     "build": "run-p type-check build-only",