@camera.ui/server 2.4.1 → 2.4.3

package/dist/interface/ha/Terminal-BtIAJfig.js

@@ -0,0 +1,611 @@
+import { f as e, m as t } from "./ripple-CGl9oC16.js";
+import { B as n, G as r, H as i, J as a, Kt as o, M as s, N as c, Ot as l, St as u, Tt as d, Xt as f, Y as p, Yt as m, bt as h, d as g, f as _, jt as v, l as y, lt as b, ot as x, p as S, r as C, rt as w, u as T, ut as E, vt as D, x as O, y as k, z as ee } from "./runtime-core.esm-bundler-CrWKbcD2.js";
+import { Si as A, ci as j, ii as M, mt as N, y as P } from "./api-B_pmwTpy.js";
+import { L as F } from "./protocol-BB4jdtUC-CGK3LRf3.js";
+import { D as I, l as L, x as te } from "./vee-validate-DWIY1QrX.js";
+import { r as R } from "./pinia-BBBIELZl.js";
+import { n as z } from "./vue-i18n-DzDRu5NH.js";
+import { z as B } from "./dist-DTq7_9I6.js";
+import { t as V } from "./CuiButton-CGAd8xvo.js";
+import { t as H } from "./speeddial-CwmTTb63.js";
+import { a as U, i as W, n as G, r as ne, t as K } from "./xterm-DdSDghNG.js";
+import { t as re } from "./back-filled-DHF_824p.js";
+import { r as q } from "./useKeyboardInset-DHXnyIUl.js";
+import { t as J } from "./settings-BN8SfzNL.js";
+import { n as ie, t as ae } from "./zoom-in-BxVI20mm.js";
+import { n as oe, t as se } from "./CuiTopNavbarItem-Cf4kt7Iy.js";
+import { t as ce } from "./trash-2-DJdLdK3O.js";
+//#region ~icons/carbon/reset
+var Y = {
+	viewBox: "0 0 32 32",
+	width: "1.2em",
+	height: "1.2em"
+};
+function X(e, t) {
+	return i(), S("svg", Y, [...t[0] ||= [T("path", {
+		fill: "currentColor",
+		d: "M18 28A12 12 0 1 0 6 16v6.2l-3.6-3.6L1 20l6 6l6-6l-1.4-1.4L8 22.2V16a10 10 0 1 1 10 10Z"
+	}, null, -1)]]);
+}
+var le = D({
+	name: "carbon-reset",
+	render: X
+}), Z = {
+	viewBox: "0 0 32 32",
+	width: "1.2em",
+	height: "1.2em"
+};
+function ue(e, t) {
+	return i(), S("svg", Z, [...t[0] ||= [T("path", {
+		fill: "currentColor",
+		d: "M17 15V8h-2v7H8v2h7v7h2v-7h7v-2z"
+	}, null, -1)]]);
+}
+var de = D({
+	name: "carbon-add",
+	render: ue
+}), fe = /*#__PURE__*/ M(/* @__PURE__ */ O({
+	__name: "CuiTerminal",
+	props: {
+		autoConnect: {
+			type: Boolean,
+			default: !0
+		},
+		cwd: {},
+		shell: {},
+		options: { default: () => ({ fontSize: 14 }) },
+		inputTransform: {}
+	},
+	emits: [
+		"connected",
+		"disconnected",
+		"error"
+	],
+	setup(e, { expose: t, emit: r }) {
+		let a = e, o = r, { isConnected: s, isConnecting: u, isClientConnected: f, error: p, connect: m, write: h, resize: g, close: _ } = B(), { options: v } = l(a), y = {
+			fontSize: 14,
+			scrollback: 5e3,
+			allowTransparency: !1,
+			disableStdin: !1,
+			cursorBlink: !0,
+			allowProposedApi: !0,
+			theme: { background: "#000000" }
+		}, b = {
+			"\x1B[A": "\x1BOA",
+			"\x1B[B": "\x1BOB",
+			"\x1B[C": "\x1BOC",
+			"\x1B[D": "\x1BOD",
+			"\x1B[H": "\x1BOH",
+			"\x1B[F": "\x1BOF"
+		}, C = w("terminalContainerRef"), T = d(null), E = null, D = null, O = null, k = null, A = te(C);
+		function j(e) {
+			s.value && h(a.inputTransform ? a.inputTransform(e) : e);
+		}
+		function M(e) {
+			T.value && T.value.write(e);
+		}
+		function N() {
+			if (T.value && E) try {
+				E.fit();
+			} catch {}
+		}
+		function P() {
+			N(), s.value && T.value && g({
+				cols: T.value.cols,
+				rows: T.value.rows
+			});
+		}
+		function I() {
+			T.value && c(() => {
+				N(), T.value && (T.value.refresh(0, T.value.rows - 1), T.value.focus());
+			});
+		}
+		let L = F(P, 100);
+		function R(e) {
+			if (e) try {
+				e.dispose();
+			} catch {}
+		}
+		function z() {
+			C.value && (T.value = new K({
+				...y,
+				...v.value
+			}), E = new U(), k = new G(), D = new W(), O = new ne(), T.value.loadAddon(D), T.value.loadAddon(O), T.value.loadAddon(k), T.value.loadAddon(E), T.value.open(C.value), T.value.onData(j), T.value.onResize(({ cols: e, rows: t }) => {
+				s.value && g({
+					cols: e,
+					rows: t
+				});
+			}), k.onContextLoss(() => {
+				R(k), k = null;
+			}), P());
+		}
+		async function V() {
+			T.value && await m({
+				cols: T.value.cols,
+				rows: T.value.rows,
+				cwd: a.cwd,
+				shell: a.shell,
+				onData: M,
+				onClose: () => {
+					T.value?.write("\r\n\x1B[33mSession closed.\x1B[0m\r\n");
+				},
+				onError: (e) => {
+					o("error", e);
+				}
+			});
+		}
+		async function H() {
+			await _();
+		}
+		function re() {
+			T.value?.clear();
+		}
+		function q() {
+			T.value?.focus();
+		}
+		function J(e) {
+			T.value?.modes.applicationCursorKeysMode && (e = b[e] ?? e), j(e);
+		}
+		return x(v, () => {
+			T.value && (T.value.options = {
+				...y,
+				...v.value
+			}, L());
+		}, { deep: !0 }), x(s, (e) => {
+			e ? (o("connected"), c(() => T.value?.focus())) : o("disconnected");
+		}), x([A.height, A.width], () => {
+			L();
+		}), ee(() => {
+			z(), a.autoConnect && V();
+		}), n(() => {
+			_(), R(E), R(k), R(D), R(O), R(T.value);
+		}), t({
+			connect: V,
+			disconnect: H,
+			clear: re,
+			focus: q,
+			resize: P,
+			refresh: I,
+			sendInput: J,
+			isConnected: s,
+			isConnecting: u,
+			isClientConnected: f,
+			error: p,
+			term: T
+		}), (e, t) => (i(), S("div", {
+			ref_key: "terminalContainerRef",
+			ref: C,
+			class: "cui-terminal w-full h-full bg-black overflow-hidden p-2 min-w-0"
+		}, null, 512));
+	}
+}), [["__scopeId", "data-v-4f36abbd"]]), Q = [
+	{
+		id: "esc",
+		label: "Esc",
+		sequence: "\x1B"
+	},
+	{
+		id: "tab",
+		label: "Tab",
+		sequence: "	"
+	},
+	{
+		id: "ctrl",
+		label: "Ctrl",
+		sequence: "",
+		modifier: !0
+	},
+	{
+		id: "alt",
+		label: "Alt",
+		sequence: "",
+		modifier: !0
+	},
+	{
+		id: "home",
+		label: "Home",
+		sequence: "\x1B[H"
+	},
+	{
+		id: "end",
+		label: "End",
+		sequence: "\x1B[F"
+	},
+	{
+		id: "up",
+		label: "↑",
+		sequence: "\x1B[A"
+	},
+	{
+		id: "down",
+		label: "↓",
+		sequence: "\x1B[B"
+	},
+	{
+		id: "left",
+		label: "←",
+		sequence: "\x1B[D"
+	},
+	{
+		id: "right",
+		label: "→",
+		sequence: "\x1B[C"
+	},
+	{
+		id: "pgup",
+		label: "PgUp",
+		sequence: "\x1B[5~"
+	},
+	{
+		id: "pgdn",
+		label: "PgDn",
+		sequence: "\x1B[6~"
+	},
+	{
+		id: "del",
+		label: "Del",
+		sequence: "\x1B[3~"
+	},
+	{
+		id: "slash",
+		label: "/",
+		sequence: "/"
+	},
+	{
+		id: "dash",
+		label: "-",
+		sequence: "-"
+	},
+	{
+		id: "pipe",
+		label: "|",
+		sequence: "|"
+	},
+	{
+		id: "tilde",
+		label: "~",
+		sequence: "~"
+	},
+	{
+		id: "underscore",
+		label: "_",
+		sequence: "_"
+	}
+], pe = [
+	"tab",
+	"ctrl",
+	"up",
+	"down",
+	"left",
+	"right"
+], $ = {
+	a: "
",
+	b: "",
+	c: "",
+	d: "",
+	e: "",
+	f: "",
+	g: "\x07",
+	h: "\b",
+	i: "	",
+	j: "\n",
+	k: "\v",
+	l: "\f",
+	m: "\r",
+	n: "",
+	o: "",
+	p: "",
+	q: "",
+	r: "",
+	s: "",
+	t: "",
+	u: "",
+	v: "",
+	w: "",
+	x: "",
+	y: "",
+	z: ""
+}, me = ["onPointerdown"], he = {
+	key: 0,
+	class: "flex flex-wrap gap-1.5 px-2 py-2 bg-black/90 border-t border-white/10"
+}, ge = ["onClick"], _e = /*#__PURE__*/ M(/* @__PURE__ */ O({
+	__name: "CuiTerminalToolbar",
+	emits: ["send"],
+	setup(e, { expose: n, emit: a }) {
+		let s = a, { smBreakpoint: c } = j(), l = Q, d = I("cui-terminal-toolbar-keys", pe), p = u(!1), m = h(/* @__PURE__ */ new Set()), g = y(() => d.value.map((e) => l.find((t) => t.id === e)).filter(Boolean));
+		function b(e) {
+			if (m.has("ctrl") && e.length === 1) {
+				let t = $[e.toLowerCase()];
+				if (t) return t;
+			}
+			return m.has("alt") && e.length === 1 ? `\x1b${e}` : e;
+		}
+		function x(e) {
+			if (e.modifier) {
+				m.has(e.id) ? m.delete(e.id) : m.add(e.id);
+				return;
+			}
+			let t = b(e.sequence);
+			s("send", t), m.clear();
+		}
+		function w(e) {
+			let t = d.value.indexOf(e);
+			t >= 0 ? d.value.splice(t, 1) : d.value.push(e);
+		}
+		return n({
+			activeModifiers: m,
+			applyModifiers: b
+		}), (e, n) => {
+			let a = J;
+			return i(), S("div", null, [T("div", { class: o(["cui-terminal-toolbar flex items-center gap-1 px-2 py-1.5 bg-black/80 border-t border-white/10 overflow-x-auto no-scrollbar", { "pt-3": !v(c) }]) }, [(i(!0), S(C, null, r(v(g), (e) => (i(), S("button", {
+				key: e.id,
+				class: o(["toolbar-key flex-shrink-0 px-2.5 py-1.5 rounded text-xs font-mono select-none transition-colors duration-100 border min-w-[32px] text-center cursor-pointer", {
+					"bg-white/20 border-white/30 text-white": e.modifier && v(m).has(e.id),
+					"bg-white/5 border-white/10 text-white/70 hover:bg-white/15 hover:text-white active:bg-white/25": !(e.modifier && v(m).has(e.id))
+				}]),
+				onPointerdown: t((t) => x(e), ["prevent"])
+			}, f(e.label), 43, me))), 128)), T("button", {
+				class: o(["toolbar-key flex-shrink-0 px-2 py-1.5 rounded text-xs select-none transition-colors duration-100 border ml-auto", {
+					"bg-white/20 border-white/30 text-white": v(p),
+					"bg-white/5 border-white/10 text-white/50 hover:bg-white/15 hover:text-white": !v(p)
+				}]),
+				onPointerdown: n[0] ||= t((e) => p.value = !v(p), ["prevent"])
+			}, [k(a, { class: "w-3.5 h-3.5" })], 34)], 2), v(p) ? (i(), S("div", he, [(i(!0), S(C, null, r(v(l), (e) => (i(), S("button", {
+				key: e.id,
+				class: o(["px-2.5 py-1 rounded text-xs font-mono select-none transition-colors duration-100 border", {
+					"bg-white/20 border-white/30 text-white": v(d).includes(e.id),
+					"bg-white/5 border-white/10 text-white/30": !v(d).includes(e.id)
+				}]),
+				onClick: (t) => w(e.id)
+			}, f(e.label), 11, ge))), 128))])) : _("", !0)]);
+		};
+	}
+}), [["__scopeId", "data-v-e111c595"]]), ve = { class: "h-full w-full dark-mode relative overflow-hidden" }, ye = { class: "relative w-6 h-6" }, be = /* @__PURE__ */ O({
+	__name: "Terminal",
+	props: {
+		navbarWidth: { default: 0 },
+		navbarLeft: { default: 0 }
+	},
+	setup(t) {
+		let d = t, f = L(), { t: h } = z(), _ = A(), { uiSettings: D } = R(_), { navbarWidth: O, navbarLeft: j } = l(d), { keyboardInset: M } = q(), F = w("toolbar"), I = u([]), B = u(""), U = /* @__PURE__ */ new Map(), W = 0, G = te(F), ne = y(() => O.value + j.value), K = y(() => I.value.find((e) => e.id === B.value)), J = y(() => ({ fontSize: D.value.console.zoom })), Y = u([
+			{
+				label: h("components.form.tooltip.clear"),
+				icon: ce,
+				buttonProps: { severity: "danger" },
+				command: () => {
+					Q()?.clear();
+				}
+			},
+			{
+				label: h("components.form.tooltip.zoom_out"),
+				icon: ie,
+				command: () => {
+					Ee();
+				}
+			},
+			{
+				label: h("components.form.tooltip.zoom_in"),
+				icon: ae,
+				command: () => {
+					Te();
+				}
+			}
+		]);
+		function X(e) {
+			e.target?.closest?.(".cui-terminal-toolbar") || e.preventDefault();
+		}
+		function Z(e) {
+			e ? (document.addEventListener("touchmove", X, { passive: !1 }), document.documentElement.style.overscrollBehavior = "none") : (document.removeEventListener("touchmove", X), document.documentElement.style.overscrollBehavior = "");
+		}
+		function ue(e, t) {
+			t ? U.set(e, t) : U.delete(e);
+		}
+		function Q() {
+			return U.get(B.value);
+		}
+		function pe() {
+			return W++, {
+				id: P(12),
+				name: `Terminal ${W}`,
+				isConnected: !1,
+				isConnecting: !0
+			};
+		}
+		function $() {
+			let e = pe();
+			I.value.push(e), B.value = e.id;
+		}
+		async function me(e) {
+			let t = I.value.findIndex((t) => t.id === e);
+			if (t === -1) return;
+			let n = U.get(e);
+			if (n && await n.disconnect(), I.value.splice(t, 1), U.delete(e), B.value === e && I.value.length > 0) {
+				let e = Math.min(t, I.value.length - 1);
+				B.value = I.value[e].id, c(() => {
+					Q()?.refresh();
+				});
+			}
+		}
+		function he(e) {
+			B.value = e, c(() => {
+				U.get(e)?.refresh();
+			});
+		}
+		function ge(e) {
+			if (!F.value?.activeModifiers?.size) return e;
+			let t = F.value.applyModifiers(e);
+			return F.value.activeModifiers.clear(), t;
+		}
+		function be(e) {
+			Q()?.sendInput(e);
+		}
+		async function xe() {
+			let e = Q();
+			e && (await e.disconnect(), await e.connect());
+		}
+		function Se(e) {
+			let t = I.value.find((t) => t.id === e);
+			t && (t.isConnected = !0, t.isConnecting = !1), e === B.value && c(() => {
+				Q()?.refresh();
+			});
+		}
+		function Ce(e) {
+			let t = I.value.find((t) => t.id === e);
+			t && (t.isConnected = !1, t.isConnecting = !1);
+		}
+		function we(e, t) {
+			f.error(`Terminal ${e} error:`, t);
+			let n = I.value.find((t) => t.id === e);
+			n && (n.isConnected = !1, n.isConnecting = !1);
+		}
+		function Te() {
+			D.value.console.zoom !== 20 && (D.value.console.zoom++, c(() => {
+				Q()?.resize();
+			}));
+		}
+		function Ee() {
+			D.value.console.zoom !== 8 && (D.value.console.zoom--, c(() => {
+				Q()?.resize();
+			}));
+		}
+		return x(M, (e) => Z(e > 0)), ee(() => {
+			$();
+		}), n(() => {
+			Z(!1);
+		}), (t, n) => {
+			let c = re, l = V, u = N, d = se, f = de, _ = oe, y = H, x = le, w = a("tooltip");
+			return i(), S("div", ve, [
+				k(u, { position: "left" }, {
+					default: b(() => [k(l, {
+						severity: "secondary",
+						text: "",
+						class: "cui-button p-2 text-color non-draggable-region",
+						onClick: n[0] ||= (e) => t.$router.push("/menu")
+					}, {
+						icon: b(() => [k(c, { class: "w-6 h-6" })]),
+						_: 1
+					})]),
+					_: 1
+				}),
+				k(_, {
+					scrollable: "",
+					"left-offset": v(ne),
+					animate: ""
+				}, {
+					left: b(() => [(i(!0), S(C, null, r(v(I), (e) => (i(), g(d, {
+						key: e.id,
+						type: "tab",
+						label: e.name,
+						active: v(B) === e.id,
+						status: e.isConnected ? "connected" : e.isConnecting ? "connecting" : "disconnected",
+						closeable: v(I).length > 1,
+						onClick: (t) => he(e.id),
+						onClose: (t) => me(e.id)
+					}, null, 8, [
+						"label",
+						"active",
+						"status",
+						"closeable",
+						"onClick",
+						"onClose"
+					]))), 128)), E((i(), g(d, {
+						type: "button",
+						onClick: $
+					}, {
+						icon: b(() => [k(f, { class: "w-4 h-4" })]),
+						_: 1
+					})), [[w, v(h)("views.terminal.new_tab")]])]),
+					_: 1
+				}, 8, ["left-offset"]),
+				T("div", {
+					class: "w-full h-full flex flex-col relative",
+					style: m({ paddingTop: `${v(55)}px` })
+				}, [T("div", { class: o(["flex-1 relative min-h-0 overflow-hidden", { "pb-1": v(M) > 0 }]) }, [(i(!0), S(C, null, r(v(I), (t) => E((i(), g(fe, {
+					key: t.id,
+					ref_for: !0,
+					ref: (e) => ue(t.id, e),
+					options: v(J),
+					"input-transform": ge,
+					"auto-connect": "",
+					onConnected: () => Se(t.id),
+					onDisconnected: () => Ce(t.id),
+					onError: (e) => we(t.id, e)
+				}, null, 8, [
+					"options",
+					"onConnected",
+					"onDisconnected",
+					"onError"
+				])), [[e, v(B) === t.id]])), 128))], 2), k(_e, {
+					ref_key: "toolbar",
+					ref: F,
+					onSend: be
+				}, null, 512)], 4),
+				k(y, {
+					model: v(Y),
+					direction: "up",
+					"transition-delay": 80,
+					"tooltip-options": {
+						position: "left",
+						event: void 0
+					},
+					class: "absolute right-3 z-11",
+					pt: { root: { style: "pointer-events: none" } },
+					style: m({
+						bottom: `calc(0.75rem + ${v(G).height.value}px)`,
+						transition: "bottom 150ms ease-out"
+					})
+				}, {
+					button: b(({ visible: e, toggleCallback: t }) => [k(l, {
+						severity: "secondary",
+						class: o(["dark-mode opacity-40 hover:opacity-100 active:opacity-100 focus:opacity-100 transition pointer-events-auto", { "opacity-100": e }]),
+						rounded: "",
+						onClick: t
+					}, {
+						icon: b(() => [T("div", ye, [
+							T("div", {
+								class: o(["absolute top-0.5 left-1/2 -translate-x-1/2 w-1.5 h-1.5 rounded-full transform transition-all duration-100 origin-center", { "w-4 h-[2px] rotate-45 top-1/2 -translate-y-1/2 rounded-none": e }]),
+								style: { backgroundColor: "var(--text-color)" }
+							}, null, 2),
+							T("div", {
+								class: o(["absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-1.5 h-1.5 rounded-full transition-all duration-100", { "opacity-0 scale-0": e }]),
+								style: { backgroundColor: "var(--text-color)" }
+							}, null, 2),
+							T("div", {
+								class: o(["absolute bottom-0.5 left-1/2 -translate-x-1/2 w-1.5 h-1.5 rounded-full transform transition-all duration-100 origin-center", { "w-4 h-[2px] -rotate-45 bottom-1/2 translate-y-1/2 rounded-none": e }]),
+								style: { backgroundColor: "var(--text-color)" }
+							}, null, 2)
+						])]),
+						_: 2
+					}, 1032, ["class", "onClick"])]),
+					item: b(({ item: e, toggleCallback: t }) => [E((i(), g(l, s({ severity: "secondary" }, e.buttonProps, {
+						rounded: "",
+						onClick: t
+					}), {
+						icon: b(() => [(i(), g(p(e.icon)))]),
+						_: 2
+					}, 1040, ["onClick"])), [[w, { value: e.label }]])]),
+					_: 1
+				}, 8, ["model", "style"]),
+				E((i(), g(l, {
+					class: o(["opacity-40 hover:opacity-100 active:opacity-100 focus:opacity-100 transition absolute right-14 z-11", { "!opacity-20 pointer-events-none": v(K)?.isConnected || v(K)?.isConnecting }]),
+					style: m({
+						bottom: `calc(0.75rem + ${v(G).height.value}px)`,
+						transition: "bottom 150ms ease-out"
+					}),
+					rounded: "",
+					disabled: v(K)?.isConnected || v(K)?.isConnecting,
+					onClick: xe
+				}, {
+					icon: b(() => [k(x, { class: "text-white" })]),
+					_: 1
+				}, 8, [
+					"class",
+					"style",
+					"disabled"
+				])), [[w, v(h)("views.terminal.reconnect")]])
+			]);
+		};
+	}
+});
+//#endregion
+export { be as default };