@db-ux/v-core-components 4.8.0 → 4.8.1-fix-publish2-4d5a12d

package/dist/db-ux.es.js

@@ -106,7 +106,7 @@ var b = () => {
 			ref: _,
 			name: u.value,
 			open: s.value
-		}, [i("summary", { onClick: f[0] ||= async (e) => y(e) }, [t.headlinePlain ? (d(), r(e, { key: 0 }, [a(h(t.headlinePlain), 1)], 64)) : n("", !0), t.headlinePlain ? n("", !0) : m(l.$slots, "headline", { key: 1 })]), i("div", null, [t.text ? (d(), r(e, { key: 0 }, [a(h(t.text), 1)], 64)) : m(l.$slots, "default", { key: 1 })])], 8, V)], 10, B));
+		}, [i("summary", { onClick: f[0] ||= async (e) => y(e) }, [t.headlinePlain ? (d(), r(e, { key: 0 }, [a(h(t.headlinePlain), 1)], 64)) : n("", !0), t.headlinePlain ? n("", !0) : m(l.$slots, "headline", { key: 1 })]), i("div", null, [t.text ? (d(), r(e, { key: 0 }, [a(h(t.text), 1)], 64)) : n("", !0), m(l.$slots, "default")])], 8, V)], 10, B));
 	}
 }), ee = ["id", "data-variant"], U = /* @__PURE__ */ s({
 	name: "DBAccordion",
@@ -250,29 +250,29 @@ var b = () => {
 		}
 	},
 	setup(t) {
-		let n = t, i = f(!1), o = f(null);
+		let i = t, o = f(!1), s = f(null);
 		return l(() => {
-			i.value = !0;
-		}), v(() => [o.value, i.value], () => {
-			if (o.value && i.value && n.placement?.startsWith("corner")) {
-				let e = o.value.parentElement;
+			o.value = !0;
+		}), v(() => [s.value, o.value], () => {
+			if (s.value && o.value && i.placement?.startsWith("corner")) {
+				let e = s.value.parentElement;
 				e && e.localName.includes("badge") && (e = e.parentElement), e && (e.dataset.hasBadge = "true");
 			}
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), (i, s) => (d(), r("span", {
+		}), (o, l) => (d(), r("span", {
 			ref_key: "_ref",
-			ref: o,
+			ref: s,
 			id: t.id ?? t.propOverrides?.id,
-			class: c(g(S)("db-badge", n.class)),
+			class: c(g(S)("db-badge", i.class)),
 			"data-semantic": t.semantic,
 			"data-size": t.size,
 			"data-emphasis": t.emphasis,
 			"data-placement": t.placement,
 			"data-wrap": g(O)(t.wrap),
 			"data-label": t.placement?.startsWith("corner") && (t.label ?? g("LABEL SHOULD BE SET"))
-		}, [t.text ? (d(), r(e, { key: 0 }, [a(h(t.text), 1)], 64)) : m(i.$slots, "default", { key: 1 })], 10, Ae));
+		}, [t.text ? (d(), r(e, { key: 0 }, [a(h(t.text), 1)], 64)) : n("", !0), m(o.$slots, "default")], 10, Ae));
 	}
 }), Me = [
 	"inline",
@@ -308,15 +308,15 @@ var b = () => {
 		text: { default: void 0 }
 	},
 	setup(t) {
-		let n = t, i = f(null);
-		return (o, s) => (d(), r("div", {
+		let i = t, o = f(null);
+		return (s, l) => (d(), r("div", {
 			ref_key: "_ref",
-			ref: i,
+			ref: o,
 			"data-icon": t.hideLogo ? "none" : t.icon ?? g("brand"),
 			"data-show-icon": g(O)(t.showIcon),
 			id: t.id ?? t.propOverrides?.id,
-			class: c(g(S)("db-brand", n.class))
-		}, [t.text ? (d(), r(e, { key: 0 }, [a(h(t.text), 1)], 64)) : m(o.$slots, "default", { key: 1 })], 10, Ne));
+			class: c(g(S)("db-brand", i.class))
+		}, [m(s.$slots, "default"), t.text ? (d(), r(e, { key: 0 }, [a(h(t.text), 1)], 64)) : n("", !0)], 10, Ne));
 	}
 }), Fe = [
 	"id",
@@ -386,19 +386,19 @@ var b = () => {
 		}
 	},
 	setup(t) {
-		let n = t, i = f(null);
-		function o() {
-			return n.type ? n.type : n.onClick ? "button" : "submit";
+		let i = t, o = f(null);
+		function s() {
+			return i.type ? i.type : i.onClick ? "button" : "submit";
 		}
-		function s(e) {
-			n.onClick && n.onClick(e);
+		function l(e) {
+			i.onClick && i.onClick(e);
 		}
-		return (l, u) => (d(), r("button", {
+		return (u, f) => (d(), r("button", {
 			ref_key: "_ref",
-			ref: i,
+			ref: o,
 			id: t.id ?? t.propOverrides?.id,
-			class: c(g(S)("db-button", n.class)),
-			type: o(),
+			class: c(g(S)("db-button", i.class)),
+			type: s(),
 			disabled: g(k)(t.disabled, "disabled"),
 			"data-icon": t.iconLeading ?? t.icon,
 			"data-show-icon": g(O)(t.showIconLeading ?? t.showIcon),
@@ -412,8 +412,8 @@ var b = () => {
 			name: t.name,
 			form: t.form,
 			value: t.value,
-			onClick: u[0] ||= async (e) => s(e)
-		}, [t.text ? (d(), r(e, { key: 0 }, [a(h(t.text), 1)], 64)) : m(l.$slots, "default", { key: 1 })], 10, Fe));
+			onClick: f[0] ||= async (e) => l(e)
+		}, [t.text ? (d(), r(e, { key: 0 }, [a(h(t.text), 1)], 64)) : n("", !0), m(u.$slots, "default")], 10, Fe));
 	}
 }), Le = [
 	"outlined",
@@ -531,18 +531,18 @@ var b = () => {
 		}
 	},
 	setup(t) {
-		let n = t, i = f(null);
-		return (o, s) => (d(), r("span", {
+		let i = t, o = f(null);
+		return (s, l) => (d(), r("span", {
 			ref_key: "_ref",
-			ref: i,
+			ref: o,
 			id: t.id ?? t.propOverrides?.id,
-			class: c(g(S)("db-infotext", n.class)),
+			class: c(g(S)("db-infotext", i.class)),
 			"data-icon": t.icon,
 			"data-semantic": t.semantic,
 			"data-size": t.size,
 			"data-wrap": g(O)(t.wrap),
 			"data-show-icon-leading": g(O)(t.showIcon ?? !0)
-		}, [t.text ? (d(), r(e, { key: 0 }, [a(h(t.text), 1)], 64)) : m(o.$slots, "default", { key: 1 })], 10, Ke));
+		}, [t.text ? (d(), r(e, { key: 0 }, [a(h(t.text), 1)], 64)) : n("", !0), m(s.$slots, "default")], 10, Ke));
 	}
 }), qe = [
 	"data-size",
@@ -711,23 +711,27 @@ var b = () => {
 			"data-hide-asterisk": g(P)(s.showRequiredAsterisk),
 			"data-hide-label": g(P)(s.showLabel)
 		}, [
-			i("label", { for: E.value }, [i("input", {
-				type: "checkbox",
-				"aria-invalid": s.validation === "invalid",
-				"data-custom-validity": s.validation,
-				ref_key: "_ref",
-				ref: R,
-				id: E.value,
-				name: s.name,
-				checked: g(k)(s.checked, "checked"),
-				disabled: g(k)(s.disabled, "disabled"),
-				value: s.value,
-				required: g(k)(s.required, "required"),
-				onChange: u[0] ||= async (e) => V(e),
-				onBlur: u[1] ||= async (e) => H(e),
-				onFocus: u[2] ||= async (e) => ee(e),
-				"aria-describedby": s.ariaDescribedBy ?? N.value
-			}, null, 40, Ye), s.label ? (d(), r(e, { key: 0 }, [a(h(s.label), 1)], 64)) : m(l.$slots, "default", { key: 1 })], 8, Je),
+			i("label", { for: E.value }, [
+				i("input", {
+					type: "checkbox",
+					"aria-invalid": s.validation === "invalid",
+					"data-custom-validity": s.validation,
+					ref_key: "_ref",
+					ref: R,
+					id: E.value,
+					name: s.name,
+					checked: g(k)(s.checked, "checked"),
+					disabled: g(k)(s.disabled, "disabled"),
+					value: s.value,
+					required: g(k)(s.required, "required"),
+					onChange: u[0] ||= async (e) => V(e),
+					onBlur: u[1] ||= async (e) => H(e),
+					onFocus: u[2] ||= async (e) => ee(e),
+					"aria-describedby": s.ariaDescribedBy ?? N.value
+				}, null, 40, Ye),
+				s.label ? (d(), r(e, { key: 0 }, [a(h(s.label), 1)], 64)) : n("", !0),
+				m(l.$slots, "default")
+			], 8, Je),
 			g(F)(s.message, s.showMessage) ? (d(), t($, {
 				key: 0,
 				size: "small",
@@ -1038,45 +1042,49 @@ var b = () => {
 		}
 	},
 	emits: ["update:checked"],
-	setup(t, { emit: n }) {
-		let o = n, s = t, l = f(!1), u = f(null);
-		v(() => [s.isGroupTitle, s.showDivider], () => {
-			l.value = !!(s.isGroupTitle || s.showDivider);
+	setup(t, { emit: o }) {
+		let s = o, l = t, u = f(!1), p = f(null);
+		v(() => [l.isGroupTitle, l.showDivider], () => {
+			u.value = !!(l.isGroupTitle || l.showDivider);
 		}, {
 			immediate: !0,
 			flush: "post"
 		});
-		function p(e) {
-			e.stopPropagation(), s.onChange && s.onChange(e), Q(o, e, "checked");
+		function _(e) {
+			e.stopPropagation(), l.onChange && l.onChange(e), Q(s, e, "checked");
 		}
-		function _() {
-			if (!(s.isGroupTitle || s.type === "checkbox")) return k(s.checked, "checked") ? "check" : "x_placeholder";
+		function y() {
+			if (!(l.isGroupTitle || l.type === "checkbox")) return k(l.checked, "checked") ? "check" : "x_placeholder";
 		}
-		return (n, o) => (d(), r("li", {
+		return (o, s) => (d(), r("li", {
 			ref_key: "_ref",
-			ref: u,
+			ref: p,
 			id: t.id ?? t.propOverrides?.id,
-			class: c(g(S)("db-custom-select-list-item", s.class, {
+			class: c(g(S)("db-custom-select-list-item", l.class, {
 				"db-checkbox": t.type === "checkbox" && !t.isGroupTitle,
 				"db-radio": t.type !== "checkbox" && !t.isGroupTitle
 			})),
-			"data-divider": g(O)(l.value)
+			"data-divider": g(O)(u.value)
 		}, [t.isGroupTitle ? (d(), r("span", ht, h(t.groupTitle), 1)) : (d(), r("label", {
 			key: 0,
 			"data-icon": t.type !== "checkbox" && t.icon ? t.icon : void 0,
 			"data-show-icon": g(O)(t.showIcon),
-			"data-icon-trailing": _()
-		}, [i("input", {
-			class: "db-custom-select-list-item-checkbox",
-			"data-disable-focus": "true",
-			type: t.type,
-			name: t.name,
-			form: t.name,
-			checked: g(k)(t.checked, "checked"),
-			disabled: g(k)(t.disabled, "disabled"),
-			value: t.value,
-			onChange: o[0] ||= async (e) => p(e)
-		}, null, 40, mt), t.label ? (d(), r(e, { key: 0 }, [a(h(t.label), 1)], 64)) : m(n.$slots, "default", { key: 1 })], 8, pt))], 10, ft));
+			"data-icon-trailing": y()
+		}, [
+			i("input", {
+				class: "db-custom-select-list-item-checkbox",
+				"data-disable-focus": "true",
+				type: t.type,
+				name: t.name,
+				form: t.name,
+				checked: g(k)(t.checked, "checked"),
+				disabled: g(k)(t.disabled, "disabled"),
+				value: t.value,
+				onChange: s[0] ||= async (e) => _(e)
+			}, null, 40, mt),
+			t.label ? (d(), r(e, { key: 0 }, [a(h(t.label), 1)], 64)) : n("", !0),
+			m(o.$slots, "default")
+		], 8, pt))], 10, ft));
 	}
 }), _t = [
 	"role",
@@ -1439,81 +1447,82 @@ var b = () => {
 		wrap: {
 			type: [Boolean, String],
 			default: void 0
-		}
+		},
+		text: { default: void 0 }
 	},
-	setup(e) {
-		let t = _(), n = e, i = f(ne), a = f(!1), o = f(void 0), s = f(void 0), u = f(null);
+	setup(t) {
+		let i = _(), o = t, s = f(ne), u = f(!1), p = f(void 0), y = f(void 0), b = f(null);
 		l(() => {
-			T(), a.value = !0;
-		}), v(() => [n.id, n.propOverrides?.id], () => {
-			(n.id ?? n.propOverrides?.id) && T();
+			j(), u.value = !0;
+		}), v(() => [o.id, o.propOverrides?.id], () => {
+			(o.id ?? o.propOverrides?.id) && j();
 		}, {
 			immediate: !0,
 			flush: "post"
 		}), v(() => [
+			b.value,
 			u.value,
-			a.value,
-			i.value
+			s.value
 		], () => {
-			if (u.value && a.value && i.value) {
-				let e = y();
-				e && (b(e), ["mouseenter", "focusin"].forEach((t) => {
-					e.addEventListener(t, () => w(e));
-				}), e.addEventListener("keydown", (e) => h(e)), ["mouseleave", "focusout"].forEach((t) => {
-					e.addEventListener(t, () => C());
-				}), e.dataset.hasTooltip = "true", n.variant === "label" ? e.setAttribute("aria-labelledby", i.value) : e.setAttribute("aria-describedby", i.value)), typeof window < "u" && "IntersectionObserver" in window && (s.value = new IntersectionObserver((e) => {
-					let t = e.find(({ target: e }) => e === y());
-					t && !t.isIntersecting && h(!1);
-				})), a.value = !1;
+			if (b.value && u.value && s.value) {
+				let e = w();
+				e && (T(e), ["mouseenter", "focusin"].forEach((t) => {
+					e.addEventListener(t, () => A(e));
+				}), e.addEventListener("keydown", (e) => C(e)), ["mouseleave", "focusout"].forEach((t) => {
+					e.addEventListener(t, () => k());
+				}), e.dataset.hasTooltip = "true", o.variant === "label" ? e.setAttribute("aria-labelledby", s.value) : e.setAttribute("aria-describedby", s.value)), typeof window < "u" && "IntersectionObserver" in window && (y.value = new IntersectionObserver((e) => {
+					let t = e.find(({ target: e }) => e === w());
+					t && !t.isIntersecting && C(!1);
+				})), u.value = !1;
 			}
 		}, {
 			immediate: !0,
 			flush: "post"
 		});
-		function p(e) {
+		function x(e) {
 			e.stopPropagation();
 		}
-		function h(e) {
-			(!e || e.key === "Escape") && u.value && getComputedStyle(u.value).visibility === "visible" && y().blur();
+		function C(e) {
+			(!e || e.key === "Escape") && b.value && getComputedStyle(b.value).visibility === "visible" && w().blur();
 		}
-		function y() {
-			let e = u.value.parentElement;
+		function w() {
+			let e = b.value.parentElement;
 			return e && e.localName.includes("tooltip") && (e = e.parentElement), e;
 		}
-		function b(e) {
-			e && u.value && D(() => {
-				u.value && lt(u.value, e, n.placement ?? "bottom");
+		function T(e) {
+			e && b.value && D(() => {
+				b.value && lt(b.value, e, o.placement ?? "bottom");
 			}, 1);
 		}
-		function x(e, t) {
-			e?.target?.contains && e?.target?.contains(u.value) && b(t);
+		function E(e, t) {
+			e?.target?.contains && e?.target?.contains(b.value) && T(t);
 		}
-		function C() {
-			o.value && new tt().removeCallback(o.value), s.value?.unobserve(y());
+		function k() {
+			p.value && new tt().removeCallback(p.value), y.value?.unobserve(w());
 		}
-		function w(e) {
-			o.value = new tt().addCallback((t) => x(t, e)), b(e), s.value?.observe(y());
+		function A(e) {
+			p.value = new tt().addCallback((t) => E(t, e)), T(e), y.value?.observe(w());
 		}
-		function T() {
-			i.value = n.id ?? n.propOverrides?.id ?? "tooltip-" + t;
+		function j() {
+			s.value = o.id ?? o.propOverrides?.id ?? "tooltip-" + i;
 		}
-		return (t, a) => (d(), r("i", {
+		return (i, l) => (d(), r("i", {
 			role: "tooltip",
 			"aria-hidden": "true",
 			"data-gap": "true",
 			ref_key: "_ref",
-			ref: u,
-			class: c(g(S)("db-tooltip", n.class)),
-			id: i.value,
-			"data-emphasis": e.emphasis,
-			"data-wrap": g(O)(e.wrap),
-			"data-animation": g(O)(e.animation ?? !0),
-			"data-delay": e.delay,
-			"data-width": e.width,
-			"data-show-arrow": g(O)(e.showArrow ?? !0),
-			"data-placement": e.placement,
-			onClick: a[0] ||= async (e) => p(e)
-		}, [m(t.$slots, "default")], 10, Et));
+			ref: b,
+			class: c(g(S)("db-tooltip", o.class)),
+			id: s.value,
+			"data-emphasis": t.emphasis,
+			"data-wrap": g(O)(t.wrap),
+			"data-animation": g(O)(t.animation ?? !0),
+			"data-delay": t.delay,
+			"data-width": t.width,
+			"data-show-arrow": g(O)(t.showArrow ?? !0),
+			"data-placement": t.placement,
+			onClick: l[0] ||= async (e) => x(e)
+		}, [t.text ? (d(), r(e, { key: 0 }, [a(h(t.text), 1)], 64)) : n("", !0), m(i.$slots, "default")], 10, Et));
 	}
 }), Ot = [
 	"id",
@@ -1586,8 +1595,8 @@ var b = () => {
 			"data-overflow": g(O)(t.overflow)
 		}, [
 			m(f.$slots, "content"),
-			m(f.$slots, "default"),
 			t.text ? (d(), r(e, { key: 0 }, [a(h(t.text), 1)], 64)) : n("", !0),
+			m(f.$slots, "default"),
 			t.behavior === "removable" ? (d(), r("button", {
 				key: 1,
 				class: "db-button db-tab-remove-button",
@@ -2672,17 +2681,17 @@ var b = () => {
 		text: { default: void 0 }
 	},
 	setup(t) {
-		let n = t, i = f(null);
-		return (o, s) => (d(), r("span", {
+		let i = t, o = f(null);
+		return (s, l) => (d(), r("span", {
 			"aria-hidden": "true",
 			ref_key: "_ref",
-			ref: i,
+			ref: o,
 			id: t.id ?? t.propOverrides?.id,
-			class: c(g(S)("db-icon", n.class)),
+			class: c(g(S)("db-icon", i.class)),
 			"data-icon": t.icon,
 			"data-icon-weight": t.weight,
 			"data-icon-variant": t.variant
-		}, [t.text ? (d(), r(e, { key: 0 }, [a(h(t.text), 1)], 64)) : m(o.$slots, "default", { key: 1 })], 10, On));
+		}, [t.text ? (d(), r(e, { key: 0 }, [a(h(t.text), 1)], 64)) : n("", !0), m(s.$slots, "default")], 10, On));
 	}
 }), An = [
 	"16",
@@ -2763,15 +2772,15 @@ var b = () => {
 		}
 	},
 	setup(t) {
-		let n = t, i = f(null);
-		function o(e) {
-			n.onClick && n.onClick(e);
+		let i = t, o = f(null);
+		function s(e) {
+			i.onClick && i.onClick(e);
 		}
-		return (s, l) => (d(), r("a", {
+		return (l, u) => (d(), r("a", {
 			ref_key: "_ref",
-			ref: i,
+			ref: o,
 			id: t.id ?? t.propOverrides?.id,
-			class: c(g(S)("db-link", n.class)),
+			class: c(g(S)("db-link", i.class)),
 			href: t.href,
 			target: t.target,
 			rel: t.rel,
@@ -2785,8 +2794,8 @@ var b = () => {
 			"data-variant": t.variant,
 			"data-content": t.content || "internal",
 			"data-wrap": g(O)(t.wrap),
-			onClick: l[0] ||= async (e) => o(e)
-		}, [t.text ? (d(), r(e, { key: 0 }, [a(h(t.text), 1)], 64)) : m(s.$slots, "default", { key: 1 })], 10, Mn));
+			onClick: u[0] ||= async (e) => s(e)
+		}, [t.text ? (d(), r(e, { key: 0 }, [a(h(t.text), 1)], 64)) : n("", !0), m(l.$slots, "default")], 10, Mn));
 	}
 }), Pn = [
 	"adaptive",
@@ -3026,7 +3035,7 @@ var b = () => {
 		}, [
 			m(f.$slots, "image"),
 			g(F)(o.headline, o.showHeadline) ? (d(), r("header", Gn, h(o.headline), 1)) : n("", !0),
-			i("div", Kn, [o.text ? (d(), r(e, { key: 0 }, [a(h(o.text), 1)], 64)) : m(f.$slots, "default", { key: 1 })]),
+			i("div", Kn, [o.text ? (d(), r(e, { key: 0 }, [a(h(o.text), 1)], 64)) : n("", !0), m(f.$slots, "default")]),
 			g(F)(o.timestamp, o.showTimestamp) ? (d(), r("time", {
 				key: 1,
 				"data-area": "timestamp",
@@ -3295,32 +3304,32 @@ var b = () => {
 		size: { default: void 0 }
 	},
 	emits: ["update:value"],
-	setup(t, { emit: n }) {
-		let o = _(), s = n, p = t, y = f(!1), b = f(void 0), x = f(void 0), C = f(null);
+	setup(t, { emit: o }) {
+		let s = _(), p = o, y = t, b = f(!1), x = f(void 0), C = f(void 0), w = f(null);
 		l(() => {
-			y.value = !0, A();
+			b.value = !0, j();
 		}), u(() => {
-			x.value?.abort();
-		}), v(() => [p.id, p.propOverrides?.id], () => {
-			(p.id ?? p.propOverrides?.id) && A();
+			C.value?.abort();
+		}), v(() => [y.id, y.propOverrides?.id], () => {
+			(y.id ?? y.propOverrides?.id) && j();
 		}, {
 			immediate: !0,
 			flush: "post"
 		}), v(() => [
-			y.value,
-			C.value,
-			p.checked
+			b.value,
+			w.value,
+			y.checked
 		], () => {
-			p.checked && y.value && C.value && (C.value.checked = !0);
+			y.checked && b.value && w.value && (w.value.checked = !0);
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), v(() => [C.value], () => {
-			if (C.value) {
-				let e = x.value;
-				e || (e = new AbortController(), x.value = e), Ue(C.value, (e) => {
+		}), v(() => [w.value], () => {
+			if (w.value) {
+				let e = C.value;
+				e || (e = new AbortController(), C.value = e), Ue(w.value, (e) => {
 					D(() => {
-						let t = p.checked ? p.checked : C.value.checked, n = {
+						let t = y.checked ? y.checked : w.value.checked, n = {
 							...e,
 							target: {
 								...e.target,
@@ -3328,7 +3337,7 @@ var b = () => {
 								checked: t
 							}
 						};
-						T(n, !0), w(n, !0);
+						E(n, !0), T(n, !0);
 					}, 1);
 				}, e.signal);
 			}
@@ -3336,44 +3345,48 @@ var b = () => {
 			immediate: !0,
 			flush: "post"
 		});
-		function w(e, t) {
-			p.input && p.input(e), p.onInput && p.onInput(e), Q(s, e);
-		}
 		function T(e, t) {
-			p.onChange && p.onChange(e), Q(s, e);
+			y.input && y.input(e), y.onInput && y.onInput(e), Q(p, e);
 		}
-		function E(e) {
-			p.onBlur && p.onBlur(e);
+		function E(e, t) {
+			y.onChange && y.onChange(e), Q(p, e);
 		}
 		function O(e) {
-			p.onFocus && p.onFocus(e);
+			y.onBlur && y.onBlur(e);
+		}
+		function A(e) {
+			y.onFocus && y.onFocus(e);
 		}
-		function A() {
-			b.value = p.id ?? p.propOverrides?.id ?? `radio-${o}`;
+		function j() {
+			x.value = y.id ?? y.propOverrides?.id ?? `radio-${s}`;
 		}
-		return (n, o) => (d(), r("label", {
+		return (o, s) => (d(), r("label", {
 			"data-size": t.size,
 			"data-hide-label": g(P)(t.showLabel),
 			"data-hide-asterisk": g(P)(t.showRequiredAsterisk),
-			class: c(g(S)("db-radio", p.class)),
-			for: b.value
-		}, [i("input", {
-			type: "radio",
-			"aria-invalid": t.validation === "invalid",
-			"data-custom-validity": t.validation,
-			ref_key: "_ref",
-			ref: C,
-			id: b.value,
-			name: t.name,
-			checked: g(k)(t.checked, "checked"),
-			disabled: g(k)(t.disabled, "disabled"),
-			value: t.value,
-			required: g(k)(t.required, "required"),
-			onInput: o[0] ||= async (e) => w(e),
-			onChange: o[1] ||= async (e) => T(e),
-			onBlur: o[2] ||= async (e) => E(e),
-			onFocus: o[3] ||= async (e) => O(e)
-		}, null, 40, or), t.label ? (d(), r(e, { key: 0 }, [a(h(t.label), 1)], 64)) : m(n.$slots, "default", { key: 1 })], 10, ar));
+			class: c(g(S)("db-radio", y.class)),
+			for: x.value
+		}, [
+			i("input", {
+				type: "radio",
+				"aria-invalid": t.validation === "invalid",
+				"data-custom-validity": t.validation,
+				ref_key: "_ref",
+				ref: w,
+				id: x.value,
+				name: t.name,
+				checked: g(k)(t.checked, "checked"),
+				disabled: g(k)(t.disabled, "disabled"),
+				value: t.value,
+				required: g(k)(t.required, "required"),
+				onInput: s[0] ||= async (e) => T(e),
+				onChange: s[1] ||= async (e) => E(e),
+				onBlur: s[2] ||= async (e) => O(e),
+				onFocus: s[3] ||= async (e) => A(e)
+			}, null, 40, or),
+			t.label ? (d(), r(e, { key: 0 }, [a(h(t.label), 1)], 64)) : n("", !0),
+			m(o.$slots, "default")
+		], 10, ar));
 	}
 }), cr = [
 	"id",
@@ -3911,26 +3924,30 @@ var b = () => {
 			"data-custom-validity": s.validation,
 			class: c(g(S)("db-switch", C.class))
 		}, [
-			i("label", { for: w.value }, [i("input", {
-				type: "checkbox",
-				role: "switch",
-				id: w.value,
-				ref_key: "_ref",
-				ref: R,
-				checked: g(k)(s.checked, "checked"),
-				value: s.value,
-				disabled: g(k)(s.disabled, "disabled"),
-				"aria-invalid": s.validation === "invalid" ? "true" : void 0,
-				"aria-describedby": N.value,
-				name: s.name,
-				required: g(k)(s.required, "required"),
-				"data-aid-icon": s.iconLeading ?? s.icon,
-				"data-aid-icon-trailing": s.iconTrailing,
-				onChange: u[0] ||= async (e) => V(e),
-				onBlur: u[1] ||= async (e) => H(e),
-				onFocus: u[2] ||= async (e) => ee(e),
-				onKeydown: u[3] ||= async (e) => U(e)
-			}, null, 40, Or), s.label ? (d(), r(e, { key: 0 }, [a(h(s.label), 1)], 64)) : m(l.$slots, "default", { key: 1 })], 8, Dr),
+			i("label", { for: w.value }, [
+				i("input", {
+					type: "checkbox",
+					role: "switch",
+					id: w.value,
+					ref_key: "_ref",
+					ref: R,
+					checked: g(k)(s.checked, "checked"),
+					value: s.value,
+					disabled: g(k)(s.disabled, "disabled"),
+					"aria-invalid": s.validation === "invalid" ? "true" : void 0,
+					"aria-describedby": N.value,
+					name: s.name,
+					required: g(k)(s.required, "required"),
+					"data-aid-icon": s.iconLeading ?? s.icon,
+					"data-aid-icon-trailing": s.iconTrailing,
+					onChange: u[0] ||= async (e) => V(e),
+					onBlur: u[1] ||= async (e) => H(e),
+					onFocus: u[2] ||= async (e) => ee(e),
+					onKeydown: u[3] ||= async (e) => U(e)
+				}, null, 40, Or),
+				s.label ? (d(), r(e, { key: 0 }, [a(h(s.label), 1)], 64)) : n("", !0),
+				m(l.$slots, "default")
+			], 8, Dr),
 			g(F)(s.message, s.showMessage) ? (d(), t($, {
 				key: 0,
 				size: "small",