@talrace/ngx-noder 0.0.25 → 0.0.27

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

@@ -16,6 +16,7 @@ export declare class MenuDropdownsComponent extends BaseToolbarComponent {
     showFormat: boolean;
     openFileFromDisk: EventEmitter<void>;
     saveAs: EventEmitter<void>;
+    downloadPdf: EventEmitter<void>;
     insertPageBreak: EventEmitter<void>;
     createDocument: EventEmitter<void>;
     rename: EventEmitter<void>;
@@ -35,5 +36,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"; "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"; "downloadPdf": "downloadPdf"; "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-mobile-toolbar/editor-mobile-toolbar.component.d.ts

@@ -12,6 +12,7 @@ export declare class EditorMobileToolbarComponent extends ToolbarActionsComponen
     openFileFromDisk: EventEmitter<void>;
     createDocument: EventEmitter<void>;
     saveAs: EventEmitter<void>;
+    downloadPdf: EventEmitter<void>;
     rename: EventEmitter<void>;
     delete: EventEmitter<void>;
     insertPageBreak: EventEmitter<void>;
@@ -24,5 +25,5 @@ export declare class EditorMobileToolbarComponent extends ToolbarActionsComponen
     onTextFormat(): void;
     private getActions;
     static ɵfac: i0.ɵɵFactoryDeclaration<EditorMobileToolbarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EditorMobileToolbarComponent, "app-nod-editor-mobile-toolbar", never, {}, { "openFileFromDisk": "openFileFromDisk"; "createDocument": "createDocument"; "saveAs": "saveAs"; "rename": "rename"; "delete": "delete"; "insertPageBreak": "insertPageBreak"; "textFormat": "textFormat"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EditorMobileToolbarComponent, "app-nod-editor-mobile-toolbar", never, {}, { "openFileFromDisk": "openFileFromDisk"; "createDocument": "createDocument"; "saveAs": "saveAs"; "downloadPdf": "downloadPdf"; "rename": "rename"; "delete": "delete"; "insertPageBreak": "insertPageBreak"; "textFormat": "textFormat"; }, never, never, false, never>;
 }

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

@@ -10,6 +10,7 @@ export declare class EditorToolbarComponent {
     openFileFromDisk: EventEmitter<void>;
     addCustomElement: EventEmitter<ElementDataModel>;
     saveAs: EventEmitter<any>;
+    downloadPdf: EventEmitter<any>;
     print: EventEmitter<void>;
     insertPageBreak: EventEmitter<any>;
     createDocument: EventEmitter<any>;
@@ -36,5 +37,5 @@ export declare class EditorToolbarComponent {
     }>;
     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"; "print": "print"; "insertPageBreak": "insertPageBreak"; "createDocument": "createDocument"; "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"; "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>;
 }

package/lib/apart-components/editor-toolbar/shared/services/toolbar-core.service.d.ts

@@ -7,6 +7,7 @@ export interface IActions {
     new: () => void;
     openFrom: () => void;
     saveAs: () => void;
+    downloadPdf: () => void;
     rename: () => void;
     print: () => void;
     delete: () => void;

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

@@ -8,12 +8,16 @@ import { NoderEdgeComponent } from './edge.component';
 import { PageType } from './page-type.enum';
 export declare class Edges {
     private componentService;
+    private margins;
+    private pageWidth;
     private parentSessionId;
     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);
+    createEdges(headerModel: EdgeModel, footerModel: EdgeModel): void;
+    removeEdges(pageType: PageType): void;
     getTypeBySessionId(sessionId: number): {
         type: EdgeType;
         pageType: PageType;

package/lib/editor/components/external-element/models/element-data.model.d.ts

@@ -1,5 +1,6 @@
 export declare class ElementDataModel {
-    type: number;
+    id: number;
     guid: string;
-    constructor(type: number, guid: string);
+    type: number;
+    constructor(id: number, guid: string, type: number);
 }

package/lib/editor/components/external-element/models/external-element.model.d.ts

@@ -7,10 +7,12 @@ export declare class ExternalElementModel {
     type: number;
     componentType: Type<BaseNoderComponent>;
     factoryMethod: () => Promise<{
+        id: number;
         guid: string;
         type: number;
     }>;
     constructor(nameTranslate: string, nameId: string, icon: string, type: number, componentType: Type<BaseNoderComponent>, factoryMethod: () => Promise<{
+        id: number;
         guid: string;
         type: number;
     }>);

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

@@ -81,6 +81,7 @@ export declare class DisplayData extends EventEmitting {
     private getOrGenerateComponent;
     private processCharSizes;
     getLineTokens(model: ContentsInterface, line: string, startIndex: number): DisplayToken[];
+    private findSameNumberingIndex;
     private getEmptyDisplayTokens;
     private getEmptyLineTokens;
     private getLineInfoByBreakModifier;

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

@@ -0,0 +1,20 @@
+import { EdgeElementModel } from '../../components/edges/edge-element.model';
+import { EdgeType } from '../../components/edges/edge-type.enum';
+import { EditSession } from '../../execution/edit.session';
+import { ILayerConfig } from './layer.config';
+import { PageType } from '../../components/edges/page-type.enum';
+export declare class EdgesLayer {
+    private parentElement;
+    protected session: EditSession;
+    element: HTMLElement;
+    config: ILayerConfig;
+    elements: EdgeElementModel[];
+    constructor(parentElement: HTMLElement, session: EditSession);
+    updateSingle(type: EdgeType, pageType: PageType): void;
+    update(config: ILayerConfig): void;
+    scrollEdges(config: ILayerConfig): void;
+    protected getEdgeTop(topOffset: number, page: number): number;
+    private renderPageHeaderComponent;
+    private renderPageFooterComponent;
+    private renderEdgeComponent;
+}

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

@@ -1,9 +1,6 @@
-import { EdgeElementModel } from '../../components/edges/edge-element.model';
-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;
@@ -12,19 +9,11 @@ export declare class TextLayer {
     element: HTMLElement;
     lines: Lines;
     config: ILayerConfig;
-    edgeElements: EdgeElementModel[];
     constructor(parentElement: HTMLElement, session: EditSession, renderingHelper?: typeof RenderingHelper);
     destroy(): void;
-    updateEdge(type: EdgeType, pageType: PageType): void;
-    updateEdges(config: ILayerConfig): void;
-    scrollEdges(config: ILayerConfig): void;
     updateLines(config: ILayerConfig): void;
     scrollLines(config: ILayerConfig): void;
     protected getParagraphTop(row: number): number;
-    private getEdgeTop;
-    private renderPageHeaderComponent;
-    private renderPageFooterComponent;
-    private renderEdgeComponent;
     private renderTextParagraph;
     private renderTextLines;
     private pagesCountChangedHandler;

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

@@ -1,3 +1,4 @@
+import { EdgesLayer } from '../layers/edges.layer';
 import { EditSession } from '../../execution/edit.session';
 import { PagesLayer } from '../layers/pages.layer';
 import { PrintTextLayer } from '../layers/print.text.layer';
@@ -6,6 +7,7 @@ export declare class PrintRenderer {
     content: HTMLElement;
     textLayer: PrintTextLayer;
     pagesLayer: PagesLayer;
+    edgesLayer: EdgesLayer;
     documentHtml: string;
     headHtml: string;
     pagesCount: number;

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

@@ -1,12 +1,13 @@
 import { CursorLayer } from './layers/cursor.layer';
 import { CursorParagraph } from '../positioning/cursor-paragraph';
+import { EdgesLayer } from './layers/edges.layer';
 import { EditSession } from '../execution/edit.session';
 import { ILayerConfig } from './layers/layer.config';
 import { PagesLayer } from './layers/pages.layer';
 import { Range } from '../positioning/range';
 import { RenderChangesModel } from './render-changes.model';
-import { Renderer } from './renderer';
 import { RenderLoop } from './renderloop';
+import { Renderer } from './renderer';
 import { ScrollBar } from '../gadgets/scrollbar';
 export declare class VirtualRenderer {
     scrollBar: ScrollBar;
@@ -20,6 +21,7 @@ export declare class VirtualRenderer {
     container: HTMLElement;
     scroller: HTMLElement;
     pagesLayer: PagesLayer;
+    edgesLayer: EdgesLayer;
     canScroll: boolean;
     renderer: Renderer;
     changes: RenderChangesModel;

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

@@ -25,12 +25,15 @@ 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 { PageType } from '../components/edges/page-type.enum';
 import { ParagraphModel } from '../../models/generated/paragraph.model';
 import { ParagraphStyleModel } from '../../models/generated/paragraph-style.model';
 import { Range } from '../positioning/range';
+import { RemoveParagraphAndAddNumberingModel } from '../../models/generated/remove-paragraph-and-add-numbering.model';
 import { ReplaceModel } from '../../models/generated/replace.model';
 import { ResizeTableColumnsModel } from '../../models/generated/resize-table-columns.model';
 import { RestoreModel } from '../../models/generated/restore.model';
+import { RestoreParagraphAndAddNumberingModel } from '../../models/generated/restore-paragraph-and-add-numbering.model';
 import { ScrollBar } from '../gadgets/scrollbar';
 import { Selection } from '../positioning/selection';
 import { TableModel } from '../../models/generated/table.model';
@@ -82,7 +85,7 @@ export declare class EditSession {
     applyTextStyle(startIndex: number, endIndex: number, textStyle: TextStyleModel): void;
     applyParagraphStyle(startIndex: number, endIndex: number, paragraphStyle: ParagraphStyleModel): void;
     rerender(insertIndex: number): void;
-    addNumbering(levels: NumberingLevelModel[], startIndex: number, endIndex: number): void;
+    addNumbering(levels: NumberingLevelModel[], startIndex: number, endIndex: number, numberingId: number | null): void;
     removeNumberings(startIndex: number, endIndex: number): void;
     restoreNumberings(paragraphs: ParagraphModel[], numberings: NumberingModel[]): void;
     applyImageStyle(applyImage: ApplyImageStyleModel): void;
@@ -95,6 +98,8 @@ export declare class EditSession {
      */
     remove(range: Range): void;
     replace(model: ReplaceModel): CursorParagraph;
+    removeParagraphAndAddNumbering(model: RemoveParagraphAndAddNumberingModel): void;
+    restoreParagraphAndAddNumbering(model: RestoreParagraphAndAddNumberingModel): void;
     insertText(position: CursorParagraph, text: string, cursorStyle?: TextStyleModel): CursorParagraph;
     insertElement(position: CursorParagraph, element: ElementDataModel): CursorParagraph;
     insertBreak(position: CursorParagraph, breakType: BreakTypes): CursorParagraph;
@@ -116,4 +121,7 @@ export declare class EditSession {
     removeTableColumns(insertIndex: number, startIndex: number, endIndex: number): void;
     resizeTableColumns(resizeTableColumns: ResizeTableColumnsModel): void;
     restoreTable(insertIndex: number, table: TableModel): void;
+    paragraphIsNumbering(row: number): boolean;
+    createEdges(pageType: PageType): void;
+    removeEmptyEdges(pageType: PageType): void;
 }

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

@@ -4,8 +4,10 @@ import { Subscription } from 'rxjs';
 import { BaseNoderComponent } from '../components/shared/abstract/base.component';
 import { BreakTypes } from '../gadgets/page-break/break-types.enum';
 import { CommandsService } from '../operations/commands.service';
+import { CreateEdgesModel } from '../../models/generated/create-edges.model';
 import { DocumentHandler } from '../interaction/document.handler';
 import { DocxModel } from '../../models/generated/docx.model';
+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';
@@ -25,12 +27,14 @@ import { MouseHandler } from '../interaction/mouse.handler';
 import { NumberingLevelModel } from '../../models/generated/numbering-level.model';
 import { Operation } from '../gadgets/history/operation.type';
 import { OperationHistory } from '../gadgets/history/operation-history';
+import { PageType } from '../components/edges/page-type.enum';
 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 { RestoreModel } from '../../models/generated/restore.model';
 import { SearchOptions } from '../gadgets/search/search';
 import { SearchIteration } from '../gadgets/search/search-iteration.interface';
 import { Selection } from '../positioning/selection';
@@ -78,6 +82,7 @@ export declare class Editor {
     insertText(text: string, textStyle: TextStyleModel): void;
     removeLeft(): void;
     removeRight(): void;
+    createEdges(edgeType: EdgeType, pageType: PageType): void;
     insertBreak(breakType: BreakTypes): void;
     insertTab(): void;
     insertImage(imageData: ImageDataModel): void;
@@ -111,10 +116,12 @@ export declare class Editor {
     redo(): void;
     applyOperation(operation: Operation): void;
     saveRemoveToHistory(range: Range): void;
+    saveRemoveParagraphAndAddNumberingToHistory(restore: RestoreModel, templateLevels: NumberingLevelModel[], startIndex: number, numberingId: number): void;
     saveInsertTextToHistory(paragraph: number, indexInParagraph: number, text: string): void;
     saveInsertParagraphToHistory(content: string, model: InsertParagraphModel): void;
     saveInsertStyledTextToHistory(paragraph: number, indexInParagraph: number, text: string, style: TextStyleModel): void;
     saveInsertElementToHistory(model: InsertElementModel): void;
+    saveCreateEdgesToHistory(model: CreateEdgesModel): void;
     saveInsertBreakToHistory(model: InsertBreakModel): void;
     saveInsertTabToHistory(model: InsertTabModel): void;
     saveInsertImageToHistory(model: InsertImageModel): void;
@@ -129,6 +136,7 @@ export declare class Editor {
     private createRestoreFromSlice;
     createCustomElement(data: ElementDataModel): void;
     removeSelected(): void;
+    removeParagraphAndSetParagraphToNumbering(): void;
     removeCustomElementsData(): void;
     onInput(): void;
     onCut(event: ClipboardEvent): void;
@@ -172,6 +180,7 @@ export declare class Editor {
     resizeTableColumns(resizeTableColumns: ResizeTableColumnsModel, sessionId: number): void;
     onMousePressedMove(event: MouseEvent): void;
     provideTextStyle(component: BaseNoderComponent): void;
+    getClickedEdgeType(mousePosition: number): EdgeType | null;
     receiveTextStyleSubscription(): Subscription;
     searchOptionSubscription(): Subscription;
     replaceSubscription(): Subscription;
@@ -211,5 +220,5 @@ export declare class Editor {
     private selectAllSubscription;
     private removeSelectedSubscription;
     private clipboardDataSubscription;
-    updateEdgeSubscription(): Subscription;
+    private updateEdgeSubscription;
 }

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

@@ -12,12 +12,15 @@ import { InsertTabModel } from '../../../models/generated/insert-tab.model';
 import { NumberingLevelModel } from '../../../models/generated/numbering-level.model';
 import { NumberingModel } from '../../../models/generated/numbering.model';
 import { Operation } from './operation.type';
+import { PageType } from '../../components/edges/page-type.enum';
 import { ParagraphModel } from '../../../models/generated/paragraph.model';
 import { ParagraphStyleModel } from '../../../models/generated/paragraph-style.model';
 import { RegulatorService } from '../../execution/regulator.service';
+import { RemoveParagraphAndAddNumberingModel } from '../../../models/generated/remove-paragraph-and-add-numbering.model';
 import { ReplaceModel } from '../../../models/generated/replace.model';
 import { ResizeTableColumnsModel } from '../../../models/generated/resize-table-columns.model';
 import { RestoreModel } from '../../../models/generated/restore.model';
+import { RestoreParagraphAndAddNumberingModel } from '../../../models/generated/restore-paragraph-and-add-numbering.model';
 import { TableModel } from '../../../models/generated/table.model';
 import { TargetModel } from '../../../models/generated/target.model';
 import { TextStyleModel } from '../../../models/generated/text-style.model';
@@ -49,6 +52,8 @@ export declare class OperationHistory {
     pushAddNumbering(startIndex: number, endIndex: number, levels: NumberingLevelModel[], paragraphs: ParagraphModel[], numberings: NumberingModel[]): void;
     pushRemoveNumberings(startIndex: number, endIndex: number, numberings: NumberingModel[], paragraphs: ParagraphModel[]): void;
     pushReplace(restore: RestoreModel, replace: ReplaceModel): void;
+    pushRemoveParagraphAndSetParagraphToNumbering(restore: RestoreParagraphAndAddNumberingModel, remove: RemoveParagraphAndAddNumberingModel): void;
+    pushCreateEdges(pageType: PageType): void;
     popUndoOperation(): {
         operation: Operation | null;
         targets: TargetModel[];

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

@@ -1,6 +1,7 @@
 import { AddNumberingModel } from '../../../models/generated/add-numbering.model';
 import { ApplyImageStyleModel } from '../../../models/generated/apply-image-style.model';
 import { ApplyTextStyleModel } from '../../../models/generated/apply-text-style.model';
+import { CreateEdgesModel } from '../../../models/generated/create-edges.model';
 import { DeleteModel } from '../../../models/generated/delete.model';
 import { InsertBreakModel } from '../../../models/generated/insert-break.model';
 import { InsertElementModel } from '../../../models/generated/insert-element.model';
@@ -12,14 +13,17 @@ import { InsertTableModel } from '../../../models/generated/insert-table.model';
 import { InsertTableRowsModel } from '../../../models/generated/insert-table-rows.model';
 import { InsertTabModel } from '../../../models/generated/insert-tab.model';
 import { InsertTextModel } from '../../../models/generated/insert-text.model';
+import { RemoveEdgesModel } from '../../../models/generated/remove-edges.model';
 import { RemoveNumberingsModel } from '../../../models/generated/remove-numberings.model';
+import { RemoveParagraphAndAddNumberingModel } from '../../../models/generated/remove-paragraph-and-add-numbering.model';
 import { RemoveTableColumnsModel } from '../../../models/generated/remove-table-columns.model';
 import { RemoveTableRowsModel } from '../../../models/generated/remove-table-rows.model';
 import { ReplaceModel } from '../../../models/generated/replace.model';
 import { ResizeTableColumnsModel } from '../../../models/generated/resize-table-columns.model';
 import { RestoreModel } from '../../../models/generated/restore.model';
 import { RestoreNumberingsModel } from '../../../models/generated/restore-numberings.model';
+import { RestoreParagraphAndAddNumberingModel } from '../../../models/generated/restore-paragraph-and-add-numbering.model';
 import { RestoreParagraphStylesModel } from '../../../models/generated/restore-paragraph-styles.model';
 import { RestoreTableModel } from '../../../models/generated/restore-table.model';
 import { RestoreTextStylesModel } from '../../../models/generated/restore-text-styles.model';
-export type Operation = InsertTextModel | DeleteModel | InsertStyledTextModel | RestoreModel | ApplyTextStyleModel | RestoreTextStylesModel | RestoreParagraphStylesModel | InsertElementModel | InsertBreakModel | ApplyImageStyleModel | AddNumberingModel | RestoreNumberingsModel | InsertParagraphModel | InsertTabModel | InsertTableColumnsModel | InsertTableRowsModel | RemoveTableColumnsModel | RemoveTableRowsModel | ResizeTableColumnsModel | RestoreTableModel | InsertTableModel | InsertImageModel | RemoveNumberingsModel | ReplaceModel;
+export type Operation = InsertTextModel | DeleteModel | InsertStyledTextModel | RestoreModel | ApplyTextStyleModel | RestoreTextStylesModel | RestoreParagraphStylesModel | InsertElementModel | InsertBreakModel | ApplyImageStyleModel | AddNumberingModel | RestoreNumberingsModel | InsertParagraphModel | InsertTabModel | InsertTableColumnsModel | InsertTableRowsModel | RemoveTableColumnsModel | RemoveTableRowsModel | ResizeTableColumnsModel | RestoreTableModel | InsertTableModel | InsertImageModel | RemoveNumberingsModel | ReplaceModel | CreateEdgesModel | RemoveEdgesModel | RemoveParagraphAndAddNumberingModel | RestoreParagraphAndAddNumberingModel;

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

@@ -10,7 +10,7 @@ import { TextStyleModel } from '../../../models/generated/text-style.model';
 export declare class NumberingHelper {
     static getStyles(paragraphStyle: ParagraphStyleModel, numberings: NumberingModel[]): NumberingParagraphStyleModel;
     static find(numberings: NumberingModel[], id: number, level: number): NumberingLevelModel;
-    static calculateNumberingInfo(numberingId: number, level: number, marker: string, numberingInfo: NumberingInfo, numberings: NumberingModel[]): void;
+    static calculateNumberingInfo(numberingId: number | null, level: number | null, marker: string, numberingInfo: NumberingInfo, numberings: NumberingModel[]): void;
     private static calculateMarkerIndexes;
     static getMarker(levelModel: NumberingLevelModel, numberingId: number, paragraphs: ParagraphModel[], paragraphIndex: number, numberingInfo: NumberingInfo): string;
     static createDataModel(numberings: NumberingModel[], paragraphs: ParagraphModel[], paragraphIndex: number, numberingInfo: NumberingInfo): NumberingDataModel;

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

@@ -25,5 +25,9 @@ export declare enum CommandType {
     RestoreNumberings = 23,
     Replace = 24,
     InsertLink = 25,
-    InsertParagraph = 26
+    InsertParagraph = 26,
+    CreateEdges = 27,
+    RemoveEdges = 28,
+    RemoveParagraphAndAddNumbering = 29,
+    RestoreParagraphAndAddNumbering = 30
 }

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

@@ -0,0 +1,6 @@
+import { EdgeModel } from '../../../models/generated/edge.model';
+import { PageType } from '../../components/edges/page-type.enum';
+export declare class EdgesOperationsHelper {
+    static createByType(edges: EdgeModel[], pageType: PageType): void;
+    static removeByType(edges: EdgeModel[], pageType: PageType): void;
+}

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

@@ -3,6 +3,7 @@ import { BreakTypes } from '../gadgets/page-break/break-types.enum';
 import { CommandModel } from '../../models/generated/command.model';
 import { ContentsInterface } from '../content/contents.interface';
 import { DocxModel } from '../../models/generated/docx.model';
+import { EdgeModel } from '../../models/generated/edge.model';
 import { FormatModel } from '../../models/generated/format.model';
 import { ImageDataModel } from '../../models/generated/image-data.model';
 import { InsertElementModel } from '../../models/generated/insert-element.model';
@@ -10,8 +11,10 @@ import { InsertParagraphModel } from '../../models/generated/insert-paragraph.mo
 import { InsertTableModel } from '../../models/generated/insert-table.model';
 import { NumberingLevelModel } from '../../models/generated/numbering-level.model';
 import { NumberingModel } from '../../models/generated/numbering.model';
+import { PageType } from '../components/edges/page-type.enum';
 import { ParagraphModel } from '../../models/generated/paragraph.model';
 import { ParagraphStyleModel } from '../../models/generated/paragraph-style.model';
+import { RemoveParagraphAndAddNumberingModel } from '../../models/generated/remove-paragraph-and-add-numbering.model';
 import { ReplaceModel } from '../../models/generated/replace.model';
 import { ResizeTableColumnsModel } from '../../models/generated/resize-table-columns.model';
 import { RestoreModel } from '../../models/generated/restore.model';
@@ -27,8 +30,9 @@ export declare class OperationsHelper {
     static insertBreak(document: ContentsInterface, text: string, index: number, breakType: BreakTypes): void;
     static insertTab(document: ContentsInterface, index: number): void;
     static insertLink(document: ContentsInterface, text: string, link: string, index: number): void;
-    static addNumbering(target: ContentsInterface, numberings: NumberingModel[], startIndex: number, endIndex: number, levels: NumberingLevelModel[]): void;
+    static addNumbering(target: ContentsInterface, numberings: NumberingModel[], startIndex: number, endIndex: number, levels: NumberingLevelModel[], numberingId?: number | null): void;
     static removeNumberings(target: ContentsInterface, numberings: NumberingModel[], startIndex: number, endIndex: number): void;
+    static removeParagraphAndAddNumbering(target: ContentsInterface, numberings: NumberingModel[], model: RemoveParagraphAndAddNumberingModel): void;
     static restoreNumberings(target: ContentsInterface, numberings: NumberingModel[], paragraphsToRestore: ParagraphModel[], numberingsToRestore: NumberingModel[]): void;
     static insertImage(document: ContentsInterface, index: number, imageData: ImageDataModel): void;
     static insertTable(document: ContentsInterface, index: number, tableModel: InsertTableModel, contentWidth: number): void;
@@ -49,4 +53,6 @@ export declare class OperationsHelper {
     static removeTableColumns(document: ContentsInterface, insertIndex: number, startIndex: number, endIndex: number, contentWidth: number): void;
     static restoreTable(document: ContentsInterface, insertIndex: number, oldTable: TableModel): void;
     static resizeTableColumns(document: ContentsInterface, resizeTableColumns: ResizeTableColumnsModel): void;
+    static createEdges(headers: EdgeModel[], footers: EdgeModel[], pageType: PageType): void;
+    static removeEdges(headers: EdgeModel[], footers: EdgeModel[], pageType: PageType): void;
 }

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

@@ -1,4 +1,5 @@
 import { CommandModel } from '../../models/generated/command.model';
+import { CreateEdgesModel } from '../../models/generated/create-edges.model';
 import { FormatModel } from '../../models/generated/format.model';
 import { InsertBreakModel } from '../../models/generated/insert-break.model';
 import { InsertElementModel } from '../../models/generated/insert-element.model';
@@ -10,10 +11,13 @@ import { InsertTabModel } from '../../models/generated/insert-tab.model';
 import { NumberingLevelModel } from '../../models/generated/numbering-level.model';
 import { ParagraphModel } from '../../models/generated/paragraph.model';
 import { ParagraphStyleModel } from '../../models/generated/paragraph-style.model';
+import { RemoveEdgesModel } from '../../models/generated/remove-edges.model';
+import { RemoveParagraphAndAddNumberingModel } from '../../models/generated/remove-paragraph-and-add-numbering.model';
 import { ReplaceModel } from '../../models/generated/replace.model';
 import { ResizeTableColumnsModel } from '../../models/generated/resize-table-columns.model';
 import { RestoreModel } from '../../models/generated/restore.model';
 import { RestoreNumberingsModel } from '../../models/generated/restore-numberings.model';
+import { RestoreParagraphAndAddNumberingModel } from '../../models/generated/restore-paragraph-and-add-numbering.model';
 import { RestoreTableModel } from '../../models/generated/restore-table.model';
 import { TargetModel } from '../../models/generated/target.model';
 import { TextStyleModel } from '../../models/generated/text-style.model';
@@ -43,5 +47,9 @@ export declare class SaveCommandsHelper {
     static getRestoreCommand(restoreModel: RestoreModel, targets: TargetModel[]): CommandModel;
     static getRestoreTableCommand(restoreTable: RestoreTableModel, targets: TargetModel[]): CommandModel;
     static getReplaceCommand(model: ReplaceModel, targets: TargetModel[]): CommandModel;
+    static getRemoveParagraphAndAddNumberingCommand(model: RemoveParagraphAndAddNumberingModel, targets: TargetModel[]): CommandModel;
+    static getRestoreParagraphAndAddNumberingCommand(model: RestoreParagraphAndAddNumberingModel, targets: TargetModel[]): CommandModel;
     static getResizeTableColumnsCommand(resizeTableColumns: ResizeTableColumnsModel, targets: TargetModel[]): CommandModel;
+    static getCreateEdgesCommand(createEdges: CreateEdgesModel, targets: TargetModel[]): CommandModel;
+    static getRemoveEdgesCommand(removeEdges: RemoveEdgesModel, targets: TargetModel[]): CommandModel;
 }

package/lib/editor/positioning/position.helper.d.ts

@@ -3,7 +3,6 @@ import { CursorPosition } from './cursor-position.interface';
 import { EditSession } from '../execution/edit.session';
 import { ParagraphInfo } from '../content/display-data/paragraph-info.interface';
 import { ParagraphInfoModel } from '../content/display-data/models/paragraph-info.model';
-import { VirtualRenderer } from '../display/virtual.renderer';
 export declare class PositionHelper {
     /**
      * Returns an object containing the `pageX` and `pageY` coordinates of the document position.
@@ -45,5 +44,4 @@ export declare class PositionHelper {
         lineIndex: number;
     };
     static getApproximatePosition(session: EditSession, documentLine: number, positionWidth: number): number;
-    static pixelToPage(clientY: number, mainSession: EditSession, mainRenderer: VirtualRenderer): number;
 }

package/lib/models/generated/command.model.d.ts

@@ -2,6 +2,7 @@ import { AddNumberingModel } from './add-numbering.model';
 import { ApplyImageStyleModel } from './apply-image-style.model';
 import { ApplyParagraphStyleModel } from './apply-paragraph-style.model';
 import { ApplyTextStyleModel } from './apply-text-style.model';
+import { CreateEdgesModel } from './create-edges.model';
 import { DeleteModel } from './delete.model';
 import { InsertBreakModel } from './insert-break.model';
 import { InsertElementModel } from './insert-element.model';
@@ -14,7 +15,9 @@ import { InsertTableModel } from './insert-table.model';
 import { InsertTableRowsModel } from './insert-table-rows.model';
 import { InsertTabModel } from './insert-tab.model';
 import { InsertTextModel } from './insert-text.model';
+import { RemoveEdgesModel } from './remove-edges.model';
 import { RemoveNumberingsModel } from './remove-numberings.model';
+import { RemoveParagraphAndAddNumberingModel } from './remove-paragraph-and-add-numbering.model';
 import { RemoveTableColumnsModel } from './remove-table-columns.model';
 import { RemoveTableRowsModel } from './remove-table-rows.model';
 import { ReplaceByTextModel } from './replace-by-text.model';
@@ -22,6 +25,7 @@ import { ReplaceModel } from './replace.model';
 import { ResizeTableColumnsModel } from './resize-table-columns.model';
 import { RestoreModel } from './restore.model';
 import { RestoreNumberingsModel } from './restore-numberings.model';
+import { RestoreParagraphAndAddNumberingModel } from './restore-paragraph-and-add-numbering.model';
 import { RestoreParagraphStylesModel } from './restore-paragraph-styles.model';
 import { RestoreTableModel } from './restore-table.model';
 import { RestoreTextStylesModel } from './restore-text-styles.model';
@@ -32,6 +36,7 @@ export declare class CommandModel {
     applyParagraphStyle: ApplyParagraphStyleModel;
     applyTextStyle: ApplyTextStyleModel;
     commandType: any;
+    createEdges: CreateEdgesModel;
     delete: DeleteModel;
     insertBreak: InsertBreakModel;
     insertElement: InsertElementModel;
@@ -44,7 +49,9 @@ export declare class CommandModel {
     insertTableColumns: InsertTableColumnsModel;
     insertTableRows: InsertTableRowsModel;
     insertText: InsertTextModel;
+    removeEdges: RemoveEdgesModel;
     removeNumberings: RemoveNumberingsModel;
+    removeParagraphAndAddNumbering: RemoveParagraphAndAddNumberingModel;
     removeTableColumns: RemoveTableColumnsModel;
     removeTableRows: RemoveTableRowsModel;
     replace: ReplaceModel;
@@ -52,6 +59,7 @@ export declare class CommandModel {
     resizeTableColumns: ResizeTableColumnsModel;
     restore: RestoreModel;
     restoreNumberings: RestoreNumberingsModel;
+    restoreParagraphAndAddNumbering: RestoreParagraphAndAddNumberingModel;
     restoreParagraphStyles: RestoreParagraphStylesModel;
     restoreTable: RestoreTableModel;
     restoreTextStyles: RestoreTextStylesModel;

package/lib/models/generated/create-edges.model.d.ts

@@ -0,0 +1,4 @@
+export declare class CreateEdgesModel {
+    pageType: any;
+    constructor(fields?: Partial<CreateEdgesModel>);
+}

package/lib/models/generated/remove-edges.model.d.ts

@@ -0,0 +1,4 @@
+export declare class RemoveEdgesModel {
+    pageType: any;
+    constructor(fields?: Partial<RemoveEdgesModel>);
+}

package/lib/models/generated/remove-paragraph-and-add-numbering.model.d.ts

@@ -0,0 +1,10 @@
+import { DeleteModel } from './delete.model';
+import { NumberingLevelModel } from './numbering-level.model';
+export declare class RemoveParagraphAndAddNumberingModel {
+    delete: DeleteModel;
+    endIndex: number;
+    levels: NumberingLevelModel[];
+    numberingId: number;
+    startIndex: number;
+    constructor(fields?: Partial<RemoveParagraphAndAddNumberingModel>);
+}

package/lib/models/generated/restore-paragraph-and-add-numbering.model.d.ts

@@ -0,0 +1,7 @@
+import { RestoreModel } from './restore.model';
+export declare class RestoreParagraphAndAddNumberingModel {
+    endIndex: number;
+    restore: RestoreModel;
+    startIndex: number;
+    constructor(fields?: Partial<RestoreParagraphAndAddNumberingModel>);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@talrace/ngx-noder",
-  "version": "0.0.25",
+  "version": "0.0.27",
   "license": "MIT",
   "peerDependencies": {
     "@angular/common": "^19.0.5",

package/src/scss/base-editor.scss

@@ -120,6 +120,17 @@ div.ngx-colors-overlay.noder-color-picker-overlay .opened .colors {
         pointer-events: auto;
     }
 
+    .noder-edges-layer {
+        font: inherit !important;
+        contain: style size layout;
+        pointer-events: none;
+    }
+
+    .noder-edge-group {
+        z-index: 2;
+        pointer-events: auto;
+    }
+
     .noder-line {
         display: flex;
         align-items: baseline;
@@ -163,13 +174,9 @@ div.ngx-colors-overlay.noder-color-picker-overlay .opened .colors {
         }
     }
 
-    .noder-edge-group {
-        z-index: 1;
-    }
-
     .noder-text-layer > .noder-line,
     .noder-text-layer > .noder-line-group,
-    .noder-text-layer > .noder-edge-group {
+    .noder-edges-layer > .noder-edge-group {
         contain: style size layout;
         position: absolute;
         top: 0;
@@ -286,8 +293,8 @@ div.ngx-colors-overlay.noder-color-picker-overlay .opened .colors {
 
     .page-label {
         position: absolute;
-        top: 40px;
-        right: 96px;
+        top: 25px;
+        right: 56px;
         font-family: 'Courier New', Courier, monospace;
         font-size: 16px;
         line-height: 1;