@cocoar/vue-ui 1.13.1 → 1.15.0

package/dist/index.js

@@ -5513,7 +5513,10 @@ var Ls = ["id", "aria-label"], Rs = {
 }), [["__scopeId", "data-v-0004a2f2"]]), Qs = null, $s = 0;
 function ec(e) {
 	let t = e.value;
-	return typeof t == "string" ? { content: t } : t;
+	return t ? typeof t == "string" ? { content: t } : t : {
+		content: "",
+		disabled: !0
+	};
 }
 function tc(e = "top") {
 	return e === "auto" ? [
@@ -9016,16 +9019,23 @@ var Gu = /* @__PURE__ */ d({
 			})], 8, fd)) : a("", !0)
 		])], 10, ad));
 	}
-}), [["__scopeId", "data-v-9e40bd44"]]), md = Symbol("sidebar-collapsed"), hd = Symbol("sidebar-icon-size"), gd = Symbol("sidebar-flyout-icon-only"), _d = Symbol("sidebar-flyout-parent"), vd = ["aria-label"], yd = {
+}), [["__scopeId", "data-v-9e40bd44"]]);
+//#endregion
+//#region src/components/sidebar/sidebar-context.ts
+function md(e) {
+	return e === "top" || e === "bottom" ? "horizontal" : "vertical";
+}
+var hd = Symbol("sidebar-collapsed"), gd = Symbol("sidebar-icon-size"), _d = Symbol("sidebar-side"), vd = Symbol("sidebar-flyout-icon-only"), yd = Symbol("sidebar-flyout-parent"), bd = ["aria-label"], xd = {
 	key: 0,
 	class: "coar-sidebar__header"
-}, bd = { class: "coar-sidebar__content" }, xd = {
+}, Sd = { class: "coar-sidebar__content" }, Cd = {
 	key: 1,
 	class: "coar-sidebar__footer"
-}, Sd = /* @__PURE__ */ X(/* @__PURE__ */ d({
+}, wd = /* @__PURE__ */ X(/* @__PURE__ */ d({
 	__name: "CoarSidebar",
 	props: {
-		position: { default: "left" },
+		side: { default: void 0 },
+		position: { default: void 0 },
 		collapsed: {
 			type: Boolean,
 			default: !1
@@ -9044,38 +9054,44 @@ var Gu = /* @__PURE__ */ d({
 	},
 	emits: ["update:collapsed"],
 	setup(e) {
-		let t = e, n = F(t, "collapsed"), i = F(t, "size");
-		T(md, n), T(hd, i);
-		let s = r(() => ({
+		let t = e, n = r(() => t.side ?? t.position ?? "left"), i = r(() => md(n.value)), s = F(t, "collapsed"), c = F(t, "size");
+		T(hd, s), T(gd, c), T(_d, n);
+		let l = r(() => ({
 			"coar-sidebar": !0,
 			[`coar-sidebar--${t.variant}`]: !0,
+			[`coar-sidebar--side-${n.value}`]: !0,
+			[`coar-sidebar--${i.value}`]: !0,
+			[`coar-sidebar--size-${t.size}`]: !0,
 			"coar-sidebar--collapsed": t.collapsed,
-			"coar-sidebar--position-right": t.position === "right",
 			"coar-sidebar--elevated": t.elevated,
 			"coar-sidebar--borderless": t.borderless
-		}));
+		})), u = r(() => i.value === "vertical" ? {
+			overflowX: "hidden",
+			autoHide: "leave",
+			defer: !1
+		} : {
+			overflowY: "hidden",
+			autoHide: "leave",
+			defer: !1
+		});
 		return (n, r) => (w(), o("aside", {
 			role: "navigation",
 			"aria-label": e.ariaLabel || "Sidebar",
-			class: y(s.value)
+			class: y(l.value)
 		}, [
-			n.$slots.header ? (w(), o("div", yd, [A(n.$slots, "header", { collapsed: t.collapsed }, void 0, !0)])) : a("", !0),
-			K((w(), o("div", bd, [A(n.$slots, "default", { collapsed: t.collapsed }, void 0, !0)])), [[L(Fs), {
-				overflowX: "hidden",
-				autoHide: "leave",
-				defer: !1
-			}]]),
-			n.$slots.footer ? (w(), o("div", xd, [A(n.$slots, "footer", { collapsed: t.collapsed }, void 0, !0)])) : a("", !0)
-		], 10, vd));
+			n.$slots.header ? (w(), o("div", xd, [A(n.$slots, "header", { collapsed: t.collapsed }, void 0, !0)])) : a("", !0),
+			K((w(), o("div", Sd, [A(n.$slots, "default", { collapsed: t.collapsed }, void 0, !0)])), [[L(Fs), u.value]]),
+			n.$slots.footer ? (w(), o("div", Cd, [A(n.$slots, "footer", { collapsed: t.collapsed }, void 0, !0)])) : a("", !0)
+		], 10, bd));
 	}
-}), [["__scopeId", "data-v-02d75ecd"]]), Cd = [
+}), [["__scopeId", "data-v-656c121e"]]), Td = [
 	"aria-disabled",
 	"aria-current",
 	"tabindex"
-], wd = {
+], Ed = {
 	class: "coar-sidebar-item__icon",
 	"aria-hidden": "true"
-}, Td = { class: "coar-sidebar-item__label" }, Ed = /* @__PURE__ */ X(/* @__PURE__ */ d({
+}, Dd = { class: "coar-sidebar-item__label" }, Od = /* @__PURE__ */ X(/* @__PURE__ */ d({
 	__name: "CoarSidebarItem",
 	props: {
 		label: {},
@@ -9091,43 +9107,54 @@ var Gu = /* @__PURE__ */ d({
 	},
 	emits: ["click"],
 	setup(e, { emit: t }) {
-		let n = e, i = t, a = m(md, O(!1)), c = m(hd, O("m")), l = m(gd, O(!1)), d = r(() => l.value ? {
+		let n = e, i = t, a = m(hd, O(!1)), c = m(gd, O("m")), l = m(_d, O("left")), d = m(vd, O(!1)), f = r(() => {
+			switch (l.value) {
+				case "right": return "left";
+				case "top": return "bottom";
+				case "bottom": return "top";
+				default: return "right";
+			}
+		}), p = r(() => d.value ? {
 			content: n.label,
-			placement: "right",
+			placement: f.value,
 			openDelay: 100
 		} : a.value ? {
 			content: n.label,
-			placement: "right",
+			placement: f.value,
 			openDelay: 200
-		} : !1);
-		function f(e) {
+		} : !1), h = r(() => md(l.value));
+		function g(e) {
 			if (n.disabled) {
 				e.preventDefault();
 				return;
 			}
 			i("click", e);
 		}
-		function p(e) {
+		function _(e) {
 			e.key !== "Enter" && e.key !== " " || n.disabled || (e.preventDefault(), i("click", new MouseEvent("click")));
 		}
 		return (e, t) => K((w(), o("div", {
 			role: "menuitem",
-			class: y(["coar-sidebar-item", {
-				"coar-sidebar-item--active": n.active,
-				"coar-sidebar-item--disabled": n.disabled,
-				"coar-sidebar-item--collapsed": L(a)
-			}]),
+			class: y(["coar-sidebar-item", [
+				`coar-sidebar-item--side-${L(l)}`,
+				`coar-sidebar-item--${h.value}`,
+				{
+					"coar-sidebar-item--active": n.active,
+					"coar-sidebar-item--disabled": n.disabled,
+					"coar-sidebar-item--collapsed": L(a)
+				}
+			]]),
 			"aria-disabled": n.disabled || void 0,
 			"aria-current": n.active ? "page" : void 0,
 			tabindex: n.disabled ? -1 : 0,
-			onClick: f,
-			onKeydown: p
-		}, [s("span", wd, [u(Z, {
+			onClick: g,
+			onKeydown: _
+		}, [s("span", Ed, [u(Z, {
 			name: n.icon || "square-dashed",
 			size: L(c)
-		}, null, 8, ["name", "size"])]), s("span", Td, P(n.label), 1)], 42, Cd)), [[L(uc), d.value]]);
+		}, null, 8, ["name", "size"])]), s("span", Dd, P(n.label), 1)], 42, Td)), [[L(uc), p.value]]);
 	}
-}), [["__scopeId", "data-v-57395e97"]]), Dd = /* @__PURE__ */ d({
+}), [["__scopeId", "data-v-33cbb961"]]), kd = /* @__PURE__ */ d({
 	__name: "SidebarFlyoutProvider",
 	props: {
 		iconOnly: { type: Boolean },
@@ -9135,12 +9162,12 @@ var Gu = /* @__PURE__ */ d({
 	},
 	setup(e) {
 		let t = e;
-		return T(gd, F(t, "iconOnly")), T(_d, t.parentControl), (e, t) => A(e.$slots, "default");
+		return T(vd, F(t, "iconOnly")), T(yd, t.parentControl), (e, t) => A(e.$slots, "default");
 	}
-}), Od = ["id"], kd = {
+}), Ad = ["id"], jd = {
 	key: 0,
 	class: "coar-sidebar-flyout__header"
-}, Ad = { class: "coar-sidebar-flyout__items" }, jd = /* @__PURE__ */ d({
+}, Md = { class: "coar-sidebar-flyout__items" }, Nd = /* @__PURE__ */ d({
 	__name: "CoarSidebarFlyoutPanel",
 	props: {
 		id: {
@@ -9166,7 +9193,7 @@ var Gu = /* @__PURE__ */ d({
 	},
 	emits: ["flyoutEnter", "flyoutLeave"],
 	setup(e) {
-		return (t, n) => (w(), i(Dd, {
+		return (t, n) => (w(), i(kd, {
 			"icon-only": e.iconOnly,
 			"parent-control": e.parentControl
 		}, {
@@ -9176,19 +9203,19 @@ var Gu = /* @__PURE__ */ d({
 				role: "menu",
 				onMouseenter: n[0] ||= (e) => t.$emit("flyoutEnter"),
 				onMouseleave: n[1] ||= (e) => t.$emit("flyoutLeave")
-			}, [e.iconOnly ? a("", !0) : (w(), o("div", kd, P(e.label), 1)), s("div", Ad, [(w(), i(j({ render: e.renderContent })))])], 42, Od)]),
+			}, [e.iconOnly ? a("", !0) : (w(), o("div", jd, P(e.label), 1)), s("div", Md, [(w(), i(j({ render: e.renderContent })))])], 42, Ad)]),
 			_: 1
 		}, 8, ["icon-only", "parent-control"]));
 	}
-}), Md = [
+}), Pd = [
 	"aria-expanded",
 	"aria-disabled",
 	"tabindex",
 	"onKeydown"
-], Nd = {
+], Fd = {
 	class: "coar-sidebar-group__icon",
 	"aria-hidden": "true"
-}, Pd = { class: "coar-sidebar-group__caret" }, Fd = { class: "coar-sidebar-group__label" }, Id = ["aria-hidden"], Ld = { class: "coar-sidebar-group__panel-inner" }, Rd = /* @__PURE__ */ X(/* @__PURE__ */ d({
+}, Id = { class: "coar-sidebar-group__caret" }, Ld = { class: "coar-sidebar-group__label" }, Rd = ["aria-hidden"], zd = { class: "coar-sidebar-group__panel-inner" }, Bd = /* @__PURE__ */ X(/* @__PURE__ */ d({
 	__name: "CoarSidebarGroup",
 	props: /* @__PURE__ */ g({
 		label: {},
@@ -9215,41 +9242,74 @@ var Gu = /* @__PURE__ */ d({
 	}),
 	emits: ["update:open"],
 	setup(e) {
-		let t = `coar-sidebar-group-${R()}`, n = e, i = z(e, "open"), c = m(md, O(!1)), l = m(hd, O("m")), d = m(gd, O(!1)), f = r(() => n.iconOnly ?? d.value), p = r(() => i.value), g = r(() => n.mode === "flyout"), _ = B(), v = O(!1), b = O(null), x = null, C = null, T = null, E = m(_d, null), D = {
+		let t = `coar-sidebar-group-${R()}`, n = e, i = z(e, "open"), c = m(hd, O(!1)), l = m(gd, O("m")), d = m(_d, O("left")), f = r(() => md(d.value)), p = m(vd, O(!1)), g = r(() => n.iconOnly ?? p.value), _ = r(() => i.value), v = r(() => n.mode === "flyout"), b = B(), x = O(!1), C = O(null), T = null, E = null, D = null, k = m(yd, null), j = {
 			cancelClose: () => {
-				W(), E?.cancelClose();
+				ae(), k?.cancelClose();
 			},
 			scheduleClose: () => {
-				H(), E?.scheduleClose();
+				ie(), k?.scheduleClose();
 			}
-		}, k = r(() => d.value && !c.value), j = r(() => k.value ? g.value && v.value || !g.value && p.value ? !1 : {
+		}, M = r(() => p.value && !c.value), N = r(() => {
+			switch (d.value) {
+				case "right": return "left";
+				case "top": return "bottom";
+				case "bottom": return "top";
+				default: return "right";
+			}
+		}), F = r(() => M.value ? v.value && x.value || !v.value && _.value ? !1 : {
 			content: n.label,
-			placement: "right",
+			placement: N.value,
 			openDelay: 100
-		} : !c.value || g.value && v.value ? !1 : {
+		} : !c.value || v.value && x.value ? !1 : {
 			content: n.label,
-			placement: "right",
+			placement: N.value,
 			openDelay: 200
-		});
-		function M(e) {
+		}), I = r(() => {
+			switch (d.value) {
+				case "right": return "chevron-left";
+				case "top": return "chevron-down";
+				case "bottom": return "chevron-up";
+				default: return "chevron-right";
+			}
+		}), V = r(() => f.value === "horizontal" && d.value === "top" ? "chevron-up" : "chevron-down");
+		function H(e) {
 			if (n.disabled) {
 				e.preventDefault(), e.stopPropagation();
 				return;
 			}
-			if (g.value) {
-				v.value ? V() : I();
+			if (v.value) {
+				x.value ? re() : ne();
 				return;
 			}
 			i.value = !i.value;
 		}
-		let N = rr();
-		function F() {
-			return _.default?.();
+		let W = rr();
+		function G() {
+			return b.default?.();
+		}
+		let q = r(() => {
+			switch (d.value) {
+				case "right": return ["left-start", "right-start"];
+				case "top": return ["bottom-start", "top-start"];
+				case "bottom": return ["top-start", "bottom-start"];
+				default: return ["right-start", "left-start"];
+			}
+		});
+		function J(e) {
+			let t = e.getBoundingClientRect(), n = e.closest(".coar-sidebar") ?? e.closest(".coar-sidebar-flyout");
+			if (!n) return 0;
+			let r = n.getBoundingClientRect();
+			switch (d.value) {
+				case "right": return t.left - r.left;
+				case "top": return r.bottom - t.bottom;
+				case "bottom": return t.top - r.top;
+				default: return r.right - t.right;
+			}
 		}
-		function I() {
-			if (!b.value || T) return;
-			W(), E?.cancelClose(), v.value = !0;
-			let e = b.value, r = e.getBoundingClientRect(), i = (e.closest(".coar-sidebar") ?? e.closest(".coar-sidebar-flyout"))?.getBoundingClientRect(), a = i ? i.right - r.right : 0, o = ar().open({
+		function ne() {
+			if (!C.value || D) return;
+			ae(), k?.cancelClose(), x.value = !0;
+			let e = C.value, r = J(e), i = ar().open({
 				spec: {
 					...gr,
 					anchor: {
@@ -9257,127 +9317,127 @@ var Gu = /* @__PURE__ */ d({
 						element: e
 					},
 					position: {
-						placement: ["right-start", "left-start"],
-						offset: -4 + a,
+						placement: q.value,
+						offset: -4 + r,
 						flip: !0,
 						shift: !0
 					}
 				},
 				content: {
 					kind: "component",
-					component: h(jd)
+					component: h(Nd)
 				},
 				inputs: {
 					id: t,
 					label: n.label,
-					iconOnly: f.value,
-					parentControl: D,
-					renderContent: F,
+					iconOnly: g.value,
+					parentControl: j,
+					renderContent: G,
 					onFlyoutEnter: () => {
-						W(), E?.cancelClose();
+						ae(), k?.cancelClose();
 					},
-					onFlyoutLeave: () => H()
+					onFlyoutLeave: () => ie()
 				},
-				parent: N
+				parent: W
 			});
-			T = o, o.afterClosed.then(() => {
-				T === o && (T = null, v.value = !1, W(), q());
+			D = i, i.afterClosed.then(() => {
+				D === i && (D = null, x.value = !1, ae(), se());
 			});
 		}
-		function V() {
-			W(), v.value = !1;
-			let e = T;
-			T = null, e && !e.isClosed && e.close();
+		function re() {
+			ae(), x.value = !1;
+			let e = D;
+			D = null, e && !e.isClosed && e.close();
 		}
-		function H() {
-			W(), x = setTimeout(() => V(), 300);
+		function ie() {
+			ae(), T = setTimeout(() => re(), 300);
 		}
-		function W() {
-			x &&= (clearTimeout(x), null);
+		function ae() {
+			T &&= (clearTimeout(T), null);
 		}
-		function G() {
-			q(), C = setTimeout(() => I(), 200);
+		function oe() {
+			se(), E = setTimeout(() => ne(), 200);
 		}
-		function q() {
-			C &&= (clearTimeout(C), null);
+		function se() {
+			E &&= (clearTimeout(E), null);
 		}
-		function J() {
-			v.value ? W() : g.value && n.openOnHover && G(), E?.cancelClose();
+		function Y() {
+			x.value ? ae() : v.value && n.openOnHover && oe(), k?.cancelClose();
 		}
-		function ne() {
-			q(), v.value && H();
+		function ce() {
+			se(), x.value && ie();
 		}
 		return U(c, () => {
-			v.value && V();
+			x.value && re();
 		}), S(() => {
-			W(), q(), T && !T.isClosed && T.close(), T = null;
-		}), (e, r) => (w(), o("div", { class: y(["coar-sidebar-group", {
+			ae(), se(), D && !D.isClosed && D.close(), D = null;
+		}), (e, r) => (w(), o("div", { class: y(["coar-sidebar-group", [`coar-sidebar-group--${f.value}`, {
 			"coar-sidebar-group--collapsed": L(c),
-			"coar-sidebar-group--icon-only": k.value
-		}]) }, [K((w(), o("div", {
+			"coar-sidebar-group--icon-only": M.value
+		}]]) }, [K((w(), o("div", {
 			ref_key: "triggerRef",
-			ref: b,
+			ref: C,
 			class: y(["coar-sidebar-group__trigger", {
 				"coar-sidebar-group__trigger--disabled": n.disabled,
-				"coar-sidebar-group__trigger--open": g.value ? v.value : p.value
+				"coar-sidebar-group__trigger--open": v.value ? x.value : _.value
 			}]),
 			role: "menuitem",
 			"aria-haspopup": "menu",
-			"aria-expanded": g.value ? v.value : p.value,
+			"aria-expanded": v.value ? x.value : _.value,
 			"aria-controls": t,
 			"aria-disabled": n.disabled || void 0,
 			tabindex: n.disabled ? -1 : 0,
-			onClick: M,
-			onKeydown: [ee(M, ["enter"]), ee(te(M, ["prevent"]), ["space"])],
-			onMouseenter: J,
-			onMouseleave: ne
+			onClick: H,
+			onKeydown: [ee(H, ["enter"]), ee(te(H, ["prevent"]), ["space"])],
+			onMouseenter: Y,
+			onMouseleave: ce
 		}, [
-			s("span", Nd, [u(Z, {
+			s("span", Fd, [u(Z, {
 				name: n.icon || "square-dashed",
 				size: L(l)
-			}, null, 8, ["name", "size"]), s("span", Pd, [u(Z, {
-				name: g.value ? v.value ? "chevron-down" : "chevron-right" : p.value ? "minus" : "plus",
+			}, null, 8, ["name", "size"]), s("span", Id, [u(Z, {
+				name: v.value ? x.value ? V.value : I.value : _.value ? "minus" : "plus",
 				size: "xs"
 			}, null, 8, ["name"])])]),
-			s("span", Fd, P(n.label), 1),
+			s("span", Ld, P(n.label), 1),
 			u(Z, {
-				name: g.value ? v.value ? "chevron-down" : "chevron-right" : p.value ? "minus" : "plus",
+				name: v.value ? x.value ? V.value : I.value : _.value ? "minus" : "plus",
 				size: "xs",
 				class: "coar-sidebar-group__chevron",
 				"aria-hidden": "true"
 			}, null, 8, ["name"])
-		], 42, Md)), [[L(uc), j.value]]), g.value ? a("", !0) : (w(), o("div", {
+		], 42, Pd)), [[L(uc), F.value]]), v.value ? a("", !0) : (w(), o("div", {
 			key: 0,
 			id: t,
-			class: y(["coar-sidebar-group__panel", { "coar-sidebar-group__panel--open": p.value }]),
-			"aria-hidden": !p.value || void 0,
+			class: y(["coar-sidebar-group__panel", { "coar-sidebar-group__panel--open": _.value }]),
+			"aria-hidden": !_.value || void 0,
 			role: "group"
-		}, [s("div", Ld, [A(e.$slots, "default", {}, void 0, !0)])], 10, Id))], 2));
+		}, [s("div", zd, [A(e.$slots, "default", {}, void 0, !0)])], 10, Rd))], 2));
 	}
-}), [["__scopeId", "data-v-a04018bd"]]), zd = {
+}), [["__scopeId", "data-v-fc4f23cf"]]), Vd = {
 	key: 0,
 	class: "coar-sidebar-heading__text"
-}, Bd = /* @__PURE__ */ X(/* @__PURE__ */ d({
+}, Hd = /* @__PURE__ */ X(/* @__PURE__ */ d({
 	__name: "CoarSidebarHeading",
 	props: { label: {} },
 	setup(e) {
-		let t = e, n = m(md, O(!1));
+		let t = e, n = m(hd, O(!1));
 		return (e, r) => (w(), o("div", {
 			class: y(["coar-sidebar-heading", { "coar-sidebar-heading--collapsed": L(n) }]),
 			role: "heading",
 			"aria-level": "3"
-		}, [L(n) ? a("", !0) : (w(), o("span", zd, P(t.label), 1))], 2));
+		}, [L(n) ? a("", !0) : (w(), o("span", Vd, P(t.label), 1))], 2));
 	}
-}), [["__scopeId", "data-v-99fb2c2f"]]), Vd = /* @__PURE__ */ X(/* @__PURE__ */ d({
+}), [["__scopeId", "data-v-99fb2c2f"]]), Ud = /* @__PURE__ */ X(/* @__PURE__ */ d({
 	__name: "CoarSidebarDivider",
 	setup(e) {
-		let t = m(md, O(!1));
+		let t = m(hd, O(!1));
 		return (e, n) => (w(), o("div", {
 			class: y(["coar-sidebar-divider", { "coar-sidebar-divider--collapsed": L(t) }]),
 			role: "separator"
 		}, null, 2));
 	}
-}), [["__scopeId", "data-v-c70a1b23"]]), Hd = /* @__PURE__ */ X(/* @__PURE__ */ d({
+}), [["__scopeId", "data-v-c70a1b23"]]), Wd = /* @__PURE__ */ X(/* @__PURE__ */ d({
 	__name: "CoarSidebarSpacer",
 	props: {
 		height: { default: void 0 },
@@ -9394,16 +9454,16 @@ var Gu = /* @__PURE__ */ d({
 			"aria-hidden": "true"
 		}, null, 6));
 	}
-}), [["__scopeId", "data-v-502139f5"]]), Ud = {
+}), [["__scopeId", "data-v-502139f5"]]), Gd = {
 	key: 0,
 	class: "coar-navbar__start"
-}, Wd = {
+}, Kd = {
 	key: 1,
 	class: "coar-navbar__center"
-}, Gd = {
+}, qd = {
 	key: 2,
 	class: "coar-navbar__end"
-}, Kd = /* @__PURE__ */ X(/* @__PURE__ */ d({
+}, Jd = /* @__PURE__ */ X(/* @__PURE__ */ d({
 	__name: "CoarNavbar",
 	props: {
 		elevated: {
@@ -9423,17 +9483,17 @@ var Gu = /* @__PURE__ */ d({
 			}]),
 			role: "banner"
 		}, [
-			t.$slots.start ? (w(), o("div", Ud, [A(t.$slots, "start", {}, void 0, !0)])) : a("", !0),
+			t.$slots.start ? (w(), o("div", Gd, [A(t.$slots, "start", {}, void 0, !0)])) : a("", !0),
 			n[0] ||= s("div", { class: "coar-navbar__spacer" }, null, -1),
-			t.$slots.center ? (w(), o("div", Wd, [A(t.$slots, "center", {}, void 0, !0)])) : a("", !0),
+			t.$slots.center ? (w(), o("div", Kd, [A(t.$slots, "center", {}, void 0, !0)])) : a("", !0),
 			n[1] ||= s("div", { class: "coar-navbar__spacer" }, null, -1),
-			t.$slots.end ? (w(), o("div", Gd, [A(t.$slots, "end", {}, void 0, !0)])) : a("", !0)
+			t.$slots.end ? (w(), o("div", qd, [A(t.$slots, "end", {}, void 0, !0)])) : a("", !0)
 		], 2));
 	}
 }), [["__scopeId", "data-v-c7eb4106"]]);
 //#endregion
 //#region src/components/date-time/_shared/time-helpers.ts
-function qd(e) {
+function Yd(e) {
 	try {
 		return new Intl.DateTimeFormat(e, {
 			hour: "numeric",
@@ -9443,13 +9503,13 @@ function qd(e) {
 		return !1;
 	}
 }
-function Jd(e, t, n) {
+function Xd(e, t, n) {
 	let r = String(t).padStart(2, "0");
 	if (n) return `${String(e).padStart(2, "0")}:${r}`;
 	let i = e >= 12 ? "PM" : "AM", a = e % 12;
 	return a === 0 && (a = 12), `${a}:${r} ${i}`;
 }
-function Yd(e) {
+function Zd(e) {
 	if (!e || typeof e != "string") return null;
 	let t = e.trim().toUpperCase(), n = t.match(/^(\d{1,2}):(\d{2})\s*(AM|PM)$/);
 	if (n) {
@@ -9469,41 +9529,41 @@ function Yd(e) {
 	}
 	return null;
 }
-function Xd(e) {
+function Qd(e) {
 	let t = e >= 12 ? "PM" : "AM", n = e % 12;
 	return n === 0 && (n = 12), {
 		hours: n,
 		period: t
 	};
 }
-function Zd(e, t) {
+function $d(e, t) {
 	return t === "AM" ? e === 12 ? 0 : e : e === 12 ? 12 : e + 12;
 }
-function Qd(e, t) {
+function ef(e, t) {
 	let n = (e + t) % 24;
 	return n < 0 ? n + 24 : n;
 }
-function $d(e, t, n = 1) {
+function tf(e, t, n = 1) {
 	let r = e + t * n, i = 0, a = r;
 	return r >= 60 ? (i = Math.floor(r / 60), a = r % 60) : r < 0 && (i = Math.floor(r / 60), a = (r % 60 + 60) % 60), {
 		minutes: a,
 		hourDelta: i
 	};
 }
-function ef(e, t) {
+function nf(e, t) {
 	return Math.round(e / t) * t;
 }
 //#endregion
 //#region src/components/date-time/time-picker/CoarTimePicker.vue?vue&type=script&setup=true&lang.ts
-var tf = ["aria-label"], nf = { class: "coar-time-picker__spinner coar-time-picker__hours" }, rf = ["disabled", "aria-label"], af = [
+var rf = ["aria-label"], af = { class: "coar-time-picker__spinner coar-time-picker__hours" }, of = ["disabled", "aria-label"], sf = [
 	"aria-valuenow",
 	"aria-valuemin",
 	"aria-valuemax",
 	"aria-label"
-], of = ["disabled", "aria-label"], sf = { class: "coar-time-picker__spinner coar-time-picker__minutes" }, cf = ["disabled", "aria-label"], lf = ["aria-valuenow", "aria-label"], uf = ["disabled", "aria-label"], df = {
+], cf = ["disabled", "aria-label"], lf = { class: "coar-time-picker__spinner coar-time-picker__minutes" }, uf = ["disabled", "aria-label"], df = ["aria-valuenow", "aria-label"], ff = ["disabled", "aria-label"], pf = {
 	key: 0,
 	class: "coar-time-picker__spinner coar-time-picker__period"
-}, ff = ["disabled"], pf = ["aria-valuenow", "aria-valuetext"], mf = ["disabled"], hf = /* @__PURE__ */ X(/* @__PURE__ */ d({
+}, mf = ["disabled"], hf = ["aria-valuenow", "aria-valuetext"], gf = ["disabled"], _f = /* @__PURE__ */ X(/* @__PURE__ */ d({
 	__name: "CoarTimePicker",
 	props: /* @__PURE__ */ g({
 		size: { default: "m" },
@@ -9532,9 +9592,9 @@ var tf = ["aria-label"], nf = { class: "coar-time-picker__spinner coar-time-pick
 	setup(e) {
 		let t = e, n = z(e, "modelValue"), { t: i } = q(), c = J(), l = r(() => t.locale ?? c?.language.value ?? navigator.language), d = O(9), f = O(0), p = O("AM");
 		U(n, (e) => {
-			e && (d.value = e.hours, f.value = ef(e.minutes, t.minuteStep), p.value = e.hours >= 12 ? "PM" : "AM");
+			e && (d.value = e.hours, f.value = nf(e.minutes, t.minuteStep), p.value = e.hours >= 12 ? "PM" : "AM");
 		}, { immediate: !0 });
-		let m = r(() => t.use24Hour === !0 ? !1 : t.use24Hour === !1 ? !0 : qd(l.value)), h = r(() => m.value ? Xd(d.value).hours : d.value), g = r(() => f.value), _ = r(() => +!!m.value), v = r(() => m.value ? 12 : 23), b = r(() => t.size === "xs" ? "xs" : "s");
+		let m = r(() => t.use24Hour === !0 ? !1 : t.use24Hour === !1 ? !0 : Yd(l.value)), h = r(() => m.value ? Qd(d.value).hours : d.value), g = r(() => f.value), _ = r(() => +!!m.value), v = r(() => m.value ? 12 : 23), b = r(() => t.size === "xs" ? "xs" : "s");
 		function x(e) {
 			return e.hours * 60 + e.minutes;
 		}
@@ -9569,11 +9629,11 @@ var tf = ["aria-label"], nf = { class: "coar-time-picker__spinner coar-time-pick
 			if (!(t.disabled || t.readonly || S.value)) {
 				if (m.value) {
 					let e = h.value, t = e + 1;
-					if (t > 12 && (t = 1), d.value = Zd(t, p.value), e === 11) {
+					if (t > 12 && (t = 1), d.value = $d(t, p.value), e === 11) {
 						I();
 						return;
 					}
-				} else d.value = Qd(d.value, 1);
+				} else d.value = ef(d.value, 1);
 				A();
 			}
 		}
@@ -9581,28 +9641,28 @@ var tf = ["aria-label"], nf = { class: "coar-time-picker__spinner coar-time-pick
 			if (!(t.disabled || t.readonly || C.value)) {
 				if (m.value) {
 					let e = h.value, t = e - 1;
-					if (t < 1 && (t = 12), d.value = Zd(t, p.value), e === 12) {
+					if (t < 1 && (t = 12), d.value = $d(t, p.value), e === 12) {
 						I();
 						return;
 					}
-				} else d.value = Qd(d.value, -1);
+				} else d.value = ef(d.value, -1);
 				A();
 			}
 		}
 		function N() {
 			if (t.disabled || t.readonly || T.value) return;
-			let { minutes: e, hourDelta: n } = $d(f.value, 1, t.minuteStep);
-			f.value = e, n !== 0 && (d.value = Qd(d.value, n), p.value = d.value >= 12 ? "PM" : "AM"), A();
+			let { minutes: e, hourDelta: n } = tf(f.value, 1, t.minuteStep);
+			f.value = e, n !== 0 && (d.value = ef(d.value, n), p.value = d.value >= 12 ? "PM" : "AM"), A();
 		}
 		function F() {
 			if (t.disabled || t.readonly || E.value) return;
-			let { minutes: e, hourDelta: n } = $d(f.value, -1, t.minuteStep);
-			f.value = e, n !== 0 && (d.value = Qd(d.value, n), p.value = d.value >= 12 ? "PM" : "AM"), A();
+			let { minutes: e, hourDelta: n } = tf(f.value, -1, t.minuteStep);
+			f.value = e, n !== 0 && (d.value = ef(d.value, n), p.value = d.value >= 12 ? "PM" : "AM"), A();
 		}
 		function I() {
 			if (t.disabled || t.readonly || !m.value) return;
 			let e = p.value === "AM" ? "PM" : "AM";
-			e === "AM" && D.value || e === "PM" && k.value || (p.value = e, d.value = Zd(h.value, e), A());
+			e === "AM" && D.value || e === "PM" && k.value || (p.value = e, d.value = $d(h.value, e), A());
 		}
 		function R(e) {
 			t.disabled || t.readonly || (e.key === "ArrowUp" ? (e.preventDefault(), j()) : e.key === "ArrowDown" && (e.preventDefault(), M()));
@@ -9626,7 +9686,7 @@ var tf = ["aria-label"], nf = { class: "coar-time-picker__spinner coar-time-pick
 			role: "group",
 			"aria-label": e.ariaLabel
 		}, [
-			s("div", nf, [
+			s("div", af, [
 				s("button", {
 					type: "button",
 					class: "coar-time-picker__btn coar-time-picker__btn--up",
@@ -9637,7 +9697,7 @@ var tf = ["aria-label"], nf = { class: "coar-time-picker__spinner coar-time-pick
 				}, [u(Z, {
 					name: "chevron-up",
 					size: b.value
-				}, null, 8, ["size"])], 8, rf),
+				}, null, 8, ["size"])], 8, of),
 				s("div", {
 					class: "coar-time-picker__value",
 					role: "spinbutton",
@@ -9647,7 +9707,7 @@ var tf = ["aria-label"], nf = { class: "coar-time-picker__spinner coar-time-pick
 					"aria-valuemax": v.value,
 					"aria-label": L(i)("coar.ui.timePicker.hours", void 0, "Hours"),
 					onKeydown: R
-				}, P(h.value.toString().padStart(2, "0")), 41, af),
+				}, P(h.value.toString().padStart(2, "0")), 41, sf),
 				s("button", {
 					type: "button",
 					class: "coar-time-picker__btn coar-time-picker__btn--down",
@@ -9658,13 +9718,13 @@ var tf = ["aria-label"], nf = { class: "coar-time-picker__spinner coar-time-pick
 				}, [u(Z, {
 					name: "chevron-down",
 					size: b.value
-				}, null, 8, ["size"])], 8, of)
+				}, null, 8, ["size"])], 8, cf)
 			]),
 			n[0] ||= s("span", {
 				class: "coar-time-picker__separator",
 				"aria-hidden": "true"
 			}, ":", -1),
-			s("div", sf, [
+			s("div", lf, [
 				s("button", {
 					type: "button",
 					class: "coar-time-picker__btn coar-time-picker__btn--up",
@@ -9675,7 +9735,7 @@ var tf = ["aria-label"], nf = { class: "coar-time-picker__spinner coar-time-pick
 				}, [u(Z, {
 					name: "chevron-up",
 					size: b.value
-				}, null, 8, ["size"])], 8, cf),
+				}, null, 8, ["size"])], 8, uf),
 				s("div", {
 					class: "coar-time-picker__value",
 					role: "spinbutton",
@@ -9685,7 +9745,7 @@ var tf = ["aria-label"], nf = { class: "coar-time-picker__spinner coar-time-pick
 					"aria-valuemax": "59",
 					"aria-label": L(i)("coar.ui.timePicker.minutes", void 0, "Minutes"),
 					onKeydown: B
-				}, P(g.value.toString().padStart(2, "0")), 41, lf),
+				}, P(g.value.toString().padStart(2, "0")), 41, df),
 				s("button", {
 					type: "button",
 					class: "coar-time-picker__btn coar-time-picker__btn--down",
@@ -9696,9 +9756,9 @@ var tf = ["aria-label"], nf = { class: "coar-time-picker__spinner coar-time-pick
 				}, [u(Z, {
 					name: "chevron-down",
 					size: b.value
-				}, null, 8, ["size"])], 8, uf)
+				}, null, 8, ["size"])], 8, ff)
 			]),
-			m.value ? (w(), o("div", df, [
+			m.value ? (w(), o("div", pf, [
 				s("button", {
 					type: "button",
 					class: "coar-time-picker__btn coar-time-picker__btn--up",
@@ -9709,7 +9769,7 @@ var tf = ["aria-label"], nf = { class: "coar-time-picker__spinner coar-time-pick
 				}, [u(Z, {
 					name: "chevron-up",
 					size: b.value
-				}, null, 8, ["size"])], 8, ff),
+				}, null, 8, ["size"])], 8, mf),
 				s("div", {
 					class: "coar-time-picker__value coar-time-picker__period-value",
 					role: "spinbutton",
@@ -9720,7 +9780,7 @@ var tf = ["aria-label"], nf = { class: "coar-time-picker__spinner coar-time-pick
 					"aria-valuetext": p.value,
 					"aria-label": "AM/PM",
 					onKeydown: V
-				}, P(p.value), 41, pf),
+				}, P(p.value), 41, hf),
 				s("button", {
 					type: "button",
 					class: "coar-time-picker__btn coar-time-picker__btn--down",
@@ -9731,14 +9791,14 @@ var tf = ["aria-label"], nf = { class: "coar-time-picker__spinner coar-time-pick
 				}, [u(Z, {
 					name: "chevron-down",
 					size: b.value
-				}, null, 8, ["size"])], 8, mf)
+				}, null, 8, ["size"])], 8, gf)
 			])) : a("", !0)
-		], 8, tf)], 2));
+		], 8, rf)], 2));
 	}
 }), [["__scopeId", "data-v-50fceac2"]]);
 //#endregion
 //#region src/components/date-time/_shared/date-helpers.ts
-function gf(e) {
+function vf(e) {
 	try {
 		let t = new Intl.DateTimeFormat(e).formatToParts(new Date(2024, 0, 15)), n = t.findIndex((e) => e.type === "day"), r = t.findIndex((e) => e.type === "month"), i = t.findIndex((e) => e.type === "year");
 		return n === -1 || r === -1 || i === -1 ? null : n < r && r < i ? "dd.mm.yyyy" : r < n && n < i ? "mm/dd/yyyy" : i < r && r < n ? "yyyy-mm-dd" : null;
@@ -9746,7 +9806,7 @@ function gf(e) {
 		return null;
 	}
 }
-function _f(e) {
+function yf(e) {
 	try {
 		let t = new Intl.Locale(e);
 		return (t.getWeekInfo?.() ?? t.weekInfo)?.firstDay === 7 ? 7 : 1;
@@ -9754,10 +9814,10 @@ function _f(e) {
 		return 1;
 	}
 }
-function vf(e) {
+function bf(e) {
 	return e.includes(".") ? "." : e.includes("/") ? "/" : "-";
 }
-function yf(e, t) {
+function xf(e, t) {
 	let n = new Intl.DateTimeFormat(e, { weekday: "short" }), r = [];
 	for (let e = 0; e < 7; e++) {
 		let t = new Date(2024, 0, 1 + e);
@@ -9769,8 +9829,8 @@ function yf(e, t) {
 	}
 	return r;
 }
-function bf(e, t) {
-	let n = vf(t), r = String(e.day).padStart(2, "0"), i = String(e.month).padStart(2, "0"), a = String(e.year);
+function Sf(e, t) {
+	let n = bf(t), r = String(e.day).padStart(2, "0"), i = String(e.month).padStart(2, "0"), a = String(e.year);
 	switch (t) {
 		case "dd.mm.yyyy":
 		case "dd/mm/yyyy": return `${r}${n}${i}${n}${a}`;
@@ -9779,9 +9839,9 @@ function bf(e, t) {
 		default: return `${r}${n}${i}${n}${a}`;
 	}
 }
-function xf(e, t, n) {
+function Cf(e, t, n) {
 	if (!e) return null;
-	let r = vf(t), i = e.split(r);
+	let r = bf(t), i = e.split(r);
 	if (i.length !== 3 || i.some((e) => e.length === 0 || !/^\d+$/.test(e))) return null;
 	let a, o, s;
 	try {
@@ -9809,19 +9869,19 @@ function xf(e, t, n) {
 		return null;
 	}
 }
-function Sf(e) {
+function wf(e) {
 	return new Date(e.year, e.month - 1, e.day);
 }
-function Cf(e) {
-	let t = Sf(e), n = t.getDay() || 7;
+function Tf(e) {
+	let t = wf(e), n = t.getDay() || 7;
 	t.setDate(t.getDate() + 4 - n);
 	let r = new Date(t.getFullYear(), 0, 1);
 	return Math.ceil(((t.getTime() - r.getTime()) / 864e5 + 1) / 7);
 }
-function wf(e, t) {
+function Ef(e, t) {
 	return t?.min && Y.PlainDate.compare(e, t.min) < 0 ? t.min : t?.max && Y.PlainDate.compare(e, t.max) > 0 ? t.max : e;
 }
-function Tf(e, t) {
+function Df(e, t) {
 	let n = e.toPlainDate({ day: 1 }), r = e.daysInMonth, i = n.dayOfWeek, a;
 	a = t === 1 ? (i - 1 + 7) % 7 : i % 7;
 	let o = [];
@@ -9845,20 +9905,20 @@ function Tf(e, t) {
 }
 //#endregion
 //#region src/components/date-time/scrollable-calendar/CoarScrollableCalendar.vue?vue&type=script&setup=true&lang.ts
-var Ef = {
+var Of = {
 	key: 0,
 	class: "coar-scrollable-calendar__week-spacer"
-}, Df = ["id", "data-year-month"], Of = { class: "coar-scrollable-calendar__month-name" }, kf = { class: "coar-scrollable-calendar__month-year" }, Af = {
+}, kf = ["id", "data-year-month"], Af = { class: "coar-scrollable-calendar__month-name" }, jf = { class: "coar-scrollable-calendar__month-year" }, Mf = {
 	key: 0,
 	class: "coar-scrollable-calendar__week-number"
-}, jf = [
+}, Nf = [
 	"disabled",
 	"tabindex",
 	"data-date",
 	"aria-selected",
 	"aria-current",
 	"onClick"
-], Mf = 12, Nf = 12, Pf = 6, Ff = 25, If = /* @__PURE__ */ X(/* @__PURE__ */ d({
+], Pf = 12, Ff = 12, If = 6, Lf = 25, Rf = /* @__PURE__ */ X(/* @__PURE__ */ d({
 	__name: "CoarScrollableCalendar",
 	props: /* @__PURE__ */ g({
 		min: { default: null },
@@ -9884,13 +9944,13 @@ var Ef = {
 	setup(t, { emit: n }) {
 		let i = t, c = z(t, "modelValue"), l = z(t, "activeMonth"), u = n, d = J(), f = r(() => i.locale ?? d?.language.value ?? navigator.language), p = r(() => {
 			if (i.dateFormatConfig) return i.dateFormatConfig;
-			let e = gf(f.value), t = _f(f.value);
+			let e = vf(f.value), t = yf(f.value);
 			return {
 				pattern: e ?? "dd.mm.yyyy",
 				firstDayOfWeek: t
 			};
 		}), m = r(() => p.value.firstDayOfWeek), h = r(() => Y.Now.plainDateISO()), g = r(() => {
-			let e = yf(f.value, m.value), t = m.value;
+			let e = xf(f.value, m.value), t = m.value;
 			return e.map((e, n) => {
 				let r;
 				return r = t === 1 ? n + 1 : n === 0 ? 7 : n, {
@@ -9898,7 +9958,7 @@ var Ef = {
 					isWeekend: r === 6 || r === 7
 				};
 			});
-		}), _ = O(Y.Now.plainDateISO().toPlainYearMonth().subtract({ months: Mf })), b = O(Y.Now.plainDateISO().toPlainYearMonth().add({ months: Nf })), x = O(null), T = O(null), E = O(!1), D = !1, A = !1, j = !1;
+		}), _ = O(Y.Now.plainDateISO().toPlainYearMonth().subtract({ months: Pf })), b = O(Y.Now.plainDateISO().toPlainYearMonth().add({ months: Ff })), x = O(null), T = O(null), E = O(!1), D = !1, A = !1, j = !1;
 		function M() {
 			let e = T.value;
 			return e ? e.querySelector("[data-overlayscrollbars-viewport]") ?? e : null;
@@ -9925,8 +9985,8 @@ var Ef = {
 			};
 		}
 		function I(e) {
-			let t = f.value, n = new Intl.DateTimeFormat(t, { month: "long" }).format(new Date(e.year, e.month - 1, 1)), r = Tf(e, m.value), i = r.map((e) => F(e.date, e.isOutsideMonth)), a = [];
-			for (let e = 0; e < 6; e++) a.push(Cf(r[e * 7].date));
+			let t = f.value, n = new Intl.DateTimeFormat(t, { month: "long" }).format(new Date(e.year, e.month - 1, 1)), r = Df(e, m.value), i = r.map((e) => F(e.date, e.isOutsideMonth)), a = [];
+			for (let e = 0; e < 6; e++) a.push(Tf(r[e * 7].date));
 			return {
 				yearMonth: e,
 				monthName: n,
@@ -10017,7 +10077,7 @@ var Ef = {
 			if (j) return;
 			j = !0;
 			let e = M(), t = e?.scrollHeight ?? 0, n = i.min?.toPlainYearMonth() ?? null, r = _.value, a = [];
-			for (let e = 0; e < Pf; e++) {
+			for (let e = 0; e < If; e++) {
 				let e = r.subtract({ months: 1 });
 				if (n && Y.PlainYearMonth.compare(e, n) < 0) break;
 				r = e, a.unshift(I(r));
@@ -10038,7 +10098,7 @@ var Ef = {
 			if (j) return;
 			j = !0;
 			let e = i.max?.toPlainYearMonth() ?? null, t = b.value, n = [];
-			for (let r = 0; r < Pf; r++) {
+			for (let r = 0; r < If; r++) {
 				let r = t.add({ months: 1 });
 				if (e && Y.PlainYearMonth.compare(r, e) > 0) break;
 				t = r, n.push(I(t));
@@ -10053,14 +10113,14 @@ var Ef = {
 		}
 		function re() {
 			let e = B.value;
-			if (e.length <= Ff) return;
-			let t = e.slice(0, Ff);
+			if (e.length <= Lf) return;
+			let t = e.slice(0, Lf);
 			B.value = t, b.value = t[t.length - 1].yearMonth;
 		}
 		function ie() {
 			let e = B.value;
-			if (e.length <= Ff) return;
-			let t = e.length - Ff, n = e.slice(t);
+			if (e.length <= Lf) return;
+			let t = e.length - Lf, n = e.slice(t);
 			B.value = n, _.value = n[0].yearMonth;
 		}
 		function ae(e) {
@@ -10079,7 +10139,7 @@ var Ef = {
 					r = n.add({ years: e });
 					break;
 			}
-			r = wf(r, {
+			r = Ef(r, {
 				min: i.min,
 				max: i.max
 			}), x.value = r;
@@ -10143,7 +10203,7 @@ var Ef = {
 		}), (n, r) => (w(), o("div", {
 			class: "coar-scrollable-calendar",
 			onKeydown: se
-		}, [s("div", { class: y(["coar-scrollable-calendar__weekdays", { "coar-scrollable-calendar__weekdays--with-weeks": t.showWeekNumbers }]) }, [t.showWeekNumbers ? (w(), o("span", Ef)) : a("", !0), (w(!0), o(e, null, k(g.value, (e) => (w(), o("span", {
+		}, [s("div", { class: y(["coar-scrollable-calendar__weekdays", { "coar-scrollable-calendar__weekdays--with-weeks": t.showWeekNumbers }]) }, [t.showWeekNumbers ? (w(), o("span", Of)) : a("", !0), (w(!0), o(e, null, k(g.value, (e) => (w(), o("span", {
 			key: e.name,
 			class: y(["coar-scrollable-calendar__weekday", { "coar-scrollable-calendar__weekday--weekend": t.highlightWeekends && e.isWeekend }])
 		}, P(e.name), 3))), 128))], 2), s("div", { class: y(["coar-scrollable-calendar__months-wrapper", { "coar-scrollable-calendar__months-wrapper--ready": E.value }]) }, [K((w(), o("div", {
@@ -10155,10 +10215,10 @@ var Ef = {
 			key: n.yearMonth.toString(),
 			"data-year-month": n.yearMonth.toString(),
 			class: "coar-scrollable-calendar__month"
-		}, [s("div", { class: y(["coar-scrollable-calendar__month-header", { "coar-scrollable-calendar__month-header--with-weeks": t.showWeekNumbers }]) }, [s("span", Of, P(n.monthName), 1), s("span", kf, P(n.year), 1)], 2), s("div", {
+		}, [s("div", { class: y(["coar-scrollable-calendar__month-header", { "coar-scrollable-calendar__month-header--with-weeks": t.showWeekNumbers }]) }, [s("span", Af, P(n.monthName), 1), s("span", jf, P(n.year), 1)], 2), s("div", {
 			class: y(["coar-scrollable-calendar__grid", { "coar-scrollable-calendar__grid--with-weeks": t.showWeekNumbers }]),
 			role: "grid"
-		}, [(w(!0), o(e, null, k(n.days, (r, i) => (w(), o(e, { key: r.date.toString() }, [t.showWeekNumbers && i % 7 == 0 ? (w(), o("span", Af, P(n.weekNumbers[i / 7]), 1)) : a("", !0), s("button", {
+		}, [(w(!0), o(e, null, k(n.days, (r, i) => (w(), o(e, { key: r.date.toString() }, [t.showWeekNumbers && i % 7 == 0 ? (w(), o("span", Mf, P(n.weekNumbers[i / 7]), 1)) : a("", !0), s("button", {
 			type: "button",
 			class: y(["coar-scrollable-calendar__day", [r.markerCssClass, {
 				"coar-scrollable-calendar__day--outside": r.isOutsideMonth,
@@ -10175,12 +10235,12 @@ var Ef = {
 			"aria-selected": r.isSelected,
 			"aria-current": r.isToday ? "date" : void 0,
 			onClick: (e) => ae(r.date)
-		}, P(r.day), 11, jf)], 64))), 128))], 2)], 8, Df))), 128))])), [[L(Fs), {
+		}, P(r.day), 11, Nf)], 64))), 128))], 2)], 8, kf))), 128))])), [[L(Fs), {
 			overflowX: "hidden",
 			autoHide: "leave"
 		}]])], 2)], 32));
 	}
-}), [["__scopeId", "data-v-e9dd37f6"]]), Lf = { class: "coar-month-list-host" }, Rf = { class: "coar-month-list" }, zf = { class: "coar-month-list__year-stepper" }, Bf = ["disabled", "aria-label"], Vf = { class: "coar-month-list__year" }, Hf = ["disabled", "aria-label"], Uf = ["aria-label"], Wf = ["aria-selected", "onClick"], Gf = /* @__PURE__ */ X(/* @__PURE__ */ d({
+}), [["__scopeId", "data-v-e9dd37f6"]]), zf = { class: "coar-month-list-host" }, Bf = { class: "coar-month-list" }, Vf = { class: "coar-month-list__year-stepper" }, Hf = ["disabled", "aria-label"], Uf = { class: "coar-month-list__year" }, Wf = ["disabled", "aria-label"], Gf = ["aria-label"], Kf = ["aria-selected", "onClick"], qf = /* @__PURE__ */ X(/* @__PURE__ */ d({
 	__name: "CoarMonthList",
 	props: /* @__PURE__ */ g({
 		locale: { default: void 0 },
@@ -10237,7 +10297,7 @@ var Ef = {
 			v(() => E());
 		}), C(() => {
 			setTimeout(() => E(), 50);
-		}), (t, n) => (w(), o("div", Lf, [s("div", Rf, [s("div", zf, [
+		}), (t, n) => (w(), o("div", zf, [s("div", Bf, [s("div", Vf, [
 			s("button", {
 				type: "button",
 				class: "coar-month-list__year-btn",
@@ -10247,8 +10307,8 @@ var Ef = {
 			}, [u(Z, {
 				name: "chevron-left",
 				size: "s"
-			})], 8, Bf),
-			s("span", Vf, P(p.value), 1),
+			})], 8, Hf),
+			s("span", Uf, P(p.value), 1),
 			s("button", {
 				type: "button",
 				class: "coar-month-list__year-btn",
@@ -10258,7 +10318,7 @@ var Ef = {
 			}, [u(Z, {
 				name: "chevron-right",
 				size: "s"
-			})], 8, Hf)
+			})], 8, Wf)
 		]), K((w(), o("div", {
 			ref_key: "monthsContainerRef",
 			ref: T,
@@ -10272,16 +10332,16 @@ var Ef = {
 			role: "option",
 			"aria-selected": e.isActive,
 			onClick: (t) => S(e.yearMonth)
-		}, P(e.name), 11, Wf))), 128))], 8, Uf)), [[L(Fs), {
+		}, P(e.name), 11, Kf))), 128))], 8, Gf)), [[L(Fs), {
 			overflowX: "hidden",
 			autoHide: "leave"
 		}]])])]));
 	}
-}), [["__scopeId", "data-v-11c8cf34"]]), Kf = {
+}), [["__scopeId", "data-v-11c8cf34"]]), Jf = {
 	pattern: "dd.mm.yyyy",
 	firstDayOfWeek: 1
 };
-function qf(e) {
+function Yf(e) {
 	let t = J(), n = ne(), i = r(() => e.locale?.value ? e.locale.value : t.language.value || navigator.language || "en"), a = r(() => {
 		if (e.dateFormat?.value) return e.dateFormat.value;
 		let n = t.localeData.value;
@@ -10289,12 +10349,12 @@ function qf(e) {
 			pattern: n.date.pattern,
 			firstDayOfWeek: n.date.firstDayOfWeek === 0 ? 7 : n.date.firstDayOfWeek
 		};
-		let r = gf(i.value), a = _f(i.value);
+		let r = vf(i.value), a = yf(i.value);
 		return r ? {
 			pattern: r,
 			firstDayOfWeek: a
 		} : {
-			...Kf,
+			...Jf,
 			firstDayOfWeek: a
 		};
 	}), o = r(() => {
@@ -10323,10 +10383,10 @@ function qf(e) {
 }
 //#endregion
 //#region src/components/date-time/_shared/types.ts
-var Jf = {
+var Xf = {
 	use24Hour: "auto",
 	minuteStep: 5
-}, Yf = {
+}, Zf = {
 	"dd.mm.yyyy": "dd/mm/yyyy",
 	"dd/mm/yyyy": "dd/mm/yyyy",
 	"mm/dd/yyyy": "mm/dd/yyyy",
@@ -10334,28 +10394,28 @@ var Jf = {
 };
 //#endregion
 //#region src/components/date-time/_shared/maskito-config.ts
-function Xf(e) {
+function Qf(e) {
 	return ae({
-		mode: Yf[e],
-		separator: vf(e)
+		mode: Zf[e],
+		separator: bf(e)
 	});
 }
-function Zf(e, t) {
+function $f(e, t) {
 	return oe({
-		dateMode: Yf[e],
-		dateSeparator: vf(e),
+		dateMode: Zf[e],
+		dateSeparator: bf(e),
 		timeMode: t ? "HH:MM AA" : "HH:MM"
 	});
 }
 //#endregion
 //#region src/components/date-time/plain-date-picker/CoarPlainDatePickerPanel.vue?vue&type=script&setup=true&lang.ts
-var Qf = { class: "coar-plain-date-picker-calendar-column" }, $f = ["aria-label"], ep = { class: "coar-plain-date-picker-side-column" }, tp = { class: "coar-plain-date-picker-year-stepper" }, np = ["disabled", "aria-label"], rp = { class: "coar-plain-date-picker-year" }, ip = ["disabled", "aria-label"], ap = { class: "coar-plain-date-picker-month-list-wrapper" }, op = ["aria-label"], sp = { class: "coar-plain-date-picker-month-list-content" }, cp = ["aria-selected", "onClick"], lp = {
+var ep = { class: "coar-plain-date-picker-calendar-column" }, tp = ["aria-label"], np = { class: "coar-plain-date-picker-side-column" }, rp = { class: "coar-plain-date-picker-year-stepper" }, ip = ["disabled", "aria-label"], ap = { class: "coar-plain-date-picker-year" }, op = ["disabled", "aria-label"], sp = { class: "coar-plain-date-picker-month-list-wrapper" }, cp = ["aria-label"], lp = { class: "coar-plain-date-picker-month-list-content" }, up = ["aria-selected", "onClick"], dp = {
 	key: 0,
 	class: "coar-plain-date-picker-events"
-}, up = { class: "coar-plain-date-picker-events-list" }, dp = { class: "coar-plain-date-picker-events-content" }, fp = { class: "coar-plain-date-picker-event-details" }, pp = { class: "coar-plain-date-picker-event-text" }, mp = {
+}, fp = { class: "coar-plain-date-picker-events-list" }, pp = { class: "coar-plain-date-picker-events-content" }, mp = { class: "coar-plain-date-picker-event-details" }, hp = { class: "coar-plain-date-picker-event-text" }, gp = {
 	key: 0,
 	class: "coar-plain-date-picker-event-dates"
-}, hp = /* @__PURE__ */ d({
+}, _p = /* @__PURE__ */ d({
 	__name: "CoarPlainDatePickerPanel",
 	props: {
 		modelValue: {},
@@ -10398,7 +10458,7 @@ var Qf = { class: "coar-plain-date-picker-calendar-column" }, $f = ["aria-label"
 				return n && r;
 			}) : [];
 		});
-		return (n, r) => (w(), o("div", { class: y(["coar-plain-date-picker-panel", { "coar-plain-date-picker-panel--with-weeks": t.showWeekNumbers }]) }, [s("div", Qf, [u(If, {
+		return (n, r) => (w(), o("div", { class: y(["coar-plain-date-picker-panel", { "coar-plain-date-picker-panel--with-weeks": t.showWeekNumbers }]) }, [s("div", ep, [u(Rf, {
 			"model-value": t.modelValue,
 			"active-month": t.activeMonth,
 			min: t.min ?? void 0,
@@ -10431,8 +10491,8 @@ var Qf = { class: "coar-plain-date-picker-calendar-column" }, $f = ["aria-label"
 		}, [u(Z, {
 			name: h.value === "up" ? "chevron-up" : "chevron-down",
 			size: "xs"
-		}, null, 8, ["name"])], 8, $f)) : a("", !0)]), s("div", ep, [
-			s("div", tp, [
+		}, null, 8, ["name"])], 8, tp)) : a("", !0)]), s("div", np, [
+			s("div", rp, [
 				s("button", {
 					type: "button",
 					class: "coar-plain-date-picker-year-btn",
@@ -10442,8 +10502,8 @@ var Qf = { class: "coar-plain-date-picker-calendar-column" }, $f = ["aria-label"
 				}, [u(Z, {
 					name: "chevron-left",
 					size: "s"
-				})], 8, np),
-				s("span", rp, P(c.value), 1),
+				})], 8, ip),
+				s("span", ap, P(c.value), 1),
 				s("button", {
 					type: "button",
 					class: "coar-plain-date-picker-year-btn",
@@ -10453,31 +10513,31 @@ var Qf = { class: "coar-plain-date-picker-calendar-column" }, $f = ["aria-label"
 				}, [u(Z, {
 					name: "chevron-right",
 					size: "s"
-				})], 8, ip)
+				})], 8, op)
 			]),
-			s("div", ap, [s("div", {
+			s("div", sp, [s("div", {
 				class: "coar-plain-date-picker-month-list",
 				role: "listbox",
 				"aria-label": L(i)("coar.ui.datePicker.months", void 0, "Months")
-			}, [s("div", sp, [(w(!0), o(e, null, k(p.value, (e) => (w(), o("button", {
+			}, [s("div", lp, [(w(!0), o(e, null, k(p.value, (e) => (w(), o("button", {
 				key: e.month,
 				type: "button",
 				class: y(["coar-plain-date-picker-month-item", { "coar-plain-date-picker-month-item--active": e.isActive }]),
 				role: "option",
 				"aria-selected": e.isActive,
 				onClick: (n) => t.onSelectMonth(e.yearMonth)
-			}, P(e.name), 11, cp))), 128))])], 8, op)]),
-			_.value.length > 0 ? (w(), o("div", lp, [s("div", up, [s("div", dp, [(w(!0), o(e, null, k(_.value, (e) => (w(), o("div", {
+			}, P(e.name), 11, up))), 128))])], 8, cp)]),
+			_.value.length > 0 ? (w(), o("div", dp, [s("div", fp, [s("div", pp, [(w(!0), o(e, null, k(_.value, (e) => (w(), o("div", {
 				key: e.description,
 				class: "coar-plain-date-picker-event-item"
-			}, [r[3] ||= s("span", { class: "coar-plain-date-picker-event-dot" }, null, -1), s("div", fp, [s("span", pp, P(e.description), 1), e.endDate && !e.startDate.equals(e.endDate) ? (w(), o("span", mp, P(e.startDate.day) + "/" + P(e.startDate.month) + " – " + P(e.endDate.day) + "/" + P(e.endDate.month), 1)) : a("", !0)])]))), 128))])])])) : a("", !0)
+			}, [r[3] ||= s("span", { class: "coar-plain-date-picker-event-dot" }, null, -1), s("div", mp, [s("span", hp, P(e.description), 1), e.endDate && !e.startDate.equals(e.endDate) ? (w(), o("span", gp, P(e.startDate.day) + "/" + P(e.startDate.month) + " – " + P(e.endDate.day) + "/" + P(e.endDate.month), 1)) : a("", !0)])]))), 128))])])])) : a("", !0)
 		])], 2));
 	}
-}), gp = {
+}), vp = {
 	key: 0,
 	class: "coar-plain-date-picker-required",
 	"aria-hidden": "true"
-}, _p = ["aria-expanded", "aria-controls"], vp = ["aria-label"], yp = [
+}, yp = ["aria-expanded", "aria-controls"], bp = ["aria-label"], xp = [
 	"value",
 	"placeholder",
 	"disabled",
@@ -10485,7 +10545,7 @@ var Qf = { class: "coar-plain-date-picker-calendar-column" }, $f = ["aria-label"
 	"aria-labelledby",
 	"aria-invalid",
 	"aria-describedby"
-], bp = ["aria-label", "disabled"], xp = ["title"], Sp = /* @__PURE__ */ X(/* @__PURE__ */ d({
+], Sp = ["aria-label", "disabled"], Cp = ["title"], wp = /* @__PURE__ */ X(/* @__PURE__ */ d({
 	__name: "CoarPlainDatePicker",
 	props: /* @__PURE__ */ g({
 		label: { default: "" },
@@ -10536,17 +10596,17 @@ var Qf = { class: "coar-plain-date-picker-calendar-column" }, $f = ["aria-label"
 	}),
 	emits: /* @__PURE__ */ g(["opened", "closed"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let n = e, i = z(e, "modelValue"), c = t, { t: d } = q(), f = qf({
+		let n = e, i = z(e, "modelValue"), c = t, { t: d } = q(), f = Yf({
 			locale: r(() => n.locale),
 			dateFormat: r(() => n.dateFormat)
 		}), p = O(i.value?.toPlainYearMonth() ?? Y.Now.plainDateISO().toPlainYearMonth()), m = `coar-plain-date-picker-${crypto.randomUUID?.() ?? Date.now().toString(16)}`, g = `${m}-label`, _ = `${m}-input`, b = `${m}-panel`, x = `${m}-message`, T = O(null), D = O(null), k = null, A = O(""), j;
 		function M() {
 			if (j?.destroy(), !D.value) return;
-			let e = Xf(f.effectiveDateFormat.value.pattern);
+			let e = Qf(f.effectiveDateFormat.value.pattern);
 			j = new ie(D.value, e);
 		}
 		U(i, (e) => {
-			e ? A.value = bf(e, f.effectiveDateFormat.value.pattern) : A.value = "";
+			e ? A.value = Sf(e, f.effectiveDateFormat.value.pattern) : A.value = "";
 		}, { immediate: !0 }), U([D, () => f.effectiveDateFormat.value], () => {
 			v(() => M());
 		}), S(() => {
@@ -10622,7 +10682,7 @@ var Qf = { class: "coar-plain-date-picker-calendar-column" }, $f = ["aria-label"
 				},
 				content: {
 					kind: "component",
-					component: h(hp)
+					component: h(_p)
 				},
 				inputs: t
 			}), f.open(), c("opened"), k.afterClosed.then(() => {
@@ -10647,7 +10707,7 @@ var Qf = { class: "coar-plain-date-picker-calendar-column" }, $f = ["aria-label"
 		function ne(e) {
 			let t = e.target;
 			A.value = t.value;
-			let r = xf(t.value, f.effectiveDateFormat.value.pattern, {
+			let r = Cf(t.value, f.effectiveDateFormat.value.pattern, {
 				min: n.min,
 				max: n.max
 			});
@@ -10655,10 +10715,10 @@ var Qf = { class: "coar-plain-date-picker-calendar-column" }, $f = ["aria-label"
 		}
 		function re() {
 			let e = A.value;
-			!xf(e, f.effectiveDateFormat.value.pattern, {
+			!Cf(e, f.effectiveDateFormat.value.pattern, {
 				min: n.min,
 				max: n.max
-			}) && e.length > 0 && (i.value ? A.value = bf(i.value, f.effectiveDateFormat.value.pattern) : A.value = "");
+			}) && e.length > 0 && (i.value ? A.value = Sf(i.value, f.effectiveDateFormat.value.pattern) : A.value = "");
 		}
 		return (t, n) => (w(), o("div", { class: y(["coar-plain-date-picker-wrapper", [`coar-plain-date-picker--${e.size}`, {
 			"coar-plain-date-picker--disabled": I.value,
@@ -10670,7 +10730,7 @@ var Qf = { class: "coar-plain-date-picker-calendar-column" }, $f = ["aria-label"
 				key: 0,
 				id: g,
 				class: "coar-plain-date-picker-label"
-			}, [l(P(e.label) + " ", 1), e.required ? (w(), o("span", gp, "*")) : a("", !0)])) : a("", !0),
+			}, [l(P(e.label) + " ", 1), e.required ? (w(), o("span", vp, "*")) : a("", !0)])) : a("", !0),
 			s("div", {
 				ref_key: "triggerRef",
 				ref: T,
@@ -10694,7 +10754,7 @@ var Qf = { class: "coar-plain-date-picker-calendar-column" }, $f = ["aria-label"
 				}, [u(Z, {
 					name: "x",
 					size: "auto"
-				})], 10, vp),
+				})], 10, bp),
 				s("input", {
 					id: _,
 					ref_key: "dateInputRef",
@@ -10712,7 +10772,7 @@ var Qf = { class: "coar-plain-date-picker-calendar-column" }, $f = ["aria-label"
 					onInput: ne,
 					onBlur: re,
 					onKeydown: te
-				}, null, 40, yp),
+				}, null, 40, xp),
 				s("button", {
 					type: "button",
 					class: "coar-plain-date-picker-btn",
@@ -10723,23 +10783,23 @@ var Qf = { class: "coar-plain-date-picker-calendar-column" }, $f = ["aria-label"
 				}, [u(Z, {
 					name: "calendar",
 					size: "s"
-				})], 8, bp)
-			], 10, _p),
+				})], 8, Sp)
+			], 10, yp),
 			F.value ? (w(), o("div", {
 				key: 1,
 				id: x,
 				class: y(["coar-form-field-message", { "coar-form-field-message--error": N.value }]),
 				title: F.value
-			}, P(F.value), 11, xp)) : a("", !0)
+			}, P(F.value), 11, Cp)) : a("", !0)
 		], 2));
 	}
-}), [["__scopeId", "data-v-49bcfd20"]]), Cp = { class: "coar-pdtp-calendar-column" }, wp = ["aria-label"], Tp = { class: "coar-pdtp-side-column" }, Ep = { class: "coar-pdtp-year-stepper" }, Dp = ["disabled", "aria-label"], Op = { class: "coar-pdtp-year" }, kp = ["disabled", "aria-label"], Ap = { class: "coar-pdtp-month-list-wrapper" }, jp = ["aria-label"], Mp = { class: "coar-pdtp-month-list-content" }, Np = ["aria-selected", "onClick"], Pp = { class: "coar-pdtp-time-section" }, Fp = {
+}), [["__scopeId", "data-v-49bcfd20"]]), Tp = { class: "coar-pdtp-calendar-column" }, Ep = ["aria-label"], Dp = { class: "coar-pdtp-side-column" }, Op = { class: "coar-pdtp-year-stepper" }, kp = ["disabled", "aria-label"], Ap = { class: "coar-pdtp-year" }, jp = ["disabled", "aria-label"], Mp = { class: "coar-pdtp-month-list-wrapper" }, Np = ["aria-label"], Pp = { class: "coar-pdtp-month-list-content" }, Fp = ["aria-selected", "onClick"], Ip = { class: "coar-pdtp-time-section" }, Lp = {
 	key: 0,
 	class: "coar-pdtp-events"
-}, Ip = { class: "coar-pdtp-events-list" }, Lp = { class: "coar-pdtp-events-content" }, Rp = { class: "coar-pdtp-event-details" }, zp = { class: "coar-pdtp-event-text" }, Bp = {
+}, Rp = { class: "coar-pdtp-events-list" }, zp = { class: "coar-pdtp-events-content" }, Bp = { class: "coar-pdtp-event-details" }, Vp = { class: "coar-pdtp-event-text" }, Hp = {
 	key: 0,
 	class: "coar-pdtp-event-dates"
-}, Vp = /* @__PURE__ */ d({
+}, Up = /* @__PURE__ */ d({
 	__name: "CoarPlainDateTimePickerPanel",
 	props: {
 		modelValue: {},
@@ -10790,7 +10850,7 @@ var Qf = { class: "coar-plain-date-picker-calendar-column" }, $f = ["aria-label"
 				return n && r;
 			}) : [];
 		});
-		return (n, r) => (w(), o("div", { class: y(["coar-pdtp-panel", { "coar-pdtp-panel--with-weeks": t.showWeekNumbers }]) }, [s("div", Cp, [u(If, {
+		return (n, r) => (w(), o("div", { class: y(["coar-pdtp-panel", { "coar-pdtp-panel--with-weeks": t.showWeekNumbers }]) }, [s("div", Tp, [u(Rf, {
 			"model-value": t.modelValue,
 			"active-month": t.activeMonth,
 			min: t.min ?? void 0,
@@ -10823,8 +10883,8 @@ var Qf = { class: "coar-plain-date-picker-calendar-column" }, $f = ["aria-label"
 		}, [u(Z, {
 			name: h.value === "up" ? "chevron-up" : "chevron-down",
 			size: "xs"
-		}, null, 8, ["name"])], 8, wp)) : a("", !0)]), s("div", Tp, [
-			s("div", Ep, [
+		}, null, 8, ["name"])], 8, Ep)) : a("", !0)]), s("div", Dp, [
+			s("div", Op, [
 				s("button", {
 					type: "button",
 					class: "coar-pdtp-year-btn",
@@ -10834,8 +10894,8 @@ var Qf = { class: "coar-plain-date-picker-calendar-column" }, $f = ["aria-label"
 				}, [u(Z, {
 					name: "chevron-left",
 					size: "s"
-				})], 8, Dp),
-				s("span", Op, P(c.value), 1),
+				})], 8, kp),
+				s("span", Ap, P(c.value), 1),
 				s("button", {
 					type: "button",
 					class: "coar-pdtp-year-btn",
@@ -10845,21 +10905,21 @@ var Qf = { class: "coar-plain-date-picker-calendar-column" }, $f = ["aria-label"
 				}, [u(Z, {
 					name: "chevron-right",
 					size: "s"
-				})], 8, kp)
+				})], 8, jp)
 			]),
-			s("div", Ap, [s("div", {
+			s("div", Mp, [s("div", {
 				class: "coar-pdtp-month-list",
 				role: "listbox",
 				"aria-label": L(i)("coar.ui.datePicker.months", void 0, "Months")
-			}, [s("div", Mp, [(w(!0), o(e, null, k(p.value, (e) => (w(), o("button", {
+			}, [s("div", Pp, [(w(!0), o(e, null, k(p.value, (e) => (w(), o("button", {
 				key: e.month,
 				type: "button",
 				class: y(["coar-pdtp-month-item", { "coar-pdtp-month-item--active": e.isActive }]),
 				role: "option",
 				"aria-selected": e.isActive,
 				onClick: (n) => t.onSelectMonth(e.yearMonth)
-			}, P(e.name), 11, Np))), 128))])], 8, jp)]),
-			s("div", Pp, [u(hf, {
+			}, P(e.name), 11, Fp))), 128))])], 8, Np)]),
+			s("div", Ip, [u(_f, {
 				"model-value": t.selectedTime,
 				"use24-hour": t.use24Hour,
 				"minute-step": t.minuteStep,
@@ -10881,17 +10941,17 @@ var Qf = { class: "coar-plain-date-picker-calendar-column" }, $f = ["aria-label"
 				"max-time",
 				"onUpdate:modelValue"
 			])]),
-			_.value.length > 0 ? (w(), o("div", Fp, [s("div", Ip, [s("div", Lp, [(w(!0), o(e, null, k(_.value, (e) => (w(), o("div", {
+			_.value.length > 0 ? (w(), o("div", Lp, [s("div", Rp, [s("div", zp, [(w(!0), o(e, null, k(_.value, (e) => (w(), o("div", {
 				key: e.description,
 				class: "coar-pdtp-event-item"
-			}, [r[3] ||= s("span", { class: "coar-pdtp-event-dot" }, null, -1), s("div", Rp, [s("span", zp, P(e.description), 1), e.endDate && !e.startDate.equals(e.endDate) ? (w(), o("span", Bp, P(e.startDate.day) + "/" + P(e.startDate.month) + " – " + P(e.endDate.day) + "/" + P(e.endDate.month), 1)) : a("", !0)])]))), 128))])])])) : a("", !0)
+			}, [r[3] ||= s("span", { class: "coar-pdtp-event-dot" }, null, -1), s("div", Bp, [s("span", Vp, P(e.description), 1), e.endDate && !e.startDate.equals(e.endDate) ? (w(), o("span", Hp, P(e.startDate.day) + "/" + P(e.startDate.month) + " – " + P(e.endDate.day) + "/" + P(e.endDate.month), 1)) : a("", !0)])]))), 128))])])])) : a("", !0)
 		])], 2));
 	}
-}), Hp = {
+}), Wp = {
 	key: 0,
 	class: "coar-pdtp-required",
 	"aria-hidden": "true"
-}, Up = ["aria-expanded", "aria-controls"], Wp = ["aria-label"], Gp = [
+}, Gp = ["aria-expanded", "aria-controls"], Kp = ["aria-label"], qp = [
 	"value",
 	"placeholder",
 	"disabled",
@@ -10899,7 +10959,7 @@ var Qf = { class: "coar-plain-date-picker-calendar-column" }, $f = ["aria-label"
 	"aria-labelledby",
 	"aria-invalid",
 	"aria-describedby"
-], Kp = ["aria-label", "disabled"], qp = ["title"], Jp = /* @__PURE__ */ X(/* @__PURE__ */ d({
+], Jp = ["aria-label", "disabled"], Yp = ["title"], Xp = /* @__PURE__ */ X(/* @__PURE__ */ d({
 	__name: "CoarPlainDateTimePicker",
 	props: /* @__PURE__ */ g({
 		label: { default: "" },
@@ -10955,17 +11015,17 @@ var Qf = { class: "coar-plain-date-picker-calendar-column" }, $f = ["aria-label"
 	}),
 	emits: /* @__PURE__ */ g(["opened", "closed"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let n = e, i = z(e, "modelValue"), c = t, { t: d } = q(), f = qf({
+		let n = e, i = z(e, "modelValue"), c = t, { t: d } = q(), f = Yf({
 			locale: r(() => n.locale),
 			dateFormat: r(() => n.dateFormat)
-		}), p = O(i.value?.toPlainDate().toPlainYearMonth() ?? Y.Now.plainDateISO().toPlainYearMonth()), m = O(null), g = `coar-plain-dt-picker-${crypto.randomUUID?.() ?? Date.now().toString(16)}`, _ = `${g}-label`, b = `${g}-input`, x = `${g}-panel`, T = `${g}-message`, D = O(null), k = O(null), A = null, j = O(""), M = r(() => n.use24Hour === !0 ? !0 : n.use24Hour === !1 ? !1 : !qd(f.effectiveLocale.value)), N;
+		}), p = O(i.value?.toPlainDate().toPlainYearMonth() ?? Y.Now.plainDateISO().toPlainYearMonth()), m = O(null), g = `coar-plain-dt-picker-${crypto.randomUUID?.() ?? Date.now().toString(16)}`, _ = `${g}-label`, b = `${g}-input`, x = `${g}-panel`, T = `${g}-message`, D = O(null), k = O(null), A = null, j = O(""), M = r(() => n.use24Hour === !0 ? !0 : n.use24Hour === !1 ? !1 : !Yd(f.effectiveLocale.value)), N;
 		function F() {
 			if (N?.destroy(), !k.value) return;
-			let e = Zf(f.effectiveDateFormat.value.pattern, !M.value);
+			let e = $f(f.effectiveDateFormat.value.pattern, !M.value);
 			N = new ie(k.value, e);
 		}
 		function I(e) {
-			return `${bf(e.toPlainDate(), f.effectiveDateFormat.value.pattern)} ${Jd(e.hour, e.minute, M.value)}`;
+			return `${Sf(e.toPlainDate(), f.effectiveDateFormat.value.pattern)} ${Xd(e.hour, e.minute, M.value)}`;
 		}
 		U(i, (e) => {
 			j.value = e ? I(e) : "";
@@ -11017,7 +11077,7 @@ var Qf = { class: "coar-plain-date-picker-calendar-column" }, $f = ["aria-label"
 				onDateSelected: (e) => {
 					let t = K.value ?? n.defaultTime, r = e.toPlainDateTime({
 						hour: t.hours,
-						minute: ef(t.minutes, n.minuteStep)
+						minute: nf(t.minutes, n.minuteStep)
 					});
 					r = se(r), i.value = r;
 				},
@@ -11094,7 +11154,7 @@ var Qf = { class: "coar-plain-date-picker-calendar-column" }, $f = ["aria-label"
 				},
 				content: {
 					kind: "component",
-					component: h(Vp)
+					component: h(Up)
 				},
 				inputs: t
 			}), f.open(), c("opened"), A.afterClosed.then(() => {
@@ -11130,12 +11190,12 @@ var Qf = { class: "coar-plain-date-picker-calendar-column" }, $f = ["aria-label"
 			if (!e) return null;
 			let t = e.split(" ");
 			if (t.length < 2) return null;
-			let n = xf(t[0], f.effectiveDateFormat.value.pattern, {
+			let n = Cf(t[0], f.effectiveDateFormat.value.pattern, {
 				min: ee.value,
 				max: te.value
 			});
 			if (!n) return null;
-			let r = Yd(t.slice(1).join(" "));
+			let r = Zd(t.slice(1).join(" "));
 			return r ? n.toPlainDateTime({
 				hour: r.hours,
 				minute: r.minutes
@@ -11151,7 +11211,7 @@ var Qf = { class: "coar-plain-date-picker-calendar-column" }, $f = ["aria-label"
 				key: 0,
 				id: _,
 				class: "coar-pdtp-label"
-			}, [l(P(e.label) + " ", 1), e.required ? (w(), o("span", Hp, "*")) : a("", !0)])) : a("", !0),
+			}, [l(P(e.label) + " ", 1), e.required ? (w(), o("span", Wp, "*")) : a("", !0)])) : a("", !0),
 			s("div", {
 				ref_key: "triggerRef",
 				ref: D,
@@ -11175,7 +11235,7 @@ var Qf = { class: "coar-plain-date-picker-calendar-column" }, $f = ["aria-label"
 				}, [u(Z, {
 					name: "x",
 					size: "auto"
-				})], 10, Wp),
+				})], 10, Kp),
 				s("input", {
 					id: b,
 					ref_key: "dateInputRef",
@@ -11193,7 +11253,7 @@ var Qf = { class: "coar-plain-date-picker-calendar-column" }, $f = ["aria-label"
 					onInput: pe,
 					onBlur: me,
 					onKeydown: de
-				}, null, 40, Gp),
+				}, null, 40, qp),
 				s("button", {
 					type: "button",
 					class: "coar-pdtp-btn",
@@ -11204,32 +11264,32 @@ var Qf = { class: "coar-plain-date-picker-calendar-column" }, $f = ["aria-label"
 				}, [u(Z, {
 					name: "calendar",
 					size: "s"
-				})], 8, Kp)
-			], 10, Up),
+				})], 8, Jp)
+			], 10, Gp),
 			B.value ? (w(), o("div", {
 				key: 1,
 				id: T,
 				class: y(["coar-form-field-message", { "coar-form-field-message--error": R.value }]),
 				title: B.value
-			}, P(B.value), 11, qp)) : a("", !0)
+			}, P(B.value), 11, Yp)) : a("", !0)
 		], 2));
 	}
 }), [["__scopeId", "data-v-a4951fe2"]]);
 //#endregion
 //#region src/components/date-time/_shared/timezone-helpers.ts
-function Yp() {
+function Zp() {
 	try {
 		return ["UTC", ...Intl.supportedValuesOf("timeZone")];
 	} catch {
 		return ["UTC"];
 	}
 }
-function Xp(e, t) {
+function Qp(e, t) {
 	let n = t ?? Y.Now.instant();
 	try {
 		let t = n.toZonedDateTimeISO(e).offsetNanoseconds, r = Math.round(t / 6e10);
 		return {
-			offset: Zp(r),
+			offset: $p(r),
 			offsetMinutes: r
 		};
 	} catch {
@@ -11239,21 +11299,21 @@ function Xp(e, t) {
 		};
 	}
 }
-function Zp(e) {
+function $p(e) {
 	if (e === 0) return "UTC";
 	let t = e >= 0 ? "+" : "-", n = Math.abs(e), r = Math.floor(n / 60), i = n % 60;
 	return i === 0 ? `UTC${t}${r}` : `UTC${t}${r}:${String(i).padStart(2, "0")}`;
 }
-function Qp(e) {
+function em(e) {
 	if (e === "UTC") return "UTC";
 	let t = e.split("/");
 	return t[t.length - 1].replace(/_/g, " ");
 }
-function $p(e, t) {
-	let n = Qp(e), { offset: r } = Xp(e, t);
+function tm(e, t) {
+	let n = em(e), { offset: r } = Qp(e, t);
 	return `${n} (${r})`;
 }
-function em(e, t) {
+function nm(e, t) {
 	if (!t || t.length === 0) return e;
 	let n = t.map((e) => {
 		let t = e.replace(/[.+?^${}()|[\]\\]/g, "\\$&").replace(/\*/g, ".*");
@@ -11261,19 +11321,19 @@ function em(e, t) {
 	});
 	return e.filter((e) => n.some((t) => t.test(e)));
 }
-function tm(e, t) {
-	let { offset: n, offsetMinutes: r } = Xp(e, t);
+function rm(e, t) {
+	let { offset: n, offsetMinutes: r } = Qp(e, t);
 	return {
 		id: e,
-		city: Qp(e),
+		city: em(e),
 		offset: n,
 		offsetMinutes: r
 	};
 }
-function nm(e, t, n) {
+function im(e, t, n) {
 	let r = t?.trim().toLowerCase(), i = /* @__PURE__ */ new Map();
 	for (let t of e) {
-		let e = tm(t, n);
+		let e = rm(t, n);
 		if (r && r.length > 0) {
 			let n = e.city.toLowerCase().includes(r), i = t.toLowerCase().includes(r);
 			if (!n && !i) continue;
@@ -11293,25 +11353,25 @@ function nm(e, t, n) {
 }
 //#endregion
 //#region src/components/date-time/zoned-date-time-picker/CoarZonedDateTimePickerPanel.vue?vue&type=script&setup=true&lang.ts
-var rm = { class: "coar-zdtp-body" }, im = { class: "coar-zdtp-calendar-column" }, am = ["aria-label"], om = { class: "coar-zdtp-side-column" }, sm = {
+var am = { class: "coar-zdtp-body" }, om = { class: "coar-zdtp-calendar-column" }, sm = ["aria-label"], cm = { class: "coar-zdtp-side-column" }, lm = {
 	key: 0,
 	class: "coar-zdtp-side-header"
-}, cm = ["disabled", "aria-label"], lm = { class: "coar-zdtp-year" }, um = ["disabled", "aria-label"], dm = {
+}, um = ["disabled", "aria-label"], dm = { class: "coar-zdtp-year" }, fm = ["disabled", "aria-label"], pm = {
 	key: 1,
 	class: "coar-zdtp-side-header coar-zdtp-side-header--search"
-}, fm = ["placeholder", "onKeydown"], pm = ["aria-label"], mm = { class: "coar-zdtp-tz-group-header" }, hm = ["onClick"], gm = { class: "coar-zdtp-tz-picker-item-city" }, _m = { class: "coar-zdtp-tz-picker-item-offset" }, vm = ["aria-label"], ym = ["aria-selected", "onClick"], bm = { class: "coar-zdtp-time-section" }, xm = { class: "coar-zdtp-display-tz-label" }, Sm = { class: "coar-zdtp-display-tz-btn-label" }, Cm = {
+}, mm = ["placeholder", "onKeydown"], hm = ["aria-label"], gm = { class: "coar-zdtp-tz-group-header" }, _m = ["onClick"], vm = { class: "coar-zdtp-tz-picker-item-city" }, ym = { class: "coar-zdtp-tz-picker-item-offset" }, bm = ["aria-label"], xm = ["aria-selected", "onClick"], Sm = { class: "coar-zdtp-time-section" }, Cm = { class: "coar-zdtp-display-tz-label" }, wm = { class: "coar-zdtp-display-tz-btn-label" }, Tm = {
 	key: 0,
 	class: "coar-zdtp-events"
-}, wm = {
+}, Em = {
 	key: 0,
 	class: "coar-zdtp-footer-placeholder"
-}, Tm = {
+}, Dm = {
 	key: 1,
 	class: "coar-zdtp-footer-edit"
-}, Em = ["aria-label"], Dm = {
+}, Om = ["aria-label"], km = {
 	key: 2,
 	class: "coar-zdtp-footer-display"
-}, Om = { class: "coar-zdtp-footer-tz-name" }, km = { class: "coar-zdtp-footer-tz-value" }, Am = ["aria-label"], jm = /* @__PURE__ */ d({
+}, Am = { class: "coar-zdtp-footer-tz-name" }, jm = { class: "coar-zdtp-footer-tz-value" }, Mm = ["aria-label"], Nm = /* @__PURE__ */ d({
 	__name: "CoarZonedDateTimePickerPanel",
 	props: {
 		modelValue: {},
@@ -11369,9 +11429,9 @@ var rm = { class: "coar-zdtp-body" }, im = { class: "coar-zdtp-calendar-column"
 				let n = Y.PlainDate.compare(e, t.startDate) >= 0, r = t.endDate ? Y.PlainDate.compare(e, t.endDate) <= 0 : Y.PlainDate.compare(e, t.startDate) === 0;
 				return n && r;
 			}) : [];
-		}), E = r(() => em(n.allTimezones, n.timezoneFilter)), D = r(() => nm(E.value, d.value)), A = r(() => E.value.map((e) => ({
+		}), E = r(() => nm(n.allTimezones, n.timezoneFilter)), D = r(() => im(E.value, d.value)), A = r(() => E.value.map((e) => ({
 			value: e,
-			label: $p(e)
+			label: tm(e)
 		})));
 		function j() {
 			c.value = !0, d.value = "", v(() => {
@@ -11398,7 +11458,7 @@ var rm = { class: "coar-zdtp-body" }, im = { class: "coar-zdtp-calendar-column"
 		function R() {
 			l.value = !1;
 		}
-		return (n, r) => (w(), o("div", { class: y(["coar-zdtp-panel", { "coar-zdtp-panel--with-weeks": t.showWeekNumbers }]) }, [s("div", rm, [s("div", im, [u(If, {
+		return (n, r) => (w(), o("div", { class: y(["coar-zdtp-panel", { "coar-zdtp-panel--with-weeks": t.showWeekNumbers }]) }, [s("div", am, [s("div", om, [u(Rf, {
 			"model-value": t.modelValue,
 			"active-month": t.activeMonth,
 			min: t.min ?? void 0,
@@ -11431,8 +11491,8 @@ var rm = { class: "coar-zdtp-body" }, im = { class: "coar-zdtp-calendar-column"
 		}, [u(Z, {
 			name: S.value === "up" ? "chevron-up" : "chevron-down",
 			size: "xs"
-		}, null, 8, ["name"])], 8, am)) : a("", !0)]), s("div", om, [
-			c.value ? (w(), o("div", dm, [K(s("input", {
+		}, null, 8, ["name"])], 8, sm)) : a("", !0)]), s("div", cm, [
+			c.value ? (w(), o("div", pm, [K(s("input", {
 				ref_key: "tzSearchInputRef",
 				ref: f,
 				"onUpdate:modelValue": r[3] ||= (e) => d.value = e,
@@ -11440,7 +11500,7 @@ var rm = { class: "coar-zdtp-body" }, im = { class: "coar-zdtp-calendar-column"
 				class: "coar-zdtp-tz-search-input",
 				placeholder: L(i)("coar.ui.zonedDateTimePicker.searchTimezone", void 0, "Search timezone..."),
 				onKeydown: ee(te(M, ["stop"]), ["escape"])
-			}, null, 40, fm), [[H, d.value]]), s("button", {
+			}, null, 40, mm), [[H, d.value]]), s("button", {
 				type: "button",
 				class: "coar-zdtp-tz-search-close",
 				"aria-label": L(i)("coar.ui.zonedDateTimePicker.closeTimezoneSearch", void 0, "Close timezone search"),
@@ -11448,7 +11508,7 @@ var rm = { class: "coar-zdtp-body" }, im = { class: "coar-zdtp-calendar-column"
 			}, [u(Z, {
 				name: "x",
 				size: "xs"
-			})], 8, pm)])) : (w(), o("div", sm, [
+			})], 8, hm)])) : (w(), o("div", lm, [
 				s("button", {
 					type: "button",
 					class: "coar-zdtp-year-btn",
@@ -11458,8 +11518,8 @@ var rm = { class: "coar-zdtp-body" }, im = { class: "coar-zdtp-calendar-column"
 				}, [u(Z, {
 					name: "chevron-left",
 					size: "s"
-				})], 8, cm),
-				s("span", lm, P(m.value), 1),
+				})], 8, um),
+				s("span", dm, P(m.value), 1),
 				s("button", {
 					type: "button",
 					class: "coar-zdtp-year-btn",
@@ -11469,7 +11529,7 @@ var rm = { class: "coar-zdtp-body" }, im = { class: "coar-zdtp-calendar-column"
 				}, [u(Z, {
 					name: "chevron-right",
 					size: "s"
-				})], 8, um)
+				})], 8, fm)
 			])),
 			c.value ? K((w(), o("div", {
 				key: 2,
@@ -11479,12 +11539,12 @@ var rm = { class: "coar-zdtp-body" }, im = { class: "coar-zdtp-calendar-column"
 			}, [(w(!0), o(e, null, k(D.value, (n) => (w(), o("div", {
 				key: n.name,
 				class: "coar-zdtp-tz-group"
-			}, [s("div", mm, P(n.name), 1), (w(!0), o(e, null, k(n.items, (e) => (w(), o("button", {
+			}, [s("div", gm, P(n.name), 1), (w(!0), o(e, null, k(n.items, (e) => (w(), o("button", {
 				key: e.id,
 				type: "button",
 				class: y(["coar-zdtp-tz-picker-item", { "coar-zdtp-tz-picker-item--active": e.id === t.effectiveDisplayTimeZone }]),
 				onClick: (t) => N(e.id)
-			}, [s("span", gm, P(e.city), 1), s("span", _m, P(e.offset), 1)], 10, hm))), 128))]))), 128))])), [[L(Fs), {
+			}, [s("span", vm, P(e.city), 1), s("span", ym, P(e.offset), 1)], 10, _m))), 128))]))), 128))])), [[L(Fs), {
 				overflowX: "hidden",
 				autoHide: "leave"
 			}]]) : a("", !0),
@@ -11500,8 +11560,8 @@ var rm = { class: "coar-zdtp-body" }, im = { class: "coar-zdtp-calendar-column"
 					role: "option",
 					"aria-selected": e.isActive,
 					onClick: (n) => t.onSelectMonth(e.yearMonth)
-				}, P(e.name), 11, ym))), 128))], 8, vm),
-				s("div", bm, [u(hf, {
+				}, P(e.name), 11, xm))), 128))], 8, bm),
+				s("div", Sm, [u(_f, {
 					"model-value": t.selectedTime ?? void 0,
 					"use24-hour": t.use24Hour,
 					"minute-step": t.minuteStep,
@@ -11517,16 +11577,16 @@ var rm = { class: "coar-zdtp-body" }, im = { class: "coar-zdtp-calendar-column"
 					"max",
 					"onUpdate:modelValue"
 				])]),
-				s("div", xm, P(L(i)("coar.ui.zonedDateTimePicker.displayTimezone", void 0, "Display Timezone")), 1),
+				s("div", Cm, P(L(i)("coar.ui.zonedDateTimePicker.displayTimezone", void 0, "Display Timezone")), 1),
 				s("button", {
 					type: "button",
 					class: "coar-zdtp-display-tz-btn",
 					onClick: j
-				}, [s("span", Sm, P(L($p)(t.effectiveDisplayTimeZone)), 1), u(Z, {
+				}, [s("span", wm, P(L(tm)(t.effectiveDisplayTimeZone)), 1), u(Z, {
 					name: "chevron-down",
 					size: "xs"
 				})]),
-				T.value.length > 0 ? K((w(), o("div", Cm, [(w(!0), o(e, null, k(T.value, (e, t) => (w(), o("div", {
+				T.value.length > 0 ? K((w(), o("div", Tm, [(w(!0), o(e, null, k(T.value, (e, t) => (w(), o("div", {
 					key: t,
 					class: y(["coar-zdtp-event-item", e.cssClass])
 				}, P(e.description), 3))), 128))])), [[L(Fs), {
@@ -11534,7 +11594,7 @@ var rm = { class: "coar-zdtp-body" }, im = { class: "coar-zdtp-calendar-column"
 					autoHide: "leave"
 				}]]) : a("", !0)
 			], 64))
-		])]), s("div", { class: y(["coar-zdtp-footer", { "coar-zdtp-footer--differs": t.timeZonesDiffer }]) }, [t.hasValue ? l.value ? (w(), o("div", Tm, [u(Js, {
+		])]), s("div", { class: y(["coar-zdtp-footer", { "coar-zdtp-footer--differs": t.timeZonesDiffer }]) }, [t.hasValue ? l.value ? (w(), o("div", Dm, [u(Js, {
 			"model-value": t.valueTimeZone,
 			options: A.value,
 			appearance: "inline",
@@ -11555,14 +11615,14 @@ var rm = { class: "coar-zdtp-body" }, im = { class: "coar-zdtp-calendar-column"
 		}, [u(Z, {
 			name: "x",
 			size: "xs"
-		})], 8, Em)])) : (w(), o("div", Dm, [
+		})], 8, Om)])) : (w(), o("div", km, [
 			u(Z, {
 				name: "map-pin",
 				size: "xs",
 				class: "coar-zdtp-footer-icon"
 			}),
-			s("span", Om, P(t.valueTimeZoneLabel), 1),
-			s("span", km, P(t.formatValueInValueTz), 1),
+			s("span", Am, P(t.valueTimeZoneLabel), 1),
+			s("span", jm, P(t.formatValueInValueTz), 1),
 			s("button", {
 				type: "button",
 				class: "coar-zdtp-footer-lock",
@@ -11571,28 +11631,28 @@ var rm = { class: "coar-zdtp-body" }, im = { class: "coar-zdtp-calendar-column"
 			}, [u(Z, {
 				name: "settings",
 				size: "xs"
-			})], 8, Am)
-		])) : (w(), o("span", wm, [u(Z, {
+			})], 8, Mm)
+		])) : (w(), o("span", Em, [u(Z, {
 			name: "map-pin",
 			size: "xs"
 		}), s("span", null, P(L(i)("coar.ui.zonedDateTimePicker.eventTimezone", void 0, "Event timezone")), 1)]))], 2)], 2));
 	}
-}), Mm = {
+}), Pm = {
 	key: 0,
 	class: "coar-zdtp-required",
 	"aria-hidden": "true"
-}, Nm = [
+}, Fm = [
 	"aria-expanded",
 	"aria-controls",
 	"aria-labelledby",
 	"aria-invalid"
-], Pm = ["aria-label", "disabled"], Fm = [
+], Im = ["aria-label", "disabled"], Lm = [
 	"placeholder",
 	"value",
 	"disabled",
 	"readonly",
 	"aria-describedby"
-], Im = ["title"], Lm = ["aria-label", "disabled"], Rm = ["disabled", "aria-label"], zm = /* @__PURE__ */ X(/* @__PURE__ */ d({
+], Rm = ["title"], zm = ["aria-label", "disabled"], Bm = ["disabled", "aria-label"], Vm = /* @__PURE__ */ X(/* @__PURE__ */ d({
 	__name: "CoarZonedDateTimePicker",
 	props: /* @__PURE__ */ g({
 		label: { default: "" },
@@ -11650,34 +11710,34 @@ var rm = { class: "coar-zdtp-body" }, im = { class: "coar-zdtp-calendar-column"
 	}),
 	emits: /* @__PURE__ */ g(["opened", "closed"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let n = e, i = z(e, "modelValue"), c = t, { t: d } = q(), f = qf({
+		let n = e, i = z(e, "modelValue"), c = t, { t: d } = q(), f = Yf({
 			locale: r(() => n.locale),
 			dateFormat: r(() => n.dateFormat)
 		}), p = O(i.value?.toPlainDateTime().toPlainDate().toPlainYearMonth() ?? Y.Now.plainDateISO().toPlainYearMonth()), m = O(null), g = O(null), _ = `coar-zdtp-${crypto.randomUUID?.() ?? Date.now().toString(16)}`, b = `${_}-label`, x = `${_}-input`, T = `${_}-panel`, D = `${_}-message`, k = O(null), A = O(null), j = null, M = O(""), N = r(() => f.timezone.value || Intl.DateTimeFormat().resolvedOptions().timeZone || "UTC"), F = r(() => i.value?.timeZoneId ?? null), I = r(() => g.value ?? N.value), R = r(() => n.timeZone ?? N.value), B = r(() => F.value != null && F.value !== N.value), V = r(() => F.value != null && I.value !== F.value), H = r(() => {
 			let e = I.value, t = N.value, n = F.value;
 			return e === t ? "home" : n && e === n ? "location" : "world";
-		}), W = r(() => B.value || H.value !== "home"), G = r(() => $p(I.value)), K = r(() => {
+		}), W = r(() => B.value || H.value !== "home"), G = r(() => tm(I.value)), K = r(() => {
 			let e = F.value;
-			return e ? $p(e) : "";
-		}), ee = Yp(), J = r(() => n.use24Hour === !0 ? !0 : n.use24Hour === !1 ? !1 : !qd(f.effectiveLocale.value)), ne;
+			return e ? tm(e) : "";
+		}), ee = Zp(), J = r(() => n.use24Hour === !0 ? !0 : n.use24Hour === !1 ? !1 : !Yd(f.effectiveLocale.value)), ne;
 		function re() {
 			if (ne?.destroy(), !A.value) return;
-			let e = Zf(f.effectiveDateFormat.value.pattern, !J.value);
+			let e = $f(f.effectiveDateFormat.value.pattern, !J.value);
 			ne = new ie(A.value, e);
 		}
 		function ae(e) {
 			let t = I.value, n = e.withTimeZone(t);
-			return `${bf(n.toPlainDate(), f.effectiveDateFormat.value.pattern)} ${Jd(n.hour, n.minute, J.value)}`;
+			return `${Sf(n.toPlainDate(), f.effectiveDateFormat.value.pattern)} ${Xd(n.hour, n.minute, J.value)}`;
 		}
 		function oe() {
-			return i.value ? `${bf(i.value.toPlainDate(), f.effectiveDateFormat.value.pattern)} ${Jd(i.value.hour, i.value.minute, J.value)}` : "";
+			return i.value ? `${Sf(i.value.toPlainDate(), f.effectiveDateFormat.value.pattern)} ${Xd(i.value.hour, i.value.minute, J.value)}` : "";
 		}
 		function se(e) {
 			let t = e.trim().split(/\s+/);
 			if (t.length < 2) return null;
-			let n = t[0], r = t.slice(1).join(" "), i = xf(n, f.effectiveDateFormat.value.pattern);
+			let n = t[0], r = t.slice(1).join(" "), i = Cf(n, f.effectiveDateFormat.value.pattern);
 			if (!i) return null;
-			let a = Yd(r);
+			let a = Zd(r);
 			if (!a) return null;
 			let o = i.toPlainDateTime({
 				hour: a.hours,
@@ -11753,7 +11813,7 @@ var rm = { class: "coar-zdtp-body" }, im = { class: "coar-zdtp-calendar-column"
 				onDateSelected: (e) => {
 					let t = ge.value ?? n.defaultTime, r = e.toPlainDateTime({
 						hour: t.hours,
-						minute: ef(t.minutes, n.minuteStep)
+						minute: nf(t.minutes, n.minuteStep)
 					}), a = F.value ?? R.value, o;
 					o = pe.value === a ? r.toZonedDateTime(a) : r.toZonedDateTime(pe.value).withTimeZone(a), o = we(o), i.value = o;
 				},
@@ -11844,7 +11904,7 @@ var rm = { class: "coar-zdtp-body" }, im = { class: "coar-zdtp-calendar-column"
 				},
 				content: {
 					kind: "component",
-					component: h(jm)
+					component: h(Nm)
 				},
 				inputs: t
 			}), f.open(), c("opened"), j.afterClosed.then(() => {
@@ -11893,7 +11953,7 @@ var rm = { class: "coar-zdtp-body" }, im = { class: "coar-zdtp-calendar-column"
 				id: b,
 				class: "coar-zdtp-label",
 				for: x
-			}, [l(P(e.label) + " ", 1), e.required ? (w(), o("span", Mm, "*")) : a("", !0)])) : a("", !0),
+			}, [l(P(e.label) + " ", 1), e.required ? (w(), o("span", Pm, "*")) : a("", !0)])) : a("", !0),
 			s("div", {
 				ref_key: "triggerRef",
 				ref: k,
@@ -11921,7 +11981,7 @@ var rm = { class: "coar-zdtp-body" }, im = { class: "coar-zdtp-calendar-column"
 				}, [u(Z, {
 					name: "x",
 					size: "xs"
-				})], 10, Pm),
+				})], 10, Im),
 				s("input", {
 					id: x,
 					ref_key: "dateInputRef",
@@ -11936,12 +11996,12 @@ var rm = { class: "coar-zdtp-body" }, im = { class: "coar-zdtp-calendar-column"
 					autocomplete: "off",
 					onInput: ke,
 					onBlur: Ae
-				}, null, 40, Fm),
+				}, null, 40, Lm),
 				i.value ? (w(), o("span", {
 					key: 0,
 					class: "coar-zdtp-tz-inline",
 					title: G.value
-				}, P(G.value), 9, Im)) : a("", !0),
+				}, P(G.value), 9, Rm)) : a("", !0),
 				s("button", {
 					type: "button",
 					class: y(["coar-zdtp-tz-indicator", {
@@ -11955,7 +12015,7 @@ var rm = { class: "coar-zdtp-body" }, im = { class: "coar-zdtp-calendar-column"
 				}, [u(Z, {
 					name: Me.value,
 					size: "xs"
-				}, null, 8, ["name"])], 10, Lm),
+				}, null, 8, ["name"])], 10, zm),
 				s("button", {
 					type: "button",
 					class: "coar-zdtp-btn",
@@ -11966,8 +12026,8 @@ var rm = { class: "coar-zdtp-body" }, im = { class: "coar-zdtp-calendar-column"
 				}, [u(Z, {
 					name: "calendar",
 					size: "s"
-				})], 8, Rm)
-			], 42, Nm),
+				})], 8, Bm)
+			], 42, Fm),
 			le.value ? (w(), o("div", {
 				key: 1,
 				id: D,
@@ -11978,4 +12038,4 @@ var rm = { class: "coar-zdtp-body" }, im = { class: "coar-zdtp-calendar-column"
 	}
 }), [["__scopeId", "data-v-1605cce9"]]);
 //#endregion
-export { Fe as COAR_BUILTIN_ICON_SOURCE_KEY, Yf as COAR_DATE_FORMAT_TO_MASKITO_MODE, Jf as COAR_DEFAULT_TIME_FORMAT, Pe as COAR_ICON_SERVICE_KEY, ze as CORE_ICONS, Bt as CoarAvatar, ct as CoarBadge, nd as CoarBreadcrumb, id as CoarBreadcrumbItem, $e as CoarButton, _t as CoarCard, gn as CoarCheckbox, jt as CoarCodeBlock, Me as CoarCollapse, Uu as CoarContextMenu, Ql as CoarDialogShell, rt as CoarDivider, cl as CoarDualListbox, ke as CoarFade, Oe as CoarFormField, Le as CoarHttpIconSource, Z as CoarIcon, Ie as CoarIconMapSource, tt as CoarIconPlugin, Re as CoarIconService, nl as CoarListbox, yu as CoarMenu, Du as CoarMenuDivider, Ou as CoarMenuHeading, Cu as CoarMenuItem, Gf as CoarMonthList, Oc as CoarMultiSelect, Kd as CoarNavbar, lt as CoarNote, un as CoarNumberInput, wl as CoarOverlayHost, dl as CoarOverlayOutlet, or as CoarOverlayPlugin, pd as CoarPagination, en as CoarPasswordInput, Sp as CoarPlainDatePicker, Jp as CoarPlainDateTimePicker, jl as CoarPopconfirm, Al as CoarPopconfirmPanel, Wl as CoarPopover, pt as CoarProgressBar, wn as CoarRadioButton, bn as CoarRadioGroup, je as CoarScale, If as CoarScrollableCalendar, Js as CoarSelect, Sd as CoarSidebar, Vd as CoarSidebarDivider, Rd as CoarSidebarGroup, Bd as CoarSidebarHeading, Ed as CoarSidebarItem, Hd as CoarSidebarSpacer, Ae as CoarSlide, at as CoarSpinner, Fu as CoarSubExpand, Vu as CoarSubFlyout, Vu as CoarSubmenuItem, On as CoarSwitch, Gu as CoarTab, $u as CoarTabGroup, Vt as CoarTable, Pt as CoarTag, zc as CoarTagSelect, Yt as CoarTextInput, hf as CoarTimePicker, Cl as CoarToastContainer, xl as CoarToastItem, zm as CoarZonedDateTimePicker, Ce as FORM_FIELD_INJECTION_KEY, cu as MenuCascade, An as OVERLAY_DEFAULTS, nr as OVERLAY_PARENT_KEY, tr as OVERLAY_SERVICE_KEY, Ne as PRESET_SIZES, _n as RADIO_GROUP_INJECTION_KEY, md as SIDEBAR_COLLAPSED_KEY, hd as SIDEBAR_ICON_SIZE_KEY, Yn as TOAST_SERVICE_KEY, zn as computeOverlayCoordinates, et as createCoarIconService, Kn as createOverlayService, Qn as createToastService, pr as dialogPreset, Fn as getAnchorRect, Nn as getContainerRect, ar as getOverlayService, Rn as getScrollParents, Is as getScrollbarInstance, er as getToastService, Mn as getViewportRect, fr as hoverMenuPreset, ur as menuPreset, lr as modalPreset, yr as popconfirmPreset, fu as provideMenuCascade, mu as provideMenuClose, jn as resolveOverlaySpec, dr as selectPreset, be as setCoarDragImageFromElement, xe as setCoarDragImageFromHtml, cr as tooltipPreset, Wu as useContextMenu, ru as useDialog, ve as useDragDrop, pu as useMenuCascade, hu as useMenuClose, sr as useOverlay, rr as useOverlayParent, Rl as useToast, le as useVirtualList, Fs as vScrollbar, uc as vTooltip };
+export { Fe as COAR_BUILTIN_ICON_SOURCE_KEY, Zf as COAR_DATE_FORMAT_TO_MASKITO_MODE, Xf as COAR_DEFAULT_TIME_FORMAT, Pe as COAR_ICON_SERVICE_KEY, ze as CORE_ICONS, Bt as CoarAvatar, ct as CoarBadge, nd as CoarBreadcrumb, id as CoarBreadcrumbItem, $e as CoarButton, _t as CoarCard, gn as CoarCheckbox, jt as CoarCodeBlock, Me as CoarCollapse, Uu as CoarContextMenu, Ql as CoarDialogShell, rt as CoarDivider, cl as CoarDualListbox, ke as CoarFade, Oe as CoarFormField, Le as CoarHttpIconSource, Z as CoarIcon, Ie as CoarIconMapSource, tt as CoarIconPlugin, Re as CoarIconService, nl as CoarListbox, yu as CoarMenu, Du as CoarMenuDivider, Ou as CoarMenuHeading, Cu as CoarMenuItem, qf as CoarMonthList, Oc as CoarMultiSelect, Jd as CoarNavbar, lt as CoarNote, un as CoarNumberInput, wl as CoarOverlayHost, dl as CoarOverlayOutlet, or as CoarOverlayPlugin, pd as CoarPagination, en as CoarPasswordInput, wp as CoarPlainDatePicker, Xp as CoarPlainDateTimePicker, jl as CoarPopconfirm, Al as CoarPopconfirmPanel, Wl as CoarPopover, pt as CoarProgressBar, wn as CoarRadioButton, bn as CoarRadioGroup, je as CoarScale, Rf as CoarScrollableCalendar, Js as CoarSelect, wd as CoarSidebar, Ud as CoarSidebarDivider, Bd as CoarSidebarGroup, Hd as CoarSidebarHeading, Od as CoarSidebarItem, Wd as CoarSidebarSpacer, Ae as CoarSlide, at as CoarSpinner, Fu as CoarSubExpand, Vu as CoarSubFlyout, Vu as CoarSubmenuItem, On as CoarSwitch, Gu as CoarTab, $u as CoarTabGroup, Vt as CoarTable, Pt as CoarTag, zc as CoarTagSelect, Yt as CoarTextInput, _f as CoarTimePicker, Cl as CoarToastContainer, xl as CoarToastItem, Vm as CoarZonedDateTimePicker, Ce as FORM_FIELD_INJECTION_KEY, cu as MenuCascade, An as OVERLAY_DEFAULTS, nr as OVERLAY_PARENT_KEY, tr as OVERLAY_SERVICE_KEY, Ne as PRESET_SIZES, _n as RADIO_GROUP_INJECTION_KEY, hd as SIDEBAR_COLLAPSED_KEY, gd as SIDEBAR_ICON_SIZE_KEY, Yn as TOAST_SERVICE_KEY, zn as computeOverlayCoordinates, et as createCoarIconService, Kn as createOverlayService, Qn as createToastService, pr as dialogPreset, Fn as getAnchorRect, Nn as getContainerRect, ar as getOverlayService, Rn as getScrollParents, Is as getScrollbarInstance, er as getToastService, Mn as getViewportRect, fr as hoverMenuPreset, ur as menuPreset, lr as modalPreset, yr as popconfirmPreset, fu as provideMenuCascade, mu as provideMenuClose, jn as resolveOverlaySpec, dr as selectPreset, be as setCoarDragImageFromElement, xe as setCoarDragImageFromHtml, cr as tooltipPreset, Wu as useContextMenu, ru as useDialog, ve as useDragDrop, pu as useMenuCascade, hu as useMenuClose, sr as useOverlay, rr as useOverlayParent, Rl as useToast, le as useVirtualList, Fs as vScrollbar, uc as vTooltip };