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

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

@@ -1,451 +0,0 @@
-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

@@ -1,2 +0,0 @@
-(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))}})});