@yoobic/yobi 8.2.0-25 → 8.2.0-28

package/dist/collection/components/form/form-multi-input/form-multi-input.js

@@ -1,4 +1,4 @@
-import { debounce, getUUID, isValueATranslationKey, isWeb, translate } from '@shared/utils';
+import { getUUID, isValueATranslationKey, isWeb, translate } from '@shared/utils';
 import { Component, Element, Event, forceUpdate, h, Host, Method, Prop, State, Watch } from '@stencil/core';
 import { isEqual } from 'lodash-es';
 import Sortable from 'sortablejs';
@@ -31,13 +31,6 @@ export class YooFormMultiInputComponent {
     this.dragAndDropPendingEvent = null;
     this.dragAndDropPendingEventTimeout = null;
     this.sortables = [];
-    this.setValueAndEmitChanges = (value, skipValueAssignment = false) => {
-      if (!skipValueAssignment) {
-        this.value = value;
-      }
-      const finalValue = this.isSimpleArray ? this.value[0] : this.value;
-      setValueAndValidateInput(finalValue, this, false, true, true);
-    };
   }
   async reset(keys) {
     this.cells = this.getCells();
@@ -403,13 +396,19 @@ export class YooFormMultiInputComponent {
     if (this.reverseValueDimensions) {
       values = this.arrayTransposing(values);
     }
-    // use debounce to prevent performance issue while typing
-    debounce(this.setValueAndEmitChanges.bind(this), 500)(values);
+    this.setValueAndEmitChanges(values);
   }
   onTranslationValueUpdated(ev) {
     ev.stopPropagation();
     this.translationValueUpdated.emit(ev.detail);
   }
+  setValueAndEmitChanges(value, skipValueAssignment = false) {
+    if (!skipValueAssignment) {
+      this.value = value;
+    }
+    const finalValue = this.isSimpleArray ? this.value[0] : this.value;
+    setValueAndValidateInput(finalValue, this, false, true, true);
+  }
   isLinkedList() {
     return this.columns.some((c) => c.linkedRow);
   }
@@ -516,6 +515,7 @@ export class YooFormMultiInputComponent {
         onFetchCustomData: (ev) => this.onFetchEvent(ev, cell.rowIndex, cell.colIndex, this.fetchCustomData),
         onTranslationValueUpdated: (ev) => this.onTranslationValueUpdated(ev),
         clearable: false,
+        debounce: TagType === 'yoo-form-input' && 500,
         maxHeight: this.host.classList.contains('image-collection') ? 60 : undefined,
         minHeight: this.host.classList.contains('image-collection') ? 60 : undefined,
         customZIndex: TagType === 'yoo-form-text-editor' && 20000 - cell.rowIndex,

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

@@ -109,6 +109,10 @@ export class YooFormTextEditorComponent {
   onTranslationsChange() {
     this.setLocalValue(true);
   }
+  async forceUpdateValue(value) {
+    setValueAndValidateInput(value, this.host);
+    this.editor.html.set(value);
+  }
   async updateSizing() {
     var _a;
     if ((_a = this === null || this === void 0 ? void 0 : this.editor) === null || _a === void 0 ? void 0 : _a.size) {
@@ -1260,6 +1264,25 @@ export class YooFormTextEditorComponent {
       }
     }]; }
   static get methods() { return {
+    "forceUpdateValue": {
+      "complexType": {
+        "signature": "(value: string) => Promise<void>",
+        "parameters": [{
+            "tags": [],
+            "text": ""
+          }],
+        "references": {
+          "Promise": {
+            "location": "global"
+          }
+        },
+        "return": "Promise<void>"
+      },
+      "docs": {
+        "text": "",
+        "tags": []
+      }
+    },
     "updateSizing": {
       "complexType": {
         "signature": "() => Promise<void>",

package/dist/collection/components/form-creator/form-creator-block-expandable/form-creator-block-expandable.js

@@ -308,8 +308,6 @@ export class YooFormCreatorBlockExpandableComponent {
           overflow: 'hidden',
           onComplete: () => {
             this.isAnimating = false;
-            this.isExpanded = shouldExpand;
-            this.blockExpanded.emit({ expanded: shouldExpand, name: this.formField.name });
             if (slotContent) {
               slotContent.style.display = 'block';
               gsapTo(slotContent, 0.35, { opacity: 1 });
@@ -324,7 +322,9 @@ export class YooFormCreatorBlockExpandableComponent {
           },
           ease: Power3.easeIn
         };
-        const animationDelay = this.isExpanded ? 0.35 : 0.75;
+        const animationDelay = 0.5;
+        this.isExpanded = shouldExpand;
+        this.blockExpanded.emit({ expanded: shouldExpand, name: this.formField.name });
         gsapFromTo(contentBlock, animationDelay, from, to);
       }
     }

package/dist/collection/feature-platform/insight/kpi-external/kpi-external.js

@@ -60,7 +60,7 @@ export class YooKpiExternalComponent {
     const props = {
       // sandboxed iframes without allow-top-navigation, allow-top-navigation-by-user-activation or allow-popups flags
       // will prevent them to navigate away from main webview
-      sandbox: `allow-scripts allow-same-origin allow-forms ${isWeb(this.host) ? 'allow-top-navigation-by-user-activation allow-downloads' : ''}`,
+      sandbox: `allow-scripts allow-same-origin allow-forms ${isWeb(this.host) ? 'allow-top-navigation-by-user-activation allow-downloads allow-popups' : ''}`,
       ...(isProviderTableau ? { srcDoc } : { src: this.config.url }),
       frameBorder: 0
     };