@acorex/cdk 22.3.25 → 22.4.1

package/fesm2022/acorex-cdk-wysiwyg.mjs

@@ -1,88 +1,740 @@
 import { isPlatformBrowser } from '@angular/common';
-import { signal, inject, PLATFORM_ID } from '@angular/core';
+import * as i0 from '@angular/core';
+import { signal, inject, PLATFORM_ID, Injectable } from '@angular/core';
+import { Extension, Node, mergeAttributes } from '@tiptap/core';
+
+const AX_WYSIWYG_FONT_SIZE_VALUES = {
+    small: '0.75em',
+    large: '1.5em',
+    huge: '2.5em',
+};
+const AXWysiwygFontSizeExtension = Extension.create({
+    name: 'axWysiwygFontSize',
+    addGlobalAttributes() {
+        return [
+            {
+                types: ['textStyle'],
+                attributes: {
+                    fontSize: {
+                        default: null,
+                        parseHTML: (element) => element.style.fontSize?.replace(/['"]+/g, '') || null,
+                        renderHTML: (attributes) => {
+                            if (!attributes['fontSize']) {
+                                return {};
+                            }
+                            return { style: `font-size: ${attributes['fontSize']}` };
+                        },
+                    },
+                },
+            },
+        ];
+    },
+    addCommands() {
+        return {
+            setAxWysiwygFontSize: (size) => ({ chain }) => {
+                if (!size) {
+                    return chain().focus().unsetMark('textStyle').run();
+                }
+                const cssSize = AX_WYSIWYG_FONT_SIZE_VALUES[size];
+                return chain().focus().setMark('textStyle', { fontSize: cssSize }).run();
+            },
+        };
+    },
+});
+
+const AX_DEFAULT_WYSIWYG_FEATURES = {
+    textAlign: true,
+    image: true,
+    link: true,
+    video: true,
+    color: true,
+    highlight: true,
+    placeholder: true,
+    fontSize: true,
+    textDirection: true,
+};
+const AX_EMPTY_WYSIWYG_STATE = {
+    bold: false,
+    italic: false,
+    underline: false,
+    strike: false,
+    code: false,
+    codeBlock: false,
+    headingLevel: null,
+    bulletList: false,
+    orderedList: false,
+    blockquote: false,
+    textAlign: null,
+    textColor: null,
+    highlightColor: null,
+    linkHref: null,
+    fontSize: null,
+    textDirection: null,
+    canUndo: false,
+    canRedo: false,
+    isEmpty: true,
+    isFocused: false,
+};
+
+const AXWysiwygTextDirectionExtension = Extension.create({
+    name: 'axWysiwygTextDirection',
+    addGlobalAttributes() {
+        return [
+            {
+                types: ['paragraph', 'heading'],
+                attributes: {
+                    dir: {
+                        default: null,
+                        parseHTML: (element) => element.getAttribute('dir'),
+                        renderHTML: (attributes) => {
+                            if (!attributes['dir']) {
+                                return {};
+                            }
+                            return { dir: attributes['dir'] };
+                        },
+                    },
+                },
+            },
+        ];
+    },
+    addCommands() {
+        return {
+            setAxWysiwygTextDirection: (direction) => ({ chain }) => chain()
+                .focus()
+                .updateAttributes('paragraph', { dir: direction })
+                .updateAttributes('heading', { dir: direction })
+                .run(),
+        };
+    },
+});
+
+function toEmbedSrc(src) {
+    const trimmed = src.trim();
+    if (!trimmed) {
+        return trimmed;
+    }
+    try {
+        const url = new URL(trimmed);
+        if (url.hostname.includes('youtube.com') && url.searchParams.get('v')) {
+            return `https://www.youtube.com/embed/${url.searchParams.get('v')}`;
+        }
+        if (url.hostname === 'youtu.be') {
+            return `https://www.youtube.com/embed/${url.pathname.slice(1)}`;
+        }
+    }
+    catch {
+        return trimmed;
+    }
+    return trimmed;
+}
+const AXWysiwygVideoExtension = Node.create({
+    name: 'video',
+    group: 'block',
+    atom: true,
+    addOptions() {
+        return {
+            inline: false,
+            allowBase64: false,
+            HTMLAttributes: {},
+        };
+    },
+    addAttributes() {
+        return {
+            src: {
+                default: null,
+            },
+        };
+    },
+    parseHTML() {
+        return [
+            {
+                tag: 'div[data-wysiwyg-video] iframe',
+            },
+            {
+                tag: 'iframe[src]',
+            },
+        ];
+    },
+    renderHTML({ HTMLAttributes }) {
+        const src = HTMLAttributes['src'];
+        return [
+            'div',
+            mergeAttributes(this.options.HTMLAttributes, { 'data-wysiwyg-video': '' }),
+            [
+                'iframe',
+                mergeAttributes({
+                    src,
+                    frameborder: '0',
+                    allowfullscreen: 'true',
+                    allow: 'accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture',
+                }),
+            ],
+        ];
+    },
+    addCommands() {
+        return {
+            setVideo: ({ src }) => ({ commands }) => commands.insertContent({
+                type: this.name,
+                attrs: { src: toEmbedSrc(src) },
+            }),
+        };
+    },
+});
+
+async function loadAXWysiwygExtensions(options) {
+    const features = { ...AX_DEFAULT_WYSIWYG_FEATURES, ...options?.features };
+    const [starterKitMod, textStyleMod, colorMod, highlightMod, underlineMod] = await Promise.all([
+        import('@tiptap/starter-kit'),
+        import('@tiptap/extension-text-style'),
+        import('@tiptap/extension-color'),
+        import('@tiptap/extension-highlight'),
+        import('@tiptap/extension-underline'),
+    ]);
+    const extensions = [
+        starterKitMod.default.configure({
+            link: features.link ? { openOnClick: false } : false,
+        }),
+        underlineMod.default,
+    ];
+    if (features.color || features.fontSize) {
+        extensions.push(textStyleMod.TextStyle);
+    }
+    if (features.color) {
+        extensions.push(colorMod.Color);
+    }
+    if (features.highlight) {
+        extensions.push(highlightMod.default.configure({ multicolor: true }));
+    }
+    if (features.fontSize) {
+        extensions.push(AXWysiwygFontSizeExtension);
+    }
+    if (features.textDirection) {
+        extensions.push(AXWysiwygTextDirectionExtension);
+    }
+    if (features.textAlign) {
+        const textAlignMod = await import('@tiptap/extension-text-align');
+        extensions.push(textAlignMod.default.configure({
+            types: ['heading', 'paragraph'],
+        }));
+    }
+    if (features.image) {
+        const imageMod = await import('@tiptap/extension-image');
+        extensions.push(imageMod.default.configure({
+            inline: true,
+            allowBase64: true,
+        }));
+    }
+    if (features.video) {
+        extensions.push(AXWysiwygVideoExtension);
+    }
+    if (features.placeholder && options?.placeholder) {
+        const { Placeholder } = await import('@tiptap/extensions');
+        extensions.push(Placeholder.configure({
+            placeholder: options.placeholder,
+        }));
+    }
+    return extensions;
+}
 
 class AXWysiwyg {
     constructor() {
-        this.quillObj = signal(null, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "quillObj" }] : /* istanbul ignore next */ []));
+        this.editor = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "editor" }] : /* istanbul ignore next */ []));
+        this.state = signal(AX_EMPTY_WYSIWYG_STATE, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "state" }] : /* istanbul ignore next */ []));
+        this.ready = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "ready" }] : /* istanbul ignore next */ []));
         this.platformId = inject(PLATFORM_ID);
+        this.destroyed = false;
+        this.applyingContent = false;
     }
-    async init(container, option) {
-        if (!isPlatformBrowser(this.platformId))
+    async init(container, options = {}) {
+        if (!isPlatformBrowser(this.platformId)) {
+            return;
+        }
+        const element = typeof container === 'string' ? document.querySelector(container) : container;
+        if (!element) {
             return;
-        await import('quill').then((e) => {
-            const wysiwygObject = new e.default(container, option);
-            this.quillObj.set(wysiwygObject);
+        }
+        this.destroyed = false;
+        const editable = options.readOnly === true ? false : (options.editable ?? true);
+        const extensions = await loadAXWysiwygExtensions({
+            features: options.features,
+            placeholder: options.placeholder,
         });
+        if (this.destroyed) {
+            return;
+        }
+        const { Editor } = await import('@tiptap/core');
+        if (this.destroyed) {
+            return;
+        }
+        const allExtensions = [...extensions, ...(options.extensions ?? [])];
+        const editor = new Editor({
+            element,
+            extensions: allExtensions,
+            content: options.content ?? '',
+            editable,
+            editorProps: {
+                attributes: {
+                    class: 'tiptap',
+                },
+            },
+            onUpdate: ({ editor: ed }) => {
+                this.refreshState(ed);
+                if (!this.applyingContent) {
+                    options.onUpdate?.(ed);
+                }
+            },
+            onSelectionUpdate: ({ editor: ed }) => {
+                this.refreshState(ed);
+                options.onSelectionUpdate?.(ed);
+            },
+            onFocus: ({ editor: ed }) => {
+                this.refreshState(ed);
+                options.onFocus?.(ed);
+            },
+            onBlur: ({ editor: ed }) => {
+                this.refreshState(ed);
+                options.onBlur?.(ed);
+            },
+        });
+        this.editor.set(editor);
+        this.ready.set(true);
+        this.refreshState(editor);
+    }
+    destroy() {
+        this.destroyed = true;
+        const ed = this.editor();
+        ed?.destroy();
+        this.editor.set(null);
+        this.ready.set(false);
+        this.state.set(AX_EMPTY_WYSIWYG_STATE);
+    }
+    setContent(value, emit = false) {
+        const ed = this.editor();
+        if (!ed) {
+            return;
+        }
+        const html = value?.trim() ? value : '';
+        this.applyingContent = true;
+        try {
+            ed.commands.setContent(html, { emitUpdate: emit });
+            this.refreshState(ed);
+        }
+        finally {
+            this.applyingContent = false;
+        }
+    }
+    getHTML() {
+        return this.editor()?.getHTML() ?? '';
+    }
+    get JSONoutput() {
+        return this.editor()?.getJSON() ?? null;
+    }
+    getText() {
+        return this.editor()?.getText() ?? '';
+    }
+    isEmpty() {
+        return this.editor()?.isEmpty ?? true;
+    }
+    setEditable(editable) {
+        this.editor()?.setEditable(editable);
+        const ed = this.editor();
+        if (ed) {
+            this.refreshState(ed);
+        }
+    }
+    get HTMLoutput() {
+        return this.getHTML();
     }
     bold(value) {
-        this.quillObj().format('bold', value);
+        this.setMarkActive('bold', value);
     }
     italic(value) {
-        this.quillObj().format('italic', value);
+        this.setMarkActive('italic', value);
     }
     underLine(value) {
-        this.quillObj().format('underline', value);
+        this.setMarkActive('underline', value);
     }
     strike(value) {
-        this.quillObj().format('strike', value);
+        this.setMarkActive('strike', value);
     }
     color(value) {
-        this.quillObj().format('color', value);
+        if (value) {
+            this.setColor(value);
+        }
+        else {
+            this.unsetColor();
+        }
     }
     header(value) {
-        this.quillObj().format('header', value);
+        const ed = this.editor();
+        if (!ed) {
+            return;
+        }
+        if (value >= 1 && value <= 6) {
+            ed.chain()
+                .focus()
+                .toggleHeading({ level: value })
+                .run();
+        }
+        else {
+            ed.chain().focus().setParagraph().run();
+        }
     }
     list(value) {
-        this.quillObj().format('list', value);
+        const ed = this.editor();
+        if (!ed) {
+            return;
+        }
+        const chain = ed.chain().focus();
+        if (value === 'bullet') {
+            chain.toggleBulletList().run();
+        }
+        else if (value === 'ordered') {
+            chain.toggleOrderedList().run();
+        }
+        else {
+            chain.liftListItem('listItem').run();
+        }
     }
     align(value) {
         if (value === 'left') {
-            this.quillObj().format('align', '');
+            this.setTextAlign('left');
         }
         else {
-            this.quillObj().format('align', value);
+            this.setTextAlign(value);
         }
     }
     direction(value) {
-        this.quillObj().format('direction', value);
+        this.setTextDirection(value);
     }
     fontSize(value, range) {
-        this.quillObj().formatText(range.index, range.length, 'size', value);
+        const ed = this.editor();
+        if (!ed || !range) {
+            return;
+        }
+        const from = range.index;
+        const to = range.index + range.length;
+        if (value === false) {
+            ed.chain().focus().setTextSelection({ from, to }).setAxWysiwygFontSize(null).run();
+            return;
+        }
+        ed.chain().focus().setTextSelection({ from, to }).setAxWysiwygFontSize(value).run();
     }
-    get HTMLoutput() {
-        return this.quillObj().root.innerHTML;
+    background(value) {
+        if (value) {
+            this.setHighlight(value);
+        }
+        else {
+            this.unsetHighlight();
+        }
+    }
+    addImage(value) {
+        this.insertImage(value);
+    }
+    insertVideo(src) {
+        this.editor()?.chain().focus().setVideo({ src }).run();
+    }
+    codeBlock(range, status) {
+        const ed = this.editor();
+        if (!ed || !range) {
+            return;
+        }
+        const from = range.index;
+        const to = range.index + range.length;
+        if (status) {
+            ed.chain().focus().setTextSelection({ from, to }).toggleCodeBlock().run();
+        }
+        else {
+            ed.chain().focus().setTextSelection({ from, to }).setParagraph().run();
+        }
+    }
+    focus() {
+        this.editor()?.commands.focus();
+    }
+    blur() {
+        this.editor()?.commands.blur();
+    }
+    toggleBold() {
+        this.editor()?.chain().focus().toggleBold().run();
+    }
+    toggleItalic() {
+        this.editor()?.chain().focus().toggleItalic().run();
+    }
+    toggleUnderline() {
+        this.editor()?.chain().focus().toggleUnderline().run();
+    }
+    toggleStrike() {
+        this.editor()?.chain().focus().toggleStrike().run();
+    }
+    toggleCode() {
+        this.editor()?.chain().focus().toggleCode().run();
+    }
+    toggleCodeBlock() {
+        this.editor()?.chain().focus().toggleCodeBlock().run();
+    }
+    toggleHeading(level) {
+        this.editor()?.chain().focus().toggleHeading({ level }).run();
+    }
+    setParagraph() {
+        this.editor()?.chain().focus().setParagraph().run();
+    }
+    toggleBulletList() {
+        this.editor()?.chain().focus().toggleBulletList().run();
+    }
+    toggleOrderedList() {
+        this.editor()?.chain().focus().toggleOrderedList().run();
+    }
+    toggleBlockquote() {
+        this.editor()?.chain().focus().toggleBlockquote().run();
+    }
+    setTextAlign(align) {
+        this.editor()?.chain().focus().setTextAlign(align).run();
+    }
+    setTextDirection(direction) {
+        this.editor()?.chain().focus().setAxWysiwygTextDirection(direction).run();
+    }
+    setFontSize(size) {
+        this.editor()?.chain().focus().setAxWysiwygFontSize(size).run();
+    }
+    setColor(color) {
+        this.editor()?.chain().focus().setColor(color).run();
+    }
+    unsetColor() {
+        this.editor()?.chain().focus().unsetColor().run();
+    }
+    setHighlight(color) {
+        this.editor()?.chain().focus().setHighlight({ color }).run();
+    }
+    unsetHighlight() {
+        this.editor()?.chain().focus().unsetHighlight().run();
+    }
+    setLink(href) {
+        this.editor()?.chain().focus().extendMarkRange('link').setLink({ href }).run();
+    }
+    unsetLink() {
+        this.editor()?.chain().focus().unsetLink().run();
+    }
+    insertImage(src, alt) {
+        this.editor()?.chain().focus().setImage({ src, alt }).run();
     }
     undo() {
-        this.quillObj().history.undo();
+        const ed = this.editor();
+        if (!ed) {
+            return;
+        }
+        ed.chain().focus().undo().run();
+        this.refreshState(ed);
     }
     redo() {
-        this.quillObj().history.redo();
+        const ed = this.editor();
+        if (!ed) {
+            return;
+        }
+        ed.chain().focus().redo().run();
+        this.refreshState(ed);
     }
-    background(value) {
-        this.quillObj().format('background', value);
+    clearFormatting() {
+        this.editor()?.chain().focus().clearNodes().unsetAllMarks().run();
     }
-    addImage(value) {
-        const range = this.quillObj().getSelection();
-        const currentIndex = range?.index;
-        this.quillObj().insertEmbed(currentIndex, 'image', value);
+    execute(command, payload) {
+        switch (command) {
+            case 'bold':
+                this.toggleBold();
+                break;
+            case 'italic':
+                this.toggleItalic();
+                break;
+            case 'underline':
+                this.toggleUnderline();
+                break;
+            case 'strike':
+                this.toggleStrike();
+                break;
+            case 'code':
+                this.toggleCode();
+                break;
+            case 'codeBlock':
+                this.toggleCodeBlock();
+                break;
+            case 'heading':
+                if (typeof payload === 'number') {
+                    this.toggleHeading(payload);
+                }
+                break;
+            case 'paragraph':
+                this.setParagraph();
+                break;
+            case 'bulletList':
+                this.toggleBulletList();
+                break;
+            case 'orderedList':
+                this.toggleOrderedList();
+                break;
+            case 'blockquote':
+                this.toggleBlockquote();
+                break;
+            case 'textAlign':
+                if (typeof payload === 'string') {
+                    this.setTextAlign(payload);
+                }
+                break;
+            case 'direction':
+                if (payload === 'rtl' || payload === 'ltr') {
+                    this.setTextDirection(payload);
+                }
+                break;
+            case 'fontSize':
+                if (payload === null) {
+                    this.setFontSize(null);
+                }
+                else if (payload === 'small' || payload === 'large' || payload === 'huge') {
+                    this.setFontSize(payload);
+                }
+                break;
+            case 'color':
+                if (typeof payload === 'string') {
+                    this.setColor(payload);
+                }
+                else {
+                    this.unsetColor();
+                }
+                break;
+            case 'highlight':
+                if (typeof payload === 'string') {
+                    this.setHighlight(payload);
+                }
+                else {
+                    this.unsetHighlight();
+                }
+                break;
+            case 'link':
+                if (typeof payload === 'string' && payload) {
+                    this.setLink(payload);
+                }
+                else {
+                    this.unsetLink();
+                }
+                break;
+            case 'image':
+                if (typeof payload === 'string') {
+                    this.insertImage(payload);
+                }
+                break;
+            case 'video':
+                if (typeof payload === 'string') {
+                    this.insertVideo(payload);
+                }
+                break;
+            case 'undo':
+                this.undo();
+                break;
+            case 'redo':
+                this.redo();
+                break;
+            case 'clearFormatting':
+                this.clearFormatting();
+                break;
+        }
     }
-    focus() {
-        this.quillObj().focus();
+    isActive(name, attrs) {
+        return this.editor()?.isActive(name, attrs) ?? false;
     }
-    blur() {
-        this.quillObj().blur();
+    can(command) {
+        const ed = this.editor();
+        if (!ed) {
+            return false;
+        }
+        if (command === 'undo') {
+            return ed.can().undo();
+        }
+        return ed.can().redo();
     }
-    codeBlock(range, status) {
-        if (!range)
+    setMarkActive(name, active) {
+        const ed = this.editor();
+        if (!ed) {
             return;
-        this.quillObj().formatLine(range.index, range.length, 'code-block', status);
+        }
+        const chain = ed.chain().focus();
+        switch (name) {
+            case 'bold':
+                active ? chain.setBold().run() : chain.unsetBold().run();
+                break;
+            case 'italic':
+                active ? chain.setItalic().run() : chain.unsetItalic().run();
+                break;
+            case 'underline':
+                active ? chain.setUnderline().run() : chain.unsetUnderline().run();
+                break;
+            case 'strike':
+                active ? chain.setStrike().run() : chain.unsetStrike().run();
+                break;
+        }
+    }
+    refreshState(editor) {
+        const textColor = editor.getAttributes('textStyle')['color'];
+        const fontSizeCss = editor.getAttributes('textStyle')['fontSize'];
+        const highlightColor = editor.getAttributes('highlight')['color'];
+        const linkHref = editor.getAttributes('link')['href'];
+        const dir = (editor.getAttributes('paragraph')['dir'] || editor.getAttributes('heading')['dir']);
+        let headingLevel = null;
+        for (let level = 1; level <= 6; level++) {
+            if (editor.isActive('heading', { level })) {
+                headingLevel = level;
+                break;
+            }
+        }
+        let textAlign = null;
+        for (const align of ['left', 'center', 'right', 'justify']) {
+            if (editor.isActive({ textAlign: align })) {
+                textAlign = align;
+                break;
+            }
+        }
+        let fontSize = null;
+        if (fontSizeCss) {
+            for (const [token, css] of Object.entries(AX_WYSIWYG_FONT_SIZE_VALUES)) {
+                if (fontSizeCss === css) {
+                    fontSize = token;
+                    break;
+                }
+            }
+        }
+        this.state.set({
+            bold: editor.isActive('bold'),
+            italic: editor.isActive('italic'),
+            underline: editor.isActive('underline'),
+            strike: editor.isActive('strike'),
+            code: editor.isActive('code'),
+            codeBlock: editor.isActive('codeBlock'),
+            headingLevel,
+            bulletList: editor.isActive('bulletList'),
+            orderedList: editor.isActive('orderedList'),
+            blockquote: editor.isActive('blockquote'),
+            textAlign,
+            textColor: textColor ?? null,
+            highlightColor: highlightColor ?? null,
+            linkHref: linkHref ?? null,
+            fontSize,
+            textDirection: dir ?? null,
+            canUndo: editor.can().undo(),
+            canRedo: editor.can().redo(),
+            isEmpty: editor.isEmpty,
+            isFocused: editor.isFocused,
+        });
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXWysiwyg, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXWysiwyg }); }
 }
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXWysiwyg, decorators: [{
+            type: Injectable
+        }] });
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { AXWysiwyg };
+export { AXWysiwyg, AX_DEFAULT_WYSIWYG_FEATURES, AX_EMPTY_WYSIWYG_STATE, loadAXWysiwygExtensions };
 //# sourceMappingURL=acorex-cdk-wysiwyg.mjs.map

package/fesm2022/acorex-cdk-wysiwyg.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"acorex-cdk-wysiwyg.mjs","sources":["../../../../packages/cdk/wysiwyg/src/wysiwyg.class.ts","../../../../packages/cdk/wysiwyg/src/acorex-cdk-wysiwyg.ts"],"sourcesContent":["import { isPlatformBrowser } from '@angular/common';\nimport { inject, PLATFORM_ID, signal } from '@angular/core';\nimport type Quill from 'quill/quill.d.ts';\nimport type { QuillOptions, Range } from 'quill/quill.d.ts';\n\nexport type Wysiwyg = Quill;\nexport type WysiwygOptions = QuillOptions;\n\nexport class AXWysiwyg {\n  quillObj = signal<Wysiwyg | null>(null);\n\n  private platformId = inject(PLATFORM_ID);\n\n  async init(container: HTMLElement | string, option?: WysiwygOptions) {\n    if (!isPlatformBrowser(this.platformId)) return;\n    await import('quill').then((e) => {\n      const wysiwygObject = new e.default(container, option);\n      this.quillObj.set(wysiwygObject);\n    });\n  }\n\n  bold(value: boolean) {\n    this.quillObj().format('bold', value);\n  }\n\n  italic(value: boolean) {\n    this.quillObj().format('italic', value);\n  }\n\n  underLine(value: boolean) {\n    this.quillObj().format('underline', value);\n  }\n\n  strike(value: boolean) {\n    this.quillObj().format('strike', value);\n  }\n\n  color(value: string) {\n    this.quillObj().format('color', value);\n  }\n\n  header(value: number) {\n    this.quillObj().format('header', value);\n  }\n\n  list(value: 'ordered' | 'bullet' | '') {\n    this.quillObj().format('list', value);\n  }\n\n  align(value: 'center' | 'right' | 'left' | 'justify') {\n    if (value === 'left') {\n      this.quillObj().format('align', '');\n    } else {\n      this.quillObj().format('align', value);\n    }\n  }\n\n  direction(value: 'rtl' | 'ltr') {\n    this.quillObj().format('direction', value);\n  }\n\n  fontSize(value: 'small' | false | 'large' | 'huge', range: Range) {\n    this.quillObj().formatText(range.index, range.length, 'size', value);\n  }\n\n  get HTMLoutput() {\n    return this.quillObj().root.innerHTML;\n  }\n\n  undo() {\n    this.quillObj().history.undo();\n  }\n\n  redo() {\n    this.quillObj().history.redo();\n  }\n\n  background(value: string) {\n    this.quillObj().format('background', value);\n  }\n\n  addImage(value: string) {\n    const range = this.quillObj().getSelection();\n    const currentIndex = range?.index;\n    this.quillObj().insertEmbed(currentIndex, 'image', value);\n  }\n\n  focus() {\n    this.quillObj().focus();\n  }\n\n  blur() {\n    this.quillObj().blur();\n  }\n\n  codeBlock(range: Range, status: boolean) {\n    if (!range) return;\n    this.quillObj().formatLine(range.index, range.length, 'code-block', status);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"acorex-cdk-wysiwyg.mjs","sources":["../../../../packages/cdk/wysiwyg/src/lib/wysiwyg-font-size.extension.ts","../../../../packages/cdk/wysiwyg/src/lib/wysiwyg.types.ts","../../../../packages/cdk/wysiwyg/src/lib/wysiwyg-text-direction.extension.ts","../../../../packages/cdk/wysiwyg/src/lib/wysiwyg-video.extension.ts","../../../../packages/cdk/wysiwyg/src/lib/wysiwyg.extensions.ts","../../../../packages/cdk/wysiwyg/src/lib/wysiwyg.class.ts","../../../../packages/cdk/wysiwyg/src/acorex-cdk-wysiwyg.ts"],"sourcesContent":["import { Extension } from '@tiptap/core';\nimport type { AXWysiwygFontSizeToken } from './wysiwyg.types';\n\nexport const AX_WYSIWYG_FONT_SIZE_VALUES: Record<AXWysiwygFontSizeToken, string> = {\n  small: '0.75em',\n  large: '1.5em',\n  huge: '2.5em',\n};\n\ndeclare module '@tiptap/core' {\n  interface Commands<ReturnType> {\n    axWysiwygFontSize: {\n      setAxWysiwygFontSize: (size: AXWysiwygFontSizeToken | null) => ReturnType;\n    };\n  }\n}\n\nexport const AXWysiwygFontSizeExtension = Extension.create({\n  name: 'axWysiwygFontSize',\n\n  addGlobalAttributes() {\n    return [\n      {\n        types: ['textStyle'],\n        attributes: {\n          fontSize: {\n            default: null,\n            parseHTML: (element) => element.style.fontSize?.replace(/['\"]+/g, '') || null,\n            renderHTML: (attributes) => {\n              if (!attributes['fontSize']) {\n                return {};\n              }\n              return { style: `font-size: ${attributes['fontSize']}` };\n            },\n          },\n        },\n      },\n    ];\n  },\n\n  addCommands() {\n    return {\n      setAxWysiwygFontSize:\n        (size: AXWysiwygFontSizeToken | null) =>\n        ({ chain }) => {\n          if (!size) {\n            return chain().focus().unsetMark('textStyle').run();\n          }\n          const cssSize = AX_WYSIWYG_FONT_SIZE_VALUES[size];\n          return chain().focus().setMark('textStyle', { fontSize: cssSize }).run();\n        },\n    };\n  },\n});\n","import type { Editor, Extensions } from '@tiptap/core';\n\nexport type AXWysiwygEditor = Editor;\n\nexport type AXWysiwygHeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;\n\nexport type AXWysiwygTextAlign = 'left' | 'center' | 'right' | 'justify';\n\nexport type AXWysiwygFontSizeToken = 'small' | 'large' | 'huge';\n\nexport type AXWysiwygTextDirection = 'rtl' | 'ltr';\n\nexport interface AXWysiwygRange {\n  index: number;\n  length: number;\n}\n\nexport type AXWysiwygCommand =\n  | 'bold'\n  | 'italic'\n  | 'underline'\n  | 'strike'\n  | 'code'\n  | 'codeBlock'\n  | 'heading'\n  | 'paragraph'\n  | 'bulletList'\n  | 'orderedList'\n  | 'blockquote'\n  | 'textAlign'\n  | 'color'\n  | 'highlight'\n  | 'link'\n  | 'image'\n  | 'video'\n  | 'undo'\n  | 'redo'\n  | 'clearFormatting'\n  | 'direction'\n  | 'fontSize';\n\nexport interface AXWysiwygFeatures {\n  textAlign?: boolean;\n  image?: boolean;\n  link?: boolean;\n  video?: boolean;\n  color?: boolean;\n  highlight?: boolean;\n  placeholder?: boolean;\n  fontSize?: boolean;\n  textDirection?: boolean;\n}\n\nexport const AX_DEFAULT_WYSIWYG_FEATURES: AXWysiwygFeatures = {\n  textAlign: true,\n  image: true,\n  link: true,\n  video: true,\n  color: true,\n  highlight: true,\n  placeholder: true,\n  fontSize: true,\n  textDirection: true,\n};\n\nexport interface AXWysiwygState {\n  bold: boolean;\n  italic: boolean;\n  underline: boolean;\n  strike: boolean;\n  code: boolean;\n  codeBlock: boolean;\n  headingLevel: AXWysiwygHeadingLevel | null;\n  bulletList: boolean;\n  orderedList: boolean;\n  blockquote: boolean;\n  textAlign: AXWysiwygTextAlign | null;\n  textColor: string | null;\n  highlightColor: string | null;\n  linkHref: string | null;\n  fontSize: AXWysiwygFontSizeToken | null;\n  textDirection: AXWysiwygTextDirection | null;\n  canUndo: boolean;\n  canRedo: boolean;\n  isEmpty: boolean;\n  isFocused: boolean;\n}\n\nexport const AX_EMPTY_WYSIWYG_STATE: AXWysiwygState = {\n  bold: false,\n  italic: false,\n  underline: false,\n  strike: false,\n  code: false,\n  codeBlock: false,\n  headingLevel: null,\n  bulletList: false,\n  orderedList: false,\n  blockquote: false,\n  textAlign: null,\n  textColor: null,\n  highlightColor: null,\n  linkHref: null,\n  fontSize: null,\n  textDirection: null,\n  canUndo: false,\n  canRedo: false,\n  isEmpty: true,\n  isFocused: false,\n};\n\nexport interface AXWysiwygInitOptions {\n  content?: string;\n  editable?: boolean;\n  placeholder?: string;\n  features?: AXWysiwygFeatures;\n  extensions?: Extensions;\n  /** @deprecated Use `editable: false` instead. */\n  readOnly?: boolean;\n  onUpdate?: (editor: AXWysiwygEditor) => void;\n  onFocus?: (editor: AXWysiwygEditor) => void;\n  onBlur?: (editor: AXWysiwygEditor) => void;\n  onSelectionUpdate?: (editor: AXWysiwygEditor) => void;\n}\n\nexport interface AXWysiwygLoadExtensionsOptions {\n  features?: AXWysiwygFeatures;\n  placeholder?: string;\n}\n","import { Extension } from '@tiptap/core';\nimport type { AXWysiwygTextDirection } from './wysiwyg.types';\n\ndeclare module '@tiptap/core' {\n  interface Commands<ReturnType> {\n    axWysiwygTextDirection: {\n      setAxWysiwygTextDirection: (direction: AXWysiwygTextDirection | null) => ReturnType;\n    };\n  }\n}\n\nexport const AXWysiwygTextDirectionExtension = Extension.create({\n  name: 'axWysiwygTextDirection',\n\n  addGlobalAttributes() {\n    return [\n      {\n        types: ['paragraph', 'heading'],\n        attributes: {\n          dir: {\n            default: null,\n            parseHTML: (element) => element.getAttribute('dir'),\n            renderHTML: (attributes) => {\n              if (!attributes['dir']) {\n                return {};\n              }\n              return { dir: attributes['dir'] };\n            },\n          },\n        },\n      },\n    ];\n  },\n\n  addCommands() {\n    return {\n      setAxWysiwygTextDirection:\n        (direction: AXWysiwygTextDirection | null) =>\n        ({ chain }) =>\n          chain()\n            .focus()\n            .updateAttributes('paragraph', { dir: direction })\n            .updateAttributes('heading', { dir: direction })\n            .run(),\n    };\n  },\n});\n","import { mergeAttributes, Node } from '@tiptap/core';\n\nexport interface AXWysiwygVideoOptions {\n  inline: boolean;\n  allowBase64: boolean;\n  HTMLAttributes: Record<string, unknown>;\n}\n\ndeclare module '@tiptap/core' {\n  interface Commands<ReturnType> {\n    axWysiwygVideo: {\n      setVideo: (options: { src: string }) => ReturnType;\n    };\n  }\n}\n\nfunction toEmbedSrc(src: string): string {\n  const trimmed = src.trim();\n  if (!trimmed) {\n    return trimmed;\n  }\n  try {\n    const url = new URL(trimmed);\n    if (url.hostname.includes('youtube.com') && url.searchParams.get('v')) {\n      return `https://www.youtube.com/embed/${url.searchParams.get('v')}`;\n    }\n    if (url.hostname === 'youtu.be') {\n      return `https://www.youtube.com/embed/${url.pathname.slice(1)}`;\n    }\n  } catch {\n    return trimmed;\n  }\n  return trimmed;\n}\n\nexport const AXWysiwygVideoExtension = Node.create<AXWysiwygVideoOptions>({\n  name: 'video',\n\n  group: 'block',\n\n  atom: true,\n\n  addOptions() {\n    return {\n      inline: false,\n      allowBase64: false,\n      HTMLAttributes: {},\n    };\n  },\n\n  addAttributes() {\n    return {\n      src: {\n        default: null,\n      },\n    };\n  },\n\n  parseHTML() {\n    return [\n      {\n        tag: 'div[data-wysiwyg-video] iframe',\n      },\n      {\n        tag: 'iframe[src]',\n      },\n    ];\n  },\n\n  renderHTML({ HTMLAttributes }) {\n    const src = HTMLAttributes['src'] as string | undefined;\n    return [\n      'div',\n      mergeAttributes(this.options.HTMLAttributes, { 'data-wysiwyg-video': '' }),\n      [\n        'iframe',\n        mergeAttributes({\n          src,\n          frameborder: '0',\n          allowfullscreen: 'true',\n          allow: 'accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture',\n        }),\n      ],\n    ];\n  },\n\n  addCommands() {\n    return {\n      setVideo:\n        ({ src }) =>\n        ({ commands }) =>\n          commands.insertContent({\n            type: this.name,\n            attrs: { src: toEmbedSrc(src) },\n          }),\n    };\n  },\n});\n","import type { Extensions } from '@tiptap/core';\nimport {\n  AX_DEFAULT_WYSIWYG_FEATURES,\n  type AXWysiwygFeatures,\n  type AXWysiwygLoadExtensionsOptions,\n} from './wysiwyg.types';\nimport { AXWysiwygFontSizeExtension } from './wysiwyg-font-size.extension';\nimport { AXWysiwygTextDirectionExtension } from './wysiwyg-text-direction.extension';\nimport { AXWysiwygVideoExtension } from './wysiwyg-video.extension';\n\nexport async function loadAXWysiwygExtensions(options?: AXWysiwygLoadExtensionsOptions): Promise<Extensions> {\n  const features: AXWysiwygFeatures = { ...AX_DEFAULT_WYSIWYG_FEATURES, ...options?.features };\n\n  const [starterKitMod, textStyleMod, colorMod, highlightMod, underlineMod] = await Promise.all([\n    import('@tiptap/starter-kit'),\n    import('@tiptap/extension-text-style'),\n    import('@tiptap/extension-color'),\n    import('@tiptap/extension-highlight'),\n    import('@tiptap/extension-underline'),\n  ]);\n\n  const extensions: Extensions = [\n    starterKitMod.default.configure({\n      link: features.link ? { openOnClick: false } : false,\n    }),\n    underlineMod.default,\n  ];\n\n  if (features.color || features.fontSize) {\n    extensions.push(textStyleMod.TextStyle);\n  }\n\n  if (features.color) {\n    extensions.push(colorMod.Color);\n  }\n\n  if (features.highlight) {\n    extensions.push(highlightMod.default.configure({ multicolor: true }));\n  }\n\n  if (features.fontSize) {\n    extensions.push(AXWysiwygFontSizeExtension);\n  }\n\n  if (features.textDirection) {\n    extensions.push(AXWysiwygTextDirectionExtension);\n  }\n\n  if (features.textAlign) {\n    const textAlignMod = await import('@tiptap/extension-text-align');\n    extensions.push(\n      textAlignMod.default.configure({\n        types: ['heading', 'paragraph'],\n      }),\n    );\n  }\n\n  if (features.image) {\n    const imageMod = await import('@tiptap/extension-image');\n    extensions.push(\n      imageMod.default.configure({\n        inline: true,\n        allowBase64: true,\n      }),\n    );\n  }\n\n  if (features.video) {\n    extensions.push(AXWysiwygVideoExtension);\n  }\n\n  if (features.placeholder && options?.placeholder) {\n    const { Placeholder } = await import('@tiptap/extensions');\n    extensions.push(\n      Placeholder.configure({\n        placeholder: options.placeholder,\n      }),\n    );\n  }\n\n  return extensions;\n}\n","import { isPlatformBrowser } from '@angular/common';\nimport { inject, Injectable, PLATFORM_ID, signal } from '@angular/core';\nimport type { Editor } from '@tiptap/core';\nimport { AX_WYSIWYG_FONT_SIZE_VALUES } from './wysiwyg-font-size.extension';\nimport { loadAXWysiwygExtensions } from './wysiwyg.extensions';\nimport {\n  AX_EMPTY_WYSIWYG_STATE,\n  type AXWysiwygCommand,\n  type AXWysiwygEditor,\n  type AXWysiwygFontSizeToken,\n  type AXWysiwygHeadingLevel,\n  type AXWysiwygInitOptions,\n  type AXWysiwygRange,\n  type AXWysiwygState,\n  type AXWysiwygTextAlign,\n  type AXWysiwygTextDirection,\n} from './wysiwyg.types';\n\n@Injectable()\nexport class AXWysiwyg {\n  readonly editor = signal<AXWysiwygEditor | null>(null);\n  readonly state = signal<AXWysiwygState>(AX_EMPTY_WYSIWYG_STATE);\n  readonly ready = signal(false);\n\n  private readonly platformId = inject(PLATFORM_ID);\n  private destroyed = false;\n  private applyingContent = false;\n\n  async init(container: HTMLElement | string, options: AXWysiwygInitOptions = {}): Promise<void> {\n    if (!isPlatformBrowser(this.platformId)) {\n      return;\n    }\n\n    const element =\n      typeof container === 'string' ? (document.querySelector(container) as HTMLElement | null) : container;\n    if (!element) {\n      return;\n    }\n\n    this.destroyed = false;\n    const editable = options.readOnly === true ? false : (options.editable ?? true);\n\n    const extensions = await loadAXWysiwygExtensions({\n      features: options.features,\n      placeholder: options.placeholder,\n    });\n\n    if (this.destroyed) {\n      return;\n    }\n\n    const { Editor } = await import('@tiptap/core');\n    if (this.destroyed) {\n      return;\n    }\n\n    const allExtensions = [...extensions, ...(options.extensions ?? [])];\n\n    const editor = new Editor({\n      element,\n      extensions: allExtensions,\n      content: options.content ?? '',\n      editable,\n      editorProps: {\n        attributes: {\n          class: 'tiptap',\n        },\n      },\n      onUpdate: ({ editor: ed }) => {\n        this.refreshState(ed);\n        if (!this.applyingContent) {\n          options.onUpdate?.(ed);\n        }\n      },\n      onSelectionUpdate: ({ editor: ed }) => {\n        this.refreshState(ed);\n        options.onSelectionUpdate?.(ed);\n      },\n      onFocus: ({ editor: ed }) => {\n        this.refreshState(ed);\n        options.onFocus?.(ed);\n      },\n      onBlur: ({ editor: ed }) => {\n        this.refreshState(ed);\n        options.onBlur?.(ed);\n      },\n    });\n\n    this.editor.set(editor);\n    this.ready.set(true);\n    this.refreshState(editor);\n  }\n\n  destroy(): void {\n    this.destroyed = true;\n    const ed = this.editor();\n    ed?.destroy();\n    this.editor.set(null);\n    this.ready.set(false);\n    this.state.set(AX_EMPTY_WYSIWYG_STATE);\n  }\n\n  setContent(value: string | null | undefined, emit = false): void {\n    const ed = this.editor();\n    if (!ed) {\n      return;\n    }\n\n    const html = value?.trim() ? value : '';\n    this.applyingContent = true;\n    try {\n      ed.commands.setContent(html, { emitUpdate: emit });\n      this.refreshState(ed);\n    } finally {\n      this.applyingContent = false;\n    }\n  }\n\n  getHTML(): string {\n    return this.editor()?.getHTML() ?? '';\n  }\n\n  get JSONoutput(): unknown {\n    return this.editor()?.getJSON() ?? null;\n  }\n\n  getText(): string {\n    return this.editor()?.getText() ?? '';\n  }\n\n  isEmpty(): boolean {\n    return this.editor()?.isEmpty ?? true;\n  }\n\n  setEditable(editable: boolean): void {\n    this.editor()?.setEditable(editable);\n    const ed = this.editor();\n    if (ed) {\n      this.refreshState(ed);\n    }\n  }\n\n  get HTMLoutput(): string {\n    return this.getHTML();\n  }\n\n  bold(value: boolean): void {\n    this.setMarkActive('bold', value);\n  }\n\n  italic(value: boolean): void {\n    this.setMarkActive('italic', value);\n  }\n\n  underLine(value: boolean): void {\n    this.setMarkActive('underline', value);\n  }\n\n  strike(value: boolean): void {\n    this.setMarkActive('strike', value);\n  }\n\n  color(value: string): void {\n    if (value) {\n      this.setColor(value);\n    } else {\n      this.unsetColor();\n    }\n  }\n\n  header(value: number): void {\n    const ed = this.editor();\n    if (!ed) {\n      return;\n    }\n    if (value >= 1 && value <= 6) {\n      ed.chain()\n        .focus()\n        .toggleHeading({ level: value as AXWysiwygHeadingLevel })\n        .run();\n    } else {\n      ed.chain().focus().setParagraph().run();\n    }\n  }\n\n  list(value: 'ordered' | 'bullet' | ''): void {\n    const ed = this.editor();\n    if (!ed) {\n      return;\n    }\n    const chain = ed.chain().focus();\n    if (value === 'bullet') {\n      chain.toggleBulletList().run();\n    } else if (value === 'ordered') {\n      chain.toggleOrderedList().run();\n    } else {\n      chain.liftListItem('listItem').run();\n    }\n  }\n\n  align(value: 'center' | 'right' | 'left' | 'justify'): void {\n    if (value === 'left') {\n      this.setTextAlign('left');\n    } else {\n      this.setTextAlign(value);\n    }\n  }\n\n  direction(value: AXWysiwygTextDirection): void {\n    this.setTextDirection(value);\n  }\n\n  fontSize(value: 'small' | false | 'large' | 'huge', range: AXWysiwygRange): void {\n    const ed = this.editor();\n    if (!ed || !range) {\n      return;\n    }\n    const from = range.index;\n    const to = range.index + range.length;\n    if (value === false) {\n      ed.chain().focus().setTextSelection({ from, to }).setAxWysiwygFontSize(null).run();\n      return;\n    }\n    ed.chain().focus().setTextSelection({ from, to }).setAxWysiwygFontSize(value).run();\n  }\n\n  background(value: string): void {\n    if (value) {\n      this.setHighlight(value);\n    } else {\n      this.unsetHighlight();\n    }\n  }\n\n  addImage(value: string): void {\n    this.insertImage(value);\n  }\n\n  insertVideo(src: string): void {\n    this.editor()?.chain().focus().setVideo({ src }).run();\n  }\n\n  codeBlock(range: AXWysiwygRange, status: boolean): void {\n    const ed = this.editor();\n    if (!ed || !range) {\n      return;\n    }\n    const from = range.index;\n    const to = range.index + range.length;\n    if (status) {\n      ed.chain().focus().setTextSelection({ from, to }).toggleCodeBlock().run();\n    } else {\n      ed.chain().focus().setTextSelection({ from, to }).setParagraph().run();\n    }\n  }\n\n  focus(): void {\n    this.editor()?.commands.focus();\n  }\n\n  blur(): void {\n    this.editor()?.commands.blur();\n  }\n\n  toggleBold(): void {\n    this.editor()?.chain().focus().toggleBold().run();\n  }\n\n  toggleItalic(): void {\n    this.editor()?.chain().focus().toggleItalic().run();\n  }\n\n  toggleUnderline(): void {\n    this.editor()?.chain().focus().toggleUnderline().run();\n  }\n\n  toggleStrike(): void {\n    this.editor()?.chain().focus().toggleStrike().run();\n  }\n\n  toggleCode(): void {\n    this.editor()?.chain().focus().toggleCode().run();\n  }\n\n  toggleCodeBlock(): void {\n    this.editor()?.chain().focus().toggleCodeBlock().run();\n  }\n\n  toggleHeading(level: AXWysiwygHeadingLevel): void {\n    this.editor()?.chain().focus().toggleHeading({ level }).run();\n  }\n\n  setParagraph(): void {\n    this.editor()?.chain().focus().setParagraph().run();\n  }\n\n  toggleBulletList(): void {\n    this.editor()?.chain().focus().toggleBulletList().run();\n  }\n\n  toggleOrderedList(): void {\n    this.editor()?.chain().focus().toggleOrderedList().run();\n  }\n\n  toggleBlockquote(): void {\n    this.editor()?.chain().focus().toggleBlockquote().run();\n  }\n\n  setTextAlign(align: AXWysiwygTextAlign): void {\n    this.editor()?.chain().focus().setTextAlign(align).run();\n  }\n\n  setTextDirection(direction: AXWysiwygTextDirection | null): void {\n    this.editor()?.chain().focus().setAxWysiwygTextDirection(direction).run();\n  }\n\n  setFontSize(size: AXWysiwygFontSizeToken | null): void {\n    this.editor()?.chain().focus().setAxWysiwygFontSize(size).run();\n  }\n\n  setColor(color: string): void {\n    this.editor()?.chain().focus().setColor(color).run();\n  }\n\n  unsetColor(): void {\n    this.editor()?.chain().focus().unsetColor().run();\n  }\n\n  setHighlight(color: string): void {\n    this.editor()?.chain().focus().setHighlight({ color }).run();\n  }\n\n  unsetHighlight(): void {\n    this.editor()?.chain().focus().unsetHighlight().run();\n  }\n\n  setLink(href: string): void {\n    this.editor()?.chain().focus().extendMarkRange('link').setLink({ href }).run();\n  }\n\n  unsetLink(): void {\n    this.editor()?.chain().focus().unsetLink().run();\n  }\n\n  insertImage(src: string, alt?: string): void {\n    this.editor()?.chain().focus().setImage({ src, alt }).run();\n  }\n\n  undo(): void {\n    const ed = this.editor();\n    if (!ed) {\n      return;\n    }\n    ed.chain().focus().undo().run();\n    this.refreshState(ed);\n  }\n\n  redo(): void {\n    const ed = this.editor();\n    if (!ed) {\n      return;\n    }\n    ed.chain().focus().redo().run();\n    this.refreshState(ed);\n  }\n\n  clearFormatting(): void {\n    this.editor()?.chain().focus().clearNodes().unsetAllMarks().run();\n  }\n\n  execute(command: AXWysiwygCommand, payload?: unknown): void {\n    switch (command) {\n      case 'bold':\n        this.toggleBold();\n        break;\n      case 'italic':\n        this.toggleItalic();\n        break;\n      case 'underline':\n        this.toggleUnderline();\n        break;\n      case 'strike':\n        this.toggleStrike();\n        break;\n      case 'code':\n        this.toggleCode();\n        break;\n      case 'codeBlock':\n        this.toggleCodeBlock();\n        break;\n      case 'heading':\n        if (typeof payload === 'number') {\n          this.toggleHeading(payload as AXWysiwygHeadingLevel);\n        }\n        break;\n      case 'paragraph':\n        this.setParagraph();\n        break;\n      case 'bulletList':\n        this.toggleBulletList();\n        break;\n      case 'orderedList':\n        this.toggleOrderedList();\n        break;\n      case 'blockquote':\n        this.toggleBlockquote();\n        break;\n      case 'textAlign':\n        if (typeof payload === 'string') {\n          this.setTextAlign(payload as AXWysiwygTextAlign);\n        }\n        break;\n      case 'direction':\n        if (payload === 'rtl' || payload === 'ltr') {\n          this.setTextDirection(payload);\n        }\n        break;\n      case 'fontSize':\n        if (payload === null) {\n          this.setFontSize(null);\n        } else if (payload === 'small' || payload === 'large' || payload === 'huge') {\n          this.setFontSize(payload);\n        }\n        break;\n      case 'color':\n        if (typeof payload === 'string') {\n          this.setColor(payload);\n        } else {\n          this.unsetColor();\n        }\n        break;\n      case 'highlight':\n        if (typeof payload === 'string') {\n          this.setHighlight(payload);\n        } else {\n          this.unsetHighlight();\n        }\n        break;\n      case 'link':\n        if (typeof payload === 'string' && payload) {\n          this.setLink(payload);\n        } else {\n          this.unsetLink();\n        }\n        break;\n      case 'image':\n        if (typeof payload === 'string') {\n          this.insertImage(payload);\n        }\n        break;\n      case 'video':\n        if (typeof payload === 'string') {\n          this.insertVideo(payload);\n        }\n        break;\n      case 'undo':\n        this.undo();\n        break;\n      case 'redo':\n        this.redo();\n        break;\n      case 'clearFormatting':\n        this.clearFormatting();\n        break;\n    }\n  }\n\n  isActive(name: string, attrs?: Record<string, unknown>): boolean {\n    return this.editor()?.isActive(name, attrs) ?? false;\n  }\n\n  can(command: 'undo' | 'redo'): boolean {\n    const ed = this.editor();\n    if (!ed) {\n      return false;\n    }\n    if (command === 'undo') {\n      return ed.can().undo();\n    }\n    return ed.can().redo();\n  }\n\n  private setMarkActive(name: 'bold' | 'italic' | 'underline' | 'strike', active: boolean): void {\n    const ed = this.editor();\n    if (!ed) {\n      return;\n    }\n    const chain = ed.chain().focus();\n    switch (name) {\n      case 'bold':\n        active ? chain.setBold().run() : chain.unsetBold().run();\n        break;\n      case 'italic':\n        active ? chain.setItalic().run() : chain.unsetItalic().run();\n        break;\n      case 'underline':\n        active ? chain.setUnderline().run() : chain.unsetUnderline().run();\n        break;\n      case 'strike':\n        active ? chain.setStrike().run() : chain.unsetStrike().run();\n        break;\n    }\n  }\n\n  private refreshState(editor: Editor): void {\n    const textColor = editor.getAttributes('textStyle')['color'] as string | undefined;\n    const fontSizeCss = editor.getAttributes('textStyle')['fontSize'] as string | undefined;\n    const highlightColor = editor.getAttributes('highlight')['color'] as string | undefined;\n    const linkHref = editor.getAttributes('link')['href'] as string | undefined;\n    const dir = (editor.getAttributes('paragraph')['dir'] || editor.getAttributes('heading')['dir']) as\n      | AXWysiwygTextDirection\n      | undefined;\n\n    let headingLevel: AXWysiwygHeadingLevel | null = null;\n    for (let level = 1; level <= 6; level++) {\n      if (editor.isActive('heading', { level })) {\n        headingLevel = level as AXWysiwygHeadingLevel;\n        break;\n      }\n    }\n\n    let textAlign: AXWysiwygTextAlign | null = null;\n    for (const align of ['left', 'center', 'right', 'justify'] as AXWysiwygTextAlign[]) {\n      if (editor.isActive({ textAlign: align })) {\n        textAlign = align;\n        break;\n      }\n    }\n\n    let fontSize: AXWysiwygFontSizeToken | null = null;\n    if (fontSizeCss) {\n      for (const [token, css] of Object.entries(AX_WYSIWYG_FONT_SIZE_VALUES) as [AXWysiwygFontSizeToken, string][]) {\n        if (fontSizeCss === css) {\n          fontSize = token;\n          break;\n        }\n      }\n    }\n\n    this.state.set({\n      bold: editor.isActive('bold'),\n      italic: editor.isActive('italic'),\n      underline: editor.isActive('underline'),\n      strike: editor.isActive('strike'),\n      code: editor.isActive('code'),\n      codeBlock: editor.isActive('codeBlock'),\n      headingLevel,\n      bulletList: editor.isActive('bulletList'),\n      orderedList: editor.isActive('orderedList'),\n      blockquote: editor.isActive('blockquote'),\n      textAlign,\n      textColor: textColor ?? null,\n      highlightColor: highlightColor ?? null,\n      linkHref: linkHref ?? null,\n      fontSize,\n      textDirection: dir ?? null,\n      canUndo: editor.can().undo(),\n      canRedo: editor.can().redo(),\n      isEmpty: editor.isEmpty,\n      isFocused: editor.isFocused,\n    });\n  }\n}\n\nexport type { AXWysiwygRange };\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,9 +1,17 @@
 {
   "name": "@acorex/cdk",
-  "version": "22.3.25",
+  "version": "22.4.1",
   "peerDependencies": {
-    "@acorex/core": "22.3.25",
-    "quill": ">=2.0.2",
+    "@acorex/core": "22.4.1",
+    "@tiptap/core": ">=3.31.4",
+    "@tiptap/extension-color": ">=3.31.4",
+    "@tiptap/extension-highlight": ">=3.31.4",
+    "@tiptap/extension-image": ">=3.31.4",
+    "@tiptap/extension-text-align": ">=3.31.4",
+    "@tiptap/extension-text-style": ">=3.31.4",
+    "@tiptap/extension-underline": ">=3.31.4",
+    "@tiptap/extensions": ">=3.31.4",
+    "@tiptap/starter-kit": ">=3.31.4",
     "qrcode": ">=1.5.4",
     "swiper": ">=11.1.15",
     "maska": ">=3.1.1",

package/types/acorex-cdk-wysiwyg.d.ts

@@ -1,12 +1,85 @@
 import * as _angular_core from '@angular/core';
-import Quill, { QuillOptions, Range } from 'quill/quill.d.ts';
+import { Extensions, Editor } from '@tiptap/core';
+
+type AXWysiwygEditor = Editor;
+type AXWysiwygHeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
+type AXWysiwygTextAlign = 'left' | 'center' | 'right' | 'justify';
+type AXWysiwygFontSizeToken = 'small' | 'large' | 'huge';
+type AXWysiwygTextDirection = 'rtl' | 'ltr';
+interface AXWysiwygRange {
+    index: number;
+    length: number;
+}
+type AXWysiwygCommand = 'bold' | 'italic' | 'underline' | 'strike' | 'code' | 'codeBlock' | 'heading' | 'paragraph' | 'bulletList' | 'orderedList' | 'blockquote' | 'textAlign' | 'color' | 'highlight' | 'link' | 'image' | 'video' | 'undo' | 'redo' | 'clearFormatting' | 'direction' | 'fontSize';
+interface AXWysiwygFeatures {
+    textAlign?: boolean;
+    image?: boolean;
+    link?: boolean;
+    video?: boolean;
+    color?: boolean;
+    highlight?: boolean;
+    placeholder?: boolean;
+    fontSize?: boolean;
+    textDirection?: boolean;
+}
+declare const AX_DEFAULT_WYSIWYG_FEATURES: AXWysiwygFeatures;
+interface AXWysiwygState {
+    bold: boolean;
+    italic: boolean;
+    underline: boolean;
+    strike: boolean;
+    code: boolean;
+    codeBlock: boolean;
+    headingLevel: AXWysiwygHeadingLevel | null;
+    bulletList: boolean;
+    orderedList: boolean;
+    blockquote: boolean;
+    textAlign: AXWysiwygTextAlign | null;
+    textColor: string | null;
+    highlightColor: string | null;
+    linkHref: string | null;
+    fontSize: AXWysiwygFontSizeToken | null;
+    textDirection: AXWysiwygTextDirection | null;
+    canUndo: boolean;
+    canRedo: boolean;
+    isEmpty: boolean;
+    isFocused: boolean;
+}
+declare const AX_EMPTY_WYSIWYG_STATE: AXWysiwygState;
+interface AXWysiwygInitOptions {
+    content?: string;
+    editable?: boolean;
+    placeholder?: string;
+    features?: AXWysiwygFeatures;
+    extensions?: Extensions;
+    /** @deprecated Use `editable: false` instead. */
+    readOnly?: boolean;
+    onUpdate?: (editor: AXWysiwygEditor) => void;
+    onFocus?: (editor: AXWysiwygEditor) => void;
+    onBlur?: (editor: AXWysiwygEditor) => void;
+    onSelectionUpdate?: (editor: AXWysiwygEditor) => void;
+}
+interface AXWysiwygLoadExtensionsOptions {
+    features?: AXWysiwygFeatures;
+    placeholder?: string;
+}
 
-type Wysiwyg = Quill;
-type WysiwygOptions = QuillOptions;
 declare class AXWysiwyg {
-    quillObj: _angular_core.WritableSignal<Quill>;
-    private platformId;
-    init(container: HTMLElement | string, option?: WysiwygOptions): Promise<void>;
+    readonly editor: _angular_core.WritableSignal<Editor>;
+    readonly state: _angular_core.WritableSignal<AXWysiwygState>;
+    readonly ready: _angular_core.WritableSignal<boolean>;
+    private readonly platformId;
+    private destroyed;
+    private applyingContent;
+    init(container: HTMLElement | string, options?: AXWysiwygInitOptions): Promise<void>;
+    destroy(): void;
+    setContent(value: string | null | undefined, emit?: boolean): void;
+    getHTML(): string;
+    get JSONoutput(): unknown;
+    getText(): string;
+    isEmpty(): boolean;
+    setEditable(editable: boolean): void;
+    get HTMLoutput(): string;
     bold(value: boolean): void;
     italic(value: boolean): void;
     underLine(value: boolean): void;
@@ -15,17 +88,48 @@ declare class AXWysiwyg {
     header(value: number): void;
     list(value: 'ordered' | 'bullet' | ''): void;
     align(value: 'center' | 'right' | 'left' | 'justify'): void;
-    direction(value: 'rtl' | 'ltr'): void;
-    fontSize(value: 'small' | false | 'large' | 'huge', range: Range): void;
-    get HTMLoutput(): string;
-    undo(): void;
-    redo(): void;
+    direction(value: AXWysiwygTextDirection): void;
+    fontSize(value: 'small' | false | 'large' | 'huge', range: AXWysiwygRange): void;
     background(value: string): void;
     addImage(value: string): void;
+    insertVideo(src: string): void;
+    codeBlock(range: AXWysiwygRange, status: boolean): void;
     focus(): void;
     blur(): void;
-    codeBlock(range: Range, status: boolean): void;
+    toggleBold(): void;
+    toggleItalic(): void;
+    toggleUnderline(): void;
+    toggleStrike(): void;
+    toggleCode(): void;
+    toggleCodeBlock(): void;
+    toggleHeading(level: AXWysiwygHeadingLevel): void;
+    setParagraph(): void;
+    toggleBulletList(): void;
+    toggleOrderedList(): void;
+    toggleBlockquote(): void;
+    setTextAlign(align: AXWysiwygTextAlign): void;
+    setTextDirection(direction: AXWysiwygTextDirection | null): void;
+    setFontSize(size: AXWysiwygFontSizeToken | null): void;
+    setColor(color: string): void;
+    unsetColor(): void;
+    setHighlight(color: string): void;
+    unsetHighlight(): void;
+    setLink(href: string): void;
+    unsetLink(): void;
+    insertImage(src: string, alt?: string): void;
+    undo(): void;
+    redo(): void;
+    clearFormatting(): void;
+    execute(command: AXWysiwygCommand, payload?: unknown): void;
+    isActive(name: string, attrs?: Record<string, unknown>): boolean;
+    can(command: 'undo' | 'redo'): boolean;
+    private setMarkActive;
+    private refreshState;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXWysiwyg, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<any>;
 }
 
-export { AXWysiwyg };
-export type { Wysiwyg, WysiwygOptions };
+declare function loadAXWysiwygExtensions(options?: AXWysiwygLoadExtensionsOptions): Promise<Extensions>;
+
+export { AXWysiwyg, AX_DEFAULT_WYSIWYG_FEATURES, AX_EMPTY_WYSIWYG_STATE, loadAXWysiwygExtensions };
+export type { AXWysiwygCommand, AXWysiwygEditor, AXWysiwygFeatures, AXWysiwygFontSizeToken, AXWysiwygHeadingLevel, AXWysiwygInitOptions, AXWysiwygLoadExtensionsOptions, AXWysiwygRange, AXWysiwygState, AXWysiwygTextAlign, AXWysiwygTextDirection };

package/wysiwyg/README.md

@@ -1,3 +1,5 @@
 # @acorex/cdk/wysiwyg
 
-Secondary entry point of `@acorex/cdk`. It can be used by importing from `@acorex/cdk/wysiwyg`.
+Secondary entry point of `@acorex/cdk`. Headless TipTap-powered rich text API. Import from `@acorex/cdk/wysiwyg`.
+
+Requires `@tiptap/*` peer dependencies (lazy-loaded at runtime).