@volverjs/ui-vue 0.0.1-beta.8 → 0.0.2

package/dist/components/VvDialog/vv-dialog.es.js

@@ -1,315 +0,0 @@
-import { computed as p, unref as u, defineComponent as D, ref as C, toRefs as E, inject as B, openBlock as h, createBlock as O, mergeProps as w, createCommentVNode as A, Transition as j, toHandlers as I, withCtx as q, withDirectives as x, createElementVNode as m, createElementBlock as $, renderSlot as S, createTextVNode as F, toDisplayString as N, withModifiers as V, createVNode as P, vShow as M } from "vue";
-import { useVModel as T, onClickOutside as L } from "@vueuse/core";
-import { iconExists as _, Icon as z, addIcon as Z } from "@iconify/vue";
-const y = {
-  normal: "",
-  small: "small",
-  fullscreen: "fullscreen"
-}, R = ["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 = {
-  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]
-  }
-}, k = {
-  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 G(e, t) {
-  const r = { [`${e}`]: !0 };
-  return {
-    bemCssClasses: p(() => Object.keys(t).reduce((n, l) => {
-      const a = u(t[l]) || !1;
-      if (!a)
-        return n;
-      if (l === "modifiers") {
-        const c = Array.isArray(a) ? a : [a];
-        return {
-          ...n,
-          ...c.reduce(
-            (d, f) => ({
-              ...d,
-              [`${e}--${k.kebabCase(
-                f
-              )}`]: !0
-            }),
-            {}
-          )
-        };
-      } else
-        return {
-          ...n,
-          [`${e}--${k.kebabCase(l)}`]: a
-        };
-    }, r) || {})
-  };
-}
-const J = /* @__PURE__ */ D({
-  __name: "VvIcon",
-  props: W,
-  setup(e) {
-    const t = e, r = C(!0), { modifiers: o } = E(t), n = B("ds"), { bemCssClasses: l } = G("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;
-    });
-    function d(i) {
-      let s = null;
-      if (typeof window > "u") {
-        const { JSDOM: b } = require("jsdom");
-        s = new b().window;
-      }
-      return (s ? new s.DOMParser() : new window.DOMParser()).parseFromString(i, "text/html").querySelector("svg");
-    }
-    function f(i) {
-      const s = d(i), g = (s == null ? void 0 : s.innerHTML.trim()) || "";
-      s && g && Z(`@${a.value}:${t.prefix}:${t.name}`, {
-        body: g,
-        height: s.viewBox.baseVal.height,
-        width: s.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(), O(u(z), w({
-      key: 0,
-      class: u(l)
-    }, {
-      ...i.$props,
-      provider: u(a),
-      icon: u(c)
-    }), null, 16, ["class"])) : A("", !0);
-  }
-}), U = {
-  key: 0,
-  class: "vv-dialog__header"
-}, K = ["onClick"], Q = { class: "vv-dialog__content" }, X = {
-  key: 1,
-  class: "vv-dialog__footer"
-}, ne = /* @__PURE__ */ D({
-  __name: "VvDialog",
-  props: H,
-  emits: R,
-  setup(e, { emit: t }) {
-    const r = e, o = T(r, "open", t), n = C(!0), l = C(null), a = p(() => {
-      const { id: s } = r;
-      return {
-        id: s,
-        open: n.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");
-      },
-      "after-leave": () => {
-        n.value = !1, t("close");
-      }
-    };
-    L(l, () => {
-      r.autoClose && (o.value = !1);
-    });
-    function i() {
-      o.value = !1;
-    }
-    return (s, g) => (h(), O(j, w({ name: u(d) }, I(f)), {
-      default: q(() => [
-        x(m("dialog", w(u(a), { class: u(c) }), [
-          m("article", {
-            ref_key: "modalWrapper",
-            ref: l,
-            class: "vv-dialog__wrapper"
-          }, [
-            s.$slots.header || s.title ? (h(), $("header", U, [
-              S(s.$slots, "header", {}, () => [
-                F(N(s.title) + " ", 1),
-                m("button", {
-                  type: "button",
-                  "aria-label": "Close",
-                  class: "vv-dialog__close",
-                  onClick: V(i, ["prevent"])
-                }, [
-                  P(J, { name: "close" })
-                ], 8, K)
-              ])
-            ])) : A("", !0),
-            m("div", Q, [
-              S(s.$slots, "default")
-            ]),
-            s.$slots.footer ? (h(), $("footer", X, [
-              S(s.$slots, "footer")
-            ])) : A("", !0)
-          ], 512)
-        ], 16), [
-          [M, u(o)]
-        ])
-      ]),
-      _: 3
-    }, 16, ["name"]));
-  }
-});
-export {
-  ne as default
-};

package/dist/components/VvDialog/vv-dialog.umd.js

@@ -1 +0,0 @@
-(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}},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("ds"),{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:$}=require("jsdom");s=new $().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)}}),E={key:0,class:"vv-dialog__header"},D=["onClick"],B={class:"vv-dialog__content"},O={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",E,[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,D)])])):r.createCommentVNode("",!0),r.createElementVNode("div",B,[r.renderSlot(s.$slots,"default")]),s.$slots.footer?(r.openBlock(),r.createElementBlock("footer",O,[r.renderSlot(s.$slots,"footer")])):r.createCommentVNode("",!0)],512)],16),[[r.vShow,r.unref(i)]])]),_:3},16,["name"]))}})});

package/dist/components/VvDropdown/VvDropdown.d.ts

@@ -1,52 +0,0 @@
-import type { PropType } from 'vue';
-export interface Option {
-    [key: string]: any;
-}
-export declare const VvDropdownProps: {
-    /**
-     * modelValue can be an Object, a String or an Array of Object/String
-     */
-    modelValue: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
-    /**
-     * Label of "no results" options
-     */
-    labelNoResult: {
-        type: StringConstructor;
-        default: string;
-    };
-    /**
-     * Select options, can be string[] or object[]
-     */
-    options: {
-        type: PropType<(string | Option)[]>;
-        required: boolean;
-    };
-    /**
-     * Use objects as modelValue (object or object[])
-     */
-    useObject: BooleanConstructor;
-    /**
-     * Manage modelValue as string[] or object[]
-     */
-    multiple: BooleanConstructor;
-    /**
-     * The max number of selected values
-     */
-    maxValues: (StringConstructor | NumberConstructor)[];
-    /**
-     * Used when options are objects: key to use for option label
-     */
-    labelKey: {
-        type: StringConstructor;
-        default: string;
-    };
-    /**
-     * Used when options are objects: key to use for option label
-     */
-    valueKey: {
-        type: StringConstructor;
-        default: string;
-    };
-    modifiers: (StringConstructor | ArrayConstructor)[];
-    disabled: BooleanConstructor;
-};

package/dist/components/VvDropdown/vv-dropdown.es.js

@@ -1,236 +0,0 @@
-import { computed as C, unref as g, defineComponent as E, toRefs as S, openBlock as b, createElementBlock as A, normalizeClass as q, createElementVNode as O, toDisplayString as k, createCommentVNode as x, Fragment as B, renderList as D, createTextVNode as _ } from "vue";
-import { v4 as $ } from "uuid";
-const f = {
-  equals(e, r, t) {
-    return t ? this.resolveFieldData(e, t) === this.resolveFieldData(r, t) : this.deepEquals(e, r);
-  },
-  deepEquals(e, r) {
-    if (e === r)
-      return !0;
-    if (e && r && typeof e == "object" && typeof r == "object") {
-      const t = Array.isArray(e), l = Array.isArray(r);
-      let n, i, o;
-      if (t && l) {
-        if (i = e.length, i != r.length)
-          return !1;
-        for (n = i; n-- !== 0; )
-          if (!this.deepEquals(e[n], r[n]))
-            return !1;
-        return !0;
-      }
-      if (t != l)
-        return !1;
-      const a = e instanceof Date, c = r instanceof Date;
-      if (a != c)
-        return !1;
-      if (a && c)
-        return e.getTime() == r.getTime();
-      const d = e instanceof RegExp, h = r instanceof RegExp;
-      if (d != h)
-        return !1;
-      if (d && h)
-        return e.toString() == r.toString();
-      const s = Object.keys(e);
-      if (i = s.length, i !== Object.keys(r).length)
-        return !1;
-      for (n = i; n-- !== 0; )
-        if (!Object.prototype.hasOwnProperty.call(r, s[n]))
-          return !1;
-      for (n = i; n-- !== 0; )
-        if (o = s[n], !this.deepEquals(e[o], r[o]))
-          return !1;
-      return !0;
-    }
-    return e !== e && r !== r;
-  },
-  resolveFieldData(e, r) {
-    if (e && Object.keys(e).length && r) {
-      if (r.indexOf(".") === -1)
-        return e[r];
-      {
-        const t = r.split(".");
-        let l = e;
-        for (let n = 0, i = t.length; n < i; ++n) {
-          if (e == null)
-            return null;
-          l = l[t[n]];
-        }
-        return l;
-      }
-    } else
-      return null;
-  },
-  isFunction(e) {
-    return !!(e && e.constructor && e.call && e.apply);
-  },
-  findIndexInList(e, r) {
-    let t = -1;
-    if (r) {
-      for (let l = 0; l < r.length; l++)
-        if (this.equals(r[l], e)) {
-          t = l;
-          break;
-        }
-    }
-    return t;
-  },
-  contains(e, r) {
-    if (e != null && r && r.length) {
-      for (const t of r)
-        if (this.equals(e, t))
-          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, r) {
-    return Object.fromEntries(
-      Object.entries(e).filter(([t]) => r(t))
-    );
-  },
-  removeFromList(e, r) {
-    const t = this.findIndexInList(e, r);
-    return t > -1 ? r.filter((l, n) => n !== t) : r;
-  },
-  isString(e) {
-    return typeof e == "string" || e instanceof String;
-  },
-  propsToObject(e) {
-    return Object.keys(e).reduce((r, t) => {
-      var l, n, i, o, a;
-      return this.isFunction(e[t]) ? r[t] = e[t]() : Array.isArray(e[t]) ? r[t] = e[t][0]() : (l = e[t]) != null && l.type && (Array.isArray(e[t].type) ? r[t] = ((n = e[t]) == null ? void 0 : n.default) || ((i = e[t]) == null ? void 0 : i.type[0]()) : r[t] = ((o = e[t]) == null ? void 0 : o.default) || ((a = e[t]) == null ? void 0 : a.type())), r;
-    }, {});
-  },
-  filterArray(e, r, t) {
-    return e.filter((l) => r.some((n) => typeof n == "string" ? l[t] == n : this.equals(
-      l[t],
-      n[t]
-    )));
-  },
-  kebabCase(e) {
-    var r, t;
-    if (e)
-      return (t = (r = 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 : r.join("-")) == null ? void 0 : t.toLowerCase();
-  }
-};
-function w(e, r) {
-  const t = { [`${e}`]: !0 };
-  return {
-    bemCssClasses: C(() => Object.keys(r).reduce((n, i) => {
-      const o = g(r[i]) || !1;
-      if (!o)
-        return n;
-      if (i === "modifiers") {
-        const a = Array.isArray(o) ? o : [o];
-        return {
-          ...n,
-          ...a.reduce(
-            (c, d) => ({
-              ...c,
-              [`${e}--${f.kebabCase(
-                d
-              )}`]: !0
-            }),
-            {}
-          )
-        };
-      } else
-        return {
-          ...n,
-          [`${e}--${f.kebabCase(i)}`]: o
-        };
-    }, t) || {})
-  };
-}
-const F = {
-  disabled: Boolean
-}, N = {
-  modifiers: [String, Array]
-}, L = {
-  ...F,
-  ...N,
-  modelValue: [String, Array, Object],
-  labelNoResult: { type: String, default: "No results" },
-  options: {
-    type: Array,
-    required: !0
-  },
-  useObject: Boolean,
-  multiple: Boolean,
-  maxValues: [Number, String],
-  labelKey: { type: String, default: "label" },
-  valueKey: { type: String, default: "value" }
-}, R = { key: 0 }, I = ["for"], K = ["id", "type", "value", "checked", "disabled"], Z = /* @__PURE__ */ E({
-  __name: "VvDropdown",
-  props: L,
-  emits: ["update:modelValue"],
-  setup(e, { emit: r }) {
-    const t = e, l = $(), { modifiers: n, disabled: i } = S(t), { bemCssClasses: o } = w("vv-dropdown", {
-      modifiers: n,
-      disabled: i
-    });
-    function a(s) {
-      return Array.isArray(t.modelValue) ? f.contains(s, t.modelValue) || f.contains(c(s), t.modelValue) : f.equals(s, t.modelValue) || f.equals(c(s), t.modelValue);
-    }
-    function c(s) {
-      return typeof s == "string" ? s : String(s[t.valueKey]);
-    }
-    function d(s) {
-      return typeof s == "string" ? s : s[t.labelKey];
-    }
-    function h(s) {
-      var m, p;
-      const V = s.target;
-      let u = V.value;
-      if (u = (t.useObject ? (m = t.options) == null ? void 0 : m.find(
-        (j) => j[t.valueKey] == u
-      ) : null) || u, t.multiple) {
-        if (typeof t.maxValues < "u" && t.maxValues >= 0 && ((p = t.modelValue) == null ? void 0 : p.length) >= t.maxValues && (Array.isArray(t.modelValue) && !f.contains(u, t.modelValue) || t.maxValues == 0)) {
-          V.checked = !1;
-          return;
-        }
-        Array.isArray(t.modelValue) ? u = f.contains(u, t.modelValue) ? f.removeFromList(u, t.modelValue) : [...t.modelValue, u] : u = [u];
-      }
-      r("update:modelValue", u);
-    }
-    return (s, V) => {
-      var u;
-      return b(), A("ul", {
-        class: q(g(o)),
-        role: "listbox"
-      }, [
-        (u = s.options) != null && u.length ? x("", !0) : (b(), A("li", R, [
-          O("label", null, k(s.labelNoResult), 1)
-        ])),
-        (b(!0), A(B, null, D(s.options, (y, m) => {
-          var p;
-          return b(), A("li", { key: m }, [
-            O("label", {
-              for: `dropdown-${m}-${g(l)}`
-            }, [
-              O("input", {
-                id: `dropdown-${m}-${g(l)}`,
-                type: s.multiple ? "checkbox" : "radio",
-                value: c(y),
-                checked: a(y),
-                disabled: typeof y == "object" ? (p = y.disabled) != null ? p : g(i) : g(i),
-                onInput: h
-              }, null, 40, K),
-              _(" " + k(d(y)), 1)
-            ], 8, I)
-          ]);
-        }), 128))
-      ], 2);
-    };
-  }
-});
-export {
-  Z as default
-};

package/dist/components/VvDropdown/vv-dropdown.umd.js

@@ -1 +0,0 @@
-(function(n,g){typeof exports=="object"&&typeof module<"u"?module.exports=g(require("vue"),require("uuid")):typeof define=="function"&&define.amd?define(["vue","uuid"],g):(n=typeof globalThis<"u"?globalThis:n||self,n.VvDropdown=g(n.vue,n.uuid))})(this,function(n,g){"use strict";const f={equals(e,r,t){return t?this.resolveFieldData(e,t)===this.resolveFieldData(r,t):this.deepEquals(e,r)},deepEquals(e,r){if(e===r)return!0;if(e&&r&&typeof e=="object"&&typeof r=="object"){const t=Array.isArray(e),i=Array.isArray(r);let s,o,a;if(t&&i){if(o=e.length,o!=r.length)return!1;for(s=o;s--!==0;)if(!this.deepEquals(e[s],r[s]))return!1;return!0}if(t!=i)return!1;const c=e instanceof Date,d=r instanceof Date;if(c!=d)return!1;if(c&&d)return e.getTime()==r.getTime();const y=e instanceof RegExp,b=r instanceof RegExp;if(y!=b)return!1;if(y&&b)return e.toString()==r.toString();const l=Object.keys(e);if(o=l.length,o!==Object.keys(r).length)return!1;for(s=o;s--!==0;)if(!Object.prototype.hasOwnProperty.call(r,l[s]))return!1;for(s=o;s--!==0;)if(a=l[s],!this.deepEquals(e[a],r[a]))return!1;return!0}return e!==e&&r!==r},resolveFieldData(e,r){if(e&&Object.keys(e).length&&r){if(r.indexOf(".")===-1)return e[r];{const t=r.split(".");let i=e;for(let s=0,o=t.length;s<o;++s){if(e==null)return null;i=i[t[s]]}return i}}else return null},isFunction(e){return!!(e&&e.constructor&&e.call&&e.apply)},findIndexInList(e,r){let t=-1;if(r){for(let i=0;i<r.length;i++)if(this.equals(r[i],e)){t=i;break}}return t},contains(e,r){if(e!=null&&r&&r.length){for(const t of r)if(this.equals(e,t))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,r){return Object.fromEntries(Object.entries(e).filter(([t])=>r(t)))},removeFromList(e,r){const t=this.findIndexInList(e,r);return t>-1?r.filter((i,s)=>s!==t):r},isString(e){return typeof e=="string"||e instanceof String},propsToObject(e){return Object.keys(e).reduce((r,t)=>{var i,s,o,a,c;return this.isFunction(e[t])?r[t]=e[t]():Array.isArray(e[t])?r[t]=e[t][0]():(i=e[t])!=null&&i.type&&(Array.isArray(e[t].type)?r[t]=((s=e[t])==null?void 0:s.default)||((o=e[t])==null?void 0:o.type[0]()):r[t]=((a=e[t])==null?void 0:a.default)||((c=e[t])==null?void 0:c.type())),r},{})},filterArray(e,r,t){return e.filter(i=>r.some(s=>typeof s=="string"?i[t]==s:this.equals(i[t],s[t])))},kebabCase(e){var r,t;if(e)return(t=(r=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:r.join("-"))==null?void 0:t.toLowerCase()}};function V(e,r){const t={[`${e}`]:!0};return{bemCssClasses:n.computed(()=>Object.keys(r).reduce((s,o)=>{const a=n.unref(r[o])||!1;if(!a)return s;if(o==="modifiers"){const c=Array.isArray(a)?a:[a];return{...s,...c.reduce((d,y)=>({...d,[`${e}--${f.kebabCase(y)}`]:!0}),{})}}else return{...s,[`${e}--${f.kebabCase(o)}`]:a}},t)||{})}}const k={...{disabled:Boolean},...{modifiers:[String,Array]},modelValue:[String,Array,Object],labelNoResult:{type:String,default:"No results"},options:{type:Array,required:!0},useObject:Boolean,multiple:Boolean,maxValues:[Number,String],labelKey:{type:String,default:"label"},valueKey:{type:String,default:"value"}},E={key:0},O=["for"],j=["id","type","value","checked","disabled"];return n.defineComponent({__name:"VvDropdown",props:k,emits:["update:modelValue"],setup(e,{emit:r}){const t=e,i=g.v4(),{modifiers:s,disabled:o}=n.toRefs(t),{bemCssClasses:a}=V("vv-dropdown",{modifiers:s,disabled:o});function c(l){return Array.isArray(t.modelValue)?f.contains(l,t.modelValue)||f.contains(d(l),t.modelValue):f.equals(l,t.modelValue)||f.equals(d(l),t.modelValue)}function d(l){return typeof l=="string"?l:String(l[t.valueKey])}function y(l){return typeof l=="string"?l:l[t.labelKey]}function b(l){var p,h;const A=l.target;let u=A.value;if(u=(t.useObject?(p=t.options)==null?void 0:p.find(B=>B[t.valueKey]==u):null)||u,t.multiple){if(typeof t.maxValues<"u"&&t.maxValues>=0&&((h=t.modelValue)==null?void 0:h.length)>=t.maxValues&&(Array.isArray(t.modelValue)&&!f.contains(u,t.modelValue)||t.maxValues==0)){A.checked=!1;return}Array.isArray(t.modelValue)?u=f.contains(u,t.modelValue)?f.removeFromList(u,t.modelValue):[...t.modelValue,u]:u=[u]}r("update:modelValue",u)}return(l,A)=>{var u;return n.openBlock(),n.createElementBlock("ul",{class:n.normalizeClass(n.unref(a)),role:"listbox"},[(u=l.options)!=null&&u.length?n.createCommentVNode("",!0):(n.openBlock(),n.createElementBlock("li",E,[n.createElementVNode("label",null,n.toDisplayString(l.labelNoResult),1)])),(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(l.options,(m,p)=>{var h;return n.openBlock(),n.createElementBlock("li",{key:p},[n.createElementVNode("label",{for:`dropdown-${p}-${n.unref(i)}`},[n.createElementVNode("input",{id:`dropdown-${p}-${n.unref(i)}`,type:l.multiple?"checkbox":"radio",value:d(m),checked:c(m),disabled:typeof m=="object"&&(h=m.disabled)!=null?h:n.unref(o),onInput:b},null,40,j),n.createTextVNode(" "+n.toDisplayString(y(m)),1)],8,O)])}),128))],2)}}})});