@yoobic/yobi 8.2.0-24 → 8.2.0-27

package/dist/design-system/yoo-form-multi-input.entry.js

@@ -1,9 +1,9 @@
 import { r as registerInstance, i as createEvent, f as forceUpdate, h, e as Host, g as getElement } from './index-019c1b1a.js';
-import { aI as getUUID, p as debounce, o as isWeb, t as translate, b7 as isValueATranslationKey } from './index-60d331ff.js';
+import { aI as getUUID, o as isWeb, t as translate, b7 as isValueATranslationKey } from './index-60d331ff.js';
 import { y as isEqual } from './lodash-b0ad17f3.js';
 import { S as Sortable } from './sortable.esm-f788d1ca.js';
 import { b as getAppContext } from './common-helpers-7760f0f6.js';
-import { a as setValueAndValidateInput, s as setValidator } from './form-input-helpers-21c08c10.js';
+import { s as setValidator, a as setValueAndValidateInput } from './form-input-helpers-21c08c10.js';
 import './_commonjsHelpers-f4d11124.js';
 import './index-da54e081.js';
 
@@ -46,13 +46,6 @@ const YooFormMultiInputComponent = class {
     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();
@@ -418,13 +411,19 @@ const YooFormMultiInputComponent = class {
     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);
   }
@@ -526,6 +525,7 @@ const YooFormMultiInputComponent = class {
         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,