@flogeez/angular-tiptap-editor 2.1.2 → 2.1.3

package/index.d.ts

@@ -1,7 +1,7 @@
 import * as _flogeez_angular_tiptap_editor from '@flogeez/angular-tiptap-editor';
 import * as _angular_core from '@angular/core';
 import { AfterViewInit, OnDestroy, ElementRef } from '@angular/core';
-import { Editor, Node, Mark, Extension, EditorOptions } from '@tiptap/core';
+import { Editor, Node, Mark, Extension, EditorOptions, JSONContent } from '@tiptap/core';
 import { Observable } from 'rxjs';
 import { ControlValueAccessor } from '@angular/forms';
 
@@ -421,7 +421,7 @@ interface EditorStateSnapshot {
      * Detailed selection information to avoid overlap between menus
      */
     selection: {
-        type: 'text' | 'node' | 'cell' | 'none';
+        type: "text" | "node" | "cell" | "none";
         from: number;
         to: number;
         empty: boolean;
@@ -515,7 +515,7 @@ interface EditorStateSnapshot {
         activeNodeName: string | null;
     };
     /** Placeholder for custom extension states */
-    custom: Record<string, any>;
+    custom: Record<string, unknown>;
 }
 declare const INITIAL_EDITOR_STATE: EditorStateSnapshot;
 
@@ -650,7 +650,7 @@ declare class EditorCommandsService {
     /** Reference to the element that triggered the color menu (for anchoring) */
     readonly colorMenuTrigger: _angular_core.Signal<HTMLElement | null>;
     /** Generic method to execute any command by name */
-    execute(editor: Editor, command: string, ...args: any[]): void;
+    execute(editor: Editor, command: string, ...args: unknown[]): void;
     toggleBold(editor: Editor): void;
     toggleItalic(editor: Editor): void;
     toggleStrike(editor: Editor): void;
@@ -875,9 +875,9 @@ interface AteEditorConfig {
 }
 
 declare class NoopValueAccessorDirective implements ControlValueAccessor {
-    writeValue(obj: any): void;
-    registerOnChange(fn: any): void;
-    registerOnTouched(fn: any): void;
+    writeValue(_obj: unknown): void;
+    registerOnChange(_fn: unknown): void;
+    registerOnTouched(_fn: unknown): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<NoopValueAccessorDirective, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NoopValueAccessorDirective, never, never, {}, {}, never, never, true, never>;
 }
@@ -948,7 +948,7 @@ declare class AngularTiptapEditorComponent implements AfterViewInit, OnDestroy {
     editorCreated: _angular_core.OutputEmitterRef<Editor>;
     editorUpdate: _angular_core.OutputEmitterRef<{
         editor: Editor;
-        transaction: any;
+        transaction: unknown;
     }>;
     editorFocus: _angular_core.OutputEmitterRef<{
         editor: Editor;
@@ -1035,7 +1035,7 @@ declare class AngularTiptapEditorComponent implements AfterViewInit, OnDestroy {
     onDrop(event: DragEvent): void;
     private insertImageFromFile;
     getHTML(): string;
-    getJSON(): any;
+    getJSON(): JSONContent | undefined;
     getText(): string;
     setContent(content: string, emitUpdate?: boolean): void;
     focus(): void;
@@ -1043,7 +1043,7 @@ declare class AngularTiptapEditorComponent implements AfterViewInit, OnDestroy {
     clearContent(): void;
     getEditor(): Editor | null;
     private setupFormControlSubscription;
-    onEditorClick(event: MouseEvent): void;
+    onEditorClick(event: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AngularTiptapEditorComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AngularTiptapEditorComponent, "angular-tiptap-editor", never, { "config": { "alias": "config"; "required": false; "isSignal": true; }; "content": { "alias": "content"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "editable": { "alias": "editable"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "minHeight": { "alias": "minHeight"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; "fillContainer": { "alias": "fillContainer"; "required": false; "isSignal": true; }; "showToolbar": { "alias": "showToolbar"; "required": false; "isSignal": true; }; "showFooter": { "alias": "showFooter"; "required": false; "isSignal": true; }; "showCharacterCount": { "alias": "showCharacterCount"; "required": false; "isSignal": true; }; "showWordCount": { "alias": "showWordCount"; "required": false; "isSignal": true; }; "maxCharacters": { "alias": "maxCharacters"; "required": false; "isSignal": true; }; "enableOfficePaste": { "alias": "enableOfficePaste"; "required": false; "isSignal": true; }; "enableSlashCommands": { "alias": "enableSlashCommands"; "required": false; "isSignal": true; }; "slashCommands": { "alias": "slashCommands"; "required": false; "isSignal": true; }; "customSlashCommands": { "alias": "customSlashCommands"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "autofocus": { "alias": "autofocus"; "required": false; "isSignal": true; }; "seamless": { "alias": "seamless"; "required": false; "isSignal": true; }; "floatingToolbar": { "alias": "floatingToolbar"; "required": false; "isSignal": true; }; "showEditToggle": { "alias": "showEditToggle"; "required": false; "isSignal": true; }; "spellcheck": { "alias": "spellcheck"; "required": false; "isSignal": true; }; "tiptapExtensions": { "alias": "tiptapExtensions"; "required": false; "isSignal": true; }; "tiptapOptions": { "alias": "tiptapOptions"; "required": false; "isSignal": true; }; "showBubbleMenu": { "alias": "showBubbleMenu"; "required": false; "isSignal": true; }; "bubbleMenu": { "alias": "bubbleMenu"; "required": false; "isSignal": true; }; "showImageBubbleMenu": { "alias": "showImageBubbleMenu"; "required": false; "isSignal": true; }; "imageBubbleMenu": { "alias": "imageBubbleMenu"; "required": false; "isSignal": true; }; "toolbar": { "alias": "toolbar"; "required": false; "isSignal": true; }; "showTableBubbleMenu": { "alias": "showTableBubbleMenu"; "required": false; "isSignal": true; }; "tableBubbleMenu": { "alias": "tableBubbleMenu"; "required": false; "isSignal": true; }; "showCellBubbleMenu": { "alias": "showCellBubbleMenu"; "required": false; "isSignal": true; }; "cellBubbleMenu": { "alias": "cellBubbleMenu"; "required": false; "isSignal": true; }; "stateCalculators": { "alias": "stateCalculators"; "required": false; "isSignal": true; }; "imageUpload": { "alias": "imageUpload"; "required": false; "isSignal": true; }; "imageUploadHandler": { "alias": "imageUploadHandler"; "required": false; "isSignal": true; }; }, { "contentChange": "contentChange"; "editorCreated": "editorCreated"; "editorUpdate": "editorUpdate"; "editorFocus": "editorFocus"; "editorBlur": "editorBlur"; "editableChange": "editableChange"; }, never, never, true, [{ directive: typeof NoopValueAccessorDirective; inputs: {}; outputs: {}; }]>;
 }
@@ -1121,7 +1121,7 @@ interface ColorPickerSelection {
     from: number;
     to: number;
 }
-type ColorEditMode = 'text' | 'highlight';
+type ColorEditMode = "text" | "highlight";
 declare class ColorPickerService {
     private storedSelection;
     /** Current edit mode: null when closed, 'text' or 'highlight' when open */

package/package.json

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

package/src/lib/styles/bubble-menu.global.css

@@ -49,4 +49,3 @@
     transform: translateY(0) scale(1);
   }
 }
-

package/src/lib/styles/material-symbols.css

@@ -13,5 +13,9 @@
   font-feature-settings: "liga";
   -webkit-font-feature-settings: "liga";
   -webkit-font-smoothing: antialiased;
-  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
+  font-variation-settings:
+    "FILL" 0,
+    "wght" 400,
+    "GRAD" 0,
+    "opsz" 24;
 }