morya-ui 0.1.1 → 0.2.1

package/dist/splitter/index.js

@@ -1,11 +1,12 @@
-import { n as e } from "../locale-DYGhxekd.js";
+import { r as e } from "../useComponentAttrs-BTYEe61P.js";
+import { n as t } from "../locale-DYGhxekd.js";
 import "./style.js";
-import { Comment as t, Fragment as n, Text as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, defineComponent as l, normalizeClass as u, normalizeStyle as d, onBeforeUnmount as ee, openBlock as f, ref as p, renderSlot as m, resolveDynamicComponent as h, unref as g, useSlots as _, watch as v } from "vue";
+import { Comment as n, Fragment as r, Text as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, defineComponent as u, mergeProps as d, normalizeClass as f, normalizeStyle as p, onBeforeUnmount as ee, openBlock as m, ref as h, renderSlot as g, resolveDynamicComponent as _, unref as v, useAttrs as y, useSlots as b, watch as x } from "vue";
 //#region src/components/Splitter/size.ts
-function y(e, t = "percent") {
+function S(e, t = "percent") {
 	return e == null ? t : typeof e == "string" ? "px" : e <= 1 ? "ratio" : "percent";
 }
-function b(e, t, n) {
+function C(e, t, n) {
 	if (typeof e == "string") {
 		let t = Number.parseFloat(e);
 		return Number.isFinite(t) ? t : 0;
@@ -15,16 +16,16 @@ function b(e, t, n) {
 function te(e, t, n) {
 	return t <= 0 ? n === "px" ? "0px" : 0 : n === "px" ? `${Math.round(e)}px` : Number(n === "ratio" ? (e / t).toFixed(4) : (e / t * 100).toFixed(1));
 }
-function ne(e, t) {
+function w(e, t) {
 	return t === "px" || typeof e == "string" ? typeof e == "string" ? e : `${e}px` : t === "ratio" ? `${e * 100}%` : `${e}%`;
 }
-function x(e, t, n, r) {
+function T(e, t, n, r) {
 	let i = Math.min(n, r);
 	return Math.min(i, Math.max(Math.min(t, i), e));
 }
 //#endregion
 //#region src/components/Splitter/Splitter.vue?vue&type=script&setup=true&lang.ts
-var S = ["aria-orientation"], re = [
+var ne = ["aria-orientation"], re = [
 	"tabindex",
 	"aria-orientation",
 	"aria-valuenow",
@@ -32,9 +33,11 @@ var S = ["aria-orientation"], re = [
 	"aria-valuemax",
 	"aria-disabled",
 	"aria-label"
-], C = /* @__PURE__ */ l({
+], E = /* @__PURE__ */ u({
+	inheritAttrs: !1,
 	__name: "Splitter",
 	props: {
+		pt: {},
 		layout: {},
 		direction: {},
 		size: {},
@@ -58,129 +61,130 @@ var S = ["aria-orientation"], re = [
 		"drag-move",
 		"drag-end"
 	],
-	setup(l, { emit: C }) {
-		let w = l, T = C, E = e(), D = _(), O = p(null), k = p(!1), A = i(() => w.layout ?? w.direction ?? "horizontal"), j = i(() => A.value === "vertical"), M = i(() => w.size !== void 0), N = i(() => y(w.size ?? w.defaultSize, "percent")), P = i(() => w.min === void 0 ? N.value === "ratio" ? .1 : N.value === "px" ? "40px" : 10 : w.min), F = i(() => {
-			if (w.max !== void 0) return w.max;
-			if (N.value === "ratio") return .9;
-			if (N.value !== "px") return 90;
-		}), I = p(w.defaultSize), L = i(() => M.value ? w.size : I.value);
-		v(() => w.size, (e) => {
-			e !== void 0 && !k.value && (I.value = e);
-		}), v(() => w.defaultSize, (e) => {
-			M.value || (I.value = e);
+	setup(u, { emit: E }) {
+		let D = u, O = y(), { rootAttrs: ie } = e(O, () => D.pt), k = E, A = t(), j = b(), M = h(null), N = h(!1), P = a(() => D.layout ?? D.direction ?? "horizontal"), F = a(() => P.value === "vertical"), I = a(() => D.size !== void 0), L = a(() => S(D.size ?? D.defaultSize, "percent")), R = a(() => D.min === void 0 ? L.value === "ratio" ? .1 : L.value === "px" ? "40px" : 10 : D.min), z = a(() => {
+			if (D.max !== void 0) return D.max;
+			if (L.value === "ratio") return .9;
+			if (L.value !== "px") return 90;
+		}), B = h(D.defaultSize), V = a(() => I.value ? D.size : B.value);
+		x(() => D.size, (e) => {
+			e !== void 0 && !N.value && (B.value = e);
+		}), x(() => D.defaultSize, (e) => {
+			I.value || (B.value = e);
 		});
-		let R = 0, z = 0, B = 0;
-		function V(e) {
-			let i = [];
-			for (let a of e) if (a.type !== t && !(a.type === r && !String(a.children ?? "").trim())) {
-				if (a.type === n && Array.isArray(a.children)) {
-					i.push(...V(a.children));
+		let H = 0, U = 0, W = 0;
+		function G(e) {
+			let t = [];
+			for (let a of e) if (a.type !== n && !(a.type === i && !String(a.children ?? "").trim())) {
+				if (a.type === r && Array.isArray(a.children)) {
+					t.push(...G(a.children));
 					continue;
 				}
-				i.push(a);
+				t.push(a);
 			}
-			return i;
+			return t;
 		}
-		let H = i(() => {
-			let e = V(D.default?.() ?? []);
+		let K = a(() => {
+			let e = G(j.default?.() ?? []);
 			return [e[0] ?? null, e[1] ?? null];
 		});
-		function U() {
-			let e = O.value;
+		function q() {
+			let e = M.value;
 			if (!e) return 0;
-			let t = e.getBoundingClientRect(), n = j.value ? t.height : t.width;
-			return Math.max(0, n - w.resizeTriggerSize);
+			let t = e.getBoundingClientRect(), n = F.value ? t.height : t.width;
+			return Math.max(0, n - D.resizeTriggerSize);
 		}
-		function W(e) {
+		function J(e) {
 			return typeof e == "string" || e == null ? void 0 : e;
 		}
-		let G = i(() => ({
-			flex: `0 0 ${ne(L.value, N.value)}`,
-			...W(w.pane1Style)
-		})), K = i(() => W(w.pane2Style)), q = i(() => ({}));
-		function J(e) {
-			e !== L.value && (I.value = e, T("update:size", e), T("resize", e));
+		let ae = a(() => ({
+			flex: `0 0 ${w(V.value, L.value)}`,
+			...J(D.pane1Style)
+		})), oe = a(() => J(D.pane2Style)), se = a(() => ({}));
+		function ce(e) {
+			e !== V.value && (B.value = e, k("update:size", e), k("resize", e));
 		}
 		function Y(e, t) {
-			let n = N.value;
+			let n = L.value;
 			if (t <= 0) return;
-			let r = b(P.value, t, y(P.value, n)), i = F.value;
-			J(te(x(e, r, i === void 0 && n === "px" ? t : b(i ?? (n === "ratio" ? 1 : 100), t, y(i ?? 100, n)), t), t, n));
+			let r = C(R.value, t, S(R.value, n)), i = z.value;
+			ce(te(T(e, r, i === void 0 && n === "px" ? t : C(i ?? (n === "ratio" ? 1 : 100), t, S(i ?? 100, n)), t), t, n));
 		}
 		function X(e) {
-			if (!k.value || B <= 0 || w.disabled) return;
-			let t = j.value ? e.clientY : e.clientX;
-			Y(z + (t - R), B), T("drag-move", e);
+			if (!N.value || W <= 0 || D.disabled) return;
+			let t = F.value ? e.clientY : e.clientX;
+			Y(U + (t - H), W), k("drag-move", e);
 		}
 		function Z(e) {
-			k.value && (k.value = !1, window.removeEventListener("mousemove", X, !0), window.removeEventListener("mouseup", Q, !0), window.removeEventListener("pointermove", X, !0), window.removeEventListener("pointerup", Q, !0), document.body.style.removeProperty("cursor"), document.body.style.removeProperty("user-select"), e && T("drag-end", e));
+			N.value && (N.value = !1, window.removeEventListener("mousemove", X, !0), window.removeEventListener("mouseup", Q, !0), window.removeEventListener("pointermove", X, !0), window.removeEventListener("pointerup", Q, !0), document.body.style.removeProperty("cursor"), document.body.style.removeProperty("user-select"), e && k("drag-end", e));
 		}
 		function Q(e) {
 			Z(e);
 		}
 		function $(e) {
-			w.disabled || "button" in e && e.button > 0 || O.value && (e.preventDefault(), B = U(), !(B <= 0) && (R = j.value ? e.clientY : e.clientX, z = b(L.value, B, N.value), k.value = !0, document.body.style.cursor = j.value ? "row-resize" : "col-resize", document.body.style.userSelect = "none", T("drag-start", e), window.addEventListener("mousemove", X, !0), window.addEventListener("mouseup", Q, !0), window.addEventListener("pointermove", X, !0), window.addEventListener("pointerup", Q, !0)));
+			D.disabled || "button" in e && e.button > 0 || M.value && (e.preventDefault(), W = q(), !(W <= 0) && (H = F.value ? e.clientY : e.clientX, U = C(V.value, W, L.value), N.value = !0, document.body.style.cursor = F.value ? "row-resize" : "col-resize", document.body.style.userSelect = "none", k("drag-start", e), window.addEventListener("mousemove", X, !0), window.addEventListener("mouseup", Q, !0), window.addEventListener("pointermove", X, !0), window.addEventListener("pointerup", Q, !0)));
 		}
-		function ie(e) {
-			if (w.disabled) return;
-			let t = N.value, n = U();
+		function le(e) {
+			if (D.disabled) return;
+			let t = L.value, n = q();
 			n <= 0 && t !== "px" && (n = 100);
-			let r = b(L.value, n, t), i = e.shiftKey ? n * .05 : n * .01, a = (t) => {
+			let r = C(V.value, n, t), i = e.shiftKey ? n * .05 : n * .01, a = (t) => {
 				e.preventDefault(), Y(r + t, n);
 			};
-			if (j.value) {
+			if (F.value) {
 				e.key === "ArrowUp" ? a(-i) : e.key === "ArrowDown" && a(i);
 				return;
 			}
 			e.key === "ArrowLeft" ? a(-i) : e.key === "ArrowRight" && a(i);
 		}
-		let ae = i(() => {
-			let e = N.value, t = L.value;
+		let ue = a(() => {
+			let e = L.value, t = V.value;
 			return e === "px" && typeof t == "string" ? Math.round(Number.parseFloat(t)) : e === "ratio" && typeof t == "number" ? Math.round(t * 100) : typeof t == "number" ? Math.round(t) : 0;
-		}), oe = i(() => {
-			let e = P.value;
-			return typeof e == "string" ? Math.round(Number.parseFloat(e)) : N.value === "ratio" ? Math.round(e * 100) : Math.round(e);
-		}), se = i(() => {
-			let e = F.value;
-			if (e !== void 0) return typeof e == "string" ? Math.round(Number.parseFloat(e)) : N.value === "ratio" ? Math.round(e * 100) : Math.round(e);
+		}), de = a(() => {
+			let e = R.value;
+			return typeof e == "string" ? Math.round(Number.parseFloat(e)) : L.value === "ratio" ? Math.round(e * 100) : Math.round(e);
+		}), fe = a(() => {
+			let e = z.value;
+			if (e !== void 0) return typeof e == "string" ? Math.round(Number.parseFloat(e)) : L.value === "ratio" ? Math.round(e * 100) : Math.round(e);
 		});
 		return ee(() => {
 			Z();
-		}), (e, t) => (f(), s("div", {
+		}), (e, t) => (m(), c("div", d({
 			ref_key: "root",
-			ref: O,
-			class: u(["m-splitter", [`m-splitter--${A.value}`, {
-				"m-splitter--dragging": k.value,
-				"m-splitter--disabled": l.disabled
-			}]]),
-			style: d({ "--m-splitter-trigger-size": `${l.resizeTriggerSize}px` }),
-			"aria-orientation": j.value ? "vertical" : "horizontal"
-		}, [
-			c("div", {
-				class: u(["m-splitter__panel", l.pane1Class]),
-				style: d(G.value)
-			}, [g(D).panel1 ? m(e.$slots, "panel1", {}, void 0, void 0, 0) : g(D)[1] ? m(e.$slots, "1", {}, void 0, void 0, 1) : H.value[0] ? (f(), a(h(H.value[0]), { key: 2 })) : o("", !0)], 6),
-			c("div", {
+			ref: M
+		}, v(ie), {
+			class: ["m-splitter", [`m-splitter--${P.value}`, {
+				"m-splitter--dragging": N.value,
+				"m-splitter--disabled": u.disabled
+			}]],
+			style: { "--m-splitter-trigger-size": `${u.resizeTriggerSize}px` },
+			"aria-orientation": F.value ? "vertical" : "horizontal"
+		}), [
+			l("div", {
+				class: f(["m-splitter__panel", u.pane1Class]),
+				style: p(ae.value)
+			}, [v(j).panel1 ? g(e.$slots, "panel1", {}, void 0, void 0, 0) : v(j)[1] ? g(e.$slots, "1", {}, void 0, void 0, 1) : K.value[0] ? (m(), o(_(K.value[0]), { key: 2 })) : s("", !0)], 6),
+			l("div", {
 				class: "m-splitter__gutter",
 				role: "separator",
-				tabindex: l.disabled ? -1 : 0,
-				"aria-orientation": j.value ? "horizontal" : "vertical",
-				"aria-valuenow": ae.value,
-				"aria-valuemin": oe.value,
-				"aria-valuemax": se.value,
-				"aria-disabled": l.disabled || void 0,
-				"aria-label": j.value ? g(E).resizeVertical : g(E).resizeHorizontal,
-				style: d(q.value),
+				tabindex: u.disabled ? -1 : 0,
+				"aria-orientation": F.value ? "horizontal" : "vertical",
+				"aria-valuenow": ue.value,
+				"aria-valuemin": de.value,
+				"aria-valuemax": fe.value,
+				"aria-disabled": u.disabled || void 0,
+				"aria-label": F.value ? v(A).resizeVertical : v(A).resizeHorizontal,
+				style: p(se.value),
 				onPointerdown: $,
 				onMousedown: $,
-				onKeydown: ie
-			}, [m(e.$slots, "resize-trigger")], 44, re),
-			c("div", {
-				class: u(["m-splitter__panel wk-splitter__panel--fill", l.pane2Class]),
-				style: d(K.value)
-			}, [g(D).panel2 ? m(e.$slots, "panel2", {}, void 0, void 0, 0) : g(D)[2] ? m(e.$slots, "2", {}, void 0, void 0, 1) : H.value[1] ? (f(), a(h(H.value[1]), { key: 2 })) : o("", !0)], 6)
-		], 14, S));
+				onKeydown: le
+			}, [g(e.$slots, "resize-trigger")], 44, re),
+			l("div", {
+				class: f(["m-splitter__panel m-splitter__panel--fill", u.pane2Class]),
+				style: p(oe.value)
+			}, [v(j).panel2 ? g(e.$slots, "panel2", {}, void 0, void 0, 0) : v(j)[2] ? g(e.$slots, "2", {}, void 0, void 0, 1) : K.value[1] ? (m(), o(_(K.value[1]), { key: 2 })) : s("", !0)], 6)
+		], 16, ne));
 	}
 });
 //#endregion
-export { C as MSplitter };
+export { E as MSplitter };