@aquera/nile-elements 0.1.64-beta-1.0 → 0.1.64-beta-1.2

package/dist/src/nile-rich-text-editor/nile-rich-text-editor.js

@@ -0,0 +1,544 @@
+import { __decorate } from "tslib";
+// nile-rich-text-editor.ts
+import { LitElement } from 'lit';
+import { customElement, property, state } from 'lit/decorators.js';
+import './nile-rte-toolbar';
+import './nile-rte-toolbar-item';
+import './nile-rte-select';
+import './nile-rte-color';
+import './nile-rte-divider';
+import './nile-rte-preview';
+import './nile-rte-mentions';
+import { closestBlock, nearestElement, rgbToHex, toggleInlineTag, setBlockTag, setAlignment, setFontFamily, setForeColor, insertOrEditLink } from './utils';
+import { styles } from './nile-rich-text-editor.css';
+/**
+ * Map commands → default icon names from your <nile-icon> set.
+ * Adjust values to match the real names you have.
+ */
+const DEFAULT_ICONS = {
+    bold: 'nile-bold',
+    italic: 'nile-italic',
+    underline: 'nile-underline',
+    link: 'user',
+    left: 'nile-leftalign',
+    center: 'nile-centeralign',
+    right: 'nile-rightalign',
+    justify: 'nile-justify',
+    ul: 'nile-ul',
+    ol: 'nile-ol',
+    clear: 'error',
+};
+let NileRichTextEditor = class NileRichTextEditor extends LitElement {
+    constructor() {
+        super(...arguments);
+        /** Initial HTML content */
+        this.value = '';
+        /** Optional mentions config (can also be on <nile-rte-mentions mentions="...">) */
+        this.mentions = {};
+        // ----- internal state (no Lit render) -----
+        this.content = '';
+        this.previewEl = null;
+        this.toolbarEl = null;
+        this.lastRange = null;
+        // map for button active reflections
+        this.buttonMap = new Map();
+        this.headingSelect = null;
+        this.fontSelect = null;
+        this.colorInput = null;
+        // Mentions controller (child)
+        this.mentionsEl = null;
+        // ---------- Selection helpers (for toolbar state only) ----------
+        this.onSelectionChange = () => {
+            if (!this.editorEl)
+                return;
+            const sel = document.getSelection();
+            if (!sel || sel.rangeCount === 0)
+                return;
+            const range = sel.getRangeAt(0);
+            if (this.editorEl.contains(range.commonAncestorContainer)) {
+                this.lastRange = range.cloneRange();
+                this.updateToolbarState();
+            }
+        };
+    }
+    createRenderRoot() { return this; }
+    shouldUpdate() { return false; }
+    injectCss(cssText) {
+        if (this.querySelector('style[data-rte-style]'))
+            return;
+        const style = document.createElement('style');
+        style.setAttribute('data-rte-style', 'true');
+        style.textContent = cssText;
+        this.insertBefore(style, this.firstChild);
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        // 1) Inject styles once (so authored DOM stays as-is)
+        this.injectCss(styles.cssText);
+        // 2) Keep authored nodes
+        this.toolbarEl = this.querySelector('nile-rte-toolbar');
+        this.previewEl = this.querySelector('nile-rte-preview');
+        // 3) Ensure there is an editor element; create if missing.
+        this.ensureEditor();
+        // 4) Fill initial content
+        if (this.value && !this.editorEl.innerHTML.trim()) {
+            this.editorEl.innerHTML = this.value;
+        }
+        this.content = this.editorEl.innerHTML;
+        // 5) Wire toolbar authored children directly
+        if (this.toolbarEl)
+            this.wireAuthoredToolbar(this.toolbarEl);
+        // 6) Mentions: delegate to child controller
+        this.mentionsEl = this.querySelector('nile-rte-mentions');
+        if (this.mentionsEl) {
+            this.mentionsEl.attach?.(this.editorEl, this);
+            this.mentionsEl.setExternalConfig?.(this.mentions);
+        }
+        this.wireEditor();
+        this.updateToolbarState();
+        this.syncPreview();
+        document.addEventListener('selectionchange', this.onSelectionChange, true);
+    }
+    disconnectedCallback() {
+        document.removeEventListener('selectionchange', this.onSelectionChange, true);
+        // Optionally tell mentions to cleanup
+        if (this.mentionsEl && this.mentionsEl.detach) {
+            this.mentionsEl.detach();
+        }
+        super.disconnectedCallback();
+    }
+    ensureEditor() {
+        this.editorEl = this.querySelector('.editor');
+        if (!this.editorEl) {
+            const editor = document.createElement('div');
+            editor.className = 'editor';
+            editor.setAttribute('contenteditable', 'true');
+            if (this.toolbarEl?.nextSibling) {
+                this.insertBefore(editor, this.toolbarEl.nextSibling);
+            }
+            else if (this.previewEl) {
+                this.insertBefore(editor, this.previewEl);
+            }
+            else {
+                this.appendChild(editor);
+            }
+            this.editorEl = editor;
+        }
+        // **NEW**: seed an empty paragraph so setBlockTag() has something to swap
+        if (!this.editorEl.innerHTML.trim()) {
+            this.editorEl.innerHTML = '<p><br></p>';
+        }
+        this.ensureAtLeastOneParagraph();
+    }
+    wireEditor() {
+        // Input & selection preservation
+        this.editorEl.addEventListener('input', () => {
+            this.ensureAtLeastOneParagraph();
+            this.updateContent();
+        });
+        this.editorEl.addEventListener('mouseup', () => this.saveSelection());
+        this.editorEl.addEventListener('keyup', () => this.saveSelection()); // keep range fresh for toolbar
+    }
+    wireAuthoredToolbar(tb) {
+        // Clear previous map
+        this.buttonMap.clear();
+        this.headingSelect = null;
+        this.fontSelect = null;
+        this.colorInput = null;
+        // Process children
+        Array.from(tb.children).forEach(child => {
+            const tag = child.tagName.toLowerCase();
+            if (tag === 'nile-rte-select' && child.getAttribute('type') === 'align') {
+                child.addEventListener('change', (e) => {
+                    this.focusAndRestore();
+                    const alignment = e.detail;
+                    setAlignment(this.editorEl, alignment);
+                    this.updateContent();
+                    this.updateToolbarState();
+                });
+                return;
+            }
+            if (tag === 'nile-rte-toolbar-item') {
+                // Look for an authored <nile-button> (so authors can override)
+                let btn = child.querySelector(':scope > nile-button');
+                const cmd = child.getAttribute('name') || '';
+                const label = child.getAttribute('label') || cmd;
+                const iconAttr = child.getAttribute('icon');
+                const authoredHasContent = child.innerHTML.trim().length > 0;
+                // If none, create one
+                if (!btn) {
+                    btn = document.createElement('nile-button');
+                    btn.variant = 'tertiary';
+                    btn.size = 'small'; // optional
+                }
+                // Fill visual content
+                if (iconAttr) {
+                    btn.innerHTML = `<nile-icon name="${iconAttr}" aria-label="${label}"></nile-icon>`;
+                    child.innerHTML = '';
+                }
+                else if (!authoredHasContent) {
+                    const defaultIcon = DEFAULT_ICONS[cmd];
+                    if (defaultIcon) {
+                        btn.innerHTML = `<nile-icon name="${defaultIcon}" size="20" color="black" aria-label="${label}"></nile-icon>`;
+                    }
+                    else {
+                        btn.textContent = label || cmd;
+                    }
+                    child.innerHTML = '';
+                }
+                else {
+                    // Author provided custom content (could be a <nile-icon> already)
+                    btn.innerHTML = child.innerHTML;
+                    child.innerHTML = '';
+                }
+                // Mount it
+                if (!btn.isConnected)
+                    child.appendChild(btn);
+                // Interactions
+                btn.setAttribute('aria-label', label);
+                btn.addEventListener('mousedown', e => e.preventDefault());
+                btn.addEventListener('click', () => this.onToolbarCommand(cmd));
+                // Register for active reflection
+                const arr = this.buttonMap.get(cmd) ?? [];
+                arr.push(btn);
+                this.buttonMap.set(cmd, arr);
+                return; // done with this child
+            }
+            if (tag === 'nile-rte-select') {
+                const type = child.getAttribute('type') || '';
+                // listen for our custom dropdown’s change event
+                child.addEventListener('change', (e) => {
+                    // restore focus & selection
+                    this.focusAndRestore();
+                    const val = e.detail;
+                    if (type === 'heading') {
+                        // apply block tag
+                        setBlockTag(this.editorEl, val);
+                    }
+                    else if (type === 'font') {
+                        setFontFamily(this.editorEl, val);
+                    }
+                    // update the editor content & toolbar UI
+                    this.updateContent();
+                    this.updateToolbarState();
+                });
+                // nothing else to inject into the DOM
+                return;
+            }
+            if (tag === 'nile-rte-color') {
+                const label = child.getAttribute('label') ?? 'Text color';
+                const value = child.getAttribute('value') ?? '#000000';
+                // render internal <input type="color">
+                let input = child.querySelector(':scope > input[type="color"]');
+                if (!input) {
+                    input = document.createElement('input');
+                    input.type = 'color';
+                    child.appendChild(input);
+                }
+                input.title = label;
+                input.value = value;
+                input.addEventListener('mousedown', e => e.preventDefault());
+                input.addEventListener('input', () => {
+                    this.focusAndRestore();
+                    setForeColor(this.editorEl, input.value);
+                    this.updateContent();
+                    this.updateToolbarState();
+                });
+                this.colorInput = input;
+            }
+            // nile-rte-divider: no-op (purely visual)
+        });
+    }
+    saveSelection() {
+        const sel = window.getSelection();
+        if (sel && sel.rangeCount)
+            this.lastRange = sel.getRangeAt(0).cloneRange();
+    }
+    restoreSelection() {
+        if (!this.lastRange)
+            return;
+        const sel = document.getSelection();
+        if (!sel)
+            return;
+        sel.removeAllRanges();
+        sel.addRange(this.lastRange);
+    }
+    focusAndRestore() { this.editorEl?.focus(); this.restoreSelection(); }
+    /*────────────────────────  LIST HELPERS  ────────────────────────*/
+    insertList(type) {
+        this.restoreSelection();
+        if (!this.lastRange)
+            return;
+        // build <ul>/<ol>
+        const list = document.createElement(type);
+        // grab the selected fragment
+        const frag = this.lastRange.extractContents();
+        const temp = document.createElement('div');
+        temp.appendChild(frag);
+        // wrap each top-level node in an <li>
+        Array.from(temp.childNodes).forEach(n => {
+            // skip empty whitespace text nodes
+            if (n.nodeType === Node.TEXT_NODE && !n.textContent?.trim())
+                return;
+            const li = document.createElement('li');
+            li.appendChild(n); // moves the node!
+            list.appendChild(li);
+        });
+        // insert list where the selection was
+        this.lastRange.insertNode(list);
+        this.afterListEdit(list);
+    }
+    afterListEdit(node) {
+        const range = document.createRange();
+        range.setStartAfter(node);
+        range.collapse(true);
+        const sel = window.getSelection();
+        sel?.removeAllRanges();
+        sel?.addRange(range);
+        this.saveSelection();
+        this.updateContent();
+        this.updateToolbarState();
+    }
+    // Keep at least one <p><br></p> and wrap stray inline/text into a <p>
+    ensureAtLeastOneParagraph() {
+        const el = this.editorEl;
+        if (!el)
+            return;
+        // 1) If completely empty → seed a paragraph
+        const onlyWhitespace = (el.textContent ?? '').replace(/\u200B/g, '').trim() === '';
+        if (el.childNodes.length === 0 || onlyWhitespace) {
+            el.innerHTML = '<p><br></p>';
+            return;
+        }
+        // 2) If no block elements exist, wrap whatever is there into a <p>
+        const hasBlock = el.querySelector('p,h1,h2,h3,h4,h5,h6,ul,ol,table,blockquote,pre');
+        if (!hasBlock) {
+            const p = document.createElement('p');
+            while (el.firstChild)
+                p.appendChild(el.firstChild);
+            if (!p.hasChildNodes())
+                p.appendChild(document.createElement('br'));
+            el.appendChild(p);
+            return;
+        }
+        // 3) Make sure the first/only empty <p> still has a <br>
+        el.querySelectorAll('p').forEach(p => {
+            if ((p.textContent ?? '').replace(/\u200B/g, '') === '') {
+                if (!p.innerHTML.toLowerCase().includes('<br'))
+                    p.innerHTML = '<br>';
+            }
+        });
+    }
+    // ---------- Toolbar/commands ----------
+    onToolbarCommand(cmd) {
+        this.focusAndRestore();
+        switch (cmd) {
+            case 'bold':
+                toggleInlineTag(this.editorEl, 'strong');
+                break;
+            case 'italic':
+                toggleInlineTag(this.editorEl, 'em');
+                break;
+            case 'underline':
+                toggleInlineTag(this.editorEl, 'u');
+                break;
+            case 'left':
+                setAlignment(this.editorEl, 'left');
+                break;
+            case 'center':
+                setAlignment(this.editorEl, 'center');
+                break;
+            case 'right':
+                setAlignment(this.editorEl, 'right');
+                break;
+            case 'justify':
+                setAlignment(this.editorEl, 'justify');
+                break;
+            case 'ul':
+                this.insertList('ul');
+                break;
+            case 'ol':
+                this.insertList('ol');
+                break;
+            case 'link':
+                insertOrEditLink(this.editorEl);
+                break;
+            case 'clear':
+                const walker = document.createTreeWalker(this.editorEl, NodeFilter.SHOW_ELEMENT);
+                const toUnwrap = [];
+                while (walker.nextNode()) {
+                    const el = walker.currentNode;
+                    el.removeAttribute('style');
+                    if (['B', 'STRONG', 'I', 'EM', 'U', 'SPAN', 'FONT'].includes(el.tagName)) {
+                        toUnwrap.push(el);
+                    }
+                }
+                for (const el of toUnwrap) {
+                    while (el.firstChild)
+                        el.parentNode?.insertBefore(el.firstChild, el);
+                    el.remove();
+                }
+                this.ensureAtLeastOneParagraph();
+                break;
+            default: break;
+        }
+        this.updateContent();
+        this.updateToolbarState();
+    }
+    setBtnActive(cmd, active) {
+        const arr = this.buttonMap.get(cmd);
+        if (!arr)
+            return;
+        for (const btn of arr)
+            btn.toggleAttribute('data-active', !!active);
+    }
+    updateToolbarState() {
+        if (!this.editorEl)
+            return;
+        const sel = document.getSelection();
+        if (!sel || sel.rangeCount === 0)
+            return;
+        const range = sel.getRangeAt(0);
+        if (!this.editorEl.contains(range.commonAncestorContainer))
+            return;
+        const startElm = nearestElement(range.startContainer) || this.editorEl;
+        const comp = getComputedStyle(startElm);
+        const block = closestBlock(range.startContainer, this.editorEl) || this.editorEl;
+        const isBold = (() => {
+            let n = startElm;
+            while (n && n !== this.editorEl) {
+                if (n instanceof HTMLElement) {
+                    const t = n.tagName.toLowerCase();
+                    if (t === 'strong' || t === 'b')
+                        return true;
+                    const w = getComputedStyle(n).fontWeight;
+                    if (parseInt(w, 10) >= 600)
+                        return true;
+                }
+                n = n.parentNode;
+            }
+            return false;
+        })();
+        const isItalic = (() => {
+            let n = startElm;
+            while (n && n !== this.editorEl) {
+                if (n instanceof HTMLElement) {
+                    const t = n.tagName.toLowerCase();
+                    if (t === 'em' || t === 'i')
+                        return true;
+                    if (getComputedStyle(n).fontStyle === 'italic')
+                        return true;
+                }
+                n = n.parentNode;
+            }
+            return false;
+        })();
+        const isUnderline = (() => {
+            let n = startElm;
+            while (n && n !== this.editorEl) {
+                if (n instanceof HTMLElement) {
+                    const tdl = getComputedStyle(n).textDecorationLine;
+                    if (tdl && tdl.includes('underline'))
+                        return true;
+                    if (n.tagName.toLowerCase() === 'u')
+                        return true;
+                }
+                n = n.parentNode;
+            }
+            return false;
+        })();
+        const inLink = !!startElm.closest('a');
+        const align = (block.style.textAlign || getComputedStyle(block).textAlign || 'start');
+        const alignNorm = align === 'start' ? 'left' : align;
+        const inLi = !!startElm.closest('li');
+        const listType = inLi ? (startElm.closest('ul,ol')?.tagName.toLowerCase() || '') : '';
+        this.setBtnActive('bold', isBold);
+        this.setBtnActive('italic', isItalic);
+        this.setBtnActive('underline', isUnderline);
+        this.setBtnActive('link', inLink);
+        this.setBtnActive('left', alignNorm === 'left' && !['center', 'right', 'justify'].includes(alignNorm));
+        this.setBtnActive('center', alignNorm === 'center');
+        this.setBtnActive('right', alignNorm === 'right');
+        this.setBtnActive('justify', alignNorm === 'justify');
+        this.setBtnActive('ul', listType === 'ul');
+        this.setBtnActive('ol', listType === 'ol');
+        // Reflect heading
+        if (this.headingSelect) {
+            const tag = block.tagName.toLowerCase();
+            const v = ['h1', 'h2', 'h3'].includes(tag) ? tag : 'p';
+            if (this.headingSelect.value !== v)
+                this.headingSelect.value = v;
+        }
+        // Reflect font family
+        if (this.fontSelect) {
+            const ff = (comp.fontFamily || '').replace(/["']/g, '').split(',')[0].trim().toLowerCase();
+            if (ff) {
+                for (const opt of Array.from(this.fontSelect.options)) {
+                    if (opt.value.toLowerCase() === ff) {
+                        this.fontSelect.value = opt.value;
+                        break;
+                    }
+                }
+            }
+        }
+        // Reflect color
+        if (this.colorInput) {
+            const hex = rgbToHex(comp.color);
+            if (hex && this.colorInput.value.toLowerCase() !== hex.toLowerCase()) {
+                this.colorInput.value = hex;
+            }
+        }
+    }
+    syncPreview() {
+        this.updateContent();
+    }
+    updateContent() {
+        if (!this.editorEl)
+            return;
+        this.ensureAtLeastOneParagraph();
+        this.content = this.editorEl.innerHTML;
+        // live preview on the authored node (kept in place)
+        if (this.previewEl)
+            this.previewEl.innerHTML = this.content;
+        this.dispatchEvent(new CustomEvent('content-changed', {
+            detail: { content: this.content }, bubbles: true, composed: true
+        }));
+    }
+};
+__decorate([
+    property({ type: String })
+], NileRichTextEditor.prototype, "value", void 0);
+__decorate([
+    property({
+        attribute: 'mentions',
+        converter: {
+            fromAttribute: (value) => {
+                try {
+                    const parsed = JSON.parse(value);
+                    const out = {};
+                    for (const trig of Object.keys(parsed)) {
+                        const arr = parsed[trig];
+                        if (Array.isArray(arr)) {
+                            out[trig] = arr
+                                .filter(i => i && typeof i.key === 'string' && typeof i.label === 'string')
+                                .map(i => ({ key: i.key, label: i.label }));
+                        }
+                    }
+                    return out;
+                }
+                catch {
+                    return {};
+                }
+            },
+            toAttribute: (v) => JSON.stringify(v),
+        }
+    })
+], NileRichTextEditor.prototype, "mentions", void 0);
+__decorate([
+    state()
+], NileRichTextEditor.prototype, "content", void 0);
+NileRichTextEditor = __decorate([
+    customElement('nile-rich-text-editor')
+], NileRichTextEditor);
+export { NileRichTextEditor };
+//# sourceMappingURL=nile-rich-text-editor.js.map

package/dist/src/nile-rich-text-editor/nile-rich-text-editor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-rich-text-editor.js","sourceRoot":"","sources":["../../../src/nile-rich-text-editor/nile-rich-text-editor.ts"],"names":[],"mappings":"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","sourcesContent":["// nile-rich-text-editor.ts\nimport { LitElement } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\n\nimport './nile-rte-toolbar';\nimport './nile-rte-toolbar-item';\nimport './nile-rte-select';\nimport './nile-rte-color';\nimport './nile-rte-divider';\nimport './nile-rte-preview';\nimport './nile-rte-mentions';\n\nimport {\n  closestBlock, nearestElement, rgbToHex,\n  toggleInlineTag, setBlockTag, setAlignment,\n  setFontFamily, setForeColor,  insertOrEditLink\n} from './utils';\n\nimport {styles} from './nile-rich-text-editor.css';  \n\ntype MentionsConfig = Record<string, { key: string; label: string }[]>;\n\n/**\n * Map commands → default icon names from your <nile-icon> set.\n * Adjust values to match the real names you have.\n */\nconst DEFAULT_ICONS: Record<string, string> = {\n  bold: 'nile-bold',\n  italic: 'nile-italic',\n  underline: 'nile-underline',\n  link: 'user',\n  left: 'nile-leftalign',\n  center: 'nile-centeralign',\n  right: 'nile-rightalign',\n  justify: 'nile-justify',\n  ul: 'nile-ul',\n  ol: 'nile-ol',\n  clear: 'error',\n};\n\n@customElement('nile-rich-text-editor')\nexport class NileRichTextEditor extends LitElement {\n  protected createRenderRoot() { return this; }  \n  protected shouldUpdate() { return false; }    \n\n  /** Initial HTML content */\n  @property({ type: String }) value = '';\n\n  /** Optional mentions config (can also be on <nile-rte-mentions mentions=\"...\">) */\n  @property({\n    attribute: 'mentions',\n    converter: {\n      fromAttribute: (value: string): MentionsConfig => {\n        try {\n          const parsed = JSON.parse(value);\n          const out: MentionsConfig = {};\n          for (const trig of Object.keys(parsed)) {\n            const arr = parsed[trig];\n            if (Array.isArray(arr)) {\n              out[trig] = arr\n                .filter(i => i && typeof i.key === 'string' && typeof i.label === 'string')\n                .map(i => ({ key: i.key, label: i.label }));\n            }\n          }\n          return out;\n        } catch { return {}; }\n      },\n      toAttribute: (v: MentionsConfig) => JSON.stringify(v),\n    }\n  })\n  mentions: MentionsConfig = {};\n\n  // ----- internal state (no Lit render) -----\n  @state() private content = '';\n  private editorEl!: HTMLElement;\n  private previewEl: HTMLElement | null = null;\n  private toolbarEl: HTMLElement | null = null;\n\n  private lastRange: Range | null = null;\n\n  // map for button active reflections\n  private buttonMap = new Map<string, HTMLElement[]>();\n  private headingSelect: HTMLSelectElement | null = null;\n  private fontSelect: HTMLSelectElement | null = null;\n  private colorInput: HTMLInputElement | null = null;\n\n  // Mentions controller (child)\n  private mentionsEl: HTMLElement | null = null;\n\n  \n\n  private injectCss(cssText: string) {\n    if (this.querySelector('style[data-rte-style]')) return;\n    const style = document.createElement('style');\n    style.setAttribute('data-rte-style', 'true');\n    style.textContent = cssText;\n    this.insertBefore(style, this.firstChild);\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback();\n\n    // 1) Inject styles once (so authored DOM stays as-is)\n    this.injectCss(styles.cssText);     \n    \n\n    // 2) Keep authored nodes\n    this.toolbarEl = this.querySelector('nile-rte-toolbar');\n    this.previewEl = this.querySelector('nile-rte-preview');\n\n    // 3) Ensure there is an editor element; create if missing.\n    this.ensureEditor();\n\n    // 4) Fill initial content\n    if (this.value && !this.editorEl.innerHTML.trim()) {\n      this.editorEl.innerHTML = this.value;\n    }\n    this.content = this.editorEl.innerHTML;\n\n    // 5) Wire toolbar authored children directly\n    if (this.toolbarEl) this.wireAuthoredToolbar(this.toolbarEl);\n\n    // 6) Mentions: delegate to child controller\n    this.mentionsEl = this.querySelector('nile-rte-mentions');\n    if (this.mentionsEl) {\n \n      (this.mentionsEl as any).attach?.(this.editorEl, this as HTMLElement);\n \n      (this.mentionsEl as any).setExternalConfig?.(this.mentions);\n    }\n\n    \n    this.wireEditor();\n\n \n    this.updateToolbarState();\n    this.syncPreview();\n\n   \n    document.addEventListener('selectionchange', this.onSelectionChange, true);\n  }\n\n  disconnectedCallback(): void {\n    document.removeEventListener('selectionchange', this.onSelectionChange, true);\n    // Optionally tell mentions to cleanup\n    if (this.mentionsEl && (this.mentionsEl as any).detach) {\n      (this.mentionsEl as any).detach();\n    }\n    super.disconnectedCallback();\n  }\n\n \n \n\n  private ensureEditor() {\n    this.editorEl = this.querySelector('.editor') as HTMLElement;\n    if (!this.editorEl) {\n      const editor = document.createElement('div');\n      editor.className = 'editor';\n      editor.setAttribute('contenteditable','true');\n      if (this.toolbarEl?.nextSibling) {\n        this.insertBefore(editor, this.toolbarEl.nextSibling);\n      } else if (this.previewEl) {\n        this.insertBefore(editor, this.previewEl);\n      } else {\n        this.appendChild(editor);\n      }\n      this.editorEl = editor;\n    }\n    // **NEW**: seed an empty paragraph so setBlockTag() has something to swap\n    if (!this.editorEl.innerHTML.trim()) {\n      this.editorEl.innerHTML = '<p><br></p>';\n    }\n    this.ensureAtLeastOneParagraph();\n  }\n\n  private wireEditor() {\n    // Input & selection preservation\n    this.editorEl.addEventListener('input', () => { \n      this.ensureAtLeastOneParagraph();\n      this.updateContent();\n    });\n    this.editorEl.addEventListener('mouseup', () => this.saveSelection());\n    this.editorEl.addEventListener('keyup', () => this.saveSelection()); // keep range fresh for toolbar\n  }\n\n  private wireAuthoredToolbar(tb: HTMLElement) {\n    // Clear previous map\n    this.buttonMap.clear();\n    this.headingSelect = null;\n    this.fontSelect = null;\n    this.colorInput = null;\n\n    // Process children\n    Array.from(tb.children).forEach(child => {\n      const tag = child.tagName.toLowerCase();\n\n      if (tag === 'nile-rte-select' && child.getAttribute('type') === 'align') {\n        child.addEventListener('change', (e: any) => {\n          this.focusAndRestore();\n          const alignment = e.detail as 'left'|'center'|'right'|'justify';\n          setAlignment(this.editorEl, alignment);\n          this.updateContent();\n          this.updateToolbarState();\n        });\n        return;\n      }\n  \n\n      if (tag === 'nile-rte-toolbar-item') {\n        // Look for an authored <nile-button> (so authors can override)\n        let btn = child.querySelector(':scope > nile-button') as HTMLElement | null;\n      \n        const cmd   = child.getAttribute('name')  || '';\n        const label = child.getAttribute('label') || cmd;\n        const iconAttr = child.getAttribute('icon');\n        const authoredHasContent = child.innerHTML.trim().length > 0;\n      \n        // If none, create one\n        if (!btn) {\n          btn = document.createElement('nile-button');\n          (btn as any).variant = 'tertiary';\n          (btn as any).size = 'small';   // optional\n        }\n      \n        // Fill visual content\n        if (iconAttr) {\n          btn.innerHTML = `<nile-icon name=\"${iconAttr}\" aria-label=\"${label}\"></nile-icon>`;\n          child.innerHTML = '';\n        } else if (!authoredHasContent) {\n          const defaultIcon = DEFAULT_ICONS[cmd];\n          if (defaultIcon) {\n            btn.innerHTML = `<nile-icon name=\"${defaultIcon}\" size=\"20\" color=\"black\" aria-label=\"${label}\"></nile-icon>`;\n          } else {\n            btn.textContent = label || cmd;\n          }\n          child.innerHTML = '';\n        } else {\n          // Author provided custom content (could be a <nile-icon> already)\n          btn.innerHTML = child.innerHTML;\n          child.innerHTML = '';\n        }\n      \n        // Mount it\n        if (!btn.isConnected) child.appendChild(btn);\n      \n        // Interactions\n        btn.setAttribute('aria-label', label);\n        btn.addEventListener('mousedown', e => e.preventDefault());\n        btn.addEventListener('click', () => this.onToolbarCommand(cmd));\n      \n        // Register for active reflection\n        const arr = this.buttonMap.get(cmd) ?? [];\n        arr.push(btn);\n        this.buttonMap.set(cmd, arr);\n      \n        return; // done with this child\n      }\n      if (tag === 'nile-rte-select') {\n             const type = child.getAttribute('type') || '';\n\n              // listen for our custom dropdown’s change event\n              child.addEventListener('change', (e: any) => {\n                // restore focus & selection\n                this.focusAndRestore();\n\n                const val = e.detail as string;\n\n                if (type === 'heading') {\n                  // apply block tag\n                  setBlockTag(this.editorEl, val as any);\n                }\n                else if (type === 'font') {\n                  setFontFamily(this.editorEl, val);\n                }\n        \n                // update the editor content & toolbar UI\n                this.updateContent();\n                this.updateToolbarState();\n              });\n\n                  // nothing else to inject into the DOM\n                return;\n             }\n     \n\n      if (tag === 'nile-rte-color') {\n        const label = child.getAttribute('label') ?? 'Text color';\n        const value = child.getAttribute('value') ?? '#000000';\n        // render internal <input type=\"color\">\n        let input = child.querySelector(':scope > input[type=\"color\"]') as HTMLInputElement | null;\n        if (!input) {\n          input = document.createElement('input');\n          input.type = 'color';\n          child.appendChild(input);\n        }\n        input.title = label;\n        input.value = value;\n        input.addEventListener('mousedown', e => e.preventDefault());\n        input.addEventListener('input', () => {\n          this.focusAndRestore();\n          setForeColor(this.editorEl, input!.value);\n          this.updateContent(); this.updateToolbarState();\n        });\n        this.colorInput = input;\n      }\n\n      // nile-rte-divider: no-op (purely visual)\n    });\n  }\n\n  // ---------- Selection helpers (for toolbar state only) ----------\n  private onSelectionChange = () => {\n    if (!this.editorEl) return;\n    const sel = document.getSelection();\n    if (!sel || sel.rangeCount === 0) return;\n    const range = sel.getRangeAt(0);\n    if (this.editorEl.contains(range.commonAncestorContainer)) {\n      this.lastRange = range.cloneRange();\n      this.updateToolbarState();\n    }\n  };\n  private saveSelection() {\n    const sel = window.getSelection();\n    if (sel && sel.rangeCount) this.lastRange = sel.getRangeAt(0).cloneRange();\n  }\n  private restoreSelection() {\n    if (!this.lastRange) return;\n    const sel = document.getSelection(); if (!sel) return;\n    sel.removeAllRanges(); sel.addRange(this.lastRange);\n  }\n  private focusAndRestore() { this.editorEl?.focus(); this.restoreSelection(); }\n\n  /*────────────────────────  LIST HELPERS  ────────────────────────*/\nprivate insertList(type: 'ul' | 'ol') {\n  this.restoreSelection();\n  if (!this.lastRange) return;\n\n  // build <ul>/<ol>\n  const list = document.createElement(type);\n\n  // grab the selected fragment\n  const frag  = this.lastRange.extractContents();\n  const temp  = document.createElement('div');\n  temp.appendChild(frag);\n\n  // wrap each top-level node in an <li>\n  Array.from(temp.childNodes).forEach(n => {\n    // skip empty whitespace text nodes\n    if (n.nodeType === Node.TEXT_NODE && !n.textContent?.trim()) return;\n    const li = document.createElement('li');\n    li.appendChild(n);          // moves the node!\n    list.appendChild(li);\n  });\n\n  // insert list where the selection was\n  this.lastRange.insertNode(list);\n  this.afterListEdit(list);\n}\n\nprivate afterListEdit(node: Node) {\n  const range = document.createRange();\n  range.setStartAfter(node);\n  range.collapse(true);\n  const sel = window.getSelection();\n  sel?.removeAllRanges();\n  sel?.addRange(range);\n\n  this.saveSelection();\n  this.updateContent();\n  this.updateToolbarState();\n}\n // Keep at least one <p><br></p> and wrap stray inline/text into a <p>\nprivate ensureAtLeastOneParagraph() {\n  const el = this.editorEl;\n  if (!el) return;\n\n  // 1) If completely empty → seed a paragraph\n  const onlyWhitespace =\n    (el.textContent ?? '').replace(/\\u200B/g, '').trim() === '';\n  if (el.childNodes.length === 0 || onlyWhitespace) {\n    el.innerHTML = '<p><br></p>';\n    return;\n  }\n\n  // 2) If no block elements exist, wrap whatever is there into a <p>\n  const hasBlock = el.querySelector('p,h1,h2,h3,h4,h5,h6,ul,ol,table,blockquote,pre');\n  if (!hasBlock) {\n    const p = document.createElement('p');\n    while (el.firstChild) p.appendChild(el.firstChild);\n    if (!p.hasChildNodes()) p.appendChild(document.createElement('br'));\n    el.appendChild(p);\n    return;\n  }\n\n  // 3) Make sure the first/only empty <p> still has a <br>\n  el.querySelectorAll('p').forEach(p => {\n    if ((p.textContent ?? '').replace(/\\u200B/g, '') === '') {\n      if (!p.innerHTML.toLowerCase().includes('<br')) p.innerHTML = '<br>';\n    }\n  });\n}\n\n\n\n  // ---------- Toolbar/commands ----------\n  private onToolbarCommand(cmd: string) {\n    this.focusAndRestore();\n    switch (cmd) {\n      case 'bold': toggleInlineTag(this.editorEl, 'strong'); break;\n      case 'italic': toggleInlineTag(this.editorEl, 'em'); break;\n      case 'underline': toggleInlineTag(this.editorEl, 'u'); break;\n      case 'left': setAlignment(this.editorEl, 'left'); break;\n      case 'center': setAlignment(this.editorEl, 'center'); break;\n      case 'right': setAlignment(this.editorEl, 'right'); break;\n      case 'justify': setAlignment(this.editorEl, 'justify'); break;\n      case 'ul': this.insertList('ul'); break;\n      case 'ol': this.insertList('ol'); break;\n      case 'link': insertOrEditLink(this.editorEl); break;\n      case 'clear':\n  const walker = document.createTreeWalker(this.editorEl, NodeFilter.SHOW_ELEMENT);\n  const toUnwrap: HTMLElement[] = [];\n  while (walker.nextNode()) {\n    const el = walker.currentNode as HTMLElement;\n    el.removeAttribute('style');\n    if (['B','STRONG','I','EM','U','SPAN','FONT'].includes(el.tagName)) {\n      toUnwrap.push(el);\n    }\n  }\n  for (const el of toUnwrap) {\n    while (el.firstChild) el.parentNode?.insertBefore(el.firstChild, el);\n    el.remove();\n  }\n  this.ensureAtLeastOneParagraph();\n  break;\n\n      default: break;\n    }\n    this.updateContent(); this.updateToolbarState();\n  }\n\n  private setBtnActive(cmd: string, active: boolean) {\n    const arr = this.buttonMap.get(cmd); if (!arr) return;\n    for (const btn of arr) btn.toggleAttribute('data-active', !!active);\n  }\n\n  private updateToolbarState() {\n    if (!this.editorEl) return;\n    const sel = document.getSelection();\n    if (!sel || sel.rangeCount === 0) return;\n    const range = sel.getRangeAt(0);\n    if (!this.editorEl.contains(range.commonAncestorContainer)) return;\n\n    const startElm = nearestElement(range.startContainer) || this.editorEl;\n    const comp = getComputedStyle(startElm);\n    const block = closestBlock(range.startContainer, this.editorEl) || this.editorEl;\n\n    const isBold = (() => {\n      let n: Node | null = startElm;\n      while (n && n !== this.editorEl) {\n        if (n instanceof HTMLElement) {\n          const t = n.tagName.toLowerCase();\n          if (t === 'strong' || t === 'b') return true;\n          const w = getComputedStyle(n).fontWeight;\n          if (parseInt(w, 10) >= 600) return true;\n        }\n        n = n.parentNode;\n      }\n      return false;\n    })();\n\n    const isItalic = (() => {\n      let n: Node | null = startElm;\n      while (n && n !== this.editorEl) {\n        if (n instanceof HTMLElement) {\n          const t = n.tagName.toLowerCase();\n          if (t === 'em' || t === 'i') return true;\n          if (getComputedStyle(n).fontStyle === 'italic') return true;\n        }\n        n = n.parentNode;\n      }\n      return false;\n    })();\n\n    const isUnderline = (() => {\n      let n: Node | null = startElm;\n      while (n && n !== this.editorEl) {\n        if (n instanceof HTMLElement) {\n          const tdl = getComputedStyle(n).textDecorationLine;\n          if (tdl && tdl.includes('underline')) return true;\n          if (n.tagName.toLowerCase() === 'u') return true;\n        }\n        n = n.parentNode;\n      }\n      return false;\n    })();\n\n    const inLink = !!startElm.closest('a');\n\n    const align = (block.style.textAlign || getComputedStyle(block).textAlign || 'start') as string;\n    const alignNorm = align === 'start' ? 'left' : align;\n\n    const inLi = !!startElm.closest('li');\n    const listType = inLi ? (startElm.closest('ul,ol')?.tagName.toLowerCase() || '') : '';\n\n    this.setBtnActive('bold', isBold);\n    this.setBtnActive('italic', isItalic);\n    this.setBtnActive('underline', isUnderline);\n    this.setBtnActive('link', inLink);\n\n    this.setBtnActive('left', alignNorm === 'left' && !['center','right','justify'].includes(alignNorm));\n    this.setBtnActive('center', alignNorm === 'center');\n    this.setBtnActive('right', alignNorm === 'right');\n    this.setBtnActive('justify', alignNorm === 'justify');\n\n    this.setBtnActive('ul', listType === 'ul');\n    this.setBtnActive('ol', listType === 'ol');\n\n    // Reflect heading\n    if (this.headingSelect) {\n      const tag = block.tagName.toLowerCase();\n      const v = ['h1','h2','h3'].includes(tag) ? tag : 'p';\n      if (this.headingSelect.value !== v) this.headingSelect.value = v;\n    }\n\n    // Reflect font family\n    if (this.fontSelect) {\n      const ff = (comp.fontFamily || '').replace(/[\"']/g, '').split(',')[0].trim().toLowerCase();\n      if (ff) {\n        for (const opt of Array.from(this.fontSelect.options)) {\n          if (opt.value.toLowerCase() === ff) { this.fontSelect.value = opt.value; break; }\n        }\n      }\n    }\n\n    // Reflect color\n    if (this.colorInput) {\n      const hex = rgbToHex(comp.color);\n      if (hex && this.colorInput.value.toLowerCase() !== hex.toLowerCase()) {\n        this.colorInput.value = hex;\n      }\n    }\n  }\n\n  private syncPreview() {\n    this.updateContent();\n  }\n\n  private updateContent() {\n    if (!this.editorEl) return;\n    this.ensureAtLeastOneParagraph();\n    this.content = this.editorEl.innerHTML;\n\n    // live preview on the authored node (kept in place)\n    if (this.previewEl) this.previewEl.innerHTML = this.content;\n\n    this.dispatchEvent(new CustomEvent('content-changed', {\n      detail: { content: this.content }, bubbles: true, composed: true\n    }));\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-rich-text-editor': NileRichTextEditor;\n  }\n}\n\n"]}

package/dist/src/nile-rich-text-editor/nile-rte-color.d.ts

@@ -0,0 +1,14 @@
+import { LitElement } from 'lit';
+export declare class NileRteColor extends LitElement {
+    protected createRenderRoot(): this;
+    protected shouldUpdate(): boolean;
+    /** 'foreColor' (reserved for future: 'backColor') */
+    type: string;
+    label: string;
+    value: string;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'nile-rte-color': NileRteColor;
+    }
+}