@volverjs/ui-vue 0.0.3 → 0.0.4

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

@@ -1,6 +1,6 @@
-import { defineComponent as v, unref as s, openBlock as w, createBlock as S, mergeProps as $, createCommentVNode as y } from "vue";
-import { iconExists as a, Icon as F, addIcon as B } from "@iconify/vue";
-const b = {
+import { inject as S, computed as g, unref as l, defineComponent as w, ref as $, toRefs as y, openBlock as b, createBlock as F, mergeProps as B, createCommentVNode as E } from "vue";
+import { iconExists as p, Icon as I, addIcon as V } from "@iconify/vue";
+const C = {
   /**
    * Color
    */
@@ -93,46 +93,62 @@ const b = {
   modifiers: {
     type: [String, Array]
   }
-}, C = {
+}, N = Symbol.for("volver");
+function D() {
+  return S(N);
+}
+function O(a, n, o) {
+  return g(() => {
+    const t = {
+      [a]: !0
+    }, s = typeof (n == null ? void 0 : n.value) == "string" ? n.value.split(" ") : n == null ? void 0 : n.value;
+    return s && Array.isArray(s) && s.forEach((i) => {
+      t[`${a}--${i}`] = !0;
+    }), o && Object.keys(o.value).forEach((i) => {
+      t[`${a}--${i}`] = l(o.value[i]);
+    }), t;
+  });
+}
+const P = {
   name: "VvIcon"
-}, V = /* @__PURE__ */ v({
-  ...C,
-  props: b,
-  setup(u) {
-    const o = u, c = ref(!0), r = useVolver(), { modifiers: d } = toRefs(o), f = useBemModifiers("vv-icon", d), i = computed(() => o.provider || (r == null ? void 0 : r.provider)), m = computed(() => {
-      const e = o.name ?? "", n = `@${i.value}:${o.prefix}:${o.name}`;
-      return a(e) ? e : a(n) ? n : (r == null ? void 0 : r.iconsCollections.find(
-        (t) => {
-          const l = `@${i.value}:${t.prefix}:${e}`;
-          if (a(l))
-            return l;
+}, k = /* @__PURE__ */ w({
+  ...P,
+  props: C,
+  setup(a) {
+    const n = a, o = $(!0), t = D(), { modifiers: s } = y(n), i = O("vv-icon", s), u = g(() => n.provider || (t == null ? void 0 : t.provider)), m = g(() => {
+      const e = n.name ?? "", r = `@${u.value}:${n.prefix}:${n.name}`;
+      return p(e) ? e : p(r) ? r : (t == null ? void 0 : t.iconsCollections.find(
+        (c) => {
+          const f = `@${u.value}:${c.prefix}:${e}`;
+          if (p(f))
+            return f;
         }
       )) || e;
     });
-    function g(e) {
-      let n = null;
+    function d(e) {
+      let r = null;
       if (typeof window > "u") {
         const { JSDOM: h } = require("jsdom");
-        n = new h().window;
+        r = new h().window;
       }
-      return (n ? new n.DOMParser() : new window.DOMParser()).parseFromString(e, "text/html").querySelector("svg");
+      return (r ? new r.DOMParser() : new window.DOMParser()).parseFromString(e, "text/html").querySelector("svg");
     }
-    function p(e) {
-      const n = g(e), t = (n == null ? void 0 : n.innerHTML.trim()) || "";
-      n && t && B(`@${i.value}:${o.prefix}:${o.name}`, {
-        body: t,
+    function v(e) {
+      const r = d(e), c = (r == null ? void 0 : r.innerHTML.trim()) || "";
+      r && c && V(`@${u.value}:${n.prefix}:${n.name}`, {
+        body: c,
         // Set height and width from svg content
-        height: n.viewBox.baseVal.height,
-        width: n.viewBox.baseVal.width
+        height: r.viewBox.baseVal.height,
+        width: r.viewBox.baseVal.width
       });
     }
-    return r && (o.src && !a(`@${i.value}:${o.prefix}:${o.name}`) ? (c.value = !1, r.fetchIcon(o.src).then((e) => {
-      e && (p(e), c.value = !0);
+    return t && (n.src && !p(`@${u.value}:${n.prefix}:${n.name}`) ? (o.value = !1, t.fetchIcon(n.src).then((e) => {
+      e && (v(e), o.value = !0);
     }).catch((e) => {
       throw new Error(`During fetch icon: ${e == null ? void 0 : e.message}`);
-    })) : o.svg && p(o.svg)), (e, n) => s(c) ? (w(), S(s(F), $({
+    })) : n.svg && v(n.svg)), (e, r) => l(o) ? (b(), F(l(I), B({
       key: 0,
-      class: s(f)
+      class: l(i)
     }, {
       inline: e.inline,
       width: e.width,
@@ -143,10 +159,10 @@ const b = {
       rotate: e.rotate,
       color: e.color,
       onLoad: e.onLoad,
-      icon: s(m)
-    }), null, 16, ["class"])) : y("", !0);
+      icon: l(m)
+    }), null, 16, ["class"])) : E("", !0);
   }
 });
 export {
-  V as default
+  k as default
 };

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

@@ -1 +1 @@
-(function(n,r){typeof exports=="object"&&typeof module<"u"?module.exports=r(require("vue"),require("@iconify/vue")):typeof define=="function"&&define.amd?define(["vue","@iconify/vue"],r):(n=typeof globalThis<"u"?globalThis:n||self,n.VvIcon=r(n.vue,n.vue$1))})(this,function(n,r){"use strict";const d={color:String,width:{type:[String,Number]},height:{type:[String,Number]},name:{type:String,required:!0},provider:{type:String},prefix:{type:String,default:"normal"},src:String,horizontalFlip:Boolean,verticalFlip:Boolean,flip:String,mode:String,inline:Boolean,rotate:[Number,String],onLoad:Function,svg:String,modifiers:{type:[String,Array]}},u={name:"VvIcon"};return n.defineComponent({...u,props:d,setup(p){const o=p,a=ref(!0),t=useVolver(),{modifiers:m}=toRefs(o),g=useBemModifiers("vv-icon",m),c=computed(()=>o.provider||(t==null?void 0:t.provider)),h=computed(()=>{const e=o.name??"",i=`@${c.value}:${o.prefix}:${o.name}`;return r.iconExists(e)?e:r.iconExists(i)?i:(t==null?void 0:t.iconsCollections.find(s=>{const f=`@${c.value}:${s.prefix}:${e}`;if(r.iconExists(f))return f}))||e});function w(e){let i=null;if(typeof window>"u"){const{JSDOM:S}=require("jsdom");i=new S().window}return(i?new i.DOMParser:new window.DOMParser).parseFromString(e,"text/html").querySelector("svg")}function l(e){const i=w(e),s=(i==null?void 0:i.innerHTML.trim())||"";i&&s&&r.addIcon(`@${c.value}:${o.prefix}:${o.name}`,{body:s,height:i.viewBox.baseVal.height,width:i.viewBox.baseVal.width})}return t&&(o.src&&!r.iconExists(`@${c.value}:${o.prefix}:${o.name}`)?(a.value=!1,t.fetchIcon(o.src).then(e=>{e&&(l(e),a.value=!0)}).catch(e=>{throw new Error(`During fetch icon: ${e==null?void 0:e.message}`)})):o.svg&&l(o.svg)),(e,i)=>n.unref(a)?(n.openBlock(),n.createBlock(n.unref(r.Icon),n.mergeProps({key:0,class:n.unref(g)},{inline:e.inline,width:e.width,height:e.height,horizontalFlip:e.horizontalFlip,verticalFlip:e.verticalFlip,flip:e.flip,rotate:e.rotate,color:e.color,onLoad:e.onLoad,icon:n.unref(h)}),null,16,["class"])):n.createCommentVNode("",!0)}})});
+(function(e,i){typeof exports=="object"&&typeof module<"u"?module.exports=i(require("vue"),require("@iconify/vue")):typeof define=="function"&&define.amd?define(["vue","@iconify/vue"],i):(e=typeof globalThis<"u"?globalThis:e||self,e.VvIcon=i(e.vue,e.vue$1))})(this,function(e,i){"use strict";const g={color:String,width:{type:[String,Number]},height:{type:[String,Number]},name:{type:String,required:!0},provider:{type:String},prefix:{type:String,default:"normal"},src:String,horizontalFlip:Boolean,verticalFlip:Boolean,flip:String,mode:String,inline:Boolean,rotate:[Number,String],onLoad:Function,svg:String,modifiers:{type:[String,Array]}},m=Symbol.for("volver");function h(){return e.inject(m)}function y(a,t,s){return e.computed(()=>{const r={[a]:!0},l=typeof(t==null?void 0:t.value)=="string"?t.value.split(" "):t==null?void 0:t.value;return l&&Array.isArray(l)&&l.forEach(c=>{r[`${a}--${c}`]=!0}),s&&Object.keys(s.value).forEach(c=>{r[`${a}--${c}`]=e.unref(s.value[c])}),r})}const S={name:"VvIcon"};return e.defineComponent({...S,props:g,setup(a){const t=a,s=e.ref(!0),r=h(),{modifiers:l}=e.toRefs(t),c=y("vv-icon",l),f=e.computed(()=>t.provider||(r==null?void 0:r.provider)),w=e.computed(()=>{const n=t.name??"",o=`@${f.value}:${t.prefix}:${t.name}`;return i.iconExists(n)?n:i.iconExists(o)?o:(r==null?void 0:r.iconsCollections.find(u=>{const p=`@${f.value}:${u.prefix}:${n}`;if(i.iconExists(p))return p}))||n});function v(n){let o=null;if(typeof window>"u"){const{JSDOM:$}=require("jsdom");o=new $().window}return(o?new o.DOMParser:new window.DOMParser).parseFromString(n,"text/html").querySelector("svg")}function d(n){const o=v(n),u=(o==null?void 0:o.innerHTML.trim())||"";o&&u&&i.addIcon(`@${f.value}:${t.prefix}:${t.name}`,{body:u,height:o.viewBox.baseVal.height,width:o.viewBox.baseVal.width})}return r&&(t.src&&!i.iconExists(`@${f.value}:${t.prefix}:${t.name}`)?(s.value=!1,r.fetchIcon(t.src).then(n=>{n&&(d(n),s.value=!0)}).catch(n=>{throw new Error(`During fetch icon: ${n==null?void 0:n.message}`)})):t.svg&&d(t.svg)),(n,o)=>e.unref(s)?(e.openBlock(),e.createBlock(e.unref(i.Icon),e.mergeProps({key:0,class:e.unref(c)},{inline:n.inline,width:n.width,height:n.height,horizontalFlip:n.horizontalFlip,verticalFlip:n.verticalFlip,flip:n.flip,rotate:n.rotate,color:n.color,onLoad:n.onLoad,icon:e.unref(w)}),null,16,["class"])):e.createCommentVNode("",!0)}})});