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

package/dist/components/VvCheckboxGroup/VvCheckboxGroup.es.js

@@ -0,0 +1,415 @@
+import { isRef as G, provide as Q, computed as c, toRefs as x, unref as f, h as W, inject as X, toRef as Y, defineComponent as R, useSlots as w, ref as L, watchEffect as ee, openBlock as _, createElementBlock as S, normalizeClass as H, withDirectives as te, createElementVNode as N, vModelCheckbox as re, renderSlot as D, createTextVNode as ne, toDisplayString as F, createVNode as I, createCommentVNode as oe, Fragment as se, renderList as ue, createBlock as le, mergeProps as ae } from "vue";
+import { toReactive as ie, useVModel as ce } from "@vueuse/core";
+const T = "VV_CHECK_GROUP";
+function fe(t) {
+  if (Object.keys(t).some(
+    (e) => e !== "key" && !G(t[e])
+  ))
+    throw Error("One or more groupState props aren't ref.");
+  Q(
+    t.key,
+    c(() => t)
+  );
+}
+function de(t) {
+  const { options: e, optionLabel: r, optionValue: s } = x(t);
+  return {
+    options: e,
+    getOptionLabel: (n) => typeof n != "object" && n !== null ? n : typeof r.value == "function" ? r.value(n) : n[r.value],
+    getOptionValue: (n) => typeof n != "object" && n !== null ? n : typeof s.value == "function" ? s.value(n) : n[s.value]
+  };
+}
+function P(t, e, r) {
+  return r ? O(t, r) === O(e, r) : E(t, e);
+}
+function E(t, e) {
+  if (t === e)
+    return !0;
+  if (t && e && typeof t == "object" && typeof e == "object") {
+    const r = Array.isArray(t), s = Array.isArray(e);
+    let o, l, n;
+    if (r && s) {
+      if (l = t.length, l != e.length)
+        return !1;
+      for (o = l; o-- !== 0; )
+        if (!E(t[o], e[o]))
+          return !1;
+      return !0;
+    }
+    if (r != s)
+      return !1;
+    const p = t instanceof Date, a = e instanceof Date;
+    if (p != a)
+      return !1;
+    if (p && a)
+      return t.getTime() == e.getTime();
+    const u = t instanceof RegExp, d = e instanceof RegExp;
+    if (u != d)
+      return !1;
+    if (u && d)
+      return t.toString() == e.toString();
+    const i = Object.keys(t);
+    if (l = i.length, l !== Object.keys(e).length)
+      return !1;
+    for (o = l; o-- !== 0; )
+      if (!Object.prototype.hasOwnProperty.call(e, i[o]))
+        return !1;
+    for (o = l; o-- !== 0; )
+      if (n = i[o], !E(t[n], e[n]))
+        return !1;
+    return !0;
+  }
+  return t !== t && e !== e;
+}
+function O(t, e) {
+  if (t && Object.keys(t).length && e) {
+    if (e.indexOf(".") === -1)
+      return t[e];
+    {
+      const r = e.split(".");
+      let s = t;
+      for (let o = 0, l = r.length; o < l; ++o) {
+        if (t == null)
+          return null;
+        s = s[r[o]];
+      }
+      return s;
+    }
+  } else
+    return null;
+}
+function ve(t, e) {
+  let r = -1;
+  if (e) {
+    for (let s = 0; s < e.length; s++)
+      if (P(e[s], t)) {
+        r = s;
+        break;
+      }
+  }
+  return r;
+}
+function pe(t, e) {
+  if (t != null && e && e.length) {
+    for (const r of e)
+      if (P(t, r))
+        return !0;
+  }
+  return !1;
+}
+function M(t) {
+  return ((e) => e == null || e === "" || Array.isArray(e) && e.length === 0 || !(e instanceof Date) && typeof e == "object" && Object.keys(e).length === 0)(f(t));
+}
+function ye(t, e) {
+  const r = ve(t, e);
+  return r > -1 ? e.filter((s, o) => o !== r) : e;
+}
+function me(t) {
+  return typeof t == "string" || t instanceof String;
+}
+function $(t) {
+  var e, r;
+  if (t)
+    return (r = (e = 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 : e.join("-")) == null ? void 0 : r.toLowerCase();
+}
+function q(t, e) {
+  const r = { [`${t}`]: !0 };
+  return {
+    bemCssClasses: c(() => Object.keys(e).reduce((o, l) => {
+      const n = f(e[l]) || !1;
+      if (!n)
+        return o;
+      if (l === "modifiers") {
+        const p = Array.isArray(n) ? n : n.split(" ");
+        return {
+          ...o,
+          ...p.reduce(
+            (a, u) => ({
+              ...a,
+              [`${t}--${$(u)}`]: !0
+            }),
+            {}
+          )
+        };
+      } else
+        return {
+          ...o,
+          [`${t}--${$(l)}`]: n
+        };
+    }, r) || {})
+  };
+}
+function A(t) {
+  return Array.isArray(t) ? t.filter((e) => me(e)).join(" ") : t;
+}
+function z(t, e) {
+  const {
+    error: r,
+    valid: s,
+    hint: o,
+    loading: l
+  } = e, {
+    hintLabel: n,
+    modelValue: p,
+    valid: a,
+    validLabel: u,
+    error: d,
+    errorLabel: i,
+    ...g
+  } = x(t), v = O(g, "loading"), m = O(g, "loadingLabel"), y = c(() => d.value ? !!(d.value && r || i != null && i.value && Array.isArray(i.value) && i.value.length > 0 || i != null && i.value && !M(i)) : !1), V = c(
+    () => !!(n && n.value || o)
+  ), k = c(
+    () => !!(u && u.value || s)
+  ), b = c(
+    () => !!(v != null && v.value && l || v != null && v.value && (m != null && m.value))
+  ), B = c(
+    () => V.value || k || y.value || b.value
+  );
+  return {
+    hasErrors: y,
+    hasHint: V,
+    hasValid: k,
+    hasLoading: b,
+    HintSlot: {
+      name: "HintSlot",
+      props: {
+        params: {
+          type: Object,
+          default: () => ({})
+        }
+      },
+      setup(j) {
+        const h = c(() => {
+          const C = ie({
+            hintLabel: n,
+            modelValue: p,
+            valid: a,
+            validLabel: u,
+            error: d,
+            errorLabel: i,
+            loading: v,
+            loadingLabel: m,
+            ...j.params
+          });
+          return d != null && d.value ? (r == null ? void 0 : r(C)) || A(i == null ? void 0 : i.value) || (n == null ? void 0 : n.value) : a != null && a.value ? (s == null ? void 0 : s(C)) || A(u == null ? void 0 : u.value) || (n == null ? void 0 : n.value) : v != null && v.value ? (l == null ? void 0 : l(C)) || A(m == null ? void 0 : m.value) || (n == null ? void 0 : n.value) : (o == null ? void 0 : o(C)) || A(n == null ? void 0 : n.value) || (n == null ? void 0 : n.value);
+        });
+        return {
+          isVisible: B,
+          hasErrors: y,
+          hasValid: k,
+          hintContent: h
+        };
+      },
+      render() {
+        if (this.isVisible)
+          return W(
+            "small",
+            {
+              role: this.hasErrors || this.hasValid ? "alert" : void 0
+            },
+            this.hintContent
+          );
+      }
+    }
+  };
+}
+function he(t) {
+  const e = X(t, void 0), r = c(() => !M(e));
+  function s(o, l, n) {
+    if (e != null && e.value) {
+      const a = f(e.value)[o];
+      return c({
+        get() {
+          return a == null ? void 0 : a.value;
+        },
+        set(u) {
+          a.value = u;
+        }
+      });
+    }
+    const p = Y(l, o);
+    return c({
+      get() {
+        return p.value;
+      },
+      set(a) {
+        n && n(`update:${o}`, a);
+      }
+    });
+  }
+  return {
+    group: e,
+    isInGroup: r,
+    getGroupOrLocalRef: s
+  };
+}
+const Z = {
+  valid: Boolean,
+  validLabel: [String, Array]
+}, U = {
+  error: Boolean,
+  errorLabel: [String, Array]
+}, K = {
+  hintLabel: { type: String, default: "" }
+}, ge = {
+  options: { type: Array, default: () => [] },
+  optionLabel: { type: [String, Function], default: () => "label" },
+  optionValue: { type: [String, Function], default: () => "value" }
+}, be = {
+  ...Z,
+  ...U,
+  ...K,
+  id: [String, Number],
+  name: { type: String, required: !0 },
+  value: [String, Number, Boolean],
+  modelValue: [Object, Number, Boolean, String],
+  label: String,
+  disabled: Boolean,
+  readonly: Boolean,
+  trueValue: { type: [String, Number, Boolean], default: void 0 },
+  falseValue: { type: [String, Number, Boolean], default: void 0 },
+  switch: Boolean,
+  tabindex: { type: [String, Number], default: 0 }
+}, Ve = ["click", "update:modelValue", "change", "blur"];
+function ke(t, e) {
+  const { group: r, isInGroup: s, getGroupOrLocalRef: o } = he(T), { valid: l, error: n, switch: p } = x(t), a = o("modelValue", t, e), u = o("readonly", t), d = o("disabled", t);
+  return {
+    valid: l,
+    error: n,
+    propsSwitch: p,
+    group: r,
+    isInGroup: s,
+    modelValue: a,
+    readonly: u,
+    disabled: d
+  };
+}
+const Ce = ["for"], _e = ["id", "name", "disabled", "value", "tabindex", "aria-invalid"], Ae = {
+  name: "VvCheckbox"
+}, Se = /* @__PURE__ */ R({
+  ...Ae,
+  props: be,
+  emits: Ve,
+  setup(t, { emit: e }) {
+    const r = t, s = w(), { disabled: o, readonly: l, valid: n, error: p, propsSwitch: a, modelValue: u } = ke(r, e), d = L(), i = c(
+      () => r.id !== void 0 ? String(r.id) : void 0
+    ), g = c(
+      () => r.trueValue !== void 0 && r.falseValue !== void 0
+    ), v = c(() => o.value || l.value), m = c(() => v.value ? -1 : r.tabindex), y = c(() => {
+      if (r.error === !0)
+        return !0;
+      if (r.valid === !0)
+        return !1;
+    }), V = c(() => g.value ? u.value === r.trueValue : Array.isArray(u.value) ? pe(r.value, u.value) : P(r.value, u.value)), k = c(() => {
+      if (!g.value)
+        return ["string", "number", "boolean"].includes(typeof r.value) ? r.value : !0;
+    }), b = c({
+      get() {
+        return V.value;
+      },
+      set(h) {
+        if (g.value) {
+          u.value = h ? r.trueValue : r.falseValue;
+          return;
+        }
+        if (Array.isArray(u.value)) {
+          u.value = h ? [...u.value, r.value] : ye(r.value, u.value);
+          return;
+        }
+        u.value = h ? r.value : null, e("change", h);
+      }
+    }), { bemCssClasses: B } = q("vv-checkbox", {
+      switch: a,
+      valid: n,
+      invalid: p,
+      disabled: o,
+      readonly: l
+    });
+    ee(() => {
+      g.value && Array.isArray(u.value) && console.warn(
+        "[VvCheckbox] The model value is an array but the component is in binary mode."
+      );
+    });
+    const { HintSlot: j } = z(r, s);
+    return (h, C) => (_(), S("label", {
+      class: H(f(B)),
+      for: f(i)
+    }, [
+      te(N("input", {
+        id: f(i),
+        ref_key: "input",
+        ref: d,
+        "onUpdate:modelValue": C[0] || (C[0] = (J) => G(b) ? b.value = J : null),
+        type: "checkbox",
+        class: "vv-checkbox__input",
+        name: h.name,
+        disabled: f(v),
+        value: f(k),
+        tabindex: f(m),
+        "aria-invalid": f(y)
+      }, null, 8, _e), [
+        [re, f(b)]
+      ]),
+      D(h.$slots, "default", { value: f(u) }, () => [
+        ne(F(h.label), 1)
+      ]),
+      I(f(j), {
+        class: "vv-checkbox__hint",
+        params: { value: f(u) }
+      }, null, 8, ["params"])
+    ], 10, Ce));
+  }
+}), Oe = {
+  ...Z,
+  ...U,
+  ...K,
+  ...ge,
+  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 }
+}, xe = ["update:modelValue", "change"], Be = ["textContent"], je = { class: "vv-checkbox-group__wrapper" }, Ee = {
+  name: "VvCheckboxGroup"
+}, Ge = /* @__PURE__ */ R({
+  ...Ee,
+  props: Oe,
+  emits: xe,
+  setup(t, { emit: e }) {
+    const r = t, s = w(), o = ce(r, "modelValue", e), { disabled: l, readonly: n, error: p, valid: a } = x(r);
+    fe({
+      key: T,
+      modelValue: o,
+      disabled: l,
+      readonly: n
+    });
+    const { getOptionLabel: d, getOptionValue: i } = de(r), { bemCssClasses: g } = q("vv-checkbox-group", {
+      horizontal: c(() => !r.vertical),
+      valid: a,
+      invalid: p
+    }), v = (y, V) => ({
+      id: `${r.name}_opt${V}`,
+      name: r.name,
+      label: d(y),
+      value: i(y)
+    }), { HintSlot: m } = z(r, s);
+    return (y, V) => (_(), S("fieldset", {
+      class: H(f(g))
+    }, [
+      y.label ? (_(), S("legend", {
+        key: 0,
+        textContent: F(y.label)
+      }, null, 8, Be)) : oe("", !0),
+      N("div", je, [
+        y.options.length > 0 ? (_(!0), S(se, { key: 0 }, ue(y.options, (k, b) => (_(), le(Se, ae({ key: b }, v(k, b)), null, 16))), 128)) : D(y.$slots, "default", { key: 1 })
+      ]),
+      I(f(m), { class: "vv-checkbox-group__hint" })
+    ], 2));
+  }
+});
+export {
+  Ge as default
+};

package/dist/components/VvCheckboxGroup/VvCheckboxGroup.umd.js

@@ -0,0 +1 @@
+(function(e,C){typeof exports=="object"&&typeof module<"u"?module.exports=C(require("vue"),require("@vueuse/core")):typeof define=="function"&&define.amd?define(["vue","@vueuse/core"],C):(e=typeof globalThis<"u"?globalThis:e||self,e.VvCheckboxGroup=C(e.vue,e.core))})(this,function(e,C){"use strict";const E="VV_CHECK_GROUP";function H(n){if(Object.keys(n).some(t=>t!=="key"&&!e.isRef(n[t])))throw Error("One or more groupState props aren't ref.");e.provide(n.key,e.computed(()=>n))}function D(n){const{options:t,optionLabel:r,optionValue:l}=e.toRefs(n);return{options:t,getOptionLabel:o=>typeof o!="object"&&o!==null?o:typeof r.value=="function"?r.value(o):o[r.value],getOptionValue:o=>typeof o!="object"&&o!==null?o:typeof l.value=="function"?l.value(o):o[l.value]}}function A(n,t,r){return r?_(n,r)===_(t,r):B(n,t)}function B(n,t){if(n===t)return!0;if(n&&t&&typeof n=="object"&&typeof t=="object"){const r=Array.isArray(n),l=Array.isArray(t);let s,i,o;if(r&&l){if(i=n.length,i!=t.length)return!1;for(s=i;s--!==0;)if(!B(n[s],t[s]))return!1;return!0}if(r!=l)return!1;const p=n instanceof Date,u=t instanceof Date;if(p!=u)return!1;if(p&&u)return n.getTime()==t.getTime();const a=n instanceof RegExp,f=t instanceof RegExp;if(a!=f)return!1;if(a&&f)return n.toString()==t.toString();const c=Object.keys(n);if(i=c.length,i!==Object.keys(t).length)return!1;for(s=i;s--!==0;)if(!Object.prototype.hasOwnProperty.call(t,c[s]))return!1;for(s=i;s--!==0;)if(o=c[s],!B(n[o],t[o]))return!1;return!0}return n!==n&&t!==t}function _(n,t){if(n&&Object.keys(n).length&&t){if(t.indexOf(".")===-1)return n[t];{const r=t.split(".");let l=n;for(let s=0,i=r.length;s<i;++s){if(n==null)return null;l=l[r[s]]}return l}}else return null}function T(n,t){let r=-1;if(t){for(let l=0;l<t.length;l++)if(A(t[l],n)){r=l;break}}return r}function q(n,t){if(n!=null&&t&&t.length){for(const r of t)if(A(n,r))return!0}return!1}function j(n){return(t=>t==null||t===""||Array.isArray(t)&&t.length===0||!(t instanceof Date)&&typeof t=="object"&&Object.keys(t).length===0)(e.unref(n))}function F(n,t){const r=T(n,t);return r>-1?t.filter((l,s)=>s!==r):t}function I(n){return typeof n=="string"||n instanceof String}function R(n){var t,r;if(n)return(r=(t=n.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 P(n,t){const r={[`${n}`]:!0};return{bemCssClasses:e.computed(()=>Object.keys(t).reduce((s,i)=>{const o=e.unref(t[i])||!1;if(!o)return s;if(i==="modifiers"){const p=Array.isArray(o)?o:o.split(" ");return{...s,...p.reduce((u,a)=>({...u,[`${n}--${R(a)}`]:!0}),{})}}else return{...s,[`${n}--${R(i)}`]:o}},r)||{})}}function S(n){return Array.isArray(n)?n.filter(t=>I(t)).join(" "):n}function $(n,t){const{error:r,valid:l,hint:s,loading:i}=t,{hintLabel:o,modelValue:p,valid:u,validLabel:a,error:f,errorLabel:c,...g}=e.toRefs(n),d=_(g,"loading"),y=_(g,"loadingLabel"),m=e.computed(()=>f.value?!!(f.value&&r||c!=null&&c.value&&Array.isArray(c.value)&&c.value.length>0||c!=null&&c.value&&!j(c)):!1),k=e.computed(()=>!!(o&&o.value||s)),V=e.computed(()=>!!(a&&a.value||l)),b=e.computed(()=>!!(d!=null&&d.value&&i||d!=null&&d.value&&(y!=null&&y.value))),x=e.computed(()=>k.value||V||m.value||b.value);return{hasErrors:m,hasHint:k,hasValid:V,hasLoading:b,HintSlot:{name:"HintSlot",props:{params:{type:Object,default:()=>({})}},setup(O){const h=e.computed(()=>{const v=C.toReactive({hintLabel:o,modelValue:p,valid:u,validLabel:a,error:f,errorLabel:c,loading:d,loadingLabel:y,...O.params});return f!=null&&f.value?(r==null?void 0:r(v))||S(c==null?void 0:c.value)||(o==null?void 0:o.value):u!=null&&u.value?(l==null?void 0:l(v))||S(a==null?void 0:a.value)||(o==null?void 0:o.value):d!=null&&d.value?(i==null?void 0:i(v))||S(y==null?void 0:y.value)||(o==null?void 0:o.value):(s==null?void 0:s(v))||S(o==null?void 0:o.value)||(o==null?void 0:o.value)});return{isVisible:x,hasErrors:m,hasValid:V,hintContent:h}},render(){if(this.isVisible)return e.h("small",{role:this.hasErrors||this.hasValid?"alert":void 0},this.hintContent)}}}}function z(n){const t=e.inject(n,void 0),r=e.computed(()=>!j(t));function l(s,i,o){if(t!=null&&t.value){const u=e.unref(t.value)[s];return e.computed({get(){return u==null?void 0:u.value},set(a){u.value=a}})}const p=e.toRef(i,s);return e.computed({get(){return p.value},set(u){o&&o(`update:${s}`,u)}})}return{group:t,isInGroup:r,getGroupOrLocalRef:l}}const G={valid:Boolean,validLabel:[String,Array]},N={error:Boolean,errorLabel:[String,Array]},w={hintLabel:{type:String,default:""}},M={options:{type:Array,default:()=>[]},optionLabel:{type:[String,Function],default:()=>"label"},optionValue:{type:[String,Function],default:()=>"value"}},Z={...G,...N,...w,id:[String,Number],name:{type:String,required:!0},value:[String,Number,Boolean],modelValue:[Object,Number,Boolean,String],label:String,disabled:Boolean,readonly:Boolean,trueValue:{type:[String,Number,Boolean],default:void 0},falseValue:{type:[String,Number,Boolean],default:void 0},switch:Boolean,tabindex:{type:[String,Number],default:0}},U=["click","update:modelValue","change","blur"];function K(n,t){const{group:r,isInGroup:l,getGroupOrLocalRef:s}=z(E),{valid:i,error:o,switch:p}=e.toRefs(n),u=s("modelValue",n,t),a=s("readonly",n),f=s("disabled",n);return{valid:i,error:o,propsSwitch:p,group:r,isInGroup:l,modelValue:u,readonly:a,disabled:f}}const J=["for"],Q=["id","name","disabled","value","tabindex","aria-invalid"],W={name:"VvCheckbox"},X=e.defineComponent({...W,props:Z,emits:U,setup(n,{emit:t}){const r=n,l=e.useSlots(),{disabled:s,readonly:i,valid:o,error:p,propsSwitch:u,modelValue:a}=K(r,t),f=e.ref(),c=e.computed(()=>r.id!==void 0?String(r.id):void 0),g=e.computed(()=>r.trueValue!==void 0&&r.falseValue!==void 0),d=e.computed(()=>s.value||i.value),y=e.computed(()=>d.value?-1:r.tabindex),m=e.computed(()=>{if(r.error===!0)return!0;if(r.valid===!0)return!1}),k=e.computed(()=>g.value?a.value===r.trueValue:Array.isArray(a.value)?q(r.value,a.value):A(r.value,a.value)),V=e.computed(()=>{if(!g.value)return["string","number","boolean"].includes(typeof r.value)?r.value:!0}),b=e.computed({get(){return k.value},set(h){if(g.value){a.value=h?r.trueValue:r.falseValue;return}if(Array.isArray(a.value)){a.value=h?[...a.value,r.value]:F(r.value,a.value);return}a.value=h?r.value:null,t("change",h)}}),{bemCssClasses:x}=P("vv-checkbox",{switch:u,valid:o,invalid:p,disabled:s,readonly:i});e.watchEffect(()=>{g.value&&Array.isArray(a.value)&&console.warn("[VvCheckbox] The model value is an array but the component is in binary mode.")});const{HintSlot:O}=$(r,l);return(h,v)=>(e.openBlock(),e.createElementBlock("label",{class:e.normalizeClass(e.unref(x)),for:e.unref(c)},[e.withDirectives(e.createElementVNode("input",{id:e.unref(c),ref_key:"input",ref:f,"onUpdate:modelValue":v[0]||(v[0]=re=>e.isRef(b)?b.value=re:null),type:"checkbox",class:"vv-checkbox__input",name:h.name,disabled:e.unref(d),value:e.unref(V),tabindex:e.unref(y),"aria-invalid":e.unref(m)},null,8,Q),[[e.vModelCheckbox,e.unref(b)]]),e.renderSlot(h.$slots,"default",{value:e.unref(a)},()=>[e.createTextVNode(e.toDisplayString(h.label),1)]),e.createVNode(e.unref(O),{class:"vv-checkbox__hint",params:{value:e.unref(a)}},null,8,["params"])],10,J))}}),Y={...G,...N,...w,...M,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}},L=["update:modelValue","change"],ee=["textContent"],te={class:"vv-checkbox-group__wrapper"},ne={name:"VvCheckboxGroup"};return e.defineComponent({...ne,props:Y,emits:L,setup(n,{emit:t}){const r=n,l=e.useSlots(),s=C.useVModel(r,"modelValue",t),{disabled:i,readonly:o,error:p,valid:u}=e.toRefs(r);H({key:E,modelValue:s,disabled:i,readonly:o});const{getOptionLabel:f,getOptionValue:c}=D(r),{bemCssClasses:g}=P("vv-checkbox-group",{horizontal:e.computed(()=>!r.vertical),valid:u,invalid:p}),d=(m,k)=>({id:`${r.name}_opt${k}`,name:r.name,label:f(m),value:c(m)}),{HintSlot:y}=$(r,l);return(m,k)=>(e.openBlock(),e.createElementBlock("fieldset",{class:e.normalizeClass(e.unref(g))},[m.label?(e.openBlock(),e.createElementBlock("legend",{key:0,textContent:e.toDisplayString(m.label)},null,8,ee)):e.createCommentVNode("",!0),e.createElementVNode("div",te,[m.options.length>0?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(m.options,(V,b)=>(e.openBlock(),e.createBlock(X,e.mergeProps({key:b},d(V,b)),null,16))),128)):e.renderSlot(m.$slots,"default",{key:1})]),e.createVNode(e.unref(y),{class:"vv-checkbox-group__hint"})],2))}})});

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

@@ -0,0 +1,113 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    modelValue: {
+        type: ArrayConstructor;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    name: {
+        type: StringConstructor;
+        default: string;
+        required: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    vertical: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    options: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    optionLabel: {
+        type: (StringConstructor | FunctionConstructor)[];
+        default: () => string;
+    };
+    optionValue: {
+        type: (StringConstructor | FunctionConstructor)[];
+        default: () => string;
+    };
+    hintLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    error: BooleanConstructor;
+    errorLabel: (ArrayConstructor | StringConstructor)[];
+    valid: BooleanConstructor;
+    validLabel: (ArrayConstructor | StringConstructor)[];
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: ArrayConstructor;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    name: {
+        type: StringConstructor;
+        default: string;
+        required: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    vertical: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    options: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    optionLabel: {
+        type: (StringConstructor | FunctionConstructor)[];
+        default: () => string;
+    };
+    optionValue: {
+        type: (StringConstructor | FunctionConstructor)[];
+        default: () => string;
+    };
+    hintLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    error: BooleanConstructor;
+    errorLabel: (ArrayConstructor | StringConstructor)[];
+    valid: BooleanConstructor;
+    validLabel: (ArrayConstructor | StringConstructor)[];
+}>> & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}, {
+    name: string;
+    disabled: boolean;
+    label: string;
+    error: boolean;
+    vertical: boolean;
+    readonly: boolean;
+    hintLabel: string;
+    valid: boolean;
+    options: unknown[];
+    optionLabel: string | Function;
+    optionValue: string | Function;
+}>, {
+    default: (_: {}) => any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/{VvCheckGroup/VvCheckGroup.d.ts → VvCheckboxGroup/index.d.ts}

@@ -1,19 +1,19 @@
-export declare const VvCheckGroupProps: {
+export declare const VvCheckboxGroupProps: {
     /**
-     * VModel
+     * Input value
      */
     modelValue: {
         type: ArrayConstructor;
     };
     /**
-     * Radio group label
+     * Input label
      */
     label: {
         type: StringConstructor;
         default: string;
     };
     /**
-     * Nome da utilizzare per il radio group
+     * Input name
      */
     name: {
         type: StringConstructor;
@@ -21,21 +21,21 @@ export declare const VvCheckGroupProps: {
         required: boolean;
     };
     /**
-     * True se disabilitato
+     * If true, the input will be disabled
      */
     disabled: {
         type: BooleanConstructor;
         default: boolean;
     };
     /**
-     * True se readonly
+     * If true, the input will be readonly
      */
     readonly: {
         type: BooleanConstructor;
         default: boolean;
     };
     /**
-     * True = show buttons vertically
+     * If true, the group will be displayed in a vertical column
      */
     vertical: {
         type: BooleanConstructor;
@@ -58,8 +58,8 @@ export declare const VvCheckGroupProps: {
         default: string;
     };
     error: BooleanConstructor;
-    errorLabel: (StringConstructor | ArrayConstructor)[];
+    errorLabel: (ArrayConstructor | StringConstructor)[];
     valid: BooleanConstructor;
-    validLabel: (StringConstructor | ArrayConstructor)[];
+    validLabel: (ArrayConstructor | StringConstructor)[];
 };
-export declare const VvCheckGroupEvents: string[];
+export declare const VvCheckboxGroupEvents: string[];