@volverjs/ui-vue 0.0.10 → 0.0.12

package/dist/components/VvDropdownOptgroup/VvDropdownOptgroup.es.js

@@ -1,104 +1 @@
-import { defineComponent, createElementBlock, openBlock, toDisplayString } from "vue";
-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 LabelProps = {
-  /**
-   * The item label
-   */
-  label: {
-    type: [String, Number],
-    default: void 0
-  }
-};
-({
-  /**
-   * VvIcon position
-   */
-  iconPosition: {
-    default: Position.before
-  }
-});
-({
-  /**
-   * Dropdown placement
-   */
-  placement: {
-    default: Side.bottom
-  }
-});
-({
-  /**
-   * Button type
-   */
-  type: {
-    default: ButtonType.button
-  },
-  /**
-   * Default tag for the action
-   */
-  defaultTag: {
-    default: ActionTag.button
-  }
-});
-({
-  storageType: {
-    default: StorageType.local
-  }
-});
-const _hoisted_1 = {
-  class: "vv-dropdown-optgroup",
-  role: "presentation",
-  tabindex: "-1"
-};
-const __default__ = {
-  name: "VvDropdownOptgroup"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: {
-    ...LabelProps
-  },
-  setup(__props) {
-    const props = __props;
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(
-        "li",
-        _hoisted_1,
-        toDisplayString(props.label),
-        1
-        /* TEXT */
-      );
-    };
-  }
-});
-export {
-  _sfc_main as default
-};
+import{defineComponent as t,createElementBlock as o,openBlock as e,renderSlot as r,createTextVNode as n,toDisplayString as l}from"vue";var s=/* @__PURE__ */(t=>(t.local="local",t.session="session",t))(s||{}),u=/* @__PURE__ */(t=>(t.left="left",t.right="right",t.top="top",t.bottom="bottom",t))(u||{}),a=/* @__PURE__ */(t=>(t.before="before",t.after="after",t))(a||{}),b=/* @__PURE__ */(t=>(t.button="button",t.submit="submit",t.reset="reset",t))(b||{}),i=/* @__PURE__ */(t=>(t.nuxtLink="nuxt-link",t.routerLink="router-link",t.a="a",t.button="button",t))(i||{});const p={label:{type:[String,Number],default:void 0}};a.before,u.bottom,b.button,i.button,s.local;const f={class:"vv-dropdown-optgroup",role:"presentation",tabindex:"-1"},m=/* @__PURE__ */t({name:"VvDropdownOptgroup",props:{...p},setup(t){const s=t;return(t,u)=>(e(),o("li",f,[r(t.$slots,"default",{},()=>[n(l(s.label),1)])]))}});export{m as default};

package/dist/components/VvDropdownOptgroup/VvDropdownOptgroup.umd.js

@@ -1 +1 @@
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e(require("vue")):"function"==typeof define&&define.amd?define(["vue"],e):(t="undefined"!=typeof globalThis?globalThis:t||self).VvDropdownOptgroup=e(t.vue)}(this,function(t){"use strict";var e=(t=>(t.local="local",t.session="session",t))(e||{}),o=(t=>(t.left="left",t.right="right",t.top="top",t.bottom="bottom",t))(o||{}),n=(t=>(t.before="before",t.after="after",t))(n||{}),r=(t=>(t.button="button",t.submit="submit",t.reset="reset",t))(r||{}),u=(t=>(t.nuxtLink="nuxt-link",t.routerLink="router-link",t.a="a",t.button="button",t))(u||{});const i={label:{type:[String,Number],default:void 0}};n.before,o.bottom,r.button,u.button,e.local;const l={class:"vv-dropdown-optgroup",role:"presentation",tabindex:"-1"};return t.defineComponent({name:"VvDropdownOptgroup",props:{...i},setup(e){const o=e;return(e,n)=>(t.openBlock(),t.createElementBlock("li",l,t.toDisplayString(o.label),1))}})});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("vue")):"function"==typeof define&&define.amd?define(["vue"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).VvDropdownOptgroup=t(e.vue)}(this,function(e){"use strict";var t=(e=>(e.local="local",e.session="session",e))(t||{}),o=(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(o||{}),n=(e=>(e.before="before",e.after="after",e))(n||{}),r=(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(r||{}),u=(e=>(e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e))(u||{});const l={label:{type:[String,Number],default:void 0}};n.before,o.bottom,r.button,u.button,t.local;const i={class:"vv-dropdown-optgroup",role:"presentation",tabindex:"-1"};return e.defineComponent({name:"VvDropdownOptgroup",props:{...l},setup(t){const o=t;return(t,n)=>(e.openBlock(),e.createElementBlock("li",i,[e.renderSlot(t.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(o.label),1)])]))}})});

package/dist/components/VvDropdownOption/VvDropdownOption.es.js

@@ -1,281 +1 @@
-import { inject, provide, ref, defineComponent, watch, createElementBlock, openBlock, mergeProps, unref, renderSlot, computed, toRefs, createBlock, normalizeClass, withCtx, createElementVNode, normalizeProps, guardReactiveProps, createTextVNode, toDisplayString } from "vue";
-import "mitt";
-import { useElementHover, useFocus, useFocusWithin } from "@vueuse/core";
-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 || {});
-var ActionRoles = /* @__PURE__ */ ((ActionRoles2) => {
-  ActionRoles2["button"] = "button";
-  ActionRoles2["link"] = "link";
-  ActionRoles2["menuitem"] = "menuitem";
-  return ActionRoles2;
-})(ActionRoles || {});
-var DropdownRole = /* @__PURE__ */ ((DropdownRole2) => {
-  DropdownRole2["listbox"] = "listbox";
-  DropdownRole2["menu"] = "menu";
-  return DropdownRole2;
-})(DropdownRole || {});
-const INJECTION_KEY_DROPDOWN_ITEM = Symbol.for(
-  "dropdownItem"
-);
-const INJECTION_KEY_DROPDOWN_ACTION = Symbol.for(
-  "dropdownAction"
-);
-const DisabledProps = {
-  /**
-   * Whether the form control is disabled
-   */
-  disabled: {
-    type: Boolean,
-    default: false
-  }
-};
-const SelectedProps = {
-  /**
-   * Whether the item is selected
-   */
-  selected: {
-    type: Boolean,
-    default: false
-  }
-};
-const ModifiersProps = {
-  /**
-   * Component BEM modifiers
-   */
-  modifiers: {
-    type: [String, Array],
-    default: void 0
-  }
-};
-({
-  /**
-   * VvIcon position
-   */
-  iconPosition: {
-    default: Position.before
-  }
-});
-const UnselectableProps = {
-  /**
-   * If true the input will be unselectable
-   */
-  unselectable: { type: Boolean, default: true }
-};
-({
-  /**
-   * Dropdown placement
-   */
-  placement: {
-    default: Side.bottom
-  }
-});
-({
-  /**
-   * Button type
-   */
-  type: {
-    default: ButtonType.button
-  },
-  /**
-   * Default tag for the action
-   */
-  defaultTag: {
-    default: ActionTag.button
-  }
-});
-({
-  storageType: {
-    default: StorageType.local
-  }
-});
-({
-  /**
-   * Dropdown role
-   */
-  role: {
-    default: DropdownRole.menu
-  }
-});
-const VvDropdownItemProps = {
-  focusOnHover: {
-    type: Boolean,
-    default: false
-  }
-};
-const VvDropdownOptionProps = {
-  ...DisabledProps,
-  ...SelectedProps,
-  ...UnselectableProps,
-  ...ModifiersProps,
-  deselectHintLabel: {
-    type: String
-  },
-  selectHintLabel: {
-    type: String
-  },
-  selectedHintLabel: {
-    type: String
-  },
-  focusOnHover: {
-    type: Boolean,
-    default: false
-  }
-};
-function useInjectedDropdownItem() {
-  return inject(INJECTION_KEY_DROPDOWN_ITEM, {});
-}
-function useDropdownProvideAction({
-  expanded
-}) {
-  provide(INJECTION_KEY_DROPDOWN_ACTION, {
-    role: ref(ActionRoles.menuitem),
-    expanded
-  });
-}
-const __default__$1 = {
-  name: "VvDropdownItem"
-};
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  ...__default__$1,
-  props: VvDropdownItemProps,
-  setup(__props) {
-    const props = __props;
-    const { role, expanded } = useInjectedDropdownItem();
-    const element = ref(null);
-    useDropdownProvideAction({ expanded });
-    const hovered = useElementHover(element);
-    const { focused } = useFocus(element);
-    const { focused: focusedWithin } = useFocusWithin(element);
-    watch(hovered, (newValue) => {
-      if (newValue && props.focusOnHover) {
-        focused.value = true;
-      }
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(
-        "div",
-        mergeProps({ role: unref(role) }, {
-          ref_key: "element",
-          ref: element,
-          class: ["vv-dropdown__item", { "focus-visible": unref(focused) || unref(focusedWithin) }]
-        }),
-        [
-          renderSlot(_ctx.$slots, "default")
-        ],
-        16
-        /* FULL_PROPS */
-      );
-    };
-  }
-});
-function useModifiers(prefix, modifiers, others) {
-  return computed(() => {
-    const toReturn = {
-      [prefix]: true
-    };
-    const modifiersArray = typeof modifiers?.value === "string" ? modifiers.value.split(" ") : modifiers?.value;
-    if (modifiersArray) {
-      if (Array.isArray(modifiersArray)) {
-        modifiersArray.forEach((modifier) => {
-          if (modifier) {
-            toReturn[`${prefix}--${modifier}`] = true;
-          }
-        });
-      }
-    }
-    if (others) {
-      Object.keys(others.value).forEach((key) => {
-        toReturn[`${prefix}--${key}`] = unref(others.value[key]);
-      });
-    }
-    return toReturn;
-  });
-}
-const _hoisted_1 = ["title"];
-const __default__ = {
-  name: "VvDropdownOption"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: VvDropdownOptionProps,
-  setup(__props) {
-    const props = __props;
-    const { modifiers } = toRefs(props);
-    const bemCssClasses = useModifiers(
-      "vv-dropdown-option",
-      modifiers,
-      computed(() => ({
-        disabled: props.disabled,
-        selected: props.selected,
-        unselectable: props.unselectable && props.selected
-      }))
-    );
-    const hintLabel = computed(() => {
-      if (props.selected) {
-        return props.unselectable ? props.deselectHintLabel : props.selectedHintLabel;
-      }
-      if (!props.disabled) {
-        return props.selectHintLabel;
-      }
-      return "";
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$1, {
-        class: normalizeClass(unref(bemCssClasses)),
-        tabindex: _ctx.disabled ? -1 : 0,
-        "aria-selected": _ctx.selected,
-        "aria-disabled": _ctx.disabled,
-        "focus-on-hover": _ctx.focusOnHover
-      }, {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default"),
-          createElementVNode("span", {
-            class: "vv-dropdown-option__hint",
-            title: unref(hintLabel)
-          }, [
-            renderSlot(_ctx.$slots, "hint", normalizeProps(guardReactiveProps({ disabled: _ctx.disabled, selected: _ctx.selected, unselectable: _ctx.unselectable })), () => [
-              createTextVNode(
-                toDisplayString(unref(hintLabel)),
-                1
-                /* TEXT */
-              )
-            ])
-          ], 8, _hoisted_1)
-        ]),
-        _: 3
-        /* FORWARDED */
-      }, 8, ["class", "tabindex", "aria-selected", "aria-disabled", "focus-on-hover"]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};
+import{inject as e,provide as t,ref as o,defineComponent as l,watch as n,createElementBlock as s,openBlock as a,mergeProps as d,unref as r,renderSlot as i,computed as u,toRefs as c,createBlock as b,normalizeClass as f,withCtx as p,createElementVNode as m,normalizeProps as v,guardReactiveProps as y,createTextVNode as x,toDisplayString as H}from"vue";import"mitt";import{useElementHover as h,useFocus as k,useFocusWithin as L}from"@vueuse/core";var g=/* @__PURE__ */(e=>(e.local="local",e.session="session",e))(g||{}),w=/* @__PURE__ */(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(w||{}),$=/* @__PURE__ */(e=>(e.before="before",e.after="after",e))($||{}),O=/* @__PURE__ */(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(O||{}),S=/* @__PURE__ */(e=>(e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e))(S||{}),_=/* @__PURE__ */(e=>(e.button="button",e.link="link",e.menuitem="menuitem",e))(_||{}),B=/* @__PURE__ */(e=>(e.listbox="listbox",e.menu="menu",e))(B||{});const A=Symbol.for("dropdownItem"),D=Symbol.for("dropdownAction"),E={disabled:{type:Boolean,default:!1}},I={selected:{type:Boolean,default:!1}},V={modifiers:{type:[String,Array],default:void 0}};$.before;const j={unselectable:{type:Boolean,default:!0}};w.bottom,O.button,S.button,g.local,B.menu;const q={focusOnHover:{type:Boolean,default:!1}},z={...E,...I,...j,...V,deselectHintLabel:{type:String},selectHintLabel:{type:String},selectedHintLabel:{type:String},focusOnHover:{type:Boolean,default:!1}};const C=/* @__PURE__ */l({name:"VvDropdownItem",props:q,setup(l){const u=l,{role:c,expanded:b}=e(A,{}),f=o(null);!function({expanded:e}){t(D,{role:o(_.menuitem),expanded:e})}({expanded:b});const p=h(f),{focused:m}=k(f),{focused:v}=L(f);return n(p,e=>{e&&u.focusOnHover&&(m.value=!0)}),(e,t)=>(a(),s("div",d({role:r(c)},{ref_key:"element",ref:f,class:["vv-dropdown__item",{"focus-visible":r(m)||r(v)}]}),[i(e.$slots,"default")],16))}});const F=["title"],G=/* @__PURE__ */l({name:"VvDropdownOption",props:z,setup(e){const t=e,{modifiers:o}=c(t),l=function(e,t,o){return u(()=>{const l={[e]:!0},n="string"==typeof t?.value?t.value.split(" "):t?.value;return n&&Array.isArray(n)&&n.forEach(t=>{t&&(l[`${e}--${t}`]=!0)}),o&&Object.keys(o.value).forEach(t=>{l[`${e}--${t}`]=r(o.value[t])}),l})}("vv-dropdown-option",o,u(()=>({disabled:t.disabled,selected:t.selected,unselectable:t.unselectable&&t.selected}))),n=u(()=>t.selected?t.unselectable?t.deselectHintLabel:t.selectedHintLabel:t.disabled?"":t.selectHintLabel);return(e,t)=>(a(),b(C,{class:f(r(l)),tabindex:e.disabled?-1:0,"aria-selected":e.selected,"aria-disabled":e.disabled,"focus-on-hover":e.focusOnHover},{default:p(()=>[i(e.$slots,"default"),m("span",{class:"vv-dropdown-option__hint",title:r(n)},[i(e.$slots,"hint",v(y({disabled:e.disabled,selected:e.selected,unselectable:e.unselectable})),()=>[x(H(r(n)),1)])],8,F)]),_:3},8,["class","tabindex","aria-selected","aria-disabled","focus-on-hover"]))}});export{G as default};

package/dist/components/VvIcon/VvIcon.es.js

@@ -1,143 +1 @@
-import { inject, computed, defineComponent, mergeDefaults, ref, toRefs, createBlock, createCommentVNode, unref, openBlock, mergeProps } from "vue";
-import { iconLoaded, Icon, addIcon } from "@iconify/vue";
-const VvIconPropsDefaults = {
-  prefix: "normal"
-  /* normal */
-};
-const INJECTION_KEY_VOLVER = Symbol.for("volver");
-function useVolver() {
-  return inject(INJECTION_KEY_VOLVER, void 0);
-}
-function useModifiers(prefix, modifiers, others) {
-  return computed(() => {
-    const toReturn = {
-      [prefix]: true
-    };
-    const modifiersArray = typeof modifiers?.value === "string" ? modifiers.value.split(" ") : modifiers?.value;
-    if (modifiersArray) {
-      if (Array.isArray(modifiersArray)) {
-        modifiersArray.forEach((modifier) => {
-          if (modifier) {
-            toReturn[`${prefix}--${modifier}`] = true;
-          }
-        });
-      }
-    }
-    return toReturn;
-  });
-}
-const __default__ = {
-  name: "VvIcon"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: /* @__PURE__ */ mergeDefaults({
-    name: {},
-    color: {},
-    width: {},
-    height: {},
-    provider: {},
-    prefix: {},
-    src: {},
-    horizontalFlip: { type: Boolean },
-    verticalFlip: { type: Boolean },
-    flip: {},
-    mode: {},
-    inline: { type: Boolean },
-    rotate: {},
-    onLoad: { type: Function },
-    svg: {},
-    modifiers: {}
-  }, VvIconPropsDefaults),
-  setup(__props) {
-    const props = __props;
-    const hasRotate = computed(() => {
-      if (typeof props.rotate === "string") {
-        return Number.parseFloat(props.rotate);
-      }
-      return props.rotate;
-    });
-    const show = ref(true);
-    const volver = useVolver();
-    const { modifiers } = toRefs(props);
-    const bemCssClasses = useModifiers("vv-icon", modifiers);
-    const provider = computed(() => {
-      return props.provider || volver?.iconsProvider;
-    });
-    const icon = computed(() => {
-      const name = props.name ?? "";
-      const iconName = `@${provider.value}:${props.prefix}:${name}`;
-      if (iconLoaded(iconName)) {
-        return iconName;
-      }
-      const iconsCollection = volver?.iconsCollections.find(
-        (iconsCollection2) => {
-          const icon2 = `@${provider.value}:${iconsCollection2.prefix}:${name}`;
-          return iconLoaded(icon2);
-        }
-      );
-      if (iconsCollection) {
-        return `@${provider.value}:${iconsCollection.prefix}:${name}`;
-      }
-      return name;
-    });
-    function getSvgContent(svg) {
-      let dom;
-      if (typeof window === "undefined") {
-        const { JSDOM } = require("jsdom");
-        dom = new JSDOM().window;
-      }
-      const domParser = dom ? new dom.DOMParser() : new window.DOMParser();
-      const svgDomString = domParser.parseFromString(svg, "text/html");
-      const svgEl = svgDomString.querySelector("svg");
-      return svgEl;
-    }
-    function addIconFromSvg(svg) {
-      const svgContentEl = getSvgContent(svg);
-      const svgContent = svgContentEl?.innerHTML.trim() || "";
-      if (svgContentEl && svgContent) {
-        addIcon(`@${provider.value}:${props.prefix}:${props.name}`, {
-          body: svgContent,
-          // Set height and width from svg content
-          height: svgContentEl.viewBox.baseVal.height,
-          width: svgContentEl.viewBox.baseVal.width
-        });
-      }
-    }
-    if (volver) {
-      if (props.src && !iconLoaded(`@${provider.value}:${props.prefix}:${props.name}`)) {
-        show.value = false;
-        volver.fetchIcon(props.src).then((svg) => {
-          if (svg) {
-            addIconFromSvg(svg);
-            show.value = true;
-          }
-        }).catch((e) => {
-          throw new Error(`Error during fetch icon: ${e?.message}`);
-        });
-      }
-    }
-    if (props.svg) {
-      addIconFromSvg(props.svg);
-    }
-    return (_ctx, _cache) => {
-      return unref(show) ? (openBlock(), createBlock(unref(Icon), mergeProps({
-        key: 0,
-        class: unref(bemCssClasses)
-      }, {
-        inline: _ctx.inline,
-        width: _ctx.width,
-        height: _ctx.height,
-        horizontalFlip: _ctx.horizontalFlip,
-        verticalFlip: _ctx.verticalFlip,
-        flip: _ctx.flip,
-        rotate: unref(hasRotate),
-        color: _ctx.color,
-        icon: unref(icon)
-      }, { onLoad: _ctx.onLoad }), null, 16, ["class", "onLoad"])) : createCommentVNode("v-if", true);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};
+import{inject as e,computed as o,defineComponent as r,mergeDefaults as i,ref as t,toRefs as n,createBlock as a,createCommentVNode as l,unref as s,openBlock as c,mergeProps as p}from"vue";import{iconLoaded as f,Icon as u,addIcon as v}from"@iconify/vue";const d={prefix:"normal"},h=Symbol.for("volver");const m=/* @__PURE__ */r({name:"VvIcon",props:/* @__PURE__ */i({name:{},color:{},width:{},height:{},provider:{},prefix:{},src:{},horizontalFlip:{type:Boolean},verticalFlip:{type:Boolean},flip:{},mode:{},inline:{type:Boolean},rotate:{},onLoad:{type:Function},svg:{},modifiers:{}},d),setup(r){const i=r,d=o(()=>"string"==typeof i.rotate?Number.parseFloat(i.rotate):i.rotate),m=t(!0),w=e(h,void 0),{modifiers:$}=n(i),g=function(e,r){return o(()=>{const o={[e]:!0},i="string"==typeof r?.value?r.value.split(" "):r?.value;return i&&Array.isArray(i)&&i.forEach(r=>{r&&(o[`${e}--${r}`]=!0)}),o})}("vv-icon",$),y=o(()=>i.provider||w?.iconsProvider),x=o(()=>{const e=i.name??"",o=`@${y.value}:${i.prefix}:${e}`;if(f(o))return o;const r=w?.iconsCollections.find(o=>{const r=`@${y.value}:${o.prefix}:${e}`;return f(r)});return r?`@${y.value}:${r.prefix}:${e}`:e});function F(e){const o=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=o?.innerHTML.trim()||"";o&&r&&v(`@${y.value}:${i.prefix}:${i.name}`,{body:r,height:o.viewBox.baseVal.height,width:o.viewBox.baseVal.width})}return w&&i.src&&!f(`@${y.value}:${i.prefix}:${i.name}`)&&(m.value=!1,w.fetchIcon(i.src).then(e=>{e&&(F(e),m.value=!0)}).catch(e=>{throw new Error(`Error during fetch icon: ${e?.message}`)})),i.svg&&F(i.svg),(e,o)=>s(m)?(c(),a(s(u),p({key:0,class:s(g)},{inline:r.inline,width:r.width,height:r.height,horizontalFlip:r.horizontalFlip,verticalFlip:r.verticalFlip,flip:r.flip,rotate:s(d),color:r.color,icon:s(x)},{onLoad:r.onLoad}),null,16,["class","onLoad"])):l("v-if",!0)}});export{m as default};

package/dist/components/VvIcon/VvIcon.umd.js

@@ -1 +1 @@
-!function(e,o){"object"==typeof exports&&"undefined"!=typeof module?module.exports=o(require("vue"),require("@iconify/vue")):"function"==typeof define&&define.amd?define(["vue","@iconify/vue"],o):(e="undefined"!=typeof globalThis?globalThis:e||self).VvIcon=o(e.vue,e.vue$1)}(this,function(e,o){"use strict";const n={prefix:"normal"},r=Symbol.for("volver");return 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(n){const i=n,t=e.computed(()=>"string"==typeof i.rotate?Number.parseFloat(i.rotate):i.rotate),a=e.ref(!0),l=e.inject(r,void 0),{modifiers:c}=e.toRefs(i),u=function(o,n){return e.computed(()=>{const e={[o]:!0},r="string"==typeof n?.value?n.value.split(" "):n?.value;return r&&Array.isArray(r)&&r.forEach(n=>{n&&(e[`${o}--${n}`]=!0)}),e})}("vv-icon",c),f=e.computed(()=>i.provider||l?.iconsProvider),s=e.computed(()=>{const e=i.name??"",n=`@${f.value}:${i.prefix}:${e}`;if(o.iconLoaded(n))return n;const r=l?.iconsCollections.find(n=>{const r=`@${f.value}:${n.prefix}:${e}`;return o.iconLoaded(r)});return r?`@${f.value}:${r.prefix}:${e}`:e});function d(e){const n=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=n?.innerHTML.trim()||"";n&&r&&o.addIcon(`@${f.value}:${i.prefix}:${i.name}`,{body:r,height:n.viewBox.baseVal.height,width:n.viewBox.baseVal.width})}return l&&i.src&&!o.iconLoaded(`@${f.value}:${i.prefix}:${i.name}`)&&(a.value=!1,l.fetchIcon(i.src).then(e=>{e&&(d(e),a.value=!0)}).catch(e=>{throw new Error(`Error during fetch icon: ${e?.message}`)})),i.svg&&d(i.svg),(n,r)=>e.unref(a)?(e.openBlock(),e.createBlock(e.unref(o.Icon),e.mergeProps({key:0,class:e.unref(u)},{inline:n.inline,width:n.width,height:n.height,horizontalFlip:n.horizontalFlip,verticalFlip:n.verticalFlip,flip:n.flip,rotate:e.unref(t),color:n.color,icon:e.unref(s)},{onLoad:n.onLoad}),null,16,["class","onLoad"])):e.createCommentVNode("v-if",!0)}})});
+!function(e,o){"object"==typeof exports&&"undefined"!=typeof module?module.exports=o(require("vue"),require("@iconify/vue")):"function"==typeof define&&define.amd?define(["vue","@iconify/vue"],o):(e="undefined"!=typeof globalThis?globalThis:e||self).VvIcon=o(e.vue,e.vue$1)}(this,function(e,o){"use strict";const n={prefix:"normal"},r=Symbol.for("volver");return 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(n){const i=n,t=e.computed(()=>"string"==typeof i.rotate?Number.parseFloat(i.rotate):i.rotate),a=e.ref(!0),l=e.inject(r,void 0),{modifiers:c}=e.toRefs(i),u=function(o,n){return e.computed(()=>{const e={[o]:!0},r="string"==typeof n?.value?n.value.split(" "):n?.value;return r&&Array.isArray(r)&&r.forEach(n=>{n&&(e[`${o}--${n}`]=!0)}),e})}("vv-icon",c),f=e.computed(()=>i.provider||l?.iconsProvider),s=e.computed(()=>{const e=i.name??"",n=`@${f.value}:${i.prefix}:${e}`;if(o.iconLoaded(n))return n;const r=l?.iconsCollections.find(n=>{const r=`@${f.value}:${n.prefix}:${e}`;return o.iconLoaded(r)});return r?`@${f.value}:${r.prefix}:${e}`:e});function d(e){const n=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=n?.innerHTML.trim()||"";n&&r&&o.addIcon(`@${f.value}:${i.prefix}:${i.name}`,{body:r,height:n.viewBox.baseVal.height,width:n.viewBox.baseVal.width})}return l&&i.src&&!o.iconLoaded(`@${f.value}:${i.prefix}:${i.name}`)&&(a.value=!1,l.fetchIcon(i.src).then(e=>{e&&(d(e),a.value=!0)}).catch(e=>{throw new Error(`Error during fetch icon: ${e?.message}`)})),i.svg&&d(i.svg),(r,i)=>e.unref(a)?(e.openBlock(),e.createBlock(e.unref(o.Icon),e.mergeProps({key:0,class:e.unref(u)},{inline:n.inline,width:n.width,height:n.height,horizontalFlip:n.horizontalFlip,verticalFlip:n.verticalFlip,flip:n.flip,rotate:e.unref(t),color:n.color,icon:e.unref(s)},{onLoad:n.onLoad}),null,16,["class","onLoad"])):e.createCommentVNode("v-if",!0)}})});

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

@@ -1,5 +1,6 @@
 import type { VvIconProps } from '.';
-declare const _default: import("vue").DefineComponent<VvIconProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<VvIconProps> & Readonly<{}>, {
+declare const __VLS_export: import("vue").DefineComponent<VvIconProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<VvIconProps> & Readonly<{}>, {
     prefix: import(".").IconPrefix | string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;