@yoobic/yobi 8.6.0-3 → 8.6.0-5

package/dist/collection/components/form/form-text-editor/form-text-editor.js

@@ -46,7 +46,7 @@ import 'froala-editor/js/languages/tr';
 import 'froala-editor/js/languages/uk';
 import 'froala-editor/js/languages/zh_cn';
 import 'froala-editor/js/languages/zh_tw';
-import { asyncWaterfall, closeModal, debounce as _debounce, getAsyncExtraData, getColorSwatches, getCurrentLanguage, getCustomApp, getSession, getUUID, getVideoPoster, images, isCloudinaryLink, isImageUrl, isVideo, isWeb, MODAL_BASE_ZINDEX, replaceAtTagToMentionTag, showContextMenu, showModal, translate, translateMulti, updateLinkPreviews, videos } from '@shared/utils';
+import { asyncWaterfall, closeModal, debounce as _debounce, getAsyncExtraData, getColorSwatches, getCurrentLanguage, getCustomApp, getSession, getUUID, getVideoPoster, images, isCloudinaryLink, isImageUrl, isVideo, isWeb, replaceAtTagToMentionTag, showContextMenu, showModal, translate, translateMulti, updateLinkPreviews, videos } from '@shared/utils';
 import { h, Host } from '@stencil/core';
 import FroalaEditor from 'froala-editor';
 import { assign, compact, isArray, isString } from 'lodash-es';
@@ -58,14 +58,6 @@ import { getInsertElementProp, getTagHTML, isMentionTag, safeInsert, safeInsertE
 import { destroyMountPoints, generateRandomMountElementId, initShadowMountPoints } from '../../../utils/helpers/shadow-dom-helper';
 export class YooFormTextEditorComponent {
   constructor() {
-    this.validators = [];
-    this.placeholder = 'TYPESOMETHING';
-    this.linkPreviews = [];
-    this.formatAmpersandSymbol = false;
-    this.allowLinkPreview = false;
-    this.resetHtml = false;
-    this.reloadText = false;
-    this.customZIndex = MODAL_BASE_ZINDEX;
     this.mentionedUsers = [];
     // the event "contentChanged" is not fired before hitting 'Enter' once,
     //  so need to listen to the event 'keydown' first to be aware of any change of the value.
@@ -73,6 +65,27 @@ export class YooFormTextEditorComponent {
     this.blockHTMLReset = false;
     this.allowLinkUpdate = true;
     this.shadowHosts = [];
+    this.allowMention = undefined;
+    this.mentions = undefined;
+    this.otherIds = undefined;
+    this.validators = [];
+    this.asyncValidators = undefined;
+    this.required = undefined;
+    this.inputTabIndex = undefined;
+    this.placeholder = 'TYPESOMETHING';
+    this.minHeight = undefined;
+    this.maxHeight = undefined;
+    this.linkPreviews = [];
+    this.formatAmpersandSymbol = false;
+    this.allowLinkPreview = false;
+    this.resetHtml = false;
+    this.isFullscreen = undefined;
+    this.reloadText = false;
+    this.translations = undefined;
+    this.readonly = undefined;
+    this.value = undefined;
+    this.debounce = undefined;
+    this.mentionConfigs = undefined;
   }
   get mount() {
     return document.getElementById(this.mountId);
@@ -244,7 +257,6 @@ export class YooFormTextEditorComponent {
       fileAllowedTypes: ['*'],
       linkInsertButtons: ['linkBack'],
       pastePlain: false,
-      zIndex: this.customZIndex,
       quickInsertEnabled: isWeb(this.host),
       quickInsertButtons: compact(['yooUploadButtonQuick', 'yooDocumentImporterButtonQuick', 'yooNoTranslateButtonQuick', 'image', 'video', 'table', 'ul', 'ol', 'hr', 'emoticons', 'yooTemplateQuick']),
       quickInsertTags: ['', 'p', 'div', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'pre', 'blockquote', 'br'],
@@ -531,7 +543,12 @@ export class YooFormTextEditorComponent {
         textEditor.formatAmpersandSymbol = this.formatAmpersandSymbol;
         textEditor.allowLinkPreview = this.allowLinkPreview;
         textEditor.isFullscreen = true;
-        showModal(textEditor, null, 'fullscreen no-fade-in', isWeb(this.host) ? 'fadeEnterAnimation' : 'slideXEnterReverseAnimation', isWeb(this.host) ? 'fadeLeaveAnimation' : 'slideXLeaveReverseAnimation').then((ret) => {
+        showModal({
+          component: textEditor,
+          cssClass: 'fullscreen no-fade-in',
+          enterAnimation: isWeb(this.host) ? 'fadeEnterAnimation' : 'slideXEnterReverseAnimation',
+          leaveAnimation: isWeb(this.host) ? 'fadeLeaveAnimation' : 'slideXLeaveReverseAnimation'
+        }).then((ret) => {
           if (ret && ret.data) {
             this.value = ret.data;
             this.forceResetHTML = true;
@@ -1048,24 +1065,6 @@ export class YooFormTextEditorComponent {
         "reflect": false,
         "defaultValue": "false"
       },
-      "customZIndex": {
-        "type": "number",
-        "mutable": false,
-        "complexType": {
-          "original": "number",
-          "resolved": "number",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "custom-z-index",
-        "reflect": false,
-        "defaultValue": "MODAL_BASE_ZINDEX"
-      },
       "translations": {
         "type": "unknown",
         "mutable": false,

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

@@ -4,12 +4,6 @@ import { setValidator, setValueAndValidateInput } from '../../../utils/helpers/f
 const MINUTES_INCREMENT_SIZE = 5;
 export class YooFormTimeComponent {
   constructor() {
-    this.validators = [];
-    this.type = 'time';
-    this.clearable = true;
-    this.isSchedule = false;
-    this.is24Hour = true;
-    this.timePeriod = 'AM';
     this.setCurrentTime = () => {
       const selectedHours = this.hoursInput.value;
       const selectedMinutes = this.minutesInput.value;
@@ -21,6 +15,22 @@ export class YooFormTimeComponent {
       setValueAndValidateInput(dateFormat(date, 'YYYY-MM-DDTHH:mm'), this);
       this.closePicker.emit(true);
     };
+    this.value = undefined;
+    this.validators = [];
+    this.asyncValidators = undefined;
+    this.placeholder = undefined;
+    this.required = undefined;
+    this.readonly = undefined;
+    this.type = 'time';
+    this.minDate = undefined;
+    this.maxDate = undefined;
+    this.step = undefined;
+    this.clearable = true;
+    this.isSchedule = false;
+    this.validity = undefined;
+    this.size = undefined;
+    this.is24Hour = true;
+    this.timePeriod = 'AM';
   }
   get minuteInterval() {
     return this.step || MINUTES_INCREMENT_SIZE;

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

@@ -5,8 +5,15 @@ import { setValidator, setValueAndValidateInput } from '../../../utils/helpers/f
 import { closingDays } from '../../../utils/helpers/opening-hours-helpers';
 export class YooFormTimeslotsComponent {
   constructor() {
+    this.value = undefined;
     this.waitlistOptions = { locationId: null, use24HourTime: false, openingHours: null, firstAvailableSlot: null, slots: [] };
     this.validators = [];
+    this.asyncValidators = undefined;
+    this.placeholder = undefined;
+    this.readonly = undefined;
+    this.type = undefined;
+    this.size = undefined;
+    this.required = undefined;
     this.calendarDisplayMode = 'week';
     this.isLoadingState = false;
     this.isErrorState = false;
@@ -77,7 +84,7 @@ export class YooFormTimeslotsComponent {
         this.calendarModalElmt.closingDays = closingDays(this.waitlistOptions.openingHours);
         this.calendarModalElmt.addEventListener('dateChanged', dateChangedListener);
         this.calendarModalElmt.addEventListener('dayClicked', dayClickedListener);
-        showModal(this.calendarModalElmt, { width: '448', height: 'small' }, 'calendar').then(() => {
+        showModal({ component: this.calendarModalElmt, componentProps: { width: '448', height: 'small' }, cssClass: 'calendar' }).then(() => {
           this.calendarModalElmt.removeEventListener('dayClicked', dateChangedListener);
           this.calendarModalElmt.removeEventListener('dayClicked', dayClickedListener);
           this.calendarModalElmt = null;

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

@@ -4,7 +4,23 @@ import { cloneDeep, isArray } from 'lodash-es';
 import { setValidator, setValueAndValidateInput, taskStyle } from '../../../utils/helpers/form-input-helpers';
 export class YooFormTodoComponent {
   constructor() {
+    this.value = undefined;
     this.validators = [];
+    this.asyncValidators = undefined;
+    this.placeholder = undefined;
+    this.required = undefined;
+    this.readonly = undefined;
+    this.type = undefined;
+    this.name = undefined;
+    this.disabled = undefined;
+    this.validity = undefined;
+    this.allPhotosRequired = undefined;
+    this.allowLibrary = undefined;
+    this.values = undefined;
+    this.linked = undefined;
+    this.customDataLoader = undefined;
+    this.slidesTodo = undefined;
+    this.slidesTodoTask = undefined;
   }
   async setSlides(data) {
     var _a, _b;
@@ -61,7 +77,13 @@ export class YooFormTodoComponent {
       dialog.fieldFetchDataFn = (ev) => {
         this.fieldFetchData.emit(ev);
       };
-      showModal(dialog, { height: 'medium' }, '', getModalAnimation('Enter', 'Y', { host: this.host }), getModalAnimation('Leave', 'Y', { host: this.host }), true).then((ret) => {
+      showModal({
+        component: dialog,
+        componentProps: { height: 'medium' },
+        enterAnimation: getModalAnimation('Enter', 'Y', { host: this.host }),
+        leaveAnimation: getModalAnimation('Leave', 'Y', { host: this.host }),
+        showBackdrop: true
+      }).then((ret) => {
         if (ret === null || ret === void 0 ? void 0 : ret.data) {
           setValueAndValidateInput(ret.data, this);
         }

package/dist/collection/components/form/form-todo-dialog/form-todo-dialog.js

@@ -3,6 +3,17 @@ import { forceUpdate, h, Host } from '@stencil/core';
 import { cloneDeep, remove } from 'lodash-es';
 import { getAppContext } from '../../../utils/helpers/common-helpers';
 export class YooFormTodoDialogComponent {
+  constructor() {
+    this.todo = undefined;
+    this.fieldFetchDataFn = undefined;
+    this.slidesTodo = undefined;
+    this.slidesTodoTask = undefined;
+    this.allPhotosRequired = undefined;
+    this.allowLibrary = undefined;
+    this.values = undefined;
+    this.linked = undefined;
+    this.validity = undefined;
+  }
   onInternalFieldFetchData(ev) {
     ev.stopPropagation();
     if (this.fieldFetchDataFn) {
@@ -75,7 +86,7 @@ export class YooFormTodoDialogComponent {
     form.data = task;
     form.suffix = '.value';
     form.title = translate('YOOBICEDIT');
-    showModal(form).then((ret) => {
+    showModal({ component: form }).then((ret) => {
       if (ret && ret.data) {
         task = ret.data;
         forceUpdate(this);

package/dist/collection/components/form/form-todo-mission/form-todo-mission.css

@@ -279,6 +279,11 @@ svg:not(:root) {
   font-weight: var(--font-weight-700, 700);
   font-size: var(--font-size-16, 1rem);
 }
+:host .outer-container .container #task-container .task header task-details .task-description {
+  margin: var(--spacing-04, 0.25rem) 0 var(--spacing-08, 0.5rem) var(--spacing-08, 0.5rem);
+  color: var(--text-color, #807f83);
+  font-size: var(--font-size-14, 0.875rem);
+}
 :host .outer-container .container #task-container .task header task-details .user {
   display: flex;
   align-items: center;
@@ -286,7 +291,7 @@ svg:not(:root) {
   padding: var(--spacing-08, 0.5rem) 0 0 var(--spacing-08, 0.5rem);
 }
 :host .outer-container .container #task-container .task header task-details .user yoo-avatar {
-  padding-right: var(--spacing-04, 0.25rem);
+  padding: 0 var(--spacing-04, 0.25rem) 0 0;
 }
 :host .outer-container .container #task-container .task header task-details .user p {
   margin: 0;
@@ -414,5 +419,11 @@ svg:not(:root) {
 }
 
 :host(.rtl) .outer-container .container #task-container .task header task-details .task-title {
-  padding: 0 var(--spacing-08, 0.5rem) 0 0;
+  padding: 0 var(--spacing-08, 0.5rem) 0 var(--spacing-16, 1rem);
+}
+:host(.rtl) .outer-container .container #task-container .task header task-details .task-description {
+  margin: var(--spacing-04, 0.25rem) var(--spacing-08, 0.5rem) var(--spacing-08, 0.5rem) 0;
+}
+:host(.rtl) .outer-container .container #task-container .task header task-details .user yoo-avatar {
+  padding: 0 0 0 var(--spacing-04, 0.25rem);
 }

package/dist/collection/components/form/form-todo-mission/form-todo-mission.js

@@ -74,6 +74,13 @@ export class YooFormTodoMissionComponent {
       task.userComments = ev.detail;
       this.emitUpdate({ task, index });
     };
+    this.values = undefined;
+    this.readonly = undefined;
+    this.completed = undefined;
+    this.currentUser = undefined;
+    this.assigneeId = undefined;
+    this.overallDuedate = undefined;
+    this.status = undefined;
   }
   async forceUpdate() {
     forceUpdate(this);
@@ -216,10 +223,11 @@ export class YooFormTodoMissionComponent {
           this.emitUpdate({ task: updatedTask, index });
         } })));
   }
-  renderDuedateTag(date) {
-    var _a;
+  renderDuedateTag(task) {
+    var _a, _b;
     // when a parent is already displaying the due date of the Todo mission into the DOM, and that all tasks have the same due date, do not display it for each of them
-    const hideDueDate = this.completed && this.overallDuedate && ((_a = this.values) === null || _a === void 0 ? void 0 : _a.every((todo) => { var _a; return isDateSame((_a = todo.duedate) === null || _a === void 0 ? void 0 : _a.value, this.overallDuedate, 'minute'); }));
+    const date = (_a = task.duedate) === null || _a === void 0 ? void 0 : _a.value;
+    const hideDueDate = this.completed && this.overallDuedate && ((_b = this.values) === null || _b === void 0 ? void 0 : _b.every((todo) => { var _a; return isDateSame((_a = todo.duedate) === null || _a === void 0 ? void 0 : _a.value, this.overallDuedate, 'minute'); }));
     if (date && !hideDueDate) {
       let dueDateText = isToday(date) ? translate('YOOBICTODAY').toLowerCase() : fromToday(date);
       dueDateText = [translate('YOOBICYESTERDAY'), translate('YOOBICTOMORROW')].includes(dueDateText) ? dueDateText.toLowerCase() : dueDateText;
@@ -277,10 +285,10 @@ export class YooFormTodoMissionComponent {
   render() {
     var _a;
     return !!((_a = this.values) === null || _a === void 0 ? void 0 : _a.length) && (h(Host, { class: getAppContext(this.host) }, h("div", { class: "outer-container" }, h("div", { class: "title" }, h("yoo-icon", { size: "medium", name: "mission", slot: "start" }), translate('YOOBICTASKS'), " (", this.values.length, ")"), this.values.map((task, index) => {
-      var _a, _b, _c, _d, _e, _f;
-      const dueDate = (_a = task.duedate) === null || _a === void 0 ? void 0 : _a.value;
+      var _a, _b, _c, _d, _e, _f, _g;
       const status = this.updateTaskStatus(task, index);
-      return (h("main", { class: "container", ...{ status } }, h("section", { id: "task-container" }, this.renderLinkedField(task), task.field && h("p", { class: "linked-task" }, translate('YOOBICLINKEDTASK')), h("div", { class: "task" }, h("header", null, this.renderIcon(task, index), h("task-details", null, h("p", { class: "task-title" }, translateMulti((_b = task.text) === null || _b === void 0 ? void 0 : _b.value)), this.renderUser(task), this.renderDuedateTag(dueDate), status === 'unable-to-complete' && (h("yoo-tag", { color: "danger", size: "small" }, translate('YOOBICMARKEDASUNABLETOCOMPLETE')))), !this.completed && this.renderPlusButton(task, index)), this.readonly && (task.userComments || (((_c = task.hasphoto) === null || _c === void 0 ? void 0 : _c.value) && task.imageData)) && h("line", null), (((_d = task.isphotorequired) === null || _d === void 0 ? void 0 : _d.value) || ((_e = task.showPhotos) === null || _e === void 0 ? void 0 : _e.value) || ((_f = task.showComments) === null || _f === void 0 ? void 0 : _f.value)) && (h("additionnal-fields", null, this.renderCommentsField(task, index, task.userComments), this.renderPhotoField(task, index))))), status === 'unmarked' && !this.completed && this.renderAssignButton(task, index)));
+      return (h("main", { class: "container", ...{ status } }, h("section", { id: "task-container" }, this.renderLinkedField(task), task.field && h("p", { class: "linked-task" }, translate('YOOBICLINKEDTASK')), h("div", { class: "task" }, h("header", null, this.renderIcon(task, index), h("task-details", null, h("p", { class: "task-title" }, translateMulti((_a = task.text) === null || _a === void 0 ? void 0 : _a.value)), ((_b = task.comments) === null || _b === void 0 ? void 0 : _b.value) &&
+        h("p", { class: "task-description" }, (_c = task.comments) === null || _c === void 0 ? void 0 : _c.value), this.renderUser(task), this.renderDuedateTag(task), status === 'unable-to-complete' && (h("yoo-tag", { color: "danger", size: "small" }, translate('YOOBICMARKEDASUNABLETOCOMPLETE')))), !this.completed && this.renderPlusButton(task, index)), this.readonly && (task.userComments || (((_d = task.hasphoto) === null || _d === void 0 ? void 0 : _d.value) && task.imageData)) && h("line", null), (((_e = task.isphotorequired) === null || _e === void 0 ? void 0 : _e.value) || ((_f = task.showPhotos) === null || _f === void 0 ? void 0 : _f.value) || ((_g = task.showComments) === null || _g === void 0 ? void 0 : _g.value)) && (h("additionnal-fields", null, this.renderCommentsField(task, index, task.userComments), this.renderPhotoField(task, index))))), status === 'unmarked' && !this.completed && this.renderAssignButton(task, index)));
     }))));
   }
   static get is() { return "yoo-form-todo-mission"; }

package/dist/collection/components/form/form-todo-task/components/schedule.js

@@ -77,7 +77,15 @@ export const getScheduleElement = (target, dueDate, onChange) => {
   return {
     schedule,
     showSchedule: async () => {
-      const modal = await showModal(schedule, web ? {} : { half: true, coeffHalf: 0.66 }, web ? 'context-menu' : null, web ? 'fadeEnterAnimation' : 'slideYEnterAnimation', web ? 'fadeLeaveAnimation' : 'slideYLeaveAnimation', !web, web);
+      const modal = await showModal({
+        component: schedule,
+        componentProps: web ? {} : { half: true, coeffHalf: 0.66 },
+        cssClass: web ? 'context-menu' : null,
+        enterAnimation: web ? 'fadeEnterAnimation' : 'slideYEnterAnimation',
+        leaveAnimation: web ? 'fadeLeaveAnimation' : 'slideYLeaveAnimation',
+        showBackdrop: !web,
+        displayFullscreenButton: web
+      });
       onChange(activeDate);
       return modal;
     }

package/dist/collection/components/form/form-todo-task/form-todo-task.js

@@ -7,20 +7,6 @@ import { getScheduleElement } from './components/schedule';
 import { Tag } from './components/tag';
 export class YooFormTodoTaskComponent {
   constructor() {
-    /**
-     * If true`, it automatically focuses the input on edit mode.
-     */
-    this.autofocus = true;
-    /**
-     * If `true`, it is in read mode.
-     */
-    this.readonly = false;
-    /**
-     * If `true`, it is a required part of form submission.
-     */
-    this.required = false;
-    this.actionsWidth = 0;
-    this.tagsHeight = 0;
     this.validity = false;
     this.actionableTags = [
       {
@@ -64,6 +50,14 @@ export class YooFormTodoTaskComponent {
         }
       }
     ];
+    this.actions = undefined;
+    this.autofocus = true;
+    this.readonly = false;
+    this.required = false;
+    this.translations = undefined;
+    this.value = undefined;
+    this.actionsWidth = 0;
+    this.tagsHeight = 0;
   }
   get heading() {
     var _a, _b, _c;

package/dist/collection/components/form/form-todo-task-list/form-todo-task-list.js

@@ -10,16 +10,14 @@ const swap = (tasks, index1, index2) => {
 };
 export class YooFormTodoTaskListComponent {
   constructor() {
-    /**
-     * If true`, it automatically focuses a task on edit mode.
-     */
-    this.autofocus = true;
-    /**
-     * If `true`, it is a required part of form submission.
-     */
-    this.required = false;
     this.taskElements = [];
     this.validity = false;
+    this.autofocus = true;
+    this.required = false;
+    this.translations = undefined;
+    this.value = undefined;
+    this.adding = undefined;
+    this.editing = undefined;
   }
   /**
    * Returns `true` if the component is valid, `false` otherwise.

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

@@ -4,21 +4,17 @@ import { getAppContext } from '../../../utils/helpers/common-helpers';
 import { setValueAndValidateInput } from '../../../utils/helpers/form-input-helpers';
 export class YooFormToggleComponent {
   constructor() {
-    /**
-     * Checks the validity of the component.
-     */
     this.validators = [];
-    /**
-     * FormDisplayType property
-     */
+    this.asyncValidators = undefined;
+    this.value = undefined;
+    this.inverseToggleValue = undefined;
+    this.readonly = undefined;
     this.type = 'normal';
-    /**
-     * The size of the checkbox
-     */
+    this.header = undefined;
+    this.icon = undefined;
+    this.help = undefined;
+    this.showHelpBeneathTitle = undefined;
     this.size = 'large';
-    /**
-     * Specifies wether the component is a required field.
-     */
     this.required = false;
   }
   onRequireChanged() {

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

@@ -11,14 +11,22 @@ import { setValueAndValidateInput } from '../../../utils/helpers/form-input-help
 registerPlugin(FilePondPluginFileValidateSize, FilePondPluginFileValidateType, FilePondPluginImagePreview);
 export class YooFormUploaderComponent {
   constructor() {
+    this.currentFileCount = 0;
+    this.uploadedIds = [];
+    this.forceVTT = undefined;
+    this.document = undefined;
+    this.cssClass = undefined;
+    this.tagFile = undefined;
+    this.isPdf = undefined;
+    this.value = undefined;
     this.validators = [];
+    this.asyncValidators = undefined;
+    this.extensions = undefined;
+    this.multiple = undefined;
     this.required = false;
-    /**
-     * Define the maximum size of file that can be selected
-     */
+    this.maxFiles = undefined;
     this.maxFileSize = '1000MB';
-    this.currentFileCount = 0;
-    this.uploadedIds = [];
+    this.readonly = undefined;
   }
   get onAllowAddFile() {
     this.currentFileCount++;

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

@@ -4,9 +4,8 @@ import { getAppContext } from '../../../utils/helpers/common-helpers';
 import { fixVideoSource, getSourceType, getVideoSubtitlesFromFiles } from '../../../utils/helpers/video-player-helpers';
 export class YooFormVideoPlayerComponent {
   constructor() {
-    /**
-     * Will paused the video when set to false
-     */
+    this.field = undefined;
+    this.modalOptions = undefined;
     this.isVisible = true;
   }
   /**

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

@@ -3,7 +3,18 @@ import { forceUpdate, h } from '@stencil/core';
 import { setValidator, setValueAndValidateInput } from '../../../utils/helpers/form-input-helpers';
 export class YooFormWikiComponent {
   constructor() {
+    this.value = undefined;
+    this.wikiRef = undefined;
+    this.wiki = undefined;
     this.validators = [];
+    this.asyncValidators = undefined;
+    this.missionRef = undefined;
+    this.feedRef = undefined;
+    this.placeholder = undefined;
+    this.readonly = undefined;
+    this.isLesson = undefined;
+    this.type = undefined;
+    this.required = undefined;
   }
   async setData(data) {
     this.wiki = data || null;

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

@@ -9,9 +9,12 @@ setPlugins } from './pintura/pintura.js';
 setPlugins(plugin_crop, plugin_filter, plugin_finetune, plugin_annotate, plugin_sticker);
 export class YooImageCropperDialogComponent {
   constructor() {
-    /**
-     * Loading state when uploading image to cloudinary
-     */
+    this.heading = undefined;
+    this.file = undefined;
+    this.cropRatio = undefined;
+    this.maintainQuality = undefined;
+    this.preventBlob = undefined;
+    this.uploadToCloudinary = undefined;
     this.loading = false;
   }
   async componentWillLoad() {

package/dist/collection/components/form/links-preview/links-preview.js

@@ -4,6 +4,9 @@ import { uniqBy } from 'lodash-es';
 import { setValidator } from '../../../utils/helpers/form-input-helpers';
 export class YooLinksPreviewComponent {
   constructor() {
+    this.retrievedLinkPreviews = [];
+    this.removedLinkPreviews = new Set();
+    this.value = undefined;
     this.closeable = false;
     this.inline = false;
     this.bigLinkPreviews = false;
@@ -11,8 +14,6 @@ export class YooLinksPreviewComponent {
     this.showDescription = true;
     this.showErrors = true;
     this.links = [];
-    this.retrievedLinkPreviews = [];
-    this.removedLinkPreviews = new Set();
   }
   linkPreviewsWatch() {
     this.prepareLinks();

package/dist/collection/components/form/scratch-card/scratch-card.js

@@ -4,6 +4,7 @@ import { getFromOfflineStorage } from '../../../utils/cache';
 import { getPointerCoordinates } from '../../../utils/helpers/annotations-helpers';
 export class YooScratchCardComponent {
   constructor() {
+    this.values = undefined;
     this.isVisible = false;
     this.isCanvasLoaded = false;
   }

package/dist/collection/components/form/slides-media/slides-media.js

@@ -7,39 +7,36 @@ import { parseEntityForCardMedia } from '../../../utils/helpers/entities-helpers
 import { fuzzySearch } from '../../../utils/helpers/form-text-area-helpers';
 export class YooSlidesMediaComponent {
   constructor() {
-    /**
-     * Secondary action, addition functionality passed to a readonly photo editor
-     */
+    this.itemFocused = false;
+    this.isZoomed = false;
+    this.photoEditorElements = [];
+    this.bottomContainerElements = [];
+    this.cardMediaElements = [];
+    this.allowFetchTags = true;
     this.secondaryActions = [];
+    this.canEditPhoto = undefined;
     this.currentSlideIndex = 0;
+    this.items = undefined;
     this.isReadonly = false;
     this.canAnnotate = false;
     this.canFlag = true;
     this.hideCloseButton = false;
     this.showBottomContainer = true;
+    this.isLight = undefined;
+    this.waitForModalLoaded = undefined;
     this.playsinline = true;
+    this.submitPhotoEditorButton = undefined;
+    this.displayType = undefined;
+    this.isAnimationFinished = undefined;
     this.allowOrientation = false;
+    this.currentIndex = undefined;
     this.hideContainer = false;
-    // advance actions states
-    /**
-     * Start tagging photo
-     */
     this.searchMode = 'lastused';
     this.isFirstLoad = true;
-    /**
-     * Start tagging photo
-     */
+    this.mostUsedTags = undefined;
+    this.lastUsedTags = undefined;
     this.isTagging = false;
-    /**
-     * Current search text
-     */
     this.currentText = '';
-    this.itemFocused = false;
-    this.isZoomed = false;
-    this.photoEditorElements = [];
-    this.bottomContainerElements = [];
-    this.cardMediaElements = [];
-    this.allowFetchTags = true;
   }
   onCurrentTextChanged() {
     if (this.currentText && this.currentText !== '') {
@@ -152,7 +149,12 @@ export class YooSlidesMediaComponent {
             annotations: this.currentItem.annotations
           }
         };
-        showModal(feedDetail, null, 'fullscreen', isWeb(this.host) ? 'fadeEnterAnimation' : 'slideXEnterReverseAnimation', isWeb(this.host) ? 'fadeLeaveAnimation' : 'slideXLeaveReverseAnimation');
+        showModal({
+          component: feedDetail,
+          cssClass: 'fullscreen',
+          enterAnimation: isWeb(this.host) ? 'fadeEnterAnimation' : 'slideXEnterReverseAnimation',
+          leaveAnimation: isWeb(this.host) ? 'fadeLeaveAnimation' : 'slideXLeaveReverseAnimation'
+        });
       }
     }
   }