@volverjs/ui-vue 0.0.10 → 0.0.12

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

@@ -1,2790 +1,4 @@
-import { unref, computed, isRef, defineComponent, h, useId, Fragment, provide, ref, toRefs, useAttrs, onMounted, watch, createElementBlock, openBlock, createVNode, withCtx, renderSlot, normalizeProps, guardReactiveProps, Transition, mergeProps, toHandlers, withDirectives, createElementVNode, normalizeClass, normalizeStyle, createCommentVNode, vShow, nextTick, inject, createBlock, createTextVNode, toDisplayString, mergeDefaults, useSlots, withModifiers, createSlots, renderList } from "vue";
-import { useIMask } from "vue-imask";
-import { autoPlacement, flip, shift, size, offset, arrow, useFloating, autoUpdate } from "@floating-ui/vue";
-import { useMutationObserver, useVModel, onClickOutside, useFocusWithin, useElementHover, onKeyStroke, useFocus, useStorage, useElementVisibility } from "@vueuse/core";
-import mitt from "mitt";
-import { iconLoaded, Icon, addIcon } from "@iconify/vue";
-const padTwoDigits = (num) => num.toString().padStart(2, "0");
-function isDateIsoString(dateString) {
-  if (typeof dateString !== "string") {
-    return false;
-  }
-  if (!/^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}(?:\.\d{1,3})?(?:Z|[+-]\d{2}:?\d{2})?$/.test(dateString)) {
-    return false;
-  }
-  const d = new Date(dateString);
-  return !Number.isNaN(d.getTime()) && d.toISOString() === dateString;
-}
-function getInputValueFromDate(date, typeOfInput = "date", withSeconds) {
-  if (typeof date === "string") {
-    if (!isDateIsoString(date)) {
-      return "";
-    }
-  }
-  const currentDate = new Date(date);
-  if (Number.isNaN(currentDate.getTime())) {
-    return "";
-  }
-  let toReturn = `${currentDate.getFullYear()}-${padTwoDigits(currentDate.getMonth() + 1)}`;
-  if (typeOfInput === "month") {
-    return toReturn;
-  }
-  toReturn += `-${padTwoDigits(currentDate.getDate())}`;
-  if (typeOfInput === "date") {
-    return toReturn;
-  }
-  const time = withSeconds ? `${padTwoDigits(currentDate.getHours())}:${padTwoDigits(currentDate.getMinutes())}:${padTwoDigits(currentDate.getSeconds())}` : `${padTwoDigits(currentDate.getHours())}:${padTwoDigits(currentDate.getMinutes())}`;
-  if (typeOfInput === "time") {
-    return time;
-  }
-  return `${toReturn}T${time}`;
-}
-function getDateFromInputValue(value, typeOfInput = "date") {
-  if (!value?.trim()) {
-    return null;
-  }
-  const today = /* @__PURE__ */ new Date();
-  const currentYear = today.getFullYear();
-  const currentMonth = today.getMonth();
-  const currentDate = today.getDate();
-  if (typeOfInput === "date") {
-    if (!/^\d{4}-\d{2}-\d{2}$/.test(value)) {
-      throw new Error("Invalid date format. Expected: YYYY-MM-DD");
-    }
-    return /* @__PURE__ */ new Date(`${value}T00:00:00`);
-  }
-  if (typeOfInput === "month") {
-    if (!/^\d{4}-\d{2}$/.test(value)) {
-      throw new Error("Invalid month format. Expected: YYYY-MM");
-    }
-    return /* @__PURE__ */ new Date(`${value}-01T00:00:00`);
-  }
-  if (typeOfInput === "time") {
-    if (!/^(?:[01]\d|2[0-3]):[0-5]\d(?::[0-5]\d)?$/.test(value)) {
-      throw new Error("Invalid time format. Expected: HH:mm or HH:mm:ss");
-    }
-    if (value.length === 8) {
-      return /* @__PURE__ */ new Date(`${currentYear}-${padTwoDigits(currentMonth + 1)}-${padTwoDigits(currentDate)}T${value}`);
-    }
-    return /* @__PURE__ */ new Date(`${currentYear}-${padTwoDigits(currentMonth + 1)}-${padTwoDigits(currentDate)}T${value}:00`);
-  }
-  if (!/^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}(?::\d{2})?$/.test(value)) {
-    throw new Error("Invalid datetime format. Expected: YYYY-MM-DDThh:mm or YYYY-MM-DDThh:mm:ss");
-  }
-  if (value.length === 16) {
-    return /* @__PURE__ */ new Date(`${value}:00`);
-  }
-  return /* @__PURE__ */ new Date(`${value}`);
-}
-function isEmpty(value) {
-  return ((value2) => value2 === null || value2 === void 0 || value2 === "" || Array.isArray(value2) && value2.length === 0 || !(value2 instanceof Date) && typeof value2 === "object" && Object.keys(value2).length === 0)(unref(value));
-}
-function isString(value) {
-  return typeof value === "string";
-}
-function joinLines(items) {
-  if (Array.isArray(items)) {
-    return items.filter((item) => isString(item)).join(" ");
-  }
-  return items;
-}
-function HintSlotFactory(propsOrRef, slots) {
-  const props = computed(() => {
-    if (isRef(propsOrRef)) {
-      return propsOrRef.value;
-    }
-    return propsOrRef;
-  });
-  const invalidLabel = computed(() => joinLines(props.value.invalidLabel));
-  const validLabel = computed(() => joinLines(props.value.validLabel));
-  const loadingLabel = computed(() => props.value.loadingLabel);
-  const hintLabel = computed(() => props.value.hintLabel);
-  const hasLoadingLabelOrSlot = computed(
-    () => Boolean(props.value.loading && (slots.loading || loadingLabel.value))
-  );
-  const hasInvalidLabelOrSlot = computed(
-    () => !hasLoadingLabelOrSlot.value && Boolean(
-      props.value.invalid && (slots.invalid || invalidLabel.value)
-    )
-  );
-  const hasValidLabelOrSlot = computed(
-    () => !hasLoadingLabelOrSlot.value && !hasInvalidLabelOrSlot.value && Boolean(props.value.valid && (slots.valid || validLabel.value))
-  );
-  const hasHintLabelOrSlot = computed(
-    () => !hasLoadingLabelOrSlot.value && !hasInvalidLabelOrSlot.value && !hasValidLabelOrSlot.value && Boolean(slots.hint || hintLabel.value)
-  );
-  const isVisible = computed(
-    () => hasInvalidLabelOrSlot.value || hasValidLabelOrSlot.value || hasLoadingLabelOrSlot.value || hasHintLabelOrSlot.value
-  );
-  const hintSlotScope = computed(() => ({
-    modelValue: props.value.modelValue,
-    valid: props.value.valid,
-    invalid: props.value.invalid,
-    loading: props.value.loading
-  }));
-  const HintSlot = defineComponent({
-    name: "HintSlot",
-    props: {
-      tag: {
-        type: String,
-        default: "small"
-      }
-    },
-    setup() {
-      return {
-        isVisible,
-        invalidLabel,
-        validLabel,
-        loadingLabel,
-        hintLabel,
-        hasInvalidLabelOrSlot,
-        hasValidLabelOrSlot,
-        hasLoadingLabelOrSlot,
-        hasHintLabelOrSlot
-      };
-    },
-    render() {
-      if (this.isVisible) {
-        let role;
-        if (this.hasInvalidLabelOrSlot) {
-          role = "alert";
-        }
-        if (this.hasValidLabelOrSlot) {
-          role = "status";
-        }
-        if (this.hasLoadingLabelOrSlot) {
-          return h(
-            this.tag,
-            {
-              role
-            },
-            this.$slots.loading?.() ?? this.loadingLabel
-          );
-        }
-        if (this.hasInvalidLabelOrSlot) {
-          return h(
-            this.tag,
-            {
-              role
-            },
-            this.$slots.invalid?.() ?? this.$slots.invalid ?? this.invalidLabel
-          );
-        }
-        if (this.hasValidLabelOrSlot) {
-          return h(
-            this.tag,
-            {
-              role
-            },
-            this.$slots.valid?.() ?? this.validLabel
-          );
-        }
-        return h(
-          this.tag,
-          {
-            role
-          },
-          this.$slots.hint?.() ?? this.$slots.hint ?? this.hintLabel
-        );
-      }
-      return null;
-    }
-  });
-  return {
-    hasInvalidLabelOrSlot,
-    hasHintLabelOrSlot,
-    hasValidLabelOrSlot,
-    hasLoadingLabelOrSlot,
-    hintSlotScope,
-    HintSlot
-  };
-}
-var StorageType = /* @__PURE__ */ ((StorageType2) => {
-  StorageType2["local"] = "local";
-  StorageType2["session"] = "session";
-  return StorageType2;
-})(StorageType || {});
-var Strategy = /* @__PURE__ */ ((Strategy2) => {
-  Strategy2["absolute"] = "absolute";
-  Strategy2["fixed"] = "fixed";
-  return Strategy2;
-})(Strategy || {});
-var Side = /* @__PURE__ */ ((Side2) => {
-  Side2["left"] = "left";
-  Side2["right"] = "right";
-  Side2["top"] = "top";
-  Side2["bottom"] = "bottom";
-  return Side2;
-})(Side || {});
-var Placement = /* @__PURE__ */ ((Placement2) => {
-  Placement2["topStart"] = "top-start";
-  Placement2["topEnd"] = "top-end";
-  Placement2["bottomStart"] = "bottom-start";
-  Placement2["bottomEnd"] = "bottom-end";
-  Placement2["leftStart"] = "left-start";
-  Placement2["leftEnd"] = "left-end";
-  Placement2["rightStart"] = "right-start";
-  Placement2["rightEnd"] = "right-end";
-  return Placement2;
-})(Placement || {});
-var Position = /* @__PURE__ */ ((Position2) => {
-  Position2["before"] = "before";
-  Position2["after"] = "after";
-  return Position2;
-})(Position || {});
-var ButtonType = /* @__PURE__ */ ((ButtonType2) => {
-  ButtonType2["button"] = "button";
-  ButtonType2["submit"] = "submit";
-  ButtonType2["reset"] = "reset";
-  return ButtonType2;
-})(ButtonType || {});
-var ActionTag = /* @__PURE__ */ ((ActionTag2) => {
-  ActionTag2["nuxtLink"] = "nuxt-link";
-  ActionTag2["routerLink"] = "router-link";
-  ActionTag2["a"] = "a";
-  ActionTag2["button"] = "button";
-  return ActionTag2;
-})(ActionTag || {});
-var ActionRoles = /* @__PURE__ */ ((ActionRoles2) => {
-  ActionRoles2["button"] = "button";
-  ActionRoles2["link"] = "link";
-  ActionRoles2["menuitem"] = "menuitem";
-  return ActionRoles2;
-})(ActionRoles || {});
-var DropdownRole = /* @__PURE__ */ ((DropdownRole2) => {
-  DropdownRole2["listbox"] = "listbox";
-  DropdownRole2["menu"] = "menu";
-  return DropdownRole2;
-})(DropdownRole || {});
-var DropdownItemRole = /* @__PURE__ */ ((DropdownItemRole2) => {
-  DropdownItemRole2["option"] = "option";
-  DropdownItemRole2["presentation"] = "presentation";
-  return DropdownItemRole2;
-})(DropdownItemRole || {});
-const INJECTION_KEY_VOLVER = Symbol.for("volver");
-const INJECTION_KEY_DROPDOWN_TRIGGER = Symbol.for(
-  "dropdownTrigger"
-);
-const INJECTION_KEY_DROPDOWN_ITEM = Symbol.for(
-  "dropdownItem"
-);
-const INJECTION_KEY_DROPDOWN_ACTION = Symbol.for(
-  "dropdownAction"
-);
-const ACTION_ICONS = {
-  showPassword: "eye-on",
-  hidePassword: "eye-off",
-  showDatePicker: "calendar",
-  showTimePicker: "time",
-  showColorPicker: "color",
-  clear: "close",
-  remove: "trash"
-};
-const VvIconPropsDefaults = {
-  prefix: "normal"
-  /* normal */
-};
-const ValidProps = {
-  /**
-   * Valid status
-   */
-  valid: { type: Boolean, default: false },
-  /**
-   * Valid label
-   */
-  validLabel: { type: [String, Array], default: void 0 }
-};
-const InvalidProps = {
-  /**
-   * Invalid status
-   */
-  invalid: {
-    type: Boolean,
-    default: false
-  },
-  /**
-   * Invalid label
-   */
-  invalidLabel: { type: [String, Array], default: void 0 }
-};
-const LoadingProps = {
-  /**
-   * Loading status
-   */
-  loading: {
-    type: Boolean,
-    default: false
-  },
-  /**
-   * Loading label
-   */
-  loadingLabel: {
-    type: String,
-    default: "Loading..."
-  }
-};
-const DisabledProps = {
-  /**
-   * Whether the form control is disabled
-   */
-  disabled: {
-    type: Boolean,
-    default: false
-  }
-};
-const RequiredProps = {
-  /**
-   * Whether the form control is required
-   */
-  required: {
-    type: Boolean,
-    default: false
-  }
-};
-const SelectedProps = {
-  /**
-   * Whether the item is selected
-   */
-  selected: {
-    type: Boolean,
-    default: false
-  }
-};
-const LabelProps = {
-  /**
-   * The item label
-   */
-  label: {
-    type: [String, Number],
-    default: void 0
-  }
-};
-const ReadonlyProps = {
-  /**
-   * The value is not editable
-   */
-  readonly: {
-    type: Boolean,
-    default: false
-  }
-};
-const ModifiersProps = {
-  /**
-   * Component BEM modifiers
-   */
-  modifiers: {
-    type: [String, Array],
-    default: void 0
-  }
-};
-const HintProps = {
-  hintLabel: { type: String, default: "" }
-};
-const CountProps = {
-  /**
-   * Show character limit
-   */
-  count: {
-    type: [Boolean, String],
-    default: false,
-    validator: (value) => [true, false, "limit", "countdown"].includes(value)
-  }
-};
-const DebounceProps = {
-  /**
-   * Milliseconds to wait before emitting the input event
-   */
-  debounce: {
-    type: [Number, String],
-    default: void 0
-  }
-};
-const IconProps = {
-  /**
-   * VvIcon name or props
-   * @see VvIcon
-   */
-  icon: {
-    type: [String, Object],
-    default: void 0
-  },
-  /**
-   * VvIcon position
-   */
-  iconPosition: {
-    type: String,
-    default: Position.before,
-    validation: (value) => Object.values(Position).includes(value)
-  }
-};
-const TabindexProps = {
-  /**
-   * Global attribute tabindex
-   * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex
-   */
-  tabindex: { type: [String, Number], default: 0 }
-};
-const FloatingLabelProps = {
-  /**
-   * If true the label will be floating
-   */
-  floating: {
-    type: Boolean,
-    default: false
-  }
-};
-const UnselectableProps = {
-  /**
-   * If true the input will be unselectable
-   */
-  unselectable: { type: Boolean, default: true }
-};
-const IdProps = {
-  /**
-   * Global attribute id
-   * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id
-   */
-  id: [String, Number]
-};
-const DropdownProps = {
-  /**
-   * Dropdown placement
-   */
-  placement: {
-    type: String,
-    default: Side.bottom,
-    validator: (value) => Object.values(Side).includes(value) || Object.values(Placement).includes(value)
-  },
-  /**
-   * Dropdown strategy
-   */
-  strategy: {
-    type: String,
-    default: void 0,
-    validator: (value) => Object.values(Strategy).includes(value)
-  },
-  /**
-   * Dropdown show / hide transition name
-   */
-  transitionName: {
-    type: String,
-    default: void 0
-  },
-  /**
-   * Offset of the dropdown from the trigger
-   * @see https://floating-ui.com/docs/offset
-   */
-  offset: {
-    type: [Number, String, Object],
-    default: 0
-  },
-  /**
-   * Move dropdown to the side if there is no space in the default position
-   * @see https://floating-ui.com/docs/shift
-   */
-  shift: {
-    type: [Boolean, Object],
-    default: false
-  },
-  /**
-   * Flip dropdown position if there is no space in the default position
-   * @see https://floating-ui.com/docs/flip
-   */
-  flip: {
-    type: [Boolean, Object],
-    default: true
-  },
-  /**
-   * Size of the dropdown
-   * @see https://floating-ui.com/docs/size
-   */
-  size: {
-    type: [Boolean, Object],
-    default: () => ({ padding: 10 })
-  },
-  /**
-   * Automatically change the position of the dropdown
-   * @see https://floating-ui.com/docs/autoPlacement
-   */
-  autoPlacement: {
-    type: [Boolean, Object],
-    default: false
-  },
-  /**
-   * Add arrow to the dropdown
-   * @see https://floating-ui.com/docs/arrow
-   */
-  arrow: {
-    type: Boolean,
-    default: false
-  },
-  /**
-   * Keep open dropdown on click outside
-   */
-  keepOpen: {
-    type: Boolean,
-    default: false
-  },
-  /**
-   * Autofocus first item on dropdown open
-   */
-  autofocusFirst: {
-    type: Boolean,
-    default: true
-  },
-  /**
-   * Set dropdown width to the same as the trigger
-   */
-  triggerWidth: {
-    type: Boolean,
-    default: false
-  }
-};
-const IdNameProps = {
-  ...IdProps,
-  /**
-   * Input / Textarea name
-   * Name of the form control. Submitted with the form as part of a name/value pair
-   * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#name
-   */
-  name: { type: String, required: true }
-};
-const AutofocusProps = {
-  /**
-   * Global attribute autofocus
-   * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus
-   */
-  autofocus: {
-    type: Boolean,
-    default: false
-  }
-};
-const AutocompleteProps = {
-  /**
-   * Global attribute autocomplete
-   * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete
-   */
-  autocomplete: { type: String, default: "off" }
-};
-const InputTextareaProps = {
-  ...IdNameProps,
-  ...AutofocusProps,
-  ...AutocompleteProps,
-  ...TabindexProps,
-  ...DisabledProps,
-  ...ReadonlyProps,
-  ...ValidProps,
-  ...InvalidProps,
-  ...HintProps,
-  ...LoadingProps,
-  ...ModifiersProps,
-  ...CountProps,
-  ...DebounceProps,
-  ...IconProps,
-  ...FloatingLabelProps,
-  ...LabelProps,
-  /**
-   * Input / Textarea minlength
-   * Minimum length (number of characters) of value
-   * Available for input types: text, search, url, tel, email, password
-   * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#minlength
-   */
-  minlength: { type: [String, Number], default: void 0 },
-  /**
-   * Input / Textarea maxlength
-   * Maximum length (number of characters) of value
-   * Available for input types: text, search, url, tel, email, password
-   * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#maxlength
-   */
-  maxlength: { type: [String, Number], default: void 0 },
-  /**
-   * Input / Textarea placeholder
-   * Text that appears in the form control when it has no value set
-   * Available for input types: text, search, url, tel, email, password, number
-   * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#placeholder
-   */
-  placeholder: {
-    type: String,
-    default: void 0
-  },
-  /**
-   * Input / Textarea required
-   * A value is required or must be check for the form to be submittable
-   * Available for all input types except color
-   * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#required
-   */
-  ...RequiredProps
-};
-({
-  /**
-   * Button type
-   */
-  type: {
-    default: ButtonType.button
-  },
-  /**
-   * Default tag for the action
-   */
-  defaultTag: {
-    default: ActionTag.button
-  }
-});
-const StorageProps = {
-  storageType: {
-    type: String,
-    default: StorageType.local,
-    validator: (value) => Object.values(StorageType).includes(value)
-  },
-  storageKey: String
-};
-const VvDropdownProps = {
-  ...IdProps,
-  ...DropdownProps,
-  ...ModifiersProps,
-  /**
-   * Show / hide dropdown programmatically
-   */
-  modelValue: {
-    type: Boolean,
-    default: void 0
-  },
-  /**
-   * Dropdown trigger element
-   */
-  reference: {
-    type: Object,
-    default: null
-  },
-  /**
-   * Dropdown role
-   */
-  role: {
-    type: String,
-    default: DropdownRole.menu,
-    validator: (value) => Object.values(DropdownRole).includes(value)
-  }
-};
-const VvDropdownItemProps = {
-  focusOnHover: {
-    type: Boolean,
-    default: false
-  }
-};
-const VvDropdownOptionProps = {
-  ...DisabledProps,
-  ...SelectedProps,
-  ...UnselectableProps,
-  ...ModifiersProps,
-  deselectHintLabel: {
-    type: String
-  },
-  selectHintLabel: {
-    type: String
-  },
-  selectedHintLabel: {
-    type: String
-  },
-  focusOnHover: {
-    type: Boolean,
-    default: false
-  }
-};
-function useUniqueId(id) {
-  return computed(() => String(id?.value || useId()));
-}
-function useDropdownProvideTrigger({
-  reference,
-  id,
-  expanded,
-  aria
-}) {
-  const bus = mitt();
-  const component = defineComponent({
-    name: "VvDropdownTriggerProvider",
-    setup() {
-      provide(INJECTION_KEY_DROPDOWN_TRIGGER, {
-        reference,
-        id,
-        expanded,
-        aria,
-        bus
-      });
-    },
-    render() {
-      return h(Fragment, {}, this.$slots.default?.());
-    }
-  });
-  return {
-    bus,
-    component
-  };
-}
-function useDropdownProvideItem({
-  role,
-  ...others
-}) {
-  const itemRole = computed(
-    () => role.value === DropdownRole.listbox ? DropdownItemRole.option : DropdownItemRole.presentation
-  );
-  provide(INJECTION_KEY_DROPDOWN_ITEM, {
-    role: itemRole,
-    ...others
-  });
-  return { itemRole };
-}
-function useDropdownProvideAction({
-  expanded
-}) {
-  provide(INJECTION_KEY_DROPDOWN_ACTION, {
-    role: ref(ActionRoles.menuitem),
-    expanded
-  });
-}
-function useModifiers(prefix, modifiers, others) {
-  return computed(() => {
-    const toReturn = {
-      [prefix]: true
-    };
-    const modifiersArray = typeof modifiers?.value === "string" ? modifiers.value.split(" ") : modifiers?.value;
-    if (modifiersArray) {
-      if (Array.isArray(modifiersArray)) {
-        modifiersArray.forEach((modifier) => {
-          if (modifier) {
-            toReturn[`${prefix}--${modifier}`] = true;
-          }
-        });
-      }
-    }
-    if (others) {
-      Object.keys(others.value).forEach((key) => {
-        toReturn[`${prefix}--${key}`] = unref(others.value[key]);
-      });
-    }
-    return toReturn;
-  });
-}
-const _hoisted_1$2 = ["id", "tabindex", "role", "aria-labelledby"];
-const __default__$4 = {
-  name: "VvDropdown",
-  inheritAttrs: false
-};
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
-  ...__default__$4,
-  props: VvDropdownProps,
-  emits: [
-    "update:modelValue",
-    "beforeEnter",
-    "afterLeave",
-    "beforeExpand",
-    "beforeCollapse",
-    "afterExpand",
-    "afterCollapse",
-    "before-enter",
-    "after-leave",
-    "enter",
-    "afterEnter",
-    "enterCancelled",
-    "beforeLeave",
-    "leave",
-    "leaveCancelled"
-  ],
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const { id } = toRefs(props);
-    const hasId = useUniqueId(id);
-    const attrs = useAttrs();
-    const maxWidth = ref("auto");
-    const maxHeight = ref("auto");
-    const localReferenceEl = ref();
-    const floatingEl = ref();
-    const arrowEl = ref();
-    const listEl = ref();
-    const referenceEl = computed({
-      get: () => props.reference ?? localReferenceEl.value,
-      set: (newValue) => {
-        localReferenceEl.value = newValue;
-      }
-    });
-    const hasCustomPosition = ref(false);
-    onMounted(() => {
-      useMutationObserver(
-        floatingEl.value,
-        () => {
-          hasCustomPosition.value = window.getComputedStyle(floatingEl.value).getPropertyValue("--dropdown-custom-position")?.trim() === "true";
-        },
-        {
-          attributeFilter: ["style"],
-          window
-        }
-      );
-    });
-    const middleware = computed(() => {
-      const toReturn = [];
-      if (props.autoPlacement) {
-        if (typeof props.autoPlacement === "boolean") {
-          toReturn.push(autoPlacement());
-        } else {
-          toReturn.push(
-            autoPlacement(props.autoPlacement)
-          );
-        }
-      } else if (props.flip) {
-        if (typeof props.flip === "boolean") {
-          toReturn.push(flip({ fallbackStrategy: "initialPlacement" }));
-        } else {
-          toReturn.push(flip(props.flip));
-        }
-      }
-      if (props.shift) {
-        if (typeof props.shift === "boolean") {
-          toReturn.push(shift());
-        } else {
-          toReturn.push(shift(props.shift));
-        }
-      }
-      if (props.size) {
-        const apply = ({
-          availableWidth,
-          availableHeight
-        }) => {
-          maxWidth.value = `${availableWidth}px`;
-          maxHeight.value = `${availableHeight}px`;
-        };
-        if (typeof props.size === "boolean") {
-          toReturn.push(
-            size({
-              apply
-            })
-          );
-        } else {
-          toReturn.push(
-            size({
-              ...props.size,
-              apply
-            })
-          );
-        }
-      }
-      if (props.offset) {
-        toReturn.push(offset(Number(props.offset)));
-        if (["string", "number"].includes(typeof props.offset)) {
-          toReturn.push(offset(Number(props.offset)));
-        } else {
-          toReturn.push(offset(props.offset));
-        }
-      }
-      if (props.arrow) {
-        toReturn.push(
-          arrow({
-            element: arrowEl
-          })
-        );
-      }
-      return toReturn;
-    });
-    const { x, y, middlewareData, placement, strategy } = useFloating(
-      referenceEl,
-      floatingEl,
-      {
-        whileElementsMounted: (...args) => {
-          return autoUpdate(...args, {
-            animationFrame: props.strategy === Strategy.fixed
-          });
-        },
-        placement: computed(() => props.placement),
-        strategy: computed(() => props.strategy),
-        middleware
-      }
-    );
-    const dropdownPlacement = computed(() => {
-      if (hasCustomPosition.value) {
-        return void 0;
-      }
-      const width = props.triggerWidth && referenceEl.value ? `${referenceEl.value?.offsetWidth}px` : void 0;
-      return {
-        position: strategy.value,
-        top: `${y.value ?? 0}px`,
-        left: `${x.value ?? 0}px`,
-        maxWidth: width ? void 0 : maxWidth.value,
-        maxHeight: maxHeight.value,
-        width
-      };
-    });
-    const side = computed(
-      () => placement.value.split("-")[0]
-    );
-    const arrowPlacement = computed(() => {
-      if (hasCustomPosition.value) {
-        return void 0;
-      }
-      const staticSide = {
-        [Side.top]: Side.bottom,
-        [Side.right]: Side.left,
-        [Side.bottom]: Side.top,
-        [Side.left]: Side.right
-      }[side.value];
-      return {
-        left: middlewareData.value.arrow?.x !== void 0 ? `${middlewareData.value.arrow?.x}px` : void 0,
-        top: middlewareData.value.arrow?.y !== void 0 ? `${middlewareData.value.arrow?.y}px` : void 0,
-        [staticSide]: `${-(arrowEl.value?.offsetWidth ?? 0) / 2}px`
-      };
-    });
-    const modelValue = useVModel(props, "modelValue", emit);
-    const localModelValue = ref(false);
-    const expanded = computed({
-      get: () => modelValue.value ?? localModelValue.value,
-      set: (newValue) => {
-        if (modelValue.value === void 0) {
-          localModelValue.value = newValue;
-          return;
-        }
-        modelValue.value = newValue;
-      }
-    });
-    function show() {
-      expanded.value = true;
-    }
-    function hide() {
-      expanded.value = false;
-    }
-    function toggle() {
-      expanded.value = !expanded.value;
-    }
-    function init(el) {
-      referenceEl.value = el;
-    }
-    onClickOutside(
-      floatingEl,
-      () => {
-        if (!props.keepOpen && expanded.value) {
-          expanded.value = false;
-        }
-      },
-      { ignore: [referenceEl] }
-    );
-    const hasAriaLabelledby = computed(() => {
-      return referenceEl.value?.getAttribute?.("id") ?? void 0;
-    });
-    const referenceAria = computed(() => ({
-      "aria-controls": hasId.value,
-      "aria-haspopup": true,
-      "aria-expanded": expanded.value
-    }));
-    const { component: VvDropdownTriggerProvider, bus } = useDropdownProvideTrigger({
-      reference: referenceEl,
-      id: hasId,
-      expanded,
-      aria: referenceAria
-    });
-    bus.on("click", toggle);
-    const { role, modifiers } = toRefs(props);
-    const bemCssClasses = useModifiers(
-      "vv-dropdown",
-      modifiers,
-      computed(() => ({
-        arrow: props.arrow
-      }))
-    );
-    const { focused } = useFocusWithin(floatingEl);
-    function getKeyboardFocusableElements(element) {
-      if (!element) {
-        return [];
-      }
-      return [
-        ...element.querySelectorAll(
-          'a[href], button, input, textarea, select, details, [tabindex]:not([tabindex="-1"])'
-        )
-      ].filter(
-        (el) => !el.hasAttribute("disabled") && !el.getAttribute("aria-hidden")
-      );
-    }
-    function focusFirst() {
-      nextTick(() => {
-        const focusableElements = getKeyboardFocusableElements(
-          floatingEl.value
-        );
-        if (focusableElements.length > 0) {
-          focusableElements[0].focus({
-            preventScroll: true
-          });
-        }
-      });
-    }
-    function focusFirstListElement() {
-      nextTick(() => {
-        const focusableElements = getKeyboardFocusableElements(
-          listEl.value
-        );
-        if (focusableElements.length > 0) {
-          focusableElements[0].focus({
-            preventScroll: true
-          });
-        }
-      });
-    }
-    function focusNext() {
-      nextTick(() => {
-        if (focused.value) {
-          const focusableElements = getKeyboardFocusableElements(
-            floatingEl.value
-          );
-          if (focusableElements.length === 0 || !document.activeElement) {
-            return;
-          }
-          const activeElementIndex = focusableElements.indexOf(
-            document.activeElement
-          );
-          if (activeElementIndex < focusableElements.length - 1) {
-            focusableElements[activeElementIndex + 1].focus({
-              preventScroll: true
-            });
-          } else {
-            focusableElements[0].focus({
-              preventScroll: true
-            });
-          }
-        }
-      });
-    }
-    function focusPrev() {
-      nextTick(() => {
-        if (focused.value) {
-          const focusableElements = getKeyboardFocusableElements(
-            floatingEl.value
-          );
-          if (focusableElements.length === 0 || !document.activeElement) {
-            return;
-          }
-          const activeElementIndex = focusableElements.indexOf(
-            document.activeElement
-          );
-          if (activeElementIndex > 0) {
-            focusableElements[activeElementIndex - 1].focus({
-              preventScroll: true
-            });
-          } else {
-            focusableElements[focusableElements.length - 1].focus({
-              preventScroll: true
-            });
-          }
-        }
-      });
-    }
-    watch(expanded, (newValue) => {
-      if (newValue && props.autofocusFirst) {
-        focusFirst();
-      }
-    });
-    __expose({
-      toggle,
-      show,
-      hide,
-      init,
-      focusFirst,
-      focusFirstListElement,
-      focusNext,
-      focusPrev,
-      customPosition: hasCustomPosition
-    });
-    const hovered = useElementHover(floatingEl);
-    const { itemRole } = useDropdownProvideItem({
-      role,
-      expanded,
-      focused,
-      hovered
-    });
-    onKeyStroke("Escape", (e) => {
-      if (expanded.value) {
-        e.preventDefault();
-        hide();
-      }
-    });
-    onKeyStroke("ArrowDown", (e) => {
-      if (expanded.value && focused.value) {
-        e.preventDefault();
-        focusNext();
-      }
-    });
-    onKeyStroke("ArrowUp", (e) => {
-      if (expanded.value && focused.value) {
-        e.preventDefault();
-        focusPrev();
-      }
-    });
-    onKeyStroke([" ", "Enter"], (e) => {
-      const htmlEl = e.target;
-      if (expanded.value && focused.value && htmlEl) {
-        htmlEl?.click();
-      }
-    });
-    const dropdownTransitionHandlers = {
-      "before-enter": () => {
-        emit(expanded.value ? "beforeExpand" : "beforeCollapse");
-        emit("beforeEnter");
-      },
-      "after-leave": () => {
-        emit(expanded.value ? "afterExpand" : "afterCollapse");
-        emit("afterLeave");
-      },
-      "enter": () => {
-        emit("enter");
-      },
-      "after-enter": () => {
-        emit("afterEnter");
-      },
-      "enter-cancelled": () => {
-        emit("enterCancelled");
-      },
-      "before-leave": () => {
-        emit("beforeLeave");
-      },
-      "leave": () => {
-        emit("leave");
-      },
-      "leave-cancelled": () => {
-        emit("leaveCancelled");
-      }
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(
-        Fragment,
-        null,
-        [
-          createVNode(unref(VvDropdownTriggerProvider), null, {
-            default: withCtx(() => [
-              renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps({ init, show, hide, toggle, expanded: unref(expanded), aria: unref(referenceAria) })))
-            ]),
-            _: 3
-            /* FORWARDED */
-          }),
-          createVNode(Transition, mergeProps({ name: _ctx.transitionName }, toHandlers(dropdownTransitionHandlers), { persisted: "" }), {
-            default: withCtx(() => [
-              withDirectives(createElementVNode(
-                "div",
-                {
-                  ref_key: "floatingEl",
-                  ref: floatingEl,
-                  style: normalizeStyle(unref(dropdownPlacement)),
-                  class: normalizeClass(unref(bemCssClasses))
-                },
-                [
-                  props.arrow ? (openBlock(), createElementBlock(
-                    "div",
-                    {
-                      key: 0,
-                      ref_key: "arrowEl",
-                      ref: arrowEl,
-                      style: normalizeStyle(unref(arrowPlacement)),
-                      class: "vv-dropdown__arrow"
-                    },
-                    null,
-                    4
-                    /* STYLE */
-                  )) : createCommentVNode("v-if", true),
-                  renderSlot(_ctx.$slots, "before", normalizeProps(guardReactiveProps({ expanded: unref(expanded) }))),
-                  createElementVNode("div", mergeProps(unref(attrs), {
-                    id: unref(hasId),
-                    ref_key: "listEl",
-                    ref: listEl,
-                    tabindex: !unref(expanded) ? -1 : void 0,
-                    role: unref(role),
-                    "aria-labelledby": unref(hasAriaLabelledby),
-                    class: "vv-dropdown__list"
-                  }), [
-                    renderSlot(_ctx.$slots, "items", normalizeProps(guardReactiveProps({
-                      role: unref(itemRole)
-                    })))
-                  ], 16, _hoisted_1$2),
-                  renderSlot(_ctx.$slots, "after", normalizeProps(guardReactiveProps({ expanded: unref(expanded) })))
-                ],
-                6
-                /* CLASS, STYLE */
-              ), [
-                [vShow, unref(expanded)]
-              ])
-            ]),
-            _: 3
-            /* FORWARDED */
-          }, 16, ["name"])
-        ],
-        64
-        /* STABLE_FRAGMENT */
-      );
-    };
-  }
-});
-function useInjectedDropdownItem() {
-  return inject(INJECTION_KEY_DROPDOWN_ITEM, {});
-}
-const __default__$3 = {
-  name: "VvDropdownItem"
-};
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
-  ...__default__$3,
-  props: VvDropdownItemProps,
-  setup(__props) {
-    const props = __props;
-    const { role, expanded } = useInjectedDropdownItem();
-    const element = ref(null);
-    useDropdownProvideAction({ expanded });
-    const hovered = useElementHover(element);
-    const { focused } = useFocus(element);
-    const { focused: focusedWithin } = useFocusWithin(element);
-    watch(hovered, (newValue) => {
-      if (newValue && props.focusOnHover) {
-        focused.value = true;
-      }
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(
-        "div",
-        mergeProps({ role: unref(role) }, {
-          ref_key: "element",
-          ref: element,
-          class: ["vv-dropdown__item", { "focus-visible": unref(focused) || unref(focusedWithin) }]
-        }),
-        [
-          renderSlot(_ctx.$slots, "default")
-        ],
-        16
-        /* FULL_PROPS */
-      );
-    };
-  }
-});
-const _hoisted_1$1 = ["title"];
-const __default__$2 = {
-  name: "VvDropdownOption"
-};
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
-  ...__default__$2,
-  props: VvDropdownOptionProps,
-  setup(__props) {
-    const props = __props;
-    const { modifiers } = toRefs(props);
-    const bemCssClasses = useModifiers(
-      "vv-dropdown-option",
-      modifiers,
-      computed(() => ({
-        disabled: props.disabled,
-        selected: props.selected,
-        unselectable: props.unselectable && props.selected
-      }))
-    );
-    const hintLabel = computed(() => {
-      if (props.selected) {
-        return props.unselectable ? props.deselectHintLabel : props.selectedHintLabel;
-      }
-      if (!props.disabled) {
-        return props.selectHintLabel;
-      }
-      return "";
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$3, {
-        class: normalizeClass(unref(bemCssClasses)),
-        tabindex: _ctx.disabled ? -1 : 0,
-        "aria-selected": _ctx.selected,
-        "aria-disabled": _ctx.disabled,
-        "focus-on-hover": _ctx.focusOnHover
-      }, {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default"),
-          createElementVNode("span", {
-            class: "vv-dropdown-option__hint",
-            title: unref(hintLabel)
-          }, [
-            renderSlot(_ctx.$slots, "hint", normalizeProps(guardReactiveProps({ disabled: _ctx.disabled, selected: _ctx.selected, unselectable: _ctx.unselectable })), () => [
-              createTextVNode(
-                toDisplayString(unref(hintLabel)),
-                1
-                /* TEXT */
-              )
-            ])
-          ], 8, _hoisted_1$1)
-        ]),
-        _: 3
-        /* FORWARDED */
-      }, 8, ["class", "tabindex", "aria-selected", "aria-disabled", "focus-on-hover"]);
-    };
-  }
-});
-function useVolver() {
-  return inject(INJECTION_KEY_VOLVER, void 0);
-}
-const __default__$1 = {
-  name: "VvIcon"
-};
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  ...__default__$1,
-  props: /* @__PURE__ */ mergeDefaults({
-    name: {},
-    color: {},
-    width: {},
-    height: {},
-    provider: {},
-    prefix: {},
-    src: {},
-    horizontalFlip: { type: Boolean },
-    verticalFlip: { type: Boolean },
-    flip: {},
-    mode: {},
-    inline: { type: Boolean },
-    rotate: {},
-    onLoad: { type: Function },
-    svg: {},
-    modifiers: {}
-  }, VvIconPropsDefaults),
-  setup(__props) {
-    const props = __props;
-    const hasRotate = computed(() => {
-      if (typeof props.rotate === "string") {
-        return Number.parseFloat(props.rotate);
-      }
-      return props.rotate;
-    });
-    const show = ref(true);
-    const volver = useVolver();
-    const { modifiers } = toRefs(props);
-    const bemCssClasses = useModifiers("vv-icon", modifiers);
-    const provider = computed(() => {
-      return props.provider || volver?.iconsProvider;
-    });
-    const icon = computed(() => {
-      const name = props.name ?? "";
-      const iconName = `@${provider.value}:${props.prefix}:${name}`;
-      if (iconLoaded(iconName)) {
-        return iconName;
-      }
-      const iconsCollection = volver?.iconsCollections.find(
-        (iconsCollection2) => {
-          const icon2 = `@${provider.value}:${iconsCollection2.prefix}:${name}`;
-          return iconLoaded(icon2);
-        }
-      );
-      if (iconsCollection) {
-        return `@${provider.value}:${iconsCollection.prefix}:${name}`;
-      }
-      return name;
-    });
-    function getSvgContent(svg) {
-      let dom;
-      if (typeof window === "undefined") {
-        const { JSDOM } = require("jsdom");
-        dom = new JSDOM().window;
-      }
-      const domParser = dom ? new dom.DOMParser() : new window.DOMParser();
-      const svgDomString = domParser.parseFromString(svg, "text/html");
-      const svgEl = svgDomString.querySelector("svg");
-      return svgEl;
-    }
-    function addIconFromSvg(svg) {
-      const svgContentEl = getSvgContent(svg);
-      const svgContent = svgContentEl?.innerHTML.trim() || "";
-      if (svgContentEl && svgContent) {
-        addIcon(`@${provider.value}:${props.prefix}:${props.name}`, {
-          body: svgContent,
-          // Set height and width from svg content
-          height: svgContentEl.viewBox.baseVal.height,
-          width: svgContentEl.viewBox.baseVal.width
-        });
-      }
-    }
-    if (volver) {
-      if (props.src && !iconLoaded(`@${provider.value}:${props.prefix}:${props.name}`)) {
-        show.value = false;
-        volver.fetchIcon(props.src).then((svg) => {
-          if (svg) {
-            addIconFromSvg(svg);
-            show.value = true;
-          }
-        }).catch((e) => {
-          throw new Error(`Error during fetch icon: ${e?.message}`);
-        });
-      }
-    }
-    if (props.svg) {
-      addIconFromSvg(props.svg);
-    }
-    return (_ctx, _cache) => {
-      return unref(show) ? (openBlock(), createBlock(unref(Icon), mergeProps({
-        key: 0,
-        class: unref(bemCssClasses)
-      }, {
-        inline: _ctx.inline,
-        width: _ctx.width,
-        height: _ctx.height,
-        horizontalFlip: _ctx.horizontalFlip,
-        verticalFlip: _ctx.verticalFlip,
-        flip: _ctx.flip,
-        rotate: unref(hasRotate),
-        color: _ctx.color,
-        icon: unref(icon)
-      }, { onLoad: _ctx.onLoad }), null, 16, ["class", "onLoad"])) : createCommentVNode("v-if", true);
-    };
-  }
-});
-const INPUT_TYPES = {
-  TEXT: "text",
-  PASSWORD: "password",
-  NUMBER: "number",
-  EMAIL: "email",
-  TEL: "tel",
-  URL: "url",
-  COLOR: "color",
-  SEARCH: "search",
-  DATE: "date",
-  TIME: "time",
-  DATETIME_LOCAL: "datetime-local",
-  MONTH: "month",
-  WEEK: "week"
-};
-const VvInputTextEvents = [
-  "update:modelValue",
-  "update:masked",
-  "accept",
-  "accept:typed",
-  "accept:masked",
-  "accept:unmasked",
-  "complete",
-  "complete:typed",
-  "complete:masked",
-  "complete:unmasked",
-  "suggestion:selected",
-  "suggestion:removed",
-  "focus",
-  "blur",
-  "keyup",
-  "keydown",
-  "keypress",
-  "clear"
-];
-const VvInputTextProps = {
-  ...InputTextareaProps,
-  ...StorageProps,
-  /**
-   * Input value
-   * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#value
-   */
-  modelValue: [String, Number, Date],
-  /**
-   * Type of form control
-   * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#type
-   */
-  type: {
-    type: String,
-    default: INPUT_TYPES.TEXT,
-    validator: (value) => Object.values(INPUT_TYPES).includes(value)
-  },
-  /**
-   * Minimum value
-   * Available for input types: date, month, week, time, datetime-local, number, range.
-   * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#min
-   */
-  min: [Number, Date, String],
-  /**
-   * Maximum value
-   * Available for input types: date, month, week, time, datetime-local, number, range.
-   * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#max
-   */
-  max: [Number, Date, String],
-  /**
-   * Incremental values that are valid
-   * Available for input types: date, month, week, time, datetime-local and number
-   * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#step
-   */
-  step: { type: [String, Number], default: 1 },
-  /**
-   * Pattern the value must match to be valid
-   * Available for input types: text, search, url, tel, email and password
-   * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#pattern
-   */
-  pattern: String,
-  /**
-   * Whether to allow multiple values
-   * Available for input type email
-   * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#multiple
-   */
-  multiple: Boolean,
-  /**
-   * VvIcon name for show password button
-   * @see VvIcon
-   */
-  iconShowPassword: {
-    type: [String, Object],
-    default: ACTION_ICONS.showPassword
-  },
-  /**
-   * VvIcon name for hide password button
-   * @see VvIcon
-   */
-  iconHidePassword: {
-    type: [String, Object],
-    default: ACTION_ICONS.hidePassword
-  },
-  /**
-   * VvIcon name for clear button
-   * @see VvIcon
-   */
-  iconClear: {
-    type: [String, Object],
-    default: ACTION_ICONS.clear
-  },
-  /**
-   * VvIcon name for remove suggestion button
-   * @see VvIcon
-   */
-  iconRemoveSuggestion: {
-    type: [String, Object],
-    default: ACTION_ICONS.remove
-  },
-  /**
-   * Label for step up button
-   */
-  labelStepUp: {
-    type: String,
-    default: "Increase value"
-  },
-  /**
-   * Label for step down button
-   */
-  labelStepDown: {
-    type: String,
-    default: "Decrease value"
-  },
-  /**
-   * Label for show password button
-   */
-  labelShowPassword: {
-    type: String,
-    default: "Show password"
-  },
-  /**
-   * Label for hide password button
-   */
-  labelHidePassword: {
-    type: String,
-    default: "Hide password"
-  },
-  /**
-   * Label for clear button
-   */
-  labelClear: {
-    type: String,
-    default: "Clear"
-  },
-  /**
-   * Label for remove suggestion button
-   */
-  labelRemoveSuggestion: {
-    type: String,
-    default: "Remove suggestion"
-  },
-  /**
-   * iMask options
-   * @see https://imask.js.org/guide.html
-   */
-  iMask: {
-    type: Object,
-    default: void 0
-  },
-  /**
-   * Masked value
-   */
-  masked: {
-    type: String,
-    default: void 0
-  },
-  /**
-   * Adjust input width to content
-   */
-  autoWidth: {
-    type: Boolean,
-    default: false
-  },
-  /**
-   * Hide type number, password and search actions
-   */
-  hideActions: {
-    type: Boolean,
-    default: false
-  },
-  /**
-   * Add unit label to input
-   */
-  unit: {
-    type: String
-  },
-  /**
-   * Select input text on focus
-   */
-  selectOnFocus: {
-    type: Boolean,
-    default: false
-  },
-  /**
-   * Maximum number of suggestions
-   */
-  maxSuggestions: {
-    type: Number,
-    default: 5
-  },
-  /**
-   * The input mode to use for the input
-   * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode
-   */
-  inputMode: {
-    type: String,
-    default: "text"
-  }
-};
-function useComponentIcon(icon, iconPosition) {
-  const hasIcon = computed(() => {
-    if (typeof icon?.value === "string") {
-      return { name: icon?.value };
-    }
-    return icon?.value;
-  });
-  const hasIconBefore = computed(
-    () => iconPosition?.value === Position.before ? hasIcon.value : void 0
-  );
-  const hasIconAfter = computed(
-    () => iconPosition?.value === Position.after ? hasIcon.value : void 0
-  );
-  const hasIconLeft = computed(
-    () => iconPosition?.value === Side.left ? hasIcon.value : void 0
-  );
-  const hasIconRight = computed(
-    () => iconPosition?.value === Side.right ? hasIcon.value : void 0
-  );
-  const hasIconTop = computed(
-    () => iconPosition?.value === Side.top ? hasIcon.value : void 0
-  );
-  const hasIconBottom = computed(
-    () => iconPosition?.value === Side.bottom ? hasIcon.value : void 0
-  );
-  return {
-    hasIcon,
-    hasIconLeft,
-    hasIconRight,
-    hasIconTop,
-    hasIconBottom,
-    hasIconBefore,
-    hasIconAfter
-  };
-}
-const VvInputClearAction = defineComponent({
-  components: {
-    VvIcon: _sfc_main$1
-  },
-  props: {
-    inputType: {
-      type: String,
-      default: "input-text"
-    },
-    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?.stopPropagation();
-      if (!props.disabled) {
-        emit("clear");
-      }
-    }
-    return {
-      hasIcon,
-      onClick
-    };
-  },
-  render() {
-    const icon = this.hasIcon ? h(_sfc_main$1, {
-      ...this.hasIcon,
-      class: `vv-${this.inputType}__icon`
-    }) : void 0;
-    return h(
-      "button",
-      {
-        disabled: this.disabled,
-        class: `vv-${this.inputType}__action`,
-        ariaLabel: this.label,
-        type: "button",
-        onClick: this.onClick
-      },
-      icon
-    );
-  }
-});
-const VvInputPasswordAction = defineComponent({
-  components: {
-    VvIcon: _sfc_main$1
-  },
-  props: {
-    inputType: {
-      type: String,
-      default: "input-text"
-    },
-    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?.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$1, {
-      ...this.hasIcon,
-      class: `vv-${this.inputType}__icon`
-    }) : void 0;
-    return h(
-      "button",
-      {
-        disabled: this.disabled,
-        class: `vv-${this.inputType}__action`,
-        ariaLabel: this.active ? this.labelHide : this.labelShow,
-        type: "button",
-        onClick: this.onClick
-      },
-      icon
-    );
-  }
-});
-const VvInputStepAction = defineComponent({
-  components: {
-    VvIcon: _sfc_main$1
-  },
-  props: {
-    inputType: {
-      type: String,
-      default: "input-text"
-    },
-    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?.stopPropagation();
-      if (!props.disabled) {
-        emit(isUp.value ? "step-up" : "step-down");
-      }
-    };
-    return {
-      isUp,
-      onClick
-    };
-  },
-  render() {
-    return h("button", {
-      class: [
-        `vv-${this.inputType}__action`,
-        `vv-${this.inputType}__action-chevron`,
-        this.isUp ? `vv-${this.inputType}__action-chevron-up` : void 0
-      ],
-      disabled: this.disabled,
-      ariaLabel: this.label,
-      type: "button",
-      onClick: this.onClick
-    });
-  }
-});
-function VvInputTextActionsFactory(type, parentProps, isDirty) {
-  return {
-    name: "VvInputTextActions",
-    components: {
-      VvIcon: _sfc_main$1,
-      VvInputPasswordAction,
-      VvInputStepAction,
-      VvInputClearAction
-    },
-    setup() {
-      const isDisabled = computed(() => {
-        return parentProps.disabled || parentProps.readonly;
-      });
-      return {
-        isDirty,
-        isDisabled,
-        labelStepUp: parentProps.labelStepUp,
-        labelStepDown: parentProps.labelStepDown,
-        labelShowPassword: parentProps.labelShowPassword,
-        labelHidePassword: parentProps.labelHidePassword,
-        labelClear: parentProps.labelClear,
-        iconShowPassword: parentProps.iconShowPassword,
-        iconHidePassword: parentProps.iconHidePassword
-      };
-    },
-    render() {
-      let actions = null;
-      switch (type) {
-        case INPUT_TYPES.SEARCH: {
-          const { onClear } = this.$attrs;
-          actions = [
-            h(VvInputClearAction, {
-              disabled: this.isDisabled || !this.isDirty,
-              label: this.labelClear,
-              onClear
-            })
-          ];
-          break;
-        }
-        case INPUT_TYPES.PASSWORD: {
-          const { onTogglePassword } = this.$attrs;
-          actions = [
-            h(VvInputPasswordAction, {
-              disabled: this.isDisabled,
-              onTogglePassword,
-              labelShow: this.labelShowPassword,
-              labelHide: this.labelHidePassword,
-              iconShow: this.iconShowPassword,
-              iconHide: this.iconHidePassword
-            })
-          ];
-          break;
-        }
-        case INPUT_TYPES.NUMBER: {
-          const { onStepUp, onStepDown } = this.$attrs;
-          actions = [
-            h(VvInputStepAction, {
-              mode: "up",
-              disabled: this.isDisabled || parentProps.max !== void 0 && parentProps.modelValue === parentProps.max,
-              label: this.labelStepUp,
-              onStepUp,
-              onStepDown
-            }),
-            h(VvInputStepAction, {
-              mode: "down",
-              disabled: this.isDisabled || parentProps.min !== void 0 && parentProps.modelValue === parentProps.min,
-              label: this.labelStepDown,
-              onStepUp,
-              onStepDown
-            })
-          ];
-          break;
-        }
-      }
-      return Array.isArray(actions) ? h("div", { class: "vv-input-text__actions-group" }, actions) : actions;
-    }
-  };
-}
-function useDefaults(componentName, propsDefinition, props) {
-  const volver = useVolver();
-  const volverComponentDefaults = computed(() => {
-    if (!volver || !volver.defaults.value?.[componentName]) {
-      return void 0;
-    }
-    return volver.defaults.value[componentName];
-  });
-  return computed(() => {
-    if (volverComponentDefaults.value === void 0) {
-      return props;
-    }
-    const componentDefaults = volverComponentDefaults.value;
-    const simplifiedPropsDefinition = propsDefinition;
-    const simplifiedProps = props;
-    return Object.keys(simplifiedPropsDefinition).reduce((acc, key) => {
-      const propValue = simplifiedProps[key];
-      acc[key] = propValue;
-      if (key in componentDefaults) {
-        if (Array.isArray(simplifiedPropsDefinition[key])) {
-          const typeArray = simplifiedPropsDefinition[key];
-          if (typeArray.length) {
-            const typeFunction = typeArray[0];
-            if (typeFunction === propValue) {
-              acc[key] = componentDefaults[key];
-            }
-          }
-        }
-        if (typeof simplifiedPropsDefinition[key] === "function") {
-          const typeFunction = simplifiedPropsDefinition[key];
-          if (typeFunction() === propValue) {
-            acc[key] = componentDefaults[key];
-          }
-        }
-        if (typeof simplifiedPropsDefinition[key] === "object") {
-          let defaultValue = simplifiedPropsDefinition[key].default;
-          if (typeof defaultValue === "function") {
-            defaultValue = defaultValue();
-          }
-          if (typeof defaultValue === "object") {
-            if (JSON.stringify(defaultValue) === JSON.stringify(propValue)) {
-              acc[key] = componentDefaults[key];
-            }
-          } else if (defaultValue === propValue) {
-            acc[key] = componentDefaults[key];
-          }
-        }
-      }
-      return acc;
-    }, {});
-  });
-}
-function useDebouncedInput(modelValue, emit, ms = 0, {
-  getter = (value) => value,
-  setter = (value) => value
-} = {}) {
-  let timeout;
-  if (typeof ms === "string") {
-    ms = Number.parseInt(ms);
-  }
-  return computed({
-    get: () => getter(modelValue?.value),
-    set: (value) => {
-      if (timeout) {
-        clearTimeout(timeout);
-      }
-      timeout = setTimeout(() => {
-        emit("update:modelValue", setter(value));
-      }, ms);
-    }
-  });
-}
-function useComponentFocus(inputTemplateRef, emit) {
-  const { focused } = useFocus(inputTemplateRef);
-  watch(focused, (newValue) => {
-    emit(newValue ? "focus" : "blur", unref(inputTemplateRef));
-  });
-  return {
-    focused
-  };
-}
-function useTextCount(text, options) {
-  const length = computed(() => {
-    return (unref(text) ?? "").length;
-  });
-  const gap = computed(() => {
-    if (options?.lowerLimit !== void 0 && length.value < options?.lowerLimit) {
-      return length.value - options.lowerLimit;
-    }
-    if (options?.upperLimit !== void 0 && length.value < options?.upperLimit) {
-      return options.upperLimit - length.value;
-    }
-    return 0;
-  });
-  const formatted = computed(() => {
-    if (options?.mode === false) {
-      return "";
-    }
-    if (options?.mode === "limit" && options?.upperLimit) {
-      return `${length.value} / ${options.lowerLimit ? `${options.lowerLimit}-` : ""}${options.upperLimit}`;
-    }
-    if (options?.mode === "countdown") {
-      if (gap.value === 0) {
-        return void 0;
-      }
-      return gap;
-    }
-    return length.value;
-  });
-  return {
-    length,
-    gap,
-    formatted
-  };
-}
-function usePersistence(storageKey, storageType = StorageType.local, defaultValue) {
-  const localValue = ref();
-  if (defaultValue) {
-    localValue.value = defaultValue;
-  }
-  let storageValue;
-  onMounted(() => {
-    if (storageKey) {
-      watch(
-        storageKey,
-        (newKey, oldKey) => {
-          const storage = unref(storageType) === StorageType.session ? sessionStorage : localStorage;
-          if (oldKey && oldKey !== newKey) {
-            storage.removeItem(oldKey);
-          }
-          if (newKey) {
-            storageValue = useStorage(
-              newKey,
-              storageValue?.value ?? localValue.value,
-              storage
-            );
-            if (storageValue.value) {
-              localValue.value = storageValue.value;
-            }
-            return;
-          }
-          storageValue = void 0;
-        },
-        {
-          immediate: true
-        }
-      );
-    }
-    if (isRef(storageType)) {
-      watch(storageType, (newType, oldType) => {
-        if (storageKey?.value) {
-          if (newType) {
-            const storage = newType === StorageType.session ? sessionStorage : localStorage;
-            storageValue = useStorage(
-              storageKey.value,
-              storageValue?.value ?? localValue.value,
-              storage
-            );
-          }
-          if (oldType && oldType !== newType) {
-            const oldStorage = oldType === StorageType.session ? sessionStorage : localStorage;
-            oldStorage.removeItem(storageKey.value);
-          }
-        }
-      });
-    }
-  });
-  watch(localValue, (newValue) => {
-    if (storageValue) {
-      storageValue.value = newValue;
-    }
-  }, {
-    deep: true,
-    immediate: true
-  });
-  return localValue;
-}
-const _hoisted_1 = ["for"];
-const _hoisted_2 = {
-  key: 0,
-  class: "vv-input-text__input-before"
-};
-const _hoisted_3 = ["id"];
-const _hoisted_4 = {
-  key: 1,
-  class: "vv-input-text__unit"
-};
-const _hoisted_5 = {
-  key: 5,
-  class: "vv-input-text__input-after"
-};
-const _hoisted_6 = {
-  key: 6,
-  class: "vv-input-text__limit"
-};
-const _hoisted_7 = { class: "flex-1" };
-const _hoisted_8 = ["title", "onClick"];
-const __default__ = {
-  name: "VvInputText"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: VvInputTextProps,
-  emits: VvInputTextEvents,
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const slots = useSlots();
-    const volver = useVolver();
-    const propsDefaults = useDefaults(
-      "VvInputText",
-      VvInputTextProps,
-      props
-    );
-    const {
-      count,
-      debounce,
-      icon,
-      iconPosition,
-      iconRemoveSuggestion,
-      id,
-      invalid,
-      label,
-      loading,
-      maxlength,
-      minlength,
-      modelValue,
-      step,
-      storageType,
-      type,
-      valid
-    } = toRefs(props);
-    const hasId = useUniqueId(id);
-    const hasHintId = computed(() => `${hasId.value}-hint`);
-    const inputTextPlaceholder = computed(
-      () => props.floating && isEmpty(props.placeholder) ? " " : props.placeholder
-    );
-    const localModelValue = useDebouncedInput(
-      modelValue,
-      emit,
-      debounce?.value ?? 0
-    );
-    const hasSeconds = computed(() => {
-      const stepValue = typeof step.value === "number" ? step.value : Number.parseInt(step.value);
-      if (Number.isNaN(stepValue)) {
-        return false;
-      }
-      return stepValue % 60 !== 0;
-    });
-    const NEGATIVE_ZERO_REGEX = /^-0?[.,]?[0*]?$/;
-    const maskReady = ref(false);
-    const modelValueDate = ref();
-    const modelValueDateIsoString = ref();
-    const { el, mask, typed, masked, unmasked } = useIMask(
-      computed(
-        () => {
-          if (!props.iMask) {
-            return {
-              mask: /./
-            };
-          }
-          if (props.iMask.mask === Number) {
-            const toReturn = { ...props.iMask };
-            if (props.min) {
-              toReturn.min = Number(props.min);
-            }
-            if (props.max) {
-              toReturn.max = Number(props.max);
-            }
-            return toReturn;
-          }
-          return props.iMask;
-        }
-      ),
-      {
-        emit,
-        onAccept: () => {
-          if (!maskReady.value) {
-            return;
-          }
-          emit("update:masked", masked.value);
-          if (type.value === INPUT_TYPES.NUMBER) {
-            if (/^-$|^$/.test(unmasked.value)) {
-              if (localModelValue.value === null || localModelValue.value === void 0) {
-                return;
-              }
-              localModelValue.value = void 0;
-              return;
-            }
-            if (NEGATIVE_ZERO_REGEX.test(unmasked.value)) {
-              localModelValue.value = 0;
-              return;
-            }
-            if (typeof typed.value !== "number") {
-              localModelValue.value = Number(typed.value);
-              return;
-            }
-            localModelValue.value = typed.value;
-            return;
-          }
-          if (type.value === INPUT_TYPES.DATETIME_LOCAL || type.value === INPUT_TYPES.DATE || type.value === INPUT_TYPES.TIME || type.value === INPUT_TYPES.MONTH) {
-            if (!typed.value) {
-              if (!localModelValue.value) {
-                return;
-              }
-              if (modelValueDate.value) {
-                localModelValue.value = void 0;
-                return;
-              }
-              localModelValue.value = "";
-              return;
-            }
-            if (!(typed.value instanceof Date) && !modelValueDate.value && !modelValueDateIsoString.value) {
-              localModelValue.value = typed.value;
-              return;
-            }
-            let date = typed.value;
-            if (!(date instanceof Date)) {
-              date = getDateFromInputValue(typed.value, type.value);
-            }
-            if (modelValueDate.value || modelValueDateIsoString.value) {
-              const toReturn = new Date(modelValueDate.value || modelValueDateIsoString.value);
-              if (type.value === INPUT_TYPES.DATETIME_LOCAL || type.value === INPUT_TYPES.DATE || type.value === INPUT_TYPES.MONTH) {
-                toReturn.setFullYear(date.getFullYear());
-                toReturn.setMonth(date.getMonth());
-              }
-              if (type.value === INPUT_TYPES.DATETIME_LOCAL || type.value === INPUT_TYPES.DATE) {
-                toReturn.setDate(date.getDate());
-              }
-              if (type.value === INPUT_TYPES.DATETIME_LOCAL || type.value === INPUT_TYPES.TIME) {
-                toReturn.setHours(date.getHours());
-                toReturn.setMinutes(date.getMinutes());
-                toReturn.setSeconds(date.getSeconds());
-              }
-              if (modelValueDate.value instanceof Date) {
-                if (localModelValue.value?.getTime() === toReturn.getTime()) {
-                  return;
-                }
-                localModelValue.value = toReturn;
-                return;
-              }
-              localModelValue.value = toReturn.toISOString();
-              return;
-            }
-            localModelValue.value = getInputValueFromDate(date, type.value, hasSeconds.value);
-            return;
-          }
-          if (!localModelValue.value && !unmasked.value) {
-            return;
-          }
-          localModelValue.value = unmasked.value;
-        }
-      }
-    );
-    function updateMaskValue(newValue) {
-      if (newValue === void 0 || newValue === null) {
-        typed.value = "";
-        unmasked.value = "";
-        return;
-      }
-      if (props.iMask?.mask === Date) {
-        typed.value = newValue instanceof Date ? newValue : new Date(newValue);
-        return;
-      }
-      if (type.value === INPUT_TYPES.NUMBER && NEGATIVE_ZERO_REGEX.test(unmasked.value) && newValue === 0) {
-        return;
-      }
-      if (type.value === INPUT_TYPES.DATE || type.value === INPUT_TYPES.MONTH || type.value === INPUT_TYPES.DATETIME_LOCAL || type.value === INPUT_TYPES.TIME) {
-        if (newValue instanceof Date || isDateIsoString(newValue)) {
-          if (newValue instanceof Date) {
-            modelValueDate.value = newValue;
-            modelValueDateIsoString.value = void 0;
-          } else {
-            modelValueDateIsoString.value = newValue;
-            modelValueDate.value = void 0;
-          }
-          const newDate = new Date(newValue);
-          typed.value = getInputValueFromDate(newDate, type.value, hasSeconds.value);
-          unmasked.value = typed.value;
-          return;
-        }
-        modelValueDate.value = void 0;
-        modelValueDateIsoString.value = void 0;
-      }
-      typed.value = newValue;
-      unmasked.value = `${typed.value}`;
-    }
-    onMounted(() => {
-      if (mask.value) {
-        maskReady.value = true;
-        updateMaskValue(props.modelValue);
-      }
-    });
-    watch(
-      () => props.modelValue,
-      (newValue) => {
-        if (mask.value) {
-          updateMaskValue(newValue);
-        }
-      }
-    );
-    watch(
-      () => props.masked,
-      (newValue) => {
-        masked.value = newValue ?? "";
-      }
-    );
-    const inputEl = el;
-    const innerEl = ref();
-    const wrapperEl = ref();
-    const suggestionsDropdownEl = ref();
-    __expose({ $inner: innerEl });
-    const { focused } = useComponentFocus(inputEl, emit);
-    const isFocused = computed(
-      () => focused.value && !props.disabled && !props.readonly
-    );
-    watch(isFocused, (newValue) => {
-      if (newValue && propsDefaults.value.selectOnFocus && inputEl.value) {
-        inputEl.value.select();
-      }
-      if (newValue && suggestions.value?.size) {
-        suggestionsDropdownEl.value?.show();
-        return;
-      }
-      if (isDirty.value && suggestions.value) {
-        const suggestionsLimit = props.maxSuggestions;
-        if (suggestions.value.size >= suggestionsLimit && !suggestions.value.has(localModelValue.value)) {
-          suggestions.value = new Set(
-            [...suggestions.value].slice(
-              suggestions.value.size - suggestionsLimit + 1
-            )
-          );
-        }
-        suggestions.value.add(localModelValue.value);
-      }
-    });
-    const isVisible = useElementVisibility(inputEl);
-    watch(isVisible, (newValue) => {
-      if (newValue && props.autofocus && !props.disabled && !props.readonly) {
-        focused.value = true;
-      }
-    });
-    const showPassword = ref(false);
-    const isPassword = computed(() => props.type === INPUT_TYPES.PASSWORD);
-    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);
-    function onStepUp() {
-      if (!isDisabledOrReadonly.value) {
-        if (props.iMask) {
-          typed.value = Number(typed.value) + Number(step?.value ?? 1);
-          return;
-        }
-        inputEl.value.stepUp();
-        localModelValue.value = Number(unref(inputEl).value);
-      }
-    }
-    function onStepDown() {
-      if (!isDisabledOrReadonly.value) {
-        if (props.iMask) {
-          typed.value = Number(typed.value) - Number(step?.value ?? 1);
-          return;
-        }
-        inputEl.value.stepDown();
-        localModelValue.value = Number(unref(inputEl).value);
-      }
-    }
-    const isSearch = computed(() => props.type === INPUT_TYPES.SEARCH);
-    function onClear() {
-      localModelValue.value = "";
-      emit("clear");
-    }
-    const { hasIconBefore, hasIconAfter } = useComponentIcon(icon, iconPosition);
-    const iconAfter = computed(() => {
-      if (hasIconAfter.value !== void 0) {
-        return hasIconAfter.value;
-      }
-      switch (props.type) {
-        case INPUT_TYPES.COLOR:
-          return { name: ACTION_ICONS.showColorPicker };
-        case INPUT_TYPES.DATE:
-        case INPUT_TYPES.DATETIME_LOCAL:
-        case INPUT_TYPES.WEEK:
-        case INPUT_TYPES.MONTH:
-          return { name: ACTION_ICONS.showDatePicker };
-        case INPUT_TYPES.TIME:
-          return { name: ACTION_ICONS.showTimePicker };
-      }
-      return void 0;
-    });
-    const { hasIcon: hasIconRemoveSuggestion } = useComponentIcon(iconRemoveSuggestion);
-    const { formatted: countFormatted } = useTextCount(localModelValue, {
-      mode: count.value,
-      upperLimit: Number(maxlength?.value),
-      lowerLimit: Number(minlength?.value)
-    });
-    const isDisabledOrReadonly = computed(() => props.disabled || props.readonly);
-    const hasTabindex = computed(() => {
-      return isDisabledOrReadonly.value ? -1 : props.tabindex;
-    });
-    const isDirty = computed(() => !isEmpty(modelValue));
-    const isInvalid = computed(() => {
-      if (invalid.value === true) {
-        return true;
-      }
-      if (valid.value === true) {
-        return false;
-      }
-      return void 0;
-    });
-    const storageKey = computed(() => props.storageKey ?? (volver?.experimentalFeatures.forceInputSuggestions ? props.name : void 0));
-    const suggestions = usePersistence(
-      storageKey,
-      storageType,
-      /* @__PURE__ */ new Set()
-    );
-    const filteredSuggestions = computed(() => {
-      if (!suggestions.value) {
-        return [];
-      }
-      return [...suggestions.value].filter(
-        (suggestion) => isEmpty(localModelValue.value) || `${suggestion}`.toLowerCase().includes(`${localModelValue.value}`.toLowerCase()) && suggestion !== localModelValue.value
-      ).reverse();
-    });
-    const hasSuggestions = computed(
-      () => storageKey?.value && suggestions.value && suggestions.value.size > 0
-    );
-    function onSuggestionSelect(suggestion) {
-      localModelValue.value = suggestion;
-      suggestionsDropdownEl.value?.hide();
-      emit("suggestion:selected", suggestion);
-    }
-    function onSuggestionRemove(suggestion) {
-      suggestions.value?.delete(suggestion);
-      emit("suggestion:removed", 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,
-        "required": props.required,
-        "readonly": props.readonly,
-        "icon-before": !!hasIconBefore.value,
-        "icon-after": !!iconAfter.value,
-        "floating": props.floating && !isEmpty(props.label),
-        "dirty": isDirty.value,
-        "focus": isFocused.value && !isDisabledOrReadonly.value,
-        "auto-width": props.autoWidth
-      }))
-    );
-    const hasAttrs = computed(() => {
-      const type2 = (() => {
-        if (isPassword.value && showPassword.value) {
-          return INPUT_TYPES.TEXT;
-        }
-        if (isDateTime.value && !isDirty.value && !focused.value) {
-          return INPUT_TYPES.TEXT;
-        }
-        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,
-        "aria-invalid": isInvalid.value,
-        "aria-describedby": hasHintLabelOrSlot.value ? hasHintId.value : void 0,
-        "aria-errormessage": hasInvalidLabelOrSlot.value ? hasHintId.value : void 0,
-        "inputMode": props.inputMode
-      };
-      if (type2 === INPUT_TYPES.DATE || type2 === INPUT_TYPES.MONTH || type2 === INPUT_TYPES.WEEK || type2 === INPUT_TYPES.TIME || type2 === INPUT_TYPES.DATETIME_LOCAL || type2 === INPUT_TYPES.NUMBER) {
-        let max = props.max;
-        if (type2 === INPUT_TYPES.DATE && !max) {
-          max = "9999-12-31";
-        }
-        toReturn.step = props.step;
-        toReturn.max = max !== void 0 ? String(max) : void 0;
-        toReturn.min = props.min !== void 0 ? String(props.min) : void 0;
-      }
-      if (type2 === INPUT_TYPES.TEXT || type2 === INPUT_TYPES.SEARCH || type2 === INPUT_TYPES.URL || type2 === INPUT_TYPES.TEL || type2 === INPUT_TYPES.EMAIL || type2 === INPUT_TYPES.PASSWORD || type2 === INPUT_TYPES.NUMBER) {
-        toReturn.placeholder = inputTextPlaceholder.value;
-      }
-      if (type2 === INPUT_TYPES.TEXT || type2 === INPUT_TYPES.SEARCH || type2 === INPUT_TYPES.URL || type2 === INPUT_TYPES.TEL || type2 === INPUT_TYPES.EMAIL || type2 === INPUT_TYPES.PASSWORD) {
-        toReturn.minlength = props.minlength;
-        toReturn.maxlength = props.maxlength;
-        toReturn.pattern = props.pattern;
-      }
-      if (type2 === INPUT_TYPES.EMAIL) {
-        toReturn.multiple = props.multiple;
-      }
-      return toReturn;
-    });
-    const slotProps = computed(() => ({
-      valid: props.valid,
-      invalid: props.invalid,
-      modelValue: props.modelValue,
-      togglePassword: onTogglePassword,
-      stepUp: onStepUp,
-      stepDown: onStepDown,
-      clear: onClear
-    }));
-    const {
-      HintSlot,
-      hasHintLabelOrSlot,
-      hasInvalidLabelOrSlot,
-      hintSlotScope
-    } = HintSlotFactory(propsDefaults, slots);
-    const PasswordInputActions = VvInputTextActionsFactory(
-      INPUT_TYPES.PASSWORD,
-      props,
-      isDirty
-    );
-    const NumberInputActions = VvInputTextActionsFactory(
-      INPUT_TYPES.NUMBER,
-      props,
-      isDirty
-    );
-    const SearchInputActions = VvInputTextActionsFactory(
-      INPUT_TYPES.SEARCH,
-      props,
-      isDirty
-    );
-    function onClickInner() {
-      if (!isDisabledOrReadonly.value) {
-        focused.value = true;
-      }
-    }
-    const hasStyle = computed(() => {
-      if (!props.autoWidth) {
-        return void 0;
-      }
-      return {
-        width: localModelValue.value !== void 0 ? `${String(localModelValue.value).length + 1}ch` : void 0
-      };
-    });
-    function onKeyDown(event) {
-      switch (event.code) {
-        case "ArrowUp":
-          if (isNumber.value) {
-            onStepUp();
-            event.preventDefault();
-          }
-          break;
-        case "ArrowDown":
-          if (isNumber.value) {
-            onStepDown();
-            event.preventDefault();
-          }
-          break;
-      }
-      emit("keydown", event);
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(
-        "div",
-        {
-          class: normalizeClass(unref(bemCssClasses))
-        },
-        [
-          unref(label) ? (openBlock(), createElementBlock("label", {
-            key: 0,
-            for: unref(hasId),
-            class: "vv-input-text__label"
-          }, toDisplayString(unref(label)), 9, _hoisted_1)) : createCommentVNode("v-if", true),
-          createElementVNode(
-            "div",
-            {
-              ref_key: "wrapperEl",
-              ref: wrapperEl,
-              class: "vv-input-text__wrapper"
-            },
-            [
-              _ctx.$slots.before ? (openBlock(), createElementBlock("div", _hoisted_2, [
-                renderSlot(_ctx.$slots, "before", normalizeProps(guardReactiveProps(unref(slotProps))))
-              ])) : createCommentVNode("v-if", true),
-              createElementVNode(
-                "div",
-                {
-                  ref_key: "innerEl",
-                  ref: innerEl,
-                  class: "vv-input-text__inner",
-                  onClick: withModifiers(onClickInner, ["stop"])
-                },
-                [
-                  unref(hasIconBefore) ? (openBlock(), createBlock(
-                    _sfc_main$1,
-                    mergeProps({ key: 0 }, unref(hasIconBefore), { class: "vv-input-text__icon" }),
-                    null,
-                    16
-                    /* FULL_PROPS */
-                  )) : createCommentVNode("v-if", true),
-                  createElementVNode("input", mergeProps({
-                    id: unref(hasId),
-                    ref_key: "inputEl",
-                    ref: inputEl
-                  }, unref(hasAttrs), {
-                    style: unref(hasStyle),
-                    onKeyup: _cache[0] || (_cache[0] = ($event) => emit("keyup", $event)),
-                    onKeydown: onKeyDown,
-                    onKeypress: _cache[1] || (_cache[1] = ($event) => emit("keypress", $event))
-                  }), null, 16, _hoisted_3),
-                  (_ctx.unit || _ctx.$slots.unit) && unref(isDirty) ? (openBlock(), createElementBlock("div", _hoisted_4, [
-                    renderSlot(_ctx.$slots, "unit", normalizeProps(guardReactiveProps(unref(slotProps))), () => [
-                      createTextVNode(
-                        toDisplayString(_ctx.unit),
-                        1
-                        /* TEXT */
-                      )
-                    ])
-                  ])) : createCommentVNode("v-if", true)
-                ],
-                512
-                /* NEED_PATCH */
-              ),
-              unref(iconAfter) ? (openBlock(), createBlock(
-                _sfc_main$1,
-                mergeProps({ key: 1 }, unref(iconAfter), { class: "vv-input-text__icon vv-input-text__icon-after" }),
-                null,
-                16
-                /* FULL_PROPS */
-              )) : unref(isPassword) && !_ctx.hideActions && !unref(isDisabledOrReadonly) ? (openBlock(), createBlock(unref(PasswordInputActions), {
-                key: 2,
-                onTogglePassword
-              })) : unref(isNumber) && !_ctx.hideActions && !unref(isDisabledOrReadonly) ? (openBlock(), createBlock(unref(NumberInputActions), {
-                key: 3,
-                onStepUp,
-                onStepDown
-              })) : unref(isSearch) && !_ctx.hideActions && !unref(isDisabledOrReadonly) ? (openBlock(), createBlock(unref(SearchInputActions), {
-                key: 4,
-                onClear
-              })) : createCommentVNode("v-if", true),
-              _ctx.$slots.after ? (openBlock(), createElementBlock("div", _hoisted_5, [
-                renderSlot(_ctx.$slots, "after", normalizeProps(guardReactiveProps(unref(slotProps))))
-              ])) : createCommentVNode("v-if", true),
-              unref(count) ? (openBlock(), createElementBlock("span", _hoisted_6, [
-                renderSlot(_ctx.$slots, "count", normalizeProps(guardReactiveProps(unref(slotProps))), () => [
-                  createTextVNode(
-                    toDisplayString(unref(countFormatted)),
-                    1
-                    /* TEXT */
-                  )
-                ])
-              ])) : createCommentVNode("v-if", true)
-            ],
-            512
-            /* NEED_PATCH */
-          ),
-          createVNode(unref(HintSlot), {
-            id: unref(hasHintId),
-            class: "vv-input-text__hint"
-          }, createSlots({
-            _: 2
-            /* DYNAMIC */
-          }, [
-            _ctx.$slots.hint ? {
-              name: "hint",
-              fn: withCtx(() => [
-                renderSlot(_ctx.$slots, "hint", normalizeProps(guardReactiveProps(unref(hintSlotScope))))
-              ]),
-              key: "0"
-            } : void 0,
-            _ctx.$slots.loading ? {
-              name: "loading",
-              fn: withCtx(() => [
-                renderSlot(_ctx.$slots, "loading", normalizeProps(guardReactiveProps(unref(hintSlotScope))))
-              ]),
-              key: "1"
-            } : void 0,
-            _ctx.$slots.valid ? {
-              name: "valid",
-              fn: withCtx(() => [
-                renderSlot(_ctx.$slots, "valid", normalizeProps(guardReactiveProps(unref(hintSlotScope))))
-              ]),
-              key: "2"
-            } : void 0,
-            _ctx.$slots.invalid ? {
-              name: "invalid",
-              fn: withCtx(() => [
-                renderSlot(_ctx.$slots, "invalid", normalizeProps(guardReactiveProps(unref(hintSlotScope))))
-              ]),
-              key: "3"
-            } : void 0
-          ]), 1032, ["id"]),
-          unref(hasSuggestions) ? (openBlock(), createBlock(_sfc_main$4, {
-            key: 1,
-            ref_key: "suggestionsDropdownEl",
-            ref: suggestionsDropdownEl,
-            reference: unref(wrapperEl),
-            "autofocus-first": false,
-            "trigger-width": true
-          }, {
-            items: withCtx(() => [
-              (openBlock(true), createElementBlock(
-                Fragment,
-                null,
-                renderList(unref(filteredSuggestions), (value) => {
-                  return openBlock(), createBlock(_sfc_main$2, {
-                    key: value,
-                    onClick: withModifiers(($event) => onSuggestionSelect(value), ["stop"])
-                  }, {
-                    default: withCtx(() => [
-                      createElementVNode("div", _hoisted_7, [
-                        renderSlot(_ctx.$slots, "suggestion", mergeProps({ ref_for: true }, { value }), () => [
-                          createTextVNode(
-                            toDisplayString(value),
-                            1
-                            /* TEXT */
-                          )
-                        ])
-                      ]),
-                      unref(suggestions) && unref(hasIconRemoveSuggestion) ? (openBlock(), createElementBlock("button", {
-                        key: 0,
-                        type: "button",
-                        tabindex: "-1",
-                        class: "cursor-pointer",
-                        title: _ctx.labelRemoveSuggestion,
-                        onClick: withModifiers(($event) => onSuggestionRemove(value), ["stop"])
-                      }, [
-                        createVNode(
-                          _sfc_main$1,
-                          mergeProps({ ref_for: true }, unref(hasIconRemoveSuggestion)),
-                          null,
-                          16
-                          /* FULL_PROPS */
-                        )
-                      ], 8, _hoisted_8)) : createCommentVNode("v-if", true)
-                    ]),
-                    _: 2
-                    /* DYNAMIC */
-                  }, 1032, ["onClick"]);
-                }),
-                128
-                /* KEYED_FRAGMENT */
-              ))
-            ]),
-            _: 3
-            /* FORWARDED */
-          }, 8, ["reference"])) : createCommentVNode("v-if", true)
-        ],
-        2
-        /* CLASS */
-      );
-    };
-  }
-});
-export {
-  _sfc_main as default
-};
+import{unref as e,computed as t,isRef as a,defineComponent as l,h as o,useId as i,Fragment as n,provide as r,ref as u,toRefs as s,useAttrs as d,onMounted as v,watch as c,createElementBlock as p,openBlock as f,createVNode as m,withCtx as b,renderSlot as h,normalizeProps as g,guardReactiveProps as y,Transition as S,mergeProps as w,toHandlers as E,withDirectives as $,createElementVNode as x,normalizeClass as L,normalizeStyle as T,createCommentVNode as D,vShow as k,nextTick as O,inject as A,createBlock as _,createTextVNode as I,toDisplayString as M,mergeDefaults as N,useSlots as H,withModifiers as C,createSlots as B,renderList as P}from"vue";import{useIMask as V}from"vue-imask";import{autoPlacement as R,flip as j,shift as U,size as F,offset as Y,arrow as W,useFloating as z,autoUpdate as q}from"@floating-ui/vue";import{useMutationObserver as K,useVModel as X,onClickOutside as J,useFocusWithin as Z,useElementHover as G,onKeyStroke as Q,useFocus as ee,useStorage as te,useElementVisibility as ae}from"@vueuse/core";import le from"mitt";import{iconLoaded as oe,Icon as ie,addIcon as ne}from"@iconify/vue";const re=e=>e.toString().padStart(2,"0");function ue(e){if("string"!=typeof e)return!1;if(!/^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}(?:\.\d{1,3})?(?:Z|[+-]\d{2}:?\d{2})?$/.test(e))return!1;const t=new Date(e);return!Number.isNaN(t.getTime())&&t.toISOString()===e}function se(e,t="date",a){if("string"==typeof e&&!ue(e))return"";const l=new Date(e);if(Number.isNaN(l.getTime()))return"";let o=`${l.getFullYear()}-${re(l.getMonth()+1)}`;if("month"===t)return o;if(o+=`-${re(l.getDate())}`,"date"===t)return o;const i=a?`${re(l.getHours())}:${re(l.getMinutes())}:${re(l.getSeconds())}`:`${re(l.getHours())}:${re(l.getMinutes())}`;return"time"===t?i:`${o}T${i}`}function de(t){return null==(a=e(t))||""===a||Array.isArray(a)&&0===a.length||!(a instanceof Date)&&"object"==typeof a&&0===Object.keys(a).length;var a}function ve(e){return Array.isArray(e)?e.filter(e=>"string"==typeof e).join(" "):e}var ce=/* @__PURE__ */(e=>(e.local="local",e.session="session",e))(ce||{}),pe=/* @__PURE__ */(e=>(e.absolute="absolute",e.fixed="fixed",e))(pe||{}),fe=/* @__PURE__ */(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(fe||{}),me=/* @__PURE__ */(e=>(e.topStart="top-start",e.topEnd="top-end",e.bottomStart="bottom-start",e.bottomEnd="bottom-end",e.leftStart="left-start",e.leftEnd="left-end",e.rightStart="right-start",e.rightEnd="right-end",e))(me||{}),be=/* @__PURE__ */(e=>(e.before="before",e.after="after",e))(be||{}),he=/* @__PURE__ */(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(he||{}),ge=/* @__PURE__ */(e=>(e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e))(ge||{}),ye=/* @__PURE__ */(e=>(e.button="button",e.link="link",e.menuitem="menuitem",e))(ye||{}),Se=/* @__PURE__ */(e=>(e.listbox="listbox",e.menu="menu",e))(Se||{}),we=/* @__PURE__ */(e=>(e.option="option",e.presentation="presentation",e))(we||{});const Ee=Symbol.for("volver"),$e=Symbol.for("dropdownTrigger"),xe=Symbol.for("dropdownItem"),Le=Symbol.for("dropdownAction"),Te="eye-on",De="eye-off",ke="calendar",Oe="time",Ae="color",_e="close",Ie="trash",Me={prefix:"normal"},Ne={valid:{type:Boolean,default:!1},validLabel:{type:[String,Array],default:void 0}},He={invalid:{type:Boolean,default:!1},invalidLabel:{type:[String,Array],default:void 0}},Ce={loading:{type:Boolean,default:!1},loadingLabel:{type:String,default:"Loading..."}},Be={disabled:{type:Boolean,default:!1}},Pe={required:{type:Boolean,default:!1}},Ve={selected:{type:Boolean,default:!1}},Re={label:{type:[String,Number],default:void 0}},je={readonly:{type:Boolean,default:!1}},Ue={modifiers:{type:[String,Array],default:void 0}},Fe={hintLabel:{type:String,default:""}},Ye={count:{type:[Boolean,String],default:!1,validator:e=>[!0,!1,"limit","countdown"].includes(e)}},We={debounce:{type:[Number,String],default:void 0}},ze={icon:{type:[String,Object],default:void 0},iconPosition:{type:String,default:be.before,validation:e=>Object.values(be).includes(e)}},qe={tabindex:{type:[String,Number],default:0}},Ke={floating:{type:Boolean,default:!1}},Xe={unselectable:{type:Boolean,default:!0}},Je={id:[String,Number]},Ze={placement:{type:String,default:fe.bottom,validator:e=>Object.values(fe).includes(e)||Object.values(me).includes(e)},strategy:{type:String,default:void 0,validator:e=>Object.values(pe).includes(e)},transitionName:{type:String,default:void 0},offset:{type:[Number,String,Object],default:0},shift:{type:[Boolean,Object],default:!1},flip:{type:[Boolean,Object],default:!0},size:{type:[Boolean,Object],default:()=>({padding:10})},autoPlacement:{type:[Boolean,Object],default:!1},arrow:{type:Boolean,default:!1},keepOpen:{type:Boolean,default:!1},autofocusFirst:{type:Boolean,default:!0},triggerWidth:{type:Boolean,default:!1}},Ge={...{...Je,name:{type:String,required:!0}},...{autofocus:{type:Boolean,default:!1}},...{autocomplete:{type:String,default:"off"}},...qe,...Be,...je,...Ne,...He,...Fe,...Ce,...Ue,...Ye,...We,...ze,...Ke,...Re,minlength:{type:[String,Number],default:void 0},maxlength:{type:[String,Number],default:void 0},placeholder:{type:String,default:void 0},...Pe};he.button,ge.button;const Qe={storageType:{type:String,default:ce.local,validator:e=>Object.values(ce).includes(e)},storageKey:String},et={...Je,...Ze,...Ue,modelValue:{type:Boolean,default:void 0},reference:{type:Object,default:null},role:{type:String,default:Se.menu,validator:e=>Object.values(Se).includes(e)}},tt={focusOnHover:{type:Boolean,default:!1}},at={...Be,...Ve,...Xe,...Ue,deselectHintLabel:{type:String},selectHintLabel:{type:String},selectedHintLabel:{type:String},focusOnHover:{type:Boolean,default:!1}};function lt(e){return t(()=>String(e?.value||i()))}function ot(a,l,o){return t(()=>{const t={[a]:!0},i="string"==typeof l?.value?l.value.split(" "):l?.value;return i&&Array.isArray(i)&&i.forEach(e=>{e&&(t[`${a}--${e}`]=!0)}),o&&Object.keys(o.value).forEach(l=>{t[`${a}--${l}`]=e(o.value[l])}),t})}const it=["id","tabindex","role","aria-labelledby"],nt=/* @__PURE__ */l({name:"VvDropdown",inheritAttrs:!1,props:et,emits:["update:modelValue","beforeEnter","afterLeave","beforeExpand","beforeCollapse","afterExpand","afterCollapse","before-enter","after-leave","enter","afterEnter","enterCancelled","beforeLeave","leave","leaveCancelled"],setup(a,{expose:i,emit:A}){const _=a,I=A,{id:M}=s(_),N=lt(M),H=d(),C=u("auto"),B=u("auto"),P=u(),V=u(),ee=u(),te=u(),ae=t({get:()=>_.reference??P.value,set:e=>{P.value=e}}),oe=u(!1);v(()=>{K(V.value,()=>{oe.value="true"===window.getComputedStyle(V.value).getPropertyValue("--dropdown-custom-position")?.trim()},{attributeFilter:["style"],window:window})});const ie=t(()=>{const e=[];if(_.autoPlacement?"boolean"==typeof _.autoPlacement?e.push(R()):e.push(R(_.autoPlacement)):_.flip&&("boolean"==typeof _.flip?e.push(j({fallbackStrategy:"initialPlacement"})):e.push(j(_.flip))),_.shift&&("boolean"==typeof _.shift?e.push(U()):e.push(U(_.shift))),_.size){const t=({availableWidth:e,availableHeight:t})=>{C.value=`${e}px`,B.value=`${t}px`};"boolean"==typeof _.size?e.push(F({apply:t})):e.push(F({..._.size,apply:t}))}return _.offset&&(e.push(Y(Number(_.offset))),["string","number"].includes(typeof _.offset)?e.push(Y(Number(_.offset))):e.push(Y(_.offset))),_.arrow&&e.push(W({element:ee})),e}),{x:ne,y:re,middlewareData:ue,placement:se,strategy:de}=z(ae,V,{whileElementsMounted:(...e)=>q(...e,{animationFrame:_.strategy===pe.fixed}),placement:t(()=>_.placement),strategy:t(()=>_.strategy),middleware:ie}),ve=t(()=>{if(oe.value)return;const e=_.triggerWidth&&ae.value?`${ae.value?.offsetWidth}px`:void 0;return{position:de.value,top:`${re.value??0}px`,left:`${ne.value??0}px`,maxWidth:e?void 0:C.value,maxHeight:B.value,width:e}}),ce=t(()=>se.value.split("-")[0]),me=t(()=>{if(oe.value)return;const e={[fe.top]:fe.bottom,[fe.right]:fe.left,[fe.bottom]:fe.top,[fe.left]:fe.right}[ce.value];return{left:void 0!==ue.value.arrow?.x?`${ue.value.arrow?.x}px`:void 0,top:void 0!==ue.value.arrow?.y?`${ue.value.arrow?.y}px`:void 0,[e]:-(ee.value?.offsetWidth??0)/2+"px"}}),be=X(_,"modelValue",I),he=u(!1),ge=t({get:()=>be.value??he.value,set:e=>{void 0!==be.value?be.value=e:he.value=e}});function ye(){ge.value=!0}function Ee(){ge.value=!1}function Le(){ge.value=!ge.value}function Te(e){ae.value=e}J(V,()=>{!_.keepOpen&&ge.value&&(ge.value=!1)},{ignore:[ae]});const De=t(()=>ae.value?.getAttribute?.("id")??void 0),ke=t(()=>({"aria-controls":N.value,"aria-haspopup":!0,"aria-expanded":ge.value})),{component:Oe,bus:Ae}=function({reference:e,id:t,expanded:a,aria:i}){const u=le(),s=l({name:"VvDropdownTriggerProvider",setup(){r($e,{reference:e,id:t,expanded:a,aria:i,bus:u})},render(){return o(n,{},this.$slots.default?.())}});return{bus:u,component:s}}({reference:ae,id:N,expanded:ge,aria:ke});Ae.on("click",Le);const{role:_e,modifiers:Ie}=s(_),Me=ot("vv-dropdown",Ie,t(()=>({arrow:_.arrow}))),{focused:Ne}=Z(V);function He(e){return e?[...e.querySelectorAll('a[href], button, input, textarea, select, details, [tabindex]:not([tabindex="-1"])')].filter(e=>!e.hasAttribute("disabled")&&!e.getAttribute("aria-hidden")):[]}function Ce(){O(()=>{const e=He(V.value);e.length>0&&e[0].focus({preventScroll:!0})})}function Be(){O(()=>{if(Ne.value){const e=He(V.value);if(0===e.length||!document.activeElement)return;const t=e.indexOf(document.activeElement);t<e.length-1?e[t+1].focus({preventScroll:!0}):e[0].focus({preventScroll:!0})}})}function Pe(){O(()=>{if(Ne.value){const e=He(V.value);if(0===e.length||!document.activeElement)return;const t=e.indexOf(document.activeElement);t>0?e[t-1].focus({preventScroll:!0}):e[e.length-1].focus({preventScroll:!0})}})}c(ge,e=>{e&&_.autofocusFirst&&Ce()}),i({toggle:Le,show:ye,hide:Ee,init:Te,focusFirst:Ce,focusFirstListElement:function(){O(()=>{const e=He(te.value);e.length>0&&e[0].focus({preventScroll:!0})})},focusNext:Be,focusPrev:Pe,customPosition:oe});const Ve=G(V),{itemRole:Re}=function({role:e,...a}){const l=t(()=>e.value===Se.listbox?we.option:we.presentation);return r(xe,{role:l,...a}),{itemRole:l}}({role:_e,expanded:ge,focused:Ne,hovered:Ve});Q("Escape",e=>{ge.value&&(e.preventDefault(),Ee())}),Q("ArrowDown",e=>{ge.value&&Ne.value&&(e.preventDefault(),Be())}),Q("ArrowUp",e=>{ge.value&&Ne.value&&(e.preventDefault(),Pe())}),Q([" ","Enter"],e=>{const t=e.target;ge.value&&Ne.value&&t&&t?.click()});const je={"before-enter":()=>{I(ge.value?"beforeExpand":"beforeCollapse"),I("beforeEnter")},"after-leave":()=>{I(ge.value?"afterExpand":"afterCollapse"),I("afterLeave")},enter:()=>{I("enter")},"after-enter":()=>{I("afterEnter")},"enter-cancelled":()=>{I("enterCancelled")},"before-leave":()=>{I("beforeLeave")},leave:()=>{I("leave")},"leave-cancelled":()=>{I("leaveCancelled")}};return(t,a)=>(f(),p(n,null,[m(e(Oe),null,{default:b(()=>[h(t.$slots,"default",g(y({init:Te,show:ye,hide:Ee,toggle:Le,expanded:e(ge),aria:e(ke)})))]),_:3}),m(S,w({name:t.transitionName},E(je),{persisted:""}),{default:b(()=>[$(x("div",{ref_key:"floatingEl",ref:V,style:T(e(ve)),class:L(e(Me))},[_.arrow?(f(),p("div",{key:0,ref_key:"arrowEl",ref:ee,style:T(e(me)),class:"vv-dropdown__arrow"},null,4)):D("v-if",!0),h(t.$slots,"before",g(y({expanded:e(ge)}))),x("div",w(e(H),{id:e(N),ref_key:"listEl",ref:te,tabindex:e(ge)?void 0:-1,role:e(_e),"aria-labelledby":e(De),class:"vv-dropdown__list"}),[h(t.$slots,"items",g(y({role:e(Re)})))],16,it),h(t.$slots,"after",g(y({expanded:e(ge)})))],6),[[k,e(ge)]])]),_:3},16,["name"])],64))}});const rt=/* @__PURE__ */l({name:"VvDropdownItem",props:tt,setup(t){const a=t,{role:l,expanded:o}=A(xe,{}),i=u(null);!function({expanded:e}){r(Le,{role:u(ye.menuitem),expanded:e})}({expanded:o});const n=G(i),{focused:s}=ee(i),{focused:d}=Z(i);return c(n,e=>{e&&a.focusOnHover&&(s.value=!0)}),(t,a)=>(f(),p("div",w({role:e(l)},{ref_key:"element",ref:i,class:["vv-dropdown__item",{"focus-visible":e(s)||e(d)}]}),[h(t.$slots,"default")],16))}}),ut=["title"],st=/* @__PURE__ */l({name:"VvDropdownOption",props:at,setup(a){const l=a,{modifiers:o}=s(l),i=ot("vv-dropdown-option",o,t(()=>({disabled:l.disabled,selected:l.selected,unselectable:l.unselectable&&l.selected}))),n=t(()=>l.selected?l.unselectable?l.deselectHintLabel:l.selectedHintLabel:l.disabled?"":l.selectHintLabel);return(t,a)=>(f(),_(rt,{class:L(e(i)),tabindex:t.disabled?-1:0,"aria-selected":t.selected,"aria-disabled":t.disabled,"focus-on-hover":t.focusOnHover},{default:b(()=>[h(t.$slots,"default"),x("span",{class:"vv-dropdown-option__hint",title:e(n)},[h(t.$slots,"hint",g(y({disabled:t.disabled,selected:t.selected,unselectable:t.unselectable})),()=>[I(M(e(n)),1)])],8,ut)]),_:3},8,["class","tabindex","aria-selected","aria-disabled","focus-on-hover"]))}});function dt(){return A(Ee,void 0)}const vt=/* @__PURE__ */l({name:"VvIcon",props:/* @__PURE__ */N({name:{},color:{},width:{},height:{},provider:{},prefix:{},src:{},horizontalFlip:{type:Boolean},verticalFlip:{type:Boolean},flip:{},mode:{},inline:{type:Boolean},rotate:{},onLoad:{type:Function},svg:{},modifiers:{}},Me),setup(a){const l=a,o=t(()=>"string"==typeof l.rotate?Number.parseFloat(l.rotate):l.rotate),i=u(!0),n=dt(),{modifiers:r}=s(l),d=ot("vv-icon",r),v=t(()=>l.provider||n?.iconsProvider),c=t(()=>{const e=l.name??"",t=`@${v.value}:${l.prefix}:${e}`;if(oe(t))return t;const a=n?.iconsCollections.find(t=>{const a=`@${v.value}:${t.prefix}:${e}`;return oe(a)});return a?`@${v.value}:${a.prefix}:${e}`:e});function p(e){const t=function(e){let t;if("undefined"==typeof window){const{JSDOM:e}=require("jsdom");t=(new e).window}return(t?new t.DOMParser:new window.DOMParser).parseFromString(e,"text/html").querySelector("svg")}(e),a=t?.innerHTML.trim()||"";t&&a&&ne(`@${v.value}:${l.prefix}:${l.name}`,{body:a,height:t.viewBox.baseVal.height,width:t.viewBox.baseVal.width})}return n&&l.src&&!oe(`@${v.value}:${l.prefix}:${l.name}`)&&(i.value=!1,n.fetchIcon(l.src).then(e=>{e&&(p(e),i.value=!0)}).catch(e=>{throw new Error(`Error during fetch icon: ${e?.message}`)})),l.svg&&p(l.svg),(t,l)=>e(i)?(f(),_(e(ie),w({key:0,class:e(d)},{inline:a.inline,width:a.width,height:a.height,horizontalFlip:a.horizontalFlip,verticalFlip:a.verticalFlip,flip:a.flip,rotate:e(o),color:a.color,icon:e(c)},{onLoad:a.onLoad}),null,16,["class","onLoad"])):D("v-if",!0)}}),ct={TEXT:"text",PASSWORD:"password",NUMBER:"number",EMAIL:"email",TEL:"tel",URL:"url",COLOR:"color",SEARCH:"search",DATE:"date",TIME:"time",DATETIME_LOCAL:"datetime-local",MONTH:"month",WEEK:"week"},pt={...Ge,...Qe,modelValue:[String,Number,Date],type:{type:String,default:ct.TEXT,validator:e=>Object.values(ct).includes(e)},min:[Number,Date,String],max:[Number,Date,String],step:{type:[String,Number],default:1},pattern:String,multiple:Boolean,iconShowPassword:{type:[String,Object],default:Te},iconHidePassword:{type:[String,Object],default:De},iconClear:{type:[String,Object],default:_e},iconRemoveSuggestion:{type:[String,Object],default:Ie},labelStepUp:{type:String,default:"Increase value"},labelStepDown:{type:String,default:"Decrease value"},labelShowPassword:{type:String,default:"Show password"},labelHidePassword:{type:String,default:"Hide password"},labelClear:{type:String,default:"Clear"},labelRemoveSuggestion:{type:String,default:"Remove suggestion"},iMask:{type:Object,default:void 0},masked:{type:String,default:void 0},autoWidth:{type:Boolean,default:!1},hideActions:{type:Boolean,default:!1},unit:{type:String},selectOnFocus:{type:Boolean,default:!1},maxSuggestions:{type:Number,default:5},inputMode:{type:String,default:"text"}};function ft(e,a){const l=t(()=>"string"==typeof e?.value?{name:e?.value}:e?.value),o=t(()=>a?.value===be.before?l.value:void 0),i=t(()=>a?.value===be.after?l.value:void 0),n=t(()=>a?.value===fe.left?l.value:void 0),r=t(()=>a?.value===fe.right?l.value:void 0),u=t(()=>a?.value===fe.top?l.value:void 0),s=t(()=>a?.value===fe.bottom?l.value:void 0);return{hasIcon:l,hasIconLeft:n,hasIconRight:r,hasIconTop:u,hasIconBottom:s,hasIconBefore:o,hasIconAfter:i}}const mt=l({components:{VvIcon:vt},props:{inputType:{type:String,default:"input-text"},disabled:{type:Boolean,default:!1},label:{type:String,default:"Clear"},icon:{type:[String,Object],default:"close"}},emits:["clear"],setup(e,{emit:a}){const{hasIcon:l}=ft(t(()=>e.icon));return{hasIcon:l,onClick:function(t){t?.stopPropagation(),e.disabled||a("clear")}}},render(){const e=this.hasIcon?o(vt,{...this.hasIcon,class:`vv-${this.inputType}__icon`}):void 0;return o("button",{disabled:this.disabled,class:`vv-${this.inputType}__action`,ariaLabel:this.label,type:"button",onClick:this.onClick},e)}}),bt=l({components:{VvIcon:vt},props:{inputType:{type:String,default:"input-text"},disabled:{type:Boolean,default:!1},labelShow:{type:String,default:"Show password"},labelHide:{type:String,default:"Hide password"},iconShow:{type:[String,Object],default:Te},iconHide:{type:[String,Object],default:De}},emits:["toggle-password"],setup(e,{emit:a}){const l=u(!1),o=t(()=>l.value?e.iconHide:e.iconShow),{hasIcon:i}=ft(o);return{active:l,activeIcon:o,hasIcon:i,onClick:function(t){t?.stopPropagation(),e.disabled||(l.value=!l.value,a("toggle-password",l.value))}}},render(){const e=this.hasIcon?o(vt,{...this.hasIcon,class:`vv-${this.inputType}__icon`}):void 0;return o("button",{disabled:this.disabled,class:`vv-${this.inputType}__action`,ariaLabel:this.active?this.labelHide:this.labelShow,type:"button",onClick:this.onClick},e)}}),ht=l({components:{VvIcon:vt},props:{inputType:{type:String,default:"input-text"},disabled:{type:Boolean,default:!1},label:{type:String},mode:{type:String,validator:e=>["up","down"].includes(e),default:"up"}},emits:["step-up","step-down"],setup(e,{emit:a}){const l=t(()=>"up"===e.mode);return{isUp:l,onClick:t=>{t?.stopPropagation(),e.disabled||a(l.value?"step-up":"step-down")}}},render(){return o("button",{class:[`vv-${this.inputType}__action`,`vv-${this.inputType}__action-chevron`,this.isUp?`vv-${this.inputType}__action-chevron-up`:void 0],disabled:this.disabled,ariaLabel:this.label,type:"button",onClick:this.onClick})}});function gt(e,a,l){return{name:"VvInputTextActions",components:{VvIcon:vt,VvInputPasswordAction:bt,VvInputStepAction:ht,VvInputClearAction:mt},setup(){const e=t(()=>a.disabled||a.readonly);return{isDirty:l,isDisabled:e,labelStepUp:a.labelStepUp,labelStepDown:a.labelStepDown,labelShowPassword:a.labelShowPassword,labelHidePassword:a.labelHidePassword,labelClear:a.labelClear,iconShowPassword:a.iconShowPassword,iconHidePassword:a.iconHidePassword}},render(){let t=null;switch(e){case ct.SEARCH:{const{onClear:e}=this.$attrs;t=[o(mt,{disabled:this.isDisabled||!this.isDirty,label:this.labelClear,onClear:e})];break}case ct.PASSWORD:{const{onTogglePassword:e}=this.$attrs;t=[o(bt,{disabled:this.isDisabled,onTogglePassword:e,labelShow:this.labelShowPassword,labelHide:this.labelHidePassword,iconShow:this.iconShowPassword,iconHide:this.iconHidePassword})];break}case ct.NUMBER:{const{onStepUp:e,onStepDown:l}=this.$attrs;t=[o(ht,{mode:"up",disabled:this.isDisabled||void 0!==a.max&&a.modelValue===a.max,label:this.labelStepUp,onStepUp:e,onStepDown:l}),o(ht,{mode:"down",disabled:this.isDisabled||void 0!==a.min&&a.modelValue===a.min,label:this.labelStepDown,onStepUp:e,onStepDown:l})];break}}return Array.isArray(t)?o("div",{class:"vv-input-text__actions-group"},t):t}}}const yt=["for"],St={key:0,class:"vv-input-text__input-before"},wt=["id"],Et={key:1,class:"vv-input-text__unit"},$t={key:5,class:"vv-input-text__input-after"},xt={key:6,class:"vv-input-text__limit"},Lt={class:"flex-1"},Tt=["title","onClick"],Dt=/* @__PURE__ */l({name:"VvInputText",props:pt,emits:["update:modelValue","update:masked","accept","accept:typed","accept:masked","accept:unmasked","complete","complete:typed","complete:masked","complete:unmasked","suggestion:selected","suggestion:removed","focus","blur","keyup","keydown","keypress","clear"],setup(i,{expose:r,emit:d}){const S=i,E=d,$=H(),T=dt(),k=function(e,a,l){const o=dt(),i=t(()=>{if(o&&o.defaults.value?.[e])return o.defaults.value[e]});return t(()=>{if(void 0===i.value)return l;const e=i.value,t=a,o=l;return Object.keys(t).reduce((a,l)=>{const i=o[l];if(a[l]=i,l in e){if(Array.isArray(t[l])){const o=t[l];o.length&&o[0]===i&&(a[l]=e[l])}if("function"==typeof t[l]&&(0,t[l])()===i&&(a[l]=e[l]),"object"==typeof t[l]){let o=t[l].default;"function"==typeof o&&(o=o()),"object"==typeof o?JSON.stringify(o)===JSON.stringify(i)&&(a[l]=e[l]):o===i&&(a[l]=e[l])}}return a},{})})}("VvInputText",pt,S),{count:O,debounce:A,icon:N,iconPosition:R,iconRemoveSuggestion:j,id:U,invalid:F,label:Y,loading:W,maxlength:z,minlength:q,modelValue:K,step:X,storageType:J,type:Z,valid:G}=s(S),Q=lt(U),le=t(()=>`${Q.value}-hint`),oe=t(()=>S.floating&&de(S.placeholder)?" ":S.placeholder),ie=function(e,a,l=0,{getter:o=e=>e,setter:i=e=>e}={}){let n;return"string"==typeof l&&(l=Number.parseInt(l)),t({get:()=>o(e?.value),set:e=>{n&&clearTimeout(n),n=setTimeout(()=>{a("update:modelValue",i(e))},l)}})}(K,E,A?.value??0),ne=t(()=>{const e="number"==typeof X.value?X.value:Number.parseInt(X.value);return!Number.isNaN(e)&&e%60!=0}),pe=/^-0?[.,]?[0*]?$/,fe=u(!1),me=u(),be=u(),{el:he,mask:ge,typed:ye,masked:Se,unmasked:we}=V(t(()=>{if(!S.iMask)return{mask:/./};if(S.iMask.mask===Number){const e={...S.iMask};return S.min&&(e.min=Number(S.min)),S.max&&(e.max=Number(S.max)),e}return S.iMask}),{emit:E,onAccept:()=>{if(fe.value){if(E("update:masked",Se.value),Z.value===ct.NUMBER){if(/^-$|^$/.test(we.value)){if(null===ie.value||void 0===ie.value)return;return void(ie.value=void 0)}return pe.test(we.value)?void(ie.value=0):"number"!=typeof ye.value?void(ie.value=Number(ye.value)):void(ie.value=ye.value)}if(Z.value===ct.DATETIME_LOCAL||Z.value===ct.DATE||Z.value===ct.TIME||Z.value===ct.MONTH){if(!ye.value){if(!ie.value)return;return me.value?void(ie.value=void 0):void(ie.value="")}if(!(ye.value instanceof Date||me.value||be.value))return void(ie.value=ye.value);let e=ye.value;if(e instanceof Date||(e=function(e,t="date"){if(!e?.trim())return null;const a=/* @__PURE__ */new Date,l=a.getFullYear(),o=a.getMonth(),i=a.getDate();if("date"===t){if(!/^\d{4}-\d{2}-\d{2}$/.test(e))throw new Error("Invalid date format. Expected: YYYY-MM-DD");/* @__PURE__ */
+return new Date(`${e}T00:00:00`)}if("month"===t){if(!/^\d{4}-\d{2}$/.test(e))throw new Error("Invalid month format. Expected: YYYY-MM");/* @__PURE__ */
+return new Date(`${e}-01T00:00:00`)}if("time"===t){if(!/^(?:[01]\d|2[0-3]):[0-5]\d(?::[0-5]\d)?$/.test(e))throw new Error("Invalid time format. Expected: HH:mm or HH:mm:ss");return 8===e.length?/* @__PURE__ */new Date(`${l}-${re(o+1)}-${re(i)}T${e}`):/* @__PURE__ */new Date(`${l}-${re(o+1)}-${re(i)}T${e}:00`)}if(!/^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}(?::\d{2})?$/.test(e))throw new Error("Invalid datetime format. Expected: YYYY-MM-DDThh:mm or YYYY-MM-DDThh:mm:ss");return 16===e.length?/* @__PURE__ */new Date(`${e}:00`):/* @__PURE__ */new Date(`${e}`)}(ye.value,Z.value)),me.value||be.value){const t=new Date(me.value||be.value);if(Z.value!==ct.DATETIME_LOCAL&&Z.value!==ct.DATE&&Z.value!==ct.MONTH||(t.setFullYear(e.getFullYear()),t.setMonth(e.getMonth())),Z.value!==ct.DATETIME_LOCAL&&Z.value!==ct.DATE||t.setDate(e.getDate()),Z.value!==ct.DATETIME_LOCAL&&Z.value!==ct.TIME||(t.setHours(e.getHours()),t.setMinutes(e.getMinutes()),t.setSeconds(e.getSeconds())),me.value instanceof Date){if(ie.value?.getTime()===t.getTime())return;return void(ie.value=t)}return void(ie.value=t.toISOString())}return void(ie.value=se(e,Z.value,ne.value))}(ie.value||we.value)&&(ie.value=we.value)}}});function Ee(e){if(null==e)return ye.value="",void(we.value="");if(S.iMask?.mask!==Date){if(Z.value!==ct.NUMBER||!pe.test(we.value)||0!==e){if(Z.value===ct.DATE||Z.value===ct.MONTH||Z.value===ct.DATETIME_LOCAL||Z.value===ct.TIME){if(e instanceof Date||ue(e)){e instanceof Date?(me.value=e,be.value=void 0):(be.value=e,me.value=void 0);const t=new Date(e);return ye.value=se(t,Z.value,ne.value),void(we.value=ye.value)}me.value=void 0,be.value=void 0}ye.value=e,we.value=`${ye.value}`}}else ye.value=e instanceof Date?e:new Date(e)}v(()=>{ge.value&&(fe.value=!0,Ee(S.modelValue))}),c(()=>S.modelValue,e=>{ge.value&&Ee(e)}),c(()=>S.masked,e=>{Se.value=e??""});const $e=he,xe=u(),Le=u(),Te=u();r({$inner:xe});const{focused:De}=function(t,a){const{focused:l}=ee(t);return c(l,l=>{a(l?"focus":"blur",e(t))}),{focused:l}}($e,E),_e=t(()=>De.value&&!S.disabled&&!S.readonly);c(_e,e=>{if(e&&k.value.selectOnFocus&&$e.value&&$e.value.select(),e&&Ge.value?.size)Te.value?.show();else if(Xe.value&&Ge.value){const e=S.maxSuggestions;Ge.value.size>=e&&!Ge.value.has(ie.value)&&(Ge.value=new Set([...Ge.value].slice(Ge.value.size-e+1))),Ge.value.add(ie.value)}});const Ie=ae($e);c(Ie,e=>{e&&S.autofocus&&!S.disabled&&!S.readonly&&(De.value=!0)});const Me=u(!1),Ne=t(()=>S.type===ct.PASSWORD);function He(){Me.value=!Me.value}const Ce=t(()=>S.type===ct.TIME||S.type===ct.DATETIME_LOCAL||S.type===ct.DATE||S.type===ct.WEEK||S.type===ct.MONTH),Be=t(()=>S.type===ct.NUMBER);function Pe(){if(!qe.value){if(S.iMask)return void(ye.value=Number(ye.value)+Number(X?.value??1));$e.value.stepUp(),ie.value=Number(e($e).value)}}function Ve(){if(!qe.value){if(S.iMask)return void(ye.value=Number(ye.value)-Number(X?.value??1));$e.value.stepDown(),ie.value=Number(e($e).value)}}const Re=t(()=>S.type===ct.SEARCH);function je(){ie.value="",E("clear")}const{hasIconBefore:Ue,hasIconAfter:Fe}=ft(N,R),Ye=t(()=>{if(void 0!==Fe.value)return Fe.value;switch(S.type){case ct.COLOR:return{name:Ae};case ct.DATE:case ct.DATETIME_LOCAL:case ct.WEEK:case ct.MONTH:return{name:ke};case ct.TIME:return{name:Oe}}}),{hasIcon:We}=ft(j),{formatted:ze}=function(a,l){const o=t(()=>(e(a)??"").length),i=t(()=>void 0!==l?.lowerLimit&&o.value<l?.lowerLimit?o.value-l.lowerLimit:void 0!==l?.upperLimit&&o.value<l?.upperLimit?l.upperLimit-o.value:0),n=t(()=>{if(!1===l?.mode)return"";if("limit"===l?.mode&&l?.upperLimit)return`${o.value} / ${l.lowerLimit?`${l.lowerLimit}-`:""}${l.upperLimit}`;if("countdown"===l?.mode){if(0===i.value)return;return i}return o.value});return{length:o,gap:i,formatted:n}}(ie,{mode:O.value,upperLimit:Number(z?.value),lowerLimit:Number(q?.value)}),qe=t(()=>S.disabled||S.readonly),Ke=t(()=>qe.value?-1:S.tabindex),Xe=t(()=>!de(K)),Je=t(()=>!0===F.value||!0!==G.value&&void 0),Ze=t(()=>S.storageKey??(T?.experimentalFeatures.forceInputSuggestions?S.name:void 0)),Ge=function(t,l=ce.local,o){const i=u();let n;return o&&(i.value=o),v(()=>{t&&c(t,(t,a)=>{const o=e(l)===ce.session?sessionStorage:localStorage;if(a&&a!==t&&o.removeItem(a),t)return n=te(t,n?.value??i.value,o),void(n.value&&(i.value=n.value));n=void 0},{immediate:!0}),a(l)&&c(l,(e,a)=>{if(t?.value){if(e){const a=e===ce.session?sessionStorage:localStorage;n=te(t.value,n?.value??i.value,a)}a&&a!==e&&(a===ce.session?sessionStorage:localStorage).removeItem(t.value)}})}),c(i,e=>{n&&(n.value=e)},{deep:!0,immediate:!0}),i}(Ze,J,
+/* @__PURE__ */new Set),Qe=t(()=>Ge.value?[...Ge.value].filter(e=>de(ie.value)||`${e}`.toLowerCase().includes(`${ie.value}`.toLowerCase())&&e!==ie.value).reverse():[]),et=t(()=>Ze?.value&&Ge.value&&Ge.value.size>0);const{modifiers:tt}=s(S),at=ot("vv-input-text",tt,t(()=>({valid:G.value,invalid:F.value,loading:W.value,disabled:S.disabled,required:S.required,readonly:S.readonly,"icon-before":!!Ue.value,"icon-after":!!Ye.value,floating:S.floating&&!de(S.label),dirty:Xe.value,focus:_e.value&&!qe.value,"auto-width":S.autoWidth}))),it=t(()=>{const e=Ne.value&&Me.value?ct.TEXT:!Ce.value||Xe.value||De.value?S.iMask?ct.TEXT:S.type:ct.TEXT,t={type:e,name:S.name,tabindex:Ke.value,disabled:S.disabled,readonly:S.readonly,required:S.required,autocomplete:S.autocomplete,"aria-invalid":Je.value,"aria-describedby":mt.value?le.value:void 0,"aria-errormessage":bt.value?le.value:void 0,inputMode:S.inputMode};if(e===ct.DATE||e===ct.MONTH||e===ct.WEEK||e===ct.TIME||e===ct.DATETIME_LOCAL||e===ct.NUMBER){let a=S.max;e!==ct.DATE||a||(a="9999-12-31"),t.step=S.step,t.max=void 0!==a?String(a):void 0,t.min=void 0!==S.min?String(S.min):void 0}return e!==ct.TEXT&&e!==ct.SEARCH&&e!==ct.URL&&e!==ct.TEL&&e!==ct.EMAIL&&e!==ct.PASSWORD&&e!==ct.NUMBER||(t.placeholder=oe.value),e!==ct.TEXT&&e!==ct.SEARCH&&e!==ct.URL&&e!==ct.TEL&&e!==ct.EMAIL&&e!==ct.PASSWORD||(t.minlength=S.minlength,t.maxlength=S.maxlength,t.pattern=S.pattern),e===ct.EMAIL&&(t.multiple=S.multiple),t}),rt=t(()=>({valid:S.valid,invalid:S.invalid,modelValue:S.modelValue,togglePassword:He,stepUp:Pe,stepDown:Ve,clear:je})),{HintSlot:ut,hasHintLabelOrSlot:mt,hasInvalidLabelOrSlot:bt,hintSlotScope:ht}=function(e,i){const n=t(()=>a(e)?e.value:e),r=t(()=>ve(n.value.invalidLabel)),u=t(()=>ve(n.value.validLabel)),s=t(()=>n.value.loadingLabel),d=t(()=>n.value.hintLabel),v=t(()=>Boolean(n.value.loading&&(i.loading||s.value))),c=t(()=>!v.value&&Boolean(n.value.invalid&&(i.invalid||r.value))),p=t(()=>!v.value&&!c.value&&Boolean(n.value.valid&&(i.valid||u.value))),f=t(()=>!v.value&&!c.value&&!p.value&&Boolean(i.hint||d.value)),m=t(()=>c.value||p.value||v.value||f.value),b=t(()=>({modelValue:n.value.modelValue,valid:n.value.valid,invalid:n.value.invalid,loading:n.value.loading})),h=l({name:"HintSlot",props:{tag:{type:String,default:"small"}},setup:()=>({isVisible:m,invalidLabel:r,validLabel:u,loadingLabel:s,hintLabel:d,hasInvalidLabelOrSlot:c,hasValidLabelOrSlot:p,hasLoadingLabelOrSlot:v,hasHintLabelOrSlot:f}),render(){if(this.isVisible){let e;return this.hasInvalidLabelOrSlot&&(e="alert"),this.hasValidLabelOrSlot&&(e="status"),this.hasLoadingLabelOrSlot?o(this.tag,{role:e},this.$slots.loading?.()??this.loadingLabel):this.hasInvalidLabelOrSlot?o(this.tag,{role:e},this.$slots.invalid?.()??this.$slots.invalid??this.invalidLabel):this.hasValidLabelOrSlot?o(this.tag,{role:e},this.$slots.valid?.()??this.validLabel):o(this.tag,{role:e},this.$slots.hint?.()??this.$slots.hint??this.hintLabel)}return null}});return{hasInvalidLabelOrSlot:c,hasHintLabelOrSlot:f,hasValidLabelOrSlot:p,hasLoadingLabelOrSlot:v,hintSlotScope:b,HintSlot:h}}(k,$),Dt=gt(ct.PASSWORD,S,Xe),kt=gt(ct.NUMBER,S,Xe),Ot=gt(ct.SEARCH,S,Xe);function At(){qe.value||(De.value=!0)}const _t=t(()=>{if(S.autoWidth)return{width:void 0!==ie.value?`${String(ie.value).length+1}ch`:void 0}});function It(e){switch(e.code){case"ArrowUp":Be.value&&(Pe(),e.preventDefault());break;case"ArrowDown":Be.value&&(Ve(),e.preventDefault())}E("keydown",e)}return(t,a)=>(f(),p("div",{class:L(e(at))},[e(Y)?(f(),p("label",{key:0,for:e(Q),class:"vv-input-text__label"},M(e(Y)),9,yt)):D("v-if",!0),x("div",{ref_key:"wrapperEl",ref:Le,class:"vv-input-text__wrapper"},[t.$slots.before?(f(),p("div",St,[h(t.$slots,"before",g(y(e(rt))))])):D("v-if",!0),x("div",{ref_key:"innerEl",ref:xe,class:"vv-input-text__inner",onClick:C(At,["stop"])},[e(Ue)?(f(),_(vt,w({key:0},e(Ue),{class:"vv-input-text__icon"}),null,16)):D("v-if",!0),x("input",w({id:e(Q),ref_key:"inputEl",ref:$e},e(it),{style:e(_t),onKeyup:a[0]||(a[0]=e=>E("keyup",e)),onKeydown:It,onKeypress:a[1]||(a[1]=e=>E("keypress",e))}),null,16,wt),(t.unit||t.$slots.unit)&&e(Xe)?(f(),p("div",Et,[h(t.$slots,"unit",g(y(e(rt))),()=>[I(M(t.unit),1)])])):D("v-if",!0)],512),e(Ye)?(f(),_(vt,w({key:1},e(Ye),{class:"vv-input-text__icon vv-input-text__icon-after"}),null,16)):!e(Ne)||t.hideActions||e(qe)?!e(Be)||t.hideActions||e(qe)?!e(Re)||t.hideActions||e(qe)?D("v-if",!0):(f(),_(e(Ot),{key:4,onClear:je})):(f(),_(e(kt),{key:3,onStepUp:Pe,onStepDown:Ve})):(f(),_(e(Dt),{key:2,onTogglePassword:He})),t.$slots.after?(f(),p("div",$t,[h(t.$slots,"after",g(y(e(rt))))])):D("v-if",!0),e(O)?(f(),p("span",xt,[h(t.$slots,"count",g(y(e(rt))),()=>[I(M(e(ze)),1)])])):D("v-if",!0)],512),m(e(ut),{id:e(le),class:"vv-input-text__hint"},B({_:2},[t.$slots.hint?{name:"hint",fn:b(()=>[h(t.$slots,"hint",g(y(e(ht))))]),key:"0"}:void 0,t.$slots.loading?{name:"loading",fn:b(()=>[h(t.$slots,"loading",g(y(e(ht))))]),key:"1"}:void 0,t.$slots.valid?{name:"valid",fn:b(()=>[h(t.$slots,"valid",g(y(e(ht))))]),key:"2"}:void 0,t.$slots.invalid?{name:"invalid",fn:b(()=>[h(t.$slots,"invalid",g(y(e(ht))))]),key:"3"}:void 0]),1032,["id"]),e(et)?(f(),_(nt,{key:1,ref_key:"suggestionsDropdownEl",ref:Te,reference:e(Le),"autofocus-first":!1,"trigger-width":!0},{items:b(()=>[(f(!0),p(n,null,P(e(Qe),a=>(f(),_(st,{key:a,onClick:C(e=>{return t=a,ie.value=t,Te.value?.hide(),void E("suggestion:selected",t);var t},["stop"])},{default:b(()=>[x("div",Lt,[h(t.$slots,"suggestion",w({ref_for:!0},{value:a}),()=>[I(M(a),1)])]),e(Ge)&&e(We)?(f(),p("button",{key:0,type:"button",tabindex:"-1",class:"cursor-pointer",title:t.labelRemoveSuggestion,onClick:C(e=>{return t=a,Ge.value?.delete(t),void E("suggestion:removed",t);var t},["stop"])},[m(vt,w({ref_for:!0},e(We)),null,16)],8,Tt)):D("v-if",!0)]),_:2},1032,["onClick"]))),128))]),_:3},8,["reference"])):D("v-if",!0)],2))}});export{Dt as default};