morya-ui 0.1.1

package/dist/label/style.js

@@ -0,0 +1,3 @@
+import '../theme/styles.css'
+import '../styles/base.css'
+import '../components/Label/styles.css'

package/dist/lastPointer-CRxcUqdd.js

@@ -0,0 +1,20 @@
+//#region src/shared/lastPointer.ts
+var e = {
+	x: 0,
+	y: 0
+}, t = !1;
+function n(t) {
+	e.x = t.clientX, e.y = t.clientY;
+}
+function r() {
+	t || typeof window > "u" || (t = !0, e.x = window.innerWidth / 2, e.y = window.innerHeight / 2, window.addEventListener("pointerdown", n, !0), window.addEventListener("mousedown", n, !0));
+}
+function i() {
+	return r(), {
+		x: e.x,
+		y: e.y
+	};
+}
+typeof window < "u" && r();
+//#endregion
+export { i as t };

package/dist/layout/index.js

@@ -0,0 +1,363 @@
+import { t as e } from "../Icon-DfpIfo2L.js";
+import { r as t, t as n } from "../responsive-DA5bxylA.js";
+import { n as r } from "../locale-DYGhxekd.js";
+import "./style.js";
+import { computed as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createVNode as c, defineComponent as l, inject as u, normalizeClass as d, normalizeStyle as f, openBlock as p, provide as m, ref as h, renderSlot as g, toValue as _, unref as v, watch as y } from "vue";
+//#region src/components/Layout/composables/useLayoutScroll.ts
+function b(e, t) {
+	function n(t, n) {
+		let r = e.value;
+		r && (typeof t == "number" ? r.scrollTo(t, n ?? 0) : r.scrollTo(t));
+	}
+	function r(e) {
+		t("scroll", e);
+	}
+	return {
+		scrollTo: n,
+		onScroll: r
+	};
+}
+//#endregion
+//#region src/components/Layout/context.ts
+var x = Symbol("muLayout"), S = /* @__PURE__ */ l({
+	name: "MLayout",
+	__name: "Layout",
+	props: {
+		height: {},
+		width: {},
+		embedded: {
+			type: Boolean,
+			default: !1
+		},
+		position: { default: "static" },
+		hasSider: {
+			type: Boolean,
+			default: !1
+		},
+		siderPlacement: { default: "left" },
+		contentClass: {},
+		contentStyle: {}
+	},
+	emits: ["scroll"],
+	setup(e, { expose: n, emit: r }) {
+		let a = e, c = r;
+		m(x, {
+			get hasSider() {
+				return a.hasSider;
+			},
+			get siderPlacement() {
+				return a.siderPlacement;
+			}
+		});
+		let l = h(null), { scrollTo: u, onScroll: _ } = b(l, c), y = i(() => ({
+			...a.height == null ? {} : { height: t(a.height) },
+			width: a.width == null ? "100%" : t(a.width)
+		})), S = i(() => [
+			"m-layout",
+			`m-layout--${a.position}-positioned`,
+			{
+				"m-layout--embedded": a.embedded,
+				"m-layout--has-sider": a.hasSider,
+				"m-layout--sider-right": a.hasSider && a.siderPlacement === "right"
+			}
+		]), C = i(() => {
+			if (!a.hasSider) return a.contentStyle;
+			let e = {
+				display: "flex",
+				flexWrap: "nowrap",
+				width: "100%",
+				flexDirection: a.siderPlacement === "right" ? "row-reverse" : "row"
+			};
+			return [a.contentStyle, e];
+		}), w = i(() => [
+			"m-layout__scroll",
+			a.contentClass,
+			{ "m-layout__scroll--has-sider": a.hasSider }
+		]);
+		return n({ scrollTo: u }), (e, t) => (p(), o("div", {
+			class: d(S.value),
+			style: f(y.value)
+		}, [s("div", {
+			ref_key: "scrollEl",
+			ref: l,
+			class: d(w.value),
+			style: f(C.value),
+			onScroll: t[0] ||= (...e) => v(_) && v(_)(...e)
+		}, [g(e.$slots, "default")], 38)], 6));
+	}
+});
+//#endregion
+//#region src/components/Layout/composables/useLayoutRegionStyle.ts
+function C(e, n) {
+	return e == null ? n : t(e) ?? n;
+}
+function w(e) {
+	return i(() => {
+		let n = _(e), r = {
+			padding: C(n.padding, "var(--m-layout-padding, var(--m-space-4))"),
+			borderRadius: C(n.radius, "var(--m-layout-radius, 0)")
+		};
+		if (n.heightFallback != null) r.height = C(n.height, n.heightFallback);
+		else if (n.height != null) {
+			let e = t(n.height);
+			e && (r.height = e);
+		}
+		return r;
+	});
+}
+//#endregion
+//#region src/components/Layout/LayoutContent.vue
+var T = /* @__PURE__ */ l({
+	name: "MLayoutContent",
+	__name: "LayoutContent",
+	props: {
+		height: {},
+		padding: {},
+		radius: {},
+		embedded: {
+			type: Boolean,
+			default: !1
+		},
+		position: { default: "static" },
+		contentClass: {},
+		contentStyle: {}
+	},
+	emits: ["scroll"],
+	setup(e, { expose: t, emit: n }) {
+		let r = e, a = n, c = h(null), { scrollTo: l, onScroll: u } = b(c, a), m = w(() => ({
+			height: r.height,
+			padding: r.padding,
+			radius: r.radius
+		})), _ = i(() => [
+			"m-layout",
+			"m-layout-content",
+			`m-layout--${r.position}-positioned`,
+			{ "m-layout--embedded": r.embedded }
+		]), y = i(() => ["m-layout__scroll", r.contentClass]), x = i(() => r.contentStyle);
+		return t({ scrollTo: l }), (e, t) => (p(), o("main", {
+			class: d(_.value),
+			style: f(v(m))
+		}, [s("div", {
+			ref_key: "scrollEl",
+			ref: c,
+			class: d(y.value),
+			style: f(x.value),
+			onScroll: t[0] ||= (...e) => v(u) && v(u)(...e)
+		}, [g(e.$slots, "default")], 38)], 6));
+	}
+}), E = /* @__PURE__ */ l({
+	name: "MLayoutFooter",
+	__name: "LayoutFooter",
+	props: {
+		height: {},
+		padding: {},
+		radius: {},
+		bordered: {
+			type: Boolean,
+			default: !1
+		},
+		inverted: {
+			type: Boolean,
+			default: !1
+		},
+		position: { default: "static" }
+	},
+	setup(e) {
+		let t = e, n = w(() => ({
+			height: t.height,
+			heightFallback: "var(--m-layout-footer-height, 48px)",
+			padding: t.padding,
+			radius: t.radius
+		})), r = i(() => [
+			"m-layout-footer",
+			`m-layout-footer--${t.position}-positioned`,
+			{
+				"m-layout-footer--bordered": t.bordered,
+				"m-layout-footer--inverted": t.inverted
+			}
+		]);
+		return (e, t) => (p(), o("footer", {
+			class: d(r.value),
+			style: f(v(n))
+		}, [g(e.$slots, "default")], 6));
+	}
+}), D = /* @__PURE__ */ l({
+	name: "MLayoutHeader",
+	__name: "LayoutHeader",
+	props: {
+		height: {},
+		padding: {},
+		radius: {},
+		bordered: {
+			type: Boolean,
+			default: !0
+		},
+		inverted: {
+			type: Boolean,
+			default: !1
+		},
+		position: { default: "static" }
+	},
+	setup(e) {
+		let t = e, n = w(() => ({
+			height: t.height,
+			heightFallback: "var(--m-layout-header-height, 56px)",
+			padding: t.padding,
+			radius: t.radius
+		})), r = i(() => [
+			"m-layout-header",
+			`m-layout-header--${t.position}-positioned`,
+			{
+				"m-layout-header--bordered": t.bordered,
+				"m-layout-header--inverted": t.inverted
+			}
+		]);
+		return (e, t) => (p(), o("header", {
+			class: d(r.value),
+			style: f(v(n))
+		}, [g(e.$slots, "default")], 6));
+	}
+});
+//#endregion
+//#region src/components/Layout/composables/useLayoutSiderCollapse.ts
+function O(e, t) {
+	let n = h(e.defaultCollapsed);
+	y(() => e.collapsed, (e) => {
+		e !== void 0 && (n.value = e);
+	});
+	let r = i(() => e.collapsed === void 0 ? n.value : !!e.collapsed);
+	function a() {
+		let e = !r.value;
+		n.value = e, t("update:collapsed", e), t(e ? "collapse" : "expand");
+	}
+	return {
+		mergedCollapsed: r,
+		toggle: a,
+		uncontrolled: n
+	};
+}
+//#endregion
+//#region src/components/Layout/utils.ts
+function k(e) {
+	return e ? e === "bar" || e === !0 ? "bar" : "arrow-circle" : null;
+}
+//#endregion
+//#region src/components/Layout/LayoutSider.vue?vue&type=script&setup=true&lang.ts
+var A = ["aria-expanded", "aria-label"], j = {
+	key: 0,
+	class: "m-layout-sider__arrow",
+	"aria-hidden": "true"
+}, M = {
+	key: 1,
+	class: "m-layout-sider__bar",
+	"aria-hidden": "true"
+}, N = {
+	key: 1,
+	class: "m-layout-sider__border",
+	"aria-hidden": "true"
+}, P = /* @__PURE__ */ l({
+	name: "MLayoutSider",
+	__name: "LayoutSider",
+	props: {
+		bordered: {
+			type: Boolean,
+			default: !1
+		},
+		inverted: {
+			type: Boolean,
+			default: !1
+		},
+		position: { default: "static" },
+		width: {},
+		collapsedWidth: {},
+		padding: {},
+		radius: {},
+		collapsed: { type: Boolean },
+		defaultCollapsed: {
+			type: Boolean,
+			default: !1
+		},
+		collapseMode: { default: "transform" },
+		showCollapsedContent: {
+			type: Boolean,
+			default: !0
+		},
+		showTrigger: {
+			type: [Boolean, String],
+			default: !1
+		},
+		triggerClass: {},
+		triggerStyle: {},
+		collapsedTriggerClass: {},
+		collapsedTriggerStyle: {},
+		contentClass: {},
+		contentStyle: {}
+	},
+	emits: [
+		"update:collapsed",
+		"collapse",
+		"expand",
+		"after-enter",
+		"after-leave",
+		"scroll"
+	],
+	setup(l, { expose: m, emit: _ }) {
+		let y = l, S = _, C = r(), w = u(x, null), T = h(null), { scrollTo: E, onScroll: D } = b(T, S), { mergedCollapsed: P, toggle: F } = O(y, S), I = i(() => w?.siderPlacement ?? "left"), L = i(() => t(y.width)), R = i(() => t(y.collapsedWidth)), z = i(() => L.value ?? "var(--m-layout-sider-width)"), B = i(() => R.value ?? "var(--m-layout-sider-collapsed-width)"), V = i(() => P.value ? B.value : z.value), H = i(() => k(y.showTrigger)), U = i(() => !P.value || y.showCollapsedContent), W = i(() => [
+			"m-layout-sider",
+			`m-layout-sider--${y.position}-positioned`,
+			`m-layout-sider--${I.value}-placement`,
+			`m-layout-sider--collapse-${y.collapseMode}`,
+			{
+				"m-layout-sider--bordered": y.bordered,
+				"m-layout-sider--inverted": y.inverted,
+				"m-layout-sider--collapsed": P.value,
+				"m-layout-sider--show-content": U.value
+			}
+		]), G = i(() => {
+			let e = y.collapseMode === "width", r = {
+				minWidth: "0",
+				borderRadius: y.radius == null ? "var(--m-layout-radius, 0)" : t(y.radius),
+				width: e ? V.value : z.value,
+				maxWidth: V.value
+			};
+			return L.value && !n(L.value, "--m-layout-sider-width") && (r["--m-layout-sider-width"] = L.value), R.value && !n(R.value, "--m-layout-sider-collapsed-width") && (r["--m-layout-sider-collapsed-width"] = R.value), r;
+		}), K = i(() => y.padding == null ? "var(--m-layout-padding, var(--m-space-4))" : t(y.padding)), q = i(() => {
+			let e = { padding: K.value };
+			return y.contentStyle == null ? e : [e, y.contentStyle];
+		}), J = i(() => ["m-layout-sider__scroll", y.contentClass]), Y = i(() => P.value ? y.collapsedTriggerClass : y.triggerClass), X = i(() => P.value ? y.collapsedTriggerStyle : y.triggerStyle);
+		function Z(e) {
+			e.propertyName === "max-width" && (P.value ? S("after-leave") : S("after-enter"));
+		}
+		return m({ scrollTo: E }), (t, n) => (p(), o("aside", {
+			class: d(W.value),
+			style: f(G.value),
+			onTransitionend: Z
+		}, [
+			s("div", {
+				ref_key: "scrollEl",
+				ref: T,
+				class: d(J.value),
+				style: f(q.value),
+				onScroll: n[0] ||= (...e) => v(D) && v(D)(...e)
+			}, [g(t.$slots, "default")], 38),
+			H.value ? (p(), o("button", {
+				key: 0,
+				type: "button",
+				class: d(["m-layout-sider__trigger", [Y.value, {
+					"m-layout-sider__trigger--bar": H.value === "bar",
+					"m-layout-sider__trigger--arrow-circle": H.value === "arrow-circle"
+				}]]),
+				style: f(X.value),
+				"aria-expanded": !v(P),
+				"aria-label": v(P) ? v(C).expand : v(C).collapse,
+				onClick: n[1] ||= (...e) => v(F) && v(F)(...e)
+			}, [H.value === "arrow-circle" ? (p(), o("span", j, [c(e, {
+				name: "chevron-right",
+				size: "sm"
+			})])) : (p(), o("span", M, [...n[2] ||= [s("i", { class: "m-layout-sider__bar-top" }, null, -1), s("i", { class: "m-layout-sider__bar-bottom" }, null, -1)]]))], 14, A)) : a("", !0),
+			l.bordered ? (p(), o("div", N)) : a("", !0)
+		], 38));
+	}
+});
+//#endregion
+export { S as MLayout, T as MLayoutContent, E as MLayoutFooter, D as MLayoutHeader, P as MLayoutSider, x as M_LAYOUT_KEY };