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

package/dist/components/VvRadio/vv-radio.es.js

@@ -1,309 +0,0 @@
-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);
-  console.log("Inject - ", t);
-  const 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, B = h.pickBy(
-        s,
-        (S) => S.startsWith("data-")
-      );
-      return {
-        for: u || y,
-        style: m,
-        ...B
-      };
-    }), _ = 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 j(u) {
-      n.value || (t("click", u), p.value = !0);
-    }
-    return (u, y) => ($(), P("label", A({ class: g(k) }, g(R), { onClick: j }), [
-      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/vv-radio.umd.js

@@ -1 +0,0 @@
-(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);console.log("Inject - ",t);const 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))}})});

package/dist/components/VvRadioGroup/VvRadioGroup.d.ts

@@ -1,54 +0,0 @@
-export declare const VvRadioGroupEvents: string[];
-export declare const VvRadioGroupProps: {
-    /**
-     * VModel
-     */
-    modelValue: null;
-    label: {
-        type: StringConstructor;
-        default: string;
-    };
-    /**
-     * Nome da utilizzare per il radio group
-     */
-    name: {
-        type: StringConstructor;
-        default: string;
-        required: boolean;
-    };
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    readonly: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * True = show buttons vertically
-     */
-    vertical: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    hintLabel: {
-        type: StringConstructor;
-        default: string;
-    };
-    options: {
-        type: ArrayConstructor;
-        default: () => never[];
-    };
-    optionLabel: {
-        type: (StringConstructor | FunctionConstructor)[];
-        default: () => string;
-    };
-    optionValue: {
-        type: (StringConstructor | FunctionConstructor)[];
-        default: () => string;
-    };
-    error: BooleanConstructor;
-    errorLabel: (StringConstructor | ArrayConstructor)[];
-    valid: BooleanConstructor;
-    validLabel: (StringConstructor | ArrayConstructor)[];
-};