@volverjs/ui-vue 0.0.10-beta.35 → 0.0.10-beta.36

package/dist/components/VvInputText/VvInputText.es.js

@@ -270,7 +270,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     const props = __props;
     const hasRotate = computed(() => {
       if (typeof props.rotate === "string") {
-        return parseFloat(props.rotate);
+        return Number.parseFloat(props.rotate);
       }
       return props.rotate;
     });
@@ -356,6 +356,201 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
+function useComponentIcon(icon, iconPosition) {
+  const hasIcon = computed(() => {
+    if (typeof (icon == null ? void 0 : icon.value) === "string") {
+      return { name: icon == null ? void 0 : icon.value };
+    }
+    return icon == null ? void 0 : icon.value;
+  });
+  const hasIconBefore = computed(
+    () => (iconPosition == null ? void 0 : iconPosition.value) === Position.before ? hasIcon.value : void 0
+  );
+  const hasIconAfter = computed(
+    () => (iconPosition == null ? void 0 : iconPosition.value) === Position.after ? hasIcon.value : void 0
+  );
+  const hasIconLeft = computed(
+    () => (iconPosition == null ? void 0 : iconPosition.value) === Side.left ? hasIcon.value : void 0
+  );
+  const hasIconRight = computed(
+    () => (iconPosition == null ? void 0 : iconPosition.value) === Side.right ? hasIcon.value : void 0
+  );
+  const hasIconTop = computed(
+    () => (iconPosition == null ? void 0 : iconPosition.value) === Side.top ? hasIcon.value : void 0
+  );
+  const hasIconBottom = computed(
+    () => (iconPosition == null ? void 0 : iconPosition.value) === Side.bottom ? hasIcon.value : void 0
+  );
+  return {
+    hasIcon,
+    hasIconLeft,
+    hasIconRight,
+    hasIconTop,
+    hasIconBottom,
+    hasIconBefore,
+    hasIconAfter
+  };
+}
+const VvInputPasswordAction = defineComponent({
+  components: {
+    VvIcon: _sfc_main$4
+  },
+  props: {
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    labelShow: {
+      type: String,
+      default: "Show password"
+    },
+    labelHide: {
+      type: String,
+      default: "Hide password"
+    },
+    iconShow: {
+      type: [String, Object],
+      default: ACTION_ICONS.showPassword
+    },
+    iconHide: {
+      type: [String, Object],
+      default: ACTION_ICONS.hidePassword
+    }
+  },
+  emits: ["toggle-password"],
+  setup(props, { emit }) {
+    const active = ref(false);
+    const activeIcon = computed(
+      () => active.value ? props.iconHide : props.iconShow
+    );
+    const { hasIcon } = useComponentIcon(activeIcon);
+    function onClick(e) {
+      e == null ? void 0 : e.stopPropagation();
+      if (!props.disabled) {
+        active.value = !active.value;
+        emit("toggle-password", active.value);
+      }
+    }
+    return {
+      active,
+      activeIcon,
+      hasIcon,
+      onClick
+    };
+  },
+  render() {
+    const icon = this.hasIcon ? h(_sfc_main$4, {
+      ...this.hasIcon,
+      class: "vv-input-text__icon"
+    }) : void 0;
+    return h(
+      "button",
+      {
+        disabled: this.disabled,
+        class: "vv-input-text__action",
+        ariaLabel: this.active ? this.labelHide : this.labelShow,
+        type: "button",
+        onClick: this.onClick
+      },
+      icon
+    );
+  }
+});
+const VvInputStepAction = defineComponent({
+  components: {
+    VvIcon: _sfc_main$4
+  },
+  props: {
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    label: {
+      type: String
+    },
+    mode: {
+      type: String,
+      validator: (v) => ["up", "down"].includes(v),
+      default: "up"
+    }
+  },
+  emits: ["step-up", "step-down"],
+  setup(props, { emit }) {
+    const isUp = computed(() => props.mode === "up");
+    const onClick = (e) => {
+      e == null ? void 0 : e.stopPropagation();
+      if (!props.disabled) {
+        emit(isUp.value ? "step-up" : "step-down");
+      }
+    };
+    return {
+      isUp,
+      onClick
+    };
+  },
+  render() {
+    return h("button", {
+      class: [
+        "vv-input-text__action vv-input-text__action-chevron",
+        this.isUp && "vv-input-text__action-chevron-up"
+      ],
+      disabled: this.disabled,
+      ariaLabel: this.label,
+      type: "button",
+      onClick: this.onClick
+    });
+  }
+});
+const VvInputClearAction = defineComponent({
+  components: {
+    VvIcon: _sfc_main$4
+  },
+  props: {
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    label: {
+      type: String,
+      default: "Clear"
+    },
+    icon: {
+      type: [String, Object],
+      default: "close"
+    }
+  },
+  emits: ["clear"],
+  setup(props, { emit }) {
+    const { hasIcon } = useComponentIcon(computed(() => props.icon));
+    function onClick(e) {
+      e == null ? void 0 : e.stopPropagation();
+      if (!props.disabled) {
+        emit("clear");
+      }
+    }
+    return {
+      hasIcon,
+      onClick
+    };
+  },
+  render() {
+    const icon = this.hasIcon ? h(_sfc_main$4, {
+      ...this.hasIcon,
+      class: "vv-input-text__icon"
+    }) : void 0;
+    return h(
+      "button",
+      {
+        disabled: this.disabled,
+        class: "vv-input-text__action",
+        ariaLabel: this.label,
+        type: "button",
+        onClick: this.onClick
+      },
+      icon
+    );
+  }
+});
 const LinkProps = {
   /**
    * The router-link/nuxt-link property, if it is defined the button is rendered as a ruouter-link or nuxt-link.
@@ -973,201 +1168,6 @@ const VvInputTextProps = {
     default: 5
   }
 };
-function useComponentIcon(icon, iconPosition) {
-  const hasIcon = computed(() => {
-    if (typeof (icon == null ? void 0 : icon.value) === "string") {
-      return { name: icon == null ? void 0 : icon.value };
-    }
-    return icon == null ? void 0 : icon.value;
-  });
-  const hasIconBefore = computed(
-    () => (iconPosition == null ? void 0 : iconPosition.value) === Position.before ? hasIcon.value : void 0
-  );
-  const hasIconAfter = computed(
-    () => (iconPosition == null ? void 0 : iconPosition.value) === Position.after ? hasIcon.value : void 0
-  );
-  const hasIconLeft = computed(
-    () => (iconPosition == null ? void 0 : iconPosition.value) === Side.left ? hasIcon.value : void 0
-  );
-  const hasIconRight = computed(
-    () => (iconPosition == null ? void 0 : iconPosition.value) === Side.right ? hasIcon.value : void 0
-  );
-  const hasIconTop = computed(
-    () => (iconPosition == null ? void 0 : iconPosition.value) === Side.top ? hasIcon.value : void 0
-  );
-  const hasIconBottom = computed(
-    () => (iconPosition == null ? void 0 : iconPosition.value) === Side.bottom ? hasIcon.value : void 0
-  );
-  return {
-    hasIcon,
-    hasIconLeft,
-    hasIconRight,
-    hasIconTop,
-    hasIconBottom,
-    hasIconBefore,
-    hasIconAfter
-  };
-}
-const VvInputPasswordAction = defineComponent({
-  components: {
-    VvIcon: _sfc_main$4
-  },
-  props: {
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    labelShow: {
-      type: String,
-      default: "Show password"
-    },
-    labelHide: {
-      type: String,
-      default: "Hide password"
-    },
-    iconShow: {
-      type: [String, Object],
-      default: ACTION_ICONS.showPassword
-    },
-    iconHide: {
-      type: [String, Object],
-      default: ACTION_ICONS.hidePassword
-    }
-  },
-  emits: ["toggle-password"],
-  setup(props, { emit }) {
-    const active = ref(false);
-    const activeIcon = computed(
-      () => active.value ? props.iconHide : props.iconShow
-    );
-    const { hasIcon } = useComponentIcon(activeIcon);
-    function onClick(e) {
-      e == null ? void 0 : e.stopPropagation();
-      if (!props.disabled) {
-        active.value = !active.value;
-        emit("toggle-password", active.value);
-      }
-    }
-    return {
-      active,
-      activeIcon,
-      hasIcon,
-      onClick
-    };
-  },
-  render() {
-    const icon = this.hasIcon ? h(_sfc_main$4, {
-      ...this.hasIcon,
-      class: "vv-input-text__icon"
-    }) : void 0;
-    return h(
-      "button",
-      {
-        disabled: this.disabled,
-        class: "vv-input-text__action",
-        ariaLabel: this.active ? this.labelHide : this.labelShow,
-        type: "button",
-        onClick: this.onClick
-      },
-      icon
-    );
-  }
-});
-const VvInputStepAction = defineComponent({
-  components: {
-    VvIcon: _sfc_main$4
-  },
-  props: {
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    label: {
-      type: String
-    },
-    mode: {
-      type: String,
-      validator: (v) => ["up", "down"].includes(v),
-      default: "up"
-    }
-  },
-  emits: ["step-up", "step-down"],
-  setup(props, { emit }) {
-    const isUp = computed(() => props.mode === "up");
-    const onClick = (e) => {
-      e == null ? void 0 : e.stopPropagation();
-      if (!props.disabled) {
-        emit(isUp.value ? "step-up" : "step-down");
-      }
-    };
-    return {
-      isUp,
-      onClick
-    };
-  },
-  render() {
-    return h("button", {
-      class: [
-        "vv-input-text__action vv-input-text__action-chevron",
-        this.isUp && "vv-input-text__action-chevron-up"
-      ],
-      disabled: this.disabled,
-      ariaLabel: this.label,
-      type: "button",
-      onClick: this.onClick
-    });
-  }
-});
-const VvInputClearAction = defineComponent({
-  components: {
-    VvIcon: _sfc_main$4
-  },
-  props: {
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    label: {
-      type: String,
-      default: "Clear"
-    },
-    icon: {
-      type: [String, Object],
-      default: "close"
-    }
-  },
-  emits: ["clear"],
-  setup(props, { emit }) {
-    const { hasIcon } = useComponentIcon(computed(() => props.icon));
-    function onClick(e) {
-      e == null ? void 0 : e.stopPropagation();
-      if (!props.disabled) {
-        emit("clear");
-      }
-    }
-    return {
-      hasIcon,
-      onClick
-    };
-  },
-  render() {
-    const icon = this.hasIcon ? h(_sfc_main$4, {
-      ...this.hasIcon,
-      class: "vv-input-text__icon"
-    }) : void 0;
-    return h(
-      "button",
-      {
-        disabled: this.disabled,
-        class: "vv-input-text__action",
-        ariaLabel: this.label,
-        type: "button",
-        onClick: this.onClick
-      },
-      icon
-    );
-  }
-});
 function VvInputTextActionsFactory(type, parentProps) {
   return {
     name: "VvInputTextActions",
@@ -1297,7 +1297,9 @@ const VvDropdownOptionProps = {
     default: false
   }
 };
-const useUniqueId = (id) => computed(() => String((id == null ? void 0 : id.value) || uid()));
+function useUniqueId(id) {
+  return computed(() => String((id == null ? void 0 : id.value) || uid()));
+}
 function useProvideDropdownTrigger({
   reference,
   id,
@@ -1357,6 +1359,8 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   props: VvDropdownProps,
   emits: [
     "update:modelValue",
+    "beforeEnter",
+    "afterLeave",
     "beforeExpand",
     "beforeCollapse",
     "afterExpand",
@@ -1364,11 +1368,11 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     "before-enter",
     "after-leave",
     "enter",
-    "after-enter",
-    "enter-cancelled",
-    "before-leave",
+    "afterEnter",
+    "enterCancelled",
+    "beforeLeave",
     "leave",
-    "leave-cancelled"
+    "leaveCancelled"
   ],
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
@@ -1527,18 +1531,18 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
         modelValue.value = newValue;
       }
     });
-    const show = () => {
+    function show() {
       expanded.value = true;
-    };
-    const hide = () => {
+    }
+    function hide() {
       expanded.value = false;
-    };
-    const toggle = () => {
+    }
+    function toggle() {
       expanded.value = !expanded.value;
-    };
-    const init = (el) => {
+    }
+    function init(el) {
       referenceEl.value = el;
-    };
+    }
     __expose({
       toggle,
       show,
@@ -1606,7 +1610,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
         (el) => !el.hasAttribute("disabled") && !el.getAttribute("aria-hidden")
       );
     }
-    const focusNext = () => {
+    function focusNext() {
       nextTick(() => {
         if (focused.value) {
           const focusableElements = getKeyboardFocusableElements(
@@ -1629,8 +1633,8 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
           }
         }
       });
-    };
-    const focusPrev = () => {
+    }
+    function focusPrev() {
       nextTick(() => {
         if (focused.value) {
           const focusableElements = getKeyboardFocusableElements(
@@ -1653,7 +1657,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
           }
         }
       });
-    };
+    }
     const hovered = useElementHover(floatingEl);
     const { itemRole } = useProvideDropdownItem({
       role,
@@ -1688,29 +1692,29 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     const dropdownTransitionHandlers = {
       "before-enter": () => {
         emit(expanded.value ? "beforeExpand" : "beforeCollapse");
-        emit("before-enter");
+        emit("beforeEnter");
       },
       "after-leave": () => {
         emit(expanded.value ? "afterExpand" : "afterCollapse");
-        emit("after-leave");
+        emit("afterLeave");
       },
-      enter: () => {
+      "enter": () => {
         emit("enter");
       },
       "after-enter": () => {
-        emit("after-enter");
+        emit("afterEnter");
       },
       "enter-cancelled": () => {
-        emit("enter-cancelled");
+        emit("enterCancelled");
       },
       "before-leave": () => {
-        emit("before-leave");
+        emit("beforeLeave");
       },
-      leave: () => {
+      "leave": () => {
         emit("leave");
       },
       "leave-cancelled": () => {
-        emit("leave-cancelled");
+        emit("leaveCancelled");
       }
     };
     return (_ctx, _cache) => {
@@ -1936,7 +1940,7 @@ function useDebouncedInput(modelValue, emit, ms = 0, {
 } = {}) {
   let timeout;
   if (typeof ms === "string") {
-    ms = parseInt(ms);
+    ms = Number.parseInt(ms);
   }
   return computed({
     get: () => getter(modelValue == null ? void 0 : modelValue.value),
@@ -1993,7 +1997,7 @@ function useTextCount(text, options) {
     formatted
   };
 }
-const usePersistence = (storageKey, storageType = StorageType.local, defaultValue) => {
+function usePersistence(storageKey, storageType = StorageType.local, defaultValue) {
   const localValue = ref();
   if (defaultValue) {
     localValue.value = defaultValue;
@@ -2052,7 +2056,7 @@ const usePersistence = (storageKey, storageType = StorageType.local, defaultValu
       localValue.value = value;
     }
   });
-};
+}
 const _hoisted_1 = ["for"];
 const _hoisted_2 = {
   key: 0,
@@ -2090,24 +2094,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       props
     );
     const {
-      id,
+      count,
+      debounce,
       icon,
       iconPosition,
       iconRemoveSuggestion,
-      label,
-      modelValue,
-      count,
-      valid,
+      id,
       invalid,
+      label,
       loading,
-      debounce,
       maxlength,
       minlength,
-      type,
-      iMask,
+      modelValue,
       step,
       storageKey,
-      storageType
+      storageType,
+      type,
+      valid
     } = toRefs(props);
     const hasId = useUniqueId(id);
     const hasHintId = computed(() => `${hasId.value}-hint`);
@@ -2123,7 +2126,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const maskReady = ref(false);
     const { el, mask, typed, masked, unmasked } = useIMask(
       computed(
-        () => (iMask == null ? void 0 : iMask.value) ?? {
+        () => props.iMask ?? {
           mask: /./
         }
       ),
@@ -2169,7 +2172,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             if (!(date instanceof Date)) {
               date = new Date(date);
             }
-            localModelValue.value = `${date.getFullYear()}-${("0" + (date.getMonth() + 1)).slice(-2)}-${("0" + date.getDate()).slice(-2)}`;
+            localModelValue.value = `${date.getFullYear()}-${`0${date.getMonth() + 1}`.slice(-2)}-${`0${date.getDate()}`.slice(-2)}`;
             return;
           }
           if (type.value === INPUT_TYPES.DATETIME_LOCAL) {
@@ -2188,7 +2191,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             if (!(typed.value instanceof Date)) {
               date = new Date(date);
             }
-            localModelValue.value = `${date.getFullYear()}-${("0" + (date.getMonth() + 1)).slice(-2)}-${("0" + date.getDate()).slice(-2)}T${("0" + date.getHours()).slice(-2)}:${("0" + date.getMinutes()).slice(-2)}`;
+            localModelValue.value = `${date.getFullYear()}-${`0${date.getMonth() + 1}`.slice(-2)}-${`0${date.getDate()}`.slice(-2)}T${`0${date.getHours()}`.slice(-2)}:${`0${date.getMinutes()}`.slice(-2)}`;
             return;
           }
           if (!localModelValue.value && !unmasked.value) {
@@ -2198,25 +2201,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }
       }
     );
-    const updateMaskValue = (newValue) => {
+    function updateMaskValue(newValue) {
       var _a;
-      if (iMask == null ? void 0 : iMask.value) {
-        if (newValue === void 0) {
-          typed.value = "";
-          unmasked.value = "";
-          return;
-        }
-        if (((_a = iMask.value) == null ? void 0 : _a.mask) === Date) {
-          typed.value = new Date(newValue);
-          return;
-        }
-        if (type.value === INPUT_TYPES.NUMBER && NEGATIVE_ZERO_REGEX.test(unmasked.value) && newValue === 0) {
-          return;
-        }
-        typed.value = newValue;
-        unmasked.value = `${typed.value}`;
+      if (newValue === void 0) {
+        typed.value = "";
+        unmasked.value = "";
+        return;
       }
-    };
+      if (((_a = props.iMask) == null ? void 0 : _a.mask) === Date) {
+        typed.value = new Date(newValue);
+        return;
+      }
+      if (type.value === INPUT_TYPES.NUMBER && NEGATIVE_ZERO_REGEX.test(unmasked.value) && newValue === 0) {
+        return;
+      }
+      typed.value = newValue;
+      unmasked.value = `${typed.value}`;
+    }
     onMounted(() => {
       if (mask.value) {
         maskReady.value = true;
@@ -2277,37 +2278,37 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     const showPassword = ref(false);
     const isPassword = computed(() => props.type === INPUT_TYPES.PASSWORD);
-    const onTogglePassword = () => {
+    function onTogglePassword() {
       showPassword.value = !showPassword.value;
-    };
+    }
     const isDateTime = computed(
       () => props.type === INPUT_TYPES.TIME || props.type === INPUT_TYPES.DATETIME_LOCAL || props.type === INPUT_TYPES.DATE || props.type === INPUT_TYPES.WEEK || props.type === INPUT_TYPES.MONTH
     );
     const isNumber = computed(() => props.type === INPUT_TYPES.NUMBER);
-    const onStepUp = () => {
+    function onStepUp() {
       if (isClickable.value) {
-        if (iMask == null ? void 0 : iMask.value) {
+        if (props.iMask) {
           typed.value = typed.value + Number((step == null ? void 0 : step.value) ?? 1);
           return;
         }
         inputEl.value.stepUp();
         localModelValue.value = Number(unref(inputEl).value);
       }
-    };
-    const onStepDown = () => {
+    }
+    function onStepDown() {
       if (isClickable.value) {
-        if (iMask == null ? void 0 : iMask.value) {
+        if (props.iMask) {
           typed.value = typed.value - Number((step == null ? void 0 : step.value) ?? 1);
           return;
         }
         inputEl.value.stepDown();
         localModelValue.value = Number(unref(inputEl).value);
       }
-    };
+    }
     const isSearch = computed(() => props.type === INPUT_TYPES.SEARCH);
-    const onClear = () => {
+    function onClear() {
       localModelValue.value = "";
-    };
+    }
     const { hasIconBefore, hasIconAfter } = useComponentIcon(icon, iconPosition);
     const iconAfter = computed(() => {
       if (hasIconAfter.value !== void 0) {
@@ -2362,30 +2363,30 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const hasSuggestions = computed(
       () => (storageKey == null ? void 0 : storageKey.value) && suggestions.value && suggestions.value.size > 0
     );
-    const onSuggestionSelect = (suggestion) => {
+    function onSuggestionSelect(suggestion) {
       var _a;
       localModelValue.value = suggestion;
       (_a = dropdownEl.value) == null ? void 0 : _a.hide();
-    };
-    const onSuggestionRemove = (suggestion) => {
+    }
+    function onSuggestionRemove(suggestion) {
       var _a;
       (_a = suggestions.value) == null ? void 0 : _a.delete(suggestion);
-    };
+    }
     const { modifiers } = toRefs(props);
     const bemCssClasses = useModifiers(
       "vv-input-text",
       modifiers,
       computed(() => ({
-        valid: valid.value,
-        invalid: invalid.value,
-        loading: loading.value,
-        disabled: props.disabled,
-        readonly: props.readonly,
+        "valid": valid.value,
+        "invalid": invalid.value,
+        "loading": loading.value,
+        "disabled": props.disabled,
+        "readonly": props.readonly,
         "icon-before": !!hasIconBefore.value,
         "icon-after": !!iconAfter.value,
-        floating: props.floating && !isEmpty(props.label),
-        dirty: isDirty.value,
-        focus: isFocused.value,
+        "floating": props.floating && !isEmpty(props.label),
+        "dirty": isDirty.value,
+        "focus": isFocused.value,
         "auto-width": props.autoWidth
       }))
     );
@@ -2397,19 +2398,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         if (isDateTime.value && !isDirty.value && !focused.value) {
           return INPUT_TYPES.TEXT;
         }
-        if (iMask == null ? void 0 : iMask.value) {
+        if (props.iMask) {
           return INPUT_TYPES.TEXT;
         }
         return props.type;
       })();
       const toReturn = {
         type: type2,
-        name: props.name,
-        tabindex: hasTabindex.value,
-        disabled: props.disabled,
-        readonly: props.readonly,
-        required: props.required,
-        autocomplete: props.autocomplete,
+        "name": props.name,
+        "tabindex": hasTabindex.value,
+        "disabled": props.disabled,
+        "readonly": props.readonly,
+        "required": props.required,
+        "autocomplete": props.autocomplete,
         "aria-invalid": isInvalid.value,
         "aria-describedby": hasHintLabelOrSlot.value ? hasHintId.value : void 0,
         "aria-errormessage": hasInvalidLabelOrSlot.value ? hasHintId.value : void 0
@@ -2463,11 +2464,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       INPUT_TYPES.SEARCH,
       props
     );
-    const onClickInner = () => {
+    function onClickInner() {
       if (isClickable.value) {
         focused.value = true;
       }
-    };
+    }
     const hasStyle = computed(() => {
       if (!props.autoWidth) {
         return void 0;
@@ -2476,7 +2477,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         width: localModelValue.value !== void 0 ? `${String(localModelValue.value).length + 1}ch` : void 0
       };
     });
-    const onKeyDown = (event) => {
+    function onKeyDown(event) {
       switch (event.code) {
         case "ArrowUp":
           if (isNumber.value) {
@@ -2492,7 +2493,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           break;
       }
       emit("keydown", event);
-    };
+    }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(
         "div",