@talrace/ngx-noder 19.0.37 → 19.0.39

package/lib/apart-components/editor-toolbar/components/base-toolbar.component.d.ts

@@ -35,6 +35,9 @@ export declare abstract class BaseToolbarComponent extends DestroyComponent {
     updateTableBorderStyle: EventEmitter<LineStyles>;
     updateTableBorderWidth: EventEmitter<number>;
     updateTableBorders: EventEmitter<Borders>;
+    selectSpacing: EventEmitter<number>;
+    selectBefore: EventEmitter<number>;
+    selectAfter: EventEmitter<number>;
     styles: IToolbarStyles;
     canUndo: boolean;
     canRedo: boolean;
@@ -50,5 +53,5 @@ export declare abstract class BaseToolbarComponent extends DestroyComponent {
     private historyInfoSubscription;
     private stylesSubscription;
     static ɵfac: i0.ɵɵFactoryDeclaration<BaseToolbarComponent, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<BaseToolbarComponent, never, never, {}, { "print": "print"; "redo": "redo"; "undo": "undo"; "createElement": "createElement"; "changeTextStyle": "changeTextStyle"; "changeParagraphStyle": "changeParagraphStyle"; "setNumberingTemplateType": "setNumberingTemplateType"; "removeNumberings": "removeNumberings"; "insertImage": "insertImage"; "insertLink": "insertLink"; "insertTable": "insertTable"; "updateTableBorderStyle": "updateTableBorderStyle"; "updateTableBorderWidth": "updateTableBorderWidth"; "updateTableBorders": "updateTableBorders"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BaseToolbarComponent, never, never, {}, { "print": "print"; "redo": "redo"; "undo": "undo"; "createElement": "createElement"; "changeTextStyle": "changeTextStyle"; "changeParagraphStyle": "changeParagraphStyle"; "setNumberingTemplateType": "setNumberingTemplateType"; "removeNumberings": "removeNumberings"; "insertImage": "insertImage"; "insertLink": "insertLink"; "insertTable": "insertTable"; "updateTableBorderStyle": "updateTableBorderStyle"; "updateTableBorderWidth": "updateTableBorderWidth"; "updateTableBorders": "updateTableBorders"; "selectSpacing": "selectSpacing"; "selectBefore": "selectBefore"; "selectAfter": "selectAfter"; }, never, never, true, never>;
 }

package/lib/apart-components/editor-toolbar/components/buttons/spacing/spacing.component.d.ts

@@ -0,0 +1,16 @@
+import * as i0 from "@angular/core";
+export declare class SpacingComponent {
+    isDisabled: import("@angular/core").InputSignal<boolean>;
+    spacing: import("@angular/core").InputSignal<number>;
+    before: import("@angular/core").InputSignal<number>;
+    after: import("@angular/core").InputSignal<number>;
+    selectSpacing: import("@angular/core").OutputEmitterRef<number>;
+    selectBefore: import("@angular/core").OutputEmitterRef<number>;
+    selectAfter: import("@angular/core").OutputEmitterRef<number>;
+    readonly spacings: string[];
+    onSelectSpacing(value: number): void;
+    onSelectBefore(value: number): void;
+    onSelectAfter(value: number): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SpacingComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SpacingComponent, "app-nod-spacing", never, { "isDisabled": { "alias": "isDisabled"; "required": false; "isSignal": true; }; "spacing": { "alias": "spacing"; "required": false; "isSignal": true; }; "before": { "alias": "before"; "required": false; "isSignal": true; }; "after": { "alias": "after"; "required": false; "isSignal": true; }; }, { "selectSpacing": "selectSpacing"; "selectBefore": "selectBefore"; "selectAfter": "selectAfter"; }, never, never, false, never>;
+}

package/lib/apart-components/editor-toolbar/components/toolbar-actions/toolbar-actions.component.d.ts

@@ -16,6 +16,9 @@ export declare class ToolbarActionsComponent extends BaseToolbarComponent {
     onApplyFontColor(color: string): void;
     onApplyHighlightColor(color: string): void;
     onApplyAlignment(alignment: Alignment): void;
+    onApplySpacing(value: number): void;
+    onApplyBefore(value: number): void;
+    onApplyAfter(value: number): void;
     onSetNumberingTemplateType(templateType: NumberingTemplateType): void;
     onTableInsertMenuClosed(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ToolbarActionsComponent, never>;

package/lib/apart-components/editor-toolbar/editor-toolbar.module.d.ts

@@ -7,30 +7,31 @@ import * as i5 from "./components/menu-dropdowns/menu-dropdowns.component";
 import * as i6 from "./components/menu-dropdowns-mobile/menu-dropdowns-mobile.component";
 import * as i7 from "./components/buttons/numbering/numbering.component";
 import * as i8 from "./components/buttons/print/print.component";
-import * as i9 from "./components/toolbar-actions/toolbar-actions.component";
-import * as i10 from "./components/buttons/undo-redo/undo-redo.component";
-import * as i11 from "./components/buttons/zoom/zoom.component";
-import * as i12 from "./components/buttons/color-picker/color-picker.component";
-import * as i13 from "@angular/common";
-import * as i14 from "./components/buttons/font/font.component";
-import * as i15 from "./components/buttons/font-size/font-size.component";
-import * as i16 from "../insert-table/insert-table.component";
-import * as i17 from "../insert-table-mobile/insert-table-mobile.component";
-import * as i18 from "@angular/material/autocomplete";
-import * as i19 from "@angular/material/button";
-import * as i20 from "@angular/material/button-toggle";
-import * as i21 from "@angular/material/expansion";
-import * as i22 from "@angular/material/icon";
-import * as i23 from "@angular/material/menu";
-import * as i24 from "@angular/material/tooltip";
-import * as i25 from "@angular/forms";
-import * as i26 from "./components/buttons/table-borders/table-borders.component";
-import * as i27 from "./components/buttons/table-border-style/table-border-style.component";
-import * as i28 from "./components/buttons/table-border-width/table-border-width.component";
-import * as i29 from "../text-format-mobile/text-format-mobile.component";
-import * as i30 from "@ngx-translate/core";
+import * as i9 from "./components/buttons/spacing/spacing.component";
+import * as i10 from "./components/toolbar-actions/toolbar-actions.component";
+import * as i11 from "./components/buttons/undo-redo/undo-redo.component";
+import * as i12 from "./components/buttons/zoom/zoom.component";
+import * as i13 from "./components/buttons/color-picker/color-picker.component";
+import * as i14 from "@angular/common";
+import * as i15 from "./components/buttons/font/font.component";
+import * as i16 from "./components/buttons/font-size/font-size.component";
+import * as i17 from "../insert-table/insert-table.component";
+import * as i18 from "../insert-table-mobile/insert-table-mobile.component";
+import * as i19 from "@angular/material/autocomplete";
+import * as i20 from "@angular/material/button";
+import * as i21 from "@angular/material/button-toggle";
+import * as i22 from "@angular/material/expansion";
+import * as i23 from "@angular/material/icon";
+import * as i24 from "@angular/material/menu";
+import * as i25 from "@angular/material/tooltip";
+import * as i26 from "@angular/forms";
+import * as i27 from "./components/buttons/table-borders/table-borders.component";
+import * as i28 from "./components/buttons/table-border-style/table-border-style.component";
+import * as i29 from "./components/buttons/table-border-width/table-border-width.component";
+import * as i30 from "../text-format-mobile/text-format-mobile.component";
+import * as i31 from "@ngx-translate/core";
 export declare class EditorToolbarModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<EditorToolbarModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<EditorToolbarModule, [typeof i1.EditorMobileToolbarComponent, typeof i2.EditorToolbarComponent, typeof i3.FontStyleComponent, typeof i4.FormatComponent, typeof i5.MenuDropdownsComponent, typeof i6.MenuDropdownsMobileComponent, typeof i7.NumberingComponent, typeof i8.PrintComponent, typeof i9.ToolbarActionsComponent, typeof i10.UndoRedoComponent, typeof i11.ZoomComponent], [typeof i12.ColorPickerComponent, typeof i13.CommonModule, typeof i14.FontComponent, typeof i15.FontSizeComponent, typeof i16.InsertTableComponent, typeof i17.InsertTableMobileComponent, typeof i18.MatAutocompleteModule, typeof i19.MatButtonModule, typeof i20.MatButtonToggleModule, typeof i21.MatExpansionModule, typeof i22.MatIconModule, typeof i23.MatMenuModule, typeof i24.MatTooltipModule, typeof i25.ReactiveFormsModule, typeof i26.TableBordersComponent, typeof i27.TableBorderStyleComponent, typeof i28.TableBorderWidthComponent, typeof i29.TextFormatMobileComponent, typeof i30.TranslateModule], [typeof i1.EditorMobileToolbarComponent, typeof i2.EditorToolbarComponent, typeof i5.MenuDropdownsComponent, typeof i6.MenuDropdownsMobileComponent, typeof i9.ToolbarActionsComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<EditorToolbarModule, [typeof i1.EditorMobileToolbarComponent, typeof i2.EditorToolbarComponent, typeof i3.FontStyleComponent, typeof i4.FormatComponent, typeof i5.MenuDropdownsComponent, typeof i6.MenuDropdownsMobileComponent, typeof i7.NumberingComponent, typeof i8.PrintComponent, typeof i9.SpacingComponent, typeof i10.ToolbarActionsComponent, typeof i11.UndoRedoComponent, typeof i12.ZoomComponent], [typeof i13.ColorPickerComponent, typeof i14.CommonModule, typeof i15.FontComponent, typeof i16.FontSizeComponent, typeof i17.InsertTableComponent, typeof i18.InsertTableMobileComponent, typeof i19.MatAutocompleteModule, typeof i20.MatButtonModule, typeof i21.MatButtonToggleModule, typeof i22.MatExpansionModule, typeof i23.MatIconModule, typeof i24.MatMenuModule, typeof i25.MatTooltipModule, typeof i26.ReactiveFormsModule, typeof i27.TableBordersComponent, typeof i28.TableBorderStyleComponent, typeof i29.TableBorderWidthComponent, typeof i30.TextFormatMobileComponent, typeof i31.TranslateModule], [typeof i1.EditorMobileToolbarComponent, typeof i2.EditorToolbarComponent, typeof i5.MenuDropdownsComponent, typeof i6.MenuDropdownsMobileComponent, typeof i10.ToolbarActionsComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<EditorToolbarModule>;
 }

package/lib/editor/content/display-data/display-data.d.ts

@@ -68,7 +68,7 @@ export declare class DisplayData extends EventEmitting {
     private updateNumberingsDataOnChange;
     private splitParagraphByLines;
     private getParagraphTokens;
-    getParagraphLineTokens(paragraphIndex: number, lineIndex: number): DisplayToken[];
+    getParagraphLineTokens(paragraphIndex: number, paragraphLine: number): DisplayToken[];
     getTokens(contentIndex: number, content: string, paragraphSymbolIndex: number): {
         tokens: DisplayToken[];
         paragraphToken: DisplayToken;

package/lib/editor/content/display-data/toolbar-styles.interface.d.ts

@@ -9,6 +9,7 @@ export interface IToolbarStyles {
     bold?: boolean;
     strikethrough?: boolean;
     underline?: boolean;
+    lineSpacing?: number;
     spaceAfter?: number;
     spaceBefore?: number;
     indentLeft?: number;

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

@@ -9,7 +9,8 @@ export declare abstract class HighlightLayer {
     config: ILayerConfig;
     constructor(parentEl: HTMLElement, cssClass: string, session: EditSession);
     renderHighlight(cssPosition: string, cssClass: string): HTMLElement;
-    getTop(row: number): number;
+    getTopByDocumentLine(documentLine: number): number;
+    getTopByParagraphLine(paragraph: number, paragraphLine: number): number;
     drawMultiLineMarker(range: Range, cssClass: string): HTMLElement[];
     drawSingleLineMarker(range: Range, cssClass: string): HTMLElement;
     drawCustomElementHighlight(elementInfo: CustomElementInfo, cssClass: string, screenParentRange: Range): void;

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

@@ -63,14 +63,7 @@ export declare class Renderer extends EventEmitting {
     updateTextAndCursor(): void;
     updateMarker(): void;
     updateCursor(): void;
-    /**
-     * Converts screen coordinates to text coordinates by mapping to the closest token midpoint.
-     */
-    screenToTextCoordinatesUsingMidpoint(x: number, y: number, rect?: DOMRect): CursorParagraph;
-    /**
-     * Converts screen coordinates to text coordinates by mapping to the next token boundary.
-     */
-    screenToTextCoordinatesUsingBoundary(x: number, y: number, rect?: DOMRect): CursorParagraph;
+    screenToParagraph(x: number, y: number, tokenDivider?: number, rect?: DOMRect): CursorParagraph;
     showCursor(): void;
     showStaticCursor(): void;
     hideCursor(): void;

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

@@ -77,8 +77,7 @@ export declare class VirtualRenderer {
      **/
     scrollCursorIntoView(cursor?: CursorParagraph, offset?: number): void;
     scrollBy(deltaY: number): void;
-    screenToTextCoordinatesUsingMidpoint(x: number, y: number, rect?: DOMRect): CursorParagraph;
-    screenToTextCoordinatesUsingBoundary(x: number, y: number, rect?: DOMRect): CursorParagraph;
+    screenToParagraph(x: number, y: number, tokenDivider?: number, rect?: DOMRect): CursorParagraph;
     showCursor(): void;
     hideCursor(): void;
     showStaticCursor(): void;

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

@@ -1,13 +1,14 @@
 import { ComponentType } from '@angular/cdk/portal';
 import { ModuleWithProviders, Type } from '@angular/core';
 import { BaseCommentComponent } from './gadgets/comment/base-comment.component';
+import { CommentTypeModel } from './gadgets/comment/comment-popup/comment-type.model';
 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/comment-popup/comment-popup.component";
+import * as i2 from "./gadgets/comment/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";
@@ -36,6 +37,7 @@ export interface INoderOptions {
     }[];
     elementService: Type<ExternalElementInterface>;
     commentComponent?: Type<BaseCommentComponent>;
+    commentTypes?: CommentTypeModel[];
 }
 export declare class EditorModule {
     static forRoot(options?: INoderOptions): ModuleWithProviders<EditorModule>;

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

@@ -31,7 +31,7 @@ import { NumberingLevelModel } from '../../models/generated/numbering-level.mode
 import { NumberingModel } from '../../models/generated/numbering.model';
 import { PageType } from '../components/edges/page-type.enum';
 import { ParagraphModel } from '../../models/generated/paragraph.model';
-import { ParagraphStyleModel } from '../../models/generated/paragraph-style.model';
+import { ParagraphStyleExtModel } from '../../models/generated/paragraph-style-ext.model';
 import { Range } from '../positioning/range';
 import { RemoveWithParagraphModel } from '../../models/generated/remove-with-paragraph.model';
 import { ReplaceByRestoreModel } from '../../models/generated/replace-by-restore.model';
@@ -63,7 +63,6 @@ export declare class EditSession {
     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, 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;
     /**
      * Calculates the width of the string `str` on the screen while assuming that the string starts at the first column on the screen.
@@ -91,7 +90,7 @@ export declare class EditSession {
     insertTableByDocumentIndex(insertElement: InsertTableModel): CursorParagraph;
     insertLinkByDocumentIndex(insertElement: InsertLinkModel): CursorParagraph;
     applyTextStyle(startIndex: number, endIndex: number, textStyle: TextStyleModel): void;
-    applyParagraphStyle(startIndex: number, endIndex: number, paragraphStyle: ParagraphStyleModel): void;
+    applyParagraphStyle(startIndex: number, endIndex: number, paragraphStyle: ParagraphStyleExtModel): void;
     rerender(insertIndex: number): void;
     addNumbering(levels: NumberingLevelModel[], startIndex: number, endIndex: number, numberingId: number | null): void;
     removeNumberings(startIndex: number, endIndex: number): void;

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

@@ -6,6 +6,7 @@ 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 { CommentTypeModel } from '../gadgets/comment/comment-popup/comment-type.model';
 import { CreateEdgesModel } from '../../models/generated/create-edges.model';
 import { DocumentHandler } from '../interaction/document.handler';
 import { DocxModel } from '../../models/generated/docx.model';
@@ -38,6 +39,7 @@ import { PageFormatModel } from '../../models/generated/page-format.model';
 import { PageType } from '../components/edges/page-type.enum';
 import { ParagraphInfoModel } from '../content/display-data/models/paragraph-info.model';
 import { ParagraphModel } from '../../models/generated/paragraph.model';
+import { ParagraphStyleExtModel } from '../../models/generated/paragraph-style-ext.model';
 import { ParagraphStyleModel } from '../../models/generated/paragraph-style.model';
 import { Range } from '../positioning/range';
 import { RegulatorService } from './regulator.service';
@@ -131,7 +133,7 @@ export declare class Editor {
     applyTextStyleUnderline(): void;
     applyTextStyles(textStyle: TextStyleModel): void;
     setTextStyle(textStyle: TextStyleModel): void;
-    applyParagraphStyles(paragraphStyle: ParagraphStyleModel): void;
+    applyParagraphStyles(paragraphStyle: ParagraphStyleExtModel): void;
     applyParagraphsMargin(value: Partial<ParagraphStyleModel>): void;
     setNumberingTemplate(templateLevels: NumberingLevelModel[]): void;
     removeNumberingsFromParagraphs(): void;
@@ -161,7 +163,7 @@ export declare class Editor {
     saveApplyTableCellsStylesToHistory(table: TableModel, model: ApplyTableCellsStylesModel, targets: TargetModel[]): void;
     saveApplyTextStyleToHistory(startIndex: number, endIndex: number, textStyle: TextStyleModel): void;
     saveApplyParagraphsToHistory(oldParagraphs: ParagraphModel[], updatedParagraphs: ParagraphModel[]): void;
-    saveApplyParagraphStyleToHistory(startIndex: number, endIndex: number, paragraphStyle: ParagraphStyleModel): void;
+    saveApplyParagraphStyleToHistory(startIndex: number, endIndex: number, paragraphStyle: ParagraphStyleExtModel): void;
     saveAddNumberingToHistory(templateLevels: NumberingLevelModel[], startIndex: number, endIndex: number): void;
     saveRemoveNumberingToHistory(startIndex: number, endIndex: number): void;
     private saveApplyImageStyleToHistory;
@@ -180,9 +182,11 @@ export declare class Editor {
     onCut(event: ClipboardEvent): void;
     onCopy(event: ClipboardEvent): void;
     onPaste(event: ClipboardEvent): void;
-    onCreateComment(): void;
+    onCreateComment(commentType: CommentTypeModel): void;
     onCommentCreated(reqId: number, commentId: number): void;
     onCommentRemoved(id: number): void;
+    onCommentTextReplace(commentId: number, newText: string): void;
+    onGetCommentText(commentId: number, continueWith: (text: string) => void): void;
     onSetCommentsVisibility(value: boolean): void;
     private initResizeListener;
     private destroyResizeListener;
@@ -280,6 +284,9 @@ export declare class Editor {
     updateTableBorderStyleSubscription(): Subscription;
     updateTableBorderWidthSubscription(): Subscription;
     updateTableBordersSubscription(): Subscription;
+    selectSpacingSubscription(): Subscription;
+    selectBeforeSubscription(): Subscription;
+    selectAfterSubscription(): Subscription;
     insertTextSubscription(): Subscription;
     undoSubscription(): Subscription;
     redoSubscription(): Subscription;
@@ -300,8 +307,10 @@ export declare class Editor {
     private commentCreationSubscriptions;
     private rerenderCommentsSubscription;
     private selectCommentSubscription;
-    private removeCommentSubscription;
+    private removeCommentSubscriptions;
     private setComentsVisibilitySubscription;
+    private getCommentTextSubscription;
+    private replaceCommentTextSubscription;
     private recreateMainSession;
     private changeColumnsWidth;
     private changeCellsWidth;

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

@@ -1,4 +1,5 @@
 import { ElementRef } from '@angular/core';
+import { CommentModel } from '../../models/generated/comment.model';
 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';
@@ -46,9 +47,10 @@ export declare class RegulatorService {
     getCurrentSessionTargets(): TargetModel[];
     getTargets(session: SessionModel): TargetModel[];
     getTargetedSession(targets: TargetModel[]): EditSession;
-    getCommentTarget(commentId: number): {
+    getCommentSessionModel(commentId: number): SessionModel | null;
+    getComment(commentId: number): {
         session: SessionModel;
-        target: TargetModel;
+        comment: CommentModel;
     } | null;
     setCommentsVisibility(value: boolean): void;
     isWithinEdge(sessionId: number): boolean;

package/lib/editor/{components → gadgets/comment}/comment-popup/comment-popup.component.d.ts

@@ -1,11 +1,13 @@
-import { EditorService } from '../../../editor/interaction/editor.service';
-import { OverlayService } from '../shared/services/overlay.service';
+import { CommentTypeModel } from './comment-type.model';
+import { EditorService } from '../../../interaction/editor.service';
+import { OverlayService } from '../../../components/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;
+    commentTypes: CommentTypeModel[];
+    constructor(editorService: EditorService, overlayService: OverlayService, commentTypes: CommentTypeModel[]);
+    addComment(type: CommentTypeModel): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CommentPopupComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CommentPopupComponent, "app-nod-comment-popup", never, {}, {}, never, never, false, never>;
 }

package/lib/editor/gadgets/comment/comment-popup/comment-type.model.d.ts

@@ -0,0 +1,6 @@
+export declare class CommentTypeModel {
+    typeId: number;
+    nameTranslated: string;
+    icon: string;
+    constructor(typeId: number, nameTranslated: string, icon: string);
+}

package/lib/editor/gadgets/comment/comment-types.const.d.ts

@@ -0,0 +1,3 @@
+import { InjectionToken } from '@angular/core';
+import { CommentTypeModel } from './comment-popup/comment-type.model';
+export declare const COMMENT_TYPES: InjectionToken<CommentTypeModel[]>;

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

@@ -19,7 +19,7 @@ import { Operation } from './operation.type';
 import { PageFormatModel } from '../../../models/generated/page-format.model';
 import { PageType } from '../../components/edges/page-type.enum';
 import { ParagraphModel } from '../../../models/generated/paragraph.model';
-import { ParagraphStyleModel } from '../../../models/generated/paragraph-style.model';
+import { ParagraphStyleExtModel } from '../../../models/generated/paragraph-style-ext.model';
 import { Range } from '../../positioning/range';
 import { RegulatorService } from '../../execution/regulator.service';
 import { RemoveInsertedPageFormatModel } from '../../../models/generated/remove-inserted-page-format.model';
@@ -52,7 +52,7 @@ export declare class OperationHistory {
     pushInsertStyledText(insertIndex: number, text: string, style: TextStyleModel): void;
     pushDelete(model: RestoreModel): void;
     pushApplyTextStyle(startIndex: number, endIndex: number, style: TextStyleModel, formats: FormatModel[], linkFormats: FormatModel[]): void;
-    pushApplyParagraphStyle(startIndex: number, endIndex: number, style: ParagraphStyleModel, paragraphs: ParagraphModel[]): void;
+    pushApplyParagraphStyle(startIndex: number, endIndex: number, style: ParagraphStyleExtModel, paragraphs: ParagraphModel[]): void;
     pushApplyParagraphs(oldParagraphs: ParagraphModel[], updatedParagraphs: ParagraphModel[]): void;
     pushInsertTableRows(insertIndex: number, rowsCount: number, targetIndex: number, inheritIndex: number): void;
     pushInsertTableColumns(insertIndex: number, columnsCount: number, targetIndex: number, inheritIndex: number): void;

package/lib/editor/gadgets/numbering/numbering.helper.d.ts

@@ -1,6 +1,7 @@
 import { NumberingDataModel } from './numbering-data.model';
 import { NumberingInfo } from '../../content/display-data/general-properties.model';
 import { NumberingLevelModel } from '../../../models/generated/numbering-level.model';
+import { NumberingMarkerType } from './numbering-marker-type.enum';
 import { NumberingModel } from '../../../models/generated/numbering.model';
 import { NumberingParagraphStyleModel } from './numbering-paragraph-style.model';
 import { Paragraph } from '../../content/display-data/paragraph';
@@ -9,6 +10,7 @@ import { ParagraphStyleModel } from '../../../models/generated/paragraph-style.m
 import { TextLineInfo } from '../../content/display-data/text-line-info';
 import { TextStyleModel } from '../../../models/generated/text-style.model';
 export declare class NumberingHelper {
+    static romanMap: Map<number, string>;
     static addValueToNumberingInfo(numberingId: number, numberingInfo: NumberingInfo, numberingLevels: NumberingLevelModel[]): void;
     static setNumberingNeedToRecalculate(numberingInfo: NumberingInfo, numberingId: number): void;
     static setAllNumberingIsCalculated(numberingInfo: NumberingInfo): void;
@@ -25,11 +27,14 @@ export declare class NumberingHelper {
         width: number;
     };
     static updateNumberingInfo(numberingInfo: NumberingInfo, marker: string, numberingId: number, level: number): void;
-    private static getLevelInfo;
-    static createMarkerString(numberingInfo: NumberingInfo, numberingId: number, splittedMarker: string[]): string;
+    static createMarkerString(numberingInfo: NumberingInfo, numberingId: number, splittedMarker: string[], markerType: NumberingMarkerType): string;
     static getMarkerOffset(paragraphSettings: Paragraph): {
         offset: number;
         markerWidth: number;
     };
     static getOffsetCausedByMarker(numberingData: NumberingDataModel, info: TextLineInfo): number;
+    private static markerTypeToMarker;
+    private static getLevelInfo;
+    private static numberToLetters;
+    private static numberToRoman;
 }

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

@@ -3,6 +3,7 @@ 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 { CommentTypeModel } from '../gadgets/comment/comment-popup/comment-type.model';
 import { EdgeType } from '../components/edges/edge-type.enum';
 import { ElementDataModel } from '../components/external-element/models/element-data.model';
 import { ElementModel } from '../../models/generated/element.model';
@@ -17,6 +18,7 @@ import { NumberingModel } from '../../models/generated/numbering.model';
 import { OperationsHistoryInfoModel } from '../../editor/gadgets/history/operations-history-info.model';
 import { PageFormatModel } from '../../models/generated/page-format.model';
 import { PageType } from '../components/edges/page-type.enum';
+import { ParagraphStyleExtModel } from '../../models/generated/paragraph-style-ext.model';
 import { ParagraphStyleModel } from '../../models/generated/paragraph-style.model';
 import { ResizeTableColumnsModel } from '../../models/generated/resize-table-columns.model';
 import { TabSettingModel } from '../../models/generated/tab-setting.model';
@@ -78,7 +80,7 @@ export declare class EditorService {
     private readonly _searchResultCount$;
     get setTextStyles$(): Observable<TextStyleModel>;
     private readonly _setTextStyles$;
-    get setParagraphStyles$(): Observable<ParagraphStyleModel>;
+    get setParagraphStyles$(): Observable<ParagraphStyleExtModel>;
     private readonly _setParagraphStyles$;
     get setNumberingTemplateType$(): Observable<NumberingLevelModel[]>;
     private readonly _setNumberingTemplateType$;
@@ -124,7 +126,7 @@ export declare class EditorService {
     private readonly _imageLoaded$;
     get changedEdge$(): Observable<number>;
     private readonly _changedEdge$;
-    get addCommentAtSelection$(): Observable<void>;
+    get addCommentAtSelection$(): Observable<CommentTypeModel>;
     private readonly _addCommentAtSelection$;
     get insertTableRows$(): Observable<{
         insertIndex: number;
@@ -179,6 +181,12 @@ export declare class EditorService {
     private readonly _updateTableBorderWidth$;
     get updateTableBorders$(): Observable<Borders>;
     private readonly _updateTableBorders$;
+    get selectSpacing$(): Observable<number>;
+    private readonly _selectSpacing$;
+    get selectBefore$(): Observable<number>;
+    private readonly _selectBefore$;
+    get selectAfter$(): Observable<number>;
+    private readonly _selectAfter$;
     get isTableSelected(): boolean;
     get isTableSelected$(): Observable<boolean>;
     private readonly _isTableSelected$;
@@ -248,7 +256,10 @@ export declare class EditorService {
     private readonly _paragraphStyle$;
     get commentSizeChanged$(): Observable<void>;
     private readonly _commentSizeChanged$;
-    get createComment$(): Observable<number>;
+    get createComment$(): Observable<{
+        reqId: number;
+        commentType: CommentTypeModel;
+    }>;
     private readonly _createComment$;
     get commentCreated$(): Observable<{
         commentId: number;
@@ -261,6 +272,16 @@ export declare class EditorService {
     private readonly _setCommentSelected$;
     get setCommentsVisibility$(): Observable<boolean>;
     private readonly _setCommentsVisibility$;
+    get getCommentText$(): Observable<{
+        commentId: number;
+        continueWith: (commentedText: string) => void;
+    }>;
+    private readonly _getCommentText$;
+    get replaceCommentText$(): Observable<{
+        commentId: number;
+        newContent: string;
+    }>;
+    private readonly _replaceCommentText$;
     tabSettings(value: TabSettingModel[]): void;
     applyFirstLinePosition(value: number): void;
     applyLeftIndentParagraph(value: number): void;
@@ -279,7 +300,7 @@ export declare class EditorService {
     setHasSelection(value: boolean): void;
     setClipboardData(value: string): void;
     setTextStyles(value: TextStyleModel): void;
-    setParagraphStyles(value: ParagraphStyleModel): void;
+    setParagraphStyles(value: ParagraphStyleExtModel): void;
     setNumberingTemplateType(value: NumberingLevelModel[]): void;
     removeNumberings(): void;
     changeImageStyle(value: ImageModel): void;
@@ -312,6 +333,9 @@ export declare class EditorService {
     updateTableBorderStyle(style: LineStyles): void;
     updateTableBorderWidth(width: number): void;
     updateTableBorders(borders: Borders): void;
+    selectSpacing(value: number): void;
+    selectBefore(value: number): void;
+    selectAfter(value: number): void;
     setIsTableSelected(value: boolean): void;
     undo(): void;
     redo(): void;
@@ -341,13 +365,15 @@ export declare class EditorService {
     showGrammarError(error: GrammarError): void;
     applyGrammarSuggestion(error: GrammarError, suggestionIndex: number, paragraphIndex: number): void;
     ignoreGrammarSuggestion(error: GrammarError): void;
-    addCommentAtSelection(): void;
+    addCommentAtSelection(commentType: CommentTypeModel): void;
     commentSizeChanged(): void;
-    createComment(reqId: number): void;
+    createComment(reqId: number, commentType: CommentTypeModel): void;
     commentCreated(commentId: number, reqId: number): void;
     removeComment(id: number): void;
     setCommentSelected(id: number): void;
     setCommentsVisibility(value: boolean): void;
+    getCommentText(commentId: number, continueWith: (commentedText: string) => void): void;
+    replaceCommentText(commentId: number, content: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<EditorService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<EditorService>;
 }

package/lib/editor/operations/helpers/paragraph-operations.helper.d.ts

@@ -1,4 +1,5 @@
 import { ParagraphModel } from '../../../models/generated/paragraph.model';
+import { ParagraphStyleExtModel } from '../../../models/generated/paragraph-style-ext.model';
 import { ParagraphStyleModel } from '../../../models/generated/paragraph-style.model';
 export declare class ParagraphOperationsHelper {
     static insertContent(paragraphs: ParagraphModel[], text: string, textIndex: number): void;
@@ -8,7 +9,7 @@ export declare class ParagraphOperationsHelper {
     static restoreNumberingParagraphs(paragraphs: ParagraphModel[], paragraphsToRestore: ParagraphModel[]): number[];
     static applySingle(paragraphs: ParagraphModel[], index: number, style: ParagraphStyleModel): void;
     static applyNumbering(paragraphs: ParagraphModel[], startIndex: number, endIndex: number, numberingId?: number): number[];
-    static apply(paragraphs: ParagraphModel[], startIndex: number, endIndex: number, style: ParagraphStyleModel): void;
+    static apply(paragraphs: ParagraphModel[], startIndex: number, endIndex: number, style: ParagraphStyleExtModel): void;
     static applyParagraphs(paragraphs: ParagraphModel[], updatedParagraphs: ParagraphModel[]): void;
-    static applyParagraphStyles(target: ParagraphStyleModel, value: ParagraphStyleModel): void;
+    static applyParagraphStyles(target: ParagraphStyleModel, value: ParagraphStyleExtModel): void;
 }

package/lib/editor/operations/operations-helper.helper.d.ts

@@ -16,7 +16,7 @@ import { NumberingModel } from '../../models/generated/numbering.model';
 import { PageFormatModel } from '../../models/generated/page-format.model';
 import { PageType } from '../components/edges/page-type.enum';
 import { ParagraphModel } from '../../models/generated/paragraph.model';
-import { ParagraphStyleModel } from '../../models/generated/paragraph-style.model';
+import { ParagraphStyleExtModel } from '../../models/generated/paragraph-style-ext.model';
 import { ReplaceModel } from '../../models/generated/replace.model';
 import { ResizeTableColumnsModel } from '../../models/generated/resize-table-columns.model';
 import { RestoreModel } from '../../models/generated/restore.model';
@@ -34,8 +34,8 @@ export declare class OperationsHelper {
     static insertLink(document: ContentType, text: string, link: string, index: number): void;
     static addNumbering(target: ContentType, numberings: NumberingModel[], startIndex: number, endIndex: number, levels: NumberingLevelModel[], numberingId?: number | null): void;
     static removeNumberings(target: ContentType, numberings: NumberingModel[], startIndex: number, endIndex: number): void;
-    static removeWithParagraph(target: ContentType, numberings: NumberingModel[], startIndex: number, count: number, paragraphStyle: ParagraphStyleModel): void;
-    static restoreWithParagraph(target: ContentType, numberings: NumberingModel[], restore: RestoreModel, paragraphStyle: ParagraphStyleModel): void;
+    static removeWithParagraph(target: ContentType, numberings: NumberingModel[], startIndex: number, count: number, paragraphStyle: ParagraphStyleExtModel): void;
+    static restoreWithParagraph(target: ContentType, numberings: NumberingModel[], restore: RestoreModel, paragraphStyle: ParagraphStyleExtModel): void;
     static restoreNumberings(target: ContentType, numberings: NumberingModel[], paragraphsToRestore: ParagraphModel[], numberingsToRestore: NumberingModel[]): void;
     static insertImage(document: ContentType, index: number, imageData: ImageDataModel): void;
     static insertTable(document: ContentType, tableModel: InsertTableModel, contentWidth: number): string;
@@ -50,7 +50,7 @@ export declare class OperationsHelper {
     static applyTextStyle(document: ContentType, startIndex: number, endIndex: number, style: TextStyleModel): void;
     static restoreTextStyles(document: ContentType, textFormats: FormatModel[], linkFormats: FormatModel[]): void;
     static restoreParagraphStyles(document: ContentType, paragraphs: ParagraphModel[]): void;
-    static applyParagraphStyle(document: ContentType, startIndex: number, endIndex: number, style: ParagraphStyleModel): void;
+    static applyParagraphStyle(document: ContentType, startIndex: number, endIndex: number, style: ParagraphStyleExtModel): void;
     static applyParagraphs(document: ContentType, paragraphs: ParagraphModel[]): void;
     static applyImageStyle(document: ContentType, image: ApplyImageStyleModel): void;
     static insertTableRows(document: ContentType, insertIndex: number, rowsCount: number, targetIndex: number, inheritIndex: number): void;

package/lib/editor/operations/save-commands.helper.d.ts

@@ -15,7 +15,7 @@ import { InsertTabModel } from '../../models/generated/insert-tab.model';
 import { MoveRangeModel } from '../../models/generated/move-range.model';
 import { NumberingLevelModel } from '../../models/generated/numbering-level.model';
 import { ParagraphModel } from '../../models/generated/paragraph.model';
-import { ParagraphStyleModel } from '../../models/generated/paragraph-style.model';
+import { ParagraphStyleExtModel } from '../../models/generated/paragraph-style-ext.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';
@@ -34,7 +34,7 @@ export declare class SaveCommandsHelper {
     static getRemoveNumberingsCommand(startIndex: number, endIndex: number, targets: TargetModel[]): CommandModel;
     static getRestoreNumberingsCommand(restoreNumberings: RestoreNumberingsModel, targets: TargetModel[]): CommandModel;
     static getApplyImageStyleCommand(height: number, width: number, insertIndex: number, targets: TargetModel[]): CommandModel;
-    static getApplyParagraphStyleCommand(startIndex: number, endIndex: number, paragraphStyle: ParagraphStyleModel, targets: TargetModel[]): CommandModel;
+    static getApplyParagraphStyleCommand(startIndex: number, endIndex: number, paragraphStyle: ParagraphStyleExtModel, targets: TargetModel[]): CommandModel;
     static getApplyTextStyleCommand(startIndex: number, endIndex: number, textStyle: TextStyleModel, targets: TargetModel[]): CommandModel;
     static getDeleteCommand(startIndex: number, count: number, targets: TargetModel[]): CommandModel;
     static getInsertTextCommand(text: string, insertIndex: number, targets: TargetModel[]): CommandModel;