@talrace/ngx-noder 0.0.11 → 0.0.13

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

@@ -4,7 +4,6 @@ import { Alignment } from '../../shared/enums/alignment.enum';
 import { BaseToolbarComponent } from '../base-toolbar.component';
 import { CustomIconService } from '../../shared/services/custom-icon.service';
 import { EditorService } from '../../../../editor/interaction/editor.service';
-import { ElementDataModel } from '../../../../editor/components/external-element/models/element-data.model';
 import { NumberingTemplateType } from '../../shared/enums/numbering-template-type.enum';
 import * as i0 from "@angular/core";
 export declare class MenuDropdownsComponent extends BaseToolbarComponent {
@@ -16,7 +15,6 @@ export declare class MenuDropdownsComponent extends BaseToolbarComponent {
     showLayout: boolean;
     showFormat: boolean;
     openFileFromDisk: EventEmitter<void>;
-    addCustomElement: EventEmitter<ElementDataModel>;
     saveAs: EventEmitter<void>;
     insertPageBreak: EventEmitter<void>;
     createDocument: EventEmitter<void>;
@@ -37,5 +35,5 @@ export declare class MenuDropdownsComponent extends BaseToolbarComponent {
     onSelectNumberingTemplate(numberingTemplateType: NumberingTemplateType): void;
     onTableInsertMenuClosed(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MenuDropdownsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MenuDropdownsComponent, "app-nod-menu-dropdowns", never, { "showFile": { "alias": "showFile"; "required": false; }; "showEdit": { "alias": "showEdit"; "required": false; }; "showInsert": { "alias": "showInsert"; "required": false; }; "showLayout": { "alias": "showLayout"; "required": false; }; "showFormat": { "alias": "showFormat"; "required": false; }; }, { "openFileFromDisk": "openFileFromDisk"; "addCustomElement": "addCustomElement"; "saveAs": "saveAs"; "insertPageBreak": "insertPageBreak"; "createDocument": "createDocument"; "rename": "rename"; "delete": "delete"; "openEditMenu": "openEditMenu"; "cutSelected": "cutSelected"; "copySelected": "copySelected"; "pasteClipboardData": "pasteClipboardData"; "selectAll": "selectAll"; "removeSelected": "removeSelected"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MenuDropdownsComponent, "app-nod-menu-dropdowns", never, { "showFile": { "alias": "showFile"; "required": false; }; "showEdit": { "alias": "showEdit"; "required": false; }; "showInsert": { "alias": "showInsert"; "required": false; }; "showLayout": { "alias": "showLayout"; "required": false; }; "showFormat": { "alias": "showFormat"; "required": false; }; }, { "openFileFromDisk": "openFileFromDisk"; "saveAs": "saveAs"; "insertPageBreak": "insertPageBreak"; "createDocument": "createDocument"; "rename": "rename"; "delete": "delete"; "openEditMenu": "openEditMenu"; "cutSelected": "cutSelected"; "copySelected": "copySelected"; "pasteClipboardData": "pasteClipboardData"; "selectAll": "selectAll"; "removeSelected": "removeSelected"; }, never, never, false, never>;
 }

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

@@ -15,7 +15,7 @@ export declare class EditorToolbarComponent {
     createDocument: EventEmitter<any>;
     insertImage: EventEmitter<void>;
     rename: EventEmitter<any>;
-    delete: EventEmitter<string>;
+    delete: EventEmitter<void>;
     openEditMenu: EventEmitter<any>;
     redo: EventEmitter<void>;
     undo: EventEmitter<void>;

package/lib/editor/components/edges/edge-element.model.d.ts

@@ -1,7 +1,15 @@
+import { EdgeType } from './edge-type.enum';
 import { PageType } from './page-type.enum';
 export declare class EdgeElementModel {
-    element: HTMLElement;
+    container: HTMLElement;
     page: number;
     pageType: PageType;
+    edgeType: EdgeType;
+    isOrigin: boolean;
     constructor(fields?: Partial<EdgeElementModel>);
+    isNotCopy(type: EdgeType, pageType: PageType): boolean;
+    isCopy(type: EdgeType, pageType: PageType): boolean;
+    isWithin(start: number, end: number): boolean;
+    replace(model: EdgeElementModel): void;
+    substitute(model: EdgeElementModel): void;
 }

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

@@ -28,17 +28,17 @@ export declare class NoderEdgeComponent extends DestroyComponent {
     typeContainerPosition: string;
     get session(): EditSession;
     get renderer(): Renderer | VirtualRenderer;
-    get height(): number;
+    get contentHeight(): number;
     container: ElementRef<HTMLElement>;
     typeContainer: ElementRef<HTMLElement>;
-    private _previousHeight;
+    private _height;
     constructor(regulatorService: RegulatorService, editorService: EditorService);
     ngOnDestroy(): void;
     initialize(): void;
     enterEditMode(): void;
     leaveEditMode(): void;
-    rendererUpdated(sessionId: number): void;
-    private setTypeContainerPosition;
+    private applyHeight;
+    private pagesCountChangedHandler;
     static ɵfac: i0.ɵɵFactoryDeclaration<NoderEdgeComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<NoderEdgeComponent, "app-nod-edge", never, { "model": { "alias": "model"; "required": false; }; "generalProperties": { "alias": "generalProperties"; "required": false; }; "margins": { "alias": "margins"; "required": false; }; "width": { "alias": "width"; "required": false; }; "parentSessionId": { "alias": "parentSessionId"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, {}, never, never, false, never>;
 }

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

@@ -12,12 +12,18 @@ export declare class Edges {
     private generalProperties;
     headersComponents: ComponentRef<NoderEdgeComponent>[];
     footersComponents: ComponentRef<NoderEdgeComponent>[];
+    isEdit: boolean;
     constructor(componentService: ComponentService, headers: EdgeModel[], footers: EdgeModel[], margins: MarginModel, pageWidth: number, parentSessionId: number, generalProperties: GeneralPropertiesModel);
+    getTypeBySessionId(sessionId: number): {
+        type: EdgeType;
+        pageType: PageType;
+    };
     getComponentByPage(page: number, type: EdgeType): ComponentRef<NoderEdgeComponent>;
     getComponentByPageType(pageType: PageType, type: EdgeType): ComponentRef<NoderEdgeComponent>;
     getComponentHeightByPageType(pageType: PageType, type: EdgeType): number;
-    getComponentHeight(page: number, type: EdgeType): number;
-    toggleEditMode(needEnable: boolean): void;
+    getComponentHeight(instance: NoderEdgeComponent): number;
+    getComponentHeightByType(pageType: PageType, type: EdgeType): number;
+    toggleEditMode(isEdit: boolean): void;
     getUniquePageTypes(): PageType[];
     private createComponents;
     private getComponent;

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

@@ -4,9 +4,10 @@ import { CellDataModel } from '../models/cell-data.model';
 import { CellResizer } from '../cell-resizer/cell-resizer';
 import { CellResizerParametersModel } from '../models/cell-resizer-parameters.model';
 import { ComponentService } from '../../shared/services/component.service';
-import { EditSession } from '../../../execution/edit.session';
 import { EditorService } from '../../../interaction/editor.service';
+import { EditSession } from '../../../execution/edit.session';
 import { OverlayService } from '../../shared/services/overlay.service';
+import { RegulatorService } from '../../../execution/regulator.service';
 import { RowDataModel } from '../models/row-data.model';
 import { RowModel } from '../../../../models/generated/row.model';
 import { TableModel } from '../../../../models/generated/table.model';
@@ -17,6 +18,7 @@ export declare class NoderTableComponent extends BaseNoderComponent {
     private editorService;
     private el;
     private overlayService;
+    private regulatorService;
     get table(): TableModel;
     set table(val: TableModel);
     tableSelection: TableSelection;
@@ -27,7 +29,7 @@ export declare class NoderTableComponent extends BaseNoderComponent {
     splits: number[];
     readonly minRowHeight = 19;
     readonly borderSize = 1;
-    constructor(componentService: ComponentService, editorService: EditorService, el: ElementRef, overlayService: OverlayService);
+    constructor(componentService: ComponentService, editorService: EditorService, el: ElementRef, overlayService: OverlayService, regulatorService: RegulatorService);
     ngOnDestroy(): void;
     initialize(): void;
     getCellSession(row: number, column: number): EditSession;

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

@@ -1,16 +1,19 @@
 import { Subscription } from 'rxjs';
 import { EditorService } from '../../../interaction/editor.service';
+import { EditSession } from '../../../execution/edit.session';
 import { OverlayService } from '../../shared/services/overlay.service';
+import { RegulatorService } from '../../../execution/regulator.service';
 import { RowDataModel } from '../models/row-data.model';
 import { SelectionRangeModel } from '../models/selection-range.model';
 import { TableModel } from '../../../../models/generated/table.model';
 export declare class TableSelection {
     private editorService;
     private overlayService;
+    private regulatorService;
     private rowMatrix;
     private table;
     private tableEl;
-    private sessionId;
+    private session;
     originSelectedCell: {
         rowIndex: number;
         cellIndex: number;
@@ -26,7 +29,7 @@ export declare class TableSelection {
     readonly tableTagName = "APP-NOD-TABLE";
     readonly cellTagName = "TD";
     readonly draggableCellContent: string[];
-    constructor(editorService: EditorService, overlayService: OverlayService, rowMatrix: RowDataModel[], table: TableModel, tableEl: HTMLTableElement, sessionId: number);
+    constructor(editorService: EditorService, overlayService: OverlayService, regulatorService: RegulatorService, rowMatrix: RowDataModel[], table: TableModel, tableEl: HTMLTableElement, session: EditSession);
     destroy(): void;
     addTableContextMenuSubscriptions(): void;
     addTableMouseDownSubscriptions(): void;

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

@@ -13,6 +13,7 @@ import { LineInfoModel } from './line-info.model';
 import { MarginModel } from '../margin.model';
 import { NoderTableComponent } from '../../components/table/components/table.component';
 import { NumberingDataModel } from './../../gadgets/numbering/numbering-data.model';
+import { PageType } from '../../components/edges/page-type.enum';
 import { PageVerticalDataModel } from '../page-vertical-data.model';
 import { Paragraph } from './paragraph';
 import { ParagraphInfoModel } from './models/paragraph-info.model';
@@ -62,7 +63,7 @@ export declare class DisplayData extends EventEmitting {
     processParagraphsProperties(startParagraphIndex: number): void;
     getAllParagraphsHeight(): number;
     destroy(): void;
-    updatePageVerticalData(edgeType: EdgeType, page: number): void;
+    updatePageVerticalData(edgeType: EdgeType, pageType: PageType): void;
     updateParagraphLineNumber(first: number): void;
     updateParagraphStartIndex(first: number): void;
     updateParagraphSettingsNumberingData(index: number): void;

package/lib/editor/content/helpers/content-style.helper.d.ts

@@ -6,5 +6,5 @@ export declare class ContentStyleHelper {
      */
     static getFontStylesString(textStyle: TextStyleModel): string;
     static areSameTextStyles(first: TextStyleModel, second: TextStyleModel): boolean;
-    static combineTextStyles(current: TextStyleModel | null, parent: TextStyleModel): TextStyleModel;
+    static combineTextStyles(current: Partial<TextStyleModel> | null, parent: TextStyleModel): TextStyleModel;
 }

package/lib/editor/content/helpers/link.helper.d.ts

@@ -1,4 +1,7 @@
+import { FormatModel } from './../../../models/generated/format.model';
 import { LinkModel } from '../../../models/generated/link.model';
 export declare class LinkHelper {
-    static sliceSection(links: LinkModel[], startIndex: number, endIndex: number): LinkModel[];
+    static sliceSection(links: LinkModel[], start: number, end: number): LinkModel[];
+    static sliceFormats(links: LinkModel[], startIndex: number, endIndex: number): FormatModel[];
+    private static getPartialLink;
 }

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

@@ -1,32 +1,30 @@
 import { EdgeElementModel } from '../../components/edges/edge-element.model';
-import { EditorService } from '../../interaction/editor.service';
+import { EdgeType } from '../../components/edges/edge-type.enum';
 import { EditSession } from '../../execution/edit.session';
 import { ILayerConfig } from './layer.config';
 import { Lines } from '../../content/display-data/lines';
 import { PageType } from '../../components/edges/page-type.enum';
 import { RenderingHelper } from '../rendering.helper';
 export declare class TextLayer {
+    private parentElement;
     protected session: EditSession;
-    private editorService;
     private renderingHelper;
     element: HTMLElement;
     lines: Lines;
     config: ILayerConfig;
     edgeElements: EdgeElementModel[];
-    edgeEditingPage: number | null;
-    constructor(parentElement: HTMLElement, session: EditSession, editorService: EditorService, renderingHelper?: typeof RenderingHelper);
+    constructor(parentElement: HTMLElement, session: EditSession, renderingHelper?: typeof RenderingHelper);
     destroy(): void;
+    updateEdge(type: EdgeType, pageType: PageType): void;
     updateEdges(config: ILayerConfig): void;
-    edgeEditingPageUpdated(page: number | null): void;
-    updateEdgeByLocation(updatedPageType: PageType): void;
+    scrollEdges(config: ILayerConfig): void;
     updateLines(config: ILayerConfig): void;
-    scrollPages(config: ILayerConfig): void;
     scrollLines(config: ILayerConfig): void;
-    protected getEdgeParagraphTop(topOffset: number, page: number): number;
     protected getParagraphTop(row: number): number;
-    private renderPagesEdgeComponents;
+    private getEdgeTop;
+    private renderPageHeaderComponent;
+    private renderPageFooterComponent;
     private renderEdgeComponent;
-    private removeEdgeComponents;
     private renderTextParagraph;
     private renderTextLines;
     private pagesCountChangedHandler;

package/lib/editor/display/print/print.helper.d.ts

@@ -1,8 +1,7 @@
-import { EditorService } from '../../interaction/editor.service';
 import { EditSession } from '../../execution/edit.session';
 import { RenderingHelper } from '../rendering.helper';
 export declare class PrintHelper extends RenderingHelper {
-    static printDocument(session: EditSession, editorService: EditorService): void;
+    static printDocument(session: EditSession): void;
     private static printDocumentHtml;
     private static getPrintFrame;
     private static removePrintContainers;

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

@@ -1,4 +1,3 @@
-import { EditorService } from '../../interaction/editor.service';
 import { EditSession } from '../../execution/edit.session';
 import { PagesLayer } from '../layers/pages.layer';
 import { PrintTextLayer } from '../layers/print.text.layer';
@@ -10,7 +9,7 @@ export declare class PrintRenderer {
     documentHtml: string;
     headHtml: string;
     pagesCount: number;
-    constructor(mainSession: EditSession, editorService: EditorService);
+    constructor(mainSession: EditSession);
     renderPrintDocument(): void;
     private computeLayerConfig;
     private createContent;

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

@@ -1,6 +1,5 @@
 import { CursorLayer } from './layers/cursor.layer';
 import { CursorParagraph } from '../positioning/cursor-paragraph';
-import { EditorService } from '../interaction/editor.service';
 import { EditSession } from '../execution/edit.session';
 import { EventEmitting } from '../core/event-emitting';
 import { ILayerConfig } from './layers/layer.config';
@@ -10,9 +9,7 @@ import { RenderLoop } from './renderloop';
 import { SelectionLayer } from './layers/selection.layer';
 import { TextLayer } from './layers/text.layer';
 export declare class Renderer extends EventEmitting {
-    private editorService;
     session: EditSession;
-    isMousePressed: boolean;
     container: HTMLElement;
     content: HTMLElement;
     cursorLayer: CursorLayer;
@@ -26,7 +23,7 @@ export declare class Renderer extends EventEmitting {
         height: number;
         width: number;
     };
-    constructor(parentContainer: HTMLElement, editorService: EditorService, session: EditSession);
+    constructor(parentContainer: HTMLElement, session: EditSession);
     renderChanges(changes: RenderChangesModel, force?: boolean): void;
     /**
      * Triggers a partial update of the text, from the range given by the two parameters.
@@ -38,12 +35,15 @@ export declare class Renderer extends EventEmitting {
      * Triggers a full update of the text, for all the rows.
      **/
     updateText(): void;
-    /**
-     * Triggers a full update of all the layers, for all the rows.
-     **/
-    updateFull(force?: boolean): void;
     updateCursor(): void;
-    screenToTextCoordinates(x: number, y: number): CursorParagraph;
+    /**
+     * 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;
     showCursor(): void;
     hideCursor(): void;
     destroy(): void;

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

@@ -1,6 +1,5 @@
 import { CursorLayer } from './layers/cursor.layer';
 import { CursorParagraph } from '../positioning/cursor-paragraph';
-import { EditorService } from '../interaction/editor.service';
 import { EditSession } from '../execution/edit.session';
 import { ILayerConfig } from './layers/layer.config';
 import { PagesLayer } from './layers/pages.layer';
@@ -11,8 +10,6 @@ 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;
     get loop(): RenderLoop;
     set loop(val: RenderLoop);
@@ -34,7 +31,7 @@ export declare class VirtualRenderer {
         dirty: boolean;
     };
     private scrollSubscription;
-    constructor(parentContainer: HTMLElement, editorService: EditorService, mainSession: EditSession, scrollBar: ScrollBar);
+    constructor(parentContainer: HTMLElement, mainSession: EditSession, scrollBar: ScrollBar);
     renderChanges(changes: RenderChangesModel, force?: boolean): void;
     /**
      * Triggers a resize of the editor
@@ -51,10 +48,6 @@ export declare class VirtualRenderer {
      * Triggers a full update of the text, for all the rows.
      **/
     updateText(): void;
-    /**
-     * Triggers a full update of all the layers, for all the rows.
-     **/
-    updateFull(force?: boolean): void;
     updateCursor(): void;
     scrollSelectionIntoView(anchor: CursorParagraph, lead: CursorParagraph, offset?: number): void;
     /**
@@ -62,7 +55,8 @@ export declare class VirtualRenderer {
      **/
     scrollCursorIntoView(cursor?: CursorParagraph, offset?: number): void;
     scrollBy(deltaY: number): void;
-    screenToTextCoordinates(x: number, y: number): CursorParagraph;
+    screenToTextCoordinatesUsingMidpoint(x: number, y: number, rect?: DOMRect): CursorParagraph;
+    screenToTextCoordinatesUsingBoundary(x: number, y: number, rect?: DOMRect): CursorParagraph;
     showCursor(): void;
     hideCursor(): void;
     destroy(): void;
@@ -74,5 +68,4 @@ export declare class VirtualRenderer {
     private renderText;
     private renderCursor;
     private renderSelection;
-    private getDefaultLayerConfig;
 }

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

@@ -50,7 +50,8 @@ export declare class EditSession {
     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);
+    get scrollBarHeight(): number;
+    constructor(displayData: DisplayData, sessionId: number, customContentService: CustomContentService, model: ContentsInterface, selection: Selection, generalProperties: GeneralPropertiesModel, editorService: EditorService, customComponents: ICustomComponents, type: 'cell' | 'edge' | 'main' | 'cellWithinEdge', scrollBar?: ScrollBar);
     destroy(): void;
     getRowLength(row: number): number;
     getRowCacheIndex(cacheArray: number[], value: number): number;
@@ -65,6 +66,10 @@ export declare class EditSession {
      */
     getWordRange(row: number, column: number): Range;
     getDisplayLine(row: number, endColumn: number, startColumn?: number): string;
+    isEdgeOrWithinEdge(): boolean;
+    isEdge(): boolean;
+    isWithinEdge(): boolean;
+    onRendered(): void;
     removeByDocumentIndexes(startIndex: number, endIndex: number): void;
     insertTextByDocumentIndex(index: number, text: string, style?: TextStyleModel): CursorParagraph;
     insertElementByDocumentIndex(insertElement: InsertElementModel): CursorParagraph;
@@ -81,7 +86,7 @@ export declare class EditSession {
     removeNumberings(startIndex: number, endIndex: number): void;
     restoreNumberings(paragraphs: ParagraphModel[], numberings: NumberingModel[]): void;
     applyImageStyle(applyImage: ApplyImageStyleModel): void;
-    restoreTextStyles(formats: FormatModel[]): void;
+    restoreTextStyles(formats: FormatModel[], linkFormats: FormatModel[]): void;
     restoreParagraphStyles(paragraphs: ParagraphModel[]): void;
     setTextStyle(textStyle: TextStyleModel): void;
     /**

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

@@ -20,6 +20,7 @@ import { InsertParagraphModel } from '../../models/generated/insert-paragraph.mo
 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 { MouseHandler } from '../interaction/mouse.handler';
 import { NumberingLevelModel } from '../../models/generated/numbering-level.model';
 import { Operation } from '../gadgets/history/operation.type';
@@ -113,7 +114,7 @@ export declare class Editor {
     applyOperation(operation: Operation): void;
     saveRemoveToHistory(range: Range): void;
     saveInsertTextToHistory(paragraph: number, indexInParagraph: number, text: string): void;
-    saveInsertParagraphToHistory(model: InsertParagraphModel): void;
+    saveInsertParagraphToHistory(content: string, model: InsertParagraphModel): void;
     saveInsertStyledTextToHistory(paragraph: number, indexInParagraph: number, text: string, style: TextStyleModel): void;
     saveInsertElementToHistory(model: InsertElementModel): void;
     saveInsertBreakToHistory(model: InsertBreakModel): void;
@@ -148,10 +149,11 @@ export declare class Editor {
     onTripleClick(event: MouseEvent): void;
     onQuadClick(event: MouseEvent): void;
     onMouseWheel(event: WheelEvent): void;
-    setCurrentSession(clickPositionY: number, element: HTMLElement): HTMLElement | null;
+    getLinkModel(event: MouseEvent): LinkModel;
+    setCurrentSession(element: HTMLElement): HTMLElement | null;
     getCustomElement(element: HTMLElement): HTMLElement | null;
-    isParentEdge(element: HTMLElement): boolean;
-    getClickedPage(mousePosition: number): number;
+    isInsideEdge(element: HTMLElement | null): boolean;
+    getParentEdge(element: HTMLElement | null): HTMLElement | null;
     /**
      * Returns the string of text currently highlighted.
      */
@@ -164,7 +166,6 @@ export declare class Editor {
     private onDocumentChange;
     private focusCustomComponent;
     private blurCustomComponent;
-    private blurEdgeCustomComponents;
     private isEmptyNumberingParagraph;
     scrollCursorIntoMainView(offset?: number): void;
     changedTableSize(insertIndex: number, sessionId: number): void;
@@ -174,7 +175,7 @@ export declare class Editor {
     removeTableColumns(insertIndex: number, startIndex: number, endIndex: number, sessionId: number): void;
     removeImage(insertIndex: number): void;
     resizeTableColumns(resizeTableColumns: ResizeTableColumnsModel, sessionId: number): void;
-    onMousePressedMove(x: number, y: number): void;
+    onMousePressedMove(event: MouseEvent): void;
     searchOptionSubscription(): Subscription;
     replaceSubscription(): Subscription;
     setTextStylesSubscription(): Subscription;
@@ -190,6 +191,9 @@ export declare class Editor {
     endMousePressSubscription(): Subscription;
     disableSelectionSubscription(): Subscription;
     changedTableSizeSubscription(): Subscription;
+    changedEdgeSizeSubscription(): Subscription;
+    imageLoadedSubscription(): Subscription;
+    changedEdgeSubscription(): Subscription;
     insertTableRowsSubscription(): Subscription;
     insertTableColumnsSubscription(): Subscription;
     removeTableRowsSubscription(): Subscription;
@@ -198,9 +202,6 @@ export declare class Editor {
     resizeTableColumnsSubscription(): Subscription;
     insertTableSubscription(): Subscription;
     insertTextSubscription(): Subscription;
-    rendererUpdatedSubscription(): Subscription;
-    edgeElementCopyUpdatedSubscription(): Subscription;
-    changedEdgeHeightSubscription(): Subscription;
     undoSubscription(): Subscription;
     redoSubscription(): Subscription;
     blurCustomComponentSubscription(): Subscription;

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

@@ -22,25 +22,27 @@ export declare class RegulatorService {
     currentSession: SessionModel;
     selection: Selection;
     sessionIdIncrement: number;
-    edgeEditingPage: number | null;
     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, edgeEditingPage?: number | null): void;
+    setCustomSessionAsCurrent(sessionId: number): void;
     setTargetedSessionAsCurrent(targets: TargetModel[]): void;
     setCurrentSessionById(sessionId: number): void;
     setCurrentSession(session: SessionModel): void;
+    getSessionModel(sessionId: number): SessionModel;
     getSession(sessionId: number): EditSession;
     setSelection(selection: Selection): void;
     clearAllSessions(): void;
     getCurrentSessionTargets(): TargetModel[];
     getTargets(session: SessionModel): TargetModel[];
-    getEdgeTarget(sessionId: number): TargetModel | null;
     getTargetedSession(targets: TargetModel[]): EditSession;
-    toggleEdgeEditMode(edgeEditingPage?: number | null): void;
+    isWithinEdge(sessionId: number): boolean;
+    arrangeEdgeChange(sessionId: number): void;
+    private getEdgeSessionId;
+    private arrangeEdgesForSessionChange;
     static ɵfac: i0.ɵɵFactoryDeclaration<RegulatorService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<RegulatorService>;
 }

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

@@ -5,7 +5,6 @@ import { TargetModel } from '../../../models/generated/target.model';
 export declare class CellSessionSourceModel implements SessionSourceModel {
     private table;
     private cellComponent;
-    edgeEditPage?: number;
     constructor(table: TableModel, cellComponent: NoderTableCellComponent);
     getTarget(): TargetModel;
 }

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

@@ -5,7 +5,6 @@ import { TargetModel } from '../../../models/generated/target.model';
 export declare class EdgeSessionSourceModel implements SessionSourceModel {
     private pageType;
     private type;
-    edgeEditPage?: number;
     constructor(pageType: PageType, type: EdgeType);
     getTarget(): TargetModel;
 }

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

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

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

@@ -30,16 +30,16 @@ export declare class OperationHistory {
     private step;
     constructor(editorService: EditorService, regulatorService: RegulatorService);
     pushInsertText(insertIndex: number, text: string): void;
-    pushInsertParagraph(model: InsertParagraphModel, paragraphs: ParagraphModel[]): void;
+    pushInsertParagraph(content: string, model: InsertParagraphModel, paragraphs: ParagraphModel[]): void;
     pushInsertElement(model: InsertElementModel): void;
-    pushInsertBreak(model: InsertBreakModel, endIndex: number): void;
+    pushInsertBreak(model: InsertBreakModel, count: number): void;
     pushInsertTab(model: InsertTabModel): void;
     pushInsertImage(model: InsertImageModel): void;
     pushInsertLink(model: InsertLinkModel): void;
     pushInsertTable(model: InsertTableModel): void;
     pushInsertStyledText(insertIndex: number, text: string, style: TextStyleModel): void;
     pushDelete(model: RestoreModel): void;
-    pushApplyTextStyle(startIndex: number, endIndex: number, style: TextStyleModel, formats: FormatModel[]): void;
+    pushApplyTextStyle(startIndex: number, endIndex: number, style: TextStyleModel, formats: FormatModel[], linkFormats: FormatModel[]): void;
     pushApplyParagraphStyle(startIndex: number, endIndex: number, style: ParagraphStyleModel, paragraphs: ParagraphModel[]): void;
     pushApplyElementStyle(previous: ElementModel, current: ElementModel): void;
     pushInsertTableRows(insertIndex: number, rowsCount: number, targetIndex: number, inheritIndex: number, table: TableModel): void;
@@ -64,4 +64,8 @@ export declare class OperationHistory {
         anchor: CursorParagraph | null;
     } | null;
     private addToHistory;
+    getDeleteDataForInsertParagraphs(content: string, model: InsertParagraphModel, paragraphs: ParagraphModel[]): {
+        startIndex: number;
+        count: number;
+    };
 }

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

@@ -10,6 +10,7 @@ import { ImageModel } from '../../models/generated/image.model';
 import { IToolbarStyles } from '../content/display-data/toolbar-styles.interface';
 import { NumberingLevelModel } from '../../models/generated/numbering-level.model';
 import { OperationsHistoryInfoModel } from '../../editor/gadgets/history/operations-history-info.model';
+import { PageType } from '../components/edges/page-type.enum';
 import { ParagraphStyleModel } from '../../models/generated/paragraph-style.model';
 import { Replace } from '../gadgets/search/replace.interface';
 import { ResizeTableColumnsModel } from '../../models/generated/resize-table-columns.model';
@@ -83,6 +84,15 @@ export declare class EditorService {
         sessionId: number;
     }>;
     private _changedTableSize$;
+    get changedEdgeSize$(): Observable<{
+        edgeType: EdgeType;
+        pageType: PageType;
+    }>;
+    private _changedEdgeSize$;
+    get imageLoaded$(): Observable<number>;
+    private _imageLoaded$;
+    get changedEdge$(): Observable<number>;
+    private _changedEdge$;
     get insertTableRows$(): Observable<{
         insertIndex: number;
         rowsCount: number;
@@ -127,15 +137,6 @@ export declare class EditorService {
         columns: number;
     }>;
     private _insertTable$;
-    get rendererUpdated$(): Observable<number>;
-    private _rendererUpdated$;
-    get edgeElementCopyUpdated$(): Observable<{
-        newElementCopy: HTMLElement;
-        page: number;
-    }>;
-    private _edgeElementCopyUpdated$;
-    get changedEdgeHeight$(): Observable<EdgeType>;
-    private _changedEdgeHeight$;
     get redo$(): Observable<void>;
     private _redo$;
     get undo$(): Observable<void>;
@@ -181,6 +182,9 @@ export declare class EditorService {
     openSidenav(component: Type<any>): void;
     closeSidenav(): void;
     changedTableSize(insertIndex: number, sessionId: number): void;
+    changedEdgeSize(edgeType: EdgeType, pageType: PageType): void;
+    imageLoaded(sessionId: number): void;
+    changedEdge(sessionId: number): void;
     insertTableRows(insertIndex: number, rowsCount: number, targetIndex: number, inheritIndex: number, sessionId: number): void;
     insertTableColumns(insertIndex: number, columnsCount: number, targetIndex: number, inheritIndex: number, sessionId: number): void;
     removeTableRows(insertIndex: number, startIndex: number, endIndex: number, sessionId: number): void;
@@ -191,9 +195,6 @@ export declare class EditorService {
         rows: number;
         columns: number;
     }): void;
-    rendererUpdated(sessionId: number): void;
-    edgeElementCopyUpdated(newElementCopy: any, page: any): void;
-    changedEdgeHeight(type: EdgeType): void;
     undo(): void;
     redo(): void;
     print(): void;

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

@@ -1,5 +1,5 @@
 export declare class ContentOperationsHelper {
-    static removeContent(content: string, startIndex: number, endIndex: number): string;
+    static removeContent(content: string, startIndex: number, count: number): string;
     static insertContent(content: string, text: string, index: number): string;
     static replaceContent(content: string, startIndex: number, endIndex: number, text: string): string;
 }

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

@@ -1,9 +1,14 @@
+import { FormatModel } from '../../../models/generated/format.model';
 import { LinkModel } from '../../../models/generated/link.model';
 import { TextStyleModel } from '../../../models/generated/text-style.model';
 export declare class LinkOperationsHelper {
-    static insert(links: LinkModel[], link: string, startIndex: number, endIndex: number, textStyle: TextStyleModel): void;
+    static insert(links: LinkModel[], link: string, startIndex: number, endIndex: number, linkStyle: TextStyleModel): void;
+    static insertStyledContent(links: LinkModel[], index: number, textLength: number, style: TextStyleModel): void;
     static insertContent(links: LinkModel[], insertIndex: number, textLength: number): void;
     static removeContent(links: LinkModel[], startIndex: number, endIndex: number): void;
-    static restore(links: LinkModel[], startIndex: number, contentLength: number, newlinks: LinkModel[]): void;
+    static restore(links: LinkModel[], startIndex: number, contentLength: number, newLinks: LinkModel[]): void;
+    static restoreFormats(links: LinkModel[], formats: FormatModel[]): void;
     static replaceContent(links: LinkModel[], startIndex: number, endIndex: number, length: number): void;
+    static apply(links: LinkModel[], startIndex: number, endIndex: number, style: TextStyleModel): void;
+    private static merge;
 }