cax-design-system 2.7.4 → 2.7.6

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 } 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-comments',\n    templateUrl: './commentbox.html',\n    styleUrls: ['./commentbox.scss']\n})\nexport class CommentboxComponent {\n    @Input() comments: Comment[] = [];\n    @Input() mentionSuggestions: any[] = [];\n    @Input() hashtagSuggestions: any[] = [];\n    @Input() sidebarHeader: string;\n    @Input() isAdmin: boolean = true;\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    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\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\n    constructor(private sanitizer: DomSanitizer) {\n        this.updateCurrentDate();\n        this.dateUpdateInterval = setInterval(() => this.updateCurrentDate(), 60000);\n\n        // Initialize observer\n        this.observer = new MutationObserver(() => this.forceScrollToBottom());\n    }\n\n    ngAfterViewInit() {\n        setTimeout(() => {\n            this.forceScrollToBottom();\n        }, 100);\n\n        // Set up observer to auto-scroll when content changes\n        if (this.commentsList?.nativeElement) {\n            this.observer.observe(this.commentsList.nativeElement, {\n                childList: true,\n                subtree: true,\n                characterData: true\n            });\n        }\n    }\n\n    ngOnDestroy() {\n        if (this.dateUpdateInterval) {\n            clearInterval(this.dateUpdateInterval);\n        }\n        // Disconnect the observer\n        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        }\n    }\n\n    private forceScrollToBottom(): void {\n        if (!this.commentsList?.nativeElement) return;\n\n        const element = this.commentsList.nativeElement;\n        requestAnimationFrame(() => {\n            try {\n                // Force immediate scroll\n                element.scrollTop = element.scrollHeight;\n            } catch (err) {\n                console.error('Scroll error:', err);\n            }\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        // Use double RAF for reliable scrolling\n        requestAnimationFrame(() => {\n            requestAnimationFrame(() => {\n                try {\n                    // Force immediate scroll for new comments\n                    element.scrollTop = element.scrollHeight;\n\n                    // Use smooth scrolling after initial jump\n                    element.scrollTo({\n                        top: element.scrollHeight,\n                        behavior: 'smooth'\n                    });\n                } catch (err) {\n                    element.scrollTop = element.scrollHeight;\n                }\n            });\n        });\n    }\n\n    @Input() set visible(value: boolean) {\n        if (this._visible !== value) {\n            this._visible = value;\n            this.visibleChange.emit(this._visible);\n\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        this.visible = !this.visible;\n    }\n\n    onSidebarHide() {\n        this._visible = false;\n        this.visibleChange.emit(false);\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    get groupedComments(): GroupedComments[] {\n        return this.comments\n            .reduce((groups: GroupedComments[], comment: Comment) => {\n                const commentDate = new Date(comment.date);\n                commentDate.setHours(0, 0, 0, 0);\n\n                const existingGroup = groups.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                    groups.push({\n                        date: commentDate,\n                        items: [comment]\n                    });\n                }\n\n                return groups;\n            }, [])\n            .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","<cax-sidebar [(visible)]=\"visible\" [position]=\"'right'\" [baseZIndex]=\"10000\" (onHide)=\"onSidebarHide()\" [headerText]=\"sidebarHeader\">\r\n    <ng-template caxTemplate=\"content\">\r\n        <div class=\"cax-comments-container\">\r\n            <div class=\"cax-comments-list\" #commentsList>\r\n                <ng-container *ngFor=\"let group of groupedComments\">\r\n                    <div class=\"cax-date-header\">{{ formatDate(group.date) }}</div>\r\n                    <div\r\n                        class=\"cax-comment-item\"\r\n                        *ngFor=\"let comment of group.items; let i = index\"\r\n                        [ngClass]=\"{\r\n                            'cax-user-comment': !comment.isAdmin,\r\n                            'cax-admin-comment': comment.isAdmin,\r\n                            'consecutive-message': i > 0 && comment.isAdmin === group.items[i-1].isAdmin && comment.sender === group.items[i-1].sender,\r\n                            'new-sender': i > 0 && comment.sender !== group.items[i-1].sender,\r\n                            'new-date': i === 0 && group.items.length > 0\r\n                        }\"\r\n                    >\r\n                        <!-- User Message (Left Aligned) -->\r\n                        <ng-container *ngIf=\"!comment.isAdmin\">\r\n                            <div class=\"cax-commentbox-avatar-container\" *ngIf=\"i === 0 || group.items[i-1].sender !== comment.sender\">\r\n                                <cax-avatar [label]=\"comment.sender?.substring(0, 2).toUpperCase() || 'U'\" [avatarSize]=\"'xs'\" [shape]=\"'circle'\" styleclass=\"cax-commentbox-avatar\"> </cax-avatar>\r\n                            </div>\r\n                            <div class=\"cax-comment-content\" [class.no-avatar]=\"i > 0 && group.items[i-1].sender === comment.sender\">\r\n                                <div class=\"cax-comment-sender\" *ngIf=\"i === 0 || group.items[i-1].sender !== comment.sender\">{{comment.sender}}</div>\r\n                                <div class=\"cax-file-attachment\" *ngIf=\"comment.files?.length\">\r\n                                    <div *ngFor=\"let file of comment.files\" class=\"file-item\">\r\n                                        <div class=\"file-details\">\r\n                                            <span class=\"file-name\">{{ file.name.slice(0, 20) }}{{ file.name.includes('.') ? '.' + file.name.split('.').pop() : '' }}</span>\r\n                                            <span class=\"file-size\">{{file.size}}</span>\r\n                                        </div>\r\n                                        <i class=\"cax cax-download\" (click)=\"onFileDownload(file)\" role=\"button\" tabindex=\"0\"></i>\r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"cax-comment-text\" [innerHTML]=\"formatMessageWithTags(comment.text)\"></div>\r\n                                <span class=\"cax-comment-date\">{{ comment.date | date: 'shortTime' }}</span>\r\n                            </div>\r\n                        </ng-container>\r\n\r\n                        <!-- Admin Message (Right Aligned) -->\r\n                        <ng-container *ngIf=\"comment.isAdmin\">\r\n                            <div class=\"cax-comment-content admin\">\r\n                                <div class=\"cax-file-attachment\" *ngIf=\"comment.files?.length\">\r\n                                    <div *ngFor=\"let file of comment.files\" class=\"file-item\">\r\n                                        <div class=\"file-details\">\r\n                                            <span class=\"file-name\">{{ file.name.slice(0, 20) }}{{ file.name.includes('.') ? '.' + file.name.split('.').pop() : '' }}</span>\r\n                                            <span class=\"file-size\">{{file.size}}</span>\r\n                                        </div>\r\n                                        <i class=\"cax cax-download\" (click)=\"onFileDownload(file)\" role=\"button\" tabindex=\"0\"></i>\r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"cax-comment-text\" [innerHTML]=\"formatMessageWithTags(comment.text)\"></div>\r\n                                <span class=\"cax-comment-date\">{{ comment.date | date: 'shortTime' }}</span>\r\n                            </div>\r\n                        </ng-container>\r\n                    </div>\r\n                </ng-container>\r\n            </div>\r\n        </div>\r\n    </ng-template>\r\n    <cax-overlay #suggestionPanel [(visible)]=\"overlayVisible\" [appendTo]=\"inputText\" (onHide)=\"onSuggestionPanelHide()\" [styleClass]=\"'suggestion-panel'\">\r\n        <div class=\"suggestion-list\">\r\n            <div *ngFor=\"let item of filteredSuggestions; let i = index\" class=\"suggestion-item\" [ngClass]=\"{'selected': selectedSuggestionIndex === i}\" (click)=\"onSuggestionSelect(item)\" (mouseenter)=\"selectedSuggestionIndex = i\">\r\n                <span class=\"suggestion-label\">{{item.name}}</span>\r\n                <small class=\"suggestion-id\" *ngIf=\"currentTokenType === 'mention'\">{{item.id}}</small>\r\n            </div>\r\n        </div>\r\n    </cax-overlay>\r\n    <cax-overlay\r\n        [(visible)]=\"filesOverlayVisible\"\r\n        [appendTo]=\"countChip\"\r\n        [showTransitionOptions]=\"'0.12s ease-out'\"\r\n        [hideTransitionOptions]=\"'0.1s ease-in'\"\r\n        [style]=\"{ width: '224px', right: '5%' }\"\r\n        styleClass=\"files-list-overlay\"\r\n        (onHide)=\"hideFilesOverlay()\"\r\n    >\r\n        <div class=\"files-overlay-content\">\r\n            <div *ngFor=\"let file of selectedFiles.slice(4); let i = index\" class=\"file-item\">\r\n                <span class=\"file-name\">{{getShortFileName(file.name)}}</span>\r\n                <i class=\"cax cax-close-circle\" (click)=\"removeFile(i + 4)\"></i>\r\n            </div>\r\n        </div>\r\n    </cax-overlay>\r\n\r\n    <ng-template caxTemplate=\"footer\">\r\n        <div class=\"chat-footer\">\r\n            <div class=\"selected-files\" *ngIf=\"selectedFiles.length > 0\">\r\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)\">\r\n                    <ng-template caxTemplate=\"content\">\r\n                        <i class=\"cax cax-paperclip\"></i>\r\n                    </ng-template>\r\n                </cax-chip>\r\n                <cax-chip #countChip *ngIf=\"selectedFiles.length > 4\" [label]=\"'+' + getOverflowCount()\" [size]=\"'lg'\" (mouseenter)=\"showFilesOverlay($event)\"> </cax-chip>\r\n            </div>\r\n            <div class=\"cax-chat-input-container\">\r\n                <div class=\"input-wrapper\">\r\n                    <cax-inputtext\r\n                        [(ngModel)]=\"newComment\"\r\n                        [size]=\"'lg'\"\r\n                        [rightIcon]=\"true\"\r\n                        [clearIcon]=\"false\"\r\n                        [rightIconClass]=\"'cax cax-paperclip'\"\r\n                        [rightIconClickable]=\"true\"\r\n                        (rightIconClick)=\"onFileIconClick($event)\"\r\n                        placeholder=\"Comment or mention others with @, ‘#’ for columns\"\r\n                        (keyup)=\"handleKeyUp($event)\"\r\n                        (keydown)=\"onKeyDown($event)\"\r\n                        [class]=\"{'chat-input': true, 'admin-input': isAdminSender}\"\r\n                        [style]=\"{'border-radius': '8px', background: '#ffffff'}\"\r\n                        #inputText\r\n                    >\r\n                    </cax-inputtext>\r\n                </div>\r\n\r\n                <cax-button [icon]=\"'cax cax-plain'\" [severity]=\"'primary'\" [size]=\"'large'\" (click)=\"addComment()\" [disabled]=\"!newComment.trim() && selectedFiles.length === 0\" class=\"send-button\"> </cax-button>\r\n            </div>\r\n\r\n            <input #fileInput type=\"file\" (change)=\"onFileSelect($event)\" style=\"display: none\" accept=\"*/*\" multiple />\r\n        </div>\r\n    </ng-template>\r\n</cax-sidebar>\r\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 } 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-comments',\n    templateUrl: './commentbox.html',\n    styleUrls: ['./commentbox.scss']\n})\nexport class CommentboxComponent {\n    @Input() comments: Comment[] = [];\n    @Input() mentionSuggestions: any[] = [];\n    @Input() hashtagSuggestions: any[] = [];\n    @Input() sidebarHeader: string;\n    @Input() isAdmin: boolean = true;\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    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\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\n    constructor(private sanitizer: DomSanitizer) {\n        this.updateCurrentDate();\n        this.dateUpdateInterval = setInterval(() => this.updateCurrentDate(), 60000);\n\n        // Initialize observer\n        this.observer = new MutationObserver(() => this.forceScrollToBottom());\n    }\n\n    ngAfterViewInit() {\n        setTimeout(() => {\n            this.forceScrollToBottom();\n        }, 100);\n\n        // Set up observer to auto-scroll when content changes\n        if (this.commentsList?.nativeElement) {\n            this.observer.observe(this.commentsList.nativeElement, {\n                childList: true,\n                subtree: true,\n                characterData: true\n            });\n        }\n    }\n\n    ngOnDestroy() {\n        if (this.dateUpdateInterval) {\n            clearInterval(this.dateUpdateInterval);\n        }\n        // Disconnect the observer\n        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        }\n    }\n\n    private forceScrollToBottom(): void {\n        if (!this.commentsList?.nativeElement) return;\n\n        const element = this.commentsList.nativeElement;\n        requestAnimationFrame(() => {\n            try {\n                // Force immediate scroll\n                element.scrollTop = element.scrollHeight;\n            } catch (err) {\n                console.error('Scroll error:', err);\n            }\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        // Use double RAF for reliable scrolling\n        requestAnimationFrame(() => {\n            requestAnimationFrame(() => {\n                try {\n                    // Force immediate scroll for new comments\n                    element.scrollTop = element.scrollHeight;\n\n                    // Use smooth scrolling after initial jump\n                    element.scrollTo({\n                        top: element.scrollHeight,\n                        behavior: 'smooth'\n                    });\n                } catch (err) {\n                    element.scrollTop = element.scrollHeight;\n                }\n            });\n        });\n    }\n\n    @Input() set visible(value: boolean) {\n        if (this._visible !== value) {\n            this._visible = value;\n            this.visibleChange.emit(this._visible);\n\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        this.visible = !this.visible;\n    }\n\n    onSidebarHide() {\n        this._visible = false;\n        this.visibleChange.emit(false);\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    get groupedComments(): GroupedComments[] {\n        return this.comments\n            .reduce((groups: GroupedComments[], comment: Comment) => {\n                const commentDate = new Date(comment.date);\n                commentDate.setHours(0, 0, 0, 0);\n\n                const existingGroup = groups.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                    groups.push({\n                        date: commentDate,\n                        items: [comment]\n                    });\n                }\n\n                return groups;\n            }, [])\n            .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-comments-wrapper\">\r\n \r\n    <!-- <ng-template caxTemplate=\"content\"> -->\r\n        <div class=\"cax-comments-container\">\r\n            <div class=\"cax-comments-list\" #commentsList>\r\n                <ng-container *ngFor=\"let group of groupedComments\">\r\n                    <div class=\"cax-date-header\">{{ formatDate(group.date) }}</div>\r\n                    <div\r\n                        class=\"cax-comment-item\"\r\n                        *ngFor=\"let comment of group.items; let i = index\"\r\n                        [ngClass]=\"{\r\n                            'cax-user-comment': !comment.isAdmin,\r\n                            'cax-admin-comment': comment.isAdmin,\r\n                            'consecutive-message': i > 0 && comment.isAdmin === group.items[i-1].isAdmin && comment.sender === group.items[i-1].sender,\r\n                            'new-sender': i > 0 && comment.sender !== group.items[i-1].sender,\r\n                            'new-date': i === 0 && group.items.length > 0\r\n                        }\"\r\n                    >\r\n                        <!-- User Message (Left Aligned) -->\r\n                        <ng-container *ngIf=\"!comment.isAdmin\">\r\n                            <div class=\"cax-commentbox-avatar-container\" *ngIf=\"i === 0 || group.items[i-1].sender !== comment.sender\">\r\n                                <cax-avatar [label]=\"comment.sender?.substring(0, 2).toUpperCase() || 'U'\" [avatarSize]=\"'xs'\" [shape]=\"'circle'\" styleclass=\"cax-commentbox-avatar\"> </cax-avatar>\r\n                            </div>\r\n                            <div class=\"cax-comment-content\" [class.no-avatar]=\"i > 0 && group.items[i-1].sender === comment.sender\">\r\n                                <div class=\"cax-comment-sender\" *ngIf=\"i === 0 || group.items[i-1].sender !== comment.sender\">{{comment.sender}}</div>\r\n                                <div class=\"cax-file-attachment\" *ngIf=\"comment.files?.length\">\r\n                                    <div *ngFor=\"let file of comment.files\" class=\"file-item\">\r\n                                        <div class=\"file-details\">\r\n                                            <span class=\"file-name\">{{ file.name.slice(0, 20) }}{{ file.name.includes('.') ? '.' + file.name.split('.').pop() : '' }}</span>\r\n                                            <span class=\"file-size\">{{file.size}}</span>\r\n                                        </div>\r\n                                        <i class=\"cax cax-download\" (click)=\"onFileDownload(file)\" role=\"button\" tabindex=\"0\"></i>\r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"cax-comment-text\" [innerHTML]=\"formatMessageWithTags(comment.text)\"></div>\r\n                                <span class=\"cax-comment-date\">{{ comment.date | date: 'shortTime' }}</span>\r\n                            </div>\r\n                        </ng-container>\r\n\r\n                        <!-- Admin Message (Right Aligned) -->\r\n                        <ng-container *ngIf=\"comment.isAdmin\">\r\n                            <div class=\"cax-comment-content admin\">\r\n                                <div class=\"cax-file-attachment\" *ngIf=\"comment.files?.length\">\r\n                                    <div *ngFor=\"let file of comment.files\" class=\"file-item\">\r\n                                        <div class=\"file-details\">\r\n                                            <span class=\"file-name\">{{ file.name.slice(0, 20) }}{{ file.name.includes('.') ? '.' + file.name.split('.').pop() : '' }}</span>\r\n                                            <span class=\"file-size\">{{file.size}}</span>\r\n                                        </div>\r\n                                        <i class=\"cax cax-download\" (click)=\"onFileDownload(file)\" role=\"button\" tabindex=\"0\"></i>\r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"cax-comment-text\" [innerHTML]=\"formatMessageWithTags(comment.text)\"></div>\r\n                                <span class=\"cax-comment-date\">{{ comment.date | date: 'shortTime' }}</span>\r\n                            </div>\r\n                        </ng-container>\r\n                    </div>\r\n                </ng-container>\r\n            </div>\r\n        </div>\r\n    <!-- </ng-template> -->\r\n    <cax-overlay #suggestionPanel [(visible)]=\"overlayVisible\" [appendTo]=\"inputText\" (onHide)=\"onSuggestionPanelHide()\" [styleClass]=\"'suggestion-panel'\">\r\n        <div class=\"suggestion-list\">\r\n            <div *ngFor=\"let item of filteredSuggestions; let i = index\" class=\"suggestion-item\" [ngClass]=\"{'selected': selectedSuggestionIndex === i}\" (click)=\"onSuggestionSelect(item)\" (mouseenter)=\"selectedSuggestionIndex = i\">\r\n                <span class=\"suggestion-label\">{{item.name}}</span>\r\n                <small class=\"suggestion-id\" *ngIf=\"currentTokenType === 'mention'\">{{item.id}}</small>\r\n            </div>\r\n        </div>\r\n    </cax-overlay>\r\n    <cax-overlay\r\n        [(visible)]=\"filesOverlayVisible\"\r\n        [appendTo]=\"countChip\"\r\n        [showTransitionOptions]=\"'0.12s ease-out'\"\r\n        [hideTransitionOptions]=\"'0.1s ease-in'\"\r\n        [style]=\"{ width: '224px', right: '5%' }\"\r\n        styleClass=\"files-list-overlay\"\r\n        (onHide)=\"hideFilesOverlay()\"\r\n    >\r\n        <div class=\"files-overlay-content\">\r\n            <div *ngFor=\"let file of selectedFiles.slice(4); let i = index\" class=\"file-item\">\r\n                <span class=\"file-name\">{{getShortFileName(file.name)}}</span>\r\n                <i class=\"cax cax-close-circle\" (click)=\"removeFile(i + 4)\"></i>\r\n            </div>\r\n        </div>\r\n    </cax-overlay>\r\n\r\n    <!-- <ng-template caxTemplate=\"footer\"> -->\r\n        <div class=\"chat-footer\">\r\n            <div class=\"selected-files\" *ngIf=\"selectedFiles.length > 0\">\r\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)\">\r\n                    <ng-template caxTemplate=\"content\">\r\n                        <i class=\"cax cax-paperclip\"></i>\r\n                    </ng-template>\r\n                </cax-chip>\r\n                <cax-chip #countChip *ngIf=\"selectedFiles.length > 4\" [label]=\"'+' + getOverflowCount()\" [size]=\"'lg'\" (mouseenter)=\"showFilesOverlay($event)\"> </cax-chip>\r\n            </div>\r\n            <div class=\"cax-chat-input-container\">\r\n                <div class=\"input-wrapper\">\r\n                    <cax-inputtext\r\n                        [(ngModel)]=\"newComment\"\r\n                        [size]=\"'lg'\"\r\n                        [rightIcon]=\"true\"\r\n                        [clearIcon]=\"false\"\r\n                        [rightIconClass]=\"'cax cax-paperclip'\"\r\n                        [rightIconClickable]=\"true\"\r\n                        (rightIconClick)=\"onFileIconClick($event)\"\r\n                        placeholder=\"Comment or mention others with @, ‘#’ for columns\"\r\n                        (keyup)=\"handleKeyUp($event)\"\r\n                        (keydown)=\"onKeyDown($event)\"\r\n                        [class]=\"{'chat-input': true, 'admin-input': isAdminSender}\"\r\n                        [style]=\"{'border-radius': '8px', background: '#ffffff'}\"\r\n                        #inputText\r\n                    >\r\n                    </cax-inputtext>\r\n                </div>\r\n\r\n                <cax-button [icon]=\"'cax cax-plain'\" [severity]=\"'primary'\" [size]=\"'large'\" (click)=\"addComment()\" [disabled]=\"!newComment.trim() && selectedFiles.length === 0\" class=\"send-button\"> </cax-button>\r\n            </div>\r\n\r\n            <input #fileInput type=\"file\" (change)=\"onFileSelect($event)\" style=\"display: none\" accept=\"*/*\" multiple />\r\n        </div>\r\n    <!-- </ng-template> -->\r\n</div>\r\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-sidebar.mjs

@@ -2,7 +2,7 @@ import { animation, style, animate, trigger, transition, useAnimation } from '@a
 import * as i2 from '@angular/common';
 import { DOCUMENT, CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { EventEmitter, booleanAttribute, numberAttribute, Component, ChangeDetectionStrategy, ViewEncapsulation, Inject, Input, ContentChildren, Output, NgModule } from '@angular/core';
+import { EventEmitter, booleanAttribute, numberAttribute, Component, ChangeDetectionStrategy, ViewEncapsulation, Inject, Input, ContentChildren, Output, HostBinding, ViewChild, NgModule } from '@angular/core';
 import * as i1 from 'cax-design-system/api';
 import { CaxTemplate, SharedModule } from 'cax-design-system/api';
 import { ButtonModule } from 'cax-design-system/button';
@@ -210,6 +210,49 @@ class Sidebar {
             }
         });
     }
+    isInlineMode = false;
+    sidebarElement;
+    hasShifted = false;
+    ngAfterViewChecked() {
+        if (this.visible && this.sidebarElement && !this.hasShifted) {
+            this.handleContentShift();
+            this.hasShifted = true;
+        }
+        else if (!this.visible && this.hasShifted) {
+            this.resetBodyShift(); // optional cleanup
+            this.hasShifted = false;
+        }
+    }
+    handleContentShift() {
+        const body = document.body;
+        body.style.margin = '0'; // Clear any old shifts
+        if (!this.sidebarElement || this.mode !== 'inline')
+            return;
+        const sidebar = this.sidebarElement.nativeElement;
+        const width = sidebar.offsetWidth;
+        const height = sidebar.offsetHeight;
+        switch (this.position) {
+            case 'left':
+                body.style.marginLeft = `${width}px`;
+                break;
+            case 'right':
+                body.style.marginRight = `${width}px`;
+                break;
+            case 'top':
+                body.style.marginTop = `${height}px`;
+                break;
+            case 'bottom':
+                body.style.marginBottom = `${height}px`;
+                break;
+        }
+    }
+    resetBodyShift() {
+        const body = document.body;
+        body.style.marginLeft = '';
+        body.style.marginRight = '';
+        body.style.marginTop = '';
+        body.style.marginBottom = '';
+    }
     onKeyDown(event) {
         if (event.code === 'Escape') {
             this.hide(false);
@@ -341,6 +384,11 @@ class Sidebar {
     ngOnChanges(changes) {
         if (changes['mode']) {
             this.modal = this.mode !== 'inline';
+            this.isInlineMode = this.mode === 'inline';
+            this.handleContentShift();
+        }
+        if (changes['visible']) {
+            this.handleContentShift();
         }
     }
     ngOnDestroy() {
@@ -359,13 +407,13 @@ class Sidebar {
         this.unbindAnimationEndListener();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: Sidebar, deps: [{ token: DOCUMENT }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i1.caxConfig }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.9", type: Sidebar, isStandalone: true, selector: "cax-sidebar", inputs: { headerText: "headerText", appendTo: "appendTo", blockScroll: ["blockScroll", "blockScroll", booleanAttribute], style: "style", styleClass: "styleClass", ariaCloseLabel: "ariaCloseLabel", autoZIndex: ["autoZIndex", "autoZIndex", booleanAttribute], baseZIndex: ["baseZIndex", "baseZIndex", numberAttribute], modal: ["modal", "modal", booleanAttribute], dismissible: ["dismissible", "dismissible", booleanAttribute], showCloseIcon: ["showCloseIcon", "showCloseIcon", booleanAttribute], closeOnEscape: ["closeOnEscape", "closeOnEscape", booleanAttribute], transitionOptions: "transitionOptions", visible: "visible", position: "position", fullScreen: "fullScreen", mode: "mode", contentTemplate: "contentTemplate", headerTemplate: "headerTemplate", headlessTemplate: "headlessTemplate", footerTemplate: "footerTemplate", closeIconTemplate: "closeIconTemplate", headerStyle: "headerStyle" }, outputs: { onShow: "onShow", onHide: "onHide", visibleChange: "visibleChange" }, host: { classAttribute: "cax-element" }, queries: [{ propertyName: "templates", predicate: CaxTemplate }], usesOnChanges: true, ngImport: i0, template: "<div class=\"cax-sidebar-layout-wrapper\">\r\n  <!-- Sidebar Panel -->\r\n  <div\r\n    #container\r\n    [ngClass]=\"{\r\n      'cax-sidebar': true,\r\n      'cax-sidebar-active': visible,\r\n      'cax-sidebar-overlay': mode === 'overlay',\r\n      'cax-sidebar-inline': mode === 'inline',\r\n      'cax-sidebar-left': position === 'left' && !fullScreen,\r\n      'cax-sidebar-right': position === 'right' && !fullScreen,\r\n      'cax-sidebar-top': position === 'top' && !fullScreen,\r\n      'cax-sidebar-bottom': position === 'bottom' && !fullScreen,\r\n      'cax-sidebar-full': fullScreen\r\n    }\"\r\n    *ngIf=\"visible\"\r\n    [@panelState]=\"{ value: 'visible', params: { transform: transformOptions, transition: transitionOptions } }\"\r\n    (@panelState.start)=\"onAnimationStart($event)\"\r\n    (@panelState.done)=\"onAnimationEnd($event)\"\r\n    [ngStyle]=\"style\"\r\n    [class]=\"styleClass\"\r\n    role=\"complementary\"\r\n    [attr.data-pc-name]=\"'sidebar'\"\r\n    [attr.data-pc-section]=\"'root'\"\r\n    (keydown)=\"onKeyDown($event)\"\r\n  >\r\n    <ng-container *ngTemplateOutlet=\"sidebarTemplate\"></ng-container>\r\n\r\n    <ng-container *ngIf=\"headlessTemplate; else notHeadless\">\r\n      <ng-container *ngTemplateOutlet=\"headlessTemplate\"></ng-container>\r\n    </ng-container>\r\n\r\n    <ng-template #notHeadless>\r\n      <div class=\"cax-sidebar-header\" [ngStyle]=\"headerStyle\">\r\n        <ng-container *ngIf=\"headerTemplate; else defaultHeader\">\r\n          <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\r\n        </ng-container>\r\n        <ng-template #defaultHeader>\r\n          <div>{{ headerText || 'Sidebar' }}</div>\r\n        </ng-template>\r\n\r\n        <button\r\n                  type=\"button\"\r\n                  class=\"cax-sidebar-close cax-sidebar-icon-css cax-link\"\r\n                  (click)=\"close($event)\"\r\n                  (keydown.enter)=\"close($event)\"\r\n                  [attr.aria-label]=\"ariaCloseLabel\"\r\n                  *ngIf=\"showCloseIcon\"\r\n                  caxRipple\r\n                  [attr.data-pc-section]=\"'closebutton'\"\r\n                  [attr.data-pc-groucax-section]=\"'iconcontainer'\"\r\n              >\r\n          <TimesIcon *ngIf=\"!closeIconTemplate\" class=\"cax-sidebar-close-icon\" [attr.data-pc-section]=\"'closeicon'\" />\r\n          <span *ngIf=\"closeIconTemplate\" class=\"cax-sidebar-close-icon\" [attr.data-pc-section]=\"'closeicon'\">\r\n            <ng-template *ngTemplateOutlet=\"closeIconTemplate\"></ng-template>\r\n          </span>\r\n        </button>\r\n      </div>\r\n\r\n      <div class=\"cax-sidebar-content\"[attr.data-pc-section]=\"'content'\">\r\n        <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\r\n      </div>\r\n\r\n      <div *ngIf=\"footerTemplate\" class=\"cax-sidebar-footer\">\r\n        <ng-container *ngTemplateOutlet=\"footerTemplate\"></ng-container>\r\n      </div>\r\n    </ng-template>\r\n  </div>\r\n\r\n  <!-- Main Content Shifting with Sidebar -->\r\n  <div\r\n    class=\"cax-sidebar-content-wrapper\"\r\n    [ngClass]=\"{\r\n      'shift-left': visible && mode === 'inline' && position === 'left',\r\n      'shift-right': visible && mode === 'inline' && position === 'right',\r\n      'shift-bottom':visible && mode === 'inline' && position === 'bottom',\r\n      'shift-top': visible && mode === 'inline' && position === 'top'\r\n    }\"\r\n  >\r\n    <ng-content></ng-content>\r\n  </div>\r\n</div>", styles: ["@layer cax{.cax-sidebar-layout-wrapper{display:flex;width:100%;height:100%;position:relative;background-color:#fff}.cax-sidebar-content-wrapper{flex:1;transition:margin .3s ease}.cax-sidebar-content-wrapper.shift-left{margin-left:300px}.cax-sidebar-content-wrapper.shift-right{margin-right:300px}.cax-sidebar-content-wrapper.shift-bottom{margin-bottom:300px}.cax-sidebar-content-wrapper.shift-top{margin-top:300px}.cax-sidebar{width:300px;position:fixed;transition:transform .3s ease;z-index:1000;box-shadow:none!important}.cax-sidebar.cax-sidebar-left{left:0;transform:translate(-100%)}.cax-sidebar.cax-sidebar-left.cax-sidebar-active{transform:translate(0)}.cax-sidebar.cax-sidebar-right{right:0;transform:translate(100%)}.cax-sidebar.cax-sidebar-right.cax-sidebar-active{transform:translate(0)}.cax-sidebar-content{position:relative;overflow-y:auto;flex-grow:1}.cax-sidebar-header{display:flex;align-items:center}.cax-sidebar-footer{margin-top:auto}.cax-sidebar-icon-css{display:flex;align-items:center;justify-content:center;margin-left:auto}.cax-sidebar-left{top:0;left:0;width:478px;height:-webkit-fill-available}.cax-sidebar-right{top:0;right:0;width:480px;box-shadow:none!important;height:-webkit-fill-available}.cax-sidebar-top{top:0;left:0;width:-webkit-fill-available;height:10rem}.cax-sidebar-bottom{bottom:0;left:0;width:-webkit-fill-available;height:10rem;-webkit-transition:none!important;transition:none!important}.cax-sidebar-overlay,.cax-sidebar-overlay.cax-sidebar-left,.cax-sidebar-overlay.cax-sidebar-right,.cax-sidebar-overlay.cax-sidebar-top,.cax-sidebar-overlay.cax-sidebar-bottom{margin:15px;border-radius:12px}.cax-sidebar-full{width:100%;height:100%;top:0;left:0;-webkit-transition:none;transition:none}.cax-sidebar-left.cax-sidebar-sm,.cax-sidebar-right.cax-sidebar-sm{width:478px}.cax-sidebar-left.cax-sidebar-md,.cax-sidebar-right.cax-sidebar-md{width:40rem}.cax-sidebar-left.cax-sidebar-lg,.cax-sidebar-right.cax-sidebar-lg{width:60rem}.cax-sidebar-top.cax-sidebar-sm,.cax-sidebar-bottom.cax-sidebar-sm{height:10rem}.cax-sidebar-top.cax-sidebar-md,.cax-sidebar-bottom.cax-sidebar-md{height:478px}.cax-sidebar-top.cax-sidebar-lg,.cax-sidebar-bottom.cax-sidebar-lg{height:30rem}@media screen and (max-width: 64em){.cax-sidebar-left.cax-sidebar-lg,.cax-sidebar-left.cax-sidebar-md,.cax-sidebar-right.cax-sidebar-lg,.cax-sidebar-right.cax-sidebar-md{width:478px}}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: RippleModule }, { kind: "directive", type: i3.Ripple, selector: "[caxRipple]" }, { kind: "ngmodule", type: SharedModule }, { kind: "component", type: TimesIcon, selector: "TimesIcon" }, { kind: "ngmodule", type: ButtonModule }], animations: [trigger('panelState', [transition('void => visible', [useAnimation(showAnimation)]), transition('visible => void', [useAnimation(hideAnimation)])])], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.9", type: Sidebar, isStandalone: true, selector: "cax-sidebar", inputs: { headerText: "headerText", appendTo: "appendTo", blockScroll: ["blockScroll", "blockScroll", booleanAttribute], style: "style", styleClass: "styleClass", ariaCloseLabel: "ariaCloseLabel", autoZIndex: ["autoZIndex", "autoZIndex", booleanAttribute], baseZIndex: ["baseZIndex", "baseZIndex", numberAttribute], modal: ["modal", "modal", booleanAttribute], dismissible: ["dismissible", "dismissible", booleanAttribute], showCloseIcon: ["showCloseIcon", "showCloseIcon", booleanAttribute], closeOnEscape: ["closeOnEscape", "closeOnEscape", booleanAttribute], transitionOptions: "transitionOptions", visible: "visible", position: "position", fullScreen: "fullScreen", mode: "mode", contentTemplate: "contentTemplate", headerTemplate: "headerTemplate", headlessTemplate: "headlessTemplate", footerTemplate: "footerTemplate", closeIconTemplate: "closeIconTemplate", headerStyle: "headerStyle" }, outputs: { onShow: "onShow", onHide: "onHide", visibleChange: "visibleChange" }, host: { properties: { "class.sidebar-inline": "this.isInlineMode" }, classAttribute: "cax-element" }, queries: [{ propertyName: "templates", predicate: CaxTemplate }], viewQueries: [{ propertyName: "sidebarElement", first: true, predicate: ["container"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "  <!-- Sidebar Panel -->\r\n  <div\r\n    #container\r\n    [ngClass]=\"{\r\n      'cax-sidebar': true,\r\n      'cax-sidebar-active': visible,\r\n      'cax-sidebar-overlay': mode === 'overlay',\r\n      'cax-sidebar-inline': mode === 'inline',\r\n      'cax-sidebar-left': position === 'left' && !fullScreen,\r\n      'cax-sidebar-right': position === 'right' && !fullScreen,\r\n      'cax-sidebar-top': position === 'top' && !fullScreen,\r\n      'cax-sidebar-bottom': position === 'bottom' && !fullScreen,\r\n      'cax-sidebar-full': fullScreen\r\n    }\"\r\n    *ngIf=\"visible\"\r\n    [@panelState]=\"{ value: 'visible', params: { transform: transformOptions, transition: transitionOptions } }\"\r\n    (@panelState.start)=\"onAnimationStart($event)\"\r\n    (@panelState.done)=\"onAnimationEnd($event)\"\r\n    [ngStyle]=\"style\"\r\n    [class]=\"styleClass\"\r\n    role=\"complementary\"\r\n    [attr.data-pc-name]=\"'sidebar'\"\r\n    [attr.data-pc-section]=\"'root'\"\r\n    (keydown)=\"onKeyDown($event)\"\r\n  >\r\n    <ng-container *ngTemplateOutlet=\"sidebarTemplate\"></ng-container>\r\n\r\n    <ng-container *ngIf=\"headlessTemplate; else notHeadless\">\r\n      <ng-container *ngTemplateOutlet=\"headlessTemplate\"></ng-container>\r\n    </ng-container>\r\n\r\n    <ng-template #notHeadless>\r\n      <div class=\"cax-sidebar-header\" [ngStyle]=\"headerStyle\">\r\n        <ng-container *ngIf=\"headerTemplate; else defaultHeader\">\r\n          <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\r\n        </ng-container>\r\n        <ng-template #defaultHeader>\r\n          <div>{{ headerText || 'Sidebar' }}</div>\r\n        </ng-template>\r\n\r\n        <button\r\n                  type=\"button\"\r\n                  class=\"cax-sidebar-close cax-sidebar-icon-css cax-link\"\r\n                  (click)=\"close($event)\"\r\n                  (keydown.enter)=\"close($event)\"\r\n                  [attr.aria-label]=\"ariaCloseLabel\"\r\n                  *ngIf=\"showCloseIcon\"\r\n                  caxRipple\r\n                  [attr.data-pc-section]=\"'closebutton'\"\r\n                  [attr.data-pc-groucax-section]=\"'iconcontainer'\"\r\n              >\r\n          <TimesIcon *ngIf=\"!closeIconTemplate\" class=\"cax-sidebar-close-icon\" [attr.data-pc-section]=\"'closeicon'\" />\r\n          <span *ngIf=\"closeIconTemplate\" class=\"cax-sidebar-close-icon\" [attr.data-pc-section]=\"'closeicon'\">\r\n            <ng-template *ngTemplateOutlet=\"closeIconTemplate\"></ng-template>\r\n          </span>\r\n        </button>\r\n      </div>\r\n\r\n      <div class=\"cax-sidebar-content\"[attr.data-pc-section]=\"'content'\">\r\n        <ng-content></ng-content>\r\n        <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\r\n      </div>\r\n\r\n      <div *ngIf=\"footerTemplate\" class=\"cax-sidebar-footer\">\r\n        <ng-container *ngTemplateOutlet=\"footerTemplate\"></ng-container>\r\n      </div>\r\n    </ng-template>\r\n    </div>", styles: ["@layer cax{.cax-sidebar{position:fixed;transition:transform .3s;display:flex;flex-direction:column}.cax-sidebar-content{position:relative;overflow-y:auto;flex-grow:1}.cax-sidebar-header{display:flex;align-items:center}.cax-sidebar-footer{margin-top:auto}.cax-sidebar-icon-css{display:flex;align-items:center;justify-content:center;margin-left:auto}.cax-sidebar-left{top:0;left:0;width:478px;height:-webkit-fill-available;margin:15px;border-radius:12px}.cax-sidebar-right{top:0;right:0;width:480px;height:-webkit-fill-available;margin:15px;border-radius:12px}.cax-sidebar-top{top:0;left:0;width:-webkit-fill-available;height:10rem;margin:15px;border-radius:12px}.cax-sidebar-bottom{bottom:0;left:0;width:-webkit-fill-available;height:10rem;margin:15px;border-radius:12px}.cax-sidebar-inline{margin:0!important;border-radius:0!important}.cax-sidebar-full{width:100%;height:100%;top:0;left:0;-webkit-transition:none;transition:none}.cax-sidebar-left.cax-sidebar-sm,.cax-sidebar-right.cax-sidebar-sm{width:478px}.cax-sidebar-left.cax-sidebar-md,.cax-sidebar-right.cax-sidebar-md{width:40rem}.cax-sidebar-left.cax-sidebar-lg,.cax-sidebar-right.cax-sidebar-lg{width:60rem}.cax-sidebar-top.cax-sidebar-sm,.cax-sidebar-bottom.cax-sidebar-sm{height:10rem}.cax-sidebar-top.cax-sidebar-md,.cax-sidebar-bottom.cax-sidebar-md{height:478px}.cax-sidebar-top.cax-sidebar-lg,.cax-sidebar-bottom.cax-sidebar-lg{height:30rem}@media screen and (max-width: 64em){.cax-sidebar-left.cax-sidebar-lg,.cax-sidebar-left.cax-sidebar-md,.cax-sidebar-right.cax-sidebar-lg,.cax-sidebar-right.cax-sidebar-md{width:478px}}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: RippleModule }, { kind: "directive", type: i3.Ripple, selector: "[caxRipple]" }, { kind: "ngmodule", type: SharedModule }, { kind: "component", type: TimesIcon, selector: "TimesIcon" }, { kind: "ngmodule", type: ButtonModule }], animations: [trigger('panelState', [transition('void => visible', [useAnimation(showAnimation)]), transition('visible => void', [useAnimation(hideAnimation)])])], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: Sidebar, decorators: [{
             type: Component,
             args: [{ selector: 'cax-sidebar', animations: [trigger('panelState', [transition('void => visible', [useAnimation(showAnimation)]), transition('visible => void', [useAnimation(hideAnimation)])])], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [CommonModule, RippleModule, SharedModule, TimesIcon, ButtonModule], host: {
                         class: 'cax-element'
-                    }, template: "<div class=\"cax-sidebar-layout-wrapper\">\r\n  <!-- Sidebar Panel -->\r\n  <div\r\n    #container\r\n    [ngClass]=\"{\r\n      'cax-sidebar': true,\r\n      'cax-sidebar-active': visible,\r\n      'cax-sidebar-overlay': mode === 'overlay',\r\n      'cax-sidebar-inline': mode === 'inline',\r\n      'cax-sidebar-left': position === 'left' && !fullScreen,\r\n      'cax-sidebar-right': position === 'right' && !fullScreen,\r\n      'cax-sidebar-top': position === 'top' && !fullScreen,\r\n      'cax-sidebar-bottom': position === 'bottom' && !fullScreen,\r\n      'cax-sidebar-full': fullScreen\r\n    }\"\r\n    *ngIf=\"visible\"\r\n    [@panelState]=\"{ value: 'visible', params: { transform: transformOptions, transition: transitionOptions } }\"\r\n    (@panelState.start)=\"onAnimationStart($event)\"\r\n    (@panelState.done)=\"onAnimationEnd($event)\"\r\n    [ngStyle]=\"style\"\r\n    [class]=\"styleClass\"\r\n    role=\"complementary\"\r\n    [attr.data-pc-name]=\"'sidebar'\"\r\n    [attr.data-pc-section]=\"'root'\"\r\n    (keydown)=\"onKeyDown($event)\"\r\n  >\r\n    <ng-container *ngTemplateOutlet=\"sidebarTemplate\"></ng-container>\r\n\r\n    <ng-container *ngIf=\"headlessTemplate; else notHeadless\">\r\n      <ng-container *ngTemplateOutlet=\"headlessTemplate\"></ng-container>\r\n    </ng-container>\r\n\r\n    <ng-template #notHeadless>\r\n      <div class=\"cax-sidebar-header\" [ngStyle]=\"headerStyle\">\r\n        <ng-container *ngIf=\"headerTemplate; else defaultHeader\">\r\n          <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\r\n        </ng-container>\r\n        <ng-template #defaultHeader>\r\n          <div>{{ headerText || 'Sidebar' }}</div>\r\n        </ng-template>\r\n\r\n        <button\r\n                  type=\"button\"\r\n                  class=\"cax-sidebar-close cax-sidebar-icon-css cax-link\"\r\n                  (click)=\"close($event)\"\r\n                  (keydown.enter)=\"close($event)\"\r\n                  [attr.aria-label]=\"ariaCloseLabel\"\r\n                  *ngIf=\"showCloseIcon\"\r\n                  caxRipple\r\n                  [attr.data-pc-section]=\"'closebutton'\"\r\n                  [attr.data-pc-groucax-section]=\"'iconcontainer'\"\r\n              >\r\n          <TimesIcon *ngIf=\"!closeIconTemplate\" class=\"cax-sidebar-close-icon\" [attr.data-pc-section]=\"'closeicon'\" />\r\n          <span *ngIf=\"closeIconTemplate\" class=\"cax-sidebar-close-icon\" [attr.data-pc-section]=\"'closeicon'\">\r\n            <ng-template *ngTemplateOutlet=\"closeIconTemplate\"></ng-template>\r\n          </span>\r\n        </button>\r\n      </div>\r\n\r\n      <div class=\"cax-sidebar-content\"[attr.data-pc-section]=\"'content'\">\r\n        <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\r\n      </div>\r\n\r\n      <div *ngIf=\"footerTemplate\" class=\"cax-sidebar-footer\">\r\n        <ng-container *ngTemplateOutlet=\"footerTemplate\"></ng-container>\r\n      </div>\r\n    </ng-template>\r\n  </div>\r\n\r\n  <!-- Main Content Shifting with Sidebar -->\r\n  <div\r\n    class=\"cax-sidebar-content-wrapper\"\r\n    [ngClass]=\"{\r\n      'shift-left': visible && mode === 'inline' && position === 'left',\r\n      'shift-right': visible && mode === 'inline' && position === 'right',\r\n      'shift-bottom':visible && mode === 'inline' && position === 'bottom',\r\n      'shift-top': visible && mode === 'inline' && position === 'top'\r\n    }\"\r\n  >\r\n    <ng-content></ng-content>\r\n  </div>\r\n</div>", styles: ["@layer cax{.cax-sidebar-layout-wrapper{display:flex;width:100%;height:100%;position:relative;background-color:#fff}.cax-sidebar-content-wrapper{flex:1;transition:margin .3s ease}.cax-sidebar-content-wrapper.shift-left{margin-left:300px}.cax-sidebar-content-wrapper.shift-right{margin-right:300px}.cax-sidebar-content-wrapper.shift-bottom{margin-bottom:300px}.cax-sidebar-content-wrapper.shift-top{margin-top:300px}.cax-sidebar{width:300px;position:fixed;transition:transform .3s ease;z-index:1000;box-shadow:none!important}.cax-sidebar.cax-sidebar-left{left:0;transform:translate(-100%)}.cax-sidebar.cax-sidebar-left.cax-sidebar-active{transform:translate(0)}.cax-sidebar.cax-sidebar-right{right:0;transform:translate(100%)}.cax-sidebar.cax-sidebar-right.cax-sidebar-active{transform:translate(0)}.cax-sidebar-content{position:relative;overflow-y:auto;flex-grow:1}.cax-sidebar-header{display:flex;align-items:center}.cax-sidebar-footer{margin-top:auto}.cax-sidebar-icon-css{display:flex;align-items:center;justify-content:center;margin-left:auto}.cax-sidebar-left{top:0;left:0;width:478px;height:-webkit-fill-available}.cax-sidebar-right{top:0;right:0;width:480px;box-shadow:none!important;height:-webkit-fill-available}.cax-sidebar-top{top:0;left:0;width:-webkit-fill-available;height:10rem}.cax-sidebar-bottom{bottom:0;left:0;width:-webkit-fill-available;height:10rem;-webkit-transition:none!important;transition:none!important}.cax-sidebar-overlay,.cax-sidebar-overlay.cax-sidebar-left,.cax-sidebar-overlay.cax-sidebar-right,.cax-sidebar-overlay.cax-sidebar-top,.cax-sidebar-overlay.cax-sidebar-bottom{margin:15px;border-radius:12px}.cax-sidebar-full{width:100%;height:100%;top:0;left:0;-webkit-transition:none;transition:none}.cax-sidebar-left.cax-sidebar-sm,.cax-sidebar-right.cax-sidebar-sm{width:478px}.cax-sidebar-left.cax-sidebar-md,.cax-sidebar-right.cax-sidebar-md{width:40rem}.cax-sidebar-left.cax-sidebar-lg,.cax-sidebar-right.cax-sidebar-lg{width:60rem}.cax-sidebar-top.cax-sidebar-sm,.cax-sidebar-bottom.cax-sidebar-sm{height:10rem}.cax-sidebar-top.cax-sidebar-md,.cax-sidebar-bottom.cax-sidebar-md{height:478px}.cax-sidebar-top.cax-sidebar-lg,.cax-sidebar-bottom.cax-sidebar-lg{height:30rem}@media screen and (max-width: 64em){.cax-sidebar-left.cax-sidebar-lg,.cax-sidebar-left.cax-sidebar-md,.cax-sidebar-right.cax-sidebar-lg,.cax-sidebar-right.cax-sidebar-md{width:478px}}}\n"] }]
+                    }, template: "  <!-- Sidebar Panel -->\r\n  <div\r\n    #container\r\n    [ngClass]=\"{\r\n      'cax-sidebar': true,\r\n      'cax-sidebar-active': visible,\r\n      'cax-sidebar-overlay': mode === 'overlay',\r\n      'cax-sidebar-inline': mode === 'inline',\r\n      'cax-sidebar-left': position === 'left' && !fullScreen,\r\n      'cax-sidebar-right': position === 'right' && !fullScreen,\r\n      'cax-sidebar-top': position === 'top' && !fullScreen,\r\n      'cax-sidebar-bottom': position === 'bottom' && !fullScreen,\r\n      'cax-sidebar-full': fullScreen\r\n    }\"\r\n    *ngIf=\"visible\"\r\n    [@panelState]=\"{ value: 'visible', params: { transform: transformOptions, transition: transitionOptions } }\"\r\n    (@panelState.start)=\"onAnimationStart($event)\"\r\n    (@panelState.done)=\"onAnimationEnd($event)\"\r\n    [ngStyle]=\"style\"\r\n    [class]=\"styleClass\"\r\n    role=\"complementary\"\r\n    [attr.data-pc-name]=\"'sidebar'\"\r\n    [attr.data-pc-section]=\"'root'\"\r\n    (keydown)=\"onKeyDown($event)\"\r\n  >\r\n    <ng-container *ngTemplateOutlet=\"sidebarTemplate\"></ng-container>\r\n\r\n    <ng-container *ngIf=\"headlessTemplate; else notHeadless\">\r\n      <ng-container *ngTemplateOutlet=\"headlessTemplate\"></ng-container>\r\n    </ng-container>\r\n\r\n    <ng-template #notHeadless>\r\n      <div class=\"cax-sidebar-header\" [ngStyle]=\"headerStyle\">\r\n        <ng-container *ngIf=\"headerTemplate; else defaultHeader\">\r\n          <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\r\n        </ng-container>\r\n        <ng-template #defaultHeader>\r\n          <div>{{ headerText || 'Sidebar' }}</div>\r\n        </ng-template>\r\n\r\n        <button\r\n                  type=\"button\"\r\n                  class=\"cax-sidebar-close cax-sidebar-icon-css cax-link\"\r\n                  (click)=\"close($event)\"\r\n                  (keydown.enter)=\"close($event)\"\r\n                  [attr.aria-label]=\"ariaCloseLabel\"\r\n                  *ngIf=\"showCloseIcon\"\r\n                  caxRipple\r\n                  [attr.data-pc-section]=\"'closebutton'\"\r\n                  [attr.data-pc-groucax-section]=\"'iconcontainer'\"\r\n              >\r\n          <TimesIcon *ngIf=\"!closeIconTemplate\" class=\"cax-sidebar-close-icon\" [attr.data-pc-section]=\"'closeicon'\" />\r\n          <span *ngIf=\"closeIconTemplate\" class=\"cax-sidebar-close-icon\" [attr.data-pc-section]=\"'closeicon'\">\r\n            <ng-template *ngTemplateOutlet=\"closeIconTemplate\"></ng-template>\r\n          </span>\r\n        </button>\r\n      </div>\r\n\r\n      <div class=\"cax-sidebar-content\"[attr.data-pc-section]=\"'content'\">\r\n        <ng-content></ng-content>\r\n        <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\r\n      </div>\r\n\r\n      <div *ngIf=\"footerTemplate\" class=\"cax-sidebar-footer\">\r\n        <ng-container *ngTemplateOutlet=\"footerTemplate\"></ng-container>\r\n      </div>\r\n    </ng-template>\r\n    </div>", styles: ["@layer cax{.cax-sidebar{position:fixed;transition:transform .3s;display:flex;flex-direction:column}.cax-sidebar-content{position:relative;overflow-y:auto;flex-grow:1}.cax-sidebar-header{display:flex;align-items:center}.cax-sidebar-footer{margin-top:auto}.cax-sidebar-icon-css{display:flex;align-items:center;justify-content:center;margin-left:auto}.cax-sidebar-left{top:0;left:0;width:478px;height:-webkit-fill-available;margin:15px;border-radius:12px}.cax-sidebar-right{top:0;right:0;width:480px;height:-webkit-fill-available;margin:15px;border-radius:12px}.cax-sidebar-top{top:0;left:0;width:-webkit-fill-available;height:10rem;margin:15px;border-radius:12px}.cax-sidebar-bottom{bottom:0;left:0;width:-webkit-fill-available;height:10rem;margin:15px;border-radius:12px}.cax-sidebar-inline{margin:0!important;border-radius:0!important}.cax-sidebar-full{width:100%;height:100%;top:0;left:0;-webkit-transition:none;transition:none}.cax-sidebar-left.cax-sidebar-sm,.cax-sidebar-right.cax-sidebar-sm{width:478px}.cax-sidebar-left.cax-sidebar-md,.cax-sidebar-right.cax-sidebar-md{width:40rem}.cax-sidebar-left.cax-sidebar-lg,.cax-sidebar-right.cax-sidebar-lg{width:60rem}.cax-sidebar-top.cax-sidebar-sm,.cax-sidebar-bottom.cax-sidebar-sm{height:10rem}.cax-sidebar-top.cax-sidebar-md,.cax-sidebar-bottom.cax-sidebar-md{height:478px}.cax-sidebar-top.cax-sidebar-lg,.cax-sidebar-bottom.cax-sidebar-lg{height:30rem}@media screen and (max-width: 64em){.cax-sidebar-left.cax-sidebar-lg,.cax-sidebar-left.cax-sidebar-md,.cax-sidebar-right.cax-sidebar-lg,.cax-sidebar-right.cax-sidebar-md{width:478px}}}\n"] }]
         }], ctorParameters: () => [{ type: Document, decorators: [{
                     type: Inject,
                     args: [DOCUMENT]
@@ -431,6 +479,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImpor
                 type: Input
             }], headerStyle: [{
                 type: Input
+            }], isInlineMode: [{
+                type: HostBinding,
+                args: ['class.sidebar-inline']
+            }], sidebarElement: [{
+                type: ViewChild,
+                args: ['container']
             }] } });
 
 class SidebarModule {