morya-ui 0.1.1

package/dist/Popover-BXSXRV-B.js

@@ -0,0 +1,162 @@
+import { t as e } from "./useMId-BXFYayPP.js";
+import { n as t, t as ee } from "./overlay-oR-5MDuE.js";
+import { t as n } from "./overlayPlacement-Cd20JTD_.js";
+import { c as r } from "./config-CI8_WBbE.js";
+import { Teleport as i, Transition as a, computed as o, createBlock as s, createCommentVNode as te, createElementBlock as c, createElementVNode as l, createVNode as u, defineComponent as d, nextTick as f, normalizeClass as p, normalizeStyle as ne, onBeforeUnmount as m, openBlock as h, ref as g, renderSlot as _, unref as v, watch as y, withCtx as b } from "vue";
+//#region src/components/Popover/Popover.vue?vue&type=script&setup=true&lang.ts
+var x = ["aria-expanded", "aria-controls"], S = ["id"], C = /* @__PURE__ */ d({
+	__name: "Popover",
+	props: {
+		modelValue: {
+			type: Boolean,
+			default: !1
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		placement: { default: "bottom" },
+		trigger: { default: "manual" },
+		showDelay: { default: 0 },
+		hideDelay: { default: 200 },
+		teleport: {
+			type: Boolean,
+			default: !0
+		},
+		appendTo: {}
+	},
+	emits: [
+		"update:modelValue",
+		"show",
+		"hide"
+	],
+	setup(d, { expose: C, emit: w }) {
+		let T = d, E = w, D = r(), O = e(), k = g(null), A = g(null), j = g(null), M = g({}), N = o(() => t(T, D.value.appendTo)), P = o(() => ee(T, D.value.appendTo)), F, I;
+		function L(e) {
+			e && T.disabled || E("update:modelValue", e);
+		}
+		function R() {
+			L(!0);
+		}
+		function z() {
+			L(!1);
+		}
+		function B() {
+			L(!T.modelValue);
+		}
+		function V() {
+			L(!1);
+		}
+		C({
+			show: R,
+			hide: z,
+			toggle: B
+		});
+		function H() {
+			F && clearTimeout(F), I && clearTimeout(I), F = void 0, I = void 0;
+		}
+		function U() {
+			T.disabled || T.trigger !== "click" || L(!T.modelValue);
+		}
+		function W() {
+			if (!(T.disabled || T.trigger !== "hover")) {
+				if (H(), T.showDelay > 0) {
+					F = setTimeout(L, T.showDelay, !0);
+					return;
+				}
+				L(!0);
+			}
+		}
+		function G() {
+			if (T.trigger === "hover") {
+				if (H(), T.hideDelay > 0) {
+					I = setTimeout(L, T.hideDelay, !1);
+					return;
+				}
+				L(!1);
+			}
+		}
+		function K() {
+			T.trigger === "hover" && H();
+		}
+		function q() {
+			if (T.trigger === "hover") {
+				if (H(), T.hideDelay > 0) {
+					I = setTimeout(L, T.hideDelay, !1);
+					return;
+				}
+				L(!1);
+			}
+		}
+		function J() {
+			if (!(T.disabled || T.trigger !== "focus")) {
+				if (H(), T.showDelay > 0) {
+					F = setTimeout(L, T.showDelay, !0);
+					return;
+				}
+				L(!0);
+			}
+		}
+		function Y() {
+			if (T.trigger === "focus") {
+				if (H(), T.hideDelay > 0) {
+					I = setTimeout(L, T.hideDelay, !1);
+					return;
+				}
+				L(!1);
+			}
+		}
+		function X() {
+			!P.value || !A.value || (M.value = n(A.value.getBoundingClientRect(), T.placement));
+		}
+		function Z(e) {
+			let t = e.target;
+			k.value?.contains(t) || j.value?.contains(t) || V();
+		}
+		function Q(e) {
+			e.key === "Escape" && V();
+		}
+		function $() {
+			T.modelValue && X();
+		}
+		return y(() => T.modelValue, async (e, t) => {
+			e ? (document.addEventListener("click", Z), document.addEventListener("keydown", Q), P.value && (window.addEventListener("resize", $), window.addEventListener("scroll", $, !0)), E("show"), await f(), X()) : (document.removeEventListener("click", Z), document.removeEventListener("keydown", Q), window.removeEventListener("resize", $), window.removeEventListener("scroll", $, !0), t && E("hide"));
+		}, { immediate: !0 }), m(() => {
+			H(), document.removeEventListener("click", Z), document.removeEventListener("keydown", Q), window.removeEventListener("resize", $), window.removeEventListener("scroll", $, !0);
+		}), (e, t) => (h(), c("span", {
+			ref_key: "root",
+			ref: k,
+			class: "m-popover",
+			onMouseenter: W,
+			onMouseleave: G
+		}, [l("span", {
+			ref_key: "trigger",
+			ref: A,
+			class: "m-popover__trigger",
+			"aria-haspopup": "dialog",
+			"aria-expanded": d.modelValue,
+			"aria-controls": v(O),
+			onClick: U,
+			onFocusin: J,
+			onFocusout: Y
+		}, [_(e.$slots, "default")], 40, x), (h(), s(i, {
+			to: N.value.to,
+			disabled: N.value.disabled
+		}, [u(a, { name: "m-popover" }, {
+			default: b(() => [d.modelValue ? (h(), c("div", {
+				key: 0,
+				ref_key: "panel",
+				ref: j,
+				id: v(O),
+				class: p(["m-popover__content", [`m-popover__content--${d.placement}`, { "m-popover__content--teleported": P.value }]]),
+				style: ne(P.value ? M.value : void 0),
+				role: "dialog",
+				onMouseenter: K,
+				onMouseleave: q
+			}, [_(e.$slots, "content")], 46, S)) : te("", !0)]),
+			_: 3
+		})], 8, ["to", "disabled"]))], 544));
+	}
+});
+//#endregion
+export { C as t };

package/dist/ProgressSpinner-DPavp_Ff.js

@@ -0,0 +1,89 @@
+import { i as e } from "./types-DGuu4Eg4.js";
+import { n as t } from "./locale-DYGhxekd.js";
+import { computed as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, defineComponent as o, normalizeClass as s, normalizeStyle as c, onBeforeUnmount as l, openBlock as u, ref as d, renderSlot as f, toDisplayString as p, useSlots as m, watch as h } from "vue";
+//#region src/components/ProgressSpinner/ProgressSpinner.vue?vue&type=script&setup=true&lang.ts
+var g = ["aria-busy"], _ = ["inert"], v = {
+	key: 0,
+	class: "m-progress-spinner-wrap__overlay"
+}, y = ["aria-label"], b = ["stroke-width"], x = {
+	key: 0,
+	class: "m-progress-spinner__description"
+}, S = ["aria-label"], C = ["stroke-width"], w = /* @__PURE__ */ o({
+	__name: "ProgressSpinner",
+	props: {
+		strokeWidth: { default: "2" },
+		animationDuration: { default: "1s" },
+		ariaLabel: {},
+		show: {
+			type: Boolean,
+			default: !0
+		},
+		delay: { default: 0 },
+		size: {},
+		description: {}
+	},
+	setup(o) {
+		let w = o, T = m(), E = t(), D = n(() => w.ariaLabel ?? E.value.loading), O = n(() => !!T.default), k = n(() => e(w.size)), A = d(w.show && w.delay <= 0), j = null;
+		function M() {
+			j !== null && (clearTimeout(j), j = null);
+		}
+		h(() => [
+			w.show,
+			w.delay,
+			O.value
+		], ([e, t]) => {
+			if (M(), !e) {
+				A.value = !1;
+				return;
+			}
+			if (!t) {
+				A.value = !0;
+				return;
+			}
+			A.value = !1, j = setTimeout(() => {
+				A.value = !0, j = null;
+			}, t);
+		}, { immediate: !0 }), l(M);
+		let N = n(() => ({ animationDuration: w.animationDuration })), P = n(() => ({
+			"m-progress-spinner--small": k.value === "small",
+			"m-progress-spinner--large": k.value === "large"
+		}));
+		return (e, t) => O.value ? (u(), i("div", {
+			key: 0,
+			class: s(["m-progress-spinner-wrap", { "m-progress-spinner-wrap--active": A.value }]),
+			"aria-busy": A.value || void 0
+		}, [a("div", {
+			class: "m-progress-spinner-wrap__content",
+			inert: A.value || void 0
+		}, [f(e.$slots, "default")], 8, _), A.value ? (u(), i("div", v, [(u(), i("svg", {
+			class: s(["m-progress-spinner", P.value]),
+			viewBox: "0 0 50 50",
+			role: "status",
+			"aria-label": D.value,
+			style: c(N.value)
+		}, [a("circle", {
+			class: "m-progress-spinner__circle",
+			cx: "25",
+			cy: "25",
+			r: "20",
+			fill: "none",
+			"stroke-width": o.strokeWidth
+		}, null, 8, b)], 14, y)), o.description ? (u(), i("p", x, p(o.description), 1)) : r("", !0)])) : r("", !0)], 10, g)) : (u(), i("svg", {
+			key: 1,
+			class: s(["m-progress-spinner", P.value]),
+			viewBox: "0 0 50 50",
+			role: "status",
+			"aria-label": D.value,
+			style: c(N.value)
+		}, [a("circle", {
+			class: "m-progress-spinner__circle",
+			cx: "25",
+			cy: "25",
+			r: "20",
+			fill: "none",
+			"stroke-width": o.strokeWidth
+		}, null, 8, C)], 14, S));
+	}
+});
+//#endregion
+export { w as t };

package/dist/Radio-ChJ6GX_G.js

@@ -0,0 +1,91 @@
+import { t as e } from "./useMId-BXFYayPP.js";
+import { o as t } from "./config-CI8_WBbE.js";
+import { computed as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, defineComponent as s, inject as c, mergeProps as l, normalizeClass as u, openBlock as d, renderSlot as f, toDisplayString as p, unref as m, useAttrs as h } from "vue";
+//#region src/components/Radio/types.ts
+var g = Symbol("muRadioGroup"), _ = ["for"], v = [
+	"id",
+	"name",
+	"value",
+	"checked",
+	"disabled",
+	"required",
+	"aria-invalid"
+], y = {
+	key: 0,
+	class: "m-radio__label"
+}, b = /* @__PURE__ */ s({
+	inheritAttrs: !1,
+	__name: "Radio",
+	props: {
+		modelValue: { type: [
+			String,
+			Number,
+			Boolean
+		] },
+		value: { type: [
+			String,
+			Number,
+			Boolean
+		] },
+		label: {},
+		id: {},
+		name: {},
+		size: {},
+		invalid: {
+			type: Boolean,
+			default: !1
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		required: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["update:modelValue"],
+	setup(s, { emit: b }) {
+		let x = s, S = b, C = h(), w = c(g, null), T = e("m-radio"), E = n(() => x.id ?? T), D = t("Radio", () => x.size ?? w?.size.value), O = n(() => x.disabled || !!w?.disabled.value), k = n(() => x.invalid || !!w?.invalid.value), A = n(() => x.name ?? w?.name.value), j = n(() => w ? w.modelValue.value : x.modelValue), M = n(() => j.value === x.value), N = n(() => [
+			"m-radio",
+			`m-radio--${D.value}`,
+			{
+				"m-radio--disabled": O.value,
+				"m-radio--invalid": k.value
+			}
+		]);
+		function P(e) {
+			if (!(O.value || !e.target.checked)) {
+				if (w) {
+					w.select(x.value);
+					return;
+				}
+				S("update:modelValue", x.value);
+			}
+		}
+		return (e, t) => (d(), i("label", {
+			class: u(N.value),
+			for: E.value
+		}, [
+			a("input", l(m(C), {
+				id: E.value,
+				class: "m-radio__input",
+				type: "radio",
+				name: A.value,
+				value: String(s.value),
+				checked: M.value,
+				disabled: O.value,
+				required: s.required,
+				"aria-invalid": k.value || void 0,
+				onChange: P
+			}), null, 16, v),
+			t[0] ||= a("span", {
+				class: "m-radio__control",
+				"aria-hidden": "true"
+			}, null, -1),
+			s.label || e.$slots.default ? (d(), i("span", y, [f(e.$slots, "default", {}, () => [o(p(s.label), 1)])])) : r("", !0)
+		], 10, _));
+	}
+});
+//#endregion
+export { g as n, b as t };

package/dist/Renderable-BaaCI4tS.js

@@ -0,0 +1,45 @@
+import { defineComponent as e, h as t, isVNode as n } from "vue";
+//#region src/shared/content.ts
+function r(e) {
+	if (e == null || n(e)) return !1;
+	if (typeof e == "function") {
+		let t = e;
+		return !!(t.setup || t.render || t.__vccOpts || t.props || t.emits || t.components);
+	}
+	if (typeof e == "object") {
+		let t = e;
+		return !!(t.setup || t.render || t.template || t.__vccOpts || t.props || t.emits || t.components || t.methods);
+	}
+	return !1;
+}
+function i(e) {
+	return e == null ? null : typeof e == "string" || typeof e == "number" || n(e) ? e : typeof e == "function" ? r(e) ? t(e) : e() : t(e);
+}
+function a(e) {
+	return typeof e == "string" || typeof e == "number" ? String(e) : "";
+}
+function o(e) {
+	return !!e && typeof e == "object" && !n(e) && "content" in e && !r(e);
+}
+function s(e) {
+	return !!e && typeof e == "object" && !n(e) && "summary" in e && !r(e);
+}
+//#endregion
+//#region src/shared/Renderable.ts
+var c = e({
+	name: "MRenderable",
+	props: { value: {
+		type: [
+			String,
+			Number,
+			Object,
+			Function
+		],
+		required: !0
+	} },
+	setup(e) {
+		return () => i(e.value);
+	}
+});
+//#endregion
+export { a as i, o as n, s as r, c as t };