eco-vue-js 0.5.25 → 0.6.0

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

@@ -1,54 +1,78 @@
-import { defineComponent, ref, computed, watch, toRef, openBlock, createElementBlock, normalizeClass, createVNode, createSlots, withCtx, renderSlot, createBlock, withModifiers, unref, nextTick } from 'vue';
+import { defineComponent, ref, computed, watch, toRef, openBlock, createBlock, mergeProps, createSlots, withCtx, renderSlot, createElementBlock, normalizeClass, withModifiers, unref, createCommentVNode, nextTick } from 'vue';
 import _sfc_main$1 from './WInput.vue.js';
 import WSpinner from '../Spinner/WSpinner.vue.js';
-import IconEdit from '../../assets/icons/default/IconEdit.svg.js';
+import IconEdit from '../../assets/icons/sax/IconEdit.svg.js';
 import IconCheck from '../../assets/icons/default/IconCheck.svg.js';
+import IconSlash from '../../assets/icons/sax/IconSlash.svg.js';
 import WSkeleton from '../Skeleton/WSkeleton.vue.js';
 import { Modal } from '../../utils/Modal.js';
 import { SemanticType } from '../../utils/SemanticType.js';
+import _sfc_main$2 from '../Tooltip/WTooltip.vue.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ inheritAttrs: false },
   __name: "WInputAsync",
   props: {
-    modelValue: {},
-    title: {},
-    description: {},
     validate: {},
+    modelValue: {},
     type: {},
-    placeholder: {},
-    loading: { type: Boolean },
-    disabled: { type: Boolean },
-    skeleton: { type: Boolean },
     textarea: { type: Boolean },
+    resize: { type: Boolean },
+    placeholder: {},
+    icon: {},
+    size: {},
+    maxLength: {},
     name: {},
-    mono: { type: Boolean },
+    autocomplete: {},
+    autofocus: { type: Boolean },
+    readonly: { type: Boolean },
+    disabledActions: { type: Boolean },
+    loading: { type: Boolean },
+    spellcheck: { type: Boolean },
+    customBackspaceHandle: { type: Boolean },
     textSecure: { type: Boolean },
     placeholderSecure: { type: Boolean },
-    maxLength: {},
-    required: { type: Boolean },
-    hasChanges: { type: Boolean },
+    allowClear: { type: Boolean },
+    allowPaste: { type: Boolean },
+    hideInput: { type: Boolean },
+    title: {},
+    description: {},
     errorMessage: {},
+    tooltipText: {},
+    mono: { type: Boolean },
+    hasChanges: { type: Boolean },
+    skeleton: { type: Boolean },
+    disabled: { type: Boolean },
+    required: { type: Boolean },
     noMargin: { type: Boolean },
-    resize: { type: Boolean },
-    allowPaste: { type: Boolean },
-    icon: {}
+    allowCopy: { type: Boolean }
   },
   emits: ["update:modelValue"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
     const focused = ref(false);
+    const saved = ref(false);
     const value = ref();
     const input = ref();
     const errorMessageValue = ref();
     const hasChangesValue = computed(() => props.modelValue !== value.value);
+    const canSave = computed(() => props.textSecure && focused.value || hasChangesValue.value);
+    const reset = () => {
+      value.value = props.modelValue;
+      focused.value = false;
+    };
+    const cancel = () => {
+      reset();
+      input.value?.blur();
+    };
     const toggle = async () => {
-      if (props.disabled || props.loading)
-        return;
-      if (hasChangesValue.value || props.textSecure && focused.value) {
+      if (props.disabled || props.loading) return;
+      if (canSave.value) {
         emitUpdateModelValue(value.value);
       } else {
-        open();
+        if (focused.value) cancel();
+        else open();
       }
     };
     let closeModal = null;
@@ -61,10 +85,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           acceptText: "Discard",
           intermediateText: "Save",
           acceptSemanticType: SemanticType.WARNING,
-          onAccept: () => {
-            value.value = props.modelValue;
-            focused.value = false;
-          },
+          onAccept: reset,
           onIntermediate: () => {
             emitUpdateModelValue(value.value);
             focused.value = false;
@@ -72,8 +93,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }, () => {
           closeModal = null;
           nextTick().then(() => {
-            if (focused.value)
-              input.value?.focus();
+            if (focused.value) input.value?.focus();
           });
         });
       } else {
@@ -82,16 +102,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     };
     const open = () => {
-      if (props.disabled || props.loading)
-        return;
+      if (props.disabled || props.loading) return;
       input.value?.focus();
     };
     watch(toRef(props, "modelValue"), (modelValue) => {
       value.value = modelValue;
+      if (!props.placeholderSecure && saved.value) {
+        input.value?.blur();
+        saved.value = false;
+      }
     }, { immediate: true });
     watch(value, (newValue) => {
-      if (!props.validate)
-        return;
+      if (!props.validate) return;
       if (props.validate instanceof Array) {
         errorMessageValue.value = props.validate.map((fn) => fn(newValue)).filter((item) => item).join(", ") || void 0;
       } else {
@@ -99,95 +121,87 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     });
     const emitUpdateModelValue = (newValue) => {
-      if (props.disabled || props.loading)
-        return;
-      if (errorMessageValue.value)
-        return;
-      if (props.placeholderSecure)
-        input.value?.blur();
+      if (props.disabled || props.loading) return;
+      if (errorMessageValue.value) return;
+      if (props.placeholderSecure) input.value?.blur();
       emit("update:modelValue", newValue);
+      if (!props.placeholderSecure) saved.value = true;
     };
     const handleEnterPress = (event) => {
-      if (props.textarea)
-        return;
+      if (props.textarea) return;
       event.stopPropagation();
       event.preventDefault();
       emitUpdateModelValue(value.value);
     };
     const handlePaste = () => {
+      if (!value.value) return;
       if (hasChangesValue.value || props.textSecure && focused.value) {
         emitUpdateModelValue(value.value);
       }
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass({ "pt-3": !_ctx.title && !_ctx.$slots.title?.().length })
+      return openBlock(), createBlock(_sfc_main$1, mergeProps({
+        ref_key: "input",
+        ref: input
+      }, {
+        ...props,
+        modelValue: value.value,
+        disabledActions: !focused.value && !hasChangesValue.value || _ctx.disabledActions,
+        errorMessage: errorMessageValue.value ?? _ctx.errorMessage,
+        hasChanges: _ctx.hasChanges || hasChangesValue.value,
+        allowClear: !_ctx.textarea || _ctx.allowClear,
+        loading: void 0
+      }, {
+        class: _ctx.$attrs.class,
+        "onKeypress:enter": handleEnterPress,
+        onClick: open,
+        onBlur: close,
+        onFocus: _cache[1] || (_cache[1] = ($event) => focused.value = true),
+        onPaste: handlePaste,
+        "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => value.value = $event)
+      }), createSlots({
+        right: withCtx(() => [
+          renderSlot(_ctx.$slots, "right"),
+          _ctx.skeleton ? (openBlock(), createBlock(WSkeleton, {
+            key: 0,
+            class: "square-11 w-skeleton-rounded-lg"
+          })) : (openBlock(), createElementBlock("button", {
+            key: 1,
+            class: normalizeClass(["relative square-11 rounded-lg flex items-center justify-center bg-default dark:bg-default-dark border border-solid border-gray-200 dark:border-gray-800", {
+              "cursor-not-allowed": _ctx.disabled,
+              "cursor-progress": _ctx.loading,
+              "w-ripple w-ripple-hover": !_ctx.disabled && !_ctx.loading,
+              "bg-primary-default dark:bg-primary-dark text-default dark:text-default-dark": canSave.value,
+              "text-description": !canSave.value
+            }]),
+            onClick: withModifiers(toggle, ["stop", "prevent"]),
+            onMousedown: _cache[0] || (_cache[0] = withModifiers(() => {
+            }, ["stop", "prevent"]))
+          }, [
+            _ctx.loading ? (openBlock(), createBlock(WSpinner, { key: 0 })) : canSave.value ? (openBlock(), createBlock(unref(IconCheck), { key: 1 })) : focused.value ? (openBlock(), createBlock(unref(IconSlash), { key: 2 })) : (openBlock(), createBlock(unref(IconEdit), { key: 3 })),
+            !_ctx.loading && focused.value ? (openBlock(), createBlock(_sfc_main$2, {
+              key: 4,
+              text: canSave.value ? "Save" : "Cancel"
+            }, null, 8, ["text"])) : createCommentVNode("", true)
+          ], 34))
+        ]),
+        _: 2
       }, [
-        createVNode(_sfc_main$1, {
-          ref_key: "input",
-          ref: input,
-          modelValue: value.value,
-          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => value.value = $event),
-          title: _ctx.title,
-          description: _ctx.description,
-          placeholder: _ctx.placeholder,
-          "disabled-actions": !focused.value && !hasChangesValue.value,
-          type: _ctx.type,
-          "error-message": errorMessageValue.value ?? _ctx.errorMessage,
-          skeleton: _ctx.skeleton,
-          textarea: _ctx.textarea,
-          name: _ctx.name,
-          mono: _ctx.mono,
-          "text-secure": _ctx.textSecure,
-          "placeholder-secure": _ctx.placeholderSecure,
-          "max-length": _ctx.maxLength,
-          "has-changes": _ctx.hasChanges || hasChangesValue.value,
-          disabled: _ctx.disabled,
-          required: _ctx.required,
-          "no-margin": _ctx.noMargin,
-          "allow-clear": !_ctx.textarea,
-          resize: _ctx.resize,
-          "allow-paste": _ctx.allowPaste,
-          icon: _ctx.icon,
-          class: "w-full",
-          "onKeypress:enter": handleEnterPress,
-          onClick: open,
-          onBlur: close,
-          onFocus: _cache[2] || (_cache[2] = ($event) => focused.value = true),
-          onPaste: handlePaste
-        }, createSlots({
-          right: withCtx(() => [
-            renderSlot(_ctx.$slots, "right"),
-            _ctx.skeleton ? (openBlock(), createBlock(WSkeleton, {
-              key: 0,
-              class: "square-11 w-skeleton-rounded-lg"
-            })) : (openBlock(), createElementBlock("button", {
-              key: 1,
-              class: normalizeClass(["relative square-11 rounded-lg flex items-center justify-center bg-default dark:bg-default-dark border border-solid border-gray-200 dark:border-gray-800", {
-                "cursor-not-allowed": _ctx.disabled,
-                "cursor-progress": _ctx.loading,
-                "w-ripple w-ripple-hover": !_ctx.disabled && !_ctx.loading,
-                "bg-primary-default dark:bg-primary-dark text-default dark:text-default-dark": focused.value,
-                "text-description": !focused.value
-              }]),
-              onClick: withModifiers(toggle, ["stop"]),
-              onMousedown: _cache[0] || (_cache[0] = withModifiers(() => {
-              }, ["stop", "prevent"]))
-            }, [
-              _ctx.loading ? (openBlock(), createBlock(WSpinner, { key: 0 })) : _ctx.hasChanges || focused.value ? (openBlock(), createBlock(unref(IconCheck), { key: 1 })) : (openBlock(), createBlock(unref(IconEdit), { key: 2 }))
-            ], 34))
+        _ctx.$slots.title ? {
+          name: "title",
+          fn: withCtx(() => [
+            renderSlot(_ctx.$slots, "title")
+          ]),
+          key: "0"
+        } : void 0,
+        _ctx.$slots.subtitle || true ? {
+          name: "subtitle",
+          fn: withCtx(() => [
+            renderSlot(_ctx.$slots, "subtitle")
           ]),
-          _: 2
-        }, [
-          _ctx.$slots.title?.().length ? {
-            name: "title",
-            fn: withCtx(() => [
-              renderSlot(_ctx.$slots, "title")
-            ]),
-            key: "0"
-          } : void 0
-        ]), 1032, ["modelValue", "title", "description", "placeholder", "disabled-actions", "type", "error-message", "skeleton", "textarea", "name", "mono", "text-secure", "placeholder-secure", "max-length", "has-changes", "disabled", "required", "no-margin", "allow-clear", "resize", "allow-paste", "icon"])
-      ], 2);
+          key: "1"
+        } : void 0
+      ]), 1040, ["class"]);
     };
   }
 });

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

@@ -1,17 +1,50 @@
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
-    title?: string | undefined;
+import { HorizontalAlign } from '../../utils/HorizontalAlign';
+import { InputSuggestProps } from './types';
+
+interface Props extends Omit<InputSuggestProps<'text'>, 'modelValue'> {
     modelValue?: Date | undefined;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}
+declare function __VLS_template(): {
+    title?(_: {}): any;
+    subtitle?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
+    modelValue: undefined;
+    maxHeight: number;
+    maxWidth: number;
+    horizontalAlign: HorizontalAlign;
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:model-value": (value: Date | undefined) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
-    title?: string | undefined;
-    modelValue?: Date | undefined;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
+    modelValue: undefined;
+    maxHeight: number;
+    maxWidth: number;
+    horizontalAlign: HorizontalAlign;
 }>>> & {
     "onUpdate:model-value"?: ((value: Date | undefined) => any) | undefined;
-}, {}, {}>;
+}, {
+    maxHeight: number;
+    maxWidth: number;
+    horizontalAlign: HorizontalAlign;
+    modelValue: Date;
+}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
+type __VLS_TypePropsToOption<T> = {
     [K in keyof T]-?: {} extends Pick<T, K> ? {
         type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
     } : {

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

@@ -1 +1 @@
-{"version":3,"file":"WInputDate.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Input/WInputDate.vue"],"names":[],"mappings":"AA0BA;;;iBAkKe,IAAI,GAAG,SAAS;;;;;iBAAhB,IAAI,GAAG,SAAS;;;;AAP/B,wBAUG;AACH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC"}
+{"version":3,"file":"WInputDate.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Input/WInputDate.vue"],"names":[],"mappings":"AA2FA,OAAO,EAAC,eAAe,EAAC,MAAM,yBAAyB,CAAA;AACvD,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAA;AAI9C,UAAU,KAAM,SAAQ,IAAI,CAAC,iBAAiB,CAAC,MAAM,CAAC,EAAE,YAAY,CAAC;IACnE,UAAU,CAAC,EAAE,IAAI,GAAG,SAAS,CAAA;CAC9B;AAgDD,iBAAS,cAAc;mBA+II,GAAG;sBACC,GAAG;EAqBjC;AACD,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;MAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAC1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAC7C,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KAAC,CAAC,GACvC,CAAC,CAAC,CAAC,CAAC;CACP,CAAC;AAEN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AAExD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC;AAEN,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}

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

@@ -1,14 +1,52 @@
-import { defineComponent, ref, openBlock, createBlock, unref, withCtx, createElementVNode, withModifiers, createVNode } from 'vue';
+import { defineComponent, ref, openBlock, createBlock, mergeProps, createSlots, withCtx, createElementVNode, withModifiers, createVNode, renderSlot } from 'vue';
 import _sfc_main$2 from '../DatePicker/WDatePickerSingle.vue.js';
 import { dateFormat, parseDate } from '../../utils/dateTime.js';
 import _sfc_main$1 from './WInputSuggest.vue.js';
 import { HorizontalAlign } from '../../utils/HorizontalAlign.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ inheritAttrs: false },
   __name: "WInputDate",
   props: {
+    modelValue: { default: void 0 },
+    mobileTitle: {},
+    persist: { type: Boolean },
+    type: {},
+    textarea: { type: Boolean },
+    resize: { type: Boolean },
+    placeholder: {},
+    icon: {},
+    size: {},
+    maxLength: {},
+    name: {},
+    autocomplete: {},
+    autofocus: { type: Boolean },
+    readonly: { type: Boolean },
+    disabledActions: { type: Boolean },
+    loading: { type: Boolean },
+    spellcheck: { type: Boolean },
+    customBackspaceHandle: { type: Boolean },
+    textSecure: { type: Boolean },
+    placeholderSecure: { type: Boolean },
+    allowClear: { type: Boolean },
+    allowPaste: { type: Boolean },
+    hideInput: { type: Boolean },
     title: {},
-    modelValue: {}
+    description: {},
+    errorMessage: {},
+    tooltipText: {},
+    mono: { type: Boolean },
+    hasChanges: { type: Boolean },
+    skeleton: { type: Boolean },
+    disabled: { type: Boolean },
+    required: { type: Boolean },
+    noMargin: { type: Boolean },
+    allowCopy: { type: Boolean },
+    teleport: { type: Boolean },
+    noZIndex: { type: Boolean },
+    maxHeight: { default: 520 },
+    maxWidth: { default: 480 },
+    horizontalAlign: { default: HorizontalAlign.RIGHT_INNER }
   },
   emits: ["update:model-value"],
   setup(__props, { emit: __emit }) {
@@ -19,25 +57,24 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const updateInputValue = (value) => {
       inputValue.value = value;
       const date = parseDate(value);
-      if (date)
-        emit("update:model-value", date);
+      if (date) emit("update:model-value", date);
     };
     const formatModelValue = (value) => {
       inputValue.value = value ? dateFormat(value) : "";
     };
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$1, {
+      return openBlock(), createBlock(_sfc_main$1, mergeProps({
         ref_key: "inputComponent",
-        ref: inputComponent,
-        "model-value": inputValue.value,
-        title: _ctx.title,
-        "horizontal-align": unref(HorizontalAlign).RIGHT_INNER,
-        "content-max-height": 520,
-        "content-max-width": 480,
+        ref: inputComponent
+      }, {
+        ...props,
+        modelValue: inputValue.value
+      }, {
+        class: _ctx.$attrs.class,
         "onUpdate:modelValue": updateInputValue,
         onClose: _cache[2] || (_cache[2] = ($event) => formatModelValue(_ctx.modelValue)),
         "onKeypress:enter": _cache[3] || (_cache[3] = ($event) => inputComponent.value?.blur())
-      }, {
+      }), createSlots({
         content: withCtx(() => [
           createElementVNode("div", {
             class: "sm:p-6 sm:w-[28rem] sm-not:w-screen sm-not:px-3",
@@ -54,8 +91,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }, null, 8, ["model-value", "title"])
           ], 32)
         ]),
-        _: 1
-      }, 8, ["model-value", "title", "horizontal-align"]);
+        _: 2
+      }, [
+        _ctx.$slots.title ? {
+          name: "title",
+          fn: withCtx(() => [
+            renderSlot(_ctx.$slots, "title")
+          ]),
+          key: "0"
+        } : void 0,
+        _ctx.$slots.subtitle ? {
+          name: "subtitle",
+          fn: withCtx(() => [
+            renderSlot(_ctx.$slots, "subtitle")
+          ]),
+          key: "1"
+        } : void 0
+      ]), 1040, ["class"]);
     };
   }
 });

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

@@ -1,145 +1,38 @@
-import { type Component } from 'vue';
+import { InputOptionsProps } from './types';
+
 declare const _default: <Type extends InputType = "text", Option extends Record<string, any> & {
     id: number;
 } = Record<string, any> & {
     id: number;
-}>(__VLS_props: {
-    type?: Type | undefined;
-    required?: boolean | undefined;
-    title?: string | undefined;
-    icon?: SVGComponent | undefined;
-    disabled?: boolean | undefined;
-    loading?: boolean | undefined;
-    valueGetter: (option: Option) => Type extends "number" ? number : string;
-    modelValue: Type extends "number" ? number : string;
-    readonly?: boolean | undefined;
-    skeleton?: boolean | undefined;
-    description?: string | undefined;
-    placeholder?: string | undefined;
-    errorMessage?: string | undefined;
-    hasChanges?: boolean | undefined;
-    mono?: boolean | undefined;
-    noMargin?: boolean | undefined;
-    mobileTitle?: string | undefined;
-    emptyStub?: string | undefined;
-    "onUpdate:model-value"?: ((value: Type extends "number" ? number : string) => any) | undefined;
-    options: Option[];
-    maxSearchLength?: number | undefined;
-    optionComponent?: Component<{
-        option: Option;
-        selected?: boolean | undefined;
-        model?: boolean | undefined;
-    }> | undefined;
-    disableClear?: boolean | undefined;
-    searchSize?: number | undefined;
-} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, __VLS_ctx?: {
-    attrs: any;
-    slots: {
-        right?(_: {}): any;
-        option?(_: {
-            option: Option;
-            selected: boolean;
-            model: boolean;
-        }): any;
-    };
-    emit: (e: 'update:model-value', value: Type extends "number" ? number : string) => void;
-} | undefined, __VLS_expose?: ((exposed: import("vue").ShallowUnwrapRef<{
-    focus: () => void;
-    blur: () => void;
-}>) => void) | undefined, __VLS_setup?: Promise<{
-    props: {
-        type?: Type | undefined;
-        required?: boolean | undefined;
-        title?: string | undefined;
-        icon?: SVGComponent | undefined;
-        disabled?: boolean | undefined;
-        loading?: boolean | undefined;
-        valueGetter: (option: Option) => Type extends "number" ? number : string;
-        modelValue: Type extends "number" ? number : string;
-        readonly?: boolean | undefined;
-        skeleton?: boolean | undefined;
-        description?: string | undefined;
-        placeholder?: string | undefined;
-        errorMessage?: string | undefined;
-        hasChanges?: boolean | undefined;
-        mono?: boolean | undefined;
-        noMargin?: boolean | undefined;
-        mobileTitle?: string | undefined;
-        emptyStub?: string | undefined;
+}>(__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:model-value"?: ((value: Type extends "number" ? number : string) => any) | undefined;
-        options: Option[];
-        maxSearchLength?: number | undefined;
-        optionComponent?: Component<{
-            option: Option;
-            selected?: boolean | undefined;
-            model?: boolean | undefined;
-        }> | undefined;
-        disableClear?: boolean | undefined;
-        searchSize?: number | undefined;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
-    expose(exposed: import("vue").ShallowUnwrapRef<{
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{}>> & {
+        "onUpdate:model-value"?: ((value: Type extends "number" ? number : string) => any) | undefined;
+    }, never>, "onUpdate:model-value"> & InputOptionsProps<Type, Option>> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{
         focus: () => void;
         blur: () => void;
     }>): void;
     attrs: any;
-    slots: {
+    slots: ReturnType<() => {
+        title?(_: {}): any;
+        subtitle?(_: {}): any;
         right?(_: {}): any;
         option?(_: {
             option: Option;
             selected: boolean;
             model: boolean;
         }): any;
-    };
-    emit: (e: 'update:model-value', value: Type extends "number" ? number : string) => void;
-}>) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    }>;
+    emit: ((e: "update:model-value", value: Type extends "number" ? number : string) => void) & {};
+}>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
     [key: string]: any;
 }> & {
-    __ctx?: {
-        props: {
-            type?: Type | undefined;
-            required?: boolean | undefined;
-            title?: string | undefined;
-            icon?: SVGComponent | undefined;
-            disabled?: boolean | undefined;
-            loading?: boolean | undefined;
-            valueGetter: (option: Option) => Type extends "number" ? number : string;
-            modelValue: Type extends "number" ? number : string;
-            readonly?: boolean | undefined;
-            skeleton?: boolean | undefined;
-            description?: string | undefined;
-            placeholder?: string | undefined;
-            errorMessage?: string | undefined;
-            hasChanges?: boolean | undefined;
-            mono?: boolean | undefined;
-            noMargin?: boolean | undefined;
-            mobileTitle?: string | undefined;
-            emptyStub?: string | undefined;
-            "onUpdate:model-value"?: ((value: Type extends "number" ? number : string) => any) | undefined;
-            options: Option[];
-            maxSearchLength?: number | undefined;
-            optionComponent?: Component<{
-                option: Option;
-                selected?: boolean | undefined;
-                model?: boolean | undefined;
-            }> | undefined;
-            disableClear?: boolean | undefined;
-            searchSize?: number | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
-        expose(exposed: import("vue").ShallowUnwrapRef<{
-            focus: () => void;
-            blur: () => void;
-        }>): void;
-        attrs: any;
-        slots: {
-            right?(_: {}): any;
-            option?(_: {
-                option: Option;
-                selected: boolean;
-                model: boolean;
-            }): any;
-        };
-        emit: (e: 'update:model-value', value: Type extends "number" ? number : string) => void;
-    } | undefined;
+    __ctx?: Awaited<typeof __VLS_setup>;
 };
 export default _default;
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
 //# sourceMappingURL=WInputOptions.vue.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"WInputOptions.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Input/WInputOptions.vue"],"names":[],"mappings":"AAiFA;AAEA,OAAO,EAAwC,KAAK,SAAS,EAAC,MAAM,KAAK,CAAA;;QAMmB,MAAM;;QAA+B,MAAM;;WA4W9H,IAAI,GAAG,SAAS;;;;;;0BAFD,MAAM;;;;;;;;;;;;;aADnB,MAAM,EAAE;;;gBASoB,MAAM;;;;;;;WAoBtC,GAAG;;uBA/DkB,GAAG;;;;;YACF,GAAG;;cArS1B,oBAAoB,qDAAsB,IAAI;;;;OAkWmB,IAAI;;eAzBlE,IAAI,GAAG,SAAS;;;;;;8BAFD,MAAM;;;;;;;;;;;;;iBADnB,MAAM,EAAE;;;oBASoB,MAAM;;;;;;;;;;SAmB0B,IAAI;WACpE,GAAG;;uBA/DkB,GAAG;;;;;YACF,GAAG;;cArS1B,oBAAoB,qDAAsB,IAAI;;;;;;mBAyU3C,IAAI,GAAG,SAAS;;;;;;kCAFD,MAAM;;;;;;;;;;;;;qBADnB,MAAM,EAAE;;;wBASoB,MAAM;;;;;;;;;;aAmB0B,IAAI;eACpE,GAAG;;2BA/DkB,GAAG;;;;;gBACF,GAAG;;kBArS1B,oBAAoB,qDAAsB,IAAI;;;AAnCpD,wBA2Y2E"}
+{"version":3,"file":"WInputOptions.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Input/WInputOptions.vue"],"names":[],"mappings":"AA0MA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAA;yBAG7B,IAAI,SAAS,SAAS,WAAW,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG;IAAC,EAAE,EAAE,MAAM,CAAA;CAAC;QAA8B,MAAM;gBACzH,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;WAgZxD,cAAc,CAAC;;;;wEAAyD,CAAC,4BAA2B;oBAC3F,OAAO,KAAK,EAAE,gBAAgB;;;MAAsB,GAAG,IAAI;WACpE,GAAG;WACH,UAAU;uBAvCQ,GAAG;0BACA,GAAG;uBACN,GAAG;;;;;YACF,GAAG;MAoCW;UAClC,KA3YH,oBAAoB,qDAAsB,IAAI,MA2YT;;;;YAGC,OAAO,CAAC,OAAO,WAAW,CAAC;;AA1ZvE,wBA0Z4E;AAM5E,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}