@talrace/ngx-noder 0.0.10 → 0.0.12

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

@@ -5,6 +5,7 @@ import * as i0 from "@angular/core";
 export declare class EditorTitleComponent {
     private cdr;
     selectedMode: Mode;
+    showTitle: boolean;
     title: string;
     defaultFileName: string;
     set rename$(value: Observable<void>);
@@ -21,5 +22,5 @@ export declare class EditorTitleComponent {
     onFocus(event: MouseEvent): void;
     private setTitleActive;
     static ɵfac: i0.ɵɵFactoryDeclaration<EditorTitleComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EditorTitleComponent, "app-nod-editor-title", never, { "selectedMode": { "alias": "selectedMode"; "required": false; }; "title": { "alias": "title"; "required": false; }; "defaultFileName": { "alias": "defaultFileName"; "required": false; }; "rename$": { "alias": "rename$"; "required": false; }; }, { "changeMode": "changeMode"; "renameDocumentTitle": "renameDocumentTitle"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EditorTitleComponent, "app-nod-editor-title", never, { "selectedMode": { "alias": "selectedMode"; "required": false; }; "showTitle": { "alias": "showTitle"; "required": false; }; "title": { "alias": "title"; "required": false; }; "defaultFileName": { "alias": "defaultFileName"; "required": false; }; "rename$": { "alias": "rename$"; "required": false; }; }, { "changeMode": "changeMode"; "renameDocumentTitle": "renameDocumentTitle"; }, never, never, true, never>;
 }

package/lib/apart-components/editor-toolbar/components/menu-dropdowns/menu-dropdowns.component.d.ts

@@ -10,6 +10,11 @@ import * as i0 from "@angular/core";
 export declare class MenuDropdownsComponent extends BaseToolbarComponent {
     protected cdr: ChangeDetectorRef;
     editorService: EditorService;
+    showFile: boolean;
+    showEdit: boolean;
+    showInsert: boolean;
+    showLayout: boolean;
+    showFormat: boolean;
     openFileFromDisk: EventEmitter<void>;
     addCustomElement: EventEmitter<ElementDataModel>;
     saveAs: EventEmitter<void>;
@@ -32,5 +37,5 @@ export declare class MenuDropdownsComponent extends BaseToolbarComponent {
     onSelectNumberingTemplate(numberingTemplateType: NumberingTemplateType): void;
     onTableInsertMenuClosed(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MenuDropdownsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MenuDropdownsComponent, "app-nod-menu-dropdowns", never, {}, { "openFileFromDisk": "openFileFromDisk"; "addCustomElement": "addCustomElement"; "saveAs": "saveAs"; "insertPageBreak": "insertPageBreak"; "createDocument": "createDocument"; "rename": "rename"; "delete": "delete"; "openEditMenu": "openEditMenu"; "cutSelected": "cutSelected"; "copySelected": "copySelected"; "pasteClipboardData": "pasteClipboardData"; "selectAll": "selectAll"; "removeSelected": "removeSelected"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MenuDropdownsComponent, "app-nod-menu-dropdowns", never, { "showFile": { "alias": "showFile"; "required": false; }; "showEdit": { "alias": "showEdit"; "required": false; }; "showInsert": { "alias": "showInsert"; "required": false; }; "showLayout": { "alias": "showLayout"; "required": false; }; "showFormat": { "alias": "showFormat"; "required": false; }; }, { "openFileFromDisk": "openFileFromDisk"; "addCustomElement": "addCustomElement"; "saveAs": "saveAs"; "insertPageBreak": "insertPageBreak"; "createDocument": "createDocument"; "rename": "rename"; "delete": "delete"; "openEditMenu": "openEditMenu"; "cutSelected": "cutSelected"; "copySelected": "copySelected"; "pasteClipboardData": "pasteClipboardData"; "selectAll": "selectAll"; "removeSelected": "removeSelected"; }, never, never, false, never>;
 }

package/lib/apart-components/editor-toolbar/editor-toolbar.module.d.ts

@@ -27,6 +27,6 @@ import * as i25 from "@angular/forms";
 import * as i26 from "../text-format-mobile/text-format-mobile.component";
 export declare class EditorToolbarModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<EditorToolbarModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<EditorToolbarModule, [typeof i1.EditorMobileToolbarComponent, typeof i2.EditorToolbarComponent, typeof i3.FontStyleComponent, typeof i3.FontStyleComponent, typeof i4.FormatComponent, typeof i4.FormatComponent, typeof i5.HeadingComponent, typeof i5.HeadingComponent, typeof i6.MenuDropdownsComponent, typeof i7.MenuDropdownsMobileComponent, typeof i8.NumberingComponent, typeof i9.PrintComponent, typeof i10.ToolbarActionsComponent, typeof i11.UndoRedoComponent, typeof i12.ZoomComponent], [typeof i13.ColorPickerComponent, typeof i14.CommonModule, typeof i15.FontComponent, typeof i16.FontSizeComponent, typeof i17.InsertTableComponent, typeof i18.InsertTableMobileComponent, typeof i19.MatAutocompleteModule, typeof i20.MatButtonModule, typeof i21.MatButtonToggleModule, typeof i22.MatExpansionModule, typeof i23.MatIconModule, typeof i24.MatMenuModule, typeof i25.ReactiveFormsModule, typeof i26.TextFormatMobileComponent], [typeof i1.EditorMobileToolbarComponent, typeof i2.EditorToolbarComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<EditorToolbarModule, [typeof i1.EditorMobileToolbarComponent, typeof i2.EditorToolbarComponent, typeof i3.FontStyleComponent, typeof i3.FontStyleComponent, typeof i4.FormatComponent, typeof i4.FormatComponent, typeof i5.HeadingComponent, typeof i5.HeadingComponent, typeof i6.MenuDropdownsComponent, typeof i7.MenuDropdownsMobileComponent, typeof i8.NumberingComponent, typeof i9.PrintComponent, typeof i10.ToolbarActionsComponent, typeof i11.UndoRedoComponent, typeof i12.ZoomComponent], [typeof i13.ColorPickerComponent, typeof i14.CommonModule, typeof i15.FontComponent, typeof i16.FontSizeComponent, typeof i17.InsertTableComponent, typeof i18.InsertTableMobileComponent, typeof i19.MatAutocompleteModule, typeof i20.MatButtonModule, typeof i21.MatButtonToggleModule, typeof i22.MatExpansionModule, typeof i23.MatIconModule, typeof i24.MatMenuModule, typeof i25.ReactiveFormsModule, typeof i26.TextFormatMobileComponent], [typeof i1.EditorMobileToolbarComponent, typeof i2.EditorToolbarComponent, typeof i6.MenuDropdownsComponent, typeof i7.MenuDropdownsMobileComponent, typeof i10.ToolbarActionsComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<EditorToolbarModule>;
 }

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

@@ -113,7 +113,7 @@ export declare class Editor {
     applyOperation(operation: Operation): void;
     saveRemoveToHistory(range: Range): void;
     saveInsertTextToHistory(paragraph: number, indexInParagraph: number, text: string): void;
-    saveInsertParagraphToHistory(model: InsertParagraphModel): void;
+    saveInsertParagraphToHistory(content: string, model: InsertParagraphModel): void;
     saveInsertStyledTextToHistory(paragraph: number, indexInParagraph: number, text: string, style: TextStyleModel): void;
     saveInsertElementToHistory(model: InsertElementModel): void;
     saveInsertBreakToHistory(model: InsertBreakModel): void;
@@ -131,6 +131,7 @@ export declare class Editor {
     private createRestoreFromSlice;
     createCustomElement(data: ElementDataModel): void;
     removeSelected(): void;
+    removeCustomElementsData(): void;
     onInput(): void;
     onCut(event: ClipboardEvent): void;
     onCopy(event: ClipboardEvent): void;
@@ -163,6 +164,7 @@ export declare class Editor {
     private onDocumentChange;
     private focusCustomComponent;
     private blurCustomComponent;
+    private blurEdgeCustomComponents;
     private isEmptyNumberingParagraph;
     scrollCursorIntoMainView(offset?: number): void;
     changedTableSize(insertIndex: number, sessionId: number): void;

package/lib/editor/gadgets/history/operation-history.d.ts

@@ -30,9 +30,9 @@ export declare class OperationHistory {
     private step;
     constructor(editorService: EditorService, regulatorService: RegulatorService);
     pushInsertText(insertIndex: number, text: string): void;
-    pushInsertParagraph(model: InsertParagraphModel, paragraphs: ParagraphModel[]): void;
+    pushInsertParagraph(content: string, model: InsertParagraphModel, paragraphs: ParagraphModel[]): void;
     pushInsertElement(model: InsertElementModel): void;
-    pushInsertBreak(model: InsertBreakModel, endIndex: number): void;
+    pushInsertBreak(model: InsertBreakModel, count: number): void;
     pushInsertTab(model: InsertTabModel): void;
     pushInsertImage(model: InsertImageModel): void;
     pushInsertLink(model: InsertLinkModel): void;

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

@@ -160,6 +160,8 @@ export declare class EditorService {
     private _insertText$;
     get blurCustomComponent$(): Observable<void>;
     private _blurCustomComponent$;
+    get removeCustomElementsData$(): Observable<ElementModel[]>;
+    private _removeCustomElementsData$;
     setIsViewOnly(value: boolean): void;
     setHasSelection(value: boolean): void;
     setClipboardData(value: string): void;
@@ -204,6 +206,7 @@ export declare class EditorService {
     updateEdges(sessionId: number): void;
     insertText(text: string): void;
     blurCustomComponent(): void;
+    removeCustomElementsData(elements: ElementModel[]): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<EditorService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<EditorService>;
 }

package/lib/editor/operations/helpers/content-operations.helper.d.ts

@@ -1,5 +1,5 @@
 export declare class ContentOperationsHelper {
-    static removeContent(content: string, startIndex: number, endIndex: number): string;
+    static removeContent(content: string, startIndex: number, count: number): string;
     static insertContent(content: string, text: string, index: number): string;
     static replaceContent(content: string, startIndex: number, endIndex: number, text: string): string;
 }

package/lib/editor/operations/operations-helper.helper.d.ts

@@ -36,7 +36,7 @@ export declare class OperationsHelper {
     static insertStyledText(document: ContentsInterface, text: string, index: number, style: TextStyleModel): void;
     static deleteRestore(document: ContentsInterface, model: RestoreModel): void;
     static restore(document: ContentsInterface, model: RestoreModel): void;
-    static delete(document: ContentsInterface, startIndex: number, endIndex: number): void;
+    static delete(document: ContentsInterface, startIndex: number, count: number): void;
     static replaceText(document: ContentsInterface, startIndex: number, endIndex: number, text: string): void;
     static replace(document: ContentsInterface, model: ReplaceModel, contentWidth: number): void;
     static applyTextStyle(document: ContentsInterface, startIndex: number, endIndex: number, style: TextStyleModel): void;

package/lib/editor/operations/save-commands.helper.d.ts

@@ -25,7 +25,7 @@ export declare class SaveCommandsHelper {
     static getApplyImageStyleCommand(height: number, width: number, insertIndex: number, targets: TargetModel[]): CommandModel;
     static getApplyParagraphStyleCommand(startIndex: number, endIndex: number, paragraphStyle: ParagraphStyleModel, targets: TargetModel[]): CommandModel;
     static getApplyTextStyleCommand(startIndex: number, endIndex: number, textStyle: TextStyleModel, targets: TargetModel[]): CommandModel;
-    static getDeleteCommand(startIndex: number, endIndex: number, targets: TargetModel[]): CommandModel;
+    static getDeleteCommand(startIndex: number, count: number, targets: TargetModel[]): CommandModel;
     static getInsertTextCommand(text: string, insertIndex: number, targets: TargetModel[]): CommandModel;
     static getInsertParagraphCommand(insertParagraph: InsertParagraphModel, targets: TargetModel[]): CommandModel;
     static getInsertStyledTextCommand(text: string, insertIndex: number, textStyle: TextStyleModel, targets: TargetModel[]): CommandModel;

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

@@ -1,5 +1,5 @@
 export declare class DeleteModel {
-    endIndex: number;
+    count: number;
     startIndex: number;
     constructor(fields?: Partial<DeleteModel>);
 }

package/lib/models/generated/link-data.model.d.ts

@@ -1,4 +1,6 @@
+import { FormatModel } from './format.model';
 export declare class LinkDataModel {
+    formats: FormatModel[];
     link: string;
     text: string;
     constructor(fields?: Partial<LinkDataModel>);

package/package.json

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

package/public-api.d.ts

@@ -21,6 +21,9 @@ export * from './lib/editor/editor.module';
 export * from './lib/apart-components/editor-title-mobile/editor-title-mobile.component';
 export * from './lib/apart-components/editor-title/editor-title.component';
 export * from './lib/apart-components/editor-search/editor-search-dialog.component';
+export * from './lib/apart-components/editor-toolbar/components/menu-dropdowns-mobile/menu-dropdowns-mobile.component';
+export * from './lib/apart-components/editor-toolbar/components/menu-dropdowns/menu-dropdowns.component';
+export * from './lib/apart-components/editor-toolbar/components/toolbar-actions/toolbar-actions.component';
 export * from './lib/apart-components/editor-toolbar/editor-mobile-toolbar/editor-mobile-toolbar.component';
 export * from './lib/apart-components/editor-toolbar/editor-toolbar.module';
 export * from './lib/apart-components/editor-toolbar/editor-toolbar/editor-toolbar.component';

package/src/assets/fonts/nc-iconfont.scss

@@ -0,0 +1,183 @@
+/* stylelint-disable font-family-name-quotes */
+/* stylelint-disable selector-pseudo-element-colon-notation */
+/* stylelint-disable rule-empty-line-before */
+
+@font-face {
+    font-family: 'nc-iconfont';
+    src: url('nc-iconfont.eot');
+    src: url('nc-iconfont.eot') format('embedded-opentype'), url('nc-iconfont.ttf') format('truetype'),
+        url('nc-iconfont.woff') format('woff'), url('nc-iconfont.svg') format('svg');
+    font-weight: normal;
+    font-style: normal;
+    font-display: block;
+}
+
+.noder-icon {
+    /* use !important to prevent issues with browser extensions that change fonts */
+    font-family: 'nc-iconfont', sans-serif !important;
+    speak: never;
+    font-size: 24px;
+    font-style: normal;
+    font-weight: normal;
+    font-variant: normal;
+    text-transform: none;
+    line-height: 1;
+
+    /* Better Font Rendering =========== */
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+
+    &.icon-table-rows:before {
+        content: '\e966';
+    }
+    &.icon-table-columns:before {
+        content: '\e965';
+    }
+    &.icon-format-combined:before {
+        content: '\e964';
+    }
+    &.icon-arrow-up:before {
+        content: '\e95a';
+    }
+    &.icon-arrow-onright:before {
+        content: '\e95b';
+    }
+    &.icon-arrow-onleft:before {
+        content: '\e95c';
+    }
+    &.icon-arrow-down:before {
+        content: '\e95e';
+    }
+    &.icon-text:before {
+        content: '\e958';
+    }
+    &.icon-add-new:before {
+        content: '\e901';
+    }
+    &.icon-add:before {
+        content: '\e902';
+    }
+    &.icon-arrow-dropdown:before {
+        content: '\e903';
+    }
+    &.icon-back:before {
+        content: '\e908';
+    }
+    &.icon-bottom:before {
+        content: '\e909';
+    }
+    &.icon-cancel-thin:before {
+        content: '\e90b';
+    }
+    &.icon-content-cut:before {
+        content: '\e90e';
+    }
+    &.icon-content-paste:before {
+        content: '\e90f';
+    }
+    &.icon-datepicker:before {
+        content: '\e910';
+    }
+    &.icon-delete:before {
+        content: '\e911';
+    }
+    &.icon-done-thin:before {
+        content: '\e912';
+    }
+    &.icon-edit-mode:before {
+        content: '\e914';
+    }
+    &.icon-file-copy:before {
+        content: '\e916';
+    }
+    &.icon-fill-done:before {
+        content: '\e91a';
+    }
+    &.icon-format-align:before {
+        content: '\e91f';
+    }
+    &.icon-format-aligncenter:before {
+        content: '\e920';
+    }
+    &.icon-format-alignleft:before {
+        content: '\e921';
+    }
+    &.icon-format-alignright:before {
+        content: '\e922';
+    }
+    &.icon-format-bold:before {
+        content: '\e923';
+    }
+    &.icon-format-bulleted:before {
+        content: '\e924';
+    }
+    &.icon-format-colortext:before {
+        content: '\e925';
+    }
+    &.icon-format-italic:before {
+        content: '\e926';
+    }
+    &.icon-format-numbered:before {
+        content: '\e927';
+    }
+    &.icon-format-underlined:before {
+        content: '\e928';
+    }
+    &.icon-header:before {
+        content: '\e929';
+    }
+    &.icon-headers-footers:before {
+        content: '\e92a';
+    }
+    &.icon-image:before {
+        content: '\e92b';
+    }
+    &.icon-input:before {
+        content: '\e92c';
+    }
+    &.icon-link-highlighter:before {
+        content: '\e930';
+    }
+    &.icon-link-on:before {
+        content: '\e932';
+    }
+    &.icon-open-from:before {
+        content: '\e935';
+    }
+    &.icon-page-break:before {
+        content: '\e936';
+    }
+    &.icon-print:before {
+        content: '\e937';
+    }
+    &.icon-redo:before {
+        content: '\e93a';
+    }
+    &.icon-remove:before {
+        content: '\e93b';
+    }
+    &.icon-rename:before {
+        content: '\e93c';
+    }
+    &.icon-sandwich:before {
+        content: '\e93d';
+    }
+    &.icon-save:before {
+        content: '\e93e';
+    }
+    &.icon-select-all:before {
+        content: '\e940';
+    }
+    &.icon-signature:before {
+        content: '\e941';
+    }
+    &.icon-table:before {
+        content: '\e943';
+    }
+    &.icon-undo:before {
+        content: '\e945';
+    }
+    &.icon-view:before {
+        content: '\e946';
+    }
+}