@talrace/ngx-noder 0.0.2 → 0.0.4

package/lib/+shared/add-link-dialog/add-link-dialog.component.d.ts

@@ -0,0 +1,26 @@
+import { FormBuilder, FormControl, FormGroup } from '@angular/forms';
+import { MatDialogRef } from '@angular/material/dialog';
+import * as i0 from "@angular/core";
+export declare class AddLinkDialogOptions {
+    title: string;
+    text: string;
+    textPlaceholder: string;
+    link: string;
+    linkPlaceholder: string;
+    constructor(fields?: Partial<AddLinkDialogOptions>);
+}
+export declare class AddLinkDialogComponent {
+    dialogRef: MatDialogRef<AddLinkDialogComponent>;
+    data: AddLinkDialogOptions;
+    private fb;
+    form: FormGroup<{
+        text: FormControl<string>;
+        link: FormControl<string>;
+    }>;
+    constructor(dialogRef: MatDialogRef<AddLinkDialogComponent>, data: AddLinkDialogOptions, fb: FormBuilder);
+    onClose(): void;
+    onApply(): void;
+    onEnter(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AddLinkDialogComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AddLinkDialogComponent, "app-add-link-dialog", never, {}, {}, never, never, true, never>;
+}

package/lib/+shared/editor/core/editor.d.ts

@@ -44,6 +44,7 @@ export declare class Editor extends EventEmitting {
     private regulatorService;
     private commandsService;
     private clipboard;
+    private customPageWidth?;
     readonly MAX_COUNT = 999;
     readonly parentTagName = "APP-EDITOR";
     readonly tableCellTagName = "APP-NODER-TABLE-CELL";
@@ -64,7 +65,7 @@ export declare class Editor extends EventEmitting {
     private textInput;
     private focusedComponent;
     private clipboardData;
-    constructor(model: DocxModel, container: ElementRef<HTMLElement>, editorService: EditorService, regulatorService: RegulatorService, commandsService: CommandsService, clipboard: Clipboard);
+    constructor(model: DocxModel, container: ElementRef<HTMLElement>, editorService: EditorService, regulatorService: RegulatorService, commandsService: CommandsService, clipboard: Clipboard, customPageWidth?: number);
     destroy(): void;
     selectPageDown(): void;
     selectPageUp(): void;

package/lib/+shared/editor/core/helpers/paragraph.helper.d.ts

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

package/lib/+shared/editor/core/models/line-info.model.d.ts

@@ -10,5 +10,6 @@ export declare class LineInfoModel {
     isAfterPageBreak: boolean;
     isEndedByPageBreak: boolean;
     backgroundColor: string;
+    hasTable: boolean;
     constructor(fields?: Partial<LineInfoModel>);
 }

package/lib/+shared/editor/core/paging/pages.wrap.d.ts

@@ -1,7 +1,7 @@
 import { DisplayToken } from '../models/display-token.model';
-import { Edges } from '../components/edges/edges';
 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';
@@ -14,7 +14,7 @@ export declare class PagesWrap extends EventEmitting {
     documentMargin: MarginModel;
     pageWidth: number;
     pageHeight: number;
-    edges: Edges | null;
+    customComponents: ICustomComponents;
     contentWidth: number;
     allPagesHeight: number;
     minHeight: number;
@@ -23,7 +23,7 @@ export declare class PagesWrap extends EventEmitting {
     pagesVerticalData: PageVerticalDataModel[];
     get defaultVerticalData(): PageVerticalDataModel;
     private processTextLinesProperties;
-    constructor(pagesSpace: number, documentMargin: MarginModel, pageWidth: number, pageHeight?: number, edges?: Edges | null);
+    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;
@@ -31,11 +31,12 @@ export declare class PagesWrap extends EventEmitting {
     reset(paragraphsLength: number): void;
     set(row: number, lineInfos: LineInfoModel[], numberings: NumberingModel[], docParagraphs: ParagraphModel[]): void;
     getVisibleRange(offsetTop: number, scrollerHeight: number): VisibleRange;
-    processParagraphsProperties(startParagraphIndex: number): void;
+    processParagraphsProperties(startParagraphIndex: number, wrapParagraphIndex: number[]): void;
     getAllParagraphsHeight(): number;
     destroy(): void;
-    updatePageVerticalData(edgeType: EdgeType, page: number): void;
+    updatePageVerticalData(edgeType: EdgeType, page: number, wrapParagraphIndex: number[]): void;
     private getPreviousParagraphInfo;
     private getVisiblePages;
     private initPagesVerticalData;
+    private setParagraphIndexes;
 }

package/lib/+shared/editor/core/paging/paragraph.d.ts

@@ -1,4 +1,6 @@
+import { ComponentRef } from '@angular/core';
 import { LineInfoModel } from '../models/line-info.model';
+import { NoderTableComponent } from '../../custom-components/table/components/table.component';
 import { NumberingDataModel } from '../models/numbering-data.model';
 import { PageVerticalDataModel } from './page-vertical-data.model';
 import { TextLineInfo } from './text-line-info';
@@ -6,6 +8,7 @@ export declare class Paragraph {
     numberingData: NumberingDataModel;
     private offsetBefore;
     private processTextLinesProperties;
+    startInsertIndex: number;
     textLinesInfo: TextLineInfo[];
     pagePreviousContentHeight: number;
     width: number;
@@ -25,7 +28,7 @@ export declare class Paragraph {
     }, pagesInfo: {
         pagesVerticalData: PageVerticalDataModel[];
         pagesSpace: number;
-    }) => void);
+    }, tables: ComponentRef<NoderTableComponent>[]) => void);
     setTextLinesInfo(linesInfos: LineInfoModel[]): void;
     setIsAfterPageBreak(value: boolean): void;
     getParagraphData(): {
@@ -40,5 +43,5 @@ export declare class Paragraph {
     }, pagesInfo: {
         pagesVerticalData: PageVerticalDataModel[];
         pagesSpace: number;
-    }): void;
+    }, tables: ComponentRef<NoderTableComponent>[]): void;
 }

package/lib/+shared/editor/core/paging/text-line-info.d.ts

@@ -13,5 +13,7 @@ export declare class TextLineInfo {
     isAfterPageBreak: boolean;
     isEndedByPageBreak: boolean;
     backgroundColor: string;
+    hasTable: boolean;
+    splitOffset: number;
     constructor(contentWidth: number, align: number, indent: IndentModel, fields?: Partial<LineInfoModel>);
 }

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

@@ -2,6 +2,7 @@ import { Type } from '@angular/core';
 import { BaseNoderComponent } from '../../shared/abstract/base.component';
 export declare class ExternalElementModel {
     name: string;
+    title: string;
     icon: string;
     type: number;
     componentType: Type<BaseNoderComponent>;
@@ -11,7 +12,7 @@ export declare class ExternalElementModel {
         width: number;
         height: number;
     }>;
-    constructor(name: string, icon: string, type: number, componentType: Type<BaseNoderComponent>, factoryMethod: () => Promise<{
+    constructor(name: string, title: string, icon: string, type: number, componentType: Type<BaseNoderComponent>, factoryMethod: () => Promise<{
         guid: string;
         type: number;
         width: number;

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

@@ -4,6 +4,7 @@ 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';
@@ -16,7 +17,7 @@ export declare class CustomContentService {
     private injector;
     elements: ExternalElementModel[];
     constructor(componentService: ComponentService, injector: Injector);
-    generateComponents(model: ContentsInterface, sessionId: number, properties: GeneralPropertiesModel, contentWidth: number): ICustomComponents;
+    generateComponents(model: ContentsInterface, sessionId: number, properties: GeneralPropertiesModel, document: Document): ICustomComponents;
     generateElementComponents(elements: ElementModel[], sessionId: number, contentWidth: number): ComponentRef<BaseNoderComponent>[];
     isFragmentContainComponent(components: ICustomComponents, textFragment: string, fragmentDistance: DistanceModel): boolean;
     getComponents(components: ICustomComponents, distance: DistanceModel): ComponentRef<BaseNoderComponent>[];

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

@@ -15,6 +15,7 @@ export declare class CellResizer {
     spaceRight: number;
     startX: number;
     startY: number;
+    splitRowIndex: number;
     documentMouseMove$: Subscription;
     documentMouseUp$: Subscription;
     readonly resizerBorderSize = 1;

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

@@ -26,13 +26,15 @@ export declare class NoderTableComponent extends BaseNoderComponent implements O
     resizerEl: HTMLDivElement;
     rowMatrix: RowDataModel[];
     properties: GeneralPropertiesModel;
+    splits: number[];
     readonly minRowHeight = 19;
-    readonly borderSize = 0.8;
+    readonly borderSize = 1;
     constructor(componentService: ComponentService, editorService: EditorService, el: ElementRef, overlayService: OverlayService);
     ngOnDestroy(): void;
     initialize(): void;
     getCellSession(row: number, column: number): EditSession;
     getCellWidth(tableRow: RowModel, cellIndex: number, absoluteCellIndex: number): number;
+    private getAdjustedWidth;
     createResizer(): void;
     createTable(): void;
     updateTable(): void;
@@ -48,8 +50,23 @@ export declare class NoderTableComponent extends BaseNoderComponent implements O
     setCellRowSpan(rowIndex: number, absoluteCellIndex: number): void;
     setTableHeight(): void;
     startResizing: (cellResizerParameters: CellResizerParametersModel) => void;
+    processSplit(leftSpaceOnPage: number, spaceBetweenPagesContent: number, contentHeight: number): {
+        splitsCount: number;
+        tableHeight: number;
+        leftHeight: number;
+    };
+    private splitTable;
+    private getRowIndexByHeight;
+    private createSplitRow;
+    private removeSplits;
     protected calculateProperties(): void;
+    private getTableWidth;
     private cellHeightChanged;
+    private getSplitRowIndex;
+    private getIndexIncludingSplitRows;
+    private getRowsHeightBefore;
+    private getRowsHeightBetweenSplits;
+    private getRowsHeight;
     static ɵfac: i0.ɵɵFactoryDeclaration<NoderTableComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<NoderTableComponent, "app-noder-table", never, {}, {}, never, never, false, never>;
 }

package/lib/+shared/editor/editor.component.d.ts

@@ -21,6 +21,7 @@ export declare class EditorComponent implements OnDestroy {
     private commandsService;
     private clipboard;
     get isViewOnly$(): Observable<boolean>;
+    customPageWidth?: number;
     set content(model: DocxModel);
     get content(): DocxModel;
     private _content;
@@ -39,5 +40,5 @@ export declare class EditorComponent implements OnDestroy {
     createElement(model: ElementDataModel): void;
     toggleSidenavSubscription(): Subscription;
     static ɵfac: i0.ɵɵFactoryDeclaration<EditorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EditorComponent, "app-editor", never, { "content": { "alias": "content"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EditorComponent, "app-editor", never, { "customPageWidth": { "alias": "customPageWidth"; "required": false; }; "content": { "alias": "content"; "required": false; }; }, {}, never, never, false, never>;
 }

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

@@ -22,7 +22,7 @@ export declare class RegulatorService {
     sessionIdIncrement: number;
     edgeEditingPage: number | null;
     constructor(customContentService: CustomContentService, editorService: EditorService);
-    addMainSession(model: DocxModel, margins: MarginModel, container: ElementRef<HTMLElement>): void;
+    addMainSession(model: DocxModel, margins: MarginModel, pageWidth: number, container: ElementRef<HTMLElement>): void;
     addCellSession(table: TableModel, margins: MarginModel, component: NoderTableCellComponent, properties: GeneralPropertiesModel): SessionModel;
     addEdgeSession(component: NoderEdgeComponent): SessionModel;
     removeSession(sessionId: number): void;

package/lib/+shared/helpers/revision.helper.d.ts

@@ -0,0 +1,15 @@
+import { ContentsInterface } from '../editor/interfaces/contents.interface';
+import { DocxModel } from '../../models/generated/docx.model';
+import { EdgeModel } from '../../models/generated/edge.model';
+import { OperationModel } from '../../models/generated/operation.model';
+import { ParagraphStyleModel } from '../../models/generated/paragraph-style.model';
+import { RevisionModel } from '../../models/generated/revision.model';
+import { TableModel } from '../../models/generated/table.model';
+export declare class RevisionHelper {
+    static applyOperationsToRevision(revision: RevisionModel, operations: OperationModel[]): void;
+    static fillTablesDefaultStyles(tables: TableModel[]): void;
+    static fillEdgesDefaultStyles(headers: EdgeModel[], footers: EdgeModel[]): void;
+    static fillDefaultStyles(contents: ContentsInterface): void;
+    static fillParagraphStyleModel(paragraphStyle: ParagraphStyleModel): ParagraphStyleModel;
+    static getEmptyDocxModel(): DocxModel;
+}

package/lib/+shared/helpers/validation.helper.d.ts

@@ -0,0 +1,5 @@
+import { AbstractControl, ValidationErrors } from '@angular/forms';
+export declare const URL_PATTERN: RegExp;
+export declare class ValidationHelper {
+    static urlValidator(control: AbstractControl<string>): ValidationErrors | null;
+}

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

@@ -28,5 +28,6 @@ export declare class CellModel {
     verticalAlign: any;
     verticalMerge: string;
     width: number;
+    widthType: string;
     constructor(fields?: Partial<CellModel>);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@talrace/ngx-noder",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "license": "MIT",
   "peerDependencies": {
     "@angular/common": "^17.0.4",

package/public-api.d.ts

@@ -26,10 +26,13 @@ export * from './lib/+shared/editor-toolbar/enums/alignment.enum';
 export * from './lib/+shared/editor-toolbar/editor-toolbar.component';
 export * from './lib/+shared/editor-toolbar/editor-toolbar.module';
 export * from './lib/+shared/enums/mode.enum';
+export * from './lib/+shared/helpers/revision.helper';
 export * from './lib/+shared/confirm-dialog/confirm-dialog.component';
+export * from './lib/+shared/add-link-dialog/add-link-dialog.component';
+export * from './lib/+shared/services/commands.service';
 export * from './lib/models/generated/command.model';
-export * from './lib/models/generated/document.model';
 export * from './lib/models/generated/document-name.model';
+export * from './lib/models/generated/document.model';
 export * from './lib/models/generated/docx.model';
 export * from './lib/models/generated/element.model';
 export * from './lib/models/generated/file-source.model';

package/src/lib/+shared/confirm-dialog/_theme.scss

@@ -0,0 +1,30 @@
+@use '@angular/material' as mat;
+@use 'sass:map';
+
+@mixin confirm-dialog-theme($theme) {
+    $background: map.get($theme, background);
+    $foreground: map.get($theme, foreground);
+
+    app-confirm-dialog {
+        .title {
+            color: mat.get-color-from-palette($foreground, base);
+            border-bottom-color: mat.get-color-from-palette($foreground, divider);
+        }
+
+        .content {
+            color: mat.get-color-from-palette($foreground, text);
+        }
+
+        .actions .delete-btn {
+            color: mat.get-color-from-palette($foreground, button-text);
+
+            &:disabled {
+                background-color: mat.get-color-from-palette($background, disabled-button);
+            }
+
+            &:enabled {
+                background-color: mat.get-color-from-palette($background, button-background);
+            }
+        }
+    }
+}

package/src/lib/+shared/editor/_theme.scss

@@ -0,0 +1,7 @@
+@import './custom-components/external-element/element-toolbar/element-toolbar.theme';
+@import './editor.theme';
+
+@mixin editor-theme($theme) {
+    @include element-toolbar-theme($theme);
+    @include editor-component-theme($theme);
+}

package/src/lib/+shared/editor-toolbar/_theme.scss

@@ -0,0 +1,7 @@
+@import './numbering/numbering.theme';
+@import './editor-toolbar.theme';
+
+@mixin editor-toolbar-theme($theme) {
+    @include numbering-component($theme);
+    @include editor-toolbar-component($theme);
+}

package/src/scss/_fonts.scss

@@ -0,0 +1,3 @@
+$roboto-font-path: '~roboto-fontface/fonts' !default;
+
+@import '../../../../node_modules/roboto-fontface/css/roboto/sass/roboto-fontface';

package/src/scss/_mixins.scss

@@ -0,0 +1,49 @@
+@use 'sass:map';
+@use '@angular/material' as mat;
+
+@mixin scrollbar-theme($theme) {
+    $background: map.get($theme, background);
+
+    ::-webkit-scrollbar-track {
+        background-color: mat.get-color-from-palette($background, scrollbar-track);
+    }
+
+    ::-webkit-scrollbar-thumb {
+        background: mat.get-color-from-palette($background, scrollbar-thumb);
+    }
+}
+
+@mixin form-field-theme($theme) {
+    $foreground: map.get($theme, foreground);
+
+    .mdc-text-field:not(.mdc-text-field--invalid) {
+        .mdc-notched-outline > * {
+            border-color: mat.get-color-from-palette($foreground, form-field-border);
+        }
+
+        &.mdc-text-field--disabled {
+            border-color: mat.get-color-from-palette($foreground, form-field-border-disabled);
+        }
+
+        &.mdc-text-field--focused,
+        &:hover:not(.mdc-text-field--disabled) {
+            .mdc-notched-outline > * {
+                border-color: mat.get-color-from-palette($foreground, form-field-border-focused);
+            }
+        }
+    }
+
+    $form-field-light-primary: mat.define-palette($black-palette);
+    $form-field-light-theme: mat.define-light-theme(
+            (
+                color: (
+                    primary: $form-field-light-primary,
+                    accent: $light-accent,
+                    warn: $light-warn
+                ),
+                density: 0
+            )
+    );
+
+    @include mat.form-field-color($form-field-light-theme);
+}

package/src/scss/_variables.scss

@@ -0,0 +1 @@
+$font-stack: (roboto, 'Helvetica Neue', sans-serif);