@talrace/ngx-noder 0.0.47 → 19.0.24

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

@@ -9,6 +9,7 @@ import { Editor } from '../execution/editor';
 import { EditorSearchBarComponent } from '../../apart-components/editor-search-bar/editor-search-bar.component';
 import { EditorService } from '../interaction/editor.service';
 import { ExternalSidenavModel } from './external-element/models/external-sidenav.model';
+import { InsertOverlays } from '../gadgets/insert-overlays/insert-overlays';
 import { OverlayService } from './shared/services/overlay.service';
 import { RegulatorService } from '../execution/regulator.service';
 import { RulerUnit } from '../../apart-components/editor-ruler/editor-ruler.component';
@@ -22,6 +23,7 @@ export declare class EditorComponent implements OnDestroy {
     private regulatorService;
     private commandsService;
     private clipboard;
+    private insertOverlays;
     get isViewOnly$(): Observable<boolean>;
     isMobile: boolean;
     externalElementTagNames: string[];
@@ -40,7 +42,7 @@ export declare class EditorComponent implements OnDestroy {
     sidenavProperties: ExternalSidenavModel;
     readonly subscriptions: Subscription[];
     private sidenavComponentRef;
-    constructor(cdr: ChangeDetectorRef, componentService: ComponentService, editorService: EditorService, overlayService: OverlayService, injector: Injector, regulatorService: RegulatorService, commandsService: CommandsService, clipboard: Clipboard);
+    constructor(cdr: ChangeDetectorRef, componentService: ComponentService, editorService: EditorService, overlayService: OverlayService, injector: Injector, regulatorService: RegulatorService, commandsService: CommandsService, clipboard: Clipboard, insertOverlays: InsertOverlays);
     ngOnDestroy(): void;
     initEditor(content: DocxModel): void;
     toggleSidenavSubscription(): Subscription;

package/lib/editor/components/shared/services/overlay.service.d.ts

@@ -13,6 +13,7 @@ export declare class OverlayService {
     clickSubscription(): void;
     getOverlayConfig(xPosition: number, yPosition: number): OverlayConfig;
     getOverlayPosition(xPosition: number, yPosition: number): PositionStrategy;
+    scroll(deltaY: number): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<OverlayService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<OverlayService>;
 }

package/lib/editor/content/display-data/text-line-info.d.ts

@@ -17,6 +17,7 @@ export declare class TextLineInfo {
     hasTable: boolean;
     splitOffset: number;
     indentLeft: number;
+    indentFirstLine: number;
     wordSpacing?: number;
     wordSpacingWidth?: number;
     isNumbering: boolean;

package/lib/editor/editor.module.d.ts

@@ -1,7 +1,9 @@
+import { ComponentType } from '@angular/cdk/portal';
 import { ModuleWithProviders, Type } from '@angular/core';
 import { ImageApiService } from './components/image/image-api.service';
 import { ExternalElementInterface } from '../editor/components/external-element/external-element.service';
 import { ExternalSidenavModel } from './components/external-element/models/external-sidenav.model';
+import { InsertOverlayComponentInterface } from './gadgets/insert-overlays/insert-overlay-component.interface';
 import * as i0 from "@angular/core";
 import * as i1 from "./components/editor.component";
 import * as i2 from "./components/edges/edge.component";
@@ -24,6 +26,10 @@ import * as i18 from "@ngx-translate/core";
 export interface INoderOptions {
     sidenav?: Partial<ExternalSidenavModel>;
     imageApiService?: Type<ImageApiService>;
+    insertOverlays?: {
+        key: string;
+        component: ComponentType<InsertOverlayComponentInterface>;
+    }[];
     elementService: Type<ExternalElementInterface>;
 }
 export declare class EditorModule {

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

@@ -22,6 +22,7 @@ import { InsertBreakModel } from '../../models/generated/insert-break.model';
 import { InsertElementModel } from '../../models/generated/insert-element.model';
 import { InsertImageModel } from '../../models/generated/insert-image.model';
 import { InsertLinkModel } from '../../models/generated/insert-link.model';
+import { InsertOverlays } from '../gadgets/insert-overlays/insert-overlays';
 import { InsertTableModel } from '../../models/generated/insert-table.model';
 import { InsertTabModel } from '../../models/generated/insert-tab.model';
 import { LinkDataModel } from '../../models/generated/link-data.model';
@@ -60,6 +61,7 @@ export declare class Editor {
     private commandsService;
     private clipboard;
     private externalElementTagNames;
+    private insertOverlays;
     private customPageWidth?;
     readonly MAX_COUNT = 999;
     readonly parentTagName = "APP-NOD-EDITOR";
@@ -88,12 +90,13 @@ export declare class Editor {
     private textInput;
     private clipboardData;
     private isRerenderSubscriptionOpen;
-    constructor(model: DocxModel, container: ElementRef<HTMLElement>, editorService: EditorService, overlayService: OverlayService, regulatorService: RegulatorService, commandsService: CommandsService, clipboard: Clipboard, externalElementTagNames: string[], customPageWidth?: number);
+    constructor(model: DocxModel, container: ElementRef<HTMLElement>, editorService: EditorService, overlayService: OverlayService, regulatorService: RegulatorService, commandsService: CommandsService, clipboard: Clipboard, externalElementTagNames: string[], insertOverlays: InsertOverlays, customPageWidth?: number);
     destroy(): void;
     selectPageDown(): void;
     selectPageUp(): void;
     gotoPageDown(): void;
     gotoPageUp(): void;
+    showInsertOverlay(textKey: string): void;
     cut(): void;
     insert(text: string): void;
     insertText(text: string, textStyle: TextStyleModel): void;
@@ -157,6 +160,7 @@ export declare class Editor {
     saveInsertPageFormatToHistory(model: PageFormatModel, startIndex: number, endIndex: number): void;
     saveApplyDocumentPageFormatToHistory(defaultPageFormat: PageFormatModel): void;
     createCustomElement(data: ElementDataModel): void;
+    replaceByCustomElement(textKey: string, model: ElementDataModel): void;
     removeSelected(): void;
     removeWithParagraph(): void;
     removeCustomElementsData(): void;
@@ -238,6 +242,7 @@ export declare class Editor {
     setImageStyleSubscription(): Subscription;
     rerenderSubscription(): Subscription;
     createCustomComponentSubscription(): Subscription;
+    replaceByCustomComponentSubscription(): Subscription;
     insertBreakSubscription(): Subscription;
     insertImageSubscription(): Subscription;
     insertLinkSubscription(): Subscription;

package/lib/editor/gadgets/insert-overlays/insert-overlay-component.interface.d.ts

@@ -0,0 +1,3 @@
+export interface InsertOverlayComponentInterface {
+    readonly textKey: string;
+}

package/lib/editor/gadgets/insert-overlays/insert-overlays.d.ts

@@ -0,0 +1,10 @@
+import { ComponentType } from '@angular/cdk/portal';
+import { InsertOverlayComponentInterface } from './insert-overlay-component.interface';
+export declare class InsertOverlays {
+    private readonly componentMap;
+    constructor(models?: {
+        key: string;
+        component: ComponentType<InsertOverlayComponentInterface>;
+    }[] | null);
+    getComponent(key: string): ComponentType<InsertOverlayComponentInterface> | null;
+}

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

@@ -90,6 +90,11 @@ export declare class EditorService {
     private readonly _rerender$;
     get createCustomComponent$(): Observable<ElementDataModel>;
     private readonly _createCustomComponent$;
+    get replaceByCustomComponent$(): Observable<{
+        textKey: string;
+        model: ElementDataModel;
+    }>;
+    private readonly _replaceByCustomComponent$;
     get insertBreak$(): Observable<BreakTypes>;
     private readonly _insertBreak$;
     get insertImage$(): Observable<ImageDataModel>;
@@ -257,6 +262,7 @@ export declare class EditorService {
     changeImageStyle(value: ImageModel): void;
     rerender(index?: number): void;
     createCustomComponent(model: ElementDataModel): void;
+    replaceByCustomComponent(textKey: string, model: ElementDataModel): void;
     insertBreak(value: BreakTypes): void;
     insertImage(imageData: ImageDataModel): void;
     insertLink(text: string, link: string): void;

package/lib/editor/positioning/position.helper.d.ts

@@ -1,8 +1,10 @@
 import { CursorParagraph } from './cursor-paragraph';
 import { CursorPosition } from './cursor-position.interface';
 import { EditSession } from '../execution/edit.session';
+import { Paragraph } from '../content/display-data/paragraph';
 import { ParagraphInfo } from '../content/display-data/paragraph-info.interface';
 import { ParagraphInfoModel } from '../content/display-data/models/paragraph-info.model';
+import { TextLineInfo } from '../content/display-data/text-line-info';
 export declare class PositionHelper {
     /**
      * Returns an object containing the `pageX` and `pageY` coordinates of the document position.
@@ -44,4 +46,5 @@ export declare class PositionHelper {
         lineIndex: number;
     };
     static getApproximatePosition(session: EditSession, documentLine: number, positionWidth: number): number;
+    static getMarkerWidth(paragraphSettings: Paragraph, textLineInfo: TextLineInfo, lineIndex: number): number;
 }

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

@@ -3,8 +3,10 @@ import { BaseNoderComponent } from '../components/shared/abstract/base.component
 import { ContentType } from '../content/contents.interface';
 import { CursorParagraph } from './cursor-paragraph';
 import { EditSession } from '../execution/edit.session';
+import { OverlayService } from '../components/shared/services/overlay.service';
 import { Range } from './range';
 export declare class Selection {
+    private overlayService;
     anchor: CursorParagraph | null;
     cursor: CursorParagraph;
     isDisabled: boolean;
@@ -15,6 +17,7 @@ export declare class Selection {
     get isBackwards(): boolean;
     get selectedRange(): Range;
     get range(): Range;
+    constructor(overlayService: OverlayService);
     focus(component: ComponentRef<BaseNoderComponent>, position: CursorParagraph): void;
     blur(): void;
     placeCursor(cursor: CursorParagraph): void;

package/package.json

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

package/public-api.d.ts

@@ -6,6 +6,7 @@ export * from './lib/editor/execution/helpers/dom.helper';
 export * from './lib/editor/execution/helpers/format-style.helper';
 export * from './lib/editor/gadgets/font-metrics/font-metrics.helper';
 export * from './lib/editor/content/display-data/toolbar-styles.interface';
+export * from './lib/editor/gadgets/insert-overlays/insert-overlay-component.interface';
 export * from './lib/editor/components/external-element/models/element-data.model';
 export * from './lib/editor/components/external-element/models/external-element.model';
 export * from './lib/editor/components/external-element/external.component';