morya-ui 0.1.1 → 0.2.2

package/dist/Popover-6eE5yIT7.js

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

package/dist/ProgressSpinner-CT7IP3Yr.js

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

package/dist/Radio-DcotfGnv.js

@@ -0,0 +1,93 @@
+import { t as e } from "./useComponentAttrs-BTYEe61P.js";
+import { t } from "./useMId-BXFYayPP.js";
+import { o as n } from "./config-CI8_WBbE.js";
+import { computed as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, defineComponent as c, inject as l, mergeProps 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__ */ c({
+	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
+		},
+		pt: {}
+	},
+	emits: ["update:modelValue"],
+	setup(c, { emit: b }) {
+		let x = c, S = b, C = h(), { rootAttrs: w, controlAttrs: T } = e(C, () => x.pt), E = l(g, null), D = t("m-radio"), O = r(() => x.id ?? D), k = n("Radio", () => x.size ?? E?.size.value), A = r(() => x.disabled || !!E?.disabled.value), j = r(() => x.invalid || !!E?.invalid.value), M = r(() => x.name ?? E?.name.value), N = r(() => E ? E.modelValue.value : x.modelValue), P = r(() => N.value === x.value), F = r(() => [
+			"m-radio",
+			`m-radio--${k.value}`,
+			{
+				"m-radio--disabled": A.value,
+				"m-radio--invalid": j.value
+			}
+		]);
+		function I(e) {
+			if (!(A.value || !e.target.checked)) {
+				if (E) {
+					E.select(x.value);
+					return;
+				}
+				S("update:modelValue", x.value);
+			}
+		}
+		return (e, t) => (d(), a("label", u(m(w), {
+			class: F.value,
+			for: O.value
+		}), [
+			o("input", u(m(T), {
+				id: O.value,
+				class: "m-radio__input",
+				type: "radio",
+				name: M.value,
+				value: String(c.value),
+				checked: P.value,
+				disabled: A.value,
+				required: c.required,
+				"aria-invalid": j.value || void 0,
+				onChange: I
+			}), null, 16, v),
+			t[0] ||= o("span", {
+				class: "m-radio__control",
+				"aria-hidden": "true"
+			}, null, -1),
+			c.label || e.$slots.default ? (d(), a("span", y, [f(e.$slots, "default", {}, () => [s(p(c.label), 1)])])) : i("", !0)
+		], 16, _));
+	}
+});
+//#endregion
+export { g as n, b as t };