@festo-ui/angular 5.0.0-dev.158 → 5.0.0-dev.161

package/fesm2020/festo-ui-angular.mjs

@@ -6012,13 +6012,11 @@ class FngTextEditorComponent extends FngValueAccessorBaseDirective {
     set value(value) {
         if (this.innerValue !== value) {
             this.innerValue = value;
-            if (value) {
-                this.changed.forEach(f => {
-                    this.fngChange.emit(this.innerValue);
-                    this.change.emit(this.innerValue);
-                    return f(value);
-                });
-            }
+            this.changed.forEach(f => {
+                this.fngChange.emit(this.innerValue);
+                this.change.emit(this.innerValue);
+                return f(value);
+            });
         }
     }
     get value() {
@@ -6045,7 +6043,8 @@ class FngTextEditorComponent extends FngValueAccessorBaseDirective {
                 sanitizingFn: undefined,
                 skipDefaultSanitizing: false,
                 skipWhitespaceHandling: false
-            }
+            },
+            focusCursorToEndOnWrite: true
         };
         this.fngChange = new EventEmitter();
         this.change = new EventEmitter();
@@ -6088,11 +6087,9 @@ class FngTextEditorComponent extends FngValueAccessorBaseDirective {
         this.setEditorLabel();
         this.addWhitespaceMatcher();
         this.addImageMatcher();
-        if (this.innerValue) {
-            const content = this.valueSetter(this.quillEditor, this.innerValue);
-            this.quillEditor.setContents(content, 'silent');
-            this.quillEditor.getModule('history').clear();
-        }
+        const content = this.valueSetter(this.quillEditor, this.innerValue || '');
+        this.quillEditor.setContents(content, 'silent');
+        this.quillEditor.getModule('history').clear();
         this.handle();
         this.quillEditor.on('text-change', () => {
             this.value = this.valueGetter(this.editorElem);
@@ -6111,15 +6108,16 @@ class FngTextEditorComponent extends FngValueAccessorBaseDirective {
         this.handle();
     }
     writeValue(value) {
-        if (value === null || value === '') {
-            return;
-        }
         this.innerValue = value;
         if (!this.quillEditor) {
             return;
         }
-        const content = this.valueSetter(this.quillEditor, value);
+        const content = this.valueSetter(this.quillEditor, value || '');
         this.quillEditor.setContents(content);
+        if (this.config?.focusCursorToEndOnWrite) {
+            // when new content gets written we always set cursor focus to end of text
+            this.quillEditor.setSelection(Number.MAX_SAFE_INTEGER, 0);
+        }
     }
     setDisabledState(isDisabled = this.disabled) {
         this.disabled = isDisabled;