@talrace/ngx-noder 0.0.27 → 0.0.29

package/lib/apart-components/editor-toolbar/components/buttons/color-picker/color-picker.component.d.ts

@@ -5,8 +5,9 @@ export declare class ColorPickerComponent {
     icon: string;
     isDisabled: boolean;
     palette: string[];
+    tooltip: string;
     colorChange: EventEmitter<string>;
     onChangeColor(color: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ColorPickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ColorPickerComponent, "app-nod-color-picker", never, { "color": { "alias": "color"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "isDisabled": { "alias": "isDisabled"; "required": false; }; "palette": { "alias": "palette"; "required": false; }; }, { "colorChange": "colorChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ColorPickerComponent, "app-nod-color-picker", never, { "color": { "alias": "color"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "isDisabled": { "alias": "isDisabled"; "required": false; }; "palette": { "alias": "palette"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; }, { "colorChange": "colorChange"; }, never, never, true, never>;
 }

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

@@ -22,11 +22,12 @@ import * as i20 from "@angular/material/button-toggle";
 import * as i21 from "@angular/material/expansion";
 import * as i22 from "@angular/material/icon";
 import * as i23 from "@angular/material/menu";
-import * as i24 from "@angular/forms";
-import * as i25 from "../text-format-mobile/text-format-mobile.component";
-import * as i26 from "@ngx-translate/core";
+import * as i24 from "@angular/material/tooltip";
+import * as i25 from "@angular/forms";
+import * as i26 from "../text-format-mobile/text-format-mobile.component";
+import * as i27 from "@ngx-translate/core";
 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 i4.FormatComponent, typeof i5.MenuDropdownsComponent, typeof i6.MenuDropdownsMobileComponent, typeof i7.NumberingComponent, typeof i8.PrintComponent, typeof i9.ToolbarActionsComponent, typeof i10.UndoRedoComponent, typeof i11.ZoomComponent], [typeof i12.ColorPickerComponent, typeof i13.CommonModule, typeof i14.FontComponent, typeof i15.FontSizeComponent, typeof i16.InsertTableComponent, typeof i17.InsertTableMobileComponent, typeof i18.MatAutocompleteModule, typeof i19.MatButtonModule, typeof i20.MatButtonToggleModule, typeof i21.MatExpansionModule, typeof i22.MatIconModule, typeof i23.MatMenuModule, typeof i24.ReactiveFormsModule, typeof i25.TextFormatMobileComponent, typeof i26.TranslateModule], [typeof i1.EditorMobileToolbarComponent, typeof i2.EditorToolbarComponent, typeof i5.MenuDropdownsComponent, typeof i6.MenuDropdownsMobileComponent, typeof i9.ToolbarActionsComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<EditorToolbarModule, [typeof i1.EditorMobileToolbarComponent, typeof i2.EditorToolbarComponent, typeof i3.FontStyleComponent, typeof i4.FormatComponent, typeof i5.MenuDropdownsComponent, typeof i6.MenuDropdownsMobileComponent, typeof i7.NumberingComponent, typeof i8.PrintComponent, typeof i9.ToolbarActionsComponent, typeof i10.UndoRedoComponent, typeof i11.ZoomComponent], [typeof i12.ColorPickerComponent, typeof i13.CommonModule, typeof i14.FontComponent, typeof i15.FontSizeComponent, typeof i16.InsertTableComponent, typeof i17.InsertTableMobileComponent, typeof i18.MatAutocompleteModule, typeof i19.MatButtonModule, typeof i20.MatButtonToggleModule, typeof i21.MatExpansionModule, typeof i22.MatIconModule, typeof i23.MatMenuModule, typeof i24.MatTooltipModule, typeof i25.ReactiveFormsModule, typeof i26.TextFormatMobileComponent, typeof i27.TranslateModule], [typeof i1.EditorMobileToolbarComponent, typeof i2.EditorToolbarComponent, typeof i5.MenuDropdownsComponent, typeof i6.MenuDropdownsMobileComponent, typeof i9.ToolbarActionsComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<EditorToolbarModule>;
 }

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

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

package/lib/editor/content/helpers/format.helper.d.ts

@@ -1,4 +1,5 @@
 import { FormatModel } from '../../../models/generated/format.model';
 export declare class FormatHelper {
     static sliceSection(formats: FormatModel[], startIndex: number, endIndex: number): FormatModel[];
+    static shiftIndexes(formats: FormatModel[], offset: number): void;
 }

package/lib/editor/content/helpers/indexed-element.helper.d.ts

@@ -1,4 +1,5 @@
 import { InsertIndexInterface } from '../../../editor/positioning/insert-index.interface';
 export declare class IndexedElementHelper {
     static sliceSection<T extends InsertIndexInterface>(elements: T[], startIndex: number, endIndex: number): T[];
+    static shiftIndexes<T extends InsertIndexInterface>(elements: T[], offset: number): void;
 }

package/lib/editor/content/helpers/link.helper.d.ts

@@ -2,6 +2,7 @@ import { FormatModel } from './../../../models/generated/format.model';
 import { LinkModel } from '../../../models/generated/link.model';
 export declare class LinkHelper {
     static sliceSection(links: LinkModel[], start: number, end: number): LinkModel[];
+    static shiftIndexes(links: LinkModel[], offset: number): void;
     static sliceFormats(links: LinkModel[], startIndex: number, endIndex: number): FormatModel[];
     private static getPartialLink;
 }

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

@@ -12,6 +12,7 @@ export declare class CursorLayer {
     constructor(parentElement: HTMLElement, session: EditSession);
     hideCursor(): void;
     showCursor(): void;
+    showStaticCursor(): void;
     detectVisibility(): void;
     update(config: ILayerConfig): void;
     getPixelPosition(position?: CursorParagraph): CursorPosition;

package/lib/editor/display/render-changes.interface.d.ts

@@ -7,4 +7,5 @@ export interface IRenderChanges {
     scroll?: boolean;
     size?: boolean;
     text?: boolean;
+    dragAndDrop?: boolean;
 }

package/lib/editor/display/render-changes.model.d.ts

@@ -8,6 +8,7 @@ export declare class RenderChangesModel implements IRenderChanges {
     scroll: boolean;
     size: boolean;
     text: boolean;
+    dragAndDrop: boolean;
     get any(): boolean;
     constructor(fields?: Partial<RenderChangesModel>);
     apply(changes: IRenderChanges): void;

package/lib/editor/display/renderer.d.ts

@@ -15,6 +15,7 @@ export declare class Renderer extends EventEmitting {
     cursorLayer: CursorLayer;
     textLayer: TextLayer;
     selectionLayer: SelectionLayer;
+    dragAndDropSelectionLayer: SelectionLayer;
     loop: RenderLoop;
     textarea: HTMLElement;
     layerConfig: ILayerConfig;
@@ -31,6 +32,8 @@ export declare class Renderer extends EventEmitting {
     updateLines(firstRow: number, lastRow: number): void;
     moveTextAreaToCursor(): void;
     updateSelection(range: Range): void;
+    updateDragAndDropSelection(range: Range | null): void;
+    clearDragAndDropSelection(): void;
     /**
      * Triggers a full update of the text, for all the rows.
      **/
@@ -45,12 +48,14 @@ export declare class Renderer extends EventEmitting {
      */
     screenToTextCoordinatesUsingBoundary(x: number, y: number, rect?: DOMRect): CursorParagraph;
     showCursor(): void;
+    showStaticCursor(): void;
     hideCursor(): void;
     destroy(): void;
     renderFull(): void;
     renderText(): void;
     renderCursor(): void;
     renderSelection(): void;
+    renderDragAndDropSelection(): void;
     private computeLayerConfig;
     private pagesCountChangedHandler;
     private createContentContainer;

package/lib/editor/display/virtual.renderer.d.ts

@@ -46,6 +46,8 @@ export declare class VirtualRenderer {
     updateCachedSize(force: boolean, width: number, height: number): RenderChangesModel;
     moveTextAreaToCursor(): void;
     updateSelection(range: Range): void;
+    updateDragAndDropSelection(range: Range): void;
+    clearDragAndDropSelection(): void;
     /**
      * Triggers a full update of the text, for all the rows.
      **/
@@ -61,6 +63,7 @@ export declare class VirtualRenderer {
     screenToTextCoordinatesUsingBoundary(x: number, y: number, rect?: DOMRect): CursorParagraph;
     showCursor(): void;
     hideCursor(): void;
+    showStaticCursor(): void;
     destroy(): void;
     private computeLayerConfig;
     private createScroller;
@@ -70,4 +73,5 @@ export declare class VirtualRenderer {
     private renderText;
     private renderCursor;
     private renderSelection;
+    private renderDragAndDropSelection;
 }

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

@@ -23,6 +23,7 @@ import { InsertTableModel } from '../../models/generated/insert-table.model';
 import { InsertTabModel } from '../../models/generated/insert-tab.model';
 import { LinkDataModel } from '../../models/generated/link-data.model';
 import { LinkModel } from '../../models/generated/link.model';
+import { MoveRangeModel } from '../../models/generated/move-range.model';
 import { NumberingLevelModel } from '../../models/generated/numbering-level.model';
 import { NumberingModel } from '../../models/generated/numbering.model';
 import { PageType } from '../components/edges/page-type.enum';
@@ -108,6 +109,10 @@ export declare class EditSession {
     insertLink(position: CursorParagraph, linkData: LinkDataModel): CursorParagraph;
     insertTable(position: CursorParagraph, tableModel: InsertTableModel): CursorParagraph;
     insertParagraph(position: CursorParagraph, paragraphModel: InsertParagraphModel): CursorParagraph;
+    removeMoveRange(moveModel: MoveRangeModel): RestoreModel;
+    restoreMoveRange(restoreModel: RestoreModel, moveModel: MoveRangeModel, _sourceSessionId: number): Range;
+    isPositionInRange(position: CursorParagraph, range: Range): boolean;
+    createRestoreFromSlice(paragraphStart: number, indexInStart: number, paragraphEnd: number, indexInEnd: number): RestoreModel;
     addComponent<T extends BaseNoderComponent>(customElements: ComponentRef<T>[], model: CustomContent, componentType: Type<T>): void;
     applyToolbarStyles(): void;
     getStyleForCursor(index: number): TextStyleModel[];

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

@@ -7,6 +7,7 @@ import { CommandsService } from '../operations/commands.service';
 import { CreateEdgesModel } from '../../models/generated/create-edges.model';
 import { DocumentHandler } from '../interaction/document.handler';
 import { DocxModel } from '../../models/generated/docx.model';
+import { DragAndDrop } from '../gadgets/drag-and-drop/drag-and-drop';
 import { EdgeType } from '../components/edges/edge-type.enum';
 import { EditorService } from '../interaction/editor.service';
 import { EditSession } from './edit.session';
@@ -24,6 +25,7 @@ import { InsertTabModel } from '../../models/generated/insert-tab.model';
 import { LinkDataModel } from '../../models/generated/link-data.model';
 import { LinkModel } from '../../models/generated/link.model';
 import { MouseHandler } from '../interaction/mouse.handler';
+import { MoveRangeModel } from '../../models/generated/move-range.model';
 import { NumberingLevelModel } from '../../models/generated/numbering-level.model';
 import { Operation } from '../gadgets/history/operation.type';
 import { OperationHistory } from '../gadgets/history/operation-history';
@@ -38,6 +40,7 @@ import { RestoreModel } from '../../models/generated/restore.model';
 import { SearchOptions } from '../gadgets/search/search';
 import { SearchIteration } from '../gadgets/search/search-iteration.interface';
 import { Selection } from '../positioning/selection';
+import { SessionModel } from '../execution/targeting/session.model';
 import { TargetModel } from '../../models/generated/target.model';
 import { TextStyleModel } from '../../models/generated/text-style.model';
 import { VirtualRenderer } from '../display/virtual.renderer';
@@ -67,6 +70,7 @@ export declare class Editor {
     mouseHandler: MouseHandler;
     inputHandler: InputHandler;
     documentHandler: DocumentHandler;
+    dragAndDrop: DragAndDrop;
     subscriptions: Subscription[];
     private search;
     private textInput;
@@ -132,8 +136,8 @@ export declare class Editor {
     saveAddNumberingToHistory(templateLevels: NumberingLevelModel[], startIndex: number, endIndex: number): void;
     saveRemoveNumberingToHistory(startIndex: number, endIndex: number): void;
     private saveApplyImageStyleToHistory;
+    saveMoveRangeToHistory(redoModel: MoveRangeModel, sourceSession: SessionModel, sourceRange: Range): void;
     private saveReplaceToHistory;
-    private createRestoreFromSlice;
     createCustomElement(data: ElementDataModel): void;
     removeSelected(): void;
     removeParagraphAndSetParagraphToNumbering(): void;
@@ -150,17 +154,23 @@ export declare class Editor {
     onFocus(): void;
     onMouseClick(event: MouseEvent): void;
     onLeftClick(event: MouseEvent): void;
+    onSelectionLeftClick(event: MouseEvent): void;
+    onShortLeftClick(event: MouseEvent, isSelectionClick?: boolean): void;
     onDoubleClick(event: MouseEvent): void;
     onTripleClick(event: MouseEvent): void;
     onQuadClick(event: MouseEvent): void;
     onMouseWheel(event: WheelEvent): void;
+    onDragStart(): void;
+    onDragMove(event: MouseEvent): void;
+    onDragDrop(sourceSession: SessionModel, sourceRange: Range): void;
+    moveRange(model: MoveRangeModel): void;
     getLinkModel(event: MouseEvent): LinkModel;
     setCurrentSession(element: HTMLElement): HTMLElement | null;
     getCustomElement(element: HTMLElement): HTMLElement | null;
     isInsideEdge(element: HTMLElement | null): boolean;
     getParentEdge(element: HTMLElement | null): HTMLElement | null;
     /**
-     * Returns the string of text currently highlighted.
+     * Returns the string of text range.
      */
     getSelectedText(): string;
     initMainSession(): void;
@@ -182,6 +192,7 @@ export declare class Editor {
     provideTextStyle(component: BaseNoderComponent): void;
     getClickedEdgeType(mousePosition: number): EdgeType | null;
     receiveTextStyleSubscription(): Subscription;
+    viewOnlyModeSubscription(): Subscription;
     searchOptionSubscription(): Subscription;
     replaceSubscription(): Subscription;
     setTextStylesSubscription(): Subscription;
@@ -211,6 +222,8 @@ export declare class Editor {
     undoSubscription(): Subscription;
     redoSubscription(): Subscription;
     removeLeftSubscription(): Subscription;
+    private dragMoveSubscription;
+    private dragDropSubscription;
     private printSubscription;
     private cutSelectedSubscription;
     private copySelectedSubscription;

package/lib/editor/gadgets/drag-and-drop/drag-and-drop.d.ts

@@ -0,0 +1,21 @@
+import { Subject } from 'rxjs';
+import { Range } from '../../positioning/range';
+import { SessionModel } from '../../execution/targeting/session.model';
+export declare class DragAndDrop {
+    private editorContainer;
+    onMove$: Subject<MouseEvent>;
+    onDrop$: Subject<{
+        sourceSession: SessionModel;
+        sourceRange: Range;
+    }>;
+    private isDragging;
+    private mouseMove$;
+    private mouseUp$;
+    private sourceSession;
+    private sourceRange;
+    constructor(editorContainer: HTMLElement);
+    onStart(session: SessionModel, range: Range): void;
+    destroyListeners(): void;
+    private onEnd;
+    private initListeners;
+}

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

@@ -9,12 +9,14 @@ import { InsertLinkModel } from '../../../models/generated/insert-link.model';
 import { InsertParagraphModel } from '../../../models/generated/insert-paragraph.model';
 import { InsertTableModel } from '../../../models/generated/insert-table.model';
 import { InsertTabModel } from '../../../models/generated/insert-tab.model';
+import { MoveRangeModel } from '../../../models/generated/move-range.model';
 import { NumberingLevelModel } from '../../../models/generated/numbering-level.model';
 import { NumberingModel } from '../../../models/generated/numbering.model';
 import { Operation } from './operation.type';
 import { PageType } from '../../components/edges/page-type.enum';
 import { ParagraphModel } from '../../../models/generated/paragraph.model';
 import { ParagraphStyleModel } from '../../../models/generated/paragraph-style.model';
+import { Range } from '../../positioning/range';
 import { RegulatorService } from '../../execution/regulator.service';
 import { RemoveParagraphAndAddNumberingModel } from '../../../models/generated/remove-paragraph-and-add-numbering.model';
 import { ReplaceModel } from '../../../models/generated/replace.model';
@@ -51,6 +53,7 @@ export declare class OperationHistory {
     pushApplyImageStyle(previous: ImageModel, current: ImageModel): void;
     pushAddNumbering(startIndex: number, endIndex: number, levels: NumberingLevelModel[], paragraphs: ParagraphModel[], numberings: NumberingModel[]): void;
     pushRemoveNumberings(startIndex: number, endIndex: number, numberings: NumberingModel[], paragraphs: ParagraphModel[]): void;
+    pushMoveRange(restore: MoveRangeModel, replace: MoveRangeModel, selection: Range): void;
     pushReplace(restore: RestoreModel, replace: ReplaceModel): void;
     pushRemoveParagraphAndSetParagraphToNumbering(restore: RestoreParagraphAndAddNumberingModel, remove: RemoveParagraphAndAddNumberingModel): void;
     pushCreateEdges(pageType: PageType): void;

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

@@ -13,6 +13,7 @@ import { InsertTableModel } from '../../../models/generated/insert-table.model';
 import { InsertTableRowsModel } from '../../../models/generated/insert-table-rows.model';
 import { InsertTabModel } from '../../../models/generated/insert-tab.model';
 import { InsertTextModel } from '../../../models/generated/insert-text.model';
+import { MoveRangeModel } from '../../../models/generated/move-range.model';
 import { RemoveEdgesModel } from '../../../models/generated/remove-edges.model';
 import { RemoveNumberingsModel } from '../../../models/generated/remove-numberings.model';
 import { RemoveParagraphAndAddNumberingModel } from '../../../models/generated/remove-paragraph-and-add-numbering.model';
@@ -26,4 +27,4 @@ import { RestoreParagraphAndAddNumberingModel } from '../../../models/generated/
 import { RestoreParagraphStylesModel } from '../../../models/generated/restore-paragraph-styles.model';
 import { RestoreTableModel } from '../../../models/generated/restore-table.model';
 import { RestoreTextStylesModel } from '../../../models/generated/restore-text-styles.model';
-export type Operation = InsertTextModel | DeleteModel | InsertStyledTextModel | RestoreModel | ApplyTextStyleModel | RestoreTextStylesModel | RestoreParagraphStylesModel | InsertElementModel | InsertBreakModel | ApplyImageStyleModel | AddNumberingModel | RestoreNumberingsModel | InsertParagraphModel | InsertTabModel | InsertTableColumnsModel | InsertTableRowsModel | RemoveTableColumnsModel | RemoveTableRowsModel | ResizeTableColumnsModel | RestoreTableModel | InsertTableModel | InsertImageModel | RemoveNumberingsModel | ReplaceModel | CreateEdgesModel | RemoveEdgesModel | RemoveParagraphAndAddNumberingModel | RestoreParagraphAndAddNumberingModel;
+export type Operation = InsertTextModel | DeleteModel | InsertStyledTextModel | RestoreModel | ApplyTextStyleModel | RestoreTextStylesModel | RestoreParagraphStylesModel | InsertElementModel | InsertBreakModel | ApplyImageStyleModel | AddNumberingModel | RestoreNumberingsModel | InsertParagraphModel | InsertTabModel | InsertTableColumnsModel | InsertTableRowsModel | RemoveTableColumnsModel | RemoveTableRowsModel | ResizeTableColumnsModel | RestoreTableModel | InsertTableModel | InsertImageModel | RemoveNumberingsModel | ReplaceModel | MoveRangeModel | CreateEdgesModel | RemoveEdgesModel | RemoveParagraphAndAddNumberingModel | RestoreParagraphAndAddNumberingModel;

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

@@ -29,5 +29,6 @@ export declare enum CommandType {
     CreateEdges = 27,
     RemoveEdges = 28,
     RemoveParagraphAndAddNumbering = 29,
-    RestoreParagraphAndAddNumbering = 30
+    RestoreParagraphAndAddNumbering = 30,
+    MoveRange = 31
 }

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

@@ -0,0 +1,5 @@
+import { ContentsInterface } from '../../../editor/content/contents.interface';
+import { RestoreModel } from '../../../models/generated/restore.model';
+export declare class ContentsOperationsHelper {
+    static GetRestoreFromSlice(contents: ContentsInterface, startIndex: number, count: number): RestoreModel;
+}

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

@@ -9,6 +9,7 @@ import { ImageDataModel } from '../../models/generated/image-data.model';
 import { InsertElementModel } from '../../models/generated/insert-element.model';
 import { InsertParagraphModel } from '../../models/generated/insert-paragraph.model';
 import { InsertTableModel } from '../../models/generated/insert-table.model';
+import { MoveRangeModel } from '../../models/generated/move-range.model';
 import { NumberingLevelModel } from '../../models/generated/numbering-level.model';
 import { NumberingModel } from '../../models/generated/numbering.model';
 import { PageType } from '../components/edges/page-type.enum';
@@ -22,7 +23,9 @@ import { TableModel } from '../../models/generated/table.model';
 import { TextStyleModel } from '../../models/generated/text-style.model';
 export declare class OperationsHelper {
     static applyOperations(document: DocxModel, commands: CommandModel[]): void;
-    static getTargetContents(document: DocxModel, command: CommandModel): ContentsInterface;
+    static moveRange(document: DocxModel, model: MoveRangeModel): void;
+    static removeMoveRange(sourceContents: ContentsInterface, model: MoveRangeModel): RestoreModel;
+    static restoreMoveRange(targetContents: ContentsInterface, model: MoveRangeModel, restoreContents: RestoreModel): number;
     static getContentWidth(document: DocxModel, contents: ContentsInterface): number;
     static insertText(document: ContentsInterface, text: string, index: number): void;
     static insertParagraph(document: ContentsInterface, index: number, model: InsertParagraphModel, contentWidth: number): string;

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

@@ -8,6 +8,7 @@ import { InsertLinkModel } from '../../models/generated/insert-link.model';
 import { InsertParagraphModel } from '../../models/generated/insert-paragraph.model';
 import { InsertTableModel } from '../../models/generated/insert-table.model';
 import { InsertTabModel } from '../../models/generated/insert-tab.model';
+import { MoveRangeModel } from '../../models/generated/move-range.model';
 import { NumberingLevelModel } from '../../models/generated/numbering-level.model';
 import { ParagraphModel } from '../../models/generated/paragraph.model';
 import { ParagraphStyleModel } from '../../models/generated/paragraph-style.model';
@@ -46,6 +47,7 @@ export declare class SaveCommandsHelper {
     static getRestoreParagraphStylesCommand(paragraphs: ParagraphModel[], targets: TargetModel[]): CommandModel;
     static getRestoreCommand(restoreModel: RestoreModel, targets: TargetModel[]): CommandModel;
     static getRestoreTableCommand(restoreTable: RestoreTableModel, targets: TargetModel[]): CommandModel;
+    static getMoveRangeCommand(model: MoveRangeModel, targets: TargetModel[]): CommandModel;
     static getReplaceCommand(model: ReplaceModel, targets: TargetModel[]): CommandModel;
     static getRemoveParagraphAndAddNumberingCommand(model: RemoveParagraphAndAddNumberingModel, targets: TargetModel[]): CommandModel;
     static getRestoreParagraphAndAddNumberingCommand(model: RestoreParagraphAndAddNumberingModel, targets: TargetModel[]): CommandModel;

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

@@ -2,5 +2,7 @@ import { ContentsInterface } from '../content/contents.interface';
 import { DocxModel } from '../../models/generated/docx.model';
 import { TargetModel } from '../../models/generated/target.model';
 export declare class TargetOperationsHelper {
-    static getContents(contents: ContentsInterface, target: TargetModel, document: DocxModel): ContentsInterface;
+    static getContents(document: DocxModel, targets: TargetModel[]): ContentsInterface;
+    static isSame(first: TargetModel[], second: TargetModel[]): boolean;
+    static getTargetContents(contents: ContentsInterface, target: TargetModel, document: DocxModel): ContentsInterface;
 }

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

@@ -15,6 +15,7 @@ import { InsertTableModel } from './insert-table.model';
 import { InsertTableRowsModel } from './insert-table-rows.model';
 import { InsertTabModel } from './insert-tab.model';
 import { InsertTextModel } from './insert-text.model';
+import { MoveRangeModel } from './move-range.model';
 import { RemoveEdgesModel } from './remove-edges.model';
 import { RemoveNumberingsModel } from './remove-numberings.model';
 import { RemoveParagraphAndAddNumberingModel } from './remove-paragraph-and-add-numbering.model';
@@ -49,6 +50,7 @@ export declare class CommandModel {
     insertTableColumns: InsertTableColumnsModel;
     insertTableRows: InsertTableRowsModel;
     insertText: InsertTextModel;
+    moveRange: MoveRangeModel;
     removeEdges: RemoveEdgesModel;
     removeNumberings: RemoveNumberingsModel;
     removeParagraphAndAddNumbering: RemoveParagraphAndAddNumberingModel;

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

@@ -1,5 +1,7 @@
 import { FormatModel } from './format.model';
 export declare class LinkModel {
+    anchor: string;
+    bookmarkIndex: number;
     endIndex: number;
     formats: FormatModel[];
     link: string;

package/lib/models/generated/move-range.model.d.ts

@@ -0,0 +1,9 @@
+import { TargetModel } from './target.model';
+export declare class MoveRangeModel {
+    sourceCount: number;
+    sourceStartIndex: number;
+    sourceTargets: TargetModel[];
+    targetIndex: number;
+    targetTargets: TargetModel[];
+    constructor(fields?: Partial<MoveRangeModel>);
+}

package/lib/models/generated/text-style.model.d.ts

@@ -2,6 +2,7 @@ export declare class TextStyleModel {
     bold: boolean;
     fontColor: string;
     fontFamily: string;
+    fontFamilyNames: any;
     fontSize: number;
     headingStyleId: string;
     highlightColor: string;

package/package.json

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

package/src/scss/base-editor.scss

@@ -51,6 +51,10 @@ div.ngx-colors-overlay.noder-color-picker-overlay .opened .colors {
         text-align: left;
         width: 100%;
         height: 100%;
+
+        &.drag-and-drop-progress {
+            cursor: url('../../assets/drag-and-drop-cursor.png') 0 0, move;
+        }
     }
 
     .noder-scroller {
@@ -59,9 +63,13 @@ div.ngx-colors-overlay.noder-color-picker-overlay .opened .colors {
         top: 0;
         bottom: 0;
         user-select: none;
+    }
+
+    .edit-container:not(.drag-and-drop-progress) .noder-scroller {
         cursor: text;
     }
 
+
     .noder-scrollbar {
         overflow: hidden scroll;
         contain: strict;
@@ -266,8 +274,13 @@ div.ngx-colors-overlay.noder-color-picker-overlay .opened .colors {
         z-index: 5;
     }
 
-    .noder-selection-layer.text-selection .noder-selection {
-        background-color: rgb(94, 168, 247, 0.4);
+    .noder-selection-layer {
+        &.drag-and-drop-selection,
+        &.text-selection {
+            .noder-selection {
+                background-color: rgb(94, 168, 247, 0.4);
+            }
+        }
     }
 
     .noder-selection-layer.notes-highlight .noder-selection {