capacitor-community-multilens-camerapreview 0.0.11-a → 5.0.1

package/dist/esm/web.js

@@ -1,159 +1,156 @@
-/* eslint-disable @typescript-eslint/no-unused-vars */
-/* eslint-disable @typescript-eslint/prefer-for-of */
-/* eslint-disable @typescript-eslint/ban-types */
-/* eslint-disable no-async-promise-executor */
-/* eslint-disable @typescript-eslint/consistent-type-assertions */
-/* eslint-disable @typescript-eslint/no-inferrable-types */
-import { WebPlugin, registerWebPlugin } from '@capacitor/core';
-export class CameraPreviewWeb extends WebPlugin {
-    constructor() {
-        super({
-            name: 'CameraPreview',
-            platforms: ['web'],
-        });
-        /**
-         *  track which camera is used based on start options
-         *  used in capture
-         */
-        this.isBackCamera = false;
-    }
-    async start(options) {
-        return new Promise(async (resolve, reject) => {
-            var _a;
-            await navigator.mediaDevices
-                .getUserMedia({
-                audio: !options.disableAudio,
-                video: true
-            })
-                .then((stream) => {
-                // Stop any existing stream so we can request media with different constraints based on user input
-                stream.getTracks().forEach((track) => track.stop());
-            })
-                .catch((error) => {
-                reject(error);
-            });
-            const video = document.getElementById('video');
-            const parent = document.getElementById(options.parent);
-            if (!video) {
-                const videoElement = document.createElement('video');
-                videoElement.id = 'video';
-                videoElement.setAttribute('class', options.className || '');
-                // Don't flip video feed if camera is rear facing
-                if (options.position !== 'rear') {
-                    videoElement.setAttribute('style', '-webkit-transform: scaleX(-1); transform: scaleX(-1);');
-                }
-                const userAgent = navigator.userAgent.toLowerCase();
-                const isSafari = userAgent.includes('safari') && !userAgent.includes('chrome');
-                // Safari on iOS needs to have the autoplay, muted and playsinline attributes set for video.play() to be successful
-                // Without these attributes videoElement.play() will throw a NotAllowedError
-                // https://developer.apple.com/documentation/webkit/delivering_video_content_for_safari
-                if (isSafari) {
-                    videoElement.setAttribute('autoplay', 'true');
-                    videoElement.setAttribute('muted', 'true');
-                    videoElement.setAttribute('playsinline', 'true');
-                }
-                if (parent) {
-                    parent.appendChild(videoElement);
-                }
-                if ((_a = navigator.mediaDevices) === null || _a === void 0 ? void 0 : _a.getUserMedia) {
-                    const constraints = {
-                        video: {
-                            width: { ideal: options.width },
-                            height: { ideal: options.height }
-                        }
-                    };
-                    if (options.position === 'rear') {
-                        constraints.video.facingMode = 'environment';
-                        this.isBackCamera = true;
-                    }
-                    else {
-                        this.isBackCamera = false;
-                    }
-                    navigator.mediaDevices.getUserMedia(constraints).then(function (stream) {
-                        //video.src = window.URL.createObjectURL(stream);
-                        videoElement.srcObject = stream;
-                        videoElement.play();
-                        resolve({});
-                    }, (err) => {
-                        reject(err);
-                    });
-                }
-            }
-            else {
-                reject({ message: 'camera already started' });
-            }
-        });
-    }
-    async stop() {
-        const video = document.getElementById('video');
-        if (video) {
-            video.pause();
-            const st = video.srcObject;
-            const tracks = st.getTracks();
-            for (let i = 0; i < tracks.length; i++) {
-                const track = tracks[i];
-                track.stop();
-            }
-            video.remove();
-        }
-    }
-    async capture(options) {
-        return new Promise((resolve, _) => {
-            const video = document.getElementById('video');
-            const canvas = document.createElement('canvas');
-            // video.width = video.offsetWidth;
-            const context = canvas.getContext('2d');
-            canvas.width = video.videoWidth;
-            canvas.height = video.videoHeight;
-            // flip horizontally back camera isn't used
-            if (context) {
-                if (!this.isBackCamera) {
-                    context.translate(video.videoWidth, 0);
-                    context.scale(-1, 1);
-                }
-                context.drawImage(video, 0, 0, video.videoWidth, video.videoHeight);
-            }
-            let base64EncodedImage;
-            if (options.quality != undefined) {
-                base64EncodedImage = canvas.toDataURL('image/jpeg', options.quality / 100.0).replace('data:image/jpeg;base64,', '');
-            }
-            else {
-                base64EncodedImage = canvas.toDataURL('image/png').replace('data:image/png;base64,', '');
-            }
-            resolve({
-                value: base64EncodedImage,
-            });
-        });
-    }
-    async captureSample(_options) {
-        return this.capture(_options);
-    }
-    async setZoom(_options) {
-        throw new Error('set zoom not supported under the web platform');
-    }
-    async getSupportedFlashModes() {
-        throw new Error('getSupportedFlashModes not supported under the web platform');
-    }
-    getSupportedZoomLevels() {
-        throw new Error('getSupportedFlashModes not supported under the web platform.');
-    }
-    async setFlashMode(_options) {
-        throw new Error('setFlashMode not supported under the web platform');
-    }
-    async flip() {
-        throw new Error('flip not supported under the web platform');
-    }
-    async changeOrientation() {
-        throw new Error('changeOrientation not supported under the web platform');
-    }
-    async setOpacity(_options) {
-        const video = document.getElementById('video');
-        if (!!video && !!_options['opacity']) {
-            video.style.setProperty('opacity', _options['opacity'].toString());
-        }
-    }
-}
-const CameraPreview = new CameraPreviewWeb();
-export { CameraPreview };
-registerWebPlugin(CameraPreview);
+/* eslint-disable @typescript-eslint/no-unused-vars */
+/* eslint-disable @typescript-eslint/prefer-for-of */
+/* eslint-disable @typescript-eslint/ban-types */
+/* eslint-disable no-async-promise-executor */
+/* eslint-disable @typescript-eslint/consistent-type-assertions */
+/* eslint-disable @typescript-eslint/no-inferrable-types */
+import { WebPlugin, registerWebPlugin } from '@capacitor/core';
+export class CameraPreviewWeb extends WebPlugin {
+    constructor() {
+        super({
+            name: 'CameraPreview',
+            platforms: ['web'],
+        });
+        /**
+         *  track which camera is used based on start options
+         *  used in capture
+         */
+        this.isBackCamera = false;
+    }
+    async start(options) {
+        return new Promise(async (resolve, reject) => {
+            var _a;
+            await navigator.mediaDevices
+                .getUserMedia({
+                audio: !options.disableAudio,
+                video: true
+            })
+                .then((stream) => {
+                // Stop any existing stream so we can request media with different constraints based on user input
+                stream.getTracks().forEach((track) => track.stop());
+            })
+                .catch((error) => {
+                reject(error);
+            });
+            const video = document.getElementById('video');
+            const parent = document.getElementById(options.parent);
+            if (!video) {
+                const videoElement = document.createElement('video');
+                videoElement.id = 'video';
+                videoElement.setAttribute('class', options.className || '');
+                // Don't flip video feed if camera is rear facing
+                if (options.position !== 'rear') {
+                    videoElement.setAttribute('style', '-webkit-transform: scaleX(-1); transform: scaleX(-1);');
+                }
+                const userAgent = navigator.userAgent.toLowerCase();
+                const isSafari = userAgent.includes('safari') && !userAgent.includes('chrome');
+                // Safari on iOS needs to have the autoplay, muted and playsinline attributes set for video.play() to be successful
+                // Without these attributes videoElement.play() will throw a NotAllowedError
+                // https://developer.apple.com/documentation/webkit/delivering_video_content_for_safari
+                if (isSafari) {
+                    videoElement.setAttribute('autoplay', 'true');
+                    videoElement.setAttribute('muted', 'true');
+                    videoElement.setAttribute('playsinline', 'true');
+                }
+                if (parent) {
+                    parent.appendChild(videoElement);
+                }
+                if ((_a = navigator.mediaDevices) === null || _a === void 0 ? void 0 : _a.getUserMedia) {
+                    const constraints = {
+                        video: {
+                            width: { ideal: options.width },
+                            height: { ideal: options.height }
+                        }
+                    };
+                    if (options.position === 'rear') {
+                        constraints.video.facingMode = 'environment';
+                        this.isBackCamera = true;
+                    }
+                    else {
+                        this.isBackCamera = false;
+                    }
+                    navigator.mediaDevices.getUserMedia(constraints).then(function (stream) {
+                        //video.src = window.URL.createObjectURL(stream);
+                        videoElement.srcObject = stream;
+                        videoElement.play();
+                        resolve({});
+                    }, (err) => {
+                        reject(err);
+                    });
+                }
+            }
+            else {
+                reject({ message: 'camera already started' });
+            }
+        });
+    }
+    async stop() {
+        const video = document.getElementById('video');
+        if (video) {
+            video.pause();
+            const st = video.srcObject;
+            const tracks = st.getTracks();
+            for (let i = 0; i < tracks.length; i++) {
+                const track = tracks[i];
+                track.stop();
+            }
+            video.remove();
+        }
+    }
+    async capture(options) {
+        return new Promise((resolve, _) => {
+            const video = document.getElementById('video');
+            const canvas = document.createElement('canvas');
+            // video.width = video.offsetWidth;
+            const context = canvas.getContext('2d');
+            canvas.width = video.videoWidth;
+            canvas.height = video.videoHeight;
+            // flip horizontally back camera isn't used
+            if (context) {
+                if (!this.isBackCamera) {
+                    context.translate(video.videoWidth, 0);
+                    context.scale(-1, 1);
+                }
+                context.drawImage(video, 0, 0, video.videoWidth, video.videoHeight);
+            }
+            let base64EncodedImage;
+            if (options.quality != undefined) {
+                base64EncodedImage = canvas.toDataURL('image/jpeg', options.quality / 100.0).replace('data:image/jpeg;base64,', '');
+            }
+            else {
+                base64EncodedImage = canvas.toDataURL('image/png').replace('data:image/png;base64,', '');
+            }
+            resolve({
+                value: base64EncodedImage,
+            });
+        });
+    }
+    async captureSample(_options) {
+        return this.capture(_options);
+    }
+    async setZoom(_options) {
+        throw new Error('set zoom not supported under the web platform');
+    }
+    async getSupportedFlashModes() {
+        throw new Error('getSupportedFlashModes not supported under the web platform');
+    }
+    getSupportedZoomLevels() {
+        throw new Error('getSupportedFlashModes not supported under the web platform.');
+    }
+    async setFlashMode(_options) {
+        throw new Error('setFlashMode not supported under the web platform');
+    }
+    async flip() {
+        throw new Error('flip not supported under the web platform');
+    }
+    async setOpacity(_options) {
+        const video = document.getElementById('video');
+        if (!!video && !!_options['opacity']) {
+            video.style.setProperty('opacity', _options['opacity'].toString());
+        }
+    }
+}
+const CameraPreview = new CameraPreviewWeb();
+export { CameraPreview };
+registerWebPlugin(CameraPreview);
 //# sourceMappingURL=web.js.map

package/dist/esm/web.js.map

@@ -1 +1 @@
-{"version":3,"file":"web.js","sourceRoot":"","sources":["../../src/web.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\n/* eslint-disable @typescript-eslint/prefer-for-of */\n/* eslint-disable @typescript-eslint/ban-types */\n/* eslint-disable no-async-promise-executor */\n/* eslint-disable @typescript-eslint/consistent-type-assertions */\n/* eslint-disable @typescript-eslint/no-inferrable-types */\nimport { WebPlugin, registerWebPlugin } from '@capacitor/core';\n\nimport type {\n  CameraPreviewOptions,\n  CameraPreviewPictureOptions,\n  CameraPreviewPlugin,\n  CameraPreviewFlashMode,\n  CameraSampleOptions,\n  CameraOpacityOptions,\n} from './definitions';\n\n\nexport class CameraPreviewWeb extends WebPlugin implements CameraPreviewPlugin {\n  /**\n   *  track which camera is used based on start options\n   *  used in capture\n   */\n  private isBackCamera: boolean = false;\n\n  constructor() {\n    super({\n      name: 'CameraPreview',\n      platforms: ['web'],\n    });\n  }\n\n  async start(options: CameraPreviewOptions): Promise<{}> {\n    return new Promise(async (resolve, reject) => {\n      await navigator.mediaDevices\n        .getUserMedia({\n          audio: !options.disableAudio,\n          video: true\n        })\n        .then((stream: MediaStream) => {\n          // Stop any existing stream so we can request media with different constraints based on user input\n          stream.getTracks().forEach((track) => track.stop());\n        })\n        .catch((error) => {\n          reject(error);\n        });\n\n      const video = document.getElementById('video');\n      const parent = document.getElementById(options.parent as string);\n\n      if (!video) {\n        const videoElement = document.createElement('video');\n        videoElement.id = 'video';\n        videoElement.setAttribute('class', options.className || '');\n\n        // Don't flip video feed if camera is rear facing\n        if (options.position !== 'rear') {\n          videoElement.setAttribute('style', '-webkit-transform: scaleX(-1); transform: scaleX(-1);');\n        }\n\n        const userAgent = navigator.userAgent.toLowerCase();\n        const isSafari = userAgent.includes('safari') && !userAgent.includes('chrome');\n\n        // Safari on iOS needs to have the autoplay, muted and playsinline attributes set for video.play() to be successful\n        // Without these attributes videoElement.play() will throw a NotAllowedError\n        // https://developer.apple.com/documentation/webkit/delivering_video_content_for_safari\n        if (isSafari) {\n          videoElement.setAttribute('autoplay', 'true');\n          videoElement.setAttribute('muted', 'true');\n          videoElement.setAttribute('playsinline', 'true');\n        }\n        if(parent){\n          parent.appendChild(videoElement);\n        }\n\n        if (navigator.mediaDevices?.getUserMedia) {\n          const constraints: MediaStreamConstraints = {\n            video: {\n              width: { ideal: options.width },\n              height: { ideal: options.height }\n            }\n          };\n\n          if (options.position === 'rear') {\n            (constraints.video as MediaTrackConstraints).facingMode = 'environment';\n            this.isBackCamera = true;\n          } else {\n            this.isBackCamera = false;\n          }\n\n          navigator.mediaDevices.getUserMedia(constraints).then(\n            function (stream) {\n              //video.src = window.URL.createObjectURL(stream);\n              videoElement.srcObject = stream;\n              videoElement.play();\n              resolve({});\n            },\n            (err) => {\n              reject(err);\n            }\n          );\n        }\n      } else {\n        reject({ message: 'camera already started' });\n      }\n    });\n  }\n\n  async stop(): Promise<any> {\n    const video = <HTMLVideoElement>document.getElementById('video');\n    if (video) {\n      video.pause();\n\n      const st: any = video.srcObject;\n      const tracks = st.getTracks();\n\n      for (let i = 0; i < tracks.length; i++) {\n        const track = tracks[i];\n        track.stop();\n      }\n      video.remove();\n    }\n  }\n\n  async capture(options: CameraPreviewPictureOptions): Promise<any> {\n    return new Promise((resolve, _) => {\n      const video = <HTMLVideoElement>document.getElementById('video');\n      const canvas = document.createElement('canvas');\n\n      // video.width = video.offsetWidth;\n\n      const context = canvas.getContext('2d');\n      canvas.width = video.videoWidth;\n      canvas.height = video.videoHeight;\n\n      // flip horizontally back camera isn't used\n      if(context){\n        if (!this.isBackCamera) {\n          context.translate(video.videoWidth, 0);\n          context.scale(-1, 1);\n        }\n        context.drawImage(video, 0, 0, video.videoWidth, video.videoHeight);\n      }\n\n      let base64EncodedImage;\n\n      if (options.quality != undefined) {\n        base64EncodedImage = canvas.toDataURL('image/jpeg', options.quality / 100.0).replace('data:image/jpeg;base64,', '');\n      } else {\n        base64EncodedImage = canvas.toDataURL('image/png').replace('data:image/png;base64,', '');\n      }\n\n      resolve({\n        value: base64EncodedImage,\n      });\n    });\n  }\n\n  async captureSample(_options: CameraSampleOptions): Promise<any> {\n    return this.capture(_options);\n  }\n\n  async setZoom(_options: CameraPreviewOptions): Promise<void> {\n    throw new Error('set zoom not supported under the web platform');\n  }\n  async getSupportedFlashModes(): Promise<{\n    result: CameraPreviewFlashMode[];\n  }> {\n    throw new Error('getSupportedFlashModes not supported under the web platform');\n  }\n  getSupportedZoomLevels(): Promise<{ result: any[]; }> {\n    throw new Error('getSupportedFlashModes not supported under the web platform.');\n  }\n\n  async setFlashMode(_options: { flashMode: CameraPreviewFlashMode | string }): Promise<void> {\n    throw new Error('setFlashMode not supported under the web platform');\n  }\n\n  async flip(): Promise<void> {\n    throw new Error('flip not supported under the web platform');\n  }\n  async changeOrientation(): Promise<void> {\n    throw new Error('changeOrientation not supported under the web platform');\n  }\n  \n  async setOpacity(_options: CameraOpacityOptions): Promise<any> {\n    const video = <HTMLVideoElement>document.getElementById('video');\n    if (!!video && !!_options['opacity']) {\n      video.style.setProperty('opacity', _options['opacity'].toString());\n    }\n  }\n}\n\nconst CameraPreview = new CameraPreviewWeb();\n\nexport { CameraPreview };\n\nregisterWebPlugin(CameraPreview);"]}
+{"version":3,"file":"web.js","sourceRoot":"","sources":["../../src/web.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\r\n/* eslint-disable @typescript-eslint/prefer-for-of */\r\n/* eslint-disable @typescript-eslint/ban-types */\r\n/* eslint-disable no-async-promise-executor */\r\n/* eslint-disable @typescript-eslint/consistent-type-assertions */\r\n/* eslint-disable @typescript-eslint/no-inferrable-types */\r\nimport { WebPlugin, registerWebPlugin } from '@capacitor/core';\r\n\r\nimport type {\r\n  CameraPreviewOptions,\r\n  CameraPreviewPictureOptions,\r\n  CameraPreviewPlugin,\r\n  CameraPreviewFlashMode,\r\n  CameraSampleOptions,\r\n  CameraOpacityOptions,\r\n} from './definitions';\r\n\r\n\r\nexport class CameraPreviewWeb extends WebPlugin implements CameraPreviewPlugin {\r\n  /**\r\n   *  track which camera is used based on start options\r\n   *  used in capture\r\n   */\r\n  private isBackCamera: boolean = false;\r\n\r\n  constructor() {\r\n    super({\r\n      name: 'CameraPreview',\r\n      platforms: ['web'],\r\n    });\r\n  }\r\n\r\n  async start(options: CameraPreviewOptions): Promise<{}> {\r\n    return new Promise(async (resolve, reject) => {\r\n      await navigator.mediaDevices\r\n        .getUserMedia({\r\n          audio: !options.disableAudio,\r\n          video: true\r\n        })\r\n        .then((stream: MediaStream) => {\r\n          // Stop any existing stream so we can request media with different constraints based on user input\r\n          stream.getTracks().forEach((track) => track.stop());\r\n        })\r\n        .catch((error) => {\r\n          reject(error);\r\n        });\r\n\r\n      const video = document.getElementById('video');\r\n      const parent = document.getElementById(options.parent as string);\r\n\r\n      if (!video) {\r\n        const videoElement = document.createElement('video');\r\n        videoElement.id = 'video';\r\n        videoElement.setAttribute('class', options.className || '');\r\n\r\n        // Don't flip video feed if camera is rear facing\r\n        if (options.position !== 'rear') {\r\n          videoElement.setAttribute('style', '-webkit-transform: scaleX(-1); transform: scaleX(-1);');\r\n        }\r\n\r\n        const userAgent = navigator.userAgent.toLowerCase();\r\n        const isSafari = userAgent.includes('safari') && !userAgent.includes('chrome');\r\n\r\n        // Safari on iOS needs to have the autoplay, muted and playsinline attributes set for video.play() to be successful\r\n        // Without these attributes videoElement.play() will throw a NotAllowedError\r\n        // https://developer.apple.com/documentation/webkit/delivering_video_content_for_safari\r\n        if (isSafari) {\r\n          videoElement.setAttribute('autoplay', 'true');\r\n          videoElement.setAttribute('muted', 'true');\r\n          videoElement.setAttribute('playsinline', 'true');\r\n        }\r\n        if(parent){\r\n          parent.appendChild(videoElement);\r\n        }\r\n\r\n        if (navigator.mediaDevices?.getUserMedia) {\r\n          const constraints: MediaStreamConstraints = {\r\n            video: {\r\n              width: { ideal: options.width },\r\n              height: { ideal: options.height }\r\n            }\r\n          };\r\n\r\n          if (options.position === 'rear') {\r\n            (constraints.video as MediaTrackConstraints).facingMode = 'environment';\r\n            this.isBackCamera = true;\r\n          } else {\r\n            this.isBackCamera = false;\r\n          }\r\n\r\n          navigator.mediaDevices.getUserMedia(constraints).then(\r\n            function (stream) {\r\n              //video.src = window.URL.createObjectURL(stream);\r\n              videoElement.srcObject = stream;\r\n              videoElement.play();\r\n              resolve({});\r\n            },\r\n            (err) => {\r\n              reject(err);\r\n            }\r\n          );\r\n        }\r\n      } else {\r\n        reject({ message: 'camera already started' });\r\n      }\r\n    });\r\n  }\r\n\r\n  async stop(): Promise<any> {\r\n    const video = <HTMLVideoElement>document.getElementById('video');\r\n    if (video) {\r\n      video.pause();\r\n\r\n      const st: any = video.srcObject;\r\n      const tracks = st.getTracks();\r\n\r\n      for (let i = 0; i < tracks.length; i++) {\r\n        const track = tracks[i];\r\n        track.stop();\r\n      }\r\n      video.remove();\r\n    }\r\n  }\r\n\r\n  async capture(options: CameraPreviewPictureOptions): Promise<any> {\r\n    return new Promise((resolve, _) => {\r\n      const video = <HTMLVideoElement>document.getElementById('video');\r\n      const canvas = document.createElement('canvas');\r\n\r\n      // video.width = video.offsetWidth;\r\n\r\n      const context = canvas.getContext('2d');\r\n      canvas.width = video.videoWidth;\r\n      canvas.height = video.videoHeight;\r\n\r\n      // flip horizontally back camera isn't used\r\n      if(context){\r\n        if (!this.isBackCamera) {\r\n          context.translate(video.videoWidth, 0);\r\n          context.scale(-1, 1);\r\n        }\r\n        context.drawImage(video, 0, 0, video.videoWidth, video.videoHeight);\r\n      }\r\n\r\n      let base64EncodedImage;\r\n\r\n      if (options.quality != undefined) {\r\n        base64EncodedImage = canvas.toDataURL('image/jpeg', options.quality / 100.0).replace('data:image/jpeg;base64,', '');\r\n      } else {\r\n        base64EncodedImage = canvas.toDataURL('image/png').replace('data:image/png;base64,', '');\r\n      }\r\n\r\n      resolve({\r\n        value: base64EncodedImage,\r\n      });\r\n    });\r\n  }\r\n\r\n  async captureSample(_options: CameraSampleOptions): Promise<any> {\r\n    return this.capture(_options);\r\n  }\r\n\r\n  async setZoom(_options: CameraPreviewOptions): Promise<void> {\r\n    throw new Error('set zoom not supported under the web platform');\r\n  }\r\n  async getSupportedFlashModes(): Promise<{\r\n    result: CameraPreviewFlashMode[];\r\n  }> {\r\n    throw new Error('getSupportedFlashModes not supported under the web platform');\r\n  }\r\n  getSupportedZoomLevels(): Promise<{ result: any[]; }> {\r\n    throw new Error('getSupportedFlashModes not supported under the web platform.');\r\n  }\r\n\r\n  async setFlashMode(_options: { flashMode: CameraPreviewFlashMode | string }): Promise<void> {\r\n    throw new Error('setFlashMode not supported under the web platform');\r\n  }\r\n\r\n  async flip(): Promise<void> {\r\n    throw new Error('flip not supported under the web platform');\r\n  }\r\n\r\n  async setOpacity(_options: CameraOpacityOptions): Promise<any> {\r\n    const video = <HTMLVideoElement>document.getElementById('video');\r\n    if (!!video && !!_options['opacity']) {\r\n      video.style.setProperty('opacity', _options['opacity'].toString());\r\n    }\r\n  }\r\n}\r\n\r\nconst CameraPreview = new CameraPreviewWeb();\r\n\r\nexport { CameraPreview };\r\n\r\nregisterWebPlugin(CameraPreview);"]}