@talrace/ngx-noder 19.0.33 → 19.0.35

package/lib/editor/components/comment-popup/comment-popup.component.d.ts

@@ -0,0 +1,11 @@
+import { EditorService } from '../../../editor/interaction/editor.service';
+import { OverlayService } from '../shared/services/overlay.service';
+import * as i0 from "@angular/core";
+export declare class CommentPopupComponent {
+    private editorService;
+    private overlayService;
+    constructor(editorService: EditorService, overlayService: OverlayService);
+    addComment(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CommentPopupComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CommentPopupComponent, "app-nod-comment-popup", never, {}, {}, never, never, false, never>;
+}

package/lib/editor/content/display-data/line-info.model.d.ts

@@ -2,6 +2,7 @@ import { IndentModel } from './indent.model';
 export declare class LineInfoModel {
     height: number;
     width: number;
+    maxAscent: number;
     align: number;
     indent: IndentModel;
     offsetBefore: number;

package/lib/editor/content/display-data/text-line-info.d.ts

@@ -3,6 +3,7 @@ import { LineInfoModel } from './line-info.model';
 export declare class TextLineInfo {
     width: number;
     height: number;
+    maxAscent: number;
     page?: number;
     paddingLeft: number;
     offsetMargin: number;

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

@@ -0,0 +1,15 @@
+import { CommentRenderService } from '../../gadgets/comment/comment-render.service';
+import { EditSession } from '../../execution/edit.session';
+import { HighlightLayer } from './highlight.layer';
+import { ILayerConfig } from './layer.config';
+export declare class CommentHighlightLayer extends HighlightLayer {
+    private readonly commentService;
+    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;
+    private requestCommentRender;
+}

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

@@ -0,0 +1,13 @@
+import { CommentRenderService } from '../../gadgets/comment/comment-render.service';
+export declare class CommentLayer {
+    private readonly commentPadding;
+    private readonly rendersBySession;
+    private element;
+    private commentSubscription;
+    constructor(parentEl: HTMLElement, commentService: CommentRenderService);
+    destroy(): void;
+    scrollComments(offsetY: number): void;
+    renderComments(): void;
+    private applyChanges;
+    private drawCommentComponent;
+}

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

@@ -8,10 +8,10 @@ export declare abstract class HighlightLayer {
     selectionIndex: number;
     config: ILayerConfig;
     constructor(parentEl: HTMLElement, cssClass: string, session: EditSession);
-    renderHighlight(cssPosition: string, cssClass: string): void;
+    renderHighlight(cssPosition: string, cssClass: string): HTMLElement;
     getTop(row: number): number;
-    drawMultiLineMarker(range: Range, cssClass: string): void;
-    drawSingleLineMarker(range: Range, cssClass: string): void;
+    drawMultiLineMarker(range: Range, cssClass: string): HTMLElement[];
+    drawSingleLineMarker(range: Range, cssClass: string): HTMLElement;
     drawCustomElementHighlight(elementInfo: CustomElementInfo, cssClass: string, screenParentRange: Range): void;
     private getRangeInfo;
     private getMarkerStyle;

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

@@ -10,5 +10,6 @@ export interface IRenderChanges {
     dragAndDrop?: boolean;
     search?: boolean;
     grammar?: 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;
+    comments: boolean;
     scroll: boolean;
     size: boolean;
     text: boolean;

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

@@ -1,4 +1,6 @@
 import { Subject } from 'rxjs';
+import { CommentHighlightLayer } from './layers/comment-highlight.layer';
+import { CommentRenderService } from '../gadgets/comment/comment-render.service';
 import { CursorLayer } from './layers/cursor.layer';
 import { CursorParagraph } from '../positioning/cursor-paragraph';
 import { CustomElementInfo } from './custom-element-info.model';
@@ -24,6 +26,7 @@ export declare class Renderer extends EventEmitting {
     dragAndDropSelectionLayer: SelectionLayer;
     searchHighlightLayer: SearchHighlightLayer;
     grammarHighlightLayer: GrammarHighlightLayer;
+    commentsLayer: CommentHighlightLayer;
     loop: RenderLoop;
     textarea: HTMLElement;
     layerConfig: ILayerConfig;
@@ -37,7 +40,7 @@ export declare class Renderer extends EventEmitting {
         height: number;
         width: number;
     };
-    constructor(parentContainer: HTMLElement, session: EditSession);
+    constructor(parentContainer: HTMLElement, commentsService: CommentRenderService, session: EditSession);
     renderChanges(changes: RenderChangesModel, force?: boolean): void;
     /**
      * Triggers a partial update of the text, from the range given by the two parameters.
@@ -78,6 +81,9 @@ export declare class Renderer extends EventEmitting {
     renderSelection(): void;
     renderSearchHighlights(): void;
     renderGrammarHighlights(): void;
+    renderComments(): void;
+    setSelectedComment(comment: number | null): void;
+    setCommentsVisibility(value: boolean): void;
     renderDragAndDropSelection(): void;
     private computeLayerConfig;
     private pagesCountChangedHandler;

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

@@ -1,3 +1,5 @@
+import { CommentLayer } from './layers/comment.layer';
+import { CommentRenderService } from '../gadgets/comment/comment-render.service';
 import { CursorLayer } from './layers/cursor.layer';
 import { CursorParagraph } from '../positioning/cursor-paragraph';
 import { CustomElementInfo } from './custom-element-info.model';
@@ -24,6 +26,7 @@ export declare class VirtualRenderer {
     scroller: HTMLElement;
     pagesLayer: PagesLayer;
     edgesLayer: EdgesLayer;
+    commentLayer: CommentLayer;
     canScroll: boolean;
     renderer: Renderer;
     changes: RenderChangesModel;
@@ -38,7 +41,7 @@ export declare class VirtualRenderer {
     private paragraphsScrolledIntoViewSubject;
     private paragraphsScrolledIntoViewSubscription;
     get ParagraphsAppeared$(): import("rxjs").Observable<import("../content/display-data/models/paragraph-info.model").ParagraphInfoModel[]>;
-    constructor(parentContainer: HTMLElement, mainSession: EditSession, scrollBar: ScrollBar);
+    constructor(parentContainer: HTMLElement, mainSession: EditSession, commentService: CommentRenderService, scrollBar: ScrollBar);
     renderChanges(changes: RenderChangesModel, force?: boolean): void;
     /**
      * Triggers a resize of the editor
@@ -49,6 +52,8 @@ export declare class VirtualRenderer {
      **/
     updateLines(firstRow: number, lastRow: number): void;
     updateCachedSize(force: boolean, width: number, height: number): RenderChangesModel;
+    setSelectedComment(commentId: number | null): void;
+    setCommentsVisibility(value: boolean): void;
     moveTextAreaToCursor(): void;
     updateSelection(range: Range): void;
     updateSearchHighlights(ranges: Range[]): void;
@@ -89,5 +94,6 @@ export declare class VirtualRenderer {
     private renderSearchHighlights;
     private renderGrammarHighlights;
     private renderDragAndDropSelection;
+    private renderComments;
     private paragraphsScrolledIntoView;
 }

package/lib/editor/editor.module.d.ts

@@ -1,28 +1,32 @@
 import { ComponentType } from '@angular/cdk/portal';
 import { ModuleWithProviders, Type } from '@angular/core';
+import { BaseCommentComponent } from './gadgets/comment/base-comment.component';
 import { ImageApiService } from './components/image/image-api.service';
 import { ExternalElementInterface } from '../editor/components/external-element/external-element.service';
 import { ExternalSidenavModel } from './components/external-element/models/external-sidenav.model';
 import { InsertOverlayComponentInterface } from './gadgets/insert-overlays/insert-overlay-component.interface';
 import * as i0 from "@angular/core";
 import * as i1 from "./components/editor.component";
-import * as i2 from "./components/edges/edge.component";
-import * as i3 from "./components/image/components/image.component";
-import * as i4 from "./components/tab/tab.component";
-import * as i5 from "./components/table/components/table-cell.component";
-import * as i6 from "./components/table/components/table.component";
-import * as i7 from "./components/image/resizer/resizer.component";
-import * as i8 from "./components/table/overlay-menu/overlay-menu.component";
-import * as i9 from "@angular/common";
-import * as i10 from "../apart-components/editor-ruler/editor-ruler.component";
-import * as i11 from "../apart-components/editor-search-bar/editor-search-bar.component";
-import * as i12 from "@angular/material/button";
-import * as i13 from "@angular/material/dialog";
-import * as i14 from "@angular/material/icon";
-import * as i15 from "@angular/material/sidenav";
-import * as i16 from "@angular/material/tooltip";
-import * as i17 from "@angular/forms";
-import * as i18 from "@ngx-translate/core";
+import * as i2 from "./components/comment-popup/comment-popup.component";
+import * as i3 from "./components/edges/edge.component";
+import * as i4 from "./components/image/components/image.component";
+import * as i5 from "./components/tab/tab.component";
+import * as i6 from "./components/table/components/table-cell.component";
+import * as i7 from "./components/table/components/table.component";
+import * as i8 from "./components/image/resizer/resizer.component";
+import * as i9 from "./components/table/overlay-menu/overlay-menu.component";
+import * as i10 from "@angular/common";
+import * as i11 from "../apart-components/editor-ruler/editor-ruler.component";
+import * as i12 from "../apart-components/editor-search-bar/editor-search-bar.component";
+import * as i13 from "@angular/cdk/text-field";
+import * as i14 from "@angular/material/button";
+import * as i15 from "@angular/material/dialog";
+import * as i16 from "@angular/material/icon";
+import * as i17 from "@angular/material/menu";
+import * as i18 from "@angular/material/sidenav";
+import * as i19 from "@angular/material/tooltip";
+import * as i20 from "@angular/forms";
+import * as i21 from "@ngx-translate/core";
 export interface INoderOptions {
     sidenav?: Partial<ExternalSidenavModel>;
     imageApiService?: Type<ImageApiService>;
@@ -31,10 +35,11 @@ export interface INoderOptions {
         component: ComponentType<InsertOverlayComponentInterface>;
     }[];
     elementService: Type<ExternalElementInterface>;
+    commentComponent?: Type<BaseCommentComponent>;
 }
 export declare class EditorModule {
     static forRoot(options?: INoderOptions): ModuleWithProviders<EditorModule>;
     static ɵfac: i0.ɵɵFactoryDeclaration<EditorModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<EditorModule, [typeof i1.EditorComponent, typeof i2.NoderEdgeComponent, typeof i3.NoderImageComponent, typeof i4.NoderTabComponent, typeof i5.NoderTableCellComponent, typeof i6.NoderTableComponent, typeof i7.ResizerComponent, typeof i8.TableOverlayMenuComponent], [typeof i9.CommonModule, typeof i10.EditorRulerComponent, typeof i11.EditorSearchBarComponent, typeof i12.MatButtonModule, typeof i13.MatDialogModule, typeof i14.MatIconModule, typeof i15.MatSidenavModule, typeof i16.MatTooltipModule, typeof i17.ReactiveFormsModule, typeof i18.TranslateModule], [typeof i1.EditorComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<EditorModule, [typeof i1.EditorComponent, typeof i2.CommentPopupComponent, typeof i3.NoderEdgeComponent, typeof i4.NoderImageComponent, typeof i5.NoderTabComponent, typeof i6.NoderTableCellComponent, typeof i7.NoderTableComponent, typeof i8.ResizerComponent, typeof i9.TableOverlayMenuComponent], [typeof i10.CommonModule, typeof i11.EditorRulerComponent, typeof i12.EditorSearchBarComponent, typeof i13.TextFieldModule, typeof i14.MatButtonModule, typeof i15.MatDialogModule, typeof i16.MatIconModule, typeof i17.MatMenuModule, typeof i18.MatSidenavModule, typeof i19.MatTooltipModule, typeof i20.ReactiveFormsModule, typeof i21.TranslateModule], [typeof i1.EditorComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<EditorModule>;
 }

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

@@ -3,6 +3,8 @@ import { ApplyImageStyleModel } from '../../models/generated/apply-image-style.m
 import { ApplyTableCellsStylesModel } from '../../models/generated/apply-table-cells-styles.model';
 import { BaseNoderComponent } from '../components/shared/abstract/base.component';
 import { BreakTypes } from '../gadgets/page-break/break-types.enum';
+import { CommentModel } from '../../models/generated/comment.model';
+import { CommentRenderService } from '../gadgets/comment/comment-render.service';
 import { ContentType } from '../content/contents.interface';
 import { CursorParagraph } from '../positioning/cursor-paragraph';
 import { CustomContent } from '../components/shared/custom-content';
@@ -44,6 +46,7 @@ export declare class EditSession {
     displayData: DisplayData;
     sessionId: number;
     customContentService: CustomContentService;
+    commentRenderService: CommentRenderService;
     model: ContentType;
     selection: Selection;
     generalProperties: GeneralPropertiesModel;
@@ -52,12 +55,13 @@ export declare class EditSession {
     type: 'cell' | 'edge' | 'main' | 'cellWithinEdge';
     private scrollBar?;
     edgeType?: EdgeType;
+    pageType?: PageType;
     tokenRe: RegExp;
     nonTokenRe: RegExp;
     get scrollTop(): number;
     get scrollBarHeight(): number;
     get paragraphInfoChanges$(): import("rxjs").Observable<import("../content/display-data/models/paragraph-info-added.model").ParagraphInfoAdded | import("../content/display-data/models/paragraph-info-content-changed.model").ParagraphInfoContentChanged | import("../content/display-data/models/paragraph-info-content-inserted.model").ParagraphInfoContentInserted | import("../content/display-data/models/paragraphs-infos-removed.model").ParagraphInfosRemoved>;
-    constructor(displayData: DisplayData, sessionId: number, customContentService: CustomContentService, model: ContentType, selection: Selection, generalProperties: GeneralPropertiesModel, editorService: EditorService, customComponents: ICustomComponents, type: 'cell' | 'edge' | 'main' | 'cellWithinEdge', scrollBar?: ScrollBar, edgeType?: EdgeType);
+    constructor(displayData: DisplayData, sessionId: number, customContentService: CustomContentService, commentRenderService: CommentRenderService, model: ContentType, selection: Selection, generalProperties: GeneralPropertiesModel, editorService: EditorService, customComponents: ICustomComponents, type: 'cell' | 'edge' | 'main' | 'cellWithinEdge', scrollBar?: ScrollBar, edgeType?: EdgeType, pageType?: PageType);
     destroy(): void;
     getRowLength(row: number): number;
     getRowCacheIndex(cacheArray: number[], value: number): number;
@@ -102,6 +106,9 @@ export declare class EditSession {
     removeWithParagraph(model: RemoveWithParagraphModel): void;
     restoreWithParagraph(model: RestoreWithParagraphModel): void;
     insertText(position: CursorParagraph, text: string, cursorStyle?: TextStyleModel): CursorParagraph;
+    addComment(comment: CommentModel): void;
+    removeComment(commentId: number): CommentModel;
+    getCommentAtCursor(): CommentModel | null;
     insertElement(position: CursorParagraph, element: ElementDataModel): CursorParagraph;
     insertBreak(position: CursorParagraph, breakType: BreakTypes): CursorParagraph;
     insertTab(position: CursorParagraph): CursorParagraph;

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

@@ -5,6 +5,7 @@ import { ApplyTableCellsStylesModel } from '../../models/generated/apply-table-c
 import { BaseNoderComponent } from '../components/shared/abstract/base.component';
 import { BreakTypes } from '../gadgets/page-break/break-types.enum';
 import { CommandsService } from '../operations/commands.service';
+import { CommentModel } from '../../models/generated/comment.model';
 import { CreateEdgesModel } from '../../models/generated/create-edges.model';
 import { DocumentHandler } from '../interaction/document.handler';
 import { DocxModel } from '../../models/generated/docx.model';
@@ -85,12 +86,18 @@ export declare class Editor {
     documentHandler: DocumentHandler;
     dragAndDrop: DragAndDrop;
     subscriptions: Subscription[];
+    commentCreateRequests: {
+        sessionId: number;
+        reqId: number;
+        comment: CommentModel;
+    }[];
     private readonly search;
     private readonly emojiRegex;
     private replaceTerm;
     private textInput;
     private clipboardData;
     private isRerenderSubscriptionOpen;
+    private commentsVisible;
     constructor(model: DocxModel, container: ElementRef<HTMLElement>, editorService: EditorService, overlayService: OverlayService, regulatorService: RegulatorService, commandsService: CommandsService, clipboard: Clipboard, externalElementTagNames: string[], insertOverlays: InsertOverlays, customPageWidth?: number);
     destroy(): void;
     selectPageDown(): void;
@@ -138,6 +145,8 @@ export declare class Editor {
     undo(): void;
     redo(): void;
     applyOperation(operation: Operation): void;
+    saveAttachCommentToHistory(commentModel: CommentModel): void;
+    saveRemoveCommentToHistory(comment: CommentModel, target: TargetModel): void;
     saveRemoveToHistory(range: Range): void;
     saveRemoveWithParagraphToHistory(model: RemoveWithParagraphModel, reversed: RestoreWithParagraphModel): void;
     saveInsertTextToHistory(paragraph: number, indexInParagraph: number, text: string): void;
@@ -165,12 +174,16 @@ export declare class Editor {
     replaceByCustomElement(textKey: string, model: ElementDataModel): void;
     removeSelected(): void;
     removeWithParagraph(): void;
-    removeCustomElementsData(): void;
+    removeExternalData(): void;
     removeOrLowerNestingNumbering(paragraph: ParagraphInfoModel): void;
     onInput(): void;
     onCut(event: ClipboardEvent): void;
     onCopy(event: ClipboardEvent): void;
     onPaste(event: ClipboardEvent): void;
+    onCreateComment(): void;
+    onCommentCreated(reqId: number, commentId: number): void;
+    onCommentRemoved(id: number): void;
+    onSetCommentsVisibility(value: boolean): void;
     private initResizeListener;
     private destroyResizeListener;
     private rerenderMarker;
@@ -215,6 +228,7 @@ export declare class Editor {
     removeTableColumns(insertIndex: number, startIndex: number, endIndex: number, sessionId: number): void;
     resizeTableColumns(resizeTableColumns: ResizeTableColumnsModel, sessionId: number): void;
     onMousePressedMove(event: MouseEvent): void;
+    onMousePressEnd(event: MouseEvent | null): void;
     provideTextStyle(component: BaseNoderComponent): void;
     getEdgeTypeByPosition(mousePosition: number): EdgeType | null;
     applyLeftMarginPageFormat(value: number): void;
@@ -283,8 +297,15 @@ export declare class Editor {
     private clipboardDataSubscription;
     private commandCreatedForEdges;
     private updateEdgeSubscription;
+    private commentCreationSubscriptions;
+    private rerenderCommentsSubscription;
+    private selectCommentSubscription;
+    private removeCommentSubscription;
+    private setComentsVisibilitySubscription;
     private recreateMainSession;
     private changeColumnsWidth;
     private changeCellsWidth;
     private setCursorAtSearchResult;
+    private setCommentPopup;
+    private updateSelectedComment;
 }

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

@@ -1,4 +1,5 @@
 import { ElementRef } from '@angular/core';
+import { CommentRenderService } from '../gadgets/comment/comment-render.service';
 import { ComponentService } from '../components/shared/services/component.service';
 import { CustomContentService } from '../components/shared/services/custom-content.service';
 import { DocxModel } from '../../models/generated/docx.model';
@@ -20,13 +21,14 @@ export declare class RegulatorService {
     private editorService;
     private componentService;
     private grammarService;
+    private commentRenderService;
     mainSession: SessionModel;
     sessions: SessionModel[];
     currentSession: SessionModel;
     selection: Selection;
     sessionIdIncrement: number;
     readonly grammarChecker: GrammarChecker;
-    constructor(customContentService: CustomContentService, editorService: EditorService, componentService: ComponentService, grammarService: GrammarService);
+    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;
@@ -44,6 +46,11 @@ export declare class RegulatorService {
     getCurrentSessionTargets(): TargetModel[];
     getTargets(session: SessionModel): TargetModel[];
     getTargetedSession(targets: TargetModel[]): EditSession;
+    getCommentTarget(commentId: number): {
+        session: SessionModel;
+        target: TargetModel;
+    } | null;
+    setCommentsVisibility(value: boolean): void;
     isWithinEdge(sessionId: number): boolean;
     arrangeEdgeChange(sessionId: number): void;
     forceUpdateDataForEdges(): void;

package/lib/editor/gadgets/comment/base-comment.component.d.ts

@@ -0,0 +1,19 @@
+import { ElementRef } from '@angular/core';
+import { EditorService } from '../../interaction/editor.service';
+export declare abstract class BaseCommentComponent {
+    private elementRef;
+    protected editorService: EditorService;
+    id: number;
+    selected: boolean;
+    height: number;
+    editing: boolean;
+    isNew: boolean;
+    private resizeObserver;
+    constructor(elementRef: ElementRef, editorService: EditorService);
+    setSelected(value: boolean): void;
+    setEditing(value: boolean): void;
+    abstract focusTextArea(): void;
+    markAsNew(): void;
+    initialize(): void;
+    destroy(): void;
+}

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

@@ -0,0 +1,27 @@
+import { Type } from '@angular/core';
+import { BaseCommentComponent } from './base-comment.component';
+import { RemoveCommentFromDom } from './models/remove-comment-dom.model';
+import { RemoveCommentsFromDom } from './models/remove-comments-dom.model';
+import { RenderComments } from './models/render-comments.model';
+import * as i0 from "@angular/core";
+export declare class CommentRenderService {
+    private componentType;
+    private readonly componentInstances;
+    private applicationRef;
+    private injector;
+    private readonly commentRenderRequests;
+    get commentRenderRequests$(): import("rxjs").Observable<RemoveCommentFromDom | RemoveCommentsFromDom | RenderComments>;
+    constructor(componentType: Type<BaseCommentComponent>);
+    requestCommentsRender(sessionId: number, renderRequests: {
+        commentId: number;
+        top: number;
+        left: number;
+    }[]): void;
+    createNewComment(id: number): void;
+    removeCommentFromRender(sessionId: number, id: number): void;
+    removeCommentsFromRender(sessionId: number): void;
+    setCommentSelected(id: number, selected?: boolean): void;
+    private createComponentRef;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CommentRenderService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<CommentRenderService>;
+}

package/lib/editor/gadgets/comment/models/remove-comment-dom.model.d.ts

@@ -0,0 +1,5 @@
+export declare class RemoveCommentFromDom {
+    sessionId: number;
+    id: number;
+    constructor(sessionId: number, id: number);
+}

package/lib/editor/gadgets/comment/models/remove-comments-dom.model.d.ts

@@ -0,0 +1,4 @@
+export declare class RemoveCommentsFromDom {
+    sessionId: number;
+    constructor(sessionId: number);
+}

package/lib/editor/gadgets/comment/models/render-comment.model.d.ts

@@ -0,0 +1,10 @@
+import { ComponentRef } from '@angular/core';
+import { BaseCommentComponent } from '../base-comment.component';
+export declare class RenderComment {
+    commentId: number;
+    sessionId: number;
+    commentRef: ComponentRef<BaseCommentComponent>;
+    highlightTop: number;
+    highlightLeft: number;
+    constructor(comment: ComponentRef<BaseCommentComponent>, sessionId: number, top: number, left: number);
+}

package/lib/editor/gadgets/comment/models/render-comments.model.d.ts

@@ -0,0 +1,6 @@
+import { RenderComment } from './render-comment.model';
+export declare class RenderComments {
+    sessionId: number;
+    renderRequests: RenderComment[];
+    constructor(sessionId: number, renderRequests: RenderComment[]);
+}

package/lib/editor/gadgets/history/operation-history.d.ts

@@ -1,5 +1,6 @@
 import { ApplyDocumentPageFormatModel } from '../../../models/generated/apply-document-page-format.model';
 import { ApplyTableCellsStylesModel } from '../../../models/generated/apply-table-cells-styles.model';
+import { CommentModel } from '../../../models/generated/comment.model';
 import { CursorParagraph } from '../../../editor/positioning/cursor-paragraph';
 import { EditorService } from '../../../editor/interaction/editor.service';
 import { FormatModel } from '../../../models/generated/format.model';
@@ -38,6 +39,8 @@ export declare class OperationHistory {
     private readonly storage;
     private step;
     constructor(editorService: EditorService, regulatorService: RegulatorService);
+    pushAttachComment(comment: CommentModel): void;
+    pushRemoveComment(comment: CommentModel): void;
     pushInsertText(insertIndex: number, text: string): void;
     pushInsertElement(model: InsertElementModel): void;
     pushInsertBreak(model: InsertBreakModel, count: number): void;

package/lib/editor/gadgets/history/operation.type.d.ts

@@ -5,6 +5,7 @@ import { ApplyPageFormatModel } from '../../../models/generated/apply-page-forma
 import { ApplyParagraphsModel } from '../../../models/generated/apply-paragraphs.model';
 import { ApplyTableCellsStylesModel } from '../../../models/generated/apply-table-cells-styles.model';
 import { ApplyTextStyleModel } from '../../../models/generated/apply-text-style.model';
+import { AttachCommentModel } from '../../../models/generated/attach-comment.model';
 import { CreateEdgesModel } from '../../../models/generated/create-edges.model';
 import { DeleteModel } from '../../../models/generated/delete.model';
 import { InsertBreakModel } from '../../../models/generated/insert-break.model';
@@ -18,6 +19,7 @@ import { InsertTableRowsModel } from '../../../models/generated/insert-table-row
 import { InsertTabModel } from '../../../models/generated/insert-tab.model';
 import { InsertTextModel } from '../../../models/generated/insert-text.model';
 import { MoveRangeModel } from '../../../models/generated/move-range.model';
+import { RemoveCommentModel } from '../../../models/generated/remove-comment.model';
 import { RemoveEdgesModel } from '../../../models/generated/remove-edges.model';
 import { RemoveInsertedPageFormatModel } from '../../../models/generated/remove-inserted-page-format.model';
 import { RemoveNumberingsModel } from '../../../models/generated/remove-numberings.model';
@@ -33,4 +35,4 @@ import { RestorePageFormatsModel } from '../../../models/generated/restore-page-
 import { RestoreParagraphStylesModel } from '../../../models/generated/restore-paragraph-styles.model';
 import { RestoreTextStylesModel } from '../../../models/generated/restore-text-styles.model';
 import { RestoreWithParagraphModel } from '../../../models/generated/restore-with-paragraph.model';
-export type Operation = InsertTextModel | DeleteModel | InsertStyledTextModel | RestoreModel | ApplyTextStyleModel | RestoreTextStylesModel | RestoreParagraphStylesModel | InsertElementModel | InsertBreakModel | ApplyImageStyleModel | AddNumberingModel | RestoreNumberingsModel | InsertTabModel | InsertTableColumnsModel | InsertTableRowsModel | RemoveTableColumnsModel | RemoveTableRowsModel | ResizeTableColumnsModel | InsertTableModel | InsertImageModel | RemoveNumberingsModel | ReplaceModel | MoveRangeModel | CreateEdgesModel | RemoveEdgesModel | RemoveWithParagraphModel | RestoreWithParagraphModel | ApplyDocumentPageFormatModel | InsertPageFormatModel | ApplyPageFormatModel | RemoveInsertedPageFormatModel | RestorePageFormatsModel | ApplyParagraphsModel | ReplaceByRestoreModel | ApplyTableCellsStylesModel;
+export type Operation = InsertTextModel | DeleteModel | InsertStyledTextModel | RestoreModel | ApplyTextStyleModel | RestoreTextStylesModel | RestoreParagraphStylesModel | InsertElementModel | InsertBreakModel | ApplyImageStyleModel | AddNumberingModel | RestoreNumberingsModel | InsertTabModel | InsertTableColumnsModel | InsertTableRowsModel | RemoveTableColumnsModel | RemoveTableRowsModel | ResizeTableColumnsModel | InsertTableModel | InsertImageModel | RemoveNumberingsModel | ReplaceModel | MoveRangeModel | CreateEdgesModel | RemoveEdgesModel | RemoveWithParagraphModel | RestoreWithParagraphModel | ApplyDocumentPageFormatModel | InsertPageFormatModel | ApplyPageFormatModel | RemoveInsertedPageFormatModel | RestorePageFormatsModel | ApplyParagraphsModel | ReplaceByRestoreModel | ApplyTableCellsStylesModel | AttachCommentModel | RemoveCommentModel;

package/lib/editor/gadgets/scrollbar.d.ts

@@ -6,7 +6,7 @@ import { Observable } from 'rxjs';
 export declare class ScrollBar {
     private parent;
     readonly MAX_SCROLL_H = 32768;
-    get scrolled$(): Observable<void>;
+    get scrolled$(): Observable<number>;
     private _scrolled$;
     element: HTMLElement;
     inner: HTMLElement;

package/lib/editor/interaction/editor.service.d.ts

@@ -1,6 +1,7 @@
 import { Observable } from 'rxjs';
 import { Type } from '@angular/core';
 import { BaseNoderComponent } from '../components/shared/abstract/base.component';
+import { Borders } from '../components/shared/enums/borders.enum';
 import { BreakTypes } from '../gadgets/page-break/break-types.enum';
 import { EdgeType } from '../components/edges/edge-type.enum';
 import { ElementDataModel } from '../components/external-element/models/element-data.model';
@@ -10,6 +11,7 @@ import { GrammarError } from '../../models/generated/grammar-error';
 import { ImageDataModel } from '../../models/generated/image-data.model';
 import { ImageModel } from '../../models/generated/image.model';
 import { IToolbarStyles } from '../content/display-data/toolbar-styles.interface';
+import { LineStyles } from '../components/shared/enums/line-styles.enum';
 import { NumberingLevelModel } from '../../models/generated/numbering-level.model';
 import { NumberingModel } from '../../models/generated/numbering.model';
 import { OperationsHistoryInfoModel } from '../../editor/gadgets/history/operations-history-info.model';
@@ -19,8 +21,6 @@ import { ParagraphStyleModel } from '../../models/generated/paragraph-style.mode
 import { ResizeTableColumnsModel } from '../../models/generated/resize-table-columns.model';
 import { TabSettingModel } from '../../models/generated/tab-setting.model';
 import { TextStyleModel } from '../../models/generated/text-style.model';
-import { LineStyles } from '../components/shared/enums/line-styles.enum';
-import { Borders } from '../components/shared/enums/borders.enum';
 import * as i0 from "@angular/core";
 export declare class EditorService {
     set styles(value: IToolbarStyles);
@@ -124,6 +124,8 @@ export declare class EditorService {
     private readonly _imageLoaded$;
     get changedEdge$(): Observable<number>;
     private readonly _changedEdge$;
+    get addCommentAtSelection$(): Observable<void>;
+    private readonly _addCommentAtSelection$;
     get insertTableRows$(): Observable<{
         insertIndex: number;
         rowsCount: number;
@@ -208,6 +210,10 @@ export declare class EditorService {
     private _removeCustomElementsData$;
     get restoreCustomElementsData$(): Observable<ElementModel[]>;
     private _restoreCustomElementsData$;
+    get removeCommentData$(): Observable<number[]>;
+    private _removeCommentData$;
+    get restoreCommentData$(): Observable<number[]>;
+    private _restoreCommentData$;
     get currentPage(): number;
     get currentPage$(): Observable<number>;
     private readonly _currentPage$;
@@ -240,6 +246,21 @@ export declare class EditorService {
         numberingModel: NumberingModel | null;
     }>;
     private readonly _paragraphStyle$;
+    get commentSizeChanged$(): Observable<void>;
+    private readonly _commentSizeChanged$;
+    get createComment$(): Observable<number>;
+    private readonly _createComment$;
+    get commentCreated$(): Observable<{
+        commentId: number;
+        reqId: number;
+    }>;
+    private readonly _commentCreated$;
+    get removeComment$(): Observable<number>;
+    private readonly _removeComment$;
+    get setCommentSelected$(): Observable<number>;
+    private readonly _setCommentSelected$;
+    get setCommentsVisibility$(): Observable<boolean>;
+    private readonly _setCommentsVisibility$;
     tabSettings(value: TabSettingModel[]): void;
     applyFirstLinePosition(value: number): void;
     applyLeftIndentParagraph(value: number): void;
@@ -306,6 +327,8 @@ export declare class EditorService {
     removeLeft(): void;
     removeCustomElementsData(elements: ElementModel[]): void;
     restoreCustomElementsData(elements: ElementModel[]): void;
+    removeCommentData(commentIds: number[]): void;
+    restoreCommentData(commentIds: number[]): void;
     setNewSearchTerm(term: string): void;
     setNewReplaceTerm(term: string): void;
     setDialogSearchTerm(term: string): void;
@@ -318,6 +341,13 @@ export declare class EditorService {
     showGrammarError(error: GrammarError): void;
     applyGrammarSuggestion(error: GrammarError, suggestionIndex: number, paragraphIndex: number): void;
     ignoreGrammarSuggestion(error: GrammarError): void;
+    addCommentAtSelection(): void;
+    commentSizeChanged(): void;
+    createComment(reqId: number): void;
+    commentCreated(commentId: number, reqId: number): void;
+    removeComment(id: number): void;
+    setCommentSelected(id: number): void;
+    setCommentsVisibility(value: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<EditorService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<EditorService>;
 }

package/lib/editor/interaction/mouse.handler.d.ts

@@ -1,6 +1,7 @@
 import { Subscription } from 'rxjs';
 import { Editor } from '../execution/editor';
 export declare class MouseHandler {
+    private readonly clickableElements;
     private clicks;
     documentMouseMove$: Subscription;
     documentMouseUp$: Subscription;
@@ -9,6 +10,6 @@ export declare class MouseHandler {
     constructor(container: Node, editor: Editor);
     destroy(): void;
     startMousePress(editor: Editor): void;
-    endMousePress(): void;
+    endMousePress(editor: Editor | null, event: MouseEvent | null): void;
     private onMultiMouseDown;
 }

package/lib/editor/operations/enums/command-type.enum.d.ts

@@ -36,5 +36,7 @@ export declare enum CommandType {
     RemoveInsertedPageFormat = 34,
     RestorePageFormats = 35,
     ApplyParagraphs = 36,
-    ApplyTableCellsStyles = 37
+    ApplyTableCellsStyles = 37,
+    AttachComment = 38,
+    RemoveComment = 39
 }