@talrace/ngx-noder 0.0.45 → 0.0.47

package/lib/apart-components/editor-ruler/editor-ruler.component.d.ts

@@ -15,6 +15,7 @@ interface Tick {
 export declare class EditorRulerComponent {
     rulerContainer: ElementRef<HTMLDivElement>;
     unit: import("@angular/core").InputSignal<RulerUnit>;
+    disabled: import("@angular/core").InputSignal<boolean>;
     readonly editorService: EditorService;
     readonly dialog: MatDialog;
     readonly defaultPaddingCm = 2.5;
@@ -58,6 +59,6 @@ export declare class EditorRulerComponent {
     private getClientX;
     private getCurrentDraggedPx;
     static ɵfac: i0.ɵɵFactoryDeclaration<EditorRulerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EditorRulerComponent, "app-nod-editor-ruler", never, { "unit": { "alias": "unit"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EditorRulerComponent, "app-nod-editor-ruler", never, { "unit": { "alias": "unit"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 export {};

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

@@ -1,10 +1,12 @@
 import { ChangeDetectorRef, EventEmitter, Injector } from '@angular/core';
+import { Borders } from '../../../editor/components/shared/enums/borders.enum';
 import { CustomIconService } from '../shared/services/custom-icon.service';
 import { DestroyComponent } from '../../../editor/components/shared/abstract/destroy.component';
 import { EditorService } from '../../../editor/interaction/editor.service';
 import { ElementDataModel } from '../../../editor/components/external-element/models/element-data.model';
 import { ExternalElementModel } from '../../../editor/components/external-element/models/external-element.model';
 import { IToolbarStyles } from '../../../editor/content/display-data/toolbar-styles.interface';
+import { LineStyles } from '../../../editor/components/shared/enums/line-styles.enum';
 import { NumberingLevelModel } from '../../../models/generated/numbering-level.model';
 import { NumberingTemplateType } from '../shared/enums/numbering-template-type.enum';
 import { NumberingType } from '../shared/enums/numbering-type.enum';
@@ -30,6 +32,9 @@ export declare abstract class BaseToolbarComponent extends DestroyComponent {
         rows: number;
         columns: number;
     }>;
+    updateTableBorderStyle: EventEmitter<LineStyles>;
+    updateTableBorderWidth: EventEmitter<number>;
+    updateTableBorders: EventEmitter<Borders>;
     styles: IToolbarStyles;
     canUndo: boolean;
     canRedo: boolean;
@@ -45,5 +50,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"; }, 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"; }, never, never, true, never>;
 }

package/lib/apart-components/editor-toolbar/components/buttons/table-border-style/table-border-style.component.d.ts

@@ -0,0 +1,11 @@
+import { EventEmitter } from '@angular/core';
+import { LineStyles } from '../../../../../editor/components/shared/enums/line-styles.enum';
+import * as i0 from "@angular/core";
+export declare class TableBorderStyleComponent {
+    isDisabled: boolean;
+    active: boolean;
+    lineStyles: typeof LineStyles;
+    updateTableBorderStyle: EventEmitter<LineStyles>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TableBorderStyleComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableBorderStyleComponent, "app-nod-table-border-style", never, { "isDisabled": { "alias": "isDisabled"; "required": false; }; }, { "updateTableBorderStyle": "updateTableBorderStyle"; }, never, never, true, never>;
+}

package/lib/apart-components/editor-toolbar/components/buttons/table-border-width/table-border-width.component.d.ts

@@ -0,0 +1,10 @@
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class TableBorderWidthComponent {
+    isDisabled: boolean;
+    active: boolean;
+    widths: number[];
+    updateTableBorderWidth: EventEmitter<number>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TableBorderWidthComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableBorderWidthComponent, "app-nod-table-border-width", never, { "isDisabled": { "alias": "isDisabled"; "required": false; }; }, { "updateTableBorderWidth": "updateTableBorderWidth"; }, never, never, true, never>;
+}

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

@@ -0,0 +1,11 @@
+import { EventEmitter } from '@angular/core';
+import { Borders } from '../../../../../editor/components/shared/enums/borders.enum';
+import * as i0 from "@angular/core";
+export declare class TableBordersComponent {
+    isDisabled: boolean;
+    active: boolean;
+    borders: typeof Borders;
+    updateTableBorders: EventEmitter<Borders>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TableBordersComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableBordersComponent, "app-nod-table-borders", never, { "isDisabled": { "alias": "isDisabled"; "required": false; }; }, { "updateTableBorders": "updateTableBorders"; }, never, never, true, never>;
+}

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

@@ -1,6 +1,8 @@
 import { EventEmitter } from '@angular/core';
+import { Borders } from '../../../editor/components/shared/enums/borders.enum';
 import { EditorService } from '../../../editor/interaction/editor.service';
 import { ElementDataModel } from '../../../editor/components/external-element/models/element-data.model';
+import { LineStyles } from '../../../editor/components/shared/enums/line-styles.enum';
 import { NumberingLevelModel } from '../../../models/generated/numbering-level.model';
 import { ParagraphStyleModel } from '../../../models/generated/paragraph-style.model';
 import { TextStyleModel } from '../../../models/generated/text-style.model';
@@ -36,7 +38,10 @@ export declare class EditorToolbarComponent {
         rows: number;
         columns: number;
     }>;
+    updateTableBorderStyle: EventEmitter<LineStyles>;
+    updateTableBorderWidth: EventEmitter<number>;
+    updateTableBorders: EventEmitter<Borders>;
     constructor(editorService: EditorService);
     static ɵfac: i0.ɵɵFactoryDeclaration<EditorToolbarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EditorToolbarComponent, "app-nod-editor-toolbar", never, {}, { "openFileFromDisk": "openFileFromDisk"; "addCustomElement": "addCustomElement"; "saveAs": "saveAs"; "downloadPdf": "downloadPdf"; "print": "print"; "insertPageBreak": "insertPageBreak"; "createDocument": "createDocument"; "pageSetup": "pageSetup"; "insertImage": "insertImage"; "rename": "rename"; "delete": "delete"; "openEditMenu": "openEditMenu"; "redo": "redo"; "undo": "undo"; "cutSelected": "cutSelected"; "copySelected": "copySelected"; "pasteClipboardData": "pasteClipboardData"; "selectAll": "selectAll"; "removeSelected": "removeSelected"; "insertLink": "insertLink"; "createElement": "createElement"; "changeParagraphStyle": "changeParagraphStyle"; "changeTextStyle": "changeTextStyle"; "setNumberingTemplateType": "setNumberingTemplateType"; "removeNumberings": "removeNumberings"; "insertTable": "insertTable"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EditorToolbarComponent, "app-nod-editor-toolbar", never, {}, { "openFileFromDisk": "openFileFromDisk"; "addCustomElement": "addCustomElement"; "saveAs": "saveAs"; "downloadPdf": "downloadPdf"; "print": "print"; "insertPageBreak": "insertPageBreak"; "createDocument": "createDocument"; "pageSetup": "pageSetup"; "insertImage": "insertImage"; "rename": "rename"; "delete": "delete"; "openEditMenu": "openEditMenu"; "redo": "redo"; "undo": "undo"; "cutSelected": "cutSelected"; "copySelected": "copySelected"; "pasteClipboardData": "pasteClipboardData"; "selectAll": "selectAll"; "removeSelected": "removeSelected"; "insertLink": "insertLink"; "createElement": "createElement"; "changeParagraphStyle": "changeParagraphStyle"; "changeTextStyle": "changeTextStyle"; "setNumberingTemplateType": "setNumberingTemplateType"; "removeNumberings": "removeNumberings"; "insertTable": "insertTable"; "updateTableBorderStyle": "updateTableBorderStyle"; "updateTableBorderWidth": "updateTableBorderWidth"; "updateTableBorders": "updateTableBorders"; }, never, never, false, never>;
 }

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

@@ -24,10 +24,13 @@ 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 "../text-format-mobile/text-format-mobile.component";
-import * as i27 from "@ngx-translate/core";
+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";
 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.TextFormatMobileComponent, typeof i27.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.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 ɵinj: i0.ɵɵInjectorDeclaration<EditorToolbarModule>;
 }

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

@@ -9,6 +9,7 @@ import { Editor } from '../execution/editor';
 import { EditorSearchBarComponent } from '../../apart-components/editor-search-bar/editor-search-bar.component';
 import { EditorService } from '../interaction/editor.service';
 import { ExternalSidenavModel } from './external-element/models/external-sidenav.model';
+import { OverlayService } from './shared/services/overlay.service';
 import { RegulatorService } from '../execution/regulator.service';
 import { RulerUnit } from '../../apart-components/editor-ruler/editor-ruler.component';
 import * as i0 from "@angular/core";
@@ -16,6 +17,7 @@ export declare class EditorComponent implements OnDestroy {
     private cdr;
     private componentService;
     private editorService;
+    private overlayService;
     private injector;
     private regulatorService;
     private commandsService;
@@ -38,11 +40,12 @@ export declare class EditorComponent implements OnDestroy {
     sidenavProperties: ExternalSidenavModel;
     readonly subscriptions: Subscription[];
     private sidenavComponentRef;
-    constructor(cdr: ChangeDetectorRef, componentService: ComponentService, editorService: EditorService, injector: Injector, regulatorService: RegulatorService, commandsService: CommandsService, clipboard: Clipboard);
+    constructor(cdr: ChangeDetectorRef, componentService: ComponentService, editorService: EditorService, overlayService: OverlayService, injector: Injector, regulatorService: RegulatorService, commandsService: CommandsService, clipboard: Clipboard);
     ngOnDestroy(): void;
     initEditor(content: DocxModel): void;
     toggleSidenavSubscription(): Subscription;
     searchBarSubscription(): Subscription;
+    displayGrammarErrorPopupSubscription(): Subscription;
     removeSidenavComponent(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<EditorComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<EditorComponent, "app-nod-editor", never, { "isMobile": { "alias": "isMobile"; "required": false; }; "externalElementTagNames": { "alias": "externalElementTagNames"; "required": false; }; "customPageWidth": { "alias": "customPageWidth"; "required": false; }; "content": { "alias": "content"; "required": false; }; "rulerUnit": { "alias": "rulerUnit"; "required": true; "isSignal": true; }; }, {}, never, never, false, never>;

package/lib/editor/components/shared/enums/borders.enum.d.ts

@@ -0,0 +1,10 @@
+export declare enum Borders {
+    Bottom = 0,
+    Top = 1,
+    Left = 2,
+    Right = 3,
+    Empty = 4,
+    All = 5,
+    Outside = 6,
+    Inside = 7
+}

package/lib/editor/components/table/selection/table-selection.d.ts

@@ -60,6 +60,7 @@ export declare class TableSelection {
     };
     getNearestRowIndex(event: MouseEvent): number;
     addSelectionInAllCells(): void;
+    highlightCurrentSelectionCells(): void;
     clearSelection(): void;
     clearSelectionInAllCells(): void;
     getStartAndEndIndexes(originIndex: number, currentIndex: number): {

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

@@ -14,7 +14,11 @@ import { NumberingDataModel } from '../../gadgets/numbering/numbering-data.model
 import { PageFormat } from './page-format';
 import { PageFormatModel } from '../../../models/generated/page-format.model';
 import { Paragraph } from './paragraph';
+import { ParagraphInfoAdded } from './models/paragraph-info-added.model';
+import { ParagraphInfoContentChanged } from './models/paragraph-info-content-changed.model';
+import { ParagraphInfoContentInserted } from './models/paragraph-info-content-inserted.model';
 import { ParagraphInfoModel } from './models/paragraph-info.model';
+import { ParagraphInfosRemoved } from './models/paragraphs-infos-removed.model';
 import { Range } from '../../positioning/range';
 import { VisibleRange } from '../../display/visible-range.interface';
 export declare class DisplayData extends EventEmitting {
@@ -31,6 +35,9 @@ export declare class DisplayData extends EventEmitting {
     allPagesHeight: number;
     tabTokens: DisplayToken[];
     get maxPageWidth(): number;
+    private readonly ParagraphInfoChanges;
+    get ParagraphInfoChanges$(): import("rxjs").Observable<ParagraphInfoAdded | ParagraphInfoContentChanged | ParagraphInfoContentInserted | ParagraphInfosRemoved>;
+    private lastParagraphId;
     constructor(model: ContentType, generalProperties: GeneralPropertiesModel, sessionId: number, pageFormatModels: PageFormatModel[], pagesSpace: number, customComponents: ICustomComponents, customContentService: CustomContentService, editorService: EditorService);
     updateDataForModel(): void;
     insertText(position: CursorParagraph, text: string): CursorParagraph;

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

@@ -18,10 +18,12 @@ export declare class DisplayToken implements IFontMetricSize {
     indentRight: number;
     indentBefore: number;
     indentAfter: number;
+    markerWidth: number;
     isPageBreak: boolean;
     isLineBreak: boolean;
     isTab: boolean;
     isTable: boolean;
+    isNumbering: boolean;
     get breaksLine(): boolean;
     constructor(fields?: Partial<DisplayToken>);
 }

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

@@ -11,6 +11,8 @@ export declare class LineInfoModel {
     isEndedByPageBreak: boolean;
     backgroundColor: string;
     hasTable: boolean;
+    isNumbering: boolean;
+    markerWidth?: number;
     wordSpacing?: number;
     wordSpacingWidth?: number;
     constructor(fields?: Partial<LineInfoModel>);

package/lib/editor/content/display-data/models/paragraph-info-added.model.d.ts

@@ -0,0 +1,5 @@
+import { ParagraphInfoModel } from './paragraph-info.model';
+export declare class ParagraphInfoAdded {
+    paragraph: ParagraphInfoModel;
+    constructor(paragraph: ParagraphInfoModel);
+}

package/lib/editor/content/display-data/models/paragraph-info-content-changed.model.d.ts

@@ -0,0 +1,7 @@
+import { ParagraphInfoModel } from './paragraph-info.model';
+export declare class ParagraphInfoContentChanged {
+    paragraph: ParagraphInfoModel;
+    index: number;
+    length: number;
+    constructor(paragraph: ParagraphInfoModel, index: number, length: number);
+}

package/lib/editor/content/display-data/models/paragraph-info-content-inserted.model.d.ts

@@ -0,0 +1,7 @@
+import { ParagraphInfoModel } from './paragraph-info.model';
+export declare class ParagraphInfoContentInserted {
+    paragraph: ParagraphInfoModel;
+    index: number;
+    length: number;
+    constructor(paragraph: ParagraphInfoModel, index: number, length: number);
+}

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

@@ -5,5 +5,6 @@ export declare class ParagraphInfoModel {
     paragraphSettings: Paragraph;
     startIndex: number;
     lineNumber: number;
+    id: number;
     constructor(fields?: Partial<ParagraphInfoModel>);
 }

package/lib/editor/content/display-data/models/paragraphs-infos-removed.model.d.ts

@@ -0,0 +1,4 @@
+export declare class ParagraphInfosRemoved {
+    ids: number[];
+    constructor(id: number[]);
+}

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

@@ -19,5 +19,7 @@ export declare class TextLineInfo {
     indentLeft: number;
     wordSpacing?: number;
     wordSpacingWidth?: number;
+    isNumbering: boolean;
+    markerWidth?: number;
     constructor(offsetMargin: number, contentWidth: number, align: number, indent: IndentModel, fields?: Partial<LineInfoModel>);
 }

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

@@ -0,0 +1,12 @@
+import { EditSession } from '../../execution/edit.session';
+import { GrammarError } from '../../../models/generated/grammar-error';
+import { HighlightLayer } from './highlight.layer';
+import { ILayerConfig } from './layer.config';
+export declare class GrammarHighlightLayer extends HighlightLayer {
+    private readonly className;
+    private readonly errorsByParagraph;
+    constructor(parentEl: HTMLElement, cssClass: string, session: EditSession);
+    update(config: ILayerConfig): void;
+    setErrors(paragraphId: number, errors: GrammarError[]): void;
+    removeParagraphHighlights(paragraphId: number): void;
+}

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

@@ -9,5 +9,6 @@ export interface IRenderChanges {
     text?: boolean;
     dragAndDrop?: boolean;
     search?: boolean;
+    grammar?: boolean;
     visibilityChanged?: boolean;
 }

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

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

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

@@ -1,9 +1,13 @@
+import { Subject } from 'rxjs';
 import { CursorLayer } from './layers/cursor.layer';
 import { CursorParagraph } from '../positioning/cursor-paragraph';
 import { CustomElementInfo } from './custom-element-info.model';
 import { EditSession } from '../execution/edit.session';
 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 { ParagraphInfoModel } from '../content/display-data/models/paragraph-info.model';
 import { Range } from '../positioning/range';
 import { RenderChangesModel } from './render-changes.model';
 import { RenderLoop } from './renderloop';
@@ -19,11 +23,16 @@ export declare class Renderer extends EventEmitting {
     selectionLayer: SelectionLayer;
     dragAndDropSelectionLayer: SelectionLayer;
     searchHighlightLayer: SearchHighlightLayer;
+    grammarHighlightLayer: GrammarHighlightLayer;
     loop: RenderLoop;
     textarea: HTMLElement;
     layerConfig: ILayerConfig;
     isVisible: boolean;
     changes: RenderChangesModel;
+    readonly ParagraphsAppeared: Subject<ParagraphInfoModel[]>;
+    get ParagraphsAppeared$(): import("rxjs").Observable<ParagraphInfoModel[]>;
+    private visibilitySubject;
+    private visibilitySubscription;
     readonly textareaSize: {
         height: number;
         width: number;
@@ -39,6 +48,8 @@ export declare class Renderer extends EventEmitting {
     updateSearchHighlights(ranges: Range[]): void;
     updateCustomElementHighlights(ranges: CustomElementInfo[]): void;
     updateActiveSearchHighlight(active: Range | CustomElementInfo): void;
+    updateGrammarHighlights(paragraphId: number, errors: GrammarError[]): void;
+    removeGrammarHighlights(paragraphId: number): void;
     updateDragAndDropSelection(range: Range | null): void;
     clearDragAndDropSelection(): void;
     setVisibility(isVisible: boolean): void;
@@ -66,8 +77,10 @@ export declare class Renderer extends EventEmitting {
     renderCursor(): void;
     renderSelection(): void;
     renderSearchHighlights(): void;
+    renderGrammarHighlights(): void;
     renderDragAndDropSelection(): void;
     private computeLayerConfig;
     private pagesCountChangedHandler;
     private createContentContainer;
+    private paragraphsScrolledIntoView;
 }

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

@@ -3,6 +3,7 @@ import { CursorParagraph } from '../positioning/cursor-paragraph';
 import { CustomElementInfo } from './custom-element-info.model';
 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 { PagesLayer } from './layers/pages.layer';
 import { Range } from '../positioning/range';
@@ -34,6 +35,9 @@ export declare class VirtualRenderer {
         dirty: boolean;
     };
     private scrollSubscription;
+    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);
     renderChanges(changes: RenderChangesModel, force?: boolean): void;
     /**
@@ -50,6 +54,8 @@ export declare class VirtualRenderer {
     updateSearchHighlights(ranges: Range[]): void;
     updateCustomElementHighlights(ranges: CustomElementInfo[]): void;
     updateActiveSearchHighlight(active: Range | CustomElementInfo): void;
+    updateGrammarHighlights(paragraphIndex: number, errors: GrammarError[]): void;
+    removeGrammarHighlights(paragraphIndex: number): void;
     updateDragAndDropSelection(range: Range): void;
     clearDragAndDropSelection(): void;
     /**
@@ -81,5 +87,7 @@ export declare class VirtualRenderer {
     private renderCursor;
     private renderSelection;
     private renderSearchHighlights;
+    private renderGrammarHighlights;
     private renderDragAndDropSelection;
+    private paragraphsScrolledIntoView;
 }

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

@@ -1,5 +1,6 @@
 import { ComponentRef, Type } from '@angular/core';
 import { ApplyImageStyleModel } from '../../models/generated/apply-image-style.model';
+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 { ContentType } from '../content/contents.interface';
@@ -55,6 +56,7 @@ export declare class EditSession {
     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);
     destroy(): void;
     getRowLength(row: number): number;
@@ -72,7 +74,8 @@ export declare class EditSession {
     getDisplayLine(row: number, endColumn: number, startColumn?: number): string;
     isEdgeOrWithinEdge(): boolean;
     isEdge(): boolean;
-    isWithinEdge(): boolean;
+    isCell(): boolean;
+    isCellWithinEdge(): boolean;
     onRendered(): void;
     provideTextStyle(start: number, end: number): void;
     removeByDocumentIndexes(startIndex: number, endIndex: number): void;
@@ -105,6 +108,7 @@ export declare class EditSession {
     insertImage(position: CursorParagraph, imageData: ImageDataModel): CursorParagraph;
     insertLink(position: CursorParagraph, linkData: LinkDataModel): CursorParagraph;
     insertTable(position: CursorParagraph, tableModel: InsertTableModel): CursorParagraph;
+    applyTableCellsStyles(model: ApplyTableCellsStylesModel): void;
     removeMoveRange(moveModel: MoveRangeModel): RestoreModel;
     restoreMoveRange(restoreModel: RestoreModel, moveModel: MoveRangeModel, _sourceSessionId: number): Range;
     isPositionInRange(position: CursorParagraph, range: Range): boolean;

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

@@ -1,6 +1,7 @@
 import { Clipboard } from '@angular/cdk/clipboard';
 import { ElementRef } from '@angular/core';
 import { Subscription } from 'rxjs';
+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 { CommandsService } from '../operations/commands.service';
@@ -12,6 +13,8 @@ import { EdgeType } from '../components/edges/edge-type.enum';
 import { EditorService } from '../interaction/editor.service';
 import { EditSession } from './edit.session';
 import { ElementDataModel } from '../components/external-element/models/element-data.model';
+import { GrammarChecker } from '../gadgets/grammar/grammar-checker';
+import { GrammarError } from '../../models/generated/grammar-error';
 import { ImageDataModel } from '../../models/generated/image-data.model';
 import { ImageModel } from '../../models/generated/image.model';
 import { InputHandler } from '../interaction/input.handler';
@@ -28,6 +31,7 @@ import { MoveRangeModel } from '../../models/generated/move-range.model';
 import { NumberingLevelModel } from '../../models/generated/numbering-level.model';
 import { Operation } from '../gadgets/history/operation.type';
 import { OperationHistory } from '../gadgets/history/operation-history';
+import { OverlayService } from '../components/shared/services/overlay.service';
 import { PageFormatModel } from '../../models/generated/page-format.model';
 import { PageType } from '../components/edges/page-type.enum';
 import { ParagraphModel } from '../../models/generated/paragraph.model';
@@ -40,7 +44,9 @@ import { ReplaceModel } from '../../models/generated/replace.model';
 import { ResizeTableColumnsModel } from '../../models/generated/resize-table-columns.model';
 import { RestoreWithParagraphModel } from '../../models/generated/restore-with-paragraph.model';
 import { Selection } from '../positioning/selection';
+import { SelectionRangeModel } from '../components/table/models/selection-range.model';
 import { SessionModel } from '../execution/targeting/session.model';
+import { TableModel } from '../../models/generated/table.model';
 import { TargetModel } from '../../models/generated/target.model';
 import { TextStyleModel } from '../../models/generated/text-style.model';
 import { TouchHandler } from '../interaction/touch.handler';
@@ -49,6 +55,7 @@ export declare class Editor {
     private model;
     private container;
     private editorService;
+    private overlayService;
     private regulatorService;
     private commandsService;
     private clipboard;
@@ -67,6 +74,7 @@ export declare class Editor {
     get renderer(): Renderer | VirtualRenderer;
     get isViewOnly(): boolean;
     get targets(): TargetModel[];
+    get grammarChecker(): GrammarChecker;
     selection: Selection;
     mouseHandler: MouseHandler;
     touchHandler: TouchHandler;
@@ -80,7 +88,7 @@ export declare class Editor {
     private textInput;
     private clipboardData;
     private isRerenderSubscriptionOpen;
-    constructor(model: DocxModel, container: ElementRef<HTMLElement>, editorService: EditorService, regulatorService: RegulatorService, commandsService: CommandsService, clipboard: Clipboard, externalElementTagNames: string[], customPageWidth?: number);
+    constructor(model: DocxModel, container: ElementRef<HTMLElement>, editorService: EditorService, overlayService: OverlayService, regulatorService: RegulatorService, commandsService: CommandsService, clipboard: Clipboard, externalElementTagNames: string[], customPageWidth?: number);
     destroy(): void;
     selectPageDown(): void;
     selectPageUp(): void;
@@ -100,6 +108,7 @@ export declare class Editor {
         rows: number;
         columns: number;
     }): void;
+    applyTableCellsStyles<T>(data: T, handler: (data: T, table: TableModel, selection: SelectionRangeModel) => ApplyTableCellsStylesModel): void;
     replaceBy(model: ReplaceModel): void;
     removeToLineStart(): void;
     removeToLineEnd(): void;
@@ -135,6 +144,7 @@ export declare class Editor {
     saveInsertImageToHistory(model: InsertImageModel): void;
     saveInsertLinkToHistory(model: InsertLinkModel): void;
     saveInsertTableToHistory(model: InsertTableModel): void;
+    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;
@@ -205,6 +215,7 @@ export declare class Editor {
     applyPageFormat(model: PageFormatModel): void;
     insertPageFormat(model: PageFormatModel): void;
     applyDocumentPageFormat(model: PageFormatModel): void;
+    applyGrammarSuggestion(error: GrammarError, paragraphIndex: number, suggestionIndex: number): void;
     receiveTextStyleSubscription(): Subscription;
     viewOnlyModeSubscription(): Subscription;
     applyLeftMarginPageFormatSubscription(): Subscription;
@@ -214,6 +225,8 @@ export declare class Editor {
     applyDocumentPageFormatSubscription(): Subscription;
     searchOptionSubscriptions(): Subscription[];
     replaceSubscription(): Subscription[];
+    grammarReplaceSubscription(): Subscription;
+    ignoreGrammarErrorSubscription(): Subscription;
     setTextStylesSubscription(): Subscription;
     setParagraphStylesSubscription(): Subscription;
     setNumberingTemplateTypeSubscription(): Subscription;
@@ -242,6 +255,9 @@ export declare class Editor {
     removeRightSubscription(): Subscription;
     resizeTableColumnsSubscription(): Subscription;
     insertTableSubscription(): Subscription;
+    updateTableBorderStyleSubscription(): Subscription;
+    updateTableBorderWidthSubscription(): Subscription;
+    updateTableBordersSubscription(): Subscription;
     insertTextSubscription(): Subscription;
     undoSubscription(): Subscription;
     redoSubscription(): Subscription;

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

@@ -5,6 +5,8 @@ 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';
 import { NoderEdgeComponent } from '../components/edges/edge.component';
 import { NoderTableCellComponent } from '../components/table/components/table-cell.component';
@@ -17,12 +19,14 @@ export declare class RegulatorService {
     private customContentService;
     private editorService;
     private componentService;
+    private grammarService;
     mainSession: SessionModel;
     sessions: SessionModel[];
     currentSession: SessionModel;
     selection: Selection;
     sessionIdIncrement: number;
-    constructor(customContentService: CustomContentService, editorService: EditorService, componentService: ComponentService);
+    readonly grammarChecker: GrammarChecker;
+    constructor(customContentService: CustomContentService, editorService: EditorService, componentService: ComponentService, grammarService: GrammarService);
     addMainSession(model: DocxModel, scalingRatio: number, container: ElementRef<HTMLElement>): void;
     addCellSession(table: TableModel, margins: MarginModel, component: NoderTableCellComponent, properties: GeneralPropertiesModel): SessionModel;
     addEdgeSession(component: NoderEdgeComponent): SessionModel;

package/lib/editor/execution/targeting/cell-session-source.model.d.ts

@@ -3,8 +3,8 @@ import { SessionSourceModel } from './session-source.model';
 import { TableModel } from '../../../models/generated/table.model';
 import { TargetModel } from '../../../models/generated/target.model';
 export declare class CellSessionSourceModel implements SessionSourceModel {
-    private table;
-    private cellComponent;
+    readonly table: TableModel;
+    readonly cellComponent: NoderTableCellComponent;
     constructor(table: TableModel, cellComponent: NoderTableCellComponent);
     getTarget(): TargetModel;
 }

package/lib/editor/gadgets/grammar/grammar-checker.d.ts

@@ -0,0 +1,25 @@
+import { GrammarError } from '../../../models/generated/grammar-error';
+import { GrammarService } from './grammar.service';
+import { SessionModel } from '../../../editor/execution/targeting/session.model';
+export declare class GrammarChecker {
+    private readonly grammarService;
+    private readonly ignoreKey;
+    private readonly sessionMap;
+    private readonly paragraphErrorMap;
+    private readonly checkedParagraphs;
+    private readonly sessionSubscriptions;
+    private readonly ignoreList;
+    private readonly checkResultsSubscription;
+    private readonly visibilitySubscriptions;
+    constructor(grammarService: GrammarService);
+    registerSession(session: SessionModel): void;
+    unregisterSession(sessionId: number): void;
+    getError(sessionId: number, paragraphId: number, cursorIndex: number): GrammarError | null;
+    addErrorToIgnoreList(grammarError: GrammarError): void;
+    destroy(): void;
+    private filterErrors;
+    private processGrammarCheckResults;
+    private processParagraphChange;
+    private adjustHighlights;
+    private getSessionIdFromKey;
+}

package/lib/editor/gadgets/grammar/grammar-popup/grammar-popup.component.d.ts

@@ -0,0 +1,16 @@
+import { EditorService } from '../../../interaction/editor.service';
+import { GrammarError } from '../../../../models/generated/grammar-error';
+import { OverlayService } from '../../../components/shared/services/overlay.service';
+import * as i0 from "@angular/core";
+export declare class GrammarPopupComponent {
+    private readonly editorService;
+    private readonly overlayService;
+    hostHeight: string;
+    error: GrammarError;
+    paragraphIndex: number;
+    constructor(editorService: EditorService, overlayService: OverlayService);
+    onSuggestionClick(index: number): void;
+    onIgnoreClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GrammarPopupComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GrammarPopupComponent, "app-nod-grammar-popup", never, { "error": { "alias": "error"; "required": false; }; "paragraphIndex": { "alias": "paragraphIndex"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/editor/gadgets/grammar/grammar.const.d.ts

@@ -0,0 +1 @@
+export declare const POPUP_HEIGHT = 150;