morya-ui 0.1.1

package/dist/data-view/style.js

@@ -0,0 +1,5 @@
+import '../theme/styles.css'
+import '../styles/base.css'
+import '../components/Pagination/styles.css'
+import '../components/ProgressSpinner/styles.css'
+import '../components/DataView/styles.css'

package/dist/date-picker/index.js

@@ -0,0 +1,404 @@
+import { t as e } from "../Icon-DfpIfo2L.js";
+import { t } from "../useMId-BXFYayPP.js";
+import { n, t as r } from "../overlay-oR-5MDuE.js";
+import { t as i } from "../overlayPlacement-Cd20JTD_.js";
+import { c as a, o } from "../config-CI8_WBbE.js";
+import { n as s, t as ee } from "../locale-DYGhxekd.js";
+import "./style.js";
+import { Fragment as c, Teleport as te, Transition as ne, computed as l, createBlock as re, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createVNode as p, defineComponent as m, nextTick as h, normalizeClass as g, normalizeStyle as ie, onBeforeUnmount as ae, openBlock as _, ref as v, renderList as y, renderSlot as oe, toDisplayString as b, unref as x, watch as se, withCtx as ce, withKeys as le, withModifiers as S } from "vue";
+//#region src/components/DatePicker/DatePicker.vue?vue&type=script&setup=true&lang.ts
+var ue = ["for"], de = [
+	"id",
+	"value",
+	"placeholder",
+	"disabled",
+	"aria-invalid",
+	"aria-expanded",
+	"aria-controls",
+	"aria-describedby",
+	"onKeydown"
+], fe = ["aria-label", "disabled"], pe = ["id"], me = ["id", "aria-label"], he = {
+	key: 0,
+	class: "m-datepicker__shortcuts"
+}, ge = ["onClick"], _e = { class: "m-datepicker__calendar" }, ve = { class: "m-datepicker__header" }, ye = ["aria-label"], be = { class: "m-datepicker__month" }, xe = ["aria-label"], Se = {
+	class: "m-datepicker__weekdays",
+	"aria-hidden": "true"
+}, Ce = ["aria-label"], we = [
+	"aria-selected",
+	"data-m-date",
+	"tabindex",
+	"disabled",
+	"onClick",
+	"onMouseenter"
+], C = /* @__PURE__ */ m({
+	__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" },
+		clearable: {
+			type: Boolean,
+			default: !0
+		},
+		shortcuts: { default: () => [] },
+		teleport: {
+			type: Boolean,
+			default: !0
+		},
+		appendTo: {}
+	},
+	emits: [
+		"update:modelValue",
+		"clear",
+		"show",
+		"hide",
+		"change"
+	],
+	setup(m, { emit: C }) {
+		let w = m, T = C, E = a(), D = s(), Te = o("DatePicker", () => w.size), O = v(!1), k = v(null), A = v(null), j = v(null), M = v(null), Ee = v({}), N = v((/* @__PURE__ */ new Date()).getFullYear()), P = v((/* @__PURE__ */ new Date()).getMonth()), F = v(G(/* @__PURE__ */ new Date())), I = v(null), L = v(null), De = t("m-datepicker"), R = l(() => w.id ?? De), Oe = l(() => `${R.value}-panel`), ke = l(() => n(w, E.value.appendTo)), z = l(() => r(w, E.value.appendTo)), B = l(() => w.type === "daterange"), Ae = l(() => w.invalid || !!w.errorMessage), V = l(() => w.errorMessage || w.helpText), je = l(() => !!w.errorMessage || w.invalid && !!w.helpText);
+		function H(e) {
+			if (e == null || e === "") return null;
+			if (e instanceof Date) return Number.isNaN(e.getTime()) ? null : e;
+			let t = /^(\d{4})-(\d{2})-(\d{2})/.exec(e);
+			if (t) return new Date(Number(t[1]), Number(t[2]) - 1, Number(t[3]));
+			let n = new Date(e);
+			return Number.isNaN(n.getTime()) ? null : n;
+		}
+		function U(e) {
+			return `${e.getFullYear()}-${String(e.getMonth() + 1).padStart(2, "0")}-${String(e.getDate()).padStart(2, "0")}`;
+		}
+		function W(e) {
+			return w.format.replaceAll("YYYY", String(e.getFullYear())).replaceAll("MM", String(e.getMonth() + 1).padStart(2, "0")).replaceAll("DD", String(e.getDate()).padStart(2, "0"));
+		}
+		function G(e) {
+			return new Date(e.getFullYear(), e.getMonth(), e.getDate());
+		}
+		function Me(e) {
+			if (e == null || e === "") return {
+				start: null,
+				end: null
+			};
+			if (Array.isArray(e)) return {
+				start: H(e[0]),
+				end: H(e[1])
+			};
+			let t = H(e);
+			return {
+				start: t,
+				end: t
+			};
+		}
+		let K = l(() => Me(w.modelValue)), Ne = l(() => H(w.minDate)), Pe = l(() => H(w.maxDate)), q = l(() => {
+			let { start: e, end: t } = K.value;
+			return e ? !B.value || !t ? W(e) : `${W(e)} – ${W(t)}` : "";
+		}), Fe = l(() => w.placeholder ?? (B.value ? D.value.dateRangePlaceholder : D.value.datePickerPlaceholder)), Ie = l(() => ee(D.value.monthYear, {
+			year: N.value,
+			month: P.value + 1,
+			monthName: D.value.monthNames[P.value] ?? String(P.value + 1)
+		}));
+		function Le() {
+			let e = I.value ?? K.value.start, t = I.value ? L.value ?? I.value : K.value.end;
+			if (!e) return {
+				start: null,
+				end: null
+			};
+			if (!t) return {
+				start: G(e),
+				end: G(e)
+			};
+			let n = G(e), r = G(t);
+			return n.getTime() <= r.getTime() ? {
+				start: n,
+				end: r
+			} : {
+				start: r,
+				end: n
+			};
+		}
+		let Re = l(() => {
+			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(J(r, !1));
+			}
+			for (let e = 1; e <= t; e++) n.push(J(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(J(t, !1));
+			}
+			return n;
+		});
+		function J(e, t) {
+			let n = G(e), r = !1;
+			Ne.value && n < G(Ne.value) && (r = !0), Pe.value && n > G(Pe.value) && (r = !0);
+			let i = Le(), a = n.getTime(), o = !!(i.start && a === i.start.getTime()), s = !!(i.end && a === i.end.getTime()), ee = !!(B.value && i.start && i.end && a > i.start.getTime() && a < i.end.getTime());
+			return {
+				date: n,
+				inMonth: t,
+				disabled: r,
+				selected: o || s,
+				inRange: ee,
+				rangeStart: o,
+				rangeEnd: s
+			};
+		}
+		let ze = l(() => [
+			"m-datepicker",
+			`m-datepicker--${Te.value}`,
+			{
+				"m-datepicker--fluid": w.fluid,
+				"m-datepicker--disabled": w.disabled,
+				"m-datepicker--invalid": w.invalid,
+				"m-datepicker--open": O.value,
+				"m-datepicker--range": B.value
+			}
+		]);
+		function Be() {
+			let e = K.value.start ?? /* @__PURE__ */ new Date();
+			N.value = e.getFullYear(), P.value = e.getMonth();
+		}
+		function Ve() {
+			if (!z.value || !A.value) return;
+			let e = A.value.getBoundingClientRect();
+			Ee.value = i(e, "bottom-start", { minWidth: `${e.width}px` });
+		}
+		function He(e) {
+			w.disabled || e === O.value || (O.value = e, e && (I.value = null, L.value = null, Be(), F.value = G(K.value.start ?? /* @__PURE__ */ new Date()), h(() => Ve())));
+		}
+		function Y() {
+			He(!O.value);
+		}
+		function Ue() {
+			P.value === 0 ? (P.value = 11, --N.value) : --P.value;
+		}
+		function We() {
+			P.value === 11 ? (P.value = 0, N.value += 1) : P.value += 1;
+		}
+		function Ge(e, t) {
+			if (t || w.disabled) return;
+			if (F.value = G(e), !B.value) {
+				T("update:modelValue", U(e)), T("change", U(e)), O.value = !1, j.value?.focus({ preventScroll: !0 });
+				return;
+			}
+			if (!I.value) {
+				I.value = e, L.value = e;
+				return;
+			}
+			let n = I.value, r = e, [i, a] = n.getTime() <= r.getTime() ? [n, r] : [r, n], o = [U(i), U(a)];
+			T("update:modelValue", o), T("change", o), I.value = null, L.value = null, O.value = !1, j.value?.focus({ preventScroll: !0 });
+		}
+		function Ke(e) {
+			if (w.disabled) return;
+			let t = typeof e.value == "function" ? e.value() : e.value;
+			if (Array.isArray(t)) {
+				let e = H(t[0]), n = H(t[1]);
+				if (!e || !n) return;
+				let [r, i] = e.getTime() <= n.getTime() ? [e, n] : [n, e], a = B.value ? [U(r), U(i)] : U(r);
+				T("update:modelValue", a), T("change", a);
+			} else {
+				let e = H(t);
+				if (!e) return;
+				let n = B.value ? [U(e), U(e)] : U(e);
+				T("update:modelValue", n), T("change", n);
+			}
+			O.value = !1;
+		}
+		function qe() {
+			w.disabled || !w.clearable || (T("update:modelValue", null), T("clear"));
+		}
+		function X(e) {
+			let t = e.target;
+			k.value?.contains(t) || M.value?.contains(t) || (O.value = !1);
+		}
+		function Z(e) {
+			e.key === "Escape" && (O.value = !1, j.value?.focus({ preventScroll: !0 }));
+		}
+		function Je(e, t) {
+			return new Date(e.getFullYear(), e.getMonth(), e.getDate() + t);
+		}
+		function Ye(e) {
+			return G(e).getTime() === F.value.getTime();
+		}
+		function Xe() {
+			M.value?.querySelector(`[data-m-date="${U(F.value)}"]`)?.focus({ preventScroll: !0 });
+		}
+		function Q(e) {
+			let t = G(e);
+			F.value = t, (t.getFullYear() !== N.value || t.getMonth() !== P.value) && (N.value = t.getFullYear(), P.value = t.getMonth()), h(Xe);
+		}
+		function Ze(e) {
+			let t = e.key;
+			if (t === "Enter") {
+				e.preventDefault();
+				let t = Re.value.find((e) => e.date.getTime() === F.value.getTime());
+				t && Ge(t.date, t.disabled);
+				return;
+			}
+			if (t === "Home" || t === "End") {
+				e.preventDefault();
+				let n = F.value.getDay();
+				Q(Je(F.value, t === "Home" ? -n : 6 - n));
+				return;
+			}
+			if (t === "PageUp" || t === "PageDown") {
+				e.preventDefault();
+				let n = new Date(F.value);
+				n.setMonth(n.getMonth() + (t === "PageUp" ? -1 : 1)), Q(n);
+				return;
+			}
+			let n = t === "ArrowLeft" ? -1 : t === "ArrowRight" ? 1 : t === "ArrowUp" ? -7 : t === "ArrowDown" ? 7 : 0;
+			n !== 0 && (e.preventDefault(), Q(Je(F.value, n)));
+		}
+		function $() {
+			O.value && Ve();
+		}
+		return se(O, async (e) => {
+			e ? (T("show"), document.addEventListener("click", X), document.addEventListener("keydown", Z), z.value && (window.addEventListener("resize", $), window.addEventListener("scroll", $, !0)), await h(), Xe()) : (T("hide"), document.removeEventListener("click", X), document.removeEventListener("keydown", Z), window.removeEventListener("resize", $), window.removeEventListener("scroll", $, !0));
+		}), ae(() => {
+			document.removeEventListener("click", X), document.removeEventListener("keydown", Z), window.removeEventListener("resize", $), window.removeEventListener("scroll", $, !0);
+		}), (t, n) => (_(), d("div", {
+			ref_key: "root",
+			ref: k,
+			class: g(ze.value)
+		}, [
+			m.label ? (_(), d("label", {
+				key: 0,
+				class: "m-datepicker__label",
+				for: R.value
+			}, b(m.label), 9, ue)) : u("", !0),
+			f("div", {
+				ref_key: "triggerEl",
+				ref: A,
+				class: "m-datepicker__control"
+			}, [oe(t.$slots, "trigger", {
+				value: q.value,
+				open: O.value
+			}, () => [f("input", {
+				id: R.value,
+				ref_key: "inputEl",
+				ref: j,
+				class: "m-datepicker__input",
+				type: "text",
+				role: "combobox",
+				readonly: "",
+				value: q.value,
+				placeholder: Fe.value,
+				disabled: m.disabled,
+				"aria-invalid": Ae.value || void 0,
+				"aria-expanded": O.value,
+				"aria-controls": O.value ? Oe.value : void 0,
+				"aria-describedby": V.value ? `${R.value}-help` : void 0,
+				"aria-haspopup": "dialog",
+				onClick: Y,
+				onKeydown: [le(S(Y, ["prevent"]), ["enter"]), le(S(Y, ["prevent"]), ["space"])]
+			}, null, 40, de), m.clearable && q.value ? (_(), d("button", {
+				key: 0,
+				type: "button",
+				class: "m-datepicker__clear",
+				"aria-label": x(D).clearDate,
+				disabled: m.disabled,
+				onClick: S(qe, ["stop"])
+			}, [p(e, {
+				name: "close",
+				size: "sm"
+			})], 8, fe)) : u("", !0)])], 512),
+			V.value ? (_(), d("p", {
+				key: 1,
+				id: `${R.value}-help`,
+				class: g(["m-datepicker__help", { "m-datepicker__help--invalid": je.value }])
+			}, b(V.value), 11, pe)) : u("", !0),
+			(_(), re(te, {
+				to: ke.value.to,
+				disabled: ke.value.disabled
+			}, [p(ne, { name: "m-scale-fade" }, {
+				default: ce(() => [O.value ? (_(), d("div", {
+					key: 0,
+					ref_key: "panel",
+					ref: M,
+					class: g(["m-datepicker__panel", {
+						"m-datepicker__panel--teleported": z.value,
+						"m-datepicker__panel--with-shortcuts": m.shortcuts.length
+					}]),
+					style: ie(z.value ? Ee.value : void 0),
+					id: Oe.value,
+					role: "dialog",
+					"aria-label": x(D).datePicker
+				}, [m.shortcuts.length ? (_(), d("div", he, [(_(!0), d(c, null, y(m.shortcuts, (e) => (_(), d("button", {
+					key: e.label,
+					type: "button",
+					class: "m-datepicker__shortcut",
+					onClick: (t) => Ke(e)
+				}, b(e.label), 9, ge))), 128))])) : u("", !0), f("div", _e, [
+					f("div", ve, [
+						f("button", {
+							type: "button",
+							class: "m-datepicker__nav",
+							"aria-label": x(D).prevMonth,
+							onClick: Ue
+						}, [p(e, {
+							name: "chevron-left",
+							size: "sm"
+						})], 8, ye),
+						f("span", be, b(Ie.value), 1),
+						f("button", {
+							type: "button",
+							class: "m-datepicker__nav",
+							"aria-label": x(D).nextMonth,
+							onClick: We
+						}, [p(e, {
+							name: "chevron-right",
+							size: "sm"
+						})], 8, xe)
+					]),
+					f("div", Se, [(_(!0), d(c, null, y(x(D).weekdays, (e) => (_(), d("span", { key: e }, b(e), 1))), 128))]),
+					f("div", {
+						class: "m-datepicker__grid",
+						role: "grid",
+						"aria-label": Ie.value,
+						onKeydown: Ze
+					}, [(_(!0), d(c, null, y(Re.value, (e) => (_(), d("button", {
+						key: e.date.toISOString(),
+						type: "button",
+						class: g(["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": U(e.date),
+						tabindex: Ye(e.date) && !e.disabled ? 0 : -1,
+						disabled: e.disabled,
+						onClick: (t) => Ge(e.date, e.disabled),
+						onMouseenter: (t) => B.value && I.value && (L.value = e.date)
+					}, b(e.date.getDate()), 43, we))), 128))], 40, Ce)
+				])], 14, me)) : u("", !0)]),
+				_: 1
+			})], 8, ["to", "disabled"]))
+		], 2));
+	}
+});
+//#endregion
+export { C as MDatePicker };