@talrace/ngx-noder 0.0.44 → 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-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/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

@@ -14,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;

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/content/display-data/display-data.d.ts

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

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

@@ -221,6 +221,7 @@ export declare class Editor {
     applyFirstLinePositionSubscription(): Subscription;
     applyRightIndentParagraphSubscription(): Subscription;
     applyLeftIndentParagraphSubscription(): Subscription;
+    applyTabSettingsSubscription(): Subscription;
     setImageStyleSubscription(): Subscription;
     rerenderSubscription(): Subscription;
     createCustomComponentSubscription(): Subscription;

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

@@ -15,6 +15,7 @@ import { PageFormatModel } from '../../models/generated/page-format.model';
 import { PageType } from '../components/edges/page-type.enum';
 import { ParagraphStyleModel } from '../../models/generated/paragraph-style.model';
 import { ResizeTableColumnsModel } from '../../models/generated/resize-table-columns.model';
+import { TabSettingModel } from '../../models/generated/tab-setting.model';
 import { TextStyleModel } from '../../models/generated/text-style.model';
 import * as i0 from "@angular/core";
 export declare class EditorService {
@@ -38,6 +39,7 @@ export declare class EditorService {
     get toggleSidenav$(): Observable<{
         open: boolean;
         component: Type<any>;
+        focus: boolean;
         data?: object;
     }>;
     private readonly _toggleSidenav$;
@@ -199,10 +201,13 @@ export declare class EditorService {
     private readonly _firstLinePosition$;
     get leftIndentParagraph$(): Observable<number>;
     private readonly _leftIndentParagraph$;
+    get tabSettings$(): Observable<TabSettingModel[]>;
+    private readonly _tabSettings$;
     get rightIndentParagraph$(): Observable<number>;
     private readonly _rightIndentParagraph$;
     get paragraphStyle$(): Observable<ParagraphStyleModel>;
     private readonly _paragraphStyle$;
+    tabSettings(value: TabSettingModel[]): void;
     applyFirstLinePosition(value: number): void;
     applyLeftIndentParagraph(value: number): void;
     applyRightIndentParagraph(value: number): void;
@@ -231,8 +236,8 @@ export declare class EditorService {
     insertLink(text: string, link: string): void;
     endMousePress(): void;
     disableSelection(): void;
-    openElementSidenav(component: Type<ExternalSidenavInterface>, model: ElementModel, contentWidth: number): void;
-    openSidenav(component: Type<any>): void;
+    openElementSidenav(component: Type<ExternalSidenavInterface>, model: ElementModel, contentWidth: number, focus: boolean): void;
+    openSidenav(component: Type<any>, focus: boolean): void;
     closeSidenav(): void;
     changedTableSize(insertIndex: number, sessionId: number): void;
     changedEdgeSize(edgeType: EdgeType, pageType: PageType, pageWidth: number, pageHeight: number): void;

package/lib/models/generated/form-interfaces/tab-setting-form.interface.d.ts

@@ -0,0 +1,5 @@
+import { FormControl } from '@angular/forms';
+export interface TabSettingFormInterface {
+    alignment: any;
+    position: FormControl<number>;
+}

package/lib/models/generated/paragraph-style.model.d.ts

@@ -1,3 +1,4 @@
+import { TabSettingModel } from './tab-setting.model';
 export declare class ParagraphStyleModel {
     afterAutospacing: boolean;
     alignment: any;
@@ -14,5 +15,6 @@ export declare class ParagraphStyleModel {
     numberingLevel: number;
     spaceAfter: number;
     spaceBefore: number;
+    tabSettings: TabSettingModel[];
     constructor(fields?: Partial<ParagraphStyleModel>);
 }

package/lib/models/generated/tab-setting.model.d.ts

@@ -0,0 +1,5 @@
+export declare class TabSettingModel {
+    alignment: any;
+    position: number;
+    constructor(fields?: Partial<TabSettingModel>);
+}

package/package.json

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