cty-mui-core 1.0.27 → 1.0.29

package/components/camera.js

@@ -120,7 +120,7 @@ const Camera = /*@__PURE__*/ proxyCustomElement(class Camera extends HTMLElement
     async takePhoto() {
         const { quality, width, height, file } = this;
         const data = await cameraPreview.takePicture({ width, height, quality });
-        const result = imagePicker.formatPictureResult(file, data);
+        const result = await imagePicker.formatPictureResult(file, data);
         this.pictures = [...this.pictures, result];
         this.ctyTakePhoto.emit(result);
         return result;
@@ -153,7 +153,7 @@ const Camera = /*@__PURE__*/ proxyCustomElement(class Camera extends HTMLElement
     }
     render() {
         const { title, closeIcon, flash, flipText, flashText, ratioText, ratios, ratioIndex, zoomIndex, zooms, confirmIcon, confirmText, pictures, showImageViewer, imageViewerIndex } = this;
-        return (h(Host, { key: '87619df83dfd1df6b3163dd2b7c45f94a6f74db6', class: "cty-camera", onClick: (e) => e.stopPropagation() }, h("cty-nav-bar", { key: '1ffe4cdebe32d92862667663bbd3b89452c5f186', title: title, type: "clear" }, h("slot", { key: '8556b0ca01c55bbe9ced998da6a8895ee8bd5c52', name: "header-start", slot: "start" }, h("ion-button", { key: '21115e603b0876f12b6d58fbb3bdab2f80520795', class: "cty-camera__close", onClick: () => this.close() }, h("cty-icon", { key: 'd640e89531b9edbe290c99e2cacfce41fc4ed879', class: "cty-camera__close-icon", name: closeIcon })))), h("div", { key: 'a8611dac88a7f2a2615b4874f0db86de9be1151d', class: "cty-camera-widgets", part: "widgets" }, h("button", { key: '887509307c97fb0837c6503bc6428fffb7b9b0cb', class: "cty-button-native cty-camera-widget", part: "widget", onClick: () => this.flipCamera() }, h("cty-icon", { key: '15422b01e83849f0848e164065f2492eed796e37', class: "cty-camera-widget__icon", name: "cty-flip" }), !!flipText && h("span", { key: '22e490eef01255bcb0a266125743a0d1a5202c16', class: "cty-camera-widget__text" }, flipText)), h("button", { key: '1b4ce3cb9d1c07d5f31cf9baa2e8d6d110b60ec0', class: "cty-button-native cty-camera-widget", part: "widget", onClick: () => this.toggleFlash() }, h("cty-icon", { key: '5b1a2953996507d693381321bb4e1a03c3465421', class: "cty-camera-widget__icon", name: flash ? 'cty-flash-on' : 'cty-flash-off' }), !!flashText && h("span", { key: '1a91d914956cd17599d79f0221e4b7a0563b13be', class: "cty-camera-widget__text" }, flashText)), h("button", { key: '1bea848be4d5904ca74ee0b6e1d56807fc4a0731', class: "cty-button-native cty-camera-widget", part: "ratio", onClick: () => this.ratioChange() }, h("span", { key: 'ab10f91f90c8a8471bc94243b7bad535e1171e2f', class: "cty-camera-widget__ratio flex-center" }, ratios[ratioIndex]), !!ratioText && h("span", { key: '502527a106025d6012d86faefa0b225b8ad8ded8', class: "cty-camera-widget__text" }, ratioText))), h("div", { key: '2863467ed92620bf06204917567d0e1600044662', class: "cty-camera-controls safe-area-bottom-padding" }, h("slot", { key: '3a14102cbadd7325f220ce105aaaf5105b21629f', name: "zooms" }, h("div", { key: '0ca55abd29fcf660bbde14873cdb74f2bbd58450', class: "cty-camera-controls__zooms flex-center" }, zooms.map((item, idx) => (h("div", { class: { 'cty-camera-controls__zoom-item flex-center': true, 'cty-camera-controls__zoom-item__active': zoomIndex === idx }, onClick: () => this.setZoom(idx) }, h("span", { class: "cty-camera-controls__zoom-text flex-center" }, item, "X")))))), h("div", { key: '58bec9af89ace3ca63c91cd6768040a0b2e0a190', class: "cty-camera-controls__main flex-center" }, h("div", { key: 'caa835c546b83741659b1c36f0b3f99d7d5481c8', class: "cty-camera-controls__main-left flex-center" }), h("div", { key: '561f4f794938fdedae4ecf8b216d445e9c16708f', class: "cty-camera-controls__take-photo flex-center" }, h("button", { key: 'ebda39c88c8afcac7ad03a93779b52034e4f03ad', class: "cty-button-native cty-camera-controls__take-photo-button", part: "take-photo", onClick: () => this.takePhoto() })), h("div", { key: 'c6f12f91a7a36a826e456929b08d240ee3cbae82', class: "cty-camera-controls__main-confirm flex-center" }, pictures.length > 0 && h("button", { key: '2bedc3ae07ed1c01a880562459d7f30cb1c10cfe', class: "cty-button-native flex-column-center", onClick: () => this.confirm() }, h("cty-icon", { key: '250431733180d4d6b403a2a5535576fdf3978ba2', class: "cty-camera-controls__main-confirm-icon", name: confirmIcon }), h("span", { key: 'a4c1eac8d7b8b7b0f58b3492a51c906dd97fadd0', class: "cty-camera-controls__main-confirm-text" }, confirmText)))), h("slot", { key: '9a58817e2c3dac0f02bd21483b92d2d751095014', name: "images" }, h("div", { key: 'e9cdadd9bb8da0b5ccff3681f484570fc5b4269e', class: "cty-camera-controls__images flex-align-center" }, pictures.map((item, idx) => (h("div", { class: "cty-camera-controls__image", onClick: () => this.toImageViewer(idx) }, h("img", { class: 'cty-camera-controls__image-img', src: item.url }), h("button", { class: "cty-button-native", onClick: (e) => this.deletePicture(e, idx) }, h("cty-icon", { class: "cty-camera-controls__image-delete", name: closeOutline })))))))), showImageViewer && h("cty-image-viewer", { key: 'fb724686c5f0d9a24f12527ba1b50f09de85a82f', images: pictures.map(item => item.url), initialSlide: imageViewerIndex, overlayIndex: 100, backdropDismiss: false, closeable: true, onCtyDismiss: (e) => this.closeImageViewer(e) })));
+        return (h(Host, { key: '6c0e8aee4840edae99979e2f8fa4fe1f28b91f00', class: "cty-camera", onClick: (e) => e.stopPropagation() }, h("cty-nav-bar", { key: '16ed59dc05921a634765cae7e3c8ab817a509b66', title: title, type: "clear" }, h("slot", { key: 'dbeb5240503757e7fb35741bfaacfee520e935c5', name: "header-start", slot: "start" }, h("ion-button", { key: 'e0258b6b06a50aa10d9903e6a4789d155b1a926b', class: "cty-camera__close", onClick: () => this.close() }, h("cty-icon", { key: '48c9f1c506dd13155e2545f1e4d5b8970886bb12', class: "cty-camera__close-icon", name: closeIcon })))), h("div", { key: 'a367e170321b0966ab490b9b694eaffe18fb8f6c', class: "cty-camera-widgets", part: "widgets" }, h("button", { key: '9f54e594fec181935c988f320158ce8f5754cd5c', class: "cty-button-native cty-camera-widget", part: "widget", onClick: () => this.flipCamera() }, h("cty-icon", { key: 'db2e97bd1ec69d82e93c9506fd8976cff560ed24', class: "cty-camera-widget__icon", name: "cty-flip" }), !!flipText && h("span", { key: '947fee726ab0e6c514747a2b2eadbf989f5ff91c', class: "cty-camera-widget__text" }, flipText)), h("button", { key: '01a10aae9e6745d83033ef5e4441cc3d7e199612', class: "cty-button-native cty-camera-widget", part: "widget", onClick: () => this.toggleFlash() }, h("cty-icon", { key: 'd2bd45656aa68309b40f8977e80b15ae7ec29e17', class: "cty-camera-widget__icon", name: flash ? 'cty-flash-on' : 'cty-flash-off' }), !!flashText && h("span", { key: 'b4f9d0d5675c6a21483f4bc211b92ba4e7a8f688', class: "cty-camera-widget__text" }, flashText)), h("button", { key: 'c36f3a4a1d6d2705ea7c52acb0281f18f7570de9', class: "cty-button-native cty-camera-widget", part: "ratio", onClick: () => this.ratioChange() }, h("span", { key: 'ac8cb010492f470ea5e776efa59d2e3b622c031b', class: "cty-camera-widget__ratio flex-center" }, ratios[ratioIndex]), !!ratioText && h("span", { key: 'fc2792dd4c5e27b4946db17fc05ca8d1f79ab475', class: "cty-camera-widget__text" }, ratioText))), h("div", { key: '2b6cb7cb689119162cba517b5469efdcf173e481', class: "cty-camera-controls safe-area-bottom-padding" }, h("slot", { key: '93ba0e977b61d5c5fdd0bd6ab220711064af826d', name: "zooms" }, h("div", { key: '2ea4da678fda37ba175c66a72e34fccf1974a521', class: "cty-camera-controls__zooms flex-center" }, zooms.map((item, idx) => (h("div", { class: { 'cty-camera-controls__zoom-item flex-center': true, 'cty-camera-controls__zoom-item__active': zoomIndex === idx }, onClick: () => this.setZoom(idx) }, h("span", { class: "cty-camera-controls__zoom-text flex-center" }, item, "X")))))), h("div", { key: '8f308406f2ceac48cd7cbfd4306a7a65aebce21f', class: "cty-camera-controls__main flex-center" }, h("div", { key: 'd3fc1707c8f6ee3d9f968f916e8a50810e580a4b', class: "cty-camera-controls__main-left flex-center" }), h("div", { key: 'fa7a8905a22006276b941693c26ac15e6b002976', class: "cty-camera-controls__take-photo flex-center" }, h("button", { key: '61536741582da9bef8bcf0fe4fba09e3fefde58e', class: "cty-button-native cty-camera-controls__take-photo-button", part: "take-photo", onClick: () => this.takePhoto() })), h("div", { key: '74ef21c9e62c7ac604b11b53f9b6a1126fa0338b', class: "cty-camera-controls__main-confirm flex-center" }, pictures.length > 0 && h("button", { key: 'c019b93aab832fadcb3e6d5c77bc98dd8e126b16', class: "cty-button-native flex-column-center", onClick: () => this.confirm() }, h("cty-icon", { key: 'eb9ae426c45fa31202247c99ebb991bc7ceede55', class: "cty-camera-controls__main-confirm-icon", name: confirmIcon }), h("span", { key: '25afa75bcbda33b8f15c432879712bdec937678c', class: "cty-camera-controls__main-confirm-text" }, confirmText)))), h("slot", { key: '14def885116f251bd8390313d46c661dcc807282', name: "images" }, h("div", { key: '254067237e7506f87bdc762285dc3eaff6591ed6', class: "cty-camera-controls__images flex-align-center" }, pictures.map((item, idx) => (h("div", { class: "cty-camera-controls__image", onClick: () => this.toImageViewer(idx) }, h("img", { class: 'cty-camera-controls__image-img', src: item.url }), h("button", { class: "cty-button-native", onClick: (e) => this.deletePicture(e, idx) }, h("cty-icon", { class: "cty-camera-controls__image-delete", name: closeOutline })))))))), showImageViewer && h("cty-image-viewer", { key: 'e84bcb7a5ce6cbb504dbe55e6538622d3914d334', images: pictures.map(item => item.url), initialSlide: imageViewerIndex, overlayIndex: 100, backdropDismiss: false, closeable: true, onCtyDismiss: (e) => this.closeImageViewer(e) })));
     }
     get el() { return this; }
     static get style() { return cameraCss; }

package/components/device-info.js

@@ -2,9 +2,13 @@ import '@stencil/core/internal/client';
 import { i as isPlatform } from './platform.js';
 import { n as network } from './network.js';
 
-const formatLocalPreview = (path) => {
-    var _a, _b;
-    return (_b = (_a = window === null || window === void 0 ? void 0 : window.Ionic) === null || _a === void 0 ? void 0 : _a.WebView) === null || _b === void 0 ? void 0 : _b.convertFileSrc(path);
+const formatLocalPreview = (filePath) => {
+    return new Promise((resolve, reject) => {
+        window.resolveLocalFileSystemURL(filePath, (entry) => {
+            resolve(entry.toURL());
+        }, reject);
+    });
+    // return (window as any)?.Ionic?.WebView?.convertFileSrc(path); 
 };
 function testUserAgent(expression) {
     const nav = window.navigator;

package/components/image-picker.js

@@ -112,11 +112,11 @@ class CTYImagePicker {
     get isWxSDKAvailable() {
         return !!this._wxSDK;
     }
-    formatPictureResult(file, data) {
+    async formatPictureResult(file, data) {
         let safeUrl = data;
         if (file) {
             try {
-                safeUrl = formatLocalPreview(data);
+                safeUrl = await formatLocalPreview(data);
                 safeUrl = sanitizeDOMString(safeUrl);
             }
             catch (error) {
@@ -125,7 +125,7 @@ class CTYImagePicker {
         }
         else {
             try {
-                safeUrl = sanitizeDOMString(`data:image/jpeg;base64,${data}`);
+                safeUrl = sanitizeDOMString(data);
             }
             catch (error) {
                 console.error('Error bypassing sanitization:', error);
@@ -148,9 +148,9 @@ class CTYImagePicker {
                 sourceType: this._cameraPlugin.PictureSourceType[camera ? 'CAMERA' : 'PHOTOLIBRARY'],
                 correctOrientation: false
             };
-            this._cameraPlugin.getPicture((data) => {
+            this._cameraPlugin.getPicture(async (data) => {
                 if (data) {
-                    const result = this.formatPictureResult(file, data);
+                    const result = await this.formatPictureResult(file, data);
                     resolve([result]);
                 }
                 else {
@@ -168,14 +168,16 @@ class CTYImagePicker {
             const option = {
                 quality: 85
             };
-            this._imagePickerPlugin.getPictures((results) => {
+            this._imagePickerPlugin.getPictures(async (results) => {
                 if (results[0] == 'O' || results[0] == 'K') {
                     resolve([]);
                     return;
                 }
-                const imageList = results.map((data) => {
-                    return this.formatPictureResult(file, data);
-                });
+                const imageList = [];
+                for (const data of results) {
+                    const result = await this.formatPictureResult(file, data);
+                    imageList.push(result);
+                }
                 resolve(imageList);
             }, (error) => { reject(error); }, Object.assign(option, imagePickerOptions, {
                 outputType: file ? 0 : 1,

package/components/video-capture.js

@@ -15,10 +15,10 @@ class CTYVideoCapture {
                 return reject('Video capture plugin is not available.');
             }
             try {
-                this._videoCapturePlugin.captureVideo((result) => {
+                this._videoCapturePlugin.captureVideo(async (result) => {
                     if (Array.isArray(result) && result.length > 0) {
                         const data = result[0].fullPath;
-                        const url = formatLocalPreview(sanitizeDOMString(data));
+                        const url = await formatLocalPreview(sanitizeDOMString(data));
                         resolve({ url, data });
                     }
                     else {

package/dist/cjs/{audio-recorder-BKbTidei.js → audio-recorder-DYpLmmqT.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var deviceInfo = require('./device-info-C7UUXx-P.js');
+var deviceInfo = require('./device-info-CC9Tsjk3.js');
 
 exports.UploadProgressTip = void 0;
 (function (UploadProgressTip) {

package/dist/cjs/cty-camera-photo.cjs.entry.js

@@ -1,8 +1,8 @@
 'use strict';
 
 var index = require('./index-DCK462Hl.js');
-var imagePicker = require('./image-picker-B6UWcLwS.js');
-var deviceInfo = require('./device-info-C7UUXx-P.js');
+var imagePicker = require('./image-picker-BaPYPMtN.js');
+var deviceInfo = require('./device-info-CC9Tsjk3.js');
 var overlays = require('./overlays-Cfk4eti-.js');
 var lockController = require('./lock-controller-Dk7it1jt.js');
 var helpers = require('./helpers-Bdo8wX6-.js');

package/dist/cjs/cty-camera_2.cjs.entry.js

@@ -2,11 +2,11 @@
 
 var index = require('./index-DCK462Hl.js');
 var cameraPreview = require('./camera-preview-BHobAi2K.js');
-var imagePicker = require('./image-picker-B6UWcLwS.js');
+var imagePicker = require('./image-picker-BaPYPMtN.js');
 var index$1 = require('./index-o2Vg_VSe.js');
 var dom = require('./dom-B8PDM5o-.js');
 var format = require('./format-BSDO5P-c.js');
-require('./device-info-C7UUXx-P.js');
+require('./device-info-CC9Tsjk3.js');
 require('./platform-DJmEyHMN.js');
 require('./network-D7xvJurk.js');
 require('./index-6rsnyV5b.js');
@@ -115,7 +115,7 @@ const Camera = class {
     async takePhoto() {
         const { quality, width, height, file } = this;
         const data = await cameraPreview.cameraPreview.takePicture({ width, height, quality });
-        const result = imagePicker.imagePicker.formatPictureResult(file, data);
+        const result = await imagePicker.imagePicker.formatPictureResult(file, data);
         this.pictures = [...this.pictures, result];
         this.ctyTakePhoto.emit(result);
         return result;
@@ -148,7 +148,7 @@ const Camera = class {
     }
     render() {
         const { title, closeIcon, flash, flipText, flashText, ratioText, ratios, ratioIndex, zoomIndex, zooms, confirmIcon, confirmText, pictures, showImageViewer, imageViewerIndex } = this;
-        return (index.h(index.Host, { key: '87619df83dfd1df6b3163dd2b7c45f94a6f74db6', class: "cty-camera", onClick: (e) => e.stopPropagation() }, index.h("cty-nav-bar", { key: '1ffe4cdebe32d92862667663bbd3b89452c5f186', title: title, type: "clear" }, index.h("slot", { key: '8556b0ca01c55bbe9ced998da6a8895ee8bd5c52', name: "header-start", slot: "start" }, index.h("ion-button", { key: '21115e603b0876f12b6d58fbb3bdab2f80520795', class: "cty-camera__close", onClick: () => this.close() }, index.h("cty-icon", { key: 'd640e89531b9edbe290c99e2cacfce41fc4ed879', class: "cty-camera__close-icon", name: closeIcon })))), index.h("div", { key: 'a8611dac88a7f2a2615b4874f0db86de9be1151d', class: "cty-camera-widgets", part: "widgets" }, index.h("button", { key: '887509307c97fb0837c6503bc6428fffb7b9b0cb', class: "cty-button-native cty-camera-widget", part: "widget", onClick: () => this.flipCamera() }, index.h("cty-icon", { key: '15422b01e83849f0848e164065f2492eed796e37', class: "cty-camera-widget__icon", name: "cty-flip" }), !!flipText && index.h("span", { key: '22e490eef01255bcb0a266125743a0d1a5202c16', class: "cty-camera-widget__text" }, flipText)), index.h("button", { key: '1b4ce3cb9d1c07d5f31cf9baa2e8d6d110b60ec0', class: "cty-button-native cty-camera-widget", part: "widget", onClick: () => this.toggleFlash() }, index.h("cty-icon", { key: '5b1a2953996507d693381321bb4e1a03c3465421', class: "cty-camera-widget__icon", name: flash ? 'cty-flash-on' : 'cty-flash-off' }), !!flashText && index.h("span", { key: '1a91d914956cd17599d79f0221e4b7a0563b13be', class: "cty-camera-widget__text" }, flashText)), index.h("button", { key: '1bea848be4d5904ca74ee0b6e1d56807fc4a0731', class: "cty-button-native cty-camera-widget", part: "ratio", onClick: () => this.ratioChange() }, index.h("span", { key: 'ab10f91f90c8a8471bc94243b7bad535e1171e2f', class: "cty-camera-widget__ratio flex-center" }, ratios[ratioIndex]), !!ratioText && index.h("span", { key: '502527a106025d6012d86faefa0b225b8ad8ded8', class: "cty-camera-widget__text" }, ratioText))), index.h("div", { key: '2863467ed92620bf06204917567d0e1600044662', class: "cty-camera-controls safe-area-bottom-padding" }, index.h("slot", { key: '3a14102cbadd7325f220ce105aaaf5105b21629f', name: "zooms" }, index.h("div", { key: '0ca55abd29fcf660bbde14873cdb74f2bbd58450', class: "cty-camera-controls__zooms flex-center" }, zooms.map((item, idx) => (index.h("div", { class: { 'cty-camera-controls__zoom-item flex-center': true, 'cty-camera-controls__zoom-item__active': zoomIndex === idx }, onClick: () => this.setZoom(idx) }, index.h("span", { class: "cty-camera-controls__zoom-text flex-center" }, item, "X")))))), index.h("div", { key: '58bec9af89ace3ca63c91cd6768040a0b2e0a190', class: "cty-camera-controls__main flex-center" }, index.h("div", { key: 'caa835c546b83741659b1c36f0b3f99d7d5481c8', class: "cty-camera-controls__main-left flex-center" }), index.h("div", { key: '561f4f794938fdedae4ecf8b216d445e9c16708f', class: "cty-camera-controls__take-photo flex-center" }, index.h("button", { key: 'ebda39c88c8afcac7ad03a93779b52034e4f03ad', class: "cty-button-native cty-camera-controls__take-photo-button", part: "take-photo", onClick: () => this.takePhoto() })), index.h("div", { key: 'c6f12f91a7a36a826e456929b08d240ee3cbae82', class: "cty-camera-controls__main-confirm flex-center" }, pictures.length > 0 && index.h("button", { key: '2bedc3ae07ed1c01a880562459d7f30cb1c10cfe', class: "cty-button-native flex-column-center", onClick: () => this.confirm() }, index.h("cty-icon", { key: '250431733180d4d6b403a2a5535576fdf3978ba2', class: "cty-camera-controls__main-confirm-icon", name: confirmIcon }), index.h("span", { key: 'a4c1eac8d7b8b7b0f58b3492a51c906dd97fadd0', class: "cty-camera-controls__main-confirm-text" }, confirmText)))), index.h("slot", { key: '9a58817e2c3dac0f02bd21483b92d2d751095014', name: "images" }, index.h("div", { key: 'e9cdadd9bb8da0b5ccff3681f484570fc5b4269e', class: "cty-camera-controls__images flex-align-center" }, pictures.map((item, idx) => (index.h("div", { class: "cty-camera-controls__image", onClick: () => this.toImageViewer(idx) }, index.h("img", { class: 'cty-camera-controls__image-img', src: item.url }), index.h("button", { class: "cty-button-native", onClick: (e) => this.deletePicture(e, idx) }, index.h("cty-icon", { class: "cty-camera-controls__image-delete", name: index$1.closeOutline })))))))), showImageViewer && index.h("cty-image-viewer", { key: 'fb724686c5f0d9a24f12527ba1b50f09de85a82f', images: pictures.map(item => item.url), initialSlide: imageViewerIndex, overlayIndex: 100, backdropDismiss: false, closeable: true, onCtyDismiss: (e) => this.closeImageViewer(e) })));
+        return (index.h(index.Host, { key: '6c0e8aee4840edae99979e2f8fa4fe1f28b91f00', class: "cty-camera", onClick: (e) => e.stopPropagation() }, index.h("cty-nav-bar", { key: '16ed59dc05921a634765cae7e3c8ab817a509b66', title: title, type: "clear" }, index.h("slot", { key: 'dbeb5240503757e7fb35741bfaacfee520e935c5', name: "header-start", slot: "start" }, index.h("ion-button", { key: 'e0258b6b06a50aa10d9903e6a4789d155b1a926b', class: "cty-camera__close", onClick: () => this.close() }, index.h("cty-icon", { key: '48c9f1c506dd13155e2545f1e4d5b8970886bb12', class: "cty-camera__close-icon", name: closeIcon })))), index.h("div", { key: 'a367e170321b0966ab490b9b694eaffe18fb8f6c', class: "cty-camera-widgets", part: "widgets" }, index.h("button", { key: '9f54e594fec181935c988f320158ce8f5754cd5c', class: "cty-button-native cty-camera-widget", part: "widget", onClick: () => this.flipCamera() }, index.h("cty-icon", { key: 'db2e97bd1ec69d82e93c9506fd8976cff560ed24', class: "cty-camera-widget__icon", name: "cty-flip" }), !!flipText && index.h("span", { key: '947fee726ab0e6c514747a2b2eadbf989f5ff91c', class: "cty-camera-widget__text" }, flipText)), index.h("button", { key: '01a10aae9e6745d83033ef5e4441cc3d7e199612', class: "cty-button-native cty-camera-widget", part: "widget", onClick: () => this.toggleFlash() }, index.h("cty-icon", { key: 'd2bd45656aa68309b40f8977e80b15ae7ec29e17', class: "cty-camera-widget__icon", name: flash ? 'cty-flash-on' : 'cty-flash-off' }), !!flashText && index.h("span", { key: 'b4f9d0d5675c6a21483f4bc211b92ba4e7a8f688', class: "cty-camera-widget__text" }, flashText)), index.h("button", { key: 'c36f3a4a1d6d2705ea7c52acb0281f18f7570de9', class: "cty-button-native cty-camera-widget", part: "ratio", onClick: () => this.ratioChange() }, index.h("span", { key: 'ac8cb010492f470ea5e776efa59d2e3b622c031b', class: "cty-camera-widget__ratio flex-center" }, ratios[ratioIndex]), !!ratioText && index.h("span", { key: 'fc2792dd4c5e27b4946db17fc05ca8d1f79ab475', class: "cty-camera-widget__text" }, ratioText))), index.h("div", { key: '2b6cb7cb689119162cba517b5469efdcf173e481', class: "cty-camera-controls safe-area-bottom-padding" }, index.h("slot", { key: '93ba0e977b61d5c5fdd0bd6ab220711064af826d', name: "zooms" }, index.h("div", { key: '2ea4da678fda37ba175c66a72e34fccf1974a521', class: "cty-camera-controls__zooms flex-center" }, zooms.map((item, idx) => (index.h("div", { class: { 'cty-camera-controls__zoom-item flex-center': true, 'cty-camera-controls__zoom-item__active': zoomIndex === idx }, onClick: () => this.setZoom(idx) }, index.h("span", { class: "cty-camera-controls__zoom-text flex-center" }, item, "X")))))), index.h("div", { key: '8f308406f2ceac48cd7cbfd4306a7a65aebce21f', class: "cty-camera-controls__main flex-center" }, index.h("div", { key: 'd3fc1707c8f6ee3d9f968f916e8a50810e580a4b', class: "cty-camera-controls__main-left flex-center" }), index.h("div", { key: 'fa7a8905a22006276b941693c26ac15e6b002976', class: "cty-camera-controls__take-photo flex-center" }, index.h("button", { key: '61536741582da9bef8bcf0fe4fba09e3fefde58e', class: "cty-button-native cty-camera-controls__take-photo-button", part: "take-photo", onClick: () => this.takePhoto() })), index.h("div", { key: '74ef21c9e62c7ac604b11b53f9b6a1126fa0338b', class: "cty-camera-controls__main-confirm flex-center" }, pictures.length > 0 && index.h("button", { key: 'c019b93aab832fadcb3e6d5c77bc98dd8e126b16', class: "cty-button-native flex-column-center", onClick: () => this.confirm() }, index.h("cty-icon", { key: 'eb9ae426c45fa31202247c99ebb991bc7ceede55', class: "cty-camera-controls__main-confirm-icon", name: confirmIcon }), index.h("span", { key: '25afa75bcbda33b8f15c432879712bdec937678c', class: "cty-camera-controls__main-confirm-text" }, confirmText)))), index.h("slot", { key: '14def885116f251bd8390313d46c661dcc807282', name: "images" }, index.h("div", { key: '254067237e7506f87bdc762285dc3eaff6591ed6', class: "cty-camera-controls__images flex-align-center" }, pictures.map((item, idx) => (index.h("div", { class: "cty-camera-controls__image", onClick: () => this.toImageViewer(idx) }, index.h("img", { class: 'cty-camera-controls__image-img', src: item.url }), index.h("button", { class: "cty-button-native", onClick: (e) => this.deletePicture(e, idx) }, index.h("cty-icon", { class: "cty-camera-controls__image-delete", name: index$1.closeOutline })))))))), showImageViewer && index.h("cty-image-viewer", { key: 'e84bcb7a5ce6cbb504dbe55e6538622d3914d334', images: pictures.map(item => item.url), initialSlide: imageViewerIndex, overlayIndex: 100, backdropDismiss: false, closeable: true, onCtyDismiss: (e) => this.closeImageViewer(e) })));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/cty-canvas-video.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-DCK462Hl.js');
-var deviceInfo = require('./device-info-C7UUXx-P.js');
+var deviceInfo = require('./device-info-CC9Tsjk3.js');
 var format = require('./format-BSDO5P-c.js');
 require('./platform-DJmEyHMN.js');
 require('./network-D7xvJurk.js');

package/dist/cjs/cty-keyboard.cjs.entry.js

@@ -2,7 +2,7 @@
 
 var index = require('./index-DCK462Hl.js');
 var keyboard = require('./keyboard-Cuk4m847.js');
-var deviceInfo = require('./device-info-C7UUXx-P.js');
+var deviceInfo = require('./device-info-CC9Tsjk3.js');
 require('./network-D7xvJurk.js');
 require('./platform-DJmEyHMN.js');
 

package/dist/cjs/cty-media-capture.cjs.entry.js

@@ -2,12 +2,12 @@
 
 var index = require('./index-DCK462Hl.js');
 var statusBar = require('./status-bar-1jhnFEuR.js');
-var videoCapture = require('./video-capture-DAMSxk8m.js');
+var videoCapture = require('./video-capture-hurwVr0S.js');
 var index$1 = require('./index-o2Vg_VSe.js');
 require('./config-Bn2x7PFv.js');
 require('./format-BSDO5P-c.js');
 require('./index-6rsnyV5b.js');
-require('./device-info-C7UUXx-P.js');
+require('./device-info-CC9Tsjk3.js');
 require('./platform-DJmEyHMN.js');
 require('./network-D7xvJurk.js');
 

package/dist/cjs/cty-record.cjs.entry.js

@@ -1,8 +1,8 @@
 'use strict';
 
 var index = require('./index-DCK462Hl.js');
-var deviceInfo = require('./device-info-C7UUXx-P.js');
-var audioRecorder = require('./audio-recorder-BKbTidei.js');
+var deviceInfo = require('./device-info-CC9Tsjk3.js');
+var audioRecorder = require('./audio-recorder-DYpLmmqT.js');
 var overlays = require('./overlays-Cfk4eti-.js');
 var lockController = require('./lock-controller-Dk7it1jt.js');
 var helpers = require('./helpers-Bdo8wX6-.js');

package/dist/cjs/cty-share-sheet.cjs.entry.js

@@ -2,8 +2,8 @@
 
 var index = require('./index-DCK462Hl.js');
 var config = require('./config-Bn2x7PFv.js');
-var deviceInfo = require('./device-info-C7UUXx-P.js');
-var share = require('./share-C5S5TwgG.js');
+var deviceInfo = require('./device-info-CC9Tsjk3.js');
+var share = require('./share-DjeE75QU.js');
 var utils = require('./utils-C8Ez-9Oe.js');
 var overlays = require('./overlays-Cfk4eti-.js');
 var lockController = require('./lock-controller-Dk7it1jt.js');

package/dist/cjs/cty-video.cjs.entry.js

@@ -5,7 +5,7 @@ var dom = require('./dom-B8PDM5o-.js');
 var statusBar = require('./status-bar-1jhnFEuR.js');
 var volumeControl = require('./volume-control-CPf0zISh.js');
 var network = require('./network-D7xvJurk.js');
-var deviceInfo = require('./device-info-C7UUXx-P.js');
+var deviceInfo = require('./device-info-CC9Tsjk3.js');
 var config = require('./config-Bn2x7PFv.js');
 var index$1 = require('./index-o2Vg_VSe.js');
 var platform = require('./platform-DJmEyHMN.js');

package/dist/cjs/{device-info-C7UUXx-P.js → device-info-CC9Tsjk3.js}

@@ -4,9 +4,13 @@ require('./index-DCK462Hl.js');
 var platform = require('./platform-DJmEyHMN.js');
 var network = require('./network-D7xvJurk.js');
 
-const formatLocalPreview = (path) => {
-    var _a, _b;
-    return (_b = (_a = window === null || window === void 0 ? void 0 : window.Ionic) === null || _a === void 0 ? void 0 : _a.WebView) === null || _b === void 0 ? void 0 : _b.convertFileSrc(path);
+const formatLocalPreview = (filePath) => {
+    return new Promise((resolve, reject) => {
+        window.resolveLocalFileSystemURL(filePath, (entry) => {
+            resolve(entry.toURL());
+        }, reject);
+    });
+    // return (window as any)?.Ionic?.WebView?.convertFileSrc(path); 
 };
 function testUserAgent(expression) {
     const nav = window.navigator;

package/dist/cjs/{image-picker-B6UWcLwS.js → image-picker-BaPYPMtN.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var deviceInfo = require('./device-info-C7UUXx-P.js');
+var deviceInfo = require('./device-info-CC9Tsjk3.js');
 var index = require('./index-6rsnyV5b.js');
 
 exports.MediaSourceType = void 0;
@@ -48,11 +48,11 @@ class CTYImagePicker {
     get isWxSDKAvailable() {
         return !!this._wxSDK;
     }
-    formatPictureResult(file, data) {
+    async formatPictureResult(file, data) {
         let safeUrl = data;
         if (file) {
             try {
-                safeUrl = deviceInfo.formatLocalPreview(data);
+                safeUrl = await deviceInfo.formatLocalPreview(data);
                 safeUrl = index.sanitizeDOMString(safeUrl);
             }
             catch (error) {
@@ -61,7 +61,7 @@ class CTYImagePicker {
         }
         else {
             try {
-                safeUrl = index.sanitizeDOMString(`data:image/jpeg;base64,${data}`);
+                safeUrl = index.sanitizeDOMString(data);
             }
             catch (error) {
                 console.error('Error bypassing sanitization:', error);
@@ -84,9 +84,9 @@ class CTYImagePicker {
                 sourceType: this._cameraPlugin.PictureSourceType[camera ? 'CAMERA' : 'PHOTOLIBRARY'],
                 correctOrientation: false
             };
-            this._cameraPlugin.getPicture((data) => {
+            this._cameraPlugin.getPicture(async (data) => {
                 if (data) {
-                    const result = this.formatPictureResult(file, data);
+                    const result = await this.formatPictureResult(file, data);
                     resolve([result]);
                 }
                 else {
@@ -104,14 +104,16 @@ class CTYImagePicker {
             const option = {
                 quality: 85
             };
-            this._imagePickerPlugin.getPictures((results) => {
+            this._imagePickerPlugin.getPictures(async (results) => {
                 if (results[0] == 'O' || results[0] == 'K') {
                     resolve([]);
                     return;
                 }
-                const imageList = results.map((data) => {
-                    return this.formatPictureResult(file, data);
-                });
+                const imageList = [];
+                for (const data of results) {
+                    const result = await this.formatPictureResult(file, data);
+                    imageList.push(result);
+                }
                 resolve(imageList);
             }, (error) => { reject(error); }, Object.assign(option, imagePickerOptions, {
                 outputType: file ? 0 : 1,

package/dist/cjs/index.cjs.js

@@ -9,15 +9,15 @@ var dom = require('./dom-B8PDM5o-.js');
 var format = require('./format-BSDO5P-c.js');
 var utils = require('./utils-C8Ez-9Oe.js');
 var validate = require('./validate-Bad0X9vv.js');
-var audioRecorder = require('./audio-recorder-BKbTidei.js');
+var audioRecorder = require('./audio-recorder-DYpLmmqT.js');
 var cameraPreview = require('./camera-preview-BHobAi2K.js');
-var deviceInfo = require('./device-info-C7UUXx-P.js');
-var imagePicker = require('./image-picker-B6UWcLwS.js');
+var deviceInfo = require('./device-info-CC9Tsjk3.js');
+var imagePicker = require('./image-picker-BaPYPMtN.js');
 var keyboard = require('./keyboard-Cuk4m847.js');
 var network = require('./network-D7xvJurk.js');
 var volumeControl = require('./volume-control-CPf0zISh.js');
-var share = require('./share-C5S5TwgG.js');
-var videoCapture = require('./video-capture-DAMSxk8m.js');
+var share = require('./share-DjeE75QU.js');
+var videoCapture = require('./video-capture-hurwVr0S.js');
 var ctyMuiGlobal = require('./cty-mui-global-CQI_F108.js');
 var overlays = require('./overlays-Cfk4eti-.js');
 require('./index-D3mJ1Cix.js');

package/dist/cjs/{share-C5S5TwgG.js → share-DjeE75QU.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var deviceInfo = require('./device-info-C7UUXx-P.js');
+var deviceInfo = require('./device-info-CC9Tsjk3.js');
 
 exports.SharePlatformType = void 0;
 (function (SharePlatformType) {

package/dist/cjs/{video-capture-DAMSxk8m.js → video-capture-hurwVr0S.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-6rsnyV5b.js');
-var deviceInfo = require('./device-info-C7UUXx-P.js');
+var deviceInfo = require('./device-info-CC9Tsjk3.js');
 
 class CTYVideoCapture {
     get _videoCapturePlugin() {
@@ -17,10 +17,10 @@ class CTYVideoCapture {
                 return reject('Video capture plugin is not available.');
             }
             try {
-                this._videoCapturePlugin.captureVideo((result) => {
+                this._videoCapturePlugin.captureVideo(async (result) => {
                     if (Array.isArray(result) && result.length > 0) {
                         const data = result[0].fullPath;
-                        const url = deviceInfo.formatLocalPreview(index.sanitizeDOMString(data));
+                        const url = await deviceInfo.formatLocalPreview(index.sanitizeDOMString(data));
                         resolve({ url, data });
                     }
                     else {

package/dist/collection/components/camera/camera.js

@@ -102,7 +102,7 @@ export class Camera {
     async takePhoto() {
         const { quality, width, height, file } = this;
         const data = await cameraPreview.takePicture({ width, height, quality });
-        const result = imagePicker.formatPictureResult(file, data);
+        const result = await imagePicker.formatPictureResult(file, data);
         this.pictures = [...this.pictures, result];
         this.ctyTakePhoto.emit(result);
         return result;
@@ -135,7 +135,7 @@ export class Camera {
     }
     render() {
         const { title, closeIcon, flash, flipText, flashText, ratioText, ratios, ratioIndex, zoomIndex, zooms, confirmIcon, confirmText, pictures, showImageViewer, imageViewerIndex } = this;
-        return (h(Host, { key: '87619df83dfd1df6b3163dd2b7c45f94a6f74db6', class: "cty-camera", onClick: (e) => e.stopPropagation() }, h("cty-nav-bar", { key: '1ffe4cdebe32d92862667663bbd3b89452c5f186', title: title, type: "clear" }, h("slot", { key: '8556b0ca01c55bbe9ced998da6a8895ee8bd5c52', name: "header-start", slot: "start" }, h("ion-button", { key: '21115e603b0876f12b6d58fbb3bdab2f80520795', class: "cty-camera__close", onClick: () => this.close() }, h("cty-icon", { key: 'd640e89531b9edbe290c99e2cacfce41fc4ed879', class: "cty-camera__close-icon", name: closeIcon })))), h("div", { key: 'a8611dac88a7f2a2615b4874f0db86de9be1151d', class: "cty-camera-widgets", part: "widgets" }, h("button", { key: '887509307c97fb0837c6503bc6428fffb7b9b0cb', class: "cty-button-native cty-camera-widget", part: "widget", onClick: () => this.flipCamera() }, h("cty-icon", { key: '15422b01e83849f0848e164065f2492eed796e37', class: "cty-camera-widget__icon", name: "cty-flip" }), !!flipText && h("span", { key: '22e490eef01255bcb0a266125743a0d1a5202c16', class: "cty-camera-widget__text" }, flipText)), h("button", { key: '1b4ce3cb9d1c07d5f31cf9baa2e8d6d110b60ec0', class: "cty-button-native cty-camera-widget", part: "widget", onClick: () => this.toggleFlash() }, h("cty-icon", { key: '5b1a2953996507d693381321bb4e1a03c3465421', class: "cty-camera-widget__icon", name: flash ? 'cty-flash-on' : 'cty-flash-off' }), !!flashText && h("span", { key: '1a91d914956cd17599d79f0221e4b7a0563b13be', class: "cty-camera-widget__text" }, flashText)), h("button", { key: '1bea848be4d5904ca74ee0b6e1d56807fc4a0731', class: "cty-button-native cty-camera-widget", part: "ratio", onClick: () => this.ratioChange() }, h("span", { key: 'ab10f91f90c8a8471bc94243b7bad535e1171e2f', class: "cty-camera-widget__ratio flex-center" }, ratios[ratioIndex]), !!ratioText && h("span", { key: '502527a106025d6012d86faefa0b225b8ad8ded8', class: "cty-camera-widget__text" }, ratioText))), h("div", { key: '2863467ed92620bf06204917567d0e1600044662', class: "cty-camera-controls safe-area-bottom-padding" }, h("slot", { key: '3a14102cbadd7325f220ce105aaaf5105b21629f', name: "zooms" }, h("div", { key: '0ca55abd29fcf660bbde14873cdb74f2bbd58450', class: "cty-camera-controls__zooms flex-center" }, zooms.map((item, idx) => (h("div", { class: { 'cty-camera-controls__zoom-item flex-center': true, 'cty-camera-controls__zoom-item__active': zoomIndex === idx }, onClick: () => this.setZoom(idx) }, h("span", { class: "cty-camera-controls__zoom-text flex-center" }, item, "X")))))), h("div", { key: '58bec9af89ace3ca63c91cd6768040a0b2e0a190', class: "cty-camera-controls__main flex-center" }, h("div", { key: 'caa835c546b83741659b1c36f0b3f99d7d5481c8', class: "cty-camera-controls__main-left flex-center" }), h("div", { key: '561f4f794938fdedae4ecf8b216d445e9c16708f', class: "cty-camera-controls__take-photo flex-center" }, h("button", { key: 'ebda39c88c8afcac7ad03a93779b52034e4f03ad', class: "cty-button-native cty-camera-controls__take-photo-button", part: "take-photo", onClick: () => this.takePhoto() })), h("div", { key: 'c6f12f91a7a36a826e456929b08d240ee3cbae82', class: "cty-camera-controls__main-confirm flex-center" }, pictures.length > 0 && h("button", { key: '2bedc3ae07ed1c01a880562459d7f30cb1c10cfe', class: "cty-button-native flex-column-center", onClick: () => this.confirm() }, h("cty-icon", { key: '250431733180d4d6b403a2a5535576fdf3978ba2', class: "cty-camera-controls__main-confirm-icon", name: confirmIcon }), h("span", { key: 'a4c1eac8d7b8b7b0f58b3492a51c906dd97fadd0', class: "cty-camera-controls__main-confirm-text" }, confirmText)))), h("slot", { key: '9a58817e2c3dac0f02bd21483b92d2d751095014', name: "images" }, h("div", { key: 'e9cdadd9bb8da0b5ccff3681f484570fc5b4269e', class: "cty-camera-controls__images flex-align-center" }, pictures.map((item, idx) => (h("div", { class: "cty-camera-controls__image", onClick: () => this.toImageViewer(idx) }, h("img", { class: 'cty-camera-controls__image-img', src: item.url }), h("button", { class: "cty-button-native", onClick: (e) => this.deletePicture(e, idx) }, h("cty-icon", { class: "cty-camera-controls__image-delete", name: closeOutline })))))))), showImageViewer && h("cty-image-viewer", { key: 'fb724686c5f0d9a24f12527ba1b50f09de85a82f', images: pictures.map(item => item.url), initialSlide: imageViewerIndex, overlayIndex: 100, backdropDismiss: false, closeable: true, onCtyDismiss: (e) => this.closeImageViewer(e) })));
+        return (h(Host, { key: '6c0e8aee4840edae99979e2f8fa4fe1f28b91f00', class: "cty-camera", onClick: (e) => e.stopPropagation() }, h("cty-nav-bar", { key: '16ed59dc05921a634765cae7e3c8ab817a509b66', title: title, type: "clear" }, h("slot", { key: 'dbeb5240503757e7fb35741bfaacfee520e935c5', name: "header-start", slot: "start" }, h("ion-button", { key: 'e0258b6b06a50aa10d9903e6a4789d155b1a926b', class: "cty-camera__close", onClick: () => this.close() }, h("cty-icon", { key: '48c9f1c506dd13155e2545f1e4d5b8970886bb12', class: "cty-camera__close-icon", name: closeIcon })))), h("div", { key: 'a367e170321b0966ab490b9b694eaffe18fb8f6c', class: "cty-camera-widgets", part: "widgets" }, h("button", { key: '9f54e594fec181935c988f320158ce8f5754cd5c', class: "cty-button-native cty-camera-widget", part: "widget", onClick: () => this.flipCamera() }, h("cty-icon", { key: 'db2e97bd1ec69d82e93c9506fd8976cff560ed24', class: "cty-camera-widget__icon", name: "cty-flip" }), !!flipText && h("span", { key: '947fee726ab0e6c514747a2b2eadbf989f5ff91c', class: "cty-camera-widget__text" }, flipText)), h("button", { key: '01a10aae9e6745d83033ef5e4441cc3d7e199612', class: "cty-button-native cty-camera-widget", part: "widget", onClick: () => this.toggleFlash() }, h("cty-icon", { key: 'd2bd45656aa68309b40f8977e80b15ae7ec29e17', class: "cty-camera-widget__icon", name: flash ? 'cty-flash-on' : 'cty-flash-off' }), !!flashText && h("span", { key: 'b4f9d0d5675c6a21483f4bc211b92ba4e7a8f688', class: "cty-camera-widget__text" }, flashText)), h("button", { key: 'c36f3a4a1d6d2705ea7c52acb0281f18f7570de9', class: "cty-button-native cty-camera-widget", part: "ratio", onClick: () => this.ratioChange() }, h("span", { key: 'ac8cb010492f470ea5e776efa59d2e3b622c031b', class: "cty-camera-widget__ratio flex-center" }, ratios[ratioIndex]), !!ratioText && h("span", { key: 'fc2792dd4c5e27b4946db17fc05ca8d1f79ab475', class: "cty-camera-widget__text" }, ratioText))), h("div", { key: '2b6cb7cb689119162cba517b5469efdcf173e481', class: "cty-camera-controls safe-area-bottom-padding" }, h("slot", { key: '93ba0e977b61d5c5fdd0bd6ab220711064af826d', name: "zooms" }, h("div", { key: '2ea4da678fda37ba175c66a72e34fccf1974a521', class: "cty-camera-controls__zooms flex-center" }, zooms.map((item, idx) => (h("div", { class: { 'cty-camera-controls__zoom-item flex-center': true, 'cty-camera-controls__zoom-item__active': zoomIndex === idx }, onClick: () => this.setZoom(idx) }, h("span", { class: "cty-camera-controls__zoom-text flex-center" }, item, "X")))))), h("div", { key: '8f308406f2ceac48cd7cbfd4306a7a65aebce21f', class: "cty-camera-controls__main flex-center" }, h("div", { key: 'd3fc1707c8f6ee3d9f968f916e8a50810e580a4b', class: "cty-camera-controls__main-left flex-center" }), h("div", { key: 'fa7a8905a22006276b941693c26ac15e6b002976', class: "cty-camera-controls__take-photo flex-center" }, h("button", { key: '61536741582da9bef8bcf0fe4fba09e3fefde58e', class: "cty-button-native cty-camera-controls__take-photo-button", part: "take-photo", onClick: () => this.takePhoto() })), h("div", { key: '74ef21c9e62c7ac604b11b53f9b6a1126fa0338b', class: "cty-camera-controls__main-confirm flex-center" }, pictures.length > 0 && h("button", { key: 'c019b93aab832fadcb3e6d5c77bc98dd8e126b16', class: "cty-button-native flex-column-center", onClick: () => this.confirm() }, h("cty-icon", { key: 'eb9ae426c45fa31202247c99ebb991bc7ceede55', class: "cty-camera-controls__main-confirm-icon", name: confirmIcon }), h("span", { key: '25afa75bcbda33b8f15c432879712bdec937678c', class: "cty-camera-controls__main-confirm-text" }, confirmText)))), h("slot", { key: '14def885116f251bd8390313d46c661dcc807282', name: "images" }, h("div", { key: '254067237e7506f87bdc762285dc3eaff6591ed6', class: "cty-camera-controls__images flex-align-center" }, pictures.map((item, idx) => (h("div", { class: "cty-camera-controls__image", onClick: () => this.toImageViewer(idx) }, h("img", { class: 'cty-camera-controls__image-img', src: item.url }), h("button", { class: "cty-button-native", onClick: (e) => this.deletePicture(e, idx) }, h("cty-icon", { class: "cty-camera-controls__image-delete", name: closeOutline })))))))), showImageViewer && h("cty-image-viewer", { key: 'e84bcb7a5ce6cbb504dbe55e6538622d3914d334', images: pictures.map(item => item.url), initialSlide: imageViewerIndex, overlayIndex: 100, backdropDismiss: false, closeable: true, onCtyDismiss: (e) => this.closeImageViewer(e) })));
     }
     static get is() { return "cty-camera"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/utils/native/image-picker.js

@@ -46,11 +46,11 @@ export class CTYImagePicker {
     get isWxSDKAvailable() {
         return !!this._wxSDK;
     }
-    formatPictureResult(file, data) {
+    async formatPictureResult(file, data) {
         let safeUrl = data;
         if (file) {
             try {
-                safeUrl = formatLocalPreview(data);
+                safeUrl = await formatLocalPreview(data);
                 safeUrl = sanitizeDOMString(safeUrl);
             }
             catch (error) {
@@ -59,7 +59,7 @@ export class CTYImagePicker {
         }
         else {
             try {
-                safeUrl = sanitizeDOMString(`data:image/jpeg;base64,${data}`);
+                safeUrl = sanitizeDOMString(data);
             }
             catch (error) {
                 console.error('Error bypassing sanitization:', error);
@@ -82,9 +82,9 @@ export class CTYImagePicker {
                 sourceType: this._cameraPlugin.PictureSourceType[camera ? 'CAMERA' : 'PHOTOLIBRARY'],
                 correctOrientation: false
             };
-            this._cameraPlugin.getPicture((data) => {
+            this._cameraPlugin.getPicture(async (data) => {
                 if (data) {
-                    const result = this.formatPictureResult(file, data);
+                    const result = await this.formatPictureResult(file, data);
                     resolve([result]);
                 }
                 else {
@@ -102,14 +102,16 @@ export class CTYImagePicker {
             const option = {
                 quality: 85
             };
-            this._imagePickerPlugin.getPictures((results) => {
+            this._imagePickerPlugin.getPictures(async (results) => {
                 if (results[0] == 'O' || results[0] == 'K') {
                     resolve([]);
                     return;
                 }
-                const imageList = results.map((data) => {
-                    return this.formatPictureResult(file, data);
-                });
+                const imageList = [];
+                for (const data of results) {
+                    const result = await this.formatPictureResult(file, data);
+                    imageList.push(result);
+                }
                 resolve(imageList);
             }, (error) => { reject(error); }, Object.assign(option, imagePickerOptions, {
                 outputType: file ? 0 : 1,

package/dist/collection/utils/native/utils.js

@@ -1,7 +1,11 @@
 import { deviceInfo } from "./device-info";
-export const formatLocalPreview = (path) => {
-    var _a, _b;
-    return (_b = (_a = window === null || window === void 0 ? void 0 : window.Ionic) === null || _a === void 0 ? void 0 : _a.WebView) === null || _b === void 0 ? void 0 : _b.convertFileSrc(path);
+export const formatLocalPreview = (filePath) => {
+    return new Promise((resolve, reject) => {
+        window.resolveLocalFileSystemURL(filePath, (entry) => {
+            resolve(entry.toURL());
+        }, reject);
+    });
+    // return (window as any)?.Ionic?.WebView?.convertFileSrc(path); 
 };
 export function testUserAgent(expression) {
     const nav = window.navigator;

package/dist/collection/utils/native/video-capture.js

@@ -14,10 +14,10 @@ export class CTYVideoCapture {
                 return reject('Video capture plugin is not available.');
             }
             try {
-                this._videoCapturePlugin.captureVideo((result) => {
+                this._videoCapturePlugin.captureVideo(async (result) => {
                     if (Array.isArray(result) && result.length > 0) {
                         const data = result[0].fullPath;
-                        const url = formatLocalPreview(sanitizeDOMString(data));
+                        const url = await formatLocalPreview(sanitizeDOMString(data));
                         resolve({ url, data });
                     }
                     else {