@yoobic/yobi 7.7.23 → 7.7.24

package/dist/cjs/yoo-ag-grid_96.cjs.entry.js

@@ -123933,7 +123933,11 @@ const YooFormDynamicComponent = class {
   }
   updateData() {
     this.currentData = this.data || {};
-    this.updateState();
+    setTimeout(() => {
+      this.updateState().then(() => {
+        this.updateSteps();
+      });
+    }, 300);
   }
   updateSlides() {
     if (this.isLivePreview() && this.hasLoaded) {

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

@@ -88,6 +88,17 @@ const YooFormChoiceComponent = class {
       !hasDuplicatedValues && this.updateChoices();
     }
   }
+  onValueChange(newValue, oldValue) {
+    if (!isEqual.isEqual(newValue, oldValue)) {
+      this.selection = [];
+      const values = rrule.compact([].concat(this.value));
+      values.forEach((v) => {
+        if (!this.selection || this.selection.indexOf(v) < 0) {
+          this.onItemSelect(v, true);
+        }
+      });
+    }
+  }
   componentWillLoad() {
     var _a;
     formInputHelpers.setValidator(this);
@@ -149,7 +160,7 @@ const YooFormChoiceComponent = class {
     formInputHelpers.setValueAndValidateInput(this.multiple ? this.selection : this.selection.length > 0 ? this.selection[0] : null, this);
     this.updateShowOther();
   }
-  onItemSelect(item) {
+  onItemSelect(item, preventSetValue = false) {
     if (this.customEvent) {
       this.choiceSelected.emit(item);
     }
@@ -167,7 +178,9 @@ const YooFormChoiceComponent = class {
         else {
           this.selection = index < 0 ? [item] : [];
         }
-        formInputHelpers.setValueAndValidateInput(this.multiple ? this.selection : this.selection.length > 0 ? this.selection[0] : null, this);
+        if (!preventSetValue) {
+          formInputHelpers.setValueAndValidateInput(this.multiple ? this.selection : this.selection.length > 0 ? this.selection[0] : null, this);
+        }
         this.setShowOther(false);
       }
     }
@@ -338,7 +351,8 @@ const YooFormChoiceComponent = class {
       index.h("div", { class: "outer-container", ref: el => this.outerContainerElement = el }, this.livePreview && this.renderAlertBanner(), this.choices && this.renderEditable());
   }
   static get watchers() { return {
-    "values": ["onValuesChanged"]
+    "values": ["onValuesChanged"],
+    "value": ["onValueChange"]
   }; }
 };
 YooFormChoiceComponent.style = formChoiceCss;

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

@@ -1,7 +1,7 @@
 import { translate, translateMulti } from '@shared/utils';
 import { Component, Event, h, Prop, State, Watch } from '@stencil/core';
 import { hasDuplicates, setColorSVG, setValidator, setValueAndValidateInput, showSlidesMedia, showWarningAlert } from '@utils';
-import { findIndex, isEqual, isString, shuffle } from 'lodash-es';
+import { compact, findIndex, isEqual, isString, shuffle } from 'lodash-es';
 export class YooFormChoiceComponent {
   constructor() {
     this.animated = true;
@@ -21,6 +21,17 @@ export class YooFormChoiceComponent {
       !hasDuplicatedValues && this.updateChoices();
     }
   }
+  onValueChange(newValue, oldValue) {
+    if (!isEqual(newValue, oldValue)) {
+      this.selection = [];
+      const values = compact([].concat(this.value));
+      values.forEach((v) => {
+        if (!this.selection || this.selection.indexOf(v) < 0) {
+          this.onItemSelect(v, true);
+        }
+      });
+    }
+  }
   componentWillLoad() {
     var _a;
     setValidator(this);
@@ -82,7 +93,7 @@ export class YooFormChoiceComponent {
     setValueAndValidateInput(this.multiple ? this.selection : this.selection.length > 0 ? this.selection[0] : null, this);
     this.updateShowOther();
   }
-  onItemSelect(item) {
+  onItemSelect(item, preventSetValue = false) {
     if (this.customEvent) {
       this.choiceSelected.emit(item);
     }
@@ -100,7 +111,9 @@ export class YooFormChoiceComponent {
         else {
           this.selection = index < 0 ? [item] : [];
         }
-        setValueAndValidateInput(this.multiple ? this.selection : this.selection.length > 0 ? this.selection[0] : null, this);
+        if (!preventSetValue) {
+          setValueAndValidateInput(this.multiple ? this.selection : this.selection.length > 0 ? this.selection[0] : null, this);
+        }
         this.setShowOther(false);
       }
     }
@@ -831,5 +844,8 @@ export class YooFormChoiceComponent {
   static get watchers() { return [{
       "propName": "values",
       "methodName": "onValuesChanged"
+    }, {
+      "propName": "value",
+      "methodName": "onValueChange"
     }]; }
 }

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

@@ -89,7 +89,11 @@ export class YooFormDynamicComponent {
   }
   updateData() {
     this.currentData = this.data || {};
-    this.updateState();
+    setTimeout(() => {
+      this.updateState().then(() => {
+        this.updateSteps();
+      });
+    }, 300);
   }
   updateSlides() {
     if (this.isLivePreview() && this.hasLoaded) {