@yoobic/yobi 8.2.2 → 8.3.0-2

package/dist/cjs/yoo-form-capture.cjs.entry.js

@@ -2,15 +2,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c8609d4f.js');
-const index$1 = require('./index-f3d7c03d.js');
-const cameraHelpers = require('./camera-helpers-7d48ffe0.js');
+const index = require('./index-e182c32d.js');
+const overlays = require('./overlays-b6c94fc8.js');
+const cameraHelpers = require('./camera-helpers-e092e5bd.js');
+require('./index-1fdbd9b3.js');
 const lodash = require('./lodash-597bda6d.js');
-const commonHelpers = require('./common-helpers-6970c46c.js');
-const formHelpers = require('./form-helpers-3480a64b.js');
-const formInputHelpers = require('./form-input-helpers-a04f76d2.js');
+const commonHelpers = require('./common-helpers-a4efe957.js');
+const formHelpers = require('./form-helpers-93ee135f.js');
+const formInputHelpers = require('./form-input-helpers-a2843dc0.js');
+require('./index-de8540eb.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-fc264952.js');
 
 function shouldUseLowPerformanceCamera(user, isNativeMobile, useLibrary) {
   const enableLowPerformanceCamera = user === null || user === void 0 ? void 0 : user.enableLowPerformanceCamera;
@@ -76,7 +77,7 @@ const YooFormCaptureComponent = class {
     this.emitOnUpdated = false;
   }
   async onPhotoUploadComplete() {
-    this.currentUploadingStatus = index$1.translate('RECOGNIZINGIMAGES');
+    this.currentUploadingStatus = overlays.translate('RECOGNIZINGIMAGES');
   }
   async onPhotoUploadProgressUpdate(progress, index) {
     if (this.progressBarRef && this.progressBarRef[index]) {
@@ -87,8 +88,8 @@ const YooFormCaptureComponent = class {
     }
   }
   async onImageRecognitionFailed() {
-    index$1.showToast({
-      message: index$1.translate('IMAGERECONOTDONE'),
+    overlays.showToast({
+      message: overlays.translate('IMAGERECONOTDONE'),
       duration: 2000,
       icon: 'rejected',
       iconColor: 'light',
@@ -146,14 +147,14 @@ const YooFormCaptureComponent = class {
           let color = 'dark';
           if (algoValue === true) {
             color = 'app-color';
-            algoValue = index$1.translate('true');
+            algoValue = overlays.translate('true');
           }
           if (algoValue === false) {
             color = 'danger';
-            algoValue = index$1.translate('false');
+            algoValue = overlays.translate('false');
           }
           const hidden = (imageRecognitionResults.hiddenFields && imageRecognitionResults.hiddenFields.indexOf(key) >= 0) || (hiddenKeys && hiddenKeys.indexOf(key) >= 0);
-          this.imageRecognitionResults.push({ title: index$1.translate(key.toUpperCase()), color, value: algoValue, rawValue: imageRecognitionResults[key], hidden, key });
+          this.imageRecognitionResults.push({ title: overlays.translate(key.toUpperCase()), color, value: algoValue, rawValue: imageRecognitionResults[key], hidden, key });
         });
       }
       this.extraData.imageRecognitionResults = this.imageRecognitionResults;
@@ -177,17 +178,17 @@ const YooFormCaptureComponent = class {
     let fileSize = 0;
     if (this.maximumCaptureSize > 0) {
       if (this.multiple && (newVal === null || newVal === void 0 ? void 0 : newVal.length) > 0) {
-        await Promise.all(newVal.map((item) => index$1.getFormCapturedFileSize(item))).then((sizes) => {
+        await Promise.all(newVal.map((item) => overlays.getFormCapturedFileSize(item))).then((sizes) => {
           fileSize = sizes.reduce((prev, next) => prev + next);
         });
       }
       else {
-        fileSize = await index$1.getFormCapturedFileSize(newVal);
+        fileSize = await overlays.getFormCapturedFileSize(newVal);
       }
       // reset to old value if the size is too big
       if (fileSize > this.maximumCaptureSize) {
         formInputHelpers.setValueAndValidateInput(oldVal, this);
-        index$1.showAlert(index$1.translate('PERFILESIZERROR', { size: index$1.pipes.fileSize.transform(this.maximumCaptureSize) }), [index$1.translate('YOOBICOK')], null);
+        overlays.showAlert(overlays.translate('PERFILESIZERROR', { size: overlays.pipes.fileSize.transform(this.maximumCaptureSize) }), [overlays.translate('YOOBICOK')], null);
       }
     }
   }
@@ -222,7 +223,7 @@ const YooFormCaptureComponent = class {
   }
   initExtraData() {
     if (this.extraData) {
-      if (index$1.isNullOrUndefined(this.value) && this.extraData.drawings) {
+      if (overlays.isNullOrUndefined(this.value) && this.extraData.drawings) {
         this.value = this.extraData.drawings;
       }
       if (this.extraData.imageRecognitionResults) {
@@ -280,7 +281,7 @@ const YooFormCaptureComponent = class {
     return !this.multiple ? this.value : this.value[index];
   }
   isMedia(file) {
-    return index$1.isImage(file) || index$1.isVideo(file) || index$1.isAudio(file);
+    return overlays.isImage(file) || overlays.isVideo(file) || overlays.isAudio(file);
   }
   /** for webcam, choose which device to take photo/video */
   capture(device, index) {
@@ -289,7 +290,7 @@ const YooFormCaptureComponent = class {
     if (index < 0) {
       newIndex = (_b = (_a = this.value) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0;
     }
-    if (index$1.isNativeMobile()) {
+    if (overlays.isNativeMobile()) {
       let newIndex = index;
       if (index < 0) {
         if (this.value && this.value.length) {
@@ -327,12 +328,12 @@ const YooFormCaptureComponent = class {
       promise = Promise.resolve(mediaData);
     }
     else {
-      mediaData = index$1.addFilePrefix(mediaData);
-      if (index$1.isAndroid() && mediaData.indexOf('tmp') < 0 && mediaData.indexOf('cache') < 0) {
+      mediaData = overlays.addFilePrefix(mediaData);
+      if (overlays.isAndroid() && mediaData.indexOf('tmp') < 0 && mediaData.indexOf('cache') < 0) {
         promise = Promise.resolve(mediaData);
       }
       else {
-        promise = index$1.moveToImageDirectory(mediaData, index$1.getSession().user ? index$1.getSession().user.disablePhotoOrientationAutoFix : false);
+        promise = overlays.moveToImageDirectory(mediaData, overlays.getSession().user ? overlays.getSession().user.disablePhotoOrientationAutoFix : false);
       }
     }
     return promise.then((newPath) => {
@@ -341,7 +342,7 @@ const YooFormCaptureComponent = class {
       }
       if (this.shouldTagImage()) {
         this.showPhotoTagDialog(newPath).then((tag) => {
-          if (!index$1.isNullOrUndefined(tag === null || tag === void 0 ? void 0 : tag.data)) {
+          if (!overlays.isNullOrUndefined(tag === null || tag === void 0 ? void 0 : tag.data)) {
             this.updateTagData(tag, index);
             this.setFieldValue(index, newPath);
             this.clearPhotoEdit(index);
@@ -368,7 +369,7 @@ const YooFormCaptureComponent = class {
     imageTag.addEventListener('fetchData', (ev) => {
       this.onFetchGridData(ev);
     });
-    return index$1.showModal(imageTag, null, '', 'slideYEnterAnimation', 'slideYLeaveAnimation');
+    return overlays.showModal(imageTag, null, '', 'slideYEnterAnimation', 'slideYLeaveAnimation');
   }
   updateTagData(tag, index) {
     this.initTags();
@@ -402,12 +403,12 @@ const YooFormCaptureComponent = class {
     cameraPreviewer.max = max;
     cameraPreviewer.regularMode = regularMode;
     cameraPreviewer.stitchDirection = stitchDirection;
-    if (index$1.isNativeMobile() && index$1.isIOS() && !index$1.isIphoneX()) {
-      index$1.StatusBar.hide();
+    if (overlays.isNativeMobile() && overlays.isIOS() && !overlays.isIphoneX()) {
+      overlays.StatusBar.hide();
     }
-    return index$1.showModal(cameraPreviewer, null, `${extraClass} transparent`, 'slideYEnterAnimation', 'slideYLeaveAnimation').then((ret) => {
-      if (index$1.isNativeMobile() && index$1.isIOS() && !index$1.isIphoneX()) {
-        index$1.StatusBar.show();
+    return overlays.showModal(cameraPreviewer, null, `${extraClass} transparent`, 'slideYEnterAnimation', 'slideYLeaveAnimation').then((ret) => {
+      if (overlays.isNativeMobile() && overlays.isIOS() && !overlays.isIphoneX()) {
+        overlays.StatusBar.show();
       }
       cameraPreviewer = null;
       if (stitchDirection && (ret === null || ret === void 0 ? void 0 : ret.data)) {
@@ -429,21 +430,21 @@ const YooFormCaptureComponent = class {
     if (index === -1) {
       captureIndex = this.value && this.value.length - 1 > -1 ? this.value.length - 1 : -1;
     }
-    const useLowPerfCamera = shouldUseLowPerformanceCamera((_a = index$1.getSession()) === null || _a === void 0 ? void 0 : _a.user, index$1.isNativeMobile(), useLibrary);
+    const useLowPerfCamera = shouldUseLowPerformanceCamera((_a = overlays.getSession()) === null || _a === void 0 ? void 0 : _a.user, overlays.isNativeMobile(), useLibrary);
     // Lenovo bug with taking photo, use media capture plugin or low pref cam instead
-    const useMediaCapture = index$1.isLenovo() && !useLowPerfCamera && !useLibrary && mediaType === cameraHelpers.MediaType.PICTURE;
+    const useMediaCapture = overlays.isLenovo() && !useLowPerfCamera && !useLibrary && mediaType === cameraHelpers.MediaType.PICTURE;
     let promise;
     if (this.algorithm && this.algorithm.stitch && !useLibrary) {
       let stitchDirection = null;
       const buttons = [
-        { text: index$1.translate('TOPTOBOTTOM'), icon: 'big-arrow-down', handler: () => {
+        { text: overlays.translate('TOPTOBOTTOM'), icon: 'big-arrow-down', handler: () => {
             stitchDirection = 'from-top';
           }, separator: true },
-        { text: index$1.translate('LEFTTORIGHT'), icon: 'big-arrow-right', handler: () => {
+        { text: overlays.translate('LEFTTORIGHT'), icon: 'big-arrow-right', handler: () => {
             stitchDirection = 'from-left';
           }, separator: true }
       ];
-      await index$1.showActionSheet(buttons, null, {}, null, null);
+      await overlays.showActionSheet(buttons, null, {}, null, null);
       if (stitchDirection) {
         this.showImageLoader = true;
         // show a dialog with 2 options: left-to-right / bottom-to-top
@@ -551,7 +552,7 @@ const YooFormCaptureComponent = class {
     });
   }
   async captureAudio(index) {
-    if (index$1.isAndroid()) {
+    if (overlays.isAndroid()) {
       const ret = await cameraHelpers.showAudioRecorder();
       if (ret && ret.data) {
         return this.processMediaData(ret.data, index);
@@ -571,14 +572,14 @@ const YooFormCaptureComponent = class {
     }
   }
   noAudio() {
-    index$1.showAlert(index$1.translate('AUDIO'), [index$1.translate('YOOBICOK')], index$1.translate('NOAUDIO'));
+    overlays.showAlert(overlays.translate('AUDIO'), [overlays.translate('YOOBICOK')], overlays.translate('NOAUDIO'));
   }
   fixSessionIdPath() {
-    if (index$1.isIOS() && index$1.isNativeMobile() && this.value && typeof this.value !== 'undefined') {
+    if (overlays.isIOS() && overlays.isNativeMobile() && this.value && typeof this.value !== 'undefined') {
       if (Array.isArray(this.value)) {
         const newValue = [];
         const promises = this.value.map((val, i) => {
-          return index$1.updatePathSessionId(val).then((res) => {
+          return overlays.updatePathSessionId(val).then((res) => {
             newValue[i] = res;
           });
         });
@@ -587,7 +588,7 @@ const YooFormCaptureComponent = class {
         });
       }
       else {
-        index$1.updatePathSessionId(this.value).then((res) => {
+        overlays.updatePathSessionId(this.value).then((res) => {
           if (res && this.value !== res) {
             formInputHelpers.setValueAndValidateInput(res, this);
           }
@@ -597,18 +598,18 @@ const YooFormCaptureComponent = class {
   }
   fixPathAndGetValue(files) {
     if ((files === null || files === void 0 ? void 0 : files.length) > 0) {
-      return index$1.addFilePrefix(files[0].fullPath);
+      return overlays.addFilePrefix(files[0].fullPath);
     }
     return '';
   }
   captureFromWebcam(device, index) {
     let webcam = document.createElement('yoo-form-capture-webcam-dialog');
     webcam.device = device;
-    index$1.showModal(webcam, null, !index$1.isWeb(this.host) ? '' : 'fullscreen', 'fadeEnterAnimation', 'fadeLeaveAnimation').then((ret) => {
+    overlays.showModal(webcam, null, !overlays.isWeb(this.host) ? '' : 'fullscreen', 'fadeEnterAnimation', 'fadeLeaveAnimation').then((ret) => {
       if (ret === null || ret === void 0 ? void 0 : ret.data) {
         if (this.shouldTagImage()) {
           this.showPhotoTagDialog(ret.data).then((tag) => {
-            if (!index$1.isNullOrUndefined(tag === null || tag === void 0 ? void 0 : tag.data)) {
+            if (!overlays.isNullOrUndefined(tag === null || tag === void 0 ? void 0 : tag.data)) {
               this.updateTagData(tag, index);
               this.setFieldValue(index, ret.data);
               this.clearPhotoEdit(index);
@@ -643,7 +644,7 @@ const YooFormCaptureComponent = class {
       acceptMode = [this.type];
     }
     else {
-      acceptMode = lodash.compact([this.allowGif ? 'gif' : null, this.allowUnsplash && !(((_a = this.cropperOptions) === null || _a === void 0 ? void 0 : _a.cropRatio) && index$1.isSafari()) ? 'unsplash' : null, 'image']);
+      acceptMode = lodash.compact([this.allowGif ? 'gif' : null, this.allowUnsplash && !(((_a = this.cropperOptions) === null || _a === void 0 ? void 0 : _a.cropRatio) && overlays.isSafari()) ? 'unsplash' : null, 'image']);
     }
     let currentMax;
     if (this.multiple && this.max >= 0) {
@@ -652,7 +653,7 @@ const YooFormCaptureComponent = class {
     else if (!this.multiple) {
       currentMax = 1;
     }
-    index$1.getAsyncExtraData({ type, params: { multiple: this.multiple && !this.isReplacingPhoto(index), acceptMode, initialMaxSelectionNumber: currentMax || undefined, preventUpload: this.preventUpload } }).then(async (ret) => {
+    overlays.getAsyncExtraData({ type, params: { multiple: this.multiple && !this.isReplacingPhoto(index), acceptMode, initialMaxSelectionNumber: currentMax || undefined, preventUpload: this.preventUpload } }).then(async (ret) => {
       if (ret === null || ret === void 0 ? void 0 : ret.data) {
         const getUrl = (type, data) => {
           let url = data === null || data === void 0 ? void 0 : data.value;
@@ -671,19 +672,19 @@ const YooFormCaptureComponent = class {
           captureIndex = this.value && this.value.length > 0 ? this.value.length : 0;
         }
         const isImageUrl = (file) => {
-          return index$1.isImage(file) || index$1.isUnsplashUrl(file) || index$1.isGif(file);
+          return overlays.isImage(file) || overlays.isUnsplashUrl(file) || overlays.isGif(file);
         };
         for (const file of retData) {
-          await index$1.asyncWaterfall([
+          await overlays.asyncWaterfall([
             () => {
-              if (isImageUrl(file) && !index$1.isGif(file) && (this.cropperOptions || this.showCropper)) {
+              if (isImageUrl(file) && !overlays.isGif(file) && (this.cropperOptions || this.showCropper)) {
                 return this.onOpenCropper(file);
               }
               return file;
             },
             (file) => {
               if (isImageUrl(file) && file instanceof Blob) {
-                return index$1.read(file, 'blob');
+                return overlays.read(file, 'blob');
               }
               return file;
             },
@@ -691,7 +692,7 @@ const YooFormCaptureComponent = class {
               return new Promise((resolve) => {
                 if (this.shouldTagImage()) {
                   return this.showPhotoTagDialog(data).then((tag) => {
-                    if (!index$1.isNullOrUndefined(tag === null || tag === void 0 ? void 0 : tag.data)) {
+                    if (!overlays.isNullOrUndefined(tag === null || tag === void 0 ? void 0 : tag.data)) {
                       this.updateTagData(tag, captureIndex);
                       resolve(data);
                     }
@@ -732,7 +733,7 @@ const YooFormCaptureComponent = class {
   captureGeoloc(index) {
     let newIndex = index;
     if (this.saveGeoloc) {
-      if (index$1.isNullOrUndefined(newIndex) && this.multiple && this.value && this.value.length - 1 > -1) {
+      if (overlays.isNullOrUndefined(newIndex) && this.multiple && this.value && this.value.length - 1 > -1) {
         newIndex = this.value.length - 1;
       }
       this.getGeoloc.emit(newIndex);
@@ -751,7 +752,7 @@ const YooFormCaptureComponent = class {
     return newClass;
   }
   upload(index) {
-    if (index$1.isNativeMobile()) {
+    if (overlays.isNativeMobile()) {
       this.capturePhoto(true, index);
     }
     else {
@@ -769,7 +770,7 @@ const YooFormCaptureComponent = class {
     var _a;
     const targetElement = this.getTargetElement(index);
     const f = targetElement.files[0];
-    if (index$1.isImage(f)) {
+    if (overlays.isImage(f)) {
       let promise = Promise.resolve(f);
       if (((_a = this.cropperOptions) === null || _a === void 0 ? void 0 : _a.cropRatio) || this.showCropper) {
         promise = this.onOpenCropper(f);
@@ -778,10 +779,10 @@ const YooFormCaptureComponent = class {
       if (!file) {
         return;
       }
-      const data = typeof file === 'string' ? file : await index$1.read(file, 'blob');
+      const data = typeof file === 'string' ? file : await overlays.read(file, 'blob');
       if (this.shouldTagImage()) {
         const tag = await this.showPhotoTagDialog(data);
-        if (!index$1.isNullOrUndefined(tag === null || tag === void 0 ? void 0 : tag.data)) {
+        if (!overlays.isNullOrUndefined(tag === null || tag === void 0 ? void 0 : tag.data)) {
           this.updateTagData(tag, index);
           this.setFieldValue(index, data);
           this.clearPhotoEdit(index);
@@ -848,9 +849,9 @@ const YooFormCaptureComponent = class {
     const extraActions = [
       {
         icon: 'download',
-        isVisible: () => !index$1.isNativeFilePath(imgSrc),
+        isVisible: () => !overlays.isNativeFilePath(imgSrc),
         handler: () => {
-          index$1.downloadFile(isMultipleData ? this.extraData[index].stitch || imgSrc : imgSrc);
+          overlays.downloadFile(isMultipleData ? this.extraData[index].stitch || imgSrc : imgSrc);
         }
       }
     ];
@@ -888,22 +889,22 @@ const YooFormCaptureComponent = class {
       if (index >= 0 && this.value && this.value[index]) {
         newValue = this.value[index];
       }
-      if (index$1.isFile(newValue)) {
+      if (overlays.isFile(newValue)) {
         file = newValue;
       }
       else {
         const newPath = newValue.toString();
-        file = { _filename: newPath, _downloadURL: newPath, mimeType: index$1.getMimeType(newPath) };
+        file = { _filename: newPath, _downloadURL: newPath, mimeType: overlays.getMimeType(newPath) };
       }
       const documentViewer = document.createElement('yoo-form-document-dialog');
       documentViewer.document = file;
-      documentViewer.modalTitle = index$1.translate(this.type);
-      documentViewer.modalMode = index$1.isVideo(newValue);
-      documentViewer.html5Video = index$1.isAndroid();
+      documentViewer.modalTitle = overlays.translate(this.type);
+      documentViewer.modalMode = overlays.isVideo(newValue);
+      documentViewer.html5Video = overlays.isAndroid();
       if (this.type === 'audio') {
         documentViewer.type = this.type;
       }
-      index$1.showModal(documentViewer, null, 'fullscreen');
+      overlays.showModal(documentViewer, null, 'fullscreen');
     }
   }
   openGallery(index) {
@@ -973,21 +974,21 @@ const YooFormCaptureComponent = class {
   async addCaptureButtons(buttons, index) {
     var _a;
     const textPrefix = 'TAKEANEW';
-    if (index$1.isNativeMobile()) {
+    if (overlays.isNativeMobile()) {
       buttons.push({
         icon: `${this.getIcon()}`,
-        text: index$1.translate(textPrefix + this.type.toUpperCase()),
+        text: overlays.translate(textPrefix + this.type.toUpperCase()),
         handler: () => this.capture(null, index)
       });
     }
-    else if (!index$1.isNativeMobile() && this.type === 'photo') {
+    else if (!overlays.isNativeMobile() && this.type === 'photo') {
       this.devices = await cameraHelpers.getVideoDevices();
       if (((_a = this.devices) === null || _a === void 0 ? void 0 : _a.length) > 0) {
-        const separator = index$1.isWeb(this.host) ? ': ' : ':<br/> ';
+        const separator = overlays.isWeb(this.host) ? ': ' : ':<br/> ';
         this.devices.forEach((device, i) => {
           buttons.push({
             icon: 'webcam',
-            text: index$1.translate(textPrefix + this.type.toUpperCase()) + separator + (device.label || 'WEBCAM ' + i),
+            text: overlays.translate(textPrefix + this.type.toUpperCase()) + separator + (device.label || 'WEBCAM ' + i),
             handler: () => this.capture(device, index)
           });
         });
@@ -1004,20 +1005,20 @@ const YooFormCaptureComponent = class {
   }
   async onImageRecognition() {
     var _a;
-    if (index$1.isOffline() && !((_a = this.algorithm) === null || _a === void 0 ? void 0 : _a.offline)) {
-      index$1.showAlert('', [index$1.translate('YOOBICOK')], index$1.translate('IMAGERECOOFFLINE'));
+    if (overlays.isOffline() && !((_a = this.algorithm) === null || _a === void 0 ? void 0 : _a.offline)) {
+      overlays.showAlert('', [overlays.translate('YOOBICOK')], overlays.translate('IMAGERECOOFFLINE'));
       return;
     }
-    const fileTooLarge = await index$1.hasLargeFile(this.multiple ? this.value : [this.value]);
+    const fileTooLarge = await overlays.hasLargeFile(this.multiple ? this.value : [this.value]);
     if (fileTooLarge) {
-      index$1.showAlert('', [index$1.translate('YOOBICOK')], null, index$1.translate('IMAGETOOLARGE'));
+      overlays.showAlert('', [overlays.translate('YOOBICOK')], null, overlays.translate('IMAGETOOLARGE'));
       return;
     }
     this.imageRecoCancelled = false;
     this.isProcessingPhoto = true;
     if (this.isValueValid() && this.algorithm && !this.isProcessing) {
       // emit image recognition event
-      this.currentUploadingStatus = index$1.translate('UPLOADINGPHOTOS');
+      this.currentUploadingStatus = overlays.translate('UPLOADINGPHOTOS');
       this.isProcessing = true;
       this.emitOnUpdated = true;
     }
@@ -1027,15 +1028,15 @@ const YooFormCaptureComponent = class {
   }
   onShowImageRecoKpis() {
     const photoView = document.createElement('yoo-form-capture-view-dialog');
-    photoView.label = index$1.translateMulti('YOOBICKPIS');
+    photoView.label = overlays.translateMulti('YOOBICKPIS');
     photoView.imageRecognitionResults = this.imageRecognitionResults;
     photoView.imageRecognitionDisplay = this.algorithmDisplay;
     photoView.isStitch = this.isStitch();
-    index$1.showModal(photoView);
+    overlays.showModal(photoView);
   }
   onShowMaximumCaptureReached() {
-    const description = index$1.translate('MAXIMUMCAPTUREREACHED');
-    index$1.showAlert('', [index$1.translate('YOOBICOK')], description);
+    const description = overlays.translate('MAXIMUMCAPTUREREACHED');
+    overlays.showAlert('', [overlays.translate('YOOBICOK')], description);
   }
   async onShowActionSheet(value, index, event) {
     if (index && index < 0 && this.max && this.value && this.value.length === this.max) {
@@ -1048,9 +1049,9 @@ const YooFormCaptureComponent = class {
     else {
       this.actionSheetOpened.emit(index);
       const buttons = [];
-      const actionSheetTitle = index$1.translate('CHANGEASOURCE');
+      const actionSheetTitle = overlays.translate('CHANGEASOURCE');
       const importFromLib = (index) => {
-        if (index$1.isWeb(this.host)) {
+        if (overlays.isWeb(this.host)) {
           this.importExternal('file-uploader', index);
         }
         else {
@@ -1059,10 +1060,10 @@ const YooFormCaptureComponent = class {
       };
       if (!value) {
         await this.addCaptureButtons(buttons, index);
-        if (this.allowLibrary === true || (!index$1.isNativeMobile() && (this.type === 'video' || this.type === 'audio'))) {
+        if (this.allowLibrary === true || (!overlays.isNativeMobile() && (this.type === 'video' || this.type === 'audio'))) {
           buttons.push({
             icon: 'photo-library',
-            text: index$1.translate('IMPORTFROMLIBRARY'),
+            text: overlays.translate('IMPORTFROMLIBRARY'),
             handler: () => importFromLib(index)
           });
         }
@@ -1071,55 +1072,55 @@ const YooFormCaptureComponent = class {
         const forceReadonly = true;
         buttons.push({
           icon: 'eye',
-          text: index$1.translate(this.type === 'photo' ? 'VIEWPHOTO' : this.type === 'audio' ? 'LISTEN' : 'YOOBICVIEW'),
+          text: overlays.translate(this.type === 'photo' ? 'VIEWPHOTO' : this.type === 'audio' ? 'LISTEN' : 'YOOBICVIEW'),
           handler: () => this.openPreview(index, forceReadonly)
         });
         if (this.allowLibrary === true) {
           buttons.push({
             icon: 'photo-library',
-            text: index$1.translate('IMPORTFROMLIBRARY'),
+            text: overlays.translate('IMPORTFROMLIBRARY'),
             handler: () => importFromLib(index)
           });
         }
         if (this.type === 'photo' && this.allowAnnotate) {
           buttons.push({
             icon: 'pen',
-            text: index$1.translate('ANNOTATE'),
+            text: overlays.translate('ANNOTATE'),
             handler: () => this.onAnnotate(index)
           });
         }
         await this.addCaptureButtons(buttons, index);
         buttons.push({
           icon: 'delete',
-          text: index$1.translate(this.type === 'photo' ? 'DELETEPHOTO' : 'DELETE'),
+          text: overlays.translate(this.type === 'photo' ? 'DELETEPHOTO' : 'DELETE'),
           handler: () => this.deleteCapture(index)
         });
       }
-      if (this.type === 'photo' && this.allowGif && !index$1.isWeb(this.host)) {
+      if (this.type === 'photo' && this.allowGif && !overlays.isWeb(this.host)) {
         buttons.push({
           icon: 'gif',
-          text: index$1.translate('IMPORTGIF'),
+          text: overlays.translate('IMPORTGIF'),
           handler: () => this.importExternal('gif', index)
         });
       }
-      if (this.type === 'photo' && this.allowUnsplash && !index$1.isWeb(this.host)) {
+      if (this.type === 'photo' && this.allowUnsplash && !overlays.isWeb(this.host)) {
         buttons.push({
           icon: 'image',
-          text: index$1.translate('IMPORTUNSPLASH'),
+          text: overlays.translate('IMPORTUNSPLASH'),
           handler: () => this.importExternal('unsplash', index)
         });
       }
-      if (this.type === 'photo' && this.allowUserImages && !index$1.isWeb(this.host)) {
+      if (this.type === 'photo' && this.allowUserImages && !overlays.isWeb(this.host)) {
         buttons.push({
           icon: 'import',
-          text: index$1.translate('IMPORTUSERIMAGES'),
+          text: overlays.translate('IMPORTUSERIMAGES'),
           handler: () => this.importExternal('user-images', index)
         });
       }
       if (this.shouldTagImage() && value) {
         buttons.push({
           icon: 'tag',
-          text: this.onHasTag(index) ? index$1.translate('EDITTAG') : index$1.translate('ADDNEWTAG'),
+          text: this.onHasTag(index) ? overlays.translate('EDITTAG') : overlays.translate('ADDNEWTAG'),
           handler: () => {
             let tagsData;
             if (this.multiple) {
@@ -1133,28 +1134,28 @@ const YooFormCaptureComponent = class {
               }
             }
             this.showPhotoTagDialog(value, tagsData).then((tag) => {
-              if (!index$1.isNullOrUndefined(tag === null || tag === void 0 ? void 0 : tag.data)) {
+              if (!overlays.isNullOrUndefined(tag === null || tag === void 0 ? void 0 : tag.data)) {
                 this.updateTagData(tag, index);
               }
             });
           }
         });
       }
-      if (buttons.length === 1 && (this.type !== 'photo' || index$1.isNativeMobile())) {
+      if (buttons.length === 1 && (this.type !== 'photo' || overlays.isNativeMobile())) {
         buttons[0].handler();
       }
       else if (buttons.length > 0) {
-        if (index$1.isWeb(this.host)) {
-          index$1.showContextMenu(event, { multipleSelection: false, contentButtons: buttons, className: 'width-unset', hostElement: this.cameraContainerElement });
+        if (overlays.isWeb(this.host)) {
+          overlays.showContextMenu(event, { multipleSelection: false, contentButtons: buttons, className: 'width-unset', hostElement: this.cameraContainerElement });
         }
         else {
-          index$1.showActionSheet(buttons, null, { heading: actionSheetTitle });
+          overlays.showActionSheet(buttons, null, { heading: actionSheetTitle });
         }
       }
     }
   }
   hasExtraData(index, isMultiple = false) {
-    return this.extraData && index$1.isPhotoEdited(isMultiple ? this.extraData[index] : this.extraData);
+    return this.extraData && overlays.isPhotoEdited(isMultiple ? this.extraData[index] : this.extraData);
   }
   hasGeoData(index) {
     if (this.extraData) {
@@ -1182,18 +1183,18 @@ const YooFormCaptureComponent = class {
     const newImages = [];
     let index = this.value.length;
     for (const file of files) {
-      await index$1.asyncWaterfall([
+      await overlays.asyncWaterfall([
         () => {
-          if (index$1.isImage(file) && (this.cropperOptions || this.showCropper)) {
+          if (overlays.isImage(file) && (this.cropperOptions || this.showCropper)) {
             return this.onOpenCropper(file);
           }
           return file;
         },
         (file) => {
-          if (index$1.isImage(file) && typeof file !== 'string') {
-            return index$1.read(file, 'blob');
+          if (overlays.isImage(file) && typeof file !== 'string') {
+            return overlays.read(file, 'blob');
           }
-          else if (index$1.isAudio(file) && !index$1.isNativeMobile()) {
+          else if (overlays.isAudio(file) && !overlays.isNativeMobile()) {
             return URL.createObjectURL(file);
           }
           return file;
@@ -1202,7 +1203,7 @@ const YooFormCaptureComponent = class {
           return new Promise((resolve) => {
             if (this.shouldTagImage()) {
               return this.showPhotoTagDialog(data).then((tag) => {
-                if (!index$1.isNullOrUndefined(tag === null || tag === void 0 ? void 0 : tag.data)) {
+                if (!overlays.isNullOrUndefined(tag === null || tag === void 0 ? void 0 : tag.data)) {
                   this.updateTagData(tag, index);
                   resolve(data);
                 }
@@ -1274,14 +1275,14 @@ const YooFormCaptureComponent = class {
     let extensions;
     switch (this.type) {
       case 'video':
-        extensions = index$1.videos;
+        extensions = overlays.videos;
         break;
       case 'audio':
-        extensions = index$1.audios;
+        extensions = overlays.audios;
         break;
       case 'photo':
       default:
-        extensions = index$1.images;
+        extensions = overlays.images;
         break;
     }
     return extensions && extensions.length > 0 ? extensions.map((e) => '.' + e).join(',') : null;
@@ -1301,7 +1302,7 @@ const YooFormCaptureComponent = class {
     let src = this.value;
     const isVideo = this.type === 'video';
     if (isVideo) {
-      src = index$1.changeExtension(src, 'jpg');
+      src = overlays.changeExtension(src, 'jpg');
     }
     let cloudinaryOptions = {};
     if (this.readonly) {
@@ -1402,13 +1403,13 @@ const YooFormCaptureComponent = class {
       }
     }
     dialog.markers = markers;
-    index$1.showModal(dialog, null, '', 'slideYEnterAnimation', 'slideYLeaveAnimation', index$1.isWeb(this.host));
+    overlays.showModal(dialog, null, '', 'slideYEnterAnimation', 'slideYLeaveAnimation', overlays.isWeb(this.host));
   }
-  renderDistance(index$2) {
+  renderDistance(index$1) {
     return [
       index.h("div", { class: "distance" }, index.h("div", { class: "inner-container", onClick: () => {
-          this.onShowDistanceDialog(index$2);
-        } }, index.h("yoo-icon", { name: "pin", color: "text-color", size: "small" }), index.h("span", null, index$1.pipes.distance.transform(this.multiple ? this.extraData.distance[index$2] : this.extraData.distance))))
+          this.onShowDistanceDialog(index$1);
+        } }, index.h("yoo-icon", { name: "pin", color: "text-color", size: "small" }), index.h("span", null, overlays.pipes.distance.transform(this.multiple ? this.extraData.distance[index$1] : this.extraData.distance))))
     ];
   }
   renderSingle() {
@@ -1422,13 +1423,13 @@ const YooFormCaptureComponent = class {
   renderCaptureStatus() {
     const value = this.value || [];
     return (value && (index.h("div", { class: { 'capture-status': true, 'image-reco': this.isImageRecognition } }, this.required && (index.h("div", { class: "status" }, value.length > this.min
-      ? index$1.translate('PHOTOTAKEN', { captured_number: `${this.min}/${this.min}` })
-      : index$1.translate('PHOTOTAKEN', { captured_number: `${value.length}/${this.min}` }))), !this.hideOptional && this.max && this.max > 0 && (index.h("div", { class: {
+      ? overlays.translate('PHOTOTAKEN', { captured_number: `${this.min}/${this.min}` })
+      : overlays.translate('PHOTOTAKEN', { captured_number: `${value.length}/${this.min}` }))), !this.hideOptional && this.max && this.max > 0 && (index.h("div", { class: {
         status: true,
         'max-reached': value.length === this.max
-      } }, index$1.translate('MAXIMUMCAPTURE', { captured_number: `${value.length}/${this.max}` }))), value.length > 0 && (index.h("div", { class: "action", onClick: () => {
+      } }, overlays.translate('MAXIMUMCAPTURE', { captured_number: `${value.length}/${this.max}` }))), value.length > 0 && (index.h("div", { class: "action", onClick: () => {
         this.toggleSelectorMode();
-      } }, index$1.translate('SELECT2'))))));
+      } }, overlays.translate('SELECT2'))))));
   }
   renderMultiple() {
     var _a;
@@ -1455,7 +1456,7 @@ const YooFormCaptureComponent = class {
       let src = processVal;
       const isVideo = this.type === 'video';
       if (isVideo) {
-        src = index$1.changeExtension(src, 'jpg');
+        src = overlays.changeExtension(src, 'jpg');
       }
       return src;
     };
@@ -1488,14 +1489,14 @@ const YooFormCaptureComponent = class {
         active: this.selectedIndex.length > 0
       }, onClick: () => {
         this.onDeleteSelect();
-      } }, index$1.translate('DELETE')));
+      } }, overlays.translate('DELETE')));
   }
   renderTopAction() {
     return (index.h("div", { class: "top-action-container" }, index.h("div", { class: "left-action" }, this.isAllItemSelected() ? (index.h("div", { onClick: () => {
         this.unselectAll();
-      } }, index$1.translate('UNSELECTALL'))) : (index.h("div", { onClick: () => {
+      } }, overlays.translate('UNSELECTALL'))) : (index.h("div", { onClick: () => {
         this.selectAll();
-      } }, index$1.translate('SELECTALL')))), index.h("div", { class: "right-action", onClick: () => {
+      } }, overlays.translate('SELECTALL')))), index.h("div", { class: "right-action", onClick: () => {
         this.toggleSelectorMode();
       } }, "Cancel")));
   }
@@ -1556,20 +1557,20 @@ const YooFormCaptureComponent = class {
           } })
       ]));
   }
-  renderCameraContainer(value, index$2) {
+  renderCameraContainer(value, index$1) {
     let mediaSrc = this.type === 'photo' ? value : null;
-    if (this.type === 'video' && index$1.isCloudinaryLink(value)) {
-      mediaSrc = index$1.changeExtension(value, 'jpg');
+    if (this.type === 'video' && overlays.isCloudinaryLink(value)) {
+      mediaSrc = overlays.changeExtension(value, 'jpg');
     }
     const urlContainer = () => {
-      return index.h("div", { class: "url-capture-container" }, innerContainer(), index.h("yoo-form-input", { size: "medium", placeholder: "ORADDURL", value: index$1.isCloudinaryLink(this.value) ? '' : this.value }));
+      return index.h("div", { class: "url-capture-container" }, innerContainer(), index.h("yoo-form-input", { size: "medium", placeholder: "ORADDURL", value: overlays.isCloudinaryLink(this.value) ? '' : this.value }));
     };
     const innerContainer = () => {
       return index.h("div", { class: {
           'camera-container': true,
           rotate: this.shouldRotateImage(value),
           'url-input': this.allowURLInput
-        }, ref: (el) => (this.cameraContainerElement = el), onClick: (ev) => this.onShowActionSheet(value, index$2, ev) }, index.h("input", { name: "file", class: "camera-input", type: "file", onChange: () => this.onFileSelect(index$2), accept: this.getAcceptExtension() }), value && index.h("yoo-img", { type: "background", class: "preview", src: mediaSrc }), value && (!this.multiple || this.type !== 'photo') && index.h("div", { class: "overlay" }), !this.multiple || this.type !== 'photo' ? index.h("yoo-icon", { size: this.iconSize, name: this.getIcon(), color: value ? 'light' : 'app-color' }) : null, this.hasExtraData(index$2, this.multiple) && !this.isHistory && this.renderEditIcon(), this.onHasTag(index$2) && (index.h("div", { class: "tag-icon-container" }, index.h("yoo-tag", { icon: "tag", color: "dark-60", size: "small", iconOnlyColor: "light" }))), this.isProcessing && this.renderProgressBar(index$2));
+        }, ref: (el) => (this.cameraContainerElement = el), onClick: (ev) => this.onShowActionSheet(value, index$1, ev) }, index.h("input", { name: "file", class: "camera-input", type: "file", onChange: () => this.onFileSelect(index$1), accept: this.getAcceptExtension() }), value && index.h("yoo-img", { type: "background", class: "preview", src: mediaSrc }), value && (!this.multiple || this.type !== 'photo') && index.h("div", { class: "overlay" }), !this.multiple || this.type !== 'photo' ? index.h("yoo-icon", { size: this.iconSize, name: this.getIcon(), color: value ? 'light' : 'app-color' }) : null, this.hasExtraData(index$1, this.multiple) && !this.isHistory && this.renderEditIcon(), this.onHasTag(index$1) && (index.h("div", { class: "tag-icon-container" }, index.h("yoo-tag", { icon: "tag", color: "dark-60", size: "small", iconOnlyColor: "light" }))), this.isProcessing && this.renderProgressBar(index$1));
     };
     return (this.allowURLInput ? urlContainer() : innerContainer());
   }
@@ -1578,7 +1579,7 @@ const YooFormCaptureComponent = class {
       index.h("div", { class: {
           'button-containers': true,
           kpi: this.imageRecognitionResults && this.imageRecognitionResults.length > 0
-        } }, !this.isProcessing && (index.h("div", { class: "button-container" }, index.h("yoo-button", { size: "large", class: "expanded", color: "app-color", onClick: () => this.onImageRecognition(), disabled: !this.isValueValid() }, index$1.translate('STARTIMAGERECO')))), !this.isProcessing && this.imageRecognitionResults && this.imageRecognitionResults.length > 0 && (index.h("div", { class: "button-container" }, index.h("yoo-button", { size: "large", class: "expanded", color: "dark", onClick: () => this.onShowImageRecoKpis() }, index$1.translate('SHOWIMAGERECOKPIS')))))
+        } }, !this.isProcessing && (index.h("div", { class: "button-container" }, index.h("yoo-button", { size: "large", class: "expanded", color: "app-color", onClick: () => this.onImageRecognition(), disabled: !this.isValueValid() }, overlays.translate('STARTIMAGERECO')))), !this.isProcessing && this.imageRecognitionResults && this.imageRecognitionResults.length > 0 && (index.h("div", { class: "button-container" }, index.h("yoo-button", { size: "large", class: "expanded", color: "dark", onClick: () => this.onShowImageRecoKpis() }, overlays.translate('SHOWIMAGERECOKPIS')))))
     ];
   }
   renderReadonly() {
@@ -1591,8 +1592,8 @@ const YooFormCaptureComponent = class {
           readonly: true,
           truncate: overflown
         }, ref: (el) => (this.readonlyDiv = el) }, !this.multiple ? this.renderSingle() : this.renderMultiple()),
-      this.imageRecognitionResults && this.imageRecognitionResults.length > 0 ? (index.h("div", { class: "button-containers" }, index.h("yoo-button", { class: "expanded", size: "large", color: "dark", onClick: () => this.onShowImageRecoKpis() }, index$1.translate('SHOWIMAGERECOKPIS')))) : null,
-      overflown ? (index.h("div", { class: "more-button", ref: (el) => (this.moreButtonDiv = el), onClick: (ev) => this.onToggleMore(ev) }, index$1.translate('MORE2'))) : null
+      this.imageRecognitionResults && this.imageRecognitionResults.length > 0 ? (index.h("div", { class: "button-containers" }, index.h("yoo-button", { class: "expanded", size: "large", color: "dark", onClick: () => this.onShowImageRecoKpis() }, overlays.translate('SHOWIMAGERECOKPIS')))) : null,
+      overflown ? (index.h("div", { class: "more-button", ref: (el) => (this.moreButtonDiv = el), onClick: (ev) => this.onToggleMore(ev) }, overlays.translate('MORE2'))) : null
     ];
   }
   onToggleMore(ev) {
@@ -1601,11 +1602,11 @@ const YooFormCaptureComponent = class {
     }
     if (this.readonlyDiv && this.readonlyDiv.classList.contains('truncate')) {
       this.readonlyDiv.classList.remove('truncate');
-      this.moreButtonDiv.innerHTML = index$1.translate('VIEWLESS');
+      this.moreButtonDiv.innerHTML = overlays.translate('VIEWLESS');
     }
     else {
       this.readonlyDiv.classList.add('truncate');
-      this.moreButtonDiv.innerHTML = index$1.translate('MORE2');
+      this.moreButtonDiv.innerHTML = overlays.translate('MORE2');
     }
   }
   onHasTag(index) {
@@ -1620,15 +1621,15 @@ const YooFormCaptureComponent = class {
     return this.tags && this.tags.length > 0;
   }
   onCancelImageReco() {
-    index$1.showAlert('', [index$1.translate('YOOBICNO'), index$1.translate('YOOBICYES')], index$1.translate('STOPIMAGERECO')).then((res) => {
+    overlays.showAlert('', [overlays.translate('YOOBICNO'), overlays.translate('YOOBICYES')], overlays.translate('STOPIMAGERECO')).then((res) => {
       if (res) {
         this.stopImageRecognitionProcess(true);
       }
     });
   }
   onDisplayImageRecoEndToast() {
-    index$1.showToast({
-      message: index$1.translate('IMAGERECODONE'),
+    overlays.showToast({
+      message: overlays.translate('IMAGERECODONE'),
       duration: 2000,
       icon: 'check',
       cssClass: 'header app-color',
@@ -1646,16 +1647,16 @@ const YooFormCaptureComponent = class {
     const tagsName = !!((_a = extraData === null || extraData === void 0 ? void 0 : extraData.tags) === null || _a === void 0 ? void 0 : _a.length) && extraData.tags.toString().replace(',', ', ');
     return [
       index.h("yoo-items", { class: "tags right" }, tagsName && (index.h("yoo-tooltip", { content: tagsName, placement: "top" }, index.h("yoo-tag", { color: "dark" }, index.h("yoo-icon", { slot: "start", name: "tag", color: "light-40", size: "small" }), extraData.tags.length.toString())))),
-      index.h("yoo-items", { class: "tags left" }, index$1.isPhotoEdited(extraData) && index.h("yoo-tag", { icon: "pen", color: "light" }))
+      index.h("yoo-items", { class: "tags left" }, overlays.isPhotoEdited(extraData) && index.h("yoo-tag", { icon: "pen", color: "light" }))
     ];
   }
-  renderViewImage(src, extraData, index$2, distance) {
+  renderViewImage(src, extraData, index$1, distance) {
     var _a, _b;
     const A4_WIDTH_PX = 595;
     let annotations = (extraData && (extraData.annotations || extraData['text'])) || [];
     let cloudinaryOptions = {};
-    if (this.detailView && index$1.isCloudinaryLink(src)) {
-      src = index$1.changeExtension(src, 'jpg');
+    if (this.detailView && overlays.isCloudinaryLink(src)) {
+      src = overlays.changeExtension(src, 'jpg');
       cloudinaryOptions = {
         jpg: true,
         width: A4_WIDTH_PX / 2
@@ -1667,22 +1668,22 @@ const YooFormCaptureComponent = class {
     return [
       index.h("div", { class: "image-container" }, index.h("yoo-photo-editor", { src: src, zoomable: false, display: "preview", ...(this.isPdf && {
           cloudinaryOptions
-        }), animated: extraData === null || extraData === void 0 ? void 0 : extraData.animated, drawings: (extraData === null || extraData === void 0 ? void 0 : extraData.drawings) || (extraData === null || extraData === void 0 ? void 0 : extraData.edit), annotations: annotations, onImageClicked: (ev) => !this.isPdf && this.handleImageClick(index$2, ev) }), ((_b = this.detailViewOptions) === null || _b === void 0 ? void 0 : _b.showDetailInfoAsOverlay) && this.renderDetailViewOverlay(extraData)),
-      distance && this.renderDistance(index$2)
+        }), animated: extraData === null || extraData === void 0 ? void 0 : extraData.animated, drawings: (extraData === null || extraData === void 0 ? void 0 : extraData.drawings) || (extraData === null || extraData === void 0 ? void 0 : extraData.edit), annotations: annotations, onImageClicked: (ev) => !this.isPdf && this.handleImageClick(index$1, ev) }), ((_b = this.detailViewOptions) === null || _b === void 0 ? void 0 : _b.showDetailInfoAsOverlay) && this.renderDetailViewOverlay(extraData)),
+      distance && this.renderDistance(index$1)
     ];
   }
-  renderDetailDescription(src, extraData, index$2, distance) {
+  renderDetailDescription(src, extraData, index$1, distance) {
     var _a, _b, _c;
     const annotations = ((extraData === null || extraData === void 0 ? void 0 : extraData.annotations) || []).filter((annotation) => (annotation === null || annotation === void 0 ? void 0 : annotation.type) === 'dot');
     return [
-      index.h("yoo-items", { class: "description-outer-container", spacing: 8, flow: "row" }, src && this.renderViewImage(src, extraData, index$2, distance), !((_a = this.detailViewOptions) === null || _a === void 0 ? void 0 : _a.showDetailInfoAsOverlay) && [
+      index.h("yoo-items", { class: "description-outer-container", spacing: 8, flow: "row" }, src && this.renderViewImage(src, extraData, index$1, distance), !((_a = this.detailViewOptions) === null || _a === void 0 ? void 0 : _a.showDetailInfoAsOverlay) && [
         ((_b = extraData === null || extraData === void 0 ? void 0 : extraData.tags) === null || _b === void 0 ? void 0 : _b.length) > 0 && [
-          index.h("div", { class: "tags description-heading" }, `${extraData.tags.length} ${index$1.translate('YOOBICTAGS')}`),
+          index.h("div", { class: "tags description-heading" }, `${extraData.tags.length} ${overlays.translate('YOOBICTAGS')}`),
           index.h("div", { class: "tags text" }, extraData.tags.join(', '))
         ],
         !!annotations.length &&
           !((_c = this.detailViewOptions) === null || _c === void 0 ? void 0 : _c.hideAnnotationDot) && [
-          index.h("div", { class: "description-heading" }, `${annotations.length} ${index$1.translate('ANNOTATIONS')}`),
+          index.h("div", { class: "description-heading" }, `${annotations.length} ${overlays.translate('ANNOTATIONS')}`),
           index.h("yoo-items", { class: "annotation-container", flow: "row" }, annotations.map((item, index$1) => {
             return (index.h("div", { class: "annotation" }, index.h("yoo-badge", { color: "app-color", text: (index$1 + 1).toString() }), (item === null || item === void 0 ? void 0 : item.text) && index.h("span", { innerHTML: item.text })));
           }))
@@ -1734,7 +1735,7 @@ const YooFormCaptureComponent = class {
         disabled: this.disabled,
         'has-distance': (_a = this.extraData) === null || _a === void 0 ? void 0 : _a.distance,
         'detail-view': this.detailView
-      } }, this.renderBasedOnMode(), this.isProcessing && (index.h("yoo-button", { size: "large", class: "expanded", color: "danger", onClick: () => this.onCancelImageReco() }, index$1.translate('CANCELIMAGERECO')))));
+      } }, this.renderBasedOnMode(), this.isProcessing && (index.h("yoo-button", { size: "large", class: "expanded", color: "danger", onClick: () => this.onCancelImageReco() }, overlays.translate('CANCELIMAGERECO')))));
   }
   get host() { return index.getElement(this); }
   static get watchers() { return {