@volverjs/ui-vue 0.0.1-beta.11

package/dist/components/VvCheckGroup/VvCheckGroup.es.js

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

package/dist/components/VvCheckGroup/VvCheckGroup.umd.js

@@ -0,0 +1,2 @@
+(function(n,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):(n=typeof globalThis<"u"?globalThis:n||self,n.VvCheckGroup=C(n.vue,n.core))})(this,function(n,C){"use strict";const S={valid:Boolean,validLabel:[String,Array]},j={error:Boolean,errorLabel:[String,Array]},F={...S,...j,...{hintLabel:{type:String,default:""}},...{options:{type:Array,default:()=>[]},optionLabel:{type:[String,Function],default:()=>"label"},optionValue:{type:[String,Function],default:()=>"value"}},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}},R=["update:modelValue","change"],P=Symbol("VV_CHECK_GROUP");function q(e){if(Object.keys(e).some(t=>t!=="key"&&!n.isRef(e[t])))throw Error("One or more groupState props aren't ref.");n.provide(e.key,n.computed(()=>e))}function G(e){const{options:t,optionLabel:r,optionValue:o}=n.toRefs(e);return{options:t,getOptionLabel:l=>typeof l!="object"&&l!==null?l:typeof r.value=="function"?r.value(l):l[r.value],getOptionValue:l=>typeof l!="object"&&l!==null?l:typeof o.value=="function"?o.value(l):l[o.value]}}const k={equals(e,t,r){return r?this.resolveFieldData(e,r)===this.resolveFieldData(t,r):this.deepEquals(e,t)},deepEquals(e,t){if(e===t)return!0;if(e&&t&&typeof e=="object"&&typeof t=="object"){const r=Array.isArray(e),o=Array.isArray(t);let s,a,l;if(r&&o){if(a=e.length,a!=t.length)return!1;for(s=a;s--!==0;)if(!this.deepEquals(e[s],t[s]))return!1;return!0}if(r!=o)return!1;const c=e instanceof Date,u=t instanceof Date;if(c!=u)return!1;if(c&&u)return e.getTime()==t.getTime();const i=e instanceof RegExp,m=t instanceof RegExp;if(i!=m)return!1;if(i&&m)return e.toString()==t.toString();const d=Object.keys(e);if(a=d.length,a!==Object.keys(t).length)return!1;for(s=a;s--!==0;)if(!Object.prototype.hasOwnProperty.call(t,d[s]))return!1;for(s=a;s--!==0;)if(l=d[s],!this.deepEquals(e[l],t[l]))return!1;return!0}return e!==e&&t!==t},resolveFieldData(e,t){if(e&&Object.keys(e).length&&t){if(t.indexOf(".")===-1)return e[t];{const r=t.split(".");let o=e;for(let s=0,a=r.length;s<a;++s){if(e==null)return null;o=o[r[s]]}return o}}else return null},isFunction(e){return!!(e&&e.constructor&&e.call&&e.apply)},findIndexInList(e,t){let r=-1;if(t){for(let o=0;o<t.length;o++)if(this.equals(t[o],e)){r=o;break}}return r},contains(e,t){if(e!=null&&t&&t.length){for(const r of t)if(this.equals(e,r))return!0}return!1},isEmpty(e){return e==null||e===""||Array.isArray(e)&&e.length===0||!(e instanceof Date)&&typeof e=="object"&&Object.keys(e).length===0},isNotEmpty(e){return!this.isEmpty(e)},pickBy(e,t){return Object.fromEntries(Object.entries(e).filter(([r])=>t(r)))},removeFromList(e,t){const r=this.findIndexInList(e,t);return r>-1?t.filter((o,s)=>s!==r):t},isString(e){return typeof e=="string"||e instanceof String},propsToObject(e){return Object.keys(e).reduce((t,r)=>{var o,s,a,l,c;return this.isFunction(e[r])?t[r]=e[r]():Array.isArray(e[r])?t[r]=e[r][0]():(o=e[r])!=null&&o.type&&(Array.isArray(e[r].type)?t[r]=((s=e[r])==null?void 0:s.default)||((a=e[r])==null?void 0:a.type[0]()):t[r]=((l=e[r])==null?void 0:l.default)||((c=e[r])==null?void 0:c.type())),t},{})},filterArray(e,t,r){return e.filter(o=>t.some(s=>typeof s=="string"?o[r]==s:this.equals(o[r],s[r])))},kebabCase(e){var t,r;if(e)return(r=(t=e.match(/[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g))==null?void 0:t.join("-"))==null?void 0:r.toLowerCase()}};function B(e,t){const r={[`${e}`]:!0};return{bemCssClasses:n.computed(()=>Object.keys(t).reduce((s,a)=>{const l=n.unref(t[a])||!1;if(!l)return s;if(a==="modifiers"){const c=Array.isArray(l)?l:[l];return{...s,...c.reduce((u,i)=>({...u,[`${e}--${k.kebabCase(i)}`]:!0}),{})}}else return{...s,[`${e}--${k.kebabCase(a)}`]:l}},r)||{})}}const I={...S,...j,value:null,modelValue:null,binary:Boolean,trueValue:{type:null,default:!0},falseValue:{type:null,default:!1},switch:Boolean,label:String,disabled:Boolean,readonly:Boolean},w=["click","update:modelValue","change","focus","blur"];function x(e){const t=n.inject(e,void 0),r=n.computed(()=>k.isNotEmpty(t));function o(s,a,l){if(t!=null&&t.value){const c=n.unref(t.value)[s];return n.computed({get(){return c==null?void 0:c.value},set(u){c.value=u}})}else{const c=n.toRef(a,s);return n.computed({get(){return c.value},set(u){l&&l(`update:${s}`,u)}})}}return{group:t,isInGroup:r,getGroupOrLocalRef:o}}function $(e,t){const{group:r,isInGroup:o,getGroupOrLocalRef:s}=x(P),{valid:a,error:l,switch:c}=n.toRefs(e),u=s("modelValue",e,t),i=s("readonly",e),m=s("disabled",e);return{group:r,isInGroup:o,valid:a,error:l,propsSwitch:c,modelValue:u,readonly:i,disabled:m}}function D(e,t){const{focused:r}=C.useFocus(e);return n.watch(r,o=>{t(o?"focus":"blur",e.value)}),{focused:r}}const H={inheritAttrs:!1},N=n.defineComponent({...H,__name:"VvCheck",props:I,emits:w,setup(e,{emit:t}){const r=e,o=n.useAttrs(),{disabled:s,readonly:a,valid:l,error:c,propsSwitch:u,modelValue:i}=$(r,t),m=n.ref(),{focused:d}=D(m,t),y=n.computed(()=>r.binary?k.equals(i.value,r.trueValue):Array.isArray(i.value)?k.contains(r.value,i.value):k.equals(r.value,i.value)),{bemCssClasses:p}=B("vv-input-checkbox",{switch:u,valid:l,invalid:c}),{bemCssClasses:h}=B("vv-input-check__input",{checked:y,disabled:s,readonly:a}),f=n.computed(()=>({[o.class]:!0,...p.value})),v=n.computed(()=>({...h.value,"focus-visible":d.value})),O=n.computed(()=>{const{id:g,name:A,style:E}=o,K=k.pickBy(o,W=>W.startsWith("data-"));return{for:g||A,style:E,...K}}),b=n.computed(()=>{const{id:g="",name:A=""}=o;return{type:"checkbox",id:g||A,name:A,value:r.value,disabled:s.value,readonly:a.value,checked:y.value,...V.value}}),V=n.computed(()=>{const{name:g}=o,A=k.pickBy(o,E=>E.startsWith("aria-"));return{"aria-label":g,"aria-checked":y.value,...A}});function M(){if(r.binary){i.value=y.value?r.falseValue:r.trueValue;return}if(i.value===null){i.value=[r.value];return}if(Array.isArray(i.value)){i.value=y.value?k.removeFromList(r.value,i.value):[...i.value,r.value];return}}function U(g){s.value||(t("click",g),t("change",y.value?r.value:null),d.value=!0)}return(g,A)=>(n.openBlock(),n.createElementBlock("label",n.mergeProps({class:n.unref(f)},n.unref(O),{onClick:U}),[n.createElementVNode("input",n.mergeProps({ref_key:"input",ref:m,class:n.unref(v)},n.unref(b),{onInput:M}),null,16),n.renderSlot(g.$slots,"default",{value:n.unref(i)},()=>[n.createTextVNode(n.toDisplayString(g.label),1)])],16))}});function _(e){return Array.isArray(e)?e.filter(t=>k.isString(t)).reduce((t,r)=>t.length>0?t+`
+`+r:r,""):e}function T(e,t){return{name:"HintSlot",props:{params:{type:Object,default:()=>({})}},setup(r){const o=n.toRefs(e),{error:s,valid:a,hint:l,loading:c}=t,{hintLabel:u,modelValue:i,valid:m,validLabel:d,error:y,errorLabel:p}=o,h=k.resolveFieldData(o,"loading"),f=k.resolveFieldData(o,"loadingLabel"),v=n.computed(()=>y.value?!!(y.value&&s||(p==null?void 0:p.value)&&Array.isArray(p.value)&&p.value.length>0||(p==null?void 0:p.value)&&k.isNotEmpty(p.value)):!1),O=n.computed(()=>!!(u&&u.value||l||a||d&&d.value||v.value||(h==null?void 0:h.value)&&c||(h==null?void 0:h.value)&&(f==null?void 0:f.value))),b=n.computed(()=>{const V=C.toReactive({hintLabel:u,modelValue:i,valid:m,validLabel:d,error:y,errorLabel:p,loading:h,loadingLabel:f,...r.params});return y!=null&&y.value?(s==null?void 0:s(V))||_(p==null?void 0:p.value)||(u==null?void 0:u.value):m!=null&&m.value?(a==null?void 0:a(V))||_(d==null?void 0:d.value)||(u==null?void 0:u.value):h!=null&&h.value?(c==null?void 0:c(V))||_(f==null?void 0:f.value)||(u==null?void 0:u.value):(l==null?void 0:l(V))||_(u==null?void 0:u.value)||(u==null?void 0:u.value)});return{hasHint:O,hintContent:b}},render(){if(this.hasHint)return n.h("pre",{style:{"white-space":"pre"}},this.hintContent)}}}const z=["textContent"],Z={class:"vv-input-checkbox-group__wrapper"};return n.defineComponent({__name:"VvCheckGroup",props:F,emits:R,setup(e,{emit:t}){const r=e,o=n.useSlots(),s=C.useVModel(r,"modelValue",t),{disabled:a,readonly:l,error:c,valid:u}=n.toRefs(r);q({key:P,modelValue:s,disabled:a,readonly:l});const{getOptionLabel:m,getOptionValue:d}=G(r),{bemCssClasses:y}=B("vv-input-checkbox-group",{horizontal:n.computed(()=>!r.vertical),valid:u,invalid:c}),p=(f,v)=>({id:`${r.name}_opt${v}`,name:r.name,label:m(f),value:d(f)}),h=T(r,o);return(f,v)=>(n.openBlock(),n.createElementBlock("fieldset",{class:n.normalizeClass(n.unref(y))},[f.label?(n.openBlock(),n.createElementBlock("legend",{key:0,textContent:n.toDisplayString(f.label)},null,8,z)):n.createCommentVNode("",!0),n.createElementVNode("div",Z,[f.options.length>0?(n.openBlock(!0),n.createElementBlock(n.Fragment,{key:0},n.renderList(f.options,(O,b)=>(n.openBlock(),n.createBlock(N,n.mergeProps({key:b},p(O,b)),null,16))),128)):n.renderSlot(f.$slots,"default",{key:1})]),n.createVNode(n.unref(h),{class:"vv-input-checkbox-group__hint"})],2))}})});