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

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

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

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

@@ -0,0 +1,82 @@
+import type { Option } from '@/types/generic';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    modelValue: (ArrayConstructor | StringConstructor)[];
+    label: StringConstructor;
+    name: {
+        type: StringConstructor;
+        required: boolean;
+    };
+    vertical: BooleanConstructor;
+    readonly: BooleanConstructor;
+    disabled: BooleanConstructor;
+    hintLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    options: {
+        type: import("vue").PropType<(string | Option)[]>;
+        default: () => never[];
+    };
+    labelKey: {
+        type: (StringConstructor | FunctionConstructor)[];
+        default: string;
+    };
+    valueKey: {
+        type: (StringConstructor | FunctionConstructor)[];
+        default: string;
+    };
+    invalid: BooleanConstructor;
+    invalidLabel: (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: (ArrayConstructor | StringConstructor)[];
+    label: StringConstructor;
+    name: {
+        type: StringConstructor;
+        required: boolean;
+    };
+    vertical: BooleanConstructor;
+    readonly: BooleanConstructor;
+    disabled: BooleanConstructor;
+    hintLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    options: {
+        type: import("vue").PropType<(string | Option)[]>;
+        default: () => never[];
+    };
+    labelKey: {
+        type: (StringConstructor | FunctionConstructor)[];
+        default: string;
+    };
+    valueKey: {
+        type: (StringConstructor | FunctionConstructor)[];
+        default: string;
+    };
+    invalid: BooleanConstructor;
+    invalidLabel: (ArrayConstructor | StringConstructor)[];
+    valid: BooleanConstructor;
+    validLabel: (ArrayConstructor | StringConstructor)[];
+}>> & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}, {
+    disabled: boolean;
+    readonly: boolean;
+    hintLabel: string;
+    invalid: boolean;
+    valid: boolean;
+    options: (string | Option)[];
+    labelKey: string | Function;
+    valueKey: string | Function;
+    vertical: boolean;
+}>, {
+    default: (_: {}) => any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,32 @@
+export declare const VvCheckboxGroupProps: {
+    modelValue: (ArrayConstructor | StringConstructor)[];
+    label: StringConstructor;
+    name: {
+        type: StringConstructor;
+        required: boolean;
+    };
+    vertical: BooleanConstructor;
+    readonly: BooleanConstructor;
+    disabled: BooleanConstructor;
+    hintLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    options: {
+        type: import("vue").PropType<(string | import("../../types/generic").Option)[]>;
+        default: () => never[];
+    };
+    labelKey: {
+        type: (StringConstructor | FunctionConstructor)[];
+        default: string;
+    };
+    valueKey: {
+        type: (StringConstructor | FunctionConstructor)[];
+        default: string;
+    };
+    invalid: BooleanConstructor;
+    invalidLabel: (ArrayConstructor | StringConstructor)[];
+    valid: BooleanConstructor;
+    validLabel: (ArrayConstructor | StringConstructor)[];
+};
+export declare const VvCheckboxGroupEvents: string[];