@yoobic/yobi 8.5.0-85 → 8.5.0-86

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/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() })