@flogeez/angular-tiptap-editor 3.8.0 → 3.9.0

package/lib/components/editor/angular-tiptap-editor.component.d.ts

@@ -132,6 +132,8 @@ export declare class AngularTiptapEditorComponent implements AfterViewInit, OnDe
     private _wordCount;
     private _isDragOver;
     private _editorFullyInitialized;
+    /** Technical config the current editor was created with, see `technicalConfig()` */
+    private editorTechnicalConfig;
     private _hoveredBlock;
     private lastEmittedHtml;
     readonly editor: import("@angular/core").Signal<Editor | null>;
@@ -262,6 +264,11 @@ export declare class AngularTiptapEditorComponent implements AfterViewInit, OnDe
     constructor();
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
+    /**
+     * Settings that require re-creating the editor when they change.
+     * Each computed compares by value, so a new reference means a real change.
+     */
+    private technicalConfig;
     private initEditor;
     toggleEditMode(event: Event): void;
     private updateCharacterCount;

package/lib/components/editor/ate-block-controls.component.d.ts

@@ -20,11 +20,20 @@ export declare class AteBlockControlsComponent implements AfterViewInit, OnDestr
     private lastValidRect;
     private tippyInstance;
     private updateTimeout;
+    private glideFrame;
     constructor();
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     private initTippy;
     private updateMenu;
+    /** While scrolling, the controls follow their block every frame: a glide would make them trail behind it */
+    private onScroll;
+    /**
+     * Moves the controls without gliding until the position settles (two frames after the last call).
+     * Tippy only skips the move transition on its very first show: the controls are never unmounted
+     * afterwards, so they would otherwise glide in from wherever they were last shown.
+     */
+    private withoutGlide;
     private showTippy;
     private hideTippy;
     private getSelectionRect;

package/lib/extensions/ate-block-controls.extension.d.ts

@@ -1,5 +1,14 @@
 import { Extension } from "@tiptap/core";
+import { EditorState } from "@tiptap/pm/state";
+import { EditorView } from "@tiptap/pm/view";
 import { Node } from "@tiptap/pm/model";
+export declare const ATE_BLOCK_DRAG_MIME = "application/x-ate-block-drag";
+interface PosRange {
+    from: number;
+    to: number;
+}
+export declare function endAteBlockDrag(view: EditorView): void;
+export declare function ateMultiBlockSelection(state: EditorState, blockPos: number): PosRange | null;
 export interface AteBlockControlsOptions {
     onHover?: (data: {
         node: Node;
@@ -8,3 +17,4 @@ export interface AteBlockControlsOptions {
     } | null) => void;
 }
 export declare const AteBlockControlsExtension: Extension<AteBlockControlsOptions, any>;
+export {};

package/lib/services/ate-image.service.d.ts

@@ -1,6 +1,12 @@
 import { Editor } from "@tiptap/core";
 import { AteResizeOptions, AteImageUploadOptions, AteImageUploadHandler, AteImageSrcResolver, AteImageUploadResult, AteImageData, AteImageRejection, AteImageSource, AteImageValidationReason } from "../models/ate-image.model";
 import * as i0 from "@angular/core";
+/** An image position followed through document changes, see `trackSelectedImage` */
+interface AteTrackedImage {
+    /** Current position of the image, or `null` when no image was selected */
+    pos: () => number | null;
+    stop: () => void;
+}
 export declare class AteImageService {
     onImageUploadedCallback?: (result: AteImageUploadResult) => void;
     onImageRejectedCallback?: (rejection: AteImageRejection) => void;
@@ -79,7 +85,14 @@ export declare class AteImageService {
     /** Select file and replace currently selected image */
     selectAndReplaceImage(editor: Editor, options?: AteImageUploadOptions): Promise<void>;
     /** Internal helper used by replacement logic */
-    uploadAndReplaceImage(editor: Editor, file: File, options?: AteImageUploadOptions, source?: AteImageSource): Promise<void>;
+    uploadAndReplaceImage(editor: Editor, file: File, options?: AteImageUploadOptions, source?: AteImageSource, target?: AteTrackedImage): Promise<void>;
+    /**
+     * Remembers the selected image and follows its position through the transactions
+     * dispatched until `stop()` (e.g. while the file picker is open and the image uploads).
+     */
+    private trackSelectedImage;
+    /** Replaces the image at `pos` with `imageData` (keeping its other attributes) and selects it */
+    private replaceImageAt;
     /**
      * Handle image drop event.
      * Calculates the position from coordinates and sets the selection accordingly.
@@ -92,3 +105,4 @@ export declare class AteImageService {
     static ɵfac: i0.ɵɵFactoryDeclaration<AteImageService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<AteImageService>;
 }
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flogeez/angular-tiptap-editor",
-  "version": "3.8.0",
+  "version": "3.9.0",
   "description": "A modern, customizable rich-text editor for Angular (18+), built with Tiptap and featuring complete internationalization support",
   "keywords": [
     "angular",

package/src/lib/styles/index.css

@@ -40,3 +40,16 @@
 .ProseMirror .has-text-align-justify {
   text-align: justify;
 }
+
+.ate-block-dragging > .prosemirror-dropcursor-block,
+.ate-block-dragging > .prosemirror-dropcursor-inline {
+  display: none;
+}
+
+.ProseMirror > .ate-block-drop-before {
+  box-shadow: 0 -2px 0 0 var(--ate-primary, #2563eb);
+}
+
+.ProseMirror > .ate-block-drop-after {
+  box-shadow: 0 2px 0 0 var(--ate-primary, #2563eb);
+}

package/styles/index.css

@@ -40,3 +40,16 @@
 .ProseMirror .has-text-align-justify {
   text-align: justify;
 }
+
+.ate-block-dragging > .prosemirror-dropcursor-block,
+.ate-block-dragging > .prosemirror-dropcursor-inline {
+  display: none;
+}
+
+.ProseMirror > .ate-block-drop-before {
+  box-shadow: 0 -2px 0 0 var(--ate-primary, #2563eb);
+}
+
+.ProseMirror > .ate-block-drop-after {
+  box-shadow: 0 2px 0 0 var(--ate-primary, #2563eb);
+}