@aquera/nile-elements 1.3.3-beta-1.3 → 1.3.3-beta-1.5

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

@@ -0,0 +1,567 @@
+import { __decorate } from "tslib";
+import { LitElement } from 'lit';
+import { customElement, property, state } from 'lit/decorators.js';
+let NileRteMentions = class NileRteMentions extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.displayFormat = false;
+        this.mentions = {};
+        // nile-rte-mentions.ts (inside class)
+        this.mentionFormat = {};
+        this.itemsFormats = {};
+        this.mentionColors = {};
+        this.externalConfig = {};
+        this.itemsConfig = {};
+        this.mentionActiveIndex = -1;
+        this.itemsColors = {};
+        // wired from editor
+        this.editorEl = null;
+        this.hostEl = null;
+        this.dropdownEl = null;
+        this.menuEl = null;
+        this.lastRange = null;
+        this.mentionOpen = false;
+        this.mentionTrigger = null;
+        this.mentionQuery = '';
+        this.mentionSuggestions = [];
+        this.mentionFiltered = [];
+        this.mentionX = 0;
+        this.mentionY = 0;
+        this.triggerBtn = null;
+        this.mo = null;
+        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.saveSelection = () => {
+            const sel = window.getSelection();
+            if (sel && sel.rangeCount)
+                this.lastRange = sel.getRangeAt(0).cloneRange();
+        };
+        this.onEditorInput = () => {
+            if (this.mentionOpen) {
+                this.handleMention();
+                return;
+            }
+            const sel = window.getSelection();
+            if (!sel || !sel.anchorNode)
+                return;
+            let node = sel.anchorNode;
+            if (node.nodeType !== Node.TEXT_NODE && node.firstChild?.nodeType === Node.TEXT_NODE) {
+                node = node.firstChild;
+            }
+            if (!node || node.nodeType !== Node.TEXT_NODE)
+                return;
+            const text = node.textContent || '';
+            const cfg = this.config;
+            for (const trigger of Object.keys(cfg)) {
+                const triggerIndex = text.lastIndexOf(trigger);
+                if (triggerIndex !== -1) {
+                    const caretPos = sel.focusOffset;
+                    if (caretPos >= triggerIndex + trigger.length && caretPos <= triggerIndex + trigger.length + 1) {
+                        this.openMention(trigger);
+                        return;
+                    }
+                }
+            }
+        };
+        this.onEditorKeyUp = (e) => {
+            this.saveSelection();
+            const key = e.key;
+            const cfg = this.config;
+            if (key && cfg[key]) {
+                if (this.mentionOpen && this.mentionTrigger !== key) {
+                    this.closeMention();
+                }
+                this.openMention(key);
+                return;
+            }
+            if (this.mentionOpen) {
+                this.handleMention();
+            }
+        };
+        this.onEditorKeyDown = (e) => {
+            if (!this.mentionOpen)
+                return;
+            const key = e.key;
+            if (key === 'ArrowDown' || key === 'ArrowUp') {
+                e.preventDefault();
+                if (!this.mentionFiltered.length)
+                    return;
+                if (key === 'ArrowDown') {
+                    this.mentionActiveIndex =
+                        (this.mentionActiveIndex + 1) % this.mentionFiltered.length;
+                }
+                else {
+                    this.mentionActiveIndex =
+                        (this.mentionActiveIndex - 1 + this.mentionFiltered.length) %
+                            this.mentionFiltered.length;
+                }
+                this.renderMentionList();
+            }
+            else if (key === 'Enter') {
+                if (this.mentionActiveIndex >= 0 &&
+                    this.mentionFiltered[this.mentionActiveIndex]) {
+                    e.preventDefault();
+                    this.selectMention(this.mentionFiltered[this.mentionActiveIndex]);
+                }
+            }
+            else if (key === 'Escape') {
+                e.preventDefault();
+                this.closeMention();
+            }
+        };
+        this.repositionMention = () => {
+            if (!this.mentionOpen || !this.hostEl || !this.triggerBtn)
+                return;
+            const caretRect = this.getCaretClientRect();
+            if (!caretRect)
+                return;
+            const hostRect = this.hostEl.getBoundingClientRect();
+            this.mentionX = caretRect.left - hostRect.left;
+            this.mentionY = caretRect.bottom - hostRect.top;
+            this.triggerBtn.style.left = `${this.mentionX}px`;
+            this.triggerBtn.style.top = `${this.mentionY}px`;
+        };
+    }
+    createRenderRoot() {
+        return this;
+    }
+    getTriggerFormat(trigger) {
+        const fromItems = this.itemsFormats[trigger] || {};
+        const fromAttr = this.mentionFormat[trigger] || {};
+        return {
+            prefix: fromItems.prefix ?? fromAttr.prefix ?? '',
+            suffix: fromItems.suffix ?? fromAttr.suffix ?? '',
+        };
+    }
+    formatLabel(trigger, rawLabel) {
+        const { prefix, suffix } = this.getTriggerFormat(trigger);
+        return `${prefix ?? ''}${rawLabel}${suffix ?? ''}`;
+    }
+    get config() {
+        return { ...this.externalConfig, ...this.mentions, ...this.itemsConfig };
+    }
+    attach(editorEl, hostEl) {
+        this.editorEl = editorEl;
+        this.hostEl = hostEl;
+        this.injectStyles();
+        this.ensureMentionDropdown();
+        this.rebuildConfigFromChildren();
+        this.mo = new MutationObserver(() => this.rebuildConfigFromChildren());
+        this.mo.observe(this, { childList: true, subtree: true, attributes: true });
+        this.editorEl.addEventListener('input', this.onEditorInput);
+        this.editorEl.addEventListener('mouseup', this.saveSelection);
+        this.editorEl.addEventListener('keyup', this.onEditorKeyUp);
+        this.editorEl.addEventListener('keydown', this.onEditorKeyDown);
+        this.editorEl.addEventListener('scroll', this.repositionMention);
+        document.addEventListener('selectionchange', this.onSelectionChange, true);
+    }
+    detach() {
+        if (this.mo) {
+            this.mo.disconnect();
+            this.mo = null;
+        }
+        if (this.editorEl) {
+            this.editorEl.removeEventListener('input', this.onEditorInput);
+            this.editorEl.removeEventListener('mouseup', this.saveSelection);
+            this.editorEl.removeEventListener('keyup', this.onEditorKeyUp);
+            this.editorEl.removeEventListener('keydown', this.onEditorKeyDown);
+            this.editorEl.removeEventListener('scroll', this.repositionMention);
+        }
+        document.removeEventListener('selectionchange', this.onSelectionChange, true);
+    }
+    setExternalConfig(cfg) {
+        this.externalConfig = cfg || {};
+    }
+    disconnectedCallback() {
+        this.detach();
+        super.disconnectedCallback();
+    }
+    rebuildConfigFromChildren() {
+        const cfg = {};
+        const colors = {};
+        const formats = {};
+        const items = Array.from(this.querySelectorAll('nile-rte-mentions-item'));
+        for (const item of items) {
+            const trig = item.mentionsCharacter ??
+                item.getAttribute('mentionscharacter') ??
+                '';
+            if (!trig || typeof trig !== 'string')
+                continue;
+            let data = item.mentionsData ??
+                (() => {
+                    const raw = item.getAttribute('mentionsdata');
+                    if (!raw)
+                        return null;
+                    try {
+                        const parsed = JSON.parse(raw);
+                        return Array.isArray(parsed)
+                            ? parsed.filter(i => i &&
+                                typeof i.key === 'string' &&
+                                typeof i.label === 'string')
+                            : [];
+                    }
+                    catch {
+                        return [];
+                    }
+                })();
+            const color = item.mentionsColor ?? item.getAttribute('mentionscolor') ?? '';
+            const prefix = item.mentionsPrefix ??
+                item.getAttribute('mentionsprefix') ??
+                '';
+            const suffix = item.mentionsSuffix ??
+                item.getAttribute('mentionssuffix') ??
+                '';
+            if (!Array.isArray(data))
+                data = [];
+            cfg[trig] = data;
+            if (color)
+                colors[trig] = String(color);
+            if (prefix || suffix)
+                formats[trig] = { prefix, suffix };
+        }
+        this.itemsConfig = cfg;
+        this.itemsColors = colors;
+        this.itemsFormats = formats;
+    }
+    injectStyles() {
+        if (this.querySelector('style[data-mentions-style]'))
+            return;
+        const style = document.createElement('style');
+        style.setAttribute('data-mentions-style', 'true');
+        style.textContent = `
+      .mention-dropdown {
+        position: absolute; z-index: 1000; list-style: none; margin: 0; padding: 4px;
+        border: 1px solid #e5e7eb; border-radius: 6px; background: #fff;
+        box-shadow: 0 4px 10px rgba(0,0,0,.08); max-height: 180px; overflow: auto; font-size: 14px;
+      }
+      .mention-dropdown li { padding: 6px 8px; cursor: pointer; border-radius: 4px; }
+      .mention-dropdown li:hover { background: #f1f5f9; }
+      .mention { background: #eef2ff; padding: 0 3px; border-radius: 3px; }
+   nile-menu.mentions-menu::part(menu__items-wrapper){
+   max-height: 260px;
+   overflow-y: auto;
+   }
+   .mentions-menu nile-menu-item.active {
+  background: #dbeafe;   /* highlight */
+  outline: none;
+}
+
+
+    `;
+        this.insertBefore(style, this.firstChild);
+    }
+    getTriggerColor(trigger) {
+        return this.itemsColors[trigger] ?? this.mentionColors[trigger];
+    }
+    ensureMentionDropdown() {
+        if (this.dropdownEl || !this.hostEl)
+            return;
+        const dd = document.createElement('nile-dropdown');
+        dd.style.zIndex = '1000';
+        const btn = document.createElement('nile-button');
+        btn.setAttribute('slot', 'trigger');
+        btn.style.position = 'absolute';
+        btn.style.width = '1px';
+        btn.style.height = '1px';
+        btn.style.border = '0';
+        btn.style.padding = '0';
+        btn.style.opacity = '0';
+        btn.style.pointerEvents = 'none';
+        dd.appendChild(btn);
+        this.triggerBtn = btn;
+        const menu = document.createElement('nile-menu');
+        menu.classList.add('mentions-menu');
+        dd.appendChild(menu);
+        this.hostEl.appendChild(dd);
+        this.dropdownEl = dd;
+        this.menuEl = menu;
+    }
+    restoreSelection() {
+        if (!this.lastRange)
+            return;
+        const sel = document.getSelection();
+        if (!sel)
+            return;
+        sel.removeAllRanges();
+        sel.addRange(this.lastRange);
+    }
+    getCaretClientRect() {
+        const sel = document.getSelection();
+        if (!sel || sel.rangeCount === 0)
+            return null;
+        const range = sel.getRangeAt(0).cloneRange();
+        range.collapse(false);
+        const rects = range.getClientRects();
+        if (rects && rects.length > 0)
+            return rects[0];
+        const marker = document.createElement('span');
+        marker.setAttribute('data-caret-marker', '1');
+        marker.textContent = '\u200B';
+        range.insertNode(marker);
+        const rect = marker.getBoundingClientRect();
+        const after = document.createRange();
+        after.setStartAfter(marker);
+        after.collapse(true);
+        sel.removeAllRanges();
+        sel.addRange(after);
+        marker.remove();
+        return rect || null;
+    }
+    openMention(trigger) {
+        this.saveSelection();
+        if (!this.editorEl || !this.dropdownEl || !this.hostEl)
+            return;
+        const caretRect = this.getCaretClientRect();
+        if (!caretRect)
+            return;
+        const hostRect = this.hostEl.getBoundingClientRect();
+        this.mentionX = caretRect.left - hostRect.left;
+        this.mentionY = caretRect.bottom - hostRect.top;
+        this.mentionTrigger = trigger;
+        this.mentionSuggestions = this.config[trigger] || [];
+        this.mentionQuery = '';
+        this.updateMentionFiltered();
+        this.mentionActiveIndex = this.mentionFiltered.length ? 0 : -1;
+        this.mentionOpen = true;
+        this.renderMentionList();
+        this.dispatchEvent(new CustomEvent('nile-mention-opened', {
+            detail: { trigger, suggestions: this.mentionSuggestions },
+            bubbles: true,
+            composed: true,
+        }));
+    }
+    closeMention() {
+        this.mentionOpen = false;
+        this.mentionTrigger = null;
+        this.mentionQuery = '';
+        this.mentionFiltered = [];
+        // hide dropdown
+        this.dropdownEl?.removeAttribute('open');
+    }
+    handleMention() {
+        if (!this.mentionOpen || !this.mentionTrigger)
+            return;
+        const sel = window.getSelection();
+        if (!sel || !sel.anchorNode)
+            return;
+        let node = sel.anchorNode;
+        if (node.nodeType !== Node.TEXT_NODE) {
+            const c = node.childNodes?.[sel.anchorOffset] || node.firstChild;
+            if (c?.nodeType === Node.TEXT_NODE)
+                node = c;
+        }
+        const text = node && node.nodeType === Node.TEXT_NODE ? node.textContent || '' : '';
+        const idx = text.lastIndexOf(this.mentionTrigger);
+        if (idx >= 0) {
+            this.mentionQuery = text.substring(idx + 1);
+            this.updateMentionFiltered();
+            this.renderMentionList();
+        }
+        else {
+            this.closeMention();
+        }
+    }
+    updateMentionFiltered() {
+        const q = this.mentionQuery.toLowerCase();
+        this.mentionFiltered = (this.mentionSuggestions || []).filter(item => item.label.toLowerCase().startsWith(q));
+    }
+    renderMentionList() {
+        if (!this.dropdownEl || !this.menuEl)
+            return;
+        if (!this.triggerBtn)
+            return;
+        this.triggerBtn.style.left = `${this.mentionX}px`;
+        this.triggerBtn.style.top = `${this.mentionY}px`;
+        this.menuEl.innerHTML = '';
+        if (!this.mentionOpen || !this.mentionFiltered.length) {
+            this.dropdownEl.removeAttribute('open');
+            return;
+        }
+        this.mentionFiltered.forEach((item, idx) => {
+            const mi = document.createElement('nile-menu-item');
+            mi.textContent = item.label;
+            mi.setAttribute('role', 'option');
+            if (idx === this.mentionActiveIndex) {
+                mi.classList.add('active');
+                mi.setAttribute('aria-selected', 'true');
+            }
+            else {
+                mi.classList.remove('active');
+                mi.removeAttribute('aria-selected');
+            }
+            mi.addEventListener('mouseenter', () => {
+                this.mentionActiveIndex = idx;
+                this.renderMentionList();
+            });
+            mi.addEventListener('mousedown', e => {
+                e.preventDefault();
+                this.selectMention(item);
+            });
+            this.menuEl?.appendChild(mi);
+        });
+        this.dropdownEl.setAttribute('open', '');
+    }
+    selectMention(item) {
+        this.restoreSelection();
+        if (!this.lastRange || !this.mentionTrigger || !this.editorEl)
+            return;
+        const trigger = this.mentionTrigger;
+        let node = this.lastRange.startContainer;
+        let offset = this.lastRange.startOffset;
+        if (node.nodeType !== Node.TEXT_NODE) {
+            const child = node.childNodes[offset];
+            if (child?.nodeType === Node.TEXT_NODE) {
+                node = child;
+                offset = 0;
+            }
+            else
+                return;
+        }
+        const textNode = node;
+        const text = textNode.textContent || '';
+        const atIndex = text.lastIndexOf(this.mentionTrigger, offset);
+        if (atIndex < 0)
+            return;
+        const endIndex = atIndex + 1 + this.mentionQuery.length;
+        const mentionRange = document.createRange();
+        mentionRange.setStart(textNode, atIndex);
+        mentionRange.setEnd(textNode, endIndex);
+        mentionRange.deleteContents();
+        const span = document.createElement('span');
+        span.classList.add('mention');
+        const fmt = this.getTriggerFormat(this.mentionTrigger);
+        if (this.displayFormat) {
+            span.textContent = `${fmt.prefix ?? ''}${item.label}${fmt.suffix ?? ''}`;
+        }
+        else {
+            span.textContent = `${this.mentionTrigger}${item.label}`;
+            if (fmt.prefix)
+                span.setAttribute('data-mention-prefix', fmt.prefix);
+            if (fmt.suffix)
+                span.setAttribute('data-mention-suffix', fmt.suffix);
+        }
+        span.setAttribute('data-mention-key', item.key);
+        span.setAttribute('data-mention-label', item.label);
+        span.setAttribute('data-mention-trigger', this.mentionTrigger);
+        const bg = this.getTriggerColor(this.mentionTrigger);
+        if (bg)
+            span.style.backgroundColor = bg;
+        mentionRange.insertNode(span);
+        const spaceNode = document.createTextNode('\u00A0');
+        span.after(spaceNode);
+        const sel = window.getSelection();
+        const afterRange = document.createRange();
+        afterRange.setStartAfter(spaceNode);
+        afterRange.collapse(true);
+        sel?.removeAllRanges();
+        sel?.addRange(afterRange);
+        this.lastRange = afterRange.cloneRange();
+        this.closeMention();
+        this.dispatchEvent(new CustomEvent('nile-mention-selected', {
+            detail: {
+                trigger,
+                key: item.key,
+                label: item.label,
+                prefix: fmt.prefix ?? '',
+                suffix: fmt.suffix ?? '',
+            },
+            bubbles: true,
+            composed: true,
+        }));
+        this.editorEl.dispatchEvent(new InputEvent('input', { bubbles: true }));
+    }
+};
+__decorate([
+    property({ type: Boolean, attribute: 'displayformat', reflect: true })
+], NileRteMentions.prototype, "displayFormat", 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),
+        },
+    })
+], NileRteMentions.prototype, "mentions", void 0);
+__decorate([
+    property({
+        attribute: 'mentionformat',
+        converter: {
+            fromAttribute: (v) => {
+                try {
+                    const o = JSON.parse(v);
+                    return o && typeof o === 'object' ? o : {};
+                }
+                catch {
+                    return {};
+                }
+            },
+            toAttribute: (v) => JSON.stringify(v ?? {}),
+        },
+    })
+], NileRteMentions.prototype, "mentionFormat", void 0);
+__decorate([
+    state()
+], NileRteMentions.prototype, "itemsFormats", void 0);
+__decorate([
+    property({
+        attribute: 'mentioncolors',
+        converter: {
+            fromAttribute: (value) => {
+                try {
+                    const o = JSON.parse(value);
+                    return o && typeof o === 'object' ? o : {};
+                }
+                catch {
+                    return {};
+                }
+            },
+            toAttribute: (v) => JSON.stringify(v ?? {}),
+        },
+    })
+], NileRteMentions.prototype, "mentionColors", void 0);
+__decorate([
+    state()
+], NileRteMentions.prototype, "externalConfig", void 0);
+__decorate([
+    state()
+], NileRteMentions.prototype, "itemsConfig", void 0);
+__decorate([
+    state()
+], NileRteMentions.prototype, "mentionActiveIndex", void 0);
+__decorate([
+    state()
+], NileRteMentions.prototype, "itemsColors", void 0);
+NileRteMentions = __decorate([
+    customElement('nile-rte-mentions')
+], NileRteMentions);
+export { NileRteMentions };
+//# sourceMappingURL=nile-rte-mentions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"nile-rte-mentions.js","sourceRoot":"","sources":["../../../src/nile-rich-text-editor/nile-rte-mentions.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport type { MentionItem } from './nile-rte-mentions-item';\n\ntype MentionsConfig = Record<string, MentionItem[]>;\n\n@customElement('nile-rte-mentions')\nexport class NileRteMentions extends LitElement {\n  protected createRenderRoot() {\n    return this;\n  }\n\n  @property({ type: Boolean, attribute: 'displayformat' , reflect: true})\n  displayFormat = false;\n\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(\n                  i =>\n                    i &&\n                    typeof i.key === 'string' &&\n                    typeof i.label === 'string'\n                )\n                .map(i => ({ key: i.key, label: i.label }));\n            }\n          }\n          return out;\n        } catch {\n          return {};\n        }\n      },\n      toAttribute: (v: MentionsConfig) => JSON.stringify(v),\n    },\n  })\n  mentions: MentionsConfig = {};\n\n  // nile-rte-mentions.ts (inside class)\n\n  @property({\n    attribute: 'mentionformat',\n    converter: {\n      fromAttribute: (\n        v: string\n      ): Record<string, { prefix?: string; suffix?: string }> => {\n        try {\n          const o = JSON.parse(v);\n          return o && typeof o === 'object' ? o : {};\n        } catch {\n          return {};\n        }\n      },\n      toAttribute: (v: Record<string, { prefix?: string; suffix?: string }>) =>\n        JSON.stringify(v ?? {}),\n    },\n  })\n  mentionFormat: Record<string, { prefix?: string; suffix?: string }> = {};\n\n  @state() private itemsFormats: Record<\n    string,\n    { prefix?: string; suffix?: string }\n  > = {};\n\n  private getTriggerFormat(trigger: string): {\n    prefix: string;\n    suffix: string;\n  } {\n    const fromItems = this.itemsFormats[trigger] || {};\n    const fromAttr = this.mentionFormat[trigger] || {};\n    return {\n      prefix: fromItems.prefix ?? fromAttr.prefix ?? '',\n      suffix: fromItems.suffix ?? fromAttr.suffix ?? '',\n    };\n  }\n\n  private formatLabel(trigger: string, rawLabel: string): string {\n    const { prefix, suffix } = this.getTriggerFormat(trigger);\n    return `${prefix ?? ''}${rawLabel}${suffix ?? ''}`;\n  }\n\n  @property({\n    attribute: 'mentioncolors',\n    converter: {\n      fromAttribute: (value: string): Record<string, string> => {\n        try {\n          const o = JSON.parse(value);\n          return o && typeof o === 'object' ? o : {};\n        } catch {\n          return {};\n        }\n      },\n      toAttribute: (v: Record<string, string>) => JSON.stringify(v ?? {}),\n    },\n  })\n  mentionColors: Record<string, string> = {};\n\n  @state() private externalConfig: MentionsConfig = {};\n\n  @state() private itemsConfig: MentionsConfig = {};\n\n  @state() private mentionActiveIndex: number = -1;\n\n  @state() private itemsColors: Record<string, string> = {};\n\n  private get config(): MentionsConfig {\n    return { ...this.externalConfig, ...this.mentions, ...this.itemsConfig };\n  }\n\n  // wired from editor\n  private editorEl: HTMLElement | null = null;\n  private hostEl: HTMLElement | null = null;\n\n  private dropdownEl: HTMLElement | null = null;\n  private menuEl: HTMLElement | null = null;\n\n  private lastRange: Range | null = null;\n\n  private mentionOpen = false;\n  private mentionTrigger: string | null = null;\n  private mentionQuery = '';\n  private mentionSuggestions: MentionItem[] = [];\n  private mentionFiltered: MentionItem[] = [];\n  private mentionX = 0;\n  private mentionY = 0;\n  private triggerBtn: HTMLElement | null = null;\n\n  private mo: MutationObserver | null = null;\n\n  attach(editorEl: HTMLElement, hostEl: HTMLElement) {\n    this.editorEl = editorEl;\n    this.hostEl = hostEl;\n\n    this.injectStyles();\n    this.ensureMentionDropdown();\n    this.rebuildConfigFromChildren();\n\n    this.mo = new MutationObserver(() => this.rebuildConfigFromChildren());\n    this.mo.observe(this, { childList: true, subtree: true, attributes: true });\n\n    this.editorEl.addEventListener('input', this.onEditorInput);\n    this.editorEl.addEventListener('mouseup', this.saveSelection);\n    this.editorEl.addEventListener('keyup', this.onEditorKeyUp);\n    this.editorEl.addEventListener('keydown', this.onEditorKeyDown);\n    this.editorEl.addEventListener('scroll', this.repositionMention);\n\n    document.addEventListener('selectionchange', this.onSelectionChange, true);\n  }\n\n  detach() {\n    if (this.mo) {\n      this.mo.disconnect();\n      this.mo = null;\n    }\n    if (this.editorEl) {\n      this.editorEl.removeEventListener('input', this.onEditorInput);\n      this.editorEl.removeEventListener('mouseup', this.saveSelection);\n      this.editorEl.removeEventListener('keyup', this.onEditorKeyUp);\n      this.editorEl.removeEventListener('keydown', this.onEditorKeyDown);\n      this.editorEl.removeEventListener('scroll', this.repositionMention);\n    }\n    document.removeEventListener(\n      'selectionchange',\n      this.onSelectionChange,\n      true\n    );\n  }\n\n  setExternalConfig(cfg: MentionsConfig) {\n    this.externalConfig = cfg || {};\n  }\n\n  disconnectedCallback(): void {\n    this.detach();\n    super.disconnectedCallback();\n  }\n\n  private rebuildConfigFromChildren() {\n    const cfg: MentionsConfig = {};\n    const colors: Record<string, string> = {};\n    const formats: Record<string, { prefix?: string; suffix?: string }> = {};\n\n    const items = Array.from(\n      this.querySelectorAll('nile-rte-mentions-item')\n    ) as Array<\n      HTMLElement & {\n        mentionsCharacter?: string;\n        mentionsData?: MentionItem[];\n        mentionsColor?: string;\n      }\n    >;\n\n    for (const item of items) {\n      const trig =\n        (item as any).mentionsCharacter ??\n        item.getAttribute('mentionscharacter') ??\n        '';\n\n      if (!trig || typeof trig !== 'string') continue;\n\n      let data: MentionItem[] | null =\n        (item as any).mentionsData ??\n        (() => {\n          const raw = item.getAttribute('mentionsdata');\n          if (!raw) return null;\n          try {\n            const parsed = JSON.parse(raw);\n            return Array.isArray(parsed)\n              ? parsed.filter(\n                  i =>\n                    i &&\n                    typeof i.key === 'string' &&\n                    typeof i.label === 'string'\n                )\n              : [];\n          } catch {\n            return [];\n          }\n        })();\n\n      const color =\n        (item as any).mentionsColor ?? item.getAttribute('mentionscolor') ?? '';\n\n      const prefix =\n        (item as any).mentionsPrefix ??\n        item.getAttribute('mentionsprefix') ??\n        '';\n      const suffix =\n        (item as any).mentionsSuffix ??\n        item.getAttribute('mentionssuffix') ??\n        '';\n\n      if (!Array.isArray(data)) data = [];\n      cfg[trig] = data;\n      if (color) colors[trig] = String(color);\n      if (prefix || suffix) formats[trig] = { prefix, suffix };\n    }\n\n    this.itemsConfig = cfg;\n    this.itemsColors = colors;\n    this.itemsFormats = formats;\n  }\n\n  private injectStyles() {\n    if (this.querySelector('style[data-mentions-style]')) return;\n    const style = document.createElement('style');\n    style.setAttribute('data-mentions-style', 'true');\n    style.textContent = `\n      .mention-dropdown {\n        position: absolute; z-index: 1000; list-style: none; margin: 0; padding: 4px;\n        border: 1px solid #e5e7eb; border-radius: 6px; background: #fff;\n        box-shadow: 0 4px 10px rgba(0,0,0,.08); max-height: 180px; overflow: auto; font-size: 14px;\n      }\n      .mention-dropdown li { padding: 6px 8px; cursor: pointer; border-radius: 4px; }\n      .mention-dropdown li:hover { background: #f1f5f9; }\n      .mention { background: #eef2ff; padding: 0 3px; border-radius: 3px; }\n   nile-menu.mentions-menu::part(menu__items-wrapper){\n   max-height: 260px;\n   overflow-y: auto;\n   }\n   .mentions-menu nile-menu-item.active {\n  background: #dbeafe;   /* highlight */\n  outline: none;\n}\n\n\n    `;\n    this.insertBefore(style, this.firstChild);\n  }\n\n  private getTriggerColor(trigger: string): string | undefined {\n    return this.itemsColors[trigger] ?? this.mentionColors[trigger];\n  }\n\n  private ensureMentionDropdown() {\n    if (this.dropdownEl || !this.hostEl) return;\n\n    const dd = document.createElement('nile-dropdown');\n    dd.style.zIndex = '1000';\n\n    const btn = document.createElement('nile-button');\n    btn.setAttribute('slot', 'trigger');\n    btn.style.position = 'absolute';\n    btn.style.width = '1px';\n    btn.style.height = '1px';\n    btn.style.border = '0';\n    btn.style.padding = '0';\n    btn.style.opacity = '0';\n    btn.style.pointerEvents = 'none';\n    dd.appendChild(btn);\n    this.triggerBtn = btn;\n    const menu = document.createElement('nile-menu');\n    menu.classList.add('mentions-menu');\n    dd.appendChild(menu);\n\n    this.hostEl.appendChild(dd);\n    this.dropdownEl = dd;\n    this.menuEl = menu;\n  }\n\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    }\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();\n    if (!sel) return;\n    sel.removeAllRanges();\n    sel.addRange(this.lastRange);\n  }\n \n\n  private getCaretClientRect(): DOMRect | null {\n    const sel = document.getSelection();\n    if (!sel || sel.rangeCount === 0) return null;\n\n    const range = sel.getRangeAt(0).cloneRange();\n    range.collapse(false);\n\n    const rects = range.getClientRects();\n    if (rects && rects.length > 0) return rects[0];\n\n    const marker = document.createElement('span');\n    marker.setAttribute('data-caret-marker', '1');\n    marker.textContent = '\\u200B';\n    range.insertNode(marker);\n\n    const rect = marker.getBoundingClientRect();\n\n    const after = document.createRange();\n    after.setStartAfter(marker);\n    after.collapse(true);\n    sel.removeAllRanges();\n    sel.addRange(after);\n    marker.remove();\n\n    return rect || null;\n  }\n\n  private onEditorInput = () => {\n    \n    if (this.mentionOpen) {\n      this.handleMention();\n      return;\n    }\n    const sel = window.getSelection();\n    if (!sel || !sel.anchorNode) return;\n  \n    let node: Node | null = sel.anchorNode;\n    if (node.nodeType !== Node.TEXT_NODE && node.firstChild?.nodeType === Node.TEXT_NODE) {\n      node = node.firstChild;\n    }\n  \n    if (!node || node.nodeType !== Node.TEXT_NODE) return;\n  \n    const text = node.textContent || '';\n    const cfg = this.config;\n  \n    \n    for (const trigger of Object.keys(cfg)) {\n      const triggerIndex = text.lastIndexOf(trigger);\n      if (triggerIndex !== -1) {\n        const caretPos = sel.focusOffset;\n        if (caretPos >= triggerIndex + trigger.length && caretPos <= triggerIndex + trigger.length + 1) {\n          this.openMention(trigger);\n          return;\n        }\n      }\n    }\n  };\n  \n  \n\n  private onEditorKeyUp = (e: KeyboardEvent) => {\n    this.saveSelection();\n    const key = e.key;\n    const cfg = this.config;\n    if (key && cfg[key]) {\n      if (this.mentionOpen && this.mentionTrigger !== key) {\n        this.closeMention();\n      }\n      this.openMention(key);\n      return;\n    }\n    if (this.mentionOpen) {\n      this.handleMention();\n    }\n  };\n  \n\n  private onEditorKeyDown = (e: KeyboardEvent) => {\n    if (!this.mentionOpen) return;\n    const key = e.key;\n\n    if (key === 'ArrowDown' || key === 'ArrowUp') {\n      e.preventDefault();\n      if (!this.mentionFiltered.length) return;\n\n      if (key === 'ArrowDown') {\n        this.mentionActiveIndex =\n          (this.mentionActiveIndex + 1) % this.mentionFiltered.length;\n      } else {\n        this.mentionActiveIndex =\n          (this.mentionActiveIndex - 1 + this.mentionFiltered.length) %\n          this.mentionFiltered.length;\n      }\n\n      this.renderMentionList();\n    } else if (key === 'Enter') {\n      if (\n        this.mentionActiveIndex >= 0 &&\n        this.mentionFiltered[this.mentionActiveIndex]\n      ) {\n        e.preventDefault();\n        this.selectMention(this.mentionFiltered[this.mentionActiveIndex]);\n      }\n    } else if (key === 'Escape') {\n      e.preventDefault();\n      this.closeMention();\n    }\n  };\n\n  private openMention(trigger: string) {\n    this.saveSelection();\n    if (!this.editorEl || !this.dropdownEl || !this.hostEl) return;\n\n    const caretRect = this.getCaretClientRect();\n    if (!caretRect) return;\n\n    const hostRect = this.hostEl.getBoundingClientRect();\n\n    this.mentionX = caretRect.left - hostRect.left;\n    this.mentionY = caretRect.bottom - hostRect.top;\n\n    this.mentionTrigger = trigger;\n    this.mentionSuggestions = this.config[trigger] || [];\n    this.mentionQuery = '';\n    this.updateMentionFiltered();\n\n    this.mentionActiveIndex = this.mentionFiltered.length ? 0 : -1;\n    this.mentionOpen = true;\n    this.renderMentionList();\n\n    this.dispatchEvent(\n      new CustomEvent('nile-mention-opened', {\n        detail: { trigger, suggestions: this.mentionSuggestions },\n        bubbles: true,\n        composed: true,\n      })\n    );\n  }\n\n  private closeMention() {\n    this.mentionOpen = false;\n    this.mentionTrigger = null;\n    this.mentionQuery = '';\n    this.mentionFiltered = [];\n    // hide dropdown\n    this.dropdownEl?.removeAttribute('open');\n  }\n\n  private handleMention() {\n    if (!this.mentionOpen || !this.mentionTrigger) return;\n    const sel = window.getSelection();\n    if (!sel || !sel.anchorNode) return;\n\n    let node: Node | null = sel.anchorNode;\n    if (node.nodeType !== Node.TEXT_NODE) {\n      const c =\n        (node as HTMLElement).childNodes?.[sel.anchorOffset] || node.firstChild;\n      if (c?.nodeType === Node.TEXT_NODE) node = c;\n    }\n    const text =\n      node && node.nodeType === Node.TEXT_NODE ? node.textContent || '' : '';\n    const idx = text.lastIndexOf(this.mentionTrigger);\n    if (idx >= 0) {\n      this.mentionQuery = text.substring(idx + 1);\n      this.updateMentionFiltered();\n      this.renderMentionList();\n    } else {\n      this.closeMention();\n    }\n  }\n\n  private updateMentionFiltered() {\n    const q = this.mentionQuery.toLowerCase();\n    this.mentionFiltered = (this.mentionSuggestions || []).filter(item =>\n      item.label.toLowerCase().startsWith(q)\n    );\n  }\n\n  private renderMentionList() {\n    if (!this.dropdownEl || !this.menuEl) return;\n    if (!this.triggerBtn) return;\n\n    this.triggerBtn.style.left = `${this.mentionX}px`;\n    this.triggerBtn.style.top = `${this.mentionY}px`;\n\n    this.menuEl.innerHTML = '';\n\n    if (!this.mentionOpen || !this.mentionFiltered.length) {\n      this.dropdownEl.removeAttribute('open');\n      return;\n    }\n\n    this.mentionFiltered.forEach((item, idx) => {\n      const mi = document.createElement('nile-menu-item');\n      mi.textContent = item.label;\n\n      mi.setAttribute('role', 'option');\n      if (idx === this.mentionActiveIndex) {\n        mi.classList.add('active');\n        mi.setAttribute('aria-selected', 'true');\n      } else {\n        mi.classList.remove('active');\n        mi.removeAttribute('aria-selected');\n      }\n\n      mi.addEventListener('mouseenter', () => {\n        this.mentionActiveIndex = idx;\n        this.renderMentionList();\n      });\n\n      mi.addEventListener('mousedown', e => {\n        e.preventDefault();\n        this.selectMention(item);\n      });\n\n      this.menuEl?.appendChild(mi);\n    });\n\n    this.dropdownEl.setAttribute('open', '');\n  }\n\n  private repositionMention = () => {\n    if (!this.mentionOpen || !this.hostEl || !this.triggerBtn) return;\n\n    const caretRect = this.getCaretClientRect();\n    if (!caretRect) return;\n\n    const hostRect = this.hostEl.getBoundingClientRect();\n\n    this.mentionX = caretRect.left - hostRect.left;\n    this.mentionY = caretRect.bottom - hostRect.top;\n\n    this.triggerBtn.style.left = `${this.mentionX}px`;\n    this.triggerBtn.style.top = `${this.mentionY}px`;\n  };\n\n  private selectMention(item: MentionItem) {\n    this.restoreSelection();\n    if (!this.lastRange || !this.mentionTrigger || !this.editorEl) return;\n\n    const trigger = this.mentionTrigger;\n\n    let node: Node = this.lastRange.startContainer;\n    let offset = this.lastRange.startOffset;\n    if (node.nodeType !== Node.TEXT_NODE) {\n      const child = node.childNodes[offset];\n      if (child?.nodeType === Node.TEXT_NODE) {\n        node = child;\n        offset = 0;\n      } else return;\n    }\n\n    const textNode = node as Text;\n    const text = textNode.textContent || '';\n    const atIndex = text.lastIndexOf(this.mentionTrigger, offset);\n    if (atIndex < 0) return;\n\n    const endIndex = atIndex + 1 + this.mentionQuery.length;\n    const mentionRange = document.createRange();\n    mentionRange.setStart(textNode, atIndex);\n    mentionRange.setEnd(textNode, endIndex);\n    mentionRange.deleteContents();\n\n    const span = document.createElement('span');\n    span.classList.add('mention');\n\n    const fmt = this.getTriggerFormat(this.mentionTrigger);\n\n    if (this.displayFormat) {\n      span.textContent = `${fmt.prefix ?? ''}${item.label}${fmt.suffix ?? ''}`;\n    } else {\n      span.textContent = `${this.mentionTrigger}${item.label}`;\n      if (fmt.prefix) span.setAttribute('data-mention-prefix', fmt.prefix);\n      if (fmt.suffix) span.setAttribute('data-mention-suffix', fmt.suffix);\n    }\n\n    span.setAttribute('data-mention-key', item.key);\n    span.setAttribute('data-mention-label', item.label);\n    span.setAttribute('data-mention-trigger', this.mentionTrigger!);\n\n    const bg = this.getTriggerColor(this.mentionTrigger);\n    if (bg) span.style.backgroundColor = bg;\n\n    mentionRange.insertNode(span);\n\n    const spaceNode = document.createTextNode('\\u00A0');\n    span.after(spaceNode);\n\n    const sel = window.getSelection();\n    const afterRange = document.createRange();\n    afterRange.setStartAfter(spaceNode);\n    afterRange.collapse(true);\n    sel?.removeAllRanges();\n    sel?.addRange(afterRange);\n    this.lastRange = afterRange.cloneRange();\n\n    this.closeMention();\n\n    this.dispatchEvent(\n      new CustomEvent('nile-mention-selected', {\n        detail: {\n          trigger,\n          key: item.key,\n          label: item.label,\n          prefix: fmt.prefix ?? '',\n          suffix: fmt.suffix ?? '',\n        },\n        bubbles: true,\n        composed: true,\n      })\n    );\n\n    this.editorEl.dispatchEvent(new InputEvent('input', { bubbles: true }));\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-rte-mentions': NileRteMentions;\n  }\n}\n"]}

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

@@ -0,0 +1,12 @@
+import { __decorate } from "tslib";
+import { LitElement } from 'lit';
+import { customElement } from 'lit/decorators.js';
+let NileRtePreview = class NileRtePreview extends LitElement {
+    createRenderRoot() { return this; }
+    shouldUpdate() { return false; }
+};
+NileRtePreview = __decorate([
+    customElement('nile-rte-preview')
+], NileRtePreview);
+export { NileRtePreview };
+//# sourceMappingURL=nile-rte-preview.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"nile-rte-preview.js","sourceRoot":"","sources":["../../../src/nile-rich-text-editor/nile-rte-preview.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAG3C,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,UAAU;IAClC,gBAAgB,KAAK,OAAO,IAAI,CAAC,CAAC,CAAC;IACnC,YAAY,KAAK,OAAO,KAAK,CAAC,CAAC,CAAC;CAC3C,CAAA;AAHY,cAAc;IAD1B,aAAa,CAAC,kBAAkB,CAAC;GACrB,cAAc,CAG1B","sourcesContent":["import { LitElement } from 'lit';\nimport { customElement } from 'lit/decorators.js';\n\n@customElement('nile-rte-preview')\nexport class NileRtePreview extends LitElement {\n  protected createRenderRoot() { return this; }\n  protected shouldUpdate() { return false; }\n}\ndeclare global { interface HTMLElementTagNameMap { 'nile-rte-preview': NileRtePreview; } }\n"]}