@vergelijkdirect/comparison-forms 2.0.0-rc.13 → 2.0.0-rc.14

package/dist/wc-forms/VdRadioGroup-BsMaGEuY.js

@@ -0,0 +1,166 @@
+import { Ft as e, Gt as t, Jt as n, Kt as r, On as i, Sr as a, Un as o, Xn as s, Yn as c, Yt as l, fr as u, in as d, li as f, lr as p, oi as m, qt as h, ri as g, tn as _, ur as v, wr as y, wt as b } from "./useValidator-DdXn8soU.js";
+//#region src/components/ui/VdRadio.vue?vue&type=script&setup=true&lang.ts
+var x = { class: "vd-radio-field" }, S = { class: "vd-radio-field__input" }, C = [
+	"id",
+	"disabled",
+	"name",
+	"value"
+], w = ["for"], T = /* @__PURE__ */ d({
+	__name: "VdRadio",
+	props: /*@__PURE__*/ i({
+		name: {},
+		value: {
+			type: [
+				String,
+				Number,
+				Boolean,
+				null
+			],
+			default: null
+		},
+		id: { default: null },
+		label: { default: "" },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		invalid: {
+			type: Boolean,
+			default: !1
+		},
+		green: {
+			type: Boolean,
+			default: !1
+		}
+	}, {
+		modelValue: {
+			type: [
+				String,
+				Number,
+				Boolean,
+				null
+			],
+			default: null
+		},
+		modelModifiers: {}
+	}),
+	emits: /*@__PURE__*/ i(["change", "blur"], ["update:modelValue"]),
+	setup(e, { emit: t }) {
+		let i = e, a = v(e, "modelValue"), c = t, d = u(), h = i.id ?? p(), T = (e) => {
+			c("change", i.value, e.target.value);
+		}, E = (e) => {
+			c("blur", i.value, e.target.value);
+		};
+		return (t, i) => (o(), l("div", x, [
+			r("div", S, [y(r("input", {
+				id: g(h),
+				"onUpdate:modelValue": i[0] ||= (e) => a.value = e,
+				disabled: e.disabled,
+				name: e.name,
+				value: e.value,
+				class: m(["vd-radio", {
+					"vd-radio--error": e.invalid,
+					"vd-radio--green": e.green
+				}]),
+				type: "radio",
+				onChange: T,
+				onBlur: E
+			}, null, 42, C), [[b, a.value]])]),
+			e.label || g(d).label ? (o(), l("label", {
+				key: 0,
+				class: "vd-radio-field__label",
+				for: g(h)
+			}, [s(t.$slots, "label", {}, () => [_(f(e.label), 1)])], 8, w)) : n("", !0),
+			s(t.$slots, "popover")
+		]));
+	}
+}), E = ["disabled"], D = { class: "vd-field__label" }, O = {
+	key: 0,
+	class: "vd-field__asterisk"
+}, k = {
+	key: 0,
+	class: "vd-field__popover"
+}, A = {
+	key: 1,
+	class: "vd-field__message vd-field__message--error"
+}, j = {
+	key: 2,
+	class: "vd-field__message vd-field__message--information"
+}, M = /* @__PURE__ */ d({
+	__name: "VdRadioGroup",
+	props: /*@__PURE__*/ i({
+		name: {},
+		options: {},
+		legend: { default: "" },
+		errorMessage: { default: null },
+		infoMessage: { default: null },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		required: {
+			type: Boolean,
+			default: !0
+		},
+		variant: { default: "default" },
+		groupClass: { default: void 0 }
+	}, {
+		modelValue: {
+			type: [
+				String,
+				Number,
+				Boolean,
+				null
+			],
+			required: !0
+		},
+		modelModifiers: {}
+	}),
+	emits: /*@__PURE__*/ i(["change", "blur"], ["update:modelValue"]),
+	setup(i, { emit: d }) {
+		let p = i, y = v(i, "modelValue"), b = d, x = u(), S = t(() => !!p.errorMessage), C = t(() => ({
+			"vd-radio-group--horizontal": p.variant === "horizontal",
+			"vd-radio-group--boxed": p.variant === "boxed"
+		})), w = (e) => {
+			b("change", e);
+		}, M = (e) => {
+			b("blur", e);
+		};
+		return (t, u) => (o(), l("fieldset", {
+			class: m(["vd-field vd-radio-group", C.value]),
+			disabled: i.disabled
+		}, [
+			i.legend || g(x).legend ? (o(), l("legend", {
+				key: 0,
+				class: m(["vd-field__label-wrapper", { "vd-field__label-wrapper--disabled": i.disabled }])
+			}, [r("div", D, [s(t.$slots, "legend", {}, () => [_(f(i.legend), 1)]), i.required ? (o(), l("span", O, "*")) : n("", !0)]), g(x).popover ? (o(), l("span", k, [s(t.$slots, "popover")])) : n("", !0)], 2)) : n("", !0),
+			r("div", { class: m(["vd-radio-group__list", i.groupClass]) }, [(o(!0), l(e, null, c(i.options, (e) => (o(), h(T, {
+				key: e.value,
+				modelValue: y.value,
+				"onUpdate:modelValue": u[0] ||= (e) => y.value = e,
+				value: e.value,
+				label: e.label,
+				name: i.name,
+				disabled: e.disabled,
+				invalid: S.value,
+				onChange: w,
+				onBlur: M
+			}, {
+				label: a(() => [s(t.$slots, "label", { option: e })]),
+				popover: a(() => [s(t.$slots, "label_popover", { option: e })]),
+				_: 2
+			}, 1032, [
+				"modelValue",
+				"value",
+				"label",
+				"name",
+				"disabled",
+				"invalid"
+			]))), 128))], 2),
+			S.value ? (o(), l("div", A, [u[1] ||= r("i", { class: "fas fa-exclamation-circle vd-field__message-icon" }, null, -1), _(" " + f(i.errorMessage), 1)])) : n("", !0),
+			i.infoMessage || g(x).information ? (o(), l("div", j, [s(t.$slots, "information", {}, () => [u[2] ||= r("i", { class: "fas fa-info-circle vd-field__message-icon" }, null, -1), _(" " + f(i.infoMessage), 1)])])) : n("", !0)
+		], 10, E));
+	}
+});
+//#endregion
+export { M as t };