@yoobic/yobi 8.5.0-85 → 8.5.0-87

package/dist/cjs/yoo-form-autocomplete-dialog.cjs.entry.js

@@ -44,9 +44,9 @@ const YooFormAutocompleteDialogComponent = class {
     this.modalPlacement = 'below';
     this.values = [];
     this.infiniteScrollDisabled = false;
+    this.initialValueLength = 0;
     this.fullscreen = false;
     this.gridIsExpanded = false;
-    this.initialValueLength = 0;
     this.dialogTitleMap = {
       defaults: ['SELECTITEM', 'SELECTITEMS'],
       tags: ['SELECTTAG', 'SELECTTAGS'],
@@ -84,13 +84,9 @@ const YooFormAutocompleteDialogComponent = class {
     this.selection = lodash.compact([].concat(this.value || []));
   }
   onValuesChanged() {
-    var _a;
     if (!this.initialLoadComplete) {
       this.initialLoadComplete = true;
     }
-    if (!this.initialValueLength) {
-      this.initialValueLength = (_a = this.values) === null || _a === void 0 ? void 0 : _a.length;
-    }
   }
   onSwipingUp() {
     if (!this.isFromFormModal) {
@@ -111,7 +107,6 @@ const YooFormAutocompleteDialogComponent = class {
     }
   }
   componentWillLoad() {
-    var _a, _b;
     this.halfDialogHeight = window.innerHeight / 2;
     if ((!this.isLocal && (!this.values || (this.values && this.values.length === 0))) || index$1.isWeb(this.host)) {
       this.initialLoadComplete = false;
@@ -119,9 +114,6 @@ const YooFormAutocompleteDialogComponent = class {
     else {
       this.initialLoadComplete = !(!index$1.isWeb(this.host) && this.isLocal && (this.values || this.values.length === 0));
     }
-    if (((_a = this.values) === null || _a === void 0 ? void 0 : _a.length) > 0) {
-      this.initialValueLength = (_b = this.values) === null || _b === void 0 ? void 0 : _b.length;
-    }
     if (this.openFullscreen) {
       this.fullscreen = true;
     }

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

@@ -104,6 +104,7 @@ const YooFormAutocompleteComponent = class {
       this.dialog.infiniteScrollDisabled = this.infiniteScrollDisabled;
       this.dialog.value = this.value;
       this.dialog.values = this.isLocal ? (this.storeLocalSearchValue !== undefined ? this.storeLocalValues : this.localValues) : this.values;
+      this.dialog.initialValueLength = this.initialValueLength;
       this.dialog.style.width = index$1.isWeb(this.host) ? this.dialogWidth || `${this.host.getBoundingClientRect().width}px` : undefined;
       this.dialog.addEventListener('currentPageChanged', (ev) => {
         ev.stopPropagation();
@@ -228,6 +229,7 @@ const YooFormAutocompleteComponent = class {
     }
     if (this.dialog) {
       this.dialog.values = this.dialog.isLoading && this.isLocal ? this.localValues : values;
+      this.dialog.initialValueLength = this.initialValueLength;
       this.dialog.isLoading = false;
       this.dialog.total = this.total;
       const localDialogSearchValue = await ((_f = this.dialog) === null || _f === void 0 ? void 0 : _f.getLocalSearchValue());
@@ -553,14 +555,15 @@ const YooFormAutocompleteComponent = class {
     else {
       this.infiniteScrollDisabled = hasReachedMaxItem;
     }
+    if (!this.initialValueLength) {
+      this.initialValueLength = (_b = this.values) === null || _b === void 0 ? void 0 : _b.length;
+    }
     if (this.dialog) {
       this.dialog.values = this.values;
+      this.dialog.initialValueLength = this.initialValueLength;
       this.dialog.infiniteScrollDisabled = this.infiniteScrollDisabled;
       this.dialog.isLoading = false;
     }
-    if (!this.initialValueLength) {
-      this.initialValueLength = (_b = this.values) === null || _b === void 0 ? void 0 : _b.length;
-    }
     return this.values;
   }
   onFetchFieldFilterData(ev) {

package/dist/cjs/yoo-form-choice-image.cjs.entry.js

@@ -58,7 +58,7 @@ const YooFormChoiceImageComponent = class {
     const readonly = this.readonly || this.isPdf;
     const noValidation = !((_a = this.answer) === null || _a === void 0 ? void 0 : _a.length);
     const isCorrect = this.answer.includes(item);
-    const onOpenImage = () => commonHelpers.showSlidesMedia(this.host, { items: this.values.map(({ image }) => ({ value: image })), currentSlideIndex: index$2, showBottomContainer: false });
+    const onOpenImage = () => commonHelpers.showSlidesMedia(this.host, { items: this.choices.map(({ image }) => ({ value: image })), currentSlideIndex: index$2, showBottomContainer: false });
     return (index.h("div", { class: "image-container", onClick: () => this.isHistory && onOpenImage(), style: this.animated ? { '--image-index': index$2.toString() } : {} }, index.h("div", { class: { content: true, 'correct-answer': this.readonly && isCorrect && !noValidation, 'wrong-answer': this.readonly && !isCorrect && !noValidation } }, index.h("yoo-img", { cloudinaryOptions: { pad: true }, scaledUp: this.isPdf, src: image, onClick: () => !readonly && formChoiceHelpers.onItemSelect(item, this) }), !readonly && [
       index.h("yoo-form-checkbox", { value: formChoiceHelpers.isSelected(item, this.selection), onClick: () => formChoiceHelpers.onItemSelect(item, this), animated: this.animated }),
       index.h("yoo-tag", { color: "dark-60", icon: "maximize", iconOnlyColor: "light", size: "small", onClick: () => onOpenImage() })

package/dist/cjs/yoo-form-todo-mission.cjs.entry.js

@@ -293,7 +293,7 @@ const YooFormTodoMissionComponent = class {
       var _a, _b, _c, _d, _e, _f;
       const dueDate = (_a = task.duedate) === null || _a === void 0 ? void 0 : _a.value;
       const status = this.updateTaskStatus(task, index$1);
-      return (index.h("main", { class: "container", ...{ status } }, index.h("section", { id: "task-container" }, this.renderLinkedField(task), task.field && index.h("p", { class: "linked-task" }, index$2.translate('YOOBICLINKEDTASK')), index.h("div", { class: "task" }, index.h("header", null, this.renderIcon(task, index$1), index.h("task-details", null, index.h("p", { class: "task-title" }, (_b = task.text) === null || _b === void 0 ? void 0 : _b.value), this.renderUser(task), this.renderDuedateTag(dueDate), status === 'unable-to-complete' && (index.h("yoo-tag", { color: "danger", size: "small" }, index$2.translate('YOOBICMARKEDASUNABLETOCOMPLETE')))), !this.completed && this.renderPlusButton(task, index$1)), this.readonly && (task.userComments || (((_c = task.hasphoto) === null || _c === void 0 ? void 0 : _c.value) && task.imageData)) && index.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)) && (index.h("additionnal-fields", null, this.renderCommentsField(task, index$1, task.userComments), this.renderPhotoField(task, index$1))))), status === 'unmarked' && !this.completed && this.renderAssignButton(task, index$1)));
+      return (index.h("main", { class: "container", ...{ status } }, index.h("section", { id: "task-container" }, this.renderLinkedField(task), task.field && index.h("p", { class: "linked-task" }, index$2.translate('YOOBICLINKEDTASK')), index.h("div", { class: "task" }, index.h("header", null, this.renderIcon(task, index$1), index.h("task-details", null, index.h("p", { class: "task-title" }, index$2.translateMulti((_b = task.text) === null || _b === void 0 ? void 0 : _b.value)), this.renderUser(task), this.renderDuedateTag(dueDate), status === 'unable-to-complete' && (index.h("yoo-tag", { color: "danger", size: "small" }, index$2.translate('YOOBICMARKEDASUNABLETOCOMPLETE')))), !this.completed && this.renderPlusButton(task, index$1)), this.readonly && (task.userComments || (((_c = task.hasphoto) === null || _c === void 0 ? void 0 : _c.value) && task.imageData)) && index.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)) && (index.h("additionnal-fields", null, this.renderCommentsField(task, index$1, task.userComments), this.renderPhotoField(task, index$1))))), status === 'unmarked' && !this.completed && this.renderAssignButton(task, index$1)));
     }))));
   }
   get host() { return index.getElement(this); }

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

@@ -84,6 +84,7 @@ export class YooFormAutocompleteComponent {
       this.dialog.infiniteScrollDisabled = this.infiniteScrollDisabled;
       this.dialog.value = this.value;
       this.dialog.values = this.isLocal ? (this.storeLocalSearchValue !== undefined ? this.storeLocalValues : this.localValues) : this.values;
+      this.dialog.initialValueLength = this.initialValueLength;
       this.dialog.style.width = isWeb(this.host) ? this.dialogWidth || `${this.host.getBoundingClientRect().width}px` : undefined;
       this.dialog.addEventListener('currentPageChanged', (ev) => {
         ev.stopPropagation();
@@ -208,6 +209,7 @@ export class YooFormAutocompleteComponent {
     }
     if (this.dialog) {
       this.dialog.values = this.dialog.isLoading && this.isLocal ? this.localValues : values;
+      this.dialog.initialValueLength = this.initialValueLength;
       this.dialog.isLoading = false;
       this.dialog.total = this.total;
       const localDialogSearchValue = await ((_f = this.dialog) === null || _f === void 0 ? void 0 : _f.getLocalSearchValue());
@@ -533,14 +535,15 @@ export class YooFormAutocompleteComponent {
     else {
       this.infiniteScrollDisabled = hasReachedMaxItem;
     }
+    if (!this.initialValueLength) {
+      this.initialValueLength = (_b = this.values) === null || _b === void 0 ? void 0 : _b.length;
+    }
     if (this.dialog) {
       this.dialog.values = this.values;
+      this.dialog.initialValueLength = this.initialValueLength;
       this.dialog.infiniteScrollDisabled = this.infiniteScrollDisabled;
       this.dialog.isLoading = false;
     }
-    if (!this.initialValueLength) {
-      this.initialValueLength = (_b = this.values) === null || _b === void 0 ? void 0 : _b.length;
-    }
     return this.values;
   }
   onFetchFieldFilterData(ev) {

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

@@ -21,9 +21,9 @@ export class YooFormAutocompleteDialogComponent {
     this.modalPlacement = 'below';
     this.values = [];
     this.infiniteScrollDisabled = false;
+    this.initialValueLength = 0;
     this.fullscreen = false;
     this.gridIsExpanded = false;
-    this.initialValueLength = 0;
     this.dialogTitleMap = {
       defaults: ['SELECTITEM', 'SELECTITEMS'],
       tags: ['SELECTTAG', 'SELECTTAGS'],
@@ -61,13 +61,9 @@ export class YooFormAutocompleteDialogComponent {
     this.selection = compact([].concat(this.value || []));
   }
   onValuesChanged() {
-    var _a;
     if (!this.initialLoadComplete) {
       this.initialLoadComplete = true;
     }
-    if (!this.initialValueLength) {
-      this.initialValueLength = (_a = this.values) === null || _a === void 0 ? void 0 : _a.length;
-    }
   }
   onSwipingUp() {
     if (!this.isFromFormModal) {
@@ -88,7 +84,6 @@ export class YooFormAutocompleteDialogComponent {
     }
   }
   componentWillLoad() {
-    var _a, _b;
     this.halfDialogHeight = window.innerHeight / 2;
     if ((!this.isLocal && (!this.values || (this.values && this.values.length === 0))) || isWeb(this.host)) {
       this.initialLoadComplete = false;
@@ -96,9 +91,6 @@ export class YooFormAutocompleteDialogComponent {
     else {
       this.initialLoadComplete = !(!isWeb(this.host) && this.isLocal && (this.values || this.values.length === 0));
     }
-    if (((_a = this.values) === null || _a === void 0 ? void 0 : _a.length) > 0) {
-      this.initialValueLength = (_b = this.values) === null || _b === void 0 ? void 0 : _b.length;
-    }
     if (this.openFullscreen) {
       this.fullscreen = true;
     }
@@ -1165,6 +1157,24 @@ export class YooFormAutocompleteDialogComponent {
         },
         "attribute": "value",
         "reflect": false
+      },
+      "initialValueLength": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "initial-value-length",
+        "reflect": false,
+        "defaultValue": "0"
       }
     };
   }

package/dist/collection/components/form/form-choice/image/form-choice-image.js

@@ -41,7 +41,7 @@ export class YooFormChoiceImageComponent {
     const readonly = this.readonly || this.isPdf;
     const noValidation = !((_a = this.answer) === null || _a === void 0 ? void 0 : _a.length);
     const isCorrect = this.answer.includes(item);
-    const onOpenImage = () => showSlidesMedia(this.host, { items: this.values.map(({ image }) => ({ value: image })), currentSlideIndex: index, showBottomContainer: false });
+    const onOpenImage = () => showSlidesMedia(this.host, { items: this.choices.map(({ image }) => ({ value: image })), currentSlideIndex: index, showBottomContainer: false });
     return (h("div", { class: "image-container", onClick: () => this.isHistory && onOpenImage(), style: this.animated ? { '--image-index': index.toString() } : {} }, h("div", { class: { content: true, 'correct-answer': this.readonly && isCorrect && !noValidation, 'wrong-answer': this.readonly && !isCorrect && !noValidation } }, h("yoo-img", { cloudinaryOptions: { pad: true }, scaledUp: this.isPdf, src: image, onClick: () => !readonly && onItemSelect(item, this) }), !readonly && [
       h("yoo-form-checkbox", { value: isSelected(item, this.selection), onClick: () => onItemSelect(item, this), animated: this.animated }),
       h("yoo-tag", { color: "dark-60", icon: "maximize", iconOnlyColor: "light", size: "small", onClick: () => onOpenImage() })

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

@@ -1,5 +1,5 @@
 import { IUser } from '@shared/interfaces';
-import { dateFormat, fromToday, getCssColor, getUserDisplayName, isDateAfter, isDateSame, isToday, isWeb, showActionSheet, translate } from '@shared/utils';
+import { dateFormat, fromToday, getCssColor, getUserDisplayName, isDateAfter, isDateSame, isToday, isWeb, showActionSheet, translate, translateMulti } from '@shared/utils';
 import { forceUpdate, h, Host } from '@stencil/core';
 import { cloneDeep, compact, lowerFirst, pick } from 'lodash-es';
 import { getAppContext } from '../../../utils/helpers/common-helpers';
@@ -280,7 +280,7 @@ export class YooFormTodoMissionComponent {
       var _a, _b, _c, _d, _e, _f;
       const dueDate = (_a = task.duedate) === null || _a === void 0 ? void 0 : _a.value;
       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" }, (_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((_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)));
     }))));
   }
   static get is() { return "yoo-form-todo-mission"; }