@flogeez/angular-tiptap-editor 0.3.6 → 0.4.0

package/index.d.ts

@@ -1,4 +1,4 @@
-import { Editor } from '@tiptap/core';
+import { Editor, Node, Extension, Mark, EditorOptions } from '@tiptap/core';
 import * as _angular_core from '@angular/core';
 import { AfterViewInit, OnDestroy, ElementRef } from '@angular/core';
 import { Observable } from 'rxjs';
@@ -32,6 +32,7 @@ interface TiptapTranslations {
         undo: string;
         redo: string;
         clear: string;
+        textColor: string;
     };
     bubbleMenu: {
         bold: string;
@@ -42,6 +43,7 @@ interface TiptapTranslations {
         superscript: string;
         subscript: string;
         highlight: string;
+        textColor: string;
         link: string;
         addLink: string;
         editLink: string;
@@ -184,6 +186,7 @@ declare class TiptapI18nService {
         undo: string;
         redo: string;
         clear: string;
+        textColor: string;
     }>;
     readonly bubbleMenu: _angular_core.Signal<{
         bold: string;
@@ -194,6 +197,7 @@ declare class TiptapI18nService {
         superscript: string;
         subscript: string;
         highlight: string;
+        textColor: string;
         link: string;
         addLink: string;
         editLink: string;
@@ -600,6 +604,7 @@ interface ToolbarConfig {
     undo?: boolean;
     redo?: boolean;
     clear?: boolean;
+    textColor?: boolean;
     separator?: boolean;
 }
 
@@ -612,6 +617,7 @@ interface BubbleMenuConfig {
     superscript?: boolean;
     subscript?: boolean;
     highlight?: boolean;
+    textColor?: boolean;
     link?: boolean;
     separator?: boolean;
 }
@@ -661,6 +667,7 @@ declare class AngularTiptapEditorComponent implements AfterViewInit, OnDestroy {
     minHeight: _angular_core.InputSignal<number>;
     height: _angular_core.InputSignal<number | undefined>;
     maxHeight: _angular_core.InputSignal<number | undefined>;
+    fillContainer: _angular_core.InputSignal<boolean>;
     showToolbar: _angular_core.InputSignal<boolean>;
     showCharacterCount: _angular_core.InputSignal<boolean>;
     maxCharacters: _angular_core.InputSignal<number | undefined>;
@@ -669,6 +676,8 @@ declare class AngularTiptapEditorComponent implements AfterViewInit, OnDestroy {
     slashCommandsConfig: _angular_core.InputSignal<SlashCommandsConfig | undefined>;
     locale: _angular_core.InputSignal<SupportedLocale | undefined>;
     autofocus: _angular_core.InputSignal<number | boolean | "end" | "start" | "all">;
+    tiptapExtensions: _angular_core.InputSignal<(Node<any, any> | Extension<any, any> | Mark<any, any>)[]>;
+    tiptapOptions: _angular_core.InputSignal<Partial<EditorOptions>>;
     showBubbleMenu: _angular_core.InputSignal<boolean>;
     bubbleMenu: _angular_core.InputSignal<Partial<BubbleMenuConfig>>;
     showImageBubbleMenu: _angular_core.InputSignal<boolean>;
@@ -779,7 +788,7 @@ declare class AngularTiptapEditorComponent implements AfterViewInit, OnDestroy {
     setDisabledState(isDisabled: boolean): void;
     onEditorClick(event: MouseEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AngularTiptapEditorComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AngularTiptapEditorComponent, "angular-tiptap-editor", never, { "content": { "alias": "content"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "editable": { "alias": "editable"; "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; }; "showToolbar": { "alias": "showToolbar"; "required": false; "isSignal": true; }; "showCharacterCount": { "alias": "showCharacterCount"; "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; }; "slashCommandsConfig": { "alias": "slashCommandsConfig"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "autofocus": { "alias": "autofocus"; "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; }; "imageUpload": { "alias": "imageUpload"; "required": false; "isSignal": true; }; "imageUploadHandler": { "alias": "imageUploadHandler"; "required": false; "isSignal": true; }; }, { "contentChange": "contentChange"; "editorCreated": "editorCreated"; "editorUpdate": "editorUpdate"; "editorFocus": "editorFocus"; "editorBlur": "editorBlur"; }, never, never, true, [{ directive: typeof NoopValueAccessorDirective; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AngularTiptapEditorComponent, "angular-tiptap-editor", never, { "content": { "alias": "content"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "editable": { "alias": "editable"; "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; }; "showCharacterCount": { "alias": "showCharacterCount"; "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; }; "slashCommandsConfig": { "alias": "slashCommandsConfig"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "autofocus": { "alias": "autofocus"; "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; }; "imageUpload": { "alias": "imageUpload"; "required": false; "isSignal": true; }; "imageUploadHandler": { "alias": "imageUploadHandler"; "required": false; "isSignal": true; }; }, { "contentChange": "contentChange"; "editorCreated": "editorCreated"; "editorUpdate": "editorUpdate"; "editorFocus": "editorFocus"; "editorBlur": "editorBlur"; }, never, never, true, [{ directive: typeof NoopValueAccessorDirective; inputs: {}; outputs: {}; }]>;
 }
 
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flogeez/angular-tiptap-editor",
-  "version": "0.3.6",
+  "version": "0.4.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

@@ -1,40 +1,40 @@
-@import "./bubble-menu.global.css";
-@import "./material-symbols.css";
-
-/* Styles pour les liens */
-.tiptap-link {
-  color: #3b82f6;
-  text-decoration: underline;
-  cursor: pointer;
-  transition: color 0.2s ease;
-}
-
-.tiptap-link:hover {
-  color: #1d4ed8;
-  text-decoration: underline;
-}
-
-/* Styles pour la surbrillance */
-.tiptap-highlight {
-  background-color: #fef08a;
-  padding: 0.1em 0.2em;
-  border-radius: 2px;
-  color: #854d0e;
-}
-
-/* Styles pour les alignements de texte - Tiptap utilise des classes */
-.ProseMirror .has-text-align-left {
-  text-align: left;
-}
-
-.ProseMirror .has-text-align-center {
-  text-align: center;
-}
-
-.ProseMirror .has-text-align-right {
-  text-align: right;
-}
-
-.ProseMirror .has-text-align-justify {
-  text-align: justify;
-}
+@import "./bubble-menu.global.css";
+@import "./material-symbols.css";
+
+/* Styles pour les liens */
+.tiptap-link {
+  color: #3b82f6;
+  text-decoration: underline;
+  cursor: pointer;
+  transition: color 0.2s ease;
+}
+
+.tiptap-link:hover {
+  color: #1d4ed8;
+  text-decoration: underline;
+}
+
+/* Styles pour la surbrillance */
+.tiptap-highlight {
+  background-color: #fef08a;
+  padding: 0.1em 0.2em;
+  border-radius: 2px;
+  color: #854d0e;
+}
+
+/* Styles pour les alignements de texte - Tiptap utilise des classes */
+.ProseMirror .has-text-align-left {
+  text-align: left;
+}
+
+.ProseMirror .has-text-align-center {
+  text-align: center;
+}
+
+.ProseMirror .has-text-align-right {
+  text-align: right;
+}
+
+.ProseMirror .has-text-align-justify {
+  text-align: justify;
+}