@lucca-front/ng 21.3.0 → 21.3.1-rc.2

package/fesm2022/lucca-front-ng-forms-rich-text-input.mjs

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
 import { InjectionToken, inject, input, booleanAttribute, viewChild, ElementRef, contentChildren, signal, computed, effect, forwardRef, ChangeDetectionStrategy, ViewEncapsulation, Component, DestroyRef, ViewContainerRef, TemplateRef, viewChildren } from '@angular/core';
 import { ButtonComponent } from '@lucca-front/ng/button';
-import { intlInputOptions } from '@lucca-front/ng/core';
+import { isNil, intlInputOptions } from '@lucca-front/ng/core';
 import { IconComponent } from '@lucca-front/ng/icon';
 import { LuTooltipTriggerDirective } from '@lucca-front/ng/tooltip';
 import { CommonModule } from '@angular/common';
@@ -58,6 +58,7 @@ class RichTextInputComponent {
     #focusedPlugin;
     #editor;
     #isRootElementInitialized;
+    #pendingValue;
     constructor() {
         this.#richTextFormatter = inject(RICH_TEXT_FORMATTER);
         this.#formField = inject(FormFieldComponent, { optional: true });
@@ -80,6 +81,7 @@ class RichTextInputComponent {
         this.#isTouched = signal(false, ...(ngDevMode ? [{ debugName: "#isTouched" }] : /* istanbul ignore next */ []));
         this.#focusedPlugin = 0;
         this.#isRootElementInitialized = false;
+        this.#pendingValue = null;
         effect(() => {
             if (this.#formField?.presentation() && this.contentPresentation()) {
                 this.#editor?.setRootElement(this.contentPresentation()?.nativeElement ?? null);
@@ -109,19 +111,27 @@ class RichTextInputComponent {
         if (this.#allPlugins().length > 0) {
             this.#allPlugins()[this.#focusedPlugin].tabindex?.set(0);
         }
+        if (this.#pendingValue) {
+            this.writeValue(this.#pendingValue);
+        }
     }
     ngOnDestroy() {
         this.#cleanup?.();
     }
     writeValue(value) {
+        const editorRef = this.#editor;
+        if (isNil(editorRef)) {
+            this.#pendingValue = value;
+            return;
+        }
         const updateTags = [SKIP_DOM_SELECTION_TAG, INITIAL_UPDATE_TAG];
         if (value) {
-            this.#editor?.update(() => {
-                this.#richTextFormatter.parse(this.#editor, value);
+            editorRef.update(() => {
+                this.#richTextFormatter.parse(editorRef, value);
             }, { tag: updateTags });
         }
-        else if (!this.#editor?.getEditorState().isEmpty()) {
-            this.#editor?.update(() => {
+        else if (!editorRef.getEditorState().isEmpty()) {
+            editorRef.update(() => {
                 const root = $getRoot();
                 root.clear();
             }, { tag: updateTags });