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

package/dist/components/VvDropdown/VvDropdown.es.js

@@ -1,162 +1,132 @@
-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)
+import { computed as S, unref as h, defineComponent as $, toRefs as w, openBlock as g, createElementBlock as V, normalizeClass as D, createElementVNode as k, toDisplayString as O, createCommentVNode as N, Fragment as E, renderList as R, createTextVNode as K } from "vue";
+import { nanoid as L } from "nanoid";
+function A(t, r, e) {
+  return e ? j(t, e) === j(r, e) : C(t, r);
+}
+function C(t, r) {
+  if (t === r)
+    return !0;
+  if (t && r && typeof t == "object" && typeof r == "object") {
+    const e = Array.isArray(t), s = Array.isArray(r);
+    let l, o, a;
+    if (e && s) {
+      if (o = t.length, o != 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]))
+      for (l = o; l-- !== 0; )
+        if (!C(t[l], r[l]))
           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;
+    if (e != s)
+      return !1;
+    const f = t instanceof Date, i = r instanceof Date;
+    if (f != i)
+      return !1;
+    if (f && i)
+      return t.getTime() == r.getTime();
+    const d = t instanceof RegExp, p = r instanceof RegExp;
+    if (d != p)
+      return !1;
+    if (d && p)
+      return t.toString() == r.toString();
+    const y = Object.keys(t);
+    if (o = y.length, o !== Object.keys(r).length)
+      return !1;
+    for (l = o; l-- !== 0; )
+      if (!Object.prototype.hasOwnProperty.call(r, y[l]))
+        return !1;
+    for (l = o; l-- !== 0; )
+      if (a = y[l], !C(t[a], r[a]))
+        return !1;
+    return !0;
+  }
+  return t !== t && r !== r;
+}
+function j(t, r) {
+  if (t && Object.keys(t).length && r) {
+    if (r.indexOf(".") === -1)
+      return t[r];
+    {
+      const e = r.split(".");
+      let s = t;
+      for (let l = 0, o = e.length; l < o; ++l) {
+        if (t == null)
+          return null;
+        s = s[e[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 s;
     }
-    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();
+  } else
+    return null;
+}
+function q(t, r) {
+  let e = -1;
+  if (r) {
+    for (let s = 0; s < r.length; s++)
+      if (A(r[s], t)) {
+        e = s;
+        break;
+      }
   }
-};
-function w(e, r) {
-  const t = { [`${e}`]: !0 };
+  return e;
+}
+function b(t, r) {
+  if (t != null && r && r.length) {
+    for (const e of r)
+      if (A(t, e))
+        return !0;
+  }
+  return !1;
+}
+function P(t, r) {
+  const e = q(t, r);
+  return e > -1 ? r.filter((s, l) => l !== e) : r;
+}
+function x(t) {
+  var r, e;
+  if (t)
+    return (e = (r = t.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 : e.toLowerCase();
+}
+function T(t, r) {
+  const e = { [`${t}`]: !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];
+    bemCssClasses: S(() => Object.keys(r).reduce((l, o) => {
+      const a = h(r[o]) || !1;
+      if (!a)
+        return l;
+      if (o === "modifiers") {
+        const f = Array.isArray(a) ? a : a.split(" ");
         return {
-          ...n,
-          ...a.reduce(
-            (c, d) => ({
-              ...c,
-              [`${e}--${f.kebabCase(
-                d
-              )}`]: !0
+          ...l,
+          ...f.reduce(
+            (i, d) => ({
+              ...i,
+              [`${t}--${x(d)}`]: !0
             }),
             {}
           )
         };
       } else
         return {
-          ...n,
-          [`${e}--${f.kebabCase(i)}`]: o
+          ...l,
+          [`${t}--${x(o)}`]: a
         };
-    }, t) || {})
+    }, e) || {})
   };
 }
-const F = {
+const Z = {
   disabled: Boolean
-}, N = {
+}, z = {
   modifiers: [String, Array]
-}, L = {
-  ...F,
-  ...N,
-  modelValue: [String, Array, Object],
+}, F = {
+  ...Z,
+  ...z,
+  modelValue: {
+    type: [String, Number, Boolean, Object, Array],
+    required: !0
+  },
   labelNoResult: { type: String, default: "No results" },
   options: {
     type: Array,
@@ -167,70 +137,81 @@ const F = {
   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,
+}, I = {
+  key: 0,
+  role: "option"
+}, M = ["aria-selected"], G = ["for"], H = ["id", "type", "value", "checked", "disabled"], J = {
+  name: "VvDropdown"
+}, W = /* @__PURE__ */ $({
+  ...J,
+  props: F,
   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
+  setup(t, { emit: r }) {
+    const e = t, s = L(), { modifiers: l, disabled: o } = w(e), { bemCssClasses: a } = T("vv-dropdown", {
+      modifiers: l,
+      disabled: o
     });
-    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 f(n) {
+      return Array.isArray(e.modelValue) ? b(n, e.modelValue) || b(i(n), e.modelValue) : A(n, e.modelValue) || A(i(n), e.modelValue);
+    }
+    function i(n) {
+      return typeof n == "string" ? n : String(n[e.valueKey]);
     }
-    function c(s) {
-      return typeof s == "string" ? s : String(s[t.valueKey]);
+    function d(n) {
+      return typeof n == "string" ? n : n[e.labelKey];
     }
-    function d(s) {
-      return typeof s == "string" ? s : s[t.labelKey];
+    function p(n) {
+      return typeof n == "string" || n.disabled === void 0 ? o.value : n.disabled;
     }
-    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;
+    function y(n) {
+      var m, _;
+      const v = n.target;
+      let u = v.value;
+      if (u = (e.useObject ? (m = e.options) == null ? void 0 : m.find(
+        (B) => B[e.valueKey] == u
+      ) : null) || u, e.multiple) {
+        if (typeof e.maxValues < "u" && e.maxValues >= 0 && Array.isArray(e.modelValue) && ((_ = e.modelValue) == null ? void 0 : _.length) >= e.maxValues && (Array.isArray(e.modelValue) && !b(u, e.modelValue) || e.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];
+        Array.isArray(e.modelValue) ? u = b(u, e.modelValue) ? P(u, e.modelValue) : [...e.modelValue, u] : u = [u];
       }
       r("update:modelValue", u);
     }
-    return (s, V) => {
+    return (n, v) => {
       var u;
-      return b(), A("ul", {
-        class: q(g(o)),
+      return g(), V("ul", {
+        class: D(h(a)),
         role: "listbox"
       }, [
-        (u = s.options) != null && u.length ? x("", !0) : (b(), A("li", R, [
-          O("label", null, k(s.labelNoResult), 1)
+        (u = n.options) != null && u.length ? N("", !0) : (g(), V("li", I, [
+          k("label", null, O(n.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))
+        (g(!0), V(E, null, R(n.options, (c, m) => (g(), V("li", {
+          key: m,
+          role: "option",
+          "aria-selected": f(c)
+        }, [
+          k("label", {
+            for: `dropdown-${m}-${h(s)}`
+          }, [
+            k("input", {
+              id: `dropdown-${m}-${h(s)}`,
+              type: n.multiple ? "checkbox" : "radio",
+              value: i(c),
+              checked: f(c),
+              disabled: p(c),
+              tabindex: "-1",
+              "aria-hidden": "true",
+              onInput: y
+            }, null, 40, H),
+            K(" " + O(d(c)), 1)
+          ], 8, G)
+        ], 8, M))), 128))
       ], 2);
     };
   }
 });
 export {
-  Z as default
+  W as default
 };

package/dist/components/VvDropdown/VvDropdown.umd.js

@@ -1 +1 @@
-(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)}}})});
+(function(n,y){typeof exports=="object"&&typeof module<"u"?module.exports=y(require("vue"),require("nanoid")):typeof define=="function"&&define.amd?define(["vue","nanoid"],y):(n=typeof globalThis<"u"?globalThis:n||self,n.VvDropdown=y(n.vue,n.nanoid))})(this,function(n,y){"use strict";function V(t,r,e){return e?B(t,e)===B(r,e):A(t,r)}function A(t,r){if(t===r)return!0;if(t&&r&&typeof t=="object"&&typeof r=="object"){const e=Array.isArray(t),s=Array.isArray(r);let o,i,u;if(e&&s){if(i=t.length,i!=r.length)return!1;for(o=i;o--!==0;)if(!A(t[o],r[o]))return!1;return!0}if(e!=s)return!1;const d=t instanceof Date,f=r instanceof Date;if(d!=f)return!1;if(d&&f)return t.getTime()==r.getTime();const c=t instanceof RegExp,b=r instanceof RegExp;if(c!=b)return!1;if(c&&b)return t.toString()==r.toString();const g=Object.keys(t);if(i=g.length,i!==Object.keys(r).length)return!1;for(o=i;o--!==0;)if(!Object.prototype.hasOwnProperty.call(r,g[o]))return!1;for(o=i;o--!==0;)if(u=g[o],!A(t[u],r[u]))return!1;return!0}return t!==t&&r!==r}function B(t,r){if(t&&Object.keys(t).length&&r){if(r.indexOf(".")===-1)return t[r];{const e=r.split(".");let s=t;for(let o=0,i=e.length;o<i;++o){if(t==null)return null;s=s[e[o]]}return s}}else return null}function j(t,r){let e=-1;if(r){for(let s=0;s<r.length;s++)if(V(r[s],t)){e=s;break}}return e}function h(t,r){if(t!=null&&r&&r.length){for(const e of r)if(V(t,e))return!0}return!1}function x(t,r){const e=j(t,r);return e>-1?r.filter((s,o)=>o!==e):r}function _(t){var r,e;if(t)return(e=(r=t.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:e.toLowerCase()}function O(t,r){const e={[`${t}`]:!0};return{bemCssClasses:n.computed(()=>Object.keys(r).reduce((o,i)=>{const u=n.unref(r[i])||!1;if(!u)return o;if(i==="modifiers"){const d=Array.isArray(u)?u:u.split(" ");return{...o,...d.reduce((f,c)=>({...f,[`${t}--${_(c)}`]:!0}),{})}}else return{...o,[`${t}--${_(i)}`]:u}},e)||{})}}const D={...{disabled:Boolean},...{modifiers:[String,Array]},modelValue:{type:[String,Number,Boolean,Object,Array],required:!0},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,role:"option"},S=["aria-selected"],N=["for"],w=["id","type","value","checked","disabled"],$={name:"VvDropdown"};return n.defineComponent({...$,props:D,emits:["update:modelValue"],setup(t,{emit:r}){const e=t,s=y.nanoid(),{modifiers:o,disabled:i}=n.toRefs(e),{bemCssClasses:u}=O("vv-dropdown",{modifiers:o,disabled:i});function d(l){return Array.isArray(e.modelValue)?h(l,e.modelValue)||h(f(l),e.modelValue):V(l,e.modelValue)||V(f(l),e.modelValue)}function f(l){return typeof l=="string"?l:String(l[e.valueKey])}function c(l){return typeof l=="string"?l:l[e.labelKey]}function b(l){return typeof l=="string"||l.disabled===void 0?i.value:l.disabled}function g(l){var p,C;const k=l.target;let a=k.value;if(a=(e.useObject?(p=e.options)==null?void 0:p.find(q=>q[e.valueKey]==a):null)||a,e.multiple){if(typeof e.maxValues<"u"&&e.maxValues>=0&&Array.isArray(e.modelValue)&&((C=e.modelValue)==null?void 0:C.length)>=e.maxValues&&(Array.isArray(e.modelValue)&&!h(a,e.modelValue)||e.maxValues==0)){k.checked=!1;return}Array.isArray(e.modelValue)?a=h(a,e.modelValue)?x(a,e.modelValue):[...e.modelValue,a]:a=[a]}r("update:modelValue",a)}return(l,k)=>{var a;return n.openBlock(),n.createElementBlock("ul",{class:n.normalizeClass(n.unref(u)),role:"listbox"},[(a=l.options)!=null&&a.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)=>(n.openBlock(),n.createElementBlock("li",{key:p,role:"option","aria-selected":d(m)},[n.createElementVNode("label",{for:`dropdown-${p}-${n.unref(s)}`},[n.createElementVNode("input",{id:`dropdown-${p}-${n.unref(s)}`,type:l.multiple?"checkbox":"radio",value:f(m),checked:d(m),disabled:b(m),tabindex:"-1","aria-hidden":"true",onInput:g},null,40,w),n.createTextVNode(" "+n.toDisplayString(c(m)),1)],8,N)],8,S))),128))],2)}}})});

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

@@ -1,137 +1,35 @@
-import { type Option } from './VvDropdown';
-declare const _default: {
-    new (...args: any[]): {
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: Partial<{
-            disabled: boolean;
-            labelNoResult: string;
-            useObject: boolean;
-            multiple: boolean;
-            labelKey: string;
-            valueKey: string;
-        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-            modelValue: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
-            labelNoResult: {
-                type: StringConstructor;
-                default: string;
-            };
-            options: {
-                type: import("vue").PropType<(string | Option)[]>;
-                required: boolean;
-            };
-            useObject: BooleanConstructor;
-            multiple: BooleanConstructor;
-            maxValues: (StringConstructor | NumberConstructor)[];
-            labelKey: {
-                type: StringConstructor;
-                default: string;
-            };
-            valueKey: {
-                type: StringConstructor;
-                default: string;
-            };
-            modifiers: import("vue").PropType<string | string[]>;
-            disabled: BooleanConstructor;
-        }>> & {
-            "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "labelNoResult" | "useObject" | "multiple" | "labelKey" | "valueKey">;
-        $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: "update:modelValue", ...args: any[]) => void;
-        $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            modelValue: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
-            labelNoResult: {
-                type: StringConstructor;
-                default: string;
-            };
-            options: {
-                type: import("vue").PropType<(string | Option)[]>;
-                required: boolean;
-            };
-            useObject: BooleanConstructor;
-            multiple: BooleanConstructor;
-            maxValues: (StringConstructor | NumberConstructor)[];
-            labelKey: {
-                type: StringConstructor;
-                default: string;
-            };
-            valueKey: {
-                type: StringConstructor;
-                default: string;
-            };
-            modifiers: import("vue").PropType<string | string[]>;
-            disabled: BooleanConstructor;
-        }>> & {
-            "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], string, {
-            disabled: boolean;
-            labelNoResult: string;
-            useObject: boolean;
-            multiple: boolean;
-            labelKey: string;
-            valueKey: string;
-        }, {}, 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<{
-        modelValue: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
-        labelNoResult: {
-            type: StringConstructor;
-            default: string;
-        };
-        options: {
-            type: import("vue").PropType<(string | Option)[]>;
-            required: boolean;
-        };
-        useObject: BooleanConstructor;
-        multiple: BooleanConstructor;
-        maxValues: (StringConstructor | NumberConstructor)[];
-        labelKey: {
-            type: StringConstructor;
-            default: string;
-        };
-        valueKey: {
-            type: StringConstructor;
-            default: string;
-        };
-        modifiers: import("vue").PropType<string | string[]>;
-        disabled: BooleanConstructor;
-    }>> & {
-        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    modelValue: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
+import { type Option } from '@/components/VvDropdown';
+declare const _default: import("vue").DefineComponent<{
+    modelValue: {
+        type: (ArrayConstructor | ObjectConstructor | StringConstructor | BooleanConstructor | NumberConstructor)[];
+        required: boolean;
+    };
+    labelNoResult: {
+        type: StringConstructor;
+        default: string;
+    };
+    options: {
+        type: import("vue").PropType<(string | Option)[]>;
+        required: boolean;
+    };
+    useObject: BooleanConstructor;
+    multiple: BooleanConstructor;
+    maxValues: (StringConstructor | NumberConstructor)[];
+    labelKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    valueKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    modifiers: import("vue").PropType<string | string[]>;
+    disabled: BooleanConstructor;
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: (ArrayConstructor | ObjectConstructor | StringConstructor | BooleanConstructor | NumberConstructor)[];
+        required: boolean;
+    };
     labelNoResult: {
         type: StringConstructor;
         default: string;
@@ -155,12 +53,12 @@ declare const _default: {
     disabled: BooleanConstructor;
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", {
+}, {
     disabled: boolean;
     labelNoResult: string;
     useObject: boolean;
     multiple: boolean;
     labelKey: string;
     valueKey: string;
-}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+}>;
 export default _default;

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

@@ -1,12 +1,16 @@
 import type { PropType } from 'vue';
 export interface Option {
-    [key: string]: any;
+    [key: string]: unknown;
+    disabled?: boolean;
 }
 export declare const VvDropdownProps: {
     /**
-     * modelValue can be an Object, a String or an Array of Object/String
+     * modelValue can be a string, number, boolean, object or array of string, number, boolean, object
      */
-    modelValue: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
+    modelValue: {
+        type: (ArrayConstructor | ObjectConstructor | StringConstructor | BooleanConstructor | NumberConstructor)[];
+        required: boolean;
+    };
     /**
      * Label of "no results" options
      */