@camera.ui/server 2.4.1 → 2.4.2

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

@@ -0,0 +1,270 @@
+import { r as e } from "./rolldown-runtime-BItFwnF5.js";
+import { c as t } from "./ripple-CGl9oC16.js";
+import { B as n, H as r, K as i, Kt as a, Ot as o, St as s, Xt as c, Yt as l, d as u, f as d, jt as f, l as p, lt as m, o as h, ot as g, p as _, rt as ee, u as v, x as te, xt as y, y as b, z as ne } from "./runtime-core.esm-bundler-CrWKbcD2.js";
+import { ii as x, y as re } from "./api-DUn3L5D7.js";
+import { x as ie } from "./vee-validate-DWIY1QrX.js";
+import { t as ae } from "./CuiButton-CGAd8xvo.js";
+import { t as oe } from "./close-BYhywzVJ.js";
+//#region src/composables/useCuiBottomSheet.ts
+var S = s([]), C = s(0), w = s(0), se = 1e3, ce = 1001, T = 10, E = 8, D = 16, O = .96, k = .92;
+function le() {
+	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 = p(() => S.value.length === 0 ? null : S.value[S.value.length - 1].height), r = p(() => 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();
+	}, c = () => {
+		let e = [...S.value].reverse();
+		for (let t of e) t.close();
+	}, l = (e) => se + e * T, u = (e) => ce + e * T, d = (e) => {
+		w.value = Math.max(0, Math.min(1, e));
+	}, f = p(() => 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: E + D * i,
+			scaleX: O + .040000000000000036 * i,
+			brightness: k + .07999999999999996 * i,
+			visible: !0
+		} : {
+			topReserve: E,
+			scaleX: O,
+			brightness: k,
+			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 = "");
+	}, _ = p(() => S.value.length);
+	return {
+		register: e,
+		unregister: i,
+		updateMeasuredHeight: t,
+		getStackPosition: a,
+		isTopmost: o,
+		closeTopmost: s,
+		closeAll: c,
+		getBackdropZIndex: l,
+		getSheetZIndex: u,
+		getStackTransform: m,
+		topmostHeight: n,
+		topmostMeasuredHeight: r,
+		setDragProgress: d,
+		dragProgress: y(w),
+		isDraggingActive: f,
+		lockBodyScroll: h,
+		unlockBodyScroll: g,
+		stackSize: _
+	};
+}
+//#endregion
+//#region src/components/CuiBottomSheet/CuiBottomSheet.vue?vue&type=script&setup=true&lang.ts
+var ue = {
+	key: 0,
+	class: "cui-bottom-sheet__header-text"
+}, de = {
+	key: 0,
+	class: "cui-bottom-sheet__title"
+}, fe = {
+	key: 1,
+	class: "cui-bottom-sheet__subtitle"
+}, pe = { class: "cui-bottom-sheet__content" }, me = {
+	key: 2,
+	class: "cui-bottom-sheet__footer"
+}, A = /*@__PURE__*/ te({
+	__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: te }) {
+		let y = e, x = te, { register: S, unregister: C, updateMeasuredHeight: w, isTopmost: se, closeAll: ce, getBackdropZIndex: T, getSheetZIndex: E, getStackTransform: D, topmostMeasuredHeight: O, setDragProgress: k, dragProgress: A, lockBodyScroll: he, unlockBodyScroll: j, stackSize: M } = le(), { modelValue: N, height: P, maxHeight: F, minHeight: ge, draggable: I, dismissThreshold: _e, stackable: L, stackableHeight: ve, closeOnBackdrop: ye } = o(y), R = s(re()), z = s(-1), B = ee("sheetRef"), V = s(null), H = s(!1), U = s(0), W = s(0), G = s(0), { height: be } = ie(B), K = p(() => !I.value), q = p(() => se(R.value)), xe = p(() => z.value === 0), J = p(() => {
+			if (!H.value) return 0;
+			let e = W.value - U.value;
+			return Math.max(0, e);
+		}), Se = p(() => ({
+			zIndex: T(0),
+			"--backdrop-opacity": 1 - A.value
+		})), Ce = p(() => {
+			let e = M.value;
+			A.value;
+			let { scaleX: t, topReserve: n, brightness: r, visible: i } = D(z.value), a = H.value && J.value > 0 ? J.value : 0, o = z.value === e - 1, s = O.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: E(z.value),
+				opacity: +!!i,
+				pointerEvents: i ? void 0 : "none",
+				transition: d ? "none" : void 0,
+				boxShadow: d ? "none" : void 0
+			};
+		}), we = p(() => M.value > 1 && !q.value), Te = p(() => z.value > 0), Y = 0;
+		function X() {
+			x("update:modelValue", !1), x("close");
+		}
+		function Ee() {
+			ye.value && ce();
+		}
+		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);
+					k(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(), k(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);
+				k(e);
+			}
+		}
+		function $() {
+			if (!H.value) return;
+			let e = G.value * _e.value;
+			J.value > e && X(), k(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 g(be, (e) => {
+			e > 0 && w(R.value, e);
+		}), g(N, (e) => {
+			if (e) {
+				let e = L.value ? ve.value : F.value;
+				z.value = S(R.value, X, e), he();
+			} else C(R.value), j(), 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), j());
+		}), (n, o) => {
+			let s = oe, p = ae;
+			return r(), u(h, { to: "body" }, [b(t, { name: "cui-bottom-sheet-backdrop" }, {
+				default: m(() => [f(N) && f(xe) ? (r(), _("div", {
+					key: 0,
+					class: "cui-bottom-sheet-backdrop",
+					style: l(f(Se)),
+					onClick: Ee
+				}, null, 4)) : d("", !0)]),
+				_: 1
+			}), b(t, { name: "cui-bottom-sheet" }, {
+				default: m(() => [f(N) ? (r(), _("div", {
+					key: 0,
+					ref_key: "sheetRef",
+					ref: B,
+					class: a(["cui-bottom-sheet min-w-0", {
+						"cui-bottom-sheet--stacked-behind": f(we),
+						"cui-bottom-sheet--stacked-on-top": f(Te)
+					}]),
+					style: l(f(Ce)),
+					onTouchstart: De,
+					onTouchend: Oe
+				}, [
+					e.showHandle ? (r(), _("div", {
+						key: 0,
+						ref_key: "handleRef",
+						ref: V,
+						class: a(["cui-bottom-sheet__handle", { "cui-bottom-sheet__handle--hidden": f(we) }]),
+						onMousedown: ke
+					}, [...o[0] ||= [v("div", { class: "cui-bottom-sheet__handle-bar" }, null, -1)]], 34)) : d("", !0),
+					e.title || e.subtitle || n.$slots.header || f(K) ? (r(), _("div", {
+						key: 1,
+						class: a(["cui-bottom-sheet__header", { "cui-bottom-sheet__header--centered": e.centered }])
+					}, [i(n.$slots, "header", {}, () => [e.title || e.subtitle ? (r(), _("div", ue, [e.title ? (r(), _("span", de, c(e.title), 1)) : d("", !0), e.subtitle ? (r(), _("span", fe, c(e.subtitle), 1)) : d("", !0)])) : d("", !0)], !0), f(K) ? (r(), u(p, {
+						key: 0,
+						severity: "secondary",
+						text: "",
+						rounded: "",
+						class: "cui-bottom-sheet__close",
+						onClick: X
+					}, {
+						icon: m(() => [b(s)]),
+						_: 1
+					})) : d("", !0)], 2)) : d("", !0),
+					v("div", pe, [i(n.$slots, "default", {}, void 0, !0)]),
+					n.$slots.footer ? (r(), _("div", me, [i(n.$slots, "footer", {}, void 0, !0)])) : d("", !0)
+				], 38)) : d("", !0)]),
+				_: 3
+			})]);
+		};
+	}
+}), he = /* @__PURE__ */ e({ default: () => j }), j = /*#__PURE__*/ x(A, [["__scopeId", "data-v-66c077da"]]);
+//#endregion
+export { he as n, j as t };