@flogeez/angular-tiptap-editor 3.1.2 → 3.1.4

package/index.d.ts

@@ -1,1736 +1,5 @@
-import * as _flogeez_angular_tiptap_editor from '@flogeez/angular-tiptap-editor';
-import * as _angular_core from '@angular/core';
-import { Injector, Type, AfterViewInit, OnDestroy, ElementRef, EnvironmentProviders, InjectionToken, Signal } from '@angular/core';
-import { Editor, NodeConfig, Extension, Node as Node$2, Mark, EditorOptions, JSONContent } from '@tiptap/core';
-import { Node as Node$1 } from '@tiptap/pm/model';
-import { Observable } from 'rxjs';
-import { ControlValueAccessor } from '@angular/forms';
-import * as _popperjs_core from '@popperjs/core';
-import { Decoration, EditorView, NodeView } from '@tiptap/pm/view';
-
 /**
- * Interface representing a single item in the slash commands menu.
+ * Generated bundle index. Do not edit.
  */
-interface AteSlashCommandItem {
-    title: string;
-    description: string;
-    icon: string;
-    keywords: string[];
-    command: (editor: Editor) => void;
-}
-/**
- * Custom slash commands configuration.
- */
-interface AteCustomSlashCommands {
-    commands?: AteSlashCommandItem[];
-}
-
-type SupportedLocale = "en" | "fr" | (string & {});
-interface AteTranslations {
-    toolbar: {
-        bold: string;
-        italic: string;
-        underline: string;
-        strike: string;
-        code: string;
-        codeBlock: string;
-        superscript: string;
-        subscript: string;
-        highlight: string;
-        highlightPicker: string;
-        heading1: string;
-        heading2: string;
-        heading3: string;
-        bulletList: string;
-        orderedList: string;
-        blockquote: string;
-        alignLeft: string;
-        alignCenter: string;
-        alignRight: string;
-        alignJustify: string;
-        link: string;
-        image: string;
-        horizontalRule: string;
-        table: string;
-        undo: string;
-        redo: string;
-        clear: string;
-        textColor: string;
-        customColor: string;
-        presets: string;
-    };
-    bubbleMenu: {
-        bold: string;
-        italic: string;
-        underline: string;
-        strike: string;
-        code: string;
-        superscript: string;
-        subscript: string;
-        highlight: string;
-        highlightPicker: string;
-        textColor: string;
-        link: string;
-        addLink: string;
-        editLink: string;
-        removeLink: string;
-        linkUrl: string;
-        linkText: string;
-        openLink: string;
-        customColor: string;
-        presets: string;
-    };
-    slashCommands: {
-        heading1: {
-            title: string;
-            description: string;
-            keywords: string[];
-        };
-        heading2: {
-            title: string;
-            description: string;
-            keywords: string[];
-        };
-        heading3: {
-            title: string;
-            description: string;
-            keywords: string[];
-        };
-        bulletList: {
-            title: string;
-            description: string;
-            keywords: string[];
-        };
-        orderedList: {
-            title: string;
-            description: string;
-            keywords: string[];
-        };
-        blockquote: {
-            title: string;
-            description: string;
-            keywords: string[];
-        };
-        code: {
-            title: string;
-            description: string;
-            keywords: string[];
-        };
-        image: {
-            title: string;
-            description: string;
-            keywords: string[];
-        };
-        horizontalRule: {
-            title: string;
-            description: string;
-            keywords: string[];
-        };
-        table: {
-            title: string;
-            description: string;
-            keywords: string[];
-        };
-    };
-    table: {
-        addRowBefore: string;
-        addRowAfter: string;
-        deleteRow: string;
-        addColumnBefore: string;
-        addColumnAfter: string;
-        deleteColumn: string;
-        deleteTable: string;
-        toggleHeaderRow: string;
-        toggleHeaderColumn: string;
-        mergeCells: string;
-        splitCell: string;
-    };
-    imageUpload: {
-        selectImage: string;
-        loadError: string;
-        uploadingImage: string;
-        uploadProgress: string;
-        uploadError: string;
-        uploadSuccess: string;
-        imageTooLarge: string;
-        invalidFileType: string;
-        dragDropText: string;
-        changeImage: string;
-        downloadImage: string;
-        deleteImage: string;
-        resizeSmall: string;
-        resizeMedium: string;
-        resizeLarge: string;
-        resizeOriginal: string;
-        alignLeft: string;
-        alignCenter: string;
-        alignRight: string;
-        resizing: string;
-        compressing: string;
-        compressionError: string;
-        validating: string;
-        uploadingToServer: string;
-        replacingImage: string;
-        insertingImage: string;
-        noFileSelected: string;
-        selectionCancelled: string;
-    };
-    editor: {
-        placeholder: string;
-        character: string;
-        word: string;
-        linkPrompt: string;
-        linkUrlPrompt: string;
-        confirmDelete: string;
-        toggleEdit: string;
-        viewMode: string;
-        blockAdd: string;
-        blockDrag: string;
-    };
-    common: {
-        cancel: string;
-        confirm: string;
-        apply: string;
-        delete: string;
-        save: string;
-        close: string;
-        loading: string;
-        error: string;
-        success: string;
-    };
-}
-declare class AteI18nService {
-    private _currentLocale;
-    private _translations;
-    readonly currentLocale: _angular_core.Signal<SupportedLocale>;
-    /** All loaded translations (useful for dynamic key access) */
-    readonly allTranslations: _angular_core.Signal<Record<SupportedLocale, AteTranslations>>;
-    readonly translations: _angular_core.Signal<AteTranslations>;
-    readonly t: _angular_core.Signal<AteTranslations>;
-    readonly toolbar: _angular_core.Signal<{
-        bold: string;
-        italic: string;
-        underline: string;
-        strike: string;
-        code: string;
-        codeBlock: string;
-        superscript: string;
-        subscript: string;
-        highlight: string;
-        highlightPicker: string;
-        heading1: string;
-        heading2: string;
-        heading3: string;
-        bulletList: string;
-        orderedList: string;
-        blockquote: string;
-        alignLeft: string;
-        alignCenter: string;
-        alignRight: string;
-        alignJustify: string;
-        link: string;
-        image: string;
-        horizontalRule: string;
-        table: string;
-        undo: string;
-        redo: string;
-        clear: string;
-        textColor: string;
-        customColor: string;
-        presets: string;
-    }>;
-    readonly bubbleMenu: _angular_core.Signal<{
-        bold: string;
-        italic: string;
-        underline: string;
-        strike: string;
-        code: string;
-        superscript: string;
-        subscript: string;
-        highlight: string;
-        highlightPicker: string;
-        textColor: string;
-        link: string;
-        addLink: string;
-        editLink: string;
-        removeLink: string;
-        linkUrl: string;
-        linkText: string;
-        openLink: string;
-        customColor: string;
-        presets: string;
-    }>;
-    readonly slashCommands: _angular_core.Signal<{
-        heading1: {
-            title: string;
-            description: string;
-            keywords: string[];
-        };
-        heading2: {
-            title: string;
-            description: string;
-            keywords: string[];
-        };
-        heading3: {
-            title: string;
-            description: string;
-            keywords: string[];
-        };
-        bulletList: {
-            title: string;
-            description: string;
-            keywords: string[];
-        };
-        orderedList: {
-            title: string;
-            description: string;
-            keywords: string[];
-        };
-        blockquote: {
-            title: string;
-            description: string;
-            keywords: string[];
-        };
-        code: {
-            title: string;
-            description: string;
-            keywords: string[];
-        };
-        image: {
-            title: string;
-            description: string;
-            keywords: string[];
-        };
-        horizontalRule: {
-            title: string;
-            description: string;
-            keywords: string[];
-        };
-        table: {
-            title: string;
-            description: string;
-            keywords: string[];
-        };
-    }>;
-    readonly table: _angular_core.Signal<{
-        addRowBefore: string;
-        addRowAfter: string;
-        deleteRow: string;
-        addColumnBefore: string;
-        addColumnAfter: string;
-        deleteColumn: string;
-        deleteTable: string;
-        toggleHeaderRow: string;
-        toggleHeaderColumn: string;
-        mergeCells: string;
-        splitCell: string;
-    }>;
-    readonly imageUpload: _angular_core.Signal<{
-        selectImage: string;
-        loadError: string;
-        uploadingImage: string;
-        uploadProgress: string;
-        uploadError: string;
-        uploadSuccess: string;
-        imageTooLarge: string;
-        invalidFileType: string;
-        dragDropText: string;
-        changeImage: string;
-        downloadImage: string;
-        deleteImage: string;
-        resizeSmall: string;
-        resizeMedium: string;
-        resizeLarge: string;
-        resizeOriginal: string;
-        alignLeft: string;
-        alignCenter: string;
-        alignRight: string;
-        resizing: string;
-        compressing: string;
-        compressionError: string;
-        validating: string;
-        uploadingToServer: string;
-        replacingImage: string;
-        insertingImage: string;
-        noFileSelected: string;
-        selectionCancelled: string;
-    }>;
-    readonly editor: _angular_core.Signal<{
-        placeholder: string;
-        character: string;
-        word: string;
-        linkPrompt: string;
-        linkUrlPrompt: string;
-        confirmDelete: string;
-        toggleEdit: string;
-        viewMode: string;
-        blockAdd: string;
-        blockDrag: string;
-    }>;
-    readonly common: _angular_core.Signal<{
-        cancel: string;
-        confirm: string;
-        apply: string;
-        delete: string;
-        save: string;
-        close: string;
-        loading: string;
-        error: string;
-        success: string;
-    }>;
-    constructor();
-    setLocale(locale: SupportedLocale): void;
-    autoDetectLocale(): void;
-    getSupportedLocales(): SupportedLocale[];
-    addTranslations(locale: string, translations: AteTranslations | Partial<AteTranslations>): void;
-    private detectBrowserLanguage;
-    getToolbarTitle(key: keyof AteTranslations["toolbar"]): string;
-    getBubbleMenuTitle(key: keyof AteTranslations["bubbleMenu"]): string;
-    getSlashCommand(key: keyof AteTranslations["slashCommands"]): {
-        title: string;
-        description: string;
-        keywords: string[];
-    } | {
-        title: string;
-        description: string;
-        keywords: string[];
-    } | {
-        title: string;
-        description: string;
-        keywords: string[];
-    } | {
-        title: string;
-        description: string;
-        keywords: string[];
-    } | {
-        title: string;
-        description: string;
-        keywords: string[];
-    } | {
-        title: string;
-        description: string;
-        keywords: string[];
-    } | {
-        title: string;
-        description: string;
-        keywords: string[];
-    } | {
-        title: string;
-        description: string;
-        keywords: string[];
-    } | {
-        title: string;
-        description: string;
-        keywords: string[];
-    } | {
-        title: string;
-        description: string;
-        keywords: string[];
-    };
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AteI18nService, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<AteI18nService>;
-}
-
-type AteStateCalculator = (editor: Editor) => Partial<{
-    [K in keyof AteEditorStateSnapshot]: AteEditorStateSnapshot[K] extends object ? Partial<AteEditorStateSnapshot[K]> : AteEditorStateSnapshot[K];
-}>;
-interface AteEditorStateSnapshot {
-    /** Global editor states */
-    isFocused: boolean;
-    isEditable: boolean;
-    /**
-     * Detailed selection information to avoid overlap between menus
-     */
-    selection: {
-        type: "text" | "node" | "cell" | "none";
-        from: number;
-        to: number;
-        empty: boolean;
-        /** Specific for CellSelection */
-        isSingleCell: boolean;
-    };
-    /** Text formatting states (Marks) */
-    marks: {
-        bold: boolean;
-        italic: boolean;
-        underline: boolean;
-        strike: boolean;
-        code: boolean;
-        superscript: boolean;
-        subscript: boolean;
-        highlight: boolean;
-        link: boolean;
-        linkHref: string | null;
-        color: string | null;
-        computedColor: string | null;
-        background: string | null;
-        computedBackground: string | null;
-        linkOpenOnClick: boolean;
-    };
-    /** Capability states (canExecute) */
-    can: {
-        toggleBold: boolean;
-        toggleItalic: boolean;
-        toggleUnderline: boolean;
-        toggleStrike: boolean;
-        toggleCode: boolean;
-        toggleHighlight: boolean;
-        toggleLink: boolean;
-        toggleSuperscript: boolean;
-        toggleSubscript: boolean;
-        setColor: boolean;
-        setHighlight: boolean;
-        undo: boolean;
-        redo: boolean;
-        /** Table specific capabilities */
-        addRowBefore: boolean;
-        addRowAfter: boolean;
-        deleteRow: boolean;
-        addColumnBefore: boolean;
-        addColumnAfter: boolean;
-        deleteColumn: boolean;
-        deleteTable: boolean;
-        mergeCells: boolean;
-        splitCell: boolean;
-        toggleHeaderRow: boolean;
-        toggleHeaderColumn: boolean;
-        /** Structure/Node capabilities */
-        toggleHeading1: boolean;
-        toggleHeading2: boolean;
-        toggleHeading3: boolean;
-        toggleBulletList: boolean;
-        toggleOrderedList: boolean;
-        toggleBlockquote: boolean;
-        toggleCodeBlock: boolean;
-        setTextAlignLeft: boolean;
-        setTextAlignCenter: boolean;
-        setTextAlignRight: boolean;
-        setTextAlignJustify: boolean;
-        insertHorizontalRule: boolean;
-        insertTable: boolean;
-        insertImage: boolean;
-    };
-    /** Current node context */
-    nodes: {
-        isTable: boolean;
-        isTableNodeSelected: boolean;
-        isTableCell: boolean;
-        isImage: boolean;
-        isBlockquote: boolean;
-        isCodeBlock: boolean;
-        isBulletList: boolean;
-        isOrderedList: boolean;
-        /** Headings */
-        h1: boolean;
-        h2: boolean;
-        h3: boolean;
-        /** Alignment */
-        alignLeft: boolean;
-        alignCenter: boolean;
-        alignRight: boolean;
-        alignJustify: boolean;
-        /** Table specific */
-        isTableHeaderRow: boolean;
-        isTableHeaderColumn: boolean;
-        /** Name of the active node at selection head */
-        activeNodeName: string | null;
-    };
-    /** Placeholder for custom extension states */
-    custom: Record<string, unknown>;
-}
-declare const ATE_INITIAL_EDITOR_STATE: AteEditorStateSnapshot;
-
-interface AteImageData {
-    src: string;
-    alt?: string;
-    title?: string;
-    width?: number;
-    height?: number;
-}
-interface AteImageUploadResult {
-    src: string;
-    name: string;
-    size: number;
-    type: string;
-    width?: number;
-    height?: number;
-    originalSize?: number;
-}
-interface AteResizeOptions {
-    width?: number;
-    height?: number;
-    maintainAspectRatio?: boolean;
-}
-interface AteImageUploadOptions {
-    quality?: number;
-    maxWidth?: number;
-    maxHeight?: number;
-    maxSize?: number;
-    allowedTypes?: string[];
-}
-/**
- * Context passed to the image upload handler containing information about the image
- */
-interface AteImageUploadContext {
-    /** Original file being uploaded */
-    file: File;
-    /** Width of the processed image */
-    width: number;
-    /** Height of the processed image */
-    height: number;
-    /** MIME type of the image */
-    type: string;
-    /** Base64 data URL of the processed image (after compression/resize) */
-    base64: string;
-}
-/**
- * Result expected from a custom image upload handler.
- * Must contain at least the `src` property with the image URL.
- */
-interface AteImageUploadHandlerResult {
-    /** URL of the uploaded image (can be a remote URL or any string) */
-    src: string;
-    /** Optional custom alt text */
-    alt?: string;
-    /** Optional custom title */
-    title?: string;
-}
-/**
- * Custom handler function for image uploads.
- * Allows users to implement their own image storage logic (e.g., upload to S3, Cloudinary, etc.)
- *
- * Can return either a Promise or an Observable (Angular-friendly).
- *
- * @param context - Context containing the image file and metadata
- * @returns Promise or Observable resolving to ImageUploadHandlerResult
- *
- * @example Using Promise (async/await)
- * ```typescript
- * uploadHandler: ImageUploadHandler = async (ctx) => {
- *   const formData = new FormData();
- *   formData.append('image', ctx.file);
- *   const result = await firstValueFrom(this.http.post<{url: string}>('/api/upload', formData));
- *   return { src: result.url };
- * };
- * ```
- *
- * @example Using Observable (Angular HttpClient)
- * ```typescript
- * uploadHandler: ImageUploadHandler = (ctx) => {
- *   const formData = new FormData();
- *   formData.append('image', ctx.file);
- *   return this.http.post<{url: string}>('/api/upload', formData).pipe(
- *     map(result => ({ src: result.url }))
- *   );
- * };
- * ```
- */
-type AteImageUploadHandler = (context: AteImageUploadContext) => Promise<AteImageUploadHandlerResult> | Observable<AteImageUploadHandlerResult>;
-/**
- * Interface dedicated to image upload configuration.
- */
-interface AteImageUploadConfig {
-    /** Callback function to handle upload (Promise or Observable) */
-    handler?: AteImageUploadHandler;
-    /** Compression quality (0 to 1) */
-    quality?: number;
-    /** Maximum allowed width in pixels */
-    maxWidth?: number;
-    /** Maximum allowed height in pixels */
-    maxHeight?: number;
-    /** Maximum allowed size in MB */
-    maxSize?: number;
-    /** Accepted file types (e.g., ['image/jpeg', 'image/png']) */
-    allowedTypes?: string[];
-}
-
-declare class AteEditorCommandsService {
-    private imageService;
-    private colorPickerSvc;
-    private linkSvc;
-    private readonly _editorState;
-    /** Exposed editor state as a readonly signal */
-    readonly editorState: _angular_core.Signal<AteEditorStateSnapshot>;
-    /** Signal to track when the toolbar is being hovered/interacted with */
-    private readonly _isToolbarInteracting;
-    readonly isToolbarInteracting: _angular_core.Signal<boolean>;
-    /** Set toolbar interaction state (called by editor component) */
-    setToolbarInteracting(value: boolean): void;
-    readonly isUploading: _angular_core.Signal<boolean>;
-    readonly uploadProgress: _angular_core.Signal<number>;
-    readonly uploadMessage: _angular_core.Signal<string>;
-    set uploadHandler(handler: AteImageUploadHandler | null);
-    /** Update state (called by TiptapStateExtension) */
-    updateState(state: AteEditorStateSnapshot): void;
-    /** Signal to toggle link edit mode from UI (Toolbar) - Immediate response */
-    readonly linkEditMode: _angular_core.Signal<boolean>;
-    /** Reference to the element that triggered the link menu (for anchoring) */
-    readonly linkMenuTrigger: _angular_core.Signal<HTMLElement | null>;
-    /** Signal to toggle color picker mode from UI (text or highlight) */
-    readonly colorEditMode: _angular_core.Signal<_flogeez_angular_tiptap_editor.AteColorEditMode | null>;
-    /** 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: unknown[]): void;
-    toggleBold(editor: Editor): void;
-    toggleItalic(editor: Editor): void;
-    toggleStrike(editor: Editor): void;
-    toggleCode(editor: Editor): void;
-    toggleCodeBlock(editor: Editor): void;
-    toggleUnderline(editor: Editor): void;
-    toggleSuperscript(editor: Editor): void;
-    toggleSubscript(editor: Editor): void;
-    toggleHeading(editor: Editor, level: 1 | 2 | 3): void;
-    toggleHighlight(editor: Editor, color?: string): void;
-    toggleBulletList(editor: Editor): void;
-    toggleOrderedList(editor: Editor): void;
-    toggleBlockquote(editor: Editor): void;
-    setTextAlign(editor: Editor, alignment: "left" | "center" | "right" | "justify"): void;
-    insertHorizontalRule(editor: Editor): void;
-    undo(editor: Editor): void;
-    redo(editor: Editor): void;
-    insertTable(editor: Editor, rows?: number, cols?: number): void;
-    addColumnBefore(editor: Editor): void;
-    addColumnAfter(editor: Editor): void;
-    deleteColumn(editor: Editor): void;
-    addRowBefore(editor: Editor): void;
-    addRowAfter(editor: Editor): void;
-    deleteRow(editor: Editor): void;
-    deleteTable(editor: Editor): void;
-    mergeCells(editor: Editor): void;
-    splitCell(editor: Editor): void;
-    toggleHeaderColumn(editor: Editor): void;
-    toggleHeaderRow(editor: Editor): void;
-    clearContent(editor: Editor): void;
-    focus(editor: Editor): void;
-    blur(editor: Editor): void;
-    setContent(editor: Editor, content: string, emitUpdate?: boolean): void;
-    setEditable(editor: Editor, editable: boolean): void;
-    insertContent(editor: Editor, content: string): void;
-    insertImage(editor: Editor, options?: AteImageUploadOptions): Promise<void>;
-    uploadImage(editor: Editor, file: File, options?: AteImageUploadOptions): Promise<void>;
-    downloadImage(editor: Editor): void;
-    handleImageDrop(editor: Editor, event: DragEvent, options?: AteImageUploadOptions): boolean;
-    handleImagePaste(editor: Editor, event: ClipboardEvent, options?: AteImageUploadOptions): boolean;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AteEditorCommandsService, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<AteEditorCommandsService>;
-}
-
-/**
- * Clés des commandes natives dans l'ordre d'affichage
- */
-declare const ATE_SLASH_COMMAND_KEYS: readonly ["heading1", "heading2", "heading3", "bulletList", "orderedList", "blockquote", "code", "image", "horizontalRule", "table"];
-type AteSlashCommandKey = (typeof ATE_SLASH_COMMAND_KEYS)[number];
-/**
- * Configuration simplifiée pour activer/désactiver les slash commands natives.
- * Permet aussi d'ajouter des commandes personnalisées.
- */
-interface AteSlashCommandsConfig extends Partial<Record<AteSlashCommandKey, boolean>> {
-    /**
-     * Liste de commandes supplémentaires à ajouter à la fin du menu
-     */
-    custom?: AteSlashCommandItem[];
-}
-/**
- * Configuration par défaut : toutes les commandes natives sont activées
- */
-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.
- */
-declare function createDefaultSlashCommands(i18n: AteI18nService, commands: AteEditorCommandsService, imageOptions?: {
-    quality?: number;
-    maxWidth?: number;
-    maxHeight?: number;
-    allowedTypes?: string[];
-}): AteSlashCommandItem[];
-/**
- * Filtre et assemble les commandes selon la configuration fournie.
- */
-declare function filterSlashCommands(config: AteSlashCommandsConfig, i18n: AteI18nService, commands: AteEditorCommandsService, imageOptions?: {
-    quality?: number;
-    maxWidth?: number;
-    maxHeight?: number;
-    allowedTypes?: string[];
-}): AteSlashCommandItem[];
-
-/**
- * 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 AteCustomToolbarItem {
-    key: string;
-    label: string;
-    icon: string;
-    command: (editor: Editor) => void | Promise<void>;
-}
-
-/**
- * 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 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", "downloadImage", "resizeSmall", "resizeMedium", "resizeLarge", "resizeOriginal", "alignLeft", "alignCenter", "alignRight", "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>>;
-
-/**
- * Common options for rendering any Angular component as a TipTap NodeView
- */
-interface AteComponentRenderOptions {
-    /**
-     * Angular injector to use for creating the component
-     */
-    injector: Injector;
-    /**
-     * Additional inputs to pass to the component
-     */
-    inputs?: Record<string, unknown>;
-    /**
-     * Custom wrapper element tag (default: 'div')
-     */
-    wrapperTag?: string;
-    /**
-     * CSS classes to add to the wrapper element
-     */
-    wrapperClass?: string;
-    /**
-     * Whether the node should be treated as an atom (not editable)
-     * Default: true
-     */
-    atom?: boolean;
-    /**
-     * Enables editable content for <ng-content>.
-     * If true, TipTap will treat the component's content as editable.
-     * @default false
-     */
-    editableContent?: boolean;
-    /**
-     * Optional CSS selector to target an internal element of the component as the editable area.
-     */
-    contentSelector?: string;
-    /**
-     * Type of content allowed in the editable area.
-     */
-    contentMode?: "block" | "inline";
-    /**
-     * Whether to ignore mutations in the component's DOM.
-     * If true, TipTap won't try to sync changes from the component's DOM back to the editor state.
-     * @default true
-     */
-    ignoreMutation?: boolean | ((mutation: MutationRecord | {
-        type: "selection";
-        target: Node;
-    }) => boolean);
-    /**
-     * Callback called when an Output event is emitted by the component.
-     */
-    onOutput?: (outputName: string, value: unknown) => void;
-    /**
-     * Callback called when the node is updated.
-     */
-    onUpdate?: (node: Node$1) => void;
-    /**
-     * Callback called when the component is destroyed.
-     */
-    onDestroy?: () => void;
-}
-/**
- * Unified configuration for registering an Angular component as an interactive 'Angular Node'.
- * This provides high-level options to map Angular component logic (inputs, outputs, lifestyle)
- * directly to TipTap's document structure.
- */
-interface RegisterAngularComponentOptions<T = unknown> {
-    /**
-     * The Angular component to register
-     */
-    component: Type<T>;
-    /**
-     * Unique name for the TipTap node
-     */
-    name?: string;
-    /**
-     * Default inputs (for standard components)
-     */
-    defaultInputs?: Record<string, unknown>;
-    /**
-     * TipTap attributes (for TipTap-aware components)
-     */
-    attributes?: Record<string, {
-        default?: unknown;
-        parseHTML?: (element: HTMLElement) => unknown;
-        renderHTML?: (attributes: Record<string, unknown>) => Record<string, unknown> | null;
-    }>;
-    /**
-     * CSS selector for the editable area inside the component
-     */
-    contentSelector?: string;
-    /**
-     * Content mode for the editable area
-     */
-    contentMode?: "block" | "inline";
-    /**
-     * Enable editable content via <ng-content> or contentSelector
-     * @default false
-     */
-    editableContent?: boolean;
-    /**
-     * Node group (block or inline)
-     * @default 'block'
-     */
-    group?: "block" | "inline";
-    /**
-     * Is the node draggable?
-     * @default true
-     */
-    draggable?: boolean;
-    /**
-     * Whether to ignore mutations in the component's DOM.
-     * @default true
-     */
-    ignoreMutation?: boolean | ((mutation: MutationRecord | {
-        type: "selection";
-        target: Node;
-    }) => boolean);
-    /**
-     * Custom HTML attributes for the wrapper
-     */
-    HTMLAttributes?: Record<string, unknown>;
-    /**
-     * Custom parseHTML rules
-     */
-    parseHTML?: NodeConfig["parseHTML"];
-    /**
-     * Custom renderHTML function
-     */
-    renderHTML?: NodeConfig["renderHTML"];
-    /**
-     * Callback called when an Output event is emitted by the component.
-     */
-    onOutput?: (outputName: string, value: unknown) => void;
-}
-
-/**
- * Type representing an Angular component that can be registered as an editor node.
- * Can be a direct Component class or a full registration options object.
- */
-type AteAngularNode = Type<unknown> | RegisterAngularComponentOptions<unknown>;
-/** Possible display modes for block level controls */
-type AteBlockControlsMode = "inside" | "outside" | "none";
-/** Possible values for editor autofocus */
-type AteAutofocusMode = "start" | "end" | "all" | boolean | number;
-/**
- * Global configuration interface for Angular Tiptap Editor.
- * Uses a flat structure for common settings and objects for complex configurations.
- */
-interface AteEditorConfig {
-    /** Editor theme: light, dark, or system auto-detection */
-    theme?: "light" | "dark" | "auto";
-    /** Display mode: classic or seamless (no borders/background) */
-    mode?: "classic" | "seamless";
-    /** Editor height (e.g., '300px', 300, 'auto') */
-    height?: string | number;
-    /** Focus position on initialization */
-    autofocus?: AteAutofocusMode;
-    /** Placeholder text displayed when the editor is empty */
-    placeholder?: string;
-    /** Initial editing state (if false, the editor is read-only) */
-    editable?: boolean;
-    /** Minimum editor height (e.g., '200px', 200) */
-    minHeight?: string | number;
-    /** Maximum editor height (e.g., '500px', 500) */
-    maxHeight?: string | number;
-    /** If true, the editor takes 100% of the parent container's height */
-    fillContainer?: boolean;
-    /** Disabled state (often used with forms) */
-    disabled?: boolean;
-    /** Editor locale (overrides the global i18n service) */
-    locale?: string;
-    /** Enable browser spellcheck */
-    spellcheck?: boolean;
-    /** Enable smart cleanup when pasting from Office/Word */
-    enableOfficePaste?: boolean;
-    /** Show or hide the toolbar */
-    showToolbar?: boolean;
-    /** Show or hide the footer (counters area) */
-    showFooter?: boolean;
-    /** Show or hide the character count */
-    showCharacterCount?: boolean;
-    /** Show or hide the word count */
-    showWordCount?: boolean;
-    /** Show or hide the read-only/edit toggle button */
-    showEditToggle?: boolean;
-    /** Show or hide the text context menu */
-    showBubbleMenu?: boolean;
-    /** Show or hide the image context menu */
-    showImageBubbleMenu?: boolean;
-    /** Show or hide the table menu */
-    showTableMenu?: boolean;
-    /** Show or hide the cell menu */
-    showCellMenu?: boolean;
-    /** Whether to allow image downloading from bubble menu */
-    downloadImage?: boolean;
-    /** Enable or disable slash commands (/) */
-    enableSlashCommands?: boolean;
-    /** Maximum number of characters allowed */
-    maxCharacters?: number;
-    /**
-     * Block level controls (plus button and drag handle) display mode.
-     * - 'inside': Elements are placed inside the editor (reserves space via padding).
-     * - 'outside': Elements float outside the editor boundary (no layout shift).
-     * - 'none': Disabled (not displayed).
-     */
-    blockControls?: AteBlockControlsMode;
-    /** Detailed toolbar configuration (items, groups) */
-    toolbar?: AteToolbarConfig;
-    /** Text context menu configuration */
-    bubbleMenu?: AteBubbleMenuConfig;
-    /** Image context menu configuration */
-    imageBubbleMenu?: AteImageBubbleMenuConfig;
-    /** Table context menu configuration */
-    tableBubbleMenu?: AteTableBubbleMenuConfig;
-    /** Cell context menu configuration */
-    cellBubbleMenu?: AteCellBubbleMenuConfig;
-    /** Slash commands configuration (/) */
-    slashCommands?: AteSlashCommandsConfig;
-    /** If true, shows the floating toolbar on focus */
-    floatingToolbar?: boolean;
-    /** Technical configuration for image uploads */
-    imageUpload?: AteImageUploadConfig;
-    /**
-     * List of Angular components to automatically register as interactive editor nodes.
-     * This is the preferred way to extend the editor with custom Angular logic.
-     */
-    angularNodes?: AteAngularNode[];
-    /** Standard TipTap extensions (Nodes, Marks, or Plugins) */
-    tiptapExtensions?: (Extension | Node$2 | Mark)[];
-    /** Raw TipTap editor options (e.g., enableInputRules, injectCSS, etc.) */
-    tiptapOptions?: Partial<EditorOptions>;
-    /** Reactive state calculators to extend the editor's live state */
-    stateCalculators?: AteStateCalculator[];
-    /**
-     * Fully custom slash commands configuration.
-     * When provided, it replaces the default groups based on toolbar toggles.
-     */
-    customSlashCommands?: AteCustomSlashCommands;
-}
-
-/**
- * Noop Value Accessor Directive
- * @link https://medium.com/netanelbasal/forwarding-form-controls-to-custom-control-components-in-angular-701e8406cc55
- */
-declare class AteNoopValueAccessorDirective implements ControlValueAccessor {
-    writeValue(_obj: unknown): void;
-    registerOnChange(_fn: unknown): void;
-    registerOnTouched(_fn: unknown): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AteNoopValueAccessorDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<AteNoopValueAccessorDirective, never, never, {}, {}, never, never, true, never>;
-}
-
-/**
- * The main rich-text editor component for Angular.
- *
- * Powered by Tiptap and built with a native Signal-based architecture, it provides
- * a seamless, high-performance editing experience. Supports automatic registration
- * of Angular components as interactive nodes ('Angular Nodes'), full Reactive Forms
- * integration, and extensive customization via the AteEditorConfig.
- */
-declare class AngularTiptapEditorComponent implements AfterViewInit, OnDestroy {
-    /** Configuration globale de l'éditeur */
-    config: _angular_core.InputSignal<AteEditorConfig>;
-    content: _angular_core.InputSignal<string>;
-    placeholder: _angular_core.InputSignal<string | undefined>;
-    editable: _angular_core.InputSignal<boolean | undefined>;
-    disabled: _angular_core.InputSignal<boolean | undefined>;
-    minHeight: _angular_core.InputSignal<string | number | undefined>;
-    height: _angular_core.InputSignal<string | number | undefined>;
-    maxHeight: _angular_core.InputSignal<string | number | undefined>;
-    fillContainer: _angular_core.InputSignal<boolean | undefined>;
-    showToolbar: _angular_core.InputSignal<boolean | undefined>;
-    showFooter: _angular_core.InputSignal<boolean | undefined>;
-    showCharacterCount: _angular_core.InputSignal<boolean | undefined>;
-    showWordCount: _angular_core.InputSignal<boolean | undefined>;
-    maxCharacters: _angular_core.InputSignal<number | undefined>;
-    enableOfficePaste: _angular_core.InputSignal<boolean | undefined>;
-    enableSlashCommands: _angular_core.InputSignal<boolean | undefined>;
-    slashCommands: _angular_core.InputSignal<AteSlashCommandsConfig | undefined>;
-    customSlashCommands: _angular_core.InputSignal<AteCustomSlashCommands | undefined>;
-    blockControls: _angular_core.InputSignal<AteBlockControlsMode | undefined>;
-    locale: _angular_core.InputSignal<SupportedLocale | undefined>;
-    autofocus: _angular_core.InputSignal<AteAutofocusMode | undefined>;
-    seamless: _angular_core.InputSignal<boolean | undefined>;
-    floatingToolbar: _angular_core.InputSignal<boolean | undefined>;
-    showEditToggle: _angular_core.InputSignal<boolean | undefined>;
-    spellcheck: _angular_core.InputSignal<boolean | undefined>;
-    tiptapExtensions: _angular_core.InputSignal<(Mark<any, any> | Node$2<any, any> | Extension<any, any>)[] | undefined>;
-    tiptapOptions: _angular_core.InputSignal<Partial<EditorOptions> | undefined>;
-    showBubbleMenu: _angular_core.InputSignal<boolean | undefined>;
-    bubbleMenu: _angular_core.InputSignal<Partial<AteBubbleMenuConfig> | undefined>;
-    showImageBubbleMenu: _angular_core.InputSignal<boolean | undefined>;
-    imageBubbleMenu: _angular_core.InputSignal<Partial<Partial<Record<"separator" | "alignLeft" | "alignCenter" | "alignRight" | "changeImage" | "downloadImage" | "resizeSmall" | "resizeMedium" | "resizeLarge" | "resizeOriginal" | "deleteImage", boolean>>> | undefined>;
-    toolbar: _angular_core.InputSignal<Partial<AteToolbarConfig> | undefined>;
-    showTableBubbleMenu: _angular_core.InputSignal<boolean | undefined>;
-    tableBubbleMenu: _angular_core.InputSignal<Partial<Partial<Record<"addColumnBefore" | "addColumnAfter" | "deleteColumn" | "addRowBefore" | "addRowAfter" | "deleteRow" | "deleteTable" | "toggleHeaderColumn" | "toggleHeaderRow" | "separator", boolean>>> | undefined>;
-    showCellBubbleMenu: _angular_core.InputSignal<boolean | undefined>;
-    cellBubbleMenu: _angular_core.InputSignal<Partial<Partial<Record<"mergeCells" | "splitCell", boolean>>> | undefined>;
-    /**
-     * Additionnal state calculators to extend the reactive editor state.
-     */
-    stateCalculators: _angular_core.InputSignal<AteStateCalculator[] | undefined>;
-    imageUpload: _angular_core.InputSignal<Partial<AteImageUploadOptions> | undefined>;
-    /**
-     * Custom handler for image uploads.
-     * When provided, images will be processed through this handler instead of being converted to base64.
-     * This allows you to upload images to your own server/storage and use the returned URL.
-     *
-     * @example
-     * ```typescript
-     * myUploadHandler: ImageUploadHandler = async (context) => {
-     *   const formData = new FormData();
-     *   formData.append('image', context.file);
-     *   const response = await fetch('/api/upload', { method: 'POST', body: formData });
-     *   const data = await response.json();
-     *   return { src: data.imageUrl };
-     * };
-     *
-     * // In template:
-     * // <angular-tiptap-editor [imageUploadHandler]="myUploadHandler" />
-     * ```
-     */
-    imageUploadHandler: _angular_core.InputSignal<AteImageUploadHandler | undefined>;
-    contentChange: _angular_core.OutputEmitterRef<string>;
-    editorCreated: _angular_core.OutputEmitterRef<Editor>;
-    editorUpdate: _angular_core.OutputEmitterRef<{
-        editor: Editor;
-        transaction: unknown;
-    }>;
-    editorFocus: _angular_core.OutputEmitterRef<{
-        editor: Editor;
-        event: FocusEvent;
-    }>;
-    editorBlur: _angular_core.OutputEmitterRef<{
-        editor: Editor;
-        event: FocusEvent;
-    }>;
-    editableChange: _angular_core.OutputEmitterRef<boolean>;
-    editorElement: _angular_core.Signal<ElementRef<any>>;
-    hideBubbleMenus(): void;
-    showBubbleMenus(): void;
-    private _editor;
-    private _characterCount;
-    private _wordCount;
-    private _isDragOver;
-    private _editorFullyInitialized;
-    private _hoveredBlock;
-    private lastEmittedHtml;
-    readonly editor: _angular_core.Signal<Editor | null>;
-    readonly characterCount: _angular_core.Signal<number>;
-    readonly wordCount: _angular_core.Signal<number>;
-    readonly isDragOver: _angular_core.Signal<boolean>;
-    readonly editorFullyInitialized: _angular_core.Signal<boolean>;
-    readonly hoveredBlock: _angular_core.Signal<{
-        node: Node$1;
-        element: HTMLElement;
-        pos: number;
-    } | null>;
-    private _isFormControlDisabled;
-    readonly isFormControlDisabled: _angular_core.Signal<boolean>;
-    readonly mergedDisabled: _angular_core.Signal<boolean>;
-    isEditorReady: _angular_core.Signal<boolean>;
-    readonly finalSeamless: _angular_core.Signal<boolean>;
-    readonly finalEditable: _angular_core.Signal<boolean>;
-    readonly finalPlaceholder: _angular_core.Signal<string>;
-    readonly finalFillContainer: _angular_core.Signal<boolean | undefined>;
-    readonly finalShowFooter: _angular_core.Signal<boolean>;
-    readonly finalShowEditToggle: _angular_core.Signal<boolean>;
-    readonly finalHeight: _angular_core.Signal<string | undefined>;
-    readonly finalMinHeight: _angular_core.Signal<string | undefined>;
-    readonly finalMaxHeight: _angular_core.Signal<string | undefined>;
-    readonly finalSpellcheck: _angular_core.Signal<boolean>;
-    readonly finalEnableOfficePaste: _angular_core.Signal<boolean>;
-    readonly finalShowToolbar: _angular_core.Signal<boolean>;
-    readonly finalToolbarConfig: _angular_core.Signal<AteToolbarConfig>;
-    readonly finalFloatingToolbar: _angular_core.Signal<boolean>;
-    readonly finalShowBubbleMenu: _angular_core.Signal<boolean>;
-    readonly finalBubbleMenuConfig: _angular_core.Signal<AteBubbleMenuConfig>;
-    readonly finalShowImageBubbleMenu: _angular_core.Signal<boolean>;
-    readonly finalImageBubbleMenuConfig: _angular_core.Signal<Partial<Record<"separator" | "alignLeft" | "alignCenter" | "alignRight" | "changeImage" | "downloadImage" | "resizeSmall" | "resizeMedium" | "resizeLarge" | "resizeOriginal" | "deleteImage", boolean>>>;
-    readonly finalShowTableBubbleMenu: _angular_core.Signal<boolean>;
-    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<Partial<Record<"mergeCells" | "splitCell", boolean>>>;
-    readonly finalEnableSlashCommands: _angular_core.Signal<boolean>;
-    readonly finalSlashCommandsConfig: _angular_core.Signal<AteCustomSlashCommands>;
-    readonly finalAutofocus: _angular_core.Signal<AteAutofocusMode | undefined>;
-    readonly finalMaxCharacters: _angular_core.Signal<number | undefined>;
-    readonly finalBlockControls: _angular_core.Signal<AteBlockControlsMode>;
-    readonly finalShowCharacterCount: _angular_core.Signal<boolean>;
-    readonly finalShowWordCount: _angular_core.Signal<boolean>;
-    readonly finalLocale: _angular_core.Signal<SupportedLocale>;
-    readonly finalTiptapExtensions: _angular_core.Signal<(Mark<any, any> | Node$2<any, any> | Extension<any, any>)[]>;
-    readonly finalTiptapOptions: _angular_core.Signal<Partial<EditorOptions>>;
-    readonly finalStateCalculators: _angular_core.Signal<AteStateCalculator[]>;
-    readonly finalAngularNodesConfig: _angular_core.Signal<AteAngularNode[]>;
-    readonly finalImageUploadConfig: _angular_core.Signal<{
-        maxSize: number;
-        quality?: number;
-        maxWidth?: number;
-        maxHeight?: number;
-        allowedTypes?: string[];
-        handler?: AteImageUploadHandler;
-    }>;
-    readonly finalImageUploadHandler: _angular_core.Signal<AteImageUploadHandler | undefined>;
-    readonly currentTranslations: _angular_core.Signal<_flogeez_angular_tiptap_editor.AteTranslations>;
-    private _destroyRef;
-    private ngControl;
-    readonly i18nService: AteI18nService;
-    readonly editorCommandsService: AteEditorCommandsService;
-    readonly editorState: _angular_core.Signal<_flogeez_angular_tiptap_editor.AteEditorStateSnapshot>;
-    private injector;
-    private globalConfig;
-    /**
-     * Final merged configuration.
-     * Priority: Input [config] > Global config via provideAteEditor()
-     */
-    readonly effectiveConfig: _angular_core.Signal<{
-        theme?: "light" | "dark" | "auto";
-        mode?: "classic" | "seamless";
-        height?: string | number;
-        autofocus?: AteAutofocusMode;
-        placeholder?: string;
-        editable?: boolean;
-        minHeight?: string | number;
-        maxHeight?: string | number;
-        fillContainer?: boolean;
-        disabled?: boolean;
-        locale?: string;
-        spellcheck?: boolean;
-        enableOfficePaste?: boolean;
-        showToolbar?: boolean;
-        showFooter?: boolean;
-        showCharacterCount?: boolean;
-        showWordCount?: boolean;
-        showEditToggle?: boolean;
-        showBubbleMenu?: boolean;
-        showImageBubbleMenu?: boolean;
-        showTableMenu?: boolean;
-        showCellMenu?: boolean;
-        downloadImage?: boolean;
-        enableSlashCommands?: boolean;
-        maxCharacters?: number;
-        blockControls?: AteBlockControlsMode;
-        toolbar?: AteToolbarConfig;
-        bubbleMenu?: AteBubbleMenuConfig;
-        imageBubbleMenu?: AteImageBubbleMenuConfig;
-        tableBubbleMenu?: AteTableBubbleMenuConfig;
-        cellBubbleMenu?: AteCellBubbleMenuConfig;
-        slashCommands?: AteSlashCommandsConfig;
-        floatingToolbar?: boolean;
-        imageUpload?: _flogeez_angular_tiptap_editor.AteImageUploadConfig;
-        angularNodes?: AteAngularNode[];
-        tiptapExtensions?: (Extension | Node$2 | Mark)[];
-        tiptapOptions?: Partial<EditorOptions>;
-        stateCalculators?: AteStateCalculator[];
-        customSlashCommands?: AteCustomSlashCommands;
-    }>;
-    constructor();
-    ngAfterViewInit(): void;
-    ngOnDestroy(): void;
-    private initEditor;
-    toggleEditMode(event: Event): void;
-    private updateCharacterCount;
-    onDragOver(event: DragEvent): void;
-    onDrop(event: DragEvent): void;
-    private getImageUploadOptions;
-    getHTML(): string;
-    getJSON(): JSONContent | undefined;
-    getText(): string;
-    setContent(content: string, emitUpdate?: boolean): void;
-    focus(): void;
-    blur(): void;
-    clearContent(): void;
-    getEditor(): Editor | null;
-    private setupFormControlSubscription;
-    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; }; "blockControls": { "alias": "blockControls"; "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 AteNoopValueAccessorDirective; inputs: {}; outputs: {}; }]>;
-}
-
-/**
- * Provides the necessary configuration and initialization for the Angular TipTap Editor.
- * This should be called in your app.config.ts (for standalone) or main.ts.
- *
- * This provider is essential for 'Angular Nodes' to work correctly, as it captures the
- * root Injector required to instantiate custom Angular components within the editor.
- * @example
- * ```ts
- * bootstrapApplication(AppComponent, {
- *   providers: [
- *     provideAteEditor({
- *       theme: 'dark',
- *       mode: 'seamless'
- *     })
- *   ]
- * });
- * ```
- */
-declare function provideAteEditor(config?: AteEditorConfig): EnvironmentProviders;
-
-declare class AteTooltipDirective implements OnDestroy {
-    private readonly el;
-    private tippyInstance;
-    content: _angular_core.InputSignal<string | null>;
-    placement: _angular_core.InputSignal<_popperjs_core.Placement>;
-    delay: _angular_core.InputSignal<number | [number, number]>;
-    disabled: _angular_core.InputSignal<boolean>;
-    /**
-     * Computed logic for ARIA shortcuts.
-     */
-    protected readonly ariaShortcut: _angular_core.Signal<string | null>;
-    /**
-     * Computed logic for Tippy content.
-     * Includes strict escaping of dynamic content to prevent XSS.
-     */
-    private readonly processedTooltip;
-    constructor();
-    ngOnDestroy(): void;
-    /**
-     * Basic HTML escaping for security.
-     * Effectively neutralizes scripts or malicious HTML tags.
-     */
-    private escapeHtml;
-    private initTippy;
-    private destroyTippy;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AteTooltipDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<AteTooltipDirective, "[ateTooltip]", never, { "content": { "alias": "ateTooltip"; "required": false; "isSignal": true; }; "placement": { "alias": "ateTooltipPlacement"; "required": false; "isSignal": true; }; "delay": { "alias": "ateTooltipDelay"; "required": false; "isSignal": true; }; "disabled": { "alias": "ateTooltipDisabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
-declare class AteImageService {
-    /** Signals for image state */
-    selectedImage: _angular_core.WritableSignal<AteImageData | null>;
-    isImageSelected: _angular_core.Signal<boolean>;
-    /** Resizing state */
-    isResizing: _angular_core.WritableSignal<boolean>;
-    private i18n;
-    private readonly t;
-    /** Upload state signals */
-    isUploading: _angular_core.WritableSignal<boolean>;
-    uploadProgress: _angular_core.WritableSignal<number>;
-    uploadMessage: _angular_core.WritableSignal<string>;
-    /**
-     * Custom upload handler.
-     * If set, this handler replaces the default base64 conversion.
-     */
-    uploadHandler: AteImageUploadHandler | null;
-    private currentEditor;
-    /** Select and track an image from the editor */
-    selectImage(editor: Editor): void;
-    clearSelection(): void;
-    /** Insert a new image and ensure it's selected */
-    insertImage(editor: Editor, imageData: AteImageData): void;
-    /** Update attributes of the currently active image */
-    updateImageAttributes(editor: Editor, attributes: Partial<AteImageData>): void;
-    /** Resize image with optional aspect ratio maintenance */
-    resizeImage(editor: Editor, options: AteResizeOptions): void;
-    /** Predetermined resize helpers used by UI */
-    resizeImageToSmall(editor: Editor): void;
-    resizeImageToMedium(editor: Editor): void;
-    resizeImageToLarge(editor: Editor): void;
-    resizeImageToOriginal(editor: Editor): void;
-    /** Get current image dimensions */
-    getImageDimensions(editor: Editor): {
-        width: number;
-        height: number;
-    } | null;
-    /** Remove the selected image */
-    deleteImage(editor: Editor): void;
-    /** Download the current image */
-    downloadImage(editor: Editor): void;
-    private updateSelectedImage;
-    /** Validate file type and size */
-    validateImage(file: File, options?: {
-        maxSize?: number;
-        allowedTypes?: string[];
-    }): {
-        valid: boolean;
-        error?: string;
-    };
-    /** Compress and process image on client side */
-    compressImage(file: File, quality?: number, maxWidth?: number, maxHeight?: number): Promise<AteImageUploadResult>;
-    /** Core upload logic with progress tracking */
-    private uploadImageWithProgress;
-    private resetUploadState;
-    /** Main entry point for file upload and insertion */
-    uploadAndInsertImage(editor: Editor, file: File, options?: AteImageUploadOptions): Promise<void>;
-    /** Trigger an editor transaction to force decoration update */
-    private forceEditorUpdate;
-    /** Generic helper to open file picker and process selection */
-    private selectFileAndProcess;
-    /** Select file and upload as new image */
-    selectAndUploadImage(editor: Editor, options?: AteImageUploadOptions): Promise<void>;
-    /** 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): Promise<void>;
-    /**
-     * Handle image drop event.
-     * Calculates the position from coordinates and sets the selection accordingly.
-     */
-    handleDrop(editor: Editor, event: DragEvent, options?: AteImageUploadOptions): boolean;
-    /**
-     * Handle image paste event.
-     */
-    handlePaste(editor: Editor, event: ClipboardEvent, options?: AteImageUploadOptions): boolean;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AteImageService, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<AteImageService>;
-}
-
-interface AteColorPickerSelection {
-    from: number;
-    to: number;
-}
-type AteColorEditMode = "text" | "highlight";
-declare class AteColorPickerService {
-    private storedSelection;
-    /** Current edit mode: null when closed, 'text' or 'highlight' when open */
-    readonly editMode: _angular_core.WritableSignal<AteColorEditMode | null>;
-    /** Reference to the element that triggered the menu (for anchoring) */
-    readonly menuTrigger: _angular_core.WritableSignal<HTMLElement | null>;
-    /** Whether the user is currently interacting with the picker UI (e.g. typing) */
-    readonly isInteracting: _angular_core.WritableSignal<boolean>;
-    /**
-     * Open the color picker menu in the specified mode.
-     */
-    open(mode: AteColorEditMode, trigger?: HTMLElement): void;
-    /**
-     * Close the color picker menu.
-     */
-    close(): void;
-    /**
-     * Set interaction state (prevents premature closing when blurring editor)
-     */
-    setInteracting(value: boolean): void;
-    /**
-     * Toggle color picker from UI (extracts trigger from event).
-     */
-    toggle(editor: Editor, mode: AteColorEditMode, event?: Event): void;
-    /**
-     * Capture current editor selection.
-     */
-    captureSelection(editor: Editor): void;
-    /**
-     * Get last captured selection.
-     */
-    getStoredSelection(): AteColorPickerSelection | null;
-    /**
-     * Clear captured selection.
-     */
-    done(): void;
-    /**
-     * Apply text color to selection.
-     */
-    applyColor(editor: Editor, color: string, addToHistory?: boolean, focus?: boolean): void;
-    /**
-     * Remove text color from selection.
-     */
-    unsetColor(editor: Editor, focus?: boolean): void;
-    /**
-     * Apply highlight color to selection.
-     */
-    applyHighlight(editor: Editor, color: string, addToHistory?: boolean, focus?: boolean): void;
-    /**
-     * Remove highlight from selection.
-     */
-    unsetHighlight(editor: Editor, focus?: boolean): void;
-    normalizeColor(color: string | null | undefined): string;
-    getLuminance(color: string): number;
-    getContrastColor(color: string): "black" | "white";
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AteColorPickerService, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<AteColorPickerService>;
-}
-
-declare class AteLinkService {
-    /** Whether link edit mode is active */
-    readonly editMode: _angular_core.WritableSignal<boolean>;
-    /** Reference to the element that triggered the menu (for anchoring) */
-    readonly menuTrigger: _angular_core.WritableSignal<HTMLElement | null>;
-    /** Whether the user is currently interacting with the link UI (input focus) */
-    readonly isInteracting: _angular_core.WritableSignal<boolean>;
-    /**
-     * Open the link edit menu.
-     */
-    open(trigger?: HTMLElement): void;
-    /**
-     * Close the link edit menu.
-     */
-    close(): void;
-    /**
-     * Final cleanup (called after UI is hidden)
-     */
-    done(): void;
-    /**
-     * Set interaction state
-     */
-    setInteracting(value: boolean): void;
-    /**
-     * Toggle link mode from UI.
-     * If a URL string is provided, applies the link and closes.
-     * If an Event is provided, extracts the trigger for anchoring.
-     */
-    toggle(editor: Editor, urlOrEvent?: string | Event): void;
-    /**
-     * Apply a link to the current selection.
-     */
-    setLink(editor: Editor, url: string): void;
-    /**
-     * Remove link from the current selection.
-     */
-    unsetLink(editor: Editor): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AteLinkService, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<AteLinkService>;
-}
-
-/**
- * DiscoveryCalculator automatically detects and tracks the state of any TipTap extension.
- * It provides a "fallback" reactive state for any mark or node not explicitly handled
- * by specialized calculators.
- */
-declare const AteDiscoveryCalculator: AteStateCalculator;
-
-declare const AteImageCalculator: AteStateCalculator;
-
-declare const AteMarksCalculator: AteStateCalculator;
-
-declare const AteSelectionCalculator: AteStateCalculator;
-
-declare const AteStructureCalculator: AteStateCalculator;
-
-declare const AteTableCalculator: AteStateCalculator;
-
-declare const ATE_DEFAULT_TOOLBAR_CONFIG: AteToolbarConfig;
-declare const ATE_DEFAULT_BUBBLE_MENU_CONFIG: AteBubbleMenuConfig;
-declare const ATE_DEFAULT_IMAGE_BUBBLE_MENU_CONFIG: AteImageBubbleMenuConfig;
-declare const ATE_DEFAULT_TABLE_MENU_CONFIG: AteTableBubbleMenuConfig;
-declare const ATE_DEFAULT_CELL_MENU_CONFIG: AteCellBubbleMenuConfig;
-declare const ATE_DEFAULT_IMAGE_UPLOAD_CONFIG: AteImageUploadConfig;
-
-/**
- * Ultimate default configuration for the Angular Tiptap Editor.
- * This serves as the 'Level 4' fallback in the configuration hierarchy:
- * 1. Component Inputs (Le Roi)
- * 2. Component [config] (Le Prince)
- * 3. Global provideAteEditor() (Le Duc)
- * 4. ATE_DEFAULT_CONFIG (Le Peuple)
- */
-declare const ATE_DEFAULT_CONFIG: AteEditorConfig;
-
-/**
- * Injection Token for global editor configuration.
- */
-declare const ATE_GLOBAL_CONFIG: InjectionToken<AteEditorConfig>;
-
-/**
- * Props that are injected into Angular NodeView components
- */
-interface AteAngularNodeViewProps {
-    editor: Editor;
-    node: Node$1;
-    decorations: readonly Decoration[];
-    selected: boolean;
-    extension: unknown;
-    getPos: () => number | undefined;
-    updateAttributes: (attrs: Record<string, unknown>) => void;
-    deleteNode: () => void;
-}
-/**
- * Base abstract class for custom 'Angular Nodes'.
- *
- * Extend this class in your custom components to automatically receive TipTap editor
- * properties (node attributes, selection state, etc.) as reactive Signals.
- *
- * @example
- * ```typescript
- * @Component({
- *   selector: 'app-counter',
- *   template: `
- *     <div>
- *       <button (click)="increment()">Count: {{ node().attrs['count'] }}</button>
- *     </div>
- *   `
- * })
- * export class CounterComponent extends AteAngularNodeView {
- *   increment() {
- *     const count = this.node().attrs['count'] || 0;
- *     this.updateAttributes({ count: count + 1 });
- *   }
- * }
- * ```
- */
-declare abstract class AteAngularNodeView {
-    /**
-     * The TipTap editor instance
-     */
-    editor: Signal<Editor>;
-    /**
-     * The ProseMirror node
-     */
-    node: Signal<Node$1>;
-    /**
-     * Decorations applied to this node
-     */
-    decorations: Signal<readonly Decoration[]>;
-    /**
-     * Whether the node is currently selected
-     */
-    selected: Signal<boolean>;
-    /**
-     * The extension instance that created this node
-     */
-    extension: Signal<unknown>;
-    /**
-     * Function to get the current position of this node in the document
-     */
-    getPos: () => number | undefined;
-    /**
-     * Update the attributes of this node
-     *
-     * @param attrs - Partial attributes to update
-     *
-     * @example
-     * ```typescript
-     * this.updateAttributes({ count: 5, color: 'blue' });
-     * ```
-     */
-    updateAttributes: (attrs: Record<string, unknown>) => void;
-    /**
-     * Delete this node from the document
-     */
-    deleteNode: () => void;
-    /** @internal */
-    private _writableSignals?;
-    /**
-     * Internal method to initialize the component with NodeView props.
-     * This is called by the AngularNodeViewRenderer.
-     *
-     * @internal
-     */
-    _initNodeView(props: AteAngularNodeViewProps): void;
-    /**
-     * Internal method to update the component when the node changes.
-     * This is called by the AngularNodeViewRenderer.
-     *
-     * @internal
-     */
-    _updateNodeView(node: Node$1, decorations: readonly Decoration[]): void;
-    /**
-     * Internal method to update the selection state.
-     * This is called by the AngularNodeViewRenderer.
-     *
-     * @internal
-     */
-    _selectNodeView(): void;
-    /**
-     * Internal method to update the deselection state.
-     * This is called by the AngularNodeViewRenderer.
-     *
-     * @internal
-     */
-    _deselectNodeView(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AteAngularNodeView, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<AteAngularNodeView, never, never, {}, {}, never, never, true, never>;
-}
-
-/**
- * Universal Renderer for Angular Components as TipTap NodeViews.
- *
- * Supports:
- * - TipTap-Aware components (extending AteAngularNodeView)
- * - Standard library components (automatic @Input() sync)
- * - Signal-based inputs and outputs (Angular 18+)
- * - Content projection (editableContent)
- * - Unified lifecycle and event management
- */
-declare function AteNodeViewRenderer<T>(component: Type<T>, options: AteComponentRenderOptions): (props: {
-    node: Node$1;
-    view: EditorView;
-    getPos: () => number | undefined;
-    decorations: readonly Decoration[];
-    editor: Editor;
-    extension: unknown;
-}) => NodeView;
-
-/**
- * Factory to transform an Angular component into a TipTap Node extension.
- * Supports both "TipTap-Aware" and "Standard" modes.
- *
- * @internal
- */
-declare function createAngularComponentExtension<T = unknown>(injector: Injector, options: RegisterAngularComponentOptions<T>): Node$2;
-
-/**
- * Registers ANY Angular component as a TipTap node extension.
- *
- * This function is the single public entry point for adding custom components.
- * It supports two distinct modes:
- *
- * 1. **TipTap-Aware Mode** (the component extends `AteAngularNodeView`):
- *    Grants direct access to the TipTap API (`editor`, `node`, `updateAttributes`, etc.) within the component.
- *
- * 2. **Standard Mode** (library or legacy components):
- *    Allows using any existing Angular component. Its `@Input()` properties are automatically
- *    synchronized with TipTap node attributes.
- *
- * @param injectorOrOptions - The Angular Injector OR the configuration options
- * @param maybeOptions - Configuration options (if the first param was an injector)
- * @returns A TipTap Node extension ready to be used
- *
- * @example
- * ```typescript
- * // Modern way (requires provideAteEditor())
- * registerAngularComponent({
- *   component: MyComponent,
- *   name: 'myComponent'
- * });
- *
- * // Classic way
- * registerAngularComponent(injector, {
- *   component: MyComponent
- * });
- * ```
- */
-declare function registerAngularComponent<T = unknown>(injectorOrOptions: Injector | RegisterAngularComponentOptions<T>, maybeOptions?: RegisterAngularComponentOptions<T>): Node$2;
-
-export { ATE_BUBBLE_MENU_KEYS, ATE_CELL_BUBBLE_MENU_KEYS, ATE_DEFAULT_BUBBLE_MENU_CONFIG, ATE_DEFAULT_CELL_MENU_CONFIG, ATE_DEFAULT_CONFIG, ATE_DEFAULT_IMAGE_BUBBLE_MENU_CONFIG, ATE_DEFAULT_IMAGE_UPLOAD_CONFIG, ATE_DEFAULT_SLASH_COMMANDS_CONFIG, ATE_DEFAULT_TABLE_MENU_CONFIG, ATE_DEFAULT_TOOLBAR_CONFIG, ATE_GLOBAL_CONFIG, ATE_IMAGE_BUBBLE_MENU_KEYS, ATE_INITIAL_EDITOR_STATE, ATE_SLASH_COMMAND_KEYS, ATE_TABLE_BUBBLE_MENU_KEYS, ATE_TOOLBAR_KEYS, AngularTiptapEditorComponent, AteAngularNodeView, AteColorPickerService, AteDiscoveryCalculator, AteEditorCommandsService, AteI18nService, AteImageCalculator, AteImageService, AteLinkService, AteMarksCalculator, AteNodeViewRenderer, AteNoopValueAccessorDirective, AteSelectionCalculator, AteStructureCalculator, AteTableCalculator, AteTooltipDirective, createAngularComponentExtension, createDefaultSlashCommands, filterSlashCommands, provideAteEditor, registerAngularComponent };
-export type { AteAngularNode, AteAutofocusMode, AteBlockControlsMode, AteBubbleMenuConfig, AteBubbleMenuKey, AteCellBubbleMenuConfig, AteCellBubbleMenuKey, AteColorEditMode, AteColorPickerSelection, AteComponentRenderOptions, AteCustomBubbleMenuItem, AteCustomSlashCommands, AteCustomToolbarItem, AteEditorConfig, AteEditorStateSnapshot, AteImageBubbleMenuConfig, AteImageBubbleMenuKey, AteImageData, AteImageUploadConfig, AteImageUploadContext, AteImageUploadHandler, AteImageUploadHandlerResult, AteImageUploadOptions, AteImageUploadResult, AteResizeOptions, AteSlashCommandItem, AteSlashCommandKey, AteSlashCommandsConfig, AteStateCalculator, AteTableBubbleMenuConfig, AteTableBubbleMenuKey, AteToolbarConfig, AteToolbarKey, AteTranslations, RegisterAngularComponentOptions, SupportedLocale };
+/// <amd-module name="@flogeez/angular-tiptap-editor" />
+export * from './public-api';