morya-ui 0.4.4 → 0.5.0

package/dist/DatePicker-DcVjiS5d.js

@@ -0,0 +1,848 @@
+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 ee } from "./useMotionTransition-DohkfWRB.js";
+import { t as o } from "./Icon-CmHjx7W8.js";
+import { t as s } from "./Scrollbar-DTeJ8P5b.js";
+import { a as te, c, i as l, l as u, n as d, o as f, r as p, s as m, t as ne } from "./dateUtils-D8qKPhos.js";
+import { l as re, o as ie } from "./config-Cd20zAyW.js";
+import { n as ae, t as oe } from "./locale-BcxMPufl.js";
+import { Fragment as h, Teleport as se, Transition as ce, computed as g, createBlock as le, createCommentVNode as _, createElementBlock as v, createElementVNode as y, createTextVNode as ue, createVNode as b, defineComponent as x, mergeProps as de, nextTick as fe, normalizeClass as S, normalizeStyle as pe, onBeforeUnmount as me, openBlock as C, ref as w, renderList as T, renderSlot as he, toDisplayString as E, unref as D, useAttrs as ge, watch as _e, withCtx as ve, withKeys as ye, withModifiers as be } from "vue";
+//#region src/components/DatePicker/DatePicker.vue?vue&type=script&setup=true&lang.ts
+var xe = ["for"], Se = [
+	"id",
+	"readonly",
+	"value",
+	"placeholder",
+	"name",
+	"autocomplete",
+	"autofocus",
+	"disabled",
+	"aria-invalid",
+	"aria-expanded",
+	"aria-controls",
+	"aria-describedby"
+], Ce = ["aria-label", "disabled"], we = ["id"], Te = ["id", "aria-label"], Ee = {
+	key: 0,
+	class: "m-datepicker__shortcuts"
+}, De = ["onClick"], Oe = { class: "m-datepicker__body" }, ke = {
+	key: 0,
+	class: "m-datepicker__calendar"
+}, Ae = { class: "m-datepicker__header" }, je = ["aria-label"], Me = ["aria-label"], Ne = ["aria-label"], Pe = {
+	key: 0,
+	class: "m-datepicker__weekdays",
+	"aria-hidden": "true"
+}, Fe = ["aria-label"], Ie = [
+	"aria-selected",
+	"data-m-date",
+	"tabindex",
+	"disabled",
+	"onClick",
+	"onMouseenter"
+], Le = ["aria-label"], Re = ["onClick"], ze = ["aria-label"], Be = ["onClick"], Ve = {
+	key: 1,
+	class: "m-datepicker__calendar"
+}, He = { class: "m-datepicker__header" }, Ue = ["aria-label"], We = { class: "m-datepicker__month" }, Ge = ["aria-label"], Ke = ["aria-label"], qe = ["aria-selected", "onClick"], Je = {
+	key: 2,
+	class: "m-datepicker__calendar"
+}, Ye = { class: "m-datepicker__header" }, Xe = ["aria-label"], Ze = { class: "m-datepicker__month" }, Qe = ["aria-label"], $e = ["aria-label"], et = ["aria-selected", "onClick"], tt = ["aria-label"], nt = { class: "m-datepicker__time-col" }, rt = { class: "m-datepicker__time-header" }, it = ["onClick"], at = { class: "m-datepicker__time-col" }, ot = { class: "m-datepicker__time-header" }, st = ["onClick"], ct = {
+	key: 0,
+	class: "m-datepicker__time-col"
+}, lt = { class: "m-datepicker__time-header" }, ut = ["onClick"], dt = {
+	key: 1,
+	class: "m-datepicker__footer"
+}, ft = {
+	key: 2,
+	class: "m-datepicker__footer m-datepicker__footer--confirm"
+}, pt = ["disabled"], mt = /* @__PURE__ */ x({
+	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
+		},
+		status: { default: "default" },
+		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: () => [] },
+		needConfirm: {
+			type: Boolean,
+			default: !1
+		},
+		multiple: {
+			type: Boolean,
+			default: !1
+		},
+		mask: {
+			type: Boolean,
+			default: !1
+		},
+		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(x, { emit: mt }) {
+		let O = x, k = mt, ht = ge(), { rootAttrs: gt, controlAttrs: _t } = e(ht, () => O.pt), vt = re(), { transitionName: yt, transitionCss: bt } = ee({
+			role: "popup",
+			local: () => O.transition,
+			componentName: "DatePicker",
+			fallback: "scale-fade"
+		}), A = ae(), xt = ie("DatePicker", () => O.size), j = g(() => xt.value === "small" ? "sm" : xt.value === "large" ? "lg" : "md"), M = w(!1), St = w(null), Ct = w(null), wt = w(null), Tt = w(null), Et = w({}), N = w((/* @__PURE__ */ new Date()).getFullYear()), P = w((/* @__PURE__ */ new Date()).getMonth()), F = w("days"), I = w(f(/* @__PURE__ */ new Date())), L = w(null), R = w(null), z = w(null), B = w(0), V = w(0), H = w(0), Dt = w("end"), Ot = a("m-datepicker"), U = g(() => O.id ?? Ot), kt = g(() => `${U.value}-panel`), At = g(() => t(O, vt.value.appendTo)), jt = g(() => n(O, vt.value.appendTo)), W = g(() => O.type === "daterange" || O.type === "datetimerange"), Mt = g(() => O.type === "date" || O.type === "daterange" || O.type === "datetime" || O.type === "datetimerange"), Nt = g(() => O.type === "time" || O.type === "datetime" || O.type === "datetimerange"), Pt = g(() => O.type === "month"), Ft = g(() => O.type === "year"), It = g(() => O.invalid || !!O.errorMessage), Lt = g(() => O.errorMessage || O.helpText), Rt = g(() => !!O.errorMessage || O.invalid && !!O.helpText), zt = Array.from({ length: 24 }, (e, t) => t), Bt = Array.from({ length: 60 }, (e, t) => t), Vt = Array.from({ length: 60 }, (e, t) => t);
+		function G(e) {
+			return te(e)?.date ?? null;
+		}
+		function Ht(e) {
+			return ne(e, O.format, O.showSeconds);
+		}
+		function Ut(e) {
+			if (e == null || e === "") return {
+				start: null,
+				end: null
+			};
+			if (Array.isArray(e)) return {
+				start: G(e[0]),
+				end: G(e[1])
+			};
+			let t = G(e);
+			return {
+				start: t,
+				end: t
+			};
+		}
+		let K = g(() => Ut(O.modelValue)), Wt = g(() => {
+			if (!O.multiple) return /* @__PURE__ */ new Set();
+			let e = O.modelValue;
+			if (!Array.isArray(e)) return /* @__PURE__ */ new Set();
+			let t = /* @__PURE__ */ new Set();
+			for (let n of e) {
+				let e = G(n);
+				e && t.add(f(e).getTime());
+			}
+			return t;
+		}), Gt = g(() => G(O.minDate)), Kt = g(() => G(O.maxDate));
+		function qt(e) {
+			switch (O.type) {
+				case "time": return l(e.getHours(), e.getMinutes(), e.getSeconds(), O.showSeconds);
+				case "month": return O.format.includes("MM") && O.format.includes("YYYY") ? ne(e, O.format.replace(/[-/]?DD/g, ""), O.showSeconds) : c(e);
+				case "year": return u(e);
+				case "datetime":
+				case "datetimerange": return /HH|mm|ss/.test(O.format) ? ne(e, O.format, O.showSeconds) : p(e, O.showSeconds);
+				default: return Ht(e);
+			}
+		}
+		let q = w(null), J = w(!1), Y = w(""), X = w(!1), Z = g(() => !O.mask || O.disabled ? !1 : O.type === "date" || O.type === "datetime" || O.type === "time"), Jt = g(() => O.needConfirm && J.value && q.value != null ? q.value : O.modelValue ?? null), Yt = g(() => Ut(Jt.value)), Xt = g(() => {
+			if (O.multiple && Array.isArray(Jt.value)) return Jt.value.map((e) => {
+				let t = G(e);
+				return t ? qt(t) : "";
+			}).filter(Boolean).join(", ");
+			let { start: e, end: t } = Yt.value;
+			return e ? !W.value || !t ? qt(e) : `${qt(e)} – ${qt(t)}` : "";
+		}), Zt = g(() => {
+			if (O.placeholder) return O.placeholder;
+			switch (O.type) {
+				case "daterange":
+				case "datetimerange": return A.value.dateRangePlaceholder;
+				case "time": return A.value.timePickerPlaceholder;
+				case "datetime": return A.value.dateTimePlaceholder;
+				case "month": return A.value.monthPlaceholder;
+				case "year": return A.value.yearPlaceholder;
+				default: return A.value.datePickerPlaceholder;
+			}
+		}), Qt = g(() => oe(A.value.monthYear, {
+			year: N.value,
+			month: P.value + 1,
+			monthName: A.value.monthNames[P.value] ?? String(P.value + 1)
+		})), $t = g(() => {
+			let e = d(N.value);
+			return `${e} – ${e + 11}`;
+		}), en = g(() => A.value.monthNames.map((e, t) => ({
+			index: t,
+			label: e,
+			selected: K.value.start != null && K.value.start.getFullYear() === N.value && K.value.start.getMonth() === t
+		}))), tn = g(() => {
+			let e = d(N.value);
+			return Array.from({ length: 12 }, (t, n) => {
+				let r = e + n;
+				return {
+					year: r,
+					selected: K.value.start?.getFullYear() === r
+				};
+			});
+		});
+		function nn() {
+			let e = L.value ?? K.value.start, t = L.value ? R.value ?? L.value : K.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 rn = g(() => {
+			let e = new Date(N.value, P.value, 1).getDay(), t = new Date(N.value, P.value + 1, 0).getDate(), n = [];
+			for (let t = 0; t < e; t++) {
+				let r = new Date(N.value, P.value, -e + t + 1);
+				n.push(an(r, !1));
+			}
+			for (let e = 1; e <= t; e++) n.push(an(new Date(N.value, P.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(an(t, !1));
+			}
+			return n;
+		});
+		function an(e, t) {
+			let n = f(e), r = !1;
+			Gt.value && n < f(Gt.value) && (r = !0), Kt.value && n > f(Kt.value) && (r = !0);
+			let i = nn(), a = n.getTime(), ee = f(/* @__PURE__ */ new Date()).getTime(), o = z.value ? f(z.value) : null, s = !!(i.start && a === i.start.getTime()), te = !!(i.end && a === i.end.getTime()), c = !!(o && a === o.getTime() && O.type === "datetime"), l = !!(W.value && i.start && i.end && a > i.start.getTime() && a < i.end.getTime()), u = O.multiple && Wt.value.has(a);
+			return {
+				date: n,
+				inMonth: t,
+				disabled: r,
+				selected: s || te || c || u,
+				inRange: l,
+				rangeStart: s,
+				rangeEnd: te,
+				isToday: a === ee
+			};
+		}
+		let on = g(() => O.status && O.status !== "default" ? O.status : O.invalid || O.errorMessage ? "error" : "default"), sn = g(() => [
+			"m-datepicker",
+			`m-datepicker--${xt.value}`,
+			{
+				"m-datepicker--fluid": O.fluid,
+				"m-datepicker--disabled": O.disabled,
+				"m-datepicker--invalid": O.invalid,
+				"m-datepicker--warning": on.value === "warning",
+				"m-datepicker--error": on.value === "error",
+				"m-datepicker--open": M.value,
+				"m-datepicker--range": W.value
+			}
+		]);
+		function cn(e) {
+			B.value = e?.getHours() ?? 0, V.value = e?.getMinutes() ?? 0, H.value = e?.getSeconds() ?? 0;
+		}
+		function ln() {
+			let e = K.value.start ?? /* @__PURE__ */ new Date();
+			N.value = e.getFullYear(), P.value = e.getMonth(), O.type === "datetime" ? (z.value = K.value.start ? f(K.value.start) : null, cn(K.value.start)) : O.type === "time" ? cn(K.value.start) : O.type === "datetimerange" ? (z.value = null, cn(K.value.end ?? K.value.start), Dt.value = "end") : z.value = null;
+		}
+		function un() {
+			if (!jt.value || !Ct.value) return;
+			let e = Ct.value.getBoundingClientRect();
+			Et.value = r(e, "bottom-start", { minWidth: `${e.width}px` });
+		}
+		function dn(e) {
+			O.disabled || e === M.value || (M.value = e, e && (L.value = null, R.value = null, q.value = null, J.value = !1, F.value = "days", ln(), I.value = f(K.value.start ?? /* @__PURE__ */ new Date()), fe(() => un())));
+		}
+		function fn() {
+			dn(!M.value);
+		}
+		function Q() {
+			O.needConfirm && J.value || (M.value = !1, wt.value?.focus({ preventScroll: !0 }));
+		}
+		function pn() {
+			M.value = !1;
+		}
+		_e([Xt, Z], ([e, t]) => {
+			if (!t) {
+				Y.value = "", X.value = !1;
+				return;
+			}
+			X.value || (Y.value = e);
+		}, { immediate: !0 });
+		function mn() {
+			return O.type === "time" ? O.showSeconds ? "HH:mm:ss" : "HH:mm" : O.type === "datetime" ? `${O.format} ${O.showSeconds ? "HH:mm:ss" : "HH:mm"}` : O.format;
+		}
+		function hn(e) {
+			let t = mn(), n = e.replace(/\D/g, "").split(""), r = "";
+			for (let e of t) {
+				if (!n.length) break;
+				/[A-Za-z]/.test(e) ? r += n.shift() : r += e;
+			}
+			return r;
+		}
+		function gn(e) {
+			let t = e.target;
+			Y.value = hn(t.value), X.value = !0, fe(() => {
+				t.setSelectionRange(Y.value.length, Y.value.length);
+			});
+		}
+		function _n() {
+			X.value &&= (Y.value = Xt.value, !1);
+		}
+		function vn() {
+			if (!X.value) {
+				fn();
+				return;
+			}
+			let e = te(Y.value);
+			if (!e) {
+				_n();
+				return;
+			}
+			let t;
+			t = O.type === "time" ? l(e.date.getHours(), e.date.getMinutes(), e.date.getSeconds(), O.showSeconds) : O.type === "datetime" ? p(e.date, O.showSeconds) : m(e.date), X.value = !1, k("update:modelValue", t), k("change", t);
+		}
+		function $(e) {
+			if (O.needConfirm) {
+				q.value = e, J.value = !0;
+				return;
+			}
+			k("update:modelValue", e), k("change", e);
+		}
+		function yn() {
+			J.value && q.value != null && (k("update:modelValue", q.value), k("change", q.value)), q.value = null, J.value = !1, Q();
+		}
+		function bn() {
+			q.value = null, J.value = !1, pn();
+		}
+		let xn = g(() => {
+			if (F.value === "days") return Qt.value;
+			if (F.value === "months") return String(N.value);
+			let e = d(N.value);
+			return `${e} – ${e + 9}`;
+		}), Sn = g(() => {
+			let e = d(N.value);
+			return Array.from({ length: 12 }, (t, n) => ({
+				year: e - 1 + n,
+				other: n === 0 || n === 11
+			}));
+		});
+		function Cn() {
+			F.value === "days" ? F.value = "months" : F.value === "months" ? F.value = "years" : F.value = "days";
+		}
+		function wn(e) {
+			F.value === "days" ? e < 0 ? Dn() : On() : F.value === "months" ? N.value += e : N.value += e * 10;
+		}
+		function Tn(e) {
+			P.value = e, F.value = "days";
+		}
+		function En(e) {
+			N.value = e, F.value = "months";
+		}
+		function Dn() {
+			P.value === 0 ? (P.value = 11, --N.value) : --P.value;
+		}
+		function On() {
+			P.value === 11 ? (P.value = 0, N.value += 1) : P.value += 1;
+		}
+		function kn() {
+			--N.value;
+		}
+		function An() {
+			N.value += 1;
+		}
+		function jn() {
+			N.value -= 10;
+		}
+		function Mn() {
+			N.value += 10;
+		}
+		function Nn(e) {
+			return new Date(e.getFullYear(), e.getMonth(), e.getDate(), B.value, V.value, O.showSeconds ? H.value : 0);
+		}
+		function Pn(e) {
+			$(p(Nn(e), O.showSeconds)), Q();
+		}
+		function Fn(e, t) {
+			if (t || O.disabled) return;
+			if (I.value = f(e), O.multiple && O.type === "date") {
+				let t = f(e), n = m(t), r = Array.isArray(O.modelValue) ? O.modelValue : [];
+				$(r.includes(n) ? r.filter((e) => e !== n) : [...r, n]);
+				return;
+			}
+			if (O.type === "datetime") {
+				z.value = f(e);
+				return;
+			}
+			if (O.type === "datetimerange") {
+				if (!L.value) {
+					L.value = e, R.value = e;
+					return;
+				}
+				let t = L.value, n = e, [r, i] = t.getTime() <= n.getTime() ? [t, n] : [n, t];
+				B.value = 0, V.value = 0, H.value = 0, $([p(Nn(r), O.showSeconds), p(Nn(i), O.showSeconds)]), L.value = null, R.value = null, Dt.value = "end", z.value = f(i);
+				return;
+			}
+			if (!W.value) {
+				$(m(e)), Q();
+				return;
+			}
+			if (!L.value) {
+				L.value = e, R.value = e;
+				return;
+			}
+			let n = L.value, r = e, [i, a] = n.getTime() <= r.getTime() ? [n, r] : [r, n];
+			$([m(i), m(a)]), L.value = null, R.value = null, Q();
+		}
+		function In(e) {
+			if (O.disabled) return;
+			let t = new Date(N.value, e, 1);
+			$(c(t)), Q();
+		}
+		function Ln(e) {
+			O.disabled || ($(u(new Date(e, 0, 1))), Q());
+		}
+		function Rn(e, t) {
+			if (O.disabled) return;
+			e === "hour" && (B.value = t), e === "minute" && (V.value = t), e === "second" && (H.value = t);
+			let n = e === (O.showSeconds ? "second" : "minute");
+			if (O.type === "time") {
+				if (!n) return;
+				$(l(B.value, V.value, H.value, O.showSeconds)), Q();
+				return;
+			}
+			if (O.type === "datetime") {
+				if (!n) return;
+				let e = z.value ?? f(K.value.start ?? /* @__PURE__ */ new Date());
+				z.value = e, Pn(e);
+				return;
+			}
+			if (O.type === "datetimerange") {
+				let { start: e, end: t } = K.value;
+				if (!e || !t) return;
+				let r = Dt.value === "start" ? e : t, i = Nn(f(r));
+				$(Dt.value === "start" ? [p(i, O.showSeconds), p(t, O.showSeconds)] : [p(e, O.showSeconds), p(i, O.showSeconds)]), n && Q();
+			}
+		}
+		function zn(e) {
+			let t = typeof e.value == "function" ? e.value() : e.value;
+			if (Array.isArray(t)) {
+				let e = G(t[0]), n = G(t[1]);
+				if (!e || !n) return null;
+				let [r, i] = e.getTime() <= n.getTime() ? [e, n] : [n, e];
+				return O.type === "datetimerange" ? [p(r, O.showSeconds), p(i, O.showSeconds)] : W.value ? [m(r), m(i)] : m(r);
+			}
+			let n = G(t);
+			return n ? O.type === "time" ? l(n.getHours(), n.getMinutes(), n.getSeconds(), O.showSeconds) : O.type === "month" ? c(n) : O.type === "year" ? u(n) : O.type === "datetime" ? p(n, O.showSeconds) : m(n) : null;
+		}
+		function Bn(e) {
+			let t = zn(e);
+			if (t == null) return !1;
+			let n = O.modelValue;
+			return n == null ? !1 : Array.isArray(t) && Array.isArray(n) ? t[0] === n[0] && t[1] === n[1] : t === n;
+		}
+		function Vn(e) {
+			if (O.disabled) return;
+			let t = typeof e.value == "function" ? e.value() : e.value;
+			if (Array.isArray(t)) {
+				let e = G(t[0]), n = G(t[1]);
+				if (!e || !n) return;
+				let [r, i] = e.getTime() <= n.getTime() ? [e, n] : [n, e], a;
+				a = O.type === "datetimerange" ? [p(r, O.showSeconds), p(i, O.showSeconds)] : W.value ? [m(r), m(i)] : m(r), $(a);
+			} else {
+				let e = G(t);
+				if (!e) return;
+				let n;
+				n = O.type === "time" ? l(e.getHours(), e.getMinutes(), e.getSeconds(), O.showSeconds) : O.type === "month" ? c(e) : O.type === "year" ? u(e) : O.type === "datetime" ? p(e, O.showSeconds) : O.type === "datetimerange" ? [p(e, O.showSeconds), p(e, O.showSeconds)] : W.value ? [m(e), m(e)] : m(e), $(n);
+			}
+			M.value = !1;
+		}
+		function Hn() {
+			O.disabled || !O.clearable || (k("update:modelValue", null), k("clear"));
+		}
+		function Un(e) {
+			let t = e.target;
+			St.value?.contains(t) || Tt.value?.contains(t) || (M.value = !1);
+		}
+		function Wn(e) {
+			e.key === "Escape" && (M.value = !1, wt.value?.focus({ preventScroll: !0 }));
+		}
+		function Gn(e, t) {
+			return new Date(e.getFullYear(), e.getMonth(), e.getDate() + t);
+		}
+		function Kn(e) {
+			return f(e).getTime() === I.value.getTime();
+		}
+		function qn() {
+			Mt.value && Tt.value?.querySelector(`[data-m-date="${m(I.value)}"]`)?.focus({ preventScroll: !0 });
+		}
+		function Jn(e) {
+			let t = f(e);
+			I.value = t, (t.getFullYear() !== N.value || t.getMonth() !== P.value) && (N.value = t.getFullYear(), P.value = t.getMonth()), fe(qn);
+		}
+		function Yn(e) {
+			let t = e.key;
+			if (t === "Enter") {
+				e.preventDefault();
+				let t = rn.value.find((e) => e.date.getTime() === I.value.getTime());
+				t && Fn(t.date, t.disabled);
+				return;
+			}
+			if (t === "Home" || t === "End") {
+				e.preventDefault();
+				let n = I.value.getDay();
+				Jn(Gn(I.value, t === "Home" ? -n : 6 - n));
+				return;
+			}
+			if (t === "PageUp" || t === "PageDown") {
+				e.preventDefault();
+				let n = new Date(I.value);
+				n.setMonth(n.getMonth() + (t === "PageUp" ? -1 : 1)), Jn(n);
+				return;
+			}
+			let n = t === "ArrowLeft" ? -1 : t === "ArrowRight" ? 1 : t === "ArrowUp" ? -7 : t === "ArrowDown" ? 7 : 0;
+			n !== 0 && (e.preventDefault(), Jn(Gn(I.value, n)));
+		}
+		function Xn() {
+			M.value && un();
+		}
+		return i(() => M.value && jt.value, Xn), _e(M, async (e) => {
+			e ? (k("show"), document.addEventListener("click", Un), document.addEventListener("keydown", Wn), await fe(), qn()) : (k("hide"), document.removeEventListener("click", Un), document.removeEventListener("keydown", Wn));
+		}), me(() => {
+			document.removeEventListener("click", Un), document.removeEventListener("keydown", Wn);
+		}), (e, t) => (C(), v("div", de({
+			ref_key: "root",
+			ref: St
+		}, D(gt), { class: sn.value }), [
+			x.label ? (C(), v("label", {
+				key: 0,
+				class: "m-datepicker__label",
+				for: U.value
+			}, E(x.label), 9, xe)) : _("", !0),
+			y("div", {
+				ref_key: "triggerEl",
+				ref: Ct,
+				class: "m-datepicker__control"
+			}, [he(e.$slots, "trigger", {
+				value: Xt.value,
+				open: M.value
+			}, () => [y("input", de(D(_t), {
+				id: U.value,
+				ref_key: "inputEl",
+				ref: wt,
+				class: "m-datepicker__input",
+				type: "text",
+				role: "combobox",
+				readonly: !Z.value,
+				value: Z.value ? Y.value : Xt.value,
+				placeholder: Zt.value,
+				name: x.name,
+				autocomplete: x.autocomplete,
+				autofocus: x.autofocus || void 0,
+				disabled: x.disabled,
+				"aria-invalid": It.value || void 0,
+				"aria-expanded": M.value,
+				"aria-controls": M.value ? kt.value : void 0,
+				"aria-describedby": Lt.value ? `${U.value}-help` : void 0,
+				"aria-haspopup": "dialog",
+				onClick: fn,
+				onKeydown: [
+					t[0] ||= ye(be((e) => Z.value ? vn() : fn(), ["prevent"]), ["enter"]),
+					t[1] ||= ye(be((e) => Z.value ? void 0 : fn(), ["prevent"]), ["space"]),
+					t[2] ||= ye((e) => Z.value ? _n() : void 0, ["esc"])
+				],
+				onInput: t[3] ||= (e) => Z.value ? gn(e) : void 0,
+				onBlur: t[4] ||= (e) => Z.value ? _n() : void 0
+			}), null, 16, Se), x.clearable && Xt.value ? (C(), v("button", {
+				key: 0,
+				type: "button",
+				class: "m-datepicker__clear",
+				"aria-label": D(A).clearDate,
+				disabled: x.disabled,
+				onClick: be(Hn, ["stop"])
+			}, [b(o, {
+				name: "close",
+				size: j.value
+			}, null, 8, ["size"])], 8, Ce)) : _("", !0)])], 512),
+			Lt.value ? (C(), v("p", {
+				key: 1,
+				id: `${U.value}-help`,
+				class: S(["m-datepicker__help", { "m-datepicker__help--invalid": Rt.value }])
+			}, E(Lt.value), 11, we)) : _("", !0),
+			(C(), le(se, {
+				to: At.value.to,
+				disabled: At.value.disabled
+			}, [b(ce, {
+				name: D(yt),
+				css: D(bt)
+			}, {
+				default: ve(() => [M.value ? (C(), v("div", {
+					key: 0,
+					id: kt.value,
+					ref_key: "panel",
+					ref: Tt,
+					class: S(["m-datepicker__panel", [`m-datepicker__panel--${D(xt)}`, {
+						"m-datepicker__panel--teleported": jt.value,
+						"m-datepicker__panel--with-shortcuts": x.shortcuts.length,
+						"m-datepicker__panel--with-time": Nt.value,
+						"m-datepicker__panel--time-only": x.type === "time"
+					}]]),
+					style: pe(jt.value ? Et.value : void 0),
+					role: "dialog",
+					"aria-label": D(A).datePicker
+				}, [
+					x.shortcuts.length ? (C(), v("div", Ee, [(C(!0), v(h, null, T(x.shortcuts, (e) => (C(), v("button", {
+						key: e.label,
+						type: "button",
+						class: S(["m-datepicker__shortcut", { "m-datepicker__shortcut--active": Bn(e) }]),
+						onClick: (t) => Vn(e)
+					}, E(e.label), 11, De))), 128))])) : _("", !0),
+					y("div", Oe, [Mt.value ? (C(), v("div", ke, [
+						y("div", Ae, [
+							y("button", {
+								type: "button",
+								class: "m-datepicker__nav",
+								"aria-label": F.value === "days" ? D(A).prevMonth : (F.value, D(A).prevYear),
+								onClick: t[5] ||= (e) => wn(-1)
+							}, [b(o, {
+								name: "chevron-left",
+								size: j.value
+							}, null, 8, ["size"])], 8, je),
+							y("button", {
+								type: "button",
+								class: "m-datepicker__month m-datepicker__month--switch",
+								"aria-label": F.value === "days" ? "Switch to month picker" : F.value === "months" ? "Switch to year picker" : "Switch back to day picker",
+								onClick: Cn
+							}, E(xn.value), 9, Me),
+							y("button", {
+								type: "button",
+								class: "m-datepicker__nav",
+								"aria-label": F.value === "days" ? D(A).nextMonth : (F.value, D(A).nextYear),
+								onClick: t[6] ||= (e) => wn(1)
+							}, [b(o, {
+								name: "chevron-right",
+								size: j.value
+							}, null, 8, ["size"])], 8, Ne)
+						]),
+						F.value === "days" ? (C(), v("div", Pe, [(C(!0), v(h, null, T(D(A).weekdays, (e) => (C(), v("span", { key: e }, E(e), 1))), 128))])) : _("", !0),
+						F.value === "days" ? (C(), v("div", {
+							key: 1,
+							class: "m-datepicker__grid",
+							role: "grid",
+							"aria-label": Qt.value,
+							onKeydown: Yn
+						}, [(C(!0), v(h, null, T(rn.value, (t) => (C(), v("button", {
+							key: t.date.toISOString(),
+							type: "button",
+							class: S(["m-datepicker__day", {
+								"m-datepicker__day--other": !t.inMonth,
+								"m-datepicker__day--selected": t.selected,
+								"m-datepicker__day--in-range": t.inRange,
+								"m-datepicker__day--range-start": t.rangeStart,
+								"m-datepicker__day--range-end": t.rangeEnd,
+								"m-datepicker__day--today": t.isToday
+							}]),
+							role: "gridcell",
+							"aria-selected": t.selected,
+							"data-m-date": D(m)(t.date),
+							tabindex: Kn(t.date) && !t.disabled ? 0 : -1,
+							disabled: t.disabled,
+							onClick: (e) => Fn(t.date, t.disabled),
+							onMouseenter: (e) => W.value && L.value && (R.value = t.date)
+						}, [he(e.$slots, "cell", {
+							date: t.date,
+							inMonth: t.inMonth,
+							selected: t.selected,
+							inRange: t.inRange,
+							rangeStart: t.rangeStart,
+							rangeEnd: t.rangeEnd,
+							isToday: t.isToday,
+							disabled: t.disabled
+						}, () => [ue(E(t.date.getDate()), 1)])], 42, Ie))), 128))], 40, Fe)) : F.value === "months" ? (C(), v("div", {
+							key: 2,
+							class: "m-datepicker__month-grid",
+							role: "grid",
+							"aria-label": String(N.value)
+						}, [(C(!0), v(h, null, T(D(A).monthNames, (e) => (C(), v("button", {
+							key: e,
+							type: "button",
+							class: S(["m-datepicker__cell", { "m-datepicker__cell--selected": P.value === D(A).monthNames.indexOf(e) }]),
+							role: "gridcell",
+							onClick: (t) => Tn(D(A).monthNames.indexOf(e))
+						}, E(e), 11, Re))), 128))], 8, Le)) : F.value === "years" ? (C(), v("div", {
+							key: 3,
+							class: "m-datepicker__year-grid",
+							role: "grid",
+							"aria-label": `${D(d)(N.value)} – ${D(d)(N.value) + 9}`
+						}, [(C(!0), v(h, null, T(Sn.value, (e) => (C(), v("button", {
+							key: e.year,
+							type: "button",
+							class: S(["m-datepicker__cell", {
+								"m-datepicker__cell--other": e.other,
+								"m-datepicker__cell--selected": e.year === N.value
+							}]),
+							role: "gridcell",
+							onClick: (t) => En(e.year)
+						}, E(e.year), 11, Be))), 128))], 8, ze)) : _("", !0)
+					])) : Pt.value ? (C(), v("div", Ve, [y("div", He, [
+						y("button", {
+							type: "button",
+							class: "m-datepicker__nav",
+							"aria-label": D(A).prevYear,
+							onClick: kn
+						}, [b(o, {
+							name: "chevron-left",
+							size: j.value
+						}, null, 8, ["size"])], 8, Ue),
+						y("span", We, E(N.value), 1),
+						y("button", {
+							type: "button",
+							class: "m-datepicker__nav",
+							"aria-label": D(A).nextYear,
+							onClick: An
+						}, [b(o, {
+							name: "chevron-right",
+							size: j.value
+						}, null, 8, ["size"])], 8, Ge)
+					]), y("div", {
+						class: "m-datepicker__month-grid",
+						role: "grid",
+						"aria-label": String(N.value)
+					}, [(C(!0), v(h, null, T(en.value, (e) => (C(), v("button", {
+						key: e.index,
+						type: "button",
+						class: S(["m-datepicker__cell", { "m-datepicker__cell--selected": e.selected }]),
+						role: "gridcell",
+						"aria-selected": e.selected,
+						onClick: (t) => In(e.index)
+					}, E(e.label), 11, qe))), 128))], 8, Ke)])) : Ft.value ? (C(), v("div", Je, [y("div", Ye, [
+						y("button", {
+							type: "button",
+							class: "m-datepicker__nav",
+							"aria-label": D(A).prevYear,
+							onClick: jn
+						}, [b(o, {
+							name: "chevron-left",
+							size: j.value
+						}, null, 8, ["size"])], 8, Xe),
+						y("span", Ze, E($t.value), 1),
+						y("button", {
+							type: "button",
+							class: "m-datepicker__nav",
+							"aria-label": D(A).nextYear,
+							onClick: Mn
+						}, [b(o, {
+							name: "chevron-right",
+							size: j.value
+						}, null, 8, ["size"])], 8, Qe)
+					]), y("div", {
+						class: "m-datepicker__year-grid",
+						role: "grid",
+						"aria-label": $t.value
+					}, [(C(!0), v(h, null, T(tn.value, (e) => (C(), v("button", {
+						key: e.year,
+						type: "button",
+						class: S(["m-datepicker__cell", { "m-datepicker__cell--selected": e.selected }]),
+						role: "gridcell",
+						"aria-selected": e.selected,
+						onClick: (t) => Ln(e.year)
+					}, E(e.year), 11, et))), 128))], 8, $e)])) : _("", !0), Nt.value ? (C(), v("div", {
+						key: 3,
+						class: "m-datepicker__time",
+						role: "group",
+						"aria-label": D(A).timePickerPlaceholder
+					}, [
+						y("div", nt, [y("div", rt, E(D(A).hour), 1), b(s, {
+							class: "m-datepicker__time-scroll",
+							"wrap-class": "m-datepicker__time-col-wrap",
+							"view-class": "m-datepicker__time-col-view"
+						}, {
+							default: ve(() => [(C(!0), v(h, null, T(D(zt), (e) => (C(), v("button", {
+								key: `h-${e}`,
+								type: "button",
+								class: S(["m-datepicker__time-item", { "m-datepicker__time-item--selected": B.value === e }]),
+								onClick: (t) => Rn("hour", e)
+							}, E(String(e).padStart(2, "0")), 11, it))), 128))]),
+							_: 1
+						})]),
+						y("div", at, [y("div", ot, E(D(A).minute), 1), b(s, {
+							class: "m-datepicker__time-scroll",
+							"wrap-class": "m-datepicker__time-col-wrap",
+							"view-class": "m-datepicker__time-col-view"
+						}, {
+							default: ve(() => [(C(!0), v(h, null, T(D(Bt), (e) => (C(), v("button", {
+								key: `m-${e}`,
+								type: "button",
+								class: S(["m-datepicker__time-item", { "m-datepicker__time-item--selected": V.value === e }]),
+								onClick: (t) => Rn("minute", e)
+							}, E(String(e).padStart(2, "0")), 11, st))), 128))]),
+							_: 1
+						})]),
+						x.showSeconds ? (C(), v("div", ct, [y("div", lt, E(D(A).second), 1), b(s, {
+							class: "m-datepicker__time-scroll",
+							"wrap-class": "m-datepicker__time-col-wrap",
+							"view-class": "m-datepicker__time-col-view"
+						}, {
+							default: ve(() => [(C(!0), v(h, null, T(D(Vt), (e) => (C(), v("button", {
+								key: `s-${e}`,
+								type: "button",
+								class: S(["m-datepicker__time-item", { "m-datepicker__time-item--selected": H.value === e }]),
+								onClick: (t) => Rn("second", e)
+							}, E(String(e).padStart(2, "0")), 11, ut))), 128))]),
+							_: 1
+						})])) : _("", !0)
+					], 8, tt)) : _("", !0)]),
+					e.$slots.footer ? (C(), v("div", dt, [he(e.$slots, "footer", { close: pn })])) : x.needConfirm ? (C(), v("div", ft, [y("button", {
+						type: "button",
+						class: "m-datepicker__footer-btn",
+						onClick: bn
+					}, E(D(A).cancel), 1), y("button", {
+						type: "button",
+						class: "m-datepicker__footer-btn m-datepicker__footer-btn--primary",
+						disabled: !J.value,
+						onClick: yn
+					}, E(D(A).confirm), 9, pt)])) : _("", !0)
+				], 14, Te)) : _("", !0)]),
+				_: 3
+			}, 8, ["name", "css"])], 8, ["to", "disabled"]))
+		], 16));
+	}
+});
+//#endregion
+export { mt as t };