@db-ux/v-core-components 5.3.0 → 5.5.0

package/dist/db-ux.es.js

@@ -1444,7 +1444,7 @@ var x = () => {
 	mouseX = 0;
 	mouseY = 0;
 	constructor(e, t) {
-		this.element = e, this.subNavigation = t, !(!this.element || !this.subNavigation) && (this.parentSubNavigation = this.element?.closest(".db-control-panel-navigation-item-group-menu") ?? this.element, this.element.closest(".db-drawer") || this.init());
+		this.element = e, this.subNavigation = t, this.element && this.subNavigation && (this.parentSubNavigation = this.element?.closest(".db-control-panel-navigation-item-group-menu") ?? this.element, this.element.closest(".db-drawer") || this.init());
 	}
 	init() {
 		let e = this.parentSubNavigation?.getBoundingClientRect().width ?? 0;
@@ -3887,11 +3887,77 @@ var x = () => {
 	"medium",
 	"large",
 	"full"
-], _r = [
+], _r = ["id", "data-width"], vr = /* @__PURE__ */ s({
+	name: "DBFooter",
+	__name: "footer",
+	props: {
+		children: { default: void 0 },
+		className: { default: void 0 },
+		class: {},
+		id: { default: void 0 },
+		autofocus: { type: [Boolean, String] },
+		propOverrides: { default: void 0 },
+		width: { default: void 0 }
+	},
+	setup(e) {
+		let t = e, n = p(null);
+		return (i, a) => (f(), r("footer", {
+			ref_key: "_ref",
+			ref: n,
+			id: e.id ?? e.propOverrides?.id,
+			class: c(_(C)("db-footer", t.class)),
+			"data-width": e.width
+		}, [h(i.$slots, "default")], 10, _r));
+	}
+}), yr = ["id"], br = { class: "db-footer-container" }, xr = /* @__PURE__ */ s({
+	name: "DBFooterContent",
+	__name: "footer-content",
+	props: {
+		children: { default: void 0 },
+		className: { default: void 0 },
+		class: {},
+		id: { default: void 0 },
+		autofocus: { type: [Boolean, String] },
+		propOverrides: { default: void 0 }
+	},
+	setup(e) {
+		let t = e, n = p(null);
+		return (a, o) => (f(), r("div", {
+			ref_key: "_ref",
+			ref: n,
+			id: e.id ?? e.propOverrides?.id,
+			class: c(_(C)("db-footer-content", t.class))
+		}, [i("div", br, [h(a.$slots, "default")])], 10, yr));
+	}
+}), Sr = ["id"], Cr = { class: "db-footer-container" }, wr = {
+	key: 0,
+	class: "db-footer-copyright"
+}, Tr = { class: "db-footer-meta-content" }, Er = /* @__PURE__ */ s({
+	name: "DBFooterMeta",
+	__name: "footer-meta",
+	props: {
+		copyright: { default: void 0 },
+		children: { default: void 0 },
+		className: { default: void 0 },
+		class: {},
+		id: { default: void 0 },
+		autofocus: { type: [Boolean, String] },
+		propOverrides: { default: void 0 }
+	},
+	setup(e) {
+		let t = e, a = p(null);
+		return (o, s) => (f(), r("div", {
+			ref_key: "_ref",
+			ref: a,
+			id: e.id ?? e.propOverrides?.id,
+			class: c(_(C)("db-footer-meta", t.class))
+		}, [i("div", Cr, [e.copyright ? (f(), r("p", wr, "©\xA0" + g(e.copyright), 1)) : n("", !0), i("div", Tr, [h(o.$slots, "default")])])], 10, Sr));
+	}
+}), Dr = [
 	"id",
 	"data-width",
 	"data-on-forcing-mobile"
-], vr = { class: "db-header-meta-navigation" }, yr = { class: "db-header-navigation-bar" }, br = { class: "db-header-brand-container" }, xr = { class: "db-header-navigation-container" }, Sr = { class: "db-header-navigation" }, Cr = { class: "db-header-primary-action" }, wr = { class: "db-header-action-container" }, Tr = { class: "db-header-burger-menu-container" }, Er = { class: "db-header-secondary-action" }, Dr = { class: "db-header-drawer-navigation" }, Or = { class: "db-header-meta-navigation" }, kr = { class: "db-header-secondary-action" }, Ar = /* @__PURE__ */ s({
+], Or = { class: "db-header-meta-navigation" }, kr = { class: "db-header-navigation-bar" }, Ar = { class: "db-header-brand-container" }, jr = { class: "db-header-navigation-container" }, Mr = { class: "db-header-navigation" }, Nr = { class: "db-header-primary-action" }, Pr = { class: "db-header-action-container" }, Fr = { class: "db-header-burger-menu-container" }, Ir = { class: "db-header-secondary-action" }, Lr = { class: "db-header-drawer-navigation" }, Rr = { class: "db-header-meta-navigation" }, zr = { class: "db-header-secondary-action" }, Br = /* @__PURE__ */ s({
 	name: "DBHeader",
 	__name: "header",
 	props: {
@@ -3958,11 +4024,11 @@ var x = () => {
 			"data-width": e.width,
 			"data-on-forcing-mobile": _(j)(e.forceMobile, "forceMobile") && !s.value
 		}, [
-			i("div", vr, [h(n.$slots, "meta-navigation")]),
-			i("div", yr, [
-				i("div", br, [h(n.$slots, "brand")]),
-				i("div", xr, [i("div", Sr, [h(n.$slots, "default")]), i("div", Cr, [h(n.$slots, "primary-action")])]),
-				i("div", wr, [i("div", Tr, [o(Ge, {
+			i("div", Or, [h(n.$slots, "meta-navigation")]),
+			i("div", kr, [
+				i("div", Ar, [h(n.$slots, "brand")]),
+				i("div", jr, [i("div", Mr, [h(n.$slots, "default")]), i("div", Nr, [h(n.$slots, "primary-action")])]),
+				i("div", Pr, [i("div", Fr, [o(Ge, {
 					icon: "menu",
 					variant: "ghost",
 					noText: !0,
@@ -3970,7 +4036,7 @@ var x = () => {
 				}, {
 					default: b(() => [a(g(e.burgerMenuLabel ?? _("Open navigation menu")), 1)]),
 					_: 1
-				}, 8, ["onClick"])]), i("div", Er, [h(n.$slots, "secondary-action")])])
+				}, 8, ["onClick"])]), i("div", Ir, [h(n.$slots, "secondary-action")])])
 			]),
 			o(en, {
 				rounded: !0,
@@ -3987,24 +4053,24 @@ var x = () => {
 					"text"
 				])]),
 				footer: b(() => [o(Kt, null, {
-					default: b(() => [i("div", kr, [h(n.$slots, "secondary-action")])]),
+					default: b(() => [i("div", zr, [h(n.$slots, "secondary-action")])]),
 					_: 3
 				})]),
-				default: b(() => [i("div", Dr, [i("div", {
+				default: b(() => [i("div", Lr, [i("div", {
 					class: "db-header-navigation",
 					onClick: u[0] ||= async (e) => m(e)
-				}, [h(n.$slots, "default")]), i("div", Or, [h(n.$slots, "meta-navigation")])])]),
+				}, [h(n.$slots, "default")]), i("div", Rr, [h(n.$slots, "meta-navigation")])])]),
 				_: 3
 			}, 8, ["open", "onClose"])
-		], 10, _r));
+		], 10, Dr));
 	}
-}), jr = [
+}), Vr = [
 	"id",
 	"data-size",
 	"data-font-weight",
 	"data-alignment",
 	"data-paragraph-spacing"
-], Mr = /* @__PURE__ */ s({
+], Hr = /* @__PURE__ */ s({
 	name: "DBCustomHeading",
 	__name: "custom-heading",
 	props: {
@@ -4039,15 +4105,15 @@ var x = () => {
 			h(i.$slots, "start-slot"),
 			h(i.$slots, "default"),
 			h(i.$slots, "end-slot")
-		], 10, jr));
+		], 10, Vr));
 	}
-}), Nr = [
+}), Ur = [
 	"id",
 	"data-size",
 	"data-font-weight",
 	"data-alignment",
 	"data-paragraph-spacing"
-], Pr = /* @__PURE__ */ s({
+], Wr = /* @__PURE__ */ s({
 	name: "DBHeadingH1",
 	__name: "heading-h1",
 	props: {
@@ -4077,15 +4143,15 @@ var x = () => {
 			"data-font-weight": t.fontWeight,
 			"data-alignment": t.alignment,
 			"data-paragraph-spacing": _(A)(t.paragraphSpacing, "paragraphSpacing")
-		}, [t.text ? (f(), r(e, { key: 0 }, [a(g(t.text), 1)], 64)) : n("", !0), h(s.$slots, "default")], 10, Nr));
+		}, [t.text ? (f(), r(e, { key: 0 }, [a(g(t.text), 1)], 64)) : n("", !0), h(s.$slots, "default")], 10, Ur));
 	}
-}), Fr = [
+}), Gr = [
 	"id",
 	"data-size",
 	"data-font-weight",
 	"data-alignment",
 	"data-paragraph-spacing"
-], Ir = /* @__PURE__ */ s({
+], Kr = /* @__PURE__ */ s({
 	name: "DBHeadingH2",
 	__name: "heading-h2",
 	props: {
@@ -4115,15 +4181,15 @@ var x = () => {
 			"data-font-weight": t.fontWeight,
 			"data-alignment": t.alignment,
 			"data-paragraph-spacing": _(A)(t.paragraphSpacing, "paragraphSpacing")
-		}, [t.text ? (f(), r(e, { key: 0 }, [a(g(t.text), 1)], 64)) : n("", !0), h(s.$slots, "default")], 10, Fr));
+		}, [t.text ? (f(), r(e, { key: 0 }, [a(g(t.text), 1)], 64)) : n("", !0), h(s.$slots, "default")], 10, Gr));
 	}
-}), Lr = [
+}), qr = [
 	"id",
 	"data-size",
 	"data-font-weight",
 	"data-alignment",
 	"data-paragraph-spacing"
-], Rr = /* @__PURE__ */ s({
+], Jr = /* @__PURE__ */ s({
 	name: "DBHeadingH3",
 	__name: "heading-h3",
 	props: {
@@ -4153,15 +4219,15 @@ var x = () => {
 			"data-font-weight": t.fontWeight,
 			"data-alignment": t.alignment,
 			"data-paragraph-spacing": _(A)(t.paragraphSpacing, "paragraphSpacing")
-		}, [t.text ? (f(), r(e, { key: 0 }, [a(g(t.text), 1)], 64)) : n("", !0), h(s.$slots, "default")], 10, Lr));
+		}, [t.text ? (f(), r(e, { key: 0 }, [a(g(t.text), 1)], 64)) : n("", !0), h(s.$slots, "default")], 10, qr));
 	}
-}), zr = [
+}), Yr = [
 	"id",
 	"data-size",
 	"data-font-weight",
 	"data-alignment",
 	"data-paragraph-spacing"
-], Br = /* @__PURE__ */ s({
+], Xr = /* @__PURE__ */ s({
 	name: "DBHeadingH4",
 	__name: "heading-h4",
 	props: {
@@ -4191,15 +4257,15 @@ var x = () => {
 			"data-font-weight": t.fontWeight,
 			"data-alignment": t.alignment,
 			"data-paragraph-spacing": _(A)(t.paragraphSpacing, "paragraphSpacing")
-		}, [t.text ? (f(), r(e, { key: 0 }, [a(g(t.text), 1)], 64)) : n("", !0), h(s.$slots, "default")], 10, zr));
+		}, [t.text ? (f(), r(e, { key: 0 }, [a(g(t.text), 1)], 64)) : n("", !0), h(s.$slots, "default")], 10, Yr));
 	}
-}), Vr = [
+}), Zr = [
 	"id",
 	"data-size",
 	"data-font-weight",
 	"data-alignment",
 	"data-paragraph-spacing"
-], Hr = /* @__PURE__ */ s({
+], Qr = /* @__PURE__ */ s({
 	name: "DBHeadingH5",
 	__name: "heading-h5",
 	props: {
@@ -4229,15 +4295,15 @@ var x = () => {
 			"data-font-weight": t.fontWeight,
 			"data-alignment": t.alignment,
 			"data-paragraph-spacing": _(A)(t.paragraphSpacing, "paragraphSpacing")
-		}, [t.text ? (f(), r(e, { key: 0 }, [a(g(t.text), 1)], 64)) : n("", !0), h(s.$slots, "default")], 10, Vr));
+		}, [t.text ? (f(), r(e, { key: 0 }, [a(g(t.text), 1)], 64)) : n("", !0), h(s.$slots, "default")], 10, Zr));
 	}
-}), Ur = [
+}), $r = [
 	"id",
 	"data-size",
 	"data-font-weight",
 	"data-alignment",
 	"data-paragraph-spacing"
-], Wr = /* @__PURE__ */ s({
+], ei = /* @__PURE__ */ s({
 	name: "DBHeadingH6",
 	__name: "heading-h6",
 	props: {
@@ -4267,9 +4333,9 @@ var x = () => {
 			"data-font-weight": t.fontWeight,
 			"data-alignment": t.alignment,
 			"data-paragraph-spacing": _(A)(t.paragraphSpacing, "paragraphSpacing")
-		}, [t.text ? (f(), r(e, { key: 0 }, [a(g(t.text), 1)], 64)) : n("", !0), h(s.$slots, "default")], 10, Ur));
+		}, [t.text ? (f(), r(e, { key: 0 }, [a(g(t.text), 1)], 64)) : n("", !0), h(s.$slots, "default")], 10, $r));
 	}
-}), Gr = [
+}), ti = [
 	"3xl",
 	"2xl",
 	"xl",
@@ -4279,12 +4345,12 @@ var x = () => {
 	"xs",
 	"2xs",
 	"3xs"
-], Kr = ["black", "light"], qr = [
+], ni = ["black", "light"], ri = [
 	"id",
 	"data-icon",
 	"data-icon-weight",
 	"data-icon-variant"
-], Jr = /* @__PURE__ */ s({
+], ii = /* @__PURE__ */ s({
 	name: "DBIcon",
 	__name: "icon",
 	props: {
@@ -4310,16 +4376,16 @@ var x = () => {
 			"data-icon": t.icon,
 			"data-icon-weight": t.weight,
 			"data-icon-variant": t.variant
-		}, [t.text ? (f(), r(e, { key: 0 }, [a(g(t.text), 1)], 64)) : n("", !0), h(s.$slots, "default")], 10, qr));
+		}, [t.text ? (f(), r(e, { key: 0 }, [a(g(t.text), 1)], 64)) : n("", !0), h(s.$slots, "default")], 10, ri));
 	}
-}), Yr = [
+}), ai = [
 	"16",
 	"20",
 	"24",
 	"32",
 	"48",
 	"64"
-], Xr = [
+], oi = [
 	"color",
 	"date",
 	"datetime-local",
@@ -4336,7 +4402,7 @@ var x = () => {
 	"time",
 	"url",
 	"week"
-], Zr = [
+], si = [
 	"id",
 	"href",
 	"target",
@@ -4351,7 +4417,7 @@ var x = () => {
 	"data-variant",
 	"data-content",
 	"data-wrap"
-], Qr = /* @__PURE__ */ s({
+], ci = /* @__PURE__ */ s({
 	name: "DBLink",
 	__name: "link",
 	props: {
@@ -4414,13 +4480,13 @@ var x = () => {
 			"data-content": t.content || "internal",
 			"data-wrap": _(A)(t.wrap, "wrap"),
 			onClick: u[0] ||= async (e) => s(e)
-		}, [t.text ? (f(), r(e, { key: 0 }, [a(g(t.text), 1)], 64)) : n("", !0), h(l.$slots, "default")], 10, Zr));
+		}, [t.text ? (f(), r(e, { key: 0 }, [a(g(t.text), 1)], 64)) : n("", !0), h(l.$slots, "default")], 10, si));
 	}
-}), $r = [
+}), li = [
 	"adaptive",
 	"brand",
 	"inline"
-], ei = ["medium", "small"], ti = ["external", "internal"], ni = ["id"], ri = /* @__PURE__ */ s({
+], ui = ["medium", "small"], di = ["external", "internal"], fi = ["id"], pi = /* @__PURE__ */ s({
 	name: "DBNavigation",
 	__name: "navigation",
 	props: {
@@ -4438,9 +4504,9 @@ var x = () => {
 			ref: n,
 			id: e.id ?? e.propOverrides?.id,
 			class: c(_(C)("db-navigation", t.class))
-		}, [i("menu", null, [h(a.$slots, "default")])], 10, ni));
+		}, [i("menu", null, [h(a.$slots, "default")])], 10, fi));
 	}
-}), ii = [
+}), mi = [
 	"id",
 	"data-width",
 	"data-icon",
@@ -4448,20 +4514,20 @@ var x = () => {
 	"data-active",
 	"data-wrap",
 	"aria-disabled"
-], ai = [
+], hi = [
 	"id",
 	"aria-haspopup",
 	"aria-expanded",
 	"aria-controls",
 	"disabled"
-], oi = [
+], gi = [
 	"id",
 	"aria-labelledby",
 	"data-force-close"
-], si = {
+], _i = {
 	key: 0,
 	class: "db-mobile-navigation-back"
-}, ci = /* @__PURE__ */ s({
+}, vi = /* @__PURE__ */ s({
 	name: "DBNavigationItem",
 	__name: "navigation-item",
 	props: {
@@ -4560,13 +4626,13 @@ var x = () => {
 			"aria-controls": E.value,
 			disabled: _(j)(t.disabled, "disabled"),
 			onClick: u[0] ||= async (e) => N(e)
-		}, [t.text ? (f(), r(e, { key: 0 }, [a(g(t.text), 1)], 64)) : h(s.$slots, "default", {}, void 0, void 0, 1)], 8, ai), i("menu", {
+		}, [t.text ? (f(), r(e, { key: 0 }, [a(g(t.text), 1)], 64)) : h(s.$slots, "default", {}, void 0, void 0, 1)], 8, hi), i("menu", {
 			class: "db-sub-navigation",
 			id: E.value,
 			"aria-labelledby": D.value,
 			"data-force-close": w.value,
 			onClick: u[1] ||= async (e) => M(e)
-		}, [m.value ? (f(), r("div", si, [o(Ge, {
+		}, [m.value ? (f(), r("div", _i, [o(Ge, {
 			icon: "arrow_left",
 			variant: "ghost",
 			id: t.backButtonId,
@@ -4574,9 +4640,9 @@ var x = () => {
 		}, {
 			default: b(() => [a(g(t.backButtonText ?? _("Back")), 1)]),
 			_: 1
-		}, 8, ["id", "onClick"])])) : n("", !0), h(s.$slots, "sub-navigation")], 8, oi)], 64)) : (f(), r(e, { key: 1 }, [t.text ? (f(), r(e, { key: 0 }, [a(g(t.text), 1)], 64)) : h(s.$slots, "default", {}, void 0, void 0, 1)], 64))], 42, ii));
+		}, 8, ["id", "onClick"])])) : n("", !0), h(s.$slots, "sub-navigation")], 8, gi)], 64)) : (f(), r(e, { key: 1 }, [t.text ? (f(), r(e, { key: 0 }, [a(g(t.text), 1)], 64)) : h(s.$slots, "default", {}, void 0, void 0, 1)], 64))], 42, mi));
 	}
-}), li = [
+}), yi = [
 	"id",
 	"role",
 	"aria-live",
@@ -4585,10 +4651,10 @@ var x = () => {
 	"data-icon",
 	"data-show-icon",
 	"data-link-variant"
-], ui = {
+], bi = {
 	key: 0,
 	"data-area": "head"
-}, di = { "data-area": "content" }, fi = ["dateTime"], pi = /* @__PURE__ */ s({
+}, xi = { "data-area": "content" }, Si = ["dateTime"], Ci = /* @__PURE__ */ s({
 	name: "DBNotification",
 	__name: "notification",
 	props: {
@@ -4657,13 +4723,13 @@ var x = () => {
 			"data-link-variant": o.linkVariant
 		}, [
 			h(d.$slots, "image"),
-			_(L)(o.headline, o.showHeadline) ? (f(), r("header", ui, g(o.headline), 1)) : n("", !0),
-			i("div", di, [o.text ? (f(), r(e, { key: 0 }, [a(g(o.text), 1)], 64)) : n("", !0), h(d.$slots, "default")]),
+			_(L)(o.headline, o.showHeadline) ? (f(), r("header", bi, g(o.headline), 1)) : n("", !0),
+			i("div", xi, [o.text ? (f(), r(e, { key: 0 }, [a(g(o.text), 1)], 64)) : n("", !0), h(d.$slots, "default")]),
 			_(L)(o.timestamp, o.showTimestamp) ? (f(), r("time", {
 				key: 1,
 				"data-area": "timestamp",
 				dateTime: o.timestampDatetime
-			}, g(o.timestamp), 9, fi)) : n("", !0),
+			}, g(o.timestamp), 9, Si)) : n("", !0),
 			h(d.$slots, "link"),
 			_(j)(o.closeable, "closeable") ? (f(), t(Ge, {
 				key: 2,
@@ -4677,22 +4743,22 @@ var x = () => {
 				default: b(() => [a(g(o.closeButtonText ?? _("Close")), 1)]),
 				_: 1
 			}, 8, ["id", "onClick"])) : n("", !0)
-		], 10, li));
+		], 10, yi));
 	}
-}), mi = [
+}), wi = [
 	"docked",
 	"standalone",
 	"overlay"
-], hi = ["block", "inline"], gi = [
+], Ti = ["block", "inline"], Ei = [
 	"assertive",
 	"polite",
 	"off"
-], _i = [
+], Di = [
 	"id",
 	"data-variant",
 	"data-fade-in",
 	"data-fonts-loaded"
-], vi = /* @__PURE__ */ s({
+], Oi = /* @__PURE__ */ s({
 	name: "DBPage",
 	__name: "page",
 	props: {
@@ -4732,9 +4798,9 @@ var x = () => {
 			h(o.$slots, "header"),
 			i("main", { class: c(_(C)("db-main", e.mainClass)) }, [h(o.$slots, "default")], 2),
 			h(o.$slots, "footer")
-		], 10, _i));
+		], 10, Di));
 	}
-}), yi = ["auto", "fixed"], bi = ["hidden", "auto"], xi = ["id"], Si = [
+}), ki = ["auto", "fixed"], Ai = ["hidden", "auto"], ji = ["id"], Mi = [
 	"data-spacing",
 	"data-gap",
 	"data-animation",
@@ -4742,7 +4808,7 @@ var x = () => {
 	"data-delay",
 	"data-width",
 	"data-placement"
-], Ci = /* @__PURE__ */ s({
+], Ni = /* @__PURE__ */ s({
 	name: "DBPopover",
 	__name: "popover",
 	props: {
@@ -4865,14 +4931,14 @@ var x = () => {
 			"data-delay": e.delay,
 			"data-width": e.width,
 			"data-placement": e.placement
-		}, [h(n.$slots, "default")], 8, Si)], 10, xi));
+		}, [h(n.$slots, "default")], 8, Mi)], 10, ji));
 	}
-}), wi = [
+}), Pi = [
 	"data-size",
 	"data-hide-label",
 	"data-hide-asterisk",
 	"for"
-], Ti = [
+], Fi = [
 	"aria-invalid",
 	"data-custom-validity",
 	"id",
@@ -4881,7 +4947,7 @@ var x = () => {
 	"disabled",
 	"value",
 	"required"
-], Ei = /* @__PURE__ */ s({
+], Ii = /* @__PURE__ */ s({
 	name: "DBRadio",
 	__name: "radio",
 	props: {
@@ -5022,16 +5088,16 @@ var x = () => {
 				onChange: s[1] ||= async (e) => E(e),
 				onBlur: s[2] ||= async (e) => D(e),
 				onFocus: s[3] ||= async (e) => k(e)
-			}, null, 40, Ti),
+			}, null, 40, Fi),
 			t.label ? (f(), r(e, { key: 0 }, [a(g(t.label), 1)], 64)) : n("", !0),
 			h(o.$slots, "default")
-		], 10, wi));
+		], 10, Pi));
 	}
-}), Di = [
+}), Li = [
 	"id",
 	"data-spacing",
 	"data-width"
-], Oi = /* @__PURE__ */ s({
+], Ri = /* @__PURE__ */ s({
 	name: "DBSection",
 	__name: "section",
 	props: {
@@ -5053,15 +5119,15 @@ var x = () => {
 			class: c(_(C)("db-section", t.class)),
 			"data-spacing": e.spacing || "medium",
 			"data-width": e.width
-		}, [h(i.$slots, "default")], 10, Di));
+		}, [h(i.$slots, "default")], 10, Li));
 	}
-}), ki = [
+}), zi = [
 	"data-variant",
 	"data-hide-label",
 	"data-hide-asterisk",
 	"data-icon",
 	"data-show-icon"
-], Ai = ["for"], ji = [
+], Bi = ["for"], Vi = [
 	"aria-invalid",
 	"data-custom-validity",
 	"required",
@@ -5073,18 +5139,18 @@ var x = () => {
 	"autocomplete",
 	"multiple",
 	"aria-describedby"
-], Mi = ["data-show-empty-option"], Ni = ["label"], Pi = [
+], Hi = ["data-show-empty-option"], Ui = ["label"], Wi = [
 	"value",
 	"selected",
 	"disabled"
-], Fi = [
+], Gi = [
 	"value",
 	"disabled",
 	"selected"
-], Ii = ["data-placeholder", "id"], Li = {
+], Ki = ["data-placeholder", "id"], qi = {
 	"data-visually-hidden": "true",
 	role: "status"
-}, Ri = /* @__PURE__ */ s({
+}, Ji = /* @__PURE__ */ s({
 	name: "DBSelect",
 	__name: "select",
 	props: {
@@ -5255,7 +5321,7 @@ var x = () => {
 			"data-icon": s.icon,
 			"data-show-icon": _(A)(s.showIcon, "showIcon")
 		}, [
-			i("label", { for: T.value }, g(s.label ?? _("LABEL SHOULD BE SET")), 9, Ai),
+			i("label", { for: T.value }, g(s.label ?? _("LABEL SHOULD BE SET")), 9, Bi),
 			i("select", {
 				"aria-invalid": s.validation === "invalid",
 				"data-custom-validity": s.validation,
@@ -5280,7 +5346,7 @@ var x = () => {
 				class: "placeholder",
 				value: "",
 				"data-show-empty-option": _(A)(q(), "showEmptyOption")
-			}, null, 8, Mi)) : n("", !0), s.options?.length ? (f(!0), r(e, { key: 1 }, m(s.options, (t, n) => (f(), r(e, { key: n }, [t.options ? (f(), r("optgroup", {
+			}, null, 8, Hi)) : n("", !0), s.options?.length ? (f(!0), r(e, { key: 1 }, m(s.options, (t, n) => (f(), r(e, { key: n }, [t.options ? (f(), r("optgroup", {
 				key: 0,
 				label: re(t)
 			}, [(f(!0), r(e, null, m(t.options, (e, t) => (f(), r("option", {
@@ -5288,18 +5354,18 @@ var x = () => {
 				value: e.value,
 				selected: e.selected,
 				disabled: e.disabled
-			}, g(re(e)), 9, Pi))), 128))], 8, Ni)) : (f(), r("option", {
+			}, g(re(e)), 9, Wi))), 128))], 8, Ui)) : (f(), r("option", {
 				key: 1,
 				value: t.value,
 				disabled: t.disabled,
 				selected: t.selected
-			}, g(re(t)), 9, Fi))], 64))), 128)) : h(l.$slots, "default", {}, void 0, void 0, 2)], 40, ji),
+			}, g(re(t)), 9, Gi))], 64))), 128)) : h(l.$slots, "default", {}, void 0, void 0, 2)], 40, Vi),
 			s.placeholder ? (f(), r("span", {
 				key: 0,
 				class: "db-select-placeholder",
 				"data-placeholder": s.placeholder,
 				id: P.value
-			}, null, 8, Ii)) : n("", !0),
+			}, null, 8, Ki)) : n("", !0),
 			_(L)(s.message, s.showMessage) ? (f(), t(Q, {
 				key: 1,
 				size: "small",
@@ -5326,10 +5392,10 @@ var x = () => {
 				default: b(() => [a(g(N.value), 1)]),
 				_: 1
 			}, 8, ["id"]),
-			i("span", Li, g(B.value), 1)
-		], 10, ki));
+			i("span", qi, g(B.value), 1)
+		], 10, zi));
 	}
-}), zi = [
+}), Yi = [
 	"id",
 	"data-control-panel-desktop-position",
 	"data-control-panel-mobile-position",
@@ -5338,7 +5404,7 @@ var x = () => {
 	"data-show-sub-navigation",
 	"data-fade-in",
 	"data-fonts-loaded"
-], Bi = /* @__PURE__ */ s({
+], Xi = /* @__PURE__ */ s({
 	name: "DBShell",
 	__name: "shell",
 	props: {
@@ -5402,9 +5468,9 @@ var x = () => {
 			"data-show-sub-navigation": _(A)(e.showSubNavigation, "showSubNavigation"),
 			"data-fade-in": _(A)(e.fadeIn, "fadeIn"),
 			"data-fonts-loaded": _(A)(n.value)
-		}, [h(u.$slots, "default")], 10, zi));
+		}, [h(u.$slots, "default")], 10, Yi));
 	}
-}), Vi = ["id", "data-variant"], Hi = ["id", "aria-label"], Ui = /* @__PURE__ */ s({
+}), Zi = ["id", "data-variant"], Qi = ["id", "aria-label"], $i = /* @__PURE__ */ s({
 	name: "DBShellContent",
 	__name: "shell-content",
 	props: {
@@ -5435,11 +5501,11 @@ var x = () => {
 				id: e.mainId ?? _("main-content"),
 				class: c(_(C)("db-main", e.mainClass)),
 				"aria-label": e.mainLabel
-			}, [h(a.$slots, "default")], 10, Hi),
+			}, [h(a.$slots, "default")], 10, Qi),
 			h(a.$slots, "end-slot")
-		], 10, Vi));
+		], 10, Zi));
 	}
-}), Wi = ["auto", "fixed"], Gi = ["id", "data-open"], Ki = { class: "db-shell-sub-navigation-button" }, qi = ["aria-controls", "aria-expanded"], Ji = /* @__PURE__ */ s({
+}), ea = ["auto", "fixed"], ta = ["id", "data-open"], na = { class: "db-shell-sub-navigation-button" }, ra = ["aria-controls", "aria-expanded"], ia = /* @__PURE__ */ s({
 	name: "DBShellSubNavigation",
 	__name: "shell-sub-navigation",
 	props: {
@@ -5492,7 +5558,7 @@ var x = () => {
 			id: e.id ?? e.propOverrides?.id ?? s.value,
 			"data-open": _(A)(l.value),
 			class: c(_(C)("db-shell-sub-navigation", n.class))
-		}, [h(t.$slots, "default"), i("div", Ki, [i("button", {
+		}, [h(t.$slots, "default"), i("div", na, [i("button", {
 			class: "db-button",
 			"data-variant": "ghost",
 			"data-no-text": "true",
@@ -5506,13 +5572,13 @@ var x = () => {
 		}, {
 			default: b(() => [a(g(m()), 1)]),
 			_: 1
-		})], 8, qi)])], 10, Gi));
+		})], 8, ra)])], 10, ta));
 	}
-}), Yi = [
+}), aa = [
 	"top",
 	"bottom",
 	"none"
-], Xi = [
+], oa = [
 	"id",
 	"data-gap",
 	"data-variant",
@@ -5520,7 +5586,7 @@ var x = () => {
 	"data-alignment",
 	"data-justify-content",
 	"data-wrap"
-], Zi = /* @__PURE__ */ s({
+], sa = /* @__PURE__ */ s({
 	name: "DBStack",
 	__name: "stack",
 	props: {
@@ -5553,26 +5619,26 @@ var x = () => {
 			"data-alignment": e.alignment,
 			"data-justify-content": e.justifyContent,
 			"data-wrap": _(A)(e.wrap, "wrap")
-		}, [h(i.$slots, "default")], 10, Xi));
+		}, [h(i.$slots, "default")], 10, oa));
 	}
-}), Qi = ["simple", "divider"], $i = ["row", "column"], ea = [
+}), ca = ["simple", "divider"], la = ["row", "column"], ua = [
 	"stretch",
 	"start",
 	"end",
 	"center"
-], ta = [
+], da = [
 	"space-between",
 	"start",
 	"center",
 	"end"
-], na = [
+], fa = [
 	"data-visual-aid",
 	"data-size",
 	"data-hide-label",
 	"data-variant",
 	"data-hide-asterisk",
 	"data-custom-validity"
-], ra = ["for"], ia = [
+], pa = ["for"], ma = [
 	"id",
 	"checked",
 	"value",
@@ -5583,10 +5649,10 @@ var x = () => {
 	"required",
 	"data-aid-icon",
 	"data-aid-icon-trailing"
-], aa = {
+], ha = {
 	"data-visually-hidden": "true",
 	role: "status"
-}, oa = /* @__PURE__ */ s({
+}, ga = /* @__PURE__ */ s({
 	name: "DBSwitch",
 	__name: "switch",
 	props: {
@@ -5769,10 +5835,10 @@ var x = () => {
 					onBlur: u[1] ||= async (e) => H(e),
 					onFocus: u[2] ||= async (e) => U(e),
 					onKeydown: u[3] ||= async (e) => W(e)
-				}, null, 40, ia),
+				}, null, 40, ma),
 				s.label ? (f(), r(e, { key: 0 }, [a(g(s.label), 1)], 64)) : n("", !0),
 				h(l.$slots, "default")
-			], 8, ra),
+			], 8, pa),
 			_(L)(s.message, s.showMessage) ? (f(), t(Q, {
 				key: 0,
 				size: "small",
@@ -5800,20 +5866,20 @@ var x = () => {
 				default: b(() => [a(g(M.value), 1)]),
 				_: 1
 			}, 8, ["id"]),
-			i("span", aa, g(P.value), 1)
-		], 10, na));
+			i("span", ha, g(P.value), 1)
+		], 10, fa));
 	}
-}), sa = [
+}), _a = [
 	"disabled",
 	"aria-selected",
 	"focusgroupstart",
 	"data-value"
-], ca = [
+], va = [
 	"data-icon",
 	"data-show-icon",
 	"data-icon-trailing",
 	"data-show-icon-trailing"
-], la = { class: "db-tab-item-label-end-slot" }, ua = /* @__PURE__ */ s({
+], ya = { class: "db-tab-item-label-end-slot" }, ba = /* @__PURE__ */ s({
 	name: "DBTabItem",
 	__name: "tab-item",
 	props: {
@@ -5942,19 +6008,19 @@ var x = () => {
 			class: "db-tab-item-label-text",
 			ref_key: "_labelRef",
 			ref: D
-		}, [o.label ? (f(), r(e, { key: 0 }, [a(g(o.label), 1)], 64)) : n("", !0), h(l.$slots, "default")], 512), i("span", la, [h(l.$slots, "end-slot")])], 8, ca), m.value && v.value ? (f(), t(At, {
+		}, [o.label ? (f(), r(e, { key: 0 }, [a(g(o.label), 1)], 64)) : n("", !0), h(l.$slots, "default")], 512), i("span", ya, [h(l.$slots, "end-slot")])], 8, va), m.value && v.value ? (f(), t(At, {
 			key: 0,
 			placement: "top"
 		}, {
 			default: b(() => [a(g(v.value), 1)]),
 			_: 1
-		})) : n("", !0)], 10, sa));
+		})) : n("", !0)], 10, _a));
 	}
-}), da = [
+}), xa = [
 	"id",
 	"aria-orientation",
 	"focusgroup"
-], fa = /* @__PURE__ */ s({
+], Sa = /* @__PURE__ */ s({
 	name: "DBTabList",
 	__name: "tab-list",
 	props: {
@@ -5978,9 +6044,9 @@ var x = () => {
 			class: c(_(C)("db-tab-list", n.class)),
 			"aria-orientation": e.orientation ?? "horizontal",
 			focusgroup: e.orientation === "vertical" ? "tablist block wrap" : "tablist"
-		}, [h(t.$slots, "default")], 10, da));
+		}, [h(t.$slots, "default")], 10, xa));
 	}
-}), pa = ["hidden"], ma = /* @__PURE__ */ s({
+}), Ca = ["hidden"], wa = /* @__PURE__ */ s({
 	name: "DBTabPanel",
 	__name: "tab-panel",
 	props: {
@@ -6000,16 +6066,16 @@ var x = () => {
 			class: c(_(C)("db-tab-panel", i.class)),
 			hidden: t.hidden,
 			tabIndex: 0
-		}, [t.content ? (f(), r(e, { key: 0 }, [a(g(t.content), 1)], 64)) : n("", !0), h(s.$slots, "default")], 10, pa));
+		}, [t.content ? (f(), r(e, { key: 0 }, [a(g(t.content), 1)], 64)) : n("", !0), h(s.$slots, "default")], 10, Ca));
 	}
-}), ha = [
+}), Ta = [
 	"id",
 	"data-horizontal-alignment",
 	"data-vertical-alignment",
 	"colSpan",
 	"rowSpan",
 	"headers"
-], ga = /* @__PURE__ */ s({
+], Ea = /* @__PURE__ */ s({
 	name: "DBTableDataCell",
 	__name: "table-data-cell",
 	props: {
@@ -6039,9 +6105,9 @@ var x = () => {
 			colSpan: _(M)(e.colSpan, e.colspan),
 			rowSpan: _(M)(e.rowSpan, e.rowspan),
 			headers: e.headers
-		}, [h(i.$slots, "default")], 10, ha));
+		}, [h(i.$slots, "default")], 10, Ta));
 	}
-}), _a = [
+}), Da = [
 	"id",
 	"data-horizontal-alignment",
 	"data-vertical-alignment",
@@ -6051,7 +6117,7 @@ var x = () => {
 	"rowSpan",
 	"headers",
 	"abbr"
-], va = /* @__PURE__ */ s({
+], Oa = /* @__PURE__ */ s({
 	name: "DBTableHeaderCell",
 	__name: "table-header-cell",
 	props: {
@@ -6090,13 +6156,13 @@ var x = () => {
 			rowSpan: _(M)(e.rowSpan, e.rowspan),
 			headers: e.headers,
 			abbr: e.abbr
-		}, [h(i.$slots, "default")], 10, _a));
+		}, [h(i.$slots, "default")], 10, Da));
 	}
-}), ya = [
+}), ka = [
 	"id",
 	"data-interactive",
 	"data-sub-header-emphasis"
-], ba = /* @__PURE__ */ s({
+], Aa = /* @__PURE__ */ s({
 	name: "DBTableRow",
 	__name: "table-row",
 	props: {
@@ -6125,7 +6191,7 @@ var x = () => {
 			class: c(_(C)("db-table-row", o.class)),
 			"data-interactive": _(A)(n.interactive),
 			"data-sub-header-emphasis": n.subHeaderEmphasis
-		}, [n.cells ? (f(!0), r(e, { key: 0 }, m(n.cells, (o, s) => (f(), r(e, { key: s }, [o.headerCell ? (f(), t(va, {
+		}, [n.cells ? (f(!0), r(e, { key: 0 }, m(n.cells, (o, s) => (f(), r(e, { key: s }, [o.headerCell ? (f(), t(Oa, {
 			key: `${o.id ?? n.id ?? _(i)}-table-row-header-cell-${s}`,
 			id: o.id,
 			abbr: l(o)?.abbr,
@@ -6140,7 +6206,7 @@ var x = () => {
 			rowSpan: o.rowSpan,
 			rowspan: o.rowspan
 		}, {
-			default: b(() => [o.link ? (f(), t(Qr, {
+			default: b(() => [o.link ? (f(), t(ci, {
 				key: 0,
 				content: o.link?.content,
 				size: o.link?.size,
@@ -6193,7 +6259,7 @@ var x = () => {
 			"colspan",
 			"rowSpan",
 			"rowspan"
-		])) : (f(), t(ga, {
+		])) : (f(), t(Ea, {
 			key: `${o.id ?? n.id ?? _(i)}-table-row-data-cell-${s}`,
 			id: o.id,
 			className: o.className ?? o.class,
@@ -6205,7 +6271,7 @@ var x = () => {
 			rowSpan: o.rowSpan,
 			rowspan: o.rowspan
 		}, {
-			default: b(() => [o.link ? (f(), t(Qr, {
+			default: b(() => [o.link ? (f(), t(ci, {
 				key: 0,
 				content: o.link?.content,
 				size: o.link?.size,
@@ -6255,9 +6321,9 @@ var x = () => {
 			"colspan",
 			"rowSpan",
 			"rowspan"
-		]))], 64))), 128)) : h(u.$slots, "default", {}, void 0, void 0, 1)], 10, ya));
+		]))], 64))), 128)) : h(u.$slots, "default", {}, void 0, void 0, 1)], 10, ka));
 	}
-}), xa = ["id"], Sa = /* @__PURE__ */ s({
+}), ja = ["id"], Ma = /* @__PURE__ */ s({
 	name: "DBTableBody",
 	__name: "table-body",
 	props: {
@@ -6276,7 +6342,7 @@ var x = () => {
 			ref: o,
 			id: n.id ?? n.propOverrides?.id,
 			class: c(_(C)("db-table-body", a.class))
-		}, [n.rows ? (f(!0), r(e, { key: 0 }, m(n.rows, (e, r) => (f(), t(ba, {
+		}, [n.rows ? (f(!0), r(e, { key: 0 }, m(n.rows, (e, r) => (f(), t(Aa, {
 			key: `${e.id ?? n.id ?? _(i)}-table-body-row-${r}`,
 			cells: e.cells,
 			className: e.className ?? e.class,
@@ -6287,9 +6353,9 @@ var x = () => {
 			"className",
 			"interactive",
 			"id"
-		]))), 128)) : h(s.$slots, "default", {}, void 0, void 0, 1)], 10, xa));
+		]))), 128)) : h(s.$slots, "default", {}, void 0, void 0, 1)], 10, ja));
 	}
-}), Ca = ["id"], wa = /* @__PURE__ */ s({
+}), Na = ["id"], Pa = /* @__PURE__ */ s({
 	name: "DBTableFooter",
 	__name: "table-footer",
 	props: {
@@ -6308,7 +6374,7 @@ var x = () => {
 			ref: o,
 			id: n.id ?? n.propOverrides?.id,
 			class: c(_(C)("db-table-footer", a.class))
-		}, [n.rows ? (f(!0), r(e, { key: 0 }, m(n.rows, (e, r) => (f(), t(ba, {
+		}, [n.rows ? (f(!0), r(e, { key: 0 }, m(n.rows, (e, r) => (f(), t(Aa, {
 			key: `${e.id ?? n.id ?? _(i)}-table-footer-row-${r}`,
 			cells: e.cells,
 			className: e.className ?? e.class,
@@ -6319,9 +6385,9 @@ var x = () => {
 			"className",
 			"interactive",
 			"id"
-		]))), 128)) : h(s.$slots, "default", {}, void 0, void 0, 1)], 10, Ca));
+		]))), 128)) : h(s.$slots, "default", {}, void 0, void 0, 1)], 10, Na));
 	}
-}), Ta = ["id"], Ea = /* @__PURE__ */ s({
+}), Fa = ["id"], Ia = /* @__PURE__ */ s({
 	name: "DBTableHead",
 	__name: "table-head",
 	props: {
@@ -6346,7 +6412,7 @@ var x = () => {
 			ref: o,
 			id: n.id ?? n.propOverrides?.id,
 			class: c(_(C)("db-table-head", a.class))
-		}, [n.rows ? (f(!0), r(e, { key: 0 }, m(n.rows, (e, r) => (f(), t(ba, {
+		}, [n.rows ? (f(!0), r(e, { key: 0 }, m(n.rows, (e, r) => (f(), t(Aa, {
 			key: `${e.id ?? n.id ?? _(i)}-table-head-row-${r}`,
 			cells: s(e.cells),
 			className: e.className ?? e.class,
@@ -6359,9 +6425,9 @@ var x = () => {
 			"subHeaderEmphasis",
 			"interactive",
 			"id"
-		]))), 128)) : h(l.$slots, "default", {}, void 0, void 0, 1)], 10, Ta));
+		]))), 128)) : h(l.$slots, "default", {}, void 0, void 0, 1)], 10, Fa));
 	}
-}), Da = [
+}), La = [
 	"data-width",
 	"data-size",
 	"data-divider",
@@ -6369,7 +6435,7 @@ var x = () => {
 	"data-mobile-variant",
 	"data-show-caption",
 	"data-sticky-header"
-], Oa = ["id"], ka = { key: 0 }, Aa = /* @__PURE__ */ s({
+], Ra = ["id"], za = { key: 0 }, Ba = /* @__PURE__ */ s({
 	name: "DBTable",
 	__name: "table",
 	props: {
@@ -6456,22 +6522,22 @@ var x = () => {
 			ref_key: "_ref",
 			ref: d,
 			id: a.id ?? a.propOverrides?.id
-		}, [a.captionPlain ? (f(), r("caption", ka, g(a.captionPlain), 1)) : h(p.$slots, "caption", {}, void 0, void 0, 1), s.value ? (f(), r(e, { key: 2 }, [
-			s.value?.header ? (f(), t(Ea, {
+		}, [a.captionPlain ? (f(), r("caption", za, g(a.captionPlain), 1)) : h(p.$slots, "caption", {}, void 0, void 0, 1), s.value ? (f(), r(e, { key: 2 }, [
+			s.value?.header ? (f(), t(Ia, {
 				key: 0,
 				rows: s.value?.header
 			}, null, 8, ["rows"])) : n("", !0),
-			s.value?.body ? (f(), t(Sa, {
+			s.value?.body ? (f(), t(Ma, {
 				key: 1,
 				rows: s.value?.body
 			}, null, 8, ["rows"])) : n("", !0),
-			s.value?.footer ? (f(), t(wa, {
+			s.value?.footer ? (f(), t(Pa, {
 				key: 2,
 				rows: s.value?.footer
 			}, null, 8, ["rows"])) : n("", !0)
-		], 64)) : h(p.$slots, "default", {}, void 0, void 0, 3)], 8, Oa)], 14, Da));
+		], 64)) : h(p.$slots, "default", {}, void 0, void 0, 3)], 8, Ra)], 14, La));
 	}
-}), ja = ["id"], Ma = /* @__PURE__ */ s({
+}), Va = ["id"], Ha = /* @__PURE__ */ s({
 	name: "DBTableCaption",
 	__name: "table-caption",
 	props: {
@@ -6489,49 +6555,49 @@ var x = () => {
 			ref: n,
 			id: e.id ?? e.propOverrides?.id,
 			class: c(_(C)("db-table-caption", t.class))
-		}, [h(i.$slots, "default")], 10, ja));
+		}, [h(i.$slots, "default")], 10, Va));
 	}
-}), Na = [
+}), Ua = [
 	"row",
 	"col",
 	"rowgroup",
 	"colgroup"
-], Pa = [
+], Wa = [
 	"none",
 	"weak",
 	"strong"
-], Fa = [
+], Ga = [
 	"x-small",
 	"small",
 	"medium",
 	"large"
-], Ia = [
+], Ka = [
 	"flat",
 	"zebra",
 	"spaced"
-], La = [
+], qa = [
 	"none",
 	"both",
 	"horizontal",
 	"vertical"
-], Ra = ["table", "list"], za = [
+], Ja = ["table", "list"], Ya = [
 	"none",
 	"both",
 	"horizontal",
 	"vertical"
-], Ba = [
+], Xa = [
 	"auto",
 	"1fr",
 	"min-content",
 	"max-content"
-], Va = [
+], Za = [
 	"id",
 	"data-orientation",
 	"data-scroll-behavior",
 	"data-tab-item-alignment",
 	"data-tab-item-width",
 	"data-initial-selected-mode"
-], Ha = /* @__PURE__ */ s({
+], Qa = /* @__PURE__ */ s({
 	name: "DBTabs",
 	__name: "tabs",
 	props: {
@@ -6897,11 +6963,11 @@ var x = () => {
 				default: b(() => [a(g(i.scrollStartLabel), 1)]),
 				_: 1
 			}, 8, ["onClick"])) : n("", !0),
-			G().length ? (f(), r(e, { key: 1 }, [o(fa, {
+			G().length ? (f(), r(e, { key: 1 }, [o(Sa, {
 				orientation: i.orientation,
 				"aria-label": i.label
 			}, {
-				default: b(() => [(f(!0), r(e, null, m(G(), (e, n) => (f(), t(ua, {
+				default: b(() => [(f(!0), r(e, null, m(G(), (e, n) => (f(), t(ba, {
 					key: i.label + "tab-item" + n,
 					"aria-label": e.ariaLabel,
 					label: e.label,
@@ -6924,7 +6990,7 @@ var x = () => {
 					"value"
 				]))), 128))]),
 				_: 1
-			}, 8, ["orientation", "aria-label"]), (f(!0), r(e, null, m(G(), (e, n) => (f(), t(ma, {
+			}, 8, ["orientation", "aria-label"]), (f(!0), r(e, null, m(G(), (e, n) => (f(), t(wa, {
 				key: i.label + "tab-panel" + n,
 				content: e.content
 			}, {
@@ -6942,13 +7008,13 @@ var x = () => {
 				default: b(() => [a(g(i.scrollEndLabel), 1)]),
 				_: 1
 			}, 8, ["onClick"])) : n("", !0)
-		], 42, Va));
+		], 42, Za));
 	}
-}), Ua = ["scrollbar", "arrows"], Wa = ["auto", "manually"], Ga = ["static", "removable"], Ka = [
+}), $a = ["scrollbar", "arrows"], eo = ["auto", "manually"], to = ["static", "removable"], no = [
 	"data-variant",
 	"data-hide-asterisk",
 	"data-hide-label"
-], qa = ["for"], Ja = [
+], ro = ["for"], io = [
 	"aria-invalid",
 	"data-custom-validity",
 	"data-field-sizing",
@@ -6970,10 +7036,10 @@ var x = () => {
 	"placeholder",
 	"rows",
 	"cols"
-], Ya = {
+], ao = {
 	"data-visually-hidden": "true",
 	role: "status"
-}, Xa = /* @__PURE__ */ s({
+}, oo = /* @__PURE__ */ s({
 	name: "DBTextarea",
 	__name: "textarea",
 	props: {
@@ -7138,7 +7204,7 @@ var x = () => {
 			"data-hide-asterisk": _(I)(e.showRequiredAsterisk),
 			"data-hide-label": _(I)(e.showLabel)
 		}, [
-			i("label", { for: x.value }, g(e.label ?? _("LABEL SHOULD BE SET")), 9, qa),
+			i("label", { for: x.value }, g(e.label ?? _("LABEL SHOULD BE SET")), 9, ro),
 			i("textarea", {
 				"aria-invalid": e.validation === "invalid",
 				"data-custom-validity": e.validation,
@@ -7167,7 +7233,7 @@ var x = () => {
 				placeholder: e.placeholder ?? _(" "),
 				rows: _(M)(e.rows, _(4)),
 				cols: _(M)(e.cols)
-			}, g(e.value), 41, Ja),
+			}, g(e.value), 41, io),
 			_(L)(e.message, e.showMessage) ? (f(), t(Q, {
 				key: 0,
 				size: "small",
@@ -7194,50 +7260,50 @@ var x = () => {
 				default: b(() => [a(g(D.value), 1)]),
 				_: 1
 			}, 8, ["id"]),
-			i("span", Ya, g(N.value), 1)
-		], 10, Ka));
+			i("span", ao, g(N.value), 1)
+		], 10, no));
 	}
-}), Za = [
+}), so = [
 	"none",
 	"both",
 	"horizontal",
 	"vertical"
-], Qa = [
+], co = [
 	"hard",
 	"soft",
 	"off"
-], $a = ["description", "label"], eo = [
+], lo = ["description", "label"], uo = [
 	"adaptive",
 	"neutral",
 	"critical",
 	"informational",
 	"warning",
 	"successful"
-], to = [
+], fo = [
 	"medium",
 	"small",
 	"large",
 	"none"
-], no = [
+], po = [
 	"medium",
 	"small",
 	"large",
 	"none"
-], ro = ["top", "left"], io = ["top", "bottom"], ao = [
+], mo = ["top", "left"], ho = ["top", "bottom"], go = [
 	"left",
 	"right",
 	"left-start",
 	"left-end",
 	"right-start",
 	"right-end"
-], oo = [
+], _o = [
 	"top",
 	"bottom",
 	"top-start",
 	"top-end",
 	"bottom-start",
 	"bottom-end"
-], so = [...ao, ...oo], co = [
+], vo = [...go, ..._o], yo = [
 	"none",
 	"3x-large",
 	"2x-large",
@@ -7248,25 +7314,25 @@ var x = () => {
 	"x-small",
 	"2x-small",
 	"3x-small"
-], lo = ["horizontal", "vertical"], uo = ["full", "auto"], fo = [
+], bo = ["horizontal", "vertical"], xo = ["full", "auto"], So = [
 	"full",
 	"medium",
 	"large",
 	"small"
-], po = [
+], Co = [
 	"none",
 	"slow",
 	"fast"
-], mo = ["auto", "fixed"], ho = ["small", "medium"], go = ["weak", "strong"], _o = [
+], wo = ["auto", "fixed"], To = ["small", "medium"], Eo = ["weak", "strong"], Do = [
 	"invalid",
 	"valid",
 	"no-validation"
-], vo = ["fixed", "content"], yo = ["above", "floating"], bo = ["leading", "trailing"], xo = /* @__PURE__ */ "off.on.name.honorific-prefix.given-name.additional-name.family-name.honorific-suffix.nickname.email.username.new-password.current-password.one-time-code.organization-title.organization.street-address.shipping.billing.address-line1.address-line2.address-line3.address-level4.address-level3.address-level2.address-level1.country.country-name.postal-code.cc-name.cc-given-name.cc-additional-name.cc-family-name.cc-number.cc-exp.cc-exp-month.cc-exp-year.cc-csc.cc-type.transaction-currency.transaction-amount.language.bday.bday-day.bday-month.bday-year.sex.tel.tel-country-code.tel-national.tel-area-code.tel-local.tel-extension.impp.url.photo.webauthn".split("."), So = [
+], Oo = ["fixed", "content"], ko = ["above", "floating"], Ao = ["leading", "trailing"], jo = /* @__PURE__ */ "off.on.name.honorific-prefix.given-name.additional-name.family-name.honorific-suffix.nickname.email.username.new-password.current-password.one-time-code.organization-title.organization.street-address.shipping.billing.address-line1.address-line2.address-line3.address-level4.address-level3.address-level2.address-level1.country.country-name.postal-code.cc-name.cc-given-name.cc-additional-name.cc-family-name.cc-number.cc-exp.cc-exp-month.cc-exp-year.cc-csc.cc-type.transaction-currency.transaction-amount.language.bday.bday-day.bday-month.bday-year.sex.tel.tel-country-code.tel-national.tel-area-code.tel-local.tel-extension.impp.url.photo.webauthn".split("."), Mo = [
 	"_self",
 	"_blank",
 	"_parent",
 	"_top"
-], Co = [
+], No = [
 	"no-referrer",
 	"no-referrer-when-downgrade",
 	"origin",
@@ -7275,14 +7341,14 @@ var x = () => {
 	"strict-origin",
 	"strict-origin-when-cross-origin",
 	"unsafe-url"
-], wo = [
+], Po = [
 	"start",
 	"center",
 	"end"
-], To = [
+], Fo = [
 	"popover",
 	"tree",
 	"drilldown"
-], Eo = ["single", "multiple"];
+], Io = ["single", "multiple"];
 //#endregion
-export { re as AccordionVariantList, wo as AlignmentList, xo as AutoCompleteList, Ve as BadgePlacementList, qe as ButtonTypeList, Ke as ButtonVariantList, ke as COLOR, Ae as COLORS, je as COLORS_SIMPLE, Te as COLOR_CONST, Oe as COLOR_SIMPLE, Xe as CardBehaviorList, Ze as CardElevationLevelList, Eo as CollapsibleBehaviorList, rr as CustomSelectDropdownWidthList, or as CustomSelectListItemTypeList, K as DBAccordion, te as DBAccordionItem, Be as DBBadge, Ue as DBBrand, Ge as DBButton, Ye as DBCard, st as DBCheckbox, lt as DBControlPanelActions1, dt as DBControlPanelActions2, gt as DBControlPanelBrand, Ft as DBControlPanelDesktop, Lt as DBControlPanelFlatIcon, zt as DBControlPanelMeta, nn as DBControlPanelMobile, on as DBControlPanelNavigation, ln as DBControlPanelNavigationItem, hn as DBControlPanelNavigationItemGroup, vn as DBControlPanelSkipNavigation, bn as DBCustomButton, Mr as DBCustomHeading, nr as DBCustomSelect, Cn as DBCustomSelectDropdown, ar as DBCustomSelectFormField, jn as DBCustomSelectList, kn as DBCustomSelectListItem, lr as DBDivider, en as DBDrawer, Kt as DBDrawerFooter, Xt as DBDrawerHeader, Ar as DBHeader, Pr as DBHeadingH1, Ir as DBHeadingH2, Rr as DBHeadingH3, Br as DBHeadingH4, Hr as DBHeadingH5, Wr as DBHeadingH6, Jr as DBIcon, Q as DBInfotext, Rn as DBInput, Qr as DBLink, ri as DBNavigation, ci as DBNavigationItem, pi as DBNotification, vi as DBPage, Ci as DBPopover, Ei as DBRadio, Oi as DBSection, Ri as DBSelect, Bi as DBShell, Ui as DBShellContent, Ji as DBShellSubNavigation, Zi as DBStack, oa as DBSwitch, ua as DBTabItem, fa as DBTabList, ma as DBTabPanel, Aa as DBTable, Sa as DBTableBody, Ma as DBTableCaption, Ba as DBTableColumnsSizeList, ga as DBTableDataCell, La as DBTableDividerList, wa as DBTableFooter, Ea as DBTableHead, va as DBTableHeaderCell, Na as DBTableHeaderCellScopeList, Ra as DBTableMobileVariantList, ba as DBTableRow, Fa as DBTableRowSizeList, Pa as DBTableRowSubHeaderEmphasisList, za as DBTableStickyHeaderList, Ia as DBTableVariantList, Ha as DBTabs, Bn as DBTag, Xa as DBTextarea, At as DBTooltip, Le as DB_UX_LOCAL_STORAGE_FRAMEWORK, Re as DB_UX_LOCAL_STORAGE_MODE, he as DEFAULT_BACK, Se as DEFAULT_BURGER_MENU, Z as DEFAULT_CLOSE_BUTTON, ve as DEFAULT_COLLAPSE, de as DEFAULT_DATALIST_ID_SUFFIX, _e as DEFAULT_EXPAND, xe as DEFAULT_ICON, q as DEFAULT_ID, pe as DEFAULT_INVALID_MESSAGE, le as DEFAULT_INVALID_MESSAGE_ID_SUFFIX, ie as DEFAULT_LABEL, ae as DEFAULT_LABEL_ID_SUFFIX, Y as DEFAULT_MESSAGE, se as DEFAULT_MESSAGE_ID_SUFFIX, J as DEFAULT_PLACEHOLDER, ue as DEFAULT_PLACEHOLDER_ID_SUFFIX, me as DEFAULT_REMOVE, X as DEFAULT_ROWS, ye as DEFAULT_SCROLL_LEFT, be as DEFAULT_SCROLL_RIGHT, ge as DEFAULT_SELECTED, oe as DEFAULT_SELECT_ID_SUFFIX, fe as DEFAULT_VALID_MESSAGE, ce as DEFAULT_VALID_MESSAGE_ID_SUFFIX, Pe as DEFAULT_VIEWPORT, De as DENSITIES, Ee as DENSITY, we as DENSITY_CONST, Fe as DESKTOP_VIEWPORT, ur as DividerMarginList, dr as DividerVariantList, xn as DocumentClickListener, vt as DocumentScrollListener, fr as DrawerBackdropList, gr as DrawerContainerSizeList, pr as DrawerDirectionList, hr as DrawerPositionList, mr as DrawerVariantList, go as EmphasisList, vo as FieldSizingList, co as GapSpacingList, Kr as HeadingFontWeightList, Gr as HeadingSizeList, Yr as IconWeightList, Xr as InputTypeList, bo as LabelVariantHorizontalList, yo as LabelVariantList, ti as LinkContentList, Co as LinkReferrerPolicyList, ei as LinkSizeList, So as LinkTargetList, $r as LinkVariantList, Ce as MAIN_CONTENT_ID, no as MarginList, fo as MaxWidthList, U as NAVIGATION_KEYS, To as NavigationItemGroupVariantList, Ht as NavigationItemSafeTriangle, gi as NotificationAriaLiveList, hi as NotificationLinkVariantList, mi as NotificationVariantList, lo as OrientationList, bi as PageDocumentOverflowList, yi as PageVariantList, ao as PlacementHorizontalList, so as PlacementList, oo as PlacementVerticalList, po as PopoverDelayList, mo as PopoverWidthList, Me as SEMANTIC, Ne as SEMANTICS, sr as SelectedTypeList, eo as SemanticList, Wi as ShellContentVariantList, ro as ShellControlPanelDesktopPosition, io as ShellControlPanelMobilePosition, Yi as ShellSubNavigationMobilePosition, ho as SizeList, to as SpacingList, ea as StackAlignmentList, $i as StackDirectionList, ta as StackJustifyContentList, Qi as StackVariantList, Ie as TESTING_VIEWPORTS, Ua as TabsBehaviorList, Wa as TabsInitialSelectedModeList, Ga as TagBehaviorList, Za as TextareaResizeList, Qa as TextareaWrapList, $a as TooltipVariantList, _o as ValidationList, uo as WidthList, S as addAttributeToChildren, Bt as adjustNestedSubNavigationPosition, C as cls, O as delay, j as getBoolean, A as getBooleanAsString, bt as getFloatingProps, I as getHideProp, P as getInputValue, H as getNotificationRole, M as getNumber, B as getOptionKey, R as getSearchInput, N as getStep, Tt as handleDataOutside, yt as handleFixedDropdown, wt as handleFixedPopover, Wt as handleSubNavigationPosition, k as hasCssFlag, W as hasFocusgroupSupport, E as hasVoiceOver, w as isArrayOfStrings, Vt as isEventTargetNavigationItem, D as isIOSSafari, V as isKeyboardEvent, L as stringPropVisible, x as uuid };
+export { re as AccordionVariantList, Po as AlignmentList, jo as AutoCompleteList, Ve as BadgePlacementList, qe as ButtonTypeList, Ke as ButtonVariantList, ke as COLOR, Ae as COLORS, je as COLORS_SIMPLE, Te as COLOR_CONST, Oe as COLOR_SIMPLE, Xe as CardBehaviorList, Ze as CardElevationLevelList, Io as CollapsibleBehaviorList, rr as CustomSelectDropdownWidthList, or as CustomSelectListItemTypeList, K as DBAccordion, te as DBAccordionItem, Be as DBBadge, Ue as DBBrand, Ge as DBButton, Ye as DBCard, st as DBCheckbox, lt as DBControlPanelActions1, dt as DBControlPanelActions2, gt as DBControlPanelBrand, Ft as DBControlPanelDesktop, Lt as DBControlPanelFlatIcon, zt as DBControlPanelMeta, nn as DBControlPanelMobile, on as DBControlPanelNavigation, ln as DBControlPanelNavigationItem, hn as DBControlPanelNavigationItemGroup, vn as DBControlPanelSkipNavigation, bn as DBCustomButton, Hr as DBCustomHeading, nr as DBCustomSelect, Cn as DBCustomSelectDropdown, ar as DBCustomSelectFormField, jn as DBCustomSelectList, kn as DBCustomSelectListItem, lr as DBDivider, en as DBDrawer, Kt as DBDrawerFooter, Xt as DBDrawerHeader, vr as DBFooter, xr as DBFooterContent, Er as DBFooterMeta, Br as DBHeader, Wr as DBHeadingH1, Kr as DBHeadingH2, Jr as DBHeadingH3, Xr as DBHeadingH4, Qr as DBHeadingH5, ei as DBHeadingH6, ii as DBIcon, Q as DBInfotext, Rn as DBInput, ci as DBLink, pi as DBNavigation, vi as DBNavigationItem, Ci as DBNotification, Oi as DBPage, Ni as DBPopover, Ii as DBRadio, Ri as DBSection, Ji as DBSelect, Xi as DBShell, $i as DBShellContent, ia as DBShellSubNavigation, sa as DBStack, ga as DBSwitch, ba as DBTabItem, Sa as DBTabList, wa as DBTabPanel, Ba as DBTable, Ma as DBTableBody, Ha as DBTableCaption, Xa as DBTableColumnsSizeList, Ea as DBTableDataCell, qa as DBTableDividerList, Pa as DBTableFooter, Ia as DBTableHead, Oa as DBTableHeaderCell, Ua as DBTableHeaderCellScopeList, Ja as DBTableMobileVariantList, Aa as DBTableRow, Ga as DBTableRowSizeList, Wa as DBTableRowSubHeaderEmphasisList, Ya as DBTableStickyHeaderList, Ka as DBTableVariantList, Qa as DBTabs, Bn as DBTag, oo as DBTextarea, At as DBTooltip, Le as DB_UX_LOCAL_STORAGE_FRAMEWORK, Re as DB_UX_LOCAL_STORAGE_MODE, he as DEFAULT_BACK, Se as DEFAULT_BURGER_MENU, Z as DEFAULT_CLOSE_BUTTON, ve as DEFAULT_COLLAPSE, de as DEFAULT_DATALIST_ID_SUFFIX, _e as DEFAULT_EXPAND, xe as DEFAULT_ICON, q as DEFAULT_ID, pe as DEFAULT_INVALID_MESSAGE, le as DEFAULT_INVALID_MESSAGE_ID_SUFFIX, ie as DEFAULT_LABEL, ae as DEFAULT_LABEL_ID_SUFFIX, Y as DEFAULT_MESSAGE, se as DEFAULT_MESSAGE_ID_SUFFIX, J as DEFAULT_PLACEHOLDER, ue as DEFAULT_PLACEHOLDER_ID_SUFFIX, me as DEFAULT_REMOVE, X as DEFAULT_ROWS, ye as DEFAULT_SCROLL_LEFT, be as DEFAULT_SCROLL_RIGHT, ge as DEFAULT_SELECTED, oe as DEFAULT_SELECT_ID_SUFFIX, fe as DEFAULT_VALID_MESSAGE, ce as DEFAULT_VALID_MESSAGE_ID_SUFFIX, Pe as DEFAULT_VIEWPORT, De as DENSITIES, Ee as DENSITY, we as DENSITY_CONST, Fe as DESKTOP_VIEWPORT, ur as DividerMarginList, dr as DividerVariantList, xn as DocumentClickListener, vt as DocumentScrollListener, fr as DrawerBackdropList, gr as DrawerContainerSizeList, pr as DrawerDirectionList, hr as DrawerPositionList, mr as DrawerVariantList, Eo as EmphasisList, Oo as FieldSizingList, yo as GapSpacingList, ni as HeadingFontWeightList, ti as HeadingSizeList, ai as IconWeightList, oi as InputTypeList, Ao as LabelVariantHorizontalList, ko as LabelVariantList, di as LinkContentList, No as LinkReferrerPolicyList, ui as LinkSizeList, Mo as LinkTargetList, li as LinkVariantList, Ce as MAIN_CONTENT_ID, po as MarginList, So as MaxWidthList, U as NAVIGATION_KEYS, Fo as NavigationItemGroupVariantList, Ht as NavigationItemSafeTriangle, Ei as NotificationAriaLiveList, Ti as NotificationLinkVariantList, wi as NotificationVariantList, bo as OrientationList, Ai as PageDocumentOverflowList, ki as PageVariantList, go as PlacementHorizontalList, vo as PlacementList, _o as PlacementVerticalList, Co as PopoverDelayList, wo as PopoverWidthList, Me as SEMANTIC, Ne as SEMANTICS, sr as SelectedTypeList, uo as SemanticList, ea as ShellContentVariantList, mo as ShellControlPanelDesktopPosition, ho as ShellControlPanelMobilePosition, aa as ShellSubNavigationMobilePosition, To as SizeList, fo as SpacingList, ua as StackAlignmentList, la as StackDirectionList, da as StackJustifyContentList, ca as StackVariantList, Ie as TESTING_VIEWPORTS, $a as TabsBehaviorList, eo as TabsInitialSelectedModeList, to as TagBehaviorList, so as TextareaResizeList, co as TextareaWrapList, lo as TooltipVariantList, Do as ValidationList, xo as WidthList, S as addAttributeToChildren, Bt as adjustNestedSubNavigationPosition, C as cls, O as delay, j as getBoolean, A as getBooleanAsString, bt as getFloatingProps, I as getHideProp, P as getInputValue, H as getNotificationRole, M as getNumber, B as getOptionKey, R as getSearchInput, N as getStep, Tt as handleDataOutside, yt as handleFixedDropdown, wt as handleFixedPopover, Wt as handleSubNavigationPosition, k as hasCssFlag, W as hasFocusgroupSupport, E as hasVoiceOver, w as isArrayOfStrings, Vt as isEventTargetNavigationItem, D as isIOSSafari, V as isKeyboardEvent, L as stringPropVisible, x as uuid };