@talrace/ngx-noder 19.0.53 → 19.0.54

package/fesm2022/talrace-ngx-noder.mjs

@@ -10250,7 +10250,7 @@ class CommentHighlightLayer extends HighlightLayer {
     }
     update(config) {
         const comments = this.session.model.comments;
-        if (!config?.isVisible || !comments?.length || !this.enabled) {
+        if (!comments?.length || !this.enabled) {
             this.element.innerHTML = '';
             return;
         }
@@ -10391,6 +10391,12 @@ class CursorLayer {
     }
 }
 
+class CustomElementInfo {
+    constructor(init) {
+        Object.assign(this, init);
+    }
+}
+
 class GrammarHighlightLayer extends HighlightLayer {
     constructor(parentEl, cssClass, session) {
         super(parentEl, cssClass, session);
@@ -10398,7 +10404,7 @@ class GrammarHighlightLayer extends HighlightLayer {
         this.errorsByParagraph = new Map();
     }
     update(config) {
-        if (!config?.isVisible || !this.errorsByParagraph.size || this.session.editorService.isViewOnly) {
+        if (!this.errorsByParagraph.size || this.session.editorService.isViewOnly) {
             this.element.innerHTML = '';
             return;
         }
@@ -10456,8 +10462,7 @@ class RenderChangesModel {
             this.scroll ||
             this.size ||
             this.text ||
-            this.dragAndDrop ||
-            this.visibilityChanged);
+            this.dragAndDrop);
     }
     constructor(fields) {
         this.cursor = false;
@@ -10473,7 +10478,6 @@ class RenderChangesModel {
         this.size = false;
         this.text = false;
         this.dragAndDrop = false;
-        this.visibilityChanged = false;
         if (!fields) {
             return;
         }
@@ -10486,12 +10490,6 @@ class RenderChangesModel {
     }
 }
 
-class CustomElementInfo {
-    constructor(init) {
-        Object.assign(this, init);
-    }
-}
-
 class SearchHighlightLayer extends HighlightLayer {
     constructor(parentEl, cssClass, session) {
         super(parentEl, cssClass, session);
@@ -10501,9 +10499,6 @@ class SearchHighlightLayer extends HighlightLayer {
         this.customElementsRanges = [];
     }
     update(config) {
-        if (!config?.isVisible) {
-            return;
-        }
         this.config = config;
         this.selectionIndex = 0;
         this.getVisibleCustomElementResults(config);
@@ -10871,10 +10866,8 @@ class Renderer extends EventEmitting {
                 endLine: 0,
                 endScreenLine: 0,
                 endScreenFullLine: 0
-            },
-            isVisible: false
+            }
         };
-        this.isVisible = false;
         this.changes = new RenderChangesModel();
         this.paragraphsAppeared = new Subject();
         this.visibilitySubject = new Subject();
@@ -10916,8 +10909,7 @@ class Renderer extends EventEmitting {
             changes.scroll ||
             changes.search ||
             changes.grammar ||
-            changes.commentHighlights ||
-            changes.visibilityChanged) {
+            changes.commentHighlights) {
             changes.apply(this.computeLayerConfig());
             DomHelper.translate(this.content, 0, -this.layerConfig.offset);
             DomHelper.setStyle(this.content.style, 'width', `${this.layerConfig.width}px`);
@@ -10949,12 +10941,6 @@ class Renderer extends EventEmitting {
         if (changes.dragAndDrop) {
             this.renderDragAndDropSelection();
         }
-        if (changes.visibilityChanged) {
-            this.renderSearchHighlights();
-            this.renderGrammarHighlights();
-            this.renderCommentHighlights();
-            this.visibilitySubject.next(this.isVisible);
-        }
         this.session.onRendered();
     }
     /**
@@ -11004,10 +10990,22 @@ class Renderer extends EventEmitting {
         }
     }
     updateCustomElementHighlights(ranges) {
-        this.searchHighlightLayer.customElementsRanges = ranges;
-        this.scheduleChanges({ search: true });
+        if (this.searchHighlightLayer.customElementsRanges.length !== ranges.length ||
+            !this.searchHighlightLayer.customElementsRanges.every(x => ranges.some(z => x.location.isEqual(z.location)))) {
+            this.searchHighlightLayer.customElementsRanges = ranges;
+            this.scheduleChanges({ search: true });
+        }
     }
     updateActiveSearchHighlight(active) {
+        if (this.searchHighlightLayer.active === active ||
+            (this.searchHighlightLayer.active instanceof Range &&
+                active instanceof Range &&
+                this.searchHighlightLayer.active.isEqual(active)) ||
+            (this.searchHighlightLayer.active instanceof CustomElementInfo &&
+                active instanceof CustomElementInfo &&
+                this.searchHighlightLayer.active.location.isEqual(active.location))) {
+            return;
+        }
         this.searchHighlightLayer.active = active;
         this.scheduleChanges({ search: true });
     }
@@ -11047,15 +11045,6 @@ class Renderer extends EventEmitting {
         this.dragAndDropSelectionLayer.marker = null;
         this.scheduleChanges({ dragAndDrop: true });
     }
-    setVisibility(isVisible) {
-        if (this.isVisible !== isVisible) {
-            this.isVisible = isVisible;
-            if (!isVisible) {
-                this.commentsLayer.clearSessionComments();
-            }
-            this.scheduleChanges({ visibilityChanged: true });
-        }
-    }
     /**
      * Triggers a full update of the text, for all the rows.
      **/
@@ -11154,8 +11143,7 @@ class Renderer extends EventEmitting {
             contentRange: new DistanceModel({ start: 0, end: displayData.paragraphs.filter(x => x.paragraphSettings).length - 1 }),
             maxHeight,
             offset: 0,
-            scrollTop: this.session.scrollTop,
-            isVisible: this.isVisible
+            scrollTop: this.session.scrollTop
         };
         return changes;
     }
@@ -11626,14 +11614,7 @@ class VirtualRenderer {
             return;
         }
         // text, scrolling and resize changes can cause the view port size to change
-        if (changes.full ||
-            changes.size ||
-            changes.text ||
-            changes.lines ||
-            changes.scroll ||
-            changes.search ||
-            changes.grammar ||
-            changes.visibilityChanged) {
+        if (changes.full || changes.size || changes.text || changes.lines || changes.scroll || changes.search || changes.grammar) {
             changes.apply(this.computeLayerConfig());
             DomHelper.translate(this.renderer.content, 0, -this.layerConfig.offset);
             DomHelper.setStyle(this.renderer.content.style, 'width', `${this.layerConfig.width}px`);
@@ -11674,9 +11655,6 @@ class VirtualRenderer {
         if (changes.dragAndDrop) {
             this.renderDragAndDropSelection();
         }
-        if (changes.visibilityChanged) {
-            this.renderSearchHighlights();
-        }
     }
     /**
      * Triggers a resize of the editor
@@ -11805,9 +11783,6 @@ class VirtualRenderer {
     updateCursor() {
         this.renderer.updateCursor();
     }
-    setVisibility(isVisible) {
-        this.renderer.setVisibility(isVisible);
-    }
     scheduleChanges(changes) {
         this.loop.schedule(0, changes);
     }
@@ -11867,6 +11842,10 @@ class VirtualRenderer {
         this.renderer.clearGrammarHighlights();
     }
     paragraphsScrolledIntoView() {
+        if (!this.layerConfig.visibleRange) {
+            this.renderer.paragraphsAppeared.next(this.renderer.session.displayData.paragraphs);
+            return;
+        }
         const paragraphs = this.renderer.session.displayData.paragraphs.slice(this.layerConfig.visibleRange.startParagraph, this.layerConfig.visibleRange.endParagraph + 1);
         this.renderer.paragraphsAppeared.next(paragraphs);
     }
@@ -11904,8 +11883,7 @@ class VirtualRenderer {
             offset: 0,
             visibleRange,
             scrollTop: this.scrollBar.scrollTop,
-            pages: visibleRange.pages,
-            isVisible: true
+            pages: visibleRange.pages
         };
         return changes;
     }
@@ -12182,7 +12160,6 @@ class RegulatorService {
         this.selectedCommentId = null;
         this.renderLoop = new RenderLoop();
         this.grammarChecker = new GrammarChecker(this.grammarService);
-        this.observer = this.initializeIntersectionObserver();
     }
     addMainSession(model, scalingRatio, container) {
         const sessionId = ++this.sessionIdIncrement;
@@ -12236,7 +12213,6 @@ class RegulatorService {
         if (this.grammarEnabled) {
             this.grammarChecker.registerSession(newSession);
         }
-        this.observer.observe(nativeElement);
         return newSession;
     }
     addEdgeSession(component, nativeElement) {
@@ -12253,14 +12229,12 @@ class RegulatorService {
         if (this.grammarEnabled) {
             this.grammarChecker.registerSession(newSession);
         }
-        this.observer.observe(nativeElement);
         return newSession;
     }
     removeSession(sessionId) {
         const index = this.sessions.findIndex(x => x.sessionId === sessionId);
         this.sessions[index].session.destroy();
         this.sessions[index].renderer.destroy();
-        this.observer.unobserve(this.sessions[index].nativeElement);
         this.sessions.splice(index, 1);
         this.grammarChecker.unregisterSession(sessionId);
     }
@@ -12518,19 +12492,6 @@ class RegulatorService {
             })
         ];
     }
-    initializeIntersectionObserver() {
-        const options = {
-            root: null,
-            rootMargin: '50px',
-            threshold: 0.01
-        };
-        return new IntersectionObserver(entries => {
-            entries.forEach(entry => {
-                const sessionId = +entry.target.getAttribute('data-session-id');
-                this.getSessionModel(sessionId)?.renderer.setVisibility(entry.isIntersecting);
-            });
-        }, options);
-    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: RegulatorService, deps: [{ token: CustomContentService }, { token: EditorService }, { token: ComponentService }, { token: GrammarService }, { token: CommentRenderService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: RegulatorService }); }
 }
@@ -13996,8 +13957,7 @@ class PrintRenderer {
             maxHeight,
             offset: 0,
             pages,
-            scrollTop: 0,
-            isVisible: true
+            scrollTop: 0
         };
     }
     createContent() {