morya-ui 0.3.7 → 0.4.0

package/dist/DatePicker-CSoMFEvh.js

@@ -0,0 +1,630 @@
+import { i as e } from "./useComponentAttrs-e-5QAjdw.js";
+import { n as t, t as n } from "./overlay-oR-5MDuE.js";
+import { t as r } from "./overlayPlacement-qwEJPVS4.js";
+import { t as i } from "./useFloatingViewportSync-wLLKIGUA.js";
+import { t as a } from "./useMId-BXFYayPP.js";
+import { t as o } from "./useMotionTransition-S2rlviyZ.js";
+import { t as s } from "./Icon-od9Ob-Ay.js";
+import { a as c, c as l, i as u, l as d, n as ee, o as f, r as p, s as m, t as h } from "./dateUtils-D8qKPhos.js";
+import { c as te, o as ne } from "./config-COgrsSV2.js";
+import { n as re, t as ie } from "./locale-Dnk0UIie.js";
+import { Fragment as g, Teleport as ae, Transition as oe, computed as _, createBlock as se, createCommentVNode as v, createElementBlock as y, createElementVNode as b, createVNode as x, defineComponent as S, mergeProps as ce, nextTick as C, normalizeClass as w, normalizeStyle as le, onBeforeUnmount as ue, openBlock as T, ref as E, renderList as D, renderSlot as de, toDisplayString as O, unref as k, useAttrs as fe, watch as pe, withCtx as me, withKeys as he, withModifiers as A } from "vue";
+//#region src/components/DatePicker/DatePicker.vue?vue&type=script&setup=true&lang.ts
+var ge = ["for"], _e = [
+	"id",
+	"value",
+	"placeholder",
+	"name",
+	"autocomplete",
+	"autofocus",
+	"disabled",
+	"aria-invalid",
+	"aria-expanded",
+	"aria-controls",
+	"aria-describedby",
+	"onKeydown"
+], ve = ["aria-label", "disabled"], ye = ["id"], be = ["id", "aria-label"], xe = {
+	key: 0,
+	class: "m-datepicker__shortcuts"
+}, Se = ["onClick"], Ce = { class: "m-datepicker__body" }, we = {
+	key: 0,
+	class: "m-datepicker__calendar"
+}, Te = { class: "m-datepicker__header" }, Ee = ["aria-label"], De = { class: "m-datepicker__month" }, Oe = ["aria-label"], ke = {
+	class: "m-datepicker__weekdays",
+	"aria-hidden": "true"
+}, Ae = ["aria-label"], je = [
+	"aria-selected",
+	"data-m-date",
+	"tabindex",
+	"disabled",
+	"onClick",
+	"onMouseenter"
+], Me = {
+	key: 1,
+	class: "m-datepicker__calendar"
+}, Ne = { class: "m-datepicker__header" }, Pe = ["aria-label"], Fe = { class: "m-datepicker__month" }, Ie = ["aria-label"], Le = ["aria-label"], Re = ["aria-selected", "onClick"], ze = {
+	key: 2,
+	class: "m-datepicker__calendar"
+}, Be = { class: "m-datepicker__header" }, Ve = ["aria-label"], He = { class: "m-datepicker__month" }, Ue = ["aria-label"], We = ["aria-label"], Ge = ["aria-selected", "onClick"], Ke = ["aria-label"], qe = { class: "m-datepicker__time-col" }, Je = ["onClick"], Ye = { class: "m-datepicker__time-col" }, Xe = ["onClick"], Ze = {
+	key: 0,
+	class: "m-datepicker__time-col"
+}, Qe = ["onClick"], $e = /* @__PURE__ */ S({
+	inheritAttrs: !1,
+	__name: "DatePicker",
+	props: {
+		modelValue: { default: null },
+		type: { default: "date" },
+		label: {},
+		id: { default: void 0 },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		invalid: {
+			type: Boolean,
+			default: !1
+		},
+		fluid: {
+			type: Boolean,
+			default: !1
+		},
+		size: {},
+		minDate: {},
+		maxDate: {},
+		placeholder: { default: void 0 },
+		errorMessage: { default: void 0 },
+		helpText: { default: void 0 },
+		format: { default: "YYYY-MM-DD" },
+		showSeconds: {
+			type: Boolean,
+			default: !1
+		},
+		clearable: {
+			type: Boolean,
+			default: !0
+		},
+		shortcuts: { default: () => [] },
+		teleport: {
+			type: Boolean,
+			default: !0
+		},
+		appendTo: {},
+		pt: {},
+		transition: {
+			type: [String, Boolean],
+			default: void 0
+		},
+		name: {},
+		autocomplete: {},
+		autofocus: { type: Boolean }
+	},
+	emits: [
+		"update:modelValue",
+		"clear",
+		"show",
+		"hide",
+		"change"
+	],
+	setup(S, { emit: $e }) {
+		let j = S, M = $e, et = fe(), { rootAttrs: tt, controlAttrs: nt } = e(et, () => j.pt), rt = te(), { transitionName: it, transitionCss: at } = o({
+			role: "popup",
+			local: () => j.transition,
+			componentName: "DatePicker",
+			fallback: "scale-fade"
+		}), N = re(), ot = ne("DatePicker", () => j.size), P = E(!1), st = E(null), ct = E(null), lt = E(null), ut = E(null), dt = E({}), F = E((/* @__PURE__ */ new Date()).getFullYear()), I = E((/* @__PURE__ */ new Date()).getMonth()), L = E(f(/* @__PURE__ */ new Date())), R = E(null), z = E(null), B = E(null), V = E(0), H = E(0), U = E(0), W = E("end"), ft = a("m-datepicker"), G = _(() => j.id ?? ft), pt = _(() => `${G.value}-panel`), mt = _(() => t(j, rt.value.appendTo)), K = _(() => n(j, rt.value.appendTo)), q = _(() => j.type === "daterange" || j.type === "datetimerange"), ht = _(() => j.type === "date" || j.type === "daterange" || j.type === "datetime" || j.type === "datetimerange"), gt = _(() => j.type === "time" || j.type === "datetime" || j.type === "datetimerange"), _t = _(() => j.type === "month"), vt = _(() => j.type === "year"), yt = _(() => j.invalid || !!j.errorMessage), J = _(() => j.errorMessage || j.helpText), bt = _(() => !!j.errorMessage || j.invalid && !!j.helpText), xt = Array.from({ length: 24 }, (e, t) => t), St = Array.from({ length: 60 }, (e, t) => t), Ct = Array.from({ length: 60 }, (e, t) => t);
+		function Y(e) {
+			return c(e)?.date ?? null;
+		}
+		function wt(e) {
+			return h(e, j.format, j.showSeconds);
+		}
+		function Tt(e) {
+			if (e == null || e === "") return {
+				start: null,
+				end: null
+			};
+			if (Array.isArray(e)) return {
+				start: Y(e[0]),
+				end: Y(e[1])
+			};
+			let t = Y(e);
+			return {
+				start: t,
+				end: t
+			};
+		}
+		let X = _(() => Tt(j.modelValue)), Et = _(() => Y(j.minDate)), Dt = _(() => Y(j.maxDate));
+		function Ot(e) {
+			switch (j.type) {
+				case "time": return u(e.getHours(), e.getMinutes(), e.getSeconds(), j.showSeconds);
+				case "month": return j.format.includes("MM") && j.format.includes("YYYY") ? h(e, j.format.replace(/[-/]?DD/g, ""), j.showSeconds) : l(e);
+				case "year": return d(e);
+				case "datetime":
+				case "datetimerange": return /HH|mm|ss/.test(j.format) ? h(e, j.format, j.showSeconds) : p(e, j.showSeconds);
+				default: return wt(e);
+			}
+		}
+		let kt = _(() => {
+			let { start: e, end: t } = X.value;
+			return e ? !q.value || !t ? Ot(e) : `${Ot(e)} – ${Ot(t)}` : "";
+		}), At = _(() => {
+			if (j.placeholder) return j.placeholder;
+			switch (j.type) {
+				case "daterange":
+				case "datetimerange": return N.value.dateRangePlaceholder;
+				case "time": return N.value.timePickerPlaceholder;
+				case "datetime": return N.value.dateTimePlaceholder;
+				case "month": return N.value.monthPlaceholder;
+				case "year": return N.value.yearPlaceholder;
+				default: return N.value.datePickerPlaceholder;
+			}
+		}), jt = _(() => ie(N.value.monthYear, {
+			year: F.value,
+			month: I.value + 1,
+			monthName: N.value.monthNames[I.value] ?? String(I.value + 1)
+		})), Mt = _(() => {
+			let e = ee(F.value);
+			return `${e} – ${e + 11}`;
+		}), Nt = _(() => N.value.monthNames.map((e, t) => ({
+			index: t,
+			label: e,
+			selected: X.value.start != null && X.value.start.getFullYear() === F.value && X.value.start.getMonth() === t
+		}))), Pt = _(() => {
+			let e = ee(F.value);
+			return Array.from({ length: 12 }, (t, n) => {
+				let r = e + n;
+				return {
+					year: r,
+					selected: X.value.start?.getFullYear() === r
+				};
+			});
+		});
+		function Ft() {
+			let e = R.value ?? X.value.start, t = R.value ? z.value ?? R.value : X.value.end;
+			if (!e) return {
+				start: null,
+				end: null
+			};
+			if (!t) return {
+				start: f(e),
+				end: f(e)
+			};
+			let n = f(e), r = f(t);
+			return n.getTime() <= r.getTime() ? {
+				start: n,
+				end: r
+			} : {
+				start: r,
+				end: n
+			};
+		}
+		let It = _(() => {
+			let e = new Date(F.value, I.value, 1).getDay(), t = new Date(F.value, I.value + 1, 0).getDate(), n = [];
+			for (let t = 0; t < e; t++) {
+				let r = new Date(F.value, I.value, -e + t + 1);
+				n.push(Lt(r, !1));
+			}
+			for (let e = 1; e <= t; e++) n.push(Lt(new Date(F.value, I.value, e), !0));
+			for (; n.length % 7 != 0 || n.length < 42;) {
+				let e = n[n.length - 1].date, t = new Date(e.getFullYear(), e.getMonth(), e.getDate() + 1);
+				n.push(Lt(t, !1));
+			}
+			return n;
+		});
+		function Lt(e, t) {
+			let n = f(e), r = !1;
+			Et.value && n < f(Et.value) && (r = !0), Dt.value && n > f(Dt.value) && (r = !0);
+			let i = Ft(), a = n.getTime(), o = B.value ? f(B.value) : null, s = !!(i.start && a === i.start.getTime()), c = !!(i.end && a === i.end.getTime()), l = !!(o && a === o.getTime() && j.type === "datetime"), u = !!(q.value && i.start && i.end && a > i.start.getTime() && a < i.end.getTime());
+			return {
+				date: n,
+				inMonth: t,
+				disabled: r,
+				selected: s || c || l,
+				inRange: u,
+				rangeStart: s,
+				rangeEnd: c
+			};
+		}
+		let Rt = _(() => [
+			"m-datepicker",
+			`m-datepicker--${ot.value}`,
+			{
+				"m-datepicker--fluid": j.fluid,
+				"m-datepicker--disabled": j.disabled,
+				"m-datepicker--invalid": j.invalid,
+				"m-datepicker--open": P.value,
+				"m-datepicker--range": q.value
+			}
+		]);
+		function zt(e) {
+			V.value = e?.getHours() ?? 0, H.value = e?.getMinutes() ?? 0, U.value = e?.getSeconds() ?? 0;
+		}
+		function Bt() {
+			let e = X.value.start ?? /* @__PURE__ */ new Date();
+			F.value = e.getFullYear(), I.value = e.getMonth(), j.type === "datetime" ? (B.value = X.value.start ? f(X.value.start) : null, zt(X.value.start)) : j.type === "time" ? zt(X.value.start) : j.type === "datetimerange" ? (B.value = null, zt(X.value.end ?? X.value.start), W.value = "end") : B.value = null;
+		}
+		function Vt() {
+			if (!K.value || !ct.value) return;
+			let e = ct.value.getBoundingClientRect();
+			dt.value = r(e, "bottom-start", { minWidth: `${e.width}px` });
+		}
+		function Ht(e) {
+			j.disabled || e === P.value || (P.value = e, e && (R.value = null, z.value = null, Bt(), L.value = f(X.value.start ?? /* @__PURE__ */ new Date()), C(() => Vt())));
+		}
+		function Ut() {
+			Ht(!P.value);
+		}
+		function Z() {
+			P.value = !1, lt.value?.focus({ preventScroll: !0 });
+		}
+		function Q(e) {
+			M("update:modelValue", e), M("change", e);
+		}
+		function Wt() {
+			I.value === 0 ? (I.value = 11, --F.value) : --I.value;
+		}
+		function Gt() {
+			I.value === 11 ? (I.value = 0, F.value += 1) : I.value += 1;
+		}
+		function Kt() {
+			--F.value;
+		}
+		function qt() {
+			F.value += 1;
+		}
+		function Jt() {
+			F.value -= 10;
+		}
+		function Yt() {
+			F.value += 10;
+		}
+		function $(e) {
+			return new Date(e.getFullYear(), e.getMonth(), e.getDate(), V.value, H.value, j.showSeconds ? U.value : 0);
+		}
+		function Xt(e) {
+			Q(p($(e), j.showSeconds)), Z();
+		}
+		function Zt(e, t) {
+			if (t || j.disabled) return;
+			if (L.value = f(e), j.type === "datetime") {
+				B.value = f(e);
+				return;
+			}
+			if (j.type === "datetimerange") {
+				if (!R.value) {
+					R.value = e, z.value = e;
+					return;
+				}
+				let t = R.value, n = e, [r, i] = t.getTime() <= n.getTime() ? [t, n] : [n, t];
+				V.value = 0, H.value = 0, U.value = 0, Q([p($(r), j.showSeconds), p($(i), j.showSeconds)]), R.value = null, z.value = null, W.value = "end", B.value = f(i);
+				return;
+			}
+			if (!q.value) {
+				Q(m(e)), Z();
+				return;
+			}
+			if (!R.value) {
+				R.value = e, z.value = e;
+				return;
+			}
+			let n = R.value, r = e, [i, a] = n.getTime() <= r.getTime() ? [n, r] : [r, n];
+			Q([m(i), m(a)]), R.value = null, z.value = null, Z();
+		}
+		function Qt(e) {
+			if (j.disabled) return;
+			let t = new Date(F.value, e, 1);
+			Q(l(t)), Z();
+		}
+		function $t(e) {
+			j.disabled || (Q(d(new Date(e, 0, 1))), Z());
+		}
+		function en(e, t) {
+			if (j.disabled) return;
+			e === "hour" && (V.value = t), e === "minute" && (H.value = t), e === "second" && (U.value = t);
+			let n = e === (j.showSeconds ? "second" : "minute");
+			if (j.type === "time") {
+				if (!n) return;
+				Q(u(V.value, H.value, U.value, j.showSeconds)), Z();
+				return;
+			}
+			if (j.type === "datetime") {
+				if (!n) return;
+				let e = B.value ?? f(X.value.start ?? /* @__PURE__ */ new Date());
+				B.value = e, Xt(e);
+				return;
+			}
+			if (j.type === "datetimerange") {
+				let { start: e, end: t } = X.value;
+				if (!e || !t) return;
+				let r = W.value === "start" ? e : t, i = $(f(r));
+				Q(W.value === "start" ? [p(i, j.showSeconds), p(t, j.showSeconds)] : [p(e, j.showSeconds), p(i, j.showSeconds)]), n && Z();
+			}
+		}
+		function tn(e) {
+			if (j.disabled) return;
+			let t = typeof e.value == "function" ? e.value() : e.value;
+			if (Array.isArray(t)) {
+				let e = Y(t[0]), n = Y(t[1]);
+				if (!e || !n) return;
+				let [r, i] = e.getTime() <= n.getTime() ? [e, n] : [n, e], a;
+				a = j.type === "datetimerange" ? [p(r, j.showSeconds), p(i, j.showSeconds)] : q.value ? [m(r), m(i)] : m(r), Q(a);
+			} else {
+				let e = Y(t);
+				if (!e) return;
+				let n;
+				n = j.type === "time" ? u(e.getHours(), e.getMinutes(), e.getSeconds(), j.showSeconds) : j.type === "month" ? l(e) : j.type === "year" ? d(e) : j.type === "datetime" ? p(e, j.showSeconds) : j.type === "datetimerange" ? [p(e, j.showSeconds), p(e, j.showSeconds)] : q.value ? [m(e), m(e)] : m(e), Q(n);
+			}
+			P.value = !1;
+		}
+		function nn() {
+			j.disabled || !j.clearable || (M("update:modelValue", null), M("clear"));
+		}
+		function rn(e) {
+			let t = e.target;
+			st.value?.contains(t) || ut.value?.contains(t) || (P.value = !1);
+		}
+		function an(e) {
+			e.key === "Escape" && (P.value = !1, lt.value?.focus({ preventScroll: !0 }));
+		}
+		function on(e, t) {
+			return new Date(e.getFullYear(), e.getMonth(), e.getDate() + t);
+		}
+		function sn(e) {
+			return f(e).getTime() === L.value.getTime();
+		}
+		function cn() {
+			ht.value && ut.value?.querySelector(`[data-m-date="${m(L.value)}"]`)?.focus({ preventScroll: !0 });
+		}
+		function ln(e) {
+			let t = f(e);
+			L.value = t, (t.getFullYear() !== F.value || t.getMonth() !== I.value) && (F.value = t.getFullYear(), I.value = t.getMonth()), C(cn);
+		}
+		function un(e) {
+			let t = e.key;
+			if (t === "Enter") {
+				e.preventDefault();
+				let t = It.value.find((e) => e.date.getTime() === L.value.getTime());
+				t && Zt(t.date, t.disabled);
+				return;
+			}
+			if (t === "Home" || t === "End") {
+				e.preventDefault();
+				let n = L.value.getDay();
+				ln(on(L.value, t === "Home" ? -n : 6 - n));
+				return;
+			}
+			if (t === "PageUp" || t === "PageDown") {
+				e.preventDefault();
+				let n = new Date(L.value);
+				n.setMonth(n.getMonth() + (t === "PageUp" ? -1 : 1)), ln(n);
+				return;
+			}
+			let n = t === "ArrowLeft" ? -1 : t === "ArrowRight" ? 1 : t === "ArrowUp" ? -7 : t === "ArrowDown" ? 7 : 0;
+			n !== 0 && (e.preventDefault(), ln(on(L.value, n)));
+		}
+		function dn() {
+			P.value && Vt();
+		}
+		return i(() => P.value && K.value, dn), pe(P, async (e) => {
+			e ? (M("show"), document.addEventListener("click", rn), document.addEventListener("keydown", an), await C(), cn()) : (M("hide"), document.removeEventListener("click", rn), document.removeEventListener("keydown", an));
+		}), ue(() => {
+			document.removeEventListener("click", rn), document.removeEventListener("keydown", an);
+		}), (e, t) => (T(), y("div", ce({
+			ref_key: "root",
+			ref: st
+		}, k(tt), { class: Rt.value }), [
+			S.label ? (T(), y("label", {
+				key: 0,
+				class: "m-datepicker__label",
+				for: G.value
+			}, O(S.label), 9, ge)) : v("", !0),
+			b("div", {
+				ref_key: "triggerEl",
+				ref: ct,
+				class: "m-datepicker__control"
+			}, [de(e.$slots, "trigger", {
+				value: kt.value,
+				open: P.value
+			}, () => [b("input", ce(k(nt), {
+				id: G.value,
+				ref_key: "inputEl",
+				ref: lt,
+				class: "m-datepicker__input",
+				type: "text",
+				role: "combobox",
+				readonly: "",
+				value: kt.value,
+				placeholder: At.value,
+				name: S.name,
+				autocomplete: S.autocomplete,
+				autofocus: S.autofocus || void 0,
+				disabled: S.disabled,
+				"aria-invalid": yt.value || void 0,
+				"aria-expanded": P.value,
+				"aria-controls": P.value ? pt.value : void 0,
+				"aria-describedby": J.value ? `${G.value}-help` : void 0,
+				"aria-haspopup": "dialog",
+				onClick: Ut,
+				onKeydown: [he(A(Ut, ["prevent"]), ["enter"]), he(A(Ut, ["prevent"]), ["space"])]
+			}), null, 16, _e), S.clearable && kt.value ? (T(), y("button", {
+				key: 0,
+				type: "button",
+				class: "m-datepicker__clear",
+				"aria-label": k(N).clearDate,
+				disabled: S.disabled,
+				onClick: A(nn, ["stop"])
+			}, [x(s, {
+				name: "close",
+				size: "sm"
+			})], 8, ve)) : v("", !0)])], 512),
+			J.value ? (T(), y("p", {
+				key: 1,
+				id: `${G.value}-help`,
+				class: w(["m-datepicker__help", { "m-datepicker__help--invalid": bt.value }])
+			}, O(J.value), 11, ye)) : v("", !0),
+			(T(), se(ae, {
+				to: mt.value.to,
+				disabled: mt.value.disabled
+			}, [x(oe, {
+				name: k(it),
+				css: k(at)
+			}, {
+				default: me(() => [P.value ? (T(), y("div", {
+					key: 0,
+					id: pt.value,
+					ref_key: "panel",
+					ref: ut,
+					class: w(["m-datepicker__panel", {
+						"m-datepicker__panel--teleported": K.value,
+						"m-datepicker__panel--with-shortcuts": S.shortcuts.length,
+						"m-datepicker__panel--with-time": gt.value,
+						"m-datepicker__panel--time-only": S.type === "time"
+					}]),
+					style: le(K.value ? dt.value : void 0),
+					role: "dialog",
+					"aria-label": k(N).datePicker
+				}, [S.shortcuts.length ? (T(), y("div", xe, [(T(!0), y(g, null, D(S.shortcuts, (e) => (T(), y("button", {
+					key: e.label,
+					type: "button",
+					class: "m-datepicker__shortcut",
+					onClick: (t) => tn(e)
+				}, O(e.label), 9, Se))), 128))])) : v("", !0), b("div", Ce, [ht.value ? (T(), y("div", we, [
+					b("div", Te, [
+						b("button", {
+							type: "button",
+							class: "m-datepicker__nav",
+							"aria-label": k(N).prevMonth,
+							onClick: Wt
+						}, [x(s, {
+							name: "chevron-left",
+							size: "sm"
+						})], 8, Ee),
+						b("span", De, O(jt.value), 1),
+						b("button", {
+							type: "button",
+							class: "m-datepicker__nav",
+							"aria-label": k(N).nextMonth,
+							onClick: Gt
+						}, [x(s, {
+							name: "chevron-right",
+							size: "sm"
+						})], 8, Oe)
+					]),
+					b("div", ke, [(T(!0), y(g, null, D(k(N).weekdays, (e) => (T(), y("span", { key: e }, O(e), 1))), 128))]),
+					b("div", {
+						class: "m-datepicker__grid",
+						role: "grid",
+						"aria-label": jt.value,
+						onKeydown: un
+					}, [(T(!0), y(g, null, D(It.value, (e) => (T(), y("button", {
+						key: e.date.toISOString(),
+						type: "button",
+						class: w(["m-datepicker__day", {
+							"m-datepicker__day--other": !e.inMonth,
+							"m-datepicker__day--selected": e.selected,
+							"m-datepicker__day--in-range": e.inRange,
+							"m-datepicker__day--range-start": e.rangeStart,
+							"m-datepicker__day--range-end": e.rangeEnd
+						}]),
+						role: "gridcell",
+						"aria-selected": e.selected,
+						"data-m-date": k(m)(e.date),
+						tabindex: sn(e.date) && !e.disabled ? 0 : -1,
+						disabled: e.disabled,
+						onClick: (t) => Zt(e.date, e.disabled),
+						onMouseenter: (t) => q.value && R.value && (z.value = e.date)
+					}, O(e.date.getDate()), 43, je))), 128))], 40, Ae)
+				])) : _t.value ? (T(), y("div", Me, [b("div", Ne, [
+					b("button", {
+						type: "button",
+						class: "m-datepicker__nav",
+						"aria-label": k(N).prevYear,
+						onClick: Kt
+					}, [x(s, {
+						name: "chevron-left",
+						size: "sm"
+					})], 8, Pe),
+					b("span", Fe, O(F.value), 1),
+					b("button", {
+						type: "button",
+						class: "m-datepicker__nav",
+						"aria-label": k(N).nextYear,
+						onClick: qt
+					}, [x(s, {
+						name: "chevron-right",
+						size: "sm"
+					})], 8, Ie)
+				]), b("div", {
+					class: "m-datepicker__month-grid",
+					role: "grid",
+					"aria-label": String(F.value)
+				}, [(T(!0), y(g, null, D(Nt.value, (e) => (T(), y("button", {
+					key: e.index,
+					type: "button",
+					class: w(["m-datepicker__cell", { "m-datepicker__cell--selected": e.selected }]),
+					role: "gridcell",
+					"aria-selected": e.selected,
+					onClick: (t) => Qt(e.index)
+				}, O(e.label), 11, Re))), 128))], 8, Le)])) : vt.value ? (T(), y("div", ze, [b("div", Be, [
+					b("button", {
+						type: "button",
+						class: "m-datepicker__nav",
+						"aria-label": k(N).prevYear,
+						onClick: Jt
+					}, [x(s, {
+						name: "chevron-left",
+						size: "sm"
+					})], 8, Ve),
+					b("span", He, O(Mt.value), 1),
+					b("button", {
+						type: "button",
+						class: "m-datepicker__nav",
+						"aria-label": k(N).nextYear,
+						onClick: Yt
+					}, [x(s, {
+						name: "chevron-right",
+						size: "sm"
+					})], 8, Ue)
+				]), b("div", {
+					class: "m-datepicker__year-grid",
+					role: "grid",
+					"aria-label": Mt.value
+				}, [(T(!0), y(g, null, D(Pt.value, (e) => (T(), y("button", {
+					key: e.year,
+					type: "button",
+					class: w(["m-datepicker__cell", { "m-datepicker__cell--selected": e.selected }]),
+					role: "gridcell",
+					"aria-selected": e.selected,
+					onClick: (t) => $t(e.year)
+				}, O(e.year), 11, Ge))), 128))], 8, We)])) : v("", !0), gt.value ? (T(), y("div", {
+					key: 3,
+					class: "m-datepicker__time",
+					role: "group",
+					"aria-label": k(N).timePickerPlaceholder
+				}, [
+					b("div", qe, [(T(!0), y(g, null, D(k(xt), (e) => (T(), y("button", {
+						key: `h-${e}`,
+						type: "button",
+						class: w(["m-datepicker__time-item", { "m-datepicker__time-item--selected": V.value === e }]),
+						onClick: (t) => en("hour", e)
+					}, O(String(e).padStart(2, "0")), 11, Je))), 128))]),
+					b("div", Ye, [(T(!0), y(g, null, D(k(St), (e) => (T(), y("button", {
+						key: `m-${e}`,
+						type: "button",
+						class: w(["m-datepicker__time-item", { "m-datepicker__time-item--selected": H.value === e }]),
+						onClick: (t) => en("minute", e)
+					}, O(String(e).padStart(2, "0")), 11, Xe))), 128))]),
+					S.showSeconds ? (T(), y("div", Ze, [(T(!0), y(g, null, D(k(Ct), (e) => (T(), y("button", {
+						key: `s-${e}`,
+						type: "button",
+						class: w(["m-datepicker__time-item", { "m-datepicker__time-item--selected": U.value === e }]),
+						onClick: (t) => en("second", e)
+					}, O(String(e).padStart(2, "0")), 11, Qe))), 128))])) : v("", !0)
+				], 8, Ke)) : v("", !0)])], 14, be)) : v("", !0)]),
+				_: 1
+			}, 8, ["name", "css"])], 8, ["to", "disabled"]))
+		], 16));
+	}
+});
+//#endregion
+export { $e as t };

package/dist/{Empty-5pTDp3ZM.js → Empty-iNcc0G-q.js}

@@ -1,7 +1,7 @@
 import { a as e } from "./useComponentAttrs-e-5QAjdw.js";
-import { t } from "./Icon-od9Ob-Ay.js";
-import { t as n } from "./useMId-BXFYayPP.js";
-import { n as r } from "./locale-xavS6-Hw.js";
+import { t } from "./useMId-BXFYayPP.js";
+import { t as n } from "./Icon-od9Ob-Ay.js";
+import { n as r } from "./locale-Dnk0UIie.js";
 import { computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createTextVNode as c, defineComponent as l, mergeProps as u, openBlock as d, ref as f, renderSlot as p, toDisplayString as m, unref as h, useAttrs as g, useSlots as _, watch as v } from "vue";
 //#region src/components/Empty/illustrations/loaders.ts
 var y = {
@@ -85,7 +85,7 @@ var D = {
 		}
 	},
 	setup(l) {
-		let y = l, b = g(), S = _(), { rootAttrs: C } = e(b, () => y.pt), w = r(), T = n("m-ill"), F = f(), I = 0;
+		let y = l, b = g(), S = _(), { rootAttrs: C } = e(b, () => y.pt), w = r(), T = t("m-ill"), F = f(), I = 0;
 		function L(e) {
 			return e === "small" || e === "sm" ? "small" : e === "large" || e === "lg" ? "large" : "medium";
 		}
@@ -115,7 +115,7 @@ var D = {
 				"m-empty--default-icon": W.value
 			}
 		]);
-		return (e, n) => (d(), s("div", u(h(C), {
+		return (e, t) => (d(), s("div", u(h(C), {
 			class: Y.value,
 			role: "status"
 		}), [
@@ -128,7 +128,7 @@ var D = {
 				key: 2,
 				class: "m-empty__glyph",
 				innerHTML: F.value
-			}, null, 8, k)) : U.value && l.icon ? (d(), a(t, {
+			}, null, 8, k)) : U.value && l.icon ? (d(), a(n, {
 				key: 3,
 				class: "m-empty__icon",
 				name: l.icon,

package/dist/{FlyoutSubmenu-C_OrDaPN.js → FlyoutSubmenu-C1RfFRzH.js}

@@ -1,7 +1,7 @@
 import { n as e } from "./overlay-oR-5MDuE.js";
 import { t } from "./overlayPlacement-qwEJPVS4.js";
 import { t as n } from "./useFloatingViewportSync-wLLKIGUA.js";
-import { c as r } from "./config-De8ueCY-.js";
+import { c as r } from "./config-COgrsSV2.js";
 import { Teleport as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, defineComponent as l, nextTick as u, normalizeClass as d, normalizeStyle as f, openBlock as p, ref as m, renderSlot as h, watch as g } from "vue";
 //#endregion
 //#region src/shared/FlyoutSubmenu.vue