@talrace/ngx-noder 0.0.9 → 0.0.11

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/content/helpers/link.helper.d.ts

@@ -0,0 +1,4 @@
+import { LinkModel } from '../../../models/generated/link.model';
+export declare class LinkHelper {
+    static sliceSection(links: LinkModel[], startIndex: number, endIndex: number): LinkModel[];
+}

package/lib/editor/display/layers/text.layer.d.ts

@@ -1,6 +1,6 @@
 import { EdgeElementModel } from '../../components/edges/edge-element.model';
-import { EditSession } from '../../execution/edit.session';
 import { EditorService } from '../../interaction/editor.service';
+import { EditSession } from '../../execution/edit.session';
 import { ILayerConfig } from './layer.config';
 import { Lines } from '../../content/display-data/lines';
 import { PageType } from '../../components/edges/page-type.enum';

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

@@ -100,6 +100,7 @@ export declare class EditSession {
     insertParagraph(position: CursorParagraph, paragraphModel: InsertParagraphModel): CursorParagraph;
     addComponent<T extends BaseNoderComponent>(customElements: ComponentRef<T>[], model: CustomContent, componentType: Type<T>): void;
     applyToolbarStyles(): void;
+    getStyleForCursor(index: number): TextStyleModel[];
     restore(model: RestoreModel): void;
     restoreComponents<T extends BaseNoderComponent>(models: CustomContent[], components: ComponentRef<BaseNoderComponent>[], componentType: Type<T>, restoreIndex: number, restoreEndIndex: number): void;
     restoreElementComponents(elements: ElementModel[], restoreIndex: number, restoreEndIndex: number): void;

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

@@ -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/execution/helpers/format-style.helper.d.ts

@@ -1,7 +1,9 @@
 import { FormatModel } from '../../../models/generated/format.model';
+import { LinkModel } from '../../../models/generated/link.model';
 export declare class FormatStyleHelper {
     static getFormatsAtRange(formats: FormatModel[], startIndex: number, endIndex: number): FormatModel[];
     static getFormatAtIndex(formats: FormatModel[], index: number): FormatModel;
     static mergeFormats(formats: FormatModel[], startIndex: number, endIndex: number): void;
     static getPrevFormatAtIndex(formats: FormatModel[], index: number): FormatModel | null;
+    static combineSection(formats: FormatModel[], links: LinkModel[], startIndex: number, endIndex: number): FormatModel[];
 }

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/link-operations.helper.d.ts

@@ -1,6 +1,7 @@
 import { LinkModel } from '../../../models/generated/link.model';
+import { TextStyleModel } from '../../../models/generated/text-style.model';
 export declare class LinkOperationsHelper {
-    static insert(links: LinkModel[], link: string, insertIndex: number, endIndex: number): void;
+    static insert(links: LinkModel[], link: string, startIndex: number, endIndex: number, textStyle: TextStyleModel): void;
     static insertContent(links: LinkModel[], insertIndex: number, textLength: number): void;
     static removeContent(links: LinkModel[], startIndex: number, endIndex: number): void;
     static restore(links: LinkModel[], startIndex: number, contentLength: number, newlinks: LinkModel[]): void;

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/lib/models/generated/link.model.d.ts

@@ -1,7 +1,9 @@
+import { FormatModel } from './format.model';
 export declare class LinkModel {
     endIndex: number;
-    insertIndex: number;
+    formats: FormatModel[];
     link: string;
     sourceId: string;
+    startIndex: number;
     constructor(fields?: Partial<LinkModel>);
 }

package/package.json

@@ -1,22 +1,22 @@
 {
   "name": "@talrace/ngx-noder",
-  "version": "0.0.9",
+  "version": "0.0.11",
   "license": "MIT",
   "peerDependencies": {
-    "@angular/common": "^17.0.4",
-    "@angular/core": "^17.0.4",
-    "@angular/forms": "^17.0.4",
-    "@angular/material": "^17.0.1",
-    "@angular/router": "^17.0.4",
+    "@angular/common": "^17.3.12",
+    "@angular/core": "^17.3.12",
+    "@angular/forms": "^17.3.12",
+    "@angular/material": "^17.3.6",
+    "@angular/router": "^17.3.12",
     "@ngxs/router-plugin": "^3.8.2",
     "@ngxs/store": "^3.8.2",
     "material-icons": "^1.13.12",
-    "ngx-colors": "^3.5.2",
+    "ngx-colors": "^3.6.0",
     "ngx-toastr": "^18.0.0",
     "roboto-fontface": "0.10.0"
   },
   "dependencies": {
-    "tslib": "^2.3.0"
+    "tslib": "^2.6.3"
   },
   "sideEffects": false,
   "module": "fesm2022/talrace-ngx-noder.mjs",

package/public-api.d.ts

@@ -21,12 +21,16 @@ 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';
 export * from './lib/apart-components/editor-toolbar/shared/enums/alignment.enum';
 export * from './lib/apart-components/editor-toolbar/shared/enums/editor-toolbar-mode.enum';
 export * from './lib/apart-components/editor-toolbar/shared/services/editor-toolbar.service';
+export * from './lib/apart-components/text-format-mobile/text-format-mobile.component';
 export * from './lib/editor/interaction/mode.enum';
 export * from './lib/editor/revision.helper';
 export * from './lib/apart-components/add-link-dialog/add-link-dialog.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';
+    }
+}