@talrace/ngx-noder 0.0.28 → 0.0.29

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;
@@ -212,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.28",
+  "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 {