@flogeez/angular-tiptap-editor 2.2.0 → 2.2.2

package/index.d.ts

@@ -710,7 +710,7 @@ interface AteSlashCommandsConfig extends Partial<Record<AteSlashCommandKey, bool
 /**
  * Configuration par défaut : toutes les commandes natives sont activées
  */
-declare const ATE_DEFAULT_SLASH_COMMANDS_CONFIG: Record<AteSlashCommandKey, boolean>;
+declare const ATE_DEFAULT_SLASH_COMMANDS_CONFIG: AteSlashCommandsConfig;
 /**
  * Factory pour créer les commandes natives avec leurs traductions et leur logique d'exécution.
  * Utilise les services de l'éditeur pour garantir une cohérence de comportement.
@@ -731,77 +731,56 @@ declare function filterSlashCommands(config: AteSlashCommandsConfig, i18n: AteI1
     allowedTypes?: string[];
 }): AteSlashCommandItem[];
 
-interface AteToolbarConfig {
-    bold?: boolean;
-    italic?: boolean;
-    underline?: boolean;
-    strike?: boolean;
-    code?: boolean;
-    codeBlock?: boolean;
-    superscript?: boolean;
-    subscript?: boolean;
-    highlight?: boolean;
-    highlightPicker?: boolean;
-    heading1?: boolean;
-    heading2?: boolean;
-    heading3?: boolean;
-    bulletList?: boolean;
-    orderedList?: boolean;
-    blockquote?: boolean;
-    alignLeft?: boolean;
-    alignCenter?: boolean;
-    alignRight?: boolean;
-    alignJustify?: boolean;
-    link?: boolean;
-    image?: boolean;
-    horizontalRule?: boolean;
-    table?: boolean;
-    undo?: boolean;
-    redo?: boolean;
-    clear?: boolean;
-    textColor?: boolean;
-    separator?: boolean;
-}
-
-interface AteBubbleMenuConfig {
-    bold?: boolean;
-    italic?: boolean;
-    underline?: boolean;
-    strike?: boolean;
-    code?: boolean;
-    superscript?: boolean;
-    subscript?: boolean;
-    highlight?: boolean;
-    highlightPicker?: boolean;
-    textColor?: boolean;
-    link?: boolean;
-    separator?: boolean;
+/**
+ * Clés des boutons de la barre d'outils native
+ */
+declare const ATE_TOOLBAR_KEYS: readonly ["bold", "italic", "underline", "strike", "code", "codeBlock", "superscript", "subscript", "highlight", "highlightPicker", "heading1", "heading2", "heading3", "bulletList", "orderedList", "blockquote", "alignLeft", "alignCenter", "alignRight", "alignJustify", "link", "image", "horizontalRule", "table", "undo", "redo", "clear", "textColor", "separator"];
+type AteToolbarKey = (typeof ATE_TOOLBAR_KEYS)[number];
+interface AteToolbarConfig extends Partial<Record<AteToolbarKey, boolean>> {
+    /**
+     * Boutons personnalisés à ajouter
+     */
+    custom?: AteCustomToolbarItem[];
 }
-interface AteImageBubbleMenuConfig {
-    changeImage?: boolean;
-    resizeSmall?: boolean;
-    resizeMedium?: boolean;
-    resizeLarge?: boolean;
-    resizeOriginal?: boolean;
-    deleteImage?: boolean;
-    separator?: boolean;
+interface AteCustomToolbarItem {
+    key: string;
+    label: string;
+    icon: string;
+    command: (editor: Editor) => void | Promise<void>;
 }
-interface AteTableBubbleMenuConfig {
-    addRowBefore?: boolean;
-    addRowAfter?: boolean;
-    deleteRow?: boolean;
-    addColumnBefore?: boolean;
-    addColumnAfter?: boolean;
-    deleteColumn?: boolean;
-    deleteTable?: boolean;
-    toggleHeaderRow?: boolean;
-    toggleHeaderColumn?: boolean;
-    separator?: boolean;
+
+/**
+ * Clés des options du menu bulle de texte
+ */
+declare const ATE_BUBBLE_MENU_KEYS: readonly ["bold", "italic", "underline", "strike", "code", "superscript", "subscript", "highlight", "highlightPicker", "textColor", "link", "separator"];
+type AteBubbleMenuKey = (typeof ATE_BUBBLE_MENU_KEYS)[number];
+interface AteBubbleMenuConfig extends Partial<Record<AteBubbleMenuKey, boolean>> {
+    custom?: AteCustomBubbleMenuItem[];
 }
-interface AteCellBubbleMenuConfig {
-    mergeCells?: boolean;
-    splitCell?: boolean;
+interface AteCustomBubbleMenuItem {
+    key: string;
+    label: string;
+    icon: string;
+    command: (editor: Editor) => void | Promise<void>;
 }
+/**
+ * Clés des options du menu bulle d'image
+ */
+declare const ATE_IMAGE_BUBBLE_MENU_KEYS: readonly ["changeImage", "resizeSmall", "resizeMedium", "resizeLarge", "resizeOriginal", "deleteImage", "separator"];
+type AteImageBubbleMenuKey = (typeof ATE_IMAGE_BUBBLE_MENU_KEYS)[number];
+type AteImageBubbleMenuConfig = Partial<Record<AteImageBubbleMenuKey, boolean>>;
+/**
+ * Clés des options du menu de table
+ */
+declare const ATE_TABLE_BUBBLE_MENU_KEYS: readonly ["addRowBefore", "addRowAfter", "deleteRow", "addColumnBefore", "addColumnAfter", "deleteColumn", "deleteTable", "toggleHeaderRow", "toggleHeaderColumn", "separator"];
+type AteTableBubbleMenuKey = (typeof ATE_TABLE_BUBBLE_MENU_KEYS)[number];
+type AteTableBubbleMenuConfig = Partial<Record<AteTableBubbleMenuKey, boolean>>;
+/**
+ * Clés des options du menu de cellule
+ */
+declare const ATE_CELL_BUBBLE_MENU_KEYS: readonly ["mergeCells", "splitCell"];
+type AteCellBubbleMenuKey = (typeof ATE_CELL_BUBBLE_MENU_KEYS)[number];
+type AteCellBubbleMenuConfig = Partial<Record<AteCellBubbleMenuKey, boolean>>;
 
 /**
  * Global configuration interface for Angular Tiptap Editor.
@@ -917,12 +896,12 @@ declare class AngularTiptapEditorComponent implements AfterViewInit, OnDestroy {
     showBubbleMenu: _angular_core.InputSignal<boolean>;
     bubbleMenu: _angular_core.InputSignal<Partial<AteBubbleMenuConfig>>;
     showImageBubbleMenu: _angular_core.InputSignal<boolean>;
-    imageBubbleMenu: _angular_core.InputSignal<Partial<AteImageBubbleMenuConfig>>;
+    imageBubbleMenu: _angular_core.InputSignal<Partial<Partial<Record<"separator" | "changeImage" | "resizeSmall" | "resizeMedium" | "resizeLarge" | "resizeOriginal" | "deleteImage", boolean>>>>;
     toolbar: _angular_core.InputSignal<Partial<AteToolbarConfig>>;
     showTableBubbleMenu: _angular_core.InputSignal<boolean>;
-    tableBubbleMenu: _angular_core.InputSignal<Partial<AteTableBubbleMenuConfig>>;
+    tableBubbleMenu: _angular_core.InputSignal<Partial<Partial<Record<"addColumnBefore" | "addColumnAfter" | "deleteColumn" | "addRowBefore" | "addRowAfter" | "deleteRow" | "deleteTable" | "toggleHeaderColumn" | "toggleHeaderRow" | "separator", boolean>>>>;
     showCellBubbleMenu: _angular_core.InputSignal<boolean>;
-    cellBubbleMenu: _angular_core.InputSignal<Partial<AteCellBubbleMenuConfig>>;
+    cellBubbleMenu: _angular_core.InputSignal<Partial<Partial<Record<"mergeCells" | "splitCell", boolean>>>>;
     /**
      * Additionnal state calculators to extend the reactive editor state.
      */
@@ -998,11 +977,11 @@ declare class AngularTiptapEditorComponent implements AfterViewInit, OnDestroy {
     readonly finalShowBubbleMenu: _angular_core.Signal<boolean>;
     readonly finalBubbleMenuConfig: _angular_core.Signal<AteBubbleMenuConfig>;
     readonly finalShowImageBubbleMenu: _angular_core.Signal<boolean>;
-    readonly finalImageBubbleMenuConfig: _angular_core.Signal<AteImageBubbleMenuConfig>;
+    readonly finalImageBubbleMenuConfig: _angular_core.Signal<Partial<Record<"separator" | "changeImage" | "resizeSmall" | "resizeMedium" | "resizeLarge" | "resizeOriginal" | "deleteImage", boolean>>>;
     readonly finalShowTableBubbleMenu: _angular_core.Signal<boolean>;
-    readonly finalTableBubbleMenuConfig: _angular_core.Signal<AteTableBubbleMenuConfig>;
+    readonly finalTableBubbleMenuConfig: _angular_core.Signal<Partial<Record<"addColumnBefore" | "addColumnAfter" | "deleteColumn" | "addRowBefore" | "addRowAfter" | "deleteRow" | "deleteTable" | "toggleHeaderColumn" | "toggleHeaderRow" | "separator", boolean>>>;
     readonly finalShowCellBubbleMenu: _angular_core.Signal<boolean>;
-    readonly finalCellBubbleMenuConfig: _angular_core.Signal<AteCellBubbleMenuConfig>;
+    readonly finalCellBubbleMenuConfig: _angular_core.Signal<Partial<Record<"mergeCells" | "splitCell", boolean>>>;
     readonly finalEnableSlashCommands: _angular_core.Signal<boolean>;
     readonly finalSlashCommandsConfig: _angular_core.Signal<AteCustomSlashCommands>;
     readonly finalAutofocus: _angular_core.Signal<number | boolean | "start" | "end" | "all">;
@@ -1255,7 +1234,7 @@ declare const INITIAL_EDITOR_STATE: AteEditorStateSnapshot;
 /** @deprecated Renamed to `ATE_SLASH_COMMAND_KEYS`. This alias will be removed in v3.0.0. */
 declare const SLASH_COMMAND_KEYS: readonly ["heading1", "heading2", "heading3", "bulletList", "orderedList", "blockquote", "code", "image", "horizontalRule", "table"];
 /** @deprecated Renamed to `ATE_DEFAULT_SLASH_COMMANDS_CONFIG`. This alias will be removed in v3.0.0. */
-declare const DEFAULT_SLASH_COMMANDS_CONFIG: Record<"code" | "bulletList" | "horizontalRule" | "orderedList" | "table" | "blockquote" | "image" | "heading1" | "heading2" | "heading3", boolean>;
+declare const DEFAULT_SLASH_COMMANDS_CONFIG: AteSlashCommandsConfig;
 
 /** @deprecated Renamed to `AteDiscoveryCalculator`. This alias will be removed in v3.0.0. */
 declare const DiscoveryCalculator: _flogeez_angular_tiptap_editor.AteStateCalculator;
@@ -1274,11 +1253,11 @@ declare const DEFAULT_TOOLBAR_CONFIG: AteToolbarConfig;
 /** @deprecated Renamed to `ATE_DEFAULT_BUBBLE_MENU_CONFIG`. This alias will be removed in v3.0.0. */
 declare const DEFAULT_BUBBLE_MENU_CONFIG: AteBubbleMenuConfig;
 /** @deprecated Renamed to `ATE_DEFAULT_IMAGE_BUBBLE_MENU_CONFIG`. This alias will be removed in v3.0.0. */
-declare const DEFAULT_IMAGE_BUBBLE_MENU_CONFIG: AteImageBubbleMenuConfig;
+declare const DEFAULT_IMAGE_BUBBLE_MENU_CONFIG: Partial<Record<"separator" | "changeImage" | "resizeSmall" | "resizeMedium" | "resizeLarge" | "resizeOriginal" | "deleteImage", boolean>>;
 /** @deprecated Renamed to `ATE_DEFAULT_TABLE_MENU_CONFIG`. This alias will be removed in v3.0.0. */
-declare const DEFAULT_TABLE_MENU_CONFIG: AteTableBubbleMenuConfig;
+declare const DEFAULT_TABLE_MENU_CONFIG: Partial<Record<"addColumnBefore" | "addColumnAfter" | "deleteColumn" | "addRowBefore" | "addRowAfter" | "deleteRow" | "deleteTable" | "toggleHeaderColumn" | "toggleHeaderRow" | "separator", boolean>>;
 /** @deprecated Renamed to `ATE_DEFAULT_CELL_MENU_CONFIG`. This alias will be removed in v3.0.0. */
-declare const DEFAULT_CELL_MENU_CONFIG: AteCellBubbleMenuConfig;
+declare const DEFAULT_CELL_MENU_CONFIG: Partial<Record<"mergeCells" | "splitCell", boolean>>;
 
-export { ATE_DEFAULT_BUBBLE_MENU_CONFIG, ATE_DEFAULT_CELL_MENU_CONFIG, ATE_DEFAULT_IMAGE_BUBBLE_MENU_CONFIG, ATE_DEFAULT_SLASH_COMMANDS_CONFIG, ATE_DEFAULT_TABLE_MENU_CONFIG, ATE_DEFAULT_TOOLBAR_CONFIG, ATE_INITIAL_EDITOR_STATE, ATE_SLASH_COMMAND_KEYS, AngularTiptapEditorComponent, AteColorPickerService, AteDiscoveryCalculator, AteEditorCommandsService, AteI18nService, AteImageCalculator, AteImageService, AteLinkService, AteMarksCalculator, AteNoopValueAccessorDirective, AteSelectionCalculator, AteStructureCalculator, AteTableCalculator, AteColorPickerService as ColorPickerService, DEFAULT_BUBBLE_MENU_CONFIG, DEFAULT_CELL_MENU_CONFIG, DEFAULT_IMAGE_BUBBLE_MENU_CONFIG, DEFAULT_SLASH_COMMANDS_CONFIG, DEFAULT_TABLE_MENU_CONFIG, DEFAULT_TOOLBAR_CONFIG, DiscoveryCalculator, AteEditorCommandsService as EditorCommandsService, INITIAL_EDITOR_STATE, ImageCalculator, AteImageService as ImageService, AteLinkService as LinkService, MarksCalculator, SLASH_COMMAND_KEYS, SelectionCalculator, StructureCalculator, TableCalculator, AteI18nService as TiptapI18nService, createDefaultSlashCommands, filterSlashCommands };
-export type { AteBubbleMenuConfig, AteCellBubbleMenuConfig, AteColorEditMode, AteColorPickerSelection, AteCustomSlashCommands, AteEditorConfig, AteEditorStateSnapshot, AteImageBubbleMenuConfig, AteImageData, AteImageUploadConfig, AteImageUploadContext, AteImageUploadHandler, AteImageUploadHandlerResult, AteImageUploadOptions, AteImageUploadResult, AteResizeOptions, AteSlashCommandItem, AteSlashCommandKey, AteSlashCommandsConfig, AteStateCalculator, AteTableBubbleMenuConfig, AteToolbarConfig, AteTranslations, AteBubbleMenuConfig as BubbleMenuConfig, AteCellBubbleMenuConfig as CellBubbleMenuConfig, AteCustomSlashCommands as CustomSlashCommands, AteEditorConfig as EditorConfig, AteEditorStateSnapshot as EditorStateSnapshot, AteImageBubbleMenuConfig as ImageBubbleMenuConfig, AteImageData as ImageData, AteImageUploadHandler as ImageUploadHandler, AteImageUploadOptions as ImageUploadOptions, AteImageUploadResult as ImageUploadResult, AteResizeOptions as ResizeOptions, AteSlashCommandItem as SlashCommandItem, AteSlashCommandKey as SlashCommandKey, AteSlashCommandsConfig as SlashCommandsConfig, SupportedLocale, AteTableBubbleMenuConfig as TableBubbleMenuConfig, AteToolbarConfig as ToolbarConfig };
+export { ATE_BUBBLE_MENU_KEYS, ATE_CELL_BUBBLE_MENU_KEYS, ATE_DEFAULT_BUBBLE_MENU_CONFIG, ATE_DEFAULT_CELL_MENU_CONFIG, ATE_DEFAULT_IMAGE_BUBBLE_MENU_CONFIG, ATE_DEFAULT_SLASH_COMMANDS_CONFIG, ATE_DEFAULT_TABLE_MENU_CONFIG, ATE_DEFAULT_TOOLBAR_CONFIG, ATE_IMAGE_BUBBLE_MENU_KEYS, ATE_INITIAL_EDITOR_STATE, ATE_SLASH_COMMAND_KEYS, ATE_TABLE_BUBBLE_MENU_KEYS, ATE_TOOLBAR_KEYS, AngularTiptapEditorComponent, AteColorPickerService, AteDiscoveryCalculator, AteEditorCommandsService, AteI18nService, AteImageCalculator, AteImageService, AteLinkService, AteMarksCalculator, AteNoopValueAccessorDirective, AteSelectionCalculator, AteStructureCalculator, AteTableCalculator, AteColorPickerService as ColorPickerService, DEFAULT_BUBBLE_MENU_CONFIG, DEFAULT_CELL_MENU_CONFIG, DEFAULT_IMAGE_BUBBLE_MENU_CONFIG, DEFAULT_SLASH_COMMANDS_CONFIG, DEFAULT_TABLE_MENU_CONFIG, DEFAULT_TOOLBAR_CONFIG, DiscoveryCalculator, AteEditorCommandsService as EditorCommandsService, INITIAL_EDITOR_STATE, ImageCalculator, AteImageService as ImageService, AteLinkService as LinkService, MarksCalculator, SLASH_COMMAND_KEYS, SelectionCalculator, StructureCalculator, TableCalculator, AteI18nService as TiptapI18nService, createDefaultSlashCommands, filterSlashCommands };
+export type { AteBubbleMenuConfig, AteBubbleMenuKey, AteCellBubbleMenuConfig, AteCellBubbleMenuKey, AteColorEditMode, AteColorPickerSelection, AteCustomBubbleMenuItem, AteCustomSlashCommands, AteCustomToolbarItem, AteEditorConfig, AteEditorStateSnapshot, AteImageBubbleMenuConfig, AteImageBubbleMenuKey, AteImageData, AteImageUploadConfig, AteImageUploadContext, AteImageUploadHandler, AteImageUploadHandlerResult, AteImageUploadOptions, AteImageUploadResult, AteResizeOptions, AteSlashCommandItem, AteSlashCommandKey, AteSlashCommandsConfig, AteStateCalculator, AteTableBubbleMenuConfig, AteTableBubbleMenuKey, AteToolbarConfig, AteToolbarKey, AteTranslations, AteBubbleMenuConfig as BubbleMenuConfig, AteCellBubbleMenuConfig as CellBubbleMenuConfig, AteCustomSlashCommands as CustomSlashCommands, AteEditorConfig as EditorConfig, AteEditorStateSnapshot as EditorStateSnapshot, AteImageBubbleMenuConfig as ImageBubbleMenuConfig, AteImageData as ImageData, AteImageUploadHandler as ImageUploadHandler, AteImageUploadOptions as ImageUploadOptions, AteImageUploadResult as ImageUploadResult, AteResizeOptions as ResizeOptions, AteSlashCommandItem as SlashCommandItem, AteSlashCommandKey as SlashCommandKey, AteSlashCommandsConfig as SlashCommandsConfig, SupportedLocale, AteTableBubbleMenuConfig as TableBubbleMenuConfig, AteToolbarConfig as ToolbarConfig };

package/package.json

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