@nddeps/barcode-scanner 0.3.1 → 0.4.1

package/dist/create-barcode-scanner.d.ts

@@ -1,35 +1,43 @@
 import { type ScanArea } from './utils';
-declare function createBarcodeScanner(video: HTMLVideoElement, { calcScanArea, debug, }?: {
-    calcScanArea?: (video: HTMLVideoElement) => ScanArea;
+type DecodeFailureHandler = (this: State) => Promise<void> | void;
+type DecodeSuccessHandler = (this: State, data: string, area: ScanArea) => Promise<void> | void;
+type LifecycleHook = (this: State) => void;
+type State = {
+    decodeFrameTs: number;
+    isDecodeFrameProcessed: boolean;
+    isDestroyed: boolean;
+    isVideoActive: boolean;
+    isVideoPaused: boolean;
+    scanArea: ScanArea;
+    scanRate: number;
+    video: HTMLVideoElement;
+};
+declare function createBarcodeScanner(video: HTMLVideoElement, { debug, getScanArea, handleDecodeFailure, handleDecodeSuccess, lifecycle, scanRate, }?: {
     debug?: boolean;
-}): {
-    destroy: () => Promise<void>;
-    pause: () => void;
-    start: ({ facingMode }: {
-        facingMode?: "environment" | "user";
-    } | undefined, onDecodeSuccess: (data: string, area: ScanArea) => void, onDecodeFailure?: () => void) => Promise<void>;
-    state: {
-        calcScanArea: (video: HTMLVideoElement) => ScanArea;
-        canvas: HTMLCanvasElement;
-        canvasContext: CanvasRenderingContext2D;
-        debug: boolean;
-        decodeFrameRequestTimestamp: number;
-        facingMode: "environment" | "user";
-        isDecodeFrameProcessed: boolean;
-        isDestroyed: boolean;
-        isReady: boolean;
-        isVideoActive: boolean;
-        isVideoPaused: boolean;
-        onDecodeFailure: () => void;
-        onDecodeSuccess: (data: string, area: ScanArea) => void;
-        requestFrame: (callback: () => void) => number;
-        resumeOnVisibilityChange: boolean;
-        scanArea: ScanArea;
-        scanRate: number;
-        video: HTMLVideoElement;
-        worker: null | Worker;
+    getScanArea?: (video: HTMLVideoElement) => ScanArea;
+    handleDecodeFailure?: DecodeFailureHandler;
+    handleDecodeSuccess?: DecodeSuccessHandler;
+    lifecycle?: {
+        onBeforeCreate?: LifecycleHook;
+        onBeforeDecode?: LifecycleHook;
+        onBeforeStart?: LifecycleHook;
+        onBeforeStop?: LifecycleHook;
+        onCreate?: LifecycleHook;
+        onDecode?: LifecycleHook;
+        onStart?: LifecycleHook;
+        onStop?: LifecycleHook;
     };
-    stop: () => void;
-    watch: <T>(source: () => T, callback: (newValue: T) => void) => () => void;
-};
+    scanRate?: number;
+}): Promise<{
+    destroy: () => void;
+    pause: () => Promise<void>;
+    start: ({ facingMode, ...rest }?: {
+        facingMode?: "environment" | "user";
+        handleDecodeFailure?: DecodeFailureHandler;
+        handleDecodeSuccess?: DecodeSuccessHandler;
+    }) => Promise<void>;
+    state: State;
+    stop: () => Promise<void>;
+}>;
+export type { DecodeFailureHandler, DecodeSuccessHandler, LifecycleHook, State };
 export { createBarcodeScanner };

package/dist/create-worker.d.ts

@@ -0,0 +1,6 @@
+import type { DetectedBarcode } from 'barcode-detector/ponyfill';
+declare function createWorker(): {
+    decode: (imageData: ImageData) => Promise<DetectedBarcode | null>;
+    worker: Worker;
+};
+export { createWorker };

package/dist/index.js

@@ -1,289 +1,289 @@
-function createWatchable(e) {
-	let r = new EventTarget(), i = new Proxy(e, {
-		get(e, r, i) {
-			return Reflect.get(e, r, i);
-		},
-		set(e, i, a, o) {
-			let s = Reflect.set(e, i, a, o);
-			return r.dispatchEvent(new CustomEvent("change")), s;
-		}
-	});
-	function a(e, i) {
-		let a = e();
-		function o() {
-			let r = e();
-			JSON.stringify(r) !== JSON.stringify(a) && (a = r, i(r));
-		}
-		return r.addEventListener("change", o), () => r.removeEventListener("change", o);
-	}
-	return {
-		state: i,
-		watch: a
-	};
+function x(t) {
+  const r = new EventTarget(), a = new Proxy(t, {
+    get(i, o, c) {
+      return Reflect.get(i, o, c);
+    },
+    set(i, o, c, s) {
+      const d = Reflect.set(i, o, c, s);
+      return r.dispatchEvent(new CustomEvent("change")), d;
+    }
+  });
+  function n(i, o) {
+    let c = i();
+    function s() {
+      const d = i();
+      JSON.stringify(d) !== JSON.stringify(c) && (c = d, o(d));
+    }
+    return r.addEventListener("change", s), () => r.removeEventListener("change", s);
+  }
+  return {
+    state: a,
+    watch: n
+  };
 }
-async function hasCameraAccess() {
-	try {
-		return (await navigator.permissions.query({ name: "camera" })).state === "granted";
-	} catch {
-		return (await navigator.mediaDevices.enumerateDevices()).filter((e) => e.deviceId && e.kind === "videoinput").length > 0;
-	}
+const O = 1e3 * 32, F = 1e3 * 16;
+function T() {
+  const t = new Worker(new URL(
+    /* @vite-ignore */
+    "" + new URL("worker.js", import.meta.url).href,
+    import.meta.url
+  ), { type: "module" }), r = new Promise((n, i) => {
+    const o = setTimeout(() => {
+      i(new Error("Worker load timeout"));
+    }, O);
+    t.addEventListener(
+      "message",
+      ({ data: { payload: c, type: s } }) => {
+        s === "init" && (clearTimeout(o), c.status === "success" ? n(!0) : i(new Error("Worker failed to load")));
+      },
+      {
+        once: !0
+      }
+    );
+  });
+  async function a(n) {
+    await r;
+    const i = `${performance.now()}-${Math.random().toString(36).slice(2)}`;
+    return new Promise((o, c) => {
+      const s = setTimeout(() => {
+        t.removeEventListener("message", d), c(new Error("Decode timeout"));
+      }, F), d = ({ data: { payload: w, type: g } }) => {
+        g !== "decode" || w.uuid !== i || (clearTimeout(s), t.removeEventListener("message", d), o(w.data));
+      };
+      t.addEventListener("message", d), t.postMessage({ payload: { data: n, uuid: i }, type: "decode" });
+    });
+  }
+  return {
+    decode: a,
+    worker: t
+  };
 }
-async function getCameraAccess() {
-	if (await hasCameraAccess()) return !0;
-	try {
-		let e = (await navigator.mediaDevices.getUserMedia({ video: !0 })).getTracks();
-		for (let r of e) r.stop();
-		return !0;
-	} catch {
-		return !1;
-	}
+async function V() {
+  try {
+    return (await navigator.permissions.query({ name: "camera" })).state === "granted";
+  } catch {
+    return (await navigator.mediaDevices.enumerateDevices()).filter((a) => a.deviceId && a.kind === "videoinput").length > 0;
+  }
 }
-function getScanArea(e) {
-	let r = Math.round(2 / 3 * Math.min(e.videoWidth, e.videoHeight));
-	return {
-		height: r,
-		width: r,
-		x: Math.round((e.videoWidth - r) / 2),
-		y: Math.round((e.videoHeight - r) / 2)
-	};
+async function H() {
+  if (await V())
+    return !0;
+  try {
+    const r = (await navigator.mediaDevices.getUserMedia({ video: !0 })).getTracks();
+    for (const a of r)
+      a.stop();
+    return !0;
+  } catch {
+    return !1;
+  }
 }
-function getVideoRenderOffset(e, r) {
-	let [i, a] = window.getComputedStyle(e).objectPosition.split(" ").map((i, a) => i.endsWith("%") ? (a === 0 ? e.offsetWidth - r.width : e.offsetHeight - r.height) * parseFloat(i) / 100 : parseFloat(i));
-	return {
-		x: i,
-		y: a
-	};
+function k(t) {
+  const r = Math.round(0.6666666666666666 * Math.min(t.videoWidth, t.videoHeight));
+  return {
+    height: r,
+    width: r,
+    x: Math.round((t.videoWidth - r) / 2),
+    y: Math.round((t.videoHeight - r) / 2)
+  };
 }
-function getVideoRenderSize(e) {
-	let r = window.getComputedStyle(e), i = {
-		height: e.offsetHeight,
-		width: e.offsetWidth
-	}, a = i.width / i.height, o = {
-		height: e.videoHeight,
-		width: e.videoWidth
-	}, s = o.width / o.height;
-	switch (r.objectFit) {
-		case "contain": return {
-			height: s < a ? e.offsetHeight : e.offsetWidth / s,
-			width: s < a ? e.offsetHeight * s : e.offsetWidth
-		};
-		case "cover": return {
-			height: s > a ? e.offsetHeight : e.offsetWidth / s,
-			width: s > a ? e.offsetHeight * s : e.offsetWidth
-		};
-		case "fill": return i;
-		case "none": return o;
-		case "scale-down": return {
-			height: Math.min(s < a ? e.offsetHeight : e.offsetWidth / s, e.videoHeight),
-			width: Math.min(s < a ? e.offsetHeight * s : e.offsetWidth, e.videoWidth)
-		};
-		default: return o;
-	}
+function A(t, r) {
+  const a = window.getComputedStyle(t), [n, i] = a.objectPosition.split(" ").map(
+    (o, c) => o.endsWith("%") ? (c === 0 ? t.offsetWidth - r.width : t.offsetHeight - r.height) * parseFloat(o) / 100 : parseFloat(o)
+  );
+  return {
+    x: n,
+    y: i
+  };
 }
-function isBarcodeDetectorAvailable(e) {
-	return "BarcodeDetector" in e;
+function W(t) {
+  const r = window.getComputedStyle(t), a = { height: t.offsetHeight, width: t.offsetWidth }, n = a.width / a.height, i = { height: t.videoHeight, width: t.videoWidth }, o = i.width / i.height;
+  switch (r.objectFit) {
+    case "contain":
+      return {
+        height: o < n ? t.offsetHeight : t.offsetWidth / o,
+        width: o < n ? t.offsetHeight * o : t.offsetWidth
+      };
+    case "cover":
+      return {
+        height: o > n ? t.offsetHeight : t.offsetWidth / o,
+        width: o > n ? t.offsetHeight * o : t.offsetWidth
+      };
+    case "fill":
+      return a;
+    case "none":
+      return i;
+    case "scale-down":
+      return {
+        height: Math.min(
+          o < n ? t.offsetHeight : t.offsetWidth / o,
+          t.videoHeight
+        ),
+        width: Math.min(
+          o < n ? t.offsetHeight * o : t.offsetWidth,
+          t.videoWidth
+        )
+      };
+    default:
+      return i;
+  }
 }
-function translateAreaToVideoRender(e, r) {
-	let i = /scaleX\(-1\)/.test(e.style.transform), a = getVideoRenderSize(e), c = getVideoRenderOffset(e, a), l = i ? e.videoWidth - r.x - r.width : r.x, u = r.y;
-	return {
-		height: r.height / e.videoHeight * a.height,
-		width: r.width / e.videoWidth * a.width,
-		x: l / e.videoWidth * a.width + c.x,
-		y: u / e.videoHeight * a.height + c.y
-	};
+function L(t) {
+  return "BarcodeDetector" in t;
 }
-function translateAreaToVideoSource(e, r) {
-	let i = /scaleX\(-1\)/.test(e.style.transform), a = getVideoRenderSize(e), c = getVideoRenderOffset(e, a), l = i ? a.width - (r.x - c.x) - r.width : r.x - c.x, u = r.y - c.y, d = e.videoHeight / a.height, f = e.videoWidth / a.width;
-	return {
-		height: r.height * d,
-		width: r.width * f,
-		x: l * f,
-		y: u * d
-	};
+function j(t, r) {
+  const a = /scaleX\(-1\)/.test(t.style.transform), n = W(t), i = A(t, n), o = a ? t.videoWidth - r.x - r.width : r.x, c = r.y;
+  return {
+    height: r.height / t.videoHeight * n.height,
+    width: r.width / t.videoWidth * n.width,
+    x: o / t.videoWidth * n.width + i.x,
+    y: c / t.videoHeight * n.height + i.y
+  };
 }
-function wait(e) {
-	return new Promise((r) => setTimeout(r, e));
+function C(t, r) {
+  const a = /scaleX\(-1\)/.test(t.style.transform), n = W(t), i = A(t, n), o = a ? n.width - (r.x - i.x) - r.width : r.x - i.x, c = r.y - i.y, s = t.videoHeight / n.height, d = t.videoWidth / n.width;
+  return {
+    height: r.height * s,
+    width: r.width * d,
+    x: o * d,
+    y: c * s
+  };
 }
-var Dt = [
-	["Aztec", "M"],
-	["Codabar", "L"],
-	["Code39", "L"],
-	["Code93", "L"],
-	["Code128", "L"],
-	["DataBar", "L"],
-	["DataBarExpanded", "L"],
-	["DataMatrix", "M"],
-	["EAN-8", "L"],
-	["EAN-13", "L"],
-	["ITF", "L"],
-	["MaxiCode", "M"],
-	["PDF417", "M"],
-	["QRCode", "M"],
-	["UPC-A", "L"],
-	["UPC-E", "L"],
-	["MicroQRCode", "M"],
-	["rMQRCode", "M"],
-	["DXFilmEdge", "L"],
-	["DataBarLimited", "L"]
-], Mt = Dt.map(([e]) => e);
-Mt.filter((e, r) => Dt[r][1] === "L"), Mt.filter((e, r) => Dt[r][1] === "M");
-var It = {
-	formats: [],
-	tryHarder: !0,
-	tryRotate: !0,
-	tryInvert: !0,
-	tryDownscale: !0,
-	tryDenoise: !1,
-	binarizer: "LocalAverage",
-	isPure: !1,
-	downscaleFactor: 3,
-	downscaleThreshold: 500,
-	minLineCount: 2,
-	maxNumberOfSymbols: 255,
-	tryCode39ExtendedMode: !0,
-	returnErrors: !1,
-	eanAddOnSymbol: "Ignore",
-	textMode: "HRI",
-	characterSet: "Unknown"
-};
-({ ...It }), [...It.formats], [...[
-	["aztec", "Aztec"],
-	["code_128", "Code128"],
-	["code_39", "Code39"],
-	["code_93", "Code93"],
-	["codabar", "Codabar"],
-	["databar", "DataBar"],
-	["databar_expanded", "DataBarExpanded"],
-	["databar_limited", "DataBarLimited"],
-	["data_matrix", "DataMatrix"],
-	["dx_film_edge", "DXFilmEdge"],
-	["ean_13", "EAN-13"],
-	["ean_8", "EAN-8"],
-	["itf", "ITF"],
-	["maxi_code", "MaxiCode"],
-	["micro_qr_code", "MicroQRCode"],
-	["pdf417", "PDF417"],
-	["qr_code", "QRCode"],
-	["rm_qr_code", "rMQRCode"],
-	["upc_a", "UPC-A"],
-	["upc_e", "UPC-E"],
-	["linear_codes", "Linear-Codes"],
-	["matrix_codes", "Matrix-Codes"],
-	["any", "Any"]
-], ["unknown"]].map((e) => e[0]);
-var instance = { value: null };
-async function decode(e) {
-	let r = instance.value;
-	if (!r) throw Error("Worker not installed");
-	let i = `${performance.now()}-${Math.random().toString(36).slice(2)}`;
-	return new Promise((a, o) => {
-		let s = 0, c = ({ data: { payload: e, type: o } }) => {
-			o !== "decode" || e.uuid !== i || (clearTimeout(s), r.removeEventListener("message", c), a(e.data));
-		};
-		s = setTimeout(() => {
-			r.removeEventListener("message", c), o(null);
-		}, 1e3), r.addEventListener("message", c), r.postMessage({
-			payload: {
-				data: e,
-				uuid: i
-			},
-			type: "decode"
-		});
-	});
-}
-function install() {
-	if (instance.value) return Promise.resolve(instance.value);
-	let e = new Worker(new URL(
-		/* @vite-ignore */
-		"" + new URL("worker.js", import.meta.url).href,
-		"" + import.meta.url
-	), { type: "module" });
-	return new Promise((r, i) => {
-		e.addEventListener("message", ({ data: { type: a } }) => {
-			a === "init" ? r(e) : i(/* @__PURE__ */ Error("Worker load failed"));
-		}, { once: !0 }), instance.value = e;
-	});
+function U(t) {
+  return new Promise((r) => setTimeout(r, t));
 }
-function createBarcodeScanner(r, { calcScanArea: o, debug: s = !1 } = {}) {
-	if (!(r instanceof HTMLVideoElement)) throw Error("video is not a HTMLVideoElement");
-	let c = document.createElement("canvas"), l = c.getContext("2d", { willReadFrequently: !0 });
-	if (!l) throw Error("Failed to get canvas context");
-	let { state: u, watch: d } = createWatchable({
-		calcScanArea: o ?? getScanArea,
-		canvas: c,
-		canvasContext: l,
-		debug: s,
-		decodeFrameRequestTimestamp: performance.now(),
-		facingMode: "environment",
-		isDecodeFrameProcessed: !1,
-		isDestroyed: !1,
-		isReady: !1,
-		isVideoActive: !1,
-		isVideoPaused: !1,
-		onDecodeFailure: () => {},
-		onDecodeSuccess: () => {},
-		requestFrame: r.requestVideoFrameCallback ? r.requestVideoFrameCallback.bind(r) : requestAnimationFrame,
-		resumeOnVisibilityChange: !1,
-		scanArea: {
-			height: 0,
-			width: 0,
-			x: 0,
-			y: 0
-		},
-		scanRate: 24,
-		video: r,
-		worker: null
-	});
-	install().then((e) => u.worker = e).then(() => Promise.resolve()).then(() => u.isReady = !0), u.video.autoplay = !0, u.video.disablePictureInPicture = !0, u.video.hidden = !1, u.video.muted = !0, u.video.playsInline = !0, document.addEventListener("visibilitychange", f);
-	function f() {
-		s && console.log("barcode-scanner:handleVisibilityChange", document.visibilityState, u), document.visibilityState === "hidden" ? u.isVideoActive && u.isVideoPaused === !1 && (u.resumeOnVisibilityChange = !0, h()) : u.resumeOnVisibilityChange && (u.resumeOnVisibilityChange = !1, g({ facingMode: u.facingMode }, u.onDecodeSuccess, u.onDecodeFailure));
-	}
-	function p(e, r) {
-		s && console.log("barcode-scanner:handleDecode", u, performance.now()), !(u.isDestroyed || u.isVideoActive === !1 || u.isVideoPaused) && u.requestFrame(() => {
-			if (u.isReady === !1 || performance.now() - u.decodeFrameRequestTimestamp < 1e3 / u.scanRate || u.isDecodeFrameProcessed || u.video.readyState <= 1) {
-				u.decodeFrameRequestTimestamp = performance.now(), p(e, r);
-				return;
-			}
-			u.isDecodeFrameProcessed = !0, u.scanArea = u.calcScanArea(u.video), u.canvas.height = u.scanArea.height, u.canvas.width = u.scanArea.width, u.canvasContext.clearRect(0, 0, u.canvas.width, u.canvas.height), u.canvasContext.drawImage(u.video, u.scanArea.x, u.scanArea.y, u.scanArea.width, u.scanArea.height, 0, 0, u.canvas.width, u.canvas.height);
-			let i = u.canvasContext.getImageData(0, 0, u.canvas.width, u.canvas.height);
-			u.debug && window.dispatchEvent(new CustomEvent("barcode-scanner:decode-frame", { detail: { imageData: i } })), decode(i).then((i) => {
-				if (i) {
-					let r = i.cornerPoints.map((e) => e.x), a = i.cornerPoints.map((e) => e.y);
-					e(i.rawValue, {
-						height: Math.max(...a) - Math.min(...a),
-						width: Math.max(...r) - Math.min(...r),
-						x: Math.min(...r) + u.scanArea.x,
-						y: Math.min(...a) + u.scanArea.y
-					});
-				} else r();
-			}).catch(() => {
-				console.error("Failed to decode barcode");
-			}).finally(() => {
-				u.isDecodeFrameProcessed = !1, u.decodeFrameRequestTimestamp = performance.now(), p(e, r);
-			});
-		});
-	}
-	async function m() {
-		u.isDestroyed || (_(), document.removeEventListener("visibilitychange", f), u.worker?.terminate(), u.worker = null, u.isDestroyed = !0, u.isReady = !1);
-	}
-	function h() {
-		s && console.log("barcode-scanner:pause", u), u.canvas.height = u.video.videoHeight, u.canvas.width = u.video.videoWidth, u.canvasContext.clearRect(0, 0, u.canvas.width, u.canvas.height), u.canvasContext.drawImage(u.video, 0, 0, u.canvas.width, u.canvas.height, 0, 0, u.canvas.width, u.canvas.height), u.video.poster = u.canvas.toDataURL(), u.video.srcObject instanceof MediaStream && u.video.srcObject.getTracks().forEach((e) => e.stop()), u.video.srcObject = null, u.isVideoPaused = !0;
-	}
-	async function g({ facingMode: e = "environment" } = {}, r, a = () => {}) {
-		if (s && console.log("barcode-scanner:start:before", u), !await getCameraAccess()) throw Error("No camera access");
-		u.video.srcObject instanceof MediaStream && u.isVideoActive && u.isVideoPaused === !1 || (u.video.srcObject instanceof MediaStream || (u.video.srcObject = await navigator.mediaDevices.getUserMedia({ video: { facingMode: e } })), await u.video.play(), u.facingMode = e, u.isVideoActive = !0, u.isVideoPaused = !1, u.onDecodeFailure = a, u.onDecodeSuccess = r, u.scanArea = u.calcScanArea(u.video), u.video.style.transform = e === "user" ? "scaleX(-1)" : "none", s && console.log("barcode-scanner:start:after", u), p(r, a));
-	}
-	function _() {
-		u.video.srcObject instanceof MediaStream && u.video.srcObject.getTracks().forEach((e) => e.stop()), u.video.poster = "", u.video.srcObject = null, u.isVideoActive = !1, u.isVideoPaused = !1;
-	}
-	return {
-		destroy: m,
-		pause: h,
-		start: g,
-		state: u,
-		stop: _,
-		watch: d
-	};
+async function B(t, {
+  debug: r,
+  getScanArea: a = k,
+  handleDecodeFailure: n = () => {
+  },
+  handleDecodeSuccess: i = () => {
+  },
+  lifecycle: o = {},
+  scanRate: c = 24
+} = {}) {
+  if (!(t instanceof HTMLVideoElement))
+    throw new Error("video is not a HTMLVideoElement");
+  if (!(i instanceof Function))
+    throw new Error("handleDecodeSuccess is not a function");
+  if (!(n instanceof Function))
+    throw new Error("handleDecodeFailure is not a function");
+  const s = document.createElement("canvas"), d = s.getContext("2d", { willReadFrequently: !0 });
+  if (!d)
+    throw new Error("canvas context is not supported");
+  const { decode: w, worker: g } = T(), { state: e } = x({
+    decodeFrameTs: performance.now(),
+    isDecodeFrameProcessed: !1,
+    isDestroyed: !1,
+    isVideoActive: !1,
+    isVideoPaused: !1,
+    scanArea: a(t),
+    scanRate: c,
+    video: t
+  }), v = t.requestVideoFrameCallback?.bind(t) ?? requestAnimationFrame;
+  e.video.autoplay = !0, e.video.disablePictureInPicture = !0, e.video.hidden = !1, e.video.muted = !0, e.video.playsInline = !0, o.onCreate && o.onCreate.call(e);
+  function b(h, u) {
+    v(m);
+    async function m() {
+      if (e.isDestroyed || e.isVideoActive === !1)
+        return;
+      if (
+        // Skip if the time since the last request frame is less than the scan rate
+        performance.now() - e.decodeFrameTs < 1e3 / e.scanRate || // Skip if the frame is already processed
+        e.isDecodeFrameProcessed || // Skip if the video is not ready
+        e.video.readyState <= 1
+      ) {
+        v(m);
+        return;
+      }
+      e.isDecodeFrameProcessed = !0, e.scanArea = a(e.video), o.onBeforeDecode && o.onBeforeDecode.call(e), s.height = e.scanArea.height, s.width = e.scanArea.width, d.clearRect(0, 0, s.width, s.height), d.drawImage(
+        e.video,
+        e.scanArea.x,
+        e.scanArea.y,
+        e.scanArea.width,
+        e.scanArea.height,
+        0,
+        0,
+        s.width,
+        s.height
+      );
+      const l = d.getImageData(0, 0, s.width, s.height);
+      r && window.dispatchEvent(
+        new CustomEvent("barcode-scanner:decode-frame", {
+          detail: {
+            imageData: l
+          }
+        })
+      );
+      try {
+        const f = await w(l);
+        if (f) {
+          const p = f.cornerPoints.map((E) => E.x), y = f.cornerPoints.map((E) => E.y), P = {
+            height: Math.max(...y) - Math.min(...y),
+            width: Math.max(...p) - Math.min(...p),
+            x: Math.min(...p) + e.scanArea.x,
+            y: Math.min(...y) + e.scanArea.y
+          };
+          await Promise.resolve(h.call(e, f.rawValue, P));
+        } else
+          await Promise.resolve(u.call(e));
+      } catch (f) {
+        console.warn("Failed to decode barcode"), f && console.error(f);
+      } finally {
+        o.onDecode && o.onDecode.call(e), e.decodeFrameTs = performance.now(), e.isDecodeFrameProcessed = !1, v(m);
+      }
+    }
+  }
+  function R() {
+    e.isDestroyed || (D(), g.terminate(), e.isDestroyed = !0);
+  }
+  async function S() {
+    if (e.isVideoActive === !1 || e.isVideoPaused || e.isDestroyed)
+      return;
+    e.video.pause(), s.height = e.video.videoHeight, s.width = e.video.videoWidth, d.drawImage(e.video, 0, 0, s.width, s.height, 0, 0, s.width, s.height);
+    const h = await new Promise((u, m) => {
+      s.toBlob(
+        (l) => {
+          l ? u(l) : m(new Error("Failed to convert canvas to blob"));
+        },
+        "image/jpeg",
+        0.9
+      );
+    });
+    e.video.poster.startsWith("blob:") && URL.revokeObjectURL(e.video.poster), e.video.poster = URL.createObjectURL(h), e.video.srcObject instanceof MediaStream && e.video.srcObject.getTracks().forEach((u) => u.stop()), e.isVideoPaused = !0, e.video.srcObject = null;
+  }
+  async function M({
+    facingMode: h = "environment",
+    ...u
+  } = {}) {
+    if (o.onBeforeStart && o.onBeforeStart.call(e), !await H())
+      throw new Error("No camera access");
+    e.video.srcObject instanceof MediaStream || (e.video.srcObject = await navigator.mediaDevices.getUserMedia({
+      video: {
+        facingMode: h
+      }
+    }), await e.video.play(), e.isVideoActive = !0, e.isVideoPaused = !1, e.scanArea = a(e.video), e.video.style.transform = h === "user" ? "scaleX(-1)" : "none", o.onStart && o.onStart.call(e), b(u.handleDecodeSuccess ?? i, u.handleDecodeFailure ?? n));
+  }
+  async function D() {
+    e.isVideoActive === !1 || e.isDestroyed || (o.onBeforeStop && o.onBeforeStop.call(e), e.video.srcObject instanceof MediaStream && e.video.srcObject.getTracks().forEach((h) => h.stop()), e.video.poster.startsWith("blob:") && URL.revokeObjectURL(e.video.poster), e.isVideoActive = !1, e.isVideoPaused = !1, e.video.poster = "", e.video.srcObject = null, o.onStop && o.onStop.call(e));
+  }
+  return {
+    destroy: R,
+    pause: S,
+    start: M,
+    state: e,
+    stop: D
+  };
 }
-var lib_default = createBarcodeScanner;
-export { createBarcodeScanner, lib_default as default, getCameraAccess, getScanArea, getVideoRenderOffset, getVideoRenderSize, hasCameraAccess, isBarcodeDetectorAvailable, translateAreaToVideoRender, translateAreaToVideoSource, wait };
+export {
+  B as createBarcodeScanner,
+  B as default,
+  H as getCameraAccess,
+  k as getScanArea,
+  A as getVideoRenderOffset,
+  W as getVideoRenderSize,
+  V as hasCameraAccess,
+  L as isBarcodeDetectorAvailable,
+  j as translateAreaToVideoRender,
+  C as translateAreaToVideoSource,
+  U as wait
+};