@camera.ui/server 2.4.0 → 2.4.1

package/dist/interface/ha/Settings-BOPHH2KY.js

@@ -0,0 +1,218 @@
+import { G as e, H as t, Kt as n, N as r, Ot as i, St as a, Xt as o, Y as s, Yt as c, d as l, f as u, jt as d, l as f, lt as p, ot as m, p as h, q as g, r as _, rt as v, u as y, x as b, y as x, z as S } from "./runtime-core.esm-bundler-CrWKbcD2.js";
+import { Jr as C, Si as w, Wr as T, bi as E, ci as D, ii as O, li as k, mi as A, mt as j, ni as M, pi as N, w as P, xi as F } from "./api-BCqn9EdE.js";
+import { L as I } from "./protocol-BB4jdtUC-CGK3LRf3.js";
+import { P as L, p as R, x as z } from "./vee-validate-DWIY1QrX.js";
+import { r as B } from "./pinia-BBBIELZl.js";
+import { t as V } from "./CuiButton-CGAd8xvo.js";
+import { t as ee } from "./back-filled-DHF_824p.js";
+import { t as H } from "./useTabSwipe-geIocKKy.js";
+import { n as U, t as te } from "./round-alt-arrow-left-bold-aQPQ4P7J.js";
+//#region src/components/CuiRouterLoading/CuiRouterLoading.vue
+var W = {}, G = { class: "w-full h-full flex items-center justify-center" };
+function K(e, n) {
+	let r = M;
+	return t(), h("div", G, [x(r, {
+		class: "w-[30px] h-[30px] m-0",
+		"stroke-width": "5"
+	})]);
+}
+var q = /*#__PURE__*/ O(W, [["render", K]]), J = { key: 0 }, Y = { key: 1 }, X = { class: "overflow-hidden w-full" }, Z = { class: "ml-2 flex flex-row items-center justify-between" }, ne = { class: "text-start flex-1" }, re = { class: "text-sm font-bold max-w-100 truncate" }, ie = {
+	key: 0,
+	class: "text-sm text-muted font-normal"
+}, ae = /*#__PURE__*/ O(/* @__PURE__ */ b({
+	__name: "CuiSubNavItem",
+	props: {
+		label: {},
+		to: {},
+		description: {},
+		icon: {},
+		activeIcon: {}
+	},
+	setup(e) {
+		let { icon: r, activeIcon: a, label: s, description: c, to: f } = i(e);
+		return (e, i) => {
+			let m = V, _ = g("RouterLink");
+			return t(), l(_, { to: d(f) }, {
+				default: p(({ isExactActive: e }) => [x(m, {
+					text: "",
+					severity: "secondary",
+					class: n(["subnavitem-button w-full h-[120px] flex items-start justify-start p-6 bg-none text-color hover:!text-primary active:!text-primary focus:!text-primary rounded-none", { "active !text-primary": e }]),
+					fluid: ""
+				}, {
+					default: p(() => [d(r) && !e || !d(a) ? (t(), h("div", J, [x(d(r), { class: "w-[24px] h-[24px]" })])) : d(a) && e ? (t(), h("div", Y, [x(d(a), { class: "w-[24px] h-[24px]" })])) : u("", !0), y("div", X, [y("div", Z, [y("div", ne, [y("div", re, o(d(s)), 1), d(c) ? (t(), h("div", ie, o(d(c)), 1)) : u("", !0)])])])]),
+					_: 2
+				}, 1032, ["class"])]),
+				_: 1
+			}, 8, ["to"]);
+		};
+	}
+}), [["__scopeId", "data-v-f6def874"]]), Q = {
+	CLOSED: 0,
+	EXPANDED: 288
+}, $ = /*#__PURE__*/ O(/* @__PURE__ */ b({
+	__name: "CuiSubNavbar",
+	setup(n, { expose: i }) {
+		let s = E(), { bus: u } = N(), { xlBreakpoint: p, mdBreakpoint: g } = D(), { subbarState: b, navbarState: x, topbarOffset: w } = k(), T = v("subnavbarRef"), O = a("closed"), A = f(() => p.value ? "opened" : O.value), j = f(() => A.value === "closed" ? Q.CLOSED : Q.EXPANDED), M = f(() => P.find((e) => e.name === "Settings").children.filter((e) => e.meta?.settingsBar && C(e))), F = f(() => ["personal", "system"].map((e) => ({
+			key: e,
+			routes: M.value.filter((t) => (t.meta.settingsBar.group ?? "personal") === e)
+		})).filter((e) => e.routes.length > 0));
+		function z() {
+			O.value = "closed", u.emit({ subbarState: "closed" });
+		}
+		function B() {
+			r(() => {
+				let e = T.value?.querySelector(".subnavitem-button.active");
+				e && e.scrollIntoView({
+					block: "center",
+					behavior: "smooth"
+				});
+			});
+		}
+		let V = I(B, 100);
+		return R(T, (e) => {
+			let t = e.target, n = t.closest("#menu-icon"), r = t.closest("#submenu-icon"), i = t.closest("#navbar-icon");
+			!n && !r && !i && z();
+		}), L(T, () => {
+			V();
+		}), m(b, (e) => {
+			e && e !== O.value && (O.value = e);
+		}, { immediate: !0 }), m(s.currentRoute, (e, t) => {
+			e.path !== t.path && z();
+		}), m(x, (e) => {
+			e === "opened" && g.value && z();
+		}), S(() => {
+			B();
+		}), i({ subnavbarState: A }), (n, r) => {
+			let i = ae;
+			return t(), h("nav", {
+				ref_key: "subnavbarRef",
+				ref: T,
+				class: "cui-subnavbar fixed transition-all duration-200 overflow-x-hidden overflow-y-scroll md:!pl-0 pl-safe w-full h-full flex flex-col",
+				style: c({
+					width: `${d(j)}px`,
+					borderRightWidth: d(A) === "opened" ? "1px" : "0px",
+					paddingBottom: `calc(var(--safe-area-inset-top) + ${d(w)}px + var(--cui-bottom-bar) + var(--cui-bottom-gap))`
+				})
+			}, [(t(!0), h(_, null, e(d(F), (r) => (t(), h(_, { key: r.key }, [y("span", {
+				class: "shrink-0 pl-4 pt-4 pb-1 text-[11px] font-semibold uppercase tracking-widest text-muted",
+				style: c({ width: `${d(Q).EXPANDED}px` })
+			}, o(n.$t(`views.settings.section_${r.key}`)), 5), (t(!0), h(_, null, e(r.routes, (e) => (t(), l(i, {
+				key: e.name,
+				icon: e.meta.settingsBar.icon.default,
+				"active-icon": e.meta.settingsBar.icon.active,
+				to: e.path,
+				label: n.$t(`navigation.${(e.meta?.name).toLowerCase()}`),
+				description: n.$t(`navigation_description.${e.meta?.description}`),
+				class: "cui-list-item !m-0 !p-0 shrink-0",
+				style: c({ width: `${d(Q).EXPANDED}px` })
+			}, null, 8, [
+				"icon",
+				"active-icon",
+				"to",
+				"label",
+				"description",
+				"style"
+			]))), 128))], 64))), 128))], 4);
+		};
+	}
+}), [["__scopeId", "data-v-7cd5afb1"]]), oe = { class: "font-semibold text-xl truncate" }, se = { class: "w-full h-full relative" }, ce = {
+	key: 0,
+	class: "w-full flex flex-row h-[calc(40px+1rem)] py-2 items-center fixed z-2"
+}, le = { class: "relative z-2 page-title !m-0" }, ue = /* @__PURE__ */ b({
+	__name: "Settings",
+	setup(e) {
+		let r = E(), i = A(), { bus: a } = N(), { mdBreakpoint: _, xlBreakpoint: b, smBreakpoint: S } = D(), O = T(), { routerLoading: k } = B(O), M = ["personal", "system"].flatMap((e) => P.find((e) => e.name === "Settings").children.filter((t) => C(t) && t.meta?.settingsBar && (t.meta.settingsBar.group ?? "personal") === e)), I = v("subnavbarRef"), L = v("containerRef"), R = f(() => r.currentRoute.value.path === "/settings");
+		H(L, (e) => {
+			if (R.value) return;
+			let t = M.findIndex((e) => e.path === r.currentRoute.value.path.split("/settings/")[1]), n = e === "right" ? M[t - 1] : M[t + 1];
+			n && r.push({ path: n.path });
+		});
+		let W = z(I), G = f(() => I.value?.subnavbarState ?? "closed");
+		function K() {
+			let e = G.value === "opened" ? "closed" : "opened";
+			a.emit({ subbarState: e });
+		}
+		return m(S, (e) => {
+			if (!e && R.value) {
+				let e = w().uiSettings.interface.selectedSettingsView;
+				r.replace(`/settings/${F.includes(e) ? e : "account"}`);
+			}
+		}), (e, r) => {
+			let a = j, f = ee, m = V, v = $, C = te, w = U, T = q, E = g("RouterView");
+			return t(), h("div", null, [
+				x(a, { position: "center" }, {
+					default: p(() => [y("span", oe, o(e.$t(`views.settings.title_${e.$route.meta?.name}`)), 1)]),
+					_: 1
+				}),
+				x(a, { position: "left" }, {
+					default: p(() => [x(m, {
+						severity: "secondary",
+						text: "",
+						class: "cui-button p-2 text-color non-draggable-region",
+						onClick: r[0] ||= (t) => e.$router.push(d(R) ? "/menu" : "/settings")
+					}, {
+						icon: p(() => [x(f, { class: "w-6 h-6" })]),
+						_: 1
+					})]),
+					_: 1
+				}),
+				d(S) ? u("", !0) : (t(), l(v, {
+					key: 0,
+					ref_key: "subnavbarRef",
+					ref: I,
+					class: "z-4 min-w-0"
+				}, null, 512)),
+				y("main", {
+					class: "relative w-full h-full",
+					style: c({ paddingLeft: d(_) ? "0px" : `${d(W).width.value}px` })
+				}, [y("div", se, [d(S) ? u("", !0) : (t(), h("div", ce, [
+					r[1] ||= y("div", { class: "ml-2" }, null, -1),
+					d(b) ? u("", !0) : (t(), l(m, {
+						key: 0,
+						id: "submenu-icon",
+						severity: "secondary",
+						class: "mr-2 cui-icon-lg relative z-2",
+						text: "",
+						rounded: "",
+						onClick: K
+					}, {
+						icon: p(() => [d(G) === "opened" ? (t(), l(C, {
+							key: 0,
+							width: "100%",
+							height: "100%"
+						})) : (t(), l(w, {
+							key: 1,
+							width: "100%",
+							height: "100%"
+						}))]),
+						_: 1
+					})),
+					y("h1", le, o(e.$t(`views.settings.title_${e.$route.meta?.name}`)), 1),
+					r[2] ||= y("div", { class: "gradient-blur rotate-180 !h-[70px]" }, [
+						y("div"),
+						y("div"),
+						y("div"),
+						y("div"),
+						y("div"),
+						y("div")
+					], -1)
+				])), y("div", {
+					ref_key: "containerRef",
+					ref: L,
+					class: n(["px-2 h-full w-full", {
+						"pt-4": d(S),
+						"pt-[calc(40px+2rem)]": !d(S)
+					}])
+				}, [d(k) && d(i).showRouterLoadingSub.value ? (t(), l(T, {
+					key: 0,
+					class: "w-full h-full relative overflow-x-hidden"
+				})) : (t(), l(E, { key: 1 }, {
+					default: p(({ Component: e }) => [(t(), l(s(e), { class: "h-full" }))]),
+					_: 1
+				}))], 2)])], 4)
+			]);
+		};
+	}
+});
+//#endregion
+export { ue as default };