ablok-components 0.3.136 → 0.3.138

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

@@ -2,6 +2,6 @@ import e from "../../../_virtual/_plugin-vue_export-helper.js";
 import t from "./base-camera.vue_vue_type_script_setup_true_lang.js";
 /* empty css                                                            */
 //#region src/components/molecules/base-camera/base-camera.vue
-var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-67efb17e"]]);
+var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-bdd9593d"]]);
 //#endregion
 export { n as default };

package/dist/components/molecules/base-camera/base-camera.vue.d.ts

@@ -123,6 +123,10 @@ declare const __VLS_export: import('../../../../vue/dist/vue.esm-bundler.js').De
         type: BooleanConstructor;
         default: boolean;
     };
+    enableTorch: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     enableShutterAnimation: {
         type: BooleanConstructor;
         default: boolean;
@@ -141,6 +145,9 @@ declare const __VLS_export: import('../../../../vue/dist/vue.esm-bundler.js').De
         permission: import('../../../../vue/dist/vue.esm-bundler.js').ComputedRef<import('../../../utilities/camera/types').CameraPermission>;
         zoom: import('../../../../vue/dist/vue.esm-bundler.js').ComputedRef<number>;
         zoomCapability: import('../../../../vue/dist/vue.esm-bundler.js').ComputedRef<import('../../../utilities/camera/types').ZoomCapability | null>;
+        torch: import('../../../../vue/dist/vue.esm-bundler.js').ComputedRef<boolean>;
+        torchCapability: import('../../../../vue/dist/vue.esm-bundler.js').ComputedRef<boolean>;
+        canLockExposure: import('../../../../vue/dist/vue.esm-bundler.js').ComputedRef<boolean>;
         isLive: import('../../../../vue/dist/vue.esm-bundler.js').ComputedRef<boolean>;
         isPaused: import('../../../../vue/dist/vue.esm-bundler.js').ComputedRef<boolean>;
         isStarting: import('../../../../vue/dist/vue.esm-bundler.js').ComputedRef<boolean>;
@@ -155,6 +162,8 @@ declare const __VLS_export: import('../../../../vue/dist/vue.esm-bundler.js').De
         selectDevice: (deviceId: string) => Promise<boolean>;
         setResolution: (r: Resolution) => Promise<boolean>;
         setZoom: (z: number) => Promise<boolean>;
+        setTorch: (on: boolean) => Promise<boolean>;
+        setExposureLocked: (locked: boolean) => Promise<boolean>;
         refreshDevices: () => Promise<void>;
         bindVideo: (el: HTMLVideoElement | null) => void;
     };
@@ -287,6 +296,10 @@ declare const __VLS_export: import('../../../../vue/dist/vue.esm-bundler.js').De
         type: BooleanConstructor;
         default: boolean;
     };
+    enableTorch: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     enableShutterAnimation: {
         type: BooleanConstructor;
         default: boolean;
@@ -318,6 +331,7 @@ declare const __VLS_export: import('../../../../vue/dist/vue.esm-bundler.js').De
     enableScreenFlash: boolean;
     screenFlashColor: string;
     screenFlashFullscreen: boolean;
+    enableTorch: boolean;
     enableShutterAnimation: boolean;
 }, {}, {}, {}, string, import('../../../../vue/dist/vue.esm-bundler.js').ComponentProvideOptions, true, {}, any>;
 declare const _default: typeof __VLS_export;

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

@@ -5,12 +5,12 @@ import { useCamera as i } from "../../../composables/useCamera.js";
 import a from "../camera-preview/camera-preview.js";
 import o from "../../atoms/zoom-slider/zoom-slider.js";
 import s from "../../../assets/img/guide.js";
-import { Teleport as ee, Transition as te, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createVNode as p, defineComponent as m, normalizeClass as h, normalizeStyle as g, onMounted as _, onScopeDispose as ne, openBlock as v, ref as y, toDisplayString as b, unref as x, watch as S, withCtx as C } from "vue";
+import { Teleport as c, Transition as l, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createVNode as h, defineComponent as g, normalizeClass as ee, normalizeStyle as te, onMounted as ne, onScopeDispose as re, openBlock as _, ref as v, toDisplayString as y, unref as b, watch as x, withCtx as S } from "vue";
 //#region src/components/molecules/base-camera/base-camera.vue?vue&type=script&setup=true&lang.ts
-var re = {
+var ie = {
 	class: "base-camera position-relative w-100 user-select-none",
 	"data-bs-theme": "dark"
-}, ie = ["src"], ae = { class: "position-absolute top-0 start-0 end-0 d-flex align-items-start p-2 gap-2 base-camera__top-bar" }, oe = { class: "base-camera__select-col" }, se = { key: 1 }, ce = { class: "d-flex align-items-center ms-auto gap-2" }, le = ["aria-label"], ue = ["disabled"], de = {
+}, C = ["src"], ae = { class: "position-absolute top-0 start-0 end-0 d-flex align-items-start p-2 gap-2 base-camera__top-bar" }, oe = { class: "base-camera__select-col" }, se = { key: 1 }, ce = { class: "d-flex align-items-center ms-auto gap-2" }, le = ["aria-label"], ue = ["disabled"], de = {
 	key: 1,
 	class: "position-absolute top-0 start-0 w-100 h-100 d-flex flex-column align-items-center justify-content-center text-center p-3 bg-black bg-opacity-50"
 }, fe = {
@@ -23,30 +23,30 @@ var re = {
 }, me = { class: "mb-2" }, he = { class: "position-absolute bottom-0 start-0 end-0 p-3 d-flex flex-column gap-2 align-items-center" }, ge = {
 	key: 0,
 	class: "d-flex align-items-center justify-content-center gap-4 w-100"
-}, w = ["disabled", "aria-label"], _e = {
+}, _e = ["disabled", "aria-label"], ve = {
 	key: 0,
 	viewBox: "0 0 24 24",
 	width: "22",
 	height: "22",
 	fill: "currentColor",
 	"aria-hidden": "true"
-}, ve = {
+}, ye = {
 	key: 1,
 	viewBox: "0 0 24 24",
 	width: "22",
 	height: "22",
 	fill: "currentColor",
 	"aria-hidden": "true"
-}, ye = ["disabled"], be = {
+}, be = ["disabled"], xe = {
 	key: 2,
 	class: "base-camera__countdown-overlay",
 	role: "status",
 	"aria-live": "polite",
 	"aria-atomic": "true"
-}, xe = ["data-countdown"], Se = {
+}, Se = ["data-countdown"], Ce = {
 	key: 0,
 	class: "base-camera__zoom"
-}, T = /*@__PURE__*/ m({
+}, we = 200, w = /*@__PURE__*/ g({
 	__name: "base-camera",
 	props: {
 		modelValue: { type: null },
@@ -172,6 +172,10 @@ var re = {
 			type: Boolean,
 			default: !1
 		},
+		enableTorch: {
+			type: Boolean,
+			default: !0
+		},
 		enableShutterAnimation: {
 			type: Boolean,
 			default: !0
@@ -184,238 +188,243 @@ var re = {
 		"error",
 		"state"
 	],
-	setup(s, { expose: m, emit: T }) {
-		let E = s, D = T, O = y(null), k = c(() => O.value?.videoEl ?? null), A = c(() => E.resolutions[E.ratio] ?? {
+	setup(s, { expose: g, emit: w }) {
+		let T = s, E = w, D = v(null), O = u(() => D.value?.videoEl ?? null), k = u(() => T.resolutions[T.ratio] ?? {
 			width: 720,
 			height: 960
-		}), j = i({
-			preferredFacing: E.defaultRearCamera ? "environment" : "user",
-			resolution: A.value,
-			videoRef: k,
-			onWarning: (e) => D("error", e)
-		}), M = c(() => E.enableMirrorCamera && j.activeFacing.value !== "environment"), Ce = c(() => E.enableSelectDevice && j.devices.value.length > 1), we = c(() => E.enableSwitchCamera && j.canSwitch.value), Te = c(() => E.enableZoomSlider && j.zoomCapability.value !== null), N = c(() => j.isLive.value || j.isPaused.value), P = y(!1), F = y(0), I = y(!1), L = y(0), R = y(!1), z = y(0), B = y(E.enableScreenFlash);
-		S(() => E.enableScreenFlash, (e) => {
-			B.value = e;
+		}), A = i({
+			preferredFacing: T.defaultRearCamera ? "environment" : "user",
+			resolution: k.value,
+			videoRef: O,
+			onWarning: (e) => E("error", e)
+		}), j = u(() => T.enableMirrorCamera && A.activeFacing.value !== "environment"), Te = u(() => T.enableSelectDevice && A.devices.value.length > 1), Ee = u(() => T.enableSwitchCamera && A.canSwitch.value), De = u(() => T.enableZoomSlider && A.zoomCapability.value !== null), M = u(() => A.isLive.value || A.isPaused.value), N = v(!1), P = v(0), F = v(!1), I = v(0), L = v(!1), R = v(0), z = v(T.enableScreenFlash);
+		x(() => T.enableScreenFlash, (e) => {
+			z.value = e;
 		});
-		let V = null, H = null, U = null, W = null, G = null, K = null, q = null, J = null, Y = !1, X = y(E.zoom);
-		S(() => E.zoom, (e) => {
-			X.value = e;
-		}), S(X, (e) => {
-			j.setZoom(e), e !== E.zoom && D("update:zoom", e);
-		}), S(j.zoom, (e) => {
-			j.zoomCapability.value && e !== X.value && (X.value = e);
-		}), S(j.zoomCapability, (e) => {
-			e && j.setZoom(X.value);
-		}), S(j.state, (e) => D("state", e)), S(j.error, (e) => {
-			e && D("error", e);
-		}), S(A, (e) => void j.setResolution(e)), _(() => {
-			E.autoStart && j.start();
-		}), ne(() => {
-			Y = !0, H && clearTimeout(H), U && clearTimeout(U), G && clearTimeout(G), H = null, U = null, G = null, J?.(!1), J = null, Z(), Q(), F.value = 0, I.value = !1, R.value = !1;
+		let B = null, V = null, H = null, U = null, W = null, G = null, K = null, q = null, J = !1, Y = v(T.zoom);
+		x(() => T.zoom, (e) => {
+			Y.value = e;
+		}), x(Y, (e) => {
+			A.setZoom(e), e !== T.zoom && E("update:zoom", e);
+		}), x(A.zoom, (e) => {
+			A.zoomCapability.value && e !== Y.value && (Y.value = e);
+		}), x(A.zoomCapability, (e) => {
+			e && A.setZoom(Y.value);
+		}), x(A.state, (e) => E("state", e)), x(A.error, (e) => {
+			e && E("error", e);
+		}), x(k, (e) => void A.setResolution(e)), ne(() => {
+			T.autoStart && A.start();
+		}), re(() => {
+			J = !0, V && clearTimeout(V), H && clearTimeout(H), W && clearTimeout(W), V = null, H = null, W = null, q?.(!1), q = null, X(), Z(), P.value = 0, F.value = !1, L.value = !1;
 		});
-		function Z() {
-			U && clearTimeout(U), U = null, I.value = !1, W?.(), W = null;
+		function X() {
+			H && clearTimeout(H), H = null, F.value = !1, U?.(), U = null;
 		}
-		function Ee() {
-			if (!E.enableShutterAnimation) return Promise.resolve();
-			Z(), L.value++, I.value = !0;
+		function Oe() {
+			if (!T.enableShutterAnimation) return Promise.resolve();
+			X(), I.value++, F.value = !0;
 			let e = new Promise((e) => {
-				W = e;
+				U = e;
 			});
-			return U = setTimeout(Z, 650), e;
+			return H = setTimeout(X, 650), e;
 		}
-		function Q() {
-			K && clearTimeout(K), K = null, q?.(), q = null;
+		function Z() {
+			G && clearTimeout(G), G = null, K?.(), K = null;
 		}
-		function De() {
-			if (!B.value) return {
+		function ke() {
+			if (!z.value) return {
 				peak: Promise.resolve(),
 				faded: Promise.resolve()
 			};
-			G && clearTimeout(G), Q(), z.value++, R.value = !0;
+			W && clearTimeout(W), Z(), R.value++, L.value = !0;
 			let e = new Promise((e) => {
-				q = e;
+				K = e;
 			});
-			return G = setTimeout(() => {
-				G = null, R.value = !1, K = setTimeout(Q, 400);
+			return W = setTimeout(() => {
+				W = null, L.value = !1, G = setTimeout(Z, 400);
 			}, 350), {
 				peak: new Promise((e) => setTimeout(e, 120)),
 				faded: e
 			};
 		}
-		async function Oe() {
-			let e = k.value;
-			if (!e || !N.value || P.value) return null;
-			P.value = !0;
+		function Ae(e) {
+			return new Promise((t) => setTimeout(t, e));
+		}
+		async function je() {
+			let e = O.value;
+			if (!e || !M.value || N.value) return null;
+			N.value = !0;
+			let t = T.enableTorch && A.torchCapability.value, i = !1, a = !1;
 			try {
-				let t = De();
-				if (await t.peak, Y || !N.value) return null;
-				let i = n(e, {
-					width: A.value.width,
-					height: A.value.height,
-					mirror: M.value,
-					filter: E.filter,
-					tintColor: E.tintColor,
-					tintIntensity: E.tintIntensity
-				}), a = Ee(), o = await r(i, { asBlob: E.emitBlob });
-				return await Promise.all([t.faded, a]), Y ? null : (D("update:modelValue", o), D("capture", o, i), o);
+				t ? (i = await A.setTorch(!0), i && await Ae(we)) : z.value && (a = await A.setExposureLocked(!0));
+				let o = ke();
+				if (await o.peak, J || !M.value) return null;
+				let s = n(e, {
+					width: k.value.width,
+					height: k.value.height,
+					mirror: j.value,
+					filter: T.filter,
+					tintColor: T.tintColor,
+					tintIntensity: T.tintIntensity
+				}), c = Oe(), l = await r(s, { asBlob: T.emitBlob });
+				return await Promise.all([o.faded, c]), J ? null : (E("update:modelValue", l), E("capture", l, s), l);
 			} finally {
-				P.value = !1;
+				i && A.setTorch(!1), a && A.setExposureLocked(!1), N.value = !1;
 			}
 		}
-		function ke() {
+		function Q() {
 			return new Promise((e) => {
-				J = e, H = setTimeout(() => {
-					H = null, J = null, e(!0);
+				q = e, V = setTimeout(() => {
+					V = null, q = null, e(!0);
 				}, 1e3);
 			});
 		}
-		async function Ae() {
-			let e = Number.isFinite(E.countdown) ? Math.max(0, Math.floor(E.countdown)) : 0;
-			for (let t = e; t > 0; t--) if (F.value = t, !await ke()) return null;
-			return F.value = 0, Y ? null : Oe();
+		async function Me() {
+			let e = Number.isFinite(T.countdown) ? Math.max(0, Math.floor(T.countdown)) : 0;
+			for (let t = e; t > 0; t--) if (P.value = t, !await Q()) return null;
+			return P.value = 0, J ? null : je();
 		}
 		function $() {
-			return V || (!k.value || !N.value ? Promise.resolve(null) : (V = Ae().finally(() => {
-				F.value = 0, V = null;
-			}), V));
+			return B || (!O.value || !M.value ? Promise.resolve(null) : (B = Me().finally(() => {
+				P.value = 0, B = null;
+			}), B));
 		}
-		function je(e) {
+		function Ne(e) {
 			let t = e.target.value;
-			t && j.selectDevice(t);
+			t && A.selectDevice(t);
 		}
-		function Me(e, t) {
+		function Pe(e, t) {
 			if (e.label) return e.label;
 			let n = e.facing === "user" ? "Front" : e.facing === "environment" ? "Back" : "";
 			return n ? `${n} camera` : `Camera ${t + 1}`;
 		}
-		return m({
+		return g({
 			onCapture: $,
-			camera: j,
-			zoom: X
-		}), (n, r) => (v(), d("div", re, [p(a, {
+			camera: A,
+			zoom: Y
+		}), (n, r) => (_(), p("div", ie, [h(a, {
 			ref_key: "previewRef",
-			ref: O,
+			ref: D,
 			ratio: s.ratio,
 			resolutions: s.resolutions,
-			mirror: M.value,
+			mirror: j.value,
 			filter: s.filter,
 			"tint-color": s.tintColor,
 			"tint-intensity": s.tintIntensity
 		}, {
-			default: C(() => [
-				s.enableGuide && s.guideSrc ? (v(), d("img", {
+			default: S(() => [
+				s.enableGuide && s.guideSrc ? (_(), p("img", {
 					key: 0,
 					src: s.guideSrc,
 					class: "position-absolute top-0 start-0 w-100 h-100 base-camera__guide",
 					alt: "",
 					"aria-hidden": "true"
-				}, null, 8, ie)) : u("", !0),
-				f("div", ae, [f("div", oe, [Ce.value && x(j).activeDeviceId ? (v(), l(t, {
+				}, null, 8, C)) : f("", !0),
+				m("div", ae, [m("div", oe, [Te.value && b(A).activeDeviceId ? (_(), d(t, {
 					key: 0,
 					class: "base-camera__select",
-					modelValue: x(j).activeDeviceId.value,
-					"onUpdate:modelValue": r[0] ||= (e) => x(j).activeDeviceId.value = e,
-					disabled: x(j).isStarting.value,
+					modelValue: b(A).activeDeviceId.value,
+					"onUpdate:modelValue": r[0] ||= (e) => b(A).activeDeviceId.value = e,
+					disabled: b(A).isStarting.value,
 					"aria-label": "Select camera",
-					onChange: je,
-					options: x(j).devices.value.map((e, t) => ({
+					onChange: Ne,
+					options: b(A).devices.value.map((e, t) => ({
 						value: e.deviceId,
-						text: Me(e, t)
+						text: Pe(e, t)
 					})),
 					variant: "dark"
 				}, null, 8, [
 					"modelValue",
 					"disabled",
 					"options"
-				])) : (v(), d("span", se))]), f("div", ce, [s.enableScreenFlash ? (v(), d("button", {
+				])) : (_(), p("span", se))]), m("div", ce, [s.enableScreenFlash ? (_(), p("button", {
 					key: 0,
 					type: "button",
 					class: "btn btn-dark bg-opacity-50 base-camera__icon-btn",
-					"aria-label": B.value ? "Flash On" : "Flash Off",
-					onClick: r[1] ||= (e) => B.value = !B.value
-				}, [B.value ? (v(), l(e, {
+					"aria-label": z.value ? "Flash On" : "Flash Off",
+					onClick: r[1] ||= (e) => z.value = !z.value
+				}, [z.value ? (_(), d(e, {
 					key: 0,
 					symbol: "zap"
-				})) : (v(), l(e, {
+				})) : (_(), d(e, {
 					key: 1,
 					symbol: "zap-off"
-				}))], 8, le)) : u("", !0), we.value ? (v(), d("button", {
+				}))], 8, le)) : f("", !0), Ee.value ? (_(), p("button", {
 					key: 1,
 					type: "button",
 					class: "btn btn-dark bg-opacity-50 base-camera__icon-btn",
-					disabled: x(j).isStarting.value,
+					disabled: b(A).isStarting.value,
 					"aria-label": "Switch camera",
-					onClick: r[2] ||= (e) => x(j).switchCamera()
-				}, [p(e, { symbol: "switch-camera" })], 8, ue)) : u("", !0)])]),
-				x(j).isStarting.value || x(j).state.value === "error" || x(j).state.value === "idle" && !s.autoStart ? (v(), d("div", de, [x(j).isStarting.value ? (v(), d("div", fe, [...r[9] ||= [f("span", { class: "visually-hidden" }, "Starting camera…", -1)]])) : x(j).state.value === "error" ? (v(), d("div", pe, [f("div", me, b(x(j).error.value?.message ?? "Camera error"), 1), x(j).error.value?.code !== "not-allowed" && x(j).error.value?.code !== "unsupported" ? (v(), d("button", {
+					onClick: r[2] ||= (e) => b(A).switchCamera()
+				}, [h(e, { symbol: "switch-camera" })], 8, ue)) : f("", !0)])]),
+				b(A).isStarting.value || b(A).state.value === "error" || b(A).state.value === "idle" && !s.autoStart ? (_(), p("div", de, [b(A).isStarting.value ? (_(), p("div", fe, [...r[9] ||= [m("span", { class: "visually-hidden" }, "Starting camera…", -1)]])) : b(A).state.value === "error" ? (_(), p("div", pe, [m("div", me, y(b(A).error.value?.message ?? "Camera error"), 1), b(A).error.value?.code !== "not-allowed" && b(A).error.value?.code !== "unsupported" ? (_(), p("button", {
 					key: 0,
 					type: "button",
 					class: "btn btn-sm btn-outline-light",
-					onClick: r[3] ||= (e) => x(j).start()
-				}, " Retry ")) : u("", !0)])) : (v(), d("button", {
+					onClick: r[3] ||= (e) => b(A).start()
+				}, " Retry ")) : f("", !0)])) : (_(), p("button", {
 					key: 2,
 					type: "button",
 					class: "btn btn-light",
-					onClick: r[4] ||= (e) => x(j).start()
-				}, "Start camera"))])) : u("", !0),
-				f("div", he, [s.enableControls ? (v(), d("div", ge, [
-					f("button", {
+					onClick: r[4] ||= (e) => b(A).start()
+				}, "Start camera"))])) : f("", !0),
+				m("div", he, [s.enableControls ? (_(), p("div", ge, [
+					m("button", {
 						type: "button",
 						class: "btn btn-dark bg-opacity-50 rounded-circle base-camera__icon-btn",
-						disabled: x(j).isStarting.value,
-						"aria-label": x(j).isLive.value ? "Pause" : "Start",
-						onClick: r[5] ||= (e) => x(j).toggle()
-					}, [x(j).isLive.value ? (v(), d("svg", _e, [...r[10] ||= [f("rect", {
+						disabled: b(A).isStarting.value,
+						"aria-label": b(A).isLive.value ? "Pause" : "Start",
+						onClick: r[5] ||= (e) => b(A).toggle()
+					}, [b(A).isLive.value ? (_(), p("svg", ve, [...r[10] ||= [m("rect", {
 						x: "6",
 						y: "5",
 						width: "4",
 						height: "14",
 						rx: "1"
-					}, null, -1), f("rect", {
+					}, null, -1), m("rect", {
 						x: "14",
 						y: "5",
 						width: "4",
 						height: "14",
 						rx: "1"
-					}, null, -1)]])) : (v(), d("svg", ve, [...r[11] ||= [f("path", { d: "M8 5v14l11-7z" }, null, -1)]]))], 8, w),
-					f("button", {
+					}, null, -1)]])) : (_(), p("svg", ye, [...r[11] ||= [m("path", { d: "M8 5v14l11-7z" }, null, -1)]]))], 8, _e),
+					m("button", {
 						type: "button",
 						class: "btn btn-light rounded-circle base-camera__shutter",
-						disabled: !N.value || P.value || F.value > 0,
+						disabled: !M.value || N.value || P.value > 0,
 						"aria-label": "Capture photo",
 						onClick: r[6] ||= (e) => $()
-					}, [...r[12] ||= [f("span", { class: "base-camera__shutter-inner" }, null, -1)]], 8, ye),
-					f("button", {
+					}, [...r[12] ||= [m("span", { class: "base-camera__shutter-inner" }, null, -1)]], 8, be),
+					m("button", {
 						type: "button",
 						class: "btn btn-dark bg-opacity-50 rounded-circle base-camera__icon-btn",
 						"aria-label": "Stop camera",
-						onClick: r[7] ||= (e) => x(j).stop()
-					}, [p(e, { symbol: "x" })])
-				])) : u("", !0)]),
-				F.value ? (v(), d("div", be, [(v(), d("p", {
-					key: F.value,
+						onClick: r[7] ||= (e) => b(A).stop()
+					}, [h(e, { symbol: "x" })])
+				])) : f("", !0)]),
+				P.value ? (_(), p("div", xe, [(_(), p("p", {
+					key: P.value,
 					class: "base-camera__countdown",
-					"data-countdown": F.value
-				}, b(F.value), 9, xe))])) : u("", !0),
-				I.value ? (v(), d("div", {
-					key: L.value,
+					"data-countdown": P.value
+				}, y(P.value), 9, Se))])) : f("", !0),
+				F.value ? (_(), p("div", {
+					key: I.value,
 					class: "base-camera__shutter-effect",
 					"aria-hidden": "true"
-				}, [...r[13] ||= [f("span", { class: "base-camera__shutter-aperture" }, null, -1)]])) : u("", !0),
-				(v(), l(ee, {
+				}, [...r[13] ||= [m("span", { class: "base-camera__shutter-aperture" }, null, -1)]])) : f("", !0),
+				(_(), d(c, {
 					to: "body",
 					disabled: !s.screenFlashFullscreen
-				}, [p(te, {
+				}, [h(l, {
 					name: "base-camera-flash",
-					onAfterLeave: Q
+					onAfterLeave: Z
 				}, {
-					default: C(() => [R.value ? (v(), d("div", {
-						key: z.value,
-						class: h(["base-camera__screen-flash", { "base-camera__screen-flash--fullscreen": s.screenFlashFullscreen }]),
-						style: g({ background: s.screenFlashColor }),
+					default: S(() => [L.value ? (_(), p("div", {
+						key: R.value,
+						class: ee(["base-camera__screen-flash", { "base-camera__screen-flash--fullscreen": s.screenFlashFullscreen }]),
+						style: te({ background: s.screenFlashColor }),
 						"aria-hidden": "true"
-					}, null, 6)) : u("", !0)]),
+					}, null, 6)) : f("", !0)]),
 					_: 1
 				})], 8, ["disabled"]))
 			]),
@@ -427,19 +436,19 @@ var re = {
 			"filter",
 			"tint-color",
 			"tint-intensity"
-		]), Te.value ? (v(), d("div", Se, [p(o, {
-			modelValue: X.value,
-			"onUpdate:modelValue": r[8] ||= (e) => X.value = e,
-			min: x(j).zoomCapability.value.min,
-			max: x(j).zoomCapability.value.max,
-			step: x(j).zoomCapability.value.step
+		]), De.value ? (_(), p("div", Ce, [h(o, {
+			modelValue: Y.value,
+			"onUpdate:modelValue": r[8] ||= (e) => Y.value = e,
+			min: b(A).zoomCapability.value.min,
+			max: b(A).zoomCapability.value.max,
+			step: b(A).zoomCapability.value.step
 		}, null, 8, [
 			"modelValue",
 			"min",
 			"max",
 			"step"
-		])])) : u("", !0)]));
+		])])) : f("", !0)]));
 	}
 });
 //#endregion
-export { T as default };
+export { w as default };

package/dist/composables/useCamera.d.ts

@@ -17,6 +17,9 @@ export declare function useCamera(options?: UseCameraOptions): {
     permission: import('../../vue/dist/vue.esm-bundler.js').ComputedRef<import('../utilities/camera/types').CameraPermission>;
     zoom: import('../../vue/dist/vue.esm-bundler.js').ComputedRef<number>;
     zoomCapability: import('../../vue/dist/vue.esm-bundler.js').ComputedRef<import('../utilities/camera/types').ZoomCapability | null>;
+    torch: import('../../vue/dist/vue.esm-bundler.js').ComputedRef<boolean>;
+    torchCapability: import('../../vue/dist/vue.esm-bundler.js').ComputedRef<boolean>;
+    canLockExposure: import('../../vue/dist/vue.esm-bundler.js').ComputedRef<boolean>;
     isLive: import('../../vue/dist/vue.esm-bundler.js').ComputedRef<boolean>;
     isPaused: import('../../vue/dist/vue.esm-bundler.js').ComputedRef<boolean>;
     isStarting: import('../../vue/dist/vue.esm-bundler.js').ComputedRef<boolean>;
@@ -31,6 +34,8 @@ export declare function useCamera(options?: UseCameraOptions): {
     selectDevice: (deviceId: string) => Promise<boolean>;
     setResolution: (r: Resolution) => Promise<boolean>;
     setZoom: (z: number) => Promise<boolean>;
+    setTorch: (on: boolean) => Promise<boolean>;
+    setExposureLocked: (locked: boolean) => Promise<boolean>;
     refreshDevices: () => Promise<void>;
     bindVideo: (el: HTMLVideoElement | null) => void;
 };

package/dist/composables/useCamera.js

@@ -22,6 +22,9 @@ function a(a = {}) {
 		permission: t(() => l.value.permission),
 		zoom: t(() => l.value.zoom),
 		zoomCapability: t(() => l.value.zoomCapability),
+		torch: t(() => l.value.torch),
+		torchCapability: t(() => l.value.torchCapability),
+		canLockExposure: t(() => l.value.canLockExposure),
 		isLive: t(() => l.value.state === "live"),
 		isPaused: t(() => l.value.state === "paused"),
 		isStarting: t(() => l.value.state === "starting"),
@@ -36,6 +39,8 @@ function a(a = {}) {
 		selectDevice: (e) => c.selectDevice(e),
 		setResolution: (e) => c.setResolution(e),
 		setZoom: (e) => c.setZoom(e),
+		setTorch: (e) => c.setTorch(e),
+		setExposureLocked: (e) => c.setExposureLocked(e),
 		refreshDevices: () => c.refreshDevices(),
 		bindVideo: (e) => c.attachVideo(e)
 	};

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

@@ -10,6 +10,9 @@ export interface CameraSnapshot {
     permission: CameraPermission;
     zoom: number;
     zoomCapability: ZoomCapability | null;
+    torch: boolean;
+    torchCapability: boolean;
+    canLockExposure: boolean;
 }
 export interface CameraManagerOptions {
     preferredFacing?: Facing;
@@ -31,6 +34,9 @@ export declare class CameraManager {
     private zoom;
     private zoomCapability;
     private desiredZoom;
+    private torch;
+    private torchCapability;
+    private canLockExposure;
     private video;
     private seq;
     private tearingDown;
@@ -66,6 +72,9 @@ export declare class CameraManager {
     /** Restart at a new resolution, keeping the active device. */
     setResolution(resolution: Resolution): Promise<boolean>;
     setZoom(value: number): Promise<boolean>;
+    setTorch(on: boolean): Promise<boolean>;
+    /** Freeze auto-exposure so a screen flash brightens the frame instead of being metered away. */
+    setExposureLocked(locked: boolean): Promise<boolean>;
     refreshDevices(): Promise<void>;
     dispose(): void;
     private teardown;
@@ -88,4 +97,5 @@ export declare class CameraManager {
     private probeDevice;
     private initPermission;
     private readZoomCapability;
+    private readTorchCapability;
 }