@talrace/ngx-noder 19.0.50 → 19.0.52

package/lib/editor/components/edges/edge.component.d.ts

@@ -17,6 +17,7 @@ export declare class NoderEdgeComponent extends DestroyComponent {
     private editorService;
     private translateService;
     private cdr;
+    private elementRef;
     model: EdgeModel;
     generalProperties: GeneralPropertiesModel;
     margins: MarginModel;
@@ -38,16 +39,13 @@ export declare class NoderEdgeComponent extends DestroyComponent {
     container: ElementRef<HTMLElement>;
     typeContainer: ElementRef<HTMLElement>;
     private _height;
-    private intersectionObserver;
-    private isVisible;
-    constructor(regulatorService: RegulatorService, editorService: EditorService, translateService: TranslateService, cdr: ChangeDetectorRef);
+    constructor(regulatorService: RegulatorService, editorService: EditorService, translateService: TranslateService, cdr: ChangeDetectorRef, elementRef: ElementRef<HTMLElement>);
     ngOnDestroy(): void;
     initialize(): void;
     enterEditMode(): void;
     leaveEditMode(): void;
     private getEdgeNameByType;
     private applyHeight;
-    private initializeIntersectionObserver;
     private readonly pagesCountChangedHandler;
     static ɵfac: i0.ɵɵFactoryDeclaration<NoderEdgeComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<NoderEdgeComponent, "app-nod-edge", never, { "model": { "alias": "model"; "required": false; }; "generalProperties": { "alias": "generalProperties"; "required": false; }; "margins": { "alias": "margins"; "required": false; }; "width": { "alias": "width"; "required": false; }; "parentSessionId": { "alias": "parentSessionId"; "required": false; }; "isEvenEdgesExist": { "alias": "isEvenEdgesExist"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, {}, never, never, false, never>;

package/lib/editor/components/table/components/table-cell.component.d.ts

@@ -1,4 +1,4 @@
-import { AfterViewInit, ElementRef, OnDestroy } from '@angular/core';
+import { ElementRef, OnDestroy } from '@angular/core';
 import { CellModel } from '../../../../models/generated/cell.model';
 import { CellResizerParametersModel } from '../../../components/table/models/cell-resizer-parameters.model';
 import { EditorService } from '../../../interaction/editor.service';
@@ -11,9 +11,10 @@ import { SessionModel } from '../../../execution/targeting/session.model';
 import { TableModel } from '../../../../models/generated/table.model';
 import { VirtualRenderer } from '../../../display/virtual.renderer';
 import * as i0 from "@angular/core";
-export declare class NoderTableCellComponent implements AfterViewInit, OnDestroy {
+export declare class NoderTableCellComponent implements OnDestroy {
     private editorService;
     private regulatorService;
+    private elementRef;
     table: TableModel;
     cell: CellModel;
     rowIndex: number;
@@ -32,17 +33,13 @@ export declare class NoderTableCellComponent implements AfterViewInit, OnDestroy
     container: ElementRef<HTMLElement>;
     readonly resizerBorder: typeof ResizerSide;
     private _allParagraphsHeight;
-    private intersectionObserver;
-    private isVisible;
-    constructor(editorService: EditorService, regulatorService: RegulatorService);
-    ngAfterViewInit(): void;
+    constructor(editorService: EditorService, regulatorService: RegulatorService, elementRef: ElementRef<HTMLElement>);
     ngOnDestroy(): void;
     initialize(): void;
     getCellContentHeight(): number;
     disableEditorSelection(): void;
     onStartResizing(event: MouseEvent, border: ResizerSide): void;
     private addEventListeners;
-    private initializeIntersectionObserver;
     private pagesCountChangedHandler;
     static ɵfac: i0.ɵɵFactoryDeclaration<NoderTableCellComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<NoderTableCellComponent, "app-nod-table-cell", never, { "table": { "alias": "table"; "required": false; }; "cell": { "alias": "cell"; "required": false; }; "rowIndex": { "alias": "rowIndex"; "required": false; }; "cellIndex": { "alias": "cellIndex"; "required": false; }; "columnIndex": { "alias": "columnIndex"; "required": false; }; "width": { "alias": "width"; "required": false; }; "parentSessionId": { "alias": "parentSessionId"; "required": false; }; "generalProperties": { "alias": "generalProperties"; "required": false; }; "heightChanged": { "alias": "heightChanged"; "required": false; }; "startResizing": { "alias": "startResizing"; "required": false; }; }, {}, never, never, false, never>;

package/lib/editor/display/layers/comment-highlight.layer.d.ts

@@ -7,9 +7,9 @@ export declare class CommentHighlightLayer extends HighlightLayer {
     enabled: boolean;
     private readonly className;
     private readonly selectedCommentClassName;
-    private selectedCommentId;
     constructor(parentEl: HTMLElement, cssClass: string, session: EditSession, commentService: CommentRenderService);
     update(config: ILayerConfig): void;
-    setSelectedComment(id: number | null): void;
+    removeComment(id: number): void;
+    clearSessionComments(): void;
     private requestCommentRender;
 }

package/lib/editor/display/layers/comment.layer.d.ts

@@ -1,13 +1,16 @@
-import { CommentRenderService } from '../../gadgets/comment/comment-render.service';
+import { RemoveCommentFromDom } from '../../gadgets/comment/models/remove-comment-dom.model';
+import { RemoveCommentsFromDom } from '../../gadgets/comment/models/remove-comments-dom.model';
+import { RenderComments } from '../../gadgets/comment/models/render-comments.model';
 export declare class CommentLayer {
     private readonly commentPadding;
     private readonly rendersBySession;
     private element;
-    private commentSubscription;
-    constructor(parentEl: HTMLElement, commentService: CommentRenderService);
-    destroy(): void;
+    private enabled;
+    constructor(parentEl: HTMLElement);
+    enable(): void;
+    disable(): void;
     scrollComments(offsetY: number): void;
     renderComments(): void;
-    private applyChanges;
+    applyChanges(changes: RemoveCommentFromDom | RenderComments | RemoveCommentsFromDom): void;
     private drawCommentComponent;
 }

package/lib/editor/display/render-changes.interface.d.ts

@@ -10,6 +10,7 @@ export interface IRenderChanges {
     dragAndDrop?: boolean;
     search?: boolean;
     grammar?: boolean;
+    commentHighlights?: boolean;
     comments?: boolean;
     visibilityChanged?: boolean;
 }

package/lib/editor/display/render-changes.model.d.ts

@@ -7,6 +7,7 @@ export declare class RenderChangesModel implements IRenderChanges {
     selection: boolean;
     search: boolean;
     grammar: boolean;
+    commentHighlights: boolean;
     comments: boolean;
     scroll: boolean;
     size: boolean;

package/lib/editor/display/renderer.d.ts

@@ -9,6 +9,7 @@ import { EventEmitting } from '../core/event-emitting';
 import { GrammarError } from '../../models/generated/grammar-error';
 import { GrammarHighlightLayer } from './layers/grammar-highlight.layer';
 import { ILayerConfig } from './layers/layer.config';
+import { IRenderChanges } from './render-changes.interface';
 import { ParagraphInfoModel } from '../content/display-data/models/paragraph-info.model';
 import { Range } from '../positioning/range';
 import { RenderChangesModel } from './render-changes.model';
@@ -18,6 +19,7 @@ import { SelectionLayer } from './layers/selection.layer';
 import { TextLayer } from './layers/text.layer';
 export declare class Renderer extends EventEmitting {
     session: EditSession;
+    private loop;
     container: HTMLElement;
     content: HTMLElement;
     cursorLayer: CursorLayer;
@@ -27,7 +29,7 @@ export declare class Renderer extends EventEmitting {
     searchHighlightLayer: SearchHighlightLayer;
     grammarHighlightLayer: GrammarHighlightLayer;
     commentsLayer: CommentHighlightLayer;
-    loop: RenderLoop;
+    grammarChecksEnabled: boolean;
     textarea: HTMLElement;
     layerConfig: ILayerConfig;
     isVisible: boolean;
@@ -40,7 +42,7 @@ export declare class Renderer extends EventEmitting {
         height: number;
         width: number;
     };
-    constructor(parentContainer: HTMLElement, commentsService: CommentRenderService, session: EditSession);
+    constructor(parentContainer: HTMLElement, commentsService: CommentRenderService, session: EditSession, loop: RenderLoop);
     renderChanges(changes: RenderChangesModel, force?: boolean): void;
     /**
      * Triggers a partial update of the text, from the range given by the two parameters.
@@ -76,9 +78,11 @@ export declare class Renderer extends EventEmitting {
     renderSelection(): void;
     renderSearchHighlights(): void;
     renderGrammarHighlights(): void;
-    renderComments(): void;
-    setSelectedComment(comment: number | null): void;
+    renderCommentHighlights(): void;
+    removeComment(id: number): void;
+    clearComments(): void;
     setCommentsVisibility(value: boolean): void;
+    scheduleChanges(changes: IRenderChanges): void;
     renderDragAndDropSelection(): void;
     private computeLayerConfig;
     private pagesCountChangedHandler;

package/lib/editor/display/renderloop.d.ts

@@ -2,7 +2,10 @@ import { IRenderChanges } from './render-changes.interface';
 import { RenderChangesModel } from './render-changes.model';
 export declare class RenderLoop {
     private readonly flush;
-    private changes;
-    constructor(onRender: (changes: RenderChangesModel) => void);
-    schedule(changes?: IRenderChanges): void;
+    private sessionCallbacks;
+    private sessionChanges;
+    constructor();
+    registerSession(sessionId: number, onRender: (changes: RenderChangesModel) => void): void;
+    unregisterSession(sessionId: number): void;
+    schedule(sessionId: number, changes?: IRenderChanges): void;
 }

package/lib/editor/display/virtual.renderer.d.ts

@@ -7,6 +7,7 @@ import { EdgesLayer } from './layers/edges.layer';
 import { EditSession } from '../execution/edit.session';
 import { GrammarError } from '../../models/generated/grammar-error';
 import { ILayerConfig } from './layers/layer.config';
+import { IRenderChanges } from './render-changes.interface';
 import { PagesLayer } from './layers/pages.layer';
 import { Range } from '../positioning/range';
 import { RenderChangesModel } from './render-changes.model';
@@ -14,10 +15,10 @@ import { Renderer } from './renderer';
 import { RenderLoop } from './renderloop';
 import { ScrollBar } from '../gadgets/scrollbar';
 export declare class VirtualRenderer {
+    private commentService;
+    private loop;
     scrollBar: ScrollBar;
     get cursorLayer(): CursorLayer;
-    get loop(): RenderLoop;
-    set loop(val: RenderLoop);
     get textarea(): HTMLElement;
     set textarea(val: HTMLElement);
     get layerConfig(): ILayerConfig;
@@ -30,6 +31,7 @@ export declare class VirtualRenderer {
     canScroll: boolean;
     renderer: Renderer;
     changes: RenderChangesModel;
+    grammarChecksEnabled: boolean;
     size: {
         width: number;
         height: number;
@@ -38,10 +40,11 @@ export declare class VirtualRenderer {
         dirty: boolean;
     };
     private scrollSubscription;
+    private commentsSubscription;
     private paragraphsScrolledIntoViewSubject;
     private paragraphsScrolledIntoViewSubscription;
     get paragraphsAppeared$(): import("rxjs").Observable<import("../content/display-data/models/paragraph-info.model").ParagraphInfoModel[]>;
-    constructor(parentContainer: HTMLElement, mainSession: EditSession, commentService: CommentRenderService, scrollBar: ScrollBar);
+    constructor(parentContainer: HTMLElement, mainSession: EditSession, commentService: CommentRenderService, loop: RenderLoop, scrollBar: ScrollBar);
     renderChanges(changes: RenderChangesModel, force?: boolean): void;
     /**
      * Triggers a resize of the editor
@@ -52,8 +55,10 @@ export declare class VirtualRenderer {
      **/
     updateLines(firstRow: number, lastRow: number): void;
     updateCachedSize(force: boolean, width: number, height: number): RenderChangesModel;
-    setSelectedComment(commentId: number | null): void;
+    setSelectedComment(id: number | null): void;
     setCommentsVisibility(value: boolean): void;
+    removeComment(id: number): void;
+    clearComments(): void;
     moveTextAreaToCursor(): void;
     updateSelection(range: Range): void;
     updateSearchHighlights(ranges: Range[]): void;
@@ -71,6 +76,7 @@ export declare class VirtualRenderer {
     updateMarker(): void;
     updateCursor(): void;
     setVisibility(isVisible: boolean): void;
+    scheduleChanges(changes: IRenderChanges): void;
     scrollSelectionIntoView(anchor: CursorParagraph, lead: CursorParagraph, offset?: number): void;
     /**
      * Scrolls the cursor into the first visibile area of the editor
@@ -86,7 +92,6 @@ export declare class VirtualRenderer {
     destroy(): void;
     private computeLayerConfig;
     private createScroller;
-    private createRenderLoop;
     private renderScroll;
     private renderFull;
     private renderText;
@@ -95,5 +100,5 @@ export declare class VirtualRenderer {
     private renderSearchHighlights;
     private renderGrammarHighlights;
     private renderDragAndDropSelection;
-    private renderComments;
+    private renderCommentHighlights;
 }

package/lib/editor/execution/editor.d.ts

@@ -219,7 +219,7 @@ export declare class Editor {
      */
     getSelectedText(): string;
     initMainSession(): void;
-    onSelectionChange(): void;
+    onSelectionChange(isMouseSelection?: boolean): void;
     onContentChange(): void;
     enableSelection(): void;
     onHotKeyDown(event: KeyboardEvent): void;
@@ -322,5 +322,4 @@ export declare class Editor {
     private changeCellsWidth;
     private setCursorAtSearchResult;
     private setCommentPopup;
-    private updateSelectedComment;
 }

package/lib/editor/execution/regulator.service.d.ts

@@ -6,7 +6,6 @@ import { CustomContentService } from '../components/shared/services/custom-conte
 import { DocxModel } from '../../models/generated/docx.model';
 import { EditorService } from '../interaction/editor.service';
 import { EditSession } from './edit.session';
-import { GeneralPropertiesModel } from '../content/display-data/general-properties.model';
 import { GrammarChecker } from '../gadgets/grammar/grammar-checker';
 import { GrammarService } from '../gadgets/grammar/grammar.service';
 import { MarginModel } from '../content/margin.model';
@@ -14,8 +13,8 @@ import { NoderEdgeComponent } from '../components/edges/edge.component';
 import { NoderTableCellComponent } from '../components/table/components/table-cell.component';
 import { Selection } from '../positioning/selection';
 import { SessionModel } from './targeting/session.model';
-import { TableModel } from '../../models/generated/table.model';
 import { TargetModel } from '../../models/generated/target.model';
+import { VirtualRenderer } from '../display/virtual.renderer';
 import * as i0 from "@angular/core";
 export declare class RegulatorService {
     private customContentService;
@@ -24,16 +23,21 @@ export declare class RegulatorService {
     private grammarService;
     private commentRenderService;
     mainSession: SessionModel;
+    mainRenderer: VirtualRenderer;
     sessions: SessionModel[];
     currentSession: SessionModel;
     selection: Selection;
     sessionIdIncrement: number;
     grammarEnabled: boolean;
     readonly grammarChecker: GrammarChecker;
+    selectedCommentSessionId: number | null;
+    selectedCommentId: number | null;
+    private readonly observer;
+    private readonly renderLoop;
     constructor(customContentService: CustomContentService, editorService: EditorService, componentService: ComponentService, grammarService: GrammarService, commentRenderService: CommentRenderService);
     addMainSession(model: DocxModel, scalingRatio: number, container: ElementRef<HTMLElement>): void;
-    addCellSession(table: TableModel, margins: MarginModel, component: NoderTableCellComponent, properties: GeneralPropertiesModel): SessionModel;
-    addEdgeSession(component: NoderEdgeComponent): SessionModel;
+    addCellSession(margins: MarginModel, component: NoderTableCellComponent, nativeElement: HTMLElement): SessionModel;
+    addEdgeSession(component: NoderEdgeComponent, nativeElement: HTMLElement): SessionModel;
     removeSession(sessionId: number): void;
     setMainSessionAsCurrent(): void;
     setCustomSessionAsCurrent(sessionId: number): void;
@@ -54,6 +58,8 @@ export declare class RegulatorService {
         comment: CommentModel;
     } | null;
     setCommentsVisibility(value: boolean): void;
+    setSelectedComment(commentId: number | null): void;
+    setSelectedCommentAtCursor(): void;
     isWithinEdge(sessionId: number): boolean;
     arrangeEdgeChange(sessionId: number): void;
     forceUpdateDataForEdges(): void;
@@ -61,6 +67,7 @@ export declare class RegulatorService {
     private getEdgeSessionId;
     private arrangeEdgesForSessionChange;
     private getPageFormats;
+    private initializeIntersectionObserver;
     static ɵfac: i0.ɵɵFactoryDeclaration<RegulatorService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<RegulatorService>;
 }

package/lib/editor/execution/targeting/session.model.d.ts

@@ -8,5 +8,6 @@ export declare class SessionModel {
     sessionId: number;
     parentSessionId: number | null;
     source: SessionSourceModel;
-    constructor(session: EditSession, renderer: Renderer | VirtualRenderer, sessionId: number, parentSessionId: number | null, source: SessionSourceModel);
+    nativeElement: HTMLElement;
+    constructor(session: EditSession, renderer: Renderer | VirtualRenderer, sessionId: number, parentSessionId: number | null, source: SessionSourceModel, nativeElement: HTMLElement);
 }

package/lib/editor/gadgets/comment/comment-render.service.d.ts

@@ -11,6 +11,7 @@ export declare class CommentRenderService {
     private injector;
     private readonly commentRenderRequests;
     get commentRenderRequests$(): import("rxjs").Observable<RemoveCommentFromDom | RemoveCommentsFromDom | RenderComments>;
+    selectedCommentId: number | null;
     constructor(componentType: Type<BaseCommentComponent>);
     requestCommentsRender(sessionId: number, renderRequests: {
         commentId: number;
@@ -20,7 +21,7 @@ export declare class CommentRenderService {
     createNewComment(id: number): void;
     removeCommentFromRender(sessionId: number, id: number): void;
     removeCommentsFromRender(sessionId: number): void;
-    setCommentSelected(id: number, selected?: boolean): void;
+    setSelectedComment(id: number): void;
     private createComponentRef;
     static ɵfac: i0.ɵɵFactoryDeclaration<CommentRenderService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<CommentRenderService>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@talrace/ngx-noder",
-  "version": "19.0.50",
+  "version": "19.0.52",
   "license": "MIT",
   "peerDependencies": {
     "@angular/common": "^19.0.5",