@volverjs/ui-vue 0.0.1-beta.11

package/dist/components/VvProgress/VvProgress.es.js

@@ -0,0 +1,188 @@
+import { computed as c, unref as m, defineComponent as p, toRefs as d, openBlock as h, createElementBlock as A, mergeProps as b } from "vue";
+const g = {
+  equals(e, r, t) {
+    return t ? this.resolveFieldData(e, t) === this.resolveFieldData(r, t) : this.deepEquals(e, r);
+  },
+  deepEquals(e, r) {
+    if (e === r)
+      return !0;
+    if (e && r && typeof e == "object" && typeof r == "object") {
+      const t = Array.isArray(e), n = Array.isArray(r);
+      let s, i, o;
+      if (t && n) {
+        if (i = e.length, i != r.length)
+          return !1;
+        for (s = i; s-- !== 0; )
+          if (!this.deepEquals(e[s], r[s]))
+            return !1;
+        return !0;
+      }
+      if (t != n)
+        return !1;
+      const f = e instanceof Date, l = r instanceof Date;
+      if (f != l)
+        return !1;
+      if (f && l)
+        return e.getTime() == r.getTime();
+      const a = e instanceof RegExp, y = r instanceof RegExp;
+      if (a != y)
+        return !1;
+      if (a && y)
+        return e.toString() == r.toString();
+      const u = Object.keys(e);
+      if (i = u.length, i !== Object.keys(r).length)
+        return !1;
+      for (s = i; s-- !== 0; )
+        if (!Object.prototype.hasOwnProperty.call(r, u[s]))
+          return !1;
+      for (s = i; s-- !== 0; )
+        if (o = u[s], !this.deepEquals(e[o], r[o]))
+          return !1;
+      return !0;
+    }
+    return e !== e && r !== r;
+  },
+  resolveFieldData(e, r) {
+    if (e && Object.keys(e).length && r) {
+      if (r.indexOf(".") === -1)
+        return e[r];
+      {
+        const t = r.split(".");
+        let n = e;
+        for (let s = 0, i = t.length; s < i; ++s) {
+          if (e == null)
+            return null;
+          n = n[t[s]];
+        }
+        return n;
+      }
+    } else
+      return null;
+  },
+  isFunction(e) {
+    return !!(e && e.constructor && e.call && e.apply);
+  },
+  findIndexInList(e, r) {
+    let t = -1;
+    if (r) {
+      for (let n = 0; n < r.length; n++)
+        if (this.equals(r[n], e)) {
+          t = n;
+          break;
+        }
+    }
+    return t;
+  },
+  contains(e, r) {
+    if (e != null && r && r.length) {
+      for (const t of r)
+        if (this.equals(e, t))
+          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, r) {
+    return Object.fromEntries(
+      Object.entries(e).filter(([t]) => r(t))
+    );
+  },
+  removeFromList(e, r) {
+    const t = this.findIndexInList(e, r);
+    return t > -1 ? r.filter((n, s) => s !== t) : r;
+  },
+  isString(e) {
+    return typeof e == "string" || e instanceof String;
+  },
+  propsToObject(e) {
+    return Object.keys(e).reduce((r, t) => {
+      var n, s, i, o, f;
+      return this.isFunction(e[t]) ? r[t] = e[t]() : Array.isArray(e[t]) ? r[t] = e[t][0]() : (n = e[t]) != null && n.type && (Array.isArray(e[t].type) ? r[t] = ((s = e[t]) == null ? void 0 : s.default) || ((i = e[t]) == null ? void 0 : i.type[0]()) : r[t] = ((o = e[t]) == null ? void 0 : o.default) || ((f = e[t]) == null ? void 0 : f.type())), r;
+    }, {});
+  },
+  filterArray(e, r, t) {
+    return e.filter((n) => r.some((s) => typeof s == "string" ? n[t] == s : this.equals(
+      n[t],
+      s[t]
+    )));
+  },
+  kebabCase(e) {
+    var r, t;
+    if (e)
+      return (t = (r = 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 : r.join("-")) == null ? void 0 : t.toLowerCase();
+  }
+};
+function C(e, r) {
+  const t = { [`${e}`]: !0 };
+  return {
+    bemCssClasses: c(() => Object.keys(r).reduce((s, i) => {
+      const o = m(r[i]) || !1;
+      if (!o)
+        return s;
+      if (i === "modifiers") {
+        const f = Array.isArray(o) ? o : [o];
+        return {
+          ...s,
+          ...f.reduce(
+            (l, a) => ({
+              ...l,
+              [`${e}--${g.kebabCase(
+                a
+              )}`]: !0
+            }),
+            {}
+          )
+        };
+      } else
+        return {
+          ...s,
+          [`${e}--${g.kebabCase(i)}`]: o
+        };
+    }, t) || {})
+  };
+}
+const O = {
+  modifiers: [String, Array]
+}, x = {
+  ...O,
+  value: {
+    type: [Number, String]
+  },
+  max: {
+    type: [Number, String]
+  },
+  ariaLabel: {
+    type: String,
+    default: "progress-bar"
+  },
+  determinate: { type: Boolean, default: !1 }
+}, k = /* @__PURE__ */ p({
+  __name: "VvProgress",
+  props: x,
+  setup(e) {
+    const r = e, { modifiers: t } = d(r), { bemCssClasses: n } = C("vv-progress", {
+      modifiers: t,
+      indeterminate: c(() => !r.determinate)
+    }), s = c(() => ({
+      "aria-label": r.ariaLabel,
+      role: "progressbar",
+      class: n.value,
+      value: r.value,
+      max: r.max
+    }));
+    return (i, o) => (h(), A("progress", b({
+      ref: "progress",
+      "aria-label": "progressbar"
+    }, m(s)), null, 16));
+  }
+});
+export {
+  k as default
+};

package/dist/components/VvProgress/VvProgress.umd.js

@@ -0,0 +1 @@
+(function(o,c){typeof exports=="object"&&typeof module<"u"?module.exports=c(require("vue")):typeof define=="function"&&define.amd?define(["vue"],c):(o=typeof globalThis<"u"?globalThis:o||self,o.VvProgress=c(o.vue))})(this,function(o){"use strict";const c={equals(e,r,t){return t?this.resolveFieldData(e,t)===this.resolveFieldData(r,t):this.deepEquals(e,r)},deepEquals(e,r){if(e===r)return!0;if(e&&r&&typeof e=="object"&&typeof r=="object"){const t=Array.isArray(e),n=Array.isArray(r);let s,i,f;if(t&&n){if(i=e.length,i!=r.length)return!1;for(s=i;s--!==0;)if(!this.deepEquals(e[s],r[s]))return!1;return!0}if(t!=n)return!1;const u=e instanceof Date,l=r instanceof Date;if(u!=l)return!1;if(u&&l)return e.getTime()==r.getTime();const a=e instanceof RegExp,d=r instanceof RegExp;if(a!=d)return!1;if(a&&d)return e.toString()==r.toString();const y=Object.keys(e);if(i=y.length,i!==Object.keys(r).length)return!1;for(s=i;s--!==0;)if(!Object.prototype.hasOwnProperty.call(r,y[s]))return!1;for(s=i;s--!==0;)if(f=y[s],!this.deepEquals(e[f],r[f]))return!1;return!0}return e!==e&&r!==r},resolveFieldData(e,r){if(e&&Object.keys(e).length&&r){if(r.indexOf(".")===-1)return e[r];{const t=r.split(".");let n=e;for(let s=0,i=t.length;s<i;++s){if(e==null)return null;n=n[t[s]]}return n}}else return null},isFunction(e){return!!(e&&e.constructor&&e.call&&e.apply)},findIndexInList(e,r){let t=-1;if(r){for(let n=0;n<r.length;n++)if(this.equals(r[n],e)){t=n;break}}return t},contains(e,r){if(e!=null&&r&&r.length){for(const t of r)if(this.equals(e,t))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,r){return Object.fromEntries(Object.entries(e).filter(([t])=>r(t)))},removeFromList(e,r){const t=this.findIndexInList(e,r);return t>-1?r.filter((n,s)=>s!==t):r},isString(e){return typeof e=="string"||e instanceof String},propsToObject(e){return Object.keys(e).reduce((r,t)=>{var n,s,i,f,u;return this.isFunction(e[t])?r[t]=e[t]():Array.isArray(e[t])?r[t]=e[t][0]():(n=e[t])!=null&&n.type&&(Array.isArray(e[t].type)?r[t]=((s=e[t])==null?void 0:s.default)||((i=e[t])==null?void 0:i.type[0]()):r[t]=((f=e[t])==null?void 0:f.default)||((u=e[t])==null?void 0:u.type())),r},{})},filterArray(e,r,t){return e.filter(n=>r.some(s=>typeof s=="string"?n[t]==s:this.equals(n[t],s[t])))},kebabCase(e){var r,t;if(e)return(t=(r=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:r.join("-"))==null?void 0:t.toLowerCase()}};function p(e,r){const t={[`${e}`]:!0};return{bemCssClasses:o.computed(()=>Object.keys(r).reduce((s,i)=>{const f=o.unref(r[i])||!1;if(!f)return s;if(i==="modifiers"){const u=Array.isArray(f)?f:[f];return{...s,...u.reduce((l,a)=>({...l,[`${e}--${c.kebabCase(a)}`]:!0}),{})}}else return{...s,[`${e}--${c.kebabCase(i)}`]:f}},t)||{})}}const g={...{modifiers:[String,Array]},value:{type:[Number,String]},max:{type:[Number,String]},ariaLabel:{type:String,default:"progress-bar"},determinate:{type:Boolean,default:!1}};return o.defineComponent({__name:"VvProgress",props:g,setup(e){const r=e,{modifiers:t}=o.toRefs(r),{bemCssClasses:n}=p("vv-progress",{modifiers:t,indeterminate:o.computed(()=>!r.determinate)}),s=o.computed(()=>({"aria-label":r.ariaLabel,role:"progressbar",class:n.value,value:r.value,max:r.max}));return(i,f)=>(o.openBlock(),o.createElementBlock("progress",o.mergeProps({ref:"progress","aria-label":"progressbar"},o.unref(s)),null,16))}})});

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

@@ -0,0 +1,117 @@
+declare const _default: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            ariaLabel: string;
+            determinate: boolean;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            value: {
+                type: (StringConstructor | NumberConstructor)[];
+            };
+            max: {
+                type: (StringConstructor | NumberConstructor)[];
+            };
+            ariaLabel: {
+                type: StringConstructor;
+                default: string;
+            };
+            determinate: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            modifiers: (StringConstructor | ArrayConstructor)[];
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "ariaLabel" | "determinate">;
+        $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: {
+                type: (StringConstructor | NumberConstructor)[];
+            };
+            max: {
+                type: (StringConstructor | NumberConstructor)[];
+            };
+            ariaLabel: {
+                type: StringConstructor;
+                default: string;
+            };
+            determinate: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            modifiers: (StringConstructor | ArrayConstructor)[];
+        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+            ariaLabel: string;
+            determinate: 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: {
+            type: (StringConstructor | NumberConstructor)[];
+        };
+        max: {
+            type: (StringConstructor | NumberConstructor)[];
+        };
+        ariaLabel: {
+            type: StringConstructor;
+            default: string;
+        };
+        determinate: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        modifiers: (StringConstructor | ArrayConstructor)[];
+    }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    value: {
+        type: (StringConstructor | NumberConstructor)[];
+    };
+    max: {
+        type: (StringConstructor | NumberConstructor)[];
+    };
+    ariaLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    determinate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modifiers: (StringConstructor | ArrayConstructor)[];
+}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    ariaLabel: string;
+    determinate: boolean;
+}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+export default _default;

package/dist/components/VvRadio/VvRadio.d.ts

@@ -0,0 +1,22 @@
+import type { ExtractPropTypes } from 'vue';
+export declare const VvRadioProps: {
+    /**
+     * Valore del radio
+     */
+    value: null;
+    modelValue: {
+        type: (StringConstructor | BooleanConstructor | ObjectConstructor | NumberConstructor)[];
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: BooleanConstructor;
+    readonly: BooleanConstructor;
+    error: BooleanConstructor;
+    errorLabel: (StringConstructor | ArrayConstructor)[];
+    valid: BooleanConstructor;
+    validLabel: (StringConstructor | ArrayConstructor)[];
+};
+export declare const VvRadioEvents: string[];
+export declare type VvRadioPropsType = ExtractPropTypes<typeof VvRadioProps>;

package/dist/components/VvRadio/VvRadio.es.js

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

package/dist/components/VvRadio/VvRadio.umd.js

@@ -0,0 +1 @@
+(function(s,h){typeof exports=="object"&&typeof module<"u"?module.exports=h(require("vue"),require("@vueuse/core")):typeof define=="function"&&define.amd?define(["vue","@vueuse/core"],h):(s=typeof globalThis<"u"?globalThis:s||self,s.VvRadio=h(s.vue,s.core))})(this,function(s,h){"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,i,a;if(r&&o){if(i=e.length,i!=t.length)return!1;for(n=i;n--!==0;)if(!this.deepEquals(e[n],t[n]))return!1;return!0}if(r!=o)return!1;const l=e instanceof Date,c=t instanceof Date;if(l!=c)return!1;if(l&&c)return e.getTime()==t.getTime();const f=e instanceof RegExp,y=t instanceof RegExp;if(f!=y)return!1;if(f&&y)return e.toString()==t.toString();const m=Object.keys(e);if(i=m.length,i!==Object.keys(t).length)return!1;for(n=i;n--!==0;)if(!Object.prototype.hasOwnProperty.call(t,m[n]))return!1;for(n=i;n--!==0;)if(a=m[n],!this.deepEquals(e[a],t[a]))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,i=r.length;n<i;++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,i,a,l;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)||((i=e[r])==null?void 0:i.type[0]()):t[r]=((a=e[r])==null?void 0:a.default)||((l=e[r])==null?void 0:l.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()}},b={...{valid:Boolean,validLabel:[String,Array]},...{error:Boolean,errorLabel:[String,Array]},value:null,modelValue:{type:[Object,Number,Boolean,String]},label:{type:String,default:""},disabled:Boolean,readonly:Boolean},C=["click","update:modelValue","change","focus","blur"];function k(e){const t=s.inject(e,void 0),r=s.computed(()=>d.isNotEmpty(t));function o(n,i,a){if(t!=null&&t.value){const l=s.unref(t.value)[n];return s.computed({get(){return l==null?void 0:l.value},set(c){l.value=c}})}else{const l=s.toRef(i,n);return s.computed({get(){return l.value},set(c){a&&a(`update:${n}`,c)}})}}return{group:t,isInGroup:r,getGroupOrLocalRef:o}}const O=Symbol("VV_RADIO_GROUP");function _(e,t){const{group:r,isInGroup:o,getGroupOrLocalRef:n}=k(O),{valid:i,error:a}=s.toRefs(e),l=n("modelValue",e,t),c=n("readonly",e),f=n("disabled",e);return{group:r,isInGroup:o,valid:i,error:a,modelValue:l,readonly:c,disabled:f}}function R(e,t){const{focused:r}=h.useFocus(e);return s.watch(r,o=>{t(o?"focus":"blur",e.value)}),{focused:r}}function A(e,t){const r={[`${e}`]:!0};return{bemCssClasses:s.computed(()=>Object.keys(t).reduce((n,i)=>{const a=s.unref(t[i])||!1;if(!a)return n;if(i==="modifiers"){const l=Array.isArray(a)?a:[a];return{...n,...l.reduce((c,f)=>({...c,[`${e}--${d.kebabCase(f)}`]:!0}),{})}}else return{...n,[`${e}--${d.kebabCase(i)}`]:a}},r)||{})}}const E={inheritAttrs:!1};return s.defineComponent({...E,__name:"VvRadio",props:b,emits:C,setup(e,{emit:t}){const r=e,o=s.useAttrs(),{disabled:n,readonly:i,modelValue:a,valid:l,error:c}=_(r,t),f=s.ref(),y=s.computed(()=>Array.isArray(a.value)?d.contains(r.value,a.value):d.equals(r.value,a.value)),{focused:m}=R(f,t),{bemCssClasses:I}=A("vv-input-radio",{valid:l,invalid:c}),{bemCssClasses:j}=A("vv-input-radio__input",{checked:y,disabled:n,readonly:i}),B=s.computed(()=>{const{class:u}=o;return{class:u,...I.value}}),S=s.computed(()=>({"focus-visible":m.value,...j.value})),V=s.computed(()=>{const{id:u,name:p,style:g}=o,F=d.pickBy(o,L=>L.startsWith("data-"));return{for:u||p,style:g,...F}}),q=s.computed(()=>{const{id:u="",name:p=""}=o;return{type:"radio",id:u||p,name:p,value:r.value,disabled:n.value,readonly:i.value,checked:y.value,...x.value}}),x=s.computed(()=>{const{name:u}=o,p=d.pickBy(o,g=>g.startsWith("aria-"));return{"aria-label":u,"aria-checked":y.value,...p}});function D(){y.value||t("change",r.value),a.value=r.value}function P(u){n.value||(t("click",u),m.value=!0)}return(u,p)=>(s.openBlock(),s.createElementBlock("label",s.mergeProps({class:s.unref(B)},s.unref(V),{onClick:P}),[s.createElementVNode("input",s.mergeProps({ref_key:"input",ref:f,class:s.unref(S)},s.unref(q),{onInput:D}),null,16),s.renderSlot(u.$slots,"default",{value:s.unref(a)},()=>[s.createTextVNode(s.toDisplayString(u.label),1)])],16))}})});