@flogeez/angular-tiptap-editor 3.5.4 → 3.6.0

package/fesm2022/flogeez-angular-tiptap-editor.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, signal, inject, Injectable, computed, Directive, ApplicationRef, EnvironmentInjector, createComponent, input, booleanAttribute, effect, untracked, Component, ChangeDetectionStrategy, HostListener, ElementRef, ViewEncapsulation, output, viewChild, DestroyRef, Injector, makeEnvironmentProviders, APP_INITIALIZER } from '@angular/core';
+import { InjectionToken, signal, inject, Injectable, computed, Directive, ApplicationRef, EnvironmentInjector, createComponent, input, booleanAttribute, effect, untracked, Component, ChangeDetectionStrategy, HostListener, ElementRef, ViewEncapsulation, output, viewChild, DestroyRef, Injector, isDevMode, makeEnvironmentProviders, APP_INITIALIZER } from '@angular/core';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { Node as Node$1, mergeAttributes, nodeInputRule, Extension, getAttributes, Editor } from '@tiptap/core';
 import StarterKit from '@tiptap/starter-kit';
@@ -11,7 +11,7 @@ import { Highlight } from '@tiptap/extension-highlight';
 import { TextStyle } from '@tiptap/extension-text-style';
 import { Color } from '@tiptap/extension-color';
 import OfficePaste from '@intevation/tiptap-extension-office-paste';
-import { Plugin, PluginKey, TextSelection, NodeSelection } from '@tiptap/pm/state';
+import { Plugin, PluginKey, NodeSelection, TextSelection } from '@tiptap/pm/state';
 import { DecorationSet, Decoration } from '@tiptap/pm/view';
 import { Fragment, Slice } from '@tiptap/pm/model';
 import { Table, TableRow, TableHeader, TableCell } from '@tiptap/extension-table';
@@ -682,6 +682,18 @@ const AteUploadProgress = Extension.create({
     },
 });
 
+/**
+ * Thrown when an image fails validation, before compression and before `imageUploadHandler` runs.
+ * `message` is the translated, user-facing text.
+ */
+class AteImageValidationError extends Error {
+    constructor(reason, message) {
+        super(message);
+        this.reason = reason;
+        this.name = "AteImageValidationError";
+    }
+}
+
 const IMAGE_NODE_NAMES = new Set(["resizableImage", "image"]);
 const REMOTE_SRC = /^(https?:)?\/\//i;
 const INLINE_SRC = /^data:(image\/[\w.+-]+);base64,(.*)$/is;
@@ -812,9 +824,12 @@ const AtePastedImage = Extension.create({
             options
                 .rehost(file)
                 .then(url => replaceImageSrc(editor, src, url))
-                .catch(() => {
+                .catch((error) => {
                 replaceImageSrc(editor, src, null);
-                options.onRejected({ reason: "upload-failed", src });
+                options.onRejected({
+                    reason: error instanceof AteImageValidationError ? error.reason : "upload-failed",
+                    src,
+                });
             });
         };
         return [
@@ -883,6 +898,104 @@ const AteLinkShortcut = Extension.create({
     },
 });
 
+const LIST_ITEM_NODE_NAMES = new Set(["listItem", "taskItem"]);
+/**
+ * Resolves the block the shortcuts act on: a selected block node, the list or task item
+ * holding the cursor, or else the top-level block holding the cursor.
+ */
+function findBlockAtSelection(selection) {
+    const { $from } = selection;
+    if (selection instanceof NodeSelection && selection.node.isBlock) {
+        return {
+            node: selection.node,
+            pos: selection.from,
+            parent: $from.parent,
+            index: $from.index(),
+        };
+    }
+    if ($from.depth < 1) {
+        return null;
+    }
+    let depth = 1;
+    for (let current = $from.depth; current > 0; current--) {
+        if (LIST_ITEM_NODE_NAMES.has($from.node(current).type.name)) {
+            depth = current;
+            break;
+        }
+    }
+    return {
+        node: $from.node(depth),
+        pos: $from.before(depth),
+        parent: $from.node(depth - 1),
+        index: $from.index(depth - 1),
+    };
+}
+/** Inserts a copy of the current block right after it */
+function duplicateBlock(state) {
+    const block = findBlockAtSelection(state.selection);
+    if (!block) {
+        return null;
+    }
+    return state.tr.insert(block.pos, block.node).scrollIntoView();
+}
+/** Swaps the current block with its previous sibling, or returns `null` at the first position */
+function moveBlockUp(state) {
+    const block = findBlockAtSelection(state.selection);
+    if (!block || block.index === 0) {
+        return null;
+    }
+    const previous = block.parent.child(block.index - 1);
+    const end = block.pos + block.node.nodeSize;
+    return state.tr
+        .insert(end, previous)
+        .delete(block.pos - previous.nodeSize, block.pos)
+        .scrollIntoView();
+}
+/** Swaps the current block with its next sibling, or returns `null` at the last position */
+function moveBlockDown(state) {
+    const block = findBlockAtSelection(state.selection);
+    if (!block || block.index >= block.parent.childCount - 1) {
+        return null;
+    }
+    const next = block.parent.child(block.index + 1);
+    const end = block.pos + block.node.nodeSize;
+    return state.tr
+        .delete(end, end + next.nodeSize)
+        .insert(block.pos, next)
+        .scrollIntoView();
+}
+/**
+ * Notion-style block shortcuts: `Mod+D` duplicates the current block, `Mod+Shift+ArrowUp` and
+ * `Mod+Shift+ArrowDown` move it one sibling up or down. Inside a list the block is the list
+ * or task item, which moves within its list. At the edges the key event is left alone.
+ */
+const AteBlockShortcuts = Extension.create({
+    name: "ateBlockShortcuts",
+    addOptions() {
+        return {
+            enabled: () => true,
+        };
+    },
+    addKeyboardShortcuts() {
+        const run = (build) => () => {
+            if (!this.options.enabled() || !this.editor.isEditable) {
+                return false;
+            }
+            const transaction = build(this.editor.state);
+            if (!transaction) {
+                return false;
+            }
+            this.editor.view.dispatch(transaction);
+            return true;
+        };
+        return {
+            "Mod-d": run(duplicateBlock),
+            "Mod-Shift-ArrowUp": run(moveBlockUp),
+            "Mod-Shift-ArrowDown": run(moveBlockDown),
+        };
+    },
+});
+
 const AteTableExtension = Extension.create({
     name: "tableExtension",
     addExtensions() {
@@ -1471,13 +1584,13 @@ class AteEditorRef {
     insertImage(options) {
         const editor = this.editor;
         if (editor) {
-            this.commandsService.insertImage(editor, options);
+            this.commandsService.insertImage(editor, options).catch(() => undefined);
         }
     }
     uploadImage(file, options) {
         const editor = this.editor;
         if (editor) {
-            this.commandsService.uploadImage(editor, file, options);
+            this.commandsService.uploadImage(editor, file, options).catch(() => undefined);
         }
     }
     toggleHighlight(color) {
@@ -2348,6 +2461,456 @@ const GERMAN_TRANSLATIONS = {
     },
 };
 
+const PORTUGUESE_TRANSLATIONS = {
+    toolbar: {
+        bold: "Negrito\nCtrl+B",
+        italic: "Itálico\nCtrl+I",
+        underline: "Sublinhado\nCtrl+U",
+        strike: "Tachado\nCtrl+Shift+X",
+        code: "Código em linha\nCtrl+E",
+        codeBlock: "Bloco de código",
+        superscript: "Sobrescrito",
+        subscript: "Subscrito",
+        highlight: "Destacar",
+        highlightPicker: "Cor de destaque",
+        heading1: "Título 1",
+        heading2: "Título 2",
+        heading3: "Título 3",
+        bulletList: "Lista com marcadores",
+        orderedList: "Lista numerada",
+        blockquote: "Citação",
+        alignLeft: "Alinhar à esquerda",
+        alignCenter: "Centralizar",
+        alignRight: "Alinhar à direita",
+        alignJustify: "Justificar",
+        link: "Inserir link",
+        image: "Inserir imagem",
+        horizontalRule: "Linha horizontal",
+        table: "Inserir tabela",
+        undo: "Desfazer\nCtrl+Z",
+        redo: "Refazer\nCtrl+Shift+Z",
+        clear: "Limpar",
+        textColor: "Cor do texto",
+        customColor: "Cor personalizada",
+        presets: "Predefinições",
+    },
+    bubbleMenu: {
+        bold: "Negrito\nCtrl+B",
+        italic: "Itálico\nCtrl+I",
+        underline: "Sublinhado\nCtrl+U",
+        strike: "Tachado\nCtrl+Shift+X",
+        code: "Código\nCtrl+E",
+        superscript: "Sobrescrito",
+        subscript: "Subscrito",
+        highlight: "Destacar",
+        highlightPicker: "Cor de destaque",
+        textColor: "Cor do texto",
+        link: "Link",
+        addLink: "Inserir link",
+        editLink: "Editar link",
+        removeLink: "Remover link",
+        linkUrl: "URL do link",
+        linkText: "Texto do link",
+        openLink: "Abrir link",
+        customColor: "Cor personalizada",
+        presets: "Predefinições",
+    },
+    slashCommands: {
+        heading1: {
+            title: "Título 1",
+            description: "Título de seção grande",
+            keywords: ["heading", "h1", "title", "1", "header", "título", "titulo", "cabeçalho"],
+        },
+        heading2: {
+            title: "Título 2",
+            description: "Título de seção médio",
+            keywords: ["heading", "h2", "title", "2", "header", "título", "titulo", "subtítulo"],
+        },
+        heading3: {
+            title: "Título 3",
+            description: "Título de seção pequeno",
+            keywords: ["heading", "h3", "title", "3", "header", "título", "titulo", "subtítulo"],
+        },
+        bulletList: {
+            title: "Lista com marcadores",
+            description: "Criar uma lista com marcadores",
+            keywords: ["bullet", "list", "ul", "unordered", "lista", "marcadores", "tópicos"],
+        },
+        orderedList: {
+            title: "Lista numerada",
+            description: "Criar uma lista numerada",
+            keywords: ["ordered", "list", "ol", "numbered", "lista", "numerada", "ordenada"],
+        },
+        blockquote: {
+            title: "Citação",
+            description: "Adicionar uma citação",
+            keywords: ["quote", "blockquote", "citation", "citação", "citacao", "aspas"],
+        },
+        code: {
+            title: "Bloco de código",
+            description: "Adicionar um bloco de código",
+            keywords: ["code", "codeblock", "pre", "programming", "código", "codigo", "programação"],
+        },
+        image: {
+            title: "Imagem",
+            description: "Inserir uma imagem",
+            keywords: ["image", "photo", "picture", "img", "imagem", "foto"],
+        },
+        horizontalRule: {
+            title: "Linha horizontal",
+            description: "Adicionar uma linha divisória",
+            keywords: ["hr", "horizontal", "rule", "line", "separator", "linha", "divisor", "separador"],
+        },
+        table: {
+            title: "Tabela",
+            description: "Inserir uma tabela",
+            keywords: [
+                "table",
+                "grid",
+                "data",
+                "rows",
+                "columns",
+                "tabela",
+                "grade",
+                "dados",
+                "linhas",
+                "colunas",
+            ],
+        },
+        tableOfContents: {
+            title: "Sumário",
+            description: "Inserir um sumário",
+            keywords: [
+                "toc",
+                "table",
+                "contents",
+                "summary",
+                "index",
+                "headings",
+                "outline",
+                "sumário",
+                "sumario",
+                "índice",
+                "indice",
+                "títulos",
+            ],
+        },
+        filterPlaceholder: "Filtrar...",
+    },
+    table: {
+        addRowBefore: "Inserir linha acima",
+        addRowAfter: "Inserir linha abaixo",
+        deleteRow: "Excluir linha",
+        addColumnBefore: "Inserir coluna à esquerda",
+        addColumnAfter: "Inserir coluna à direita",
+        deleteColumn: "Excluir coluna",
+        deleteTable: "Excluir tabela",
+        toggleHeaderRow: "Alternar linha de cabeçalho",
+        toggleHeaderColumn: "Alternar coluna de cabeçalho",
+        mergeCells: "Mesclar células",
+        splitCell: "Dividir célula",
+    },
+    imageUpload: {
+        selectImage: "Selecionar imagem",
+        loadError: "Erro ao carregar a imagem",
+        uploadingImage: "Enviando imagem...",
+        uploadProgress: "Progresso do envio",
+        uploadError: "Erro no envio",
+        uploadSuccess: "Envio concluído",
+        imageTooLarge: "Imagem muito grande",
+        invalidFileType: "Tipo de arquivo inválido",
+        dragDropText: "Arraste e solte imagens aqui",
+        changeImage: "Trocar imagem",
+        downloadImage: "Baixar imagem",
+        deleteImage: "Excluir imagem",
+        resizeSmall: "Pequena",
+        resizeMedium: "Média",
+        resizeLarge: "Grande",
+        resizeOriginal: "Original",
+        alignLeft: "Alinhar à esquerda",
+        alignCenter: "Centralizar",
+        alignRight: "Alinhar à direita",
+        resizing: "Redimensionando...",
+        compressing: "Comprimindo...",
+        compressionError: "Erro ao comprimir a imagem",
+        validating: "Validando arquivo...",
+        uploadingToServer: "Enviando para o servidor...",
+        replacingImage: "Substituindo imagem...",
+        insertingImage: "Inserindo no editor...",
+        noFileSelected: "Nenhum arquivo de imagem selecionado",
+        selectionCancelled: "Seleção cancelada",
+    },
+    editor: {
+        placeholder: "Comece a escrever...",
+        character: "caractere",
+        characterPlural: "caracteres",
+        word: "palavra",
+        wordPlural: "palavras",
+        linkPrompt: "Digite a URL do link",
+        linkUrlPrompt: "Digite a URL",
+        confirmDelete: "Tem certeza de que deseja excluir?",
+        toggleEdit: "Mudar para o modo de edição",
+        viewMode: "Mudar para o modo de leitura",
+        blockAdd: "Clique para adicionar um bloco",
+        blockDrag: "Arraste para mover este bloco",
+        tableOfContents: "Sumário",
+    },
+    common: {
+        cancel: "Cancelar",
+        confirm: "Confirmar",
+        apply: "Aplicar",
+        delete: "Excluir",
+        save: "Salvar",
+        close: "Fechar",
+        loading: "Carregando",
+        error: "Erro",
+        success: "Sucesso",
+    },
+    export: {
+        export: "Exportar",
+        html: "HTML",
+        markdown: "Markdown",
+        text: "Texto simples",
+        copyHtml: "Copiar como HTML",
+        copyMarkdown: "Copiar como Markdown",
+        copyText: "Copiar como texto simples",
+        downloadHtml: "Baixar .html",
+        downloadMarkdown: "Baixar .md",
+        downloadText: "Baixar .txt",
+        copiedSuccess: "Copiado para a área de transferência!",
+    },
+};
+
+const SPANISH_TRANSLATIONS = {
+    toolbar: {
+        bold: "Negrita\nCtrl+B",
+        italic: "Cursiva\nCtrl+I",
+        underline: "Subrayado\nCtrl+U",
+        strike: "Tachado\nCtrl+Shift+X",
+        code: "Código en línea\nCtrl+E",
+        codeBlock: "Bloque de código",
+        superscript: "Superíndice",
+        subscript: "Subíndice",
+        highlight: "Resaltar",
+        highlightPicker: "Color de resaltado",
+        heading1: "Título 1",
+        heading2: "Título 2",
+        heading3: "Título 3",
+        bulletList: "Lista con viñetas",
+        orderedList: "Lista numerada",
+        blockquote: "Cita",
+        alignLeft: "Alinear a la izquierda",
+        alignCenter: "Centrar",
+        alignRight: "Alinear a la derecha",
+        alignJustify: "Justificar",
+        link: "Insertar enlace",
+        image: "Insertar imagen",
+        horizontalRule: "Línea horizontal",
+        table: "Insertar tabla",
+        undo: "Deshacer\nCtrl+Z",
+        redo: "Rehacer\nCtrl+Shift+Z",
+        clear: "Limpiar",
+        textColor: "Color del texto",
+        customColor: "Color personalizado",
+        presets: "Predefinidos",
+    },
+    bubbleMenu: {
+        bold: "Negrita\nCtrl+B",
+        italic: "Cursiva\nCtrl+I",
+        underline: "Subrayado\nCtrl+U",
+        strike: "Tachado\nCtrl+Shift+X",
+        code: "Código\nCtrl+E",
+        superscript: "Superíndice",
+        subscript: "Subíndice",
+        highlight: "Resaltar",
+        highlightPicker: "Color de resaltado",
+        textColor: "Color del texto",
+        link: "Enlace",
+        addLink: "Insertar enlace",
+        editLink: "Editar enlace",
+        removeLink: "Quitar enlace",
+        linkUrl: "URL del enlace",
+        linkText: "Texto del enlace",
+        openLink: "Abrir enlace",
+        customColor: "Color personalizado",
+        presets: "Predefinidos",
+    },
+    slashCommands: {
+        heading1: {
+            title: "Título 1",
+            description: "Título de sección grande",
+            keywords: ["heading", "h1", "title", "1", "header", "título", "titulo", "encabezado"],
+        },
+        heading2: {
+            title: "Título 2",
+            description: "Título de sección mediano",
+            keywords: ["heading", "h2", "title", "2", "header", "título", "titulo", "subtítulo"],
+        },
+        heading3: {
+            title: "Título 3",
+            description: "Título de sección pequeño",
+            keywords: ["heading", "h3", "title", "3", "header", "título", "titulo", "subtítulo"],
+        },
+        bulletList: {
+            title: "Lista con viñetas",
+            description: "Crear una lista con viñetas",
+            keywords: ["bullet", "list", "ul", "unordered", "lista", "viñetas", "puntos"],
+        },
+        orderedList: {
+            title: "Lista numerada",
+            description: "Crear una lista numerada",
+            keywords: ["ordered", "list", "ol", "numbered", "lista", "numerada", "ordenada"],
+        },
+        blockquote: {
+            title: "Cita",
+            description: "Añadir una cita",
+            keywords: ["quote", "blockquote", "citation", "cita", "citar", "comillas"],
+        },
+        code: {
+            title: "Bloque de código",
+            description: "Añadir un bloque de código",
+            keywords: ["code", "codeblock", "pre", "programming", "código", "codigo", "programación"],
+        },
+        image: {
+            title: "Imagen",
+            description: "Insertar una imagen",
+            keywords: ["image", "photo", "picture", "img", "imagen", "foto"],
+        },
+        horizontalRule: {
+            title: "Línea horizontal",
+            description: "Añadir una línea divisoria",
+            keywords: [
+                "hr",
+                "horizontal",
+                "rule",
+                "line",
+                "separator",
+                "línea",
+                "linea",
+                "divisor",
+                "separador",
+            ],
+        },
+        table: {
+            title: "Tabla",
+            description: "Insertar una tabla",
+            keywords: [
+                "table",
+                "grid",
+                "data",
+                "rows",
+                "columns",
+                "tabla",
+                "cuadrícula",
+                "datos",
+                "filas",
+                "columnas",
+            ],
+        },
+        tableOfContents: {
+            title: "Índice",
+            description: "Insertar un índice",
+            keywords: [
+                "toc",
+                "table",
+                "contents",
+                "summary",
+                "index",
+                "headings",
+                "outline",
+                "índice",
+                "indice",
+                "contenido",
+                "sumario",
+                "títulos",
+            ],
+        },
+        filterPlaceholder: "Filtrar...",
+    },
+    table: {
+        addRowBefore: "Insertar fila arriba",
+        addRowAfter: "Insertar fila abajo",
+        deleteRow: "Eliminar fila",
+        addColumnBefore: "Insertar columna a la izquierda",
+        addColumnAfter: "Insertar columna a la derecha",
+        deleteColumn: "Eliminar columna",
+        deleteTable: "Eliminar tabla",
+        toggleHeaderRow: "Alternar fila de encabezado",
+        toggleHeaderColumn: "Alternar columna de encabezado",
+        mergeCells: "Combinar celdas",
+        splitCell: "Dividir celda",
+    },
+    imageUpload: {
+        selectImage: "Seleccionar imagen",
+        loadError: "Error al cargar la imagen",
+        uploadingImage: "Subiendo imagen...",
+        uploadProgress: "Progreso de la subida",
+        uploadError: "Error al subir",
+        uploadSuccess: "Subida completada",
+        imageTooLarge: "Imagen demasiado grande",
+        invalidFileType: "Tipo de archivo no válido",
+        dragDropText: "Arrastra y suelta imágenes aquí",
+        changeImage: "Cambiar imagen",
+        downloadImage: "Descargar imagen",
+        deleteImage: "Eliminar imagen",
+        resizeSmall: "Pequeña",
+        resizeMedium: "Mediana",
+        resizeLarge: "Grande",
+        resizeOriginal: "Original",
+        alignLeft: "Alinear a la izquierda",
+        alignCenter: "Centrar",
+        alignRight: "Alinear a la derecha",
+        resizing: "Redimensionando...",
+        compressing: "Comprimiendo...",
+        compressionError: "Error al comprimir la imagen",
+        validating: "Validando archivo...",
+        uploadingToServer: "Subiendo al servidor...",
+        replacingImage: "Reemplazando imagen...",
+        insertingImage: "Insertando en el editor...",
+        noFileSelected: "Ningún archivo de imagen seleccionado",
+        selectionCancelled: "Selección cancelada",
+    },
+    editor: {
+        placeholder: "Empieza a escribir...",
+        character: "carácter",
+        characterPlural: "caracteres",
+        word: "palabra",
+        wordPlural: "palabras",
+        linkPrompt: "Introduce la URL del enlace",
+        linkUrlPrompt: "Introduce la URL",
+        confirmDelete: "¿Seguro que quieres eliminar esto?",
+        toggleEdit: "Cambiar al modo de edición",
+        viewMode: "Cambiar al modo de lectura",
+        blockAdd: "Haz clic para añadir un bloque",
+        blockDrag: "Arrastra para mover este bloque",
+        tableOfContents: "Índice",
+    },
+    common: {
+        cancel: "Cancelar",
+        confirm: "Confirmar",
+        apply: "Aplicar",
+        delete: "Eliminar",
+        save: "Guardar",
+        close: "Cerrar",
+        loading: "Cargando",
+        error: "Error",
+        success: "Éxito",
+    },
+    export: {
+        export: "Exportar",
+        html: "HTML",
+        markdown: "Markdown",
+        text: "Texto sin formato",
+        copyHtml: "Copiar como HTML",
+        copyMarkdown: "Copiar como Markdown",
+        copyText: "Copiar como texto sin formato",
+        downloadHtml: "Descargar .html",
+        downloadMarkdown: "Descargar .md",
+        downloadText: "Descargar .txt",
+        copiedSuccess: "¡Copiado al portapapeles!",
+    },
+};
+
 class AteI18nService {
     constructor() {
         this._currentLocale = signal("en");
@@ -2355,12 +2918,14 @@ class AteI18nService {
             en: ENGLISH_TRANSLATIONS,
             fr: FRENCH_TRANSLATIONS,
             de: GERMAN_TRANSLATIONS,
+            pt: PORTUGUESE_TRANSLATIONS,
+            es: SPANISH_TRANSLATIONS,
         });
         // Public signals
         this.currentLocale = this._currentLocale.asReadonly();
         /** All loaded translations (useful for dynamic key access) */
         this.allTranslations = this._translations.asReadonly();
-        this.translations = computed(() => this._translations()[this._currentLocale()] ?? this._translations().en);
+        this.translations = computed(() => this.getTranslations(this._currentLocale()) ?? this._translations().en);
         // Fast translation methods
         this.t = computed(() => this.translations());
         this.toolbar = computed(() => this.translations().toolbar);
@@ -2395,14 +2960,20 @@ class AteI18nService {
             };
         });
     }
-    detectBrowserLanguage() {
-        const browserLang = navigator.language.toLowerCase();
-        if (browserLang.startsWith("fr")) {
-            this._currentLocale.set("fr");
-        }
-        else {
-            this._currentLocale.set("en");
+    getTranslations(locale) {
+        const resolved = this.resolveLocale(locale);
+        return resolved ? this._translations()[resolved] : undefined;
+    }
+    resolveLocale(locale) {
+        const all = this._translations();
+        if (all[locale]) {
+            return locale;
         }
+        const language = locale.toLowerCase().split(/[-_]/)[0];
+        return all[language] ? language : undefined;
+    }
+    detectBrowserLanguage() {
+        this._currentLocale.set(this.resolveLocale(navigator.language) ?? "en");
     }
     // Utility methods for components
     getToolbarTitle(key) {
@@ -3475,12 +4046,13 @@ class AteImageService {
         const maxSize = options?.maxSize || 10 * 1024 * 1024;
         const allowedTypes = options?.allowedTypes || [];
         if (allowedTypes.length > 0 && !allowedTypes.includes(file.type)) {
-            return { valid: false, error: this.t().invalidFileType };
+            return { valid: false, error: this.t().invalidFileType, reason: "invalid-type" };
         }
         if (file.size > maxSize) {
             return {
                 valid: false,
                 error: `${this.t().imageTooLarge} (max ${Math.round(maxSize / 1024 / 1024)}MB)`,
+                reason: "too-large",
             };
         }
         return { valid: true };
@@ -3536,7 +4108,7 @@ class AteImageService {
         });
     }
     /** Core upload logic with progress tracking */
-    async uploadImageWithProgress(editor, file, insertionStrategy, actionMessage, options) {
+    async uploadImageWithProgress(editor, file, insertionStrategy, actionMessage, options, source) {
         try {
             this.currentEditor = editor;
             this.isUploading.set(true);
@@ -3565,6 +4137,11 @@ class AteImageService {
         catch (error) {
             this.resetUploadState();
             console.error(this.t().uploadError, error);
+            this.onImageRejectedCallback?.({
+                reason: error instanceof AteImageValidationError ? error.reason : "upload-failed",
+                file,
+                source,
+            });
             throw error;
         }
     }
@@ -3575,7 +4152,7 @@ class AteImageService {
             allowedTypes: options?.allowedTypes,
         });
         if (!validation.valid) {
-            throw new Error(validation.error);
+            throw new AteImageValidationError(validation.reason ?? "invalid-type", validation.error ?? "");
         }
         onStep?.(30, this.t().compressing);
         const result = await this.compressImage(file, options?.quality || 0.8, options?.maxWidth || 1920, options?.maxHeight || 1200);
@@ -3631,7 +4208,7 @@ class AteImageService {
         this.currentEditor = null;
     }
     /** Main entry point for file upload and insertion */
-    async uploadAndInsertImage(editor, file, options) {
+    async uploadAndInsertImage(editor, file, options, source = "api") {
         return this.uploadImageWithProgress(editor, file, (ed, result) => {
             this.insertImage(ed, {
                 src: result.src,
@@ -3640,7 +4217,7 @@ class AteImageService {
                 width: result.width,
                 height: result.height,
             });
-        }, this.t().insertingImage, options);
+        }, this.t().insertingImage, options, source);
     }
     /** Trigger an editor transaction to force decoration update */
     forceEditorUpdate() {
@@ -3666,7 +4243,7 @@ class AteImageService {
                 const file = e.target.files?.[0];
                 if (file && file.type.startsWith("image/")) {
                     try {
-                        await uploadMethod(editor, file, options);
+                        await uploadMethod(editor, file, options, "picker");
                         resolve();
                     }
                     catch (error) {
@@ -3697,7 +4274,7 @@ class AteImageService {
         return this.selectFileAndProcess(editor, this.uploadAndReplaceImage.bind(this), options);
     }
     /** Internal helper used by replacement logic */
-    async uploadAndReplaceImage(editor, file, options) {
+    async uploadAndReplaceImage(editor, file, options, source = "api") {
         // Store current position to ensure we can re-select the image even if selection blurs during upload
         const wasActive = editor.isActive("resizableImage");
         await this.uploadImageWithProgress(editor, file, (ed, result) => {
@@ -3727,7 +4304,7 @@ class AteImageService {
             }
             // After replacement, ensure the image is tracked in our signals
             this.selectImage(ed);
-        }, this.t().replacingImage, options);
+        }, this.t().replacingImage, options, source);
     }
     /**
      * Handle image drop event.
@@ -3749,7 +4326,7 @@ class AteImageService {
         if (pos) {
             editor.commands.setTextSelection(pos.pos);
         }
-        void this.uploadAndInsertImage(editor, file, options);
+        this.uploadAndInsertImage(editor, file, options, "drop").catch(() => undefined);
         return true;
     }
     /**
@@ -3765,7 +4342,7 @@ class AteImageService {
             return false;
         }
         event.preventDefault();
-        void this.uploadAndInsertImage(editor, imageFile, options);
+        this.uploadAndInsertImage(editor, imageFile, options, "paste").catch(() => undefined);
         return true;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AteImageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
@@ -4448,6 +5025,9 @@ class AteEditorCommandsService {
     set onImageUploaded(callback) {
         this.imageService.onImageUploadedCallback = callback || undefined;
     }
+    set onImageRejected(callback) {
+        this.imageService.onImageRejectedCallback = callback || undefined;
+    }
     set uploadHandler(handler) {
         this.imageService.uploadHandler = handler;
     }
@@ -4519,10 +5099,10 @@ class AteEditorCommandsService {
                 this.insertHorizontalRule(editor);
                 break;
             case "insertImage":
-                this.insertImage(editor, args[0]);
+                this.insertImage(editor, args[0]).catch(() => undefined);
                 break;
             case "uploadImage":
-                this.uploadImage(editor, args[0], args[1]);
+                this.uploadImage(editor, args[0], args[1]).catch(() => undefined);
                 break;
             case "toggleHighlight":
                 this.toggleHighlight(editor, args[0]);
@@ -5634,6 +6214,7 @@ const ATE_DEFAULT_CONFIG = {
     showTableMenu: true,
     showCellMenu: true,
     enableSlashCommands: true,
+    enableBlockShortcuts: true,
     blockControls: "none",
     floatingToolbar: false,
     toolbar: ATE_DEFAULT_TOOLBAR_CONFIG,
@@ -5645,6 +6226,7 @@ const ATE_DEFAULT_CONFIG = {
     slashCommands: {},
     tiptapExtensions: [],
     tiptapOptions: {},
+    starterKitOptions: {},
     stateCalculators: [],
     angularNodes: [],
 };
@@ -7297,6 +7879,16 @@ class AteColorBubbleMenuComponent extends AteBaseSubBubbleMenu {
         }
         return false;
     }
+    findColoredElementInContent(start, contentRoot) {
+        let current = start;
+        while (current && current !== contentRoot && contentRoot.contains(current)) {
+            if (current.matches('[style*="color"], [style*="background"], mark')) {
+                return current;
+            }
+            current = current.parentElement;
+        }
+        return null;
+    }
     getSelectionRect() {
         const trigger = this.colorPickerSvc.menuTrigger();
         const ed = this.editor();
@@ -7316,7 +7908,7 @@ class AteColorBubbleMenuComponent extends AteBaseSubBubbleMenu {
         try {
             const { node } = ed.view.domAtPos(from);
             const element = node instanceof Element ? node : node.parentElement;
-            const colorElement = element?.closest('[style*="color"], [style*="background"], mark');
+            const colorElement = this.findColoredElementInContent(element, ed.view.dom);
             if (colorElement) {
                 return colorElement.getBoundingClientRect();
             }
@@ -7699,6 +8291,7 @@ function createDefaultSlashCommands(i18n, commands, imageOptions) {
                 quality: imageOptions?.quality,
                 maxWidth: imageOptions?.maxWidth,
                 maxHeight: imageOptions?.maxHeight,
+                maxSize: imageOptions?.maxSize,
                 allowedTypes: imageOptions?.allowedTypes,
             }),
         },
@@ -8848,6 +9441,99 @@ const AteBlockControlsExtension = Extension.create({
     },
 });
 
+function shallowArrayEqual(a, b) {
+    return a === b || (a.length === b.length && a.every((item, i) => item === b[i]));
+}
+function shallowObjectEqual(a, b) {
+    if (a === b) {
+        return true;
+    }
+    const aKeys = Object.keys(a);
+    const bKeys = Object.keys(b);
+    return (aKeys.length === bKeys.length &&
+        aKeys.every(key => Object.prototype.hasOwnProperty.call(b, key) &&
+            a[key] === b[key]));
+}
+
+/**
+ * Maps the runtime `.name` of each extension bundled in `@tiptap/starter-kit`
+ * to its corresponding option key in `StarterKitOptions`.
+ */
+const STARTER_KIT_NAME_TO_OPTION = {
+    blockquote: "blockquote",
+    bold: "bold",
+    bulletList: "bulletList",
+    code: "code",
+    codeBlock: "codeBlock",
+    doc: "document",
+    dropCursor: "dropcursor",
+    gapCursor: "gapcursor",
+    hardBreak: "hardBreak",
+    heading: "heading",
+    undoRedo: "undoRedo",
+    horizontalRule: "horizontalRule",
+    italic: "italic",
+    listItem: "listItem",
+    listKeymap: "listKeymap",
+    link: "link",
+    orderedList: "orderedList",
+    paragraph: "paragraph",
+    strike: "strike",
+    text: "text",
+    underline: "underline",
+    trailingNode: "trailingNode",
+};
+/**
+ * Describes which parts of Angular Tiptap Editor's UI or state calculators
+ * depend on a given built-in or StarterKit extension name.
+ */
+const ATE_BUILTIN_UI_DEPENDENCIES = {
+    blockquote: "toolbar/slash menu blockquote buttons, AteStructureCalculator",
+    bold: "toolbar/bubble menu bold buttons, AteMarksCalculator",
+    bulletList: "toolbar/slash menu bullet list buttons, AteStructureCalculator",
+    code: "toolbar/bubble menu inline code buttons, AteMarksCalculator",
+    codeBlock: "toolbar/slash menu code block buttons, AteStructureCalculator",
+    doc: "top-level ProseMirror document schema",
+    dropCursor: "drag-and-drop cursor indicator",
+    gapCursor: "gap cursor navigation around leaf block nodes",
+    hardBreak: "Shift+Enter line break shortcut",
+    heading: "toolbar/bubble menu/slash menu heading controls, table of contents, AteStructureCalculator",
+    undoRedo: "toolbar undo/redo buttons, AteStructureCalculator",
+    horizontalRule: "toolbar/slash menu horizontal rule buttons",
+    italic: "toolbar/bubble menu italic buttons, AteMarksCalculator",
+    listItem: "bullet/ordered list items, block shortcuts",
+    listKeymap: "list backspace/delete keyboard navigation",
+    link: "toolbar/bubble menu link editor, Mod+K shortcut, AteMarksCalculator",
+    orderedList: "toolbar/slash menu ordered list buttons, AteStructureCalculator",
+    paragraph: "default text block node, AteStructureCalculator",
+    strike: "toolbar/bubble menu strikethrough buttons, AteMarksCalculator",
+    text: "core inline text node",
+    underline: "toolbar/bubble menu underline buttons, AteMarksCalculator",
+    trailingNode: "automatic trailing paragraph after block nodes",
+    textStyle: "color picker, AteMarksCalculator",
+    color: "toolbar/bubble menu text color picker, AteMarksCalculator",
+    placeholder: "empty editor placeholder decoration",
+    superscript: "toolbar/bubble menu superscript buttons, AteMarksCalculator",
+    subscript: "toolbar/bubble menu subscript buttons, AteMarksCalculator",
+    textAlign: "toolbar/image bubble menu alignment buttons, AteStructureCalculator",
+    ateLinkClickBehavior: "read-only and Ctrl+click link navigation",
+    ateBlockShortcuts: "Mod+D and Mod+Shift+ArrowUp/Down block shortcuts",
+    ateLinkShortcut: "Mod+K link editor shortcut",
+    highlight: "toolbar/bubble menu highlight picker, AteMarksCalculator",
+    resizableImage: "image node view, image bubble menu, image upload/resize service, AteImageCalculator",
+    atePastedImage: "pasted HTML image sanitization and base64 re-hosting",
+    ateUploadProgress: "image upload progress overlay",
+    tableExtension: "toolbar/slash menu table insertion, table/cell bubble menus, AteTableCalculator",
+    tableOfContents: "slash menu table of contents node, AteTableOfContentsComponent",
+    tiptapState: "reactive editor state engine (toolbar, bubble menus, footer)",
+    blockControls: "block plus button and drag handle",
+    officePaste: "Word/Excel paste normalization",
+    characterCount: "footer character/word counters and maxCharacters limit",
+};
+function getExtensionName(ext) {
+    return ext?.name;
+}
+
 function transformBooleanInput(val) {
     if (val === undefined || val === null) {
         return undefined;
@@ -8903,6 +9589,9 @@ class AngularTiptapEditorComponent {
         this.enableSlashCommands = input(undefined, {
             transform: transformBooleanInput,
         });
+        this.enableBlockShortcuts = input(undefined, {
+            transform: transformBooleanInput,
+        });
         this.slashCommands = input(undefined);
         this.customSlashCommands = input(undefined);
         this.blockControls = input();
@@ -8919,6 +9608,7 @@ class AngularTiptapEditorComponent {
         this.spellcheck = input(undefined, { transform: transformBooleanInput });
         this.tiptapExtensions = input(undefined);
         this.tiptapOptions = input(undefined);
+        this.starterKitOptions = input(undefined);
         // Nouveaux inputs pour les bubble menus
         this.showBubbleMenu = input(undefined, {
             transform: transformBooleanInput,
@@ -8978,6 +9668,8 @@ class AngularTiptapEditorComponent {
         this.editorBlur = output();
         this.editableChange = output();
         this.imageUploaded = output();
+        /** Emitted when an image file is rejected (disallowed type, too large or failed upload) */
+        this.imageRejected = output();
         /** Emitted when an image from pasted HTML is dropped (unreachable source or failed upload) */
         this.pastedImageRejected = output();
         // ViewChild with signal
@@ -9128,15 +9820,19 @@ class AngularTiptapEditorComponent {
         // Behavior
         this.finalAutofocus = computed(() => this.autofocus() ?? this.effectiveConfig().autofocus);
         this.finalMaxCharacters = computed(() => this.maxCharacters() ?? this.effectiveConfig().maxCharacters);
+        this.finalEnableBlockShortcuts = computed(() => this.enableBlockShortcuts() ?? this.effectiveConfig().enableBlockShortcuts ?? true);
         this.finalBlockControls = computed(() => this.blockControls() ?? this.effectiveConfig().blockControls ?? "none");
         this.finalShowCharacterCount = computed(() => this.showCharacterCount() ?? this.effectiveConfig().showCharacterCount ?? true);
         this.finalShowWordCount = computed(() => this.showWordCount() ?? this.effectiveConfig().showWordCount ?? true);
         this.finalLocale = computed(() => this.locale() ?? this.effectiveConfig().locale);
         // Extensions & Options
-        this.finalTiptapExtensions = computed(() => this.tiptapExtensions() ?? this.effectiveConfig().tiptapExtensions ?? []);
-        this.finalTiptapOptions = computed(() => this.tiptapOptions() ?? this.effectiveConfig().tiptapOptions ?? {});
+        this.finalTiptapExtensions = computed(() => this.tiptapExtensions() ?? this.effectiveConfig().tiptapExtensions ?? [], { equal: shallowArrayEqual });
+        this.finalTiptapOptions = computed(() => this.tiptapOptions() ?? this.effectiveConfig().tiptapOptions ?? {}, { equal: shallowObjectEqual });
+        this.finalStarterKitOptions = computed(() => this.starterKitOptions() ?? this.effectiveConfig().starterKitOptions ?? {}, { equal: shallowObjectEqual });
         this.finalStateCalculators = computed(() => this.stateCalculators() ?? this.effectiveConfig().stateCalculators ?? []);
-        this.finalAngularNodesConfig = computed(() => this.effectiveConfig().angularNodes ?? []);
+        this.finalAngularNodesConfig = computed(() => this.effectiveConfig().angularNodes ?? [], {
+            equal: shallowArrayEqual,
+        });
         // Image Upload
         this.finalImageUploadConfig = computed(() => {
             const fromInput = this.imageUpload();
@@ -9157,8 +9853,7 @@ class AngularTiptapEditorComponent {
         this.currentTranslations = computed(() => {
             const localeOverride = this.finalLocale();
             if (localeOverride) {
-                const allTranslations = this.i18nService.allTranslations();
-                return allTranslations[localeOverride] || this.i18nService.translations();
+                return this.i18nService.getTranslations(localeOverride) ?? this.i18nService.translations();
             }
             return this.i18nService.translations();
         });
@@ -9170,6 +9865,7 @@ class AngularTiptapEditorComponent {
         // Access editor state via service
         this.editorState = this.editorCommandsService.editorState;
         this.editorRegistry = inject(AteEditorRegistry);
+        this.warnedExtensionOverrides = new Set();
         this.iconRegistry = inject(AteIconRegistry);
         this._registeredId = signal(null);
         this.registeredId = this._registeredId.asReadonly();
@@ -9255,6 +9951,7 @@ class AngularTiptapEditorComponent {
             // Monitor technical dependencies
             this.finalTiptapExtensions();
             this.finalTiptapOptions();
+            this.finalStarterKitOptions();
             this.finalAngularNodesConfig();
             this.finalBlockControls();
             untracked(() => {
@@ -9272,6 +9969,9 @@ class AngularTiptapEditorComponent {
         this.editorCommandsService.onImageUploaded = result => {
             this.imageUploaded.emit(result);
         };
+        this.editorCommandsService.onImageRejected = rejection => {
+            this.imageRejected.emit(rejection);
+        };
     }
     ngAfterViewInit() {
         // La vue est déjà complètement initialisée dans ngAfterViewInit
@@ -9293,15 +9993,46 @@ class AngularTiptapEditorComponent {
         }
     }
     initEditor() {
-        const extensions = [
-            StarterKit.configure({
-                link: {
-                    openOnClick: false,
+        const starterKitOptions = this.finalStarterKitOptions();
+        const customExtensions = this.finalTiptapExtensions();
+        const customNames = new Set(customExtensions.map(getExtensionName).filter((name) => !!name));
+        const defaultLinkOptions = {
+            openOnClick: false,
+            HTMLAttributes: {
+                class: "ate-link",
+            },
+        };
+        const effectiveStarterKitOptions = {
+            ...starterKitOptions,
+            link: starterKitOptions.link === false
+                ? false
+                : {
+                    ...defaultLinkOptions,
+                    ...starterKitOptions.link,
                     HTMLAttributes: {
-                        class: "ate-link",
+                        ...defaultLinkOptions.HTMLAttributes,
+                        ...starterKitOptions.link?.HTMLAttributes,
                     },
                 },
-            }),
+        };
+        const replacedNames = [];
+        const ignoredStarterKitOptionKeys = [];
+        for (const customName of customNames) {
+            const optionKey = STARTER_KIT_NAME_TO_OPTION[customName];
+            if (!optionKey) {
+                continue;
+            }
+            const userStarterKitValue = starterKitOptions[optionKey];
+            if (userStarterKitValue !== undefined && userStarterKitValue !== false) {
+                ignoredStarterKitOptionKeys.push(optionKey);
+            }
+            if (userStarterKitValue !== false) {
+                replacedNames.push(customName);
+            }
+            effectiveStarterKitOptions[optionKey] = false;
+        }
+        const extensions = [
+            StarterKit.configure(effectiveStarterKitOptions),
             TextStyle,
             Color.configure({
                 types: ["textStyle"],
@@ -9315,6 +10046,9 @@ class AngularTiptapEditorComponent {
                 types: ["heading", "paragraph", "resizableImage"],
             }),
             AteLinkClickBehavior,
+            AteBlockShortcuts.configure({
+                enabled: () => this.finalEnableBlockShortcuts(),
+            }),
             AteLinkShortcut.configure({
                 canOpen: () => this.editorCommandsService.editorState().can.toggleLink,
                 open: editor => this.editorCommandsService.execute(editor, "toggleLink"),
@@ -9390,17 +10124,41 @@ class AngularTiptapEditorComponent {
                 console.error("[ATE] Failed to auto-register node view:", e);
             }
         });
-        // Allow addition of custom extensions, but avoid duplicates by filtering by name
-        const customExtensions = this.finalTiptapExtensions();
+        // Custom extensions in tiptapExtensions take precedence over built-in extensions of the same name
         if (customExtensions.length > 0) {
-            const existingNames = new Set(extensions
-                .map((ext) => ext?.name)
-                .filter((name) => !!name));
-            const toAdd = customExtensions.filter((ext) => {
-                const name = ext?.name;
-                return !name || !existingNames.has(name);
-            });
-            extensions.push(...toAdd);
+            for (let i = extensions.length - 1; i >= 0; i--) {
+                const name = getExtensionName(extensions[i]);
+                if (name && customNames.has(name)) {
+                    replacedNames.push(name);
+                    extensions.splice(i, 1);
+                }
+            }
+            extensions.push(...customExtensions);
+            if (isDevMode()) {
+                const newlyReplaced = replacedNames.filter(name => !this.warnedExtensionOverrides.has(`override:${name}`));
+                const newlyIgnoredOptions = ignoredStarterKitOptionKeys.filter(key => !this.warnedExtensionOverrides.has(`conflict:${key}`));
+                if (newlyReplaced.length > 0 || newlyIgnoredOptions.length > 0) {
+                    newlyReplaced.forEach(name => this.warnedExtensionOverrides.add(`override:${name}`));
+                    newlyIgnoredOptions.forEach(key => this.warnedExtensionOverrides.add(`conflict:${key}`));
+                    const parts = [];
+                    if (newlyReplaced.length > 0) {
+                        const details = newlyReplaced
+                            .map(name => {
+                            const deps = ATE_BUILTIN_UI_DEPENDENCIES[name];
+                            return deps ? `${name} (used by: ${deps})` : name;
+                        })
+                            .join("; ");
+                        parts.push(`Custom extension(s) in tiptapExtensions replaced built-in extension(s): ${details}.`);
+                    }
+                    if (newlyIgnoredOptions.length > 0) {
+                        const ignoredList = newlyIgnoredOptions
+                            .map(key => `starterKitOptions.${key}`)
+                            .join(", ");
+                        parts.push(`${ignoredList} was ignored because the custom extension in tiptapExtensions takes precedence.`);
+                    }
+                    console.warn(`[ATE] ${parts.join(" ")}`);
+                }
+            }
         }
         // Also allow any tiptap user options
         const userOptions = this.finalTiptapOptions();
@@ -9619,7 +10377,7 @@ class AngularTiptapEditorComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AngularTiptapEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: AngularTiptapEditorComponent, isStandalone: true, selector: "angular-tiptap-editor", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null }, content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, editable: { classPropertyName: "editable", publicName: "editable", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, minHeight: { classPropertyName: "minHeight", publicName: "minHeight", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, maxHeight: { classPropertyName: "maxHeight", publicName: "maxHeight", isSignal: true, isRequired: false, transformFunction: null }, fillContainer: { classPropertyName: "fillContainer", publicName: "fillContainer", isSignal: true, isRequired: false, transformFunction: null }, showToolbar: { classPropertyName: "showToolbar", publicName: "showToolbar", isSignal: true, isRequired: false, transformFunction: null }, showFooter: { classPropertyName: "showFooter", publicName: "showFooter", isSignal: true, isRequired: false, transformFunction: null }, showCharacterCount: { classPropertyName: "showCharacterCount", publicName: "showCharacterCount", isSignal: true, isRequired: false, transformFunction: null }, showWordCount: { classPropertyName: "showWordCount", publicName: "showWordCount", isSignal: true, isRequired: false, transformFunction: null }, maxCharacters: { classPropertyName: "maxCharacters", publicName: "maxCharacters", isSignal: true, isRequired: false, transformFunction: null }, enableOfficePaste: { classPropertyName: "enableOfficePaste", publicName: "enableOfficePaste", isSignal: true, isRequired: false, transformFunction: null }, enableSlashCommands: { classPropertyName: "enableSlashCommands", publicName: "enableSlashCommands", isSignal: true, isRequired: false, transformFunction: null }, slashCommands: { classPropertyName: "slashCommands", publicName: "slashCommands", isSignal: true, isRequired: false, transformFunction: null }, customSlashCommands: { classPropertyName: "customSlashCommands", publicName: "customSlashCommands", isSignal: true, isRequired: false, transformFunction: null }, blockControls: { classPropertyName: "blockControls", publicName: "blockControls", isSignal: true, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null }, autofocus: { classPropertyName: "autofocus", publicName: "autofocus", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, seamless: { classPropertyName: "seamless", publicName: "seamless", isSignal: true, isRequired: false, transformFunction: null }, floatingToolbar: { classPropertyName: "floatingToolbar", publicName: "floatingToolbar", isSignal: true, isRequired: false, transformFunction: null }, showEditToggle: { classPropertyName: "showEditToggle", publicName: "showEditToggle", isSignal: true, isRequired: false, transformFunction: null }, spellcheck: { classPropertyName: "spellcheck", publicName: "spellcheck", isSignal: true, isRequired: false, transformFunction: null }, tiptapExtensions: { classPropertyName: "tiptapExtensions", publicName: "tiptapExtensions", isSignal: true, isRequired: false, transformFunction: null }, tiptapOptions: { classPropertyName: "tiptapOptions", publicName: "tiptapOptions", isSignal: true, isRequired: false, transformFunction: null }, showBubbleMenu: { classPropertyName: "showBubbleMenu", publicName: "showBubbleMenu", isSignal: true, isRequired: false, transformFunction: null }, bubbleMenu: { classPropertyName: "bubbleMenu", publicName: "bubbleMenu", isSignal: true, isRequired: false, transformFunction: null }, showImageBubbleMenu: { classPropertyName: "showImageBubbleMenu", publicName: "showImageBubbleMenu", isSignal: true, isRequired: false, transformFunction: null }, imageBubbleMenu: { classPropertyName: "imageBubbleMenu", publicName: "imageBubbleMenu", isSignal: true, isRequired: false, transformFunction: null }, toolbar: { classPropertyName: "toolbar", publicName: "toolbar", isSignal: true, isRequired: false, transformFunction: null }, showTableBubbleMenu: { classPropertyName: "showTableBubbleMenu", publicName: "showTableBubbleMenu", isSignal: true, isRequired: false, transformFunction: null }, tableBubbleMenu: { classPropertyName: "tableBubbleMenu", publicName: "tableBubbleMenu", isSignal: true, isRequired: false, transformFunction: null }, showCellBubbleMenu: { classPropertyName: "showCellBubbleMenu", publicName: "showCellBubbleMenu", isSignal: true, isRequired: false, transformFunction: null }, cellBubbleMenu: { classPropertyName: "cellBubbleMenu", publicName: "cellBubbleMenu", isSignal: true, isRequired: false, transformFunction: null }, stateCalculators: { classPropertyName: "stateCalculators", publicName: "stateCalculators", isSignal: true, isRequired: false, transformFunction: null }, imageUpload: { classPropertyName: "imageUpload", publicName: "imageUpload", isSignal: true, isRequired: false, transformFunction: null }, imageUploadHandler: { classPropertyName: "imageUploadHandler", publicName: "imageUploadHandler", isSignal: true, isRequired: false, transformFunction: null }, editorId: { classPropertyName: "editorId", publicName: "editorId", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { contentChange: "contentChange", editorCreated: "editorCreated", editorUpdate: "editorUpdate", editorFocus: "editorFocus", editorBlur: "editorBlur", editableChange: "editableChange", imageUploaded: "imageUploaded", pastedImageRejected: "pastedImageRejected" }, host: { properties: { "class.fill-container": "finalFillContainer()", "class.floating-toolbar": "finalFloatingToolbar()", "class.is-readonly": "!finalEditable() && !mergedDisabled()", "class.is-disabled": "mergedDisabled()", "style.--ate-border-width": "finalSeamless() || mergedDisabled() ? '0' : null", "style.--ate-background": "finalSeamless() ? 'transparent' : (mergedDisabled() ? 'var(--ate-surface-tertiary)' : null)", "style.--ate-toolbar-border-color": "finalSeamless() ? 'transparent' : null", "style.--ate-counter-background": "finalSeamless() ? 'transparent' : null", "style.--ate-counter-border-color": "finalSeamless() ? 'transparent' : null", "class.dark": "config().theme === 'dark'", "class.ate-blocks-inside": "finalBlockControls() === 'inside'", "class.ate-blocks-outside": "finalBlockControls() === 'outside'", "attr.data-theme": "config().theme" } }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: AngularTiptapEditorComponent, isStandalone: true, selector: "angular-tiptap-editor", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null }, content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, editable: { classPropertyName: "editable", publicName: "editable", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, minHeight: { classPropertyName: "minHeight", publicName: "minHeight", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, maxHeight: { classPropertyName: "maxHeight", publicName: "maxHeight", isSignal: true, isRequired: false, transformFunction: null }, fillContainer: { classPropertyName: "fillContainer", publicName: "fillContainer", isSignal: true, isRequired: false, transformFunction: null }, showToolbar: { classPropertyName: "showToolbar", publicName: "showToolbar", isSignal: true, isRequired: false, transformFunction: null }, showFooter: { classPropertyName: "showFooter", publicName: "showFooter", isSignal: true, isRequired: false, transformFunction: null }, showCharacterCount: { classPropertyName: "showCharacterCount", publicName: "showCharacterCount", isSignal: true, isRequired: false, transformFunction: null }, showWordCount: { classPropertyName: "showWordCount", publicName: "showWordCount", isSignal: true, isRequired: false, transformFunction: null }, maxCharacters: { classPropertyName: "maxCharacters", publicName: "maxCharacters", isSignal: true, isRequired: false, transformFunction: null }, enableOfficePaste: { classPropertyName: "enableOfficePaste", publicName: "enableOfficePaste", isSignal: true, isRequired: false, transformFunction: null }, enableSlashCommands: { classPropertyName: "enableSlashCommands", publicName: "enableSlashCommands", isSignal: true, isRequired: false, transformFunction: null }, enableBlockShortcuts: { classPropertyName: "enableBlockShortcuts", publicName: "enableBlockShortcuts", isSignal: true, isRequired: false, transformFunction: null }, slashCommands: { classPropertyName: "slashCommands", publicName: "slashCommands", isSignal: true, isRequired: false, transformFunction: null }, customSlashCommands: { classPropertyName: "customSlashCommands", publicName: "customSlashCommands", isSignal: true, isRequired: false, transformFunction: null }, blockControls: { classPropertyName: "blockControls", publicName: "blockControls", isSignal: true, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null }, autofocus: { classPropertyName: "autofocus", publicName: "autofocus", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, seamless: { classPropertyName: "seamless", publicName: "seamless", isSignal: true, isRequired: false, transformFunction: null }, floatingToolbar: { classPropertyName: "floatingToolbar", publicName: "floatingToolbar", isSignal: true, isRequired: false, transformFunction: null }, showEditToggle: { classPropertyName: "showEditToggle", publicName: "showEditToggle", isSignal: true, isRequired: false, transformFunction: null }, spellcheck: { classPropertyName: "spellcheck", publicName: "spellcheck", isSignal: true, isRequired: false, transformFunction: null }, tiptapExtensions: { classPropertyName: "tiptapExtensions", publicName: "tiptapExtensions", isSignal: true, isRequired: false, transformFunction: null }, tiptapOptions: { classPropertyName: "tiptapOptions", publicName: "tiptapOptions", isSignal: true, isRequired: false, transformFunction: null }, starterKitOptions: { classPropertyName: "starterKitOptions", publicName: "starterKitOptions", isSignal: true, isRequired: false, transformFunction: null }, showBubbleMenu: { classPropertyName: "showBubbleMenu", publicName: "showBubbleMenu", isSignal: true, isRequired: false, transformFunction: null }, bubbleMenu: { classPropertyName: "bubbleMenu", publicName: "bubbleMenu", isSignal: true, isRequired: false, transformFunction: null }, showImageBubbleMenu: { classPropertyName: "showImageBubbleMenu", publicName: "showImageBubbleMenu", isSignal: true, isRequired: false, transformFunction: null }, imageBubbleMenu: { classPropertyName: "imageBubbleMenu", publicName: "imageBubbleMenu", isSignal: true, isRequired: false, transformFunction: null }, toolbar: { classPropertyName: "toolbar", publicName: "toolbar", isSignal: true, isRequired: false, transformFunction: null }, showTableBubbleMenu: { classPropertyName: "showTableBubbleMenu", publicName: "showTableBubbleMenu", isSignal: true, isRequired: false, transformFunction: null }, tableBubbleMenu: { classPropertyName: "tableBubbleMenu", publicName: "tableBubbleMenu", isSignal: true, isRequired: false, transformFunction: null }, showCellBubbleMenu: { classPropertyName: "showCellBubbleMenu", publicName: "showCellBubbleMenu", isSignal: true, isRequired: false, transformFunction: null }, cellBubbleMenu: { classPropertyName: "cellBubbleMenu", publicName: "cellBubbleMenu", isSignal: true, isRequired: false, transformFunction: null }, stateCalculators: { classPropertyName: "stateCalculators", publicName: "stateCalculators", isSignal: true, isRequired: false, transformFunction: null }, imageUpload: { classPropertyName: "imageUpload", publicName: "imageUpload", isSignal: true, isRequired: false, transformFunction: null }, imageUploadHandler: { classPropertyName: "imageUploadHandler", publicName: "imageUploadHandler", isSignal: true, isRequired: false, transformFunction: null }, editorId: { classPropertyName: "editorId", publicName: "editorId", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { contentChange: "contentChange", editorCreated: "editorCreated", editorUpdate: "editorUpdate", editorFocus: "editorFocus", editorBlur: "editorBlur", editableChange: "editableChange", imageUploaded: "imageUploaded", imageRejected: "imageRejected", pastedImageRejected: "pastedImageRejected" }, host: { properties: { "class.fill-container": "finalFillContainer()", "class.floating-toolbar": "finalFloatingToolbar()", "class.is-readonly": "!finalEditable() && !mergedDisabled()", "class.is-disabled": "mergedDisabled()", "style.--ate-border-width": "finalSeamless() || mergedDisabled() ? '0' : null", "style.--ate-background": "finalSeamless() ? 'transparent' : (mergedDisabled() ? 'var(--ate-surface-tertiary)' : null)", "style.--ate-toolbar-border-color": "finalSeamless() ? 'transparent' : null", "style.--ate-counter-background": "finalSeamless() ? 'transparent' : null", "style.--ate-counter-border-color": "finalSeamless() ? 'transparent' : null", "class.dark": "config().theme === 'dark'", "class.ate-blocks-inside": "finalBlockControls() === 'inside'", "class.ate-blocks-outside": "finalBlockControls() === 'outside'", "attr.data-theme": "config().theme" } }, providers: [
             AteEditorCommandsService,
             AteImageService,
             AteColorPickerService,
@@ -10115,5 +10873,5 @@ const ATE_DEFAULT_TOC_CONFIG = {
  * Generated bundle index. Do not edit.
  */
 
-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_ICONS, ATE_DEFAULT_IMAGE_BUBBLE_MENU_CONFIG, ATE_DEFAULT_IMAGE_UPLOAD_CONFIG, ATE_DEFAULT_SLASH_COMMANDS_CONFIG, ATE_DEFAULT_TABLE_MENU_CONFIG, ATE_DEFAULT_TOC_CONFIG, ATE_DEFAULT_TOOLBAR_CONFIG, ATE_GLOBAL_CONFIG, ATE_ICONS, ATE_IMAGE_BUBBLE_MENU_KEYS, ATE_INITIAL_EDITOR_STATE, ATE_MATERIAL_SYMBOLS_VIEWBOX, ATE_SLASH_COMMAND_KEYS, ATE_STROKE_ICONS, ATE_TABLE_BUBBLE_MENU_KEYS, ATE_TOOLBAR_KEYS, AngularTiptapEditorComponent, AteAngularNodeView, AteColorPickerService, AteDiscoveryCalculator, AteEditorCommandsService, AteEditorRef, AteEditorRegistry, AteExportService, AteI18nService, AteIconComponent, AteIconRegistry, AteImageCalculator, AteImageService, AteLinkService, AteLinkShortcut, AteMarksCalculator, AteNodeViewRenderer, AteNoopValueAccessorDirective, AtePastedImage, AteSelectionCalculator, AteStructureCalculator, AteTableCalculator, AteTableOfContentsComponent, AteTocNodeComponent, AteTocNodeOptions, AteTooltipDirective, classifyPastedImageSrc, createAngularComponentExtension, createDefaultSlashCommands, dataUriToFile, filterSlashCommands, getAteTocNodeExtension, isLinkShortcut, provideAteEditor, provideAteIcons, registerAngularComponent, sanitizePastedImages };
+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_ICONS, ATE_DEFAULT_IMAGE_BUBBLE_MENU_CONFIG, ATE_DEFAULT_IMAGE_UPLOAD_CONFIG, ATE_DEFAULT_SLASH_COMMANDS_CONFIG, ATE_DEFAULT_TABLE_MENU_CONFIG, ATE_DEFAULT_TOC_CONFIG, ATE_DEFAULT_TOOLBAR_CONFIG, ATE_GLOBAL_CONFIG, ATE_ICONS, ATE_IMAGE_BUBBLE_MENU_KEYS, ATE_INITIAL_EDITOR_STATE, ATE_MATERIAL_SYMBOLS_VIEWBOX, ATE_SLASH_COMMAND_KEYS, ATE_STROKE_ICONS, ATE_TABLE_BUBBLE_MENU_KEYS, ATE_TOOLBAR_KEYS, AngularTiptapEditorComponent, AteAngularNodeView, AteBlockShortcuts, AteColorPickerService, AteDiscoveryCalculator, AteEditorCommandsService, AteEditorRef, AteEditorRegistry, AteExportService, AteI18nService, AteIconComponent, AteIconRegistry, AteImageCalculator, AteImageService, AteImageValidationError, AteLinkService, AteLinkShortcut, AteMarksCalculator, AteNodeViewRenderer, AteNoopValueAccessorDirective, AtePastedImage, AteSelectionCalculator, AteStructureCalculator, AteTableCalculator, AteTableOfContentsComponent, AteTocNodeComponent, AteTocNodeOptions, AteTooltipDirective, classifyPastedImageSrc, createAngularComponentExtension, createDefaultSlashCommands, dataUriToFile, filterSlashCommands, getAteTocNodeExtension, isLinkShortcut, provideAteEditor, provideAteIcons, registerAngularComponent, sanitizePastedImages };
 //# sourceMappingURL=flogeez-angular-tiptap-editor.mjs.map