@volverjs/ui-vue 0.0.1-beta.12 → 0.0.1-beta.16

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

@@ -1,22 +1,7 @@
-import { computed as p, unref as u, defineComponent as k, ref as C, toRefs as b, inject as B, openBlock as h, createBlock as D, mergeProps as w, createCommentVNode as A, Transition as I, toHandlers as j, withCtx as q, withDirectives as x, createElementVNode as m, createElementBlock as $, renderSlot as S, createTextVNode as F, toDisplayString as V, withModifiers as N, createVNode as P, vShow as L } from "vue";
-import { useVModel as M, onClickOutside as T } from "@vueuse/core";
-import { iconExists as _, Icon as z, addIcon as R } from "@iconify/vue";
-const y = {
-  normal: "",
-  small: "small",
-  fullscreen: "fullscreen"
-}, Z = ["open", "close", "update:open"], H = {
-  id: { type: String, required: !0 },
-  title: String,
-  open: Boolean,
-  transition: { type: String, default: "fade-block" },
-  size: {
-    type: String,
-    default: y.normal,
-    validator: (e) => Object.values(y).includes(e)
-  },
-  autoClose: { type: Boolean, default: !0 }
-}, W = "ds", G = {
+import { computed as f, unref as a, defineComponent as V, ref as S, toRefs as B, inject as A, openBlock as h, createBlock as k, mergeProps as w, createCommentVNode as y, Transition as N, toHandlers as P, withCtx as E, withDirectives as I, createElementVNode as g, createElementBlock as C, renderSlot as $, createTextVNode as M, toDisplayString as O, withModifiers as z, createVNode as F, vShow as q } from "vue";
+import { useVModel as x, onClickOutside as L } from "@vueuse/core";
+import { iconExists as m, Icon as T, addIcon as Z } from "@iconify/vue";
+const j = "ds", H = {
   color: String,
   width: {
     type: [String, Number]
@@ -47,263 +32,156 @@ const y = {
   modifiers: {
     type: [String, Array]
   }
-}, O = {
-  equals(e, t, r) {
-    return r ? this.resolveFieldData(e, r) === this.resolveFieldData(t, r) : this.deepEquals(e, t);
-  },
-  deepEquals(e, t) {
-    if (e === t)
-      return !0;
-    if (e && t && typeof e == "object" && typeof t == "object") {
-      const r = Array.isArray(e), o = Array.isArray(t);
-      let n, l, a;
-      if (r && o) {
-        if (l = e.length, l != t.length)
-          return !1;
-        for (n = l; n-- !== 0; )
-          if (!this.deepEquals(e[n], t[n]))
-            return !1;
-        return !0;
-      }
-      if (r != o)
-        return !1;
-      const c = e instanceof Date, d = t instanceof Date;
-      if (c != d)
-        return !1;
-      if (c && d)
-        return e.getTime() == t.getTime();
-      const f = e instanceof RegExp, i = t instanceof RegExp;
-      if (f != i)
-        return !1;
-      if (f && i)
-        return e.toString() == t.toString();
-      const s = Object.keys(e);
-      if (l = s.length, l !== Object.keys(t).length)
-        return !1;
-      for (n = l; n-- !== 0; )
-        if (!Object.prototype.hasOwnProperty.call(t, s[n]))
-          return !1;
-      for (n = l; n-- !== 0; )
-        if (a = s[n], !this.deepEquals(e[a], t[a]))
-          return !1;
-      return !0;
-    }
-    return e !== e && t !== t;
-  },
-  resolveFieldData(e, t) {
-    if (e && Object.keys(e).length && t) {
-      if (t.indexOf(".") === -1)
-        return e[t];
-      {
-        const r = t.split(".");
-        let o = e;
-        for (let n = 0, l = r.length; n < l; ++n) {
-          if (e == null)
-            return null;
-          o = o[r[n]];
-        }
-        return o;
-      }
-    } else
-      return null;
-  },
-  isFunction(e) {
-    return !!(e && e.constructor && e.call && e.apply);
-  },
-  findIndexInList(e, t) {
-    let r = -1;
-    if (t) {
-      for (let o = 0; o < t.length; o++)
-        if (this.equals(t[o], e)) {
-          r = o;
-          break;
-        }
-    }
-    return r;
-  },
-  contains(e, t) {
-    if (e != null && t && t.length) {
-      for (const r of t)
-        if (this.equals(e, r))
-          return !0;
-    }
-    return !1;
-  },
-  isEmpty(e) {
-    return e == null || e === "" || Array.isArray(e) && e.length === 0 || !(e instanceof Date) && typeof e == "object" && Object.keys(e).length === 0;
-  },
-  isNotEmpty(e) {
-    return !this.isEmpty(e);
-  },
-  pickBy(e, t) {
-    return Object.fromEntries(
-      Object.entries(e).filter(([r]) => t(r))
-    );
-  },
-  removeFromList(e, t) {
-    const r = this.findIndexInList(e, t);
-    return r > -1 ? t.filter((o, n) => n !== r) : t;
-  },
-  isString(e) {
-    return typeof e == "string" || e instanceof String;
-  },
-  propsToObject(e) {
-    return Object.keys(e).reduce((t, r) => {
-      var o, n, l, a, c;
-      return this.isFunction(e[r]) ? t[r] = e[r]() : Array.isArray(e[r]) ? t[r] = e[r][0]() : (o = e[r]) != null && o.type && (Array.isArray(e[r].type) ? t[r] = ((n = e[r]) == null ? void 0 : n.default) || ((l = e[r]) == null ? void 0 : l.type[0]()) : t[r] = ((a = e[r]) == null ? void 0 : a.default) || ((c = e[r]) == null ? void 0 : c.type())), t;
-    }, {});
-  },
-  filterArray(e, t, r) {
-    return e.filter((o) => t.some((n) => typeof n == "string" ? o[r] == n : this.equals(
-      o[r],
-      n[r]
-    )));
-  },
-  kebabCase(e) {
-    var t, r;
-    if (e)
-      return (r = (t = e.match(
-        /[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g
-      )) == null ? void 0 : t.join("-")) == null ? void 0 : r.toLowerCase();
-  }
 };
-function J(e, t) {
-  const r = { [`${e}`]: !0 };
+function b(i) {
+  var o, n;
+  if (i)
+    return (n = (o = i.match(
+      /[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g
+    )) == null ? void 0 : o.join("-")) == null ? void 0 : n.toLowerCase();
+}
+function R(i, o) {
+  const n = { [`${i}`]: !0 };
   return {
-    bemCssClasses: p(() => Object.keys(t).reduce((n, l) => {
-      const a = u(t[l]) || !1;
-      if (!a)
-        return n;
+    bemCssClasses: f(() => Object.keys(o).reduce((r, l) => {
+      const s = a(o[l]) || !1;
+      if (!s)
+        return r;
       if (l === "modifiers") {
-        const c = Array.isArray(a) ? a : [a];
+        const p = Array.isArray(s) ? s : s.split(" ");
         return {
-          ...n,
-          ...c.reduce(
-            (d, f) => ({
-              ...d,
-              [`${e}--${O.kebabCase(
-                f
-              )}`]: !0
+          ...r,
+          ...p.reduce(
+            (v, u) => ({
+              ...v,
+              [`${i}--${b(u)}`]: !0
             }),
             {}
           )
         };
       } else
         return {
-          ...n,
-          [`${e}--${O.kebabCase(l)}`]: a
+          ...r,
+          [`${i}--${b(l)}`]: s
         };
-    }, r) || {})
+    }, n) || {})
   };
 }
-const U = /* @__PURE__ */ k({
-  __name: "VvIcon",
-  props: G,
-  setup(e) {
-    const t = e, r = C(!0), { modifiers: o } = b(t), n = B(W), { bemCssClasses: l } = J("vv-icon", {
-      modifiers: o
-    }), a = p(() => t.provider || (n == null ? void 0 : n.provider)), c = p(() => {
-      const i = t.name || "", s = `@${a.value}:${t.prefix}:${t.name}`;
-      return _(i) ? i : _(s) ? s : (n == null ? void 0 : n.iconsCollections.find((g) => {
-        const v = `@${a.value}:${g.prefix}:${i}`;
-        if (_(v))
-          return v;
-      })) || i;
+const W = {
+  name: "VvIcon"
+}, J = /* @__PURE__ */ V({
+  ...W,
+  props: H,
+  setup(i) {
+    const o = i, n = S(!0), { modifiers: c } = B(o), r = A(j), { bemCssClasses: l } = R("vv-icon", {
+      modifiers: c
+    }), s = f(() => o.provider || (r == null ? void 0 : r.provider)), p = f(() => {
+      const t = o.name || "", e = `@${s.value}:${o.prefix}:${o.name}`;
+      return m(t) ? t : m(e) ? e : (r == null ? void 0 : r.iconsCollections.find((d) => {
+        const _ = `@${s.value}:${d.prefix}:${t}`;
+        if (m(_))
+          return _;
+      })) || t;
     });
-    function d(i) {
-      let s = null;
+    function v(t) {
+      let e = null;
       if (typeof window > "u") {
-        const { JSDOM: E } = require("jsdom");
-        s = new E().window;
+        const { JSDOM: D } = require("jsdom");
+        e = new D().window;
       }
-      return (s ? new s.DOMParser() : new window.DOMParser()).parseFromString(i, "text/html").querySelector("svg");
+      return (e ? new e.DOMParser() : new window.DOMParser()).parseFromString(t, "text/html").querySelector("svg");
     }
-    function f(i) {
-      const s = d(i), g = (s == null ? void 0 : s.innerHTML.trim()) || "";
-      s && g && R(`@${a.value}:${t.prefix}:${t.name}`, {
-        body: g,
-        height: s.viewBox.baseVal.height,
-        width: s.viewBox.baseVal.width
+    function u(t) {
+      const e = v(t), d = (e == null ? void 0 : e.innerHTML.trim()) || "";
+      e && d && Z(`@${s.value}:${o.prefix}:${o.name}`, {
+        body: d,
+        height: e.viewBox.baseVal.height,
+        width: e.viewBox.baseVal.width
       });
     }
-    return n && (t.src ? (r.value = !1, n.fetchIcon(t.src).then((i) => {
-      i && (f(i), r.value = !0);
-    }).catch((i) => {
-      throw new Error(`During fetch icon: ${i == null ? void 0 : i.message}`);
-    })) : t.svg && f(t.svg)), (i, s) => r.value ? (h(), D(u(z), w({
+    return r && (o.src && !m(`@${s.value}:${o.prefix}:${o.name}`) ? (n.value = !1, r.fetchIcon(o.src).then((t) => {
+      t && (u(t), n.value = !0);
+    }).catch((t) => {
+      throw new Error(`During fetch icon: ${t == null ? void 0 : t.message}`);
+    })) : o.svg && u(o.svg)), (t, e) => n.value ? (h(), k(a(T), w({
       key: 0,
-      class: u(l)
+      class: a(l)
     }, {
-      ...i.$props,
-      provider: u(a),
-      icon: u(c)
-    }), null, 16, ["class"])) : A("", !0);
+      ...t.$props,
+      provider: a(s),
+      icon: a(p)
+    }), null, 16, ["class"])) : y("", !0);
   }
-}), X = {
+}), X = ["open", "close", "update:modelValue"], G = {
+  id: { type: String, required: !0 },
+  title: String,
+  modelValue: Boolean,
+  transition: { type: String, default: "fade-block" },
+  size: String,
+  autoClose: { type: Boolean, default: !0 }
+}, K = {
   key: 0,
   class: "vv-dialog__header"
-}, K = ["onClick"], Q = { class: "vv-dialog__content" }, Y = {
+}, Q = ["onClick"], U = { class: "vv-dialog__content" }, Y = {
   key: 1,
   class: "vv-dialog__footer"
-}, se = /* @__PURE__ */ k({
-  __name: "VvDialog",
-  props: H,
-  emits: Z,
-  setup(e, { emit: t }) {
-    const r = e, o = M(r, "open", t), n = C(!0), l = C(null), a = p(() => {
-      const { id: s } = r;
+}, ee = {
+  name: "VvDialog"
+}, se = /* @__PURE__ */ V({
+  ...ee,
+  props: G,
+  emits: X,
+  setup(i, { emit: o }) {
+    const n = i, c = x(n, "modelValue", o), r = S(!0), l = S(null), s = f(() => {
+      const { id: e } = n;
       return {
-        id: s,
-        open: n.value
+        id: e,
+        open: r.value
       };
-    }), c = p(() => ({
-      "vv-dialog": !0,
-      "vv-dialog--small": r.size === y.small,
-      "vv-dialog--fullscreen": r.size === y.fullscreen
-    })), d = p(() => `vv-dialog--${r.transition}`), f = {
-      "after-enter": () => {
-        n.value = !0, t("open");
+    }), p = f(() => n.size ? ["vv-dialog", `vv-dialog--${n.size}`] : "vv-dialog"), v = f(() => `vv-dialog--${n.transition}`), u = {
+      "before-enter": () => {
+        r.value = !0, o("open");
       },
       "after-leave": () => {
-        n.value = !1, t("close");
+        r.value = !1, o("close");
       }
     };
-    T(l, () => {
-      r.autoClose && (o.value = !1);
+    L(l, () => {
+      n.autoClose && (c.value = !1);
     });
-    function i() {
-      o.value = !1;
+    function t() {
+      c.value = !1;
     }
-    return (s, g) => (h(), D(I, w({ name: u(d) }, j(f)), {
-      default: q(() => [
-        x(m("dialog", w(u(a), { class: u(c) }), [
-          m("article", {
+    return (e, d) => (h(), k(N, w({ name: a(v) }, P(u)), {
+      default: E(() => [
+        I(g("dialog", w(a(s), { class: a(p) }), [
+          g("article", {
             ref_key: "modalWrapper",
             ref: l,
             class: "vv-dialog__wrapper"
           }, [
-            s.$slots.header || s.title ? (h(), $("header", X, [
-              S(s.$slots, "header", {}, () => [
-                F(V(s.title) + " ", 1),
-                m("button", {
+            e.$slots.header || e.title ? (h(), C("header", K, [
+              $(e.$slots, "header", {}, () => [
+                M(O(e.title) + " ", 1),
+                g("button", {
                   type: "button",
                   "aria-label": "Close",
                   class: "vv-dialog__close",
-                  onClick: N(i, ["prevent"])
+                  onClick: z(t, ["prevent"])
                 }, [
-                  P(U, { name: "close" })
-                ], 8, K)
+                  F(J, { name: "close" })
+                ], 8, Q)
               ])
-            ])) : A("", !0),
-            m("div", Q, [
-              S(s.$slots, "default")
+            ])) : y("", !0),
+            g("div", U, [
+              $(e.$slots, "default")
             ]),
-            s.$slots.footer ? (h(), $("footer", Y, [
-              S(s.$slots, "footer")
-            ])) : A("", !0)
+            e.$slots.footer ? (h(), C("footer", Y, [
+              $(e.$slots, "footer")
+            ])) : y("", !0)
           ], 512)
         ], 16), [
-          [L, u(o)]
+          [q, a(c)]
         ])
       ]),
       _: 3

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

@@ -1 +1 @@
-(function(r,m){typeof exports=="object"&&typeof module<"u"?module.exports=m(require("vue"),require("@vueuse/core"),require("@iconify/vue")):typeof define=="function"&&define.amd?define(["vue","@vueuse/core","@iconify/vue"],m):(r=typeof globalThis<"u"?globalThis:r||self,r.VvDialog=m(r.vue,r.core,r.vue$1))})(this,function(r,m,g){"use strict";const h={normal:"",small:"small",fullscreen:"fullscreen"},_=["open","close","update:open"],C={id:{type:String,required:!0},title:String,open:Boolean,transition:{type:String,default:"fade-block"},size:{type:String,default:h.normal,validator:e=>Object.values(h).includes(e)},autoClose:{type:Boolean,default:!0}},E="ds",k={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]}},S={equals(e,t,n){return n?this.resolveFieldData(e,n)===this.resolveFieldData(t,n):this.deepEquals(e,t)},deepEquals(e,t){if(e===t)return!0;if(e&&t&&typeof e=="object"&&typeof t=="object"){const n=Array.isArray(e),i=Array.isArray(t);let o,c,a;if(n&&i){if(c=e.length,c!=t.length)return!1;for(o=c;o--!==0;)if(!this.deepEquals(e[o],t[o]))return!1;return!0}if(n!=i)return!1;const f=e instanceof Date,u=t instanceof Date;if(f!=u)return!1;if(f&&u)return e.getTime()==t.getTime();const d=e instanceof RegExp,l=t instanceof RegExp;if(d!=l)return!1;if(d&&l)return e.toString()==t.toString();const s=Object.keys(e);if(c=s.length,c!==Object.keys(t).length)return!1;for(o=c;o--!==0;)if(!Object.prototype.hasOwnProperty.call(t,s[o]))return!1;for(o=c;o--!==0;)if(a=s[o],!this.deepEquals(e[a],t[a]))return!1;return!0}return e!==e&&t!==t},resolveFieldData(e,t){if(e&&Object.keys(e).length&&t){if(t.indexOf(".")===-1)return e[t];{const n=t.split(".");let i=e;for(let o=0,c=n.length;o<c;++o){if(e==null)return null;i=i[n[o]]}return i}}else return null},isFunction(e){return!!(e&&e.constructor&&e.call&&e.apply)},findIndexInList(e,t){let n=-1;if(t){for(let i=0;i<t.length;i++)if(this.equals(t[i],e)){n=i;break}}return n},contains(e,t){if(e!=null&&t&&t.length){for(const n of t)if(this.equals(e,n))return!0}return!1},isEmpty(e){return e==null||e===""||Array.isArray(e)&&e.length===0||!(e instanceof Date)&&typeof e=="object"&&Object.keys(e).length===0},isNotEmpty(e){return!this.isEmpty(e)},pickBy(e,t){return Object.fromEntries(Object.entries(e).filter(([n])=>t(n)))},removeFromList(e,t){const n=this.findIndexInList(e,t);return n>-1?t.filter((i,o)=>o!==n):t},isString(e){return typeof e=="string"||e instanceof String},propsToObject(e){return Object.keys(e).reduce((t,n)=>{var i,o,c,a,f;return this.isFunction(e[n])?t[n]=e[n]():Array.isArray(e[n])?t[n]=e[n][0]():(i=e[n])!=null&&i.type&&(Array.isArray(e[n].type)?t[n]=((o=e[n])==null?void 0:o.default)||((c=e[n])==null?void 0:c.type[0]()):t[n]=((a=e[n])==null?void 0:a.default)||((f=e[n])==null?void 0:f.type())),t},{})},filterArray(e,t,n){return e.filter(i=>t.some(o=>typeof o=="string"?i[n]==o:this.equals(i[n],o[n])))},kebabCase(e){var t,n;if(e)return(n=(t=e.match(/[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g))==null?void 0:t.join("-"))==null?void 0:n.toLowerCase()}};function w(e,t){const n={[`${e}`]:!0};return{bemCssClasses:r.computed(()=>Object.keys(t).reduce((o,c)=>{const a=r.unref(t[c])||!1;if(!a)return o;if(c==="modifiers"){const f=Array.isArray(a)?a:[a];return{...o,...f.reduce((u,d)=>({...u,[`${e}--${S.kebabCase(d)}`]:!0}),{})}}else return{...o,[`${e}--${S.kebabCase(c)}`]:a}},n)||{})}}const A=r.defineComponent({__name:"VvIcon",props:k,setup(e){const t=e,n=r.ref(!0),{modifiers:i}=r.toRefs(t),o=r.inject(E),{bemCssClasses:c}=w("vv-icon",{modifiers:i}),a=r.computed(()=>t.provider||(o==null?void 0:o.provider)),f=r.computed(()=>{const l=t.name||"",s=`@${a.value}:${t.prefix}:${t.name}`;return g.iconExists(l)?l:g.iconExists(s)?s:(o==null?void 0:o.iconsCollections.find(p=>{const y=`@${a.value}:${p.prefix}:${l}`;if(g.iconExists(y))return y}))||l});function u(l){let s=null;if(typeof window>"u"){const{JSDOM:V}=require("jsdom");s=new V().window}return(s?new s.DOMParser:new window.DOMParser).parseFromString(l,"text/html").querySelector("svg")}function d(l){const s=u(l),p=(s==null?void 0:s.innerHTML.trim())||"";s&&p&&g.addIcon(`@${a.value}:${t.prefix}:${t.name}`,{body:p,height:s.viewBox.baseVal.height,width:s.viewBox.baseVal.width})}return o&&(t.src?(n.value=!1,o.fetchIcon(t.src).then(l=>{l&&(d(l),n.value=!0)}).catch(l=>{throw new Error(`During fetch icon: ${l==null?void 0:l.message}`)})):t.svg&&d(t.svg)),(l,s)=>n.value?(r.openBlock(),r.createBlock(r.unref(g.Icon),r.mergeProps({key:0,class:r.unref(c)},{...l.$props,provider:r.unref(a),icon:r.unref(f)}),null,16,["class"])):r.createCommentVNode("",!0)}}),D={key:0,class:"vv-dialog__header"},O=["onClick"],B={class:"vv-dialog__content"},$={key:1,class:"vv-dialog__footer"};return r.defineComponent({__name:"VvDialog",props:C,emits:_,setup(e,{emit:t}){const n=e,i=m.useVModel(n,"open",t),o=r.ref(!0),c=r.ref(null),a=r.computed(()=>{const{id:s}=n;return{id:s,open:o.value}}),f=r.computed(()=>({"vv-dialog":!0,"vv-dialog--small":n.size===h.small,"vv-dialog--fullscreen":n.size===h.fullscreen})),u=r.computed(()=>`vv-dialog--${n.transition}`),d={"after-enter":()=>{o.value=!0,t("open")},"after-leave":()=>{o.value=!1,t("close")}};m.onClickOutside(c,()=>{n.autoClose&&(i.value=!1)});function l(){i.value=!1}return(s,p)=>(r.openBlock(),r.createBlock(r.Transition,r.mergeProps({name:r.unref(u)},r.toHandlers(d)),{default:r.withCtx(()=>[r.withDirectives(r.createElementVNode("dialog",r.mergeProps(r.unref(a),{class:r.unref(f)}),[r.createElementVNode("article",{ref_key:"modalWrapper",ref:c,class:"vv-dialog__wrapper"},[s.$slots.header||s.title?(r.openBlock(),r.createElementBlock("header",D,[r.renderSlot(s.$slots,"header",{},()=>[r.createTextVNode(r.toDisplayString(s.title)+" ",1),r.createElementVNode("button",{type:"button","aria-label":"Close",class:"vv-dialog__close",onClick:r.withModifiers(l,["prevent"])},[r.createVNode(A,{name:"close"})],8,O)])])):r.createCommentVNode("",!0),r.createElementVNode("div",B,[r.renderSlot(s.$slots,"default")]),s.$slots.footer?(r.openBlock(),r.createElementBlock("footer",$,[r.renderSlot(s.$slots,"footer")])):r.createCommentVNode("",!0)],512)],16),[[r.vShow,r.unref(i)]])]),_:3},16,["name"]))}})});
+(function(e,c){typeof exports=="object"&&typeof module<"u"?module.exports=c(require("vue"),require("@vueuse/core"),require("@iconify/vue")):typeof define=="function"&&define.amd?define(["vue","@vueuse/core","@iconify/vue"],c):(e=typeof globalThis<"u"?globalThis:e||self,e.VvDialog=c(e.vue,e.core,e.vue$1))})(this,function(e,c,d){"use strict";const S="ds",y={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]}};function _(a){var t,s;if(a)return(s=(t=a.match(/[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g))==null?void 0:t.join("-"))==null?void 0:s.toLowerCase()}function C(a,t){const s={[`${a}`]:!0};return{bemCssClasses:e.computed(()=>Object.keys(t).reduce((r,l)=>{const i=e.unref(t[l])||!1;if(!i)return r;if(l==="modifiers"){const u=Array.isArray(i)?i:i.split(" ");return{...r,...u.reduce((g,p)=>({...g,[`${a}--${_(p)}`]:!0}),{})}}else return{...r,[`${a}--${_(l)}`]:i}},s)||{})}}const $={name:"VvIcon"},w=e.defineComponent({...$,props:y,setup(a){const t=a,s=e.ref(!0),{modifiers:f}=e.toRefs(t),r=e.inject(S),{bemCssClasses:l}=C("vv-icon",{modifiers:f}),i=e.computed(()=>t.provider||(r==null?void 0:r.provider)),u=e.computed(()=>{const n=t.name||"",o=`@${i.value}:${t.prefix}:${t.name}`;return d.iconExists(n)?n:d.iconExists(o)?o:(r==null?void 0:r.iconsCollections.find(m=>{const h=`@${i.value}:${m.prefix}:${n}`;if(d.iconExists(h))return h}))||n});function g(n){let o=null;if(typeof window>"u"){const{JSDOM:v}=require("jsdom");o=new v().window}return(o?new o.DOMParser:new window.DOMParser).parseFromString(n,"text/html").querySelector("svg")}function p(n){const o=g(n),m=(o==null?void 0:o.innerHTML.trim())||"";o&&m&&d.addIcon(`@${i.value}:${t.prefix}:${t.name}`,{body:m,height:o.viewBox.baseVal.height,width:o.viewBox.baseVal.width})}return r&&(t.src&&!d.iconExists(`@${i.value}:${t.prefix}:${t.name}`)?(s.value=!1,r.fetchIcon(t.src).then(n=>{n&&(p(n),s.value=!0)}).catch(n=>{throw new Error(`During fetch icon: ${n==null?void 0:n.message}`)})):t.svg&&p(t.svg)),(n,o)=>s.value?(e.openBlock(),e.createBlock(e.unref(d.Icon),e.mergeProps({key:0,class:e.unref(l)},{...n.$props,provider:e.unref(i),icon:e.unref(u)}),null,16,["class"])):e.createCommentVNode("",!0)}}),V=["open","close","update:modelValue"],k={id:{type:String,required:!0},title:String,modelValue:Boolean,transition:{type:String,default:"fade-block"},size:String,autoClose:{type:Boolean,default:!0}},b={key:0,class:"vv-dialog__header"},B=["onClick"],E={class:"vv-dialog__content"},D={key:1,class:"vv-dialog__footer"},N={name:"VvDialog"};return e.defineComponent({...N,props:k,emits:V,setup(a,{emit:t}){const s=a,f=c.useVModel(s,"modelValue",t),r=e.ref(!0),l=e.ref(null),i=e.computed(()=>{const{id:o}=s;return{id:o,open:r.value}}),u=e.computed(()=>s.size?["vv-dialog",`vv-dialog--${s.size}`]:"vv-dialog"),g=e.computed(()=>`vv-dialog--${s.transition}`),p={"before-enter":()=>{r.value=!0,t("open")},"after-leave":()=>{r.value=!1,t("close")}};c.onClickOutside(l,()=>{s.autoClose&&(f.value=!1)});function n(){f.value=!1}return(o,m)=>(e.openBlock(),e.createBlock(e.Transition,e.mergeProps({name:e.unref(g)},e.toHandlers(p)),{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("dialog",e.mergeProps(e.unref(i),{class:e.unref(u)}),[e.createElementVNode("article",{ref_key:"modalWrapper",ref:l,class:"vv-dialog__wrapper"},[o.$slots.header||o.title?(e.openBlock(),e.createElementBlock("header",b,[e.renderSlot(o.$slots,"header",{},()=>[e.createTextVNode(e.toDisplayString(o.title)+" ",1),e.createElementVNode("button",{type:"button","aria-label":"Close",class:"vv-dialog__close",onClick:e.withModifiers(n,["prevent"])},[e.createVNode(w,{name:"close"})],8,B)])])):e.createCommentVNode("",!0),e.createElementVNode("div",E,[e.renderSlot(o.$slots,"default")]),o.$slots.footer?(e.openBlock(),e.createElementBlock("footer",D,[e.renderSlot(o.$slots,"footer")])):e.createCommentVNode("",!0)],512)],16),[[e.vShow,e.unref(f)]])]),_:3},16,["name"]))}})});

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

@@ -1,153 +1,49 @@
-declare const _default: {
-    new (...args: any[]): {
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: Partial<{
-            open: boolean;
-            transition: string;
-            size: string;
-            autoClose: boolean;
-        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-            id: {
-                type: StringConstructor;
-                required: boolean;
-            };
-            title: StringConstructor;
-            open: BooleanConstructor;
-            transition: {
-                type: StringConstructor;
-                default: string;
-            };
-            size: {
-                type: StringConstructor;
-                default: string;
-                validator: (value: string) => boolean;
-            };
-            autoClose: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-        }>> & {
-            [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "open" | "transition" | "size" | "autoClose">;
-        $attrs: {
-            [x: string]: unknown;
-        };
-        $refs: {
-            [x: string]: unknown;
-        };
-        $slots: Readonly<{
-            [name: string]: import("vue").Slot | undefined;
-        }>;
-        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-        $emit: (event: string, ...args: any[]) => void;
-        $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            id: {
-                type: StringConstructor;
-                required: boolean;
-            };
-            title: StringConstructor;
-            open: BooleanConstructor;
-            transition: {
-                type: StringConstructor;
-                default: string;
-            };
-            size: {
-                type: StringConstructor;
-                default: string;
-                validator: (value: string) => boolean;
-            };
-            autoClose: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-        }>> & {
-            [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, {
-            open: boolean;
-            transition: string;
-            size: string;
-            autoClose: boolean;
-        }, {}, string> & {
-            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
-            created?: ((() => void) | (() => void)[]) | undefined;
-            beforeMount?: ((() => void) | (() => void)[]) | undefined;
-            mounted?: ((() => void) | (() => void)[]) | undefined;
-            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
-            updated?: ((() => void) | (() => void)[]) | undefined;
-            activated?: ((() => void) | (() => void)[]) | undefined;
-            deactivated?: ((() => void) | (() => void)[]) | undefined;
-            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
-            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
-            destroyed?: ((() => void) | (() => void)[]) | undefined;
-            unmounted?: ((() => void) | (() => void)[]) | undefined;
-            renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-            renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-            errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void)[]) | undefined;
-        };
-        $forceUpdate: () => void;
-        $nextTick: typeof import("vue").nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
-    } & Readonly<import("vue").ExtractPropTypes<{
-        id: {
-            type: StringConstructor;
-            required: boolean;
-        };
-        title: StringConstructor;
-        open: BooleanConstructor;
-        transition: {
-            type: StringConstructor;
-            default: string;
-        };
-        size: {
-            type: StringConstructor;
-            default: string;
-            validator: (value: string) => boolean;
-        };
-        autoClose: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-    }>> & {
-        [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     id: {
         type: StringConstructor;
         required: boolean;
     };
     title: StringConstructor;
-    open: BooleanConstructor;
+    modelValue: BooleanConstructor;
     transition: {
         type: StringConstructor;
         default: string;
     };
-    size: {
+    size: StringConstructor;
+    autoClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    id: {
+        type: StringConstructor;
+        required: boolean;
+    };
+    title: StringConstructor;
+    modelValue: BooleanConstructor;
+    transition: {
         type: StringConstructor;
         default: string;
-        validator: (value: string) => boolean;
     };
+    size: StringConstructor;
     autoClose: {
         type: BooleanConstructor;
         default: boolean;
     };
 }>> & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, {
-    open: boolean;
+}, {
+    modelValue: boolean;
     transition: string;
-    size: string;
     autoClose: boolean;
-}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-    $slots: {
-        header: (_: {}) => any;
-        default: (_: {}) => any;
-        footer: (_: {}) => any;
-    };
-});
+}>, {
+    header: (_: {}) => any;
+    default: (_: {}) => any;
+    footer: (_: {}) => any;
+}>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/VvDialog/{VvDialog.d.ts → index.d.ts}

@@ -5,16 +5,12 @@ export declare const VvDialogProps: {
         required: boolean;
     };
     title: StringConstructor;
-    open: BooleanConstructor;
+    modelValue: BooleanConstructor;
     transition: {
         type: StringConstructor;
         default: string;
     };
-    size: {
-        type: StringConstructor;
-        default: string;
-        validator: (value: string) => boolean;
-    };
+    size: StringConstructor;
     autoClose: {
         type: BooleanConstructor;
         default: boolean;