@camera.ui/server 2.2.7 → 2.3.0

package/dist/interface/ha/CuiBottomSheet-CYNvQV4T.js

@@ -0,0 +1,270 @@
+import { r as e } from "./rolldown-runtime-CEFd7nDs.js";
+import { c as t } from "./ripple-ZDATPc2w.js";
+import { B as n, Dt as r, H as i, Jt as a, K as o, Wt as s, bt as c, d as l, f as u, kt as d, l as f, lt as p, o as ee, ot as m, p as h, qt as g, rt as _, u as te, x as v, xt as y, y as b, z as ne } from "./runtime-core.esm-bundler-_TfE0DWz.js";
+import { Ar as x, m as re } from "./api-CH_Y8Hee.js";
+import { _ as ie } from "./intercomService-BtJ_zUNd.js";
+import { t as ae } from "./button-BouAFgf5.js";
+import { t as oe } from "./close-CxFbonhd.js";
+//#region src/composables/useCuiBottomSheet.ts
+var S = y([]), C = y(0), w = y(0), se = 1e3, T = 1001, E = 10, D = 8, O = 16, k = .96, A = .92;
+function ce() {
+	let e = (e, t, n) => {
+		let r = S.value.findIndex((t) => t.id === e);
+		if (r !== -1) return S.value[r].height = n, r;
+		let i = {
+			id: e,
+			close: t,
+			height: n,
+			measuredHeight: 0
+		};
+		return S.value.push(i), S.value.length - 1;
+	}, t = (e, t) => {
+		let n = S.value.find((t) => t.id === e);
+		n && (n.measuredHeight = t);
+	}, n = f(() => S.value.length === 0 ? null : S.value[S.value.length - 1].height), r = f(() => S.value.length === 0 ? 0 : S.value[S.value.length - 1].measuredHeight), i = (e) => {
+		let t = S.value.findIndex((t) => t.id === e);
+		t !== -1 && S.value.splice(t, 1);
+	}, a = (e) => S.value.findIndex((t) => t.id === e), o = (e) => {
+		let t = S.value;
+		return t.length > 0 && t[t.length - 1].id === e;
+	}, s = () => {
+		let e = S.value;
+		e.length > 0 && e[e.length - 1].close();
+	}, l = () => {
+		let e = [...S.value].reverse();
+		for (let t of e) t.close();
+	}, u = (e) => se + e * E, d = (e) => T + e * E, p = (e) => {
+		w.value = Math.max(0, Math.min(1, e));
+	}, ee = f(() => w.value > 0), m = (e) => {
+		let t = S.value.length, n = e === t - 1, r = e === t - 2 && t > 1, i = w.value;
+		return n ? {
+			topReserve: 24,
+			scaleX: 1,
+			brightness: 1,
+			visible: !0
+		} : r ? {
+			topReserve: D + O * i,
+			scaleX: k + .040000000000000036 * i,
+			brightness: A + .07999999999999996 * i,
+			visible: !0
+		} : {
+			topReserve: D,
+			scaleX: k,
+			brightness: A,
+			visible: !0
+		};
+	}, h = () => {
+		C.value++, C.value === 1 && (document.body.style.overflow = "hidden");
+	}, g = () => {
+		C.value--, C.value <= 0 && (C.value = 0, document.body.style.overflow = "");
+	}, _ = f(() => S.value.length);
+	return {
+		register: e,
+		unregister: i,
+		updateMeasuredHeight: t,
+		getStackPosition: a,
+		isTopmost: o,
+		closeTopmost: s,
+		closeAll: l,
+		getBackdropZIndex: u,
+		getSheetZIndex: d,
+		getStackTransform: m,
+		topmostHeight: n,
+		topmostMeasuredHeight: r,
+		setDragProgress: p,
+		dragProgress: c(w),
+		isDraggingActive: ee,
+		lockBodyScroll: h,
+		unlockBodyScroll: g,
+		stackSize: _
+	};
+}
+//#endregion
+//#region src/components/CuiBottomSheet/CuiBottomSheet.vue?vue&type=script&setup=true&lang.ts
+var le = {
+	key: 0,
+	class: "cui-bottom-sheet__header-text"
+}, ue = {
+	key: 0,
+	class: "cui-bottom-sheet__title"
+}, de = {
+	key: 1,
+	class: "cui-bottom-sheet__subtitle"
+}, fe = { class: "cui-bottom-sheet__content" }, pe = {
+	key: 2,
+	class: "cui-bottom-sheet__footer"
+}, j = /*@__PURE__*/ v({
+	__name: "CuiBottomSheet",
+	props: {
+		modelValue: { type: Boolean },
+		title: { default: void 0 },
+		subtitle: { default: void 0 },
+		centered: {
+			type: Boolean,
+			default: !1
+		},
+		showHandle: {
+			type: Boolean,
+			default: !0
+		},
+		closeOnBackdrop: {
+			type: Boolean,
+			default: !0
+		},
+		height: { default: "auto" },
+		maxHeight: { default: "85vh" },
+		minHeight: { default: "200px" },
+		draggable: {
+			type: Boolean,
+			default: !0
+		},
+		dismissThreshold: { default: .3 },
+		stackable: {
+			type: Boolean,
+			default: !1
+		},
+		stackableHeight: { default: "70vh" }
+	},
+	emits: ["update:modelValue", "close"],
+	setup(e, { emit: c }) {
+		let v = e, x = c, { register: S, unregister: C, updateMeasuredHeight: w, isTopmost: se, closeAll: T, getBackdropZIndex: E, getSheetZIndex: D, getStackTransform: O, topmostMeasuredHeight: k, setDragProgress: A, dragProgress: j, lockBodyScroll: me, unlockBodyScroll: M, stackSize: he } = ce(), { modelValue: N, height: P, maxHeight: F, minHeight: ge, draggable: I, dismissThreshold: _e, stackable: L, stackableHeight: ve, closeOnBackdrop: ye } = r(v), R = y(re()), z = y(-1), B = _("sheetRef"), V = y(null), H = y(!1), U = y(0), W = y(0), G = y(0), { height: be } = ie(B), K = f(() => !I.value), q = f(() => se(R.value)), xe = f(() => z.value === 0), J = f(() => {
+			if (!H.value) return 0;
+			let e = W.value - U.value;
+			return Math.max(0, e);
+		}), Se = f(() => ({
+			zIndex: E(0),
+			"--backdrop-opacity": 1 - j.value
+		})), Ce = f(() => {
+			let e = he.value;
+			j.value;
+			let { scaleX: t, topReserve: n, brightness: r, visible: i } = O(z.value), a = H.value && J.value > 0 ? J.value : 0, o = z.value === e - 1, s = k.value, c, l, u = L.value ? ve.value : F.value;
+			if (L.value && e > 1 && !o && s > 0) c = `calc(${s}px + 16px + var(--safe-area-inset-bottom))`, l = c;
+			else {
+				let e = `calc(${u} - ${n}px)`;
+				c = (P.value === "auto" ? void 0 : P.value) ?? (u === "100%" || u === "100vh" ? e : "auto"), l = e;
+			}
+			let d = H.value;
+			return {
+				"--sheet-height": c,
+				"--sheet-max-height": l,
+				"--sheet-min-height": ge.value,
+				"--sheet-scale-x": t,
+				"--sheet-brightness": r,
+				transform: d ? `translateX(-50%) translateY(${a}px) scaleX(${t})` : void 0,
+				"--sheet-translate-y": d ? void 0 : `${a}px`,
+				zIndex: D(z.value),
+				opacity: +!!i,
+				pointerEvents: i ? void 0 : "none",
+				transition: d ? "none" : void 0,
+				boxShadow: d ? "none" : void 0
+			};
+		}), we = f(() => he.value > 1 && !q.value), Te = f(() => z.value > 0), Y = 0;
+		function X() {
+			x("update:modelValue", !1), x("close");
+		}
+		function Ee() {
+			ye.value && T();
+		}
+		function De(e) {
+			if (!I.value) return;
+			let t = e.target;
+			V.value?.contains(t) && (H.value = !0, U.value = e.touches[0].clientY, W.value = e.touches[0].clientY, G.value = B.value?.offsetHeight || 0, B.value?.addEventListener("touchmove", Z, { passive: !1 }));
+		}
+		function Z(e) {
+			if (!H.value) return;
+			let t = e.touches[0].clientY;
+			t - U.value > 0 && e.preventDefault(), !Y && (Y = requestAnimationFrame(() => {
+				if (Y = 0, W.value = t, q.value && G.value > 0) {
+					let e = Math.min(1, J.value / G.value);
+					A(e);
+				}
+			}));
+		}
+		function Oe() {
+			if (!H.value) return;
+			B.value?.removeEventListener("touchmove", Z), Y &&= (cancelAnimationFrame(Y), 0);
+			let e = G.value * _e.value;
+			J.value > e && X(), A(0), H.value = !1, U.value = 0, W.value = 0;
+		}
+		function ke(e) {
+			I.value && (H.value = !0, U.value = e.clientY, W.value = e.clientY, G.value = B.value?.offsetHeight || 0, document.addEventListener("mousemove", Q), document.addEventListener("mouseup", $));
+		}
+		function Q(e) {
+			if (H.value && (W.value = e.clientY, q.value && G.value > 0)) {
+				let e = Math.min(1, J.value / G.value);
+				A(e);
+			}
+		}
+		function $() {
+			if (!H.value) return;
+			let e = G.value * _e.value;
+			J.value > e && X(), A(0), H.value = !1, U.value = 0, W.value = 0, document.removeEventListener("mousemove", Q), document.removeEventListener("mouseup", $);
+		}
+		function Ae(e) {
+			e.key === "Escape" && N.value && q.value && X();
+		}
+		return m(be, (e) => {
+			e > 0 && w(R.value, e);
+		}), m(N, (e) => {
+			if (e) {
+				let e = L.value ? ve.value : F.value;
+				z.value = S(R.value, X, e), me();
+			} else C(R.value), M(), z.value = -1;
+		}), ne(() => {
+			document.addEventListener("keydown", Ae);
+		}), n(() => {
+			document.removeEventListener("keydown", Ae), document.removeEventListener("mousemove", Q), document.removeEventListener("mouseup", $), B.value?.removeEventListener("touchmove", Z), N.value && (C(R.value), M());
+		}), (n, r) => {
+			let c = oe, f = ae;
+			return i(), l(ee, { to: "body" }, [b(t, { name: "cui-bottom-sheet-backdrop" }, {
+				default: p(() => [d(N) && d(xe) ? (i(), h("div", {
+					key: 0,
+					class: "cui-bottom-sheet-backdrop",
+					style: g(d(Se)),
+					onClick: Ee
+				}, null, 4)) : u("", !0)]),
+				_: 1
+			}), b(t, { name: "cui-bottom-sheet" }, {
+				default: p(() => [d(N) ? (i(), h("div", {
+					key: 0,
+					ref_key: "sheetRef",
+					ref: B,
+					class: s(["cui-bottom-sheet min-w-0", {
+						"cui-bottom-sheet--stacked-behind": d(we),
+						"cui-bottom-sheet--stacked-on-top": d(Te)
+					}]),
+					style: g(d(Ce)),
+					onTouchstart: De,
+					onTouchend: Oe
+				}, [
+					e.showHandle ? (i(), h("div", {
+						key: 0,
+						ref_key: "handleRef",
+						ref: V,
+						class: s(["cui-bottom-sheet__handle", { "cui-bottom-sheet__handle--hidden": d(we) }]),
+						onMousedown: ke
+					}, [...r[0] ||= [te("div", { class: "cui-bottom-sheet__handle-bar" }, null, -1)]], 34)) : u("", !0),
+					e.title || e.subtitle || n.$slots.header || d(K) ? (i(), h("div", {
+						key: 1,
+						class: s(["cui-bottom-sheet__header", { "cui-bottom-sheet__header--centered": e.centered }])
+					}, [o(n.$slots, "header", {}, () => [e.title || e.subtitle ? (i(), h("div", le, [e.title ? (i(), h("span", ue, a(e.title), 1)) : u("", !0), e.subtitle ? (i(), h("span", de, a(e.subtitle), 1)) : u("", !0)])) : u("", !0)], !0), d(K) ? (i(), l(f, {
+						key: 0,
+						severity: "secondary",
+						text: "",
+						rounded: "",
+						class: "cui-bottom-sheet__close",
+						onClick: X
+					}, {
+						icon: p(() => [b(c)]),
+						_: 1
+					})) : u("", !0)], 2)) : u("", !0),
+					te("div", fe, [o(n.$slots, "default", {}, void 0, !0)]),
+					n.$slots.footer ? (i(), h("div", pe, [o(n.$slots, "footer", {}, void 0, !0)])) : u("", !0)
+				], 38)) : u("", !0)]),
+				_: 3
+			})]);
+		};
+	}
+}), me = /* @__PURE__ */ e({ default: () => M }), M = /*#__PURE__*/ x(j, [["__scopeId", "data-v-e8a59fe0"]]);
+//#endregion
+export { me as n, M as t };