@volverjs/ui-vue 0.0.11 → 0.0.13-beta.1

package/dist/components/VvCombobox/VvCombobox.es.js

@@ -1,3463 +1 @@
-import { computed, isRef, defineComponent, h, inject, unref, mergeDefaults, ref, toRefs, createBlock, createCommentVNode, openBlock, mergeProps, createElementBlock, normalizeClass, renderSlot, createTextVNode, toDisplayString, toRef, getCurrentInstance, watch, resolveComponent, resolveDynamicComponent, withCtx, useId, useAttrs, useSlots, Fragment, provide, onMounted, createVNode, normalizeProps, guardReactiveProps, Transition, toHandlers, withDirectives, createElementVNode, normalizeStyle, vShow, nextTick, renderList, vModelSelect, createSlots, mergeModels, useModel, withModifiers, withKeys, vModelText } from "vue";
-import { iconLoaded, Icon, addIcon } from "@iconify/vue";
-import { autoPlacement, flip, shift, size, offset, arrow, useFloating, autoUpdate } from "@floating-ui/vue";
-import { useMutationObserver, useVModel, onClickOutside, useFocusWithin, useElementHover, onKeyStroke, useFocus, useElementVisibility, refDebounced, computedAsync } from "@vueuse/core";
-import mitt from "mitt";
-import { getProperty } from "dot-prop";
-const ACTION_ICONS = {
-  clear: "close"
-};
-const VvIconPropsDefaults = {
-  prefix: "normal"
-  /* normal */
-};
-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_BUTTON_GROUP = Symbol.for(
-  "buttonGroup"
-);
-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 LinkProps = {
-  /**
-   * The router-link/nuxt-link property, if it is defined the button is rendered as a ruouter-link or nuxt-link.
-   * @see Documentation of [router-link](https://router.vuejs.org/api/#router-link) and [nuxt-link](https://nuxtjs.org/api/components-nuxt-link/)
-   */
-  to: {
-    type: [String, Object]
-  },
-  /**
-   * Anchor href
-   */
-  href: String,
-  /**
-   * Anchor target
-   */
-  target: String,
-  /**
-   * Anchor rel
-   */
-  rel: {
-    type: String,
-    default: "noopener noreferrer"
-  }
-};
-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 ActiveProps = {
-  /**
-   * Whether the item is active
-   */
-  active: {
-    type: Boolean,
-    default: false
-  }
-};
-const CurrentProps = {
-  /**
-   * Whether the item is current
-   */
-  current: {
-    type: Boolean,
-    default: false
-  }
-};
-const ClearProps = {
-  /**
-   * If true, the clear button will be shown
-   */
-  showClearAction: {
-    type: Boolean,
-    default: false
-  },
-  /**
-   * VvIcon name for clear button
-   * @see VvIcon
-   */
-  iconClear: {
-    type: [String, Object],
-    default: ACTION_ICONS.clear
-  },
-  /**
-   * Label for clear button
-   */
-  labelClear: {
-    type: String,
-    default: "Clear"
-  }
-};
-const PressedProps = {
-  /**
-   * Whether the item is pressed
-   */
-  pressed: {
-    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 OptionsProps = {
-  /**
-   * List of options, can be string[] or object[]
-   */
-  options: {
-    type: Array,
-    default: () => []
-  },
-  /**
-   * Used when options are objects: key to use for option label
-   */
-  labelKey: { type: [String, Function], default: "label" },
-  /**
-   * Used when options are objects: key to use for option label
-   */
-  valueKey: { type: [String, Function], default: "value" },
-  /**
-   * Used when options are objects: key to use for option disabled
-   */
-  disabledKey: { type: [String, Function], default: "disabled" }
-};
-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 ActionProps = {
-  ...DisabledProps,
-  ...LabelProps,
-  ...PressedProps,
-  ...ActiveProps,
-  ...CurrentProps,
-  ...LinkProps,
-  /**
-   * Button type
-   */
-  type: {
-    type: String,
-    default: ButtonType.button,
-    validator: (value) => Object.values(ButtonType).includes(value)
-  },
-  /**
-   * Button aria-label
-   */
-  ariaLabel: {
-    type: String,
-    default: void 0
-  },
-  /**
-   * Default tag for the action
-   */
-  defaultTag: {
-    type: String,
-    default: ActionTag.button
-  }
-};
-({
-  storageType: {
-    default: StorageType.local
-  }
-});
-const VvComboboxProps = {
-  ...IdNameProps,
-  ...TabindexProps,
-  ...ValidProps,
-  ...InvalidProps,
-  ...HintProps,
-  ...LoadingProps,
-  ...DisabledProps,
-  ...ReadonlyProps,
-  ...ModifiersProps,
-  ...OptionsProps,
-  ...IconProps,
-  ...FloatingLabelProps,
-  ...DropdownProps,
-  ...LabelProps,
-  ...RequiredProps,
-  ...ClearProps,
-  /**
-   * Dropdown show / hide transition name
-   */
-  transitionName: {
-    type: String,
-    default: "vv-dropdown--mobile-fade-block"
-  },
-  /**
-   * modelValue can be a string, number, boolean, object or array of string, number, boolean, object
-   */
-  modelValue: {
-    type: [String, Number, Boolean, Object, Array],
-    default: void 0
-  },
-  /**
-   * Label for no search results
-   */
-  noResultsLabel: { type: String, default: "No results" },
-  /**
-   * Label for no options	available
-   */
-  noOptionsLabel: { type: String, default: "No options available" },
-  /**
-   * Label for selected option not found
-   */
-  selectedOptionNotFoundLabel: {
-    type: String,
-    default: "Selected option not found"
-  },
-  /**
-   * Label for selected option hint
-   */
-  selectedHintLabel: { type: String, default: "Selected" },
-  /**
-   * Label for deselect action button
-   */
-  deselectActionLabel: { type: String, default: "Deselect" },
-  /**
-   * Label for select option hint
-   */
-  selectHintLabel: { type: String, default: "Press enter to select" },
-  /**
-   * Label for deselected option hint
-   */
-  deselectHintLabel: { type: String, default: "Press enter to remove" },
-  /**
-   * Label for add new option hint
-   */
-  addOptionHintLabel: { type: String, default: "Press enter to add" },
-  /**
-   * Label close button
-   */
-  closeLabel: { type: String, default: "Close" },
-  /**
-   * Select input placeholder
-   */
-  placeholder: String,
-  /**
-   * The options to add new options
-   */
-  addable: Boolean,
-  /**
-   * Use input text to search on options
-   */
-  searchable: Boolean,
-  /**
-   * If true, the search input will retain its value even when the dropdown is closed
-   */
-  keepSearch: Boolean,
-  /**
-   * Search function to filter options
-   */
-  searchFunction: {
-    type: Function,
-    default: void 0
-  },
-  /**
-   * On searchable select is the input search placeholder
-   */
-  searchPlaceholder: {
-    type: String,
-    default: "Search..."
-  },
-  /**
-   * The input search debounce time in ms
-   */
-  debounceSearch: {
-    type: [Number, String],
-    default: 0
-  },
-  /**
-   * Manage modelValue as string[] or object[]
-   */
-  multiple: Boolean,
-  /**
-   * The min number of selected values
-   */
-  minValues: {
-    type: [Number, String],
-    default: 0
-  },
-  /**
-   * The max number of selected values
-   */
-  maxValues: [Number, String],
-  /**
-   * If true the input will be unselectable
-   * @deprecated use minValues instead
-   */
-  unselectable: { type: Boolean, default: true },
-  /**
-   * The select label separator visible to the user
-   */
-  separator: { type: String, default: ", " },
-  /**
-   * Show native select
-   */
-  native: Boolean,
-  /**
-   * Show badges
-   */
-  badges: Boolean,
-  /**
-   * Badge modifiers
-   */
-  badgeModifiers: {
-    type: [String, Array],
-    default: "action sm"
-  },
-  /**
-   * Set dropdown width to the same as the trigger
-   */
-  triggerWidth: {
-    ...DropdownProps.triggerWidth,
-    default: true
-  },
-  /**
-   * Dropdown modifiers
-   */
-  dropdownModifiers: {
-    type: [String, Array],
-    default: "mobile"
-  },
-  /**
-   * Open dropdown on focus
-   */
-  autoOpen: {
-    type: Boolean,
-    default: false
-  },
-  /**
-   * Select first option automatically
-   */
-  autoselectFirst: {
-    type: Boolean,
-    default: false
-  },
-  /**
-   * Keep open dropdown on single select
-   */
-  keepOpen: {
-    type: Boolean,
-    default: false
-  },
-  /**
-   * Focus on hover option (this prop remove the focus from the input search)
-   */
-  focusOnHover: {
-    type: Boolean,
-    default: true
-  }
-};
-function useVvComboboxProps() {
-  return {
-    ...VvComboboxProps,
-    options: {
-      ...VvComboboxProps.options,
-      type: Array
-    },
-    searchFunction: {
-      ...VvComboboxProps.searchFunction,
-      type: Function
-    }
-  };
-}
-function equals(obj1, obj2, field) {
-  return deepEquals(obj1, obj2);
-}
-function deepEquals(a, b) {
-  if (a === b)
-    return true;
-  if (a && b && typeof a == "object" && typeof b == "object") {
-    const arrA = Array.isArray(a);
-    const arrB = Array.isArray(b);
-    let i, length, key;
-    if (arrA && arrB) {
-      length = a.length;
-      if (length !== b.length)
-        return false;
-      for (i = length; i-- !== 0; ) {
-        if (!deepEquals(a[i], b[i]))
-          return false;
-      }
-      return true;
-    }
-    if (arrA !== arrB)
-      return false;
-    const dateA = a instanceof Date;
-    const dateB = b instanceof Date;
-    if (dateA !== dateB)
-      return false;
-    if (dateA && dateB)
-      return a.getTime() === b.getTime();
-    const regexpA = a instanceof RegExp;
-    const regexpB = b instanceof RegExp;
-    if (regexpA !== regexpB)
-      return false;
-    if (regexpA && regexpB)
-      return a.toString() === b.toString();
-    const keys = Object.keys(a);
-    length = keys.length;
-    if (length !== Object.keys(b).length)
-      return false;
-    for (i = length; i-- !== 0; ) {
-      if (!Object.prototype.hasOwnProperty.call(b, keys[i]))
-        return false;
-    }
-    for (i = length; i-- !== 0; ) {
-      key = keys[i];
-      if (!deepEquals(a[key], b[key]))
-        return false;
-    }
-    return true;
-  }
-  return Number.isNaN(a) && Number.isNaN(b);
-}
-function contains(value, list) {
-  if (value != null && list && list.length) {
-    for (const val of list) {
-      if (equals(value, val)) {
-        return true;
-      }
-    }
-  }
-  return false;
-}
-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
-  };
-}
-function useVolver() {
-  return inject(INJECTION_KEY_VOLVER, void 0);
-}
-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 __default__$9 = {
-  name: "VvIcon"
-};
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
-  ...__default__$9,
-  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: __props.inline,
-        width: __props.width,
-        height: __props.height,
-        horizontalFlip: __props.horizontalFlip,
-        verticalFlip: __props.verticalFlip,
-        flip: __props.flip,
-        rotate: unref(hasRotate),
-        color: __props.color,
-        icon: unref(icon)
-      }, { onLoad: __props.onLoad }), null, 16, ["class", "onLoad"])) : createCommentVNode("v-if", true);
-    };
-  }
-});
-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$9
-  },
-  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$9, {
-      ...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 VvBadgeProps = {
-  ...ModifiersProps,
-  value: [String, Number]
-};
-const __default__$8 = {
-  name: "VvBadge"
-};
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
-  ...__default__$8,
-  props: VvBadgeProps,
-  setup(__props) {
-    const props = __props;
-    const { modifiers } = toRefs(props);
-    const bemCssClasses = useModifiers("vv-badge", modifiers);
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(
-        "span",
-        {
-          class: normalizeClass(unref(bemCssClasses))
-        },
-        [
-          renderSlot(_ctx.$slots, "default", {}, () => [
-            createTextVNode(
-              toDisplayString(_ctx.value),
-              1
-              /* TEXT */
-            )
-          ])
-        ],
-        2
-        /* CLASS */
-      );
-    };
-  }
-});
-function useGroupStateInject(groupKey) {
-  const group = inject(groupKey, void 0);
-  const isInGroup = computed(() => group !== void 0);
-  function getGroupOrLocalRef(propName, props, emit) {
-    const groupPropValue = group?.[propName];
-    if (groupPropValue) {
-      return computed({
-        get() {
-          return groupPropValue.value;
-        },
-        set(value) {
-          groupPropValue.value = value;
-        }
-      });
-    }
-    const propRef = toRef(props, propName);
-    return computed({
-      get() {
-        return propRef.value;
-      },
-      set(value) {
-        if (emit) {
-          emit(`update:${propName}`, value);
-        }
-      }
-    });
-  }
-  return {
-    group,
-    isInGroup,
-    getGroupOrLocalRef
-  };
-}
-const VvButtonEvents = ["update:modelValue"];
-const VvButtonProps = {
-  ...ActionProps,
-  ...IdProps,
-  ...ModifiersProps,
-  ...UnselectableProps,
-  ...LoadingProps,
-  ...IconProps,
-  /**
-   * Button icon position
-   */
-  iconPosition: {
-    type: String,
-    default: Side.left,
-    validator: (value) => Object.values(Side).includes(value)
-  },
-  /**
-   * Loading icon
-   */
-  loadingIcon: { type: String, default: "eos-icons:bubble-loading" },
-  /**
-   * Enable button toggle
-   */
-  toggle: {
-    type: Boolean,
-    default: false
-  },
-  /**
-   * Button toggle value
-   */
-  value: {
-    type: [String, Number, Boolean],
-    default: void 0
-  },
-  /**
-   * Value associated with the unchecked state
-   */
-  uncheckedValue: {
-    type: [String, Number, Boolean],
-    default: void 0
-  },
-  /**
-   * Button toggle model value
-   */
-  modelValue: {
-    type: [String, Number, Boolean],
-    default: void 0
-  }
-};
-function useGroupProps(props, emit) {
-  const { group, isInGroup, getGroupOrLocalRef } = useGroupStateInject(INJECTION_KEY_BUTTON_GROUP);
-  const { id, iconPosition, icon, label, pressed } = toRefs(props);
-  const modelValue = getGroupOrLocalRef("modelValue", props, emit);
-  const toggle = getGroupOrLocalRef("toggle", props);
-  const unselectable = getGroupOrLocalRef("unselectable", props);
-  const multiple = computed(() => group?.multiple.value ?? false);
-  const modifiers = computed(() => {
-    let localModifiers = props.modifiers;
-    let groupModifiers = group?.modifiers.value;
-    const toReturn = /* @__PURE__ */ new Set();
-    if (localModifiers) {
-      if (!Array.isArray(localModifiers)) {
-        localModifiers = localModifiers.split(" ");
-      }
-      localModifiers.forEach((modifier) => toReturn.add(modifier));
-    }
-    if (groupModifiers) {
-      if (!Array.isArray(groupModifiers)) {
-        groupModifiers = groupModifiers.split(" ");
-      }
-      groupModifiers.forEach((modifier) => toReturn.add(modifier));
-    }
-    return Array.from(toReturn);
-  });
-  const disabled = computed(
-    () => Boolean(props.disabled || group?.disabled.value)
-  );
-  return {
-    // group props
-    group,
-    isInGroup,
-    modelValue,
-    toggle,
-    unselectable,
-    multiple,
-    modifiers,
-    disabled,
-    // local props
-    id,
-    pressed,
-    iconPosition,
-    icon,
-    label
-  };
-}
-const VvActionEvents = ["click", "mouseover", "mouseleave"];
-const VvActionProps = ActionProps;
-function useInjectedDropdownTrigger() {
-  return inject(INJECTION_KEY_DROPDOWN_TRIGGER, {});
-}
-function useInjectedDropdownItem() {
-  return inject(INJECTION_KEY_DROPDOWN_ITEM, {});
-}
-function useInjectedDropdownAction() {
-  return inject(INJECTION_KEY_DROPDOWN_ACTION, {});
-}
-const __default__$7 = {
-  name: "VvAction"
-};
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
-  ...__default__$7,
-  props: VvActionProps,
-  emits: VvActionEvents,
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const instance = getCurrentInstance();
-    const volver = useVolver();
-    const element = ref(null);
-    __expose({ $el: element });
-    const {
-      reference: dropdownTriggerReference,
-      bus: dropdownEventBus,
-      aria: dropdownAria,
-      expanded: dropdownExpanded
-    } = useInjectedDropdownTrigger();
-    watch(
-      () => element.value,
-      (newValue) => {
-        if (dropdownTriggerReference) {
-          dropdownTriggerReference.value = newValue;
-        }
-      }
-    );
-    const pressed = computed(() => {
-      return props.pressed || dropdownExpanded?.value;
-    });
-    const { role } = useInjectedDropdownAction();
-    const hasTag = computed(() => {
-      switch (true) {
-        case props.disabled:
-          return ActionTag.button;
-        case props.to !== void 0:
-          return volver?.nuxt ? resolveComponent(ActionTag.nuxtLink) : ActionTag.routerLink;
-        case props.href !== void 0:
-          return ActionTag.a;
-        default:
-          return props.defaultTag;
-      }
-    });
-    const hasProps = computed(() => {
-      const toReturn = {
-        ...dropdownAria?.value,
-        ariaPressed: pressed.value ? true : void 0,
-        ariaLabel: props.ariaLabel,
-        role: role?.value
-      };
-      switch (hasTag.value) {
-        case ActionTag.a:
-          return {
-            ...toReturn,
-            href: props.href,
-            target: props.target,
-            rel: props.rel
-          };
-        case ActionTag.routerLink:
-        case ActionTag.nuxtLink:
-          return {
-            ...toReturn,
-            to: props.to,
-            target: props.target
-          };
-        case ActionTag.button:
-          return {
-            ...toReturn,
-            type: props.type,
-            disabled: props.disabled
-          };
-        default:
-          return toReturn;
-      }
-    });
-    function onClick(e) {
-      if (props.disabled) {
-        e.preventDefault();
-        return;
-      }
-      if (instance?.vnode.props?.onClick) {
-        emit("click", e);
-        return;
-      }
-      dropdownEventBus?.emit("click", e);
-    }
-    function onMouseover(e) {
-      if (instance?.vnode.props?.onMouseover) {
-        emit("mouseover", e);
-        return;
-      }
-      dropdownEventBus?.emit("mouseover", e);
-    }
-    function onMouseleave(e) {
-      if (instance?.vnode.props?.onMouseleave) {
-        emit("mouseleave", e);
-        return;
-      }
-      dropdownEventBus?.emit("mouseleave", e);
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(resolveDynamicComponent(unref(hasTag)), mergeProps(unref(hasProps), {
-        ref_key: "element",
-        ref: element,
-        class: {
-          active: _ctx.active,
-          pressed: unref(pressed),
-          disabled: _ctx.disabled,
-          current: _ctx.current
-        },
-        onClickPassive: onClick,
-        onMouseoverPassive: onMouseover,
-        onMouseleavePassive: onMouseleave
-      }), {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default", {}, () => [
-            createTextVNode(
-              toDisplayString(_ctx.label),
-              1
-              /* TEXT */
-            )
-          ])
-        ]),
-        _: 3
-        /* FORWARDED */
-      }, 16, ["class"]);
-    };
-  }
-});
-function useUniqueId(id) {
-  return computed(() => String(id?.value || useId()));
-}
-const _hoisted_1$5 = {
-  key: 1,
-  class: "vv-button__label"
-};
-const _hoisted_2$2 = {
-  key: 1,
-  class: "vv-button__label"
-};
-const __default__$6 = {
-  name: "VvButton",
-  inheritAttrs: false
-};
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
-  ...__default__$6,
-  props: VvButtonProps,
-  emits: VvButtonEvents,
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const attrs = useAttrs();
-    const slots = useSlots();
-    const {
-      id,
-      modifiers,
-      iconPosition,
-      icon,
-      label,
-      modelValue,
-      disabled,
-      toggle,
-      unselectable
-    } = useGroupProps(props, emit);
-    const hasId = useUniqueId(id);
-    const name = computed(() => attrs?.name || hasId.value);
-    const element = ref(null);
-    const $el = computed(() => element.value?.$el);
-    __expose({ $el });
-    const pressed = computed(() => {
-      if (!toggle.value) {
-        return props.pressed;
-      }
-      if (Array.isArray(modelValue.value)) {
-        return contains(name.value, modelValue.value);
-      }
-      return equals(name.value, modelValue.value);
-    });
-    const bemCssClasses = useModifiers(
-      "vv-button",
-      modifiers,
-      computed(() => ({
-        "reverse": [Side.right, Side.bottom].includes(
-          iconPosition.value
-        ),
-        "column": [Side.top, Side.bottom].includes(
-          iconPosition.value
-        ),
-        "icon-only": Boolean(
-          icon?.value && !label?.value && !slots.default
-        )
-      }))
-    );
-    const { hasIcon } = useComponentIcon(icon);
-    const toggleValue = computed(() => {
-      return props.value !== void 0 ? props.value : name.value;
-    });
-    const hasListeners = computed(() => {
-      if (!toggle.value) {
-        return void 0;
-      }
-      return {
-        onClick
-      };
-    });
-    function onClick() {
-      if (toggle.value) {
-        if (Array.isArray(modelValue.value)) {
-          if (contains(toggleValue.value, modelValue.value)) {
-            if (unselectable.value) {
-              modelValue.value = modelValue.value.filter(
-                (n) => n !== toggleValue.value
-              );
-            }
-            return;
-          }
-          modelValue.value.push(toggleValue.value);
-          return;
-        }
-        if (toggleValue.value === modelValue.value && unselectable.value) {
-          modelValue.value = props.uncheckedValue;
-          return;
-        }
-        modelValue.value = toggleValue.value;
-      }
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$7, mergeProps({
-        ...unref(attrs),
-        ...unref(hasListeners),
-        disabled: unref(disabled),
-        pressed: unref(pressed),
-        active: _ctx.active,
-        type: _ctx.type,
-        to: _ctx.to,
-        href: _ctx.href,
-        target: _ctx.target,
-        rel: _ctx.rel,
-        ariaLabel: _ctx.ariaLabel
-      }, {
-        id: unref(hasId),
-        ref_key: "element",
-        ref: element,
-        class: unref(bemCssClasses)
-      }), {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default", {}, () => [
-            _ctx.loading ? renderSlot(_ctx.$slots, "loading", { key: 0 }, () => [
-              _ctx.loadingIcon ? (openBlock(), createBlock(_sfc_main$9, {
-                key: 0,
-                class: "vv-button__loading-icon",
-                name: _ctx.loadingIcon
-              }, null, 8, ["name"])) : createCommentVNode("v-if", true),
-              _ctx.loadingLabel ? (openBlock(), createElementBlock(
-                "span",
-                _hoisted_1$5,
-                toDisplayString(_ctx.loadingLabel),
-                1
-                /* TEXT */
-              )) : createCommentVNode("v-if", true)
-            ]) : (openBlock(), createElementBlock(
-              Fragment,
-              { key: 1 },
-              [
-                renderSlot(_ctx.$slots, "before"),
-                unref(hasIcon) ? (openBlock(), createBlock(
-                  _sfc_main$9,
-                  mergeProps({ key: 0 }, unref(hasIcon), { class: "vv-button__icon" }),
-                  null,
-                  16
-                  /* FULL_PROPS */
-                )) : createCommentVNode("v-if", true),
-                unref(label) ? (openBlock(), createElementBlock("span", _hoisted_2$2, [
-                  renderSlot(_ctx.$slots, "label", {}, () => [
-                    createTextVNode(
-                      toDisplayString(unref(label)),
-                      1
-                      /* TEXT */
-                    )
-                  ])
-                ])) : createCommentVNode("v-if", true),
-                renderSlot(_ctx.$slots, "after")
-              ],
-              64
-              /* STABLE_FRAGMENT */
-            ))
-          ])
-        ]),
-        _: 3
-        /* FORWARDED */
-      }, 16, ["id", "class"]);
-    };
-  }
-});
-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 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
-  });
-}
-const _hoisted_1$4 = ["id", "tabindex", "role", "aria-labelledby"];
-const __default__$5 = {
-  name: "VvDropdown",
-  inheritAttrs: false
-};
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
-  ...__default__$5,
-  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$4),
-                  renderSlot(_ctx.$slots, "after", normalizeProps(guardReactiveProps({ expanded: unref(expanded) })))
-                ],
-                6
-                /* CLASS, STYLE */
-              ), [
-                [vShow, unref(expanded)]
-              ])
-            ]),
-            _: 3
-            /* FORWARDED */
-          }, 16, ["name"])
-        ],
-        64
-        /* STABLE_FRAGMENT */
-      );
-    };
-  }
-});
-const _hoisted_1$3 = {
-  class: "vv-dropdown-optgroup",
-  role: "presentation",
-  tabindex: "-1"
-};
-const __default__$4 = {
-  name: "VvDropdownOptgroup"
-};
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
-  ...__default__$4,
-  props: {
-    ...LabelProps
-  },
-  setup(__props) {
-    const props = __props;
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(
-        "li",
-        _hoisted_1$3,
-        toDisplayString(props.label),
-        1
-        /* TEXT */
-      );
-    };
-  }
-});
-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$2 = ["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$2)
-        ]),
-        _: 3
-        /* FORWARDED */
-      }, 8, ["class", "tabindex", "aria-selected", "aria-disabled", "focus-on-hover"]);
-    };
-  }
-});
-const VvSelectProps = {
-  ...IdNameProps,
-  ...AutofocusProps,
-  ...AutocompleteProps,
-  ...TabindexProps,
-  ...ValidProps,
-  ...InvalidProps,
-  ...HintProps,
-  ...LoadingProps,
-  ...DisabledProps,
-  ...ReadonlyProps,
-  ...ModifiersProps,
-  ...OptionsProps,
-  ...IconProps,
-  ...FloatingLabelProps,
-  ...UnselectableProps,
-  ...LabelProps,
-  ...ClearProps,
-  /**
-   * This Boolean attribute indicates that multiple options can be selected in the list.
-   * If it is not specified, then only one option can be selected at a time.
-   * When multiple is specified, most browsers will show a scrolling list box instead of a single line dropdown.
-   * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/select#attr-multiple
-   */
-  multiple: Boolean,
-  /**
-   * A Boolean attribute indicating that an option with a non-empty string value must be selected.
-   * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/select#attr-required
-   */
-  required: Boolean,
-  /**
-   * If the control is presented as a scrolling list box (e.g. when multiple is specified),
-   * this attribute represents the number of rows in the list that should be visible at one time.
-   * Browsers are not required to present a select element as a scrolled list box. The default value is 0.
-   * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/select#attr-size
-   */
-  size: [String, Number],
-  /**
-   * modelValue can be a string, number, boolean, object or array of string, number, boolean, object
-   */
-  modelValue: {
-    type: [String, Number, Boolean, Object, Array],
-    default: void 0
-  },
-  /**
-   * Select first option automatically
-   */
-  autoselectFirst: {
-    type: Boolean,
-    default: false
-  },
-  /**
-   * Select placeholder
-   */
-  placeholder: String
-};
-function useVvSelectProps() {
-  return {
-    ...VvSelectProps,
-    options: {
-      ...VvSelectProps.options,
-      type: Array,
-      default: () => []
-    }
-  };
-}
-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 useComponentFocus(inputTemplateRef, emit) {
-  const { focused } = useFocus(inputTemplateRef);
-  watch(focused, (newValue) => {
-    emit(newValue ? "focus" : "blur", unref(inputTemplateRef));
-  });
-  return {
-    focused
-  };
-}
-function useOptions(props) {
-  const { options, labelKey, valueKey, disabledKey } = toRefs(props);
-  const getOptionLabel = (option) => {
-    if (typeof option === "string") {
-      return option;
-    }
-    if (typeof labelKey.value === "function") {
-      return labelKey.value(option);
-    }
-    return String(
-      labelKey.value ? getProperty(option, labelKey.value) : option
-    );
-  };
-  const getOptionValue = (option) => {
-    if (typeof option === "string") {
-      return option;
-    }
-    if (typeof valueKey.value === "function") {
-      return valueKey.value(option);
-    }
-    return valueKey.value ? getProperty(option, valueKey.value) : option;
-  };
-  const isOptionDisabled = (option) => {
-    if (typeof option === "string") {
-      return false;
-    }
-    if (typeof disabledKey.value === "function") {
-      return disabledKey.value(option);
-    }
-    return disabledKey.value ? Boolean(getProperty(option, disabledKey.value)) : false;
-  };
-  const getOptionGrouped = (option) => {
-    if (typeof option == "string") {
-      return [];
-    }
-    if (typeof option === "object" && option && "options" in option) {
-      return option.options;
-    }
-    return [];
-  };
-  return {
-    options,
-    getOptionLabel,
-    getOptionValue,
-    isOptionDisabled,
-    getOptionGrouped
-  };
-}
-const _hoisted_1$1 = ["for"];
-const _hoisted_2$1 = { class: "vv-select__wrapper" };
-const _hoisted_3$1 = {
-  key: 0,
-  class: "vv-select__input-before"
-};
-const _hoisted_4$1 = { class: "vv-select__inner" };
-const _hoisted_5$1 = ["id"];
-const _hoisted_6$1 = ["disabled", "hidden"];
-const _hoisted_7$1 = ["disabled", "value"];
-const _hoisted_8$1 = ["disabled", "label"];
-const _hoisted_9$1 = ["disabled", "value"];
-const _hoisted_10 = {
-  key: 2,
-  class: "vv-select__input-after"
-};
-const __default__$1 = {
-  name: "VvSelect"
-};
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  ...__default__$1,
-  props: useVvSelectProps(),
-  emits: ["update:modelValue", "focus", "blur", "clear"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const slots = useSlots();
-    const VvSelectProps2 = useVvSelectProps();
-    const propsDefaults = useDefaults(
-      "VvSelect",
-      VvSelectProps2,
-      props
-    );
-    const selectEl = ref();
-    const {
-      HintSlot,
-      hasHintLabelOrSlot,
-      hasInvalidLabelOrSlot,
-      hintSlotScope
-    } = HintSlotFactory(propsDefaults, slots);
-    const { focused } = useComponentFocus(selectEl, emit);
-    function isGroup(option) {
-      if (typeof option === "string") {
-        return false;
-      }
-      return option.options?.length;
-    }
-    const {
-      id,
-      modifiers,
-      disabled,
-      readonly,
-      loading,
-      icon,
-      iconPosition,
-      invalid,
-      valid,
-      floating,
-      multiple
-    } = toRefs(props);
-    const hasId = useUniqueId(id);
-    const hasHintId = computed(() => `${hasId.value}-hint`);
-    const isDisabledOrReadonly = computed(() => props.disabled || props.readonly);
-    const hasTabindex = computed(() => {
-      return isDisabledOrReadonly.value ? -1 : props.tabindex;
-    });
-    const localModelValue = computed({
-      get: () => {
-        return props.modelValue;
-      },
-      set: (newValue) => {
-        if (Array.isArray(newValue)) {
-          newValue = newValue.filter((item) => item !== void 0);
-          if (newValue.length === 0 && !props.unselectable && selectEl.value) {
-            selectEl.value.value = String(props.modelValue);
-            return;
-          }
-        }
-        emit("update:modelValue", newValue);
-      }
-    });
-    const isDirty = computed(() => {
-      if (Array.isArray(localModelValue.value)) {
-        return localModelValue.value.length > 0;
-      }
-      return localModelValue.value !== void 0 && localModelValue.value !== null;
-    });
-    const isUnselectable = computed(() => {
-      if (isDisabledOrReadonly.value) {
-        return false;
-      }
-      return props.unselectable;
-    });
-    const isVisible = useElementVisibility(selectEl);
-    watch(isVisible, (newValue) => {
-      if (newValue && props.autofocus) {
-        focused.value = true;
-      }
-    });
-    const { hasIconBefore, hasIconAfter } = useComponentIcon(icon, iconPosition);
-    const isInvalid = computed(() => {
-      if (props.invalid === true) {
-        return true;
-      }
-      if (props.valid === true) {
-        return false;
-      }
-      return void 0;
-    });
-    const bemCssClasses = useModifiers(
-      "vv-select",
-      modifiers,
-      computed(() => ({
-        "valid": valid.value,
-        "invalid": invalid.value,
-        "loading": loading.value,
-        "disabled": disabled.value,
-        "readonly": readonly.value,
-        "icon-before": hasIconBefore.value !== void 0,
-        "icon-after": hasIconAfter.value !== void 0,
-        "dirty": isDirty.value,
-        "focus": focused.value && !isDisabledOrReadonly.value,
-        "floating": floating.value,
-        "multiple": multiple.value
-      }))
-    );
-    const {
-      getOptionLabel,
-      getOptionValue,
-      isOptionDisabled,
-      getOptionGrouped
-    } = useOptions(props);
-    watch(
-      () => props.options,
-      (newValue) => {
-        if (newValue?.length && props.autoselectFirst && !isDirty.value) {
-          const firstOptionValue = getOptionValue(newValue[0]);
-          localModelValue.value = props.multiple ? [firstOptionValue] : firstOptionValue;
-        }
-      },
-      { immediate: true }
-    );
-    function onClear() {
-      if (Array.isArray(localModelValue.value)) {
-        localModelValue.value = [];
-      } else {
-        localModelValue.value = void 0;
-      }
-      emit("clear");
-    }
-    const hasAttrs = computed(() => {
-      return {
-        "name": props.name,
-        "tabindex": hasTabindex.value,
-        "disabled": isDisabledOrReadonly.value,
-        "required": props.required,
-        "size": props.size,
-        "autocomplete": props.autocomplete,
-        "multiple": props.multiple,
-        "aria-invalid": isInvalid.value,
-        "aria-describedby": hasHintLabelOrSlot.value ? hasHintId.value : void 0,
-        "aria-errormessage": hasInvalidLabelOrSlot.value ? hasHintId.value : void 0
-      };
-    });
-    const slotProps = computed(() => ({
-      valid: props.valid,
-      invalid: props.invalid,
-      modelValue: props.modelValue
-    }));
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(
-        "div",
-        {
-          class: normalizeClass(unref(bemCssClasses))
-        },
-        [
-          _ctx.label ? (openBlock(), createElementBlock("label", {
-            key: 0,
-            for: unref(hasId)
-          }, toDisplayString(_ctx.label), 9, _hoisted_1$1)) : createCommentVNode("v-if", true),
-          createElementVNode("div", _hoisted_2$1, [
-            _ctx.$slots.before ? (openBlock(), createElementBlock("div", _hoisted_3$1, [
-              renderSlot(_ctx.$slots, "before", normalizeProps(guardReactiveProps(unref(slotProps))))
-            ])) : createCommentVNode("v-if", true),
-            createElementVNode("div", _hoisted_4$1, [
-              unref(hasIconBefore) ? (openBlock(), createBlock(
-                _sfc_main$9,
-                mergeProps({ key: 0 }, unref(hasIconBefore), { class: "vv-select__icon" }),
-                null,
-                16
-                /* FULL_PROPS */
-              )) : createCommentVNode("v-if", true),
-              withDirectives(createElementVNode("select", mergeProps({
-                id: unref(hasId),
-                ref_key: "selectEl",
-                ref: selectEl
-              }, unref(hasAttrs), {
-                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(localModelValue) ? localModelValue.value = $event : null)
-              }), [
-                _ctx.placeholder ? (openBlock(), createElementBlock("option", {
-                  key: 0,
-                  value: void 0,
-                  disabled: !unref(isUnselectable),
-                  hidden: !unref(isUnselectable)
-                }, toDisplayString(_ctx.placeholder), 9, _hoisted_6$1)) : createCommentVNode("v-if", true),
-                (openBlock(true), createElementBlock(
-                  Fragment,
-                  null,
-                  renderList(_ctx.options, (option, index) => {
-                    return openBlock(), createElementBlock(
-                      Fragment,
-                      null,
-                      [
-                        !isGroup(option) ? (openBlock(), createElementBlock("option", {
-                          key: index,
-                          disabled: unref(isOptionDisabled)(option),
-                          value: unref(getOptionValue)(option)
-                        }, toDisplayString(unref(getOptionLabel)(option)), 9, _hoisted_7$1)) : (openBlock(), createElementBlock("optgroup", {
-                          key: `group-${index}`,
-                          disabled: unref(isOptionDisabled)(option),
-                          label: unref(getOptionLabel)(option)
-                        }, [
-                          (openBlock(true), createElementBlock(
-                            Fragment,
-                            null,
-                            renderList(unref(getOptionGrouped)(option), (item, i) => {
-                              return openBlock(), createElementBlock("option", {
-                                key: `group-${index}-item-${i}`,
-                                disabled: unref(isOptionDisabled)(item),
-                                value: unref(getOptionValue)(item)
-                              }, toDisplayString(unref(getOptionLabel)(item)), 9, _hoisted_9$1);
-                            }),
-                            128
-                            /* KEYED_FRAGMENT */
-                          ))
-                        ], 8, _hoisted_8$1))
-                      ],
-                      64
-                      /* STABLE_FRAGMENT */
-                    );
-                  }),
-                  256
-                  /* UNKEYED_FRAGMENT */
-                ))
-              ], 16, _hoisted_5$1), [
-                [vModelSelect, unref(localModelValue)]
-              ]),
-              unref(hasIconAfter) ? (openBlock(), createBlock(
-                _sfc_main$9,
-                mergeProps({ key: 1 }, unref(hasIconAfter), { class: "vv-select__icon vv-select__icon-after" }),
-                null,
-                16
-                /* FULL_PROPS */
-              )) : createCommentVNode("v-if", true)
-            ]),
-            unref(isUnselectable) && unref(propsDefaults).showClearAction ? (openBlock(), createBlock(unref(VvInputClearAction), {
-              key: 1,
-              "input-type": "select",
-              label: _ctx.labelClear,
-              icon: _ctx.iconClear,
-              disabled: !unref(isDirty),
-              onClear
-            }, null, 8, ["label", "icon", "disabled"])) : createCommentVNode("v-if", true),
-            _ctx.$slots.after ? (openBlock(), createElementBlock("div", _hoisted_10, [
-              renderSlot(_ctx.$slots, "after", normalizeProps(guardReactiveProps(unref(slotProps))))
-            ])) : createCommentVNode("v-if", true)
-          ]),
-          createVNode(unref(HintSlot), {
-            id: unref(hasHintId),
-            class: "vv-select__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"])
-        ],
-        2
-        /* CLASS */
-      );
-    };
-  }
-});
-const _hoisted_1 = ["id"];
-const _hoisted_2 = ["id", "for"];
-const _hoisted_3 = ["id", "aria-controls", "placeholder"];
-const _hoisted_4 = {
-  key: 0,
-  class: "vv-select__input-before"
-};
-const _hoisted_5 = { class: "vv-select__inner" };
-const _hoisted_6 = ["aria-controls", "aria-expanded", "aria-labelledby", "aria-describedby", "aria-errormessage", "tabindex"];
-const _hoisted_7 = {
-  key: 0,
-  class: "vv-select__value"
-};
-const _hoisted_8 = ["aria-label", "onClick"];
-const _hoisted_9 = {
-  key: 2,
-  class: "vv-select__input-after"
-};
-const __default__ = {
-  name: "VvCombobox",
-  components: {
-    VvDropdown: _sfc_main$5,
-    VvDropdownOption: _sfc_main$2,
-    VvDropdownOptgroup: _sfc_main$4,
-    VvButton: _sfc_main$6
-  }
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: /* @__PURE__ */ mergeModels(useVvComboboxProps(), {
-    "search": {
-      type: String,
-      default: "",
-      required: false
-    },
-    "searchModifiers": {}
-  }),
-  emits: /* @__PURE__ */ mergeModels(["update:modelValue", "update:search", "update:options", "focus", "blur", "clear", "change:search"], ["update:search"]),
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const slots = useSlots();
-    const VvComboboxProps2 = useVvComboboxProps();
-    const propsDefaults = useDefaults(
-      "VvCombobox",
-      VvComboboxProps2,
-      props
-    );
-    const inputEl = ref(null);
-    const inputSearchEl = ref(null);
-    const wrapperEl = ref(null);
-    const dropdownEl = ref();
-    const {
-      HintSlot,
-      hasHintLabelOrSlot,
-      hasInvalidLabelOrSlot,
-      hintSlotScope
-    } = HintSlotFactory(propsDefaults, slots);
-    const { focused } = useComponentFocus(inputEl, emit);
-    const { focused: focusedWithin } = useFocusWithin(wrapperEl);
-    watch(focused, (newValue) => {
-      if (!props.autoOpen) {
-        return;
-      }
-      if (newValue && !expanded.value) {
-        expand();
-        return;
-      }
-      if (!newValue && expanded.value && !focusedWithin.value) {
-        collapse();
-      }
-    });
-    watch(focusedWithin, (newValue) => {
-      if (!focused.value && !newValue && expanded.value) {
-        collapse();
-      }
-    });
-    const searchText = useModel(__props, "search");
-    const debouncedSearchText = refDebounced(
-      searchText,
-      computed(() => Number(props.debounceSearch))
-    );
-    watch(debouncedSearchText, () => {
-      emit("update:search", debouncedSearchText.value);
-      emit("change:search", debouncedSearchText.value);
-    });
-    const expanded = ref(false);
-    function toggleExpanded() {
-      if (isDisabledOrReadonly.value)
-        return;
-      expanded.value = !expanded.value;
-    }
-    function expand() {
-      if (isDisabledOrReadonly.value || expanded.value)
-        return;
-      expanded.value = true;
-    }
-    function collapse() {
-      if (isDisabledOrReadonly.value || !expanded.value)
-        return;
-      expanded.value = false;
-    }
-    function onAfterExpand() {
-      if (propsDefaults.value.searchable) {
-        if (inputSearchEl.value) {
-          inputSearchEl.value.focus({
-            preventScroll: true
-          });
-        }
-      }
-    }
-    function onAfterCollapse() {
-      if (!propsDefaults.value.keepSearch) {
-        searchText.value = "";
-      }
-    }
-    function isGroup(option) {
-      if (typeof option === "string") {
-        return false;
-      }
-      return option.options?.length;
-    }
-    const {
-      id,
-      icon,
-      iconPosition,
-      modifiers,
-      disabled,
-      required,
-      readonly,
-      loading,
-      valid,
-      invalid,
-      floating
-    } = toRefs(props);
-    const hasId = useUniqueId(id);
-    const hasHintId = computed(() => `${hasId.value}-hint`);
-    const hasDropdownId = computed(() => `${hasId.value}-dropdown`);
-    const hasSearchId = computed(() => `${hasId.value}-search`);
-    const hasLabelId = computed(() => `${hasId.value}-label`);
-    const isDisabledOrReadonly = computed(() => props.disabled || props.readonly);
-    const hasTabindex = computed(() => {
-      return isDisabledOrReadonly.value ? -1 : props.tabindex;
-    });
-    const localModelValue = computed({
-      get: () => {
-        if (Array.isArray(props.modelValue)) {
-          return props.modelValue;
-        }
-        return props.modelValue !== void 0 && props.modelValue !== null ? [props.modelValue] : [];
-      },
-      set: (value) => {
-        emit("update:modelValue", props.multiple || Array.isArray(props.modelValue) ? value : value.pop());
-      }
-    });
-    const sizeOfModelValue = computed(() => localModelValue.value.length);
-    const isDirty = computed(() => sizeOfModelValue.value > 0);
-    const hasMaxValues = computed(() => {
-      if (!props.multiple) {
-        return 1;
-      }
-      if (props.maxValues === void 0) {
-        return Infinity;
-      }
-      return Number(props.maxValues);
-    });
-    const isUnselectable = computed(() => {
-      if (isDisabledOrReadonly.value) {
-        return false;
-      }
-      if (!props.unselectable) {
-        return false;
-      }
-      return Number(props.minValues) === 0 || sizeOfModelValue.value > Number(props.minValues);
-    });
-    const isSelectable = computed(() => {
-      if (isDisabledOrReadonly.value) {
-        return false;
-      }
-      if (!props.multiple) {
-        return true;
-      }
-      return sizeOfModelValue.value < hasMaxValues.value;
-    });
-    const localLoading = ref(false);
-    const isLoading = computed(() => localLoading.value || loading.value);
-    const { hasIconBefore, hasIconAfter } = useComponentIcon(icon, iconPosition);
-    const bemCssClasses = useModifiers(
-      "vv-select",
-      modifiers,
-      computed(() => ({
-        "disabled": disabled.value,
-        "required": required.value,
-        "loading": isLoading.value,
-        "readonly": readonly.value,
-        "icon-before": hasIconBefore.value !== void 0,
-        "icon-after": hasIconAfter.value !== void 0,
-        "valid": valid.value,
-        "invalid": invalid.value,
-        "dirty": isDirty.value,
-        "focus": (focused.value || focusedWithin.value || expanded.value) && !isDisabledOrReadonly.value,
-        "floating": floating.value,
-        "badges": props.badges
-      }))
-    );
-    const addedOptions = ref(/* @__PURE__ */ new Set());
-    const {
-      getOptionLabel,
-      getOptionValue,
-      getOptionGrouped,
-      isOptionDisabled
-    } = useOptions(props);
-    const hasOptions = computed(() => {
-      const toReturn = [...props.options, ...addedOptions.value];
-      for (const item of localModelValue.value) {
-        if (!toReturn.some((option) => {
-          const optionValue = getOptionValue(option);
-          if (typeof optionValue === "object" && typeof item === "object") {
-            return JSON.stringify(optionValue) === JSON.stringify(item);
-          }
-          return optionValue === item;
-        })) {
-          toReturn.push(item);
-        }
-      }
-      return toReturn;
-    });
-    watch(addedOptions, (newValue) => {
-      if (newValue.size > 0) {
-        emit("update:options", hasOptions.value);
-      }
-    });
-    function isOptionDisabledOrNotSelectable(option) {
-      return isOptionDisabled(option) || !isSelectable.value && !isOptionSelected(option);
-    }
-    const filteredOptions = computedAsync(async () => {
-      if (propsDefaults.value.searchFunction) {
-        localLoading.value = true;
-        const toReturn = await Promise.resolve(
-          propsDefaults.value.searchFunction(
-            debouncedSearchText.value,
-            hasOptions.value
-          )
-        );
-        localLoading.value = false;
-        return toReturn;
-      }
-      return hasOptions.value?.filter((option) => {
-        return getOptionLabel(option).toLowerCase().includes(debouncedSearchText.value.toLowerCase().trim());
-      });
-    });
-    function isOptionSelected(option) {
-      const optionValue = getOptionValue(option);
-      if (typeof optionValue === "object") {
-        return localModelValue.value.some((item) => {
-          if (typeof item === "object") {
-            return JSON.stringify(item) === JSON.stringify(optionValue);
-          }
-          return false;
-        });
-      }
-      return localModelValue.value.includes(optionValue);
-    }
-    const selectedOptions = computed(() => {
-      const toReturn = hasOptions.value.reduce(
-        (acc, value) => {
-          if (isGroup(value)) {
-            return [...acc, ...getOptionGrouped(value)];
-          }
-          return [...acc, value];
-        },
-        []
-      );
-      return toReturn.filter((option) => {
-        return isOptionSelected(option);
-      });
-    });
-    const hasValue = computed(() => {
-      return selectedOptions.value.map((option) => getOptionLabel(option)).join(props.separator);
-    });
-    function onClickInput() {
-      props.autoOpen ? expand() : toggleExpanded();
-    }
-    function onInput(option) {
-      const isSelected = isOptionSelected(option);
-      const optionValue = getOptionValue(option);
-      if (isSelected && isUnselectable.value) {
-        localModelValue.value = localModelValue.value.filter((item) => {
-          if (typeof optionValue === "object" && typeof item === "object") {
-            return JSON.stringify(item) !== JSON.stringify(optionValue);
-          }
-          return item !== optionValue;
-        });
-      } else if (!isSelected && isSelectable.value) {
-        if (!props.multiple) {
-          localModelValue.value = [optionValue];
-        } else {
-          localModelValue.value = [...localModelValue.value, optionValue];
-        }
-      }
-      if (!props.multiple && !props.keepOpen) {
-        collapse();
-      }
-    }
-    function onClear() {
-      localModelValue.value = [];
-      emit("update:search", "");
-      emit("clear");
-    }
-    watch(
-      hasOptions,
-      (newValue) => {
-        if (newValue?.length && props.autoselectFirst && !isDirty.value) {
-          onInput(newValue[0]);
-        }
-      },
-      { immediate: true }
-    );
-    const selectProps = computed(() => ({
-      id: hasId.value,
-      name: props.name,
-      tabindex: hasTabindex.value,
-      valid: valid.value,
-      validLabel: propsDefaults.value.validLabel,
-      invalid: invalid.value,
-      invalidLabel: propsDefaults.value.invalidLabel,
-      hintLabel: propsDefaults.value.hintLabel,
-      loading: isLoading.value,
-      loadingLabel: propsDefaults.value.loadingLabel,
-      disabled: disabled.value,
-      readonly: readonly.value,
-      modifiers: propsDefaults.value.modifiers,
-      options: propsDefaults.value.options,
-      labelKey: propsDefaults.value.labelKey,
-      valueKey: propsDefaults.value.valueKey,
-      icon: propsDefaults.value.icon,
-      iconPosition: propsDefaults.value.iconPosition,
-      floating: propsDefaults.value.floating,
-      unselectable: isUnselectable.value,
-      autoselectFirst: propsDefaults.value.autoselectFirst,
-      multiple: propsDefaults.value.multiple,
-      label: propsDefaults.value.label,
-      placeholder: propsDefaults.value.placeholder,
-      modelValue: props.modelValue
-    }));
-    const dropdownProps = computed(() => ({
-      id: hasDropdownId.value,
-      reference: wrapperEl.value,
-      placement: propsDefaults.value.placement,
-      strategy: propsDefaults.value.strategy,
-      transitionName: propsDefaults.value.transitionName,
-      offset: propsDefaults.value.offset,
-      shift: propsDefaults.value.shift,
-      flip: propsDefaults.value.flip,
-      autoPlacement: propsDefaults.value.autoPlacement,
-      arrow: propsDefaults.value.arrow,
-      autofocusFirst: propsDefaults.value.searchable ? true : propsDefaults.value.autofocusFirst,
-      triggerWidth: propsDefaults.value.triggerWidth,
-      modifiers: propsDefaults.value.dropdownModifiers
-    }));
-    const slotProps = computed(() => ({
-      valid: props.valid,
-      invalid: props.invalid,
-      modelValue: props.modelValue
-    }));
-    onKeyStroke(
-      [" ", "Enter"],
-      (e) => {
-        if (props.autoOpen) {
-          return;
-        }
-        if (!expanded.value && focused.value) {
-          e.preventDefault();
-          e.stopImmediatePropagation();
-          toggleExpanded();
-        }
-      },
-      { target: inputEl }
-    );
-    function onKeyupEnterInputSearch() {
-      if (filteredOptions.value?.length) {
-        if (filteredOptions.value.length === 1) {
-          onInput(filteredOptions.value[0]);
-          return;
-        }
-        dropdownEl.value?.focusFirstListElement();
-        return;
-      }
-      if (propsDefaults.value.addable) {
-        const trimmedSearch = searchText.value.trim();
-        if (!trimmedSearch) {
-          return;
-        }
-        const exists = hasOptions.value.some(
-          (opt) => getOptionLabel(opt).toLowerCase() === trimmedSearch.toLowerCase()
-        );
-        if (exists) {
-          return;
-        }
-        addedOptions.value.add(trimmedSearch);
-        onInput(trimmedSearch);
-      }
-    }
-    return (_ctx, _cache) => {
-      return !_ctx.native ? (openBlock(), createElementBlock("div", {
-        key: 0,
-        id: unref(hasId),
-        class: normalizeClass(unref(bemCssClasses))
-      }, [
-        _ctx.label ? (openBlock(), createElementBlock("label", {
-          key: 0,
-          id: unref(hasLabelId),
-          for: unref(propsDefaults).searchable ? unref(hasSearchId) : void 0
-        }, toDisplayString(_ctx.label), 9, _hoisted_2)) : createCommentVNode("v-if", true),
-        createElementVNode(
-          "div",
-          {
-            ref_key: "wrapperEl",
-            ref: wrapperEl,
-            class: "vv-select__wrapper"
-          },
-          [
-            createVNode(_sfc_main$5, mergeProps({
-              ref_key: "dropdownEl",
-              ref: dropdownEl,
-              modelValue: unref(expanded),
-              "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => isRef(expanded) ? expanded.value = $event : null)
-            }, unref(dropdownProps), {
-              role: unref(DropdownRole).listbox,
-              onAfterExpand,
-              onAfterCollapse
-            }), createSlots({
-              default: withCtx(({ aria }) => [
-                _ctx.$slots.before ? (openBlock(), createElementBlock("div", _hoisted_4, [
-                  renderSlot(_ctx.$slots, "before", normalizeProps(guardReactiveProps(unref(slotProps))))
-                ])) : createCommentVNode("v-if", true),
-                createElementVNode("div", _hoisted_5, [
-                  unref(hasIconBefore) ? (openBlock(), createBlock(
-                    _sfc_main$9,
-                    mergeProps({ key: 0 }, unref(hasIconBefore), { class: "vv-select__icon" }),
-                    null,
-                    16
-                    /* FULL_PROPS */
-                  )) : createCommentVNode("v-if", true),
-                  createElementVNode("div", mergeProps({
-                    ref_key: "inputEl",
-                    ref: inputEl
-                  }, aria, {
-                    class: "vv-select__input",
-                    role: "combobox",
-                    "aria-controls": unref(hasDropdownId),
-                    "aria-expanded": unref(expanded),
-                    "aria-labelledby": unref(hasLabelId),
-                    "aria-describedby": unref(hasHintLabelOrSlot) ? unref(hasHintId) : void 0,
-                    "aria-errormessage": unref(hasInvalidLabelOrSlot) ? unref(hasHintId) : void 0,
-                    tabindex: unref(hasTabindex),
-                    onClickPassive: onClickInput
-                  }), [
-                    unref(hasValue) ? renderSlot(_ctx.$slots, "value", normalizeProps(mergeProps({ key: 0 }, { selectedOptions: unref(selectedOptions), onInput })), () => [
-                      !_ctx.badges ? (openBlock(), createElementBlock(
-                        "div",
-                        _hoisted_7,
-                        toDisplayString(unref(hasValue)),
-                        1
-                        /* TEXT */
-                      )) : (openBlock(true), createElementBlock(
-                        Fragment,
-                        { key: 1 },
-                        renderList(unref(selectedOptions), (option, index) => {
-                          return openBlock(), createBlock(_sfc_main$8, {
-                            key: index,
-                            modifiers: _ctx.badgeModifiers,
-                            class: "vv-select__badge"
-                          }, {
-                            default: withCtx(() => [
-                              createTextVNode(
-                                toDisplayString(unref(getOptionLabel)(option)) + " ",
-                                1
-                                /* TEXT */
-                              ),
-                              unref(isUnselectable) ? (openBlock(), createElementBlock("button", {
-                                key: 0,
-                                "aria-label": unref(propsDefaults).deselectActionLabel,
-                                type: "button",
-                                onClick: withModifiers(($event) => onInput(option), ["stop"])
-                              }, [
-                                createVNode(_sfc_main$9, { name: "close" })
-                              ], 8, _hoisted_8)) : createCommentVNode("v-if", true)
-                            ]),
-                            _: 2
-                            /* DYNAMIC */
-                          }, 1032, ["modifiers"]);
-                        }),
-                        128
-                        /* KEYED_FRAGMENT */
-                      ))
-                    ]) : renderSlot(_ctx.$slots, "placeholder", { key: 1 }, () => [
-                      createTextVNode(
-                        toDisplayString(_ctx.placeholder),
-                        1
-                        /* TEXT */
-                      )
-                    ])
-                  ], 16, _hoisted_6),
-                  unref(hasIconAfter) ? (openBlock(), createBlock(
-                    _sfc_main$9,
-                    mergeProps({ key: 1 }, unref(hasIconAfter), { class: "vv-select__icon vv-select__icon-after" }),
-                    null,
-                    16
-                    /* FULL_PROPS */
-                  )) : createCommentVNode("v-if", true)
-                ]),
-                unref(isUnselectable) && unref(propsDefaults).showClearAction ? (openBlock(), createBlock(unref(VvInputClearAction), {
-                  key: 1,
-                  "input-type": "select",
-                  label: _ctx.labelClear,
-                  icon: _ctx.iconClear,
-                  disabled: !unref(isDirty),
-                  onClear
-                }, null, 8, ["label", "icon", "disabled"])) : createCommentVNode("v-if", true),
-                _ctx.$slots.after ? (openBlock(), createElementBlock("div", _hoisted_9, [
-                  renderSlot(_ctx.$slots, "after", normalizeProps(guardReactiveProps(unref(slotProps))))
-                ])) : createCommentVNode("v-if", true)
-              ]),
-              items: withCtx(() => [
-                !unref(disabled) && unref(filteredOptions)?.length ? (openBlock(true), createElementBlock(
-                  Fragment,
-                  { key: 0 },
-                  renderList(unref(filteredOptions), (option, index) => {
-                    return openBlock(), createElementBlock(
-                      Fragment,
-                      { key: index },
-                      [
-                        isGroup(option) ? (openBlock(), createElementBlock(
-                          Fragment,
-                          { key: 0 },
-                          [
-                            createVNode(_sfc_main$4, {
-                              label: unref(getOptionLabel)(option)
-                            }, null, 8, ["label"]),
-                            (openBlock(true), createElementBlock(
-                              Fragment,
-                              null,
-                              renderList(unref(getOptionGrouped)(
-                                option
-                              ), (item, i) => {
-                                return openBlock(), createBlock(_sfc_main$2, mergeProps({ ref_for: true }, {
-                                  selected: isOptionSelected(item),
-                                  disabled: isOptionDisabledOrNotSelectable(item),
-                                  unselectable: unref(isUnselectable),
-                                  deselectHintLabel: unref(propsDefaults).deselectHintLabel,
-                                  selectHintLabel: unref(propsDefaults).selectHintLabel,
-                                  selectedHintLabel: unref(propsDefaults).selectedHintLabel,
-                                  focusOnHover: _ctx.focusOnHover
-                                }, {
-                                  key: i,
-                                  class: "vv-dropdown-option",
-                                  onClickPassive: ($event) => onInput(item)
-                                }), {
-                                  default: withCtx(() => [
-                                    renderSlot(_ctx.$slots, "option", mergeProps({ ref_for: true }, {
-                                      option,
-                                      selectedOptions: unref(selectedOptions),
-                                      selected: isOptionSelected(item),
-                                      disabled: isOptionDisabledOrNotSelectable(item)
-                                    }), () => [
-                                      createTextVNode(
-                                        toDisplayString(unref(getOptionLabel)(item)),
-                                        1
-                                        /* TEXT */
-                                      )
-                                    ])
-                                  ]),
-                                  _: 2
-                                  /* DYNAMIC */
-                                }, 1040, ["onClickPassive"]);
-                              }),
-                              128
-                              /* KEYED_FRAGMENT */
-                            ))
-                          ],
-                          64
-                          /* STABLE_FRAGMENT */
-                        )) : (openBlock(), createBlock(_sfc_main$2, mergeProps({
-                          key: 1,
-                          ref_for: true
-                        }, {
-                          selected: isOptionSelected(option),
-                          disabled: isOptionDisabledOrNotSelectable(option),
-                          unselectable: unref(isUnselectable),
-                          deselectHintLabel: unref(propsDefaults).deselectHintLabel,
-                          selectHintLabel: unref(propsDefaults).selectHintLabel,
-                          selectedHintLabel: unref(propsDefaults).selectedHintLabel,
-                          focusOnHover: _ctx.focusOnHover
-                        }, {
-                          class: "vv-dropdown-option",
-                          onClickPassive: ($event) => onInput(option)
-                        }), {
-                          default: withCtx(() => [
-                            renderSlot(_ctx.$slots, "option", mergeProps({ ref_for: true }, {
-                              option,
-                              selectedOptions: unref(selectedOptions),
-                              selected: isOptionSelected(option),
-                              disabled: isOptionDisabledOrNotSelectable(option)
-                            }), () => [
-                              createTextVNode(
-                                toDisplayString(unref(getOptionLabel)(option)),
-                                1
-                                /* TEXT */
-                              )
-                            ])
-                          ]),
-                          _: 2
-                          /* DYNAMIC */
-                        }, 1040, ["onClickPassive"]))
-                      ],
-                      64
-                      /* STABLE_FRAGMENT */
-                    );
-                  }),
-                  128
-                  /* KEYED_FRAGMENT */
-                )) : !_ctx.options.length ? (openBlock(), createBlock(_sfc_main$2, {
-                  key: 1,
-                  modifiers: "inert"
-                }, {
-                  default: withCtx(() => [
-                    renderSlot(_ctx.$slots, "no-options", {}, () => [
-                      createTextVNode(
-                        toDisplayString(unref(propsDefaults).addable && searchText.value.length ? unref(propsDefaults).addOptionHintLabel : unref(propsDefaults).noOptionsLabel),
-                        1
-                        /* TEXT */
-                      )
-                    ])
-                  ]),
-                  _: 3
-                  /* FORWARDED */
-                })) : (openBlock(), createBlock(_sfc_main$2, {
-                  key: 2,
-                  modifiers: "inert"
-                }, {
-                  default: withCtx(() => [
-                    renderSlot(_ctx.$slots, "no-results", {}, () => [
-                      createTextVNode(
-                        toDisplayString(unref(propsDefaults).addable ? unref(propsDefaults).addOptionHintLabel : unref(propsDefaults).noResultsLabel),
-                        1
-                        /* TEXT */
-                      )
-                    ])
-                  ]),
-                  _: 3
-                  /* FORWARDED */
-                }))
-              ]),
-              after: withCtx(() => [
-                renderSlot(_ctx.$slots, "dropdown::after", {}, () => [
-                  unref(dropdownEl)?.customPosition ? (openBlock(), createBlock(_sfc_main$6, {
-                    key: 0,
-                    label: unref(propsDefaults).closeLabel,
-                    modifiers: "secondary",
-                    onClick: _cache[1] || (_cache[1] = ($event) => unref(dropdownEl).hide())
-                  }, null, 8, ["label"])) : createCommentVNode("v-if", true)
-                ])
-              ]),
-              _: 2
-              /* DYNAMIC */
-            }, [
-              unref(propsDefaults).searchable || _ctx.$slots["dropdown::before"] ? {
-                name: "before",
-                fn: withCtx(() => [
-                  renderSlot(_ctx.$slots, "dropdown::before"),
-                  unref(propsDefaults).searchable && !unref(disabled) ? withDirectives((openBlock(), createElementBlock("input", {
-                    key: 0,
-                    id: unref(hasSearchId),
-                    ref_key: "inputSearchEl",
-                    ref: inputSearchEl,
-                    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => searchText.value = $event),
-                    "aria-autocomplete": "list",
-                    "aria-controls": unref(hasDropdownId),
-                    autocomplete: "off",
-                    spellcheck: "false",
-                    type: "search",
-                    class: "vv-dropdown__search",
-                    placeholder: unref(propsDefaults).searchPlaceholder,
-                    onKeyup: withKeys(onKeyupEnterInputSearch, ["enter"])
-                  }, null, 40, _hoisted_3)), [
-                    [vModelText, searchText.value]
-                  ]) : createCommentVNode("v-if", true)
-                ]),
-                key: "0"
-              } : void 0
-            ]), 1040, ["modelValue", "role"])
-          ],
-          512
-          /* NEED_PATCH */
-        ),
-        createVNode(unref(HintSlot), {
-          id: unref(hasHintId),
-          class: "vv-select__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"])
-      ], 10, _hoisted_1)) : (openBlock(), createBlock(
-        _sfc_main$1,
-        mergeProps({ key: 1 }, unref(selectProps), {
-          "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => emit("update:modelValue", $event))
-        }),
-        null,
-        16
-        /* FULL_PROPS */
-      ));
-    };
-  }
-});
-export {
-  _sfc_main as default
-};
+import{computed as e,isRef as t,defineComponent as l,h as a,inject as o,unref as n,mergeDefaults as i,ref as r,toRefs as u,createBlock as s,createCommentVNode as d,openBlock as v,mergeProps as c,createElementBlock as f,normalizeClass as p,renderSlot as b,createTextVNode as y,toDisplayString as m,toRef as g,getCurrentInstance as h,watch as S,resolveComponent as L,resolveDynamicComponent as k,withCtx as O,useId as $,useAttrs as w,useSlots as _,Fragment as x,provide as V,onMounted as B,createVNode as A,normalizeProps as C,guardReactiveProps as H,Transition as N,toHandlers as P,withDirectives as E,createElementVNode as j,normalizeStyle as F,vShow as I,nextTick as D,renderList as M,vModelSelect as q,createSlots as z,mergeModels as K,useModel as T,withModifiers as W,withKeys as G,vModelText as J}from"vue";import{iconLoaded as R,Icon as U,addIcon as Q}from"@iconify/vue";import{autoPlacement as X,flip as Y,shift as Z,size as ee,offset as te,arrow as le,useFloating as ae,autoUpdate as oe}from"@floating-ui/vue";import{useMutationObserver as ne,useVModel as ie,onClickOutside as re,useFocusWithin as ue,useElementHover as se,onKeyStroke as de,useFocus as ve,useElementVisibility as ce,refDebounced as fe,computedAsync as pe}from"@vueuse/core";import be from"mitt";import{getProperty as ye}from"dot-prop";const me={prefix:"normal"};var ge=/* @__PURE__ */(e=>(e.local="local",e.session="session",e))(ge||{}),he=/* @__PURE__ */(e=>(e.absolute="absolute",e.fixed="fixed",e))(he||{}),Se=/* @__PURE__ */(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(Se||{}),Le=/* @__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))(Le||{}),ke=/* @__PURE__ */(e=>(e.before="before",e.after="after",e))(ke||{}),Oe=/* @__PURE__ */(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(Oe||{}),$e=/* @__PURE__ */(e=>(e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e))($e||{}),we=/* @__PURE__ */(e=>(e.button="button",e.link="link",e.menuitem="menuitem",e))(we||{}),_e=/* @__PURE__ */(e=>(e.listbox="listbox",e.menu="menu",e))(_e||{}),xe=/* @__PURE__ */(e=>(e.option="option",e.presentation="presentation",e))(xe||{});const Ve=/* @__PURE__ */Symbol.for("volver"),Be=/* @__PURE__ */Symbol.for("buttonGroup"),Ae=/* @__PURE__ */Symbol.for("dropdownTrigger"),Ce=/* @__PURE__ */Symbol.for("dropdownItem"),He=/* @__PURE__ */Symbol.for("dropdownAction"),Ne={to:{type:[String,Object]},href:String,target:String,rel:{type:String,default:"noopener noreferrer"}},Pe={valid:{type:Boolean,default:!1},validLabel:{type:[String,Array],default:void 0}},Ee={invalid:{type:Boolean,default:!1},invalidLabel:{type:[String,Array],default:void 0}},je={loading:{type:Boolean,default:!1},loadingLabel:{type:String,default:"Loading..."}},Fe={disabled:{type:Boolean,default:!1}},Ie={required:{type:Boolean,default:!1}},De={selected:{type:Boolean,default:!1}},Me={active:{type:Boolean,default:!1}},qe={current:{type:Boolean,default:!1}},ze={showClearAction:{type:Boolean,default:!1},iconClear:{type:[String,Object],default:"close"},labelClear:{type:String,default:"Clear"}},Ke={pressed:{type:Boolean,default:!1}},Te={label:{type:[String,Number],default:void 0}},We={readonly:{type:Boolean,default:!1}},Ge={modifiers:{type:[String,Array],default:void 0}},Je={hintLabel:{type:String,default:""}},Re={options:{type:Array,default:()=>[]},labelKey:{type:[String,Function],default:"label"},valueKey:{type:[String,Function],default:"value"},disabledKey:{type:[String,Function],default:"disabled"}},Ue={icon:{type:[String,Object],default:void 0},iconPosition:{type:String,default:ke.before,validation:e=>Object.values(ke).includes(e)}},Qe={tabindex:{type:[String,Number],default:0}},Xe={floating:{type:Boolean,default:!1}},Ye={unselectable:{type:Boolean,default:!0}},Ze={id:[String,Number]},et={placement:{type:String,default:Se.bottom,validator:e=>Object.values(Se).includes(e)||Object.values(Le).includes(e)},strategy:{type:String,default:void 0,validator:e=>Object.values(he).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}},tt={...Ze,name:{type:String,required:!0}},lt={autofocus:{type:Boolean,default:!1}},at={autocomplete:{type:String,default:"off"}},ot={...Fe,...Te,...Ke,...Me,...qe,...Ne,type:{type:String,default:Oe.button,validator:e=>Object.values(Oe).includes(e)},ariaLabel:{type:String,default:void 0},defaultTag:{type:String,default:$e.button}};ge.local;const nt={...tt,...Qe,...Pe,...Ee,...Je,...je,...Fe,...We,...Ge,...Re,...Ue,...Xe,...et,...Te,...Ie,...ze,transitionName:{type:String,default:"vv-dropdown--mobile-fade-block"},modelValue:{type:[String,Number,Boolean,Object,Array],default:void 0},noResultsLabel:{type:String,default:"No results"},noOptionsLabel:{type:String,default:"No options available"},selectedOptionNotFoundLabel:{type:String,default:"Selected option not found"},selectedHintLabel:{type:String,default:"Selected"},deselectActionLabel:{type:String,default:"Deselect"},selectHintLabel:{type:String,default:"Press enter to select"},deselectHintLabel:{type:String,default:"Press enter to remove"},addOptionHintLabel:{type:String,default:"Press enter to add"},closeLabel:{type:String,default:"Close"},placeholder:String,addable:Boolean,searchable:Boolean,keepSearch:Boolean,searchFunction:{type:Function,default:void 0},searchPlaceholder:{type:String,default:"Search..."},debounceSearch:{type:[Number,String],default:0},multiple:Boolean,minValues:{type:[Number,String],default:0},maxValues:[Number,String],unselectable:{type:Boolean,default:!0},separator:{type:String,default:", "},native:Boolean,badges:Boolean,badgeModifiers:{type:[String,Array],default:"action sm"},triggerWidth:{...et.triggerWidth,default:!0},dropdownModifiers:{type:[String,Array],default:"mobile"},autoOpen:{type:Boolean,default:!1},autoselectFirst:{type:Boolean,default:!1},keepOpen:{type:Boolean,default:!1},focusOnHover:{type:Boolean,default:!0}};function it(){return{...nt,options:{...nt.options,type:Array},searchFunction:{...nt.searchFunction,type:Function}}}function rt(e,t,l){return ut(e,t)}function ut(e,t){if(e===t)return!0;if(e&&t&&"object"==typeof e&&"object"==typeof t){const l=Array.isArray(e),a=Array.isArray(t);let o,n,i;if(l&&a){if(n=e.length,n!==t.length)return!1;for(o=n;0!==o--;)if(!ut(e[o],t[o]))return!1;return!0}if(l!==a)return!1;const r=e instanceof Date,u=t instanceof Date;if(r!==u)return!1;if(r&&u)return e.getTime()===t.getTime();const s=e instanceof RegExp,d=t instanceof RegExp;if(s!==d)return!1;if(s&&d)return e.toString()===t.toString();const v=Object.keys(e);if(n=v.length,n!==Object.keys(t).length)return!1;for(o=n;0!==o--;)if(!Object.prototype.hasOwnProperty.call(t,v[o]))return!1;for(o=n;0!==o--;)if(i=v[o],!ut(e[i],t[i]))return!1;return!0}return Number.isNaN(e)&&Number.isNaN(t)}function st(e,t){if(null!=e&&t&&t.length)for(const l of t)if(rt(e,l))return!0;return!1}function dt(e){return Array.isArray(e)?e.filter(e=>"string"==typeof e).join(" "):e}function vt(o,n){const i=e(()=>t(o)?o.value:o),r=e(()=>dt(i.value.invalidLabel)),u=e(()=>dt(i.value.validLabel)),s=e(()=>i.value.loadingLabel),d=e(()=>i.value.hintLabel),v=e(()=>Boolean(i.value.loading&&(n.loading||s.value))),c=e(()=>!v.value&&Boolean(i.value.invalid&&(n.invalid||r.value))),f=e(()=>!v.value&&!c.value&&Boolean(i.value.valid&&(n.valid||u.value))),p=e(()=>!v.value&&!c.value&&!f.value&&Boolean(n.hint||d.value)),b=e(()=>c.value||f.value||v.value||p.value),y=e(()=>({modelValue:i.value.modelValue,valid:i.value.valid,invalid:i.value.invalid,loading:i.value.loading})),m=l({name:"HintSlot",props:{tag:{type:String,default:"small"}},setup:()=>({isVisible:b,invalidLabel:r,validLabel:u,loadingLabel:s,hintLabel:d,hasInvalidLabelOrSlot:c,hasValidLabelOrSlot:f,hasLoadingLabelOrSlot:v,hasHintLabelOrSlot:p}),render(){if(this.isVisible){let e;return this.hasInvalidLabelOrSlot&&(e="alert"),this.hasValidLabelOrSlot&&(e="status"),this.hasLoadingLabelOrSlot?a(this.tag,{role:e},this.$slots.loading?.()??this.loadingLabel):this.hasInvalidLabelOrSlot?a(this.tag,{role:e},this.$slots.invalid?.()??this.$slots.invalid??this.invalidLabel):this.hasValidLabelOrSlot?a(this.tag,{role:e},this.$slots.valid?.()??this.validLabel):a(this.tag,{role:e},this.$slots.hint?.()??this.$slots.hint??this.hintLabel)}return null}});return{hasInvalidLabelOrSlot:c,hasHintLabelOrSlot:p,hasValidLabelOrSlot:f,hasLoadingLabelOrSlot:v,hintSlotScope:y,HintSlot:m}}function ct(){return o(Ve,void 0)}function ft(t,l,a){return e(()=>{const e={[t]:!0},o="string"==typeof l?.value?l.value.split(" "):l?.value;return o&&Array.isArray(o)&&o.forEach(l=>{l&&(e[`${t}--${l}`]=!0)}),a&&Object.keys(a.value).forEach(l=>{e[`${t}--${l}`]=n(a.value[l])}),e})}const pt=/* @__PURE__ */l({name:"VvIcon",props:/* @__PURE__ */i({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(t){const l=t,a=e(()=>"string"==typeof l.rotate?Number.parseFloat(l.rotate):l.rotate),o=r(!0),i=ct(),{modifiers:f}=u(l),p=ft("vv-icon",f),b=e(()=>l.provider||i?.iconsProvider),y=e(()=>{const e=l.name??"",t=`@${b.value}:${l.prefix}:${e}`;if(R(t))return t;const a=i?.iconsCollections.find(t=>{const l=`@${b.value}:${t.prefix}:${e}`;return R(l)});return a?`@${b.value}:${a.prefix}:${e}`:e});function m(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&&Q(`@${b.value}:${l.prefix}:${l.name}`,{body:a,height:t.viewBox.baseVal.height,width:t.viewBox.baseVal.width})}return i&&l.src&&!R(`@${b.value}:${l.prefix}:${l.name}`)&&(o.value=!1,i.fetchIcon(l.src).then(e=>{e&&(m(e),o.value=!0)}).catch(e=>{throw new Error(`Error during fetch icon: ${e?.message}`)})),l.svg&&m(l.svg),(e,l)=>n(o)?(v(),s(n(U),c({key:0,class:n(p)},{inline:t.inline,width:t.width,height:t.height,horizontalFlip:t.horizontalFlip,verticalFlip:t.verticalFlip,flip:t.flip,rotate:n(a),color:t.color,icon:n(y)},{onLoad:t.onLoad}),null,16,["class","onLoad"])):d("v-if",!0)}});function bt(t,l){const a=e(()=>"string"==typeof t?.value?{name:t?.value}:t?.value),o=e(()=>l?.value===ke.before?a.value:void 0),n=e(()=>l?.value===ke.after?a.value:void 0),i=e(()=>l?.value===Se.left?a.value:void 0),r=e(()=>l?.value===Se.right?a.value:void 0),u=e(()=>l?.value===Se.top?a.value:void 0),s=e(()=>l?.value===Se.bottom?a.value:void 0);return{hasIcon:a,hasIconLeft:i,hasIconRight:r,hasIconTop:u,hasIconBottom:s,hasIconBefore:o,hasIconAfter:n}}const yt=l({components:{VvIcon:pt},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(t,{emit:l}){const{hasIcon:a}=bt(e(()=>t.icon));return{hasIcon:a,onClick:function(e){e?.stopPropagation(),t.disabled||l("clear")}}},render(){const e=this.hasIcon?a(pt,{...this.hasIcon,class:`vv-${this.inputType}__icon`}):void 0;return a("button",{disabled:this.disabled,class:`vv-${this.inputType}__action`,ariaLabel:this.label,type:"button",onClick:this.onClick},e)}}),mt={...Ge,value:[String,Number]},gt=/* @__PURE__ */l({name:"VvBadge",props:mt,setup(e){const t=e,{modifiers:l}=u(t),a=ft("vv-badge",l);return(e,t)=>(v(),f("span",{class:p(n(a))},[b(e.$slots,"default",{},()=>[y(m(e.value),1)])],2))}});const ht={...ot,...Ze,...Ge,...Ye,...je,...Ue,iconPosition:{type:String,default:Se.left,validator:e=>Object.values(Se).includes(e)},loadingIcon:{type:String,default:"eos-icons:bubble-loading"},toggle:{type:Boolean,default:!1},value:{type:[String,Number,Boolean],default:void 0},uncheckedValue:{type:[String,Number,Boolean],default:void 0},modelValue:{type:[String,Number,Boolean],default:void 0}};function St(t,l){const{group:a,isInGroup:n,getGroupOrLocalRef:i}=function(t){const l=o(t,void 0),a=e(()=>void 0!==l);return{group:l,isInGroup:a,getGroupOrLocalRef:function(t,a,o){const n=l?.[t];if(n)return e({get:()=>n.value,set(e){n.value=e}});const i=g(a,t);return e({get:()=>i.value,set(e){o&&o(`update:${t}`,e)}})}}}(Be),{id:r,iconPosition:s,icon:d,label:v,pressed:c}=u(t),f=i("modelValue",t,l),p=i("toggle",t),b=i("unselectable",t),y=e(()=>a?.multiple.value??!1),m=e(()=>{let e=t.modifiers,l=a?.modifiers.value;const o=/* @__PURE__ */new Set;return e&&(Array.isArray(e)||(e=e.split(" ")),e.forEach(e=>o.add(e))),l&&(Array.isArray(l)||(l=l.split(" ")),l.forEach(e=>o.add(e))),Array.from(o)}),h=e(()=>Boolean(t.disabled||a?.disabled.value));return{group:a,isInGroup:n,modelValue:f,toggle:p,unselectable:b,multiple:y,modifiers:m,disabled:h,id:r,pressed:c,iconPosition:s,icon:d,label:v}}const Lt=/* @__PURE__ */l({name:"VvAction",props:ot,emits:["click","mouseover","mouseleave"],setup(t,{expose:l,emit:a}){const i=t,u=a,d=h(),f=ct(),p=r(null);l({$el:p});const{reference:g,bus:$,aria:w,expanded:_}=o(Ae,{});S(()=>p.value,e=>{g&&(g.value=e)});const x=e(()=>i.pressed||_?.value),{role:V}=o(He,{}),B=e(()=>{switch(!0){case i.disabled:return $e.button;case void 0!==i.to:return f?.nuxt?L($e.nuxtLink):$e.routerLink;case void 0!==i.href:return $e.a;default:return i.defaultTag}}),A=e(()=>{const e={...w?.value,ariaPressed:!!x.value||void 0,ariaLabel:i.ariaLabel,role:V?.value};switch(B.value){case $e.a:return{...e,href:i.href,target:i.target,rel:i.rel};case $e.routerLink:case $e.nuxtLink:return{...e,to:i.to,target:i.target};case $e.button:return{...e,type:i.type,disabled:i.disabled};default:return e}});function C(e){i.disabled?e.preventDefault():d?.vnode.props?.onClick?u("click",e):$?.emit("click",e)}function H(e){d?.vnode.props?.onMouseover?u("mouseover",e):$?.emit("mouseover",e)}function N(e){d?.vnode.props?.onMouseleave?u("mouseleave",e):$?.emit("mouseleave",e)}return(e,t)=>(v(),s(k(n(B)),c(n(A),{ref_key:"rootEl",ref:p,class:{active:e.active,pressed:n(x),disabled:e.disabled,current:e.current},onClickPassive:C,onMouseoverPassive:H,onMouseleavePassive:N}),{default:O(()=>[b(e.$slots,"default",{},()=>[y(m(e.label),1)])]),_:3},16,["class"]))}});function kt(t){return e(()=>String(t?.value||$()))}const Ot={key:1,class:"vv-button__label"},$t={key:1,class:"vv-button__label"},wt=/* @__PURE__ */l({name:"VvButton",inheritAttrs:!1,props:ht,emits:["update:modelValue"],setup(t,{expose:l,emit:a}){const o=t,i=a,u=w(),p=_(),{id:g,modifiers:h,iconPosition:S,icon:L,label:k,modelValue:$,disabled:V,toggle:B,unselectable:A}=St(o,i),C=kt(g),H=e(()=>u?.name||C.value),N=r(null);l({$el:e(()=>N.value?.$el)});const P=e(()=>B.value?Array.isArray($.value)?st(H.value,$.value):rt(H.value,$.value):o.pressed),E=ft("vv-button",h,e(()=>({reverse:[Se.right,Se.bottom].includes(S.value),column:[Se.top,Se.bottom].includes(S.value),"icon-only":Boolean(L?.value&&!k?.value&&!p.default)}))),{hasIcon:j}=bt(L),F=e(()=>void 0!==o.value?o.value:H.value),I=e(()=>{if(B.value)return{onClick:D}});function D(){if(B.value){if(Array.isArray($.value))return st(F.value,$.value)?void(A.value&&($.value=$.value.filter(e=>e!==F.value))):void $.value.push(F.value);if(F.value===$.value&&A.value)return void($.value=o.uncheckedValue);$.value=F.value}}return(e,t)=>(v(),s(Lt,c({...n(u),...n(I),disabled:n(V),pressed:n(P),active:e.active,type:e.type,to:e.to,href:e.href,target:e.target,rel:e.rel,ariaLabel:e.ariaLabel},{id:n(C),ref_key:"rootEl",ref:N,class:n(E)}),{default:O(()=>[b(e.$slots,"default",{},()=>[e.loading?b(e.$slots,"loading",{key:0},()=>[e.loadingIcon?(v(),s(pt,{key:0,class:"vv-button__loading-icon",name:e.loadingIcon},null,8,["name"])):d("v-if",!0),e.loadingLabel?(v(),f("span",Ot,m(e.loadingLabel),1)):d("v-if",!0)]):(v(),f(x,{key:1},[b(e.$slots,"before"),n(j)?(v(),s(pt,c({key:0},n(j),{class:"vv-button__icon"}),null,16)):d("v-if",!0),n(k)?(v(),f("span",$t,[b(e.$slots,"label",{},()=>[y(m(n(k)),1)])])):d("v-if",!0),b(e.$slots,"after")],64))])]),_:3},16,["id","class"]))}}),_t={...Ze,...et,...Ge,modelValue:{type:Boolean,default:void 0},reference:{type:Object,default:null},role:{type:String,default:_e.menu,validator:e=>Object.values(_e).includes(e)}},xt={focusOnHover:{type:Boolean,default:!1}},Vt={...Fe,...De,...Ye,...Ge,deselectHintLabel:{type:String},selectHintLabel:{type:String},selectedHintLabel:{type:String},focusOnHover:{type:Boolean,default:!1}};const Bt=["id","tabindex","role","aria-labelledby"],At=/* @__PURE__ */l({name:"VvDropdown",inheritAttrs:!1,props:_t,emits:["update:modelValue","beforeEnter","afterLeave","beforeExpand","beforeCollapse","afterExpand","afterCollapse","before-enter","after-leave","enter","afterEnter","enterCancelled","beforeLeave","leave","leaveCancelled"],setup(t,{expose:o,emit:i}){const s=t,y=i,{id:m}=u(s),g=kt(m),h=w(),L=r("auto"),k=r("auto"),$=r(),_=r(),M=r(),q=r(),z=e({get:()=>s.reference??$.value,set:e=>{$.value=e}}),K=r(!1);B(()=>{ne(_.value,()=>{K.value="true"===window.getComputedStyle(_.value).getPropertyValue("--dropdown-custom-position")?.trim()},{attributeFilter:["style"],window:window})});const T=e(()=>{const e=[];if(s.autoPlacement?"boolean"==typeof s.autoPlacement?e.push(X()):e.push(X(s.autoPlacement)):s.flip&&("boolean"==typeof s.flip?e.push(Y({fallbackStrategy:"initialPlacement"})):e.push(Y(s.flip))),s.shift&&("boolean"==typeof s.shift?e.push(Z()):e.push(Z(s.shift))),s.size){const t=({availableWidth:e,availableHeight:t})=>{L.value=`${e}px`,k.value=`${t}px`};"boolean"==typeof s.size?e.push(ee({apply:t})):e.push(ee({...s.size,apply:t}))}return s.offset&&(e.push(te(Number(s.offset))),["string","number"].includes(typeof s.offset)?e.push(te(Number(s.offset))):e.push(te(s.offset))),s.arrow&&e.push(le({element:M})),e}),{x:W,y:G,middlewareData:J,placement:R,strategy:U}=ae(z,_,{whileElementsMounted:(...e)=>oe(...e,{animationFrame:s.strategy===he.fixed}),placement:e(()=>s.placement),strategy:e(()=>s.strategy),middleware:T}),Q=e(()=>{if(K.value)return;const e=s.triggerWidth&&z.value?`${z.value?.offsetWidth}px`:void 0;return{position:U.value,top:`${G.value??0}px`,left:`${W.value??0}px`,maxWidth:e?void 0:L.value,maxHeight:k.value,width:e}}),ve=e(()=>R.value.split("-")[0]),ce=e(()=>{if(K.value)return;const e={[Se.top]:Se.bottom,[Se.right]:Se.left,[Se.bottom]:Se.top,[Se.left]:Se.right}[ve.value];return{left:void 0!==J.value.arrow?.x?`${J.value.arrow?.x}px`:void 0,top:void 0!==J.value.arrow?.y?`${J.value.arrow?.y}px`:void 0,[e]:-(M.value?.offsetWidth??0)/2+"px"}}),fe=ie(s,"modelValue",y),pe=r(!1),ye=e({get:()=>fe.value??pe.value,set:e=>{void 0!==fe.value?fe.value=e:pe.value=e}});function me(){ye.value=!0}function ge(){ye.value=!1}function Le(){ye.value=!ye.value}function ke(e){z.value=e}re(_,()=>{!s.keepOpen&&ye.value&&(ye.value=!1)},{ignore:[z]});const Oe=e(()=>z.value?.getAttribute?.("id")??void 0),$e=e(()=>({"aria-controls":g.value,"aria-haspopup":!0,"aria-expanded":ye.value})),{component:we,bus:Ve}=function({reference:e,id:t,expanded:o,aria:n}){const i=be(),r=l({name:"VvDropdownTriggerProvider",setup(){V(Ae,{reference:e,id:t,expanded:o,aria:n,bus:i})},render(){return a(x,{},this.$slots.default?.())}});return{bus:i,component:r}}({reference:z,id:g,expanded:ye,aria:$e});Ve.on("click",Le);const{role:Be,modifiers:He}=u(s),Ne=ft("vv-dropdown",He,e(()=>({arrow:s.arrow}))),{focused:Pe}=ue(_);function Ee(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 je(){D(()=>{const e=Ee(_.value);e.length>0&&e[0].focus({preventScroll:!0})})}function Fe(){D(()=>{if(Pe.value){const e=Ee(_.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 Ie(){D(()=>{if(Pe.value){const e=Ee(_.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})}})}S(ye,e=>{e&&s.autofocusFirst&&je()}),o({toggle:Le,show:me,hide:ge,init:ke,focusFirst:je,focusFirstListElement:function(){D(()=>{const e=Ee(q.value);e.length>0&&e[0].focus({preventScroll:!0})})},focusNext:Fe,focusPrev:Ie,customPosition:K});const De=se(_),{itemRole:Me}=function({role:t,...l}){const a=e(()=>t.value===_e.listbox?xe.option:xe.presentation);return V(Ce,{role:a,...l}),{itemRole:a}}({role:Be,expanded:ye,focused:Pe,hovered:De});de("Escape",e=>{ye.value&&(e.preventDefault(),ge())}),de("ArrowDown",e=>{ye.value&&Pe.value&&(e.preventDefault(),Fe())}),de("ArrowUp",e=>{ye.value&&Pe.value&&(e.preventDefault(),Ie())}),de([" ","Enter"],e=>{const t=e.target;ye.value&&Pe.value&&t&&t?.click()});const qe={"before-enter":()=>{y(ye.value?"beforeExpand":"beforeCollapse"),y("beforeEnter")},"after-leave":()=>{y(ye.value?"afterExpand":"afterCollapse"),y("afterLeave")},enter:()=>{y("enter")},"after-enter":()=>{y("afterEnter")},"enter-cancelled":()=>{y("enterCancelled")},"before-leave":()=>{y("beforeLeave")},leave:()=>{y("leave")},"leave-cancelled":()=>{y("leaveCancelled")}};return(e,t)=>(v(),f(x,null,[A(n(we),null,{default:O(()=>[b(e.$slots,"default",C(H({init:ke,show:me,hide:ge,toggle:Le,expanded:n(ye),aria:n($e)})))]),_:3}),A(N,c({name:e.transitionName},P(qe),{persisted:""}),{default:O(()=>[E(j("div",{ref_key:"floatingEl",ref:_,style:F(n(Q)),class:p(n(Ne))},[s.arrow?(v(),f("div",{key:0,ref_key:"arrowEl",ref:M,style:F(n(ce)),class:"vv-dropdown__arrow"},null,4)):d("v-if",!0),b(e.$slots,"before",C(H({expanded:n(ye)}))),j("div",c(n(h),{id:n(g),ref_key:"listEl",ref:q,tabindex:n(ye)?void 0:-1,role:n(Be),"aria-labelledby":n(Oe),class:"vv-dropdown__list"}),[b(e.$slots,"items",C(H({role:n(Me)})))],16,Bt),b(e.$slots,"after",C(H({expanded:n(ye)})))],6),[[I,n(ye)]])]),_:3},16,["name"])],64))}}),Ct={class:"vv-dropdown-optgroup",role:"presentation",tabindex:"-1"},Ht=/* @__PURE__ */l({name:"VvDropdownOptgroup",props:{...Te},setup(e){const t=e;return(e,l)=>(v(),f("li",Ct,[b(e.$slots,"default",{},()=>[y(m(t.label),1)])]))}}),Nt=/* @__PURE__ */l({name:"VvDropdownItem",props:xt,setup(e){const t=e,{role:l,expanded:a}=o(Ce,{}),i=r(null);!function({expanded:e}){V(He,{role:r(we.menuitem),expanded:e})}({expanded:a});const u=se(i),{focused:s}=ve(i),{focused:d}=ue(i);return S(u,e=>{e&&t.focusOnHover&&(s.value=!0)}),(e,t)=>(v(),f("div",c({role:n(l)},{ref_key:"element",ref:i,class:["vv-dropdown__item",{"focus-visible":n(s)||n(d)}]}),[b(e.$slots,"default")],16))}}),Pt=["title"],Et=/* @__PURE__ */l({name:"VvDropdownOption",props:Vt,setup(t){const l=t,{modifiers:a}=u(l),o=ft("vv-dropdown-option",a,e(()=>({disabled:l.disabled,selected:l.selected,unselectable:l.unselectable&&l.selected}))),i=e(()=>l.selected?l.unselectable?l.deselectHintLabel:l.selectedHintLabel:l.disabled?"":l.selectHintLabel);return(e,t)=>(v(),s(Nt,{class:p(n(o)),tabindex:e.disabled?-1:0,"aria-selected":e.selected,"aria-disabled":e.disabled,"focus-on-hover":e.focusOnHover},{default:O(()=>[b(e.$slots,"default"),j("span",{class:"vv-dropdown-option__hint",title:n(i)},[b(e.$slots,"hint",C(H({disabled:e.disabled,selected:e.selected,unselectable:e.unselectable})),()=>[y(m(n(i)),1)])],8,Pt)]),_:3},8,["class","tabindex","aria-selected","aria-disabled","focus-on-hover"]))}}),jt={...tt,...lt,...at,...Qe,...Pe,...Ee,...Je,...je,...Fe,...We,...Ge,...Re,...Ue,...Xe,...Ye,...Te,...ze,multiple:Boolean,required:Boolean,size:[String,Number],modelValue:{type:[String,Number,Boolean,Object,Array],default:void 0},autoselectFirst:{type:Boolean,default:!1},placeholder:String};function Ft(){return{...jt,options:{...jt.options,type:Array,default:()=>[]}}}function It(t,l,a){const o=ct(),n=e(()=>{if(o&&o.defaults.value?.[t])return o.defaults.value[t]});return e(()=>{if(void 0===n.value)return a;const e=n.value,t=l,o=a;return Object.keys(t).reduce((l,a)=>{const n=o[a];if(l[a]=n,a in e){if(Array.isArray(t[a])){const o=t[a];if(o.length){o[0]===n&&(l[a]=e[a])}}if("function"==typeof t[a]){(0,t[a])()===n&&(l[a]=e[a])}if("object"==typeof t[a]){let o=t[a].default;"function"==typeof o&&(o=o()),"object"==typeof o?JSON.stringify(o)===JSON.stringify(n)&&(l[a]=e[a]):o===n&&(l[a]=e[a])}}return l},{})})}function Dt(e,t){const{focused:l}=ve(e);return S(l,l=>{t(l?"focus":"blur",n(e))}),{focused:l}}function Mt(e){const{options:t,labelKey:l,valueKey:a,disabledKey:o}=u(e);return{options:t,getOptionLabel:e=>"string"==typeof e?e:"function"==typeof l.value?l.value(e):String(l.value?ye(e,l.value):e),getOptionValue:e=>"string"==typeof e?e:"function"==typeof a.value?a.value(e):a.value?ye(e,a.value):e,isOptionDisabled:e=>"string"!=typeof e&&("function"==typeof o.value?o.value(e):!!o.value&&Boolean(ye(e,o.value))),getOptionGrouped:e=>"string"==typeof e?[]:"object"==typeof e&&e&&"options"in e?e.options:[]}}const qt=["for"],zt={class:"vv-select__wrapper"},Kt={key:0,class:"vv-select__input-before"},Tt={class:"vv-select__inner"},Wt=["id"],Gt=["disabled","hidden"],Jt=["disabled","value"],Rt=["disabled","label"],Ut=["disabled","value"],Qt={key:2,class:"vv-select__input-after"},Xt=/* @__PURE__ */l({name:"VvSelect",props:Ft(),emits:["update:modelValue","focus","blur","clear"],setup(l,{emit:a}){const o=l,i=a,y=_(),g=It("VvSelect",Ft(),o),h=r(),{HintSlot:L,hasHintLabelOrSlot:k,hasInvalidLabelOrSlot:$,hintSlotScope:w}=vt(g,y),{focused:V}=Dt(h,i);function B(e){return"string"!=typeof e&&e.options?.length}const{id:N,modifiers:P,disabled:F,readonly:I,loading:D,icon:K,iconPosition:T,invalid:W,valid:G,floating:J,multiple:R}=u(o),U=kt(N),Q=e(()=>`${U.value}-hint`),X=e(()=>o.disabled||o.readonly),Y=e(()=>X.value?-1:o.tabindex),Z=e({get:()=>o.modelValue,set:e=>{Array.isArray(e)&&0===(e=e.filter(e=>void 0!==e)).length&&!o.unselectable&&h.value?h.value.value=String(o.modelValue):i("update:modelValue",e)}}),ee=e(()=>Array.isArray(Z.value)?Z.value.length>0:void 0!==Z.value&&null!==Z.value),te=e(()=>!X.value&&o.unselectable),le=ce(h);S(le,e=>{e&&o.autofocus&&(V.value=!0)});const{hasIconBefore:ae,hasIconAfter:oe}=bt(K,T),ne=e(()=>!0===o.invalid||!0!==o.valid&&void 0),ie=ft("vv-select",P,e(()=>({valid:G.value,invalid:W.value,loading:D.value,disabled:F.value,readonly:I.value,"icon-before":void 0!==ae.value,"icon-after":void 0!==oe.value,dirty:ee.value,focus:V.value&&!X.value,floating:J.value,multiple:R.value}))),{getOptionLabel:re,getOptionValue:ue,isOptionDisabled:se,getOptionGrouped:de}=Mt(o);function ve(){Array.isArray(Z.value)?Z.value=[]:Z.value=void 0,i("clear")}S(()=>o.options,e=>{if(e?.length&&o.autoselectFirst&&!ee.value){const t=ue(e[0]);Z.value=o.multiple?[t]:t}},{immediate:!0});const fe=e(()=>({name:o.name,tabindex:Y.value,disabled:X.value,required:o.required,size:o.size,autocomplete:o.autocomplete,multiple:o.multiple,"aria-invalid":ne.value,"aria-describedby":k.value?Q.value:void 0,"aria-errormessage":$.value?Q.value:void 0})),pe=e(()=>({valid:o.valid,invalid:o.invalid,modelValue:o.modelValue}));return(e,l)=>(v(),f("div",{class:p(n(ie))},[e.label?(v(),f("label",{key:0,for:n(U)},m(e.label),9,qt)):d("v-if",!0),j("div",zt,[e.$slots.before?(v(),f("div",Kt,[b(e.$slots,"before",C(H(n(pe))))])):d("v-if",!0),j("div",Tt,[n(ae)?(v(),s(pt,c({key:0},n(ae),{class:"vv-select__icon"}),null,16)):d("v-if",!0),E(j("select",c({id:n(U),ref_key:"selectEl",ref:h},n(fe),{"onUpdate:modelValue":l[0]||(l[0]=e=>t(Z)?Z.value=e:null)}),[e.placeholder?(v(),f("option",{key:0,value:void 0,disabled:!n(te),hidden:!n(te)},m(e.placeholder),9,Gt)):d("v-if",!0),(v(!0),f(x,null,M(e.options,(e,t)=>(v(),f(x,null,[B(e)?(v(),f("optgroup",{key:`group-${t}`,disabled:n(se)(e),label:n(re)(e)},[(v(!0),f(x,null,M(n(de)(e),(e,l)=>(v(),f("option",{key:`group-${t}-item-${l}`,disabled:n(se)(e),value:n(ue)(e)},m(n(re)(e)),9,Ut))),128))],8,Rt)):(v(),f("option",{key:t,disabled:n(se)(e),value:n(ue)(e)},m(n(re)(e)),9,Jt))],64))),256))],16,Wt),[[q,n(Z)]]),n(oe)?(v(),s(pt,c({key:1},n(oe),{class:"vv-select__icon vv-select__icon-after"}),null,16)):d("v-if",!0)]),n(te)&&n(g).showClearAction?(v(),s(n(yt),{key:1,"input-type":"select",label:e.labelClear,icon:e.iconClear,disabled:!n(ee),onClear:ve},null,8,["label","icon","disabled"])):d("v-if",!0),e.$slots.after?(v(),f("div",Qt,[b(e.$slots,"after",C(H(n(pe))))])):d("v-if",!0)]),A(n(L),{id:n(Q),class:"vv-select__hint"},z({_:2},[e.$slots.hint?{name:"hint",fn:O(()=>[b(e.$slots,"hint",C(H(n(w))))]),key:"0"}:void 0,e.$slots.loading?{name:"loading",fn:O(()=>[b(e.$slots,"loading",C(H(n(w))))]),key:"1"}:void 0,e.$slots.valid?{name:"valid",fn:O(()=>[b(e.$slots,"valid",C(H(n(w))))]),key:"2"}:void 0,e.$slots.invalid?{name:"invalid",fn:O(()=>[b(e.$slots,"invalid",C(H(n(w))))]),key:"3"}:void 0]),1032,["id"])],2))}}),Yt=["id"],Zt=["id","for"],el=["id","aria-controls","placeholder"],tl={key:0,class:"vv-select__input-before"},ll={class:"vv-select__inner"},al=["aria-controls","aria-expanded","aria-labelledby","aria-describedby","aria-errormessage","tabindex"],ol={key:0,class:"vv-select__value"},nl=["aria-label","onClick"],il={key:2,class:"vv-select__input-after"},rl=/* @__PURE__ */l({...{name:"VvCombobox",components:{VvDropdown:At,VvDropdownOption:Et,VvDropdownOptgroup:Ht,VvButton:wt}},props:/* @__PURE__ */K(it(),{search:{type:String,default:"",required:!1},searchModifiers:{}}),emits:/* @__PURE__ */K(["update:modelValue","update:search","update:options","focus","blur","clear","change:search"],["update:search"]),setup(l,{emit:a}){const o=l,i=a,g=_(),h=It("VvCombobox",it(),o),L=r(null),k=r(null),$=r(null),w=r(),{HintSlot:V,hasHintLabelOrSlot:B,hasInvalidLabelOrSlot:N,hintSlotScope:P}=vt(h,g),{focused:F}=Dt(L,i),{focused:I}=ue($);S(F,e=>{o.autoOpen&&(!e||K.value?e||!K.value||I.value||Q():U())}),S(I,e=>{F.value||e||!K.value||Q()});const D=T(l,"search"),q=fe(D,e(()=>Number(o.debounceSearch)));S(q,()=>{i("update:search",q.value),i("change:search",q.value)});const K=r(!1);function R(){Se.value||(K.value=!K.value)}function U(){Se.value||K.value||(K.value=!0)}function Q(){!Se.value&&K.value&&(K.value=!1)}function X(){h.value.searchable&&k.value&&k.value.focus({preventScroll:!0})}function Y(){h.value.keepSearch||(D.value="")}function Z(e){return"string"!=typeof e&&e.options?.length}const{id:ee,icon:te,iconPosition:le,modifiers:ae,disabled:oe,required:ne,readonly:ie,loading:re,valid:se,invalid:ve,floating:ce}=u(o),be=kt(ee),ye=e(()=>`${be.value}-hint`),me=e(()=>`${be.value}-dropdown`),ge=e(()=>`${be.value}-search`),he=e(()=>`${be.value}-label`),Se=e(()=>o.disabled||o.readonly),Le=e(()=>Se.value?-1:o.tabindex),ke=e({get:()=>Array.isArray(o.modelValue)?o.modelValue:void 0!==o.modelValue&&null!==o.modelValue?[o.modelValue]:[],set:e=>{i("update:modelValue",o.multiple||Array.isArray(o.modelValue)?e:e.pop())}}),Oe=e(()=>ke.value.length),$e=e(()=>Oe.value>0),we=e(()=>o.multiple?void 0===o.maxValues?1/0:Number(o.maxValues):1),xe=e(()=>!Se.value&&(!!o.unselectable&&(0===Number(o.minValues)||Oe.value>Number(o.minValues)))),Ve=e(()=>!Se.value&&(!o.multiple||Oe.value<we.value)),Be=r(!1),Ae=e(()=>Be.value||re.value),{hasIconBefore:Ce,hasIconAfter:He}=bt(te,le),Ne=ft("vv-select",ae,e(()=>({disabled:oe.value,required:ne.value,loading:Ae.value,readonly:ie.value,"icon-before":void 0!==Ce.value,"icon-after":void 0!==He.value,valid:se.value,invalid:ve.value,dirty:$e.value,focus:(F.value||I.value||K.value)&&!Se.value,floating:ce.value,badges:o.badges}))),Pe=r(/* @__PURE__ */new Set),{getOptionLabel:Ee,getOptionValue:je,getOptionGrouped:Fe,isOptionDisabled:Ie}=Mt(o),De=e(()=>{const e=[...Pe.value];for(const t of o.options)Z(t)?e.push(...Fe(t)):e.push(t);return e}),Me=e(()=>{const e=[...o.options,...Pe.value];for(const t of ke.value)De.value.some(e=>{const l=je(e);return"object"==typeof l&&"object"==typeof t?JSON.stringify(l)===JSON.stringify(t):l===t})||e.push(t);return e});function qe(e){return Ie(e)||!Ve.value&&!Ke(e)}S(Pe,e=>{e.size>0&&i("update:options",Me.value)});const ze=pe(async()=>{if(h.value.searchFunction){Be.value=!0;const e=await Promise.resolve(h.value.searchFunction(q.value,Me.value));return Be.value=!1,e}const e=q.value.toLowerCase().trim();return e?Me.value?.reduce((t,l)=>{if(Z(l)){const a=Ee(l).toLowerCase(),o=Fe(l).filter(t=>Ee(t).toLowerCase().includes(e));if(a.includes(e))t.push(l);else if(o.length>0){const e="object"==typeof l?{...l,options:o}:l;t.push(e)}return t}return Ee(l).toLowerCase().includes(e)&&t.push(l),t},[]):Me.value});function Ke(e){const t=je(e);return"object"==typeof t?ke.value.some(e=>"object"==typeof e&&JSON.stringify(e)===JSON.stringify(t)):ke.value.includes(t)}const Te=e(()=>Me.value.reduce((e,t)=>Z(t)?[...e,...Fe(t)]:[...e,t],[]).filter(e=>Ke(e))),We=e(()=>Te.value.map(e=>Ee(e)).join(o.separator));function Ge(){o.autoOpen?U():R()}function Je(e){const t=Ke(e),l=je(e);t&&xe.value?ke.value=ke.value.filter(e=>"object"==typeof l&&"object"==typeof e?JSON.stringify(e)!==JSON.stringify(l):e!==l):!t&&Ve.value&&(o.multiple?ke.value=[...ke.value,l]:ke.value=[l]),o.multiple||o.keepOpen||Q()}function Re(){ke.value=[],i("update:search",""),i("clear")}S(Me,e=>{if(e?.length&&o.autoselectFirst&&!$e.value){const t=e.find(e=>!Z(e));if(t)return void Je(t);const l=e.find(e=>Z(e));if(l){const e=Fe(l);e.length&&Je(e[0])}}},{immediate:!0});const Ue=e(()=>({id:be.value,name:o.name,tabindex:Le.value,valid:se.value,validLabel:h.value.validLabel,invalid:ve.value,invalidLabel:h.value.invalidLabel,hintLabel:h.value.hintLabel,loading:Ae.value,loadingLabel:h.value.loadingLabel,disabled:oe.value,readonly:ie.value,modifiers:h.value.modifiers,options:h.value.options,labelKey:h.value.labelKey,valueKey:h.value.valueKey,icon:h.value.icon,iconPosition:h.value.iconPosition,floating:h.value.floating,unselectable:xe.value,autoselectFirst:h.value.autoselectFirst,multiple:h.value.multiple,label:h.value.label,placeholder:h.value.placeholder,modelValue:o.modelValue})),Qe=e(()=>({id:me.value,reference:$.value,placement:h.value.placement,strategy:h.value.strategy,transitionName:h.value.transitionName,offset:h.value.offset,shift:h.value.shift,flip:h.value.flip,autoPlacement:h.value.autoPlacement,arrow:h.value.arrow,autofocusFirst:!!h.value.searchable||h.value.autofocusFirst,triggerWidth:h.value.triggerWidth,modifiers:h.value.dropdownModifiers})),Xe=e(()=>({valid:o.valid,invalid:o.invalid,modelValue:o.modelValue}));function Ye(){if(ze.value?.length){if(1===ze.value.length){const e=ze.value[0];if(Z(e)){const t=Fe(e);return void(t.length&&Je(t[0]))}return void Je(e)}w.value?.focusFirstListElement()}else if(h.value.addable){const e=D.value.trim();if(!e)return;if(De.value.some(t=>Ee(t).toLowerCase()===e.toLowerCase()))return;Pe.value.add(e),Je(e)}}return de([" ","Enter"],e=>{o.autoOpen||!K.value&&F.value&&(e.preventDefault(),e.stopImmediatePropagation(),R())},{target:L}),(e,l)=>e.native?(v(),s(Xt,c({key:1},n(Ue),{"onUpdate:modelValue":l[3]||(l[3]=e=>i("update:modelValue",e))}),null,16)):(v(),f("div",{key:0,id:n(be),class:p(n(Ne))},[e.label?(v(),f("label",{key:0,id:n(he),for:n(h).searchable?n(ge):void 0},m(e.label),9,Zt)):d("v-if",!0),j("div",{ref_key:"wrapperEl",ref:$,class:"vv-select__wrapper"},[A(At,c({ref_key:"dropdownEl",ref:w,modelValue:n(K),"onUpdate:modelValue":l[2]||(l[2]=e=>t(K)?K.value=e:null)},n(Qe),{role:n(_e).listbox,onAfterExpand:X,onAfterCollapse:Y}),z({default:O(({aria:t})=>[e.$slots.before?(v(),f("div",tl,[b(e.$slots,"before",C(H(n(Xe))))])):d("v-if",!0),j("div",ll,[n(Ce)?(v(),s(pt,c({key:0},n(Ce),{class:"vv-select__icon"}),null,16)):d("v-if",!0),j("div",c({ref_key:"inputEl",ref:L},t,{class:"vv-select__input",role:"combobox","aria-controls":n(me),"aria-expanded":n(K),"aria-labelledby":n(he),"aria-describedby":n(B)?n(ye):void 0,"aria-errormessage":n(N)?n(ye):void 0,tabindex:n(Le),onClickPassive:Ge}),[n(We)?b(e.$slots,"value",C(c({key:0},{selectedOptions:n(Te),onInput:Je})),()=>[e.badges?(v(!0),f(x,{key:1},M(n(Te),(t,l)=>(v(),s(gt,{key:l,modifiers:e.badgeModifiers,class:"vv-select__badge"},{default:O(()=>[y(m(n(Ee)(t))+" ",1),n(xe)?(v(),f("button",{key:0,"aria-label":n(h).deselectActionLabel,type:"button",onClick:W(e=>Je(t),["stop"])},[A(pt,{name:"close"})],8,nl)):d("v-if",!0)]),_:2},1032,["modifiers"]))),128)):(v(),f("div",ol,m(n(We)),1))]):b(e.$slots,"placeholder",{key:1},()=>[y(m(e.placeholder),1)])],16,al),n(He)?(v(),s(pt,c({key:1},n(He),{class:"vv-select__icon vv-select__icon-after"}),null,16)):d("v-if",!0)]),n(xe)&&n(h).showClearAction?(v(),s(n(yt),{key:1,"input-type":"select",label:e.labelClear,icon:e.iconClear,disabled:!n($e),onClear:Re},null,8,["label","icon","disabled"])):d("v-if",!0),e.$slots.after?(v(),f("div",il,[b(e.$slots,"after",C(H(n(Xe))))])):d("v-if",!0)]),items:O(()=>[!n(oe)&&n(ze)?.length?(v(!0),f(x,{key:0},M(n(ze),(t,l)=>(v(),f(x,{key:l},[Z(t)?(v(),f(x,{key:0},[A(Ht,{label:n(Ee)(t)},{default:O(()=>[b(e.$slots,"option-group",c({ref_for:!0},{option:t,selectedOptions:n(Te)}),()=>[y(m(n(Ee)(t)),1)])]),_:2},1032,["label"]),(v(!0),f(x,null,M(n(Fe)(t),(t,l)=>(v(),s(Et,c({ref_for:!0},{selected:Ke(t),disabled:qe(t),unselectable:n(xe),deselectHintLabel:n(h).deselectHintLabel,selectHintLabel:n(h).selectHintLabel,selectedHintLabel:n(h).selectedHintLabel,focusOnHover:e.focusOnHover},{key:l,class:"vv-dropdown-option",onClickPassive:e=>Je(t)}),{default:O(()=>[b(e.$slots,"option",c({ref_for:!0},{option:t,selectedOptions:n(Te),selected:Ke(t),disabled:qe(t)}),()=>[y(m(n(Ee)(t)),1)])]),_:2},1040,["onClickPassive"]))),128))],64)):(v(),s(Et,c({key:1,ref_for:!0},{selected:Ke(t),disabled:qe(t),unselectable:n(xe),deselectHintLabel:n(h).deselectHintLabel,selectHintLabel:n(h).selectHintLabel,selectedHintLabel:n(h).selectedHintLabel,focusOnHover:e.focusOnHover},{class:"vv-dropdown-option",onClickPassive:e=>Je(t)}),{default:O(()=>[b(e.$slots,"option",c({ref_for:!0},{option:t,selectedOptions:n(Te),selected:Ke(t),disabled:qe(t)}),()=>[y(m(n(Ee)(t)),1)])]),_:2},1040,["onClickPassive"]))],64))),128)):e.options.length?(v(),s(Et,{key:2,modifiers:"inert"},{default:O(()=>[b(e.$slots,"no-results",{},()=>[y(m(n(h).addable?n(h).addOptionHintLabel:n(h).noResultsLabel),1)])]),_:3})):(v(),s(Et,{key:1,modifiers:"inert"},{default:O(()=>[b(e.$slots,"no-options",{},()=>[y(m(n(h).addable&&D.value.length?n(h).addOptionHintLabel:n(h).noOptionsLabel),1)])]),_:3}))]),after:O(()=>[b(e.$slots,"dropdown::after",{},()=>[n(w)?.customPosition?(v(),s(wt,{key:0,label:n(h).closeLabel,modifiers:"secondary",onClick:l[1]||(l[1]=e=>n(w).hide())},null,8,["label"])):d("v-if",!0)])]),_:2},[n(h).searchable||e.$slots["dropdown::before"]?{name:"before",fn:O(()=>[b(e.$slots,"dropdown::before"),n(h).searchable&&!n(oe)?E((v(),f("input",{key:0,id:n(ge),ref_key:"inputSearchEl",ref:k,"onUpdate:modelValue":l[0]||(l[0]=e=>D.value=e),"aria-autocomplete":"list","aria-controls":n(me),autocomplete:"off",spellcheck:"false",type:"search",class:"vv-dropdown__search",placeholder:n(h).searchPlaceholder,onKeyup:G(Ye,["enter"])},null,40,el)),[[J,D.value]]):d("v-if",!0)]),key:"0"}:void 0]),1040,["modelValue","role"])],512),A(n(V),{id:n(ye),class:"vv-select__hint"},z({_:2},[e.$slots.hint?{name:"hint",fn:O(()=>[b(e.$slots,"hint",C(H(n(P))))]),key:"0"}:void 0,e.$slots.loading?{name:"loading",fn:O(()=>[b(e.$slots,"loading",C(H(n(P))))]),key:"1"}:void 0,e.$slots.valid?{name:"valid",fn:O(()=>[b(e.$slots,"valid",C(H(n(P))))]),key:"2"}:void 0,e.$slots.invalid?{name:"invalid",fn:O(()=>[b(e.$slots,"invalid",C(H(n(P))))]),key:"3"}:void 0]),1032,["id"])],10,Yt))}});export{rl as default};