@flogeez/angular-tiptap-editor 3.8.1 → 3.9.0

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flogeez/angular-tiptap-editor",
-  "version": "3.8.1",
+  "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);
+}