eco-vue-js 0.11.57 → 0.11.58

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

@@ -214,17 +214,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const blur = () => inputRef.value?.blur();
     const onPaste = async (e) => {
       if (props.loading || isDisabled.value || isReadonly.value || props.unclickable) return;
-      let text = e.clipboardData?.getData("text/plain");
-      if (!text) {
-        try {
-          await checkPermissionPaste();
-          text = await navigator.clipboard.readText();
-        } catch {
-          Notify.error({ title: "Clipboard API not available" });
-          return;
-        }
-      }
-      text = text.replace(/\r\n?/g, "\n");
+      const text = e.clipboardData?.getData("text/plain").replace(/\r\n?/g, "\n") ?? "";
       if (!text) {
         fieldWrapperRef.value?.showMessage("Nothing to paste");
         return;
@@ -309,9 +299,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(_sfc_main$1, mergeProps({ ref: "fieldWrapper" }, props, {
         class: [_ctx.$attrs.class, {
-          "group/seamless": _ctx.seamless
+          "group/seamless": __props.seamless
         }],
-        onClick: _cache[9] || (_cache[9] = ($event) => _ctx.seamless && focus())
+        onClick: _cache[9] || (_cache[9] = ($event) => __props.seamless && focus())
       }), createSlots({ _: 2 }, [
         _ctx.$slots.title ? {
           name: "title",
@@ -320,7 +310,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ]),
           key: "0"
         } : void 0,
-        _ctx.$slots.subtitle && _ctx.unclickable !== false ? {
+        _ctx.$slots.subtitle && __props.unclickable !== false ? {
           name: "subtitle",
           fn: withCtx(() => [
             renderSlot(_ctx.$slots, "subtitle")
@@ -332,25 +322,25 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           fn: withCtx(() => [
             createElementVNode("div", {
               class: normalizeClass(["flex max-w-full gap-1", {
-                "flex-wrap": !_ctx.seamless,
-                "overflow-hidden": _ctx.seamless,
-                "w-full": _ctx.textarea
+                "flex-wrap": !__props.seamless,
+                "overflow-hidden": __props.seamless,
+                "w-full": __props.textarea
               }])
             }, [
               renderSlot(_ctx.$slots, "prefix"),
-              !_ctx.hideInput ? (openBlock(), createElementBlock("div", {
+              !__props.hideInput ? (openBlock(), createElementBlock("div", {
                 key: 0,
                 class: normalizeClass([{
-                  "font-mono": _ctx.mono,
-                  "text-secure": _ctx.textSecure && !isSecureVisible.value && _ctx.modelValue,
-                  "h-[--w-textarea-height,10rem] min-h-[--w-textarea-height,10rem] w-full overflow-auto overscroll-contain whitespace-pre": _ctx.textarea,
-                  "resize-y": _ctx.resize && _ctx.textarea,
-                  "resize-none": !_ctx.resize && _ctx.textarea,
-                  "border-b border-solid border-gray-300 dark:border-gray-700": _ctx.textarea
+                  "font-mono": __props.mono,
+                  "text-secure": __props.textSecure && !isSecureVisible.value && __props.modelValue,
+                  "h-[--w-textarea-height,10rem] min-h-[--w-textarea-height,10rem] w-full overflow-auto overscroll-contain whitespace-pre": __props.textarea,
+                  "resize-y": __props.resize && __props.textarea,
+                  "resize-none": !__props.resize && __props.textarea,
+                  "border-b border-solid border-gray-300 dark:border-gray-700": __props.textarea
                 }, "overflow-x-auto overscroll-x-contain"])
               }, [
-                renderSlot(_ctx.$slots, "before", normalizeProps(guardReactiveProps({ modelValue: _ctx.modelValue }))),
-                createTextVNode(toDisplayString(_ctx.modelValue || _ctx.emptyValue), 1)
+                renderSlot(_ctx.$slots, "before", normalizeProps(guardReactiveProps({ modelValue: __props.modelValue }))),
+                createTextVNode(toDisplayString(__props.modelValue || __props.emptyValue), 1)
               ], 2)) : createCommentVNode("", true)
             ], 2)
           ]),
@@ -360,23 +350,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           fn: withCtx(({ id, setFocused, focused }) => [
             createElementVNode("div", {
               class: normalizeClass(["relative isolate grid min-h-[--w-input-min-height,var(--w-input-height,2.75rem)] grid-cols-[auto,1fr,auto] overflow-hidden rounded-[--w-input-rounded,0.75rem] border border-solid", {
-                "focus-within:border-primary dark:focus-within:border-primary-dark focus-within:outline-primary/20 dark:focus-within:outline-primary-dark/20 focus-within:outline focus-within:outline-2": !unref(isDisabled) && !unref(isReadonly) && !_ctx.unclickable,
+                "focus-within:border-primary dark:focus-within:border-primary-dark focus-within:outline-primary/20 dark:focus-within:outline-primary-dark/20 focus-within:outline focus-within:outline-2": !unref(isDisabled) && !unref(isReadonly) && !__props.unclickable,
                 "cursor-text": !unref(isDisabled),
-                "border-negative dark:border-negative-dark": _ctx.errorMessage,
+                "border-negative dark:border-negative-dark": __props.errorMessage,
                 "border-gray-300 dark:border-gray-700": !unref(isDisabled),
                 "border-gray-300/50 dark:border-gray-700/50": unref(isDisabled),
-                "border-opacity-0 group-hover/seamless:border-opacity-100 dark:border-opacity-0 dark:group-hover/seamless:border-opacity-100": _ctx.seamless && !focused,
-                "bg-[--w-input-bg,inherit]": !_ctx.seamless || focused
+                "border-opacity-0 group-hover/seamless:border-opacity-100 dark:border-opacity-0 dark:group-hover/seamless:border-opacity-100": __props.seamless && !focused,
+                "bg-[--w-input-bg,inherit]": !__props.seamless || focused
               }]),
               onClick: focus
             }, [
-              !unref(isDisabled) && !unref(isReadonly) && _ctx.textarea && (_ctx.rich || _ctx.toolbarActions || _ctx.$slots.toolbar) ? (openBlock(), createBlock(unref(InputToolbar), {
+              !unref(isDisabled) && !unref(isReadonly) && __props.textarea && (__props.rich || __props.toolbarActions || _ctx.$slots.toolbar) ? (openBlock(), createBlock(unref(InputToolbar), {
                 key: 0,
-                list: _ctx.toolbarActions,
-                rich: _ctx.rich === true,
+                list: __props.toolbarActions,
+                rich: __props.rich === true,
                 "is-undo": historyPosition.value > 0,
                 "is-redo": historyPosition.value < history.value.length - 1,
-                "text-secure": _ctx.textSecure ?? false,
+                "text-secure": __props.textSecure ?? false,
                 onWrapSelection: wrapSelection,
                 onUndo: undo,
                 onRedo: redo
@@ -386,71 +376,71 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 ]),
                 _: 3
               }, 8, ["list", "rich", "is-undo", "is-redo", "text-secure"])) : createCommentVNode("", true),
-              _ctx.icon ? (openBlock(), createElementBlock("div", {
+              __props.icon ? (openBlock(), createElementBlock("div", {
                 key: 1,
                 class: normalizeClass(["flex h-full w-[--w-input-height,2.75rem] select-none items-center justify-center", {
                   "text-description": !focused,
                   "text-primary dark:text-primary-dark": focused
                 }])
               }, [
-                (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon), { class: "square-[1.125em]" }))
+                (openBlock(), createBlock(resolveDynamicComponent(__props.icon), { class: "square-[1.125em]" }))
               ], 2)) : createCommentVNode("", true),
               createElementVNode("div", {
                 ref: "content",
                 class: normalizeClass(["group/input col-start-2 grid grid-cols-1", {
                   "py-[--w-input-gap,0.25rem] first:pl-[--w-input-gap,0.25rem] last:pr-[--w-input-gap,0.25rem]": _ctx.$slots.prefix,
-                  "no-scrollbar overflow-x-auto overscroll-x-contain": _ctx.noWrap && !(_ctx.seamless && !focused),
-                  "overflow-hidden": _ctx.seamless && !focused
+                  "no-scrollbar overflow-x-auto overscroll-x-contain": __props.noWrap && !(__props.seamless && !focused),
+                  "overflow-hidden": __props.seamless && !focused
                 }])
               }, [
                 createElementVNode("div", {
                   class: normalizeClass(["w-skeleton-w-32 flex gap-[--w-input-gap,0.25rem]", {
-                    "[&:not(:has(.w-option-has-bg))]:-px--w-option-padding": !_ctx.icon && !_ctx.textarea,
-                    "flex-wrap": !_ctx.noWrap && !_ctx.seamless,
-                    "w-full min-w-max": !_ctx.textarea && _ctx.noWrap
+                    "[&:not(:has(.w-option-has-bg))]:-px--w-option-padding": !__props.icon && !__props.textarea,
+                    "flex-wrap": !__props.noWrap && !__props.seamless,
+                    "w-full min-w-max": !__props.textarea && __props.noWrap
                   }])
                 }, [
-                  renderSlot(_ctx.$slots, "prefix", normalizeProps(guardReactiveProps({ modelValue: _ctx.modelValue }))),
+                  renderSlot(_ctx.$slots, "prefix", normalizeProps(guardReactiveProps({ modelValue: __props.modelValue }))),
                   createElementVNode("div", {
                     class: normalizeClass(["flex-1 font-normal", {
-                      "w-full": !_ctx.hideInput && !_ctx.$slots.prefix,
+                      "w-full": !__props.hideInput && !_ctx.$slots.prefix,
                       "w-option-has-bg-input": _ctx.$slots.prefix,
-                      "resize-y": _ctx.resize && _ctx.textarea,
-                      "resize-none": !_ctx.resize && _ctx.textarea,
-                      "h-[calc(var(--w-input-height,2.75rem)-2px)]": !_ctx.textarea && !_ctx.$slots.suffix,
-                      "w-option min-w-40": !_ctx.textarea && _ctx.$slots.prefix && !_ctx.hideInput,
-                      "font-mono": _ctx.mono,
+                      "resize-y": __props.resize && __props.textarea,
+                      "resize-none": !__props.resize && __props.textarea,
+                      "h-[calc(var(--w-input-height,2.75rem)-2px)]": !__props.textarea && !_ctx.$slots.suffix,
+                      "w-option min-w-40": !__props.textarea && _ctx.$slots.prefix && !__props.hideInput,
+                      "font-mono": __props.mono,
                       "text-black-default dark:text-gray-200": !unref(isDisabled),
                       "text-black-default/50 dark:text-gray-200/50": unref(isDisabled),
-                      "-p--w-option-padding h-[--w-textarea-height,10rem] min-h-[--w-textarea-height,10rem] w-full overflow-auto overscroll-contain": _ctx.textarea,
-                      "absolute": _ctx.hideInput
+                      "-p--w-option-padding h-[--w-textarea-height,10rem] min-h-[--w-textarea-height,10rem] w-full overflow-auto overscroll-contain": __props.textarea,
+                      "absolute": __props.hideInput
                     }])
                   }, [
                     createElementVNode("div", _hoisted_1, [
-                      renderSlot(_ctx.$slots, "before", normalizeProps(guardReactiveProps({ modelValue: _ctx.modelValue }))),
-                      _ctx.placeholder && _ctx.textarea && !_ctx.modelValue && !_ctx.textParts?.length ? (openBlock(), createElementBlock("div", _hoisted_2, toDisplayString(_ctx.placeholder), 1)) : createCommentVNode("", true),
-                      (openBlock(), createBlock(resolveDynamicComponent(_ctx.textarea ? unref(ContentEditable) : "input"), {
+                      renderSlot(_ctx.$slots, "before", normalizeProps(guardReactiveProps({ modelValue: __props.modelValue }))),
+                      __props.placeholder && __props.textarea && !__props.modelValue && !__props.textParts?.length ? (openBlock(), createElementBlock("div", _hoisted_2, toDisplayString(__props.placeholder), 1)) : createCommentVNode("", true),
+                      (openBlock(), createBlock(resolveDynamicComponent(__props.textarea ? unref(ContentEditable) : "input"), {
                         id,
                         ref: "input",
                         class: normalizeClass(["w-input sm-not:text-base min-h-full flex-1 basis-auto appearance-none border-none bg-[inherit] outline-0 placeholder:text-gray-400 disabled:cursor-not-allowed dark:placeholder:text-gray-500", {
-                          "w-0 max-w-0": _ctx.hideInput,
-                          "text-secure": _ctx.textSecure && !isSecureVisible.value,
-                          "[-webkit-text-fill-color:transparent]": _ctx.textTransparent
+                          "w-0 max-w-0": __props.hideInput,
+                          "text-secure": __props.textSecure && !isSecureVisible.value,
+                          "[-webkit-text-fill-color:transparent]": __props.textTransparent
                         }]),
-                        value: _ctx.placeholderSecure && _ctx.modelValue === void 0 && !focused ? "******" : _ctx.modelValue,
-                        placeholder: _ctx.placeholder,
-                        type: _ctx.type ?? "text",
-                        name: _ctx.name,
+                        value: __props.placeholderSecure && __props.modelValue === void 0 && !focused ? "******" : __props.modelValue,
+                        placeholder: __props.placeholder,
+                        type: __props.type ?? "text",
+                        name: __props.name,
                         disabled: unref(isDisabled),
-                        readonly: unref(isReadonly) || _ctx.unclickable,
-                        autocomplete: _ctx.autocomplete,
-                        size: _ctx.size || void 0,
-                        step: _ctx.step,
-                        min: _ctx.min,
-                        max: _ctx.max,
-                        spellcheck: _ctx.spellcheck ? "true" : "false",
-                        "max-length": _ctx.maxLength,
-                        "text-parts": _ctx.textParts,
+                        readonly: unref(isReadonly) || __props.unclickable,
+                        autocomplete: __props.autocomplete,
+                        size: __props.size || void 0,
+                        step: __props.step,
+                        min: __props.min,
+                        max: __props.max,
+                        spellcheck: __props.spellcheck ? "true" : "false",
+                        "max-length": __props.maxLength,
+                        "text-parts": __props.textParts,
                         onInput: handleInputEvent,
                         onKeypress: _cache[0] || (_cache[0] = withKeys(withModifiers(($event) => !unref(isDisabled) && !unref(isReadonly) && _ctx.$emit("keypress:enter", $event), ["exact"]), ["enter"])),
                         onKeydown: [
@@ -465,13 +455,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         onFocus: ($event) => {
                           _ctx.$emit("focus", $event);
                           setFocused(true);
-                          _ctx.seamless && nextTick(scrollToInput);
+                          __props.seamless && nextTick(scrollToInput);
                         },
                         onBlur: ($event) => {
                           _ctx.$emit("blur", $event);
                           setFocused(false);
                           isSecureVisible.value = false;
-                          unref(contentRef)?.scrollTo({ left: 0 });
+                          contentRef.value?.scrollTo({ left: 0 });
                         },
                         onClick: _cache[4] || (_cache[4] = ($event) => _ctx.$emit("click", $event)),
                         onMousedown: _cache[5] || (_cache[5] = withModifiers(($event) => _ctx.$emit("mousedown", $event), ["stop"])),
@@ -484,17 +474,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   ], 2)
                 ], 2)
               ], 2),
-              !_ctx.seamless || focused ? (openBlock(), createBlock(_sfc_main$2, {
+              !__props.seamless || focused ? (openBlock(), createBlock(_sfc_main$2, {
                 key: 2,
-                "model-value": _ctx.modelValue,
-                loading: _ctx.loading,
-                "allow-clear": _ctx.allowClear && _ctx.modelValue !== "",
-                disabled: unref(isDisabled) || _ctx.disabledActions,
-                readonly: unref(isReadonly) || _ctx.unclickable === true,
-                "text-secure": _ctx.textSecure,
+                "model-value": __props.modelValue,
+                loading: __props.loading,
+                "allow-clear": __props.allowClear && __props.modelValue !== "",
+                disabled: unref(isDisabled) || __props.disabledActions,
+                readonly: unref(isReadonly) || __props.unclickable === true,
+                "text-secure": __props.textSecure,
                 "is-secure-visible": isSecureVisible.value,
-                "allow-paste": _ctx.allowPaste,
-                "allow-copy": _ctx.allowCopy,
+                "allow-paste": __props.allowPaste,
+                "allow-copy": __props.allowCopy,
                 focused,
                 "onClick:clear": clearValue,
                 "onShow:secure": _cache[7] || (_cache[7] = ($event) => {

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

@@ -10,10 +10,10 @@ declare const _default: <Type extends InputType = "text">(__VLS_props: NonNullab
         subtitle?(_: {}): any;
         right?(_: {}): any;
         prefix?(_: {
-            modelValue: string | undefined;
+            modelValue: (Type extends "number" ? number : string) | undefined;
         }): any;
         before?(_: {
-            modelValue: string | undefined;
+            modelValue: (Type extends "number" ? number : string) | undefined;
         }): any;
     };
     emit: (e: "update:model-value", value: (Type extends "number" ? number : string) | undefined) => void;

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

@@ -159,10 +159,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createBlock(_sfc_main$1, mergeProps({ 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,
+        disabledActions: !focused.value && !hasChangesValue.value || __props.disabledActions,
+        errorMessage: errorMessageValue.value ?? __props.errorMessage,
+        hasChanges: __props.hasChanges || hasChangesValue.value,
+        allowClear: !__props.textarea || __props.allowClear,
         loading: void 0
       }, {
         class: _ctx.$attrs.class,
@@ -211,42 +211,42 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ]),
           key: "4"
         } : void 0,
-        !_ctx.skeleton && _ctx.textSecure && focused.value ? {
+        !__props.skeleton && __props.textSecure && focused.value ? {
           name: "bottom",
           fn: withCtx(() => [
             createElementVNode("div", _hoisted_1, [
               createVNode(_sfc_main$2, {
                 "semantic-type": unref(SemanticType).SECONDARY,
-                disabled: _ctx.disabled || _ctx.loading,
+                disabled: __props.disabled || __props.loading,
                 class: "basis-32",
                 onMousedown: _cache[0] || (_cache[0] = withModifiers(() => {
                 }, ["prevent"])),
                 onClick: cancel
               }, {
-                default: withCtx(() => _cache[5] || (_cache[5] = [
-                  createTextVNode(" Cancel ")
-                ])),
+                default: withCtx(() => [..._cache[5] || (_cache[5] = [
+                  createTextVNode(" Cancel ", -1)
+                ])]),
                 _: 1
               }, 8, ["semantic-type", "disabled"]),
               createVNode(_sfc_main$2, {
                 "semantic-type": unref(SemanticType).PRIMARY,
-                loading: _ctx.loading,
-                disabled: _ctx.disabled,
+                loading: __props.loading,
+                disabled: __props.disabled,
                 class: "basis-32",
                 onMousedown: _cache[1] || (_cache[1] = withModifiers(() => {
                 }, ["prevent"])),
                 onClick: save
               }, {
-                default: withCtx(() => _cache[6] || (_cache[6] = [
-                  createTextVNode(" Save ")
-                ])),
+                default: withCtx(() => [..._cache[6] || (_cache[6] = [
+                  createTextVNode(" Save ", -1)
+                ])]),
                 _: 1
               }, 8, ["semantic-type", "loading", "disabled"])
             ])
           ]),
           key: "5"
         } : void 0,
-        _ctx.debounce && !_ctx.hideDebounce ? {
+        __props.debounce && !__props.hideDebounce ? {
           name: "inner",
           fn: withCtx(() => [
             createElementVNode("div", _hoisted_2, [
@@ -271,7 +271,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   timeout.value ? (openBlock(), createElementBlock("div", {
                     key: timeout.value.toString(),
                     class: "bg-primary dark:bg-primary-dark relative h-full rounded-sm",
-                    style: normalizeStyle({ "--debounce-duration": _ctx.debounce + "ms" })
+                    style: normalizeStyle({ "--debounce-duration": __props.debounce + "ms" })
                   }, null, 4)) : createCommentVNode("", true)
                 ]),
                 _: 1

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

@@ -1,4 +1,4 @@
-import { defineComponent, useTemplateRef, ref, watch, createBlock, openBlock, mergeProps, unref, createSlots, withCtx, createElementVNode, withModifiers, createVNode, renderSlot } from 'vue';
+import { defineComponent, useTemplateRef, ref, watch, createBlock, openBlock, mergeProps, createSlots, withCtx, createElementVNode, withModifiers, createVNode, renderSlot } from 'vue';
 import _sfc_main$2 from '../DatePicker/WDatePickerSingle.vue.js';
 import _sfc_main$1 from './WInputSuggest.vue.js';
 import { HorizontalAlign } from '../../utils/HorizontalAlign.js';
@@ -103,8 +103,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }, {
         class: _ctx.$attrs.class,
         "onUpdate:modelValue": updateInputValue,
-        onClose: _cache[2] || (_cache[2] = ($event) => formatModelValue(_ctx.modelValue)),
-        "onKeypress:enter": _cache[3] || (_cache[3] = ($event) => unref(inputComponentRef)?.blur())
+        onClose: _cache[2] || (_cache[2] = ($event) => formatModelValue(__props.modelValue)),
+        "onKeypress:enter": _cache[3] || (_cache[3] = ($event) => inputComponentRef.value?.blur())
       }), createSlots({
         content: withCtx(() => [
           createElementVNode("div", {
@@ -113,10 +113,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }, ["prevent"]))
           }, [
             createVNode(_sfc_main$2, {
-              "model-value": _ctx.modelValue,
-              title: _ctx.title,
-              "min-date": _ctx.minDate,
-              "max-date": _ctx.maxDate,
+              "model-value": __props.modelValue,
+              title: __props.title,
+              "min-date": __props.minDate,
+              "max-date": __props.maxDate,
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => {
                 _ctx.$emit("update:model-value", $event);
                 formatModelValue($event);

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

@@ -158,15 +158,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         onBlur: _cache[2] || (_cache[2] = ($event) => focused.value = false)
       }), createSlots({
         content: withCtx(() => [
-          !_ctx.options.length ? (openBlock(), createElementBlock("div", _hoisted_1, [
-            createElementVNode("div", _hoisted_2, toDisplayString(_ctx.emptyStub ?? "No suggestion"), 1)
+          !__props.options.length ? (openBlock(), createElementBlock("div", _hoisted_1, [
+            createElementVNode("div", _hoisted_2, toDisplayString(__props.emptyStub ?? "No suggestion"), 1)
           ])) : createCommentVNode("", true),
-          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options, (option, index) => {
+          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (option, index) => {
             return openBlock(), createBlock(_sfc_main$2, {
               key: option.id,
-              "is-selected": _ctx.modelValue === _ctx.valueGetter(option),
+              "is-selected": __props.modelValue === __props.valueGetter(option),
               "is-cursor": index === cursor.value,
-              loading: loadingOptionIndex.value === index && _ctx.loading,
+              loading: loadingOptionIndex.value === index && __props.loading,
               scroll: isCursorLocked.value,
               class: "first:pt-4 last:pb-4",
               onSelect: ($event) => {
@@ -181,7 +181,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   selected,
                   model: false
                 }, () => [
-                  (openBlock(), createBlock(resolveDynamicComponent(_ctx.optionComponent), {
+                  (openBlock(), createBlock(resolveDynamicComponent(__props.optionComponent), {
                     option,
                     selected,
                     model: false

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

@@ -1,7 +1,18 @@
 import { InputSuggestProps, WrapSelection } from './types';
 import { VNode } from 'vue';
 declare const _default: <Type extends InputType = "text">(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_PrettifyLocal<any & InputSuggestProps<Type> & Partial<{}>> & import('vue').PublicProps;
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
+        readonly onClose?: (() => any) | undefined;
+        readonly onBlur?: ((value: FocusEvent) => any) | undefined;
+        readonly onFocus?: ((value: FocusEvent | undefined) => any) | undefined;
+        readonly onOpen?: (() => any) | undefined;
+        readonly "onUpdate:model-value"?: ((event: Type extends "number" ? number : string) => any) | undefined;
+        readonly "onClick:clear"?: (() => any) | undefined;
+        readonly "onKeypress:enter"?: ((event: KeyboardEvent) => any) | undefined;
+        readonly "onKeypress:up"?: ((event: KeyboardEvent) => any) | undefined;
+        readonly "onKeypress:down"?: ((event: KeyboardEvent) => any) | undefined;
+        readonly "onKeypress:delete"?: ((event: KeyboardEvent) => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onFocus" | "onBlur" | "onClose" | "onUpdate:model-value" | "onClick:clear" | "onKeypress:enter" | "onKeypress:up" | "onKeypress:down" | "onKeypress:delete" | "onOpen"> & InputSuggestProps<Type> & Partial<{}>> & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{
         focus: () => void;
         blur: () => void | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"WInputSuggest.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/WInputSuggest.vue"],"names":[],"mappings":"AAwIA;AAsPA,OAAO,KAAK,EAAC,iBAAiB,EAAE,aAAa,EAAC,MAAM,SAAS,CAAA;AAE7D,OAAO,EAAC,KAAK,KAAK,EAAgC,MAAM,KAAK,CAAA;yBAgB5C,IAAI,SAAS,SAAS,GAAG,MAAM,EAC/C,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WA2bO,mBAAmB,CAAC,2CAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB;;;;;;+BA5XjB,aAAa;+BACb,MAAM,aAAa,MAAM;;MA2Xc,GAAG,IAAI;WACpE,GAAG;;gBAjWD,MAAM,IAAI;iBACT,MAAM,IAAI;mBACR,MAAM,IAAI;kBACX,MAAM,IAAI;iBACX,CAAC,KAAK,EAAE;YAAC,WAAW,CAAC,EAAE,OAAO,GAAG,IAAI,CAAA;SAAC,KAAK,IAAI;gBAChD,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI;kBACpC,CAAC,KAAK,EAAE;YAAC,OAAO,EAAE,OAAO,CAAC;YAAC,IAAI,EAAE,MAAM,IAAI,CAAC;YAAC,KAAK,EAAE,MAAM,IAAI,CAAA;SAAC,KAAK,KAAK,EAAE;;gBAN7E,MAAM,IAAI;iBACT,MAAM,IAAI;mBACR,MAAM,IAAI;kBACX,MAAM,IAAI;iBACX,CAAC,KAAK,EAAE;YAAC,WAAW,CAAC,EAAE,OAAO,GAAG,IAAI,CAAA;SAAC,KAAK,IAAI;gBAChD,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI;kBACpC,CAAC,KAAK,EAAE;YAAC,OAAO,EAAE,OAAO,CAAC;YAAC,IAAI,EAAE,MAAM,IAAI,CAAC;YAAC,KAAK,EAAE,MAAM,IAAI,CAAA;SAAC,KAAK,KAAK,EAAE;;;YA/EjF,oBAAoB,mDAAsB,IAAI;YAC9C,gBAAgB,SAAS,aAAa,GAAG,IAAI;YAC7C,aAAa,SAAS,aAAa,GAAG,IAAI;YAC1C,eAAe,SAAS,aAAa,GAAG,IAAI;YAC5C,iBAAiB,SAAS,aAAa,GAAG,IAAI;YAC9C,MAAM,GAAG,IAAI;YACb,OAAO,GAAG,IAAI;YACd,aAAa,GAAG,IAAI;YACpB,OAAO,SAAS,UAAU,GAAG,SAAS,GAAG,IAAI;YAC7C,MAAM,SAAS,UAAU,GAAG,IAAI;;EAqalC,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AAtczE,wBAsc4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"WInputSuggest.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/WInputSuggest.vue"],"names":[],"mappings":"AAwIA;AAsPA,OAAO,KAAK,EAAC,iBAAiB,EAAE,aAAa,EAAC,MAAM,SAAS,CAAA;AAE7D,OAAO,EAAC,KAAK,KAAK,EAAgC,MAAM,KAAK,CAAA;yBAgB5C,IAAI,SAAS,SAAS,GAAG,MAAM,EAC/C,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WA2bO,mBAAmB,CAAC;;;;;;;;;;;qUAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB;;;;;;+BA5XjB,aAAa;+BACb,MAAM,aAAa,MAAM;;MA2Xc,GAAG,IAAI;WACpE,GAAG;;gBAjWD,MAAM,IAAI;iBACT,MAAM,IAAI;mBACR,MAAM,IAAI;kBACX,MAAM,IAAI;iBACX,CAAC,KAAK,EAAE;YAAC,WAAW,CAAC,EAAE,OAAO,GAAG,IAAI,CAAA;SAAC,KAAK,IAAI;gBAChD,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI;kBACpC,CAAC,KAAK,EAAE;YAAC,OAAO,EAAE,OAAO,CAAC;YAAC,IAAI,EAAE,MAAM,IAAI,CAAC;YAAC,KAAK,EAAE,MAAM,IAAI,CAAA;SAAC,KAAK,KAAK,EAAE;;gBAN7E,MAAM,IAAI;iBACT,MAAM,IAAI;mBACR,MAAM,IAAI;kBACX,MAAM,IAAI;iBACX,CAAC,KAAK,EAAE;YAAC,WAAW,CAAC,EAAE,OAAO,GAAG,IAAI,CAAA;SAAC,KAAK,IAAI;gBAChD,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI;kBACpC,CAAC,KAAK,EAAE;YAAC,OAAO,EAAE,OAAO,CAAC;YAAC,IAAI,EAAE,MAAM,IAAI,CAAC;YAAC,KAAK,EAAE,MAAM,IAAI,CAAA;SAAC,KAAK,KAAK,EAAE;;;YA/EjF,oBAAoB,mDAAsB,IAAI;YAC9C,gBAAgB,SAAS,aAAa,GAAG,IAAI;YAC7C,aAAa,SAAS,aAAa,GAAG,IAAI;YAC1C,eAAe,SAAS,aAAa,GAAG,IAAI;YAC5C,iBAAiB,SAAS,aAAa,GAAG,IAAI;YAC9C,MAAM,GAAG,IAAI;YACb,OAAO,GAAG,IAAI;YACd,aAAa,GAAG,IAAI;YACpB,OAAO,SAAS,UAAU,GAAG,SAAS,GAAG,IAAI;YAC7C,MAAM,SAAS,UAAU,GAAG,IAAI;;EAqalC,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AAtczE,wBAsc4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

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

@@ -115,32 +115,32 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       getCaret
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(resolveDynamicComponent(_ctx.static ? InputSuggestStatic : unref(isMobile) ? _sfc_main$1 : _sfc_main$2), mergeProps({ ref: "dropdownMenu" }, _ctx.static ? void 0 : unref(isMobile) ? {
+      return openBlock(), createBlock(resolveDynamicComponent(__props.static ? InputSuggestStatic : unref(isMobile) ? _sfc_main$1 : _sfc_main$2), mergeProps({ ref: "dropdownMenu" }, __props.static ? void 0 : unref(isMobile) ? {
         isOpen: isOpen.value,
         onClose: close
       } : {
         isOpen: isOpen.value,
-        horizontalAlign: _ctx.horizontalAlign,
+        horizontalAlign: __props.horizontalAlign,
         updateAlign: true,
-        parentElement: unref(inputRef)?.fieldRef,
-        dropdownClass: _ctx.dropdownClass
+        parentElement: inputRef.value?.fieldRef,
+        dropdownClass: __props.dropdownClass
       }), createSlots({
         toggle: withCtx((toggleScope) => [
           createVNode(_sfc_main$3, mergeProps({ ref: "input" }, {
             ...props,
             ..._ctx.$attrs,
-            title: toggleScope?.unclickable === false ? _ctx.mobileTitle ?? _ctx.title : _ctx.title,
+            title: toggleScope?.unclickable === false ? __props.mobileTitle ?? __props.title : __props.title,
             unclickable: toggleScope?.unclickable,
-            description: toggleScope?.unclickable === false ? void 0 : _ctx.description,
+            description: toggleScope?.unclickable === false ? void 0 : __props.description,
             seamless: toggleScope?.unclickable === false ? false : props.seamless,
-            topText: _ctx.topText || isOpen.value && !toggleScope?.isTop
+            topText: __props.topText || isOpen.value && !toggleScope?.isTop
           }, {
             class: {
               "cursor-pointer": !unref(isDisabled) && !unref(isReadonly),
               "cursor-not-allowed": unref(isDisabled) && !unref(isReadonly),
               "mb-3": unref(isMobile) && !toggleScope?.unclickable
             },
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => !_ctx.loading && _ctx.$emit("update:model-value", $event)),
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => !__props.loading && _ctx.$emit("update:model-value", $event)),
             "onKeypress:enter": _cache[1] || (_cache[1] = ($event) => _ctx.$emit("keypress:enter", $event)),
             "onKeypress:up": _cache[2] || (_cache[2] = ($event) => _ctx.$emit("keypress:up", $event)),
             "onKeypress:down": _cache[3] || (_cache[3] = ($event) => _ctx.$emit("keypress:down", $event)),
@@ -151,14 +151,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               focused.value = true;
             },
             onBlur: ($event) => {
-              !unref(isMobile) && !_ctx.persist && close();
+              !unref(isMobile) && !__props.persist && close();
               !toggleScope?.unclickable && _ctx.$emit("blur", $event);
               focused.value = false;
             },
             onClick: ($event) => unref(isMobile) && toggleScope?.unclickable && open(),
             "onClick:clear": _cache[5] || (_cache[5] = ($event) => {
               _ctx.$emit("click:clear");
-              _ctx.closeOnClear && close();
+              __props.closeOnClear && close();
             })
           }), createSlots({
             prefix: withCtx(() => [
@@ -178,8 +178,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     class: normalizeClass(["square-3 text-description transition-transform", { "rotate-180": isOpen.value }])
                   }, null, 8, ["class"])
                 ]),
-                _: 2
-              }, 1032, ["expanded", "onClick"])) : createCommentVNode("", true)
+                _: 1
+              }, 8, ["expanded", "onClick"])) : createCommentVNode("", true)
             ]),
             _: 2
           }, [
@@ -204,10 +204,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ]),
               key: "2"
             } : void 0,
-            _ctx.$slots.bottom || _ctx.static && _ctx.$slots.content ? {
+            _ctx.$slots.bottom || __props.static && _ctx.$slots.content ? {
               name: "bottom",
               fn: withCtx(() => [
-                _ctx.static ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                __props.static ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
                   _cache[6] || (_cache[6] = createElementVNode("div", { class: "pb-4" }, null, -1)),
                   renderSlot(_ctx.$slots, "content", normalizeProps(guardReactiveProps({ focused: focused.value, focus, blur })))
                 ], 64)) : createCommentVNode("", true),
@@ -226,7 +226,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ]),
         _: 2
       }, [
-        !_ctx.static ? {
+        !__props.static ? {
           name: "content",
           fn: withCtx((contentScope) => [
             createVNode(_sfc_main$5, {
@@ -234,14 +234,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               class: normalizeClass(["bg-default dark:bg-default-dark w-full", {
                 "pb-[50vh]": unref(isMobile),
                 "max-h-[inherit] overflow-auto overscroll-contain rounded-xl shadow-md dark:border dark:border-solid dark:border-gray-800": !unref(isMobile),
-                "mt-5": "isTop" in contentScope && contentScope.isTop === false && (_ctx.errorMessage || _ctx.maxLength)
+                "mt-5": "isTop" in contentScope && contentScope.isTop === false && (__props.errorMessage || __props.maxLength)
               }])
             }, {
               default: withCtx(() => [
                 _ctx.$slots.content ? renderSlot(_ctx.$slots, "content", normalizeProps(mergeProps({ key: 0 }, { focused: focused.value, focus, blur }))) : createCommentVNode("", true)
               ]),
-              _: 2
-            }, 1032, ["parent", "class"])
+              _: 3
+            }, 8, ["parent", "class"])
           ]),
           key: "0"
         } : void 0

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

@@ -35,20 +35,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }, 500);
     };
     return (_ctx, _cache) => {
-      return Array.isArray(_ctx.value) ? (openBlock(), createBlock(_sfc_main$1, {
+      return Array.isArray(__props.value) ? (openBlock(), createBlock(_sfc_main$1, {
         key: 0,
-        "is-open": !_ctx.disabled && isOpen.value,
+        "is-open": !__props.disabled && isOpen.value,
         "horizontal-align": unref(HorizontalAlign).CENTER,
         top: ""
       }, {
         toggle: withCtx(() => [
           createVNode(_sfc_main$2, {
-            title: _ctx.title,
-            icon: _ctx.icon,
-            tooltip: _ctx.tooltip,
-            disabled: _ctx.disabled,
+            title: __props.title,
+            icon: __props.icon,
+            tooltip: __props.tooltip,
+            disabled: __props.disabled,
             active: isOpen.value,
-            label: _ctx.label,
+            label: __props.label,
             onMouseenter: enter,
             onMouseleave: leave
           }, null, 8, ["title", "icon", "tooltip", "disabled", "active", "label"])
@@ -61,12 +61,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             onMousedown: _cache[0] || (_cache[0] = withModifiers(() => {
             }, ["prevent"]))
           }, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.value, (item, index) => {
+            (openBlock(true), createElementBlock(Fragment, null, renderList(__props.value, (item, index) => {
               return openBlock(), createBlock(_sfc_main$2, {
                 key: index,
                 icon: item.icon,
                 title: item.title,
-                disabled: _ctx.disabled,
+                disabled: __props.disabled,
                 tooltip: void 0,
                 label: item.label,
                 onClick: ($event) => _ctx.$emit("click", index)
@@ -77,11 +77,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         _: 1
       }, 8, ["is-open", "horizontal-align"])) : (openBlock(), createBlock(_sfc_main$2, {
         key: 1,
-        title: _ctx.title,
-        icon: _ctx.icon,
-        tooltip: _ctx.tooltip,
-        disabled: _ctx.disabled,
-        label: _ctx.label,
+        title: __props.title,
+        icon: __props.icon,
+        tooltip: __props.tooltip,
+        disabled: __props.disabled,
+        label: __props.label,
         onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("click", void 0))
       }, null, 8, ["title", "icon", "tooltip", "disabled", "label"]));
     };