@camera.ui/server 2.4.0 → 2.4.2

package/dist/interface/ha/Settings-3vjjQ3o3.js

@@ -1,218 +0,0 @@
-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-xWofDMK3.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-CZHGpGVQ.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 };