@talrace/ngx-noder 0.0.7 → 0.0.9

package/lib/{+shared/editor/core → editor/display}/virtual.renderer.d.ts

@@ -1,18 +1,16 @@
 import { CursorLayer } from './layers/cursor.layer';
-import { EdgesLayer } from './layers/edges.layer';
+import { CursorParagraph } from '../positioning/cursor-paragraph';
 import { EditorService } from '../interaction/editor.service';
-import { EditSession } from './edit.session';
-import { EventEmitting } from './base/event-emitting';
-import { ILayerConfig } from './interfaces/layer.config';
+import { EditSession } from '../execution/edit.session';
+import { ILayerConfig } from './layers/layer.config';
 import { PagesLayer } from './layers/pages.layer';
-import { Point } from './point';
-import { Range } from './range';
-import { RenderChangesModel } from './models/render-changes.model';
+import { Range } from '../positioning/range';
+import { RenderChangesModel } from './render-changes.model';
 import { Renderer } from './renderer';
-import { RenderLoop } from './layers/renderloop';
-import { ScrollBar } from './layers/scrollbar';
-export declare class VirtualRenderer extends EventEmitting {
-    private editorService;
+import { RenderLoop } from './renderloop';
+import { ScrollBar } from '../gadgets/scrollbar';
+export declare class VirtualRenderer {
+    scrollBar: ScrollBar;
     get isMousePressed(): boolean;
     set isMousePressed(val: boolean);
     get cursorLayer(): CursorLayer;
@@ -24,11 +22,8 @@ export declare class VirtualRenderer extends EventEmitting {
     set layerConfig(val: ILayerConfig);
     container: HTMLElement;
     scroller: HTMLElement;
-    edgesLayer: EdgesLayer;
     pagesLayer: PagesLayer;
-    scrollBar: ScrollBar;
     canScroll: boolean;
-    scrollTop: number;
     renderer: Renderer;
     changes: RenderChangesModel;
     size: {
@@ -38,7 +33,8 @@ export declare class VirtualRenderer extends EventEmitting {
         scrollerWidth: number;
         dirty: boolean;
     };
-    constructor(parentContainer: HTMLElement, editorService: EditorService);
+    private scrollSubscription;
+    constructor(parentContainer: HTMLElement, editorService: EditorService, mainSession: EditSession, scrollBar: ScrollBar);
     renderChanges(changes: RenderChangesModel, force?: boolean): void;
     /**
      * Triggers a resize of the editor
@@ -50,7 +46,6 @@ export declare class VirtualRenderer extends EventEmitting {
     updateLines(firstRow: number, lastRow: number): void;
     updateCachedSize(force: boolean, width: number, height: number): RenderChangesModel;
     moveTextAreaToCursor(): void;
-    setSession(session: EditSession): void;
     updateSelection(range: Range): void;
     /**
      * Triggers a full update of the text, for all the rows.
@@ -61,28 +56,18 @@ export declare class VirtualRenderer extends EventEmitting {
      **/
     updateFull(force?: boolean): void;
     updateCursor(): void;
-    scrollSelectionIntoView(anchor: Point, lead: Point, offset?: number): void;
+    scrollSelectionIntoView(anchor: CursorParagraph, lead: CursorParagraph, offset?: number): void;
     /**
      * Scrolls the cursor into the first visibile area of the editor
      **/
-    scrollCursorIntoView(cursor?: Point, offset?: number): void;
-    /**
-     * Scrolls the editor to the y pixel indicated.
-     **/
-    scrollTo(scrollTop: number): void;
-    /**
-     * Scrolls the editor across y-axe.
-     **/
+    scrollCursorIntoView(cursor?: CursorParagraph, offset?: number): void;
     scrollBy(deltaY: number): void;
-    screenToTextCoordinates(x: number, y: number): Point;
+    screenToTextCoordinates(x: number, y: number): CursorParagraph;
     showCursor(): void;
     hideCursor(): void;
     destroy(): void;
     private computeLayerConfig;
-    private updateScrollBar;
     private createScroller;
-    private createLayers;
-    private createScroll;
     private createRenderLoop;
     private renderScroll;
     private renderFull;

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

@@ -0,0 +1,31 @@
+import { ModuleWithProviders, Type } from '@angular/core';
+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 * 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 "@angular/material/button";
+import * as i11 from "@angular/material/dialog";
+import * as i12 from "@angular/material/icon";
+import * as i13 from "@angular/material/sidenav";
+import * as i14 from "@angular/material/tooltip";
+import * as i15 from "@angular/forms";
+export interface INoderOptions {
+    sidenav?: Partial<ExternalSidenavModel>;
+    imageApiService?: Type<ImageApiService>;
+    elementService: Type<ExternalElementInterface>;
+}
+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.MatButtonModule, typeof i11.MatDialogModule, typeof i12.MatIconModule, typeof i13.MatSidenavModule, typeof i14.MatTooltipModule, typeof i15.ReactiveFormsModule], [typeof i1.EditorComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<EditorModule>;
+}

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

@@ -0,0 +1,113 @@
+import { ComponentRef, Type } from '@angular/core';
+import { ApplyElementStyleModel } from '../../models/generated/apply-element-style.model';
+import { ApplyImageStyleModel } from '../../models/generated/apply-image-style.model';
+import { BaseNoderComponent } from '../components/shared/abstract/base.component';
+import { BreakTypes } from '../gadgets/page-break/break-types.enum';
+import { ContentsInterface } from '../content/contents.interface';
+import { CursorParagraph } from '../positioning/cursor-paragraph';
+import { CustomContent } from '../components/shared/custom-content';
+import { CustomContentService } from '../components/shared/services/custom-content.service';
+import { DisplayData } from '../content/display-data/display-data';
+import { EditorService } from '../interaction/editor.service';
+import { ElementDataModel } from '../components/external-element/models/element-data.model';
+import { ElementModel } from '../../models/generated/element.model';
+import { FormatModel } from '../../models/generated/format.model';
+import { GeneralPropertiesModel } from '../content/display-data/general-properties.model';
+import { ICustomComponents } from '../components/shared/custom-components.interface';
+import { ImageDataModel } from '../../models/generated/image-data.model';
+import { InsertBreakModel } from '../../models/generated/insert-break.model';
+import { InsertElementModel } from '../../models/generated/insert-element.model';
+import { InsertImageModel } from '../../models/generated/insert-image.model';
+import { InsertLinkModel } from '../../models/generated/insert-link.model';
+import { InsertParagraphModel } from '../../models/generated/insert-paragraph.model';
+import { InsertTableModel } from '../../models/generated/insert-table.model';
+import { InsertTabModel } from '../../models/generated/insert-tab.model';
+import { LinkDataModel } from '../../models/generated/link-data.model';
+import { LinkModel } from '../../models/generated/link.model';
+import { NumberingLevelModel } from '../../models/generated/numbering-level.model';
+import { NumberingModel } from '../../models/generated/numbering.model';
+import { ParagraphModel } from '../../models/generated/paragraph.model';
+import { ParagraphStyleModel } from '../../models/generated/paragraph-style.model';
+import { Range } from '../positioning/range';
+import { ReplaceModel } from '../../models/generated/replace.model';
+import { ResizeTableColumnsModel } from '../../models/generated/resize-table-columns.model';
+import { RestoreModel } from '../../models/generated/restore.model';
+import { ScrollBar } from '../gadgets/scrollbar';
+import { Selection } from '../positioning/selection';
+import { TableModel } from '../../models/generated/table.model';
+import { TextStyleModel } from '../../models/generated/text-style.model';
+export declare class EditSession {
+    displayData: DisplayData;
+    sessionId: number;
+    customContentService: CustomContentService;
+    model: ContentsInterface;
+    selection: Selection;
+    generalProperties: GeneralPropertiesModel;
+    editorService: EditorService;
+    customComponents: ICustomComponents;
+    private type;
+    private scrollBar?;
+    tokenRe: RegExp;
+    nonTokenRe: RegExp;
+    get scrollTop(): number;
+    constructor(displayData: DisplayData, sessionId: number, customContentService: CustomContentService, model: ContentsInterface, selection: Selection, generalProperties: GeneralPropertiesModel, editorService: EditorService, customComponents: ICustomComponents, type: 'cell' | 'edge' | 'main', scrollBar?: ScrollBar);
+    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.
+     * The first position indicates the number of columns for `str` on screen.
+     * The second value contains the position of the document column that this function read until.
+     */
+    getStringScreenWidth(str: string, maxScreenColumn?: number): number[];
+    /**
+     * Given a starting row and column, this method returns the `Range` of the first word boundary it finds.
+     */
+    getWordRange(row: number, column: number): Range;
+    getDisplayLine(row: number, endColumn: number, startColumn?: number): string;
+    removeByDocumentIndexes(startIndex: number, endIndex: number): void;
+    insertTextByDocumentIndex(index: number, text: string, style?: TextStyleModel): CursorParagraph;
+    insertElementByDocumentIndex(insertElement: InsertElementModel): CursorParagraph;
+    insertBreakByDocumentIndex(insertElement: InsertBreakModel): CursorParagraph;
+    insertTabByDocumentIndex(insertElement: InsertTabModel): CursorParagraph;
+    insertImageByDocumentIndex(insertElement: InsertImageModel): CursorParagraph;
+    insertTableByDocumentIndex(insertElement: InsertTableModel): CursorParagraph;
+    insertLinkByDocumentIndex(insertElement: InsertLinkModel): CursorParagraph;
+    insertParagraphByDocumentIndex(insertElement: InsertParagraphModel): CursorParagraph;
+    applyTextStyle(startIndex: number, endIndex: number, textStyle: TextStyleModel): void;
+    applyParagraphStyle(startIndex: number, endIndex: number, paragraphStyle: ParagraphStyleModel): void;
+    applyElementStyle(model: ApplyElementStyleModel): void;
+    addNumbering(levels: NumberingLevelModel[], startIndex: number, endIndex: number): void;
+    removeNumberings(startIndex: number, endIndex: number): void;
+    restoreNumberings(paragraphs: ParagraphModel[], numberings: NumberingModel[]): void;
+    applyImageStyle(applyImage: ApplyImageStyleModel): void;
+    restoreTextStyles(formats: FormatModel[]): void;
+    restoreParagraphStyles(paragraphs: ParagraphModel[]): void;
+    setTextStyle(textStyle: TextStyleModel): void;
+    /**
+     * Removes the `range` from the document.
+     * If `range` is empty, this function returns the unmodified value of `range.start`.
+     */
+    remove(range: Range): void;
+    replace(model: ReplaceModel): CursorParagraph;
+    insertText(position: CursorParagraph, text: string, cursorStyle?: TextStyleModel): CursorParagraph;
+    insertElement(position: CursorParagraph, element: ElementDataModel): CursorParagraph;
+    insertBreak(position: CursorParagraph, breakType: BreakTypes): CursorParagraph;
+    insertTab(position: CursorParagraph): CursorParagraph;
+    insertImage(position: CursorParagraph, imageData: ImageDataModel): CursorParagraph;
+    insertLink(position: CursorParagraph, linkData: LinkDataModel): CursorParagraph;
+    insertTable(position: CursorParagraph, tableModel: InsertTableModel): CursorParagraph;
+    insertParagraph(position: CursorParagraph, paragraphModel: InsertParagraphModel): CursorParagraph;
+    addComponent<T extends BaseNoderComponent>(customElements: ComponentRef<T>[], model: CustomContent, componentType: Type<T>): void;
+    applyToolbarStyles(): void;
+    restore(model: RestoreModel): void;
+    restoreComponents<T extends BaseNoderComponent>(models: CustomContent[], components: ComponentRef<BaseNoderComponent>[], componentType: Type<T>, restoreIndex: number, restoreEndIndex: number): void;
+    restoreElementComponents(elements: ElementModel[], restoreIndex: number, restoreEndIndex: number): void;
+    getLinkModel(cursor: CursorParagraph): LinkModel;
+    insertTableRows(insertIndex: number, rowsCount: number, targetIndex: number, inheritIndex: number): void;
+    insertTableColumns(insertIndex: number, columnsCount: number, targetIndex: number, inheritIndex: number): void;
+    removeTableRows(insertIndex: number, startIndex: number, endIndex: number): void;
+    removeTableColumns(insertIndex: number, startIndex: number, endIndex: number): void;
+    resizeTableColumns(resizeTableColumns: ResizeTableColumnsModel): void;
+    restoreTable(insertIndex: number, table: TableModel): void;
+}

package/lib/{+shared/editor/core → editor/execution}/editor.d.ts

@@ -1,53 +1,55 @@
 import { Clipboard } from '@angular/cdk/clipboard';
 import { ElementRef } from '@angular/core';
 import { Subscription } from 'rxjs';
-import { BreakTypes } from './enums/break-types.enum';
-import { CommandsService } from '../../services/commands.service';
-import { DocxModel } from '../../../models/generated/docx.model';
+import { BreakTypes } from '../gadgets/page-break/break-types.enum';
+import { CommandsService } from '../operations/commands.service';
+import { DocumentHandler } from '../interaction/document.handler';
+import { DocxModel } from '../../models/generated/docx.model';
 import { EditorService } from '../interaction/editor.service';
 import { EditSession } from './edit.session';
-import { ElementDataModel } from '../custom-components/external-element/models/element-data.model';
-import { ElementModel } from '../../../models/generated/element.model';
-import { EventEmitting } from './base/event-emitting';
-import { ImageDataModel } from '../../../models/generated/image-data.model';
-import { ImageModel } from '../../../models/generated/image.model';
+import { ElementDataModel } from '../components/external-element/models/element-data.model';
+import { ElementModel } from '../../models/generated/element.model';
+import { ImageDataModel } from '../../models/generated/image-data.model';
+import { ImageModel } from '../../models/generated/image.model';
 import { InputHandler } from '../interaction/input.handler';
-import { InsertBreakModel } from '../../../models/generated/insert-break.model';
-import { InsertElementModel } from '../../../models/generated/insert-element.model';
-import { InsertImageModel } from '../../../models/generated/insert-image.model';
-import { InsertLinkModel } from '../../../models/generated/insert-link.model';
-import { InsertTableModel } from '../../../models/generated/insert-table.model';
-import { InsertTabModel } from '../../../models/generated/insert-tab.model';
-import { IToolbarStyles } from './interfaces/toolbar-styles.interface';
-import { LinkDataModel } from '../../../models/generated/link-data.model';
+import { InsertBreakModel } from '../../models/generated/insert-break.model';
+import { InsertElementModel } from '../../models/generated/insert-element.model';
+import { InsertImageModel } from '../../models/generated/insert-image.model';
+import { InsertLinkModel } from '../../models/generated/insert-link.model';
+import { InsertParagraphModel } from '../../models/generated/insert-paragraph.model';
+import { InsertTableModel } from '../../models/generated/insert-table.model';
+import { InsertTabModel } from '../../models/generated/insert-tab.model';
+import { LinkDataModel } from '../../models/generated/link-data.model';
 import { MouseHandler } from '../interaction/mouse.handler';
-import { NoderEdgeComponent } from './components/edges/edge.component';
-import { NumberingLevelModel } from '../../../models/generated/numbering-level.model';
-import { Operation } from '../operation-history/operation.type';
-import { OperationHistory } from '../operation-history/operation-history';
-import { ParagraphStyleModel } from '../../../models/generated/paragraph-style.model';
-import { Range } from './range';
-import { RegulatorService } from '../execution/regulator.service';
-import { Renderer } from './renderer';
-import { ReplaceModel } from '../../../models/generated/replace.model';
-import { ResizeTableColumnsModel } from '../../../models/generated/resize-table-columns.model';
-import { SearchOptions } from './search';
-import { SearchIteration } from './interfaces/search-iteration.interface';
+import { NumberingLevelModel } from '../../models/generated/numbering-level.model';
+import { Operation } from '../gadgets/history/operation.type';
+import { OperationHistory } from '../gadgets/history/operation-history';
+import { ParagraphStyleModel } from '../../models/generated/paragraph-style.model';
+import { Range } from '../positioning/range';
+import { RegulatorService } from './regulator.service';
+import { Renderer } from '../display/renderer';
+import { ReplaceModel } from '../../models/generated/replace.model';
+import { ResizeTableColumnsModel } from '../../models/generated/resize-table-columns.model';
+import { SearchOptions } from '../gadgets/search/search';
+import { SearchIteration } from '../gadgets/search/search-iteration.interface';
 import { Selection } from '../positioning/selection';
-import { TargetModel } from '../../../models/generated/target.model';
-import { TextStyleModel } from '../../../models/generated/text-style.model';
-import { VirtualRenderer } from './virtual.renderer';
-export declare class Editor extends EventEmitting {
+import { TargetModel } from '../../models/generated/target.model';
+import { TextStyleModel } from '../../models/generated/text-style.model';
+import { VirtualRenderer } from '../display/virtual.renderer';
+export declare class Editor {
     private model;
     private container;
     private editorService;
     private regulatorService;
     private commandsService;
     private clipboard;
+    private externalElementTagNames;
+    private customPageWidth?;
     readonly MAX_COUNT = 999;
-    readonly parentTagName = "APP-EDITOR";
-    readonly tableCellTagName = "APP-NODER-TABLE-CELL";
-    readonly customElementTagNamesWithoutTable: string[];
+    readonly parentTagName = "APP-NOD-EDITOR";
+    readonly tableCellTagName = "APP-NOD-TABLE-CELL";
+    readonly edgeElementTagName = "APP-NOD-EDGE";
+    readonly imageTagName = "APP-NOD-IMAGE";
     readonly customElementTagNames: string[];
     readonly history: OperationHistory;
     get mainSession(): EditSession;
@@ -59,12 +61,13 @@ export declare class Editor extends EventEmitting {
     selection: Selection;
     mouseHandler: MouseHandler;
     inputHandler: InputHandler;
+    documentHandler: DocumentHandler;
     subscriptions: Subscription[];
     private search;
     private textInput;
     private focusedComponent;
     private clipboardData;
-    constructor(model: DocxModel, container: ElementRef<HTMLElement>, editorService: EditorService, regulatorService: RegulatorService, commandsService: CommandsService, clipboard: Clipboard);
+    constructor(model: DocxModel, container: ElementRef<HTMLElement>, editorService: EditorService, regulatorService: RegulatorService, commandsService: CommandsService, clipboard: Clipboard, externalElementTagNames: string[], customPageWidth?: number);
     destroy(): void;
     selectPageDown(): void;
     selectPageUp(): void;
@@ -73,7 +76,6 @@ export declare class Editor extends EventEmitting {
     cut(): void;
     insert(text: string): void;
     insertText(text: string, textStyle: TextStyleModel): void;
-    replaceText(text: string): void;
     removeLeft(): void;
     removeRight(): void;
     insertBreak(breakType: BreakTypes): void;
@@ -84,16 +86,20 @@ export declare class Editor extends EventEmitting {
         rows: number;
         columns: number;
     }): void;
+    insertTableInNewParagraph(insertTable: InsertTableModel, insertIndex: number): void;
+    insertTableInCurrentParagraph(insertTable: InsertTableModel): void;
     replaceBy(model: ReplaceModel): void;
     removeToLineStart(): void;
     removeToLineEnd(): void;
     removeWordLeft(): void;
     removeWordRight(): void;
+    applyTextStyleBold(): void;
+    applyTextStyleItalic(): void;
+    applyTextStyleUnderline(): void;
     applyTextStyles(textStyle: TextStyleModel): void;
     setTextStyle(textStyle: TextStyleModel): void;
     applyParagraphStyles(paragraphStyle: ParagraphStyleModel): void;
     applyElementStyle(current: ElementModel): void;
-    handleImageStyleChange(previous: ImageModel, current: ImageModel): void;
     setNumberingTemplate(templateLevels: NumberingLevelModel[]): void;
     removeNumberingsFromParagraphs(): void;
     applyImageStyles(image: ImageModel): void;
@@ -107,6 +113,7 @@ export declare class Editor extends EventEmitting {
     applyOperation(operation: Operation): void;
     saveRemoveToHistory(range: Range): void;
     saveInsertTextToHistory(paragraph: number, indexInParagraph: number, text: string): void;
+    saveInsertParagraphToHistory(model: InsertParagraphModel): void;
     saveInsertStyledTextToHistory(paragraph: number, indexInParagraph: number, text: string, style: TextStyleModel): void;
     saveInsertElementToHistory(model: InsertElementModel): void;
     saveInsertBreakToHistory(model: InsertBreakModel): void;
@@ -116,6 +123,7 @@ export declare class Editor extends EventEmitting {
     saveInsertTableToHistory(model: InsertTableModel): void;
     saveApplyTextStyleToHistory(startIndex: number, endIndex: number, textStyle: TextStyleModel): void;
     saveApplyParagraphStyleToHistory(startIndex: number, endIndex: number, paragraphStyle: ParagraphStyleModel): void;
+    saveApplyElementStyleToHistory(current: ElementModel): void;
     saveAddNumberingToHistory(templateLevels: NumberingLevelModel[], startIndex: number, endIndex: number): void;
     saveRemoveNumberingToHistory(startIndex: number, endIndex: number): void;
     private saveApplyImageStyleToHistory;
@@ -141,20 +149,18 @@ export declare class Editor extends EventEmitting {
     onMouseWheel(event: WheelEvent): void;
     setCurrentSession(clickPositionY: number, element: HTMLElement): HTMLElement | null;
     getCustomElement(element: HTMLElement): HTMLElement | null;
-    getClickedEdgeData(mousePosition: number): {
-        edge: NoderEdgeComponent;
-        clickedPage: number;
-    } | null;
-    setStyles: (styles: IToolbarStyles) => void;
+    isParentEdge(element: HTMLElement): boolean;
+    getClickedPage(mousePosition: number): number;
     /**
      * Returns the string of text currently highlighted.
      */
     getSelectedText(): string;
     initMainSession(): void;
     onSelectionChange(): void;
-    onScrollTopChange: (value: number) => void;
+    enableSelection(): void;
+    onHotKeyDown(event: KeyboardEvent): void;
+    onPrint(): void;
     private onDocumentChange;
-    destroyMainSessionListeners(): void;
     private focusCustomComponent;
     private blurCustomComponent;
     private isEmptyNumberingParagraph;
@@ -180,7 +186,7 @@ export declare class Editor extends EventEmitting {
     insertImageSubscription(): Subscription;
     insertLinkSubscription(): Subscription;
     endMousePressSubscription(): Subscription;
-    clearSelectionSubscription(): Subscription;
+    disableSelectionSubscription(): Subscription;
     changedTableSizeSubscription(): Subscription;
     insertTableRowsSubscription(): Subscription;
     insertTableColumnsSubscription(): Subscription;
@@ -189,11 +195,13 @@ export declare class Editor extends EventEmitting {
     removedImageSubscription(): Subscription;
     resizeTableColumnsSubscription(): Subscription;
     insertTableSubscription(): Subscription;
+    insertTextSubscription(): Subscription;
     rendererUpdatedSubscription(): Subscription;
     edgeElementCopyUpdatedSubscription(): Subscription;
     changedEdgeHeightSubscription(): Subscription;
     undoSubscription(): Subscription;
     redoSubscription(): Subscription;
+    blurCustomComponentSubscription(): Subscription;
     private printSubscription;
     private cutSelectedSubscription;
     private copySelectedSubscription;
@@ -203,4 +211,5 @@ export declare class Editor extends EventEmitting {
     private selectAllSubscription;
     private removeSelectedSubscription;
     private clipboardDataSubscription;
+    updateEdgeSubscription(): Subscription;
 }

package/lib/{+shared/editor/core → editor/execution}/helpers/format-style.helper.d.ts

@@ -1,9 +1,5 @@
-import { FormatModel } from '../../../../models/generated/format.model';
-import { TextStyleModel } from '../../../../models/generated/text-style.model';
+import { FormatModel } from '../../../models/generated/format.model';
 export declare class FormatStyleHelper {
-    static areSameTextStyles(first: TextStyleModel, second: TextStyleModel): boolean;
-    static applyTextStyles(target: TextStyleModel, value: TextStyleModel): void;
-    static combineTextStyles(current: TextStyleModel, parent: TextStyleModel): TextStyleModel;
     static getFormatsAtRange(formats: FormatModel[], startIndex: number, endIndex: number): FormatModel[];
     static getFormatAtIndex(formats: FormatModel[], index: number): FormatModel;
     static mergeFormats(formats: FormatModel[], startIndex: number, endIndex: number): void;

package/lib/editor/execution/helpers/image.helpet.d.ts

@@ -0,0 +1,4 @@
+import { ImageDataModel } from '../../../models/generated/image-data.model';
+export declare class ImageHelper {
+    static getImageWithAllowedSize(imageData: ImageDataModel, maxWidth: number): ImageDataModel;
+}

package/lib/{+shared/editor/core → editor/execution}/helpers/page.helper.d.ts

@@ -1,4 +1,4 @@
-import { PageVerticalDataModel } from '../paging/page-vertical-data.model';
+import { PageVerticalDataModel } from '../../content/page-vertical-data.model';
 export declare class PageHelper {
     static getVerticalData(page: number, pagesVerticalData: PageVerticalDataModel[]): PageVerticalDataModel;
 }

package/lib/{+shared/editor/core → editor/execution}/helpers/paragraph-style.helper.d.ts

@@ -1,4 +1,4 @@
-import { ParagraphModel } from '../../../../models/generated/paragraph.model';
+import { ParagraphModel } from '../../../models/generated/paragraph.model';
 export declare class ParagraphStyleHelper {
     static getParagraphsAtRange(paragraphs: ParagraphModel[], startIndex: number, endIndex: number): ParagraphModel[];
     static getParagraphAtIndex(paragraphs: ParagraphModel[], insertIndex: number): ParagraphModel;

package/lib/{+shared/editor/core → editor/execution}/helpers/paragraph.helper.d.ts

@@ -1,9 +1,10 @@
-import { LineInfoModel } from '../models/line-info.model';
-import { PageVerticalDataModel } from '../paging/page-vertical-data.model';
-import { Paragraph } from '../paging/paragraph';
-import { ParagraphModel } from '../../../../models/generated/paragraph.model';
-import { TextLineInfo } from '../paging/text-line-info';
-import { VisibleLineInfo } from '../interfaces/visible-line-info.interface';
+import { ComponentRef } from '@angular/core';
+import { LineInfoModel } from '../../content/display-data/line-info.model';
+import { NoderTableComponent } from '../../components/table/components/table.component';
+import { PageVerticalDataModel } from '../../content/page-vertical-data.model';
+import { Paragraph } from '../../content/display-data/paragraph';
+import { ParagraphModel } from '../../../models/generated/paragraph.model';
+import { TextLineInfo } from '../../content/display-data/text-line-info';
 export declare class ParagraphHelper {
     static processTextLinesProperties(currentParagraph: Paragraph, prevParagraphInfo: {
         lastPage: number;
@@ -12,16 +13,21 @@ export declare class ParagraphHelper {
     }, pagesInfo: {
         pagesVerticalData: PageVerticalDataModel[];
         pagesSpace: number;
-    }): void;
+    }, tables: ComponentRef<NoderTableComponent>[]): void;
     static processTextLinesPropertiesForSinglePage(currentParagraph: Paragraph, prevParagraphInfo: {
         lastPage: number;
         paragraphLastLine: number;
     }): void;
-    static getVisibleLineInfo(paragraphTextLines: TextLineInfo[], offsetTop: number, direction: number): VisibleLineInfo;
+    static getVisibleLineInfo(paragraphTextLines: TextLineInfo[], offsetTop: number, direction: number): {
+        index: number;
+        screenIndex: number;
+        visibleScreenIndex: number;
+    } | null;
     static getParagraphPages(paragraphTextLinesInfo: TextLineInfo[]): number[];
     static getParagraphHeight(paragraphTextLinesInfo: TextLineInfo[]): number;
     static getPageLinesHeight(paragraphTextLinesInfo: TextLineInfo[], page: number): number;
     static processOffsetLineWithNumberingMarker(textLineInfo: TextLineInfo, markerHeight: number, offsetBefore: number): void;
     static applyParagraphIndentsToLines(lines: LineInfoModel[], paragraphIndex: number, paragraphs: ParagraphModel[]): void;
     private static getParagraphCollapsedIndents;
+    private static processTableSplit;
 }

package/lib/{+shared/editor → editor}/execution/regulator.service.d.ts

@@ -1,34 +1,35 @@
 import { ElementRef } from '@angular/core';
-import { CustomContentService } from '../custom-components/shared/services/custom-content/custom-content.service';
-import { DocxModel } from '../../../models/generated/docx.model';
+import { ComponentService } from '../components/shared/services/component.service';
+import { CustomContentService } from '../components/shared/services/custom-content.service';
+import { DocxModel } from '../../models/generated/docx.model';
 import { EditorService } from '../interaction/editor.service';
-import { EditSession } from '../core/edit.session';
-import { GeneralPropertiesModel } from './models/general-properties.model';
-import { MarginModel } from '../core/models/margin.model';
-import { NoderEdgeComponent } from '../core/components/edges/edge.component';
-import { NoderTableCellComponent } from '../custom-components/table/components/table-cell.component';
+import { EditSession } from './edit.session';
+import { GeneralPropertiesModel } from '../content/display-data/general-properties.model';
+import { MarginModel } from '../content/margin.model';
+import { NoderEdgeComponent } from '../components/edges/edge.component';
+import { NoderTableCellComponent } from '../components/table/components/table-cell.component';
 import { Selection } from '../positioning/selection';
-import { SessionModel } from './models/session.model';
-import { TableModel } from '../../../models/generated/table.model';
-import { TargetModel } from '../../../models/generated/target.model';
+import { SessionModel } from './targeting/session.model';
+import { TableModel } from '../../models/generated/table.model';
+import { TargetModel } from '../../models/generated/target.model';
 import * as i0 from "@angular/core";
 export declare class RegulatorService {
     private customContentService;
     private editorService;
+    private componentService;
     mainSession: SessionModel;
     sessions: SessionModel[];
     currentSession: SessionModel;
     selection: Selection;
     sessionIdIncrement: number;
     edgeEditingPage: number | null;
-    constructor(customContentService: CustomContentService, editorService: EditorService);
-    addMainSession(model: DocxModel, margins: MarginModel, container: ElementRef<HTMLElement>): void;
+    constructor(customContentService: CustomContentService, editorService: EditorService, componentService: ComponentService);
+    addMainSession(model: DocxModel, pageWidth: number, scalingRatio: number, container: ElementRef<HTMLElement>): void;
     addCellSession(table: TableModel, margins: MarginModel, component: NoderTableCellComponent, properties: GeneralPropertiesModel): SessionModel;
     addEdgeSession(component: NoderEdgeComponent): SessionModel;
     removeSession(sessionId: number): void;
     setMainSessionAsCurrent(): void;
-    setCustomSessionAsCurrent(sessionId: number): void;
-    setEdgeSessionAsCurrent(sessionId: number, clickedPage: number): void;
+    setCustomSessionAsCurrent(sessionId: number, edgeEditingPage?: number | null): void;
     setTargetedSessionAsCurrent(targets: TargetModel[]): void;
     setCurrentSessionById(sessionId: number): void;
     setCurrentSession(session: SessionModel): void;
@@ -39,7 +40,7 @@ export declare class RegulatorService {
     getTargets(session: SessionModel): TargetModel[];
     getEdgeTarget(sessionId: number): TargetModel | null;
     getTargetedSession(targets: TargetModel[]): EditSession;
-    toggleEdgeEditMode(clickedPage?: number | null): void;
+    toggleEdgeEditMode(edgeEditingPage?: number | null): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<RegulatorService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<RegulatorService>;
 }

package/lib/{+shared/editor/execution/models → editor/execution/targeting}/cell-session-source.model.d.ts

@@ -1,7 +1,7 @@
-import { NoderTableCellComponent } from '../../custom-components/table/components/table-cell.component';
+import { NoderTableCellComponent } from '../../components/table/components/table-cell.component';
 import { SessionSourceModel } from './session-source.model';
-import { TableModel } from '../../../../models/generated/table.model';
-import { TargetModel } from '../../../../models/generated/target.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;

package/lib/{+shared/editor/execution/models → editor/execution/targeting}/edge-session-source.model.d.ts

@@ -1,7 +1,7 @@
-import { EdgeType } from '../../core/components/edges/edge-type.enum';
-import { PageType } from '../../core/enums/page-type.enum';
+import { EdgeType } from '../../components/edges/edge-type.enum';
+import { PageType } from '../../components/edges/page-type.enum';
 import { SessionSourceModel } from './session-source.model';
-import { TargetModel } from '../../../../models/generated/target.model';
+import { TargetModel } from '../../../models/generated/target.model';
 export declare class EdgeSessionSourceModel implements SessionSourceModel {
     private pageType;
     private type;

package/lib/{+shared/editor/execution/models → editor/execution/targeting}/main-session-source.model.d.ts

@@ -1,5 +1,5 @@
 import { SessionSourceModel } from './session-source.model';
-import { TargetModel } from '../../../../models/generated/target.model';
+import { TargetModel } from '../../../models/generated/target.model';
 export declare class MainSessionSourceModel implements SessionSourceModel {
     getTarget(): TargetModel;
 }

package/lib/{+shared/editor/execution/models → editor/execution/targeting}/session-source.model.d.ts

@@ -1,4 +1,4 @@
-import { TargetModel } from '../../../../models/generated/target.model';
+import { TargetModel } from '../../../models/generated/target.model';
 export declare abstract class SessionSourceModel {
     edgeEditPage?: number;
     abstract getTarget(): TargetModel;

package/lib/{+shared/editor/execution/models → editor/execution/targeting}/session.model.d.ts

@@ -1,7 +1,7 @@
-import { EditSession } from '../../core/edit.session';
-import { Renderer } from '../../core/renderer';
+import { EditSession } from '../edit.session';
+import { Renderer } from '../../display/renderer';
 import { SessionSourceModel } from './session-source.model';
-import { VirtualRenderer } from '../../core/virtual.renderer';
+import { VirtualRenderer } from '../../display/virtual.renderer';
 export declare class SessionModel {
     session: EditSession;
     renderer: Renderer | VirtualRenderer;