@volverjs/ui-vue 0.0.1-beta.11

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

@@ -0,0 +1,136 @@
+declare const _default: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            disabled: boolean;
+            readonly: boolean;
+            label: string;
+            error: boolean;
+            valid: boolean;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            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)[];
+        }>> & {
+            [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "readonly" | "label" | "error" | "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: {
+                type: (StringConstructor | BooleanConstructor | ObjectConstructor | NumberConstructor)[];
+            };
+            label: {
+                type: StringConstructor;
+                default: string;
+            };
+            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;
+            label: string;
+            error: boolean;
+            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: {
+            type: (StringConstructor | BooleanConstructor | ObjectConstructor | NumberConstructor)[];
+        };
+        label: {
+            type: StringConstructor;
+            default: string;
+        };
+        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: {
+        type: (StringConstructor | BooleanConstructor | ObjectConstructor | NumberConstructor)[];
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    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;
+    label: string;
+    error: boolean;
+    valid: boolean;
+}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        default: (_: {
+            value: any;
+        }) => any;
+    };
+});
+export default _default;

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

@@ -0,0 +1,15 @@
+import type { VvRadioPropsType } from '../VvRadio/VvRadio';
+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 toRadioInputRefs(props: VvRadioPropsType, 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>;
+    modelValue: import("vue").WritableComputedRef<any>;
+    readonly: import("vue").WritableComputedRef<any>;
+    disabled: import("vue").WritableComputedRef<any>;
+};

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

@@ -0,0 +1,54 @@
+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)[];
+};

package/dist/components/VvRadioGroup/VvRadioGroup.es.js

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

package/dist/components/VvRadioGroup/VvRadioGroup.umd.js

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