morya-ui 0.2.2 → 0.2.4

package/dist/terminal/index.js

@@ -1,21 +1,22 @@
 import { r as e } from "../useComponentAttrs-BTYEe61P.js";
-import { n as t } from "../locale-DYGhxekd.js";
+import { t } from "../ScrollBody-CXFNhBvq.js";
+import { n } from "../locale-DYGhxekd.js";
 import "./style.js";
-import { Fragment as n, computed as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, defineComponent as s, mergeProps as c, nextTick as l, openBlock as u, ref as d, renderList as f, toDisplayString as p, unref as m, useAttrs as h, vModelText as g, withDirectives as _, withModifiers as v } from "vue";
+import { Fragment as r, computed as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createVNode as c, defineComponent as l, mergeProps as u, nextTick as d, openBlock as f, ref as p, renderList as m, toDisplayString as h, unref as g, useAttrs as _, vModelText as v, withCtx as y, withDirectives as b, withModifiers as x } from "vue";
 //#region src/components/Terminal/Terminal.vue?vue&type=script&setup=true&lang.ts
-var y = ["aria-label"], b = {
+var S = {
 	key: 0,
 	class: "m-terminal__welcome"
-}, x = { class: "m-terminal__line" }, S = {
+}, C = { class: "m-terminal__line" }, w = {
 	class: "m-terminal__prompt",
 	"aria-hidden": "true"
-}, C = {
+}, T = {
 	key: 0,
 	class: "m-terminal__response"
-}, w = {
+}, E = {
 	class: "m-terminal__prompt",
 	"aria-hidden": "true"
-}, T = ["aria-label"], E = /* @__PURE__ */ s({
+}, D = ["aria-label"], O = /* @__PURE__ */ l({
 	inheritAttrs: !1,
 	__name: "Terminal",
 	props: {
@@ -30,57 +31,63 @@ var y = ["aria-label"], b = {
 		"update:lines",
 		"update:responses"
 	],
-	setup(s, { expose: E, emit: D }) {
-		let O = s, k = h(), { rootAttrs: A } = e(k, () => O.pt), j = D, M = t(), N = d(""), P = d([]), F = d([]), I = d(null), L = d(null), R = d(-1), z = r(() => O.lines ?? P.value), B = r(() => O.responses ?? F.value);
-		function V(e) {
-			let t = [...z.value, e];
-			P.value = t, j("update:lines", t);
+	setup(l, { expose: O, emit: k }) {
+		let A = l, j = _(), { rootAttrs: M } = e(j, () => A.pt), N = k, P = n(), F = p(""), I = p([]), L = p([]), R = p(null), z = p(null), B = p(-1), V = i(() => A.lines ?? I.value), H = i(() => A.responses ?? L.value);
+		function U(e) {
+			let t = [...V.value, e];
+			I.value = t, N("update:lines", t);
 		}
-		function H(e) {
-			let t = [...B.value], n = Math.max(0, z.value.length - 1);
-			t[n] = e, F.value = t, j("update:responses", t);
+		function W(e) {
+			let t = [...H.value], n = Math.max(0, V.value.length - 1);
+			t[n] = e, L.value = t, N("update:responses", t);
 		}
-		async function U() {
-			let e = N.value.trim();
-			e && (V(e), j("command", e), N.value = "", R.value = -1, await l(), I.value && (I.value.scrollTop = I.value.scrollHeight));
+		async function G() {
+			let e = F.value.trim();
+			if (!e) return;
+			U(e), N("command", e), F.value = "", B.value = -1, await d();
+			let t = R.value?.wrapRef;
+			t && (t.scrollTop = t.scrollHeight);
 		}
-		function W(e) {
-			let t = z.value;
+		function K(e) {
+			let t = V.value;
 			if (e.key === "ArrowUp") {
 				if (!t.length) return;
-				e.preventDefault(), R.value < 0 && (R.value = t.length), R.value = Math.max(0, R.value - 1), N.value = t[R.value] ?? "";
+				e.preventDefault(), B.value < 0 && (B.value = t.length), B.value = Math.max(0, B.value - 1), F.value = t[B.value] ?? "";
 				return;
 			}
 			if (e.key === "ArrowDown") {
-				if (R.value < 0) return;
-				e.preventDefault(), R.value += 1, R.value >= t.length ? (R.value = -1, N.value = "") : N.value = t[R.value] ?? "";
+				if (B.value < 0) return;
+				e.preventDefault(), B.value += 1, B.value >= t.length ? (B.value = -1, F.value = "") : F.value = t[B.value] ?? "";
 			}
 		}
-		return E({
-			appendResponse: H,
-			focus: () => L.value?.focus()
-		}), (e, t) => (u(), a("div", c(m(A), { class: "m-terminal" }), [o("div", {
+		return O({
+			appendResponse: W,
+			focus: () => z.value?.focus()
+		}), (e, n) => (f(), o("div", u(g(M), { class: "m-terminal" }), [c(t, {
 			ref_key: "bodyRef",
-			ref: I,
-			class: "m-terminal__body",
+			ref: R,
+			"root-class": "m-terminal__body m-terminal__scrollbar",
+			"wrap-class": "m-terminal__scroll",
 			role: "log",
-			"aria-live": "polite",
-			"aria-label": m(M).terminal
-		}, [s.welcomeMessage ? (u(), a("div", b, p(s.welcomeMessage), 1)) : i("", !0), (u(!0), a(n, null, f(z.value, (e, t) => (u(), a(n, { key: `${e}-${t}` }, [o("div", x, [o("span", S, p(s.prompt), 1), o("span", null, p(e), 1)]), B.value[t] ? (u(), a("div", C, p(B.value[t]), 1)) : i("", !0)], 64))), 128))], 8, y), o("form", {
+			"aria-label": g(P).terminal
+		}, {
+			default: y(() => [l.welcomeMessage ? (f(), o("div", S, h(l.welcomeMessage), 1)) : a("", !0), (f(!0), o(r, null, m(V.value, (e, t) => (f(), o(r, { key: `${e}-${t}` }, [s("div", C, [s("span", w, h(l.prompt), 1), s("span", null, h(e), 1)]), H.value[t] ? (f(), o("div", T, h(H.value[t]), 1)) : a("", !0)], 64))), 128))]),
+			_: 1
+		}, 8, ["aria-label"]), s("form", {
 			class: "m-terminal__form",
-			onSubmit: v(U, ["prevent"])
-		}, [o("span", w, p(s.prompt), 1), _(o("input", {
+			onSubmit: x(G, ["prevent"])
+		}, [s("span", E, h(l.prompt), 1), b(s("input", {
 			ref_key: "inputRef",
-			ref: L,
-			"onUpdate:modelValue": t[0] ||= (e) => N.value = e,
+			ref: z,
+			"onUpdate:modelValue": n[0] ||= (e) => F.value = e,
 			class: "m-terminal__input",
 			type: "text",
-			"aria-label": m(M).commandInput,
+			"aria-label": g(P).commandInput,
 			autocomplete: "off",
 			spellcheck: "false",
-			onKeydown: W
-		}, null, 40, T), [[g, N.value]])], 32)], 16));
+			onKeydown: K
+		}, null, 40, D), [[v, F.value]])], 32)], 16));
 	}
 });
 //#endregion
-export { E as MTerminal };
+export { O as MTerminal };