@memberjunction/ng-conversations 2.113.2 → 2.115.0

package/dist/lib/components/mention/mention-editor.component.js

@@ -0,0 +1,550 @@
+import { Component, Input, Output, EventEmitter, ViewChild, forwardRef } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import * as i0 from "@angular/core";
+import * as i1 from "../../services/mention-autocomplete.service";
+import * as i2 from "@angular/common";
+import * as i3 from "./mention-dropdown.component";
+const _c0 = ["editor"];
+function MentionEditorComponent_mj_mention_dropdown_3_Template(rf, ctx) { if (rf & 1) {
+    const _r2 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-mention-dropdown", 4);
+    i0.ɵɵlistener("suggestionSelected", function MentionEditorComponent_mj_mention_dropdown_3_Template_mj_mention_dropdown_suggestionSelected_0_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onMentionSelected($event)); })("closed", function MentionEditorComponent_mj_mention_dropdown_3_Template_mj_mention_dropdown_closed_0_listener() { i0.ɵɵrestoreView(_r2); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.closeMentionDropdown()); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("suggestions", ctx_r2.mentionSuggestions)("position", ctx_r2.mentionDropdownPosition)("showAbove", ctx_r2.mentionDropdownShowAbove)("useFixedPositioning", true)("visible", true);
+} }
+/**
+ * ContentEditable-based mention editor with visual chips/pills
+ * Provides Slack/Teams-style mention UX with immutable mention tokens
+ */
+export class MentionEditorComponent {
+    mentionAutocomplete;
+    editorRef;
+    placeholder = 'Type @ to mention agents or users...';
+    disabled = false;
+    currentUser;
+    enableMentions = true;
+    valueChange = new EventEmitter();
+    mentionSelected = new EventEmitter();
+    enterPressed = new EventEmitter();
+    // Mention dropdown state
+    showMentionDropdown = false;
+    mentionSuggestions = [];
+    mentionDropdownPosition = { top: 0, left: 0 };
+    mentionDropdownShowAbove = false;
+    mentionStartIndex = -1;
+    mentionQuery = '';
+    onChange = () => { };
+    onTouched = () => { };
+    constructor(mentionAutocomplete) {
+        this.mentionAutocomplete = mentionAutocomplete;
+    }
+    async ngOnInit() {
+        if (this.enableMentions && this.currentUser) {
+            await this.mentionAutocomplete.initialize(this.currentUser);
+        }
+    }
+    ngAfterViewInit() {
+        // Auto-focus the editor
+        setTimeout(() => {
+            this.editorRef?.nativeElement?.focus();
+        }, 100);
+    }
+    /**
+     * Handle clicks on the container - focus the editor if clicking outside the contentEditable
+     */
+    onContainerClick(event) {
+        const target = event.target;
+        const editor = this.editorRef?.nativeElement;
+        // Don't handle clicks on the dropdown or its children
+        if (target.closest('mj-mention-dropdown')) {
+            return;
+        }
+        // If clicking on container or any element that's not the editor itself, focus the editor
+        if (target !== editor && !editor?.contains(target)) {
+            editor?.focus();
+            // Move cursor to end of content
+            const selection = window.getSelection();
+            const range = document.createRange();
+            if (editor && selection) {
+                range.selectNodeContents(editor);
+                range.collapse(false); // Collapse to end
+                selection.removeAllRanges();
+                selection.addRange(range);
+            }
+        }
+    }
+    /**
+     * Handle input changes in contentEditable
+     */
+    onInput() {
+        const plainText = this.getPlainText();
+        this.onChange(plainText);
+        this.valueChange.emit(plainText);
+        // Handle @mention autocomplete
+        if (this.enableMentions && this.currentUser) {
+            this.handleMentionInput();
+        }
+    }
+    /**
+     * Handle blur event - close dropdown when editor loses focus
+     */
+    onBlur() {
+        // Call form control touched callback
+        this.onTouched();
+        // Close dropdown when editor loses focus
+        // Use setTimeout to allow mousedown events on dropdown to fire first
+        setTimeout(() => {
+            if (this.showMentionDropdown) {
+                console.log('[MentionEditor] Closing dropdown on blur');
+                this.closeMentionDropdown();
+            }
+        }, 200);
+    }
+    /**
+     * Handle paste event - strip HTML and paste as plain text only
+     */
+    onPaste(event) {
+        event.preventDefault();
+        // Get plain text from clipboard
+        const text = event.clipboardData?.getData('text/plain') || '';
+        if (!text)
+            return;
+        // Insert plain text at cursor position
+        const selection = window.getSelection();
+        if (!selection || selection.rangeCount === 0)
+            return;
+        const range = selection.getRangeAt(0);
+        range.deleteContents();
+        // Insert text as text node (not HTML)
+        const textNode = document.createTextNode(text);
+        range.insertNode(textNode);
+        // Move cursor to end of inserted text
+        range.setStartAfter(textNode);
+        range.collapse(true);
+        selection.removeAllRanges();
+        selection.addRange(range);
+        // Trigger input event to update model
+        this.onInput();
+    }
+    /**
+     * Handle keydown events
+     */
+    onKeyDown(event) {
+        // Enter alone: Send message (if dropdown not showing)
+        if (event.key === 'Enter' && !event.shiftKey && !this.showMentionDropdown) {
+            event.preventDefault();
+            const plainText = this.getPlainText();
+            this.enterPressed.emit(plainText);
+            return;
+        }
+        // Backspace: Check if deleting a mention chip
+        if (event.key === 'Backspace') {
+            this.handleBackspace(event);
+        }
+        // Handle mention dropdown navigation
+        if (this.showMentionDropdown) {
+            // Let the dropdown handle arrow keys, enter, escape
+            // (We'll pass these through to mention-dropdown component)
+        }
+    }
+    /**
+     * Handle @mention input detection
+     */
+    handleMentionInput() {
+        const selection = window.getSelection();
+        if (!selection || selection.rangeCount === 0)
+            return;
+        const range = selection.getRangeAt(0);
+        const textBeforeCursor = this.getTextBeforeCursor(range);
+        // Find the last @ before cursor
+        const lastAtIndex = textBeforeCursor.lastIndexOf('@');
+        if (lastAtIndex === -1) {
+            this.closeMentionDropdown();
+            return;
+        }
+        // Check if there's a space between @ and cursor (means mention was completed)
+        const textAfterAt = textBeforeCursor.substring(lastAtIndex + 1);
+        if (textAfterAt.includes(' ')) {
+            this.closeMentionDropdown();
+            return;
+        }
+        // Extract query
+        this.mentionQuery = textAfterAt;
+        this.mentionStartIndex = lastAtIndex;
+        // Get suggestions
+        this.mentionSuggestions = this.mentionAutocomplete.getSuggestions(this.mentionQuery, !!this.currentUser);
+        if (this.mentionSuggestions.length > 0) {
+            this.showMentionDropdown = true;
+            this.positionMentionDropdown();
+        }
+        else {
+            this.closeMentionDropdown();
+        }
+    }
+    /**
+     * Get text before cursor position
+     */
+    getTextBeforeCursor(range) {
+        const tempRange = range.cloneRange();
+        tempRange.selectNodeContents(this.editorRef.nativeElement);
+        tempRange.setEnd(range.startContainer, range.startOffset);
+        return tempRange.toString();
+    }
+    /**
+     * Position the mention dropdown
+     */
+    positionMentionDropdown() {
+        const editor = this.editorRef?.nativeElement;
+        if (!editor)
+            return;
+        // Get the parent container (message-input-box-container) for alignment
+        const container = editor.closest('.message-input-box-container');
+        const containerRect = container?.getBoundingClientRect();
+        const selection = window.getSelection();
+        if (!selection || selection.rangeCount === 0)
+            return;
+        const range = selection.getRangeAt(0);
+        const cursorRect = range.getBoundingClientRect();
+        // Check space below vs above
+        const spaceBelow = window.innerHeight - cursorRect.bottom;
+        const spaceAbove = cursorRect.top;
+        const dropdownHeight = Math.min(this.mentionSuggestions.length * 56, 300);
+        this.mentionDropdownShowAbove = spaceBelow < dropdownHeight && spaceAbove > spaceBelow;
+        if (this.mentionDropdownShowAbove) {
+            // Position above, aligning with container top if possible
+            this.mentionDropdownPosition = {
+                top: containerRect ? containerRect.top + window.scrollY : cursorRect.top + window.scrollY - 4,
+                left: cursorRect.left + window.scrollX
+            };
+        }
+        else {
+            // Position below cursor, but align bottom edge with container top
+            this.mentionDropdownPosition = {
+                top: containerRect ? containerRect.top + window.scrollY : cursorRect.bottom + window.scrollY + 4,
+                left: cursorRect.left + window.scrollX
+            };
+        }
+    }
+    /**
+     * Handle mention selection from dropdown
+     */
+    onMentionSelected(suggestion) {
+        console.log('[MentionEditor] Mention selected:', suggestion);
+        this.insertMentionChip(suggestion);
+        this.closeMentionDropdown();
+        this.mentionSelected.emit(suggestion);
+        // Refocus the editor after selection
+        setTimeout(() => {
+            this.editorRef?.nativeElement?.focus();
+        }, 50);
+    }
+    /**
+     * Insert a mention chip at the current cursor position
+     */
+    insertMentionChip(suggestion) {
+        const selection = window.getSelection();
+        if (!selection || selection.rangeCount === 0)
+            return;
+        const range = selection.getRangeAt(0);
+        // Delete the @query text
+        const textBeforeCursor = this.getTextBeforeCursor(range);
+        const lastAtIndex = textBeforeCursor.lastIndexOf('@');
+        const deleteLength = textBeforeCursor.length - lastAtIndex;
+        range.setStart(range.startContainer, range.startOffset - deleteLength);
+        range.deleteContents();
+        // Create mention chip element
+        const chip = this.createMentionChip(suggestion);
+        // Insert chip
+        range.insertNode(chip);
+        // Add space after chip
+        const space = document.createTextNode(' ');
+        range.collapse(false);
+        range.insertNode(space);
+        // Move cursor after the space
+        range.setStartAfter(space);
+        range.collapse(true);
+        selection.removeAllRanges();
+        selection.addRange(range);
+        // Trigger change detection
+        this.onInput();
+    }
+    /**
+     * Create a mention chip DOM element
+     */
+    createMentionChip(suggestion) {
+        const chip = document.createElement('span');
+        chip.className = 'mention-chip';
+        chip.contentEditable = 'false'; // Make chip non-editable
+        chip.setAttribute('data-mention-id', suggestion.id);
+        chip.setAttribute('data-mention-type', suggestion.type);
+        chip.setAttribute('data-mention-name', suggestion.name);
+        // Apply inline styles directly
+        const isUser = suggestion.type === 'user';
+        chip.style.cssText = `
+      display: inline-flex;
+      align-items: center;
+      gap: 5px;
+      padding: 4px 12px;
+      margin: 0 3px;
+      border-radius: 16px;
+      font-size: 13px;
+      font-weight: 600;
+      cursor: default;
+      user-select: none;
+      vertical-align: middle;
+      white-space: nowrap;
+      pointer-events: all;
+      background: ${isUser ? 'linear-gradient(135deg, #f093fb 0%, #f5576c 100%)' : 'linear-gradient(135deg, #667eea 0%, #764ba2 100%)'};
+      color: white;
+      border: 2px solid ${isUser ? 'rgba(240, 147, 251, 0.4)' : 'rgba(102, 126, 234, 0.4)'};
+      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.1);
+    `;
+        // Add icon or image
+        if (suggestion.type === 'agent' && suggestion.imageUrl) {
+            // Use image if available (LogoURL from agent)
+            const img = document.createElement('img');
+            img.src = suggestion.imageUrl;
+            img.alt = suggestion.displayName;
+            img.style.cssText = 'width: 16px; height: 16px; border-radius: 50%; object-fit: cover;';
+            chip.appendChild(img);
+        }
+        else if (suggestion.type === 'agent' && suggestion.icon === 'mj-icon-skip') {
+            // Special handling for mj-icon-skip: use the SVG data URI as an image
+            const img = document.createElement('img');
+            img.src = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 101.89918457031249 96.83947368421053'%3E%3Cg transform='translate(-0.1288232421875,-0.0)'%3E%3Cpath d='M93.85,41.56c-.84,0-1.62.2-2.37.55-3-4.35-7.49-8.12-13.04-11.04l.04-7.18v-14.44h-10.24v17.6c-1.52-.43-3.07-.8-4.67-1.11V0h-10.24v24.72s-.09,0-.14,0h-4.38s-.1,0-.14,0V7.3h-10.24v18.62c-1.6.32-3.15.69-4.67,1.11v-11.67h-10.24v6.09l.04,9.6c-5.55,2.92-10.04,6.7-13.04,11.04-.75-.35-1.53-.55-2.37-.55-4.5,0-8.14,5.61-8.14,12.51s3.64,12.53,8.14,12.53c.58,0,1.14-.12,1.67-.29,4.1,6.62,11.54,12.06,20.98,15.28l.79.13v7.05c0,2.97,1.45,5.58,3.87,6.99,1.18.69,2.5,1.04,3.85,1.03,1.4,0,2.83-.37,4.15-1.12l7.54-4.29,7.56,4.3c1.31.74,2.73,1.12,4.13,1.12s2.67-.35,3.85-1.04c2.42-1.41,3.86-4.02,3.86-6.98v-7.05l.79-.13c9.44-3.22,16.89-8.66,20.98-15.28.54.17,1.09.29,1.68.29,4.5,0,8.14-5.61,8.14-12.53s-3.63-12.51-8.14-12.51' fill='%23AAAAAA'/%3E%3Cpath d='M86.69,50.87c0-12.22-13.6-19.1-28.94-20.66-4.48-.47-9.19-.54-13.52,0-15.34,1.53-28.93,8.41-28.93,20.66,0,8.55,5.7,15.55,12.68,15.55h7.94c3.05,2.5,6.93,4.1,11.08,4.71,2.65.4,5.44.46,8.01,0,4.15-.6,8.05-2.2,11.1-4.71h7.92c6.97,0,12.68-7,12.68-15.55' fill='white' opacity='0.9'/%3E%3Cpath d='M57.83,55.82c-1.19,2.58-3.8,4.35-6.84,4.35s-5.65-1.77-6.84-4.35h13.68Z' fill='%23AAAAAA'/%3E%3Cpath d='M32.52,41.14c1.74,0,3.18,2.13,3.18,4.76s-1.44,4.74-3.18,4.74-3.16-2.13-3.16-4.74,1.41-4.76,3.16-4.76' fill='%23AAAAAA'/%3E%3Cpath d='M69.46,41.14c1.74,0,3.16,2.13,3.16,4.76s-1.41,4.74-3.16,4.74-3.18-2.13-3.18-4.74,1.41-4.76,3.18-4.76' fill='%23AAAAAA'/%3E%3Cpath d='M63.91,76.15c-.82-.48-1.84-.43-2.8.12l-10.13,5.75-10.11-5.75c-.96-.55-1.98-.59-2.8-.12-.82.47-1.29,1.38-1.29,2.49v10.12c0,1.11.47,2.02,1.28,2.49.38.22.8.33,1.24.33.51,0,1.05-.15,1.57-.44l10.12-5.75,10.11,5.75c.52.29,1.05.44,1.56.44.44,0,.86-.11,1.24-.33.81-.48,1.28-1.38,1.28-2.49v-10.12c0-1.11-.47-2.02-1.28-2.49' fill='white' opacity='0.9'/%3E%3C/g%3E%3C/svg%3E";
+            img.alt = suggestion.displayName;
+            img.style.cssText = 'width: 16px; height: 16px; border-radius: 50%; object-fit: cover;';
+            chip.appendChild(img);
+        }
+        else {
+            // Use icon for users or agents without images
+            const icon = document.createElement('i');
+            icon.style.cssText = 'font-size: 12px; opacity: 0.95;';
+            if (suggestion.type === 'agent' && suggestion.icon) {
+                icon.className = this.getIconClasses(suggestion.icon);
+            }
+            else if (suggestion.type === 'user') {
+                icon.className = 'fa-solid fa-user';
+            }
+            else {
+                icon.className = 'fa-solid fa-robot';
+            }
+            chip.appendChild(icon);
+        }
+        // Add space between icon/image and text
+        const space = document.createTextNode(' ');
+        chip.appendChild(space);
+        // Add text
+        const text = document.createTextNode(suggestion.displayName);
+        chip.appendChild(text);
+        console.log('[MentionEditor] Created chip:', chip.outerHTML);
+        return chip;
+    }
+    /**
+     * Get icon classes with proper FA prefix
+     */
+    getIconClasses(iconClass) {
+        if (!iconClass)
+            return 'fa-solid fa-robot';
+        if (iconClass.includes('fa-')) {
+            if (iconClass.match(/\b(fa-solid|fa-regular|fa-light|fa-brands)\b/)) {
+                return iconClass;
+            }
+            return `fa-solid ${iconClass}`;
+        }
+        return iconClass;
+    }
+    /**
+     * Handle backspace key - delete entire chip if cursor is right after one
+     */
+    handleBackspace(event) {
+        const selection = window.getSelection();
+        if (!selection || selection.rangeCount === 0)
+            return;
+        const range = selection.getRangeAt(0);
+        // Check if cursor is right after a mention chip
+        if (range.collapsed && range.startOffset > 0) {
+            const prevNode = range.startContainer.childNodes[range.startOffset - 1];
+            if (prevNode && prevNode.classList?.contains('mention-chip')) {
+                event.preventDefault();
+                prevNode.remove();
+                this.onInput();
+            }
+        }
+    }
+    /**
+     * Close mention dropdown
+     */
+    closeMentionDropdown() {
+        this.showMentionDropdown = false;
+        this.mentionSuggestions = [];
+        this.mentionStartIndex = -1;
+        this.mentionQuery = '';
+    }
+    /**
+     * Convert editor HTML to plain text with @mentions
+     */
+    getPlainText() {
+        const editor = this.editorRef?.nativeElement;
+        if (!editor)
+            return '';
+        let text = '';
+        const nodes = editor.childNodes;
+        for (let i = 0; i < nodes.length; i++) {
+            const node = nodes[i];
+            if (node.nodeType === Node.TEXT_NODE) {
+                text += node.textContent || '';
+            }
+            else if (node.nodeType === Node.ELEMENT_NODE) {
+                const element = node;
+                if (element.classList.contains('mention-chip')) {
+                    const name = element.getAttribute('data-mention-name') || '';
+                    // Use quoted format if name has spaces
+                    text += name.includes(' ') ? `@"${name}"` : `@${name}`;
+                }
+                else if (element.tagName === 'BR') {
+                    text += '\n';
+                }
+                else if (element.tagName === 'DIV') {
+                    // Handle line breaks from contentEditable
+                    if (i > 0)
+                        text += '\n';
+                    text += this.getNodeText(element);
+                }
+                else {
+                    text += element.textContent || '';
+                }
+            }
+        }
+        return text;
+    }
+    /**
+     * Get text from a node recursively
+     */
+    getNodeText(node) {
+        let text = '';
+        const children = node.childNodes;
+        for (let i = 0; i < children.length; i++) {
+            const child = children[i];
+            if (child.nodeType === Node.TEXT_NODE) {
+                text += child.textContent || '';
+            }
+            else if (child.nodeType === Node.ELEMENT_NODE) {
+                const element = child;
+                if (element.classList.contains('mention-chip')) {
+                    const name = element.getAttribute('data-mention-name') || '';
+                    text += name.includes(' ') ? `@"${name}"` : `@${name}`;
+                }
+                else {
+                    text += this.getNodeText(element);
+                }
+            }
+        }
+        return text;
+    }
+    /**
+     * Set editor content from plain text (for programmatic updates)
+     */
+    setEditorContent(text) {
+        const editor = this.editorRef?.nativeElement;
+        if (!editor)
+            return;
+        // For now, just set as plain text
+        // TODO: Parse @mentions and render as chips
+        editor.textContent = text;
+    }
+    // ControlValueAccessor implementation
+    writeValue(value) {
+        if (value) {
+            this.setEditorContent(value);
+        }
+        else if (this.editorRef?.nativeElement) {
+            this.editorRef.nativeElement.textContent = '';
+        }
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+        if (this.editorRef?.nativeElement) {
+            this.editorRef.nativeElement.contentEditable = (!isDisabled).toString();
+        }
+    }
+    /**
+     * Focus the editor
+     */
+    focus() {
+        this.editorRef?.nativeElement?.focus();
+    }
+    /**
+     * Clear the editor content
+     */
+    clear() {
+        if (this.editorRef?.nativeElement) {
+            this.editorRef.nativeElement.textContent = '';
+            this.onInput();
+        }
+    }
+    static ɵfac = function MentionEditorComponent_Factory(t) { return new (t || MentionEditorComponent)(i0.ɵɵdirectiveInject(i1.MentionAutocompleteService)); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MentionEditorComponent, selectors: [["mj-mention-editor"]], viewQuery: function MentionEditorComponent_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuery(_c0, 5);
+        } if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.editorRef = _t.first);
+        } }, inputs: { placeholder: "placeholder", disabled: "disabled", currentUser: "currentUser", enableMentions: "enableMentions" }, outputs: { valueChange: "valueChange", mentionSelected: "mentionSelected", enterPressed: "enterPressed" }, features: [i0.ɵɵProvidersFeature([
+                {
+                    provide: NG_VALUE_ACCESSOR,
+                    useExisting: forwardRef(() => MentionEditorComponent),
+                    multi: true
+                }
+            ])], decls: 4, vars: 3, consts: [["editor", ""], [1, "mention-editor-container", 3, "click"], ["contenteditable", "true", 1, "mention-editor", 3, "input", "keydown", "blur", "paste"], [3, "suggestions", "position", "showAbove", "useFixedPositioning", "visible", "suggestionSelected", "closed", 4, "ngIf"], [3, "suggestionSelected", "closed", "suggestions", "position", "showAbove", "useFixedPositioning", "visible"]], template: function MentionEditorComponent_Template(rf, ctx) { if (rf & 1) {
+            const _r1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "div", 1);
+            i0.ɵɵlistener("click", function MentionEditorComponent_Template_div_click_0_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onContainerClick($event)); });
+            i0.ɵɵelementStart(1, "div", 2, 0);
+            i0.ɵɵlistener("input", function MentionEditorComponent_Template_div_input_1_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onInput()); })("keydown", function MentionEditorComponent_Template_div_keydown_1_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onKeyDown($event)); })("blur", function MentionEditorComponent_Template_div_blur_1_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onBlur()); })("paste", function MentionEditorComponent_Template_div_paste_1_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onPaste($event)); });
+            i0.ɵɵelementEnd();
+            i0.ɵɵtemplate(3, MentionEditorComponent_mj_mention_dropdown_3_Template, 1, 5, "mj-mention-dropdown", 3);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵadvance();
+            i0.ɵɵattribute("contenteditable", !ctx.disabled)("data-placeholder", ctx.placeholder);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("ngIf", ctx.showMentionDropdown && ctx.enableMentions);
+        } }, dependencies: [i2.NgIf, i3.MentionDropdownComponent], styles: ["//[_ngcontent-%COMP%]   Mention[_ngcontent-%COMP%]   Editor[_ngcontent-%COMP%]   Component[_ngcontent-%COMP%]   Styles\n//[_ngcontent-%COMP%]   ContentEditable-based[_ngcontent-%COMP%]   editor[_ngcontent-%COMP%]   with[_ngcontent-%COMP%]   mention[_ngcontent-%COMP%]   chips/pills\n\n.mention-editor-container[_ngcontent-%COMP%] {\n  position: relative;\n  width: 100%;\n  display: block;\n}\n\n.mention-editor[_ngcontent-%COMP%] {\n  display: block;\n  width: 100%;\n  min-height: 100px;\n  max-height: 300px;\n  padding: 7px 3.5rem 7px 12px; // top right bottom left - more left padding for caret\n  outline: none;\n  border: none;\n  background: transparent;\n  font-family: inherit;\n  font-size: 1rem;\n  line-height: 1.5;\n  overflow-y: auto;\n  overflow-x: hidden; // Prevent horizontal scroll\n  word-wrap: break-word;\n  white-space: pre-wrap;\n  cursor: text; // Ensure text cursor\n  user-select: text; // Ensure text is selectable\n  box-sizing: border-box; // Include padding in height calculation\n\n  // Placeholder styling (using data attribute)\n  &:empty:before {\n    content: attr(data-placeholder);\n    color: var(--text-tertiary, #999);\n    pointer-events: none;\n    position: absolute;\n  }\n\n  &:focus {\n    outline: none;\n  }\n\n  &[contenteditable=\"false\"] {\n    cursor: not-allowed;\n    opacity: 0.6;\n    background: var(--background-disabled, #f5f5f5);\n  }\n\n  // Mobile responsive\n  @media (max-width: 768px) {\n    font-size: 16px; // Prevent iOS zoom\n    padding: 5px;\n    padding-right: 3rem;\n  }\n}\n\n//[_ngcontent-%COMP%]   Mention[_ngcontent-%COMP%]   Chip/Pill[_ngcontent-%COMP%]   Styles\n//[_ngcontent-%COMP%]   ViewEncapsulation.None[_ngcontent-%COMP%]   allows[_ngcontent-%COMP%]   these[_ngcontent-%COMP%]   styles[_ngcontent-%COMP%]   to[_ngcontent-%COMP%]   apply[_ngcontent-%COMP%]   to[_ngcontent-%COMP%]   dynamically[_ngcontent-%COMP%]   created[_ngcontent-%COMP%]   elements\n[_ngcontent-%COMP%]  .mention-chip {\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n  padding: 4px 12px;\n  margin: 0 3px;\n  border-radius: 16px;\n  font-size: 13px;\n  font-weight: 600;\n  cursor: default;\n  user-select: none;\n  vertical-align: middle;\n  white-space: nowrap;\n\n  // Prevent editing the chip content\n  pointer-events: all;\n  -webkit-user-modify: read-only;\n  -moz-user-modify: read-only;\n\n  // Default (agent) styling - Bold, visible gradient like Slack\n  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n  color: white;\n  border: 2px solid rgba(102, 126, 234, 0.4);\n  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.1);\n\n  i {\n    font-size: 12px;\n    opacity: 0.95;\n  }\n\n  // User styling (override via data attribute if needed)\n  &[data-mention-type=\"user\"] {\n    background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);\n    color: white;\n    border: 2px solid rgba(240, 147, 251, 0.4);\n  }\n\n  // Hover effect\n  &:hover {\n    transform: translateY(-1px);\n    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25), 0 1px 3px rgba(0, 0, 0, 0.15);\n    transition: all 0.2s ease;\n  }\n\n  // Selected/focused state\n  &:focus,\n  &.selected {\n    outline: 2px solid var(--primary-color, #007bff);\n    outline-offset: 2px;\n  }\n\n  // Animation on insert\n  @keyframes chipInsert {\n    0% {\n      transform: scale(0.8);\n      opacity: 0;\n    }\n    100% {\n      transform: scale(1);\n      opacity: 1;\n    }\n  }\n\n  animation: chipInsert 0.15s ease-out;\n}\n\n//[_ngcontent-%COMP%]   Dark[_ngcontent-%COMP%]   mode[_ngcontent-%COMP%]   support\n@media[_ngcontent-%COMP%]   (prefers-color-scheme[_ngcontent-%COMP%]:   dark)[_ngcontent-%COMP%] {\n  .mention-editor {\n    color: #e0e0e0;\n\n    &:empty:before {\n      color: #777;\n    }\n\n    &[contenteditable=\"false\"] {\n      background: #2d2d2d;\n    }\n  }\n\n  .mention-chip {\n    background: linear-gradient(135deg, #4a148c 0%, #6a1b9a 100%);\n    color: #ce93d8;\n    border-color: #8e24aa;\n\n    &[data-mention-type=\"user\"] {\n      background: linear-gradient(135deg, #880e4f 0%, #ad1457 100%);\n      color: #f48fb1;\n      border-color: #c2185b;\n    }\n  }\n}\n\n//[_ngcontent-%COMP%]   Ensure[_ngcontent-%COMP%]   proper[_ngcontent-%COMP%]   spacing[_ngcontent-%COMP%]   around[_ngcontent-%COMP%]   chips\n.mention-editor[_ngcontent-%COMP%] {\n  .mention-chip + .mention-chip {\n    margin-left: 4px;\n  }\n\n  // Prevent weird spacing issues\n  br {\n    display: block;\n    content: \"\";\n    margin: 0;\n  }\n}\n\n//[_ngcontent-%COMP%]   Custom[_ngcontent-%COMP%]   scrollbar[_ngcontent-%COMP%]   for[_ngcontent-%COMP%]   editor\n.mention-editor[_ngcontent-%COMP%] {\n  &::-webkit-scrollbar {\n    width: 6px;\n  }\n\n  &::-webkit-scrollbar-track {\n    background: transparent;\n  }\n\n  &::-webkit-scrollbar-thumb {\n    background: rgba(0, 0, 0, 0.2);\n    border-radius: 3px;\n\n    &:hover {\n      background: rgba(0, 0, 0, 0.3);\n    }\n  }\n}"] });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MentionEditorComponent, [{
+        type: Component,
+        args: [{ selector: 'mj-mention-editor', providers: [
+                    {
+                        provide: NG_VALUE_ACCESSOR,
+                        useExisting: forwardRef(() => MentionEditorComponent),
+                        multi: true
+                    }
+                ], template: "<div class=\"mention-editor-container\" (click)=\"onContainerClick($event)\">\n  <div\n    #editor\n    class=\"mention-editor\"\n    contenteditable=\"true\"\n    [attr.contenteditable]=\"!disabled\"\n    [attr.data-placeholder]=\"placeholder\"\n    (input)=\"onInput()\"\n    (keydown)=\"onKeyDown($event)\"\n    (blur)=\"onBlur()\"\n    (paste)=\"onPaste($event)\"\n  ></div>\n\n  <!-- Mention Dropdown -->\n  <mj-mention-dropdown\n    *ngIf=\"showMentionDropdown && enableMentions\"\n    [suggestions]=\"mentionSuggestions\"\n    [position]=\"mentionDropdownPosition\"\n    [showAbove]=\"mentionDropdownShowAbove\"\n    [useFixedPositioning]=\"true\"\n    [visible]=\"true\"\n    (suggestionSelected)=\"onMentionSelected($event)\"\n    (closed)=\"closeMentionDropdown()\">\n  </mj-mention-dropdown>\n</div>\n", styles: ["// Mention Editor Component Styles\n// ContentEditable-based editor with mention chips/pills\n\n.mention-editor-container {\n  position: relative;\n  width: 100%;\n  display: block;\n}\n\n.mention-editor {\n  display: block;\n  width: 100%;\n  min-height: 100px;\n  max-height: 300px;\n  padding: 7px 3.5rem 7px 12px; // top right bottom left - more left padding for caret\n  outline: none;\n  border: none;\n  background: transparent;\n  font-family: inherit;\n  font-size: 1rem;\n  line-height: 1.5;\n  overflow-y: auto;\n  overflow-x: hidden; // Prevent horizontal scroll\n  word-wrap: break-word;\n  white-space: pre-wrap;\n  cursor: text; // Ensure text cursor\n  user-select: text; // Ensure text is selectable\n  box-sizing: border-box; // Include padding in height calculation\n\n  // Placeholder styling (using data attribute)\n  &:empty:before {\n    content: attr(data-placeholder);\n    color: var(--text-tertiary, #999);\n    pointer-events: none;\n    position: absolute;\n  }\n\n  &:focus {\n    outline: none;\n  }\n\n  &[contenteditable=\"false\"] {\n    cursor: not-allowed;\n    opacity: 0.6;\n    background: var(--background-disabled, #f5f5f5);\n  }\n\n  // Mobile responsive\n  @media (max-width: 768px) {\n    font-size: 16px; // Prevent iOS zoom\n    padding: 5px;\n    padding-right: 3rem;\n  }\n}\n\n// Mention Chip/Pill Styles\n// ViewEncapsulation.None allows these styles to apply to dynamically created elements\n::ng-deep .mention-chip {\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n  padding: 4px 12px;\n  margin: 0 3px;\n  border-radius: 16px;\n  font-size: 13px;\n  font-weight: 600;\n  cursor: default;\n  user-select: none;\n  vertical-align: middle;\n  white-space: nowrap;\n\n  // Prevent editing the chip content\n  pointer-events: all;\n  -webkit-user-modify: read-only;\n  -moz-user-modify: read-only;\n\n  // Default (agent) styling - Bold, visible gradient like Slack\n  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n  color: white;\n  border: 2px solid rgba(102, 126, 234, 0.4);\n  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.1);\n\n  i {\n    font-size: 12px;\n    opacity: 0.95;\n  }\n\n  // User styling (override via data attribute if needed)\n  &[data-mention-type=\"user\"] {\n    background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);\n    color: white;\n    border: 2px solid rgba(240, 147, 251, 0.4);\n  }\n\n  // Hover effect\n  &:hover {\n    transform: translateY(-1px);\n    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25), 0 1px 3px rgba(0, 0, 0, 0.15);\n    transition: all 0.2s ease;\n  }\n\n  // Selected/focused state\n  &:focus,\n  &.selected {\n    outline: 2px solid var(--primary-color, #007bff);\n    outline-offset: 2px;\n  }\n\n  // Animation on insert\n  @keyframes chipInsert {\n    0% {\n      transform: scale(0.8);\n      opacity: 0;\n    }\n    100% {\n      transform: scale(1);\n      opacity: 1;\n    }\n  }\n\n  animation: chipInsert 0.15s ease-out;\n}\n\n// Dark mode support\n@media (prefers-color-scheme: dark) {\n  .mention-editor {\n    color: #e0e0e0;\n\n    &:empty:before {\n      color: #777;\n    }\n\n    &[contenteditable=\"false\"] {\n      background: #2d2d2d;\n    }\n  }\n\n  .mention-chip {\n    background: linear-gradient(135deg, #4a148c 0%, #6a1b9a 100%);\n    color: #ce93d8;\n    border-color: #8e24aa;\n\n    &[data-mention-type=\"user\"] {\n      background: linear-gradient(135deg, #880e4f 0%, #ad1457 100%);\n      color: #f48fb1;\n      border-color: #c2185b;\n    }\n  }\n}\n\n// Ensure proper spacing around chips\n.mention-editor {\n  .mention-chip + .mention-chip {\n    margin-left: 4px;\n  }\n\n  // Prevent weird spacing issues\n  br {\n    display: block;\n    content: \"\";\n    margin: 0;\n  }\n}\n\n// Custom scrollbar for editor\n.mention-editor {\n  &::-webkit-scrollbar {\n    width: 6px;\n  }\n\n  &::-webkit-scrollbar-track {\n    background: transparent;\n  }\n\n  &::-webkit-scrollbar-thumb {\n    background: rgba(0, 0, 0, 0.2);\n    border-radius: 3px;\n\n    &:hover {\n      background: rgba(0, 0, 0, 0.3);\n    }\n  }\n}\n"] }]
+    }], () => [{ type: i1.MentionAutocompleteService }], { editorRef: [{
+            type: ViewChild,
+            args: ['editor', { static: false }]
+        }], placeholder: [{
+            type: Input
+        }], disabled: [{
+            type: Input
+        }], currentUser: [{
+            type: Input
+        }], enableMentions: [{
+            type: Input
+        }], valueChange: [{
+            type: Output
+        }], mentionSelected: [{
+            type: Output
+        }], enterPressed: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MentionEditorComponent, { className: "MentionEditorComponent", filePath: "src/lib/components/mention/mention-editor.component.ts", lineNumber: 33 }); })();
+//# sourceMappingURL=mention-editor.component.js.map

package/dist/lib/components/mention/mention-editor.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mention-editor.component.js","sourceRoot":"","sources":["../../../../src/lib/components/mention/mention-editor.component.ts","../../../../src/lib/components/mention/mention-editor.component.html"],"names":[],"mappings":"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"}