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

package/dist/components/VvCheckGroup/vv-check-group.es.js

@@ -1,85 +1,85 @@
-import { isRef as z, provide as Z, computed as f, toRefs as B, unref as k, inject as T, toRef as U, watch as K, defineComponent as I, useAttrs as M, ref as W, openBlock as _, createElementBlock as E, mergeProps as j, createElementVNode as P, renderSlot as q, createTextVNode as J, toDisplayString as w, h as Q, useSlots as X, normalizeClass as Y, createCommentVNode as L, Fragment as ee, renderList as te, createBlock as ne, createVNode as re } from "vue";
-import { useFocus as se, useVModel as ue } from "@vueuse/core";
+import { isRef as Z, provide as M, computed as v, toRefs as S, unref as k, inject as T, toRef as U, watch as K, defineComponent as P, useAttrs as W, ref as J, openBlock as _, createElementBlock as B, mergeProps as F, createElementVNode as w, renderSlot as R, createTextVNode as L, toDisplayString as q, h as Q, useSlots as X, normalizeClass as Y, createCommentVNode as ee, Fragment as te, renderList as re, createBlock as ne, createVNode as se } from "vue";
+import { useFocus as ue, toReactive as oe, useVModel as le } from "@vueuse/core";
 const G = {
   valid: Boolean,
   validLabel: [String, Array]
-}, R = {
+}, $ = {
   error: Boolean,
   errorLabel: [String, Array]
-}, le = {
+}, ae = {
   hintLabel: { type: String, default: "" }
-}, oe = {
+}, ie = {
   options: { type: Array, default: () => [] },
   optionLabel: { type: [String, Function], default: () => "label" },
   optionValue: { type: [String, Function], default: () => "value" }
-}, ae = {
+}, ce = {
   ...G,
-  ...R,
-  ...le,
-  ...oe,
+  ...$,
+  ...ae,
+  ...ie,
   modelValue: { type: Array },
   label: { type: String, default: "" },
   name: { type: String, default: "", required: !0 },
   disabled: { type: Boolean, default: !1 },
   readonly: { type: Boolean, default: !1 },
   vertical: { type: Boolean, default: !1 }
-}, ie = ["update:modelValue", "change"], $ = Symbol("VV_CHECK_GROUP");
-function ce(e) {
+}, fe = ["update:modelValue", "change"], x = Symbol("VV_CHECK_GROUP");
+function pe(e) {
   if (Object.keys(e).some(
-    (t) => t !== "key" && !z(e[t])
+    (t) => t !== "key" && !Z(e[t])
   ))
     throw Error("One or more groupState props aren't ref.");
-  console.log("PRovide - ", e), Z(
+  console.log("PRovide - ", e), M(
     e.key,
-    f(() => e)
+    v(() => e)
   );
 }
-function fe(e) {
-  const { options: t, optionLabel: n, optionValue: s } = B(e);
+function de(e) {
+  const { options: t, optionLabel: r, optionValue: s } = S(e);
   return {
     options: t,
-    getOptionLabel: (u) => typeof u != "object" && u !== null ? u : typeof n.value == "function" ? n.value(u) : u[n.value],
+    getOptionLabel: (u) => typeof u != "object" && u !== null ? u : typeof r.value == "function" ? r.value(u) : u[r.value],
     getOptionValue: (u) => typeof u != "object" && u !== null ? u : typeof s.value == "function" ? s.value(u) : u[s.value]
   };
 }
-const y = {
-  equals(e, t, n) {
-    return n ? this.resolveFieldData(e, n) === this.resolveFieldData(t, n) : this.deepEquals(e, t);
+const m = {
+  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 n = Array.isArray(e), s = Array.isArray(t);
-      let r, o, u;
-      if (n && s) {
-        if (o = e.length, o != t.length)
+      const r = Array.isArray(e), s = Array.isArray(t);
+      let n, l, u;
+      if (r && s) {
+        if (l = e.length, l != t.length)
           return !1;
-        for (r = o; r-- !== 0; )
-          if (!this.deepEquals(e[r], t[r]))
+        for (n = l; n-- !== 0; )
+          if (!this.deepEquals(e[n], t[n]))
             return !1;
         return !0;
       }
-      if (n != s)
+      if (r != s)
         return !1;
-      const l = e instanceof Date, c = t instanceof Date;
-      if (l != c)
+      const a = e instanceof Date, o = t instanceof Date;
+      if (a != o)
         return !1;
-      if (l && c)
+      if (a && o)
         return e.getTime() == t.getTime();
-      const i = e instanceof RegExp, d = t instanceof RegExp;
-      if (i != d)
+      const i = e instanceof RegExp, y = t instanceof RegExp;
+      if (i != y)
         return !1;
-      if (i && d)
+      if (i && y)
         return e.toString() == t.toString();
       const p = Object.keys(e);
-      if (o = p.length, o !== Object.keys(t).length)
+      if (l = p.length, l !== Object.keys(t).length)
         return !1;
-      for (r = o; r-- !== 0; )
-        if (!Object.prototype.hasOwnProperty.call(t, p[r]))
+      for (n = l; n-- !== 0; )
+        if (!Object.prototype.hasOwnProperty.call(t, p[n]))
           return !1;
-      for (r = o; r-- !== 0; )
-        if (u = p[r], !this.deepEquals(e[u], t[u]))
+      for (n = l; n-- !== 0; )
+        if (u = p[n], !this.deepEquals(e[u], t[u]))
           return !1;
       return !0;
     }
@@ -90,12 +90,12 @@ const y = {
       if (t.indexOf(".") === -1)
         return e[t];
       {
-        const n = t.split(".");
+        const r = t.split(".");
         let s = e;
-        for (let r = 0, o = n.length; r < o; ++r) {
+        for (let n = 0, l = r.length; n < l; ++n) {
           if (e == null)
             return null;
-          s = s[n[r]];
+          s = s[r[n]];
         }
         return s;
       }
@@ -106,20 +106,20 @@ const y = {
     return !!(e && e.constructor && e.call && e.apply);
   },
   findIndexInList(e, t) {
-    let n = -1;
+    let r = -1;
     if (t) {
       for (let s = 0; s < t.length; s++)
         if (this.equals(t[s], e)) {
-          n = s;
+          r = s;
           break;
         }
     }
-    return n;
+    return r;
   },
   contains(e, t) {
     if (e != null && t && t.length) {
-      for (const n of t)
-        if (this.equals(e, n))
+      for (const r of t)
+        if (this.equals(e, r))
           return !0;
     }
     return !1;
@@ -132,51 +132,51 @@ const y = {
   },
   pickBy(e, t) {
     return Object.fromEntries(
-      Object.entries(e).filter(([n]) => t(n))
+      Object.entries(e).filter(([r]) => t(r))
     );
   },
   removeFromList(e, t) {
-    const n = this.findIndexInList(e, t);
-    return n > -1 ? t.filter((s, r) => r !== n) : t;
+    const r = this.findIndexInList(e, t);
+    return r > -1 ? t.filter((s, n) => n !== r) : t;
   },
   isString(e) {
     return typeof e == "string" || e instanceof String;
   },
   propsToObject(e) {
-    return Object.keys(e).reduce((t, n) => {
-      var s, r, o, u, l;
-      return this.isFunction(e[n]) ? t[n] = e[n]() : Array.isArray(e[n]) ? t[n] = e[n][0]() : (s = e[n]) != null && s.type && (Array.isArray(e[n].type) ? t[n] = ((r = e[n]) == null ? void 0 : r.default) || ((o = e[n]) == null ? void 0 : o.type[0]()) : t[n] = ((u = e[n]) == null ? void 0 : u.default) || ((l = e[n]) == null ? void 0 : l.type())), t;
+    return Object.keys(e).reduce((t, r) => {
+      var s, n, l, u, a;
+      return this.isFunction(e[r]) ? t[r] = e[r]() : Array.isArray(e[r]) ? t[r] = e[r][0]() : (s = e[r]) != null && s.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] = ((u = e[r]) == null ? void 0 : u.default) || ((a = e[r]) == null ? void 0 : a.type())), t;
     }, {});
   },
-  filterArray(e, t, n) {
-    return e.filter((s) => t.some((r) => typeof r == "string" ? s[n] == r : this.equals(
-      s[n],
-      r[n]
+  filterArray(e, t, r) {
+    return e.filter((s) => t.some((n) => typeof n == "string" ? s[r] == n : this.equals(
+      s[r],
+      n[r]
     )));
   },
   kebabCase(e) {
-    var t, n;
+    var t, r;
     if (e)
-      return (n = (t = e.match(
+      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 : n.toLowerCase();
+      )) == null ? void 0 : t.join("-")) == null ? void 0 : r.toLowerCase();
   }
 };
-function F(e, t) {
-  const n = { [`${e}`]: !0 };
+function I(e, t) {
+  const r = { [`${e}`]: !0 };
   return {
-    bemCssClasses: f(() => Object.keys(t).reduce((r, o) => {
-      const u = k(t[o]) || !1;
+    bemCssClasses: v(() => Object.keys(t).reduce((n, l) => {
+      const u = k(t[l]) || !1;
       if (!u)
-        return r;
-      if (o === "modifiers") {
-        const l = Array.isArray(u) ? u : [u];
+        return n;
+      if (l === "modifiers") {
+        const a = Array.isArray(u) ? u : [u];
         return {
-          ...r,
-          ...l.reduce(
-            (c, i) => ({
-              ...c,
-              [`${e}--${y.kebabCase(
+          ...n,
+          ...a.reduce(
+            (o, i) => ({
+              ...o,
+              [`${e}--${m.kebabCase(
                 i
               )}`]: !0
             }),
@@ -185,15 +185,15 @@ function F(e, t) {
         };
       } else
         return {
-          ...r,
-          [`${e}--${y.kebabCase(o)}`]: u
+          ...n,
+          [`${e}--${m.kebabCase(l)}`]: u
         };
-    }, n) || {})
+    }, r) || {})
   };
 }
-const de = {
+const ve = {
   ...G,
-  ...R,
+  ...$,
   value: null,
   modelValue: null,
   binary: Boolean,
@@ -203,232 +203,250 @@ const de = {
   label: String,
   disabled: Boolean,
   readonly: Boolean
-}, pe = [
+}, ye = [
   "click",
   "update:modelValue",
   "change",
   "focus",
   "blur"
 ];
-function ve(e) {
+function he(e) {
   const t = T(e, void 0);
   console.log("Inject - ", t);
-  const n = f(() => y.isNotEmpty(t));
-  function s(r, o, u) {
+  const r = v(() => m.isNotEmpty(t));
+  function s(n, l, u) {
     if (t != null && t.value) {
-      const l = k(t.value)[r];
-      return f({
+      const a = k(t.value)[n];
+      return v({
         get() {
-          return l == null ? void 0 : l.value;
+          return a == null ? void 0 : a.value;
         },
-        set(c) {
-          l.value = c;
+        set(o) {
+          a.value = o;
         }
       });
     } else {
-      const l = U(o, r);
-      return f({
+      const a = U(l, n);
+      return v({
         get() {
-          return l.value;
+          return a.value;
         },
-        set(c) {
-          u && u(`update:${r}`, c);
+        set(o) {
+          u && u(`update:${n}`, o);
         }
       });
     }
   }
   return {
     group: t,
-    isInGroup: n,
+    isInGroup: r,
     getGroupOrLocalRef: s
   };
 }
-function ye(e, t) {
-  const { group: n, isInGroup: s, getGroupOrLocalRef: r } = ve($), { valid: o, error: u, switch: l } = B(e), c = r("modelValue", e, t), i = r("readonly", e), d = r("disabled", e);
+function me(e, t) {
+  const { group: r, isInGroup: s, getGroupOrLocalRef: n } = he(x), { valid: l, error: u, switch: a } = S(e), o = n("modelValue", e, t), i = n("readonly", e), y = n("disabled", e);
   return {
-    group: n,
+    group: r,
     isInGroup: s,
-    valid: o,
+    valid: l,
     error: u,
-    propsSwitch: l,
-    modelValue: c,
+    propsSwitch: a,
+    modelValue: o,
     readonly: i,
-    disabled: d
+    disabled: y
   };
 }
-function he(e, t) {
-  const { focused: n } = se(e);
-  return K(n, (s) => {
+function ge(e, t) {
+  const { focused: r } = ue(e);
+  return K(r, (s) => {
     t(s ? "focus" : "blur", e.value);
   }), {
-    focused: n
+    focused: r
   };
 }
-const me = {
+const ke = {
   inheritAttrs: !1
-}, ge = /* @__PURE__ */ I({
-  ...me,
+}, Ce = /* @__PURE__ */ P({
+  ...ke,
   __name: "VvCheck",
-  props: de,
-  emits: pe,
+  props: ve,
+  emits: ye,
   setup(e, { emit: t }) {
-    const n = e, s = M(), { disabled: r, readonly: o, valid: u, error: l, propsSwitch: c, modelValue: i } = ye(n, t), d = W(), { focused: p } = he(d, t), a = f(() => n.binary ? y.equals(i.value, n.trueValue) : Array.isArray(i.value) ? y.contains(n.value, i.value) : y.equals(n.value, i.value)), { bemCssClasses: v } = F("vv-input-checkbox", {
-      switch: c,
+    const r = e, s = W(), { disabled: n, readonly: l, valid: u, error: a, propsSwitch: o, modelValue: i } = me(r, t), y = J(), { focused: p } = ge(y, t), d = v(() => r.binary ? m.equals(i.value, r.trueValue) : Array.isArray(i.value) ? m.contains(r.value, i.value) : m.equals(r.value, i.value)), { bemCssClasses: f } = I("vv-input-checkbox", {
+      switch: o,
       valid: u,
-      invalid: l
-    }), { bemCssClasses: g } = F(
+      invalid: a
+    }), { bemCssClasses: h } = I(
       "vv-input-check__input",
       {
-        checked: a,
-        disabled: r,
-        readonly: o
+        checked: d,
+        disabled: n,
+        readonly: l
       }
-    ), h = f(() => ({
+    ), c = v(() => ({
       [s.class]: !0,
-      ...v.value
-    })), V = f(() => ({
-      ...g.value,
+      ...f.value
+    })), A = v(() => ({
+      ...h.value,
       "focus-visible": p.value
-    })), C = f(() => {
-      const { id: m, name: A, style: S } = s, H = y.pickBy(
+    })), O = v(() => {
+      const { id: g, name: C, style: j } = s, N = m.pickBy(
         s,
-        (N) => N.startsWith("data-")
+        (z) => z.startsWith("data-")
       );
       return {
-        for: m || A,
-        style: S,
-        ...H
+        for: g || C,
+        style: j,
+        ...N
       };
-    }), b = f(() => {
-      const { id: m = "", name: A = "" } = s;
+    }), b = v(() => {
+      const { id: g = "", name: C = "" } = s;
       return {
         type: "checkbox",
-        id: m || A,
-        name: A,
-        value: n.value,
-        disabled: r.value,
-        readonly: o.value,
-        checked: a.value,
-        ...O.value
+        id: g || C,
+        name: C,
+        value: r.value,
+        disabled: n.value,
+        readonly: l.value,
+        checked: d.value,
+        ...V.value
       };
-    }), O = f(() => {
-      const { name: m } = s, A = y.pickBy(
+    }), V = v(() => {
+      const { name: g } = s, C = m.pickBy(
         s,
-        (S) => S.startsWith("aria-")
+        (j) => j.startsWith("aria-")
       );
       return {
-        "aria-label": m,
-        "aria-checked": a.value,
-        ...A
+        "aria-label": g,
+        "aria-checked": d.value,
+        ...C
       };
     });
-    function x() {
-      if (n.binary) {
-        i.value = a.value ? n.falseValue : n.trueValue;
+    function D() {
+      if (r.binary) {
+        i.value = d.value ? r.falseValue : r.trueValue;
         return;
       }
       if (i.value === null) {
-        i.value = [n.value];
+        i.value = [r.value];
         return;
       }
       if (Array.isArray(i.value)) {
-        i.value = a.value ? y.removeFromList(n.value, i.value) : [...i.value, n.value];
+        i.value = d.value ? m.removeFromList(r.value, i.value) : [...i.value, r.value];
         return;
       }
       console.warn("Cannot change value - VvCheck modelValue is not an array");
     }
-    function D(m) {
-      r.value || (t("click", m), t("change", a.value ? n.value : null), p.value = !0);
+    function H(g) {
+      n.value || (t("click", g), t("change", d.value ? r.value : null), p.value = !0);
     }
-    return (m, A) => (_(), E("label", j({ class: k(h) }, k(C), { onClick: D }), [
-      P("input", j({
+    return (g, C) => (_(), B("label", F({ class: k(c) }, k(O), { onClick: H }), [
+      w("input", F({
         ref_key: "input",
-        ref: d,
-        class: k(V)
-      }, k(b), { onInput: x }), null, 16),
-      q(m.$slots, "default", { value: k(i) }, () => [
-        J(w(m.label), 1)
+        ref: y,
+        class: k(A)
+      }, k(b), { onInput: D }), null, 16),
+      R(g.$slots, "default", { value: k(i) }, () => [
+        L(q(g.label), 1)
       ])
     ], 16));
   }
 });
-function ke(e) {
-  return Array.isArray(e) ? e.filter((t) => y.isString(t)).reduce((t, n) => t.length > 0 ? t + `
-` + n : n, "") : e;
+function E(e) {
+  return Array.isArray(e) ? e.filter((t) => m.isString(t)).reduce((t, r) => t.length > 0 ? t + `
+` + r : r, "") : e;
 }
-function Ce(e, t) {
+function Ae(e, t) {
   return {
     name: "HintSlot",
-    setup() {
-      const n = B(e), {
-        error: s,
-        valid: r,
-        hint: o,
-        loading: u
+    props: {
+      params: { type: Object, default: () => {
+      } }
+    },
+    setup(r) {
+      const s = S(e), {
+        error: n,
+        valid: l,
+        hint: u,
+        loading: a
       } = t, {
-        hintLabel: l,
-        modelValue: c,
-        valid: i,
-        validLabel: d,
-        error: p,
-        errorLabel: a
-      } = n, v = y.resolveFieldData(n, "loading"), g = y.resolveFieldData(
-        n,
+        hintLabel: o,
+        modelValue: i,
+        valid: y,
+        validLabel: p,
+        error: d,
+        errorLabel: f
+      } = s, h = m.resolveFieldData(s, "loading"), c = m.resolveFieldData(
+        s,
         "loadingLabel"
-      ), h = f(() => p.value ? !!(p.value && s || (a == null ? void 0 : a.value) && Array.isArray(a.value) && a.value.length > 0 || (a == null ? void 0 : a.value) && y.isNotEmpty(a.value)) : !1), V = f(() => !!(l && l.value || o || r || d && d.value || h.value || (v == null ? void 0 : v.value) && u || (v == null ? void 0 : v.value) && (g == null ? void 0 : g.value))), C = f(() => Array.isArray(a == null ? void 0 : a.value) ? ke((a == null ? void 0 : a.value) || "") : a == null ? void 0 : a.value), b = f(() => {
-        const O = { modelValue: c, error: p, valid: i };
-        return p != null && p.value ? (s == null ? void 0 : s(O)) || (C == null ? void 0 : C.value) || (l == null ? void 0 : l.value) : i != null && i.value ? (r == null ? void 0 : r(O)) || (d == null ? void 0 : d.value) || (l == null ? void 0 : l.value) : v != null && v.value ? (u == null ? void 0 : u(O)) || (g == null ? void 0 : g.value) || (l == null ? void 0 : l.value) : (o == null ? void 0 : o(O)) || (l == null ? void 0 : l.value) || (l == null ? void 0 : l.value);
+      ), A = v(() => d.value ? !!(d.value && n || (f == null ? void 0 : f.value) && Array.isArray(f.value) && f.value.length > 0 || (f == null ? void 0 : f.value) && m.isNotEmpty(f.value)) : !1), O = v(() => !!(o && o.value || u || l || p && p.value || A.value || (h == null ? void 0 : h.value) && a || (h == null ? void 0 : h.value) && (c == null ? void 0 : c.value))), b = v(() => {
+        const V = oe({
+          hintLabel: o,
+          modelValue: i,
+          valid: y,
+          validLabel: p,
+          error: d,
+          errorLabel: f,
+          loading: h,
+          loadingLabel: c,
+          ...r.params
+        });
+        return d != null && d.value ? (n == null ? void 0 : n(V)) || E(f == null ? void 0 : f.value) || (o == null ? void 0 : o.value) : y != null && y.value ? (l == null ? void 0 : l(V)) || E(p == null ? void 0 : p.value) || (o == null ? void 0 : o.value) : h != null && h.value ? (a == null ? void 0 : a(V)) || E(c == null ? void 0 : c.value) || (o == null ? void 0 : o.value) : (u == null ? void 0 : u(V)) || E(o == null ? void 0 : o.value) || (o == null ? void 0 : o.value);
       });
       return {
-        hasHint: V,
+        hasHint: O,
         hintContent: b
       };
     },
     render() {
       if (this.hasHint)
-        return Q("span", null, this.hintContent);
+        return Q(
+          "pre",
+          { style: { "white-space": "pre" } },
+          this.hintContent
+        );
     }
   };
 }
-const Ae = ["textContent"], Ve = { class: "vv-input-checkbox-group__wrapper" }, _e = /* @__PURE__ */ I({
+const be = ["textContent"], Ve = { class: "vv-input-checkbox-group__wrapper" }, Ee = /* @__PURE__ */ P({
   __name: "VvCheckGroup",
-  props: ae,
-  emits: ie,
+  props: ce,
+  emits: fe,
   setup(e, { emit: t }) {
-    const n = e, s = X(), r = ue(n, "modelValue", t), { disabled: o, readonly: u, error: l, valid: c } = B(n);
-    ce({
-      key: $,
-      modelValue: r,
-      disabled: o,
+    const r = e, s = X(), n = le(r, "modelValue", t), { disabled: l, readonly: u, error: a, valid: o } = S(r);
+    pe({
+      key: x,
+      modelValue: n,
+      disabled: l,
       readonly: u
     });
-    const { getOptionLabel: d, getOptionValue: p } = fe(n), { bemCssClasses: a } = F(
+    const { getOptionLabel: y, getOptionValue: p } = de(r), { bemCssClasses: d } = I(
       "vv-input-checkbox-group",
       {
-        horizontal: f(() => !n.vertical),
-        valid: c,
-        invalid: l
+        horizontal: v(() => !r.vertical),
+        valid: o,
+        invalid: a
       }
-    ), v = (h, V) => ({
-      id: `${n.name}_opt${V}`,
-      name: n.name,
-      label: d(h),
-      value: p(h)
-    }), g = Ce(n, s);
-    return (h, V) => (_(), E("fieldset", {
-      class: Y(k(a))
+    ), f = (c, A) => ({
+      id: `${r.name}_opt${A}`,
+      name: r.name,
+      label: y(c),
+      value: p(c)
+    }), h = Ae(r, s);
+    return (c, A) => (_(), B("fieldset", {
+      class: Y(k(d))
     }, [
-      h.label ? (_(), E("legend", {
+      c.label ? (_(), B("legend", {
         key: 0,
-        textContent: w(h.label)
-      }, null, 8, Ae)) : L("", !0),
-      P("div", Ve, [
-        h.options.length > 0 ? (_(!0), E(ee, { key: 0 }, te(h.options, (C, b) => (_(), ne(ge, j({ key: b }, v(C, b)), null, 16))), 128)) : q(h.$slots, "default", { key: 1 })
+        textContent: q(c.label)
+      }, null, 8, be)) : ee("", !0),
+      w("div", Ve, [
+        c.options.length > 0 ? (_(!0), B(te, { key: 0 }, re(c.options, (O, b) => (_(), ne(Ce, F({ key: b }, f(O, b)), null, 16))), 128)) : R(c.$slots, "default", { key: 1 })
       ]),
-      re(k(g), { class: "vv-input-checkbox-group__hint" })
+      se(k(h), { class: "vv-input-checkbox-group__hint" })
     ], 2));
   }
 });
 export {
-  _e as default
+  Ee as default
 };