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

package/dist/components/VvInputFile/VvInputFile.es.js

@@ -1,1704 +1 @@
-import { computed, isRef, defineComponent, h, inject, toRef, toRefs, getCurrentInstance, ref, watch, resolveComponent, createBlock, openBlock, resolveDynamicComponent, unref, mergeProps, withCtx, renderSlot, createTextVNode, toDisplayString, mergeDefaults, createCommentVNode, useId, useAttrs, useSlots, createElementBlock, Fragment, onBeforeUnmount, normalizeClass, createElementVNode, createVNode, withModifiers, normalizeProps, guardReactiveProps, createSlots } from "vue";
-import { useVModel } from "@vueuse/core";
-import Sortable from "vuedraggable";
-import { iconLoaded, Icon, addIcon } from "@iconify/vue";
-const ACTION_ICONS = {
-  add: "add",
-  edit: "edit",
-  download: "download"
-};
-const VvIconPropsDefaults = {
-  prefix: "normal"
-  /* normal */
-};
-var StorageType = /* @__PURE__ */ ((StorageType2) => {
-  StorageType2["local"] = "local";
-  StorageType2["session"] = "session";
-  return StorageType2;
-})(StorageType || {});
-var Side = /* @__PURE__ */ ((Side2) => {
-  Side2["left"] = "left";
-  Side2["right"] = "right";
-  Side2["top"] = "top";
-  Side2["bottom"] = "bottom";
-  return Side2;
-})(Side || {});
-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 || {});
-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_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 ActiveProps = {
-  /**
-   * Whether the item is active
-   */
-  active: {
-    type: Boolean,
-    default: false
-  }
-};
-const CurrentProps = {
-  /**
-   * Whether the item is current
-   */
-  current: {
-    type: Boolean,
-    default: false
-  }
-};
-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 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 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]
-};
-({
-  /**
-   * Dropdown placement
-   */
-  placement: {
-    default: Side.bottom
-  }
-});
-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 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 VvInputFileProps = {
-  ...IdNameProps,
-  ...ModifiersProps,
-  ...ValidProps,
-  ...InvalidProps,
-  ...HintProps,
-  ...LabelProps,
-  ...LoadingProps,
-  ...ReadonlyProps,
-  ...DisabledProps,
-  ...RequiredProps,
-  ...IconProps,
-  /**
-   * Input value
-   */
-  modelValue: {
-    type: Object
-  },
-  /**
-   * Whether to show progress bar
-   */
-  progress: { type: [Number, String], default: void 0 },
-  /**
-   * Input
-   * Text that appears in the form control when it has no value set
-   * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#placeholder
-   */
-  placeholder: { type: String, default: void 0 },
-  /**
-   * File types to accept
-   * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/accept
-   */
-  accept: { type: String, default: "*" },
-  /**
-   * Whether to allow multiple values
-   * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#multiple
-   */
-  multiple: { type: Boolean, default: false },
-  /**
-   * Front or rear camera
-   * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/capture
-   */
-  capture: {
-    type: String,
-    default: void 0,
-    validation: (value) => {
-      if (value === void 0) {
-        return true;
-      }
-      return ["user", "environment"].includes(value);
-    }
-  },
-  /**
-   * Max number of files
-   */
-  max: { type: [Number, String], default: void 0 },
-  /**
-   * Show drop area
-   */
-  dropArea: { type: Boolean, default: false },
-  /**
-   * Enable sorting
-   */
-  sortable: { type: Boolean, default: false },
-  /**
-   * Label for add button
-   */
-  labelAdd: {
-    type: String,
-    default: "Add file"
-  },
-  /**
-   * VvIcon name for add button
-   * @see VvIcon
-   */
-  iconAdd: {
-    type: [String, Object],
-    default: ACTION_ICONS.add
-  },
-  /**
-   * Label for replace button
-   */
-  labelReplace: {
-    type: String,
-    default: "Replace file"
-  },
-  /**
-   * VvIcon name for replace button
-   * @see VvIcon
-   */
-  iconReplace: {
-    type: [String, Object],
-    default: ACTION_ICONS.edit
-  },
-  /**
-   * Label for download button
-   */
-  labelDownload: {
-    type: String,
-    default: "Downlaod file"
-  },
-  /**
-   * VvIcon name for download button
-   * @see VvIcon
-   */
-  iconDownload: {
-    type: [String, Object],
-    default: ACTION_ICONS.download
-  },
-  /**
-   * Label for remove button
-   */
-  labelRemove: {
-    type: String,
-    default: "Remove file"
-  }
-};
-function acceptedMimeTypes(acceptValue) {
-  const mimeTypes = [];
-  const extensions = [];
-  const wildcards = [];
-  const acceptedTypes = acceptValue?.split(",").map((type) => type.trim().toLowerCase());
-  if (acceptedTypes?.length) {
-    acceptedTypes.forEach((type) => {
-      if (type.startsWith(".")) {
-        extensions.push(type);
-      } else if (type.includes("/*")) {
-        wildcards.push(type.replace("/*", ""));
-      } else {
-        mimeTypes.push(type);
-      }
-    });
-  }
-  return {
-    mimeTypes,
-    extensions,
-    wildcards
-  };
-}
-function filterFileList(fileList, acceptValue) {
-  if (!acceptValue || acceptValue.trim() === "" || acceptValue === "*") {
-    return Array.from(fileList);
-  }
-  const { mimeTypes, extensions, wildcards } = acceptedMimeTypes(acceptValue);
-  return Array.from(fileList).filter((file) => {
-    const fileType = file.type.toLowerCase();
-    const fileExtension = `.${file.name.split(".").pop()?.toLowerCase()}`;
-    const mimeMatches = mimeTypes.includes(fileType);
-    const wildcardMatches = wildcards.some((wildcard) => fileType.startsWith(`${wildcard}/`));
-    const extensionMatches = extensions.some((ext) => fileExtension === ext.toLowerCase());
-    return mimeMatches || wildcardMatches || extensionMatches;
-  });
-}
-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 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 useVolver() {
-  return inject(INJECTION_KEY_VOLVER, void 0);
-}
-function useInjectedDropdownTrigger() {
-  return inject(INJECTION_KEY_DROPDOWN_TRIGGER, {});
-}
-function useInjectedDropdownAction() {
-  return inject(INJECTION_KEY_DROPDOWN_ACTION, {});
-}
-const __default__$3 = {
-  name: "VvAction"
-};
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
-  ...__default__$3,
-  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 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__$2 = {
-  name: "VvIcon"
-};
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
-  ...__default__$2,
-  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 useUniqueId(id) {
-  return computed(() => String(id?.value || useId()));
-}
-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 _hoisted_1$1 = {
-  key: 1,
-  class: "vv-button__label"
-};
-const _hoisted_2$1 = {
-  key: 1,
-  class: "vv-button__label"
-};
-const __default__$1 = {
-  name: "VvButton",
-  inheritAttrs: false
-};
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  ...__default__$1,
-  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$3, 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$2, {
-                key: 0,
-                class: "vv-button__loading-icon",
-                name: _ctx.loadingIcon
-              }, null, 8, ["name"])) : createCommentVNode("v-if", true),
-              _ctx.loadingLabel ? (openBlock(), createElementBlock(
-                "span",
-                _hoisted_1$1,
-                toDisplayString(_ctx.loadingLabel),
-                1
-                /* TEXT */
-              )) : createCommentVNode("v-if", true)
-            ]) : (openBlock(), createElementBlock(
-              Fragment,
-              { key: 1 },
-              [
-                renderSlot(_ctx.$slots, "before"),
-                unref(hasIcon) ? (openBlock(), createBlock(
-                  _sfc_main$2,
-                  mergeProps({ key: 0 }, unref(hasIcon), { class: "vv-button__icon" }),
-                  null,
-                  16
-                  /* FULL_PROPS */
-                )) : createCommentVNode("v-if", true),
-                unref(label) ? (openBlock(), createElementBlock("span", _hoisted_2$1, [
-                  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"]);
-    };
-  }
-});
-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;
-    }, {});
-  });
-}
-const _hoisted_1 = ["for"];
-const _hoisted_2 = { class: "vv-input-file__preview" };
-const _hoisted_3 = ["src", "alt"];
-const _hoisted_4 = { class: "vv-input-file__wrapper" };
-const _hoisted_5 = ["id", "readonly", "disabled", "required", "placeholder", "aria-describedby", "aria-invalid", "aria-errormessage", "multiple", "accept", "capture", "name"];
-const _hoisted_6 = ["value"];
-const _hoisted_7 = ["onClick"];
-const _hoisted_8 = ["title", "onClick"];
-const _hoisted_9 = { class: "vv-input-file__item-name" };
-const _hoisted_10 = { class: "vv-input-file__item-info" };
-const _hoisted_11 = ["title", "disabled", "onClick"];
-const __default__ = {
-  name: "VvInputFile"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: VvInputFileProps,
-  emits: ["remove", "download", "update:modelValue"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const slots = useSlots();
-    const propsDefaults = useDefaults(
-      "VvInputFile",
-      VvInputFileProps,
-      props
-    );
-    const { modifiers, id, readonly, disabled, icon, iconPosition, iconDownload } = toRefs(props);
-    const hasId = useUniqueId(id);
-    const hasHintId = computed(() => `${hasId.value}-hint`);
-    const hasProgress = computed(() => {
-      if (!props.progress) {
-        return false;
-      }
-      const progress = typeof props.progress === "string" ? Number.parseInt(props.progress) : props.progress;
-      return progress > 0 && progress < 100;
-    });
-    const { hasIconBefore, hasIconAfter } = useComponentIcon(icon, iconPosition);
-    const { hasIcon: hasIconDownload } = useComponentIcon(iconDownload);
-    const bemCssClasses = useModifiers(
-      "vv-input-file",
-      modifiers,
-      computed(() => ({
-        "valid": props.valid === true,
-        "invalid": props.invalid === true,
-        "loading": props.loading && !hasProgress.value,
-        "disabled": props.disabled,
-        "required": props.required,
-        "readonly": props.readonly,
-        "dragging": isDragging.value,
-        "icon-before": !!hasIconBefore.value,
-        "icon-after": !!hasIconAfter.value,
-        "drop-area": hasDropArea.value
-      }))
-    );
-    const {
-      HintSlot,
-      hasHintLabelOrSlot,
-      hasInvalidLabelOrSlot,
-      hintSlotScope
-    } = HintSlotFactory(propsDefaults, slots);
-    const localModelValue = useVModel(props, "modelValue", emit);
-    const files = computed({
-      get: () => {
-        if (!localModelValue.value || !Array.isArray(localModelValue.value) && !localModelValue.value?.name) {
-          return [];
-        }
-        return Array.isArray(localModelValue.value) ? localModelValue.value : [localModelValue.value];
-      },
-      set: (value) => {
-        if (isMultiple.value) {
-          localModelValue.value = value;
-          return;
-        }
-        localModelValue.value = value?.[0];
-      }
-    });
-    const isDisabledOrReadonly = computed(() => props.disabled || props.readonly);
-    const hasMax = computed(() => {
-      return typeof props.max === "string" ? Number.parseInt(props.max) : props.max;
-    });
-    const hasDropArea = computed(() => {
-      return props.dropArea && !isDisabledOrReadonly.value;
-    });
-    const isMultiple = computed(() => {
-      if (!props.multiple) {
-        return false;
-      }
-      if (!hasMax.value) {
-        return true;
-      }
-      return hasMax.value - files.value.length > 1;
-    });
-    const isDragging = ref(false);
-    const inputEl = ref();
-    function onDragenter() {
-      isDragging.value = true;
-    }
-    function onDragleave() {
-      isDragging.value = false;
-    }
-    function onDrop(event) {
-      if (!event.dataTransfer?.files) {
-        return;
-      }
-      isDragging.value = false;
-      addFiles(event.dataTransfer?.files);
-    }
-    function onChange() {
-      if (!inputEl.value?.files) {
-        return;
-      }
-      addFiles(inputEl.value.files);
-      inputEl.value.value = "";
-    }
-    function addFiles(uploadedFiles) {
-      const filteredFiles = filterFileList(uploadedFiles, props.accept);
-      if (!props.multiple) {
-        if (Array.isArray(localModelValue.value)) {
-          localModelValue.value = filteredFiles;
-          return;
-        }
-        localModelValue.value = filteredFiles[0];
-        return;
-      }
-      let toReturn = [];
-      if (!Array.isArray(localModelValue.value) && localModelValue.value) {
-        toReturn = [localModelValue.value];
-      } else {
-        toReturn = localModelValue.value && Array.isArray(localModelValue.value) ? [...localModelValue.value] : toReturn;
-      }
-      for (const file of filteredFiles) {
-        if (hasMax.value && toReturn.length >= hasMax.value) {
-          break;
-        }
-        toReturn.push(file);
-      }
-      localModelValue.value = toReturn;
-      selectedFileIndex.value = toReturn.length - 1;
-    }
-    function onClickDropArea() {
-      if (!inputEl.value) {
-        return;
-      }
-      if (!isDisabledOrReadonly.value) {
-        inputEl.value.click();
-      }
-    }
-    function onClickRemoveFile(index) {
-      const toRemove = !Array.isArray(localModelValue.value) ? localModelValue.value : localModelValue.value[index];
-      if (!toRemove) {
-        return;
-      }
-      emit("remove", toRemove);
-      if (!Array.isArray(localModelValue.value)) {
-        localModelValue.value = void 0;
-        return;
-      }
-      if (selectedFileIndex.value === index) {
-        selectedFileIndex.value = 0;
-      }
-      const newModelValue = [...localModelValue.value];
-      newModelValue.splice(index, 1);
-      localModelValue.value = newModelValue;
-    }
-    const selectedFileIndex = ref(0);
-    const PREVIEW_MIME_TYPES = ["image/jpeg", "image/png"];
-    const previewSrc = computed(() => {
-      if (files.value.length === 0) {
-        return;
-      }
-      if (!files.value[selectedFileIndex.value]) {
-        return void 0;
-      }
-      if (files.value[selectedFileIndex.value] instanceof File) {
-        const currentFile2 = files.value[selectedFileIndex.value];
-        if (!PREVIEW_MIME_TYPES.includes(currentFile2.type)) {
-          return void 0;
-        }
-        return URL.createObjectURL(currentFile2);
-      }
-      const currentFile = files.value[selectedFileIndex.value];
-      if (currentFile.thumbnailUrl) {
-        return currentFile.thumbnailUrl;
-      }
-      if (!PREVIEW_MIME_TYPES.includes(currentFile.type)) {
-        return void 0;
-      }
-      return currentFile.url;
-    });
-    watch(previewSrc, (_newValue, oldValue) => {
-      if (oldValue) {
-        URL.revokeObjectURL(oldValue);
-      }
-    });
-    onBeforeUnmount(() => {
-      if (previewSrc.value) {
-        URL.revokeObjectURL(previewSrc.value);
-      }
-    });
-    function formatBytes(bytes, decimals) {
-      if (!bytes) {
-        return;
-      }
-      if (bytes === 0)
-        return "0 Bytes";
-      const k = 1024;
-      const dm = 2;
-      const sizes = ["Bytes", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"];
-      const i = Math.floor(Math.log(bytes) / Math.log(k));
-      return `${Number.parseFloat((bytes / k ** i).toFixed(dm))} ${sizes[i]}`;
-    }
-    function onClickDownloadFile(file) {
-      emit("download", file);
-      const href = file instanceof File ? URL.createObjectURL(file) : file.url;
-      if (!href) {
-        return;
-      }
-      const link = document.createElement("a");
-      link.href = href;
-      link.setAttribute("download", file.name);
-      document.body.appendChild(link);
-      link.click();
-      document.body.removeChild(link);
-      URL.revokeObjectURL(link.href);
-    }
-    function onClickSelectFile(index) {
-      selectedFileIndex.value = index;
-    }
-    const dropdAreaActionLabel = computed(() => {
-      if (files.value.length === 0 || isMultiple.value) {
-        return props.labelAdd;
-      }
-      return props.labelReplace;
-    });
-    const dropAreaActionIcon = computed(() => {
-      if (files.value.length === 0 || isMultiple.value) {
-        return props.iconAdd;
-      }
-      return props.iconReplace;
-    });
-    function onSortEnd({ newIndex }) {
-      if (newIndex !== null) {
-        selectedFileIndex.value = newIndex;
-      }
-    }
-    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)) : createCommentVNode("v-if", true),
-          hasDropArea.value ? (openBlock(), createElementBlock(
-            "div",
-            {
-              key: 1,
-              class: "vv-input-file__drop-area",
-              onDragenter: withModifiers(onDragenter, ["prevent", "stop"]),
-              onDragleave: withModifiers(onDragleave, ["prevent", "stop"]),
-              onDrop: withModifiers(onDrop, ["prevent", "stop"]),
-              onDragover: _cache[0] || (_cache[0] = withModifiers(() => {
-              }, ["prevent", "stop"])),
-              onClick: withModifiers(onClickDropArea, ["stop"])
-            },
-            [
-              renderSlot(_ctx.$slots, "drop-area", {}, () => [
-                createElementVNode("picture", _hoisted_2, [
-                  previewSrc.value ? (openBlock(), createElementBlock("img", {
-                    key: 0,
-                    src: previewSrc.value,
-                    alt: files.value[selectedFileIndex.value].name
-                  }, null, 8, _hoisted_3)) : createCommentVNode("v-if", true)
-                ]),
-                !unref(readonly) ? (openBlock(), createBlock(_sfc_main$1, {
-                  key: 0,
-                  modifiers: "action",
-                  label: !previewSrc.value ? dropdAreaActionLabel.value : void 0,
-                  title: previewSrc.value ? dropdAreaActionLabel.value : void 0,
-                  disabled: unref(disabled),
-                  class: normalizeClass({
-                    "vv-input-file__drop-area-action": previewSrc.value
-                  }),
-                  icon: dropAreaActionIcon.value,
-                  onClick: withModifiers(onClickDropArea, ["stop"])
-                }, null, 8, ["label", "title", "disabled", "class", "icon"])) : createCommentVNode("v-if", true)
-              ])
-            ],
-            32
-            /* NEED_HYDRATION */
-          )) : createCommentVNode("v-if", true),
-          createElementVNode("div", _hoisted_4, [
-            unref(hasIconBefore) ? (openBlock(), createBlock(
-              _sfc_main$2,
-              normalizeProps(mergeProps({ key: 0 }, unref(hasIconBefore))),
-              null,
-              16
-              /* FULL_PROPS */
-            )) : createCommentVNode("v-if", true),
-            createElementVNode("input", {
-              id: unref(hasId),
-              ref_key: "inputEl",
-              ref: inputEl,
-              type: "file",
-              readonly: unref(readonly),
-              disabled: unref(disabled),
-              required: _ctx.required,
-              placeholder: _ctx.placeholder,
-              "aria-describedby": unref(hasHintLabelOrSlot) ? hasHintId.value : void 0,
-              "aria-invalid": _ctx.invalid,
-              "aria-errormessage": unref(hasInvalidLabelOrSlot) ? hasHintId.value : void 0,
-              multiple: isMultiple.value,
-              accept: _ctx.accept,
-              capture: _ctx.capture,
-              name: _ctx.name,
-              onChange
-            }, null, 40, _hoisted_5),
-            hasProgress.value ? (openBlock(), createElementBlock("progress", {
-              key: 1,
-              class: "vv-input-file__progress",
-              value: _ctx.progress,
-              max: "100"
-            }, toDisplayString(_ctx.progress) + "% ", 9, _hoisted_6)) : createCommentVNode("v-if", true),
-            unref(hasIconAfter) ? (openBlock(), createBlock(
-              _sfc_main$2,
-              normalizeProps(mergeProps({ key: 2 }, unref(hasIconAfter))),
-              null,
-              16
-              /* FULL_PROPS */
-            )) : createCommentVNode("v-if", true)
-          ]),
-          createVNode(unref(Sortable), {
-            modelValue: files.value,
-            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => files.value = $event),
-            tag: "ul",
-            class: "vv-input-file__list",
-            "item-key": "name",
-            move: () => _ctx.sortable,
-            onEnd: onSortEnd
-          }, {
-            item: withCtx(({ element: file, index }) => [
-              createElementVNode("li", {
-                class: normalizeClass(["vv-input-file__item", {
-                  "active": index === selectedFileIndex.value && hasDropArea.value && files.value.length > 1,
-                  "cursor-move": _ctx.sortable
-                }]),
-                onClick: withModifiers(($event) => onClickSelectFile(index), ["stop"])
-              }, [
-                unref(hasIconDownload) ? (openBlock(), createElementBlock("button", {
-                  key: 0,
-                  type: "button",
-                  class: "vv-input-file__item-action",
-                  title: _ctx.labelDownload,
-                  onClick: withModifiers(($event) => onClickDownloadFile(file), ["stop"])
-                }, [
-                  createVNode(
-                    _sfc_main$2,
-                    normalizeProps(guardReactiveProps(unref(hasIconDownload))),
-                    null,
-                    16
-                    /* FULL_PROPS */
-                  )
-                ], 8, _hoisted_8)) : createCommentVNode("v-if", true),
-                createElementVNode(
-                  "div",
-                  _hoisted_9,
-                  toDisplayString(file.name),
-                  1
-                  /* TEXT */
-                ),
-                createElementVNode(
-                  "small",
-                  _hoisted_10,
-                  toDisplayString(formatBytes(file.size)),
-                  1
-                  /* TEXT */
-                ),
-                !unref(readonly) ? (openBlock(), createElementBlock("button", {
-                  key: 1,
-                  type: "button",
-                  class: "vv-input-file__item-remove",
-                  title: _ctx.labelRemove,
-                  disabled: unref(disabled),
-                  onClick: withModifiers(($event) => onClickRemoveFile(index), ["stop"])
-                }, null, 8, _hoisted_11)) : createCommentVNode("v-if", true)
-              ], 10, _hoisted_7)
-            ]),
-            _: 1
-            /* STABLE */
-          }, 8, ["modelValue", "move"]),
-          createVNode(unref(HintSlot), {
-            id: hasHintId.value,
-            class: "vv-input-file__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 */
-      );
-    };
-  }
-});
-export {
-  _sfc_main as default
-};
+import{computed as e,isRef as l,defineComponent as t,h as a,inject as i,toRef as o,toRefs as n,getCurrentInstance as r,ref as u,watch as s,resolveComponent as v,createBlock as d,openBlock as c,resolveDynamicComponent as f,unref as p,mergeProps as b,withCtx as y,renderSlot as m,createTextVNode as g,toDisplayString as h,mergeDefaults as S,createCommentVNode as L,useId as k,useAttrs as A,useSlots as $,createElementBlock as w,Fragment as B,onBeforeUnmount as O,normalizeClass as _,createElementVNode as x,createVNode as I,withModifiers as V,normalizeProps as j,guardReactiveProps as R,createSlots as C}from"vue";import{useVModel as N}from"@vueuse/core";import D from"vuedraggable";import{iconLoaded as F,Icon as P,addIcon as E}from"@iconify/vue";const U="add",M="edit",T="download",q={prefix:"normal"};var G=/* @__PURE__ */(e=>(e.local="local",e.session="session",e))(G||{}),H=/* @__PURE__ */(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(H||{}),z=/* @__PURE__ */(e=>(e.before="before",e.after="after",e))(z||{}),J=/* @__PURE__ */(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(J||{}),W=/* @__PURE__ */(e=>(e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e))(W||{});const K=/* @__PURE__ */Symbol.for("volver"),Y=/* @__PURE__ */Symbol.for("buttonGroup"),Z=/* @__PURE__ */Symbol.for("dropdownTrigger"),Q=/* @__PURE__ */Symbol.for("dropdownAction"),X={to:{type:[String,Object]},href:String,target:String,rel:{type:String,default:"noopener noreferrer"}},ee={valid:{type:Boolean,default:!1},validLabel:{type:[String,Array],default:void 0}},le={invalid:{type:Boolean,default:!1},invalidLabel:{type:[String,Array],default:void 0}},te={loading:{type:Boolean,default:!1},loadingLabel:{type:String,default:"Loading..."}},ae={disabled:{type:Boolean,default:!1}},ie={required:{type:Boolean,default:!1}},oe={active:{type:Boolean,default:!1}},ne={current:{type:Boolean,default:!1}},re={pressed:{type:Boolean,default:!1}},ue={label:{type:[String,Number],default:void 0}},se={readonly:{type:Boolean,default:!1}},ve={modifiers:{type:[String,Array],default:void 0}},de={hintLabel:{type:String,default:""}},ce={icon:{type:[String,Object],default:void 0},iconPosition:{type:String,default:z.before,validation:e=>Object.values(z).includes(e)}},fe={unselectable:{type:Boolean,default:!0}},pe={id:[String,Number]};H.bottom;const be={...pe,name:{type:String,required:!0}},ye={...ae,...ue,...re,...oe,...ne,...X,type:{type:String,default:J.button,validator:e=>Object.values(J).includes(e)},ariaLabel:{type:String,default:void 0},defaultTag:{type:String,default:W.button}};G.local;const me={...be,...ve,...ee,...le,...de,...ue,...te,...se,...ae,...ie,...ce,modelValue:{type:Object},progress:{type:[Number,String],default:void 0},placeholder:{type:String,default:void 0},accept:{type:String,default:"*"},multiple:{type:Boolean,default:!1},capture:{type:String,default:void 0,validation:e=>void 0===e||["user","environment"].includes(e)},max:{type:[Number,String],default:void 0},dropArea:{type:Boolean,default:!1},sortable:{type:Boolean,default:!1},hidePreview:{type:Boolean,default:!1},labelAdd:{type:String,default:"Add file"},iconAdd:{type:[String,Object],default:U},labelReplace:{type:String,default:"Replace file"},iconReplace:{type:[String,Object],default:M},labelDownload:{type:String,default:"Downlaod file"},iconDownload:{type:[String,Object],default:T},labelRemove:{type:String,default:"Remove file"}};function ge(e,l,t){return he(e,l)}function he(e,l){if(e===l)return!0;if(e&&l&&"object"==typeof e&&"object"==typeof l){const t=Array.isArray(e),a=Array.isArray(l);let i,o,n;if(t&&a){if(o=e.length,o!==l.length)return!1;for(i=o;0!==i--;)if(!he(e[i],l[i]))return!1;return!0}if(t!==a)return!1;const r=e instanceof Date,u=l instanceof Date;if(r!==u)return!1;if(r&&u)return e.getTime()===l.getTime();const s=e instanceof RegExp,v=l instanceof RegExp;if(s!==v)return!1;if(s&&v)return e.toString()===l.toString();const d=Object.keys(e);if(o=d.length,o!==Object.keys(l).length)return!1;for(i=o;0!==i--;)if(!Object.prototype.hasOwnProperty.call(l,d[i]))return!1;for(i=o;0!==i--;)if(n=d[i],!he(e[n],l[n]))return!1;return!0}return Number.isNaN(e)&&Number.isNaN(l)}function Se(e,l){if(null!=e&&l&&l.length)for(const t of l)if(ge(e,t))return!0;return!1}function Le(e){return Array.isArray(e)?e.filter(e=>"string"==typeof e).join(" "):e}const ke={...ye,...pe,...ve,...fe,...te,...ce,iconPosition:{type:String,default:H.left,validator:e=>Object.values(H).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 Ae(l,t){const{group:a,isInGroup:r,getGroupOrLocalRef:u}=function(l){const t=i(l,void 0),a=e(()=>void 0!==t);return{group:t,isInGroup:a,getGroupOrLocalRef:function(l,a,i){const n=t?.[l];if(n)return e({get:()=>n.value,set(e){n.value=e}});const r=o(a,l);return e({get:()=>r.value,set(e){i&&i(`update:${l}`,e)}})}}}(Y),{id:s,iconPosition:v,icon:d,label:c,pressed:f}=n(l),p=u("modelValue",l,t),b=u("toggle",l),y=u("unselectable",l),m=e(()=>a?.multiple.value??!1),g=e(()=>{let e=l.modifiers,t=a?.modifiers.value;const i=/* @__PURE__ */new Set;return e&&(Array.isArray(e)||(e=e.split(" ")),e.forEach(e=>i.add(e))),t&&(Array.isArray(t)||(t=t.split(" ")),t.forEach(e=>i.add(e))),Array.from(i)}),h=e(()=>Boolean(l.disabled||a?.disabled.value));return{group:a,isInGroup:r,modelValue:p,toggle:b,unselectable:y,multiple:m,modifiers:g,disabled:h,id:s,pressed:f,iconPosition:v,icon:d,label:c}}function $e(){return i(K,void 0)}const we=/* @__PURE__ */t({name:"VvAction",props:ye,emits:["click","mouseover","mouseleave"],setup(l,{expose:t,emit:a}){const o=l,n=a,S=r(),L=$e(),k=u(null);t({$el:k});const{reference:A,bus:$,aria:w,expanded:B}=i(Z,{});s(()=>k.value,e=>{A&&(A.value=e)});const O=e(()=>o.pressed||B?.value),{role:_}=i(Q,{}),x=e(()=>{switch(!0){case o.disabled:return W.button;case void 0!==o.to:return L?.nuxt?v(W.nuxtLink):W.routerLink;case void 0!==o.href:return W.a;default:return o.defaultTag}}),I=e(()=>{const e={...w?.value,ariaPressed:!!O.value||void 0,ariaLabel:o.ariaLabel,role:_?.value};switch(x.value){case W.a:return{...e,href:o.href,target:o.target,rel:o.rel};case W.routerLink:case W.nuxtLink:return{...e,to:o.to,target:o.target};case W.button:return{...e,type:o.type,disabled:o.disabled};default:return e}});function V(e){o.disabled?e.preventDefault():S?.vnode.props?.onClick?n("click",e):$?.emit("click",e)}function j(e){S?.vnode.props?.onMouseover?n("mouseover",e):$?.emit("mouseover",e)}function R(e){S?.vnode.props?.onMouseleave?n("mouseleave",e):$?.emit("mouseleave",e)}return(e,l)=>(c(),d(f(p(x)),b(p(I),{ref_key:"rootEl",ref:k,class:{active:e.active,pressed:p(O),disabled:e.disabled,current:e.current},onClickPassive:V,onMouseoverPassive:j,onMouseleavePassive:R}),{default:y(()=>[m(e.$slots,"default",{},()=>[g(h(e.label),1)])]),_:3},16,["class"]))}});function Be(l,t,a){return e(()=>{const e={[l]:!0},i="string"==typeof t?.value?t.value.split(" "):t?.value;return i&&Array.isArray(i)&&i.forEach(t=>{t&&(e[`${l}--${t}`]=!0)}),a&&Object.keys(a.value).forEach(t=>{e[`${l}--${t}`]=p(a.value[t])}),e})}const Oe=/* @__PURE__ */t({name:"VvIcon",props:/* @__PURE__ */S({name:{},color:{},width:{},height:{},provider:{},prefix:{},src:{},horizontalFlip:{type:Boolean},verticalFlip:{type:Boolean},flip:{},mode:{},inline:{type:Boolean},rotate:{},onLoad:{type:Function},svg:{},modifiers:{}},q),setup(l){const t=l,a=e(()=>"string"==typeof t.rotate?Number.parseFloat(t.rotate):t.rotate),i=u(!0),o=$e(),{modifiers:r}=n(t),s=Be("vv-icon",r),v=e(()=>t.provider||o?.iconsProvider),f=e(()=>{const e=t.name??"",l=`@${v.value}:${t.prefix}:${e}`;if(F(l))return l;const a=o?.iconsCollections.find(l=>{const t=`@${v.value}:${l.prefix}:${e}`;return F(t)});return a?`@${v.value}:${a.prefix}:${e}`:e});function y(e){const l=function(e){let l;if("undefined"==typeof window){const{JSDOM:e}=require("jsdom");l=(new e).window}return(l?new l.DOMParser:new window.DOMParser).parseFromString(e,"text/html").querySelector("svg")}(e),a=l?.innerHTML.trim()||"";l&&a&&E(`@${v.value}:${t.prefix}:${t.name}`,{body:a,height:l.viewBox.baseVal.height,width:l.viewBox.baseVal.width})}return o&&t.src&&!F(`@${v.value}:${t.prefix}:${t.name}`)&&(i.value=!1,o.fetchIcon(t.src).then(e=>{e&&(y(e),i.value=!0)}).catch(e=>{throw new Error(`Error during fetch icon: ${e?.message}`)})),t.svg&&y(t.svg),(e,t)=>p(i)?(c(),d(p(P),b({key:0,class:p(s)},{inline:l.inline,width:l.width,height:l.height,horizontalFlip:l.horizontalFlip,verticalFlip:l.verticalFlip,flip:l.flip,rotate:p(a),color:l.color,icon:p(f)},{onLoad:l.onLoad}),null,16,["class","onLoad"])):L("v-if",!0)}});function _e(l){return e(()=>String(l?.value||k()))}function xe(l,t){const a=e(()=>"string"==typeof l?.value?{name:l?.value}:l?.value),i=e(()=>t?.value===z.before?a.value:void 0),o=e(()=>t?.value===z.after?a.value:void 0),n=e(()=>t?.value===H.left?a.value:void 0),r=e(()=>t?.value===H.right?a.value:void 0),u=e(()=>t?.value===H.top?a.value:void 0),s=e(()=>t?.value===H.bottom?a.value:void 0);return{hasIcon:a,hasIconLeft:n,hasIconRight:r,hasIconTop:u,hasIconBottom:s,hasIconBefore:i,hasIconAfter:o}}const Ie={key:1,class:"vv-button__label"},Ve={key:1,class:"vv-button__label"},je=/* @__PURE__ */t({name:"VvButton",inheritAttrs:!1,props:ke,emits:["update:modelValue"],setup(l,{expose:t,emit:a}){const i=l,o=a,n=A(),r=$(),{id:s,modifiers:v,iconPosition:f,icon:S,label:k,modelValue:O,disabled:_,toggle:x,unselectable:I}=Ae(i,o),V=_e(s),j=e(()=>n?.name||V.value),R=u(null);t({$el:e(()=>R.value?.$el)});const C=e(()=>x.value?Array.isArray(O.value)?Se(j.value,O.value):ge(j.value,O.value):i.pressed),N=Be("vv-button",v,e(()=>({reverse:[H.right,H.bottom].includes(f.value),column:[H.top,H.bottom].includes(f.value),"icon-only":Boolean(S?.value&&!k?.value&&!r.default)}))),{hasIcon:D}=xe(S),F=e(()=>void 0!==i.value?i.value:j.value),P=e(()=>{if(x.value)return{onClick:E}});function E(){if(x.value){if(Array.isArray(O.value))return Se(F.value,O.value)?void(I.value&&(O.value=O.value.filter(e=>e!==F.value))):void O.value.push(F.value);if(F.value===O.value&&I.value)return void(O.value=i.uncheckedValue);O.value=F.value}}return(e,l)=>(c(),d(we,b({...p(n),...p(P),disabled:p(_),pressed:p(C),active:e.active,type:e.type,to:e.to,href:e.href,target:e.target,rel:e.rel,ariaLabel:e.ariaLabel},{id:p(V),ref_key:"rootEl",ref:R,class:p(N)}),{default:y(()=>[m(e.$slots,"default",{},()=>[e.loading?m(e.$slots,"loading",{key:0},()=>[e.loadingIcon?(c(),d(Oe,{key:0,class:"vv-button__loading-icon",name:e.loadingIcon},null,8,["name"])):L("v-if",!0),e.loadingLabel?(c(),w("span",Ie,h(e.loadingLabel),1)):L("v-if",!0)]):(c(),w(B,{key:1},[m(e.$slots,"before"),p(D)?(c(),d(Oe,b({key:0},p(D),{class:"vv-button__icon"}),null,16)):L("v-if",!0),p(k)?(c(),w("span",Ve,[m(e.$slots,"label",{},()=>[g(h(p(k)),1)])])):L("v-if",!0),m(e.$slots,"after")],64))])]),_:3},16,["id","class"]))}});const Re=["for"],Ce={class:"vv-input-file__preview"},Ne=["src","alt"],De={class:"vv-input-file__wrapper"},Fe=["id","readonly","disabled","required","placeholder","aria-describedby","aria-invalid","aria-errormessage","multiple","accept","capture","name"],Pe=["value"],Ee=["onClick"],Ue=["title","onClick"],Me={class:"vv-input-file__item-name"},Te={class:"vv-input-file__item-info"},qe=["title","disabled","onClick"],Ge=/* @__PURE__ */t({name:"VvInputFile",props:me,emits:["remove","download","update:modelValue"],setup(i,{emit:o}){const r=i,v=o,f=$(),g=function(l,t,a){const i=$e(),o=e(()=>{if(i&&i.defaults.value?.[l])return i.defaults.value[l]});return e(()=>{if(void 0===o.value)return a;const e=o.value,l=t,i=a;return Object.keys(l).reduce((t,a)=>{const o=i[a];if(t[a]=o,a in e){if(Array.isArray(l[a])){const i=l[a];i.length&&i[0]===o&&(t[a]=e[a])}if("function"==typeof l[a]&&(0,l[a])()===o&&(t[a]=e[a]),"object"==typeof l[a]){let i=l[a].default;"function"==typeof i&&(i=i()),"object"==typeof i?JSON.stringify(i)===JSON.stringify(o)&&(t[a]=e[a]):i===o&&(t[a]=e[a])}}return t},{})})}("VvInputFile",me,r),{modifiers:S,id:k,readonly:A,disabled:B,icon:F,iconPosition:P,iconDownload:E}=n(r),U=_e(k),M=e(()=>`${U.value}-hint`),T=e(()=>{if(!r.progress)return!1;const e="string"==typeof r.progress?Number.parseInt(r.progress):r.progress;return e>0&&e<100}),{hasIconBefore:q,hasIconAfter:G}=xe(F,P),{hasIcon:H}=xe(E),z=Be("vv-input-file",S,e(()=>({valid:!0===r.valid,invalid:!0===r.invalid,loading:r.loading&&!T.value,disabled:r.disabled,required:r.required,readonly:r.readonly,dragging:ae.value,"icon-before":!!q.value,"icon-after":!!G.value,"drop-area":le.value}))),{HintSlot:J,hasHintLabelOrSlot:W,hasInvalidLabelOrSlot:K,hintSlotScope:Y}=function(i,o){const n=e(()=>l(i)?i.value:i),r=e(()=>Le(n.value.invalidLabel)),u=e(()=>Le(n.value.validLabel)),s=e(()=>n.value.loadingLabel),v=e(()=>n.value.hintLabel),d=e(()=>Boolean(n.value.loading&&(o.loading||s.value))),c=e(()=>!d.value&&Boolean(n.value.invalid&&(o.invalid||r.value))),f=e(()=>!d.value&&!c.value&&Boolean(n.value.valid&&(o.valid||u.value))),p=e(()=>!d.value&&!c.value&&!f.value&&Boolean(o.hint||v.value)),b=e(()=>c.value||f.value||d.value||p.value),y=e(()=>({modelValue:n.value.modelValue,valid:n.value.valid,invalid:n.value.invalid,loading:n.value.loading})),m=t({name:"HintSlot",props:{tag:{type:String,default:"small"}},setup:()=>({isVisible:b,invalidLabel:r,validLabel:u,loadingLabel:s,hintLabel:v,hasInvalidLabelOrSlot:c,hasValidLabelOrSlot:f,hasLoadingLabelOrSlot:d,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:d,hintSlotScope:y,HintSlot:m}}(g,f),Z=N(r,"modelValue",v),Q=e({get:()=>Z.value&&(Array.isArray(Z.value)||Z.value?.name)?Array.isArray(Z.value)?Z.value:[Z.value]:[],set:e=>{te.value?Z.value=e:Z.value=e?.[0]}}),X=e(()=>r.disabled||r.readonly),ee=e(()=>"string"==typeof r.max?Number.parseInt(r.max):r.max),le=e(()=>r.dropArea&&!X.value),te=e(()=>!!r.multiple&&(!ee.value||ee.value-Q.value.length>1)),ae=u(!1),ie=u();function oe(){ae.value=!0}function ne(){ae.value=!1}function re(e){e.dataTransfer?.files&&(ae.value=!1,se(e.dataTransfer?.files))}function ue(){ie.value?.files&&(se(ie.value.files),ie.value.value="")}function se(e){const l=function(e,l){if(!l||""===l.trim()||"*"===l)return Array.from(e);const{mimeTypes:t,extensions:a,wildcards:i}=function(e){const l=[],t=[],a=[],i=e?.split(",").map(e=>e.trim().toLowerCase());return i?.length&&i.forEach(e=>{e.startsWith(".")?t.push(e):e.includes("/*")?a.push(e.replace("/*","")):l.push(e)}),{mimeTypes:l,extensions:t,wildcards:a}}(l);return Array.from(e).filter(e=>{const l=e.type.toLowerCase(),o=`.${e.name.split(".").pop()?.toLowerCase()}`,n=t.includes(l),r=i.some(e=>l.startsWith(`${e}/`)),u=a.some(e=>o===e.toLowerCase());return n||r||u})}(e,r.accept);if(!r.multiple)return Array.isArray(Z.value)?void(Z.value=l):void(Z.value=l[0]);let t=[];t=!Array.isArray(Z.value)&&Z.value?[Z.value]:Z.value&&Array.isArray(Z.value)?[...Z.value]:t;for(const a of l){if(ee.value&&t.length>=ee.value)break;t.push(a)}Z.value=t,ce.value=t.length-1}function ve(){ie.value&&(X.value||ie.value.click())}function de(e){const l=Array.isArray(Z.value)?Z.value[e]:Z.value;if(!l)return;if(v("remove",l),!Array.isArray(Z.value))return void(Z.value=void 0);ce.value===e&&(ce.value=0);const t=[...Z.value];t.splice(e,1),Z.value=t}const ce=u(0),fe=["image/jpeg","image/png"],pe=e(()=>{if(r.hidePreview)return;if(0===Q.value.length)return;if(!Q.value[ce.value])return;if(Q.value[ce.value]instanceof File){const e=Q.value[ce.value];if(!fe.includes(e.type))return;return URL.createObjectURL(e)}const e=Q.value[ce.value];return e.thumbnailUrl?e.thumbnailUrl:fe.includes(e.type)?e.url:void 0});function be(e,l){if(!e)return;if(0===e)return"0 Bytes";const t=l?l<=0?0:l:2,a=Math.floor(Math.log(e)/Math.log(1024));return`${Number.parseFloat((e/1024**a).toFixed(t))} ${["Bytes","KB","MB","GB","TB","PB","EB","ZB","YB"][a]}`}function ye(e){v("download",e);const l=e instanceof File?URL.createObjectURL(e):e.url;if(!l)return;const t=document.createElement("a");t.href=l,t.setAttribute("download",e.name),document.body.appendChild(t),t.click(),document.body.removeChild(t),URL.revokeObjectURL(t.href)}function ge(e){ce.value=e}s(pe,(e,l)=>{l&&URL.revokeObjectURL(l)}),O(()=>{pe.value&&URL.revokeObjectURL(pe.value)});const he=e(()=>0===Q.value.length||te.value?r.labelAdd:r.labelReplace),Se=e(()=>0===Q.value.length||te.value?r.iconAdd:r.iconReplace);function ke({newIndex:e}){null!==e&&(ce.value=e)}return(e,l)=>(c(),w("div",{class:_(p(z))},[e.label?(c(),w("label",{key:0,for:p(U)},h(e.label),9,Re)):L("v-if",!0),le.value?(c(),w("div",{key:1,class:"vv-input-file__drop-area",onDragenter:V(oe,["prevent","stop"]),onDragleave:V(ne,["prevent","stop"]),onDrop:V(re,["prevent","stop"]),onDragover:l[0]||(l[0]=V(()=>{},["prevent","stop"])),onClick:V(ve,["stop"])},[m(e.$slots,"drop-area",j(R({previewSrc:pe.value,onClickDropArea:ve})),()=>[x("picture",Ce,[pe.value?(c(),w("img",{key:0,src:pe.value,alt:Q.value[ce.value].name},null,8,Ne)):L("v-if",!0)]),p(A)?L("v-if",!0):(c(),d(je,{key:0,modifiers:"action",label:pe.value?void 0:he.value,title:pe.value?he.value:void 0,disabled:p(B),class:_({"vv-input-file__drop-area-action":pe.value}),icon:Se.value,onClick:V(ve,["stop"])},null,8,["label","title","disabled","class","icon"]))])],32)):L("v-if",!0),x("div",De,[p(q)?(c(),d(Oe,j(b({key:0},p(q))),null,16)):L("v-if",!0),x("input",{id:p(U),ref_key:"inputEl",ref:ie,type:"file",readonly:p(A),disabled:p(B),required:e.required,placeholder:e.placeholder,"aria-describedby":p(W)?M.value:void 0,"aria-invalid":e.invalid,"aria-errormessage":p(K)?M.value:void 0,multiple:te.value,accept:e.accept,capture:e.capture,name:e.name,onChange:ue},null,40,Fe),T.value?(c(),w("progress",{key:1,class:"vv-input-file__progress",value:e.progress,max:"100"},h(e.progress)+"% ",9,Pe)):L("v-if",!0),p(G)?(c(),d(Oe,j(b({key:2},p(G))),null,16)):L("v-if",!0)]),m(e.$slots,"file-list",j(R({files:Q.value,selectedFileIndex:ce.value,onSelectIndex:ge,onRemoveIndex:de,onDownloadFile:ye,formatBytes:be})),()=>[I(p(D),{modelValue:Q.value,"onUpdate:modelValue":l[1]||(l[1]=e=>Q.value=e),tag:"ul",class:"vv-input-file__list","item-key":"name",move:()=>e.sortable,onEnd:ke},{item:y(({element:l,index:t})=>[x("li",{class:_(["vv-input-file__item",{active:t===ce.value&&le.value&&Q.value.length>1,"cursor-move":e.sortable}]),onClick:V(e=>ge(t),["stop"])},[m(e.$slots,"file-item",j(R({file:l,index:t,isSelected:t===ce.value,onRemoveIndex:de,onDownloadFile:ye,formatBytes:be})),()=>[p(H)?(c(),w("button",{key:0,type:"button",class:"vv-input-file__item-action",title:e.labelDownload,onClick:V(e=>ye(l),["stop"])},[I(Oe,j(R(p(H))),null,16)],8,Ue)):L("v-if",!0),x("div",Me,h(l.name),1),x("small",Te,h(be(l.size)),1),p(A)?L("v-if",!0):(c(),w("button",{key:1,type:"button",class:"vv-input-file__item-remove",title:e.labelRemove,disabled:p(B),onClick:V(e=>de(t),["stop"])},null,8,qe))])],10,Ee)]),_:3},8,["modelValue","move"])]),I(p(J),{id:M.value,class:"vv-input-file__hint"},C({_:2},[e.$slots.hint?{name:"hint",fn:y(()=>[m(e.$slots,"hint",j(R(p(Y))))]),key:"0"}:void 0,e.$slots.loading?{name:"loading",fn:y(()=>[m(e.$slots,"loading",j(R(p(Y))))]),key:"1"}:void 0,e.$slots.valid?{name:"valid",fn:y(()=>[m(e.$slots,"valid",j(R(p(Y))))]),key:"2"}:void 0,e.$slots.invalid?{name:"invalid",fn:y(()=>[m(e.$slots,"invalid",j(R(p(Y))))]),key:"3"}:void 0]),1032,["id"])],2))}});export{Ge as default};