@talrace/ngx-noder 0.0.21 → 0.0.22

package/lib/editor/components/external-element/external.component.d.ts

@@ -1,17 +1,13 @@
 import { Type } from '@angular/core';
 import { BaseNoderComponent } from '../shared/abstract/base.component';
-import { EditorService } from '../../interaction/editor.service';
 import { ElementModel } from '../../../models/generated/element.model';
 import { ExternalSidenavInterface } from './external-sidenav.interface';
 import * as i0 from "@angular/core";
 export declare abstract class ExternalComponent extends BaseNoderComponent {
     content: ElementModel;
     protected abstract sidenavComponent: Type<ExternalSidenavInterface>;
-    protected readonly editorService: EditorService;
     focus(): void;
     blur(): void;
-    changeElementHeight(height: number): void;
-    changeElementWidth(width: number): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ExternalComponent, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<ExternalComponent, never, never, {}, {}, never, never, true, never>;
 }

package/lib/editor/components/external-element/models/element-data.model.d.ts

@@ -1,7 +1,5 @@
 export declare class ElementDataModel {
     type: number;
-    width: number;
-    height: number;
     guid: string;
-    constructor(type: number, width: number, height: number, guid: string);
+    constructor(type: number, guid: string);
 }

package/lib/editor/components/external-element/models/external-element.model.d.ts

@@ -9,13 +9,9 @@ export declare class ExternalElementModel {
     factoryMethod: () => Promise<{
         guid: string;
         type: number;
-        width: number;
-        height: number;
     }>;
     constructor(nameTranslate: string, nameId: string, icon: string, type: number, componentType: Type<BaseNoderComponent>, factoryMethod: () => Promise<{
         guid: string;
         type: number;
-        width: number;
-        height: number;
     }>);
 }

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

@@ -1,7 +1,6 @@
 import { ElementRef } from '@angular/core';
 import { Observable } from 'rxjs';
 import { BaseNoderComponent } from '../../shared/abstract/base.component';
-import { EditorService } from '../../../interaction/editor.service';
 import { ImageApiService } from '../../../components/image/image-api.service';
 import { ImageModel } from '../../../../models/generated/image.model';
 import { Size } from '../../../components/image/size';
@@ -9,14 +8,13 @@ import * as i0 from "@angular/core";
 export declare class NoderImageComponent extends BaseNoderComponent {
     protected elementRef: ElementRef<HTMLElement>;
     private apiService;
-    private editorService;
     get isViewOnly$(): Observable<boolean>;
     get image(): ImageModel;
     set image(val: ImageModel);
     get size(): Size;
     private isCanvas;
     private inputHandler;
-    constructor(elementRef: ElementRef<HTMLElement>, apiService: ImageApiService, editorService: EditorService);
+    constructor(elementRef: ElementRef<HTMLElement>, apiService: ImageApiService);
     initialize(): void;
     onResizeEnd(size: Size): void;
     resize(size: Size): void;

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

@@ -1,6 +1,7 @@
 import { ChangeDetectorRef } from '@angular/core';
 import { CustomContent } from '../custom-content';
 import { DestroyComponent } from './destroy.component';
+import { EditorService } from '../../../interaction/editor.service';
 import { GeneralPropertiesModel } from '../../../content/display-data/general-properties.model';
 import { TextStyleModel } from '../../../../models/generated/text-style.model';
 import * as i0 from "@angular/core";
@@ -12,17 +13,18 @@ export declare abstract class BaseNoderComponent extends DestroyComponent {
     set insertIndex(val: number);
     contentWidth: number;
     generalProperties: GeneralPropertiesModel;
-    protected _height: number;
-    get height(): number;
-    protected _width: number;
-    get width(): number;
+    height: number;
+    width: number;
     protected _isFocused: boolean;
     get isFocused(): boolean;
     protected readonly cdr: ChangeDetectorRef;
+    protected readonly editorService: EditorService;
     abstract initialize(): void;
     focus(): void;
     blur(): void;
     receiveStyle(_textStyle: TextStyleModel): void;
+    protected requestStyle(): void;
+    protected rerender(): 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, true, never>;
 }

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

@@ -2,10 +2,8 @@ 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 {
-    get width(): number;
-    set width(value: number);
-    get height(): number;
-    set height(value: number);
+    width: number;
+    height: number;
     get tab(): TabModel;
     set tab(val: TabModel);
     initialize(): void;

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

@@ -4,7 +4,6 @@ import { CellDataModel } from '../models/cell-data.model';
 import { CellResizer } from '../cell-resizer/cell-resizer';
 import { CellResizerParametersModel } from '../models/cell-resizer-parameters.model';
 import { ComponentService } from '../../shared/services/component.service';
-import { EditorService } from '../../../interaction/editor.service';
 import { EditSession } from '../../../execution/edit.session';
 import { OverlayService } from '../../shared/services/overlay.service';
 import { RegulatorService } from '../../../execution/regulator.service';
@@ -15,7 +14,6 @@ import { TableSelection } from '../selection/table-selection';
 import * as i0 from "@angular/core";
 export declare class NoderTableComponent extends BaseNoderComponent {
     private componentService;
-    private editorService;
     private el;
     private overlayService;
     private regulatorService;
@@ -29,7 +27,7 @@ export declare class NoderTableComponent extends BaseNoderComponent {
     splits: number[];
     readonly minRowHeight = 19;
     readonly borderSize = 1;
-    constructor(componentService: ComponentService, editorService: EditorService, el: ElementRef, overlayService: OverlayService, regulatorService: RegulatorService);
+    constructor(componentService: ComponentService, el: ElementRef, overlayService: OverlayService, regulatorService: RegulatorService);
     ngOnDestroy(): void;
     initialize(): void;
     getCellSession(row: number, column: number): EditSession;

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

@@ -1,5 +1,4 @@
 import { ComponentRef, Type } from '@angular/core';
-import { ApplyElementStyleModel } from '../../models/generated/apply-element-style.model';
 import { ApplyImageStyleModel } from '../../models/generated/apply-image-style.model';
 import { BaseNoderComponent } from '../components/shared/abstract/base.component';
 import { BreakTypes } from '../gadgets/page-break/break-types.enum';
@@ -82,7 +81,7 @@ export declare class EditSession {
     insertParagraphByDocumentIndex(insertElement: InsertParagraphModel): CursorParagraph;
     applyTextStyle(startIndex: number, endIndex: number, textStyle: TextStyleModel): void;
     applyParagraphStyle(startIndex: number, endIndex: number, paragraphStyle: ParagraphStyleModel): void;
-    applyElementStyle(model: ApplyElementStyleModel): void;
+    rerender(insertIndex: number): void;
     addNumbering(levels: NumberingLevelModel[], startIndex: number, endIndex: number): void;
     removeNumberings(startIndex: number, endIndex: number): void;
     restoreNumberings(paragraphs: ParagraphModel[], numberings: NumberingModel[]): void;

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

@@ -9,7 +9,6 @@ import { DocxModel } from '../../models/generated/docx.model';
 import { EditorService } from '../interaction/editor.service';
 import { EditSession } from './edit.session';
 import { ElementDataModel } from '../components/external-element/models/element-data.model';
-import { ElementModel } from '../../models/generated/element.model';
 import { ImageDataModel } from '../../models/generated/image-data.model';
 import { ImageModel } from '../../models/generated/image.model';
 import { InputHandler } from '../interaction/input.handler';
@@ -100,7 +99,6 @@ export declare class Editor {
     applyTextStyles(textStyle: TextStyleModel): void;
     setTextStyle(textStyle: TextStyleModel): void;
     applyParagraphStyles(paragraphStyle: ParagraphStyleModel): void;
-    applyElementStyle(current: ElementModel): void;
     setNumberingTemplate(templateLevels: NumberingLevelModel[]): void;
     removeNumberingsFromParagraphs(): void;
     applyImageStyles(image: ImageModel): void;
@@ -124,7 +122,6 @@ export declare class Editor {
     saveInsertTableToHistory(model: InsertTableModel): void;
     saveApplyTextStyleToHistory(startIndex: number, endIndex: number, textStyle: TextStyleModel): void;
     saveApplyParagraphStyleToHistory(startIndex: number, endIndex: number, paragraphStyle: ParagraphStyleModel): void;
-    saveApplyElementStyleToHistory(current: ElementModel): void;
     saveAddNumberingToHistory(templateLevels: NumberingLevelModel[], startIndex: number, endIndex: number): void;
     saveRemoveNumberingToHistory(startIndex: number, endIndex: number): void;
     private saveApplyImageStyleToHistory;
@@ -183,7 +180,7 @@ export declare class Editor {
     setNumberingTemplateTypeSubscription(): Subscription;
     removeNumberingsSubscription(): Subscription;
     setImageStyleSubscription(): Subscription;
-    changeElementStyleSubscription(): Subscription;
+    rerenderSubscription(): Subscription;
     createCustomComponentSubscription(): Subscription;
     insertBreakSubscription(): Subscription;
     insertImageSubscription(): Subscription;

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

@@ -1,6 +1,5 @@
 import { CursorParagraph } from '../../../editor/positioning/cursor-paragraph';
 import { EditorService } from '../../../editor/interaction/editor.service';
-import { ElementModel } from '../../../models/generated/element.model';
 import { FormatModel } from '../../../models/generated/format.model';
 import { ImageModel } from '../../../models/generated/image.model';
 import { InsertBreakModel } from '../../../models/generated/insert-break.model';
@@ -41,7 +40,6 @@ export declare class OperationHistory {
     pushDelete(model: RestoreModel): void;
     pushApplyTextStyle(startIndex: number, endIndex: number, style: TextStyleModel, formats: FormatModel[], linkFormats: FormatModel[]): void;
     pushApplyParagraphStyle(startIndex: number, endIndex: number, style: ParagraphStyleModel, paragraphs: ParagraphModel[]): void;
-    pushApplyElementStyle(previous: ElementModel, current: ElementModel): void;
     pushInsertTableRows(insertIndex: number, rowsCount: number, targetIndex: number, inheritIndex: number, table: TableModel): void;
     pushInsertTableColumns(insertIndex: number, columnsCount: number, targetIndex: number, inheritIndex: number, table: TableModel): void;
     pushRemoveTableRows(insertIndex: number, startIndex: number, endIndex: number, table: TableModel): void;

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

@@ -65,8 +65,8 @@ export declare class EditorService {
     private _removeNumberings$;
     get setImageStyle$(): Observable<ImageModel>;
     private _changeImageStyle$;
-    get changeElementStyle$(): Observable<ElementModel>;
-    private _changeElementStyle$;
+    get rerender$(): Observable<number>;
+    private _rerender$;
     get createCustomComponent$(): Observable<ElementDataModel>;
     private _createCustomComponent$;
     get insertBreak$(): Observable<BreakTypes>;
@@ -181,7 +181,7 @@ export declare class EditorService {
     setNumberingTemplateType(value: NumberingLevelModel[]): void;
     removeNumberings(): void;
     changeImageStyle(value: ImageModel): void;
-    changeElementStyle(value: ElementModel): void;
+    rerender(index?: number): void;
     createCustomComponent(model: ElementDataModel): void;
     insertBreak(value: BreakTypes): void;
     insertImage(imageData: ImageDataModel): void;

package/lib/editor/operations/enums/command-type.enum.d.ts

@@ -10,21 +10,20 @@ export declare enum CommandType {
     ApplyParagraphStyle = 8,
     InsertElement = 9,
     InsertBreak = 10,
-    ApplyElementStyle = 11,
-    ApplyImageStyle = 12,
-    AddNumbering = 13,
-    InsertTab = 14,
-    InsertTableColumns = 15,
-    InsertTableRows = 16,
-    RemoveTableColumns = 17,
-    RemoveTableRows = 18,
-    ResizeTableColumns = 19,
-    RestoreTable = 20,
-    InsertTable = 21,
-    InsertImage = 22,
-    RemoveNumberings = 23,
-    RestoreNumberings = 24,
-    Replace = 25,
-    InsertLink = 26,
-    InsertParagraph = 27
+    ApplyImageStyle = 11,
+    AddNumbering = 12,
+    InsertTab = 13,
+    InsertTableColumns = 14,
+    InsertTableRows = 15,
+    RemoveTableColumns = 16,
+    RemoveTableRows = 17,
+    ResizeTableColumns = 18,
+    RestoreTable = 19,
+    InsertTable = 20,
+    InsertImage = 21,
+    RemoveNumberings = 22,
+    RestoreNumberings = 23,
+    Replace = 24,
+    InsertLink = 25,
+    InsertParagraph = 26
 }

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

@@ -1,4 +1,3 @@
-import { ApplyElementStyleModel } from '../../models/generated/apply-element-style.model';
 import { ApplyImageStyleModel } from '../../models/generated/apply-image-style.model';
 import { BreakTypes } from '../gadgets/page-break/break-types.enum';
 import { CommandModel } from '../../models/generated/command.model';
@@ -43,7 +42,6 @@ export declare class OperationsHelper {
     static restoreTextStyles(document: ContentsInterface, textFormats: FormatModel[], linkFormats: FormatModel[]): void;
     static restoreParagraphStyles(document: ContentsInterface, paragraphs: ParagraphModel[]): void;
     static applyParagraphStyle(document: ContentsInterface, startIndex: number, endIndex: number, style: ParagraphStyleModel): void;
-    static applyElementStyle(document: ContentsInterface, model: ApplyElementStyleModel): void;
     static applyImageStyle(document: ContentsInterface, image: ApplyImageStyleModel): void;
     static insertTableRows(document: ContentsInterface, insertIndex: number, rowsCount: number, targetIndex: number, inheritIndex: number): void;
     static insertTableColumns(document: ContentsInterface, insertIndex: number, columnsCount: number, targetIndex: number, inheritIndex: number, contentWidth: number): void;

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

@@ -1,4 +1,3 @@
-import { ApplyElementStyleModel } from '../../models/generated/apply-element-style.model';
 import { CommandModel } from '../../models/generated/command.model';
 import { FormatModel } from '../../models/generated/format.model';
 import { InsertBreakModel } from '../../models/generated/insert-break.model';
@@ -45,5 +44,4 @@ export declare class SaveCommandsHelper {
     static getRestoreTableCommand(restoreTable: RestoreTableModel, targets: TargetModel[]): CommandModel;
     static getReplaceCommand(model: ReplaceModel, targets: TargetModel[]): CommandModel;
     static getResizeTableColumnsCommand(resizeTableColumns: ResizeTableColumnsModel, targets: TargetModel[]): CommandModel;
-    static getApplyElementStyleCommand(applyElementStyle: ApplyElementStyleModel, targets: TargetModel[]): CommandModel;
 }

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

@@ -1,5 +1,4 @@
 import { AddNumberingModel } from './add-numbering.model';
-import { ApplyElementStyleModel } from './apply-element-style.model';
 import { ApplyImageStyleModel } from './apply-image-style.model';
 import { ApplyParagraphStyleModel } from './apply-paragraph-style.model';
 import { ApplyTextStyleModel } from './apply-text-style.model';
@@ -29,7 +28,6 @@ import { RestoreTextStylesModel } from './restore-text-styles.model';
 import { TargetModel } from './target.model';
 export declare class CommandModel {
     addNumbering: AddNumberingModel;
-    applyElementStyle: ApplyElementStyleModel;
     applyImageStyle: ApplyImageStyleModel;
     applyParagraphStyle: ApplyParagraphStyleModel;
     applyTextStyle: ApplyTextStyleModel;

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

@@ -1,9 +1,7 @@
 export declare class ElementModel {
     guid: string;
-    height: number;
     id: number;
     insertIndex: number;
     type: number;
-    width: number;
     constructor(fields?: Partial<ElementModel>);
 }

package/package.json

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

package/src/_ngx-noder.theme.scss

@@ -1,13 +1,13 @@
-@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';
-@import 'lib/apart-components/editor-title-mobile/editor-title-mobile.theme';
-@import 'lib/apart-components/editor-title/editor-title.theme';
-@import 'lib/apart-components/editor-toolbar/theme';
-@import 'lib/apart-components/insert-table-mobile/insert-table-mobile.theme';
-@import 'lib/apart-components/insert-table/insert-table.theme';
-@import 'lib/apart-components/text-format-mobile/text-format-mobile.theme';
-@import 'lib/editor/theme';
+@use 'lib/apart-components/add-link-dialog/add-link-dialog.theme' as *;
+@use 'lib/apart-components/add-link-mobile/add-link-mobile.theme' as *;
+@use 'lib/apart-components/confirm-dialog/theme' as *;
+@use 'lib/apart-components/editor-title-mobile/editor-title-mobile.theme' as *;
+@use 'lib/apart-components/editor-title/editor-title.theme' as *;
+@use 'lib/apart-components/editor-toolbar/theme' as *;
+@use 'lib/apart-components/insert-table-mobile/insert-table-mobile.theme' as *;
+@use 'lib/apart-components/insert-table/insert-table.theme' as *;
+@use 'lib/apart-components/text-format-mobile/text-format-mobile.theme' as *;
+@use 'lib/editor/theme' as *;
 
 @mixin ngx-noder-theme($theme) {
     @include ngx-noder-add-link-theme($theme);

package/src/lib/apart-components/editor-toolbar/_theme.scss

@@ -1,14 +1,14 @@
-@import './components/buttons/color-picker/color-picker.theme';
-@import './components/buttons/font-size/font-size.theme';
-@import './components/buttons/font-style/font-style.theme';
-@import './components/buttons/font/font.theme';
-@import './components/buttons/format/format.theme';
-@import './components/buttons/numbering/numbering.theme';
-@import './components/buttons/undo-redo/undo-redo.theme';
-@import './components/menu-dropdowns-mobile/menu-dropdowns-mobile.theme';
-@import './components/menu-dropdowns/menu-dropdowns.theme';
-@import './components/toolbar-actions/toolbar-actions.theme';
-@import './editor-toolbar.theme';
+@use './components/buttons/color-picker/color-picker.theme' as *;
+@use './components/buttons/font-size/font-size.theme' as *;
+@use './components/buttons/font-style/font-style.theme' as *;
+@use './components/buttons/font/font.theme' as *;
+@use './components/buttons/format/format.theme' as *;
+@use './components/buttons/numbering/numbering.theme' as *;
+@use './components/buttons/undo-redo/undo-redo.theme' as *;
+@use './components/menu-dropdowns-mobile/menu-dropdowns-mobile.theme' as *;
+@use './components/menu-dropdowns/menu-dropdowns.theme' as *;
+@use './components/toolbar-actions/toolbar-actions.theme' as *;
+@use './editor-toolbar.theme' as *;
 
 @mixin editor-toolbar-theme($theme) {
     @include color-picker-component($theme);

package/src/lib/editor/_theme.scss

@@ -1,4 +1,4 @@
-@import './components/editor.theme';
+@use './components/editor.theme' as *;
 
 @mixin editor-theme($theme) {
     @include editor-component-theme($theme);

package/src/styles.scss

@@ -1,2 +1,2 @@
-@import './scss/base-editor';
-@import './assets/fonts/nc-iconfont';
+@use './scss/base-editor' as *;
+@use './assets/fonts/nc-iconfont' as *;

package/lib/models/generated/apply-element-style.model.d.ts

@@ -1,6 +0,0 @@
-export declare class ApplyElementStyleModel {
-    height: number;
-    insertIndex: number;
-    width: number;
-    constructor(fields?: Partial<ApplyElementStyleModel>);
-}