ablok-components 0.3.127 → 0.3.131

package/dist/components/molecules/base-camera/base-camera.vue_vue_type_script_async_true_setup_true_lang.js

@@ -1,498 +0,0 @@
-import e from "../../atoms/svg-icon/svg-icon.js";
-import t from "../../atoms/loading-spinner/loading-spinner.js";
-import n from "../input-dropdown/input-dropdown.js";
-import { useCameraFilter as r } from "../../../composables/useCameraFilter.js";
-import { useOrientationCorrection as i } from "../../../composables/useOrientationCorrection.js";
-import { captureToDataUrl as a, toPhotoPayload as o } from "../../../composables/useCameraCapture.js";
-import s from "../../atoms/zoom-slider/zoom-slider.js";
-import c from "../../../assets/img/guide.js";
-import { computed as l, createBlock as ee, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createVNode as p, defineComponent as te, normalizeClass as m, normalizeStyle as h, onBeforeUnmount as ne, onMounted as re, openBlock as g, ref as _, toDisplayString as v, unref as ie, vShow as ae, watch as y, withCtx as oe, withDirectives as se, withModifiers as ce } from "vue";
-import le from "lodash";
-//#region src/components/molecules/base-camera/base-camera.vue?vue&type=script&async=true&setup=true&lang.ts
-var ue = { class: "camera__preview" }, de = {
-	key: 0,
-	class: "camera__bg-notification"
-}, fe = ["innerHTML"], pe = ["width", "height"], me = {
-	key: 1,
-	class: "camera__countdown-overlay"
-}, he = ["innerHTML", "data-countdown"], ge = ["src"], _e = {
-	key: 3,
-	class: "camera__zoom-slider"
-}, ve = { class: "camera__controls" }, ye = { class: "container" }, be = { class: "row" }, xe = { class: "col" }, Se = { class: "btn-group" }, Ce = { key: 0 }, we = { key: 1 }, Te = {
-	key: 0,
-	class: "camera__select-device"
-}, Ee = { class: "col" }, De = { class: "" }, Oe = {
-	name: "BaseCamera",
-	inheritAttrs: !1
-}, ke = {
-	"1x1": {
-		width: 720,
-		height: 720
-	},
-	"2x3": {
-		width: 720,
-		height: 1080
-	},
-	"3x2": {
-		width: 1080,
-		height: 720
-	},
-	"3x4": {
-		width: 720,
-		height: 960
-	},
-	"4x3": {
-		width: 960,
-		height: 720
-	},
-	"4x5": {
-		width: 960,
-		height: 1200
-	},
-	"5x4": {
-		width: 1200,
-		height: 960
-	},
-	"16x9": {
-		width: 1280,
-		height: 720
-	},
-	"9x16": {
-		width: 720,
-		height: 1280
-	}
-}, Ae = /*@__PURE__*/ te({
-	...Oe,
-	props: {
-		modelValue: { type: null },
-		enableSwitchCamera: {
-			type: Boolean,
-			default: !0
-		},
-		defaultRearCamera: {
-			type: Boolean,
-			default: !1
-		},
-		enableMirrorCamera: {
-			type: Boolean,
-			default: !1
-		},
-		enableGuide: {
-			type: Boolean,
-			default: !0
-		},
-		guideSrc: {
-			type: String,
-			default: () => c
-		},
-		countdown: {
-			type: Number,
-			default: 0
-		},
-		ratio: {
-			type: String,
-			default: ""
-		},
-		filter: {
-			type: String,
-			default: "none",
-			validator: (e) => [
-				"none",
-				"grayscale",
-				"sepia"
-			].includes(e)
-		},
-		tintColor: {
-			type: String,
-			default: ""
-		},
-		tintIntensity: {
-			type: Number,
-			default: .3
-		},
-		enableAudio: {
-			type: Boolean,
-			default: !1
-		},
-		enableSelectDevice: {
-			type: Boolean,
-			default: !1
-		},
-		enableCropImage: {
-			type: Boolean,
-			default: !0
-		},
-		resolutions: {
-			type: Object,
-			default: () => ke
-		},
-		zoom: {
-			type: Number,
-			default: 1
-		},
-		enableZoomSlider: {
-			type: Boolean,
-			default: !1
-		},
-		correctOrientation: {
-			type: Boolean,
-			default: !1
-		}
-	},
-	emits: ["update:modelValue"],
-	setup(c, { expose: te, emit: Oe }) {
-		let { debounce: Ae } = le, b = c, je = Oe, x = _(), S = _(), C = _([]), w = _(), T = _(), E = _(), D = _(), O = _(), k = _(!1), A = _(!1), j = _(0), M = _(0), N = _(), P = _(b.zoom || 1), { orientationReady: Me, orientationFlip: Ne, requiresGate: Pe, enableMotion: Fe, armGate: Ie, getCaptureRotation: Le, dispose: Re } = i(() => b.correctOrientation), F = _(!1), I;
-		function L() {
-			I &&= (I(), void 0);
-		}
-		let ze = 0, Be = () => ze;
-		function Ve() {
-			L(), F.value = !1;
-			let e = x.value;
-			if (!e) return;
-			let t = !1, n, r, i = () => {
-				t || (t = !0, L(), F.value = !0, X = null);
-			};
-			if (typeof e.requestVideoFrameCallback == "function") {
-				let t = e.requestVideoFrameCallback(() => i());
-				I = () => {
-					e.cancelVideoFrameCallback?.(t);
-				};
-			}
-			n = setInterval(() => {
-				e.videoWidth > 0 && i();
-			}, 200), r = setTimeout(() => {
-				if (r = void 0, t || !x.value) return;
-				let e = x.value.srcObject;
-				e && (x.value.srcObject = null, setTimeout(() => {
-					t || !x.value || (x.value.srcObject = e, x.value.play?.().catch(() => {}), at(Be()));
-				}, 100));
-			}, 600);
-			let a = setTimeout(() => {
-				if (t || !x.value) return;
-				let e = x.value, n = e.style.display;
-				e.style.display = "none", e.offsetHeight, e.style.display = n, x.value.play?.().catch(() => {});
-			}, 2500), o = setTimeout(() => {
-				t || !x.value || x.value.play?.().catch(() => {});
-			}, 1500);
-			I = () => {
-				n && clearInterval(n), r && clearTimeout(r), a && clearTimeout(a), o && clearTimeout(o);
-			};
-		}
-		let R = l(() => F.value && (!Pe.value || Me.value)), z = l(() => ({
-			...ke,
-			...b.resolutions
-		})), He = l(() => Object.values(z.value)[0]);
-		function Ue(e) {
-			return String(e || "").trim().toLowerCase().replace(/\s+/g, "").replace(/[:/]/g, "x");
-		}
-		let B = l(() => {
-			if (z.value[b.ratio]) return b.ratio;
-			let e = Ue(b.ratio);
-			if (z.value[e]) return e;
-		}), V = l(() => B.value ? z.value[B.value] : He.value), We = l(() => {
-			let e = B.value ? z.value[B.value] : void 0;
-			return e ? `${e.width} / ${e.height}` : void 0;
-		}), H = l(() => C.value.filter((e) => e.kind === "videoinput")), Ge = l(() => C.value.filter((e) => e.kind === "audioinput")), U = _([]), W = l(() => H.value.filter((e) => !U.value.includes(e.deviceId))), Ke = /\b(depth|ir\b|infrared|bayer|virtual|dual|triple|quad)\b/i, qe = l(() => {
-			let e = W.value.filter((e) => !e.label || !Ke.test(e.label));
-			if (e.length <= 2) return e;
-			let t = e.length - 1;
-			return e.filter((e, n) => n <= 1 || n === t);
-		});
-		function Je(e) {
-			e && !U.value.includes(e) && (U.value = [...U.value, e]);
-		}
-		function Ye(e) {
-			let t = H.value;
-			if (!t.length) return;
-			let n = t.findIndex((t) => t.deviceId === e);
-			for (let e = 1; e <= t.length; e++) {
-				let r = t[(Math.max(n, 0) + e) % t.length];
-				if (r && !U.value.includes(r.deviceId)) return r;
-			}
-		}
-		let Xe = l(() => qe.value.map((e, t) => ({
-			text: e.label.slice(0, e.label.indexOf("(")) || `Camera ${t + 1}`,
-			value: e.deviceId
-		}))), Ze = l({
-			get() {
-				return w.value && w.value.deviceId;
-			},
-			set(e) {
-				w.value = H.value.find((t) => t.deviceId === e), E.value = void 0;
-			}
-		});
-		l({
-			get() {
-				return T.value && T.value.deviceId;
-			},
-			set(e) {
-				T.value = Ge.value.find((t) => t.deviceId === e);
-			}
-		});
-		let G = l(() => b.enableMirrorCamera ? D.value ? D.value === "user" ? "mirror-cam" : "" : E.value ? E.value === "user" ? "mirror-cam" : "" : (w.value && H.value.findIndex((e) => e.deviceId === w.value?.deviceId)) === 0 ? "mirror-cam" : "" : ""), Qe = l(() => {
-			let e = w.value && C.value.findIndex((e) => e.deviceId === w.value?.deviceId);
-			return G.value ? `${G.value} mirror-device-${e}` : "";
-		}), { tintRgb: $e, applyFilterToCanvas: et } = r(b);
-		function tt() {
-			if (B.value && V.value) {
-				j.value = V.value.width, M.value = V.value.height;
-				return;
-			}
-			j.value = x.value.parentElement && x.value.parentElement.clientWidth, M.value = x.value.parentElement && x.value.parentElement.clientHeight;
-		}
-		let nt = Ae(() => {
-			tt();
-		}, 300, {
-			trailing: !0,
-			leading: !1
-		});
-		function K(e) {
-			return new Promise((t) => setTimeout(t, e));
-		}
-		async function rt() {
-			let e = V.value ? {
-				width: V.value.width,
-				height: V.value.height
-			} : void 0, t = e ? Math.max(e.width, e.height) : void 0, n = e ? Math.min(e.width, e.height) : void 0, r = b.enableAudio && { ...T.value ? { deviceId: T.value.deviceId } : {} }, i = w.value && w.value.deviceId, a = E.value, o = [];
-			i ? (t && n && o.push({
-				deviceId: { exact: i },
-				width: { ideal: t },
-				height: { ideal: n }
-			}), o.push({ deviceId: { exact: i } })) : a ? (t && n && o.push({
-				facingMode: { exact: a },
-				width: { ideal: t },
-				height: { ideal: n }
-			}), o.push({ facingMode: { exact: a } }), t && n && o.push({
-				width: { ideal: t },
-				height: { ideal: n }
-			}), o.push({})) : (t && n && o.push({
-				width: { ideal: t },
-				height: { ideal: n }
-			}), o.push({}));
-			let s;
-			for (let e of o) {
-				let t = !!e.deviceId?.exact, n = t ? 2 : 5;
-				for (let i = 0; i < n; i++) try {
-					return await navigator.mediaDevices.getUserMedia({
-						audio: r,
-						video: e
-					});
-				} catch (e) {
-					s = e;
-					let n = e && e.name;
-					if (n === "NotReadableError" || n === "AbortError") {
-						await K(t ? 250 : 500);
-						continue;
-					}
-					break;
-				}
-				if (t && s?.name === "NotReadableError") {
-					let t = e.deviceId?.exact;
-					t && Je(t);
-				}
-			}
-			throw s;
-		}
-		function q() {
-			L(), F.value = !1, x.value && x.value.srcObject && (x.value.srcObject.getTracks().forEach((e) => {
-				e.stop();
-			}), x.value.srcObject = null);
-		}
-		let J = 0, Y, X = null;
-		function Z() {
-			Y &&= (clearTimeout(Y), void 0);
-		}
-		function it(e) {
-			Je(e);
-			let t = Ye(e);
-			t && t.deviceId !== e && (w.value = t);
-		}
-		function at(e) {
-			if (Z(), !(w.value && w.value.deviceId)) return;
-			let t = y(F, (e) => {
-				e && Z();
-			});
-			Y = setTimeout(async () => {
-				if (t(), Y = void 0, e !== J || !x.value || x.value.videoWidth > 0) return;
-				let n = w.value && w.value.deviceId;
-				if (!n) return;
-				if (X !== n) {
-					X = n, await Q();
-					return;
-				}
-				let r = Ye(n);
-				r && r.deviceId !== n && (q(), it(n));
-			}, 5e3);
-		}
-		async function Q() {
-			let e = ++J;
-			ze = e, Z();
-			let t = !!(x.value && x.value.srcObject);
-			if (q(), O.value = void 0, t && (await K(350), e !== J)) return;
-			let n;
-			try {
-				n = await rt();
-			} catch {
-				n = void 0;
-			}
-			if (e !== J) {
-				n?.getTracks?.().forEach((e) => e.stop());
-				return;
-			}
-			if (n && x.value) {
-				Ve(), x.value.srcObject = n;
-				let t = n.getVideoTracks?.()[0]?.getSettings?.();
-				D.value = t?.facingMode, O.value = t?.deviceId, x.value.muted = !0;
-				try {
-					await x.value.play?.();
-				} catch {
-					await K(300), await x.value.play?.().catch(() => {});
-				}
-				at(e);
-			} else if (!n && w.value) {
-				q(), it(w.value.deviceId), e === J && w.value && await Q();
-				return;
-			}
-			return C.value = await navigator.mediaDevices.enumerateDevices(), {
-				stream: x.value && x.value.srcObject,
-				devices: C.value
-			};
-		}
-		function ot() {
-			document.visibilityState !== "visible" || !k.value || !x.value || x.value.paused && x.value.play?.().catch(() => {});
-		}
-		function st() {
-			k.value ? (k.value = !1, A.value = !1, q()) : (k.value = !0, Q());
-		}
-		function ct() {
-			let e = W.value;
-			if (e.length > 1) {
-				let t = O.value || w.value && w.value.deviceId, n = e[e.findIndex((e) => e.deviceId === t) <= 0 ? e.length - 1 : 0];
-				if (n && n.deviceId !== t) {
-					w.value = n, E.value = void 0;
-					return;
-				}
-			}
-			w.value = void 0, E.value = E.value === "user" ? "environment" : "user", Q();
-		}
-		async function lt(e, t) {
-			e && e.deviceId === O.value || e && (!t || e.deviceId !== t.deviceId) && await Q();
-		}
-		y(() => w.value, lt), y(() => T.value, lt);
-		function $() {
-			b.countdown ? (N.value = N.value ? N.value - 1 : b.countdown, N.value ? setTimeout($, 1e3) : ut()) : ut();
-		}
-		te({
-			onCapture: $,
-			enableMotion: Fe,
-			camera: x.value,
-			zoom: P
-		});
-		function ut() {
-			A.value = !0;
-			let e = x.value;
-			!S.value || !e || dt(a(S.value, e, {
-				targetResolution: V.value || void 0,
-				hasExplicitRatio: !!B.value,
-				enableCropImage: b.enableCropImage,
-				zoom: P.value,
-				mirror: !!G.value,
-				captureRotation: Le(),
-				onSave: dt
-			}, et));
-		}
-		function dt(e) {
-			je("update:modelValue", o(e));
-		}
-		return re(async () => {
-			E.value = b.defaultRearCamera ? "environment" : "user", await Q(), k.value = !0;
-			let e = H.value.find((e) => e.deviceId === O.value), t = b.defaultRearCamera && H.value.length > 1 ? H.value[H.value.length - 1] : e || H.value[0];
-			w.value = t, b.enableAudio && (T.value = Ge.value[0]), navigator.mediaDevices.addEventListener("devicechange", async (e) => {
-				await Q();
-			}), document.addEventListener("visibilitychange", ot), window.addEventListener("resize", nt), tt(), Ie();
-		}), ne(() => {
-			k.value = !1, A.value = !1, Z(), L(), q(), window.removeEventListener("resize", nt), document.removeEventListener("visibilitychange", ot), Re();
-		}), (r, i) => (g(), d("div", { class: m(["camera", Qe.value]) }, [
-			f("div", ue, [
-				R.value ? u("", !0) : (g(), d("div", de, [p(t, { color: "#000" }, {
-					default: oe(() => [f("span", {
-						class: m("d-block text-center"),
-						innerHTML: r.$t("camera.waitForCameraNotification")
-					}, null, 8, fe)]),
-					_: 1
-				})])),
-				f("div", {
-					class: m(["camera__video-wrapper", B.value ? `aspect-ratio--${B.value}` : ""]),
-					style: h({
-						aspectRatio: We.value || void 0,
-						transform: P.value === 1 ? void 0 : `scale(${P.value})`
-					})
-				}, [f("video", {
-					ref_key: "camera",
-					ref: x,
-					class: "camera__video",
-					style: h({
-						filter: b.filter === "grayscale" ? "grayscale(100%)" : b.filter === "sepia" ? "sepia(100%)" : "none",
-						transform: c.correctOrientation && ie(Ne) ? "rotate(180deg)" : void 0
-					}),
-					autoplay: "",
-					muted: "",
-					playsinline: ""
-				}, null, 4), c.tintColor ? (g(), d("div", {
-					key: 0,
-					class: "camera__tint-overlay",
-					style: h({
-						backgroundColor: c.tintColor,
-						opacity: c.tintIntensity,
-						mixBlendMode: "multiply"
-					})
-				}, null, 4)) : u("", !0)], 6),
-				se(f("canvas", {
-					ref_key: "canvas",
-					ref: S,
-					class: "camera__canvas",
-					width: j.value,
-					height: M.value
-				}, null, 8, pe), [[ae, A.value]]),
-				N.value ? (g(), d("div", me, [(g(), d("p", {
-					class: "countdown",
-					key: N.value,
-					innerHTML: N.value,
-					"data-countdown": N.value
-				}, null, 8, he))])) : u("", !0),
-				c.enableGuide && k.value && R.value ? (g(), d("img", {
-					key: 2,
-					class: "camera__guide",
-					src: c.guideSrc
-				}, null, 8, ge)) : u("", !0),
-				c.enableZoomSlider ? (g(), d("div", _e, [p(s, {
-					modelValue: P.value,
-					"onUpdate:modelValue": i[0] ||= (e) => P.value = e
-				}, null, 8, ["modelValue"])])) : u("", !0)
-			]),
-			f("div", ve, [f("div", ye, [f("div", be, [f("div", xe, [f("div", Se, [f("button", {
-				type: "button",
-				class: "camera__toggle btn btn-primary",
-				onClick: st
-			}, [k.value ? (g(), d("span", we, v(r.$t("common.pause")), 1)) : (g(), d("span", Ce, v(r.$t("common.play")), 1))]), f("button", {
-				type: "button",
-				class: "camera__capture btn btn-primary",
-				onClick: $
-			}, v(r.$t("camera.capture")), 1)])])])])]),
-			(c.enableSwitchCamera || c.enableSelectDevice) && W.value && W.value.length > 1 ? (g(), d("div", Te, [f("div", Ee, [c.enableSelectDevice ? (g(), ee(n, {
-				key: 0,
-				modelValue: Ze.value,
-				"onUpdate:modelValue": i[1] ||= (e) => Ze.value = e,
-				options: Xe.value,
-				class: "w-100"
-			}, null, 8, ["modelValue", "options"])) : u("", !0)]), f("div", De, [c.enableSwitchCamera ? (g(), d("button", {
-				key: 0,
-				class: "btn",
-				onClick: ce(ct, ["prevent"])
-			}, [p(e, { symbol: "switch-camera" })])) : u("", !0)])])) : u("", !0)
-		], 2));
-	}
-});
-//#endregion
-export { Ae as default };

package/dist/composables/useCameraCapture.d.ts

@@ -1,34 +0,0 @@
-export interface CaptureOptions {
-    /** Target canvas dimensions; falls back to the source video dimensions. */
-    targetResolution?: {
-        width: number;
-        height: number;
-    } | undefined;
-    /** True when the target ratio was explicitly requested (else derive height from source ratio). */
-    hasExplicitRatio: boolean;
-    /** Crop to the target ratio (cover) instead of letterboxing (contain). */
-    enableCropImage: boolean;
-    /** Digital zoom factor (1 = none). */
-    zoom: number;
-    /** Front-camera mirroring — flip horizontally. */
-    mirror: boolean;
-    /** Portrait-upright correction rotation (0/90/180/270), from useOrientationCorrection. */
-    captureRotation: number;
-    /** Called with the resulting PNG data URL. */
-    onSave: (dataUrl: string) => void;
-}
-/**
- * Captures the current video frame onto the canvas, honouring ratio cropping,
- * zoom, mirroring and device-orientation rotation. Pure drawing logic — no
- * reactivity, trivially unit-testable.
- */
-export declare function captureFrame(canvas: HTMLCanvasElement, image: HTMLVideoElement, options: CaptureOptions): void;
-/** Runs the canvas-capture pipeline (drawing + optional post-filter) and returns the PNG data URL. */
-export declare function captureToDataUrl(canvas: HTMLCanvasElement, image: HTMLVideoElement, options: CaptureOptions, applyFilter?: (context: CanvasRenderingContext2D, width: number, height: number) => void): string;
-/** Converts a captured data URL into the emitted photo payload. */
-export declare function toPhotoPayload(dataUrl: string): {
-    name: string;
-    id: string;
-    blob: Blob;
-    size: number;
-};

package/dist/composables/useCameraCapture.js

@@ -1,53 +0,0 @@
-import { dataURItoBlob as e } from "../utilities/helpers.js";
-//#region src/composables/useCameraCapture.ts
-function t(e, t, n, r, i, a, o) {
-	let s = e.canvas.width, c = e.canvas.height;
-	e.translate(s / 2, c / 2), o && e.scale(-1, 1), e.rotate(n * Math.PI / 180);
-	let l = c, u = s, d = Math.max(l / r, u / i) * (a && a > 0 ? a : 1), f = r * d, p = i * d;
-	e.drawImage(t, -f / 2, -p / 2, f, p);
-}
-function n(e, n, r) {
-	let i = e.getContext("2d");
-	if (!i) return;
-	let a = n.srcObject instanceof MediaStream ? n.srcObject.getTracks() : [], { aspectRatio: o, width: s, height: c } = a.length ? a[0].getSettings() : {}, l = n?.videoWidth || s || 0, u = n?.videoHeight || c || 0, d = l && u ? l / u : o, f = r.targetResolution || {
-		width: l,
-		height: u
-	}, p = f?.width || l, m = r.hasExplicitRatio ? f?.height || u : Math.round(p / (d || 1)), h = p / m;
-	if (e.width = p, e.height = m, !l || !u || !d) return;
-	let g = r.zoom, _ = r.mirror;
-	if (i.save(), r.captureRotation === 90 || r.captureRotation === 270) {
-		t(i, n, r.captureRotation, l, u, g, _), i.restore();
-		return;
-	}
-	if (r.captureRotation === 180 && (i.translate(e.width, e.height), i.scale(-1, -1)), _ && (i.translate(e.width, 0), i.scale(-1, 1)), r.enableCropImage) {
-		let t = 0, r = 0, a = l, o = u;
-		if (d > h ? (a = u * h, t = (l - a) / 2) : d < h && (o = l / h, r = (u - o) / 2), g && g !== 1) {
-			let e = a / g, n = o / g;
-			t += (a - e) / 2, r += (o - n) / 2, a = e, o = n;
-		}
-		i.drawImage(n, t, r, a, o, 0, 0, e.width, e.height);
-	} else {
-		let t = e.width, r = e.height, a = 0, o = 0;
-		if (d > h ? (r = e.width / d, o = (e.height - r) / 2) : d < h && (t = e.height * d, a = (e.width - t) / 2), g && g !== 1) {
-			let s = l / g, c = u / g, d = (l - s) / 2, f = (u - c) / 2;
-			_ && (a = e.width - a - t), i.drawImage(n, d, f, s, c, a, o, t, r);
-		} else _ && (a = e.width - a - t), i.drawImage(n, 0, 0, l, u, a, o, t, r);
-	}
-	i.restore();
-}
-function r(e, t, r, i) {
-	n(e, t, r);
-	let a = e.getContext("2d");
-	return a && i && i(a, e.width, e.height), e.toDataURL("image/png");
-}
-function i(t) {
-	let n = e(t), r = `cam-pic-${(/* @__PURE__ */ new Date()).toISOString()}`;
-	return {
-		name: r,
-		id: r,
-		blob: n,
-		size: n.size
-	};
-}
-//#endregion
-export { n as captureFrame, r as captureToDataUrl, i as toPhotoPayload };

package/dist/composables/useOrientationCorrection.d.ts

@@ -1,27 +0,0 @@
-import { ComputedRef, Ref } from '../../vue/dist/vue.esm-bundler.js';
-/**
- * Device-orientation correction for rotation-locked pages.
- *
- * When the page is rotation-locked, the OS bakes a portrait-up OR portrait-down
- * (0°/180°) orientation into the camera buffer based on gravity. That affects the
- * preview AND the captured canvas identically. `orientationFlip` is true only while
- * the device is actually held in landscape (in-plane gravity near ±90°), where the
- * buffer arrives upside-down relative to the device frame; the preview counter-rotates
- * with a 180° rotation. Portrait-up and portrait-down are left untouched. Hysteresis
- * around the band edges prevents flicker.
- *
- * `previewReady` gates the preview until the correction is live (motion permission
- * granted + first sensor reading applied). A safety timeout prevents the preview
- * from being blocked forever if permission is denied or never granted.
- */
-export declare function useOrientationCorrection(enabled: () => boolean): {
-    motionEnabled: Ref<boolean, boolean>;
-    orientationFlip: Ref<boolean>;
-    lastGravityAngle: Ref<number | null, number | null>;
-    orientationReady: Ref<boolean, boolean>;
-    requiresGate: ComputedRef<boolean>;
-    enableMotion: () => Promise<void>;
-    armGate: () => void;
-    getCaptureRotation: () => number;
-    dispose: () => void;
-};

package/dist/composables/useOrientationCorrection.js

@@ -1,66 +0,0 @@
-import { computed as e, ref as t } from "vue";
-//#region src/composables/useOrientationCorrection.ts
-function n(n) {
-	let r = t(!1), i = t(!1), a = t(null), o = t(!1), s, c, l = typeof window < "u" && "DeviceMotionEvent" in window && (window.matchMedia?.("(pointer: coarse)")?.matches || "ontouchstart" in window), u = e(() => n() && l);
-	function d() {
-		c &&= (window.removeEventListener("pointerdown", c, !0), window.removeEventListener("touchend", c, !0), void 0);
-	}
-	function f() {
-		o.value = !0, s &&= (clearTimeout(s), void 0), d();
-	}
-	function p() {
-		c || (c = () => {
-			h();
-		}, window.addEventListener("pointerdown", c, !0), window.addEventListener("touchend", c, !0));
-	}
-	function m(e) {
-		let t = e.accelerationIncludingGravity;
-		if (!t || t.x == null || t.y == null) return;
-		let n = Math.round(Math.atan2(t.x, t.y) * 180 / Math.PI);
-		if (a.value = n, !(typeof screen < "u" && screen.orientation && screen.orientation.type || "portrait-primary").startsWith("portrait")) i.value = !1;
-		else {
-			let e = Math.abs(Math.abs(n) - 90);
-			!i.value && e < 40 ? i.value = !0 : i.value && e > 50 && (i.value = !1);
-		}
-		o.value || f();
-	}
-	async function h() {
-		if (!(!n() || r.value)) try {
-			let e = window.DeviceOrientationEvent, t = window.DeviceMotionEvent;
-			if (e && typeof e.requestPermission == "function" && await e.requestPermission() !== "granted") {
-				f();
-				return;
-			}
-			t && typeof t.requestPermission == "function" && await t.requestPermission().catch(() => {}), window.addEventListener("devicemotion", m, !0), r.value = !0, d();
-		} catch (e) {
-			console.error(e, "enableMotion: failed"), f();
-		}
-	}
-	function g() {
-		if (!u.value) return;
-		s = setTimeout(f, 3e3);
-		let e = window.DeviceOrientationEvent;
-		e && typeof e.requestPermission == "function" ? p() : h();
-	}
-	function _() {
-		if (!n() || a.value == null) return 0;
-		let e = ((a.value - 180) % 360 + 360) % 360;
-		return (-1 * (Math.round(e / 90) * 90 % 360) % 360 + 360) % 360;
-	}
-	function v() {
-		window.removeEventListener("devicemotion", m, !0), s && clearTimeout(s), d();
-	}
-	return {
-		motionEnabled: r,
-		orientationFlip: i,
-		lastGravityAngle: a,
-		orientationReady: o,
-		requiresGate: u,
-		enableMotion: h,
-		armGate: g,
-		getCaptureRotation: _,
-		dispose: v
-	};
-}
-//#endregion
-export { n as useOrientationCorrection };