cax-design-system 3.0.0 → 3.0.1

package/fesm2022/cax-design-system-commentbox.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"cax-design-system-commentbox.mjs","sources":["../../src/app/components/commentbox/commentbox.ts","../../src/app/components/commentbox/commentbox.html","../../src/app/components/commentbox/commentbox.module.ts","../../src/app/components/commentbox/cax-design-system-commentbox.ts"],"sourcesContent":["import { Component, Input, Output, EventEmitter, ViewChild, ElementRef, HostListener, NgZone } from '@angular/core';\nimport { DomSanitizer, SafeHtml } from '@angular/platform-browser';\n\n// Add this interface at the top of the file\ninterface Comment {\n    text: string;\n    date: Date;\n    files?: Array<{ name: string; size: string }>;\n    isAdmin?: boolean;\n    sender?: string;\n}\n\ninterface GroupedComments {\n    date: Date;\n    items: Comment[];\n}\n\n@Component({\n    selector: 'cax-commentbox',\n    templateUrl: './commentbox.html',\n    styleUrls: ['./commentbox.scss'],\n    standalone: false\n})\nexport class CommentboxComponent {\n    private _comments: Comment[] = [];\n    @Input() set comments(value: Comment[]) {\n        this._comments = Array.isArray(value) ? value : [];\n        this.recomputeGroupedComments();\n    }\n    get comments(): Comment[] {\n        return this._comments;\n    }\n    @Input() mentionSuggestions: any[] = [];\n    @Input() hashtagSuggestions: any[] = [];\n    @Input() sidebarHeader: string;\n    @Input() isAdmin: boolean = true;\n    @Input() placeholder: string = 'Comment or mention others with @, ‘#’ for columns';\n    @Output() commentAdded = new EventEmitter<any>();\n    @Output() fileSelected = new EventEmitter<File>();\n    @Output() fileDownload = new EventEmitter<{ name: string; size: string }>();\n    @Output() visibleChange = new EventEmitter<boolean>();\n    @Output() onSidebarHide = new EventEmitter<void>();\n    newComment: string = '';\n\n    isMentioning: boolean = false;\n    isHashtagging: boolean = false;\n    suggestions: any[] = [];\n    selectedSuggestion: any = null;\n    selectedSuggestionIndex: number = -1;\n    filteredSuggestions: any[] = [];\n    currentTokenType: 'mention' | 'hashtag' | null = null;\n    cursorPosition: number = 0;\n\n    @ViewChild('fileInput') fileInput!: ElementRef<HTMLInputElement>;\n    @ViewChild('suggestionPanel') suggestionPanel!: ElementRef;\n    @ViewChild('inputText') inputText!: ElementRef;\n    @ViewChild('commentsList') private commentsList!: ElementRef;\n    @ViewChild('countChip') countChip!: ElementRef;\n    selectedFiles: Array<{ name: string; size: string }> = [];\n    selectedFilesMap: Map<number, { name: string; size: string }> = new Map();\n\n    today: Date = new Date();\n    groupedCommentsCache: GroupedComments[] = [];\n\n    overlayVisible: boolean = false;\n    filesOverlayVisible: boolean = false;\n    overlayPosition = { top: 0, left: 0 };\n\n    private dateUpdateInterval: any;\n\n    // Keep track of should auto scroll\n    private shouldAutoScroll = true;\n    private isUserScrolling = false;\n\n    // Add new property for mutation observer\n    private observer: MutationObserver;\n    private scrollQueued: boolean = false;\n\n    constructor(\n        private sanitizer: DomSanitizer,\n        private ngZone: NgZone\n    ) {\n        this.updateCurrentDate();\n        // Run the interval outside Angular to avoid frequent change detection in docs/canvas\n        this.ngZone.runOutsideAngular(() => {\n            this.dateUpdateInterval = setInterval(() => {\n                this.ngZone.run(() => this.updateCurrentDate());\n            }, 60000);\n        });\n    }\n\n    ngAfterViewInit() {\n        setTimeout(() => {\n            this.forceScrollToBottom();\n        }, 100);\n\n        // Set up observer to auto-scroll when content changes (outside Angular)\n        if (this.commentsList?.nativeElement) {\n            this.ngZone.runOutsideAngular(() => {\n                this.observer = new MutationObserver(() => {\n                    if (this.scrollQueued) return;\n                    this.scrollQueued = true;\n                    requestAnimationFrame(() => {\n                        this.forceScrollToBottom();\n                        this.scrollQueued = false;\n                    });\n                });\n                this.observer.observe(this.commentsList.nativeElement, {\n                    childList: true\n                });\n            });\n        }\n    }\n\n    ngOnDestroy() {\n        if (this.dateUpdateInterval) {\n            clearInterval(this.dateUpdateInterval);\n        }\n        // Disconnect the observer\n        if (this.observer) this.observer.disconnect();\n\n        // Remove event listeners\n        document.removeEventListener('click', this.handleClickOutside);\n    }\n\n    private updateCurrentDate(): void {\n        this.today = new Date();\n    }\n\n    formatDate(date: Date): string {\n        return date.toLocaleDateString(undefined, {\n            day: '2-digit',\n            month: '2-digit',\n            year: 'numeric',\n            timeZone: Intl.DateTimeFormat().resolvedOptions().timeZone\n        });\n    }\n\n    formatMessageWithTags(text: string): SafeHtml {\n        if (!text) return '';\n        const sanitizedText = text.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');\n        const htmlContent = sanitizedText.replace(/(@\\w+|#\\w+)/g, (match) => {\n            if (match.startsWith('@')) {\n                return `<span class=\"mention\" style=\"color: #0C4AF3; font-weight: 600;\">${match}</span>`;\n            } else if (match.startsWith('#')) {\n                return `<span class=\"hashtag\" style=\"color: #0C4AF3; font-weight: 600;\">${match}</span>`;\n            }\n            return match;\n        });\n\n        return this.sanitizer.bypassSecurityTrustHtml(htmlContent);\n    }\n\n    addComment() {\n        if (this.newComment.trim() || this.selectedFiles.length > 0) {\n            const newComment: Comment = {\n                text: this.newComment,\n                date: new Date(),\n                files: this.selectedFiles.length > 0 ? [...this.selectedFiles] : undefined,\n                isAdmin: this.isAdmin,\n                sender: this.isAdmin ? 'System Admin' : 'User'\n            };\n\n            this.comments = [...this.comments, newComment];\n            this.commentAdded.emit(newComment);\n            this.newComment = '';\n            this.selectedFiles = [];\n            this.selectedFilesMap.clear();\n            this.filesOverlayVisible = false;\n\n            if (this.suggestionPanel?.nativeElement) {\n                this.suggestionPanel.nativeElement.style.display = 'none';\n            }\n\n            // Always scroll to bottom immediately\n            this.scrollToBottom(true);\n            this.recomputeGroupedComments();\n        }\n    }\n\n    private forceScrollToBottom(): void {\n        if (!this.commentsList?.nativeElement) return;\n        const element = this.commentsList.nativeElement;\n        try {\n            element.scrollTop = element.scrollHeight;\n        } catch {\n            // no-op\n        }\n    }\n\n    private scrollToBottom(force = false): void {\n        if (force) {\n            this.forceScrollToBottom();\n            return;\n        }\n        if (!this.commentsList?.nativeElement) return;\n\n        const element = this.commentsList.nativeElement;\n\n        // Single RAF to avoid nested scheduling overhead in Storybook\n        requestAnimationFrame(() => {\n            try {\n                element.scrollTop = element.scrollHeight;\n                element.scrollTo({ top: element.scrollHeight });\n            } catch {\n                element.scrollTop = element.scrollHeight;\n            }\n        });\n    }\n\n    @Input() set visible(value: boolean) {\n        if (this._visible !== value) {\n            this._visible = value;\n            if (this._visible) {\n                this.shouldAutoScroll = true;\n                setTimeout(() => this.scrollToBottom(true), 300);\n            }\n        }\n    }\n\n    get visible(): boolean {\n        return this._visible;\n    }\n\n    private _visible: boolean = false;\n\n    toggleComments() {\n        if (this._visible) {\n            this.hideComments();\n        } else {\n            this.showComments();\n        }\n    }\n\n    showComments() {\n        if (!this._visible) {\n            this._visible = true;\n            this.visibleChange.emit(true);\n            this.shouldAutoScroll = true;\n            setTimeout(() => this.scrollToBottom(true), 300);\n        }\n    }\n\n    hideComments() {\n        if (this._visible) {\n            this._visible = false;\n            this.visibleChange.emit(false);\n            this.onSidebarHide.emit();\n        }\n    }\n\n    handleSidebarHide() {\n        this.hideComments();\n    }\n\n    @HostListener('document:click', ['$event'])\n    onDocumentClick(event: MouseEvent) {\n        const target = event.target as HTMLElement;\n        const isInputClick = this.inputText?.nativeElement?.contains(target);\n        const isPanelClick = this.suggestionPanel?.nativeElement?.contains(target);\n\n        if (!isInputClick && !isPanelClick) {\n            this.overlayVisible = false;\n            this.currentTokenType = null;\n            this.filteredSuggestions = [];\n        }\n    }\n\n    handleKeyUp(event: any): void {\n        // Update cursor position on every key press\n        const input = event.target;\n        this.cursorPosition = input.selectionStart || 0;\n\n        if (event.key === 'Escape') {\n            this.overlayVisible = false;\n            this.currentTokenType = null;\n            this.filteredSuggestions = [];\n            return;\n        }\n\n        if (event.key === '@' || event.key === '#') {\n            this.currentTokenType = event.key === '@' ? 'mention' : 'hashtag';\n            this.filteredSuggestions = this.currentTokenType === 'mention' ? this.mentionSuggestions : this.hashtagSuggestions;\n            this.selectedSuggestionIndex = 0;\n\n            const rect = input.getBoundingClientRect();\n            const cursorPosition = this.getCursorPosition(input);\n\n            this.overlayVisible = true;\n            setTimeout(() => {\n                const panel = this.suggestionPanel?.nativeElement;\n                if (panel) {\n                    panel.style.left = `${rect.left + cursorPosition.left}px`;\n                    panel.style.top = `${rect.top - 10}px`;\n                }\n            });\n        }\n\n        if (this.currentTokenType) {\n            const token = this.getTokenAtCursor(input.value, this.cursorPosition);\n            if (token) {\n                const searchTerm = token.slice(1).toLowerCase();\n                this.filteredSuggestions = (this.currentTokenType === 'mention' ? this.mentionSuggestions : this.hashtagSuggestions).filter((item) => item.name.toLowerCase().includes(searchTerm) || item.id.toLowerCase().includes(searchTerm));\n\n                if (this.filteredSuggestions.length > 0) {\n                    this.overlayVisible = true;\n                    // Only reset selection index if we have new suggestions\n                    if (this.selectedSuggestionIndex < 0 || this.selectedSuggestionIndex >= this.filteredSuggestions.length) {\n                        this.selectedSuggestionIndex = 0;\n                    }\n                } else {\n                    this.overlayVisible = false;\n                    this.selectedSuggestionIndex = -1;\n                }\n            } else {\n                this.overlayVisible = false;\n                this.currentTokenType = null;\n            }\n        }\n    }\n\n    getTokenAtCursor(text: string, cursorPos: number): string | null {\n        const beforeCursor = text.slice(0, cursorPos);\n        const match = beforeCursor.match(/[@#][^\\s]*$/);\n        return match ? match[0] : null;\n    }\n\n    getWordAtPosition(text: string, position: number): string {\n        const left = text.slice(0, position).search(/[@#][^\\s]*$/);\n        if (left === -1) return '';\n        return text.slice(left, position);\n    }\n\n    selectSuggestion(suggestion: any) {\n        const input = this.newComment;\n        const wordStart = input.slice(0, this.cursorPosition).search(/[@#][^\\s]*$/);\n\n        this.newComment = input.slice(0, wordStart) + suggestion.value + ' ' + input.slice(this.cursorPosition);\n\n        this.isMentioning = false;\n        this.isHashtagging = false;\n    }\n\n    onSuggestionSelect(item: any) {\n        const input = this.newComment;\n        const beforeCursor = input.slice(0, this.cursorPosition);\n        const afterCursor = input.slice(this.cursorPosition);\n        const lastTokenIndex = Math.max(beforeCursor.lastIndexOf('@'), beforeCursor.lastIndexOf('#'));\n\n        if (lastTokenIndex >= 0) {\n            // Insert the suggestion at the cursor position\n            this.newComment = beforeCursor.slice(0, lastTokenIndex) + item.id + ' ' + afterCursor;\n        }\n\n        this.suggestionPanel.nativeElement.style.display = 'none';\n        this.overlayVisible = false;\n        this.currentTokenType = null;\n        this.filteredSuggestions = [];\n        this.selectedSuggestionIndex = -1;\n\n        setTimeout(() => {\n            const inputEl = this.inputText.nativeElement.querySelector('input');\n            if (inputEl) {\n                inputEl.focus();\n            }\n        });\n    }\n\n    onSuggestionPanelHide() {\n        this.overlayVisible = false;\n        this.currentTokenType = null;\n        this.filteredSuggestions = [];\n        this.selectedSuggestionIndex = -1;\n    }\n\n    getCursorPosition(input: HTMLInputElement): { left: number; top: number } {\n        const selectionStart = input.selectionStart || 0;\n        const textBeforeCursor = input.value.substring(0, selectionStart);\n        const span = document.createElement('span');\n        span.textContent = textBeforeCursor;\n        span.style.cssText = window.getComputedStyle(input, null).cssText;\n        span.style.visibility = 'hidden';\n        document.body.appendChild(span);\n        const position = {\n            left: span.offsetWidth,\n            top: span.offsetHeight\n        };\n        document.body.removeChild(span);\n        return position;\n    }\n\n    onFileIconClick(event: Event): void {\n        event?.preventDefault();\n        event?.stopPropagation();\n        if (this.fileInput?.nativeElement) {\n            this.fileInput.nativeElement.click();\n        }\n    }\n\n    onFileSelect(event: Event) {\n        const input = event.target as HTMLInputElement;\n        if (input.files && input.files.length > 0) {\n            Array.from(input.files).forEach((file) => {\n                // Check if file already exists in selection\n                const fileExists = this.selectedFiles.some((existingFile) => existingFile.name === file.name && existingFile.size === this.formatFileSize(file.size));\n\n                if (!fileExists) {\n                    const fileInfo = {\n                        name: file.name,\n                        size: this.formatFileSize(file.size)\n                    };\n                    this.selectedFiles.push(fileInfo);\n                    this.selectedFilesMap.set(this.selectedFiles.length - 1, fileInfo);\n                    this.fileSelected.emit(file);\n                }\n            });\n\n            input.value = '';\n            const inputEl = document.querySelector('.chat-input input');\n            if (inputEl instanceof HTMLElement) {\n                inputEl.focus();\n            }\n        }\n    }\n\n    private updateFileState(index: number, fromChip: boolean = true) {\n        const actualIndex = fromChip ? index : index + 4;\n        this.selectedFiles = this.selectedFiles.filter((_, i) => i !== actualIndex);\n        this.selectedFilesMap.clear();\n        this.selectedFiles.forEach((file, i) => {\n            this.selectedFilesMap.set(i, file);\n        });\n    }\n\n    removeFile(index: number, fromChip: boolean = true) {\n        this.updateFileState(index, fromChip);\n        if (this.selectedFiles.length <= 4) {\n            this.hideFilesOverlay();\n        }\n    }\n\n    getOverflowCount(): number {\n        // Return count of files beyond the first 4\n        return Math.max(0, this.selectedFiles.length - 4);\n    }\n\n    showFilesOverlay(event: MouseEvent) {\n        const target = event.currentTarget as HTMLElement;\n        const rect = target.getBoundingClientRect();\n\n        // Position the overlay below the count chip\n        this.overlayPosition = {\n            top: rect.bottom + 5,\n            left: rect.left - 250 + rect.width / 2 // Center the overlay horizontally\n        };\n\n        this.filesOverlayVisible = true;\n\n        // Add a click outside listener to close the overlay\n        setTimeout(() => {\n            document.addEventListener('click', this.handleClickOutside);\n        });\n    }\n\n    hideFilesOverlay() {\n        this.filesOverlayVisible = false;\n        document.removeEventListener('click', this.handleClickOutside);\n    }\n\n    private handleClickOutside = (event: MouseEvent) => {\n        const target = event.target as HTMLElement;\n        const overlay = document.querySelector('.files-overlay');\n        const countChip = document.querySelector('.count-chip');\n\n        if (overlay && !overlay.contains(target) && countChip && !countChip.contains(target)) {\n            this.hideFilesOverlay();\n        }\n    };\n\n    formatFileSize(bytes: number): string {\n        if (bytes === 0) return '0 Bytes';\n        const k = 1024;\n        const sizes = ['Bytes', 'KB', 'MB', 'GB'];\n        const i = Math.floor(Math.log(bytes) / Math.log(k));\n        return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i];\n    }\n\n    showSuggestions(_event: any, type: 'mention' | 'hashtag') {\n        this.currentTokenType = type;\n        this.filteredSuggestions = type === 'mention' ? this.mentionSuggestions : this.hashtagSuggestions;\n        if (this.suggestionPanel) {\n            this.suggestionPanel.nativeElement.style.display = 'block';\n        }\n    }\n    onKeyDown(event: KeyboardEvent) {\n        // If suggestions are visible, handle keyboard navigation\n        if (this.overlayVisible && this.filteredSuggestions.length > 0) {\n            switch (event.key) {\n                case 'ArrowDown':\n                    event.preventDefault();\n                    this.selectedSuggestionIndex = Math.min(this.selectedSuggestionIndex + 1, this.filteredSuggestions.length - 1);\n                    this.scrollSuggestionIntoView();\n                    break;\n                case 'ArrowUp':\n                    event.preventDefault();\n                    this.selectedSuggestionIndex = Math.max(this.selectedSuggestionIndex - 1, 0);\n                    this.scrollSuggestionIntoView();\n                    break;\n                case 'Tab':\n                    event.preventDefault();\n                    if (event.shiftKey) {\n                        // Shift+Tab - move up\n                        this.selectedSuggestionIndex = Math.max(this.selectedSuggestionIndex - 1, 0);\n                    } else {\n                        // Tab - move down\n                        this.selectedSuggestionIndex = Math.min(this.selectedSuggestionIndex + 1, this.filteredSuggestions.length - 1);\n                    }\n                    this.scrollSuggestionIntoView();\n                    break;\n                case 'Enter':\n                    event.preventDefault();\n                    if (this.selectedSuggestionIndex >= 0) {\n                        this.onSuggestionSelect(this.filteredSuggestions[this.selectedSuggestionIndex]);\n                    }\n                    break;\n                case 'Escape':\n                    event.preventDefault();\n                    this.onSuggestionPanelHide();\n                    break;\n            }\n            return;\n        }\n\n        // If no suggestions are visible, handle normal enter key press\n        if (event.key === 'Enter' && !event.shiftKey) {\n            event.preventDefault();\n            this.addComment();\n        }\n    }\n\n    // Helper method to scroll the selected suggestion into view\n    private scrollSuggestionIntoView(): void {\n        setTimeout(() => {\n            const suggestionList = this.suggestionPanel?.nativeElement.querySelector('.suggestion-list');\n            const selectedItem = suggestionList?.querySelector('.suggestion-item.selected');\n\n            if (suggestionList && selectedItem) {\n                const listRect = suggestionList.getBoundingClientRect();\n                const itemRect = selectedItem.getBoundingClientRect();\n\n                // Check if the selected item is outside the visible area\n                if (itemRect.bottom > listRect.bottom) {\n                    // Item is below the visible area\n                    selectedItem.scrollIntoView({ block: 'end', behavior: 'smooth' });\n                } else if (itemRect.top < listRect.top) {\n                    // Item is above the visible area\n                    selectedItem.scrollIntoView({ block: 'start', behavior: 'smooth' });\n                }\n            }\n        });\n    }\n\n    onFileDownload(file: { name: string; size: string }) {\n        this.fileDownload.emit(file);\n    }\n\n    private recomputeGroupedComments(): void {\n        const groups = this._comments.reduce((acc: GroupedComments[], comment: Comment) => {\n            const commentDate = new Date(comment.date);\n            commentDate.setHours(0, 0, 0, 0);\n\n            const existingGroup = acc.find((group) => {\n                const groupDate = new Date(group.date);\n                groupDate.setHours(0, 0, 0, 0);\n                return groupDate.getTime() === commentDate.getTime();\n            });\n\n            if (existingGroup) {\n                existingGroup.items.push(comment);\n            } else {\n                acc.push({ date: commentDate, items: [comment] });\n            }\n            return acc;\n        }, []);\n\n        this.groupedCommentsCache = groups.sort((a, b) => a.date.getTime() - b.date.getTime());\n    }\n\n    getShortFileName(filename: string): string {\n        if (filename.length <= 4) return filename;\n\n        // Get file extension\n        const lastDotIndex = filename.lastIndexOf('.');\n        const extension = lastDotIndex !== -1 ? filename.substring(lastDotIndex) : '';\n\n        // Truncate the name part and add the extension\n        const namePart = filename.substring(0, lastDotIndex !== -1 ? lastDotIndex : filename.length);\n        return namePart.substring(0, 4) + '..' + extension;\n    }\n}\n","<div *ngIf=\"visible\" class=\"cax-commentbox-wrapper\">\n    <!-- <ng-template caxTemplate=\"content\"> -->\n    <div class=\"cax-commentbox-container\">\n        <div class=\"cax-commentbox-list\" #commentsList>\n            <ng-container *ngFor=\"let group of groupedCommentsCache\">\n                <div class=\"cax-date-header\">{{ formatDate(group.date) }}</div>\n                <div\n                    class=\"cax-comment-item\"\n                    *ngFor=\"let comment of group.items; let i = index\"\n                    [ngClass]=\"{\n                            'cax-user-comment': !comment.isAdmin,\n                            'cax-admin-comment': comment.isAdmin,\n                            'consecutive-message': i > 0 && comment.isAdmin === group.items[i-1].isAdmin && comment.sender === group.items[i-1].sender,\n                            'new-sender': i > 0 && comment.sender !== group.items[i-1].sender,\n                            'new-date': i === 0 && group.items.length > 0\n                        }\"\n                >\n                    <!-- User Message (Left Aligned) -->\n                    <ng-container *ngIf=\"!comment.isAdmin\">\n                        <div class=\"cax-commentbox-avatar-container\" *ngIf=\"i === 0 || group.items[i-1].sender !== comment.sender\">\n                            <cax-avatar [label]=\"comment.sender?.substring(0, 2).toUpperCase() || 'U'\" [avatarSize]=\"'xs'\" [shape]=\"'circle'\" styleclass=\"cax-commentbox-avatar\"> </cax-avatar>\n                        </div>\n                        <div class=\"cax-comment-content\" [class.no-avatar]=\"i > 0 && group.items[i-1].sender === comment.sender\">\n                            <div class=\"cax-comment-sender\" *ngIf=\"i === 0 || group.items[i-1].sender !== comment.sender\">{{comment.sender}}</div>\n                            <div class=\"cax-file-attachment\" *ngIf=\"comment.files?.length\">\n                                <div *ngFor=\"let file of comment.files\" class=\"file-item\">\n                                    <div class=\"file-details\">\n                                        <span class=\"file-name\">{{ file.name.slice(0, 20) }}{{ file.name.includes('.') ? '.' + file.name.split('.').pop() : '' }}</span>\n                                        <span class=\"file-size\">{{file.size}}</span>\n                                    </div>\n                                    <i class=\"cax cax-download\" (click)=\"onFileDownload(file)\" role=\"button\" tabindex=\"0\"></i>\n                                </div>\n                            </div>\n                            <div class=\"cax-comment-message-container\">\n                                <span class=\"cax-comment-text\" [innerHTML]=\"formatMessageWithTags(comment.text)\"></span>\n                                <span class=\"cax-comment-date\">{{ comment.date | date: 'shortTime' }}</span>\n                            </div>\n                        </div>\n                    </ng-container>\n\n                    <!-- Admin Message (Right Aligned) -->\n                    <ng-container *ngIf=\"comment.isAdmin\">\n                        <div class=\"cax-comment-content admin\">\n                            <div class=\"cax-file-attachment\" *ngIf=\"comment.files?.length\">\n                                <div *ngFor=\"let file of comment.files\" class=\"file-item\">\n                                    <div class=\"file-details\">\n                                        <span class=\"file-name\">{{ file.name.slice(0, 20) }}{{ file.name.includes('.') ? '.' + file.name.split('.').pop() : '' }}</span>\n                                        <span class=\"file-size\">{{file.size}}</span>\n                                    </div>\n                                    <i class=\"cax cax-download\" (click)=\"onFileDownload(file)\" role=\"button\" tabindex=\"0\"></i>\n                                </div>\n                            </div>\n                            <div class=\"cax-comment-message-container\">\n                                <span class=\"cax-comment-text\" [innerHTML]=\"formatMessageWithTags(comment.text)\"></span>\n                                <span class=\"cax-comment-date\">{{ comment.date | date: 'shortTime' }}</span>\n                            </div>\n                        </div>\n                    </ng-container>\n                </div>\n            </ng-container>\n        </div>\n    </div>\n    <!-- </ng-template> -->\n    <cax-overlay #suggestionPanel [(visible)]=\"overlayVisible\" [appendTo]=\"inputText\" (onHide)=\"onSuggestionPanelHide()\" [styleClass]=\"'suggestion-panel'\">\n        <div class=\"suggestion-list\">\n            <div *ngFor=\"let item of filteredSuggestions; let i = index\" class=\"suggestion-item\" [ngClass]=\"{'selected': selectedSuggestionIndex === i}\" (click)=\"onSuggestionSelect(item)\" (mouseenter)=\"selectedSuggestionIndex = i\">\n                <span class=\"suggestion-label\">{{item.name}}</span>\n                <small class=\"suggestion-id\" *ngIf=\"currentTokenType === 'mention'\">{{item.id}}</small>\n            </div>\n        </div>\n    </cax-overlay>\n    <cax-overlay\n        [(visible)]=\"filesOverlayVisible\"\n        [appendTo]=\"countChip\"\n        [showTransitionOptions]=\"'0.12s ease-out'\"\n        [hideTransitionOptions]=\"'0.1s ease-in'\"\n        [style]=\"{ width: '224px', right: '5%' }\"\n        styleClass=\"files-list-overlay\"\n        (onHide)=\"hideFilesOverlay()\"\n    >\n        <div class=\"files-overlay-content\">\n            <div *ngFor=\"let file of selectedFiles.slice(4); let i = index\" class=\"file-item\">\n                <span class=\"file-name\">{{getShortFileName(file.name)}}</span>\n                <i class=\"cax cax-close-circle\" (click)=\"removeFile(i + 4)\"></i>\n            </div>\n        </div>\n    </cax-overlay>\n\n    <!-- <ng-template caxTemplate=\"footer\"> -->\n    <div class=\"chat-footer\">\n        <div class=\"selected-files\" *ngIf=\"selectedFiles.length > 0\">\n            <cax-chip *ngFor=\"let file of selectedFiles.slice(0, 4); let i = index\" [label]=\"getShortFileName(file.name)\" [removable]=\"true\" [size]=\"'lg'\" (onRemove)=\"removeFile(i, true)\">\n                <ng-template caxTemplate=\"content\">\n                    <i class=\"cax cax-paperclip\"></i>\n                </ng-template>\n            </cax-chip>\n            <cax-chip #countChip *ngIf=\"selectedFiles.length > 4\" [label]=\"'+' + getOverflowCount()\" [size]=\"'lg'\" (mouseenter)=\"showFilesOverlay($event)\"> </cax-chip>\n        </div>\n        <div class=\"cax-chat-input-container\">\n            <div class=\"input-wrapper\">\n                <cax-inputtext\n                    [(ngModel)]=\"newComment\"\n                    [size]=\"'lg'\"\n                    [rightIcon]=\"true\"\n                    [clearIcon]=\"false\"\n                    [rightIconClass]=\"'cax cax-paperclip'\"\n                    [rightIconClickable]=\"true\"\n                    (rightIconClick)=\"onFileIconClick($event)\"\n                    [placeholder]=\"placeholder\"\n                    (keyup)=\"handleKeyUp($event)\"\n                    (keydown)=\"onKeyDown($event)\"\n                    [ngClass]=\"{'chat-input': true, 'admin-input': isAdmin}\"\n                    [style]=\"{'border-radius': '8px', background: '#ffffff'}\"\n                    #inputText\n                >\n                </cax-inputtext>\n            </div>\n\n            <cax-button [icon]=\"'cax cax-plain'\" [severity]=\"'primary'\" [size]=\"'large'\" (click)=\"addComment()\" [disabled]=\"!newComment.trim() && selectedFiles.length === 0\" class=\"send-button\"> </cax-button>\n        </div>\n\n        <input #fileInput type=\"file\" (change)=\"onFileSelect($event)\" style=\"display: none\" accept=\"*/*\" multiple />\n    </div>\n    <!-- </ng-template> -->\n</div>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\nimport { CommentboxComponent } from './commentbox';\nimport { InputTextModule } from 'cax-design-system/inputtext';\nimport { ButtonModule } from 'cax-design-system/button';\nimport { ChipModule } from 'cax-design-system/chip';\nimport { OverlayModule } from 'cax-design-system/overlay';\nimport { AvatarModule } from 'cax-design-system/avatar';\nimport { SharedModule } from 'cax-design-system/api';\nimport { RippleModule } from 'cax-design-system/ripple';\nimport { Sidebar } from 'cax-design-system/sidebar';\n\n@NgModule({\n    declarations: [CommentboxComponent],\n    imports: [CommonModule, FormsModule, Sidebar, InputTextModule, ButtonModule, ChipModule, OverlayModule, AvatarModule, RippleModule, SharedModule],\n    exports: [CommentboxComponent]\n})\nexport class CommentboxModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"cax-design-system-commentbox.mjs","sources":["../../src/app/components/commentbox/commentbox.ts","../../src/app/components/commentbox/commentbox.html","../../src/app/components/commentbox/commentbox.module.ts","../../src/app/components/commentbox/cax-design-system-commentbox.ts"],"sourcesContent":["import { Component, Input, Output, EventEmitter, ViewChild, ElementRef, HostListener, NgZone } from '@angular/core';\nimport { DomSanitizer, SafeHtml } from '@angular/platform-browser';\n\n// Add this interface at the top of the file\ninterface Comment {\n    text: string;\n    date: Date;\n    files?: Array<{ name: string; size: string }>;\n    isAdmin?: boolean;\n    sender?: string;\n}\n\ninterface GroupedComments {\n    date: Date;\n    items: Comment[];\n}\n\n@Component({\n    selector: 'cax-commentbox',\n    templateUrl: './commentbox.html',\n    styleUrls: ['./commentbox.scss'],\n    standalone: false\n})\nexport class CommentboxComponent {\n    private _comments: Comment[] = [];\n    @Input() set comments(value: Comment[]) {\n        this._comments = Array.isArray(value) ? value : [];\n        this.recomputeGroupedComments();\n    }\n    get comments(): Comment[] {\n        return this._comments;\n    }\n    @Input() mentionSuggestions: any[] = [];\n    @Input() hashtagSuggestions: any[] = [];\n    @Input() sidebarHeader: string;\n    @Input() isAdmin: boolean = true;\n    @Input() placeholder: string = 'Comment or mention others with @, ‘#’ for columns';\n    @Output() commentAdded = new EventEmitter<any>();\n    @Output() fileSelected = new EventEmitter<File>();\n    @Output() fileDownload = new EventEmitter<{ name: string; size: string }>();\n    @Output() visibleChange = new EventEmitter<boolean>();\n    @Output() onSidebarHide = new EventEmitter<void>();\n    newComment: string = '';\n\n    isMentioning: boolean = false;\n    isHashtagging: boolean = false;\n    suggestions: any[] = [];\n    selectedSuggestion: any = null;\n    selectedSuggestionIndex: number = -1;\n    filteredSuggestions: any[] = [];\n    currentTokenType: 'mention' | 'hashtag' | null = null;\n    cursorPosition: number = 0;\n\n    @ViewChild('fileInput') fileInput!: ElementRef<HTMLInputElement>;\n    @ViewChild('suggestionPanel') suggestionPanel!: ElementRef;\n    @ViewChild('inputText') inputText!: ElementRef;\n    @ViewChild('commentsList') private commentsList!: ElementRef;\n    @ViewChild('countChip') countChip!: ElementRef;\n    selectedFiles: Array<{ name: string; size: string }> = [];\n    selectedFilesMap: Map<number, { name: string; size: string }> = new Map();\n\n    today: Date = new Date();\n    groupedCommentsCache: GroupedComments[] = [];\n\n    overlayVisible: boolean = false;\n    filesOverlayVisible: boolean = false;\n    overlayPosition = { top: 0, left: 0 };\n\n    private dateUpdateInterval: any;\n\n    // Keep track of should auto scroll\n    private shouldAutoScroll = true;\n    private isUserScrolling = false;\n\n    // Add new property for mutation observer\n    private observer: MutationObserver;\n    private scrollQueued: boolean = false;\n\n    constructor(\n        private sanitizer: DomSanitizer,\n        private ngZone: NgZone\n    ) {\n        this.updateCurrentDate();\n        // Run the interval outside Angular to avoid frequent change detection in docs/canvas\n        this.ngZone.runOutsideAngular(() => {\n            this.dateUpdateInterval = setInterval(() => {\n                this.ngZone.run(() => this.updateCurrentDate());\n            }, 60000);\n        });\n    }\n\n    ngAfterViewInit() {\n        setTimeout(() => {\n            this.forceScrollToBottom();\n        }, 100);\n\n        // Set up observer to auto-scroll when content changes (outside Angular)\n        if (this.commentsList?.nativeElement) {\n            this.ngZone.runOutsideAngular(() => {\n                this.observer = new MutationObserver(() => {\n                    if (this.scrollQueued) return;\n                    this.scrollQueued = true;\n                    requestAnimationFrame(() => {\n                        this.forceScrollToBottom();\n                        this.scrollQueued = false;\n                    });\n                });\n                this.observer.observe(this.commentsList.nativeElement, {\n                    childList: true\n                });\n            });\n        }\n    }\n\n    ngOnDestroy() {\n        if (this.dateUpdateInterval) {\n            clearInterval(this.dateUpdateInterval);\n        }\n        // Disconnect the observer\n        if (this.observer) this.observer.disconnect();\n\n        // Remove event listeners\n        document.removeEventListener('click', this.handleClickOutside);\n    }\n\n    private updateCurrentDate(): void {\n        this.today = new Date();\n    }\n\n    formatDate(date: Date): string {\n        return date.toLocaleDateString(undefined, {\n            day: '2-digit',\n            month: '2-digit',\n            year: 'numeric',\n            timeZone: Intl.DateTimeFormat().resolvedOptions().timeZone\n        });\n    }\n\n    formatMessageWithTags(text: string): SafeHtml {\n        if (!text) return '';\n        const sanitizedText = text.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');\n        const htmlContent = sanitizedText.replace(/(@\\w+|#\\w+)/g, (match) => {\n            if (match.startsWith('@')) {\n                return `<span class=\"mention\" style=\"color: #0C4AF3; font-weight: 600;\">${match}</span>`;\n            } else if (match.startsWith('#')) {\n                return `<span class=\"hashtag\" style=\"color: #0C4AF3; font-weight: 600;\">${match}</span>`;\n            }\n            return match;\n        });\n\n        return this.sanitizer.bypassSecurityTrustHtml(htmlContent);\n    }\n\n    addComment() {\n        if (this.newComment.trim() || this.selectedFiles.length > 0) {\n            const newComment: Comment = {\n                text: this.newComment,\n                date: new Date(),\n                files: this.selectedFiles.length > 0 ? [...this.selectedFiles] : undefined,\n                isAdmin: this.isAdmin,\n                sender: this.isAdmin ? 'System Admin' : 'User'\n            };\n\n            this.comments = [...this.comments, newComment];\n            this.commentAdded.emit(newComment);\n            this.newComment = '';\n            this.selectedFiles = [];\n            this.selectedFilesMap.clear();\n            this.filesOverlayVisible = false;\n\n            if (this.suggestionPanel?.nativeElement) {\n                this.suggestionPanel.nativeElement.style.display = 'none';\n            }\n\n            // Always scroll to bottom immediately\n            this.scrollToBottom(true);\n            this.recomputeGroupedComments();\n        }\n    }\n\n    private forceScrollToBottom(): void {\n        if (!this.commentsList?.nativeElement) return;\n        const element = this.commentsList.nativeElement;\n        try {\n            element.scrollTop = element.scrollHeight;\n        } catch {\n            // no-op\n        }\n    }\n\n    private scrollToBottom(force = false): void {\n        if (force) {\n            this.forceScrollToBottom();\n            return;\n        }\n        if (!this.commentsList?.nativeElement) return;\n\n        const element = this.commentsList.nativeElement;\n\n        // Single RAF to avoid nested scheduling overhead in Storybook\n        requestAnimationFrame(() => {\n            try {\n                element.scrollTop = element.scrollHeight;\n                element.scrollTo({ top: element.scrollHeight });\n            } catch {\n                element.scrollTop = element.scrollHeight;\n            }\n        });\n    }\n\n    @Input() set visible(value: boolean) {\n        if (this._visible !== value) {\n            this._visible = value;\n            if (this._visible) {\n                this.shouldAutoScroll = true;\n                setTimeout(() => this.scrollToBottom(true), 300);\n            }\n        }\n    }\n\n    get visible(): boolean {\n        return this._visible;\n    }\n\n    private _visible: boolean = false;\n\n    toggleComments() {\n        if (this._visible) {\n            this.hideComments();\n        } else {\n            this.showComments();\n        }\n    }\n\n    showComments() {\n        if (!this._visible) {\n            this._visible = true;\n            this.visibleChange.emit(true);\n            this.shouldAutoScroll = true;\n            setTimeout(() => this.scrollToBottom(true), 300);\n        }\n    }\n\n    hideComments() {\n        if (this._visible) {\n            this._visible = false;\n            this.visibleChange.emit(false);\n            this.onSidebarHide.emit();\n        }\n    }\n\n    handleSidebarHide() {\n        this.hideComments();\n    }\n\n    @HostListener('document:click', ['$event'])\n    onDocumentClick(event: MouseEvent) {\n        const target = event.target as HTMLElement;\n        const isInputClick = this.inputText?.nativeElement?.contains(target);\n        const isPanelClick = this.suggestionPanel?.nativeElement?.contains(target);\n\n        if (!isInputClick && !isPanelClick) {\n            this.overlayVisible = false;\n            this.currentTokenType = null;\n            this.filteredSuggestions = [];\n        }\n    }\n\n    handleKeyUp(event: any): void {\n        // Update cursor position on every key press\n        const input = event.target;\n        this.cursorPosition = input.selectionStart || 0;\n\n        if (event.key === 'Escape') {\n            this.overlayVisible = false;\n            this.currentTokenType = null;\n            this.filteredSuggestions = [];\n            return;\n        }\n\n        if (event.key === '@' || event.key === '#') {\n            this.currentTokenType = event.key === '@' ? 'mention' : 'hashtag';\n            this.filteredSuggestions = this.currentTokenType === 'mention' ? this.mentionSuggestions : this.hashtagSuggestions;\n            this.selectedSuggestionIndex = 0;\n\n            const rect = input.getBoundingClientRect();\n            const cursorPosition = this.getCursorPosition(input);\n\n            this.overlayVisible = true;\n            setTimeout(() => {\n                const panel = this.suggestionPanel?.nativeElement;\n                if (panel) {\n                    panel.style.left = `${rect.left + cursorPosition.left}px`;\n                    panel.style.top = `${rect.top - 10}px`;\n                }\n            });\n        }\n\n        if (this.currentTokenType) {\n            const token = this.getTokenAtCursor(input.value, this.cursorPosition);\n            if (token) {\n                const searchTerm = token.slice(1).toLowerCase();\n                this.filteredSuggestions = (this.currentTokenType === 'mention' ? this.mentionSuggestions : this.hashtagSuggestions).filter((item) => item.name.toLowerCase().includes(searchTerm) || item.id.toLowerCase().includes(searchTerm));\n\n                if (this.filteredSuggestions.length > 0) {\n                    this.overlayVisible = true;\n                    // Only reset selection index if we have new suggestions\n                    if (this.selectedSuggestionIndex < 0 || this.selectedSuggestionIndex >= this.filteredSuggestions.length) {\n                        this.selectedSuggestionIndex = 0;\n                    }\n                } else {\n                    this.overlayVisible = false;\n                    this.selectedSuggestionIndex = -1;\n                }\n            } else {\n                this.overlayVisible = false;\n                this.currentTokenType = null;\n            }\n        }\n    }\n\n    getTokenAtCursor(text: string, cursorPos: number): string | null {\n        const beforeCursor = text.slice(0, cursorPos);\n        const match = beforeCursor.match(/[@#][^\\s]*$/);\n        return match ? match[0] : null;\n    }\n\n    getWordAtPosition(text: string, position: number): string {\n        const left = text.slice(0, position).search(/[@#][^\\s]*$/);\n        if (left === -1) return '';\n        return text.slice(left, position);\n    }\n\n    selectSuggestion(suggestion: any) {\n        const input = this.newComment;\n        const wordStart = input.slice(0, this.cursorPosition).search(/[@#][^\\s]*$/);\n\n        this.newComment = input.slice(0, wordStart) + suggestion.value + ' ' + input.slice(this.cursorPosition);\n\n        this.isMentioning = false;\n        this.isHashtagging = false;\n    }\n\n    onSuggestionSelect(item: any) {\n        const input = this.newComment;\n        const beforeCursor = input.slice(0, this.cursorPosition);\n        const afterCursor = input.slice(this.cursorPosition);\n        const lastTokenIndex = Math.max(beforeCursor.lastIndexOf('@'), beforeCursor.lastIndexOf('#'));\n\n        if (lastTokenIndex >= 0) {\n            // Insert the suggestion at the cursor position\n            this.newComment = beforeCursor.slice(0, lastTokenIndex) + item.id + ' ' + afterCursor;\n        }\n\n        this.suggestionPanel.nativeElement.style.display = 'none';\n        this.overlayVisible = false;\n        this.currentTokenType = null;\n        this.filteredSuggestions = [];\n        this.selectedSuggestionIndex = -1;\n\n        setTimeout(() => {\n            const inputEl = this.inputText.nativeElement.querySelector('input');\n            if (inputEl) {\n                inputEl.focus();\n            }\n        });\n    }\n\n    onSuggestionPanelHide() {\n        this.overlayVisible = false;\n        this.currentTokenType = null;\n        this.filteredSuggestions = [];\n        this.selectedSuggestionIndex = -1;\n    }\n\n    getCursorPosition(input: HTMLInputElement): { left: number; top: number } {\n        const selectionStart = input.selectionStart || 0;\n        const textBeforeCursor = input.value.substring(0, selectionStart);\n        const span = document.createElement('span');\n        span.textContent = textBeforeCursor;\n        span.style.cssText = window.getComputedStyle(input, null).cssText;\n        span.style.visibility = 'hidden';\n        document.body.appendChild(span);\n        const position = {\n            left: span.offsetWidth,\n            top: span.offsetHeight\n        };\n        document.body.removeChild(span);\n        return position;\n    }\n\n    onFileIconClick(event: Event): void {\n        event?.preventDefault();\n        event?.stopPropagation();\n        if (this.fileInput?.nativeElement) {\n            this.fileInput.nativeElement.click();\n        }\n    }\n\n    onFileSelect(event: Event) {\n        const input = event.target as HTMLInputElement;\n        if (input.files && input.files.length > 0) {\n            Array.from(input.files).forEach((file) => {\n                // Check if file already exists in selection\n                const fileExists = this.selectedFiles.some((existingFile) => existingFile.name === file.name && existingFile.size === this.formatFileSize(file.size));\n\n                if (!fileExists) {\n                    const fileInfo = {\n                        name: file.name,\n                        size: this.formatFileSize(file.size)\n                    };\n                    this.selectedFiles.push(fileInfo);\n                    this.selectedFilesMap.set(this.selectedFiles.length - 1, fileInfo);\n                    this.fileSelected.emit(file);\n                }\n            });\n\n            input.value = '';\n            const inputEl = document.querySelector('.chat-input input');\n            if (inputEl instanceof HTMLElement) {\n                inputEl.focus();\n            }\n        }\n    }\n\n    private updateFileState(index: number, fromChip: boolean = true) {\n        const actualIndex = fromChip ? index : index + 4;\n        this.selectedFiles = this.selectedFiles.filter((_, i) => i !== actualIndex);\n        this.selectedFilesMap.clear();\n        this.selectedFiles.forEach((file, i) => {\n            this.selectedFilesMap.set(i, file);\n        });\n    }\n\n    removeFile(index: number, fromChip: boolean = true) {\n        this.updateFileState(index, fromChip);\n        if (this.selectedFiles.length <= 4) {\n            this.hideFilesOverlay();\n        }\n    }\n\n    getOverflowCount(): number {\n        // Return count of files beyond the first 4\n        return Math.max(0, this.selectedFiles.length - 4);\n    }\n\n    showFilesOverlay(event: MouseEvent) {\n        const target = event.currentTarget as HTMLElement;\n        const rect = target.getBoundingClientRect();\n\n        // Position the overlay below the count chip\n        this.overlayPosition = {\n            top: rect.bottom + 5,\n            left: rect.left - 250 + rect.width / 2 // Center the overlay horizontally\n        };\n\n        this.filesOverlayVisible = true;\n\n        // Add a click outside listener to close the overlay\n        setTimeout(() => {\n            document.addEventListener('click', this.handleClickOutside);\n        });\n    }\n\n    hideFilesOverlay() {\n        this.filesOverlayVisible = false;\n        document.removeEventListener('click', this.handleClickOutside);\n    }\n\n    private handleClickOutside = (event: MouseEvent) => {\n        const target = event.target as HTMLElement;\n        const overlay = document.querySelector('.files-overlay');\n        const countChip = document.querySelector('.count-chip');\n\n        if (overlay && !overlay.contains(target) && countChip && !countChip.contains(target)) {\n            this.hideFilesOverlay();\n        }\n    };\n\n    formatFileSize(bytes: number): string {\n        if (bytes === 0) return '0 Bytes';\n        const k = 1024;\n        const sizes = ['Bytes', 'KB', 'MB', 'GB'];\n        const i = Math.floor(Math.log(bytes) / Math.log(k));\n        return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i];\n    }\n\n    showSuggestions(_event: any, type: 'mention' | 'hashtag') {\n        this.currentTokenType = type;\n        this.filteredSuggestions = type === 'mention' ? this.mentionSuggestions : this.hashtagSuggestions;\n        if (this.suggestionPanel) {\n            this.suggestionPanel.nativeElement.style.display = 'block';\n        }\n    }\n    onKeyDown(event: KeyboardEvent) {\n        // If suggestions are visible, handle keyboard navigation\n        if (this.overlayVisible && this.filteredSuggestions.length > 0) {\n            switch (event.key) {\n                case 'ArrowDown':\n                    event.preventDefault();\n                    this.selectedSuggestionIndex = Math.min(this.selectedSuggestionIndex + 1, this.filteredSuggestions.length - 1);\n                    this.scrollSuggestionIntoView();\n                    break;\n                case 'ArrowUp':\n                    event.preventDefault();\n                    this.selectedSuggestionIndex = Math.max(this.selectedSuggestionIndex - 1, 0);\n                    this.scrollSuggestionIntoView();\n                    break;\n                case 'Tab':\n                    event.preventDefault();\n                    if (event.shiftKey) {\n                        // Shift+Tab - move up\n                        this.selectedSuggestionIndex = Math.max(this.selectedSuggestionIndex - 1, 0);\n                    } else {\n                        // Tab - move down\n                        this.selectedSuggestionIndex = Math.min(this.selectedSuggestionIndex + 1, this.filteredSuggestions.length - 1);\n                    }\n                    this.scrollSuggestionIntoView();\n                    break;\n                case 'Enter':\n                    event.preventDefault();\n                    if (this.selectedSuggestionIndex >= 0) {\n                        this.onSuggestionSelect(this.filteredSuggestions[this.selectedSuggestionIndex]);\n                    }\n                    break;\n                case 'Escape':\n                    event.preventDefault();\n                    this.onSuggestionPanelHide();\n                    break;\n            }\n            return;\n        }\n\n        // If no suggestions are visible, handle normal enter key press\n        if (event.key === 'Enter' && !event.shiftKey) {\n            event.preventDefault();\n            this.addComment();\n        }\n    }\n\n    // Helper method to scroll the selected suggestion into view\n    private scrollSuggestionIntoView(): void {\n        setTimeout(() => {\n            const suggestionList = this.suggestionPanel?.nativeElement.querySelector('.suggestion-list');\n            const selectedItem = suggestionList?.querySelector('.suggestion-item.selected');\n\n            if (suggestionList && selectedItem) {\n                const listRect = suggestionList.getBoundingClientRect();\n                const itemRect = selectedItem.getBoundingClientRect();\n\n                // Check if the selected item is outside the visible area\n                if (itemRect.bottom > listRect.bottom) {\n                    // Item is below the visible area\n                    selectedItem.scrollIntoView({ block: 'end', behavior: 'smooth' });\n                } else if (itemRect.top < listRect.top) {\n                    // Item is above the visible area\n                    selectedItem.scrollIntoView({ block: 'start', behavior: 'smooth' });\n                }\n            }\n        });\n    }\n\n    onFileDownload(file: { name: string; size: string }) {\n        this.fileDownload.emit(file);\n    }\n\n    private recomputeGroupedComments(): void {\n        const groups = this._comments.reduce((acc: GroupedComments[], comment: Comment) => {\n            const commentDate = new Date(comment.date);\n            commentDate.setHours(0, 0, 0, 0);\n\n            const existingGroup = acc.find((group) => {\n                const groupDate = new Date(group.date);\n                groupDate.setHours(0, 0, 0, 0);\n                return groupDate.getTime() === commentDate.getTime();\n            });\n\n            if (existingGroup) {\n                existingGroup.items.push(comment);\n            } else {\n                acc.push({ date: commentDate, items: [comment] });\n            }\n            return acc;\n        }, []);\n\n        this.groupedCommentsCache = groups.sort((a, b) => a.date.getTime() - b.date.getTime());\n    }\n\n    getShortFileName(filename: string): string {\n        if (filename.length <= 4) return filename;\n\n        // Get file extension\n        const lastDotIndex = filename.lastIndexOf('.');\n        const extension = lastDotIndex !== -1 ? filename.substring(lastDotIndex) : '';\n\n        // Truncate the name part and add the extension\n        const namePart = filename.substring(0, lastDotIndex !== -1 ? lastDotIndex : filename.length);\n        return namePart.substring(0, 4) + '..' + extension;\n    }\n}\n","<div *ngIf=\"visible\" class=\"cax-commentbox-wrapper\">\n    <!-- <ng-template caxTemplate=\"content\"> -->\n    <div class=\"cax-commentbox-container\">\n        <div class=\"cax-commentbox-list\" #commentsList>\n            <ng-container *ngFor=\"let group of groupedCommentsCache\">\n                <div class=\"cax-date-header\">{{ formatDate(group.date) }}</div>\n                <div\n                    class=\"cax-comment-item\"\n                    *ngFor=\"let comment of group.items; let i = index\"\n                    [ngClass]=\"{\n                            'cax-user-comment': !comment.isAdmin,\n                            'cax-admin-comment': comment.isAdmin,\n                            'consecutive-message': i > 0 && comment.isAdmin === group.items[i-1].isAdmin && comment.sender === group.items[i-1].sender,\n                            'new-sender': i > 0 && comment.sender !== group.items[i-1].sender,\n                            'new-date': i === 0 && group.items.length > 0\n                        }\"\n                >\n                    <!-- User Message (Left Aligned) -->\n                    <ng-container *ngIf=\"!comment.isAdmin\">\n                        <div class=\"cax-commentbox-avatar-container\" *ngIf=\"i === 0 || group.items[i-1].sender !== comment.sender\">\n                            <cax-avatar [label]=\"comment.sender?.substring(0, 2).toUpperCase() || 'U'\" [avatarSize]=\"'xs'\" [shape]=\"'circle'\" styleclass=\"cax-commentbox-avatar\"> </cax-avatar>\n                        </div>\n                        <div class=\"cax-comment-content\" [class.no-avatar]=\"i > 0 && group.items[i-1].sender === comment.sender\">\n                            <div class=\"cax-comment-sender\" *ngIf=\"i === 0 || group.items[i-1].sender !== comment.sender\">{{comment.sender}}</div>\n                            <div class=\"cax-file-attachment\" *ngIf=\"comment.files?.length\">\n                                <div *ngFor=\"let file of comment.files\" class=\"file-item\">\n                                    <div class=\"file-details\">\n                                        <span class=\"file-name\">{{ file.name.slice(0, 20) }}{{ file.name.includes('.') ? '.' + file.name.split('.').pop() : '' }}</span>\n                                        <span class=\"file-size\">{{file.size}}</span>\n                                    </div>\n                                    <i class=\"cax cax-download\" (click)=\"onFileDownload(file)\" role=\"button\" tabindex=\"0\"></i>\n                                </div>\n                            </div>\n                            <div class=\"cax-comment-message-container\">\n                                <span class=\"cax-comment-text\" [innerHTML]=\"formatMessageWithTags(comment.text)\"></span>\n                                <span class=\"cax-comment-date\">{{ comment.date | date: 'shortTime' }}</span>\n                            </div>\n                        </div>\n                    </ng-container>\n\n                    <!-- Admin Message (Right Aligned) -->\n                    <ng-container *ngIf=\"comment.isAdmin\">\n                        <div class=\"cax-comment-content admin\">\n                            <div class=\"cax-file-attachment\" *ngIf=\"comment.files?.length\">\n                                <div *ngFor=\"let file of comment.files\" class=\"file-item\">\n                                    <div class=\"file-details\">\n                                        <span class=\"file-name\">{{ file.name.slice(0, 20) }}{{ file.name.includes('.') ? '.' + file.name.split('.').pop() : '' }}</span>\n                                        <span class=\"file-size\">{{file.size}}</span>\n                                    </div>\n                                    <i class=\"cax cax-download\" (click)=\"onFileDownload(file)\" role=\"button\" tabindex=\"0\"></i>\n                                </div>\n                            </div>\n                            <div class=\"cax-comment-message-container\">\n                                <span class=\"cax-comment-text\" [innerHTML]=\"formatMessageWithTags(comment.text)\"></span>\n                                <span class=\"cax-comment-date\">{{ comment.date | date: 'shortTime' }}</span>\n                            </div>\n                        </div>\n                    </ng-container>\n                </div>\n            </ng-container>\n        </div>\n    </div>\n    <!-- </ng-template> -->\n    <cax-overlay #suggestionPanel [(visible)]=\"overlayVisible\" [appendTo]=\"inputText\" (onHide)=\"onSuggestionPanelHide()\" [styleClass]=\"'suggestion-panel'\">\n        <div class=\"suggestion-list\">\n            <div *ngFor=\"let item of filteredSuggestions; let i = index\" class=\"suggestion-item\" [ngClass]=\"{'selected': selectedSuggestionIndex === i}\" (click)=\"onSuggestionSelect(item)\" (mouseenter)=\"selectedSuggestionIndex = i\">\n                <span class=\"suggestion-label\">{{item.name}}</span>\n                <small class=\"suggestion-id\" *ngIf=\"currentTokenType === 'mention'\">{{item.id}}</small>\n            </div>\n        </div>\n    </cax-overlay>\n    <cax-overlay\n        [(visible)]=\"filesOverlayVisible\"\n        [appendTo]=\"countChip\"\n        [showTransitionOptions]=\"'0.12s ease-out'\"\n        [hideTransitionOptions]=\"'0.1s ease-in'\"\n        [style]=\"{ width: '224px', right: '5%' }\"\n        styleClass=\"files-list-overlay\"\n        (onHide)=\"hideFilesOverlay()\"\n    >\n        <div class=\"files-overlay-content\">\n            <div *ngFor=\"let file of selectedFiles.slice(4); let i = index\" class=\"file-item\">\n                <span class=\"file-name\">{{getShortFileName(file.name)}}</span>\n                <i class=\"cax cax-close-circle\" (click)=\"removeFile(i + 4)\"></i>\n            </div>\n        </div>\n    </cax-overlay>\n\n    <!-- <ng-template caxTemplate=\"footer\"> -->\n    <div class=\"chat-footer\">\n        <div class=\"selected-files\" *ngIf=\"selectedFiles.length > 0\">\n            <cax-chip *ngFor=\"let file of selectedFiles.slice(0, 4); let i = index\" [label]=\"getShortFileName(file.name)\" [removable]=\"true\" [size]=\"'lg'\" (onRemove)=\"removeFile(i, true)\">\n                <ng-template caxTemplate=\"content\">\n                    <i class=\"cax cax-paperclip\"></i>\n                </ng-template>\n            </cax-chip>\n            <cax-chip #countChip *ngIf=\"selectedFiles.length > 4\" [label]=\"'+' + getOverflowCount()\" [size]=\"'lg'\" (mouseenter)=\"showFilesOverlay($event)\"> </cax-chip>\n        </div>\n        <div class=\"cax-chat-input-container\">\n            <div class=\"input-wrapper\">\n                <cax-inputtext\n                    [(ngModel)]=\"newComment\"\n                    [size]=\"'lg'\"\n                    [rightIcon]=\"true\"\n                    [clearIcon]=\"false\"\n                    [rightIconClass]=\"'cax cax-paperclip'\"\n                    [rightIconClickable]=\"true\"\n                    (rightIconClick)=\"onFileIconClick($event)\"\n                    [placeholder]=\"placeholder\"\n                    (keyup)=\"handleKeyUp($event)\"\n                    (keydown)=\"onKeyDown($event)\"\n                    [ngClass]=\"{'chat-input': true, 'admin-input': isAdmin}\"\n                    [style]=\"{'border-radius': '8px', background: '#ffffff'}\"\n                    #inputText\n                >\n                </cax-inputtext>\n            </div>\n\n            <cax-button [icon]=\"'cax cax-plain'\" [severity]=\"'primary'\" [size]=\"'large'\" (click)=\"addComment()\" [disabled]=\"!newComment.trim() && selectedFiles.length === 0\" class=\"send-button\"> </cax-button>\n        </div>\n\n        <input #fileInput type=\"file\" (change)=\"onFileSelect($event)\" style=\"display: none\" accept=\"*/*\" multiple />\n    </div>\n    <!-- </ng-template> -->\n</div>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\nimport { CommentboxComponent } from './commentbox';\nimport { InputTextModule } from 'cax-design-system/inputtext';\nimport { ButtonModule } from 'cax-design-system/button';\nimport { ChipModule } from 'cax-design-system/chip';\nimport { OverlayModule } from 'cax-design-system/overlay';\nimport { AvatarModule } from 'cax-design-system/avatar';\nimport { SharedModule } from 'cax-design-system/api';\nimport { RippleModule } from 'cax-design-system/ripple';\nimport { Sidebar } from 'cax-design-system/sidebar';\n\n@NgModule({\n    declarations: [CommentboxComponent],\n    imports: [CommonModule, FormsModule, Sidebar, InputTextModule, ButtonModule, ChipModule, OverlayModule, AvatarModule, RippleModule, SharedModule],\n    exports: [CommentboxComponent]\n})\nexport class CommentboxModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

package/fesm2022/cax-design-system-comments.mjs

@@ -109,7 +109,7 @@ class CommentsComponent {
         processedMessage = processedMessage.replace(/<p><\/p>/g, '<br/>');
         processedMessage = processedMessage.replace(/<p>&nbsp;<\/p>/g, '<br/>');
         // Extract and validate mentions
-        this._mentionSuggestions.forEach((suggestion) => {
+        this._mentionSuggestions?.forEach((suggestion) => {
             const username = suggestion.userName;
             // Only wrap if not already wrapped in the mention span
             // This regex checks for @username NOT preceded by the mention span start tag
@@ -117,7 +117,7 @@ class CommentsComponent {
             processedMessage = processedMessage.replace(regex, `<span class="cax-comment-mention">@${username}</span>`);
         });
         // Extract and validate hashtags
-        this._hashTagSuggestions.forEach((tag) => {
+        this._hashTagSuggestions?.forEach((tag) => {
             // Only wrap if not already wrapped in the hashtag span
             const regex = new RegExp(`(?<!class="cax-comment-hashtag">)#${tag}\\b`, 'g');
             processedMessage = processedMessage.replace(regex, `<span class="cax-comment-hashtag">#${tag}</span>`);
@@ -264,10 +264,10 @@ class CommentsComponent {
             this.filteredSuggestions = this.suggestionType === '@' ? [...this._mentionSuggestions] : [...this._hashTagSuggestions];
         }
         else if (this.suggestionType === '@') {
-            this.filteredSuggestions = this._mentionSuggestions.filter((s) => s.firstName.toLowerCase().includes(term) || s.lastName.toLowerCase().includes(term) || s.userName.toLowerCase().includes(term));
+            this.filteredSuggestions = this._mentionSuggestions?.filter((s) => s.firstName.toLowerCase().includes(term) || s.lastName.toLowerCase().includes(term) || s.userName.toLowerCase().includes(term));
         }
         else {
-            this.filteredSuggestions = this._hashTagSuggestions.filter((s) => s.toLowerCase().includes(term));
+            this.filteredSuggestions = this._hashTagSuggestions?.filter((s) => s.toLowerCase().includes(term));
         }
         if (this.filteredSuggestions.length === 0 && searchTerm !== '') {
             this.hideSuggestions();
@@ -331,10 +331,10 @@ class CommentsComponent {
             this.visibilityObserver.observe(this.scrollContainer.nativeElement);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: CommentsComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.21", type: CommentsComponent, isStandalone: true, selector: "cax-comments", inputs: { comments: "comments", commentPlaceholder: "commentPlaceholder", mentionSuggestions: "mentionSuggestions", hashTagSuggestions: "hashTagSuggestions", acceptedFiles: "acceptedFiles" }, outputs: { onSendComment: "onSendComment", onFileSelect: "onFileSelect", onDownloadFile: "onDownloadFile" }, viewQueries: [{ propertyName: "scrollContainer", first: true, predicate: ["scrollContainer"], descendants: true }, { propertyName: "suggestionOverlay", first: true, predicate: ["suggestionOverlay"], descendants: true }, { propertyName: "editor", first: true, predicate: ["editor"], descendants: true }], ngImport: i0, template: "<div class=\"cax-comments\">\n    <div class=\"cax-comments-container\" #scrollContainer>\n        <div class=\"cax-comments-empty\" *ngIf=\"groupedComments.length === 0\">\n            <i class=\"cax cax-chat-line-bold\"></i>\n            <div>\n                <span class=\"cax-text-action-md-medium\">No comments yet</span>\n                <span class=\"cax-text-action-sm-regular\">You can post a comment here to start the conversation. All feedback and discussions will appear here.</span>\n            </div>\n        </div>\n        <div class=\"cax-comments-group\" *ngFor=\"let group of groupedComments\">\n            <div class=\"cax-comments-date\">\n                <span class=\"cax-text-action-xsm-semibold\">{{ group.date | date: 'MMM d, y' }}</span>\n            </div>\n            <div class=\"cax-comment-row\" *ngFor=\"let comment of group.comments; let i = index\" [class.current-user]=\"comment.currentUser\" [class.consecutive]=\"isConsecutive(group.comments, i)\">\n                <div class=\"cax-avatar-container\" *ngIf=\"!comment.currentUser\">\n                    <cax-avatar *ngIf=\"isLastInGroup(group.comments, i); else avatarSpacer\" [label]=\"getInitials(comment.author)\" shape=\"square\" avatarSize=\"sm\"></cax-avatar>\n                    <ng-template #avatarSpacer>\n                        <div class=\"avatar-spacer\"></div>\n                    </ng-template>\n                </div>\n                <div class=\"cax-comment-bubble\">\n                    <div class=\"cax-comment-message-container\">\n                        <span class=\"cax-comment-username cax-text-body-sm-semibold\" *ngIf=\"!comment.currentUser\">{{ comment.author?.firstName }} {{ comment.author?.lastName }}</span>\n                        <div class=\"cax-comment-attachments\" *ngIf=\"comment.attachments?.length\">\n                            <div *ngFor=\"let file of comment.attachments\" class=\"cax-comment-file-preview\">\n                                <span class=\"cax-comment-file-name cax-text-action-md-medium\">{{ file.name }}</span>\n                                <span class=\"cax-comment-file-size cax-text-action-sm-medium\">{{ formatBytes(file.size) }}</span>\n                                <span class=\"cax cax-download cax-comment-file-download\" (click)=\"onDownload(file)\"></span>\n                            </div>\n                        </div>\n                        <span class=\"cax-comment-message cax-text-body-md-regular\" [innerHTML]=\"comment.message\"></span>\n                        <span class=\"cax-comment-time cax-text-action-sm-medium\">{{ comment.timestamp | date: 'shortTime' }}</span>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n    <div class=\"cax-comment-bar\">\n        <div class=\"cax-comment-input-wrapper\" [class.toolbar-hidden]=\"!isRichText\" (keydown)=\"onEditorKeyDown($event)\">\n            <cax-editor #editor [placeholder]=\"commentPlaceholder\" [style]=\"{ maxHeight: '300px' }\" [(ngModel)]=\"commentValue\" (onTextChange)=\"onEditorTextChange($event)\">\n                <ng-template caxTemplate=\"header\">\n                    <span class=\"ql-formats\">\n                        <button type=\"button\" class=\"ql-bold\" aria-label=\"Bold\"></button>\n                        <button type=\"button\" class=\"ql-italic\" aria-label=\"Italic\"></button>\n                        <button type=\"button\" class=\"ql-underline\" aria-label=\"Underline\"></button>\n                        <button type=\"button\" class=\"ql-list\" value=\"bullet\" aria-label=\"Bullet List\"></button>\n                        <button type=\"button\" class=\"ql-link\" aria-label=\"Insert Link\"></button>\n                        <button type=\"button\" class=\"ql-image\" aria-label=\"Insert Image\"></button>\n                        <button type=\"button\" class=\"ql-code-block\" aria-label=\"Code Block\"></button>\n                    </span>\n                </ng-template>\n            </cax-editor>\n            <div class=\"cax-comment-input-footer\">\n                <div class=\"cax-comment-attached-files\">\n                    <div class=\"cax-comment-attached-file\" *ngFor=\"let file of attachedFiles; let i = index\">\n                        <span class=\"file-name cax-text-action-md-medium\">{{ file.name }}</span>\n                        <i class=\"cax cax-close\" (click)=\"removeAttachedFile(i)\"></i>\n                    </div>\n                </div>\n                <div class=\"cax-comment-bar-actions\">\n                    <div (click)=\"toggleRichText()\" [class.active]=\"isRichText\">\n                        <i class=\"cax cax-text-icon\"></i>\n                    </div>\n                    <div (click)=\"fileInput.click()\">\n                        <i class=\"cax cax-paperclip\"></i>\n                        <input type=\"file\" #fileInput [accept]=\"acceptFileTypes\" style=\"display: none\" (change)=\"onFileSelected($event)\" multiple />\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"cax-comment-bar-actions\">\n            <cax-button [icon]=\"'cax cax-plain'\" [rounded]=\"true\" [size]=\"'lg'\" [disabled]=\"!commentValue && attachedFiles.length === 0\" (click)=\"onSendMessage()\"></cax-button>\n        </div>\n    </div>\n\n    <cax-overlayPanel styleClass=\"cax-comments-suggestion-overlay\" #suggestionOverlay [style]=\"{ width: '250px', 'max-height': '300px' }\" (onHide)=\"hideSuggestions()\">\n        <div class=\"cax-comments-suggestion-list\">\n            <div class=\"cax-comments-suggestion-item\" *ngFor=\"let item of filteredSuggestions\" (mousedown)=\"$event.preventDefault(); onSuggestionSelect(item)\">\n                <ng-container *ngIf=\"suggestionType === '@'\">\n                    <cax-avatar [label]=\"getInitials(item)\" shape=\"circle\" avatarSize=\"sm\"></cax-avatar>\n                    <div class=\"cax-comments-suggestion-info\">\n                        <span class=\"cax-comments-suggestion-label\">{{ item.firstName }} {{ item.lastName }}</span>\n                        <span class=\"cax-comments-suggestion-subtext\">&#64;{{ item.userName }}</span>\n                    </div>\n                </ng-container>\n                <ng-container *ngIf=\"suggestionType === '#'\">\n                    <div class=\"cax-comments-suggestion-info\">\n                        <span class=\"cax-comments-suggestion-label\">{{ item }}</span>\n                    </div>\n                </ng-container>\n            </div>\n        </div>\n    </cax-overlayPanel>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.DatePipe, name: "date" }, { kind: "component", type: Avatar, selector: "cax-avatar", inputs: ["label", "icon", "image", "avatarSize", "shape", "style", "styleClass", "textColor", "backgroundColor", "ariaLabel", "ariaLabelledBy"], outputs: ["onImageError"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i2.Button, selector: "cax-button", inputs: ["type", "iconPos", "icon", "badge", "rightIcon", "leftIcon", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "style", "styleClass", "badgeClass", "ariaLabel", "autofocus"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "directive", type: i3.CaxTemplate, selector: "[caxTemplate]", inputs: ["type", "caxTemplate"] }, { kind: "ngmodule", type: EditorModule }, { kind: "component", type: i4.Editor, selector: "cax-editor", inputs: ["style", "styleClass", "placeholder", "disabled", "formats", "modules", "bounds", "scrollingContainer", "debug", "readonly"], outputs: ["onInit", "onTextChange", "onSelectionChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: OverlayPanelModule }, { kind: "component", type: i6.OverlayPanel, selector: "cax-overlayPanel", inputs: ["ariaLabel", "ariaLabelledBy", "dismissable", "showCloseIcon", "style", "styleClass", "appendTo", "autoZIndex", "ariaCloseLabel", "baseZIndex", "variant", "focusOnShow", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onShow", "onHide"] }, { kind: "ngmodule", type: ListboxModule }, { kind: "ngmodule", type: SharedModule }, { kind: "ngmodule", type: ChipModule }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CommentsComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: CommentsComponent, isStandalone: true, selector: "cax-comments", inputs: { comments: "comments", commentPlaceholder: "commentPlaceholder", mentionSuggestions: "mentionSuggestions", hashTagSuggestions: "hashTagSuggestions", acceptedFiles: "acceptedFiles" }, outputs: { onSendComment: "onSendComment", onFileSelect: "onFileSelect", onDownloadFile: "onDownloadFile" }, viewQueries: [{ propertyName: "scrollContainer", first: true, predicate: ["scrollContainer"], descendants: true }, { propertyName: "suggestionOverlay", first: true, predicate: ["suggestionOverlay"], descendants: true }, { propertyName: "editor", first: true, predicate: ["editor"], descendants: true }], ngImport: i0, template: "<div class=\"cax-comments\">\n    <div class=\"cax-comments-container\" #scrollContainer>\n        <div class=\"cax-comments-empty\" *ngIf=\"groupedComments.length === 0\">\n            <i class=\"cax cax-chat-line-bold\"></i>\n            <div>\n                <span class=\"cax-text-action-md-medium\">No comments yet</span>\n                <span class=\"cax-text-action-sm-regular\">You can post a comment here to start the conversation. All feedback and discussions will appear here.</span>\n            </div>\n        </div>\n        <div class=\"cax-comments-group\" *ngFor=\"let group of groupedComments\">\n            <div class=\"cax-comments-date\">\n                <span class=\"cax-text-action-xsm-semibold\">{{ group.date | date: 'MMM d, y' }}</span>\n            </div>\n            <div class=\"cax-comment-row\" *ngFor=\"let comment of group.comments; let i = index\" [class.current-user]=\"comment.currentUser\" [class.consecutive]=\"isConsecutive(group.comments, i)\">\n                <div class=\"cax-avatar-container\" *ngIf=\"!comment.currentUser\">\n                    <cax-avatar *ngIf=\"isLastInGroup(group.comments, i); else avatarSpacer\" [label]=\"getInitials(comment.author)\" shape=\"square\" avatarSize=\"sm\"></cax-avatar>\n                    <ng-template #avatarSpacer>\n                        <div class=\"avatar-spacer\"></div>\n                    </ng-template>\n                </div>\n                <div class=\"cax-comment-bubble\">\n                    <div class=\"cax-comment-message-container\">\n                        <span class=\"cax-comment-username cax-text-body-sm-semibold\" *ngIf=\"!comment.currentUser\">{{ comment.author?.firstName }} {{ comment.author?.lastName }}</span>\n                        <div class=\"cax-comment-attachments\" *ngIf=\"comment.attachments?.length\">\n                            <div *ngFor=\"let file of comment.attachments\" class=\"cax-comment-file-preview\">\n                                <span class=\"cax-comment-file-name cax-text-action-md-medium\">{{ file.name }}</span>\n                                <span class=\"cax-comment-file-size cax-text-action-sm-medium\">{{ formatBytes(file.size) }}</span>\n                                <span class=\"cax cax-download cax-comment-file-download\" (click)=\"onDownload(file)\"></span>\n                            </div>\n                        </div>\n                        <span class=\"cax-comment-message cax-text-body-md-regular\" [innerHTML]=\"comment.message\"></span>\n                        <span class=\"cax-comment-time cax-text-action-sm-medium\">{{ comment.timestamp | date: 'shortTime' }}</span>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n    <div class=\"cax-comment-bar\">\n        <div class=\"cax-comment-input-wrapper\" [class.toolbar-hidden]=\"!isRichText\" (keydown)=\"onEditorKeyDown($event)\">\n            <cax-editor #editor [placeholder]=\"commentPlaceholder\" [style]=\"{ maxHeight: '300px' }\" [(ngModel)]=\"commentValue\" (onTextChange)=\"onEditorTextChange($event)\">\n                <ng-template caxTemplate=\"header\">\n                    <span class=\"ql-formats\">\n                        <button type=\"button\" class=\"ql-bold\" aria-label=\"Bold\"></button>\n                        <button type=\"button\" class=\"ql-italic\" aria-label=\"Italic\"></button>\n                        <button type=\"button\" class=\"ql-underline\" aria-label=\"Underline\"></button>\n                        <button type=\"button\" class=\"ql-list\" value=\"bullet\" aria-label=\"Bullet List\"></button>\n                        <button type=\"button\" class=\"ql-link\" aria-label=\"Insert Link\"></button>\n                        <button type=\"button\" class=\"ql-image\" aria-label=\"Insert Image\"></button>\n                        <button type=\"button\" class=\"ql-code-block\" aria-label=\"Code Block\"></button>\n                    </span>\n                </ng-template>\n            </cax-editor>\n            <div class=\"cax-comment-input-footer\">\n                <div class=\"cax-comment-attached-files\">\n                    <div class=\"cax-comment-attached-file\" *ngFor=\"let file of attachedFiles; let i = index\">\n                        <span class=\"file-name cax-text-action-md-medium\">{{ file.name }}</span>\n                        <i class=\"cax cax-close\" (click)=\"removeAttachedFile(i)\"></i>\n                    </div>\n                </div>\n                <div class=\"cax-comment-bar-actions\">\n                    <div (click)=\"toggleRichText()\" [class.active]=\"isRichText\">\n                        <i class=\"cax cax-text-icon\"></i>\n                    </div>\n                    <div (click)=\"fileInput.click()\">\n                        <i class=\"cax cax-paperclip\"></i>\n                        <input type=\"file\" #fileInput [accept]=\"acceptFileTypes\" style=\"display: none\" (change)=\"onFileSelected($event)\" multiple />\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"cax-comment-bar-actions\">\n            <cax-button [icon]=\"'cax cax-plain'\" [rounded]=\"true\" [size]=\"'lg'\" [disabled]=\"!commentValue && attachedFiles.length === 0\" (click)=\"onSendMessage()\"></cax-button>\n        </div>\n    </div>\n\n    <cax-overlayPanel styleClass=\"cax-comments-suggestion-overlay\" #suggestionOverlay [style]=\"{ width: '250px', 'max-height': '300px' }\" (onHide)=\"hideSuggestions()\">\n        <div class=\"cax-comments-suggestion-list\">\n            <div class=\"cax-comments-suggestion-item\" *ngFor=\"let item of filteredSuggestions\" (mousedown)=\"$event.preventDefault(); onSuggestionSelect(item)\">\n                <ng-container *ngIf=\"suggestionType === '@'\">\n                    <cax-avatar [label]=\"getInitials(item)\" shape=\"circle\" avatarSize=\"sm\"></cax-avatar>\n                    <div class=\"cax-comments-suggestion-info\">\n                        <span class=\"cax-comments-suggestion-label\">{{ item.firstName }} {{ item.lastName }}</span>\n                        <span class=\"cax-comments-suggestion-subtext\">&#64;{{ item.userName }}</span>\n                    </div>\n                </ng-container>\n                <ng-container *ngIf=\"suggestionType === '#'\">\n                    <div class=\"cax-comments-suggestion-info\">\n                        <span class=\"cax-comments-suggestion-label\">{{ item }}</span>\n                    </div>\n                </ng-container>\n            </div>\n        </div>\n    </cax-overlayPanel>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: Avatar, selector: "cax-avatar", inputs: ["label", "icon", "image", "avatarSize", "shape", "style", "styleClass", "textColor", "backgroundColor", "ariaLabel", "ariaLabelledBy"], outputs: ["onImageError"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i2.Button, selector: "cax-button", inputs: ["type", "iconPos", "icon", "badge", "rightIcon", "leftIcon", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "style", "styleClass", "badgeClass", "ariaLabel", "autofocus"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "directive", type: i3.CaxTemplate, selector: "[caxTemplate]", inputs: ["type", "caxTemplate"] }, { kind: "ngmodule", type: EditorModule }, { kind: "component", type: i4.Editor, selector: "cax-editor", inputs: ["style", "styleClass", "placeholder", "disabled", "formats", "modules", "bounds", "scrollingContainer", "debug", "readonly"], outputs: ["onInit", "onTextChange", "onSelectionChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: OverlayPanelModule }, { kind: "component", type: i6.OverlayPanel, selector: "cax-overlayPanel", inputs: ["ariaLabel", "ariaLabelledBy", "dismissable", "showCloseIcon", "style", "styleClass", "appendTo", "autoZIndex", "ariaCloseLabel", "baseZIndex", "variant", "focusOnShow", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onShow", "onHide"] }, { kind: "ngmodule", type: ListboxModule }, { kind: "ngmodule", type: SharedModule }, { kind: "ngmodule", type: ChipModule }, { kind: "pipe", type: i1.DatePipe, name: "date" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: CommentsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CommentsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'cax-comments', standalone: true, imports: [CommonModule, Avatar, ButtonModule, EditorModule, FormsModule, OverlayPanelModule, ListboxModule, SharedModule, ChipModule], template: "<div class=\"cax-comments\">\n    <div class=\"cax-comments-container\" #scrollContainer>\n        <div class=\"cax-comments-empty\" *ngIf=\"groupedComments.length === 0\">\n            <i class=\"cax cax-chat-line-bold\"></i>\n            <div>\n                <span class=\"cax-text-action-md-medium\">No comments yet</span>\n                <span class=\"cax-text-action-sm-regular\">You can post a comment here to start the conversation. All feedback and discussions will appear here.</span>\n            </div>\n        </div>\n        <div class=\"cax-comments-group\" *ngFor=\"let group of groupedComments\">\n            <div class=\"cax-comments-date\">\n                <span class=\"cax-text-action-xsm-semibold\">{{ group.date | date: 'MMM d, y' }}</span>\n            </div>\n            <div class=\"cax-comment-row\" *ngFor=\"let comment of group.comments; let i = index\" [class.current-user]=\"comment.currentUser\" [class.consecutive]=\"isConsecutive(group.comments, i)\">\n                <div class=\"cax-avatar-container\" *ngIf=\"!comment.currentUser\">\n                    <cax-avatar *ngIf=\"isLastInGroup(group.comments, i); else avatarSpacer\" [label]=\"getInitials(comment.author)\" shape=\"square\" avatarSize=\"sm\"></cax-avatar>\n                    <ng-template #avatarSpacer>\n                        <div class=\"avatar-spacer\"></div>\n                    </ng-template>\n                </div>\n                <div class=\"cax-comment-bubble\">\n                    <div class=\"cax-comment-message-container\">\n                        <span class=\"cax-comment-username cax-text-body-sm-semibold\" *ngIf=\"!comment.currentUser\">{{ comment.author?.firstName }} {{ comment.author?.lastName }}</span>\n                        <div class=\"cax-comment-attachments\" *ngIf=\"comment.attachments?.length\">\n                            <div *ngFor=\"let file of comment.attachments\" class=\"cax-comment-file-preview\">\n                                <span class=\"cax-comment-file-name cax-text-action-md-medium\">{{ file.name }}</span>\n                                <span class=\"cax-comment-file-size cax-text-action-sm-medium\">{{ formatBytes(file.size) }}</span>\n                                <span class=\"cax cax-download cax-comment-file-download\" (click)=\"onDownload(file)\"></span>\n                            </div>\n                        </div>\n                        <span class=\"cax-comment-message cax-text-body-md-regular\" [innerHTML]=\"comment.message\"></span>\n                        <span class=\"cax-comment-time cax-text-action-sm-medium\">{{ comment.timestamp | date: 'shortTime' }}</span>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n    <div class=\"cax-comment-bar\">\n        <div class=\"cax-comment-input-wrapper\" [class.toolbar-hidden]=\"!isRichText\" (keydown)=\"onEditorKeyDown($event)\">\n            <cax-editor #editor [placeholder]=\"commentPlaceholder\" [style]=\"{ maxHeight: '300px' }\" [(ngModel)]=\"commentValue\" (onTextChange)=\"onEditorTextChange($event)\">\n                <ng-template caxTemplate=\"header\">\n                    <span class=\"ql-formats\">\n                        <button type=\"button\" class=\"ql-bold\" aria-label=\"Bold\"></button>\n                        <button type=\"button\" class=\"ql-italic\" aria-label=\"Italic\"></button>\n                        <button type=\"button\" class=\"ql-underline\" aria-label=\"Underline\"></button>\n                        <button type=\"button\" class=\"ql-list\" value=\"bullet\" aria-label=\"Bullet List\"></button>\n                        <button type=\"button\" class=\"ql-link\" aria-label=\"Insert Link\"></button>\n                        <button type=\"button\" class=\"ql-image\" aria-label=\"Insert Image\"></button>\n                        <button type=\"button\" class=\"ql-code-block\" aria-label=\"Code Block\"></button>\n                    </span>\n                </ng-template>\n            </cax-editor>\n            <div class=\"cax-comment-input-footer\">\n                <div class=\"cax-comment-attached-files\">\n                    <div class=\"cax-comment-attached-file\" *ngFor=\"let file of attachedFiles; let i = index\">\n                        <span class=\"file-name cax-text-action-md-medium\">{{ file.name }}</span>\n                        <i class=\"cax cax-close\" (click)=\"removeAttachedFile(i)\"></i>\n                    </div>\n                </div>\n                <div class=\"cax-comment-bar-actions\">\n                    <div (click)=\"toggleRichText()\" [class.active]=\"isRichText\">\n                        <i class=\"cax cax-text-icon\"></i>\n                    </div>\n                    <div (click)=\"fileInput.click()\">\n                        <i class=\"cax cax-paperclip\"></i>\n                        <input type=\"file\" #fileInput [accept]=\"acceptFileTypes\" style=\"display: none\" (change)=\"onFileSelected($event)\" multiple />\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"cax-comment-bar-actions\">\n            <cax-button [icon]=\"'cax cax-plain'\" [rounded]=\"true\" [size]=\"'lg'\" [disabled]=\"!commentValue && attachedFiles.length === 0\" (click)=\"onSendMessage()\"></cax-button>\n        </div>\n    </div>\n\n    <cax-overlayPanel styleClass=\"cax-comments-suggestion-overlay\" #suggestionOverlay [style]=\"{ width: '250px', 'max-height': '300px' }\" (onHide)=\"hideSuggestions()\">\n        <div class=\"cax-comments-suggestion-list\">\n            <div class=\"cax-comments-suggestion-item\" *ngFor=\"let item of filteredSuggestions\" (mousedown)=\"$event.preventDefault(); onSuggestionSelect(item)\">\n                <ng-container *ngIf=\"suggestionType === '@'\">\n                    <cax-avatar [label]=\"getInitials(item)\" shape=\"circle\" avatarSize=\"sm\"></cax-avatar>\n                    <div class=\"cax-comments-suggestion-info\">\n                        <span class=\"cax-comments-suggestion-label\">{{ item.firstName }} {{ item.lastName }}</span>\n                        <span class=\"cax-comments-suggestion-subtext\">&#64;{{ item.userName }}</span>\n                    </div>\n                </ng-container>\n                <ng-container *ngIf=\"suggestionType === '#'\">\n                    <div class=\"cax-comments-suggestion-info\">\n                        <span class=\"cax-comments-suggestion-label\">{{ item }}</span>\n                    </div>\n                </ng-container>\n            </div>\n        </div>\n    </cax-overlayPanel>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { scrollContainer: [{
@@ -365,11 +365,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
             }] } });
 
 class CommentsModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: CommentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.21", ngImport: i0, type: CommentsModule, imports: [CommentsComponent], exports: [CommentsComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: CommentsModule, imports: [CommentsComponent] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CommentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: CommentsModule, imports: [CommentsComponent], exports: [CommentsComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CommentsModule, imports: [CommentsComponent] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: CommentsModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CommentsModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommentsComponent],