@volverjs/ui-vue 0.0.1-beta.2

package/dist/components/VvRadioGroup/vv-radio-group.es.js

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

package/dist/components/VvRadioGroup/vv-radio-group.umd.js

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

package/dist/components/VvSelect/VvSelect.d.ts

@@ -0,0 +1,99 @@
+import type { PropType } from 'vue';
+import type { Option } from '../VvDropdown/VvDropdown';
+export declare const VvSelectProps: {
+    /**
+     * modelValue can be an Object, a String or an Array of Object/String
+     */
+    modelValue: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
+    /**
+     * Select input label
+     */
+    label: StringConstructor;
+    /**
+     * Label of "no results" options
+     */
+    labelNoResult: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Select input placeholder
+     */
+    placeholder: StringConstructor;
+    /**
+     * Use input text to search on options
+     */
+    searchable: BooleanConstructor;
+    /**
+     * On searchable select is the input search placeholder
+     */
+    searchPlaceholder: StringConstructor;
+    /**
+     * the input search debounce time in ms
+     */
+    debounceSearch: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    /**
+     * Select options, can be string[] or object[]
+     */
+    options: {
+        type: PropType<(string | Option)[]>;
+        required: boolean;
+    };
+    /**
+     * Use objects as modelValue (object or object[])
+     */
+    useObject: BooleanConstructor;
+    /**
+     * Manage modelValue as string[] or object[]
+     */
+    multiple: BooleanConstructor;
+    /**
+     * The max number of selected values
+     */
+    maxValues: (StringConstructor | NumberConstructor)[];
+    /**
+     * The select label separator visible to the user
+     */
+    separator: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Used when options are objects: key to use for option label
+     */
+    labelKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Used when options are objects: key to use for option label
+     */
+    valueKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Icon name of icon in left position
+     */
+    iconLeft: StringConstructor;
+    /**
+     * Icon name of icon in right position
+     */
+    iconRight: StringConstructor;
+    modifiers: (StringConstructor | ArrayConstructor)[];
+    readonly: BooleanConstructor;
+    disabled: BooleanConstructor;
+    loading: BooleanConstructor;
+    loadingLabel: StringConstructor;
+    hintLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    error: BooleanConstructor;
+    errorLabel: (StringConstructor | ArrayConstructor)[];
+    valid: BooleanConstructor;
+    validLabel: (StringConstructor | ArrayConstructor)[];
+};