@camera.ui/server 2.4.3 → 2.4.5

package/dist/interface/ha/CuiTopNavbarItem-BO_G31I3.js

@@ -0,0 +1,141 @@
+import { m as e } from "./ripple-CGl9oC16.js";
+import { H as t, K as n, Kt as r, N as i, Ot as a, Xt as o, Yt as s, d as c, f as l, jt as u, l as d, lt as f, ot as p, p as m, r as h, rt as g, u as _, x as v, y } from "./runtime-core.esm-bundler-CrWKbcD2.js";
+import { t as b } from "./chevron-down-CJFRRGQC.js";
+import { cr as x, ii as S } from "./api-BMAjMZXW.js";
+import { t as C } from "./CuiButton-CGAd8xvo.js";
+import { r as w } from "./button-D9sS6H0w.js";
+import { t as T } from "./close-BYhywzVJ.js";
+//#region src/components/CuiTopNavbar/CuiTopNavbar.vue?vue&type=script&setup=true&lang.ts
+var E = { class: "flex flex-row w-full h-full justify-between items-center gap-2" }, D = { class: "flex flex-row items-center gap-1 shrink-0" }, O = /*#__PURE__*/ S(/* @__PURE__ */ v({
+	__name: "CuiTopNavbar",
+	props: {
+		scrollable: {
+			type: Boolean,
+			default: !1
+		},
+		leftOffset: { default: 0 },
+		animate: { type: Boolean }
+	},
+	setup(e) {
+		let { scrollable: i, leftOffset: o, animate: c } = a(e);
+		return (e, a) => (t(), m("div", {
+			class: r(["cui-topnavbar fixed h-[55px] w-full p-2 pr-safe-offset-2 z-2 left-0 right-0", { "overflow-x-scroll": u(i) }]),
+			style: s({
+				paddingLeft: `calc(${u(o)}px + max(8px, var(--safe-area-inset-left)))`,
+				transition: u(c) ? "padding-left 200ms" : void 0
+			})
+		}, [_("div", E, [e.$slots.full ? (t(), m("div", {
+			key: 0,
+			class: r(["flex flex-row items-center gap-1 w-full", { "overflow-x-auto hide-scrollbar": u(i) }])
+		}, [n(e.$slots, "full", {}, void 0, !0)], 2)) : (t(), m(h, { key: 1 }, [
+			_("div", { class: r(["flex flex-row items-center gap-1 min-w-0", { "overflow-x-auto hide-scrollbar": u(i) }]) }, [n(e.$slots, "left", {}, void 0, !0)], 2),
+			a[0] ||= _("div", { class: "flex-grow shrink" }, null, -1),
+			_("div", D, [n(e.$slots, "right", {}, void 0, !0)])
+		], 64))])], 6));
+	}
+}), [["__scopeId", "data-v-07e814e0"]]), k = {
+	key: 0,
+	class: "w-2 h-2 rounded-full bg-green-500 shrink-0"
+}, A = {
+	key: 2,
+	class: "w-2 h-2 rounded-full bg-red-500 shrink-0"
+}, j = {
+	key: 1,
+	class: "cui-topnavbar-item-label"
+}, M = /*#__PURE__*/ S(/* @__PURE__ */ v({
+	__name: "CuiTopNavbarItem",
+	props: {
+		active: {
+			type: Boolean,
+			default: !1
+		},
+		closeable: { type: Boolean },
+		menuOpen: { type: Boolean },
+		primary: { type: Boolean },
+		type: { default: "button" },
+		status: {},
+		label: {},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		badge: {},
+		badgeSeverity: { default: "secondary" },
+		loading: { type: Boolean }
+	},
+	emits: ["click", "close"],
+	setup(s, { emit: v }) {
+		let S = s, E = v, { type: D, label: O, active: M, disabled: N, badge: P, badgeSeverity: F, closeable: I, status: L, loading: R, menuOpen: z, primary: B } = a(S), V = g("buttonRef"), H = d(() => !O.value && D.value === "button"), U = d(() => ["shrink-0", {
+			"cui-topnavbar-item": !B.value,
+			"cui-topnavbar-item-primary": B.value,
+			"cui-topnavbar-item-active": M.value,
+			"cui-topnavbar-item-tab": D.value === "tab",
+			"cui-topnavbar-item-dropdown": D.value === "dropdown",
+			"cui-icon-md": H.value,
+			disabled: N.value
+		}]);
+		function W(e) {
+			N.value || E("click", e);
+		}
+		return p(M, (e) => {
+			e && i(() => {
+				V.value?.scrollIntoView({
+					behavior: "smooth",
+					block: "nearest",
+					inline: "nearest"
+				});
+			});
+		}, { immediate: !0 }), (i, a) => {
+			let s = x, d = w, p = b, g = T, v = C;
+			return t(), c(v, {
+				ref_key: "buttonRef",
+				ref: V,
+				class: r(u(U)),
+				disabled: u(N),
+				loading: u(R),
+				text: "",
+				size: "small",
+				rounded: u(H),
+				onClick: W
+			}, {
+				default: f(() => [_("div", { class: r(["flex items-center gap-1.5", { "cursor-not-allowed": u(N) }]) }, [
+					u(L) ? (t(), m(h, { key: 0 }, [u(L) === "connected" ? (t(), m("span", k)) : u(L) === "connecting" ? (t(), c(s, {
+						key: 1,
+						class: "w-3 h-3 text-yellow-500 shrink-0"
+					})) : (t(), m("span", A))], 64)) : l("", !0),
+					n(i.$slots, "icon", {}, void 0, !0),
+					u(O) ? (t(), m("span", j, o(u(O)), 1)) : l("", !0),
+					u(P) ? (t(), c(d, {
+						key: 2,
+						value: u(P),
+						severity: u(F),
+						class: "ml-1"
+					}, null, 8, ["value", "severity"])) : l("", !0),
+					u(D) === "dropdown" ? (t(), c(p, {
+						key: 3,
+						class: r(["w-4 h-4 transform transition-transform duration-300", { "rotate-180": u(z) }])
+					}, null, 8, ["class"])) : l("", !0),
+					u(I) ? (t(), c(v, {
+						key: 4,
+						severity: "secondary",
+						text: "",
+						rounded: "",
+						class: "!p-0 !w-5 !h-5 ml-1",
+						onClick: a[0] ||= e((e) => i.$emit("close"), ["stop"])
+					}, {
+						icon: f(() => [y(g, { class: "w-3 h-3 opacity-60 hover:opacity-100" })]),
+						_: 1
+					})) : l("", !0)
+				], 2)]),
+				_: 3
+			}, 8, [
+				"class",
+				"disabled",
+				"loading",
+				"rounded"
+			]);
+		};
+	}
+}), [["__scopeId", "data-v-c6475690"]]);
+//#endregion
+export { O as n, M as t };