@camera.ui/server 2.4.0 → 2.4.2

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

@@ -1,611 +0,0 @@
-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-xWofDMK3.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-rrvfmgLd.js";
-import { t as V } from "./CuiButton-CGAd8xvo.js";
-import { t as H } from "./speeddial-C70QgR0r.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-Crl1GPan.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-KI3ljdF5.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 };