morya-ui 0.1.1 → 0.2.1

package/dist/terminal/index.js

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