@flogeez/angular-tiptap-editor 3.5.2 → 3.5.3

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

@@ -13,6 +13,7 @@ import { Color } from '@tiptap/extension-color';
 import OfficePaste from '@intevation/tiptap-extension-office-paste';
 import { Plugin, PluginKey, TextSelection, NodeSelection } 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';
 import { Subscription, isObservable, firstValueFrom, concat, defer, of, tap } from 'rxjs';
 import tippy, { sticky } from 'tippy.js';
@@ -681,6 +682,159 @@ const AteUploadProgress = Extension.create({
     },
 });
 
+const IMAGE_NODE_NAMES = new Set(["resizableImage", "image"]);
+const REMOTE_SRC = /^(https?:)?\/\//i;
+const INLINE_SRC = /^data:(image\/[\w.+-]+);base64,(.*)$/is;
+const PASTED_IMAGE_BASENAME = "pasted-image";
+/**
+ * Classifies the `src` of an image found in pasted HTML.
+ * `unreachable` sources (e.g. `attachment:`, `file:`, `cid:`, foreign `blob:`) cannot be fetched by the page.
+ */
+function classifyPastedImageSrc(src, origin = typeof location !== "undefined" ? location.origin : "") {
+    if (!src) {
+        return "unreachable";
+    }
+    if (REMOTE_SRC.test(src) || (src.startsWith("/") && !src.startsWith("//"))) {
+        return "remote";
+    }
+    if (origin && src.startsWith(`blob:${origin}/`)) {
+        return "remote";
+    }
+    return INLINE_SRC.test(src) ? "inline" : "unreachable";
+}
+/** Decodes a base64 image data URI into a `File`, or returns `null` when it is malformed */
+function dataUriToFile(src) {
+    const match = INLINE_SRC.exec(src);
+    if (!match) {
+        return null;
+    }
+    const mimeType = match[1].toLowerCase();
+    try {
+        const binary = atob(match[2].replace(/\s/g, ""));
+        const bytes = Uint8Array.from(binary, char => char.codePointAt(0) ?? 0);
+        const extension = mimeType.split("/")[1].split("+")[0];
+        return new File([bytes], `${PASTED_IMAGE_BASENAME}.${extension}`, { type: mimeType });
+    }
+    catch {
+        return null;
+    }
+}
+function isImageNode(node) {
+    return IMAGE_NODE_NAMES.has(node.type.name);
+}
+/** Removes unreachable images from a pasted slice and lists the base64 sources it keeps */
+function sanitizePastedImages(slice) {
+    const inlineSources = new Set();
+    const droppedSources = [];
+    const sanitize = (fragment) => {
+        const kept = [];
+        fragment.forEach(child => {
+            if (isImageNode(child)) {
+                const src = child.attrs["src"];
+                const source = classifyPastedImageSrc(src);
+                if (source === "unreachable") {
+                    droppedSources.push(src ?? "");
+                    return;
+                }
+                if (source === "inline" && src) {
+                    inlineSources.add(src);
+                }
+                kept.push(child);
+                return;
+            }
+            kept.push(child.isLeaf ? child : child.copy(sanitize(child.content)));
+        });
+        return Fragment.fromArray(kept);
+    };
+    const content = sanitize(slice.content);
+    if (!droppedSources.length) {
+        return { slice, inlineSources: [...inlineSources], droppedSources };
+    }
+    const openStart = content.firstChild === slice.content.firstChild ? slice.openStart : 0;
+    const openEnd = content.lastChild === slice.content.lastChild ? slice.openEnd : 0;
+    return {
+        slice: new Slice(content, openStart, openEnd),
+        inlineSources: [...inlineSources],
+        droppedSources,
+    };
+}
+function replaceImageSrc(editor, previousSrc, nextSrc) {
+    if (editor.isDestroyed) {
+        return;
+    }
+    const { state } = editor;
+    const matches = [];
+    state.doc.descendants((node, pos) => {
+        if (isImageNode(node) && node.attrs["src"] === previousSrc) {
+            matches.push({ pos, node });
+        }
+    });
+    if (!matches.length) {
+        return;
+    }
+    const tr = state.tr;
+    for (const { pos, node } of [...matches].reverse()) {
+        if (nextSrc) {
+            tr.setNodeMarkup(pos, undefined, { ...node.attrs, src: nextSrc });
+        }
+        else {
+            tr.delete(pos, pos + node.nodeSize);
+        }
+    }
+    editor.view.dispatch(tr);
+}
+/**
+ * Cleans images coming from pasted HTML (e.g. Notion, Google Docs, Office):
+ * - drops images whose source the page cannot load, instead of inserting broken images;
+ * - sends base64 images through the upload handler (when one is configured) and swaps in the hosted URL.
+ *
+ * File-based clipboard images keep going through the regular paste upload flow.
+ */
+const AtePastedImage = Extension.create({
+    name: "atePastedImage",
+    addOptions() {
+        return {
+            shouldRehost: () => false,
+            rehost: () => Promise.reject(new Error("No upload handler configured")),
+            onRejected: () => undefined,
+        };
+    },
+    addProseMirrorPlugins() {
+        const editor = this.editor;
+        const options = this.options;
+        const rehost = (src) => {
+            const file = dataUriToFile(src);
+            if (!file) {
+                replaceImageSrc(editor, src, null);
+                options.onRejected({ reason: "unreachable", src });
+                return;
+            }
+            options
+                .rehost(file)
+                .then(url => replaceImageSrc(editor, src, url))
+                .catch(() => {
+                replaceImageSrc(editor, src, null);
+                options.onRejected({ reason: "upload-failed", src });
+            });
+        };
+        return [
+            new Plugin({
+                key: new PluginKey("atePastedImage"),
+                props: {
+                    transformPasted: slice => {
+                        const { slice: sanitized, inlineSources, droppedSources } = sanitizePastedImages(slice);
+                        droppedSources.forEach(src => options.onRejected({ reason: "unreachable", src }));
+                        if (inlineSources.length && options.shouldRehost()) {
+                            queueMicrotask(() => inlineSources.forEach(rehost));
+                        }
+                        return sanitized;
+                    },
+                },
+            }),
+        ];
+    },
+});
+
 const AteTableExtension = Extension.create({
     name: "tableExtension",
     addExtensions() {
@@ -3341,43 +3495,15 @@ class AteImageService {
             this.uploadProgress.set(10);
             this.uploadMessage.set(this.t().validating);
             this.forceEditorUpdate();
-            const validation = this.validateImage(file, {
-                maxSize: options?.maxSize,
-                allowedTypes: options?.allowedTypes,
-            });
-            if (!validation.valid) {
-                throw new Error(validation.error);
-            }
-            this.uploadProgress.set(30);
-            this.uploadMessage.set(this.t().compressing);
-            this.forceEditorUpdate();
-            const result = await this.compressImage(file, options?.quality || 0.8, options?.maxWidth || 1920, options?.maxHeight || 1200);
-            this.uploadProgress.set(70);
-            // Handle custom upload if handler is provided
-            if (this.uploadHandler) {
-                this.uploadMessage.set(this.t().uploadingToServer);
-                this.forceEditorUpdate();
-                try {
-                    const handlerResponse = this.uploadHandler({
-                        file,
-                        width: result.width || 0,
-                        height: result.height || 0,
-                        type: result.type,
-                        base64: result.src,
-                    });
-                    const handlerResult = isObservable(handlerResponse)
-                        ? await firstValueFrom(handlerResponse)
-                        : await handlerResponse;
-                    result.src = handlerResult.src;
-                    if (handlerResult.alt) {
-                        result.name = handlerResult.alt;
-                    }
+            const result = await this.processImage(file, options, (progress, message) => {
+                if (progress !== undefined) {
+                    this.uploadProgress.set(progress);
                 }
-                catch (handlerError) {
-                    console.error(this.t().uploadError, handlerError);
-                    throw handlerError;
+                if (message !== undefined) {
+                    this.uploadMessage.set(message);
+                    this.forceEditorUpdate();
                 }
-            }
+            });
             this.uploadProgress.set(90);
             this.uploadMessage.set(actionMessage);
             this.forceEditorUpdate();
@@ -3394,6 +3520,61 @@ class AteImageService {
             throw error;
         }
     }
+    /** Validate, compress and (when configured) send an image to the upload handler */
+    async processImage(file, options, onStep) {
+        const validation = this.validateImage(file, {
+            maxSize: options?.maxSize,
+            allowedTypes: options?.allowedTypes,
+        });
+        if (!validation.valid) {
+            throw new Error(validation.error);
+        }
+        onStep?.(30, this.t().compressing);
+        const result = await this.compressImage(file, options?.quality || 0.8, options?.maxWidth || 1920, options?.maxHeight || 1200);
+        onStep?.(70);
+        // Handle custom upload if handler is provided
+        if (this.uploadHandler) {
+            onStep?.(undefined, this.t().uploadingToServer);
+            try {
+                const handlerResponse = this.uploadHandler({
+                    file,
+                    width: result.width || 0,
+                    height: result.height || 0,
+                    type: result.type,
+                    base64: result.src,
+                });
+                const handlerResult = isObservable(handlerResponse)
+                    ? await firstValueFrom(handlerResponse)
+                    : await handlerResponse;
+                result.src = handlerResult.src;
+                if (handlerResult.alt) {
+                    result.name = handlerResult.alt;
+                }
+            }
+            catch (handlerError) {
+                console.error(this.t().uploadError, handlerError);
+                throw handlerError;
+            }
+        }
+        return result;
+    }
+    /**
+     * Run an image that is already in the document (e.g. base64 from pasted HTML)
+     * through validation, compression and the upload handler, and resolve to its new `src`.
+     */
+    async rehostImage(file, options) {
+        try {
+            const result = await this.processImage(file, options);
+            if (this.onImageUploadedCallback) {
+                this.onImageUploadedCallback(result);
+            }
+            return result.src;
+        }
+        catch (error) {
+            console.error(this.t().uploadError, error);
+            throw error;
+        }
+    }
     resetUploadState() {
         this.isUploading.set(false);
         this.uploadProgress.set(0);
@@ -4635,6 +4816,12 @@ class AteEditorCommandsService {
     handleImagePaste(editor, event, options) {
         return this.imageService.handlePaste(editor, event, options);
     }
+    rehostImage(file, options) {
+        return this.imageService.rehostImage(file, options);
+    }
+    get hasUploadHandler() {
+        return this.imageService.uploadHandler !== null;
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AteEditorCommandsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AteEditorCommandsService }); }
 }
@@ -8723,6 +8910,8 @@ class AngularTiptapEditorComponent {
         this.editorBlur = output();
         this.editableChange = output();
         this.imageUploaded = output();
+        /** Emitted when an image from pasted HTML is dropped (unreachable source or failed upload) */
+        this.pastedImageRejected = output();
         // ViewChild with signal
         this.editorElement = viewChild.required("editorElement");
         // Private signals for internal state
@@ -9071,6 +9260,11 @@ class AngularTiptapEditorComponent {
                     class: "ate-image",
                 },
             }),
+            AtePastedImage.configure({
+                shouldRehost: () => this.editorCommandsService.hasUploadHandler,
+                rehost: file => this.editorCommandsService.rehostImage(file, this.getImageUploadOptions()),
+                onRejected: rejection => this.pastedImageRejected.emit(rejection),
+            }),
             AteUploadProgress.configure({
                 isUploading: () => this.editorCommandsService.isUploading(),
                 uploadProgress: () => this.editorCommandsService.uploadProgress(),
@@ -9353,7 +9547,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" }, 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 }, 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: [
             AteEditorCommandsService,
             AteImageService,
             AteColorPickerService,
@@ -9849,5 +10043,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, AteMarksCalculator, AteNodeViewRenderer, AteNoopValueAccessorDirective, AteSelectionCalculator, AteStructureCalculator, AteTableCalculator, AteTableOfContentsComponent, AteTocNodeComponent, AteTocNodeOptions, AteTooltipDirective, createAngularComponentExtension, createDefaultSlashCommands, filterSlashCommands, getAteTocNodeExtension, provideAteEditor, provideAteIcons, registerAngularComponent };
+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, AteMarksCalculator, AteNodeViewRenderer, AteNoopValueAccessorDirective, AtePastedImage, AteSelectionCalculator, AteStructureCalculator, AteTableCalculator, AteTableOfContentsComponent, AteTocNodeComponent, AteTocNodeOptions, AteTooltipDirective, classifyPastedImageSrc, createAngularComponentExtension, createDefaultSlashCommands, dataUriToFile, filterSlashCommands, getAteTocNodeExtension, provideAteEditor, provideAteIcons, registerAngularComponent, sanitizePastedImages };
 //# sourceMappingURL=flogeez-angular-tiptap-editor.mjs.map