@capgo/camera-preview 7.23.9 → 7.23.11

package/dist/plugin.js

@@ -12,7 +12,7 @@ var capacitorCapacitorCameraView = (function (exports, core) {
         DeviceType["TRIPLE"] = "triple";
     })(exports.DeviceType || (exports.DeviceType = {}));
 
-    const CameraPreview = core.registerPlugin("CameraPreview", {
+    const CameraPreview = core.registerPlugin('CameraPreview', {
         web: () => Promise.resolve().then(function () { return web; }).then((m) => new m.CameraPreviewWeb()),
     });
     async function getBase64FromFilePath(filePath) {
@@ -26,7 +26,7 @@ var capacitorCapacitorCameraView = (function (exports, core) {
             const reader = new FileReader();
             reader.onloadend = () => {
                 const dataUrl = reader.result;
-                const commaIndex = dataUrl.indexOf(",");
+                const commaIndex = dataUrl.indexOf(',');
                 resolve(commaIndex >= 0 ? dataUrl.substring(commaIndex + 1) : dataUrl);
             };
             reader.onerror = () => reject(reader.error);
@@ -39,7 +39,7 @@ var capacitorCapacitorCameraView = (function (exports, core) {
         return !!success;
     }
 
-    const DEFAULT_VIDEO_ID = "capgo_video";
+    const DEFAULT_VIDEO_ID = 'capgo_video';
     class CameraPreviewWeb extends core.WebPlugin {
         constructor() {
             super();
@@ -55,32 +55,32 @@ var capacitorCapacitorCameraView = (function (exports, core) {
         }
         async checkPermissions(options) {
             const result = {
-                camera: "prompt",
+                camera: 'prompt',
             };
             const permissionsApi = navigator === null || navigator === void 0 ? void 0 : navigator.permissions;
             if (permissionsApi === null || permissionsApi === void 0 ? void 0 : permissionsApi.query) {
                 try {
-                    const cameraPermission = await permissionsApi.query({ name: "camera" });
+                    const cameraPermission = await permissionsApi.query({ name: 'camera' });
                     result.camera = this.mapWebPermission(cameraPermission.state);
                 }
                 catch (error) {
-                    console.warn("Camera permission query failed", error);
+                    console.warn('Camera permission query failed', error);
                 }
                 if ((options === null || options === void 0 ? void 0 : options.disableAudio) === false) {
                     try {
                         const microphonePermission = await permissionsApi.query({
-                            name: "microphone",
+                            name: 'microphone',
                         });
                         result.microphone = this.mapWebPermission(microphonePermission.state);
                     }
                     catch (error) {
-                        console.warn("Microphone permission query failed", error);
-                        result.microphone = "prompt";
+                        console.warn('Microphone permission query failed', error);
+                        result.microphone = 'prompt';
                     }
                 }
             }
             else if ((options === null || options === void 0 ? void 0 : options.disableAudio) === false) {
-                result.microphone = "prompt";
+                result.microphone = 'prompt';
             }
             return result;
         }
@@ -88,15 +88,13 @@ var capacitorCapacitorCameraView = (function (exports, core) {
             var _a, _b;
             const disableAudio = (_a = options === null || options === void 0 ? void 0 : options.disableAudio) !== null && _a !== void 0 ? _a : true;
             if ((_b = navigator === null || navigator === void 0 ? void 0 : navigator.mediaDevices) === null || _b === void 0 ? void 0 : _b.getUserMedia) {
-                const constraints = disableAudio
-                    ? { video: true }
-                    : { video: true, audio: true };
+                const constraints = disableAudio ? { video: true } : { video: true, audio: true };
                 let stream;
                 try {
                     stream = await navigator.mediaDevices.getUserMedia(constraints);
                 }
                 catch (error) {
-                    console.warn("Unable to obtain camera or microphone stream", error);
+                    console.warn('Unable to obtain camera or microphone stream', error);
                 }
                 finally {
                     try {
@@ -109,19 +107,19 @@ var capacitorCapacitorCameraView = (function (exports, core) {
             }
             const status = await this.checkPermissions({ disableAudio: disableAudio });
             if (options === null || options === void 0 ? void 0 : options.showSettingsAlert) {
-                console.warn("showSettingsAlert is not supported on the web platform; returning permission status only.");
+                console.warn('showSettingsAlert is not supported on the web platform; returning permission status only.');
             }
             return status;
         }
         mapWebPermission(state) {
             switch (state) {
-                case "granted":
-                    return "granted";
-                case "denied":
-                    return "denied";
-                case "prompt":
+                case 'granted':
+                    return 'granted';
+                case 'denied':
+                    return 'denied';
+                case 'prompt':
                 default:
-                    return "prompt";
+                    return 'prompt';
             }
         }
         getCurrentOrientation() {
@@ -129,113 +127,111 @@ var capacitorCapacitorCameraView = (function (exports, core) {
             try {
                 const so = screen.orientation;
                 const type = (so === null || so === void 0 ? void 0 : so.type) || (so === null || so === void 0 ? void 0 : so.mozOrientation) || (so === null || so === void 0 ? void 0 : so.msOrientation);
-                if (typeof type === "string") {
-                    if (type.includes("portrait-primary"))
-                        return "portrait";
-                    if (type.includes("portrait-secondary"))
-                        return "portrait-upside-down";
-                    if (type.includes("landscape-primary"))
-                        return "landscape-left";
-                    if (type.includes("landscape-secondary"))
-                        return "landscape-right";
-                    if (type.includes("landscape"))
-                        return "landscape-right"; // avoid generic landscape
-                    if (type.includes("portrait"))
-                        return "portrait";
+                if (typeof type === 'string') {
+                    if (type.includes('portrait-primary'))
+                        return 'portrait';
+                    if (type.includes('portrait-secondary'))
+                        return 'portrait-upside-down';
+                    if (type.includes('landscape-primary'))
+                        return 'landscape-left';
+                    if (type.includes('landscape-secondary'))
+                        return 'landscape-right';
+                    if (type.includes('landscape'))
+                        return 'landscape-right'; // avoid generic landscape
+                    if (type.includes('portrait'))
+                        return 'portrait';
                 }
                 const angle = window.orientation;
-                if (typeof angle === "number") {
+                if (typeof angle === 'number') {
                     if (angle === 0)
-                        return "portrait";
+                        return 'portrait';
                     if (angle === 180)
-                        return "portrait-upside-down";
+                        return 'portrait-upside-down';
                     if (angle === 90)
-                        return "landscape-right";
+                        return 'landscape-right';
                     if (angle === -90)
-                        return "landscape-left";
+                        return 'landscape-left';
                     if (angle === 270)
-                        return "landscape-left";
+                        return 'landscape-left';
                 }
-                if ((_a = window.matchMedia("(orientation: portrait)")) === null || _a === void 0 ? void 0 : _a.matches) {
-                    return "portrait";
+                if ((_a = window.matchMedia('(orientation: portrait)')) === null || _a === void 0 ? void 0 : _a.matches) {
+                    return 'portrait';
                 }
-                if ((_b = window.matchMedia("(orientation: landscape)")) === null || _b === void 0 ? void 0 : _b.matches) {
+                if ((_b = window.matchMedia('(orientation: landscape)')) === null || _b === void 0 ? void 0 : _b.matches) {
                     // Default to landscape-right when we can't distinguish primary/secondary
-                    return "landscape-right";
+                    return 'landscape-right';
                 }
             }
             catch (e) {
                 console.error(e);
             }
-            return "unknown";
+            return 'unknown';
         }
         ensureOrientationListener() {
             if (this.orientationListenerBound)
                 return;
             const emit = () => {
-                this.notifyListeners("orientationChange", {
+                this.notifyListeners('orientationChange', {
                     orientation: this.getCurrentOrientation(),
                 });
             };
-            window.addEventListener("orientationchange", emit);
-            window.addEventListener("resize", emit);
+            window.addEventListener('orientationchange', emit);
+            window.addEventListener('resize', emit);
             this.orientationListenerBound = true;
         }
         async getOrientation() {
             return { orientation: this.getCurrentOrientation() };
         }
         getSafeAreaInsets() {
-            throw new Error("Method not implemented.");
+            throw new Error('Method not implemented.');
         }
         async getZoomButtonValues() {
-            throw new Error("getZoomButtonValues not supported under the web platform");
+            throw new Error('getZoomButtonValues not supported under the web platform');
         }
         async getSupportedPictureSizes() {
-            throw new Error("getSupportedPictureSizes not supported under the web platform");
+            throw new Error('getSupportedPictureSizes not supported under the web platform');
         }
         async start(options) {
             if (options.aspectRatio && (options.width || options.height)) {
-                throw new Error("Cannot set both aspectRatio and size (width/height). Use setPreviewSize after start.");
+                throw new Error('Cannot set both aspectRatio and size (width/height). Use setPreviewSize after start.');
             }
             if (this.isStarted) {
-                throw new Error("camera already started");
+                throw new Error('camera already started');
             }
             this.isBackCamera = true;
             this.isStarted = false;
-            const parent = document.getElementById((options === null || options === void 0 ? void 0 : options.parent) || "");
-            const gridMode = (options === null || options === void 0 ? void 0 : options.gridMode) || "none";
-            const positioning = (options === null || options === void 0 ? void 0 : options.positioning) || "top";
+            const parent = document.getElementById((options === null || options === void 0 ? void 0 : options.parent) || '');
+            const gridMode = (options === null || options === void 0 ? void 0 : options.gridMode) || 'none';
+            const positioning = (options === null || options === void 0 ? void 0 : options.positioning) || 'top';
             if (options.position) {
-                this.isBackCamera = options.position === "rear";
+                this.isBackCamera = options.position === 'rear';
             }
             const video = document.getElementById(DEFAULT_VIDEO_ID);
             if (video) {
                 video.remove();
             }
-            const container = options.parent
-                ? document.getElementById(options.parent)
-                : document.body;
+            const container = options.parent ? document.getElementById(options.parent) : document.body;
             if (!container) {
-                throw new Error("container not found");
+                throw new Error('container not found');
             }
-            this.videoElement = document.createElement("video");
+            this.videoElement = document.createElement('video');
             this.videoElement.id = DEFAULT_VIDEO_ID;
-            this.videoElement.className = options.className || "";
+            this.videoElement.className = options.className || '';
             this.videoElement.playsInline = true;
             this.videoElement.muted = true;
             this.videoElement.autoplay = true;
             // Remove objectFit as we'll match camera's native aspect ratio
-            this.videoElement.style.backgroundColor = "transparent";
+            this.videoElement.style.backgroundColor = 'transparent';
             // Reset any default margins that might interfere
-            this.videoElement.style.margin = "0";
-            this.videoElement.style.padding = "0";
+            this.videoElement.style.margin = '0';
+            this.videoElement.style.padding = '0';
             container.appendChild(this.videoElement);
             if (options.toBack) {
-                this.videoElement.style.zIndex = "-1";
+                this.videoElement.style.zIndex = '-1';
             }
             // Default to 4:3 if no aspect ratio or size specified
             const useDefaultAspectRatio = !options.aspectRatio && !options.width && !options.height;
-            const effectiveAspectRatio = options.aspectRatio || (useDefaultAspectRatio ? "4:3" : null);
+            const effectiveAspectRatio = options.aspectRatio || (useDefaultAspectRatio ? '4:3' : null);
             if (options.width) {
                 this.videoElement.width = options.width;
                 this.videoElement.style.width = `${options.width}px`;
@@ -248,8 +244,8 @@ var capacitorCapacitorCameraView = (function (exports, core) {
             const centerX = options.x === undefined;
             const centerY = options.y === undefined;
             // Always set position to absolute for proper positioning
-            this.videoElement.style.position = "absolute";
-            console.log("Initial positioning flags:", {
+            this.videoElement.style.position = 'absolute';
+            console.log('Initial positioning flags:', {
                 centerX,
                 centerY,
                 x: options.x,
@@ -262,28 +258,28 @@ var capacitorCapacitorCameraView = (function (exports, core) {
                 this.videoElement.style.top = `${options.y}px`;
             }
             // Create and add grid overlay if needed
-            if (gridMode !== "none") {
+            if (gridMode !== 'none') {
                 const gridOverlay = this.createGridOverlay(gridMode);
-                gridOverlay.id = "camera-grid-overlay";
+                gridOverlay.id = 'camera-grid-overlay';
                 parent === null || parent === void 0 ? void 0 : parent.appendChild(gridOverlay);
             }
             // Aspect ratio handling is now done after getting camera stream
             // Store centering flags for later use
             const needsCenterX = centerX;
             const needsCenterY = centerY;
-            console.log("Centering flags stored:", { needsCenterX, needsCenterY });
+            console.log('Centering flags stored:', { needsCenterX, needsCenterY });
             // First get the camera stream with basic constraints
             const constraints = {
                 video: {
-                    facingMode: this.isBackCamera ? "environment" : "user",
+                    facingMode: this.isBackCamera ? 'environment' : 'user',
                 },
             };
             const stream = await navigator.mediaDevices.getUserMedia(constraints);
             if (!stream) {
-                throw new Error("could not acquire stream");
+                throw new Error('could not acquire stream');
             }
             if (!this.videoElement) {
-                throw new Error("video element not found");
+                throw new Error('video element not found');
             }
             // Get the actual camera dimensions from the video track
             const videoTrack = stream.getVideoTracks()[0];
@@ -291,12 +287,12 @@ var capacitorCapacitorCameraView = (function (exports, core) {
             const cameraWidth = settings.width || 640;
             const cameraHeight = settings.height || 480;
             const cameraAspectRatio = cameraWidth / cameraHeight;
-            console.log("Camera native dimensions:", {
+            console.log('Camera native dimensions:', {
                 width: cameraWidth,
                 height: cameraHeight,
                 aspectRatio: cameraAspectRatio,
             });
-            console.log("Container dimensions:", {
+            console.log('Container dimensions:', {
                 width: container.offsetWidth,
                 height: container.offsetHeight,
                 id: container.id,
@@ -316,7 +312,7 @@ var capacitorCapacitorCameraView = (function (exports, core) {
                     targetHeight = containerHeight;
                     targetWidth = targetHeight * cameraAspectRatio;
                 }
-                console.log("Video element dimensions:", {
+                console.log('Video element dimensions:', {
                     width: targetWidth,
                     height: targetHeight,
                     container: { width: containerWidth, height: containerHeight },
@@ -333,21 +329,21 @@ var capacitorCapacitorCameraView = (function (exports, core) {
                 if (needsCenterY || options.y === undefined) {
                     let y;
                     switch (positioning) {
-                        case "top":
+                        case 'top':
                             y = 0;
                             break;
-                        case "bottom":
+                        case 'bottom':
                             y = window.innerHeight - targetHeight;
                             break;
-                        case "center":
+                        case 'center':
                         default:
                             y = Math.round((window.innerHeight - targetHeight) / 2);
                             break;
                     }
-                    this.videoElement.style.setProperty("top", `${y}px`, "important");
+                    this.videoElement.style.setProperty('top', `${y}px`, 'important');
                     // Force a style recalculation
                     this.videoElement.offsetHeight;
-                    console.log("Positioning video:", {
+                    console.log('Positioning video:', {
                         positioning,
                         viewportHeight: window.innerHeight,
                         targetHeight,
@@ -359,9 +355,7 @@ var capacitorCapacitorCameraView = (function (exports, core) {
             }
             else if (effectiveAspectRatio && !options.width && !options.height) {
                 // Aspect ratio specified but no size
-                const [widthRatio, heightRatio] = effectiveAspectRatio
-                    .split(":")
-                    .map(Number);
+                const [widthRatio, heightRatio] = effectiveAspectRatio.split(':').map(Number);
                 const targetRatio = widthRatio / heightRatio;
                 const viewportWidth = window.innerWidth;
                 const viewportHeight = window.innerHeight;
@@ -388,13 +382,13 @@ var capacitorCapacitorCameraView = (function (exports, core) {
                     const parentHeight = container.offsetHeight || viewportHeight;
                     let y;
                     switch (positioning) {
-                        case "top":
+                        case 'top':
                             y = 0;
                             break;
-                        case "bottom":
+                        case 'bottom':
                             y = parentHeight - targetHeight;
                             break;
-                        case "center":
+                        case 'center':
                         default:
                             y = Math.round((parentHeight - targetHeight) / 2);
                             break;
@@ -404,11 +398,10 @@ var capacitorCapacitorCameraView = (function (exports, core) {
             }
             this.videoElement.srcObject = stream;
             if (!this.isBackCamera) {
-                this.videoElement.style.transform = "scaleX(-1)";
+                this.videoElement.style.transform = 'scaleX(-1)';
             }
             // Set initial zoom level if specified and supported
-            if (options.initialZoomLevel !== undefined &&
-                options.initialZoomLevel !== 1.0) {
+            if (options.initialZoomLevel !== undefined && options.initialZoomLevel !== 1.0) {
                 // videoTrack already declared above
                 if (videoTrack) {
                     const capabilities = videoTrack.getCapabilities();
@@ -438,26 +431,26 @@ var capacitorCapacitorCameraView = (function (exports, core) {
             await new Promise((resolve) => {
                 const videoEl = this.videoElement;
                 if (!videoEl) {
-                    throw new Error("video element not found");
+                    throw new Error('video element not found');
                 }
                 if (videoEl.readyState >= 2) {
                     resolve();
                 }
                 else {
-                    videoEl.addEventListener("loadeddata", () => resolve(), {
+                    videoEl.addEventListener('loadeddata', () => resolve(), {
                         once: true,
                     });
                 }
             });
             // Ensure centering is applied after DOM updates
             await new Promise((resolve) => requestAnimationFrame(resolve));
-            console.log("About to re-center, flags:", { needsCenterX, needsCenterY });
+            console.log('About to re-center, flags:', { needsCenterX, needsCenterY });
             // Re-apply centering with correct parent dimensions
             if (needsCenterX) {
                 const parentWidth = container.offsetWidth;
                 const x = Math.round((parentWidth - this.videoElement.offsetWidth) / 2);
                 this.videoElement.style.left = `${x}px`;
-                console.log("Re-centering X:", {
+                console.log('Re-centering X:', {
                     parentWidth,
                     videoWidth: this.videoElement.offsetWidth,
                     x,
@@ -466,19 +459,19 @@ var capacitorCapacitorCameraView = (function (exports, core) {
             if (needsCenterY) {
                 let y;
                 switch (positioning) {
-                    case "top":
+                    case 'top':
                         y = 0;
                         break;
-                    case "bottom":
+                    case 'bottom':
                         y = window.innerHeight - this.videoElement.offsetHeight;
                         break;
-                    case "center":
+                    case 'center':
                     default:
                         y = Math.round((window.innerHeight - this.videoElement.offsetHeight) / 2);
                         break;
                 }
-                this.videoElement.style.setProperty("top", `${y}px`, "important");
-                console.log("Re-positioning Y:", {
+                this.videoElement.style.setProperty('top', `${y}px`, 'important');
+                console.log('Re-positioning Y:', {
                     positioning,
                     viewportHeight: window.innerHeight,
                     videoHeight: this.videoElement.offsetHeight,
@@ -490,7 +483,7 @@ var capacitorCapacitorCameraView = (function (exports, core) {
             // Get the actual rendered dimensions after video is loaded
             const rect = this.videoElement.getBoundingClientRect();
             const computedStyle = window.getComputedStyle(this.videoElement);
-            console.log("Final video element state:", {
+            console.log('Final video element state:', {
                 rect: { x: rect.x, y: rect.y, width: rect.width, height: rect.height },
                 style: {
                     position: computedStyle.position,
@@ -523,21 +516,21 @@ var capacitorCapacitorCameraView = (function (exports, core) {
                 this.isStarted = false;
             }
             // Remove grid overlay if it exists
-            const gridOverlay = document.getElementById("camera-grid-overlay");
+            const gridOverlay = document.getElementById('camera-grid-overlay');
             gridOverlay === null || gridOverlay === void 0 ? void 0 : gridOverlay.remove();
         }
         async capture(options) {
             return new Promise((resolve, reject) => {
                 const video = document.getElementById(DEFAULT_VIDEO_ID);
                 if (!(video === null || video === void 0 ? void 0 : video.srcObject)) {
-                    reject(new Error("camera is not running"));
+                    reject(new Error('camera is not running'));
                     return;
                 }
                 // video.width = video.offsetWidth;
                 let base64EncodedImage;
                 if (video && video.videoWidth > 0 && video.videoHeight > 0) {
-                    const canvas = document.createElement("canvas");
-                    const context = canvas.getContext("2d");
+                    const canvas = document.createElement('canvas');
+                    const context = canvas.getContext('2d');
                     // Calculate capture dimensions
                     let captureWidth = video.videoWidth;
                     let captureHeight = video.videoHeight;
@@ -584,15 +577,13 @@ var capacitorCapacitorCameraView = (function (exports, core) {
                     context === null || context === void 0 ? void 0 : context.drawImage(video, sourceX, sourceY, captureWidth, captureHeight, 0, 0, captureWidth, captureHeight);
                     if (options.saveToGallery) ;
                     if (options.withExifLocation) ;
-                    if ((options.format || "jpeg") === "jpeg") {
+                    if ((options.format || 'jpeg') === 'jpeg') {
                         base64EncodedImage = canvas
-                            .toDataURL("image/jpeg", (options.quality || 85) / 100.0)
-                            .replace("data:image/jpeg;base64,", "");
+                            .toDataURL('image/jpeg', (options.quality || 85) / 100.0)
+                            .replace('data:image/jpeg;base64,', '');
                     }
                     else {
-                        base64EncodedImage = canvas
-                            .toDataURL("image/png")
-                            .replace("data:image/png;base64,", "");
+                        base64EncodedImage = canvas.toDataURL('image/png').replace('data:image/png;base64,', '');
                     }
                 }
                 resolve({
@@ -605,17 +596,17 @@ var capacitorCapacitorCameraView = (function (exports, core) {
             return this.capture(_options);
         }
         async stopRecordVideo() {
-            throw new Error("stopRecordVideo not supported under the web platform");
+            throw new Error('stopRecordVideo not supported under the web platform');
         }
         async startRecordVideo(_options) {
-            console.log("startRecordVideo", _options);
-            throw new Error("startRecordVideo not supported under the web platform");
+            console.log('startRecordVideo', _options);
+            throw new Error('startRecordVideo not supported under the web platform');
         }
         async getSupportedFlashModes() {
-            throw new Error("getSupportedFlashModes not supported under the web platform");
+            throw new Error('getSupportedFlashModes not supported under the web platform');
         }
         async getHorizontalFov() {
-            throw new Error("getHorizontalFov not supported under the web platform");
+            throw new Error('getHorizontalFov not supported under the web platform');
         }
         async setFlashMode(_options) {
             throw new Error(`setFlashMode not supported under the web platform${_options}`);
@@ -623,7 +614,7 @@ var capacitorCapacitorCameraView = (function (exports, core) {
         async flip() {
             const video = document.getElementById(DEFAULT_VIDEO_ID);
             if (!(video === null || video === void 0 ? void 0 : video.srcObject)) {
-                throw new Error("camera is not running");
+                throw new Error('camera is not running');
             }
             // Stop current stream
             this.stopStream(video.srcObject);
@@ -632,7 +623,7 @@ var capacitorCapacitorCameraView = (function (exports, core) {
             // Get new constraints
             const constraints = {
                 video: {
-                    facingMode: this.isBackCamera ? "environment" : "user",
+                    facingMode: this.isBackCamera ? 'environment' : 'user',
                     width: { ideal: video.videoWidth || 640 },
                     height: { ideal: video.videoHeight || 480 },
                 },
@@ -647,12 +638,12 @@ var capacitorCapacitorCameraView = (function (exports, core) {
                 }
                 // Update video transform based on camera
                 if (this.isBackCamera) {
-                    video.style.transform = "none";
-                    video.style.webkitTransform = "none";
+                    video.style.transform = 'none';
+                    video.style.webkitTransform = 'none';
                 }
                 else {
-                    video.style.transform = "scaleX(-1)";
-                    video.style.webkitTransform = "scaleX(-1)";
+                    video.style.transform = 'scaleX(-1)';
+                    video.style.webkitTransform = 'scaleX(-1)';
                 }
                 await video.play();
             }
@@ -663,7 +654,7 @@ var capacitorCapacitorCameraView = (function (exports, core) {
         async setOpacity(_options) {
             const video = document.getElementById(DEFAULT_VIDEO_ID);
             if (!!video && !!_options.opacity)
-                video.style.setProperty("opacity", _options.opacity.toString());
+                video.style.setProperty('opacity', _options.opacity.toString());
         }
         async isRunning() {
             const video = document.getElementById(DEFAULT_VIDEO_ID);
@@ -672,10 +663,10 @@ var capacitorCapacitorCameraView = (function (exports, core) {
         async getAvailableDevices() {
             var _a;
             if (!((_a = navigator.mediaDevices) === null || _a === void 0 ? void 0 : _a.enumerateDevices)) {
-                throw new Error("getAvailableDevices not supported under the web platform");
+                throw new Error('getAvailableDevices not supported under the web platform');
             }
             const devices = await navigator.mediaDevices.enumerateDevices();
-            const videoDevices = devices.filter((device) => device.kind === "videoinput");
+            const videoDevices = devices.filter((device) => device.kind === 'videoinput');
             // Group devices by position (front/back)
             const frontDevices = [];
             const backDevices = [];
@@ -685,19 +676,18 @@ var capacitorCapacitorCameraView = (function (exports, core) {
                 // Determine device type based on label
                 let deviceType = exports.DeviceType.WIDE_ANGLE;
                 let baseZoomRatio = 1.0;
-                if (labelLower.includes("ultra") || labelLower.includes("0.5")) {
+                if (labelLower.includes('ultra') || labelLower.includes('0.5')) {
                     deviceType = exports.DeviceType.ULTRA_WIDE;
                     baseZoomRatio = 0.5;
                 }
-                else if (labelLower.includes("telephoto") ||
-                    labelLower.includes("tele") ||
-                    labelLower.includes("2x") ||
-                    labelLower.includes("3x")) {
+                else if (labelLower.includes('telephoto') ||
+                    labelLower.includes('tele') ||
+                    labelLower.includes('2x') ||
+                    labelLower.includes('3x')) {
                     deviceType = exports.DeviceType.TELEPHOTO;
                     baseZoomRatio = 2.0;
                 }
-                else if (labelLower.includes("depth") ||
-                    labelLower.includes("truedepth")) {
+                else if (labelLower.includes('depth') || labelLower.includes('truedepth')) {
                     deviceType = exports.DeviceType.TRUE_DEPTH;
                     baseZoomRatio = 1.0;
                 }
@@ -711,7 +701,7 @@ var capacitorCapacitorCameraView = (function (exports, core) {
                     maxZoom: 1.0,
                 };
                 // Determine position and add to appropriate array
-                if (labelLower.includes("back") || labelLower.includes("rear")) {
+                if (labelLower.includes('back') || labelLower.includes('rear')) {
                     backDevices.push(lensInfo);
                 }
                 else {
@@ -722,8 +712,8 @@ var capacitorCapacitorCameraView = (function (exports, core) {
             if (frontDevices.length > 0) {
                 result.push({
                     deviceId: frontDevices[0].deviceId,
-                    label: "Front Camera",
-                    position: "front",
+                    label: 'Front Camera',
+                    position: 'front',
                     lenses: frontDevices,
                     isLogical: false,
                     minZoom: Math.min(...frontDevices.map((d) => d.minZoom)),
@@ -733,8 +723,8 @@ var capacitorCapacitorCameraView = (function (exports, core) {
             if (backDevices.length > 0) {
                 result.push({
                     deviceId: backDevices[0].deviceId,
-                    label: "Back Camera",
-                    position: "rear",
+                    label: 'Back Camera',
+                    position: 'rear',
                     lenses: backDevices,
                     isLogical: false,
                     minZoom: Math.min(...backDevices.map((d) => d.minZoom)),
@@ -746,17 +736,17 @@ var capacitorCapacitorCameraView = (function (exports, core) {
         async getZoom() {
             const video = document.getElementById(DEFAULT_VIDEO_ID);
             if (!(video === null || video === void 0 ? void 0 : video.srcObject)) {
-                throw new Error("camera is not running");
+                throw new Error('camera is not running');
             }
             const stream = video.srcObject;
             const videoTrack = stream.getVideoTracks()[0];
             if (!videoTrack) {
-                throw new Error("no video track found");
+                throw new Error('no video track found');
             }
             const capabilities = videoTrack.getCapabilities();
             const settings = videoTrack.getSettings();
             if (!capabilities.zoom) {
-                throw new Error("zoom not supported by this device");
+                throw new Error('zoom not supported by this device');
             }
             // Get current device info to determine lens type
             let deviceType = exports.DeviceType.WIDE_ANGLE;
@@ -766,19 +756,18 @@ var capacitorCapacitorCameraView = (function (exports, core) {
                 const device = devices.find((d) => d.deviceId === this.currentDeviceId);
                 if (device) {
                     const labelLower = device.label.toLowerCase();
-                    if (labelLower.includes("ultra") || labelLower.includes("0.5")) {
+                    if (labelLower.includes('ultra') || labelLower.includes('0.5')) {
                         deviceType = exports.DeviceType.ULTRA_WIDE;
                         baseZoomRatio = 0.5;
                     }
-                    else if (labelLower.includes("telephoto") ||
-                        labelLower.includes("tele") ||
-                        labelLower.includes("2x") ||
-                        labelLower.includes("3x")) {
+                    else if (labelLower.includes('telephoto') ||
+                        labelLower.includes('tele') ||
+                        labelLower.includes('2x') ||
+                        labelLower.includes('3x')) {
                         deviceType = exports.DeviceType.TELEPHOTO;
                         baseZoomRatio = 2.0;
                     }
-                    else if (labelLower.includes("depth") ||
-                        labelLower.includes("truedepth")) {
+                    else if (labelLower.includes('depth') || labelLower.includes('truedepth')) {
                         deviceType = exports.DeviceType.TRUE_DEPTH;
                         baseZoomRatio = 1.0;
                     }
@@ -801,16 +790,16 @@ var capacitorCapacitorCameraView = (function (exports, core) {
         async setZoom(options) {
             const video = document.getElementById(DEFAULT_VIDEO_ID);
             if (!(video === null || video === void 0 ? void 0 : video.srcObject)) {
-                throw new Error("camera is not running");
+                throw new Error('camera is not running');
             }
             const stream = video.srcObject;
             const videoTrack = stream.getVideoTracks()[0];
             if (!videoTrack) {
-                throw new Error("no video track found");
+                throw new Error('no video track found');
             }
             const capabilities = videoTrack.getCapabilities();
             if (!capabilities.zoom) {
-                throw new Error("zoom not supported by this device");
+                throw new Error('zoom not supported by this device');
             }
             const zoomLevel = Math.max(capabilities.zoom.min || 1, Math.min(capabilities.zoom.max || 1, options.level));
             // Note: autoFocus is not supported on web platform
@@ -824,15 +813,15 @@ var capacitorCapacitorCameraView = (function (exports, core) {
             }
         }
         async getFlashMode() {
-            throw new Error("getFlashMode not supported under the web platform");
+            throw new Error('getFlashMode not supported under the web platform');
         }
         async getDeviceId() {
-            return { deviceId: this.currentDeviceId || "" };
+            return { deviceId: this.currentDeviceId || '' };
         }
         async setDeviceId(options) {
             const video = document.getElementById(DEFAULT_VIDEO_ID);
             if (!(video === null || video === void 0 ? void 0 : video.srcObject)) {
-                throw new Error("camera is not running");
+                throw new Error('camera is not running');
             }
             // Stop current stream
             this.stopStream(video.srcObject);
@@ -851,19 +840,17 @@ var capacitorCapacitorCameraView = (function (exports, core) {
                 const devices = await navigator.mediaDevices.enumerateDevices();
                 const device = devices.find((d) => d.deviceId === options.deviceId);
                 this.isBackCamera =
-                    (device === null || device === void 0 ? void 0 : device.label.toLowerCase().includes("back")) ||
-                        (device === null || device === void 0 ? void 0 : device.label.toLowerCase().includes("rear")) ||
-                        false;
+                    (device === null || device === void 0 ? void 0 : device.label.toLowerCase().includes('back')) || (device === null || device === void 0 ? void 0 : device.label.toLowerCase().includes('rear')) || false;
                 const stream = await navigator.mediaDevices.getUserMedia(constraints);
                 video.srcObject = stream;
                 // Update video transform based on camera
                 if (this.isBackCamera) {
-                    video.style.transform = "none";
-                    video.style.webkitTransform = "none";
+                    video.style.transform = 'none';
+                    video.style.webkitTransform = 'none';
                 }
                 else {
-                    video.style.transform = "scaleX(-1)";
-                    video.style.webkitTransform = "scaleX(-1)";
+                    video.style.transform = 'scaleX(-1)';
+                    video.style.webkitTransform = 'scaleX(-1)';
                 }
                 await video.play();
             }
@@ -874,7 +861,7 @@ var capacitorCapacitorCameraView = (function (exports, core) {
         async getAspectRatio() {
             const video = document.getElementById(DEFAULT_VIDEO_ID);
             if (!video) {
-                throw new Error("camera is not running");
+                throw new Error('camera is not running');
             }
             const width = video.offsetWidth;
             const height = video.offsetHeight;
@@ -882,24 +869,22 @@ var capacitorCapacitorCameraView = (function (exports, core) {
                 const ratio = width / height;
                 // Check for portrait camera ratios: 4:3 -> 3:4, 16:9 -> 9:16
                 if (Math.abs(ratio - 3 / 4) < 0.01) {
-                    return { aspectRatio: "4:3" };
+                    return { aspectRatio: '4:3' };
                 }
                 if (Math.abs(ratio - 9 / 16) < 0.01) {
-                    return { aspectRatio: "16:9" };
+                    return { aspectRatio: '16:9' };
                 }
             }
             // Default to 4:3 if no specific aspect ratio is matched
-            return { aspectRatio: "4:3" };
+            return { aspectRatio: '4:3' };
         }
         async setAspectRatio(options) {
             const video = document.getElementById(DEFAULT_VIDEO_ID);
             if (!video) {
-                throw new Error("camera is not running");
+                throw new Error('camera is not running');
             }
             if (options.aspectRatio) {
-                const [widthRatio, heightRatio] = options.aspectRatio
-                    .split(":")
-                    .map(Number);
+                const [widthRatio, heightRatio] = options.aspectRatio.split(':').map(Number);
                 // For camera, use portrait orientation: 4:3 becomes 3:4, 16:9 becomes 9:16
                 const ratio = heightRatio / widthRatio;
                 // Get current position and size
@@ -935,7 +920,7 @@ var capacitorCapacitorCameraView = (function (exports, core) {
                 video.style.height = `${newHeight}px`;
                 video.style.left = `${x}px`;
                 video.style.top = `${y}px`;
-                video.style.position = "absolute";
+                video.style.position = 'absolute';
                 const offsetX = newWidth / 8;
                 const offsetY = newHeight / 8;
                 return {
@@ -946,7 +931,7 @@ var capacitorCapacitorCameraView = (function (exports, core) {
                 };
             }
             else {
-                video.style.objectFit = "cover";
+                video.style.objectFit = 'cover';
                 const rect = video.getBoundingClientRect();
                 const offsetX = rect.width / 8;
                 const offsetY = rect.height / 8;
@@ -959,41 +944,41 @@ var capacitorCapacitorCameraView = (function (exports, core) {
             }
         }
         createGridOverlay(gridMode) {
-            const overlay = document.createElement("div");
-            overlay.style.position = "absolute";
-            overlay.style.top = "0";
-            overlay.style.left = "0";
-            overlay.style.width = "100%";
-            overlay.style.height = "100%";
-            overlay.style.pointerEvents = "none";
-            overlay.style.zIndex = "10";
-            const divisions = gridMode === "3x3" ? 3 : 4;
+            const overlay = document.createElement('div');
+            overlay.style.position = 'absolute';
+            overlay.style.top = '0';
+            overlay.style.left = '0';
+            overlay.style.width = '100%';
+            overlay.style.height = '100%';
+            overlay.style.pointerEvents = 'none';
+            overlay.style.zIndex = '10';
+            const divisions = gridMode === '3x3' ? 3 : 4;
             // Create SVG for grid lines
-            const svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
-            svg.style.width = "100%";
-            svg.style.height = "100%";
-            svg.style.position = "absolute";
-            svg.style.top = "0";
-            svg.style.left = "0";
+            const svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
+            svg.style.width = '100%';
+            svg.style.height = '100%';
+            svg.style.position = 'absolute';
+            svg.style.top = '0';
+            svg.style.left = '0';
             // Create grid lines
             for (let i = 1; i < divisions; i++) {
                 // Vertical lines
-                const verticalLine = document.createElementNS("http://www.w3.org/2000/svg", "line");
-                verticalLine.setAttribute("x1", `${(i / divisions) * 100}%`);
-                verticalLine.setAttribute("y1", "0%");
-                verticalLine.setAttribute("x2", `${(i / divisions) * 100}%`);
-                verticalLine.setAttribute("y2", "100%");
-                verticalLine.setAttribute("stroke", "rgba(255, 255, 255, 0.5)");
-                verticalLine.setAttribute("stroke-width", "1");
+                const verticalLine = document.createElementNS('http://www.w3.org/2000/svg', 'line');
+                verticalLine.setAttribute('x1', `${(i / divisions) * 100}%`);
+                verticalLine.setAttribute('y1', '0%');
+                verticalLine.setAttribute('x2', `${(i / divisions) * 100}%`);
+                verticalLine.setAttribute('y2', '100%');
+                verticalLine.setAttribute('stroke', 'rgba(255, 255, 255, 0.5)');
+                verticalLine.setAttribute('stroke-width', '1');
                 svg.appendChild(verticalLine);
                 // Horizontal lines
-                const horizontalLine = document.createElementNS("http://www.w3.org/2000/svg", "line");
-                horizontalLine.setAttribute("x1", "0%");
-                horizontalLine.setAttribute("y1", `${(i / divisions) * 100}%`);
-                horizontalLine.setAttribute("x2", "100%");
-                horizontalLine.setAttribute("y2", `${(i / divisions) * 100}%`);
-                horizontalLine.setAttribute("stroke", "rgba(255, 255, 255, 0.5)");
-                horizontalLine.setAttribute("stroke-width", "1");
+                const horizontalLine = document.createElementNS('http://www.w3.org/2000/svg', 'line');
+                horizontalLine.setAttribute('x1', '0%');
+                horizontalLine.setAttribute('y1', `${(i / divisions) * 100}%`);
+                horizontalLine.setAttribute('x2', '100%');
+                horizontalLine.setAttribute('y2', `${(i / divisions) * 100}%`);
+                horizontalLine.setAttribute('stroke', 'rgba(255, 255, 255, 0.5)');
+                horizontalLine.setAttribute('stroke-width', '1');
                 svg.appendChild(horizontalLine);
             }
             overlay.appendChild(svg);
@@ -1006,12 +991,12 @@ var capacitorCapacitorCameraView = (function (exports, core) {
         }
         async getGridMode() {
             // Web implementation - default to none
-            return { gridMode: "none" };
+            return { gridMode: 'none' };
         }
         async getPreviewSize() {
             const video = document.getElementById(DEFAULT_VIDEO_ID);
             if (!video) {
-                throw new Error("camera is not running");
+                throw new Error('camera is not running');
             }
             const offsetX = video.width / 8;
             const offsetY = video.height / 8;
@@ -1025,7 +1010,7 @@ var capacitorCapacitorCameraView = (function (exports, core) {
         async setPreviewSize(options) {
             const video = document.getElementById(DEFAULT_VIDEO_ID);
             if (!video) {
-                throw new Error("camera is not running");
+                throw new Error('camera is not running');
             }
             video.style.left = `${options.x}px`;
             video.style.top = `${options.y}px`;
@@ -1043,16 +1028,16 @@ var capacitorCapacitorCameraView = (function (exports, core) {
         async setFocus(options) {
             // Reject if values are outside 0-1 range
             if (options.x < 0 || options.x > 1 || options.y < 0 || options.y > 1) {
-                throw new Error("Focus coordinates must be between 0 and 1");
+                throw new Error('Focus coordinates must be between 0 and 1');
             }
             const video = document.getElementById(DEFAULT_VIDEO_ID);
             if (!(video === null || video === void 0 ? void 0 : video.srcObject)) {
-                throw new Error("camera is not running");
+                throw new Error('camera is not running');
             }
             const stream = video.srcObject;
             const videoTrack = stream.getVideoTracks()[0];
             if (!videoTrack) {
-                throw new Error("no video track found");
+                throw new Error('no video track found');
             }
             const capabilities = videoTrack.getCapabilities();
             // Check if focusing is supported
@@ -1063,7 +1048,7 @@ var capacitorCapacitorCameraView = (function (exports, core) {
                     await videoTrack.applyConstraints({
                         advanced: [
                             {
-                                focusMode: "manual",
+                                focusMode: 'manual',
                                 focusDistance: 0.5, // Mid-range focus as fallback
                             },
                         ],
@@ -1074,30 +1059,30 @@ var capacitorCapacitorCameraView = (function (exports, core) {
                 }
             }
             else {
-                console.warn("Focus control is not supported on this device. Focus coordinates were provided but cannot be applied.");
+                console.warn('Focus control is not supported on this device. Focus coordinates were provided but cannot be applied.');
             }
         }
         // Exposure stubs (unsupported on web)
         async getExposureModes() {
-            throw new Error("getExposureModes not supported under the web platform");
+            throw new Error('getExposureModes not supported under the web platform');
         }
         async getExposureMode() {
-            throw new Error("getExposureMode not supported under the web platform");
+            throw new Error('getExposureMode not supported under the web platform');
         }
         async setExposureMode(_options) {
-            throw new Error("setExposureMode not supported under the web platform");
+            throw new Error('setExposureMode not supported under the web platform');
         }
         async getExposureCompensationRange() {
-            throw new Error("getExposureCompensationRange not supported under the web platform");
+            throw new Error('getExposureCompensationRange not supported under the web platform');
         }
         async getExposureCompensation() {
-            throw new Error("getExposureCompensation not supported under the web platform");
+            throw new Error('getExposureCompensation not supported under the web platform');
         }
         async setExposureCompensation(_options) {
-            throw new Error("setExposureCompensation not supported under the web platform");
+            throw new Error('setExposureCompensation not supported under the web platform');
         }
         async deleteFile(_options) {
-            throw new Error("deleteFile not supported under the web platform");
+            throw new Error('deleteFile not supported under the web platform');
         }
     }