@talrace/ngx-noder 0.0.13 → 0.0.15

package/lib/editor/components/image/input-handler/image-input.handler.d.ts

@@ -1,16 +1,11 @@
 import { EditorService } from '../../../interaction/editor.service';
-import { NoderImageComponent } from '../components/image.component';
 export declare class ImageInputHandler {
     private readonly editorService;
-    private readonly image;
-    readonly imageComponentTagName = "APP-NOD-IMAGE";
     private readonly undoRedoActions;
     private readonly imageKeyDownSubscription;
-    private readonly clickSubscription;
-    constructor(editorService: EditorService, image: NoderImageComponent);
+    constructor(editorService: EditorService);
     destroy(): void;
     private onKeyDown;
     private getKeyCombination;
     private fillUndoRedoActions;
-    private onClick;
 }

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

@@ -2,6 +2,7 @@ import { ChangeDetectorRef } from '@angular/core';
 import { CustomContent } from '../custom-content';
 import { DestroyComponent } from './destroy.component';
 import { GeneralPropertiesModel } from '../../../content/display-data/general-properties.model';
+import { TextStyleModel } from '../../../../models/generated/text-style.model';
 import * as i0 from "@angular/core";
 export declare abstract class BaseNoderComponent extends DestroyComponent {
     get focused(): boolean;
@@ -21,6 +22,7 @@ export declare abstract class BaseNoderComponent extends DestroyComponent {
     abstract initialize(): void;
     focus(): void;
     blur(): void;
+    receiveStyle(_textStyle: TextStyleModel): 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, false, never>;
 }

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

@@ -70,6 +70,7 @@ export declare class EditSession {
     isEdge(): boolean;
     isWithinEdge(): boolean;
     onRendered(): void;
+    provideTextStyle(start: number, end: number): void;
     removeByDocumentIndexes(startIndex: number, endIndex: number): void;
     insertTextByDocumentIndex(index: number, text: string, style?: TextStyleModel): CursorParagraph;
     insertElementByDocumentIndex(insertElement: InsertElementModel): CursorParagraph;

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

@@ -1,6 +1,7 @@
 import { Clipboard } from '@angular/cdk/clipboard';
 import { ElementRef } from '@angular/core';
 import { Subscription } from 'rxjs';
+import { BaseNoderComponent } from '../components/shared/abstract/base.component';
 import { BreakTypes } from '../gadgets/page-break/break-types.enum';
 import { CommandsService } from '../operations/commands.service';
 import { DocumentHandler } from '../interaction/document.handler';
@@ -66,7 +67,6 @@ export declare class Editor {
     subscriptions: Subscription[];
     private search;
     private textInput;
-    private focusedComponent;
     private clipboardData;
     constructor(model: DocxModel, container: ElementRef<HTMLElement>, editorService: EditorService, regulatorService: RegulatorService, commandsService: CommandsService, clipboard: Clipboard, externalElementTagNames: string[], customPageWidth?: number);
     destroy(): void;
@@ -165,7 +165,6 @@ export declare class Editor {
     onPrint(): void;
     private onDocumentChange;
     private focusCustomComponent;
-    private blurCustomComponent;
     private isEmptyNumberingParagraph;
     scrollCursorIntoMainView(offset?: number): void;
     changedTableSize(insertIndex: number, sessionId: number): void;
@@ -173,9 +172,10 @@ export declare class Editor {
     insertTableColumns(insertIndex: number, columnsCount: number, targetIndex: number, inheritIndex: number, sessionId: number): void;
     removeTableRows(insertIndex: number, startIndex: number, endIndex: number, sessionId: number): void;
     removeTableColumns(insertIndex: number, startIndex: number, endIndex: number, sessionId: number): void;
-    removeImage(insertIndex: number): void;
     resizeTableColumns(resizeTableColumns: ResizeTableColumnsModel, sessionId: number): void;
     onMousePressedMove(event: MouseEvent): void;
+    provideTextStyle(component: BaseNoderComponent): void;
+    receiveTextStyleSubscription(): Subscription;
     searchOptionSubscription(): Subscription;
     replaceSubscription(): Subscription;
     setTextStylesSubscription(): Subscription;
@@ -198,13 +198,13 @@ export declare class Editor {
     insertTableColumnsSubscription(): Subscription;
     removeTableRowsSubscription(): Subscription;
     removeTableColumnsSubscription(): Subscription;
-    removedImageSubscription(): Subscription;
+    removeRightSubscription(): Subscription;
     resizeTableColumnsSubscription(): Subscription;
     insertTableSubscription(): Subscription;
     insertTextSubscription(): Subscription;
     undoSubscription(): Subscription;
     redoSubscription(): Subscription;
-    blurCustomComponentSubscription(): Subscription;
+    removeLeftSubscription(): Subscription;
     private printSubscription;
     private cutSelectedSubscription;
     private copySelectedSubscription;

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

@@ -1,5 +1,6 @@
 import { Observable } from 'rxjs';
 import { Type } from '@angular/core';
+import { BaseNoderComponent } from '../components/shared/abstract/base.component';
 import { BreakTypes } from '../gadgets/page-break/break-types.enum';
 import { EdgeType } from '../components/edges/edge-type.enum';
 import { ElementDataModel } from '../components/external-element/models/element-data.model';
@@ -23,6 +24,8 @@ export declare class EditorService {
     get styles(): IToolbarStyles;
     get styles$(): Observable<IToolbarStyles>;
     private _styles$;
+    get receiveTextStyle$(): Observable<BaseNoderComponent>;
+    private _receiveTextStyle$;
     get isViewOnly$(): Observable<boolean>;
     get isViewOnly(): boolean;
     private _isViewOnly$;
@@ -123,10 +126,8 @@ export declare class EditorService {
         sessionId: number;
     }>;
     private _removeTableColumns$;
-    get removeImage$(): Observable<{
-        insertIndex: number;
-    }>;
-    private _removeImage$;
+    get removeRight$(): Observable<void>;
+    private _removeRight$;
     get resizeTableColumns$(): Observable<{
         resizeTableColumns: ResizeTableColumnsModel;
         sessionId: number;
@@ -159,10 +160,11 @@ export declare class EditorService {
     private _updateEdges$;
     get insertText$(): Observable<string>;
     private _insertText$;
-    get blurCustomComponent$(): Observable<void>;
-    private _blurCustomComponent$;
+    get removeLeft$(): Observable<void>;
+    private _removeLeft$;
     get removeCustomElementsData$(): Observable<ElementModel[]>;
     private _removeCustomElementsData$;
+    receiveTextStyle(component: BaseNoderComponent): void;
     setIsViewOnly(value: boolean): void;
     setHasSelection(value: boolean): void;
     setClipboardData(value: string): void;
@@ -189,7 +191,7 @@ export declare class EditorService {
     insertTableColumns(insertIndex: number, columnsCount: number, targetIndex: number, inheritIndex: number, sessionId: number): void;
     removeTableRows(insertIndex: number, startIndex: number, endIndex: number, sessionId: number): void;
     removeTableColumns(insertIndex: number, startIndex: number, endIndex: number, sessionId: number): void;
-    removeImage(insertIndex: number): void;
+    removeRight(): void;
     resizeTableColumns(resizeTableColumns: ResizeTableColumnsModel, sessionId: number): void;
     insertTable(tableData: {
         rows: number;
@@ -206,7 +208,7 @@ export declare class EditorService {
     keyDown(event: KeyboardEvent): void;
     updateEdges(sessionId: number): void;
     insertText(text: string): void;
-    blurCustomComponent(): void;
+    removeLeft(): void;
     removeCustomElementsData(elements: ElementModel[]): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<EditorService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<EditorService>;

package/lib/editor/positioning/selection.d.ts

@@ -1,3 +1,5 @@
+import { ComponentRef } from '@angular/core';
+import { BaseNoderComponent } from '../components/shared/abstract/base.component';
 import { ContentsInterface } from '../content/contents.interface';
 import { CursorParagraph } from './cursor-paragraph';
 import { EditSession } from '../execution/edit.session';
@@ -6,10 +8,15 @@ export declare class Selection {
     anchor: CursorParagraph | null;
     cursor: CursorParagraph;
     isDisabled: boolean;
+    private focusedComponent;
     private keepLinePositionX;
+    get isFocused(): boolean;
     get isEmpty(): boolean;
     get isBackwards(): boolean;
+    get selectedRange(): Range;
     get range(): Range;
+    focus(component: ComponentRef<BaseNoderComponent>, position: CursorParagraph): void;
+    blur(): void;
     placeCursor(cursor: CursorParagraph): void;
     moveCursor(cursor: CursorParagraph): void;
     placeSelection(cursor: CursorParagraph, anchor: CursorParagraph): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@talrace/ngx-noder",
-  "version": "0.0.13",
+  "version": "0.0.15",
   "license": "MIT",
   "peerDependencies": {
     "@angular/common": "^17.3.12",

package/src/_ngx-noder.theme.scss

@@ -1,4 +1,3 @@
-@use '@angular/material' as mat;
 @import 'lib/apart-components/add-link-dialog/add-link-dialog.theme';
 @import 'lib/apart-components/add-link-mobile/add-link-mobile.theme';
 @import 'lib/apart-components/confirm-dialog/theme';
@@ -22,12 +21,6 @@
 
 @mixin ngx-noder-editor-theme($theme) {
     @include editor-theme($theme);
-
-    $font-family: roboto, helvetica, neue, 'Helvetica', Arial, sans-serif;
-    $custom-typography: mat.define-typography-config(
-        $font-family: $font-family
-    );
-    @include mat.all-component-typographies($custom-typography);
 }
 
 @mixin ngx-noder-add-link-theme($theme) {