@yoobic/yobi 8.5.0-46 → 8.5.0-48

package/dist/collection/components/2.molecules/text-sequence/text-sequence.js

@@ -46,12 +46,15 @@ export class YooTextSequence {
   componentDidUpdate() {
     this.initSequencesHeight();
   }
+  updateValidity() {
+    this.validity = this.validity || (this.currentIndex === this.sequenceElements.length - 1);
+  }
   initSequencesHeight() {
     var _a;
     if (this.revealSequences && ((_a = this.sequenceElements) === null || _a === void 0 ? void 0 : _a.length) && this.maxSequenceHeight) {
       this.host.style.setProperty('--max-sequence-height', `${this.maxSequenceHeight}px`);
       this.sequenceElements.forEach(e => e.classList.toggle('overflowing', e.scrollHeight > this.maxSequenceHeight));
-      this.validity = this.currentIndex === this.sequenceElements.length - 1;
+      this.updateValidity();
     }
   }
   renderSequences() {
@@ -71,7 +74,7 @@ export class YooTextSequence {
         const textsHeight = this.sequenceElements.map((e, i) => Math.round(e.offsetHeight * (i <= this.currentIndex ? 1 : .9)));
         this.host.style.setProperty('--max-sequence-height', `${this.maxSequenceHeight}px`);
         this.translateY = 0 - ((textsHeight.slice(0, this.currentIndex).reduce((acc, a) => acc + a, 0) + GAP_INTER_SEQUENCES * this.currentIndex));
-        this.validity = this.currentIndex === this.sequenceElements.length - 1;
+        this.updateValidity();
       }
     };
     return h("yoo-button", { size: "large", ...{ placement }, hidden: (isUp && !this.currentIndex) || (!isUp && this.currentIndex === ((_a = this.sequenceValues) === null || _a === void 0 ? void 0 : _a.length) - 1), ...(!isUp && this.animated && { onanimationend: () => this.revealSequences = true }), onClick: () => clickArrow() }, h("yoo-icon", { name: `big-arrow-${isUp ? 'up' : 'down'}` }));

package/dist/collection/components/form/form-capture/form-capture-helper.js

@@ -1,6 +1,26 @@
+import { addFilePrefix, isAndroid, isBase64, isImageUrl, moveToImageDirectory } from '@shared/utils';
 export function shouldUseLowPerformanceCamera(user, isNativeMobile, useLibrary) {
   const enableLowPerformanceCamera = user === null || user === void 0 ? void 0 : user.enableLowPerformanceCamera;
   const isLowEndDevice = user === null || user === void 0 ? void 0 : user.isLowEndDevice;
   return !!(enableLowPerformanceCamera ||
     (enableLowPerformanceCamera === undefined && isLowEndDevice)) && isNativeMobile && !useLibrary;
 }
+export async function processMediaPath(mediaPath) {
+  if (isBase64(mediaPath)) {
+    return mediaPath;
+  }
+  else if (mediaPath === null || mediaPath === void 0 ? void 0 : mediaPath.includes('?')) {
+    return mediaPath.substring(0, mediaPath.indexOf('?'));
+  }
+  else if (!isImageUrl(mediaPath)) {
+    return addFilePrefix(mediaPath);
+  }
+  else if (!isAndroid() && ['cache', 'tmp'].includes(mediaPath)) {
+    try {
+      return await moveToImageDirectory(addFilePrefix(mediaPath));
+    }
+    catch (err) {
+      throw new Error(err);
+    }
+  }
+}

package/dist/collection/components/form/form-capture/form-capture.js

@@ -1,14 +1,14 @@
 import { MediaType, PictureSourceType } from '@awesome-cordova-plugins/camera';
 import { MediaCapture } from '@awesome-cordova-plugins/media-capture';
 import { StatusBar } from '@capacitor/status-bar';
-import { addFilePrefix, asyncWaterfall, audios, changeExtension, downloadFile, getAsyncExtraData, getFormCapturedFileSize, getMimeType, getSession, hasLargeFile, images, isAndroid, isAudio, isCloudinaryLink, isFile, isGif, isImage, isImageUrl, isIOS, isIphoneX, isLenovo, isNativeFilePath, isNativeMobile, isNullOrUndefined, isOffline, isPhotoEdited, isSafari, isUnsplashUrl, isVideo, isWeb, moveToImageDirectory, pipes, read, showActionSheet, showAlert, showContextMenu, showModal, showToast, translate, translateMulti, updatePathSessionId, videos } from '@shared/utils';
+import { addFilePrefix, asyncWaterfall, audios, changeExtension, downloadFile, getAsyncExtraData, getFormCapturedFileSize, getMimeType, getSession, hasLargeFile, images, isAndroid, isAudio, isBase64, isCloudinaryLink, isFile, isGif, isImage, isImageUrl, isIOS, isIphoneX, isLenovo, isNativeFilePath, isNativeMobile, isNullOrUndefined, isOffline, isPhotoEdited, isSafari, isUnsplashUrl, isVideo, isWeb, pipes, read, showActionSheet, showAlert, showContextMenu, showModal, showToast, translate, translateMulti, updatePathSessionId, videos } from '@shared/utils';
 import { Build, h, Host } from '@stencil/core';
 import { assign, assignInWith, clone, compact, intersection, isArray, isNumber, isUndefined, keys } from 'lodash-es';
 import { getPicture, getVideo, getVideoDevices, importMultipleFromLibrary, showAudioRecorder } from '../../../utils/helpers/camera-helpers';
 import { getAppContext, querySelectorAllDeep, querySelectorDeep, showImageCropper, showPhotoEditor, showSlidesMedia } from '../../../utils/helpers/common-helpers';
 import { initArrayValue } from '../../../utils/helpers/form-helpers';
 import { setValidator, setValueAndValidateInput } from '../../../utils/helpers/form-input-helpers';
-import { shouldUseLowPerformanceCamera } from './form-capture-helper';
+import { processMediaPath, shouldUseLowPerformanceCamera } from './form-capture-helper';
 export class YooFormCaptureComponent {
   constructor() {
     this.extraData = {};
@@ -37,9 +37,15 @@ export class YooFormCaptureComponent {
     this.updateExtraData(extraData);
   }
   /** If there is index, the field is a multiphoto */
-  async setFieldValue(data) {
-    this.multiple ? this.value.push(data) : this.value = data;
-    setValueAndValidateInput(this.value, this);
+  async setFieldValue(index, data) {
+    if (index === undefined) {
+      setValueAndValidateInput(data, this);
+    }
+    else {
+      const newValue = this.value ? [...this.value] : [];
+      newValue[index] = data;
+      setValueAndValidateInput(newValue, this);
+    }
   }
   async stopImageRecognitionProcess(isCancelled = false) {
     this.imageRecoCancelled = isCancelled;
@@ -229,9 +235,9 @@ export class YooFormCaptureComponent {
       this.fileInputs = querySelectorDeep(this.host, '.camera-input');
     }
   }
-  allowCrop(file) {
+  allowCrop(data) {
     var _a;
-    return (((_a = this.cropperOptions) === null || _a === void 0 ? void 0 : _a.cropRatio) > 0 || this.showCropper) && isImage(file) && !isGif(file) && (!(typeof file === 'string' && isUnsplashUrl(file)) || isWeb(this.host));
+    return isWeb(this.host) && (((_a = this.cropperOptions) === null || _a === void 0 ? void 0 : _a.cropRatio) > 0 || this.showCropper) && (isImage(data) || isBase64(data)) && !isGif(data) && (!(typeof data === 'string' && isUnsplashUrl(data)) || isWeb(this.host));
   }
   removeAllCapture() {
     this.value = [];
@@ -291,33 +297,19 @@ export class YooFormCaptureComponent {
     }
   }
   async processMediaData(mediaData, index) {
-    if (mediaData === null || mediaData === void 0 ? void 0 : mediaData.includes('?')) {
-      mediaData = mediaData.substring(0, mediaData.indexOf('?'));
-    }
-    else if (mediaData && !isImageUrl(mediaData)) {
-      mediaData = addFilePrefix(mediaData);
-      if (!isAndroid() && ['cache', 'tmp'].includes(mediaData)) {
-        try {
-          mediaData = await moveToImageDirectory(mediaData, getSession().user ? getSession().user.disablePhotoOrientationAutoFix : false);
-        }
-        catch (err) {
-          throw new Error(err);
-        }
-      }
-    }
     try {
+      !isImageUrl(mediaData) && (mediaData = await processMediaPath(mediaData));
       if (this.shouldTagImage()) {
         const tag = await this.showPhotoTagDialog(mediaData);
         (tag === null || tag === void 0 ? void 0 : tag.data) && this.updateTagData(tag, index);
       }
-      await this.setFieldValue(mediaData);
+      await this.setFieldValue(index, mediaData);
       this.clearPhotoEdit(index);
       this.saveGeoloc && this.captureGeoloc(index);
     }
     catch (err) {
       throw new Error(err);
     }
-    return mediaData;
   }
   showPhotoTagDialog(imageSrc, value) {
     const imageTag = document.createElement('yoo-form-capture-tag-dialog');
@@ -379,7 +371,7 @@ export class YooFormCaptureComponent {
     });
   }
   async capturePhoto(useLibrary, index) {
-    var _a, _b, _c;
+    var _a, _b, _c, _d, _e;
     const quality = this.isImageRecognition ? 100 : 70;
     const sourceType = useLibrary ? PictureSourceType.PHOTOLIBRARY : PictureSourceType.CAMERA;
     const mediaType = this.type === 'video' ? MediaType.VIDEO : MediaType.PICTURE;
@@ -449,26 +441,22 @@ export class YooFormCaptureComponent {
       if (!res && this.showImageLoader) {
         this.showImageLoader = false;
       }
+      const newIndex = index < 0 ? ((_e = (_d = this.value) === null || _d === void 0 ? void 0 : _d.length) !== null && _e !== void 0 ? _e : 0) : index;
       const imagesData = Array.isArray(res) ? res : [res];
       const hasUnsplash = imagesData.some(d => isUnsplashUrl(d));
-      const processImage = async (imageData, index) => {
-        var _a;
+      const processImage = async (imageData, i) => {
         try {
-          let extractedData = (imageData === null || imageData === void 0 ? void 0 : imageData['data']) || (imageData === null || imageData === void 0 ? void 0 : imageData['path']) || (imageData === null || imageData === void 0 ? void 0 : imageData['fullPath']) || imageData;
-          if (!this.shouldTagImage()) {
-            const shouldOpenCropper = !hasUnsplash && imagesData.length === 1 && this.allowCrop(imageData);
-            const newIndex = Array.isArray(this.value) ? (_a = this.value) === null || _a === void 0 ? void 0 : _a.length : index;
-            if (shouldOpenCropper) {
-              extractedData = await this.onOpenCropper(imageData);
-            }
-            await this.processMediaData(extractedData, newIndex);
-          }
+          let extractedData = await processMediaPath((imageData === null || imageData === void 0 ? void 0 : imageData['data']) || (imageData === null || imageData === void 0 ? void 0 : imageData['path']) || (imageData === null || imageData === void 0 ? void 0 : imageData['fullPath']) || imageData);
+          const shouldOpenCropper = !hasUnsplash && imagesData.length === 1 && this.allowCrop(extractedData);
+          shouldOpenCropper && (extractedData = await this.onOpenCropper(imageData));
+          const updatingIndex = this.multiple ? newIndex + i : undefined;
+          await this.processMediaData(extractedData, updatingIndex);
         }
         catch (err) {
           this.showImageLoader = false;
         }
       };
-      await Promise.all(imagesData.map((data, index) => processImage(data, index)));
+      await asyncWaterfall(imagesData.map((data, i) => processImage(data, i)));
       this.showImageLoader = false;
     }
     catch (err) {
@@ -476,30 +464,26 @@ export class YooFormCaptureComponent {
       throw new Error(err);
     }
   }
-  captureVideo(index) {
-    const options = { limit: 1, duration: this.duration || 60, saveToPhotoAlbum: true };
-    return getVideo(options).then((files) => {
-      this.processMediaData(this.fixPathAndGetValue(files), index);
-    });
+  async captureVideo(index) {
+    const files = await getVideo({ limit: 1, duration: this.duration || 60, saveToPhotoAlbum: true });
+    await Promise.all(files === null || files === void 0 ? void 0 : files.map(file => this.processMediaData(this.fixPathAndGetValue(file), index)));
   }
   async captureAudio(index) {
-    if (isAndroid()) {
-      const ret = await showAudioRecorder(this.host);
-      if (ret && ret.data) {
-        return this.processMediaData(ret.data, index);
+    try {
+      if (isAndroid()) {
+        const { data } = await showAudioRecorder(this.host);
+        this.processMediaData(data, index);
+      }
+      else {
+        const files = await MediaCapture.captureAudio({ limit: 1, duration: this.duration || 60 });
+        await Promise.all(files === null || files === void 0 ? void 0 : files.map(file => this.processMediaData(this.fixPathAndGetValue(file), index)));
       }
     }
-    else {
-      const options = { limit: 1, duration: this.duration || 60 };
-      return MediaCapture.captureAudio(options)
-        .then((files) => {
-        this.processMediaData(this.fixPathAndGetValue(files), index);
-      })
-        .catch((err) => {
-        if (err.code !== 3) {
-          this.noAudio();
-        }
-      });
+    catch (err) {
+      if (err.code !== 3) {
+        showAlert(translate('AUDIO'), [translate('YOOBICOK')], translate('NOAUDIO'));
+      }
+      throw new Error(err);
     }
   }
   noAudio() {
@@ -527,39 +511,14 @@ export class YooFormCaptureComponent {
       }
     }
   }
-  fixPathAndGetValue(files) {
-    if ((files === null || files === void 0 ? void 0 : files.length) > 0) {
-      return addFilePrefix(files[0].fullPath);
-    }
-    return '';
+  fixPathAndGetValue(file) {
+    return addFilePrefix(file === null || file === void 0 ? void 0 : file.fullPath) || '';
   }
-  captureFromWebcam(device, index) {
-    let webcam = document.createElement('yoo-form-capture-webcam-dialog');
-    webcam.device = device;
-    showModal(webcam, null, !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 (!isNullOrUndefined(tag === null || tag === void 0 ? void 0 : tag.data)) {
-              this.updateTagData(tag, index);
-              this.setFieldValue(ret.data);
-              this.clearPhotoEdit(index);
-              if (this.saveGeoloc) {
-                this.captureGeoloc();
-              }
-            }
-          });
-        }
-        else {
-          this.setFieldValue(ret.data);
-          this.clearPhotoEdit(index);
-          if (this.saveGeoloc) {
-            this.captureGeoloc();
-          }
-        }
-      }
-      webcam = null;
-    });
+  async captureFromWebcam(device, index) {
+    var _a;
+    const mediaData = (_a = (await showModal(Object.assign(document.createElement('yoo-form-capture-webcam-dialog'), { device }), null, !isWeb(this.host) ? '' : 'fullscreen', 'fadeEnterAnimation', 'fadeLeaveAnimation'))) === null || _a === void 0 ? void 0 : _a.data;
+    //  this.allowCrop(mediaData) && (mediaData = await this.onOpenCropper(mediaData));
+    mediaData && await this.processMediaData(mediaData, index);
   }
   captureFromDisk(index) {
     const targetElement = index && index < 0 ? this.getAddFileInput() : this.getTargetElement(index);
@@ -651,7 +610,7 @@ export class YooFormCaptureComponent {
         }
         else {
           if (this.multiple && (newImages === null || newImages === void 0 ? void 0 : newImages.length) > 0) {
-            this.setFieldValue(newImages);
+            this.setFieldValue(index, newImages);
           }
           else if (newImages === null || newImages === void 0 ? void 0 : newImages.length) {
             this.value = newImages[0];
@@ -714,24 +673,24 @@ export class YooFormCaptureComponent {
         const tag = await this.showPhotoTagDialog(data);
         if (!isNullOrUndefined(tag === null || tag === void 0 ? void 0 : tag.data)) {
           this.updateTagData(tag, index);
-          this.setFieldValue(data);
+          this.setFieldValue(index, data);
           this.clearPhotoEdit(index);
         }
       }
       else {
-        this.setFieldValue(data);
+        this.setFieldValue(index, data);
         this.clearPhotoEdit(index);
       }
     }
     else {
-      this.setFieldValue(f);
+      this.setFieldValue(index, f);
       this.clearPhotoEdit(index);
     }
     targetElement.value = null;
   }
   async onOpenCropper(file) {
     var _a;
-    return (_a = (await showImageCropper(this.host, { file, upload: true, maintainQuality: true, ...this.cropperOptions || {} }))) === null || _a === void 0 ? void 0 : _a.data;
+    return (_a = (await showImageCropper(this.host, { file, maintainQuality: true, ...this.cropperOptions || {} }))) === null || _a === void 0 ? void 0 : _a.data;
   }
   clearPhotoEdit(index) {
     var _a, _b;
@@ -1551,7 +1510,8 @@ export class YooFormCaptureComponent {
     }
   }
   shouldTagImage() {
-    return this.tags && this.tags.length > 0;
+    var _a;
+    return ((_a = this.tags) === null || _a === void 0 ? void 0 : _a.length) > 0;
   }
   onCancelImageReco() {
     showAlert('', [translate('YOOBICNO'), translate('YOOBICYES')], translate('STOPIMAGERECO')).then((res) => {
@@ -1916,7 +1876,7 @@ export class YooFormCaptureComponent {
         "mutable": false,
         "complexType": {
           "original": "Partial<YooImageCropperDialogComponent>",
-          "resolved": "{ heading?: string; file?: any; cropRatio?: number; maintainQuality?: boolean; preventBlob?: boolean; upload?: boolean; loading?: boolean; componentWillLoad?: () => Promise<void>; componentDidLoad?: () => void; onClose?: () => void; onSave?: (b64Val: any) => void; renderLoader?: () => any; renderHeader?: () => any; renderContent?: () => any; render?: () => any; }",
+          "resolved": "{ heading?: string; file?: any; cropRatio?: number; maintainQuality?: boolean; preventBlob?: boolean; uploadToCloudinary?: boolean; loading?: boolean; host?: HTMLYooImageCropperDialogElement; componentWillLoad?: () => Promise<void>; componentDidLoad?: () => void; onClose?: () => void; renderLoader?: () => any; renderHeader?: () => any; renderContent?: () => any; render?: () => any; }",
           "references": {
             "Partial": {
               "location": "global"
@@ -2714,10 +2674,13 @@ export class YooFormCaptureComponent {
       },
       "setFieldValue": {
         "complexType": {
-          "signature": "(data: any) => Promise<void>",
+          "signature": "(index: number, data: any) => Promise<void>",
           "parameters": [{
               "tags": [],
               "text": ""
+            }, {
+              "tags": [],
+              "text": ""
             }],
           "references": {
             "Promise": {

package/dist/collection/components/form/form-date-time/form-date-time.js

@@ -156,7 +156,7 @@ export class YooFormDateTimeComponent {
     if (!this.value) {
       const value = new Date();
       const oldMinutes = value.getMinutes();
-      const newMinutes = getRoundedMinutes(value, this.timeStep);
+      const newMinutes = +getRoundedMinutes(value, this.timeStep);
       value.setMinutes(+newMinutes, 0, 0);
       if (newMinutes === 0 && oldMinutes !== newMinutes) {
         value.setHours(value.getHours() + 1);

package/dist/collection/components/form/form-dynamic/form-dynamic.js

@@ -295,7 +295,7 @@ export class YooFormDynamicComponent {
           const videoValue = fieldData.value;
           const videoElement = el;
           if (videoValue) {
-            videoElement.setFieldValue(videoValue);
+            videoElement.setFieldValue(undefined, videoValue);
           }
           break;
         }

package/dist/collection/components/form/image-cropper-dialog/image-cropper-dialog.css

@@ -240,4 +240,8 @@ svg:not(:root) {
 :host yoo-form-footer {
   display: block;
   height: 3.5rem;
+}
+
+:host(.native) ul.PinturaControlList li:nth-child(2) {
+  display: none;
 }

package/dist/collection/components/form/image-cropper-dialog/image-cropper-dialog.js

@@ -1,4 +1,4 @@
-import { closeModal, getAsyncExtraData, getMedia, isNativeMobile, showAlert, translate, urlToBlob } from '@shared/utils';
+import { closeModal, getAsyncExtraData, getMedia, isIOS, isNativeMobile, showAlert, translate, urlToBlob } from '@shared/utils';
 import { h, Host } from '@stencil/core';
 import { keys } from 'lodash-es';
 import { 
@@ -44,7 +44,13 @@ export class YooImageCropperDialogComponent {
       imageCropLimitToImage: false,
       imageCropAspectRatio: isFinite(this.cropRatio) && this.cropRatio,
       imageReader: createDefaultImageReader(),
-      imageWriter: createDefaultImageWriter({ format: 'canvas', mimeType: 'image/jpeg' }),
+      imageWriter: createDefaultImageWriter({
+        canvasMemoryLimit: isNativeMobile() && isIOS() ? 4096 * 4096 : Infinity,
+        format: 'canvas',
+        mimeType: 'image/jpeg'
+      }),
+      enableZoom: !isNativeMobile(),
+      enableZoomControls: !isNativeMobile(),
       imageBackgroundColor: [255, 255, 255, 255],
       stickers: [
         ['Emoji', ['⭐️', '😊', '👍', '👎', '☀️', '🌤', '🌥']],
@@ -65,27 +71,26 @@ export class YooImageCropperDialogComponent {
       cropEnableSelectPreset: false
     });
     this.editor.on('close', () => this.onClose());
-    this.editor.on('process', (res) => {
-      return this.onSave(res.dest.toDataURL());
+    this.editor.on('process', async ({ dest }) => {
+      const b64Value = dest === null || dest === void 0 ? void 0 : dest.toDataURL();
+      this.loading = true;
+      if (this.uploadToCloudinary) {
+        try {
+          this.closeModal(await getAsyncExtraData({ type: 'upload-cloudinary', params: { file: b64Value } }));
+        }
+        catch (err) {
+          await showAlert(translate('FILEPONDLABELFILELOADERROR'), [translate('YOOBICOK')]);
+          throw new Error(err);
+        }
+      }
+      else {
+        this.closeModal(b64Value);
+      }
     });
   }
   onClose() {
     this.closeModal(null);
   }
-  onSave(b64Val) {
-    this.loading = true;
-    if (this.upload) {
-      getAsyncExtraData({ type: 'upload-cloudinary', params: { file: b64Val } }).then((ret) => {
-        this.closeModal(ret);
-      }, () => {
-        showAlert(translate('FILEPONDLABELFILELOADERROR'), [translate('YOOBICOK')]);
-        this.loading = false;
-      });
-    }
-    else {
-      this.closeModal(b64Val);
-    }
-  }
   async closeModal(value) {
     var _a;
     this.loading = false;
@@ -102,7 +107,7 @@ export class YooImageCropperDialogComponent {
     return (h("yoo-ion-content", { scrollEnabled: false, class: "bg-light" }, h("div", { class: "outer-container", ref: (el) => (this.outerContainer = el) }), this.loading && this.renderLoader()));
   }
   render() {
-    return h(Host, null, this.renderContent());
+    return h(Host, { class: { native: isNativeMobile() } }, this.renderContent());
   }
   static get is() { return "yoo-image-cropper-dialog"; }
   static get encapsulation() { return "shadow"; }
@@ -204,7 +209,7 @@ export class YooImageCropperDialogComponent {
         "attribute": "prevent-blob",
         "reflect": false
       },
-      "upload": {
+      "uploadToCloudinary": {
         "type": "boolean",
         "mutable": false,
         "complexType": {
@@ -218,7 +223,7 @@ export class YooImageCropperDialogComponent {
           "tags": [],
           "text": "Option to upload return file to cloudinary"
         },
-        "attribute": "upload",
+        "attribute": "upload-to-cloudinary",
         "reflect": false
       }
     };
@@ -228,4 +233,5 @@ export class YooImageCropperDialogComponent {
       "loading": {}
     };
   }
+  static get elementRef() { return "host"; }
 }

package/dist/collection/components/grid/grid-calendar/grid-calendar.js

@@ -576,11 +576,11 @@ export class YooGridCalendarComponent {
     var _a, _b;
     return (h("div", { class: { 'left-container': isWeb(this.host), hidden: !isWeb(this.host) && !this.showMobileCalendar } }, (isWeb(this.host)) && (h("yoo-calendar", { class: { 'no-border': true, 'no-margin-top': !isWeb(this.host) }, isDatePicker: true, size: "small", markers: this.markers, displayMode: "month", onDateChanged: (ev) => this.onLeftCalendarDateChanged(ev) })), isWeb(this.host) && ((_a = this.types) === null || _a === void 0 ? void 0 : _a.length) > 0 && !this.hideFilters && h("div", { class: "types" }, h("yoo-collapsible", { class: "bold", collapsed: false, header: translate('YOOBICTYPE') }, this.types.map((t) => {
       var _a;
-      return h("yoo-form-checkbox", { class: getEventTypeColor(t), iconColor: getEventTypeColor(t), onClick: () => this.onToggleType(t), value: !(((_a = this.hiddenTypes) === null || _a === void 0 ? void 0 : _a.indexOf(t)) > 0), header: translate(CALENDAR_TRANSLATIONS[t]) });
+      return h("yoo-form-checkbox", { animated: this.animated, class: getEventTypeColor(t), iconColor: getEventTypeColor(t), onClick: () => this.onToggleType(t), value: !(((_a = this.hiddenTypes) === null || _a === void 0 ? void 0 : _a.indexOf(t)) > 0), header: translate(CALENDAR_TRANSLATIONS[t]) });
     })), h("slot", { name: "filters" }), ((_b = this.eventStatuses) === null || _b === void 0 ? void 0 : _b.length) > 0 &&
       h("yoo-collapsible", { class: "bold margin-top", collapsed: false, header: translate('EVENTATTENDANCE') }, this.eventStatuses.map((t) => {
         var _a;
-        return h("yoo-form-checkbox", { class: "app-color", onClick: () => this.onToggleAttendance(t), value: !(((_a = this.hiddenStatuses) === null || _a === void 0 ? void 0 : _a.indexOf(t)) > 0), header: translate(ATTENDANCE_TRANSLATIONS[t]) });
+        return h("yoo-form-checkbox", { animated: this.animated, class: "app-color", onClick: () => this.onToggleAttendance(t), value: !(((_a = this.hiddenStatuses) === null || _a === void 0 ? void 0 : _a.indexOf(t)) > 0), header: translate(ATTENDANCE_TRANSLATIONS[t]) });
       })), h("slot", { name: "more-filters" }))));
   }
   renderHeader(calendar, type) {
@@ -1126,6 +1126,23 @@ export class YooGridCalendarComponent {
         },
         "attribute": "initial-date",
         "reflect": false
+      },
+      "animated": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "animated",
+        "reflect": false
       }
     };
   }

package/dist/collection/feature-operate/mission/mission-details/mission-details.js

@@ -467,7 +467,7 @@ export class YooMissionDetailsComponent {
     return (h("div", { class: { 'mission-results': true, pdf: this.isPdf, ...getAppContext(this.host) } }, this.isPdf && (h("div", { class: "header-photo-container" }, ((_b = (_a = this.mission) === null || _a === void 0 ? void 0 : _a.description) === null || _b === void 0 ? void 0 : _b.pdfHeaderPhoto) && h("yoo-img", { class: "header-photo", instant: this.instant, src: this.mission.description.pdfHeaderPhoto }), h("div", { class: "header-content" }, h("div", { class: "title" }, translateMulti((_c = this.mission) === null || _c === void 0 ? void 0 : _c.title)), h("div", { class: "subtitle" }, (_d = this.mission) === null || _d === void 0 ? void 0 : _d.address), h("div", { class: "tag-container" }, this.showInformation && (tags === null || tags === void 0 ? void 0 : tags.map((tag) => h("yoo-tag", { color: tag.color, customColor: tag.customColor, innerHTML: tag.title }))))))), h("div", { class: "content" }, !this.isPdf && this.showInformation && h("yoo-mission-heading", { class: "mission-results", isPdf: this.isPdf, mission: this.mission }), !!menuContent.length && h("ul", { class: { menu: true, pdf: this.isPdf } }, menuContent), h("slot", null), this.showScore && h("yoo-mission-score", { class: "mission-detail", isPdf: this.isPdf, charts: this.charts, networkScore: this.networkScore })), h("slot", { name: "end" })));
   }
   renderDetails() {
-    return this.isTodoMission ? this.renderTodoMissionDetails() : this.renderMissionDetails();
+    return (this.isTodoMission || this.isTodoCampaign) ? this.renderTodoMissionDetails() : this.renderMissionDetails();
   }
   renderResults() {
     return this.isTodoCampaign ? this.renderTodoMissionDetails() : this.renderMissionResults();

package/dist/collection/feature-operate/mission/mission-heading/mission-heading.js

@@ -16,7 +16,7 @@ export class YooMissionHeadingComponent {
   renderActionPlanProgress() {
     const actionProgress = getMissionProgress(this.mission);
     if ((actionProgress === null || actionProgress === void 0 ? void 0 : actionProgress.value) >= 0) {
-      return h("div", { class: { 'action-plan-progress': true, 'mission-progress-web': !this.isMobile } }, h("yoo-progress-bar", { class: "app-color", shape: "circle", hideProgressValue: true, value: actionProgress.value, metric: actionProgress.unit, maxValue: actionProgress.max }), h("yoo-truncate", { class: "app-color", style: { cssText: '--max-lines: 1' } }, h("span", null, translate('ACTIONSCOMPLETED', { smart_count: actionProgress.value, total: actionProgress.max }))));
+      return h("div", { class: { 'action-plan-progress': true, 'mission-progress-web': !this.isMobile } }, h("yoo-progress-bar", { class: "app-color", shape: "circle", animated: this.animated, hideProgressValue: true, value: actionProgress.value, metric: actionProgress.unit, maxValue: actionProgress.max }), h("yoo-truncate", { class: "app-color", style: { cssText: '--max-lines: 1' } }, h("span", null, translate('ACTIONSCOMPLETED', { smart_count: actionProgress.value, total: actionProgress.max }))));
     }
     return null;
   }