@volverjs/ui-vue 0.0.1-beta.2

package/dist/components/VvCard/vv-card.umd.js

@@ -0,0 +1 @@
+(function(n,l){typeof exports=="object"&&typeof module<"u"?module.exports=l(require("vue")):typeof define=="function"&&define.amd?define(["vue"],l):(n=typeof globalThis<"u"?globalThis:n||self,n.VvCard=l(n.vue))})(this,function(n){"use strict";const l={title:String,modifiers:[String,Array]},y={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),i=Array.isArray(t);let s,f,o;if(r&&i){if(f=e.length,f!=t.length)return!1;for(s=f;s--!==0;)if(!this.deepEquals(e[s],t[s]))return!1;return!0}if(r!=i)return!1;const c=e instanceof Date,d=t instanceof Date;if(c!=d)return!1;if(c&&d)return e.getTime()==t.getTime();const a=e instanceof RegExp,m=t instanceof RegExp;if(a!=m)return!1;if(a&&m)return e.toString()==t.toString();const u=Object.keys(e);if(f=u.length,f!==Object.keys(t).length)return!1;for(s=f;s--!==0;)if(!Object.prototype.hasOwnProperty.call(t,u[s]))return!1;for(s=f;s--!==0;)if(o=u[s],!this.deepEquals(e[o],t[o]))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 i=e;for(let s=0,f=r.length;s<f;++s){if(e==null)return null;i=i[r[s]]}return i}}else return null},isFunction(e){return!!(e&&e.constructor&&e.call&&e.apply)},findIndexInList(e,t){let r=-1;if(t){for(let i=0;i<t.length;i++)if(this.equals(t[i],e)){r=i;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((i,s)=>s!==r):t},isString(e){return typeof e=="string"||e instanceof String},propsToObject(e){return Object.keys(e).reduce((t,r)=>{var i,s,f,o,c;return this.isFunction(e[r])?t[r]=e[r]():Array.isArray(e[r])?t[r]=e[r][0]():(i=e[r])!=null&&i.type&&(Array.isArray(e[r].type)?t[r]=((s=e[r])==null?void 0:s.default)||((f=e[r])==null?void 0:f.type[0]()):t[r]=((o=e[r])==null?void 0:o.default)||((c=e[r])==null?void 0:c.type())),t},{})},filterArray(e,t,r){return e.filter(i=>t.some(s=>typeof s=="string"?i[r]==s:this.equals(i[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 h(e,t){const r={[`${e}`]:!0};return{bemCssClasses:n.computed(()=>Object.keys(t).reduce((s,f)=>{const o=n.unref(t[f])||!1;if(!o)return s;if(f==="modifiers"){const c=Array.isArray(o)?o:[o];return{...s,...c.reduce((d,a)=>({...d,[`${e}--${y.kebabCase(a)}`]:!0}),{})}}else return{...s,[`${e}--${y.kebabCase(f)}`]:o}},r)||{})}}const p={key:0,class:"vv-card__header"},g={key:1,class:"vv-card__content"},A={key:2,class:"vv-card__footer"};return n.defineComponent({__name:"VvCard",props:l,setup(e){const t=e,r=n.useAttrs(),{modifiers:i}=n.toRefs(t),{bemCssClasses:s}=h("vv-card",{modifiers:i}),f=n.computed(()=>r);return(o,c)=>(n.openBlock(),n.createElementBlock("article",n.mergeProps({class:n.unref(s)},n.unref(f)),[o.$slots.header||o.title?(n.openBlock(),n.createElementBlock("header",p,[n.renderSlot(o.$slots,"header",{},()=>[n.createTextVNode(n.toDisplayString(o.title),1)])])):n.createCommentVNode("",!0),n.renderSlot(o.$slots,"default"),o.$slots.content?(n.openBlock(),n.createElementBlock("div",g,[n.renderSlot(o.$slots,"content")])):n.createCommentVNode("",!0),o.$slots.footer?(n.openBlock(),n.createElementBlock("footer",A,[n.renderSlot(o.$slots,"footer")])):n.createCommentVNode("",!0)],16))}})});

package/dist/components/VvCheck/VvCheck.d.ts

@@ -0,0 +1,47 @@
+import type { ExtractPropTypes } from 'vue';
+export declare const VvCheckProps: {
+    /**
+     * Valore della check
+     */
+    value: null;
+    /**
+     * VModel
+     * @description
+     * Se Binary = true, modelValue puo essere Object,Boolean,Number
+     * Altrimenti modelValue sarà un Array
+     */
+    modelValue: null;
+    /**
+     * True - ritorna un valore del checkbox binario (es True/False) invece di un valori multipli
+     */
+    binary: BooleanConstructor;
+    /**
+     * Se binary=true, valore associato allo stato checked (ritornato al posto di TRUE)
+     */
+    trueValue: {
+        type: null;
+        default: boolean;
+    };
+    /**
+     * Se binary=true, valore associato allo stato unchecked (ritornato al posto di FALSE)
+     */
+    falseValue: {
+        type: null;
+        default: boolean;
+    };
+    /**
+     * True - visualizza il VvCheck come un pulsante Switch/Toggle
+     */
+    switch: BooleanConstructor;
+    label: StringConstructor;
+    disabled: BooleanConstructor;
+    readonly: BooleanConstructor;
+    error: BooleanConstructor;
+    errorLabel: (StringConstructor | ArrayConstructor)[];
+    valid: BooleanConstructor;
+    validLabel: (StringConstructor | ArrayConstructor)[];
+};
+export declare const VvCheckEvents: string[];
+declare type _VvCheckPropsType = typeof VvCheckProps;
+export declare type VvCheckPropsTypes = ExtractPropTypes<_VvCheckPropsType>;
+export {};

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

@@ -0,0 +1,165 @@
+declare const _default: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            disabled: boolean;
+            readonly: boolean;
+            switch: boolean;
+            error: boolean;
+            binary: boolean;
+            trueValue: any;
+            falseValue: any;
+            valid: boolean;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            value: null;
+            modelValue: null;
+            binary: BooleanConstructor;
+            trueValue: {
+                type: null;
+                default: boolean;
+            };
+            falseValue: {
+                type: null;
+                default: boolean;
+            };
+            switch: BooleanConstructor;
+            label: StringConstructor;
+            disabled: BooleanConstructor;
+            readonly: BooleanConstructor;
+            error: BooleanConstructor;
+            errorLabel: (StringConstructor | ArrayConstructor)[];
+            valid: BooleanConstructor;
+            validLabel: (StringConstructor | ArrayConstructor)[];
+        }>> & {
+            [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "readonly" | "switch" | "error" | "binary" | "trueValue" | "falseValue" | "valid">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot | undefined;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            value: null;
+            modelValue: null;
+            binary: BooleanConstructor;
+            trueValue: {
+                type: null;
+                default: boolean;
+            };
+            falseValue: {
+                type: null;
+                default: boolean;
+            };
+            switch: BooleanConstructor;
+            label: StringConstructor;
+            disabled: BooleanConstructor;
+            readonly: BooleanConstructor;
+            error: BooleanConstructor;
+            errorLabel: (StringConstructor | ArrayConstructor)[];
+            valid: BooleanConstructor;
+            validLabel: (StringConstructor | ArrayConstructor)[];
+        }>> & {
+            [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, {
+            disabled: boolean;
+            readonly: boolean;
+            switch: boolean;
+            error: boolean;
+            binary: boolean;
+            trueValue: any;
+            falseValue: any;
+            valid: boolean;
+        }, {}, string> & {
+            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+            created?: ((() => void) | (() => void)[]) | undefined;
+            beforeMount?: ((() => void) | (() => void)[]) | undefined;
+            mounted?: ((() => void) | (() => void)[]) | undefined;
+            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+            updated?: ((() => void) | (() => void)[]) | undefined;
+            activated?: ((() => void) | (() => void)[]) | undefined;
+            deactivated?: ((() => void) | (() => void)[]) | undefined;
+            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+            destroyed?: ((() => void) | (() => void)[]) | undefined;
+            unmounted?: ((() => void) | (() => void)[]) | undefined;
+            renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+            renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+            errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void)[]) | undefined;
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<{
+        value: null;
+        modelValue: null;
+        binary: BooleanConstructor;
+        trueValue: {
+            type: null;
+            default: boolean;
+        };
+        falseValue: {
+            type: null;
+            default: boolean;
+        };
+        switch: BooleanConstructor;
+        label: StringConstructor;
+        disabled: BooleanConstructor;
+        readonly: BooleanConstructor;
+        error: BooleanConstructor;
+        errorLabel: (StringConstructor | ArrayConstructor)[];
+        valid: BooleanConstructor;
+        validLabel: (StringConstructor | ArrayConstructor)[];
+    }>> & {
+        [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    value: null;
+    modelValue: null;
+    binary: BooleanConstructor;
+    trueValue: {
+        type: null;
+        default: boolean;
+    };
+    falseValue: {
+        type: null;
+        default: boolean;
+    };
+    switch: BooleanConstructor;
+    label: StringConstructor;
+    disabled: BooleanConstructor;
+    readonly: BooleanConstructor;
+    error: BooleanConstructor;
+    errorLabel: (StringConstructor | ArrayConstructor)[];
+    valid: BooleanConstructor;
+    validLabel: (StringConstructor | ArrayConstructor)[];
+}>> & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, {
+    disabled: boolean;
+    readonly: boolean;
+    switch: boolean;
+    error: boolean;
+    binary: boolean;
+    trueValue: any;
+    falseValue: any;
+    valid: boolean;
+}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        default: (_: {
+            value: any;
+        }) => any;
+    };
+});
+export default _default;

package/dist/components/VvCheck/useCheckProps.d.ts

@@ -0,0 +1,16 @@
+import type { VvCheckPropsTypes } from './VvCheck';
+import type { IInputGroupState } from '@/composables/group/types/IInputGroup';
+/**
+ * Estreae tutte le prop del componente VvButton che possono essere
+ * "sovrascritte" quando il buttone si trova in un gruppo.
+ */
+export declare function toCheckInputRefs(props: VvCheckPropsTypes, emit: (event: any, ...args: any[]) => void): {
+    group: import("vue").Ref<IInputGroupState> | undefined;
+    isInGroup: import("vue").ComputedRef<boolean>;
+    valid: import("vue").Ref<boolean>;
+    error: import("vue").Ref<boolean>;
+    propsSwitch: import("vue").Ref<boolean>;
+    modelValue: import("vue").WritableComputedRef<any>;
+    readonly: import("vue").WritableComputedRef<any>;
+    disabled: import("vue").WritableComputedRef<any>;
+};

package/dist/components/VvCheck/vv-check.es.js

@@ -0,0 +1,321 @@
+import { inject as x, computed as f, unref as v, toRef as w, toRefs as F, watch as L, defineComponent as R, useAttrs as D, ref as G, openBlock as $, createElementBlock as P, mergeProps as k, createElementVNode as Z, renderSlot as T, createTextVNode as U, toDisplayString as z } from "vue";
+import { useFocus as H } from "@vueuse/core";
+const d = {
+  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, l, o;
+      if (r && s) {
+        if (l = e.length, l != t.length)
+          return !1;
+        for (n = l; n-- !== 0; )
+          if (!this.deepEquals(e[n], t[n]))
+            return !1;
+        return !0;
+      }
+      if (r != s)
+        return !1;
+      const a = e instanceof Date, c = t instanceof Date;
+      if (a != c)
+        return !1;
+      if (a && c)
+        return e.getTime() == t.getTime();
+      const u = e instanceof RegExp, y = t instanceof RegExp;
+      if (u != y)
+        return !1;
+      if (u && y)
+        return e.toString() == t.toString();
+      const p = Object.keys(e);
+      if (l = p.length, l !== Object.keys(t).length)
+        return !1;
+      for (n = l; n-- !== 0; )
+        if (!Object.prototype.hasOwnProperty.call(t, p[n]))
+          return !1;
+      for (n = l; n-- !== 0; )
+        if (o = p[n], !this.deepEquals(e[o], t[o]))
+          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, l = r.length; n < l; ++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, l, o, a;
+      return this.isFunction(e[r]) ? t[r] = e[r]() : Array.isArray(e[r]) ? t[r] = e[r][0]() : (s = e[r]) != null && s.type && (Array.isArray(e[r].type) ? t[r] = ((n = e[r]) == null ? void 0 : n.default) || ((l = e[r]) == null ? void 0 : l.type[0]()) : t[r] = ((o = e[r]) == null ? void 0 : o.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();
+  }
+}, K = {
+  valid: Boolean,
+  validLabel: [String, Array]
+}, M = {
+  error: Boolean,
+  errorLabel: [String, Array]
+}, N = {
+  ...K,
+  ...M,
+  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 J(e) {
+  const t = x(e, void 0);
+  console.log("Inject - ", t);
+  const r = f(() => d.isNotEmpty(t));
+  function s(n, l, o) {
+    if (t != null && t.value) {
+      const a = v(t.value)[n];
+      return f({
+        get() {
+          return a == null ? void 0 : a.value;
+        },
+        set(c) {
+          a.value = c;
+        }
+      });
+    } else {
+      const a = w(l, n);
+      return f({
+        get() {
+          return a.value;
+        },
+        set(c) {
+          o && o(`update:${n}`, c);
+        }
+      });
+    }
+  }
+  return {
+    group: t,
+    isInGroup: r,
+    getGroupOrLocalRef: s
+  };
+}
+const Q = Symbol("VV_CHECK_GROUP");
+function X(e, t) {
+  const { group: r, isInGroup: s, getGroupOrLocalRef: n } = J(Q), { valid: l, error: o, switch: a } = F(e), c = n("modelValue", e, t), u = n("readonly", e), y = n("disabled", e);
+  return {
+    group: r,
+    isInGroup: s,
+    valid: l,
+    error: o,
+    propsSwitch: a,
+    modelValue: c,
+    readonly: u,
+    disabled: y
+  };
+}
+function Y(e, t) {
+  const { focused: r } = H(e);
+  return L(r, (s) => {
+    t(s ? "focus" : "blur", e.value);
+  }), {
+    focused: r
+  };
+}
+function m(e, t) {
+  const r = { [`${e}`]: !0 };
+  return {
+    bemCssClasses: f(() => Object.keys(t).reduce((n, l) => {
+      const o = v(t[l]) || !1;
+      if (!o)
+        return n;
+      if (l === "modifiers") {
+        const a = Array.isArray(o) ? o : [o];
+        return {
+          ...n,
+          ...a.reduce(
+            (c, u) => ({
+              ...c,
+              [`${e}--${d.kebabCase(
+                u
+              )}`]: !0
+            }),
+            {}
+          )
+        };
+      } else
+        return {
+          ...n,
+          [`${e}--${d.kebabCase(l)}`]: o
+        };
+    }, r) || {})
+  };
+}
+const ee = {
+  inheritAttrs: !1
+}, ne = /* @__PURE__ */ R({
+  ...ee,
+  __name: "VvCheck",
+  props: N,
+  emits: W,
+  setup(e, { emit: t }) {
+    const r = e, s = D(), { disabled: n, readonly: l, valid: o, error: a, propsSwitch: c, modelValue: u } = X(r, t), y = G(), { focused: p } = Y(y, t), g = f(() => r.binary ? d.equals(u.value, r.trueValue) : Array.isArray(u.value) ? d.contains(r.value, u.value) : d.equals(r.value, u.value)), { bemCssClasses: A } = m("vv-input-checkbox", {
+      switch: c,
+      valid: o,
+      invalid: a
+    }), { bemCssClasses: b } = m(
+      "vv-input-check__input",
+      {
+        checked: g,
+        disabled: n,
+        readonly: l
+      }
+    ), E = f(() => ({
+      [s.class]: !0,
+      ...A.value
+    })), O = f(() => ({
+      ...b.value,
+      "focus-visible": p.value
+    })), V = f(() => {
+      const { id: i, name: h, style: C } = s, S = d.pickBy(
+        s,
+        (q) => q.startsWith("data-")
+      );
+      return {
+        for: i || h,
+        style: C,
+        ...S
+      };
+    }), _ = f(() => {
+      const { id: i = "", name: h = "" } = s;
+      return {
+        type: "checkbox",
+        id: i || h,
+        name: h,
+        value: r.value,
+        disabled: n.value,
+        readonly: l.value,
+        checked: g.value,
+        ...B.value
+      };
+    }), B = f(() => {
+      const { name: i } = s, h = d.pickBy(
+        s,
+        (C) => C.startsWith("aria-")
+      );
+      return {
+        "aria-label": i,
+        "aria-checked": g.value,
+        ...h
+      };
+    });
+    function I() {
+      if (r.binary) {
+        u.value = g.value ? r.falseValue : r.trueValue;
+        return;
+      }
+      if (u.value === null) {
+        u.value = [r.value];
+        return;
+      }
+      if (Array.isArray(u.value)) {
+        u.value = g.value ? d.removeFromList(r.value, u.value) : [...u.value, r.value];
+        return;
+      }
+      console.warn("Cannot change value - VvCheck modelValue is not an array");
+    }
+    function j(i) {
+      n.value || (t("click", i), t("change", g.value ? r.value : null), p.value = !0);
+    }
+    return (i, h) => ($(), P("label", k({ class: v(E) }, v(V), { onClick: j }), [
+      Z("input", k({
+        ref_key: "input",
+        ref: y,
+        class: v(O)
+      }, v(_), { onInput: I }), null, 16),
+      T(i.$slots, "default", { value: v(u) }, () => [
+        U(z(i.label), 1)
+      ])
+    ], 16));
+  }
+});
+export {
+  ne as default
+};

package/dist/components/VvCheck/vv-check.umd.js

@@ -0,0 +1 @@
+(function(s,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):(s=typeof globalThis<"u"?globalThis:s||self,s.VvCheck=C(s.vue,s.core))})(this,function(s,C){"use strict";const d={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 n,l,c;if(r&&o){if(l=e.length,l!=t.length)return!1;for(n=l;n--!==0;)if(!this.deepEquals(e[n],t[n]))return!1;return!0}if(r!=o)return!1;const a=e instanceof Date,i=t instanceof Date;if(a!=i)return!1;if(a&&i)return e.getTime()==t.getTime();const u=e instanceof RegExp,y=t instanceof RegExp;if(u!=y)return!1;if(u&&y)return e.toString()==t.toString();const p=Object.keys(e);if(l=p.length,l!==Object.keys(t).length)return!1;for(n=l;n--!==0;)if(!Object.prototype.hasOwnProperty.call(t,p[n]))return!1;for(n=l;n--!==0;)if(c=p[n],!this.deepEquals(e[c],t[c]))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 n=0,l=r.length;n<l;++n){if(e==null)return null;o=o[r[n]]}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,n)=>n!==r):t},isString(e){return typeof e=="string"||e instanceof String},propsToObject(e){return Object.keys(e).reduce((t,r)=>{var o,n,l,c,a;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]=((n=e[r])==null?void 0:n.default)||((l=e[r])==null?void 0:l.type[0]()):t[r]=((c=e[r])==null?void 0:c.default)||((a=e[r])==null?void 0:a.type())),t},{})},filterArray(e,t,r){return e.filter(o=>t.some(n=>typeof n=="string"?o[r]==n:this.equals(o[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()}},A={...{valid:Boolean,validLabel:[String,Array]},...{error:Boolean,errorLabel:[String,Array]},value:null,modelValue:null,binary:Boolean,trueValue:{type:null,default:!0},falseValue:{type:null,default:!1},switch:Boolean,label:String,disabled:Boolean,readonly:Boolean},b=["click","update:modelValue","change","focus","blur"];function v(e){const t=s.inject(e,void 0);console.log("Inject - ",t);const r=s.computed(()=>d.isNotEmpty(t));function o(n,l,c){if(t!=null&&t.value){const a=s.unref(t.value)[n];return s.computed({get(){return a==null?void 0:a.value},set(i){a.value=i}})}else{const a=s.toRef(l,n);return s.computed({get(){return a.value},set(i){c&&c(`update:${n}`,i)}})}}return{group:t,isInGroup:r,getGroupOrLocalRef:o}}const E=Symbol("VV_CHECK_GROUP");function V(e,t){const{group:r,isInGroup:o,getGroupOrLocalRef:n}=v(E),{valid:l,error:c,switch:a}=s.toRefs(e),i=n("modelValue",e,t),u=n("readonly",e),y=n("disabled",e);return{group:r,isInGroup:o,valid:l,error:c,propsSwitch:a,modelValue:i,readonly:u,disabled:y}}function _(e,t){const{focused:r}=C.useFocus(e);return s.watch(r,o=>{t(o?"focus":"blur",e.value)}),{focused:r}}function g(e,t){const r={[`${e}`]:!0};return{bemCssClasses:s.computed(()=>Object.keys(t).reduce((n,l)=>{const c=s.unref(t[l])||!1;if(!c)return n;if(l==="modifiers"){const a=Array.isArray(c)?c:[c];return{...n,...a.reduce((i,u)=>({...i,[`${e}--${d.kebabCase(u)}`]:!0}),{})}}else return{...n,[`${e}--${d.kebabCase(l)}`]:c}},r)||{})}}const O={inheritAttrs:!1};return s.defineComponent({...O,__name:"VvCheck",props:A,emits:b,setup(e,{emit:t}){const r=e,o=s.useAttrs(),{disabled:n,readonly:l,valid:c,error:a,propsSwitch:i,modelValue:u}=V(r,t),y=s.ref(),{focused:p}=_(y,t),m=s.computed(()=>r.binary?d.equals(u.value,r.trueValue):Array.isArray(u.value)?d.contains(r.value,u.value):d.equals(r.value,u.value)),{bemCssClasses:B}=g("vv-input-checkbox",{switch:i,valid:c,invalid:a}),{bemCssClasses:j}=g("vv-input-check__input",{checked:m,disabled:n,readonly:l}),I=s.computed(()=>({[o.class]:!0,...B.value})),S=s.computed(()=>({...j.value,"focus-visible":p.value})),q=s.computed(()=>{const{id:f,name:h,style:k}=o,P=d.pickBy(o,R=>R.startsWith("data-"));return{for:f||h,style:k,...P}}),x=s.computed(()=>{const{id:f="",name:h=""}=o;return{type:"checkbox",id:f||h,name:h,value:r.value,disabled:n.value,readonly:l.value,checked:m.value,...w.value}}),w=s.computed(()=>{const{name:f}=o,h=d.pickBy(o,k=>k.startsWith("aria-"));return{"aria-label":f,"aria-checked":m.value,...h}});function F(){if(r.binary){u.value=m.value?r.falseValue:r.trueValue;return}if(u.value===null){u.value=[r.value];return}if(Array.isArray(u.value)){u.value=m.value?d.removeFromList(r.value,u.value):[...u.value,r.value];return}console.warn("Cannot change value - VvCheck modelValue is not an array")}function L(f){n.value||(t("click",f),t("change",m.value?r.value:null),p.value=!0)}return(f,h)=>(s.openBlock(),s.createElementBlock("label",s.mergeProps({class:s.unref(I)},s.unref(q),{onClick:L}),[s.createElementVNode("input",s.mergeProps({ref_key:"input",ref:y,class:s.unref(S)},s.unref(x),{onInput:F}),null,16),s.renderSlot(f.$slots,"default",{value:s.unref(u)},()=>[s.createTextVNode(s.toDisplayString(f.label),1)])],16))}})});

package/dist/components/VvCheckGroup/VvCheckGroup.d.ts

@@ -0,0 +1,65 @@
+export declare const VvCheckGroupProps: {
+    /**
+     * VModel
+     */
+    modelValue: {
+        type: ArrayConstructor;
+    };
+    /**
+     * Radio group label
+     */
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Nome da utilizzare per il radio group
+     */
+    name: {
+        type: StringConstructor;
+        default: string;
+        required: boolean;
+    };
+    /**
+     * True se disabilitato
+     */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * True se readonly
+     */
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * True = show buttons vertically
+     */
+    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: (StringConstructor | ArrayConstructor)[];
+    valid: BooleanConstructor;
+    validLabel: (StringConstructor | ArrayConstructor)[];
+};
+export declare const VvCheckGroupEvents: string[];