eco-vue-js 0.5.25 → 0.6.0

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

@@ -1,82 +1,59 @@
-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 { defineComponent, ref, onMounted, onBeforeUnmount, openBlock, createBlock, mergeProps, createSlots, withCtx, createElementVNode, normalizeClass, withModifiers, createElementBlock, resolveDynamicComponent, createCommentVNode, renderSlot, withKeys, createVNode, nextTick } from 'vue';
+import _sfc_main$2 from './components/InputActions.vue.js';
 import { Notify } from '../../utils/Notify.js';
-import { numberFormatter, genId } from '../../utils/utils.js';
 import { useTabActiveListener } from '../Tabs/use/useTabActiveListener.js';
+import _sfc_main$1 from '../FieldWrapper/WFieldWrapper.vue.js';
 
 const _hoisted_1 = {
   key: 0,
-  class: "text-negative dark:text-negative-dark"
-};
-const _hoisted_2 = { class: "grid grid-cols-[1fr,auto]" };
-const _hoisted_3 = {
-  key: 0,
-  class: "relative isolate grid grid-cols-1"
-};
-const _hoisted_4 = {
-  key: 0,
-  class: "absolute top-0 left-0 h-full flex items-center justify-center px-3 text-description select-none"
-};
-const _hoisted_5 = {
-  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"
+  class: "flex items-center w-11 h-full justify-center text-description select-none"
 };
+const _hoisted_2 = { class: "col-start-2 grid grid-cols-1 group/input" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ inheritAttrs: false },
   __name: "WInput",
   props: {
-    modelValue: { default: void 0 },
-    title: { default: void 0 },
-    description: { default: void 0 },
-    placeholder: { default: void 0 },
-    type: { default: void 0 },
-    name: { default: void 0 },
+    modelValue: {},
+    type: {},
+    textarea: { type: Boolean },
+    resize: { type: Boolean },
+    placeholder: {},
+    icon: {},
+    size: { default: 10 },
+    maxLength: {},
+    name: {},
     autocomplete: { default: "off" },
     autofocus: { type: Boolean },
-    textarea: { type: Boolean },
-    disabled: { type: Boolean },
-    allowClear: { type: Boolean },
-    errorMessage: { default: void 0 },
     readonly: { type: Boolean },
-    icon: { default: void 0 },
-    maxLength: { default: void 0 },
+    disabledActions: { type: Boolean },
     loading: { type: Boolean },
-    required: { type: Boolean },
-    hideInput: { type: Boolean },
-    skeleton: { type: Boolean },
-    size: { default: 10 },
-    mono: { type: Boolean },
-    textSecure: { type: Boolean },
     spellcheck: { type: Boolean },
-    placeholderSecure: { type: Boolean },
     customBackspaceHandle: { type: Boolean },
+    textSecure: { type: Boolean },
+    placeholderSecure: { type: Boolean },
+    allowClear: { type: Boolean },
+    allowPaste: { type: Boolean },
+    hideInput: { type: Boolean },
+    title: {},
+    description: {},
+    errorMessage: {},
+    tooltipText: {},
+    mono: { type: Boolean },
     hasChanges: { type: Boolean },
-    disabledActions: { type: Boolean },
+    skeleton: { type: Boolean },
+    disabled: { type: Boolean },
+    required: { type: Boolean },
     noMargin: { type: Boolean },
-    resize: { type: Boolean },
-    allowPaste: { type: Boolean }
+    allowCopy: { type: Boolean }
   },
   emits: ["update:modelValue", "keypress:enter", "keypress:up", "keypress:down", "keypress:delete", "keypress:backspace", "click:clear", "focus", "blur", "click", "mousedown", "click:suffix", "select:input", "paste"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emit = __emit;
-    const inputId = `w-input-${genId()}`;
     const input = ref();
-    const isFocused = ref(false);
     const isSecureVisible = ref(false);
-    const paddingRight = ref(0);
     const updateModelValue = (value) => {
-      if (props.loading || props.disabled || props.readonly)
-        return;
+      if (props.loading || props.disabled || props.readonly) return;
       if (props.type === "number") {
         emit("update:modelValue", typeof value === "string" && value.length ? Number.parseFloat(value) : void 0);
       } else {
@@ -84,19 +61,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     };
     const handleBackspace = (event) => {
-      if (!props.customBackspaceHandle)
-        return;
+      if (!props.customBackspaceHandle) return;
       event.preventDefault();
       event.stopPropagation();
       const target = event.target;
       const value = target?.value;
-      if (!value || target.selectionStart === null || target.selectionEnd === null)
-        return;
+      if (!value || target.selectionStart === null || target.selectionEnd === null) return;
       let substring;
       let selectionStart;
       if (target.selectionStart === target.selectionEnd) {
-        if (target.selectionStart === 0)
-          return;
+        if (target.selectionStart === 0) return;
         selectionStart = target.selectionStart - 1;
         substring = value.substring(0, selectionStart) + value.substring(target.selectionEnd);
       } else {
@@ -113,33 +87,26 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (props.maxLength && typeof value === "string" && value.length > props.maxLength) {
         event.preventDefault();
         const substring = value.substring(0, props.maxLength);
-        if (target)
-          target.value = substring;
+        if (target) target.value = substring;
         updateModelValue(substring);
         return;
       }
       updateModelValue(value);
     };
     const clearValue = () => {
-      if (props.disabled || props.readonly)
-        return;
-      updateModelValue(void 0);
+      if (props.disabled || props.readonly) return;
+      if (typeof props.modelValue === "string") updateModelValue("");
+      else updateModelValue(void 0);
       input.value?.focus();
       emit("click:clear");
     };
     const focus = () => {
-      if (props.disabled || props.readonly)
-        return;
-      if (isFocused.value)
-        return;
+      if (props.disabled || props.readonly) return;
       input.value?.focus();
     };
     const blur = () => {
       input.value?.blur();
     };
-    const setIsFocused = (value) => {
-      isFocused.value = value;
-    };
     const checkPermission = async () => {
       const result = await navigator.permissions.query({ name: "clipboard-read" });
       return result.state === "granted" || result.state === "prompt";
@@ -179,11 +146,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     let timeout;
     const autofocusDebounced = () => {
-      if (timeout)
-        clearTimeout(timeout);
+      if (timeout) clearTimeout(timeout);
       timeout = setTimeout(() => {
-        if (props.autofocus)
-          focus();
+        if (props.autofocus) focus();
         timeout = void 0;
       }, 250);
     };
@@ -191,8 +156,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       useTabActiveListener(autofocusDebounced);
     }
     onMounted(() => {
-      if (props.autofocus)
-        autofocusDebounced();
+      if (props.autofocus) autofocusDebounced();
     });
     onBeforeUnmount(() => {
       if (timeout) {
@@ -205,80 +169,51 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       blur
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["relative", {
-          "cursor-not-allowed": _ctx.disabled && !_ctx.skeleton,
-          "mt-1 mb-[1.125rem]": !_ctx.noMargin
-        }]),
-        onClick: _cache[14] || (_cache[14] = ($event) => _ctx.$emit("click:suffix", $event))
-      }, [
-        createElementVNode("label", { for: inputId }, [
-          _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
-            }])
+      return openBlock(), createBlock(_sfc_main$1, mergeProps(props, {
+        class: _ctx.$attrs.class,
+        onClick: _cache[10] || (_cache[10] = ($event) => _ctx.$emit("click:suffix", $event))
+      }), createSlots({
+        field: withCtx(({ id, setFocused, focused }) => [
+          createElementVNode("div", {
+            class: normalizeClass(["relative border border-solid rounded-xl bg-default dark:bg-default-dark transition-colors duration-75 overflow-hidden min-h-11 grid grid-cols-[auto,1fr,auto]", {
+              "focus-within:border-primary-default dark:focus-within:border-primary-dark": !_ctx.disabled && !_ctx.readonly,
+              "cursor-text": !_ctx.disabled,
+              "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
+            }]),
+            onClick: focus,
+            onMousedown: _cache[9] || (_cache[9] = withModifiers(() => {
+            }, ["prevent"]))
           }, [
-            !_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("div", _hoisted_3, [
+            _ctx.icon ? (openBlock(), createElementBlock("div", _hoisted_1, [
+              (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon), { class: "square-5" }))
+            ])) : createCommentVNode("", true),
+            createElementVNode("div", _hoisted_2, [
               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"]))
+                class: normalizeClass(["flex flex-wrap", {
+                  "py-1 gap-1 first:pl-1 last:pr-1": _ctx.$slots.prefix
+                }])
               }, [
-                _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,
+                  id,
                   ref_key: "input",
                   ref: input,
                   class: normalizeClass(["text-base font-normal outline-0 border-none bg-[inherit] flex-1 max-w-full w-input 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,
+                    "min-h-[var(--textarea-height,10rem)] w-full py-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,
+                    "h-[var(--input-height,2.625rem)]": !_ctx.textarea && !_ctx.$slots.suffix,
+                    "h-[var(--input-height,2.125rem)]": !_ctx.textarea && _ctx.$slots.suffix,
+                    "group-first/input:pl-3 first:pl-0 [&:not(:first-child)]:pl-3 group-last/input:pr-3": !_ctx.hideInput,
                     "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,
+                  value: _ctx.placeholderSecure && _ctx.modelValue === void 0 && !focused ? "******" : _ctx.modelValue,
                   placeholder: _ctx.placeholder,
                   type: _ctx.type ?? "text",
                   name: _ctx.name,
@@ -297,103 +232,78 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       handleBackspace($event);
                     }, ["exact", "stop"]), ["delete"]))
                   ],
-                  onFocus: _cache[4] || (_cache[4] = ($event) => {
+                  onFocus: ($event) => {
                     _ctx.$emit("focus", $event);
-                    setIsFocused(true);
-                  }),
-                  onBlur: _cache[5] || (_cache[5] = ($event) => {
+                    setFocused(true);
+                  },
+                  onBlur: ($event) => {
                     _ctx.$emit("blur", $event);
-                    setIsFocused(false);
+                    setFocused(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] = withModifiers(($event) => _ctx.$emit("select:input", $event), ["stop"]))
-                }, 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.disabledActions,
-                  readonly: _ctx.readonly,
-                  "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:suffix", $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", "readonly", "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,
-                      "bg-negative dark:bg-negative-dark": !isFocused.value && _ctx.errorMessage
-                    }])
-                  }, null, 2)) : createCommentVNode("", true)
-                ]),
-                _: 1
+                  },
+                  onClick: _cache[4] || (_cache[4] = ($event) => _ctx.$emit("click", $event)),
+                  onMousedown: _cache[5] || (_cache[5] = withModifiers(($event) => _ctx.$emit("mousedown", $event), ["stop"])),
+                  onSelect: _cache[6] || (_cache[6] = withModifiers(($event) => _ctx.$emit("select:input", $event), ["stop"]))
+                }, null, 40, ["id", "class", "value", "placeholder", "type", "name", "disabled", "readonly", "autocomplete", "size", "spellcheck", "onFocus", "onBlur"]))
+              ], 2)
+            ]),
+            createVNode(_sfc_main$2, {
+              "model-value": _ctx.modelValue,
+              loading: _ctx.loading,
+              "allow-clear": _ctx.allowClear && _ctx.modelValue !== "",
+              disabled: _ctx.disabled || _ctx.disabledActions,
+              readonly: _ctx.readonly,
+              "text-secure": _ctx.textSecure,
+              "is-secure-visible": isSecureVisible.value,
+              "allow-paste": _ctx.allowPaste,
+              "allow-copy": _ctx.allowCopy,
+              focused,
+              "onClick:clear": clearValue,
+              "onClick:slot": ($event) => {
+                focused ? blur() : focus();
+                _ctx.$emit("click:suffix", $event);
+              },
+              "onShow:secure": _cache[7] || (_cache[7] = ($event) => {
+                isSecureVisible.value = true;
+                _ctx.$emit("click", $event);
               }),
-              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)
+              "onHide:secure": _cache[8] || (_cache[8] = ($event) => isSecureVisible.value = false),
+              "onClick:paste": paste
+            }, createSlots({ _: 2 }, [
+              _ctx.$slots.suffix ? {
+                name: "default",
+                fn: withCtx(() => [
+                  renderSlot(_ctx.$slots, "suffix")
                 ]),
-                _: 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)
+                key: "0"
+              } : void 0
+            ]), 1032, ["model-value", "loading", "allow-clear", "disabled", "readonly", "text-secure", "is-secure-visible", "allow-paste", "allow-copy", "focused", "onClick:slot"])
+          ], 34)
+        ]),
+        _: 2
+      }, [
+        _ctx.$slots.title ? {
+          name: "title",
+          fn: withCtx(() => [
+            renderSlot(_ctx.$slots, "title")
           ]),
-          _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)
-        ])
-      ], 2);
+          key: "0"
+        } : void 0,
+        _ctx.$slots.subtitle ? {
+          name: "subtitle",
+          fn: withCtx(() => [
+            renderSlot(_ctx.$slots, "subtitle")
+          ]),
+          key: "1"
+        } : void 0,
+        _ctx.$slots.right ? {
+          name: "right",
+          fn: withCtx(() => [
+            renderSlot(_ctx.$slots, "right")
+          ]),
+          key: "2"
+        } : void 0
+      ]), 1040, ["class"]);
     };
   }
 });

package/dist/components/Input/WInputAsync.vue.d.ts

@@ -1,104 +1,26 @@
-declare const _default: <Type extends InputType = "text">(__VLS_props: {
-    type?: Type | undefined;
-    required?: boolean | undefined;
-    textarea?: boolean | undefined;
-    title?: string | undefined;
-    icon?: SVGComponent | undefined;
-    disabled?: boolean | undefined;
-    loading?: boolean | undefined;
-    "onUpdate:modelValue"?: ((value: (Type extends "number" ? number : string) | undefined) => any) | undefined;
-    modelValue?: (Type extends "number" ? number : string) | undefined;
-    resize?: boolean | undefined;
-    skeleton?: boolean | undefined;
-    description?: string | undefined;
-    name?: string | undefined;
-    placeholder?: string | undefined;
-    errorMessage?: string | undefined;
-    hasChanges?: boolean | undefined;
-    validate?: ValidateFn | ValidateFn[] | undefined;
-    allowPaste?: boolean | undefined;
-    textSecure?: boolean | undefined;
-    maxLength?: number | undefined;
-    mono?: boolean | undefined;
-    placeholderSecure?: boolean | undefined;
-    noMargin?: boolean | undefined;
-} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, __VLS_ctx?: {
-    attrs: any;
-    slots: {
-        title?(_: {}): any;
-        right?(_: {}): any;
-    };
-    emit: (e: 'update:modelValue', value: (Type extends "number" ? number : string) | undefined) => void;
-} | undefined, __VLS_expose?: ((exposed: import('vue').ShallowUnwrapRef<{}>) => void) | undefined, __VLS_setup?: Promise<{
-    props: {
-        type?: Type | undefined;
-        required?: boolean | undefined;
-        textarea?: boolean | undefined;
-        title?: string | undefined;
-        icon?: SVGComponent | undefined;
-        disabled?: boolean | undefined;
-        loading?: boolean | undefined;
+import { InputAsyncProps } from './types';
+
+declare const _default: <Type extends InputType = "text">(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_Prettify<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_Prettify<Pick<Partial<{}> & Omit<{
+        "onUpdate:modelValue"?: ((value: (Type extends "number" ? number : string) | undefined) => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{}>> & {
         "onUpdate:modelValue"?: ((value: (Type extends "number" ? number : string) | undefined) => any) | undefined;
-        modelValue?: (Type extends "number" ? number : string) | undefined;
-        resize?: boolean | undefined;
-        skeleton?: boolean | undefined;
-        description?: string | undefined;
-        name?: string | undefined;
-        placeholder?: string | undefined;
-        errorMessage?: string | undefined;
-        hasChanges?: boolean | undefined;
-        validate?: ValidateFn | ValidateFn[] | undefined;
-        allowPaste?: boolean | undefined;
-        textSecure?: boolean | undefined;
-        maxLength?: number | undefined;
-        mono?: boolean | undefined;
-        placeholderSecure?: boolean | undefined;
-        noMargin?: boolean | undefined;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+    }, never>, "onUpdate:modelValue"> & InputAsyncProps<Type>> & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
     attrs: any;
-    slots: {
+    slots: ReturnType<() => {
         title?(_: {}): any;
+        subtitle?(_: {}): any;
         right?(_: {}): any;
-    };
-    emit: (e: 'update:modelValue', value: (Type extends "number" ? number : string) | undefined) => void;
-}>) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    }>;
+    emit: ((e: "update:modelValue", value: (Type extends "number" ? number : string) | undefined) => void) & {};
+}>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
     [key: string]: any;
 }> & {
-    __ctx?: {
-        props: {
-            type?: Type | undefined;
-            required?: boolean | undefined;
-            textarea?: boolean | undefined;
-            title?: string | undefined;
-            icon?: SVGComponent | undefined;
-            disabled?: boolean | undefined;
-            loading?: boolean | undefined;
-            "onUpdate:modelValue"?: ((value: (Type extends "number" ? number : string) | undefined) => any) | undefined;
-            modelValue?: (Type extends "number" ? number : string) | undefined;
-            resize?: boolean | undefined;
-            skeleton?: boolean | undefined;
-            description?: string | undefined;
-            name?: string | undefined;
-            placeholder?: string | undefined;
-            errorMessage?: string | undefined;
-            hasChanges?: boolean | undefined;
-            validate?: ValidateFn | ValidateFn[] | undefined;
-            allowPaste?: boolean | undefined;
-            textSecure?: boolean | undefined;
-            maxLength?: number | undefined;
-            mono?: boolean | undefined;
-            placeholderSecure?: boolean | undefined;
-            noMargin?: boolean | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
-        expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
-        attrs: any;
-        slots: {
-            title?(_: {}): any;
-            right?(_: {}): any;
-        };
-        emit: (e: 'update:modelValue', value: (Type extends "number" ? number : string) | undefined) => void;
-    } | undefined;
+    __ctx?: Awaited<typeof __VLS_setup>;
 };
 export default _default;
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
 //# sourceMappingURL=WInputAsync.vue.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"WInputAsync.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Input/WInputAsync.vue"],"names":[],"mappings":"AAuEA;;;;;;;;;;;;;;;;;;;;;;;;;;WAkZO,GAAG;;uBA7DkB,GAAG;uBACH,GAAG;;cAxSzB,mBAAmB,mEAAkC,IAAI;yCAmW/C,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,KAAG,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;oBAAzC,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;uBA7DkB,GAAG;uBACH,GAAG;;cAxSzB,mBAAmB,mEAAkC,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAmW/C,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;eAClD,GAAG;;2BA7DkB,GAAG;2BACH,GAAG;;kBAxSzB,mBAAmB,mEAAkC,IAAI;;;AAlC/D,wBA2Y2E"}
+{"version":3,"file":"WInputAsync.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Input/WInputAsync.vue"],"names":[],"mappings":"AA+NA,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,SAAS,CAAA;yBAI3B,IAAI,SAAS,SAAS,wBACzB,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,cAAc,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBACvF,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WA4bxD,cAAc,CAAC;;;;6DAAyD,CAAC,4BAA2B;oBAC3F,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;WACH,UAAU;uBAxCQ,GAAG;0BACA,GAAG;uBACN,GAAG;MAsCY;UAClC,KArbH,mBAAmB,SAAS,4CAAa,SAAS,KAAG,IAAI,MAqbpB;;;;YAGC,OAAO,CAAC,OAAO,WAAW,CAAC;;AAtcvE,wBAsc4E;AAM5E,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}