ablok-components 0.3.137 → 0.3.138

package/dist/utilities/camera/CameraManager.js

@@ -1,5 +1,5 @@
-import { isAndroid as e, isIOS as t, supportsRVFC as n } from "./platform.js";
-import { buildFallbackChain as r, classifyFacingFromLabel as i, dedupeByFacing as a, isFatalGumError as o, isTransientGumError as s, normalizeFacing as c, pickSwitchTarget as l, toErrorCode as u } from "./constraints.js";
+import { buildFallbackChain as e, classifyFacingFromLabel as t, dedupeByFacing as n, isFatalGumError as r, isTransientGumError as i, normalizeFacing as a, pickSwitchTarget as o, toErrorCode as s } from "./constraints.js";
+import { isAndroid as c, isIOS as l, supportsRVFC as u } from "./platform.js";
 import { CameraError as d } from "./types.js";
 //#region src/utilities/camera/CameraManager.ts
 var f = 1500, p = 2, m = 300, h = [
@@ -70,52 +70,52 @@ var f = 1500, p = 2, m = 300, h = [
 	attachVideo(e) {
 		this.video !== e && (this.clearWatchdog(), this.video && (this.video.srcObject = null), this.video = e, e && this.stream && this.state !== "paused" && this.bindStream());
 	}
-	async start(e = {}) {
+	async start(n = {}) {
 		if (this.disposed) return !1;
 		if (!S.isSupported()) return this.fail(new d("unsupported", "getUserMedia is not available in this browser")), !1;
-		let t = ++this.seq;
+		let o = ++this.seq;
 		this.cancelRecovery(), this.intent = "live", this.teardown(), this.error = null, this.setState("starting");
-		let n = e.resolution ?? this.lastGood?.resolution ?? this.opts.resolution, a = !!(e.strictDevice && e.deviceId), l = a ? void 0 : e.facing ?? (e.deviceId ? void 0 : this.opts.preferredFacing), f = r({
-			deviceId: e.deviceId,
-			facing: l,
-			resolution: n,
-			strictDevice: a
+		let c = n.resolution ?? this.lastGood?.resolution ?? this.opts.resolution, l = !!(n.strictDevice && n.deviceId), u = l ? void 0 : n.facing ?? (n.deviceId ? void 0 : this.opts.preferredFacing), f = e({
+			deviceId: n.deviceId,
+			facing: u,
+			resolution: c,
+			strictDevice: l
 		}), p = null, h = null;
 		for (let e of f) {
-			if (t !== this.seq) return !1;
+			if (o !== this.seq) return !1;
 			try {
 				p = await navigator.mediaDevices.getUserMedia(e.constraints);
 				break;
-			} catch (n) {
-				if (h = n, o(n)) break;
-				if (s(n)) {
-					if (await x(m), t !== this.seq) return !1;
+			} catch (t) {
+				if (h = t, r(t)) break;
+				if (i(t)) {
+					if (await x(m), o !== this.seq) return !1;
 					try {
 						p = await navigator.mediaDevices.getUserMedia(e.constraints);
 						break;
 					} catch (e) {
-						if (h = e, o(e)) break;
+						if (h = e, r(e)) break;
 					}
 				}
 			}
 		}
-		if (t !== this.seq) return p?.getTracks().forEach((e) => e.stop()), !1;
+		if (o !== this.seq) return p?.getTracks().forEach((e) => e.stop()), !1;
 		if (!p) {
-			let e = u(h);
+			let e = s(h);
 			return e === "not-allowed" && (this.permission = "denied"), this.fail(new d(e, C(h), h)), !1;
 		}
 		let g = p.getVideoTracks()[0];
 		if (!g) return p.getTracks().forEach((e) => e.stop()), this.fail(new d("not-found", "Stream has no video track")), !1;
-		let _ = g.getSettings(), v = _.deviceId ?? e.deviceId ?? null, y = v ? this.probeCache.get(v) : void 0, b = c(_.facingMode) ?? y ?? i(g.label);
+		let _ = g.getSettings(), v = _.deviceId ?? n.deviceId ?? null, y = v ? this.probeCache.get(v) : void 0, b = a(_.facingMode) ?? y ?? t(g.label);
 		if (v && this.probeCache.set(v, b), this.stream = p, this.activeDeviceId = v, this.activeFacing = b, this.lastGood = {
 			deviceId: v,
-			resolution: n
-		}, this.permission !== "granted" && (this.permission = "granted"), g.onended = this.onTrackEnded, this.readZoomCapability(g), this.readTorchCapability(g), this.setState("live"), this.armStableTimer(), this.bindStream(), this.desiredZoom !== null && this.setZoom(this.desiredZoom), await this.refreshDevices(), t !== this.seq) return !1;
-		if (!e.deviceId && !this.autoCorrected && this.opts.preferredFacing && b && (this.autoCorrected = !0, b !== this.opts.preferredFacing)) {
+			resolution: c
+		}, this.permission !== "granted" && (this.permission = "granted"), g.onended = this.onTrackEnded, this.readZoomCapability(g), this.readTorchCapability(g), this.setState("live"), this.armStableTimer(), this.bindStream(), this.desiredZoom !== null && this.setZoom(this.desiredZoom), await this.refreshDevices(), o !== this.seq) return !1;
+		if (!n.deviceId && !this.autoCorrected && this.opts.preferredFacing && b && (this.autoCorrected = !0, b !== this.opts.preferredFacing)) {
 			let e = this.devices.find((e) => e.facing === this.opts.preferredFacing && e.deviceId !== v);
 			if (e) return this.start({
 				deviceId: e.deviceId,
-				resolution: n,
+				resolution: c,
 				strictDevice: !0
 			});
 		}
@@ -143,7 +143,7 @@ var f = 1500, p = 2, m = 300, h = [
 	async switchCamera() {
 		if (this.state === "starting") return !1;
 		this.devices.length === 0 && await this.refreshDevices();
-		let e = l(this.devices, this.activeDeviceId, this.activeFacing);
+		let e = o(this.devices, this.activeDeviceId, this.activeFacing);
 		return e ? this.selectDevice(e.deviceId) : !1;
 	}
 	async selectDevice(e) {
@@ -228,23 +228,23 @@ var f = 1500, p = 2, m = 300, h = [
 		for (let t of this.listeners) t(e);
 	}
 	bindStream(e = 0) {
-		let t = this.video, r = this.stream;
-		if (!t || !r) return;
-		this.clearWatchdog(), t.muted = !0, t.playsInline = !0, t.setAttribute("playsinline", ""), t.autoplay = !0, t.srcObject = r, t.load(), t.play().catch(b);
-		let i = !1, a = setTimeout(() => {
-			if (!i && (s(), this.stream === r && this.state === "live")) {
+		let t = this.video, n = this.stream;
+		if (!t || !n) return;
+		this.clearWatchdog(), t.muted = !0, t.playsInline = !0, t.setAttribute("playsinline", ""), t.autoplay = !0, t.srcObject = n, t.load(), t.play().catch(b);
+		let r = !1, i = setTimeout(() => {
+			if (!r && (o(), this.stream === n && this.state === "live")) {
 				if (e < p) {
 					t.srcObject = null, t.offsetHeight, this.bindStream(e + 1);
 					return;
 				}
 				t.readyState >= 2 && t.videoWidth > 0 || this.opts.onWarning?.(new d("first-frame", "Video did not render its first frame"));
 			}
-		}, f), o = () => {
-			i || (i = !0, s());
-		}, s = () => {
-			clearTimeout(a), t.removeEventListener("loadeddata", o), t.removeEventListener("playing", o), this.watchdogCleanup = null;
+		}, f), a = () => {
+			r || (r = !0, o());
+		}, o = () => {
+			clearTimeout(i), t.removeEventListener("loadeddata", a), t.removeEventListener("playing", a), this.watchdogCleanup = null;
 		};
-		this.watchdogCleanup = s, n(t) ? t.requestVideoFrameCallback(() => o()) : (t.addEventListener("loadeddata", o), t.addEventListener("playing", o));
+		this.watchdogCleanup = o, u(t) ? t.requestVideoFrameCallback(() => a()) : (t.addEventListener("loadeddata", a), t.addEventListener("playing", a));
 	}
 	clearWatchdog() {
 		this.watchdogCleanup?.(), this.watchdogCleanup = null;
@@ -302,32 +302,32 @@ var f = 1500, p = 2, m = 300, h = [
 	};
 	async doRefreshDevices() {
 		if (this.disposed || !navigator.mediaDevices?.enumerateDevices || this.state === "starting") return;
-		let n;
+		let e;
 		try {
-			n = await navigator.mediaDevices.enumerateDevices();
+			e = await navigator.mediaDevices.enumerateDevices();
 		} catch {
 			return;
 		}
-		let r = n.filter((e) => e.kind === "videoinput" && e.deviceId), o = new Set(r.map((e) => e.deviceId));
-		for (let e of [...this.probeCache.keys()]) o.has(e) || this.probeCache.delete(e);
-		let s = e() && !t() && this.permission !== "denied", c = [];
+		let r = e.filter((e) => e.kind === "videoinput" && e.deviceId), i = new Set(r.map((e) => e.deviceId));
+		for (let e of [...this.probeCache.keys()]) i.has(e) || this.probeCache.delete(e);
+		let a = c() && !l() && this.permission !== "denied", o = [];
 		for (let e of r) {
 			if (this.disposed) return;
-			let t = this.probeCache.get(e.deviceId), n = t !== void 0;
-			if (!n && s) {
-				let r = await this.probeDevice(e.deviceId);
-				if (r === void 0) continue;
-				t = r, n = !0, this.probeCache.set(e.deviceId, r);
+			let n = this.probeCache.get(e.deviceId), r = n !== void 0;
+			if (!r && a) {
+				let t = await this.probeDevice(e.deviceId);
+				if (t === void 0) continue;
+				n = t, r = !0, this.probeCache.set(e.deviceId, t);
 			}
-			c.push({
+			o.push({
 				deviceId: e.deviceId,
 				label: e.label,
-				facing: t ?? i(e.label),
-				probed: n
+				facing: n ?? t(e.label),
+				probed: r
 			});
 		}
-		let l = s ? a(c, this.activeDeviceId) : c;
-		this.devices = l, this.emit();
+		let s = a ? n(o, this.activeDeviceId) : o;
+		this.devices = s, this.emit();
 	}
 	async probeDevice(e) {
 		if (e === this.activeDeviceId && this.stream) return this.probeCache.get(e) ?? this.activeFacing;
@@ -338,7 +338,7 @@ var f = 1500, p = 2, m = 300, h = [
 				...y
 			} });
 			let n = t.getVideoTracks()[0];
-			return c(n?.getSettings().facingMode) ?? null;
+			return a(n?.getSettings().facingMode) ?? null;
 		} catch {
 			return;
 		} finally {

package/dist/utilities/camera/capture.d.ts

@@ -20,8 +20,6 @@ export interface TintPaint {
     opacity: number;
 }
 export declare function resolveTintPaint(color: string, intensity: number): TintPaint;
-/** Rotation the frame needs so that "up" in the image matches "up" on screen. */
-export declare function orientationAngle(): number;
 export declare function captureFrame(video: HTMLVideoElement, opts: CaptureOptions): HTMLCanvasElement;
 export declare function cssFilter(filter: Filter): string;
 /** Fallback for engines without ctx.filter (older Safari); matches CSS filter matrices. */

package/dist/utilities/camera/capture.js

@@ -1,6 +1,5 @@
-import { isIOS as e } from "./platform.js";
 //#region src/utilities/camera/capture.ts
-function t(e, t, n, r) {
+function e(e, t, n, r) {
 	let i = Math.max(n / e, r / t), a = n / i, o = r / i;
 	return {
 		sx: (e - a) / 2,
@@ -9,7 +8,7 @@ function t(e, t, n, r) {
 		sh: o
 	};
 }
-function n(e, t) {
+function t(e, t) {
 	let n = Math.min(1, Math.max(0, t)), r = e.match(/^#([\da-f]{3,4}|[\da-f]{6}|[\da-f]{8})$/i)?.[1];
 	if (!r) return {
 		color: e,
@@ -21,49 +20,33 @@ function n(e, t) {
 		opacity: 1
 	};
 }
-function r() {
-	if (typeof window > "u") return 0;
-	let e = window.screen?.orientation?.angle;
-	if (typeof e == "number") return i(e);
-	let t = window.orientation;
-	return typeof t == "number" ? i(t) : 0;
+function n(n, a) {
+	let o = n.videoWidth, s = n.videoHeight;
+	if (!o || !s) throw Error("Video has no frame to capture yet");
+	let c = document.createElement("canvas");
+	c.width = a.width, c.height = a.height;
+	let l = c.getContext("2d");
+	if (!l) throw Error("2D canvas context unavailable");
+	let u = "filter" in l;
+	l.save(), a.mirror && (l.translate(a.width, 0), l.scale(-1, 1)), u && a.filter && a.filter !== "none" && (l.filter = r(a.filter));
+	let d = e(o, s, a.width, a.height);
+	l.drawImage(n, d.sx, d.sy, d.sw, d.sh, 0, 0, a.width, a.height), l.restore(), !u && a.filter && a.filter !== "none" && i(l, a.filter);
+	let f = a.tintColor ? t(a.tintColor, a.tintIntensity ?? 0) : null;
+	return f && f.opacity > 0 && (l.save(), l.globalAlpha = f.opacity, l.fillStyle = f.color, l.fillRect(0, 0, a.width, a.height), l.restore()), c;
 }
-function i(e) {
-	return (Math.round(e / 90) * 90 % 360 + 360) % 360;
-}
-function a(i, a) {
-	let c = i.videoWidth, l = i.videoHeight;
-	if (!c || !l) throw Error("Video has no frame to capture yet");
-	let u = document.createElement("canvas");
-	u.width = a.width, u.height = a.height;
-	let d = u.getContext("2d");
-	if (!d) throw Error("2D canvas context unavailable");
-	let f = e() ? r() : 0, p = f === 90 || f === 270, m = "filter" in d;
-	if (d.save(), a.mirror && (d.translate(a.width, 0), d.scale(-1, 1)), m && a.filter && a.filter !== "none" && (d.filter = o(a.filter)), p) {
-		d.translate(a.width / 2, a.height / 2), d.rotate(-f * Math.PI / 180);
-		let e = a.height, n = a.width, r = t(c, l, e, n);
-		d.drawImage(i, r.sx, r.sy, r.sw, r.sh, -e / 2, -n / 2, e, n);
-	} else {
-		let e = t(c, l, a.width, a.height);
-		d.drawImage(i, e.sx, e.sy, e.sw, e.sh, 0, 0, a.width, a.height);
-	}
-	d.restore(), !m && a.filter && a.filter !== "none" && s(d, a.filter);
-	let h = a.tintColor ? n(a.tintColor, a.tintIntensity ?? 0) : null;
-	return h && h.opacity > 0 && (d.save(), d.globalAlpha = h.opacity, d.fillStyle = h.color, d.fillRect(0, 0, a.width, a.height), d.restore()), u;
-}
-function o(e) {
+function r(e) {
 	switch (e) {
 		case "grayscale": return "grayscale(1)";
 		case "sepia": return "sepia(1)";
 		default: return "none";
 	}
 }
-function s(e, t) {
+function i(e, t) {
 	if (t === "none") return;
 	let { width: n, height: r } = e.canvas, i = e.getImageData(0, 0, n, r);
-	c(i.data, t), e.putImageData(i, 0, 0);
+	a(i.data, t), e.putImageData(i, 0, 0);
 }
-function c(e, t) {
+function a(e, t) {
 	for (let n = 0; n < e.length; n += 4) {
 		let r = e[n] ?? 0, i = e[n + 1] ?? 0, a = e[n + 2] ?? 0;
 		if (t === "grayscale") {
@@ -72,11 +55,11 @@ function c(e, t) {
 		} else t === "sepia" && (e[n] = Math.min(255, .393 * r + .769 * i + .189 * a), e[n + 1] = Math.min(255, .349 * r + .686 * i + .168 * a), e[n + 2] = Math.min(255, .272 * r + .534 * i + .131 * a));
 	}
 }
-function l(e, t = {}) {
+function o(e, t = {}) {
 	let n = t.type ?? "image/jpeg", r = t.quality ?? .92;
 	return t.asBlob ? new Promise((t, i) => {
 		e.toBlob((e) => e ? t(e) : i(/* @__PURE__ */ Error("canvas.toBlob returned null")), n, r);
 	}) : Promise.resolve(e.toDataURL(n, r));
 }
 //#endregion
-export { s as applyPixelFilter, a as captureFrame, t as coverCrop, o as cssFilter, l as exportCanvas, c as filterPixels, r as orientationAngle, n as resolveTintPaint };
+export { i as applyPixelFilter, n as captureFrame, e as coverCrop, r as cssFilter, o as exportCanvas, a as filterPixels, t as resolveTintPaint };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ablok-components",
   "private": false,
-  "version": "0.3.137",
+  "version": "0.3.138",
   "type": "module",
   "dependencies": {
     "@tiptap/core": "^3.30.0",