@yoobic/yobi 8.5.0-85 → 8.5.0-86

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

@@ -40,9 +40,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'],
@@ -80,13 +80,9 @@ const YooFormAutocompleteDialogComponent = class {
     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) {
@@ -107,7 +103,6 @@ const YooFormAutocompleteDialogComponent = class {
     }
   }
   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;
@@ -115,9 +110,6 @@ const YooFormAutocompleteDialogComponent = class {
     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;
     }

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

@@ -100,6 +100,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 = isWeb(this.host) ? this.dialogWidth || `${this.host.getBoundingClientRect().width}px` : undefined;
       this.dialog.addEventListener('currentPageChanged', (ev) => {
         ev.stopPropagation();
@@ -224,6 +225,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());
@@ -549,14 +551,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/esm/yoo-form-choice-image.entry.js

@@ -54,7 +54,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 = () => 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/types/components/form/form-autocomplete-dialog/form-autocomplete-dialog.d.ts

@@ -52,6 +52,7 @@ export declare class YooFormAutocompleteDialogComponent {
   values: any[];
   infiniteScrollDisabled?: boolean;
   value: any;
+  initialValueLength?: number;
   fetchData: EventEmitter<IGridSearch>;
   fetchFieldFilterData: EventEmitter<IFormSearch>;
   sortsAndFiltersChange: EventEmitter<ISortsAndFilters>;
@@ -74,7 +75,6 @@ export declare class YooFormAutocompleteDialogComponent {
   private refresher;
   private halfDialogHeight;
   private wasFullScreenWhenDragginStarted;
-  private initialValueLength;
   private dialogTitleMap;
   get fullScrollHeight(): number;
   private keyboardWillShowListener;

package/dist/types/components.d.ts

@@ -1907,6 +1907,7 @@ export namespace Components {
         "idOnly": boolean;
         "idOnlyInitialSelection"?: any[];
         "infiniteScrollDisabled"?: boolean;
+        "initialValueLength"?: number;
         "isFilter": boolean;
         "isLoading": boolean;
         "isLocal": boolean;
@@ -12729,6 +12730,7 @@ declare namespace LocalJSX {
         "idOnly"?: boolean;
         "idOnlyInitialSelection"?: any[];
         "infiniteScrollDisabled"?: boolean;
+        "initialValueLength"?: number;
         "isFilter"?: boolean;
         "isLoading"?: boolean;
         "isLocal"?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yoobic/yobi",
-  "version": "8.5.0-85",
+  "version": "8.5.0-86",
   "description": "Yobi - Yoobic Design System",
   "module": "dist/index.js",
   "main": "dist/index.cjs.js",