matcha-components 20.243.0 → 20.244.0

package/fesm2022/matcha-components.mjs

@@ -14757,6 +14757,7 @@ class MatchaTextEditorComponent {
         this._config = {};
         this.contentChange = new EventEmitter();
         this._editor = null;
+        this._editorReady = false;
         this._pendingValue = '';
         this._isSettingValue = false;
         this._disabled = false;
@@ -14777,12 +14778,13 @@ class MatchaTextEditorComponent {
     ngOnDestroy() {
         this._editor?.destroy();
         this._editor = null;
+        this._editorReady = false;
     }
     // ControlValueAccessor
     writeValue(value) {
         const v = value || '';
         this._isSettingValue = true;
-        if (this._editor) {
+        if (this._editor && this._editorReady) {
             this._editor.html.set(v);
         }
         else {
@@ -14861,6 +14863,7 @@ class MatchaTextEditorComponent {
         const content = this._editor?.html.get() ?? '';
         this._editor?.destroy();
         this._editor = null;
+        this._editorReady = false;
         this._pendingValue = content;
         this.isLoading = true;
         this._cdr.detectChanges();
@@ -14886,6 +14889,28 @@ class MatchaTextEditorComponent {
             toolbar_sticky: 0,
             ...buildSunEditorConfig(this._config),
             events: {
+                onload: () => {
+                    // Defer to next tick so this._editor is guaranteed assigned
+                    // (onload can fire synchronously inside SUNEDITOR.create())
+                    setTimeout(() => {
+                        if (!this._editor)
+                            return;
+                        this._editorReady = true;
+                        if (this._pendingValue) {
+                            this._isSettingValue = true;
+                            this._editor.html.set(this._pendingValue);
+                            this._pendingValue = '';
+                            setTimeout(() => { this._isSettingValue = false; }, 0);
+                        }
+                        const el = this._el.nativeElement.querySelector('.sun-editor');
+                        if (el)
+                            el.style.display = '';
+                        this._ngZone.run(() => {
+                            this.isLoading = false;
+                            this._cdr.detectChanges();
+                        });
+                    }, 0);
+                },
                 onChange: ({ data }) => {
                     if (this._isSettingValue)
                         return;
@@ -14903,20 +14928,6 @@ class MatchaTextEditorComponent {
         const sunEditorEl = this._el.nativeElement.querySelector('.sun-editor');
         if (sunEditorEl)
             sunEditorEl.style.display = 'none';
-        setTimeout(() => {
-            if (sunEditorEl)
-                sunEditorEl.style.display = '';
-            if (this._pendingValue) {
-                this._isSettingValue = true;
-                this._editor.html.set(this._pendingValue);
-                this._pendingValue = '';
-                setTimeout(() => { this._isSettingValue = false; }, 0);
-            }
-            this._ngZone.run(() => {
-                this.isLoading = false;
-                this._cdr.detectChanges();
-            });
-        }, 100);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: MatchaTextEditorComponent, deps: [{ token: i0.NgZone }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: MatchaTextEditorComponent, isStandalone: false, selector: "matcha-text-editor", inputs: { value: "value", config: "config" }, outputs: { contentChange: "contentChange" }, host: { properties: { "attr.disabled": "this.disabledAttr" } }, providers: [