@talrace/ngx-noder 0.0.43 → 0.0.45

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

@@ -1,8 +1,10 @@
 import { ElementRef } from '@angular/core';
+import { MatDialog } from '@angular/material/dialog';
 import { EditorService } from '../../editor/interaction/editor.service';
+import { TabSettingModel } from '../../models/generated/tab-setting.model';
 import * as i0 from "@angular/core";
 export type RulerUnit = 'cm' | 'inch';
-type DragTarget = 'leftIndent' | 'first' | 'rightIndent' | 'leftMarginPageFormat' | 'rightMarginPageFormat';
+type DragTarget = 'leftIndent' | 'first' | 'rightIndent' | 'leftMarginPageFormat' | 'rightMarginPageFormat' | 'tabs';
 interface Tick {
     position: number;
     originalPaddings: number;
@@ -14,6 +16,7 @@ export declare class EditorRulerComponent {
     rulerContainer: ElementRef<HTMLDivElement>;
     unit: import("@angular/core").InputSignal<RulerUnit>;
     readonly editorService: EditorService;
+    readonly dialog: MatDialog;
     readonly defaultPaddingCm = 2.5;
     readonly pageWidth$: import("rxjs").Observable<number>;
     private readonly snapInch;
@@ -30,6 +33,8 @@ export declare class EditorRulerComponent {
     readonly rightMarginPageFormatPx: import("@angular/core").WritableSignal<number>;
     readonly guideX: import("@angular/core").WritableSignal<number>;
     readonly showGuide: import("@angular/core").WritableSignal<boolean>;
+    readonly tabSettings: import("@angular/core").WritableSignal<TabSettingModel[]>;
+    draggableTabIndex: number;
     containerWidthPx: number;
     ticks: Tick[];
     private dragging;
@@ -37,6 +42,7 @@ export declare class EditorRulerComponent {
     constructor();
     afterViewInit(): void;
     onResize(): void;
+    onOpenDialog(): void;
     private recalcGeometry;
     private cmToPx;
     private pxToCm;
@@ -45,7 +51,8 @@ export declare class EditorRulerComponent {
     private snapPx;
     private buildTicksCm;
     private buildTicksInch;
-    startDrag(ev: MouseEvent | TouchEvent, target: DragTarget): void;
+    addTab(event: MouseEvent | TouchEvent): void;
+    startDrag(event: MouseEvent | TouchEvent, target: DragTarget, tabIndex?: number): void;
     private readonly onMove;
     private readonly onUp;
     private getClientX;

package/lib/apart-components/editor-search-bar/editor-search-bar.component.d.ts

@@ -12,6 +12,7 @@ export declare class EditorSearchBarComponent implements OnInit, OnDestroy {
     isReplace: boolean;
     searchResultIndex$: Observable<number>;
     searchResultCount$: Observable<number>;
+    isViewOnly$: Observable<boolean>;
     constructor(editorService: EditorService, destroyRef: DestroyRef);
     ngOnInit(): void;
     ngOnDestroy(): void;

package/lib/apart-components/editor-toolbar/shared/enums/tab-alignment.enum.d.ts

@@ -0,0 +1,7 @@
+export declare enum TabAlignment {
+    Left = 0,
+    Center = 1,
+    Right = 2,
+    Decimal = 3,
+    Bar = 4
+}

package/lib/apart-components/tab-settings-dialog/tab-settings-dialog.component.d.ts

@@ -0,0 +1,33 @@
+import { FormArray, FormBuilder, FormGroup } from '@angular/forms';
+import { MatDialogRef } from '@angular/material/dialog';
+import { RulerUnit } from '../editor-ruler/editor-ruler.component';
+import { TabAlignment } from '../editor-toolbar/shared/enums/tab-alignment.enum';
+import { TabSettingFormInterface } from '../../models/generated/form-interfaces/tab-setting-form.interface';
+import { TabSettingModel } from '../../models/generated/tab-setting.model';
+import * as i0 from "@angular/core";
+export interface TabDialogData {
+    tabs: TabSettingModel[];
+    unit: RulerUnit;
+}
+interface TabAlignmentExt {
+    title: string;
+    type: TabAlignment;
+}
+export declare class TabSettingsDialogComponent {
+    data: TabDialogData;
+    private ref;
+    private fb;
+    modal: boolean;
+    readonly alignments: TabAlignmentExt[];
+    form: FormGroup;
+    constructor(data: TabDialogData, ref: MatDialogRef<TabSettingsDialogComponent>, fb: FormBuilder);
+    tabsArray(): FormArray<FormGroup<TabSettingFormInterface>>;
+    onRemove(index: number): void;
+    onClose(): void;
+    onSave(): void;
+    onAddTab(): void;
+    private createTabGroup;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TabSettingsDialogComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TabSettingsDialogComponent, "app-nod-tab-settings-dialog", never, {}, {}, never, never, true, never>;
+}
+export {};

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

@@ -6,9 +6,10 @@ export declare class EdgeElementModel {
     pageType: PageType;
     edgeType: EdgeType;
     isOrigin: boolean;
+    pageWidth: number;
     constructor(fields?: Partial<EdgeElementModel>);
-    isNotCopy(type: EdgeType, pageType: PageType): boolean;
-    isCopy(type: EdgeType, pageType: PageType): boolean;
+    isNotCopy(type: EdgeType, pageType: PageType, pageWidth: number): boolean;
+    isCopy(type: EdgeType, pageType: PageType, pageWidth: number): boolean;
     isWithin(start: number, end: number): boolean;
     replace(model: EdgeElementModel): void;
     substitute(model: EdgeElementModel): void;

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

@@ -38,14 +38,16 @@ export declare class NoderEdgeComponent extends DestroyComponent {
     container: ElementRef<HTMLElement>;
     typeContainer: ElementRef<HTMLElement>;
     private _height;
+    private intersectionObserver;
+    private isVisible;
     constructor(regulatorService: RegulatorService, editorService: EditorService, translateService: TranslateService, cdr: ChangeDetectorRef);
     ngOnDestroy(): void;
     initialize(): void;
-    setPageWidth(width: number): void;
     enterEditMode(): void;
     leaveEditMode(): void;
     private getEdgeNameByType;
     private applyHeight;
+    private initializeIntersectionObserver;
     private readonly 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; }; "isEvenEdgesExist": { "alias": "isEvenEdgesExist"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, {}, never, never, false, never>;

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

@@ -5,30 +5,33 @@ import { EdgeType } from './edge-type.enum';
 import { GeneralPropertiesModel } from '../../content/display-data/general-properties.model';
 import { MarginModel } from '../../content/margin.model';
 import { NoderEdgeComponent } from './edge.component';
+import { PageFormatModel } from '../../../models/generated/page-format.model';
 import { PageType } from './page-type.enum';
 export declare class Edges {
     private componentService;
     private margins;
-    private pageWidth;
+    private pageFormats;
     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);
+    constructor(componentService: ComponentService, headers: EdgeModel[], footers: EdgeModel[], margins: MarginModel, pageFormats: PageFormatModel[], parentSessionId: number, generalProperties: GeneralPropertiesModel);
     createEdges(headerModel: EdgeModel, footerModel: EdgeModel): void;
+    createEdgesByPageFormats(model: EdgeModel, margins: MarginModel, type: EdgeType, isEvenEdgesExist: boolean): ComponentRef<NoderEdgeComponent>[];
     removeEdges(pageType: PageType): void;
     getTypeBySessionId(sessionId: number): {
         type: EdgeType;
         pageType: PageType;
+        pageWidth: number;
     };
-    getComponentByPage(page: number, type: EdgeType): ComponentRef<NoderEdgeComponent>;
+    getComponentByPage(page: number, type: EdgeType, pageWidth: number): ComponentRef<NoderEdgeComponent>;
     getComponentByPageType(pageType: PageType, type: EdgeType): ComponentRef<NoderEdgeComponent>;
-    getComponentHeightByPageType(pageType: PageType, type: EdgeType): number;
+    getComponentHeightByPageType(pageType: PageType, type: EdgeType, pageWidth: number): number;
     getComponentHeight(instance: NoderEdgeComponent): number;
-    getComponentHeightByType(pageType: PageType, type: EdgeType): number;
+    getComponentHeightByType(pageType: PageType, type: EdgeType, pageWidth: number): number;
     toggleEditMode(isEdit: boolean): void;
     getUniquePageTypes(): PageType[];
     private createComponents;
-    private getComponent;
+    private getComponents;
 }

package/lib/editor/components/external-element/external.component.d.ts

@@ -6,6 +6,8 @@ import * as i0 from "@angular/core";
 export declare abstract class ExternalComponent extends BaseNoderComponent {
     content: ElementModel;
     protected abstract sidenavComponent: Type<ExternalSidenavInterface>;
+    protected focusSidenav: boolean;
+    protected skipSidenav(): boolean;
     focus(): void;
     blur(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ExternalComponent, never>;

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

@@ -1,5 +1,6 @@
 import { ChangeDetectorRef } from '@angular/core';
 import { CustomContent } from '../custom-content';
+import { SearchResultLocation } from '../../../gadgets/search/search-result-location.model';
 import { DestroyComponent } from './destroy.component';
 import { EditorService } from '../../../interaction/editor.service';
 import { GeneralPropertiesModel } from '../../../content/display-data/general-properties.model';
@@ -13,8 +14,8 @@ export declare abstract class BaseNoderComponent extends DestroyComponent {
     set insertIndex(val: number);
     contentWidth: number;
     generalProperties: GeneralPropertiesModel;
-    height: number;
-    width: number;
+    height: import("@angular/core").WritableSignal<number>;
+    width: import("@angular/core").WritableSignal<number>;
     protected _isFocused: boolean;
     get isFocused(): boolean;
     protected readonly cdr: ChangeDetectorRef;
@@ -24,6 +25,8 @@ export declare abstract class BaseNoderComponent extends DestroyComponent {
     blur(): void;
     receiveStyle(_textStyle: TextStyleModel): void;
     protected requestStyle(): void;
+    searchComponent(_: RegExp): number;
+    getSearchResultLocations(): SearchResultLocation[];
     protected rerender(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<BaseNoderComponent, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<BaseNoderComponent, never, never, { "content": { "alias": "content"; "required": false; }; "sessionId": { "alias": "sessionId"; "required": false; }; "contentWidth": { "alias": "contentWidth"; "required": false; }; "generalProperties": { "alias": "generalProperties"; "required": false; }; }, {}, never, never, true, never>;

package/lib/editor/components/shared/enums/line-styles.enum.d.ts

@@ -0,0 +1,36 @@
+export declare enum LineStyles {
+    SolidLine = 0,
+    RoundDot = 1,
+    SquareDot = 2,
+    Dash = 3,
+    DashDot = 4,
+    LongDash = 5,
+    LongDashDot = 6,
+    LongDashDotDot = 7,
+    Single = 8,
+    Thick = 9,
+    Double = 10,
+    Dotted = 11,
+    Dashed = 12,
+    DotDash = 13,
+    DotDotDash = 14,
+    Triple = 15,
+    ThinThickSmallGap = 16,
+    ThickThinSmallGap = 17,
+    ThinThickThinSmallGap = 18,
+    ThinThickMediumGap = 19,
+    ThickThinMediumGap = 20,
+    ThinThickThinMediumGap = 21,
+    ThinThickLargeGap = 22,
+    ThickThinLargeGap = 23,
+    ThinThickThinLargeGap = 24,
+    Wave = 25,
+    DoubleWave = 26,
+    DashSmallGap = 27,
+    DashDotStroked = 28,
+    ThreeDEmboss = 29,
+    ThreeDEngrave = 30,
+    Outset = 31,
+    Inset = 32,
+    Nil = 33
+}

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

@@ -0,0 +1,9 @@
+export declare enum Positions {
+    Top = 0,
+    Right = 1,
+    Bottom = 2,
+    Left = 3,
+    All = 4,
+    InsideHorizontal = 5,
+    InsideVertical = 6
+}

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

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

package/lib/editor/components/tab/tab.helper.d.ts

@@ -1,3 +1,4 @@
+import { TabSettingModel } from '../../../models/generated/tab-setting.model';
 export declare class TabHelper {
-    static calculateTabWidth(rowWidth: number, defaultTabWidth: number): number;
+    static calculateTabWidth(rowWidth: number, defaultTabWidth: number, tabSettings: TabSettingModel[] | null): number;
 }

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

@@ -1,4 +1,4 @@
-import { ElementRef } from '@angular/core';
+import { AfterViewInit, ElementRef, OnDestroy } from '@angular/core';
 import { CellModel } from '../../../../models/generated/cell.model';
 import { CellResizerParametersModel } from '../../../components/table/models/cell-resizer-parameters.model';
 import { EditorService } from '../../../interaction/editor.service';
@@ -11,7 +11,7 @@ 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 {
+export declare class NoderTableCellComponent implements AfterViewInit, OnDestroy {
     private editorService;
     private regulatorService;
     table: TableModel;
@@ -32,13 +32,17 @@ export declare class NoderTableCellComponent {
     container: ElementRef<HTMLElement>;
     readonly resizerBorder: typeof ResizerSide;
     private _allParagraphsHeight;
+    private intersectionObserver;
+    private isVisible;
     constructor(editorService: EditorService, regulatorService: RegulatorService);
+    ngAfterViewInit(): void;
     ngOnDestroy(): void;
     initialize(): void;
     getCellContentHeight(): number;
     disableEditorSelection(): void;
     onStartResizing(event: MouseEvent, border: ResizerSide): void;
     private addEventListeners;
+    private initializeIntersectionObserver;
     private pagesCountChangedHandler;
     static ɵfac: i0.ɵɵFactoryDeclaration<NoderTableCellComponent, 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/editor/components/table/helpers/table-cell.helper.d.ts

@@ -0,0 +1,7 @@
+import { BordersStyleModel } from '../../../../models/generated/borders-style.model';
+export declare class TableCellHelper {
+    static setCellBorders(cell: HTMLTableCellElement, borders: BordersStyleModel[]): void;
+    private static getBorderStyle;
+    private static getBorderLineStyle;
+    private static setCellBorder;
+}

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

@@ -32,7 +32,7 @@ export declare class DisplayData extends EventEmitting {
     tabTokens: DisplayToken[];
     get maxPageWidth(): number;
     constructor(model: ContentType, generalProperties: GeneralPropertiesModel, sessionId: number, pageFormatModels: PageFormatModel[], pagesSpace: number, customComponents: ICustomComponents, customContentService: CustomContentService, editorService: EditorService);
-    recreatePageFormatsNotMainSession(width: number): void;
+    updateDataForModel(): void;
     insertText(position: CursorParagraph, text: string): CursorParagraph;
     removeRange(range: Range): void;
     getParagraphContent(index: number): string;

package/lib/editor/display/custom-element-info.model.d.ts

@@ -0,0 +1,8 @@
+import { Range } from '../positioning/range';
+import { SearchResultLocation } from '../gadgets/search/search-result-location.model';
+export declare class CustomElementInfo {
+    parentRange: Range;
+    index: number;
+    location: SearchResultLocation;
+    constructor(init: Partial<CustomElementInfo>);
+}

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

@@ -10,7 +10,7 @@ export declare class EdgesLayer {
     config: ILayerConfig;
     elements: EdgeElementModel[];
     constructor(parentElement: HTMLElement, session: EditSession);
-    updateSingle(type: EdgeType, pageType: PageType): void;
+    updateSingle(type: EdgeType, pageType: PageType, pageWidth: number): void;
     update(config: ILayerConfig): void;
     scrollEdges(config: ILayerConfig): void;
     protected getEdgeTop(topOffset: number, page: number): number;

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

@@ -1,3 +1,4 @@
+import { CustomElementInfo } from '../custom-element-info.model';
 import { EditSession } from '../../execution/edit.session';
 import { ILayerConfig } from './layer.config';
 import { Range } from '../../positioning/range';
@@ -11,6 +12,7 @@ export declare abstract class HighlightLayer {
     getTop(row: number): number;
     drawMultiLineMarker(range: Range, cssClass: string): void;
     drawSingleLineMarker(range: Range, cssClass: string): void;
+    drawCustomElementHighlight(elementInfo: CustomElementInfo, cssClass: string, screenParentRange: Range): void;
     private getRangeInfo;
     private getMarkerStyle;
 }

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

@@ -9,4 +9,5 @@ export interface ILayerConfig {
     scrollTop: number;
     pages?: number[];
     visibleRange?: VisibleRange;
+    isVisible: boolean;
 }

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

@@ -1,3 +1,4 @@
+import { CustomElementInfo } from '../custom-element-info.model';
 import { EditSession } from '../../execution/edit.session';
 import { HighlightLayer } from './highlight.layer';
 import { ILayerConfig } from './layer.config';
@@ -6,7 +7,10 @@ export declare class SearchHighlightLayer extends HighlightLayer {
     private readonly className;
     private readonly selectedClassName;
     markers: Range[];
-    active: Range;
+    customElementsRanges: CustomElementInfo[];
+    active: Range | CustomElementInfo;
     constructor(parentEl: HTMLElement, cssClass: string, session: EditSession);
     update(config: ILayerConfig): void;
+    private getVisibleCustomElementResults;
+    private updateActiveResult;
 }

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

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

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

@@ -10,6 +10,7 @@ export declare class RenderChangesModel implements IRenderChanges {
     size: boolean;
     text: boolean;
     dragAndDrop: boolean;
+    visibilityChanged: boolean;
     get any(): boolean;
     constructor(fields?: Partial<RenderChangesModel>);
     apply(changes: IRenderChanges): void;

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

@@ -1,5 +1,6 @@
 import { CursorLayer } from './layers/cursor.layer';
 import { CursorParagraph } from '../positioning/cursor-paragraph';
+import { CustomElementInfo } from './custom-element-info.model';
 import { EditSession } from '../execution/edit.session';
 import { EventEmitting } from '../core/event-emitting';
 import { ILayerConfig } from './layers/layer.config';
@@ -21,6 +22,7 @@ export declare class Renderer extends EventEmitting {
     loop: RenderLoop;
     textarea: HTMLElement;
     layerConfig: ILayerConfig;
+    isVisible: boolean;
     changes: RenderChangesModel;
     readonly textareaSize: {
         height: number;
@@ -35,13 +37,17 @@ export declare class Renderer extends EventEmitting {
     moveTextAreaToCursor(): void;
     updateSelection(range: Range): void;
     updateSearchHighlights(ranges: Range[]): void;
-    updateActiveSearchHighlight(active: Range): void;
+    updateCustomElementHighlights(ranges: CustomElementInfo[]): void;
+    updateActiveSearchHighlight(active: Range | CustomElementInfo): void;
     updateDragAndDropSelection(range: Range | null): void;
     clearDragAndDropSelection(): void;
+    setVisibility(isVisible: boolean): void;
     /**
      * Triggers a full update of the text, for all the rows.
      **/
     updateText(): void;
+    updateTextAndCursor(): void;
+    updateMarker(): void;
     updateCursor(): void;
     /**
      * Converts screen coordinates to text coordinates by mapping to the closest token midpoint.

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

@@ -1,5 +1,6 @@
 import { CursorLayer } from './layers/cursor.layer';
 import { CursorParagraph } from '../positioning/cursor-paragraph';
+import { CustomElementInfo } from './custom-element-info.model';
 import { EdgesLayer } from './layers/edges.layer';
 import { EditSession } from '../execution/edit.session';
 import { ILayerConfig } from './layers/layer.config';
@@ -47,14 +48,18 @@ export declare class VirtualRenderer {
     moveTextAreaToCursor(): void;
     updateSelection(range: Range): void;
     updateSearchHighlights(ranges: Range[]): void;
-    updateActiveSearchHighlight(active: Range): void;
+    updateCustomElementHighlights(ranges: CustomElementInfo[]): void;
+    updateActiveSearchHighlight(active: Range | CustomElementInfo): void;
     updateDragAndDropSelection(range: Range): void;
     clearDragAndDropSelection(): void;
     /**
      * Triggers a full update of the text, for all the rows.
      **/
     updateText(): void;
+    updateTextAndCursor(): void;
+    updateMarker(): void;
     updateCursor(): void;
+    setVisibility(isVisible: boolean): void;
     scrollSelectionIntoView(anchor: CursorParagraph, lead: CursorParagraph, offset?: number): void;
     /**
      * Scrolls the cursor into the first visibile area of the editor

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

@@ -7,6 +7,7 @@ import { CursorParagraph } from '../positioning/cursor-paragraph';
 import { CustomContent } from '../components/shared/custom-content';
 import { CustomContentService } from '../components/shared/services/custom-content.service';
 import { DisplayData } from '../content/display-data/display-data';
+import { EdgeType } from '../components/edges/edge-type.enum';
 import { EditorService } from '../interaction/editor.service';
 import { ElementDataModel } from '../components/external-element/models/element-data.model';
 import { ElementModel } from '../../models/generated/element.model';
@@ -47,13 +48,14 @@ export declare class EditSession {
     generalProperties: GeneralPropertiesModel;
     editorService: EditorService;
     customComponents: ICustomComponents;
-    private type;
+    type: 'cell' | 'edge' | 'main' | 'cellWithinEdge';
     private scrollBar?;
+    edgeType?: EdgeType;
     tokenRe: RegExp;
     nonTokenRe: RegExp;
     get scrollTop(): number;
     get scrollBarHeight(): number;
-    constructor(displayData: DisplayData, sessionId: number, customContentService: CustomContentService, model: ContentType, selection: Selection, generalProperties: GeneralPropertiesModel, editorService: EditorService, customComponents: ICustomComponents, type: 'cell' | 'edge' | 'main' | 'cellWithinEdge', scrollBar?: ScrollBar);
+    constructor(displayData: DisplayData, sessionId: number, customContentService: CustomContentService, model: ContentType, selection: Selection, generalProperties: GeneralPropertiesModel, editorService: EditorService, customComponents: ICustomComponents, type: 'cell' | 'edge' | 'main' | 'cellWithinEdge', scrollBar?: ScrollBar, edgeType?: EdgeType);
     destroy(): void;
     getRowLength(row: number): number;
     getRowCacheIndex(cacheArray: number[], value: number): number;
@@ -123,4 +125,5 @@ export declare class EditSession {
     paragraphIsNumbering(row: number): boolean;
     createEdges(pageType: PageType): void;
     removeEmptyEdges(pageType: PageType): void;
+    updateDisplayData(): void;
 }

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

@@ -75,6 +75,7 @@ export declare class Editor {
     dragAndDrop: DragAndDrop;
     subscriptions: Subscription[];
     private readonly search;
+    private readonly emojiRegex;
     private replaceTerm;
     private textInput;
     private clipboardData;
@@ -116,7 +117,7 @@ export declare class Editor {
     applyImageStyles(image: ImageModel): void;
     focus(): void;
     openSearch(): void;
-    find(term: string, focusNext?: boolean): void;
+    find(term: string): void;
     findNext(): void;
     findPrevious(): void;
     replace(): void;
@@ -220,6 +221,7 @@ export declare class Editor {
     applyFirstLinePositionSubscription(): Subscription;
     applyRightIndentParagraphSubscription(): Subscription;
     applyLeftIndentParagraphSubscription(): Subscription;
+    applyTabSettingsSubscription(): Subscription;
     setImageStyleSubscription(): Subscription;
     rerenderSubscription(): Subscription;
     createCustomComponentSubscription(): Subscription;
@@ -255,10 +257,10 @@ export declare class Editor {
     private selectAllSubscription;
     private removeSelectedSubscription;
     private clipboardDataSubscription;
+    private commandCreatedForEdges;
     private updateEdgeSubscription;
     private recreateMainSession;
     private changeColumnsWidth;
     private changeCellsWidth;
-    private updateActiveSearchHighlight;
     private setCursorAtSearchResult;
 }

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

@@ -23,7 +23,7 @@ export declare class RegulatorService {
     selection: Selection;
     sessionIdIncrement: number;
     constructor(customContentService: CustomContentService, editorService: EditorService, componentService: ComponentService);
-    addMainSession(model: DocxModel, pageWidth: number, scalingRatio: number, container: ElementRef<HTMLElement>): void;
+    addMainSession(model: DocxModel, scalingRatio: number, container: ElementRef<HTMLElement>): void;
     addCellSession(table: TableModel, margins: MarginModel, component: NoderTableCellComponent, properties: GeneralPropertiesModel): SessionModel;
     addEdgeSession(component: NoderEdgeComponent): SessionModel;
     removeSession(sessionId: number): void;
@@ -32,6 +32,7 @@ export declare class RegulatorService {
     setTargetedSessionAsCurrent(targets: TargetModel[]): void;
     setCurrentSessionById(sessionId: number): void;
     setCurrentSession(session: SessionModel): void;
+    updateCursorPosition(): void;
     getSessionModel(sessionId: number): SessionModel;
     getSession(sessionId: number): EditSession;
     setSelection(selection: Selection): void;
@@ -41,6 +42,7 @@ export declare class RegulatorService {
     getTargetedSession(targets: TargetModel[]): EditSession;
     isWithinEdge(sessionId: number): boolean;
     arrangeEdgeChange(sessionId: number): void;
+    forceUpdateDataForEdges(): void;
     private getEdgeSessionId;
     private arrangeEdgesForSessionChange;
     private getPageFormats;

package/lib/editor/gadgets/search/custom-element-search-result.model.d.ts

@@ -0,0 +1,9 @@
+import { CursorParagraph } from '../../positioning/cursor-paragraph';
+import { Range } from '../../positioning/range';
+export declare class CustomElementSearchResult {
+    sessionId: number;
+    index: number;
+    range: Range;
+    mainSessionPosition: CursorParagraph | 'outsideMainSession';
+    constructor(init: Partial<CustomElementSearchResult>);
+}

package/lib/editor/gadgets/search/search-result-location.model.d.ts

@@ -0,0 +1,8 @@
+export declare class SearchResultLocation {
+    width: number;
+    height: number;
+    top: number;
+    left: number;
+    constructor(init: Partial<SearchResultLocation>);
+    isEqual(other: SearchResultLocation): boolean;
+}

package/lib/editor/gadgets/search/search-result.model.d.ts

@@ -0,0 +1,8 @@
+import { CursorParagraph } from '../../positioning/cursor-paragraph';
+import { Range } from '../../positioning/range';
+export declare class SearchResult {
+    sessionId: number;
+    range: Range;
+    mainSessionPosition: CursorParagraph | 'outsideMainSession';
+    constructor(init: Partial<SearchResult>);
+}

package/lib/editor/gadgets/search/search.d.ts

@@ -1,16 +1,28 @@
-import { SearchResult } from './search-result.interface';
+import { CustomElementSearchResult } from './custom-element-search-result.model';
+import { EditorService } from '../../../editor/interaction/editor.service';
+import { SearchResult } from './search-result.model';
 import { Selection } from '../../positioning/selection';
 import { SessionModel } from '../../execution/targeting/session.model';
 export declare class Search {
+    private readonly editorService;
     term: string;
     regex: RegExp;
-    allMatches: SearchResult[];
+    allMatches: (SearchResult | CustomElementSearchResult)[];
     private currentIndex;
+    private searchedSessionIds;
+    private danglingSessions;
+    private tables;
     get currentMatchIndex(): number;
-    get currentMatch(): SearchResult;
-    setSearchTerm(term: string): void;
-    findAll(sessions: SessionModel[]): void;
-    goNext(selection: Selection, currentSessionId: number): void;
-    goPrevious(selection: Selection, currentSessionId: number): void;
-    assembleRegExp(term: string): void;
+    get currentMatch(): SearchResult | CustomElementSearchResult;
+    constructor(editorService: EditorService);
+    findAll(sessions: SessionModel[], term: string): void;
+    goNext(selection: Selection, currentSessionId: number, sessions: SessionModel[]): void;
+    goPrevious(selection: Selection, currentSessionId: number, sessions: SessionModel[]): void;
+    private assembleRegExp;
+    private searchContent;
+    private checkForTables;
+    private checkForCustomElements;
+    private findNextAfterCursor;
+    private findPreviousBeforeCursor;
+    private updateActiveSearchHighlight;
 }

package/lib/editor/gadgets/search/table-location.interface.d.ts

@@ -0,0 +1,6 @@
+export interface TableLocation {
+    sessionId: number;
+    row: number;
+    col: number;
+    tableSessions: number[];
+}