@volverjs/ui-vue 0.0.10-beta.42 → 0.0.10-beta.43

package/dist/components/VvCombobox/index.d.ts

@@ -189,143 +189,35 @@ export declare const VvComboboxProps: {
         default: undefined;
     };
     placement: {
-        type: PropType<"top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
+        type: PropType<`${import("../../constants").Side}` | `${import("../../constants").Placement}`>;
         default: import("../../constants").Side;
-        validator: (value: never) => boolean;
+        validator: (value: import("../../constants").Side & import("../../constants").Placement) => boolean;
     };
     strategy: {
-        type: PropType<"absolute" | "fixed">;
+        type: PropType<`${import("../../constants").Strategy}`>;
         default: undefined;
         validator: (value: import("../../constants").Strategy) => boolean;
     };
     offset: {
-        type: PropType<string | import("@floating-ui/core").OffsetOptions | undefined>;
+        type: PropType<import("../..").OffsetOptions | number | string>;
         default: number;
     };
     shift: {
-        type: PropType<boolean | {
-            rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
-            elementContext?: import("@floating-ui/core").ElementContext | undefined;
-            altBoundary?: boolean | undefined;
-            padding?: import("@floating-ui/utils").Padding | undefined;
-            crossAxis?: boolean | undefined;
-            mainAxis?: boolean | undefined;
-            limiter?: {
-                fn: (state: import("@floating-ui/core").MiddlewareState) => import("@floating-ui/utils").Coords;
-                options?: any;
-            } | undefined;
-            boundary?: import("@floating-ui/dom").Boundary | undefined;
-        } | import("@floating-ui/core").Derivable<{
-            rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
-            elementContext?: import("@floating-ui/core").ElementContext | undefined;
-            altBoundary?: boolean | undefined;
-            padding?: import("@floating-ui/utils").Padding | undefined;
-            crossAxis?: boolean | undefined;
-            mainAxis?: boolean | undefined;
-            limiter?: {
-                fn: (state: import("@floating-ui/core").MiddlewareState) => import("@floating-ui/utils").Coords;
-                options?: any;
-            } | undefined;
-            boundary?: import("@floating-ui/dom").Boundary | undefined;
-        }> | undefined>;
+        type: PropType<import("../..").ShiftOptions | boolean>;
         default: boolean;
     };
     flip: {
-        type: PropType<boolean | {
-            rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
-            elementContext?: import("@floating-ui/core").ElementContext | undefined;
-            altBoundary?: boolean | undefined;
-            padding?: import("@floating-ui/utils").Padding | undefined;
-            crossAxis?: boolean | undefined;
-            mainAxis?: boolean | undefined;
-            fallbackPlacements?: import("@floating-ui/utils").Placement[] | undefined;
-            fallbackStrategy?: "bestFit" | "initialPlacement" | undefined;
-            fallbackAxisSideDirection?: "start" | "end" | "none" | undefined;
-            flipAlignment?: boolean | undefined;
-            boundary?: import("@floating-ui/dom").Boundary | undefined;
-        } | import("@floating-ui/core").Derivable<{
-            rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
-            elementContext?: import("@floating-ui/core").ElementContext | undefined;
-            altBoundary?: boolean | undefined;
-            padding?: import("@floating-ui/utils").Padding | undefined;
-            crossAxis?: boolean | undefined;
-            mainAxis?: boolean | undefined;
-            fallbackPlacements?: import("@floating-ui/utils").Placement[] | undefined;
-            fallbackStrategy?: "bestFit" | "initialPlacement" | undefined;
-            fallbackAxisSideDirection?: "start" | "end" | "none" | undefined;
-            flipAlignment?: boolean | undefined;
-            boundary?: import("@floating-ui/dom").Boundary | undefined;
-        }> | undefined>;
+        type: PropType<import("../..").FlipOptions | boolean>;
         default: boolean;
     };
     size: {
-        type: PropType<boolean | {
-            rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
-            elementContext?: import("@floating-ui/core").ElementContext | undefined;
-            altBoundary?: boolean | undefined;
-            padding?: import("@floating-ui/utils").Padding | undefined;
-            boundary?: import("@floating-ui/dom").Boundary | undefined;
-            apply?: ((args: {
-                x: number;
-                y: number;
-                initialPlacement: import("@floating-ui/utils").Placement;
-                placement: import("@floating-ui/utils").Placement;
-                strategy: import("@floating-ui/utils").Strategy;
-                middlewareData: import("@floating-ui/core").MiddlewareData;
-                rects: import("@floating-ui/utils").ElementRects;
-                platform: import("@floating-ui/core").Platform;
-                elements: import("@floating-ui/dom").Elements;
-            } & {
-                availableWidth: number;
-                availableHeight: number;
-            }) => void | Promise<void>) | undefined;
-        } | import("@floating-ui/core").Derivable<{
-            rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
-            elementContext?: import("@floating-ui/core").ElementContext | undefined;
-            altBoundary?: boolean | undefined;
-            padding?: import("@floating-ui/utils").Padding | undefined;
-            boundary?: import("@floating-ui/dom").Boundary | undefined;
-            apply?: ((args: {
-                x: number;
-                y: number;
-                initialPlacement: import("@floating-ui/utils").Placement;
-                placement: import("@floating-ui/utils").Placement;
-                strategy: import("@floating-ui/utils").Strategy;
-                middlewareData: import("@floating-ui/core").MiddlewareData;
-                rects: import("@floating-ui/utils").ElementRects;
-                platform: import("@floating-ui/core").Platform;
-                elements: import("@floating-ui/dom").Elements;
-            } & {
-                availableWidth: number;
-                availableHeight: number;
-            }) => void | Promise<void>) | undefined;
-        }> | undefined>;
+        type: PropType<import("../..").SizeOptions | boolean>;
         default: () => {
             padding: number;
         };
     };
     autoPlacement: {
-        type: PropType<boolean | {
-            rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
-            elementContext?: import("@floating-ui/core").ElementContext | undefined;
-            altBoundary?: boolean | undefined;
-            padding?: import("@floating-ui/utils").Padding | undefined;
-            crossAxis?: boolean | undefined;
-            alignment?: import("@floating-ui/utils").Alignment | null | undefined;
-            autoAlignment?: boolean | undefined;
-            allowedPlacements?: import("@floating-ui/utils").Placement[] | undefined;
-            boundary?: import("@floating-ui/dom").Boundary | undefined;
-        } | import("@floating-ui/core").Derivable<{
-            rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
-            elementContext?: import("@floating-ui/core").ElementContext | undefined;
-            altBoundary?: boolean | undefined;
-            padding?: import("@floating-ui/utils").Padding | undefined;
-            crossAxis?: boolean | undefined;
-            alignment?: import("@floating-ui/utils").Alignment | null | undefined;
-            autoAlignment?: boolean | undefined;
-            allowedPlacements?: import("@floating-ui/utils").Placement[] | undefined;
-            boundary?: import("@floating-ui/dom").Boundary | undefined;
-        }> | undefined>;
+        type: PropType<import("../..").AutoPlacementOptions | boolean>;
         default: boolean;
     };
     arrow: {
@@ -345,12 +237,12 @@ export declare const VvComboboxProps: {
         default: undefined;
     };
     iconPosition: {
-        type: PropType<"before" | "after">;
+        type: PropType<`${import("../../constants").Position}`>;
         default: import("../../constants").Position;
         validation: (value: import("../../constants").Position) => boolean;
     };
     options: {
-        type: PropType<(string | Option)[]>;
+        type: PropType<(Option | string)[]>;
         default: () => never[];
     };
     labelKey: {
@@ -392,9 +284,7 @@ export declare const VvComboboxProps: {
     invalid: {
         type: BooleanConstructor;
         default: boolean;
-    }; /**
-     * Label for no search results
-     */
+    };
     invalidLabel: {
         type: (ArrayConstructor | StringConstructor)[];
         default: undefined;
@@ -596,143 +486,35 @@ export declare function useVvComboboxProps<T extends Option | string>(): {
         default: undefined;
     };
     placement: {
-        type: PropType<"top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
+        type: PropType<`${import("../../constants").Side}` | `${import("../../constants").Placement}`>;
         default: import("../../constants").Side;
-        validator: (value: never) => boolean;
+        validator: (value: import("../../constants").Side & import("../../constants").Placement) => boolean;
     };
     strategy: {
-        type: PropType<"absolute" | "fixed">;
+        type: PropType<`${import("../../constants").Strategy}`>;
         default: undefined;
         validator: (value: import("../../constants").Strategy) => boolean;
     };
     offset: {
-        type: PropType<string | import("@floating-ui/core").OffsetOptions | undefined>;
+        type: PropType<import("../..").OffsetOptions | number | string>;
         default: number;
     };
     shift: {
-        type: PropType<boolean | {
-            rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
-            elementContext?: import("@floating-ui/core").ElementContext | undefined;
-            altBoundary?: boolean | undefined;
-            padding?: import("@floating-ui/utils").Padding | undefined;
-            crossAxis?: boolean | undefined;
-            mainAxis?: boolean | undefined;
-            limiter?: {
-                fn: (state: import("@floating-ui/core").MiddlewareState) => import("@floating-ui/utils").Coords;
-                options?: any;
-            } | undefined;
-            boundary?: import("@floating-ui/dom").Boundary | undefined;
-        } | import("@floating-ui/core").Derivable<{
-            rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
-            elementContext?: import("@floating-ui/core").ElementContext | undefined;
-            altBoundary?: boolean | undefined;
-            padding?: import("@floating-ui/utils").Padding | undefined;
-            crossAxis?: boolean | undefined;
-            mainAxis?: boolean | undefined;
-            limiter?: {
-                fn: (state: import("@floating-ui/core").MiddlewareState) => import("@floating-ui/utils").Coords;
-                options?: any;
-            } | undefined;
-            boundary?: import("@floating-ui/dom").Boundary | undefined;
-        }> | undefined>;
+        type: PropType<import("../..").ShiftOptions | boolean>;
         default: boolean;
     };
     flip: {
-        type: PropType<boolean | {
-            rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
-            elementContext?: import("@floating-ui/core").ElementContext | undefined;
-            altBoundary?: boolean | undefined;
-            padding?: import("@floating-ui/utils").Padding | undefined;
-            crossAxis?: boolean | undefined;
-            mainAxis?: boolean | undefined;
-            fallbackPlacements?: import("@floating-ui/utils").Placement[] | undefined;
-            fallbackStrategy?: "bestFit" | "initialPlacement" | undefined;
-            fallbackAxisSideDirection?: "start" | "end" | "none" | undefined;
-            flipAlignment?: boolean | undefined;
-            boundary?: import("@floating-ui/dom").Boundary | undefined;
-        } | import("@floating-ui/core").Derivable<{
-            rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
-            elementContext?: import("@floating-ui/core").ElementContext | undefined;
-            altBoundary?: boolean | undefined;
-            padding?: import("@floating-ui/utils").Padding | undefined;
-            crossAxis?: boolean | undefined;
-            mainAxis?: boolean | undefined;
-            fallbackPlacements?: import("@floating-ui/utils").Placement[] | undefined;
-            fallbackStrategy?: "bestFit" | "initialPlacement" | undefined;
-            fallbackAxisSideDirection?: "start" | "end" | "none" | undefined;
-            flipAlignment?: boolean | undefined;
-            boundary?: import("@floating-ui/dom").Boundary | undefined;
-        }> | undefined>;
+        type: PropType<import("../..").FlipOptions | boolean>;
         default: boolean;
     };
     size: {
-        type: PropType<boolean | {
-            rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
-            elementContext?: import("@floating-ui/core").ElementContext | undefined;
-            altBoundary?: boolean | undefined;
-            padding?: import("@floating-ui/utils").Padding | undefined;
-            boundary?: import("@floating-ui/dom").Boundary | undefined;
-            apply?: ((args: {
-                x: number;
-                y: number;
-                initialPlacement: import("@floating-ui/utils").Placement;
-                placement: import("@floating-ui/utils").Placement;
-                strategy: import("@floating-ui/utils").Strategy;
-                middlewareData: import("@floating-ui/core").MiddlewareData;
-                rects: import("@floating-ui/utils").ElementRects;
-                platform: import("@floating-ui/core").Platform;
-                elements: import("@floating-ui/dom").Elements;
-            } & {
-                availableWidth: number;
-                availableHeight: number;
-            }) => void | Promise<void>) | undefined;
-        } | import("@floating-ui/core").Derivable<{
-            rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
-            elementContext?: import("@floating-ui/core").ElementContext | undefined;
-            altBoundary?: boolean | undefined;
-            padding?: import("@floating-ui/utils").Padding | undefined;
-            boundary?: import("@floating-ui/dom").Boundary | undefined;
-            apply?: ((args: {
-                x: number;
-                y: number;
-                initialPlacement: import("@floating-ui/utils").Placement;
-                placement: import("@floating-ui/utils").Placement;
-                strategy: import("@floating-ui/utils").Strategy;
-                middlewareData: import("@floating-ui/core").MiddlewareData;
-                rects: import("@floating-ui/utils").ElementRects;
-                platform: import("@floating-ui/core").Platform;
-                elements: import("@floating-ui/dom").Elements;
-            } & {
-                availableWidth: number;
-                availableHeight: number;
-            }) => void | Promise<void>) | undefined;
-        }> | undefined>;
+        type: PropType<import("../..").SizeOptions | boolean>;
         default: () => {
             padding: number;
         };
     };
     autoPlacement: {
-        type: PropType<boolean | {
-            rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
-            elementContext?: import("@floating-ui/core").ElementContext | undefined;
-            altBoundary?: boolean | undefined;
-            padding?: import("@floating-ui/utils").Padding | undefined;
-            crossAxis?: boolean | undefined;
-            alignment?: import("@floating-ui/utils").Alignment | null | undefined;
-            autoAlignment?: boolean | undefined;
-            allowedPlacements?: import("@floating-ui/utils").Placement[] | undefined;
-            boundary?: import("@floating-ui/dom").Boundary | undefined;
-        } | import("@floating-ui/core").Derivable<{
-            rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
-            elementContext?: import("@floating-ui/core").ElementContext | undefined;
-            altBoundary?: boolean | undefined;
-            padding?: import("@floating-ui/utils").Padding | undefined;
-            crossAxis?: boolean | undefined;
-            alignment?: import("@floating-ui/utils").Alignment | null | undefined;
-            autoAlignment?: boolean | undefined;
-            allowedPlacements?: import("@floating-ui/utils").Placement[] | undefined;
-            boundary?: import("@floating-ui/dom").Boundary | undefined;
-        }> | undefined>;
+        type: PropType<import("../..").AutoPlacementOptions | boolean>;
         default: boolean;
     };
     arrow: {
@@ -752,7 +534,7 @@ export declare function useVvComboboxProps<T extends Option | string>(): {
         default: undefined;
     };
     iconPosition: {
-        type: PropType<"before" | "after">;
+        type: PropType<`${import("../../constants").Position}`>;
         default: import("../../constants").Position;
         validation: (value: import("../../constants").Position) => boolean;
     };
@@ -795,9 +577,7 @@ export declare function useVvComboboxProps<T extends Option | string>(): {
     invalid: {
         type: BooleanConstructor;
         default: boolean;
-    }; /**
-     * Label for no search results
-     */
+    };
     invalidLabel: {
         type: (ArrayConstructor | StringConstructor)[];
         default: undefined;

package/dist/components/VvDialog/VvDialog.es.js

@@ -1,10 +1,5 @@
-import { inject, computed, unref, defineComponent, mergeDefaults, ref, toRefs, openBlock, createBlock, mergeProps, createCommentVNode, Transition, toHandlers, withCtx, withDirectives, createElementVNode, withModifiers, createElementBlock, renderSlot, createTextVNode, toDisplayString, createVNode, vShow } from "vue";
-import { iconExists, Icon, addIcon } from "@iconify/vue";
+import { computed, unref, defineComponent, ref, toRefs, openBlock, createBlock, Transition, mergeProps, toHandlers, withCtx, withDirectives, createElementVNode, withModifiers, createElementBlock, renderSlot, createTextVNode, toDisplayString, createCommentVNode, vShow } from "vue";
 import { useVModel, onClickOutside } from "@vueuse/core";
-const VvIconPropsDefaults = {
-  prefix: "normal"
-  /* normal */
-};
 var StorageType = /* @__PURE__ */ ((StorageType2) => {
   StorageType2["local"] = "local";
   StorageType2["session"] = "session";
@@ -51,146 +46,6 @@ var ActionTag = /* @__PURE__ */ ((ActionTag2) => {
   ActionTag2["button"] = "button";
   return ActionTag2;
 })(ActionTag || {});
-const INJECTION_KEY_VOLVER = Symbol.for("volver");
-function useVolver() {
-  return inject(INJECTION_KEY_VOLVER);
-}
-function useModifiers(prefix, modifiers, others) {
-  return computed(() => {
-    const toReturn = {
-      [prefix]: true
-    };
-    const modifiersArray = typeof (modifiers == null ? void 0 : modifiers.value) === "string" ? modifiers.value.split(" ") : modifiers == null ? void 0 : 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__$1 = {
-  name: "VvIcon"
-};
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  ...__default__$1,
-  props: /* @__PURE__ */ mergeDefaults({
-    name: {},
-    color: {},
-    width: {},
-    height: {},
-    provider: {},
-    prefix: {},
-    src: {},
-    horizontalFlip: { type: Boolean },
-    verticalFlip: { type: Boolean },
-    flip: {},
-    mode: {},
-    inline: { type: Boolean },
-    rotate: {},
-    onLoad: { type: Function },
-    svg: {},
-    modifiers: {}
-  }, VvIconPropsDefaults),
-  setup(__props) {
-    const props = __props;
-    const hasRotate = computed(() => {
-      if (typeof props.rotate === "string") {
-        return Number.parseFloat(props.rotate);
-      }
-      return props.rotate;
-    });
-    const show = ref(true);
-    const volver = useVolver();
-    const { modifiers } = toRefs(props);
-    const bemCssClasses = useModifiers("vv-icon", modifiers);
-    const provider = computed(() => {
-      return props.provider || (volver == null ? void 0 : volver.iconsProvider);
-    });
-    const icon = computed(() => {
-      const name = props.name ?? "";
-      const iconName = `@${provider.value}:${props.prefix}:${name}`;
-      if (iconExists(iconName)) {
-        return iconName;
-      }
-      const iconsCollection = volver == null ? void 0 : volver.iconsCollections.find(
-        (iconsCollection2) => {
-          const icon2 = `@${provider.value}:${iconsCollection2.prefix}:${name}`;
-          return iconExists(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 == null ? void 0 : 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 && !iconExists(`@${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 == null ? void 0 : e.message}`);
-        });
-      }
-    }
-    if (props.svg) {
-      addIconFromSvg(props.svg);
-    }
-    return (_ctx, _cache) => {
-      return unref(show) ? (openBlock(), createBlock(unref(Icon), mergeProps({
-        key: 0,
-        class: unref(bemCssClasses)
-      }, {
-        inline: _ctx.inline,
-        width: _ctx.width,
-        height: _ctx.height,
-        horizontalFlip: _ctx.horizontalFlip,
-        verticalFlip: _ctx.verticalFlip,
-        flip: _ctx.flip,
-        rotate: unref(hasRotate),
-        color: _ctx.color,
-        onLoad: _ctx.onLoad,
-        icon: unref(icon)
-      }), null, 16, ["class"])) : createCommentVNode("v-if", true);
-    };
-  }
-});
 const LinkProps = {
   /**
    * The router-link/nuxt-link property, if it is defined the button is rendered as a ruouter-link or nuxt-link.
@@ -465,14 +320,42 @@ const VvDialogProps = {
   /**
    * Keep open dialog on click outside
    */
-  keepOpen: { type: Boolean, default: false }
+  keepOpen: { type: Boolean, default: false },
+  /**
+   * Close button label
+   */
+  labelClose: { type: String, default: "Close" }
 };
+function useModifiers(prefix, modifiers, others) {
+  return computed(() => {
+    const toReturn = {
+      [prefix]: true
+    };
+    const modifiersArray = typeof (modifiers == null ? void 0 : modifiers.value) === "string" ? modifiers.value.split(" ") : modifiers == null ? void 0 : modifiers.value;
+    if (modifiersArray) {
+      if (Array.isArray(modifiersArray)) {
+        modifiersArray.forEach((modifier) => {
+          if (modifier) {
+            toReturn[`${prefix}--${modifier}`] = true;
+          }
+        });
+      }
+    }
+    if (others) {
+      Object.keys(others.value).forEach((key) => {
+        toReturn[`${prefix}--${key}`] = unref(others.value[key]);
+      });
+    }
+    return toReturn;
+  });
+}
 const _hoisted_1 = {
   key: 0,
   class: "vv-dialog__header"
 };
-const _hoisted_2 = { class: "vv-dialog__content" };
-const _hoisted_3 = {
+const _hoisted_2 = ["aria-label", "title"];
+const _hoisted_3 = { class: "vv-dialog__content" };
+const _hoisted_4 = {
   key: 1,
   class: "vv-dialog__footer"
 };
@@ -599,26 +482,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         1
                         /* TEXT */
                       ),
-                      createElementVNode(
-                        "button",
-                        {
-                          type: "button",
-                          "aria-label": "Close",
-                          class: "vv-dialog__close",
-                          onClickPassive: close
-                        },
-                        [
-                          createVNode(_sfc_main$1, { name: "close" })
-                        ],
-                        32
-                        /* NEED_HYDRATION */
-                      )
+                      createElementVNode("button", {
+                        type: "button",
+                        "aria-label": _ctx.labelClose,
+                        title: _ctx.labelClose,
+                        class: "vv-dialog__close",
+                        onClickPassive: close
+                      }, null, 40, _hoisted_2)
                     ])
                   ])) : createCommentVNode("v-if", true),
-                  createElementVNode("div", _hoisted_2, [
+                  createElementVNode("div", _hoisted_3, [
                     renderSlot(_ctx.$slots, "default")
                   ]),
-                  _ctx.$slots.footer ? (openBlock(), createElementBlock("footer", _hoisted_3, [
+                  _ctx.$slots.footer ? (openBlock(), createElementBlock("footer", _hoisted_4, [
                     renderSlot(_ctx.$slots, "footer")
                   ])) : createCommentVNode("v-if", true)
                 ],

package/dist/components/VvDialog/VvDialog.umd.js

@@ -1 +1 @@
-!function(e,o){"object"==typeof exports&&"undefined"!=typeof module?module.exports=o(require("vue"),require("@iconify/vue"),require("@vueuse/core")):"function"==typeof define&&define.amd?define(["vue","@iconify/vue","@vueuse/core"],o):(e="undefined"!=typeof globalThis?globalThis:e||self).VvDialog=o(e.vue,e.vue$1,e.core)}(this,(function(e,o,t){"use strict";const n={prefix:"normal"};var r=(e=>(e.local="local",e.session="session",e))(r||{}),l=(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(l||{}),i=(e=>(e.before="before",e.after="after",e))(i||{}),a=(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(a||{}),s=(e=>(e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e))(s||{});const u=Symbol.for("volver");function c(o,t,n){return e.computed((()=>{const r={[o]:!0},l="string"==typeof(null==t?void 0:t.value)?t.value.split(" "):null==t?void 0:t.value;return l&&Array.isArray(l)&&l.forEach((e=>{e&&(r[`${o}--${e}`]=!0)})),n&&Object.keys(n.value).forEach((t=>{r[`${o}--${t}`]=e.unref(n.value[t])})),r}))}const d=e.defineComponent({name:"VvIcon",props:e.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:{}},n),setup(t){const n=t,r=e.computed((()=>"string"==typeof n.rotate?Number.parseFloat(n.rotate):n.rotate)),l=e.ref(!0),i=e.inject(u),{modifiers:a}=e.toRefs(n),s=c("vv-icon",a),d=e.computed((()=>n.provider||(null==i?void 0:i.iconsProvider))),f=e.computed((()=>{const e=n.name??"",t=`@${d.value}:${n.prefix}:${e}`;if(o.iconExists(t))return t;const r=null==i?void 0:i.iconsCollections.find((t=>{const n=`@${d.value}:${t.prefix}:${e}`;return o.iconExists(n)}));return r?`@${d.value}:${r.prefix}:${e}`:e}));function v(e){const t=function(e){let o;if("undefined"==typeof window){const{JSDOM:e}=require("jsdom");o=(new e).window}return(o?new o.DOMParser:new window.DOMParser).parseFromString(e,"text/html").querySelector("svg")}(e),r=(null==t?void 0:t.innerHTML.trim())||"";t&&r&&o.addIcon(`@${d.value}:${n.prefix}:${n.name}`,{body:r,height:t.viewBox.baseVal.height,width:t.viewBox.baseVal.width})}return i&&n.src&&!o.iconExists(`@${d.value}:${n.prefix}:${n.name}`)&&(l.value=!1,i.fetchIcon(n.src).then((e=>{e&&(v(e),l.value=!0)})).catch((e=>{throw new Error(`Error during fetch icon: ${null==e?void 0:e.message}`)}))),n.svg&&v(n.svg),(t,n)=>e.unref(l)?(e.openBlock(),e.createBlock(e.unref(o.Icon),e.mergeProps({key:0,class:e.unref(s)},{inline:t.inline,width:t.width,height:t.height,horizontalFlip:t.horizontalFlip,verticalFlip:t.verticalFlip,flip:t.flip,rotate:e.unref(r),color:t.color,onLoad:t.onLoad,icon:e.unref(f)}),null,16,["class"])):e.createCommentVNode("v-if",!0)}}),f=(Boolean,Boolean,Boolean,Boolean,{modifiers:{type:[String,Array],default:void 0}});i.before;const v={id:[String,Number]};l.bottom,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,a.button,s.button,r.local;const p={...f,...v,title:String,modelValue:{type:Boolean,default:void 0},transition:{type:String,default:"fade-block"},size:String,keepOpen:{type:Boolean,default:!1}},m={key:0,class:"vv-dialog__header"},g={class:"vv-dialog__content"},h={key:1,class:"vv-dialog__footer"};return e.defineComponent({name:"VvDialog",props:p,emits:["open","close","update:modelValue","beforeEnter","afterLeave","enter","afterEnter","enterCancelled","beforeLeave","leave","leaveCancelled"],setup(o,{expose:n,emit:r}){const l=o,i=r,a=e.ref(),s=t.useVModel(l,"modelValue",i),u=e.ref(!1),f=e.computed({get:()=>s.value??u.value,set:e=>{void 0!==s.value?s.value=e:u.value=e}}),v=e.ref(null),{modifiers:p}=e.toRefs(l),b=c("vv-dialog",p,e.computed((()=>l.size?{[l.size]:!!l.size}:{}))),y=e.computed((()=>{const{id:e}=l;return{id:e}})),B=e.computed((()=>`vv-dialog--${l.transition}`)),$={"before-enter":()=>{var e,o;(null==(e=a.value)?void 0:e.open)||null==(o=a.value)||o.showModal(),i("open"),i("beforeEnter")},"after-leave":()=>{var e,o;(null==(e=a.value)?void 0:e.open)&&(null==(o=a.value)||o.close()),i("close"),i("afterLeave")},enter:()=>{i("enter")},"after-enter":()=>{i("afterEnter")},"enter-cancelled":()=>{i("enterCancelled")},"before-leave":()=>{i("beforeLeave")},leave:()=>{i("leave")},"leave-cancelled":()=>{i("leaveCancelled")}};function k(){f.value=!1}function w(){l.keepOpen||k()}return t.onClickOutside(v,(()=>{l.keepOpen||k()})),n({close:k,open:function(){f.value=!0}}),(o,t)=>(e.openBlock(),e.createBlock(e.Transition,e.mergeProps({name:e.unref(B)},e.toHandlers($),{persisted:""}),{default:e.withCtx((()=>[e.withDirectives(e.createElementVNode("dialog",e.mergeProps(e.unref(y),{ref_key:"dialogEl",ref:a,class:e.unref(b),onCancel:e.withModifiers(w,["stop","prevent"])}),[e.createElementVNode("article",{ref_key:"modalWrapper",ref:v,class:"vv-dialog__wrapper"},[o.$slots.header||o.title?(e.openBlock(),e.createElementBlock("header",m,[e.renderSlot(o.$slots,"header",{},(()=>[e.createTextVNode(e.toDisplayString(o.title)+" ",1),e.createElementVNode("button",{type:"button","aria-label":"Close",class:"vv-dialog__close",onClickPassive:k},[e.createVNode(d,{name:"close"})],32)]))])):e.createCommentVNode("v-if",!0),e.createElementVNode("div",g,[e.renderSlot(o.$slots,"default")]),o.$slots.footer?(e.openBlock(),e.createElementBlock("footer",h,[e.renderSlot(o.$slots,"footer")])):e.createCommentVNode("v-if",!0)],512)],16),[[e.vShow,e.unref(f)]])])),_:3},16,["name"]))}})}));
+!function(e,o){"object"==typeof exports&&"undefined"!=typeof module?module.exports=o(require("vue"),require("@vueuse/core")):"function"==typeof define&&define.amd?define(["vue","@vueuse/core"],o):(e="undefined"!=typeof globalThis?globalThis:e||self).VvDialog=o(e.vue,e.core)}(this,(function(e,o){"use strict";var t=(e=>(e.local="local",e.session="session",e))(t||{}),l=(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(l||{}),n=(e=>(e.before="before",e.after="after",e))(n||{}),a=(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(a||{}),r=(e=>(e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e))(r||{});Boolean,Boolean,Boolean,Boolean;const i={modifiers:{type:[String,Array],default:void 0}};n.before;const s={id:[String,Number]};l.bottom,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,a.button,r.button,t.local;const u={...i,...s,title:String,modelValue:{type:Boolean,default:void 0},transition:{type:String,default:"fade-block"},size:String,keepOpen:{type:Boolean,default:!1},labelClose:{type:String,default:"Close"}};const d={key:0,class:"vv-dialog__header"},c=["aria-label","title"],f={class:"vv-dialog__content"},v={key:1,class:"vv-dialog__footer"};return e.defineComponent({name:"VvDialog",props:u,emits:["open","close","update:modelValue","beforeEnter","afterLeave","enter","afterEnter","enterCancelled","beforeLeave","leave","leaveCancelled"],setup(t,{expose:l,emit:n}){const a=t,r=n,i=e.ref(),s=o.useVModel(a,"modelValue",r),u=e.ref(!1),p=e.computed({get:()=>s.value??u.value,set:e=>{void 0!==s.value?s.value=e:u.value=e}}),m=e.ref(null),{modifiers:b}=e.toRefs(a),g=function(o,t,l){return e.computed((()=>{const n={[o]:!0},a="string"==typeof(null==t?void 0:t.value)?t.value.split(" "):null==t?void 0:t.value;return a&&Array.isArray(a)&&a.forEach((e=>{e&&(n[`${o}--${e}`]=!0)})),l&&Object.keys(l.value).forEach((t=>{n[`${o}--${t}`]=e.unref(l.value[t])})),n}))}("vv-dialog",b,e.computed((()=>a.size?{[a.size]:!!a.size}:{}))),k=e.computed((()=>{const{id:e}=a;return{id:e}})),y=e.computed((()=>`vv-dialog--${a.transition}`)),B={"before-enter":()=>{var e,o;(null==(e=i.value)?void 0:e.open)||null==(o=i.value)||o.showModal(),r("open"),r("beforeEnter")},"after-leave":()=>{var e,o;(null==(e=i.value)?void 0:e.open)&&(null==(o=i.value)||o.close()),r("close"),r("afterLeave")},enter:()=>{r("enter")},"after-enter":()=>{r("afterEnter")},"enter-cancelled":()=>{r("enterCancelled")},"before-leave":()=>{r("beforeLeave")},leave:()=>{r("leave")},"leave-cancelled":()=>{r("leaveCancelled")}};function h(){p.value=!1}function C(){a.keepOpen||h()}return o.onClickOutside(m,(()=>{a.keepOpen||h()})),l({close:h,open:function(){p.value=!0}}),(o,t)=>(e.openBlock(),e.createBlock(e.Transition,e.mergeProps({name:e.unref(y)},e.toHandlers(B),{persisted:""}),{default:e.withCtx((()=>[e.withDirectives(e.createElementVNode("dialog",e.mergeProps(e.unref(k),{ref_key:"dialogEl",ref:i,class:e.unref(g),onCancel:e.withModifiers(C,["stop","prevent"])}),[e.createElementVNode("article",{ref_key:"modalWrapper",ref:m,class:"vv-dialog__wrapper"},[o.$slots.header||o.title?(e.openBlock(),e.createElementBlock("header",d,[e.renderSlot(o.$slots,"header",{},(()=>[e.createTextVNode(e.toDisplayString(o.title)+" ",1),e.createElementVNode("button",{type:"button","aria-label":o.labelClose,title:o.labelClose,class:"vv-dialog__close",onClickPassive:h},null,40,c)]))])):e.createCommentVNode("v-if",!0),e.createElementVNode("div",f,[e.renderSlot(o.$slots,"default")]),o.$slots.footer?(e.openBlock(),e.createElementBlock("footer",v,[e.renderSlot(o.$slots,"footer")])):e.createCommentVNode("v-if",!0)],512)],16),[[e.vShow,e.unref(p)]])])),_:3},16,["name"]))}})}));

package/dist/components/VvDialog/VvDialog.vue.d.ts

@@ -13,6 +13,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    labelClose: {
+        type: StringConstructor;
+        default: string;
+    };
     id: (StringConstructor | NumberConstructor)[];
     modifiers: {
         type: globalThis.PropType<string | string[]>;
@@ -38,6 +42,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    labelClose: {
+        type: StringConstructor;
+        default: string;
+    };
     id: (StringConstructor | NumberConstructor)[];
     modifiers: {
         type: globalThis.PropType<string | string[]>;
@@ -48,6 +56,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     modifiers: string | string[];
     transition: string;
     keepOpen: boolean;
+    labelClose: string;
 }, {}>, {
     header?(_: {}): any;
     default?(_: {}): any;

package/dist/components/VvDialog/index.d.ts

@@ -30,6 +30,13 @@ export declare const VvDialogProps: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * Close button label
+     */
+    labelClose: {
+        type: StringConstructor;
+        default: string;
+    };
     id: (StringConstructor | NumberConstructor)[];
     modifiers: {
         type: globalThis.PropType<string | string[]>;