@talrace/ngx-noder 0.0.6 → 0.0.8

package/lib/{+shared/editor/core/models → editor/components/edges}/edge-element.model.d.ts

@@ -1,4 +1,4 @@
-import { PageType } from '../enums/page-type.enum';
+import { PageType } from './page-type.enum';
 export declare class EdgeElementModel {
     element: HTMLElement;
     page: number;

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

@@ -0,0 +1,44 @@
+import { ElementRef } from '@angular/core';
+import { DestroyComponent } from '../shared/abstract/destroy.component';
+import { EdgeModel } from '../../../models/generated/edge.model';
+import { EdgeType } from './edge-type.enum';
+import { EditorService } from '../../interaction/editor.service';
+import { EditSession } from '../../execution/edit.session';
+import { GeneralPropertiesModel } from '../../content/display-data/general-properties.model';
+import { MarginModel } from '../../content/margin.model';
+import { RegulatorService } from '../../execution/regulator.service';
+import { Renderer } from '../../display/renderer';
+import { SessionModel } from '../../execution/targeting/session.model';
+import { VirtualRenderer } from '../../display/virtual.renderer';
+import * as i0 from "@angular/core";
+export declare class NoderEdgeComponent extends DestroyComponent {
+    private regulatorService;
+    private editorService;
+    model: EdgeModel;
+    generalProperties: GeneralPropertiesModel;
+    margins: MarginModel;
+    width: number;
+    parentSessionId: number;
+    set type(val: EdgeType);
+    get type(): EdgeType;
+    private _type;
+    sessionId: number;
+    edgeSession: SessionModel;
+    editModeClass: string;
+    typeContainerPosition: string;
+    get session(): EditSession;
+    get renderer(): Renderer | VirtualRenderer;
+    get height(): number;
+    container: ElementRef<HTMLElement>;
+    typeContainer: ElementRef<HTMLElement>;
+    private _previousHeight;
+    constructor(regulatorService: RegulatorService, editorService: EditorService);
+    ngOnDestroy(): void;
+    initialize(): void;
+    enterEditMode(): void;
+    leaveEditMode(): void;
+    rendererUpdated(sessionId: number): void;
+    private setTypeContainerPosition;
+    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/{+shared/editor/core → editor}/components/edges/edges.d.ts

@@ -1,18 +1,18 @@
 import { ComponentRef } from '@angular/core';
-import { ComponentService } from '../../../custom-components/shared/services/component/component.service';
-import { EdgeModel } from '../../../../../models/generated/edge.model';
+import { ComponentService } from '../shared/services/component.service';
+import { EdgeModel } from '../../../models/generated/edge.model';
 import { EdgeType } from './edge-type.enum';
-import { GeneralPropertiesModel } from '../../../execution/models/general-properties.model';
-import { MarginModel } from '../../models/margin.model';
+import { GeneralPropertiesModel } from '../../content/display-data/general-properties.model';
+import { MarginModel } from '../../content/margin.model';
 import { NoderEdgeComponent } from './edge.component';
-import { PageType } from '../../enums/page-type.enum';
+import { PageType } from './page-type.enum';
 export declare class Edges {
     private componentService;
     private parentSessionId;
-    private properties;
+    private generalProperties;
     headersComponents: ComponentRef<NoderEdgeComponent>[];
     footersComponents: ComponentRef<NoderEdgeComponent>[];
-    constructor(componentService: ComponentService, headers: EdgeModel[], footers: EdgeModel[], margins: MarginModel, pageWidth: number, parentSessionId: number, properties: GeneralPropertiesModel);
+    constructor(componentService: ComponentService, headers: EdgeModel[], footers: EdgeModel[], margins: MarginModel, pageWidth: number, parentSessionId: number, generalProperties: GeneralPropertiesModel);
     getComponentByPage(page: number, type: EdgeType): ComponentRef<NoderEdgeComponent>;
     getComponentByPageType(pageType: PageType, type: EdgeType): ComponentRef<NoderEdgeComponent>;
     getComponentHeightByPageType(pageType: PageType, type: EdgeType): number;

package/lib/{+shared/editor → editor/components}/editor.component.d.ts

@@ -2,13 +2,13 @@ import { ChangeDetectorRef, ElementRef, Injector, OnDestroy } from '@angular/cor
 import { Clipboard } from '@angular/cdk/clipboard';
 import { MatDrawer } from '@angular/material/sidenav';
 import { Observable, Subscription } from 'rxjs';
-import { CommandsService } from '../services/commands.service';
-import { ComponentService } from './custom-components/shared/services/component/component.service';
+import { CommandsService } from '../operations/commands.service';
+import { ComponentService } from './shared/services/component.service';
 import { DocxModel } from '../../models/generated/docx.model';
-import { Editor } from './core/editor';
-import { EditorService } from './interaction/editor.service';
-import { ExternalSidenavModel } from './custom-components/external-element/models/external-sidenav.model';
-import { RegulatorService } from './execution/regulator.service';
+import { Editor } from '../execution/editor';
+import { EditorService } from '../interaction/editor.service';
+import { ExternalSidenavModel } from './external-element/models/external-sidenav.model';
+import { RegulatorService } from '../execution/regulator.service';
 import * as i0 from "@angular/core";
 export declare class EditorComponent implements OnDestroy {
     private cdr;
@@ -19,6 +19,8 @@ export declare class EditorComponent implements OnDestroy {
     private commandsService;
     private clipboard;
     get isViewOnly$(): Observable<boolean>;
+    isMobile: boolean;
+    externalElementTagNames: string[];
     customPageWidth?: number | null;
     set content(model: DocxModel);
     get content(): DocxModel;
@@ -35,6 +37,7 @@ export declare class EditorComponent implements OnDestroy {
     ngOnDestroy(): void;
     initEditor(content: DocxModel): void;
     toggleSidenavSubscription(): Subscription;
+    removeSidenavComponent(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<EditorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EditorComponent, "app-editor", never, { "customPageWidth": { "alias": "customPageWidth"; "required": false; }; "content": { "alias": "content"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EditorComponent, "app-nod-editor", never, { "isMobile": { "alias": "isMobile"; "required": false; }; "externalElementTagNames": { "alias": "externalElementTagNames"; "required": false; }; "customPageWidth": { "alias": "customPageWidth"; "required": false; }; "content": { "alias": "content"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/{+shared/editor/custom-components → editor/components}/external-element/external-sidenav.interface.d.ts

@@ -1,4 +1,4 @@
-import { ElementModel } from '../../../../models/generated/element.model';
+import { ElementModel } from '../../../models/generated/element.model';
 export interface ExternalSidenavInterface {
     model: ElementModel;
     contentWidth: number;

package/lib/{+shared/editor/custom-components → editor/components}/external-element/external.component.d.ts

@@ -1,10 +1,10 @@
 import { Type } from '@angular/core';
 import { BaseNoderComponent } from '../shared/abstract/base.component';
 import { EditorService } from '../../interaction/editor.service';
-import { ElementModel } from '../../../../models/generated/element.model';
+import { ElementModel } from '../../../models/generated/element.model';
 import { ExternalSidenavInterface } from './external-sidenav.interface';
 import * as i0 from "@angular/core";
-export declare abstract class NoderExternalComponent extends BaseNoderComponent {
+export declare abstract class ExternalComponent extends BaseNoderComponent {
     content: ElementModel;
     protected abstract sidenavComponent: Type<ExternalSidenavInterface>;
     protected readonly editorService: EditorService;
@@ -12,6 +12,6 @@ export declare abstract class NoderExternalComponent extends BaseNoderComponent
     blur(): void;
     changeElementHeight(height: number): void;
     changeElementWidth(width: number): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NoderExternalComponent, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NoderExternalComponent, never, never, {}, {}, never, never, false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ExternalComponent, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ExternalComponent, never, never, {}, {}, never, never, false, never>;
 }

package/lib/{+shared/editor/custom-components → editor/components}/image/components/image.component.d.ts

@@ -2,9 +2,9 @@ import { ElementRef } from '@angular/core';
 import { Observable } from 'rxjs';
 import { BaseNoderComponent } from '../../shared/abstract/base.component';
 import { EditorService } from '../../../interaction/editor.service';
-import { ImageApiService } from '../services/image-api.service';
-import { ImageModel } from '../../../../../models/generated/image.model';
-import { Size } from '../interfaces/size';
+import { ImageApiService } from '../../../components/image/image-api.service';
+import { ImageModel } from '../../../../models/generated/image.model';
+import { Size } from '../../../components/image/size';
 import * as i0 from "@angular/core";
 export declare class NoderImageComponent extends BaseNoderComponent {
     protected elementRef: ElementRef<HTMLElement>;
@@ -27,5 +27,5 @@ export declare class NoderImageComponent extends BaseNoderComponent {
     private resizeImage;
     private resizeCanvas;
     static ɵfac: i0.ɵɵFactoryDeclaration<NoderImageComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NoderImageComponent, "app-noder-image", never, {}, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NoderImageComponent, "app-nod-image", never, {}, {}, never, never, false, never>;
 }

package/lib/editor/components/image/image-api.service.d.ts

@@ -0,0 +1,17 @@
+import { HttpClient } from '@angular/common/http';
+import { Observable } from 'rxjs';
+import * as i0 from "@angular/core";
+export declare abstract class ImageApiService {
+    abstract getFile(source: string): Observable<Blob>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ImageApiService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ImageApiService>;
+}
+export declare class DefaultImageApiService implements ImageApiService {
+    private http;
+    private apiRelativePath;
+    private _inFlight;
+    constructor(http: HttpClient);
+    getFile(source: string): Observable<Blob>;
+    private httpGetBlob;
+    private getHeaders;
+}

package/lib/{+shared/editor/custom-components → editor/components}/image/resizer/resizer.component.d.ts

@@ -1,6 +1,6 @@
 import { EventEmitter, OnInit } from '@angular/core';
 import { Direction } from './direction.enum';
-import { Size } from '../interfaces/size';
+import { Size } from '../size';
 import * as i0 from "@angular/core";
 export declare class ResizerComponent implements OnInit {
     get width(): number;
@@ -22,5 +22,5 @@ export declare class ResizerComponent implements OnInit {
     private getDelta;
     private setPreviousCoordinate;
     static ɵfac: i0.ɵɵFactoryDeclaration<ResizerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ResizerComponent, "app-resizer", never, { "isDisabled": { "alias": "isDisabled"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "resizeEnd": "resizeEnd"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ResizerComponent, "app-nod-resizer", never, { "isDisabled": { "alias": "isDisabled"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "resizeEnd": "resizeEnd"; }, never, never, false, never>;
 }

package/lib/{+shared/editor/custom-components → editor/components}/image/resizer/size-wrapper.d.ts

@@ -1,4 +1,4 @@
-import { Size } from '../interfaces/size';
+import { Size } from '../size';
 import { SizeDelta } from './size-delta';
 export declare class SizeWrapper {
     private readonly minSize?;

package/lib/{+shared/editor/custom-components → editor/components}/shared/abstract/base.component.d.ts

@@ -1,9 +1,9 @@
 import { ChangeDetectorRef } from '@angular/core';
-import { CustomContent } from '../types/custom-content';
-import { GeneralPropertiesModel } from '../../../execution/models/general-properties.model';
-import { ObserverComponent } from '../../../../abstract/observer.component';
+import { CustomContent } from '../custom-content';
+import { DestroyComponent } from './destroy.component';
+import { GeneralPropertiesModel } from '../../../content/display-data/general-properties.model';
 import * as i0 from "@angular/core";
-export declare abstract class BaseNoderComponent extends ObserverComponent {
+export declare abstract class BaseNoderComponent extends DestroyComponent {
     get focused(): boolean;
     content: CustomContent;
     sessionId: number;

package/lib/editor/components/shared/abstract/destroy.component.d.ts

@@ -0,0 +1,9 @@
+import { OnDestroy } from '@angular/core';
+import { Subject } from 'rxjs';
+import * as i0 from "@angular/core";
+export declare abstract class DestroyComponent implements OnDestroy {
+    destroy$: Subject<boolean>;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DestroyComponent, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DestroyComponent, never, never, {}, {}, never, never, false, never>;
+}

package/lib/{+shared/editor/custom-components/shared/helpers → editor/components/shared}/custom-component.hepler.d.ts

@@ -1,7 +1,7 @@
 import { ComponentRef } from '@angular/core';
-import { BaseNoderComponent } from '../abstract/base.component';
-import { CustomContent } from '../types/custom-content';
-import { DistanceModel } from '../../../core/models/distance.model';
+import { BaseNoderComponent } from './abstract/base.component';
+import { CustomContent } from './custom-content';
+import { DistanceModel } from '../../execution/distance.model';
 export declare class CustomComponentHelper {
     static applyRemovingComponents(components: ComponentRef<BaseNoderComponent>[], startIndex: number, endIndex: number): void;
     static applyRemovingOrReplacingToComponents(components: ComponentRef<BaseNoderComponent>[], distance: DistanceModel, symbolDifference: number, contents: CustomContent[]): void;

package/lib/editor/components/shared/custom-components.interface.d.ts

@@ -0,0 +1,13 @@
+import { ComponentRef } from '@angular/core';
+import { BaseNoderComponent } from './abstract/base.component';
+import { Edges } from '../edges/edges';
+import { NoderImageComponent } from '../image/components/image.component';
+import { NoderTabComponent } from '../tab/tab.component';
+import { NoderTableComponent } from '../table/components/table.component';
+export interface ICustomComponents {
+    images: ComponentRef<NoderImageComponent>[];
+    tables: ComponentRef<NoderTableComponent>[];
+    tabs: ComponentRef<NoderTabComponent>[];
+    customElements: ComponentRef<BaseNoderComponent>[];
+    edges?: Edges;
+}

package/lib/editor/components/shared/custom-content.d.ts

@@ -0,0 +1,5 @@
+import { ElementModel } from '../../../models/generated/element.model';
+import { ImageModel } from '../../../models/generated/image.model';
+import { TableModel } from '../../../models/generated/table.model';
+import { TabModel } from '../../../models/generated/tab.model';
+export type CustomContent = ImageModel | TableModel | ElementModel | TabModel;

package/lib/{+shared/editor/custom-components/shared/services/component → editor/components/shared/services}/component.service.d.ts

@@ -1,5 +1,5 @@
 import { ApplicationRef, ComponentRef, Injector, Type } from '@angular/core';
-import { CustomContent } from '../../types/custom-content';
+import { CustomContent } from '../custom-content';
 import * as i0 from "@angular/core";
 type Predicate<T> = (value: T, index: number, obj: T[]) => object;
 export declare class ComponentService {

package/lib/{+shared/editor/custom-components/shared/services/custom-content → editor/components/shared/services}/custom-content.service.d.ts

@@ -1,16 +1,16 @@
 import { ComponentRef, Injector, Type } from '@angular/core';
-import { BaseNoderComponent } from '../../abstract/base.component';
-import { ComponentService } from '../component/component.service';
-import { ContentsInterface } from '../../../../interfaces/contents.interface';
-import { DisplayToken } from '../../../../core/models/display-token.model';
-import { DistanceModel } from '../../../../core/models/distance.model';
-import { Document } from '../../../../core/document';
-import { ElementModel } from '../../../../../../models/generated/element.model';
-import { ExternalElementModel } from '../../../external-element/models/external-element.model';
-import { GeneralPropertiesModel } from '../../../../execution/models/general-properties.model';
-import { ICustomComponents } from '../../interfaces/custom-components.interface';
-import { IFontMetricSize } from '../../../../core/interfaces/font-metric-size.interface';
-import { LineInfoModel } from '../../../../core/models/line-info.model';
+import { BaseNoderComponent } from '../abstract/base.component';
+import { ComponentService } from './component.service';
+import { ContentsInterface } from '../../../content/contents.interface';
+import { DisplayToken } from '../../../content/display-data/display-token.model';
+import { DistanceModel } from '../../../execution/distance.model';
+import { Document } from '../../../content/display-data/document';
+import { ElementModel } from '../../../../models/generated/element.model';
+import { ExternalElementModel } from '../../external-element/models/external-element.model';
+import { GeneralPropertiesModel } from '../../../content/display-data/general-properties.model';
+import { ICustomComponents } from '../custom-components.interface';
+import { IFontMetricSize } from '../../../gadgets/font-metrics/font-metric-size.interface';
+import { LineInfoModel } from '../../../content/display-data/line-info.model';
 import * as i0 from "@angular/core";
 export declare class CustomContentService {
     componentService: ComponentService;
@@ -18,7 +18,9 @@ export declare class CustomContentService {
     elements: ExternalElementModel[];
     constructor(componentService: ComponentService, injector: Injector);
     generateComponents(model: ContentsInterface, sessionId: number, generalProperties: GeneralPropertiesModel, document: Document): ICustomComponents;
+    getOrGenerateComponent(model: ContentsInterface, components: ICustomComponents, sessionId: number, generalProperties: GeneralPropertiesModel, contentWidth: number, charIndex: number, char: string): ComponentRef<BaseNoderComponent> | null;
     generateElementComponents(elements: ElementModel[], sessionId: number, contentWidth: number): ComponentRef<BaseNoderComponent>[];
+    addToCustomComponents(components: ICustomComponents, component: ComponentRef<any>, char: string, charIndex: number): void;
     isFragmentContainComponent(components: ICustomComponents, textFragment: string, fragmentDistance: DistanceModel): boolean;
     getComponents(components: ICustomComponents, distance: DistanceModel): ComponentRef<BaseNoderComponent>[];
     getComponent(components: ICustomComponents, char: string, charIndex: number): ComponentRef<BaseNoderComponent>;

package/lib/{+shared/editor/custom-components → editor/components}/tab/tab.component.d.ts

@@ -1,5 +1,5 @@
 import { BaseNoderComponent } from '../shared/abstract/base.component';
-import { TabModel } from '../../../../models/generated/tab.model';
+import { TabModel } from '../../../models/generated/tab.model';
 import * as i0 from "@angular/core";
 export declare class NoderTabComponent extends BaseNoderComponent {
     get width(): number;
@@ -11,5 +11,5 @@ export declare class NoderTabComponent extends BaseNoderComponent {
     initialize(): void;
     protected calculateProperties(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NoderTabComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NoderTabComponent, "app-noder-tab", never, {}, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NoderTabComponent, "app-nod-tab", never, {}, {}, never, never, false, never>;
 }

package/lib/{+shared/editor/custom-components → editor/components}/table/cell-resizer/cell-resizer.d.ts

@@ -1,7 +1,7 @@
 import { Subscription } from 'rxjs';
 import { CellResizerParametersModel } from '../models/cell-resizer-parameters.model';
 import { EditorService } from '../../../interaction/editor.service';
-import { TableModel } from '../../../../../models/generated/table.model';
+import { TableModel } from '../../../../models/generated/table.model';
 export declare class CellResizer {
     table: TableModel;
     tableEl: HTMLTableElement;

package/lib/{+shared/editor/custom-components → editor/components}/table/components/table-cell.component.d.ts

@@ -1,15 +1,15 @@
 import { ElementRef } from '@angular/core';
-import { CellModel } from '../../../../../models/generated/cell.model';
-import { CellResizerParametersModel } from '../models/cell-resizer-parameters.model';
-import { EditSession } from '../../../core/edit.session';
+import { CellModel } from '../../../../models/generated/cell.model';
+import { CellResizerParametersModel } from '../../../components/table/models/cell-resizer-parameters.model';
+import { EditSession } from '../../../execution/edit.session';
 import { EditorService } from '../../../interaction/editor.service';
-import { GeneralPropertiesModel } from '../../../execution/models/general-properties.model';
+import { GeneralPropertiesModel } from '../../../content/display-data/general-properties.model';
 import { RegulatorService } from '../../../execution/regulator.service';
-import { Renderer } from '../../../core/renderer';
-import { ResizerSide } from '../enums/reisizer-side.enum';
-import { SessionModel } from '../../../execution/models/session.model';
-import { TableModel } from '../../../../../models/generated/table.model';
-import { VirtualRenderer } from '../../../core/virtual.renderer';
+import { Renderer } from '../../../display/renderer';
+import { ResizerSide } from '../../../components/table/enums/reisizer-side.enum';
+import { SessionModel } from '../../../execution/targeting/session.model';
+import { TableModel } from '../../../../models/generated/table.model';
+import { VirtualRenderer } from '../../../display/virtual.renderer';
 import * as i0 from "@angular/core";
 export declare class NoderTableCellComponent {
     private editorService;
@@ -41,5 +41,5 @@ export declare class NoderTableCellComponent {
     private addEventListeners;
     private pagesCountChangedHandler;
     static ɵfac: i0.ɵɵFactoryDeclaration<NoderTableCellComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NoderTableCellComponent, "app-noder-table-cell", never, { "table": { "alias": "table"; "required": false; }; "cell": { "alias": "cell"; "required": false; }; "rowIndex": { "alias": "rowIndex"; "required": false; }; "cellIndex": { "alias": "cellIndex"; "required": false; }; "columnIndex": { "alias": "columnIndex"; "required": false; }; "width": { "alias": "width"; "required": false; }; "parentSessionId": { "alias": "parentSessionId"; "required": false; }; "generalProperties": { "alias": "generalProperties"; "required": false; }; "heightChanged": { "alias": "heightChanged"; "required": false; }; "startResizing": { "alias": "startResizing"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NoderTableCellComponent, "app-nod-table-cell", never, { "table": { "alias": "table"; "required": false; }; "cell": { "alias": "cell"; "required": false; }; "rowIndex": { "alias": "rowIndex"; "required": false; }; "cellIndex": { "alias": "cellIndex"; "required": false; }; "columnIndex": { "alias": "columnIndex"; "required": false; }; "width": { "alias": "width"; "required": false; }; "parentSessionId": { "alias": "parentSessionId"; "required": false; }; "generalProperties": { "alias": "generalProperties"; "required": false; }; "heightChanged": { "alias": "heightChanged"; "required": false; }; "startResizing": { "alias": "startResizing"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/{+shared/editor/custom-components → editor/components}/table/components/table.component.d.ts

@@ -1,18 +1,18 @@
-import { ElementRef, OnDestroy } from '@angular/core';
+import { ElementRef } from '@angular/core';
 import { BaseNoderComponent } from '../../shared/abstract/base.component';
 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/component.service';
-import { EditSession } from '../../../core/edit.session';
+import { ComponentService } from '../../shared/services/component.service';
+import { EditSession } from '../../../execution/edit.session';
 import { EditorService } from '../../../interaction/editor.service';
-import { OverlayService } from '../../shared/services/overlay/overlay.service';
+import { OverlayService } from '../../shared/services/overlay.service';
 import { RowDataModel } from '../models/row-data.model';
-import { RowModel } from '../../../../../models/generated/row.model';
-import { TableModel } from '../../../../../models/generated/table.model';
+import { RowModel } from '../../../../models/generated/row.model';
+import { TableModel } from '../../../../models/generated/table.model';
 import { TableSelection } from '../selection/table-selection';
 import * as i0 from "@angular/core";
-export declare class NoderTableComponent extends BaseNoderComponent implements OnDestroy {
+export declare class NoderTableComponent extends BaseNoderComponent {
     private componentService;
     private editorService;
     private el;
@@ -66,5 +66,5 @@ export declare class NoderTableComponent extends BaseNoderComponent implements O
     private getRowsHeightBetweenSplits;
     private getRowsHeight;
     static ɵfac: i0.ɵɵFactoryDeclaration<NoderTableComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NoderTableComponent, "app-noder-table", never, {}, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NoderTableComponent, "app-nod-table", never, {}, {}, never, never, false, never>;
 }

package/lib/{+shared/editor/custom-components → editor/components}/table/overlay-menu/overlay-menu.component.d.ts

@@ -1,5 +1,5 @@
 import { EditorService } from '../../../interaction/editor.service';
-import { OverlayService } from '../../shared/services/overlay/overlay.service';
+import { OverlayService } from '../../shared/services/overlay.service';
 import { SelectionRangeModel } from '../models/selection-range.model';
 import * as i0 from "@angular/core";
 export declare class TableOverlayMenuComponent {
@@ -33,5 +33,5 @@ export declare class TableOverlayMenuComponent {
     onRemoveRows(): void;
     onRemoveColumns(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TableOverlayMenuComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TableOverlayMenuComponent, "app-table-overlay-menu", never, { "selectionRange": { "alias": "selectionRange"; "required": false; }; "targets": { "alias": "targets"; "required": false; }; "canRemoveRows": { "alias": "canRemoveRows"; "required": false; }; "canRemoveColumns": { "alias": "canRemoveColumns"; "required": false; }; "tableInsertIndex": { "alias": "tableInsertIndex"; "required": false; }; "sessionId": { "alias": "sessionId"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableOverlayMenuComponent, "app-nod-table-overlay-menu", never, { "selectionRange": { "alias": "selectionRange"; "required": false; }; "targets": { "alias": "targets"; "required": false; }; "canRemoveRows": { "alias": "canRemoveRows"; "required": false; }; "canRemoveColumns": { "alias": "canRemoveColumns"; "required": false; }; "tableInsertIndex": { "alias": "tableInsertIndex"; "required": false; }; "sessionId": { "alias": "sessionId"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/{+shared/editor/custom-components → editor/components}/table/selection/table-selection.d.ts

@@ -1,9 +1,9 @@
 import { Subscription } from 'rxjs';
 import { EditorService } from '../../../interaction/editor.service';
-import { OverlayService } from '../../shared/services/overlay/overlay.service';
+import { OverlayService } from '../../shared/services/overlay.service';
 import { RowDataModel } from '../models/row-data.model';
 import { SelectionRangeModel } from '../models/selection-range.model';
-import { TableModel } from '../../../../../models/generated/table.model';
+import { TableModel } from '../../../../models/generated/table.model';
 export declare class TableSelection {
     private editorService;
     private overlayService;
@@ -22,7 +22,7 @@ export declare class TableSelection {
     documentMouseMove$: Subscription;
     documentMouseUp$: Subscription;
     selectionRange: SelectionRangeModel | null;
-    readonly editorTagName = "APP-EDITOR";
+    readonly editorTagName = "APP-NOD-EDITOR";
     readonly cellTagName = "TD";
     readonly draggableCellContent: string[];
     constructor(editorService: EditorService, overlayService: OverlayService, rowMatrix: RowDataModel[], table: TableModel, tableEl: HTMLTableElement, sessionId: number);

package/lib/{+shared/editor/core → editor/content}/constants/editor.const.d.ts

@@ -1,6 +1,6 @@
-import { HeadingModel } from '../../../../models/generated/heading.model';
-import { ParagraphStyleModel } from '../../../../models/generated/paragraph-style.model';
-import { TextStyleModel } from '../../../../models/generated/text-style.model';
+import { HeadingModel } from '../../../models/generated/heading.model';
+import { ParagraphStyleModel } from '../../../models/generated/paragraph-style.model';
+import { TextStyleModel } from '../../../models/generated/text-style.model';
 export declare const DEFAULT_BACKGROUND_COLOR = "transparent";
 export declare const DEFAULT_FONT_FAMILY = "Roboto";
 export declare const DEFAULT_FONT_SIZE = 14;

package/lib/editor/content/contents.interface.d.ts

@@ -0,0 +1,22 @@
+import { BreakModel } from '../../models/generated/break.model';
+import { ColumnSectionModel } from '../../models/generated/column-section.model';
+import { ElementModel } from '../../models/generated/element.model';
+import { FormatModel } from '../../models/generated/format.model';
+import { ImageModel } from '../../models/generated/image.model';
+import { LinkModel } from '../../models/generated/link.model';
+import { ParagraphModel } from '../../models/generated/paragraph.model';
+import { TableModel } from '../../models/generated/table.model';
+import { TabModel } from '../../models/generated/tab.model';
+export interface ContentsInterface {
+    content: string;
+    contentLength: number;
+    paragraphs: ParagraphModel[];
+    formats: FormatModel[];
+    images: ImageModel[];
+    links: LinkModel[];
+    tables: TableModel[];
+    elements: ElementModel[];
+    breaks: BreakModel[];
+    columnSections: ColumnSectionModel[];
+    tabs: TabModel[];
+}

package/lib/{+shared/editor/core/models → editor/content/display-data}/display-token.model.d.ts

@@ -1,4 +1,4 @@
-import { IFontMetricSize } from '../interfaces/font-metric-size.interface';
+import { IFontMetricSize } from '../../gadgets/font-metrics/font-metric-size.interface';
 export declare class DisplayToken implements IFontMetricSize {
     width: number;
     height: number;

package/lib/{+shared/editor/core → editor/content/display-data}/document.d.ts

@@ -1,8 +1,8 @@
-import { BreakTypes } from './enums/break-types.enum';
-import { ContentsInterface } from '../interfaces/contents.interface';
-import { MarginModel } from './models/margin.model';
-import { Point } from './point';
-import { Range } from './range';
+import { BreakTypes } from '../../gadgets/page-break/break-types.enum';
+import { ContentsInterface } from '../contents.interface';
+import { CursorParagraph } from '../../positioning/cursor-paragraph';
+import { MarginModel } from '../margin.model';
+import { Range } from '../../positioning/range';
 export declare class Document {
     private model;
     pageMargin: MarginModel;
@@ -16,7 +16,7 @@ export declare class Document {
     get text(): string;
     get length(): number;
     constructor(model: ContentsInterface, pageMargin: MarginModel, pagesSpace: number, pageWidth: number, pageHeight?: number);
-    insertText(position: Point, text: string): Point;
+    insertText(position: CursorParagraph, text: string): CursorParagraph;
     /**
      * Removes the `range` from the document.
      **/
@@ -36,12 +36,12 @@ export declare class Document {
     /**
      * Converts the position in a document to the character's index.
      */
-    positionToIndex(lines: string[], position: Point, startRow?: number): number;
+    positionToIndex(position: CursorParagraph, startRow?: number): number;
     /**
      * Converts an index position in a document to the position.
      * See 'positionToIndex' for more information.
      */
-    indexToPosition(positionIndex: number, startRow: number): Point;
+    indexToPosition(positionIndex: number, startRow: number): CursorParagraph;
     indexesToRange(startIndex: number, endIndex: number): Range;
     isNewLineSymbol(index: number): boolean;
     /**
@@ -52,5 +52,5 @@ export declare class Document {
         start: number;
         end: number;
     };
-    getPositionAfterBreak(position: Point, breakType: BreakTypes): Point;
+    getPositionAfterBreak(position: CursorParagraph, breakType: BreakTypes): CursorParagraph;
 }

package/lib/{+shared/editor/core/models → editor/content/display-data}/format-ext.model.d.ts

@@ -1,4 +1,4 @@
-import { FormatModel } from '../../../../models/generated/format.model';
+import { FormatModel } from '../../../models/generated/format.model';
 export declare class FormatExtModel extends FormatModel {
     content: string;
     constructor(fields?: Partial<FormatExtModel>);

package/lib/{+shared/editor/execution/models → editor/content/display-data}/general-properties.model.d.ts

@@ -1,4 +1,4 @@
-import { NumberingModel } from '../../../../models/generated/numbering.model';
+import { NumberingModel } from '../../../models/generated/numbering.model';
 export declare class GeneralPropertiesModel {
     defaultTabWidth: number;
     numberings: NumberingModel[];

package/lib/{+shared/editor/core/layers → editor/content/display-data}/lines.d.ts

@@ -1,4 +1,4 @@
-import { Cell } from '../interfaces/cell.interface';
+import { Cell } from '../../display/cell.interface';
 export declare class Lines {
     element: HTMLElement;
     cells: Cell[];

package/lib/{+shared/editor/core/paging → editor/content/display-data}/pages.wrap.d.ts

@@ -1,14 +1,14 @@
-import { DisplayToken } from '../models/display-token.model';
-import { EdgeType } from '../components/edges/edge-type.enum';
-import { EventEmitting } from '../base/event-emitting';
-import { ICustomComponents } from './../../custom-components/shared/interfaces/custom-components.interface';
-import { LineInfoModel } from '../models/line-info.model';
-import { MarginModel } from '../models/margin.model';
-import { NumberingModel } from '../../../../models/generated/numbering.model';
-import { PageVerticalDataModel } from './page-vertical-data.model';
+import { DisplayToken } from './display-token.model';
+import { EdgeType } from '../../components/edges/edge-type.enum';
+import { EventEmitting } from '../../core/event-emitting';
+import { ICustomComponents } from '../../components/shared/custom-components.interface';
+import { LineInfoModel } from './line-info.model';
+import { MarginModel } from '../margin.model';
+import { NumberingModel } from '../../../models/generated/numbering.model';
+import { PageVerticalDataModel } from '../page-vertical-data.model';
 import { Paragraph } from './paragraph';
-import { ParagraphModel } from '../../../../models/generated/paragraph.model';
-import { VisibleRange } from '../interfaces/visible-range.interface';
+import { ParagraphModel } from '../../../models/generated/paragraph.model';
+import { VisibleRange } from '../../display/visible-range.interface';
 export declare class PagesWrap extends EventEmitting {
     pagesSpace: number;
     documentMargin: MarginModel;
@@ -24,9 +24,9 @@ export declare class PagesWrap extends EventEmitting {
     get defaultVerticalData(): PageVerticalDataModel;
     private processTextLinesProperties;
     constructor(pagesSpace: number, documentMargin: MarginModel, pageWidth: number, pageHeight: number, customComponents: ICustomComponents);
-    getParagraphTop(paragraphs: Paragraph[], index: number): number;
-    getParagraphTopForPrint(paragraphs: Paragraph[], index: number, pagesSpace: number): number;
-    getParagraphHeight(paragraphs: Paragraph[], index: number): number;
+    getParagraphTop(index: number): number;
+    getParagraphTopForPrint(index: number): number;
+    getParagraphHeight(index: number): number;
     remove(index: number, length: number): void;
     reset(paragraphsLength: number): void;
     set(row: number, lineInfos: LineInfoModel[], numberings: NumberingModel[], docParagraphs: ParagraphModel[]): void;