matcha-components 20.244.0 → 20.247.0

package/fesm2022/matcha-components.mjs

@@ -14776,7 +14776,12 @@ class MatchaTextEditorComponent {
         });
     }
     ngOnDestroy() {
-        this._editor?.destroy();
+        try {
+            this._editor?.destroy();
+        }
+        catch {
+            // DOM may already be detached during Angular route navigation
+        }
         this._editor = null;
         this._editorReady = false;
     }
@@ -14785,7 +14790,7 @@ class MatchaTextEditorComponent {
         const v = value || '';
         this._isSettingValue = true;
         if (this._editor && this._editorReady) {
-            this._editor.html.set(v);
+            this._editor.setContents(v);
         }
         else {
             this._pendingValue = v;
@@ -14805,7 +14810,7 @@ class MatchaTextEditorComponent {
         isDisabled ? this._editor.toolbar.disable() : this._editor.toolbar.enable();
     }
     insertHtml(html) {
-        this._editor?.html.insert(html);
+        this._editor?.insertHTML(html);
     }
     // Private
     _injectScript(id, url) {
@@ -14860,7 +14865,7 @@ class MatchaTextEditorComponent {
         await this._injectScript('suneditor-lang-ptbr', `${CDN_BASE}/langs/pt-br.js`);
     }
     _reloadEditor() {
-        const content = this._editor?.html.get() ?? '';
+        const content = this._editor?.getContents() ?? '';
         this._editor?.destroy();
         this._editor = null;
         this._editorReady = false;
@@ -14889,28 +14894,6 @@ 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;
@@ -14928,6 +14911,23 @@ class MatchaTextEditorComponent {
         const sunEditorEl = this._el.nativeElement.querySelector('.sun-editor');
         if (sunEditorEl)
             sunEditorEl.style.display = 'none';
+        setTimeout(() => {
+            if (!this._editor)
+                return;
+            this._editorReady = true;
+            if (this._pendingValue) {
+                this._isSettingValue = true;
+                this._editor.setContents(this._pendingValue);
+                this._pendingValue = '';
+                setTimeout(() => { this._isSettingValue = false; }, 0);
+            }
+            if (sunEditorEl)
+                sunEditorEl.style.display = '';
+            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: [