@talrace/ngx-noder 19.0.60 → 19.0.61

package/fesm2022/talrace-ngx-noder.mjs

@@ -633,7 +633,13 @@ class EditorService {
         this._clipboardData$ = new BehaviorSubject('');
         this._hasSelection$ = new BehaviorSubject(false);
         this._historyInfo$ = new BehaviorSubject(new OperationsHistoryInfoModel(-1, -1));
-        this._toggleSidenav$ = new Subject();
+        this._toggleSidenav$ = new BehaviorSubject({
+            open: false,
+            component: null,
+            focus: false,
+            data: null
+        });
+        this._isSidenavLocked = false;
         this._displayGrammarError$ = new Subject();
         this._applyGrammarSuggestion$ = new Subject();
         this._ignoreGrammarError$ = new Subject();
@@ -763,6 +769,9 @@ class EditorService {
     get toggleSidenav$() {
         return this._toggleSidenav$.asObservable();
     }
+    get isSidenavLocked() {
+        return this._isSidenavLocked;
+    }
     get displayGrammarError$() {
         return this._displayGrammarError$.asObservable();
     }
@@ -1177,8 +1186,14 @@ class EditorService {
         this._toggleSidenav$.next({ open: true, component, focus });
     }
     closeSidenav() {
+        if (this.isSidenavLocked) {
+            return;
+        }
         this._toggleSidenav$.next({ open: false, component: null, focus: false });
     }
+    lockSidenav(value) {
+        this._isSidenavLocked = value;
+    }
     changedTableSize(insertIndex, sessionId) {
         this._changedTableSize$.next({ insertIndex, sessionId });
     }
@@ -10075,6 +10090,7 @@ class GrammarChecker {
             const filteredErrors = this.filterErrors(errors);
             this.paragraphErrorMap.set(key, filteredErrors);
             session.renderer.updateGrammarHighlights(+paragraphId, filteredErrors);
+            session.renderer.scheduleChanges({ grammar: true });
         }
     }
     destroy() {
@@ -10106,6 +10122,7 @@ class GrammarChecker {
             this.paragraphErrorMap.set(result.paragraphId, filteredErrors);
             const id = +result.paragraphId.split('-')[1];
             session.renderer.updateGrammarHighlights(id, filteredErrors);
+            session.renderer.scheduleChanges({ grammar: true });
         }
     }
     processParagraphChange(session, change) {
@@ -10122,6 +10139,7 @@ class GrammarChecker {
             return;
         }
         this.adjustHighlights(change, session);
+        session.renderer.scheduleChanges({ grammar: true });
         this.grammarService.updateParagraphContent(session.sessionId, change.paragraph);
     }
     adjustHighlights(changes, session) {
@@ -11058,7 +11076,6 @@ class Renderer extends EventEmitting {
     }
     updateGrammarHighlights(paragraphId, errors) {
         this.grammarHighlightLayer.setErrors(paragraphId, errors);
-        this.scheduleChanges({ grammar: true });
     }
     removeGrammarHighlights(paragraphId) {
         this.grammarHighlightLayer.removeParagraphHighlights(paragraphId);
@@ -14818,8 +14835,12 @@ class Selection {
         this.keepLinePositionX = null;
     }
     blur() {
-        this.focusedComponent?.instance.blur();
+        if (!this.focusedComponent) {
+            return;
+        }
+        const currentComponent = this.focusedComponent;
         this.focusedComponent = null;
+        currentComponent.instance.blur();
     }
     placeCursor(cursor) {
         this.anchor = null;
@@ -16694,6 +16715,7 @@ class Editor {
             links: [],
             comments: []
         });
+        this.editorService.lockSidenav(true);
         this.insertContent(insertIndex, nextElementContents);
         setTimeout(() => {
             // Need to skip micro tasks for a render element before focus
@@ -16704,6 +16726,7 @@ class Editor {
                 this.onSelectionChange();
                 this.scrollCursorIntoMainView();
             }
+            this.editorService.lockSidenav(false);
         });
     }
     insertContent(insertIndex, contents) {
@@ -18006,7 +18029,14 @@ class EditorComponent {
     }
     toggleSidenavSubscription() {
         return this.editorService.toggleSidenav$.subscribe(data => {
-            if (this.sidenavComponentRef?.componentType === data.component) {
+            const isSameComponent = this.sidenavComponentRef?.componentType === data.component;
+            if (data.open && (isSameComponent || this.editorService.isSidenavLocked)) {
+                const instance = this.sidenavComponentRef.instance;
+                for (const [key, value] of Object.entries(data.data || {})) {
+                    if (key in instance) {
+                        this.sidenavComponentRef.setInput(key, value);
+                    }
+                }
                 return;
             }
             this.removeSidenavComponent();
@@ -18024,6 +18054,9 @@ class EditorComponent {
                 this.sidenav.close().catch(() => {
                     // continue regardless of error
                 });
+                if (this.editor.selection.isFocused) {
+                    this.editor.selection.blur();
+                }
             }
             this.cdr.markForCheck();
         });