cax-design-system 3.0.0 → 3.0.2

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

@@ -1 +1 @@
-{"version":3,"file":"cax-design-system-comments.mjs","sources":["../../src/app/components/comments/comments.ts","../../src/app/components/comments/comments.html","../../src/app/components/comments/comments.module.ts","../../src/app/components/comments/cax-design-system-comments.ts"],"sourcesContent":["import { Component, EventEmitter, Input, Output, ViewChild, ElementRef, ChangeDetectorRef, AfterViewInit, OnDestroy } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\nimport { Avatar } from 'cax-design-system/avatar';\nimport { ButtonModule } from 'cax-design-system/button';\nimport { EditorModule } from 'cax-design-system/editor';\nimport { OverlayPanelModule, OverlayPanel } from 'cax-design-system/overlaypanel';\nimport { ListboxModule } from 'cax-design-system/listbox';\nimport { SharedModule } from 'cax-design-system/api';\nimport { ChipModule } from 'cax-design-system/chip';\n\ninterface MentionUser {\n    firstName: string;\n    lastName: string;\n    userName: string;\n}\n\ninterface Comment {\n    message: string;\n    timestamp: string;\n    currentUser?: boolean;\n    author?: MentionUser;\n    attachments?: File[];\n}\n\ninterface GroupedComments {\n    date: Date;\n    comments: Comment[];\n}\n\n@Component({\n    selector: 'cax-comments',\n    templateUrl: './comments.html',\n    styleUrls: ['./comments.scss'],\n    standalone: true,\n    imports: [CommonModule, Avatar, ButtonModule, EditorModule, FormsModule, OverlayPanelModule, ListboxModule, SharedModule, ChipModule]\n})\nexport class CommentsComponent implements AfterViewInit, OnDestroy {\n    @ViewChild('scrollContainer') private scrollContainer!: ElementRef;\n    @ViewChild('suggestionOverlay') suggestionOverlay!: OverlayPanel;\n    private visibilityObserver?: IntersectionObserver;\n\n    private _comments: Comment[] = [];\n    groupedComments: GroupedComments[] = [];\n    isRichText: boolean = false;\n    commentValue: string = '';\n\n    // Suggestion state\n    isSuggestionVisible: boolean = false;\n    suggestionType: '@' | '#' | null = null;\n    filteredSuggestions: any[] = [];\n    triggerIndex: number = -1;\n    attachedFiles: File[] = [];\n    private lastBounds: any = null;\n\n    constructor(private cdr: ChangeDetectorRef) {}\n\n    ngAfterViewInit(): void {\n        this.scrollToBottom();\n        this.setupVisibilityObserver();\n    }\n\n    ngOnDestroy(): void {\n        if (this.visibilityObserver) {\n            this.visibilityObserver.disconnect();\n        }\n    }\n\n    @Input()\n    set comments(value: Comment[]) {\n        this._comments = value || [];\n        this.recomputeGroups();\n        this.scrollToBottom();\n    }\n\n    get comments(): Comment[] {\n        return this._comments;\n    }\n\n    @Input() commentPlaceholder: string = 'Add your comments here...';\n    private _mentionSuggestions: MentionUser[] = [];\n    private _hashTagSuggestions: string[] = [];\n\n    @Input()\n    set mentionSuggestions(value: MentionUser[]) {\n        this._mentionSuggestions = value || [];\n        this.recomputeGroups();\n    }\n\n    get mentionSuggestions(): MentionUser[] {\n        return this._mentionSuggestions;\n    }\n\n    @Input()\n    set hashTagSuggestions(value: string[]) {\n        this._hashTagSuggestions = value || [];\n        this.recomputeGroups();\n    }\n\n    get hashTagSuggestions(): string[] {\n        return this._hashTagSuggestions;\n    }\n\n    @Input() acceptedFiles: string[] = [];\n\n    get acceptFileTypes(): string {\n        if (!this.acceptedFiles || this.acceptedFiles.length === 0) return '';\n        return this.acceptedFiles.map((type) => (type.startsWith('.') ? type : `.${type}`)).join(',');\n    }\n\n    @Output() onSendComment = new EventEmitter<{ message: string; attachments: File[] }>();\n    @Output() onFileSelect = new EventEmitter<File[]>();\n    @Output() onDownloadFile = new EventEmitter<any>();\n    @ViewChild('editor') editor!: any;\n\n    private recomputeGroups(): void {\n        const groups = this._comments.reduce((acc: GroupedComments[], comment) => {\n            const date = new Date(comment.timestamp);\n            const dateOnly = new Date(date.getFullYear(), date.getMonth(), date.getDate());\n\n            let group = acc.find((g) => g.date.getTime() === dateOnly.getTime());\n            if (!group) {\n                group = { date: dateOnly, comments: [] };\n                acc.push(group);\n            }\n            group.comments.push(comment);\n            return acc;\n        }, []);\n\n        groups.sort((a, b) => a.date.getTime() - b.date.getTime());\n\n        groups.forEach((group) => {\n            group.comments.forEach((comment) => {\n                comment.message = this.enrichMessage(comment.message);\n            });\n            group.comments.sort((a, b) => new Date(a.timestamp).getTime() - new Date(b.timestamp).getTime());\n        });\n\n        this.groupedComments = groups;\n    }\n\n    private enrichMessage(message: string): string {\n        if (!message) return '';\n        let processedMessage = message;\n\n        // Replace empty paragraphs with line breaks for cleaner spacing\n        processedMessage = processedMessage.replace(/<p><br><\\/p>/g, '<br/>');\n        processedMessage = processedMessage.replace(/<p><\\/p>/g, '<br/>');\n        processedMessage = processedMessage.replace(/<p>&nbsp;<\\/p>/g, '<br/>');\n\n        // Extract and validate mentions\n        this._mentionSuggestions.forEach((suggestion) => {\n            const username = suggestion.userName;\n            // Only wrap if not already wrapped in the mention span\n            // This regex checks for @username NOT preceded by the mention span start tag\n            const regex = new RegExp(`(?<!class=\"cax-comment-mention\">)@${username}\\\\b`, 'g');\n            processedMessage = processedMessage.replace(regex, `<span class=\"cax-comment-mention\">@${username}</span>`);\n        });\n\n        // Extract and validate hashtags\n        this._hashTagSuggestions.forEach((tag) => {\n            // Only wrap if not already wrapped in the hashtag span\n            const regex = new RegExp(`(?<!class=\"cax-comment-hashtag\">)#${tag}\\\\b`, 'g');\n            processedMessage = processedMessage.replace(regex, `<span class=\"cax-comment-hashtag\">#${tag}</span>`);\n        });\n\n        // Trim trailing empty paragraphs or line breaks\n        processedMessage = processedMessage.replace(/(<p><br><\\/p>|<p><\\/p>|<br\\s*\\/?>)+$/, '');\n\n        return processedMessage;\n    }\n\n    getInitials(author?: { firstName: string; lastName: string }): string {\n        if (!author) return '?';\n        return ((author.firstName?.[0] || '') + (author.lastName?.[0] || '')).toUpperCase();\n    }\n\n    isLastInGroup(groupComments: Comment[], index: number): boolean {\n        const current = groupComments[index];\n        const next = groupComments[index + 1];\n\n        if (current.currentUser) return false;\n        if (!next) return true;\n\n        const currentAuthor = `${current.author?.firstName} ${current.author?.lastName}`;\n        const nextAuthor = `${next.author?.firstName} ${next.author?.lastName}`;\n\n        return next.currentUser || currentAuthor !== nextAuthor;\n    }\n\n    isConsecutive(groupComments: Comment[], index: number): boolean {\n        if (index === 0) return false;\n        const current = groupComments[index];\n        const prev = groupComments[index - 1];\n\n        const currentAuthor = `${current.author?.firstName} ${current.author?.lastName}`;\n        const prevAuthor = `${prev.author?.firstName} ${prev.author?.lastName}`;\n\n        return current.currentUser === prev.currentUser && currentAuthor === prevAuthor;\n    }\n\n    toggleRichText(): void {\n        this.isRichText = !this.isRichText;\n    }\n\n    onFileSelected(event: Event): void {\n        const input = event.target as HTMLInputElement;\n        if (input.files && input.files.length > 0) {\n            this.attachedFiles.push(...Array.from(input.files));\n            this.onFileSelect.emit(this.attachedFiles);\n        }\n        if (input) {\n            input.value = '';\n        }\n    }\n\n    removeAttachedFile(index: number): void {\n        this.attachedFiles.splice(index, 1);\n        this.onFileSelect.emit(this.attachedFiles);\n    }\n\n    onSendMessage(): void {\n        if (this.commentValue || this.attachedFiles.length > 0) {\n            const processedMessage = this.enrichMessage(this.commentValue);\n\n            this.onSendComment.emit({\n                message: processedMessage,\n                attachments: [...this.attachedFiles]\n            });\n\n            this.commentValue = '';\n            this.attachedFiles = [];\n            this.hideSuggestions();\n            this.scrollToBottom();\n        }\n    }\n\n    onDownload(file: any): void {\n        this.onDownloadFile.emit(file);\n    }\n\n    // Suggestion implementation\n    private showSuggestions(type: '@' | '#', index: number, bounds?: any): void {\n        this.suggestionType = type;\n        this.triggerIndex = index;\n        this.lastBounds = bounds;\n        this.filterSuggestions('');\n\n        const target = this.editor?.el.nativeElement.querySelector('.cax-editor-content');\n        if (!target) return;\n\n        this.suggestionOverlay.show(null, target);\n        this.updateOverlayPosition();\n    }\n\n    private updateOverlayPosition(): void {\n        setTimeout(() => {\n            const panel = (this.suggestionOverlay as any).container;\n            const target = this.editor?.el.nativeElement.querySelector('.cax-editor-content');\n            if (panel && this.lastBounds && target) {\n                const panelHeight = panel.offsetHeight;\n                const rect = target.getBoundingClientRect();\n\n                panel.style.position = 'fixed';\n                panel.style.zIndex = '9999';\n                panel.style.left = `${rect.left + this.lastBounds.left}px`;\n                panel.style.top = `${rect.top + this.lastBounds.top - panelHeight - 10}px`;\n                this.cdr.detectChanges();\n            }\n        }, 0);\n    }\n\n    hideSuggestions(): void {\n        if (this.suggestionType === null) return;\n        this.suggestionOverlay?.hide();\n        this.suggestionType = null;\n        this.filteredSuggestions = [];\n        this.triggerIndex = -1;\n        this.cdr.detectChanges();\n    }\n\n    onEditorTextChange(event: any): void {\n        const quill = this.editor.getQuill();\n        if (!quill) return;\n\n        // 20ms delay to ensure Quill and DOM are synchronized\n        setTimeout(() => {\n            const range = quill.getSelection();\n            if (!range) return;\n\n            const text = quill.getText(0, range.index);\n            const token = this.getTokenAtCursor(text, range.index);\n\n            if (token) {\n                const type = token.charAt(0) as '@' | '#';\n                const hasSuggestions = type === '@' ? this.mentionSuggestions?.length > 0 : this.hashTagSuggestions?.length > 0;\n\n                if (hasSuggestions) {\n                    // If trigger type changed while open, reset first\n                    if (this.suggestionType && this.suggestionType !== type) {\n                        this.hideSuggestions();\n                    }\n\n                    if (!this.suggestionType) {\n                        const bounds = quill.getBounds(range.index);\n                        this.showSuggestions(type, range.index, bounds);\n                    } else {\n                        this.filterSuggestions(token.slice(1));\n                        this.updateOverlayPosition();\n                    }\n                } else if (this.suggestionType) {\n                    this.hideSuggestions();\n                }\n            } else if (this.suggestionType) {\n                this.hideSuggestions();\n            }\n        }, 20);\n    }\n\n    private filterSuggestions(searchTerm: string): void {\n        const term = searchTerm.toLowerCase();\n\n        // Fast-path: if search term is empty, just return the full list\n        if (term === '') {\n            this.filteredSuggestions = this.suggestionType === '@' ? [...this._mentionSuggestions] : [...this._hashTagSuggestions];\n        } else if (this.suggestionType === '@') {\n            this.filteredSuggestions = this._mentionSuggestions.filter((s) => s.firstName.toLowerCase().includes(term) || s.lastName.toLowerCase().includes(term) || s.userName.toLowerCase().includes(term));\n        } else {\n            this.filteredSuggestions = this._hashTagSuggestions.filter((s) => s.toLowerCase().includes(term));\n        }\n\n        if (this.filteredSuggestions.length === 0 && searchTerm !== '') {\n            this.hideSuggestions();\n        }\n\n        this.cdr.detectChanges();\n    }\n\n    onSuggestionSelect(item: any): void {\n        const selectedValue = this.suggestionType === '@' ? `@${item.userName}` : `#${item}`;\n\n        const quill = (this.editor as any).getQuill();\n        const range = quill.getSelection();\n        if (range) {\n            const textBefore = quill.getText(0, range.index);\n            const token = this.getTokenAtCursor(textBefore, range.index);\n            const start = range.index - (token ? token.length : 0);\n            quill.deleteText(start, token ? token.length : 0);\n            quill.insertText(start, selectedValue + ' ');\n            quill.setSelection(start + selectedValue.length + 1);\n            quill.focus();\n        }\n\n        this.hideSuggestions();\n    }\n\n    private 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    onEditorKeyDown(event: KeyboardEvent): void {\n        if (!this.isRichText && event.key === 'Enter' && !event.shiftKey) {\n            event.preventDefault();\n            event.stopPropagation();\n            this.onSendMessage();\n        }\n    }\n\n    formatBytes(bytes: number, decimals: number = 2): string {\n        if (!+bytes) return '0 Bytes';\n\n        const k = 1024;\n        const dm = decimals < 0 ? 0 : decimals;\n        const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];\n\n        const i = Math.floor(Math.log(bytes) / Math.log(k));\n\n        return `${parseFloat((bytes / Math.pow(k, i)).toFixed(dm))} ${sizes[i]}`;\n    }\n\n    private scrollToBottom(): void {\n        setTimeout(() => {\n            if (this.scrollContainer) {\n                const element = this.scrollContainer.nativeElement;\n                element.scrollTop = element.scrollHeight;\n                this.cdr.detectChanges();\n            }\n        }, 100);\n    }\n\n    private setupVisibilityObserver(): void {\n        if (typeof IntersectionObserver !== 'undefined' && this.scrollContainer) {\n            this.visibilityObserver = new IntersectionObserver((entries) => {\n                entries.forEach((entry) => {\n                    if (entry.isIntersecting) {\n                        this.scrollToBottom();\n                    }\n                });\n            });\n            this.visibilityObserver.observe(this.scrollContainer.nativeElement);\n        }\n    }\n}\n","<div class=\"cax-comments\">\n    <div class=\"cax-comments-container\" #scrollContainer>\n        <div class=\"cax-comments-empty\" *ngIf=\"groupedComments.length === 0\">\n            <i class=\"cax cax-chat-line-bold\"></i>\n            <div>\n                <span class=\"cax-text-action-md-medium\">No comments yet</span>\n                <span class=\"cax-text-action-sm-regular\">You can post a comment here to start the conversation. All feedback and discussions will appear here.</span>\n            </div>\n        </div>\n        <div class=\"cax-comments-group\" *ngFor=\"let group of groupedComments\">\n            <div class=\"cax-comments-date\">\n                <span class=\"cax-text-action-xsm-semibold\">{{ group.date | date: 'MMM d, y' }}</span>\n            </div>\n            <div class=\"cax-comment-row\" *ngFor=\"let comment of group.comments; let i = index\" [class.current-user]=\"comment.currentUser\" [class.consecutive]=\"isConsecutive(group.comments, i)\">\n                <div class=\"cax-avatar-container\" *ngIf=\"!comment.currentUser\">\n                    <cax-avatar *ngIf=\"isLastInGroup(group.comments, i); else avatarSpacer\" [label]=\"getInitials(comment.author)\" shape=\"square\" avatarSize=\"sm\"></cax-avatar>\n                    <ng-template #avatarSpacer>\n                        <div class=\"avatar-spacer\"></div>\n                    </ng-template>\n                </div>\n                <div class=\"cax-comment-bubble\">\n                    <div class=\"cax-comment-message-container\">\n                        <span class=\"cax-comment-username cax-text-body-sm-semibold\" *ngIf=\"!comment.currentUser\">{{ comment.author?.firstName }} {{ comment.author?.lastName }}</span>\n                        <div class=\"cax-comment-attachments\" *ngIf=\"comment.attachments?.length\">\n                            <div *ngFor=\"let file of comment.attachments\" class=\"cax-comment-file-preview\">\n                                <span class=\"cax-comment-file-name cax-text-action-md-medium\">{{ file.name }}</span>\n                                <span class=\"cax-comment-file-size cax-text-action-sm-medium\">{{ formatBytes(file.size) }}</span>\n                                <span class=\"cax cax-download cax-comment-file-download\" (click)=\"onDownload(file)\"></span>\n                            </div>\n                        </div>\n                        <span class=\"cax-comment-message cax-text-body-md-regular\" [innerHTML]=\"comment.message\"></span>\n                        <span class=\"cax-comment-time cax-text-action-sm-medium\">{{ comment.timestamp | date: 'shortTime' }}</span>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n    <div class=\"cax-comment-bar\">\n        <div class=\"cax-comment-input-wrapper\" [class.toolbar-hidden]=\"!isRichText\" (keydown)=\"onEditorKeyDown($event)\">\n            <cax-editor #editor [placeholder]=\"commentPlaceholder\" [style]=\"{ maxHeight: '300px' }\" [(ngModel)]=\"commentValue\" (onTextChange)=\"onEditorTextChange($event)\">\n                <ng-template caxTemplate=\"header\">\n                    <span class=\"ql-formats\">\n                        <button type=\"button\" class=\"ql-bold\" aria-label=\"Bold\"></button>\n                        <button type=\"button\" class=\"ql-italic\" aria-label=\"Italic\"></button>\n                        <button type=\"button\" class=\"ql-underline\" aria-label=\"Underline\"></button>\n                        <button type=\"button\" class=\"ql-list\" value=\"bullet\" aria-label=\"Bullet List\"></button>\n                        <button type=\"button\" class=\"ql-link\" aria-label=\"Insert Link\"></button>\n                        <button type=\"button\" class=\"ql-image\" aria-label=\"Insert Image\"></button>\n                        <button type=\"button\" class=\"ql-code-block\" aria-label=\"Code Block\"></button>\n                    </span>\n                </ng-template>\n            </cax-editor>\n            <div class=\"cax-comment-input-footer\">\n                <div class=\"cax-comment-attached-files\">\n                    <div class=\"cax-comment-attached-file\" *ngFor=\"let file of attachedFiles; let i = index\">\n                        <span class=\"file-name cax-text-action-md-medium\">{{ file.name }}</span>\n                        <i class=\"cax cax-close\" (click)=\"removeAttachedFile(i)\"></i>\n                    </div>\n                </div>\n                <div class=\"cax-comment-bar-actions\">\n                    <div (click)=\"toggleRichText()\" [class.active]=\"isRichText\">\n                        <i class=\"cax cax-text-icon\"></i>\n                    </div>\n                    <div (click)=\"fileInput.click()\">\n                        <i class=\"cax cax-paperclip\"></i>\n                        <input type=\"file\" #fileInput [accept]=\"acceptFileTypes\" style=\"display: none\" (change)=\"onFileSelected($event)\" multiple />\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"cax-comment-bar-actions\">\n            <cax-button [icon]=\"'cax cax-plain'\" [rounded]=\"true\" [size]=\"'lg'\" [disabled]=\"!commentValue && attachedFiles.length === 0\" (click)=\"onSendMessage()\"></cax-button>\n        </div>\n    </div>\n\n    <cax-overlayPanel styleClass=\"cax-comments-suggestion-overlay\" #suggestionOverlay [style]=\"{ width: '250px', 'max-height': '300px' }\" (onHide)=\"hideSuggestions()\">\n        <div class=\"cax-comments-suggestion-list\">\n            <div class=\"cax-comments-suggestion-item\" *ngFor=\"let item of filteredSuggestions\" (mousedown)=\"$event.preventDefault(); onSuggestionSelect(item)\">\n                <ng-container *ngIf=\"suggestionType === '@'\">\n                    <cax-avatar [label]=\"getInitials(item)\" shape=\"circle\" avatarSize=\"sm\"></cax-avatar>\n                    <div class=\"cax-comments-suggestion-info\">\n                        <span class=\"cax-comments-suggestion-label\">{{ item.firstName }} {{ item.lastName }}</span>\n                        <span class=\"cax-comments-suggestion-subtext\">&#64;{{ item.userName }}</span>\n                    </div>\n                </ng-container>\n                <ng-container *ngIf=\"suggestionType === '#'\">\n                    <div class=\"cax-comments-suggestion-info\">\n                        <span class=\"cax-comments-suggestion-label\">{{ item }}</span>\n                    </div>\n                </ng-container>\n            </div>\n        </div>\n    </cax-overlayPanel>\n</div>\n","import { NgModule } from '@angular/core';\nimport { CommentsComponent } from './comments';\n\n@NgModule({\n    imports: [CommentsComponent],\n    exports: [CommentsComponent]\n})\nexport class CommentsModule {}\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-comments.mjs","sources":["../../src/app/components/comments/comments.ts","../../src/app/components/comments/comments.html","../../src/app/components/comments/comments.module.ts","../../src/app/components/comments/cax-design-system-comments.ts"],"sourcesContent":["import { Component, EventEmitter, Input, Output, ViewChild, ElementRef, ChangeDetectorRef, AfterViewInit, OnDestroy } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\nimport { Avatar } from 'cax-design-system/avatar';\nimport { ButtonModule } from 'cax-design-system/button';\nimport { EditorModule } from 'cax-design-system/editor';\nimport { OverlayPanelModule, OverlayPanel } from 'cax-design-system/overlaypanel';\nimport { ListboxModule } from 'cax-design-system/listbox';\nimport { SharedModule } from 'cax-design-system/api';\nimport { ChipModule } from 'cax-design-system/chip';\n\ninterface MentionUser {\n    firstName: string;\n    lastName: string;\n    userName: string;\n}\n\ninterface Comment {\n    message: string;\n    timestamp: string;\n    currentUser?: boolean;\n    author?: MentionUser;\n    attachments?: File[];\n}\n\ninterface GroupedComments {\n    date: Date;\n    comments: Comment[];\n}\n\n@Component({\n    selector: 'cax-comments',\n    templateUrl: './comments.html',\n    styleUrls: ['./comments.scss'],\n    standalone: true,\n    imports: [CommonModule, Avatar, ButtonModule, EditorModule, FormsModule, OverlayPanelModule, ListboxModule, SharedModule, ChipModule]\n})\nexport class CommentsComponent implements AfterViewInit, OnDestroy {\n    @ViewChild('scrollContainer') private scrollContainer!: ElementRef;\n    @ViewChild('suggestionOverlay') suggestionOverlay!: OverlayPanel;\n    private visibilityObserver?: IntersectionObserver;\n\n    private _comments: Comment[] = [];\n    groupedComments: GroupedComments[] = [];\n    isRichText: boolean = false;\n    commentValue: string = '';\n\n    // Suggestion state\n    isSuggestionVisible: boolean = false;\n    suggestionType: '@' | '#' | null = null;\n    filteredSuggestions: any[] = [];\n    triggerIndex: number = -1;\n    attachedFiles: File[] = [];\n    private lastBounds: any = null;\n\n    constructor(private cdr: ChangeDetectorRef) {}\n\n    ngAfterViewInit(): void {\n        this.scrollToBottom();\n        this.setupVisibilityObserver();\n    }\n\n    ngOnDestroy(): void {\n        if (this.visibilityObserver) {\n            this.visibilityObserver.disconnect();\n        }\n    }\n\n    @Input()\n    set comments(value: Comment[]) {\n        this._comments = value || [];\n        this.recomputeGroups();\n        this.scrollToBottom();\n    }\n\n    get comments(): Comment[] {\n        return this._comments;\n    }\n\n    @Input() commentPlaceholder: string = 'Add your comments here...';\n    private _mentionSuggestions: MentionUser[] = [];\n    private _hashTagSuggestions: string[] = [];\n\n    @Input()\n    set mentionSuggestions(value: MentionUser[]) {\n        this._mentionSuggestions = value || [];\n        this.recomputeGroups();\n    }\n\n    get mentionSuggestions(): MentionUser[] {\n        return this._mentionSuggestions;\n    }\n\n    @Input()\n    set hashTagSuggestions(value: string[]) {\n        this._hashTagSuggestions = value || [];\n        this.recomputeGroups();\n    }\n\n    get hashTagSuggestions(): string[] {\n        return this._hashTagSuggestions;\n    }\n\n    @Input() acceptedFiles: string[] = [];\n\n    get acceptFileTypes(): string {\n        if (!this.acceptedFiles || this.acceptedFiles.length === 0) return '';\n        return this.acceptedFiles.map((type) => (type.startsWith('.') ? type : `.${type}`)).join(',');\n    }\n\n    @Output() onSendComment = new EventEmitter<{ message: string; attachments: File[] }>();\n    @Output() onFileSelect = new EventEmitter<File[]>();\n    @Output() onDownloadFile = new EventEmitter<any>();\n    @ViewChild('editor') editor!: any;\n\n    private recomputeGroups(): void {\n        const groups = this._comments.reduce((acc: GroupedComments[], comment) => {\n            const date = new Date(comment.timestamp);\n            const dateOnly = new Date(date.getFullYear(), date.getMonth(), date.getDate());\n\n            let group = acc.find((g) => g.date.getTime() === dateOnly.getTime());\n            if (!group) {\n                group = { date: dateOnly, comments: [] };\n                acc.push(group);\n            }\n            group.comments.push(comment);\n            return acc;\n        }, []);\n\n        groups.sort((a, b) => a.date.getTime() - b.date.getTime());\n\n        groups.forEach((group) => {\n            group.comments.forEach((comment) => {\n                comment.message = this.enrichMessage(comment.message);\n            });\n            group.comments.sort((a, b) => new Date(a.timestamp).getTime() - new Date(b.timestamp).getTime());\n        });\n\n        this.groupedComments = groups;\n    }\n\n    private enrichMessage(message: string): string {\n        if (!message) return '';\n        let processedMessage = message;\n\n        // Replace empty paragraphs with line breaks for cleaner spacing\n        processedMessage = processedMessage.replace(/<p><br><\\/p>/g, '<br/>');\n        processedMessage = processedMessage.replace(/<p><\\/p>/g, '<br/>');\n        processedMessage = processedMessage.replace(/<p>&nbsp;<\\/p>/g, '<br/>');\n\n        // Extract and validate mentions\n        this._mentionSuggestions?.forEach((suggestion) => {\n            const username = suggestion.userName;\n            // Only wrap if not already wrapped in the mention span\n            // This regex checks for @username NOT preceded by the mention span start tag\n            const regex = new RegExp(`(?<!class=\"cax-comment-mention\">)@${username}\\\\b`, 'g');\n            processedMessage = processedMessage.replace(regex, `<span class=\"cax-comment-mention\">@${username}</span>`);\n        });\n\n        // Extract and validate hashtags\n        this._hashTagSuggestions?.forEach((tag) => {\n            // Only wrap if not already wrapped in the hashtag span\n            const regex = new RegExp(`(?<!class=\"cax-comment-hashtag\">)#${tag}\\\\b`, 'g');\n            processedMessage = processedMessage.replace(regex, `<span class=\"cax-comment-hashtag\">#${tag}</span>`);\n        });\n\n        // Trim trailing empty paragraphs or line breaks\n        processedMessage = processedMessage.replace(/(<p><br><\\/p>|<p><\\/p>|<br\\s*\\/?>)+$/, '');\n\n        return processedMessage;\n    }\n\n    getInitials(author?: { firstName: string; lastName: string }): string {\n        if (!author) return '?';\n        return ((author.firstName?.[0] || '') + (author.lastName?.[0] || '')).toUpperCase();\n    }\n\n    isLastInGroup(groupComments: Comment[], index: number): boolean {\n        const current = groupComments[index];\n        const next = groupComments[index + 1];\n\n        if (current.currentUser) return false;\n        if (!next) return true;\n\n        const currentAuthor = `${current.author?.firstName} ${current.author?.lastName}`;\n        const nextAuthor = `${next.author?.firstName} ${next.author?.lastName}`;\n\n        return next.currentUser || currentAuthor !== nextAuthor;\n    }\n\n    isConsecutive(groupComments: Comment[], index: number): boolean {\n        if (index === 0) return false;\n        const current = groupComments[index];\n        const prev = groupComments[index - 1];\n\n        const currentAuthor = `${current.author?.firstName} ${current.author?.lastName}`;\n        const prevAuthor = `${prev.author?.firstName} ${prev.author?.lastName}`;\n\n        return current.currentUser === prev.currentUser && currentAuthor === prevAuthor;\n    }\n\n    toggleRichText(): void {\n        this.isRichText = !this.isRichText;\n    }\n\n    onFileSelected(event: Event): void {\n        const input = event.target as HTMLInputElement;\n        if (input.files && input.files.length > 0) {\n            this.attachedFiles.push(...Array.from(input.files));\n            this.onFileSelect.emit(this.attachedFiles);\n        }\n        if (input) {\n            input.value = '';\n        }\n    }\n\n    removeAttachedFile(index: number): void {\n        this.attachedFiles.splice(index, 1);\n        this.onFileSelect.emit(this.attachedFiles);\n    }\n\n    onSendMessage(): void {\n        if (this.commentValue || this.attachedFiles.length > 0) {\n            const processedMessage = this.enrichMessage(this.commentValue);\n\n            this.onSendComment.emit({\n                message: processedMessage,\n                attachments: [...this.attachedFiles]\n            });\n\n            this.commentValue = '';\n            this.attachedFiles = [];\n            this.hideSuggestions();\n            this.scrollToBottom();\n        }\n    }\n\n    onDownload(file: any): void {\n        this.onDownloadFile.emit(file);\n    }\n\n    // Suggestion implementation\n    private showSuggestions(type: '@' | '#', index: number, bounds?: any): void {\n        this.suggestionType = type;\n        this.triggerIndex = index;\n        this.lastBounds = bounds;\n        this.filterSuggestions('');\n\n        const target = this.editor?.el.nativeElement.querySelector('.cax-editor-content');\n        if (!target) return;\n\n        this.suggestionOverlay.show(null, target);\n        this.updateOverlayPosition();\n    }\n\n    private updateOverlayPosition(): void {\n        setTimeout(() => {\n            const panel = (this.suggestionOverlay as any).container;\n            const target = this.editor?.el.nativeElement.querySelector('.cax-editor-content');\n            if (panel && this.lastBounds && target) {\n                const panelHeight = panel.offsetHeight;\n                const rect = target.getBoundingClientRect();\n\n                panel.style.position = 'fixed';\n                panel.style.zIndex = '9999';\n                panel.style.left = `${rect.left + this.lastBounds.left}px`;\n                panel.style.top = `${rect.top + this.lastBounds.top - panelHeight - 10}px`;\n                this.cdr.detectChanges();\n            }\n        }, 0);\n    }\n\n    hideSuggestions(): void {\n        if (this.suggestionType === null) return;\n        this.suggestionOverlay?.hide();\n        this.suggestionType = null;\n        this.filteredSuggestions = [];\n        this.triggerIndex = -1;\n        this.cdr.detectChanges();\n    }\n\n    onEditorTextChange(event: any): void {\n        const quill = this.editor.getQuill();\n        if (!quill) return;\n\n        // 20ms delay to ensure Quill and DOM are synchronized\n        setTimeout(() => {\n            const range = quill.getSelection();\n            if (!range) return;\n\n            const text = quill.getText(0, range.index);\n            const token = this.getTokenAtCursor(text, range.index);\n\n            if (token) {\n                const type = token.charAt(0) as '@' | '#';\n                const hasSuggestions = type === '@' ? this.mentionSuggestions?.length > 0 : this.hashTagSuggestions?.length > 0;\n\n                if (hasSuggestions) {\n                    // If trigger type changed while open, reset first\n                    if (this.suggestionType && this.suggestionType !== type) {\n                        this.hideSuggestions();\n                    }\n\n                    if (!this.suggestionType) {\n                        const bounds = quill.getBounds(range.index);\n                        this.showSuggestions(type, range.index, bounds);\n                    } else {\n                        this.filterSuggestions(token.slice(1));\n                        this.updateOverlayPosition();\n                    }\n                } else if (this.suggestionType) {\n                    this.hideSuggestions();\n                }\n            } else if (this.suggestionType) {\n                this.hideSuggestions();\n            }\n        }, 20);\n    }\n\n    private filterSuggestions(searchTerm: string): void {\n        const term = searchTerm.toLowerCase();\n\n        // Fast-path: if search term is empty, just return the full list\n        if (term === '') {\n            this.filteredSuggestions = this.suggestionType === '@' ? [...this._mentionSuggestions] : [...this._hashTagSuggestions];\n        } else if (this.suggestionType === '@') {\n            this.filteredSuggestions = this._mentionSuggestions?.filter((s) => s.firstName.toLowerCase().includes(term) || s.lastName.toLowerCase().includes(term) || s.userName.toLowerCase().includes(term));\n        } else {\n            this.filteredSuggestions = this._hashTagSuggestions?.filter((s) => s.toLowerCase().includes(term));\n        }\n\n        if (this.filteredSuggestions.length === 0 && searchTerm !== '') {\n            this.hideSuggestions();\n        }\n\n        this.cdr.detectChanges();\n    }\n\n    onSuggestionSelect(item: any): void {\n        const selectedValue = this.suggestionType === '@' ? `@${item.userName}` : `#${item}`;\n\n        const quill = (this.editor as any).getQuill();\n        const range = quill.getSelection();\n        if (range) {\n            const textBefore = quill.getText(0, range.index);\n            const token = this.getTokenAtCursor(textBefore, range.index);\n            const start = range.index - (token ? token.length : 0);\n            quill.deleteText(start, token ? token.length : 0);\n            quill.insertText(start, selectedValue + ' ');\n            quill.setSelection(start + selectedValue.length + 1);\n            quill.focus();\n        }\n\n        this.hideSuggestions();\n    }\n\n    private 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    onEditorKeyDown(event: KeyboardEvent): void {\n        if (!this.isRichText && event.key === 'Enter' && !event.shiftKey) {\n            event.preventDefault();\n            event.stopPropagation();\n            this.onSendMessage();\n        }\n    }\n\n    formatBytes(bytes: number, decimals: number = 2): string {\n        if (!+bytes) return '0 Bytes';\n\n        const k = 1024;\n        const dm = decimals < 0 ? 0 : decimals;\n        const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];\n\n        const i = Math.floor(Math.log(bytes) / Math.log(k));\n\n        return `${parseFloat((bytes / Math.pow(k, i)).toFixed(dm))} ${sizes[i]}`;\n    }\n\n    private scrollToBottom(): void {\n        setTimeout(() => {\n            if (this.scrollContainer) {\n                const element = this.scrollContainer.nativeElement;\n                element.scrollTop = element.scrollHeight;\n                this.cdr.detectChanges();\n            }\n        }, 100);\n    }\n\n    private setupVisibilityObserver(): void {\n        if (typeof IntersectionObserver !== 'undefined' && this.scrollContainer) {\n            this.visibilityObserver = new IntersectionObserver((entries) => {\n                entries.forEach((entry) => {\n                    if (entry.isIntersecting) {\n                        this.scrollToBottom();\n                    }\n                });\n            });\n            this.visibilityObserver.observe(this.scrollContainer.nativeElement);\n        }\n    }\n}\n","<div class=\"cax-comments\">\n    <div class=\"cax-comments-container\" #scrollContainer>\n        <div class=\"cax-comments-empty\" *ngIf=\"groupedComments.length === 0\">\n            <i class=\"cax cax-chat-line-bold\"></i>\n            <div>\n                <span class=\"cax-text-action-md-medium\">No comments yet</span>\n                <span class=\"cax-text-action-sm-regular\">You can post a comment here to start the conversation. All feedback and discussions will appear here.</span>\n            </div>\n        </div>\n        <div class=\"cax-comments-group\" *ngFor=\"let group of groupedComments\">\n            <div class=\"cax-comments-date\">\n                <span class=\"cax-text-action-xsm-semibold\">{{ group.date | date: 'MMM d, y' }}</span>\n            </div>\n            <div class=\"cax-comment-row\" *ngFor=\"let comment of group.comments; let i = index\" [class.current-user]=\"comment.currentUser\" [class.consecutive]=\"isConsecutive(group.comments, i)\">\n                <div class=\"cax-avatar-container\" *ngIf=\"!comment.currentUser\">\n                    <cax-avatar *ngIf=\"isLastInGroup(group.comments, i); else avatarSpacer\" [label]=\"getInitials(comment.author)\" shape=\"square\" avatarSize=\"sm\"></cax-avatar>\n                    <ng-template #avatarSpacer>\n                        <div class=\"avatar-spacer\"></div>\n                    </ng-template>\n                </div>\n                <div class=\"cax-comment-bubble\">\n                    <div class=\"cax-comment-message-container\">\n                        <span class=\"cax-comment-username cax-text-body-sm-semibold\" *ngIf=\"!comment.currentUser\">{{ comment.author?.firstName }} {{ comment.author?.lastName }}</span>\n                        <div class=\"cax-comment-attachments\" *ngIf=\"comment.attachments?.length\">\n                            <div *ngFor=\"let file of comment.attachments\" class=\"cax-comment-file-preview\">\n                                <span class=\"cax-comment-file-name cax-text-action-md-medium\">{{ file.name }}</span>\n                                <span class=\"cax-comment-file-size cax-text-action-sm-medium\">{{ formatBytes(file.size) }}</span>\n                                <span class=\"cax cax-download cax-comment-file-download\" (click)=\"onDownload(file)\"></span>\n                            </div>\n                        </div>\n                        <span class=\"cax-comment-message cax-text-body-md-regular\" [innerHTML]=\"comment.message\"></span>\n                        <span class=\"cax-comment-time cax-text-action-sm-medium\">{{ comment.timestamp | date: 'shortTime' }}</span>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n    <div class=\"cax-comment-bar\">\n        <div class=\"cax-comment-input-wrapper\" [class.toolbar-hidden]=\"!isRichText\" (keydown)=\"onEditorKeyDown($event)\">\n            <cax-editor #editor [placeholder]=\"commentPlaceholder\" [style]=\"{ maxHeight: '300px' }\" [(ngModel)]=\"commentValue\" (onTextChange)=\"onEditorTextChange($event)\">\n                <ng-template caxTemplate=\"header\">\n                    <span class=\"ql-formats\">\n                        <button type=\"button\" class=\"ql-bold\" aria-label=\"Bold\"></button>\n                        <button type=\"button\" class=\"ql-italic\" aria-label=\"Italic\"></button>\n                        <button type=\"button\" class=\"ql-underline\" aria-label=\"Underline\"></button>\n                        <button type=\"button\" class=\"ql-list\" value=\"bullet\" aria-label=\"Bullet List\"></button>\n                        <button type=\"button\" class=\"ql-link\" aria-label=\"Insert Link\"></button>\n                        <button type=\"button\" class=\"ql-image\" aria-label=\"Insert Image\"></button>\n                        <button type=\"button\" class=\"ql-code-block\" aria-label=\"Code Block\"></button>\n                    </span>\n                </ng-template>\n            </cax-editor>\n            <div class=\"cax-comment-input-footer\">\n                <div class=\"cax-comment-attached-files\">\n                    <div class=\"cax-comment-attached-file\" *ngFor=\"let file of attachedFiles; let i = index\">\n                        <span class=\"file-name cax-text-action-md-medium\">{{ file.name }}</span>\n                        <i class=\"cax cax-close\" (click)=\"removeAttachedFile(i)\"></i>\n                    </div>\n                </div>\n                <div class=\"cax-comment-bar-actions\">\n                    <div (click)=\"toggleRichText()\" [class.active]=\"isRichText\">\n                        <i class=\"cax cax-text-icon\"></i>\n                    </div>\n                    <div (click)=\"fileInput.click()\">\n                        <i class=\"cax cax-paperclip\"></i>\n                        <input type=\"file\" #fileInput [accept]=\"acceptFileTypes\" style=\"display: none\" (change)=\"onFileSelected($event)\" multiple />\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"cax-comment-bar-actions\">\n            <cax-button [icon]=\"'cax cax-plain'\" [rounded]=\"true\" [size]=\"'lg'\" [disabled]=\"!commentValue && attachedFiles.length === 0\" (click)=\"onSendMessage()\"></cax-button>\n        </div>\n    </div>\n\n    <cax-overlayPanel styleClass=\"cax-comments-suggestion-overlay\" #suggestionOverlay [style]=\"{ width: '250px', 'max-height': '300px' }\" (onHide)=\"hideSuggestions()\">\n        <div class=\"cax-comments-suggestion-list\">\n            <div class=\"cax-comments-suggestion-item\" *ngFor=\"let item of filteredSuggestions\" (mousedown)=\"$event.preventDefault(); onSuggestionSelect(item)\">\n                <ng-container *ngIf=\"suggestionType === '@'\">\n                    <cax-avatar [label]=\"getInitials(item)\" shape=\"circle\" avatarSize=\"sm\"></cax-avatar>\n                    <div class=\"cax-comments-suggestion-info\">\n                        <span class=\"cax-comments-suggestion-label\">{{ item.firstName }} {{ item.lastName }}</span>\n                        <span class=\"cax-comments-suggestion-subtext\">&#64;{{ item.userName }}</span>\n                    </div>\n                </ng-container>\n                <ng-container *ngIf=\"suggestionType === '#'\">\n                    <div class=\"cax-comments-suggestion-info\">\n                        <span class=\"cax-comments-suggestion-label\">{{ item }}</span>\n                    </div>\n                </ng-container>\n            </div>\n        </div>\n    </cax-overlayPanel>\n</div>\n","import { NgModule } from '@angular/core';\nimport { CommentsComponent } from './comments';\n\n@NgModule({\n    imports: [CommentsComponent],\n    exports: [CommentsComponent]\n})\nexport class CommentsModule {}\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-comparecard.mjs

@@ -24,7 +24,7 @@ class ComparecardComponent {
     closeClick = new EventEmitter();
     addToCartClick = new EventEmitter();
     /** Internal style signal */
-    _style = signal(null);
+    _style = signal(null, ...(ngDevMode ? [{ debugName: "_style" }] : []));
     set style(value) {
         if (!ObjectUtils.equals(this._style(), value)) {
             this._style.set(value);
@@ -80,10 +80,10 @@ class ComparecardComponent {
     getBlockableElement() {
         return this.el.nativeElement.children[0];
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: ComparecardComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.21", type: ComparecardComponent, isStandalone: false, selector: "compare-card", inputs: { header: "header", subheader: "subheader", activeCard: "activeCard", imageUrl: "imageUrl", iconClass: "iconClass", styleClass: "styleClass", buttonseverity: "buttonseverity", closable: "closable", style: "style" }, outputs: { closeClick: "closeClick", addToCartClick: "addToCartClick" }, host: { classAttribute: "cax-element" }, queries: [{ propertyName: "headerFacet", first: true, predicate: Header, descendants: true }, { propertyName: "footerFacet", first: true, predicate: Footer, descendants: true }, { propertyName: "templates", predicate: CaxTemplate }], ngImport: i0, template: "<div class=\"cax-compare-card\" [ngClass]=\"{ active: activeCard }\" [ngStyle]=\"_style()\">\n    <!-- Image Section -->\n    <div class=\"image-container\">\n        <img [src]=\"imageUrl\" alt=\"Card image\" class=\"cax-compare-card-img\" width=\"100%\" height=\"176px\" />\n        <i *ngIf=\"closable\" class=\"cax cax-close cax-close-icon\" (click)=\"onCloseClick()\"> </i>\n    </div>\n    <!-- Content -->\n    <div class=\"cax-card-content\">\n        <h3 class=\"cax-card-title\">{{ header }}</h3>\n        <ng-container *ngIf=\"contentTemplate; else defaultContent\">\n            <ng-template [ngTemplateOutlet]=\"contentTemplate\"></ng-template>\n        </ng-container>\n        <ng-template #defaultContent></ng-template>\n    </div>\n    <cax-button [leftIcon]=\"'cax cax-cart-large-minimalistic'\" [label]=\"'Add to Cart'\" [severity]=\"buttonseverity\" [style]=\"{ width: '100%' }\" (click)=\"onAddToCartClick()\"></cax-button>\n</div>\n", styles: ["@layer cax{.cax-compare-card{width:250px;border-radius:16px;padding:16px;overflow:hidden;position:relative}.cax-compare-card .cax-card-content .cax-card-title{font-size:14px;font-weight:600;color:#222;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.cax-compare-card .image-container{position:relative;width:100%;height:176px;overflow:hidden}.cax-compare-card .cax-compare-card-img{width:100%;height:100%;object-fit:cover;display:block;border-radius:8px}.cax-compare-card .cax-close-icon{position:absolute;width:32px;height:32px;top:8px;right:8px;font-size:20px;border-radius:50%;padding:7px}}\n"], dependencies: [{ kind: "component", type: i1.Button, selector: "cax-button", inputs: ["type", "iconPos", "icon", "badge", "rightIcon", "leftIcon", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "style", "styleClass", "badgeClass", "ariaLabel", "autofocus"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "directive", type: 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ComparecardComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: ComparecardComponent, isStandalone: false, selector: "compare-card", inputs: { header: "header", subheader: "subheader", activeCard: "activeCard", imageUrl: "imageUrl", iconClass: "iconClass", styleClass: "styleClass", buttonseverity: "buttonseverity", closable: "closable", style: "style" }, outputs: { closeClick: "closeClick", addToCartClick: "addToCartClick" }, host: { classAttribute: "cax-element" }, queries: [{ propertyName: "headerFacet", first: true, predicate: Header, descendants: true }, { propertyName: "footerFacet", first: true, predicate: Footer, descendants: true }, { propertyName: "templates", predicate: CaxTemplate }], ngImport: i0, template: "<div class=\"cax-compare-card\" [ngClass]=\"{ active: activeCard }\" [ngStyle]=\"_style()\">\n    <!-- Image Section -->\n    <div class=\"image-container\">\n        <img [src]=\"imageUrl\" alt=\"Card image\" class=\"cax-compare-card-img\" width=\"100%\" height=\"176px\" />\n        <i *ngIf=\"closable\" class=\"cax cax-close cax-close-icon\" (click)=\"onCloseClick()\"> </i>\n    </div>\n    <!-- Content -->\n    <div class=\"cax-card-content\">\n        <h3 class=\"cax-card-title\">{{ header }}</h3>\n        <ng-container *ngIf=\"contentTemplate; else defaultContent\">\n            <ng-template [ngTemplateOutlet]=\"contentTemplate\"></ng-template>\n        </ng-container>\n        <ng-template #defaultContent></ng-template>\n    </div>\n    <cax-button [leftIcon]=\"'cax cax-cart-large-minimalistic'\" [label]=\"'Add to Cart'\" [severity]=\"buttonseverity\" [style]=\"{ width: '100%' }\" (click)=\"onAddToCartClick()\"></cax-button>\n</div>\n", styles: ["@layer cax{.cax-compare-card{width:250px;border-radius:16px;padding:16px;overflow:hidden;position:relative}.cax-compare-card .cax-card-content .cax-card-title{font-size:14px;font-weight:600;color:#222;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.cax-compare-card .image-container{position:relative;width:100%;height:176px;overflow:hidden}.cax-compare-card .cax-compare-card-img{width:100%;height:100%;object-fit:cover;display:block;border-radius:8px}.cax-compare-card .cax-close-icon{position:absolute;width:32px;height:32px;top:8px;right:8px;font-size:20px;border-radius:50%;padding:7px}}\n"], dependencies: [{ kind: "component", type: i1.Button, selector: "cax-button", inputs: ["type", "iconPos", "icon", "badge", "rightIcon", "leftIcon", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "style", "styleClass", "badgeClass", "ariaLabel", "autofocus"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "directive", type: 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: ComparecardComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ComparecardComponent, decorators: [{
             type: Component,
             args: [{ selector: 'compare-card', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: false, host: {
                         class: 'cax-element'
@@ -122,11 +122,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
             }] } });
 
 class CompareCardModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: CompareCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.21", ngImport: i0, type: CompareCardModule, declarations: [ComparecardComponent], imports: [Button, CommonModule, SharedModule, ButtonModule, BadgeModule], exports: [ComparecardComponent, SharedModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: CompareCardModule, imports: [Button, CommonModule, SharedModule, ButtonModule, BadgeModule, SharedModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CompareCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: CompareCardModule, declarations: [ComparecardComponent], imports: [Button, CommonModule, SharedModule, ButtonModule, BadgeModule], exports: [ComparecardComponent, SharedModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CompareCardModule, imports: [Button, CommonModule, SharedModule, ButtonModule, BadgeModule, SharedModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: CompareCardModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CompareCardModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [Button, CommonModule, SharedModule, ButtonModule, BadgeModule],

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

@@ -1 +1 @@
-{"version":3,"file":"cax-design-system-comparecard.mjs","sources":["../../src/app/components/comparecard/comparecard.component.ts","../../src/app/components/comparecard/comparecard.component.html","../../src/app/components/comparecard/comaparecard.module.ts","../../src/app/components/comparecard/cax-design-system-comparecard.ts"],"sourcesContent":["import { AfterContentInit, ChangeDetectionStrategy, Component, ContentChild, ContentChildren, ElementRef, EventEmitter, Input, Output, QueryList, TemplateRef, ViewEncapsulation, signal } from '@angular/core';\nimport { BlockableUI, Footer, Header, CaxTemplate } from 'cax-design-system/api';\nimport { ObjectUtils } from 'cax-design-system/utils';\n\n@Component({\n    selector: 'compare-card',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    templateUrl: './comparecard.component.html',\n    styleUrl: './comparecard.component.scss',\n    standalone: false,\n    host: {\n        class: 'cax-element'\n    }\n})\nexport class ComparecardComponent implements AfterContentInit {\n    /** Inputs */\n    @Input() header: string | undefined;\n    @Input() subheader: string | undefined;\n    @Input() activeCard: boolean;\n    @Input() imageUrl: string;\n    @Input() iconClass!: string;\n    @Input() styleClass: string | undefined;\n    @Input() buttonseverity: 'success' | 'warning' | 'danger' | 'primary' | 'secondary' | null | undefined;\n    @Input() closable: boolean = true;\n    isVisible: boolean = true;\n\n    /** Outputs */\n    @Output() closeClick = new EventEmitter<void>();\n    @Output() addToCartClick = new EventEmitter<void>();\n\n    /** Internal style signal */\n    _style = signal<{ [klass: string]: any } | null | undefined>(null);\n\n    @Input() set style(value: { [klass: string]: any } | null | undefined) {\n        if (!ObjectUtils.equals(this._style(), value)) {\n            this._style.set(value);\n        }\n    }\n\n    /** Template management */\n    @ContentChild(Header) headerFacet: TemplateRef<any> | undefined;\n    @ContentChild(Footer) footerFacet: TemplateRef<any> | undefined;\n    @ContentChildren(CaxTemplate) templates: QueryList<CaxTemplate> | undefined;\n\n    headerTemplate: TemplateRef<any> | undefined;\n    titleTemplate: TemplateRef<any> | undefined;\n    subtitleTemplate: TemplateRef<any> | undefined;\n    contentTemplate: TemplateRef<any> | undefined;\n    footerTemplate: TemplateRef<any> | undefined;\n\n    constructor(private el: ElementRef) {}\n\n    ngAfterContentInit() {\n        (this.templates as QueryList<CaxTemplate>).forEach((item) => {\n            switch (item.getType()) {\n                case 'header':\n                    this.headerTemplate = item.template;\n                    break;\n                case 'title':\n                    this.titleTemplate = item.template;\n                    break;\n                case 'subtitle':\n                    this.subtitleTemplate = item.template;\n                    break;\n                case 'content':\n                    this.contentTemplate = item.template;\n                    break;\n                case 'footer':\n                    this.footerTemplate = item.template;\n                    break;\n                default:\n                    this.contentTemplate = item.template;\n                    break;\n            }\n        });\n    }\n\n    /** Emits event when close icon is clicked */\n    onCloseClick(): void {\n        if (this.closable) {\n            this.isVisible = false;\n            this.closeClick.emit();\n        }\n    }\n\n    /** Emits event when Add to Cart is clicked */\n    onAddToCartClick(): void {\n        this.addToCartClick.emit();\n    }\n\n    getBlockableElement(): HTMLElement {\n        return this.el.nativeElement.children[0];\n    }\n}\n","<div class=\"cax-compare-card\" [ngClass]=\"{ active: activeCard }\" [ngStyle]=\"_style()\">\n    <!-- Image Section -->\n    <div class=\"image-container\">\n        <img [src]=\"imageUrl\" alt=\"Card image\" class=\"cax-compare-card-img\" width=\"100%\" height=\"176px\" />\n        <i *ngIf=\"closable\" class=\"cax cax-close cax-close-icon\" (click)=\"onCloseClick()\"> </i>\n    </div>\n    <!-- Content -->\n    <div class=\"cax-card-content\">\n        <h3 class=\"cax-card-title\">{{ header }}</h3>\n        <ng-container *ngIf=\"contentTemplate; else defaultContent\">\n            <ng-template [ngTemplateOutlet]=\"contentTemplate\"></ng-template>\n        </ng-container>\n        <ng-template #defaultContent></ng-template>\n    </div>\n    <cax-button [leftIcon]=\"'cax cax-cart-large-minimalistic'\" [label]=\"'Add to Cart'\" [severity]=\"buttonseverity\" [style]=\"{ width: '100%' }\" (click)=\"onAddToCartClick()\"></cax-button>\n</div>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SharedModule } from 'cax-design-system/api';\nimport { ComparecardComponent } from './comparecard.component';\nimport { Button, ButtonModule } from 'cax-design-system/button';\nimport { BadgeModule } from 'cax-design-system/badge';\n\n@NgModule({\n    imports: [Button, CommonModule, SharedModule, ButtonModule, BadgeModule],\n    declarations: [ComparecardComponent],\n    exports: [ComparecardComponent, SharedModule]\n})\nexport class CompareCardModule {}\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-comparecard.mjs","sources":["../../src/app/components/comparecard/comparecard.component.ts","../../src/app/components/comparecard/comparecard.component.html","../../src/app/components/comparecard/comaparecard.module.ts","../../src/app/components/comparecard/cax-design-system-comparecard.ts"],"sourcesContent":["import { AfterContentInit, ChangeDetectionStrategy, Component, ContentChild, ContentChildren, ElementRef, EventEmitter, Input, Output, QueryList, TemplateRef, ViewEncapsulation, signal } from '@angular/core';\nimport { BlockableUI, Footer, Header, CaxTemplate } from 'cax-design-system/api';\nimport { ObjectUtils } from 'cax-design-system/utils';\n\n@Component({\n    selector: 'compare-card',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    templateUrl: './comparecard.component.html',\n    styleUrl: './comparecard.component.scss',\n    standalone: false,\n    host: {\n        class: 'cax-element'\n    }\n})\nexport class ComparecardComponent implements AfterContentInit {\n    /** Inputs */\n    @Input() header: string | undefined;\n    @Input() subheader: string | undefined;\n    @Input() activeCard: boolean;\n    @Input() imageUrl: string;\n    @Input() iconClass!: string;\n    @Input() styleClass: string | undefined;\n    @Input() buttonseverity: 'success' | 'warning' | 'danger' | 'primary' | 'secondary' | null | undefined;\n    @Input() closable: boolean = true;\n    isVisible: boolean = true;\n\n    /** Outputs */\n    @Output() closeClick = new EventEmitter<void>();\n    @Output() addToCartClick = new EventEmitter<void>();\n\n    /** Internal style signal */\n    _style = signal<{ [klass: string]: any } | null | undefined>(null);\n\n    @Input() set style(value: { [klass: string]: any } | null | undefined) {\n        if (!ObjectUtils.equals(this._style(), value)) {\n            this._style.set(value);\n        }\n    }\n\n    /** Template management */\n    @ContentChild(Header) headerFacet: TemplateRef<any> | undefined;\n    @ContentChild(Footer) footerFacet: TemplateRef<any> | undefined;\n    @ContentChildren(CaxTemplate) templates: QueryList<CaxTemplate> | undefined;\n\n    headerTemplate: TemplateRef<any> | undefined;\n    titleTemplate: TemplateRef<any> | undefined;\n    subtitleTemplate: TemplateRef<any> | undefined;\n    contentTemplate: TemplateRef<any> | undefined;\n    footerTemplate: TemplateRef<any> | undefined;\n\n    constructor(private el: ElementRef) {}\n\n    ngAfterContentInit() {\n        (this.templates as QueryList<CaxTemplate>).forEach((item) => {\n            switch (item.getType()) {\n                case 'header':\n                    this.headerTemplate = item.template;\n                    break;\n                case 'title':\n                    this.titleTemplate = item.template;\n                    break;\n                case 'subtitle':\n                    this.subtitleTemplate = item.template;\n                    break;\n                case 'content':\n                    this.contentTemplate = item.template;\n                    break;\n                case 'footer':\n                    this.footerTemplate = item.template;\n                    break;\n                default:\n                    this.contentTemplate = item.template;\n                    break;\n            }\n        });\n    }\n\n    /** Emits event when close icon is clicked */\n    onCloseClick(): void {\n        if (this.closable) {\n            this.isVisible = false;\n            this.closeClick.emit();\n        }\n    }\n\n    /** Emits event when Add to Cart is clicked */\n    onAddToCartClick(): void {\n        this.addToCartClick.emit();\n    }\n\n    getBlockableElement(): HTMLElement {\n        return this.el.nativeElement.children[0];\n    }\n}\n","<div class=\"cax-compare-card\" [ngClass]=\"{ active: activeCard }\" [ngStyle]=\"_style()\">\n    <!-- Image Section -->\n    <div class=\"image-container\">\n        <img [src]=\"imageUrl\" alt=\"Card image\" class=\"cax-compare-card-img\" width=\"100%\" height=\"176px\" />\n        <i *ngIf=\"closable\" class=\"cax cax-close cax-close-icon\" (click)=\"onCloseClick()\"> </i>\n    </div>\n    <!-- Content -->\n    <div class=\"cax-card-content\">\n        <h3 class=\"cax-card-title\">{{ header }}</h3>\n        <ng-container *ngIf=\"contentTemplate; else defaultContent\">\n            <ng-template [ngTemplateOutlet]=\"contentTemplate\"></ng-template>\n        </ng-container>\n        <ng-template #defaultContent></ng-template>\n    </div>\n    <cax-button [leftIcon]=\"'cax cax-cart-large-minimalistic'\" [label]=\"'Add to Cart'\" [severity]=\"buttonseverity\" [style]=\"{ width: '100%' }\" (click)=\"onAddToCartClick()\"></cax-button>\n</div>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SharedModule } from 'cax-design-system/api';\nimport { ComparecardComponent } from './comparecard.component';\nimport { Button, ButtonModule } from 'cax-design-system/button';\nimport { BadgeModule } from 'cax-design-system/badge';\n\n@NgModule({\n    imports: [Button, CommonModule, SharedModule, ButtonModule, BadgeModule],\n    declarations: [ComparecardComponent],\n    exports: [ComparecardComponent, SharedModule]\n})\nexport class CompareCardModule {}\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-confirmdialog.mjs

@@ -623,10 +623,10 @@ class ConfirmDialog {
                 return 'cax-confirm-dialog-icon-primary';
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: ConfirmDialog, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.ConfirmationService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }, { token: i1.caxConfig }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.21", type: ConfirmDialog, isStandalone: false, selector: "cax-confirmDialog", inputs: { header: "header", icon: "icon", message: "message", style: "style", styleClass: "styleClass", maskStyleClass: "maskStyleClass", acceptIcon: "acceptIcon", acceptLabel: "acceptLabel", closeAriaLabel: "closeAriaLabel", acceptAriaLabel: "acceptAriaLabel", acceptVisible: ["acceptVisible", "acceptVisible", booleanAttribute], rejectIcon: "rejectIcon", rejectLabel: "rejectLabel", rejectAriaLabel: "rejectAriaLabel", rejectVisible: ["rejectVisible", "rejectVisible", booleanAttribute], closeOnEscape: ["closeOnEscape", "closeOnEscape", booleanAttribute], dismissableMask: ["dismissableMask", "dismissableMask", booleanAttribute], blockScroll: ["blockScroll", "blockScroll", booleanAttribute], rtl: ["rtl", "rtl", booleanAttribute], closable: ["closable", "closable", booleanAttribute], appendTo: "appendTo", key: "key", autoZIndex: ["autoZIndex", "autoZIndex", booleanAttribute], baseZIndex: ["baseZIndex", "baseZIndex", numberAttribute], transitionOptions: "transitionOptions", focusTrap: ["focusTrap", "focusTrap", booleanAttribute], defaultFocus: "defaultFocus", breakpoints: "breakpoints", showCheckbox: "showCheckbox", checkboxLabel: "checkboxLabel", showCancelButton: "showCancelButton", showAcceptButton: "showAcceptButton", severity: "severity", visible: "visible", position: "position" }, outputs: { onHide: "onHide", visibleChange: "visibleChange" }, host: { classAttribute: "cax-element" }, queries: [{ propertyName: "footer", first: true, predicate: Footer, descendants: true }, { propertyName: "templates", predicate: CaxTemplate }], viewQueries: [{ propertyName: "contentViewChild", first: true, predicate: ["content"], descendants: true }], ngImport: i0, template: "<div [class]=\"maskStyleClass\" [ngClass]=\"getMaskClass()\" *ngIf=\"maskVisible\">\n    <div\n        [ngClass]=\"{ 'cax-dialog cax-confirm-dialog cax-component': true, 'cax-dialog-rtl': rtl }\"\n        [ngStyle]=\"style\"\n        [class]=\"styleClass\"\n        [@animation]=\"{ value: 'visible', params: { transform: transformOptions, transition: transitionOptions } }\"\n        (@animation.start)=\"onAnimationStart($event)\"\n        (@animation.done)=\"onAnimationEnd($event)\"\n        role=\"alertdialog\"\n        *ngIf=\"visible\"\n        [attr.aria-labelledby]=\"ariaLabelledBy\"\n        [attr.aria-modal]=\"true\"\n    >\n        <ng-container *ngIf=\"headlessTemplate; else notHeadless\">\n            <ng-container *ngTemplateOutlet=\"headlessTemplate; context: { $implicit: confirmation }\"></ng-container>\n        </ng-container>\n        <ng-template #notHeadless>\n            <div class=\"cax-dialog-header cax-confirm-dialog-header\" *ngIf=\"headerTemplate\">\n                <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\n            </div>\n            <div class=\"cax-dialog-header cax-confirm-dialog-header\" *ngIf=\"!headerTemplate\">\n                <div class=\"cax-header-allign\">\n                    <i [class]=\"severityIcon\" [ngClass]=\"severityColorClass\" class=\"cax-confirm-dialog-header-icon\" *ngIf=\"!headerTemplate\"></i>\n                    <span class=\"cax-dialog-title cax-text-heading-md-semibold\" [id]=\"ariaLabelledBy\" *ngIf=\"option('header')\">{{ option('header') }}</span>\n                </div>\n                <div class=\"cax-dialog-header-icons\">\n                    <button *ngIf=\"isClosable\" type=\"button\" role=\"button\" [attr.aria-label]=\"closeAriaLabel\" [ngClass]=\"{ 'cax-dialog-header-icon cax-dialog-header-close cax-link': true }\" (click)=\"close($event)\" (keydown.enter)=\"close($event)\">\n                        <i class=\"cax cax-close\"></i>\n                    </button>\n                </div>\n            </div>\n            <div #content class=\"cax-dialog-content cax-text-body-md-medium cax-confirm-dialog-content\">\n                <i [ngClass]=\"'cax-confirm-dialog-icon'\" [class]=\"option('icon')\" *ngIf=\"!iconTemplate && option('icon')\"></i>\n                <ng-container *ngIf=\"iconTemplate\">\n                    <ng-template *ngTemplateOutlet=\"iconTemplate\"></ng-template>\n                </ng-container>\n                <span class=\"cax-confirm-dialog-message cax-text-body-md-medium\" *ngIf=\"!messageTemplate\" [innerHTML]=\"option('message')\"></span>\n                <ng-container *ngIf=\"messageTemplate\">\n                    <ng-template *ngTemplateOutlet=\"messageTemplate; context: { $implicit: confirmation }\"></ng-template>\n                </ng-container>\n            </div>\n            <div *ngIf=\"isShowCheckbox\" class=\"cax-dialog-checkbox\">\n                <cax-checkbox [disabled]=\"false\" [model]=\"model\" [label]=\"checkboxLabel\" binary=\"true\" (onChange)=\"onChange($event)\"></cax-checkbox>\n            </div>\n            <div class=\"cax-dialog-footer cax-confirm-dialog-footer\" *ngIf=\"footer || footerTemplate\">\n                <ng-content select=\"cax-footer\"></ng-content>\n                <ng-container *ngTemplateOutlet=\"footerTemplate\"></ng-container>\n            </div>\n            <div class=\"cax-dialog-footer cax-confirm-dialog-footer\" *ngIf=\"!footer && !footerTemplate\">\n                <span *ngIf=\"showCancelButton\" class=\"cax-button-container\">\n                    <button\n                        type=\"button\"\n                        caxRipple\n                        caxButton\n                        severity=\"secondary\"\n                        outlined=\"true\"\n                        [label]=\"rejectButtonLabel\"\n                        [icon]=\"rejectIcon\"\n                        (click)=\"reject()\"\n                        [ngClass]=\"'cax-confirm-dialog-reject'\"\n                        *ngIf=\"option('rejectVisible')\"\n                        [attr.aria-label]=\"rejectAriaLabel\"\n                    >\n                        <!-- <ng-container *ngIf=\"!rejectIconTemplate\">\n                            <i *ngIf=\"option('rejectIcon')\" [class]=\"option('rejectIcon')\"></i>\n                            <TimesIcon *ngIf=\"!option('rejectIcon')\" [styleClass]=\"'cax-button-icon-left'\" />\n                        </ng-container> -->\n                        <span *ngIf=\"rejectIconTemplate\" class=\"cax-button-icon-left\">\n                            <ng-template *ngTemplateOutlet=\"rejectIconTemplate\"></ng-template>\n                        </span>\n                    </button>\n                </span>\n                <span *ngIf=\"showAcceptButton\" class=\"cax-button-container\">\n                    <button\n                        type=\"button\"\n                        caxRipple\n                        caxButton\n                        [label]=\"acceptButtonLabel\"\n                        [icon]=\"acceptIcon\"\n                        [severity]=\"option('severity') || 'primary'\"\n                        (click)=\"accept()\"\n                        [ngClass]=\"'cax-confirm-dialog-accept'\"\n                        *ngIf=\"option('acceptVisible')\"\n                        [attr.aria-label]=\"acceptAriaLabel\"\n                    >\n                        <!-- <ng-container *ngIf=\"!acceptIconTemplate\">\n                            <i *ngIf=\"option('acceptIcon')\" [class]=\"option('acceptIcon')\"></i>\n                            <CheckIcon *ngIf=\"!option('acceptIcon')\" [styleClass]=\"'cax-button-icon-left'\" />\n                        </ng-container> -->\n                        <span *ngIf=\"acceptIconTemplate\" class=\"cax-button-icon-left\">\n                            <ng-template *ngTemplateOutlet=\"acceptIconTemplate\"></ng-template>\n                        </span>\n                    </button>\n                </span>\n            </div>\n        </ng-template>\n    </div>\n</div>\n", styles: ["@layer cax{.cax-dialog-mask{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;pointer-events:none}.cax-dialog-mask.cax-component-overlay{pointer-events:auto}.cax-dialog{display:flex;flex-direction:column;pointer-events:auto;max-height:90%;transform:scale(1);position:relative}.cax-dialog-content{flex-grow:1}.cax-dialog-header{display:flex;align-items:flex-start;justify-content:space-between;flex-shrink:0}.cax-dialog-draggable .cax-dialog-header{cursor:move}.cax-dialog-footer{display:flex;justify-content:flex-end;gap:12px;flex-shrink:0}.cax-button-container{display:inline-flex;align-items:center}.cax-dialog .cax-dialog-header-icons{display:flex;align-items:center}.cax-dialog .cax-dialog-header-icon{display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.cax-dialog-header-close i{font-size:20px}.cax-fluid .cax-dialog-footer .cax-button{width:auto}.cax-dialog-top .cax-dialog,.cax-dialog-bottom .cax-dialog,.cax-dialog-left .cax-dialog,.cax-dialog-right .cax-dialog,.cax-dialog-top-left .cax-dialog,.cax-dialog-top-right .cax-dialog,.cax-dialog-bottom-left .cax-dialog,.cax-dialog-bottom-right .cax-dialog{margin:.75rem;transform:translateZ(0)}.cax-dialog-maximized{-webkit-transition:none;transition:none;transform:none;width:100vw!important;height:100vh!important;top:0!important;left:0!important;max-height:100%;height:100%}.cax-dialog-maximized .cax-dialog-content{flex-grow:1}.cax-dialog-left{justify-content:flex-start}.cax-dialog-right{justify-content:flex-end}.cax-dialog-top{align-items:flex-start}.cax-dialog-top-left{justify-content:flex-start;align-items:flex-start}.cax-dialog-top-right{justify-content:flex-end;align-items:flex-start}.cax-dialog-bottom{align-items:flex-end}.cax-dialog-bottom-left{justify-content:flex-start;align-items:flex-end}.cax-dialog-bottom-right{justify-content:flex-end;align-items:flex-end}.cax-dialog .cax-resizable-handle{position:absolute;font-size:.1px;display:block;cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.cax-header-allign{display:flex;align-items:center}.cax-dialog-header-icon{font-size:1.25rem}.cax-confirm-dialog .cax-dialog-content{display:flex;align-items:center}.cax-dialog-content .cax-dialog-checkbox{display:block;margin-top:1rem}.cax-dialog-checkbox input[type=checkbox]{margin-right:.5rem}.cax-header-align{display:flex;align-items:center}.cax-confirm-dialog-header-icon{margin-right:12px;font-size:24px;display:flex;align-items:center;justify-content:center}.cax-confirm-dialog-header-icon.cax-confirm-dialog-icon-primary{color:var(--primary-500)}.cax-confirm-dialog-header-icon.cax-confirm-dialog-icon-success{color:var(--success-600)}.cax-confirm-dialog-header-icon.cax-confirm-dialog-icon-warning{color:var(--warning-600)}.cax-confirm-dialog-header-icon.cax-confirm-dialog-icon-danger{color:var(--error-600)}}\n"], dependencies: [{ 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: "directive", type: i3.ButtonDirective, selector: "[caxButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain", "link"] }, { kind: "directive", type: i4.Ripple, selector: "[caxRipple]" }, { kind: "component", type: i5.Checkbox, selector: "cax-checkbox", inputs: ["size", "value", "name", "disabled", "binary", "label", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "styleClass", "labelStyleClass", "formControl", "checkboxIcon", "readonly", "required", "autofocus", "trueValue", "falseValue", "variant", "indeterminate", "model"], outputs: ["onChange", "onFocus", "onBlur"] }], animations: [trigger('animation', [transition('void => visible', [useAnimation(showAnimation)]), transition('visible => void', [useAnimation(hideAnimation)])])], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ConfirmDialog, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.ConfirmationService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }, { token: i1.caxConfig }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.3.25", type: ConfirmDialog, isStandalone: false, selector: "cax-confirmDialog", inputs: { header: "header", icon: "icon", message: "message", style: "style", styleClass: "styleClass", maskStyleClass: "maskStyleClass", acceptIcon: "acceptIcon", acceptLabel: "acceptLabel", closeAriaLabel: "closeAriaLabel", acceptAriaLabel: "acceptAriaLabel", acceptVisible: ["acceptVisible", "acceptVisible", booleanAttribute], rejectIcon: "rejectIcon", rejectLabel: "rejectLabel", rejectAriaLabel: "rejectAriaLabel", rejectVisible: ["rejectVisible", "rejectVisible", booleanAttribute], closeOnEscape: ["closeOnEscape", "closeOnEscape", booleanAttribute], dismissableMask: ["dismissableMask", "dismissableMask", booleanAttribute], blockScroll: ["blockScroll", "blockScroll", booleanAttribute], rtl: ["rtl", "rtl", booleanAttribute], closable: ["closable", "closable", booleanAttribute], appendTo: "appendTo", key: "key", autoZIndex: ["autoZIndex", "autoZIndex", booleanAttribute], baseZIndex: ["baseZIndex", "baseZIndex", numberAttribute], transitionOptions: "transitionOptions", focusTrap: ["focusTrap", "focusTrap", booleanAttribute], defaultFocus: "defaultFocus", breakpoints: "breakpoints", showCheckbox: "showCheckbox", checkboxLabel: "checkboxLabel", showCancelButton: "showCancelButton", showAcceptButton: "showAcceptButton", severity: "severity", visible: "visible", position: "position" }, outputs: { onHide: "onHide", visibleChange: "visibleChange" }, host: { classAttribute: "cax-element" }, queries: [{ propertyName: "footer", first: true, predicate: Footer, descendants: true }, { propertyName: "templates", predicate: CaxTemplate }], viewQueries: [{ propertyName: "contentViewChild", first: true, predicate: ["content"], descendants: true }], ngImport: i0, template: "<div [class]=\"maskStyleClass\" [ngClass]=\"getMaskClass()\" *ngIf=\"maskVisible\">\n    <div\n        [ngClass]=\"{ 'cax-dialog cax-confirm-dialog cax-component': true, 'cax-dialog-rtl': rtl }\"\n        [ngStyle]=\"style\"\n        [class]=\"styleClass\"\n        [@animation]=\"{ value: 'visible', params: { transform: transformOptions, transition: transitionOptions } }\"\n        (@animation.start)=\"onAnimationStart($event)\"\n        (@animation.done)=\"onAnimationEnd($event)\"\n        role=\"alertdialog\"\n        *ngIf=\"visible\"\n        [attr.aria-labelledby]=\"ariaLabelledBy\"\n        [attr.aria-modal]=\"true\"\n    >\n        <ng-container *ngIf=\"headlessTemplate; else notHeadless\">\n            <ng-container *ngTemplateOutlet=\"headlessTemplate; context: { $implicit: confirmation }\"></ng-container>\n        </ng-container>\n        <ng-template #notHeadless>\n            <div class=\"cax-dialog-header cax-confirm-dialog-header\" *ngIf=\"headerTemplate\">\n                <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\n            </div>\n            <div class=\"cax-dialog-header cax-confirm-dialog-header\" *ngIf=\"!headerTemplate\">\n                <div class=\"cax-header-allign\">\n                    <i [class]=\"severityIcon\" [ngClass]=\"severityColorClass\" class=\"cax-confirm-dialog-header-icon\" *ngIf=\"!headerTemplate\"></i>\n                    <span class=\"cax-dialog-title cax-text-heading-md-semibold\" [id]=\"ariaLabelledBy\" *ngIf=\"option('header')\">{{ option('header') }}</span>\n                </div>\n                <div class=\"cax-dialog-header-icons\">\n                    <button *ngIf=\"isClosable\" type=\"button\" role=\"button\" [attr.aria-label]=\"closeAriaLabel\" [ngClass]=\"{ 'cax-dialog-header-icon cax-dialog-header-close cax-link': true }\" (click)=\"close($event)\" (keydown.enter)=\"close($event)\">\n                        <i class=\"cax cax-close\"></i>\n                    </button>\n                </div>\n            </div>\n            <div #content class=\"cax-dialog-content cax-text-body-md-medium cax-confirm-dialog-content\">\n                <i [ngClass]=\"'cax-confirm-dialog-icon'\" [class]=\"option('icon')\" *ngIf=\"!iconTemplate && option('icon')\"></i>\n                <ng-container *ngIf=\"iconTemplate\">\n                    <ng-template *ngTemplateOutlet=\"iconTemplate\"></ng-template>\n                </ng-container>\n                <span class=\"cax-confirm-dialog-message cax-text-body-md-medium\" *ngIf=\"!messageTemplate\" [innerHTML]=\"option('message')\"></span>\n                <ng-container *ngIf=\"messageTemplate\">\n                    <ng-template *ngTemplateOutlet=\"messageTemplate; context: { $implicit: confirmation }\"></ng-template>\n                </ng-container>\n            </div>\n            <div *ngIf=\"isShowCheckbox\" class=\"cax-dialog-checkbox\">\n                <cax-checkbox [disabled]=\"false\" [model]=\"model\" [label]=\"checkboxLabel\" binary=\"true\" (onChange)=\"onChange($event)\"></cax-checkbox>\n            </div>\n            <div class=\"cax-dialog-footer cax-confirm-dialog-footer\" *ngIf=\"footer || footerTemplate\">\n                <ng-content select=\"cax-footer\"></ng-content>\n                <ng-container *ngTemplateOutlet=\"footerTemplate\"></ng-container>\n            </div>\n            <div class=\"cax-dialog-footer cax-confirm-dialog-footer\" *ngIf=\"!footer && !footerTemplate\">\n                <span *ngIf=\"showCancelButton\" class=\"cax-button-container\">\n                    <button\n                        type=\"button\"\n                        caxRipple\n                        caxButton\n                        severity=\"secondary\"\n                        outlined=\"true\"\n                        [label]=\"rejectButtonLabel\"\n                        [icon]=\"rejectIcon\"\n                        (click)=\"reject()\"\n                        [ngClass]=\"'cax-confirm-dialog-reject'\"\n                        *ngIf=\"option('rejectVisible')\"\n                        [attr.aria-label]=\"rejectAriaLabel\"\n                    >\n                        <!-- <ng-container *ngIf=\"!rejectIconTemplate\">\n                            <i *ngIf=\"option('rejectIcon')\" [class]=\"option('rejectIcon')\"></i>\n                            <TimesIcon *ngIf=\"!option('rejectIcon')\" [styleClass]=\"'cax-button-icon-left'\" />\n                        </ng-container> -->\n                        <span *ngIf=\"rejectIconTemplate\" class=\"cax-button-icon-left\">\n                            <ng-template *ngTemplateOutlet=\"rejectIconTemplate\"></ng-template>\n                        </span>\n                    </button>\n                </span>\n                <span *ngIf=\"showAcceptButton\" class=\"cax-button-container\">\n                    <button\n                        type=\"button\"\n                        caxRipple\n                        caxButton\n                        [label]=\"acceptButtonLabel\"\n                        [icon]=\"acceptIcon\"\n                        [severity]=\"option('severity') || 'primary'\"\n                        (click)=\"accept()\"\n                        [ngClass]=\"'cax-confirm-dialog-accept'\"\n                        *ngIf=\"option('acceptVisible')\"\n                        [attr.aria-label]=\"acceptAriaLabel\"\n                    >\n                        <!-- <ng-container *ngIf=\"!acceptIconTemplate\">\n                            <i *ngIf=\"option('acceptIcon')\" [class]=\"option('acceptIcon')\"></i>\n                            <CheckIcon *ngIf=\"!option('acceptIcon')\" [styleClass]=\"'cax-button-icon-left'\" />\n                        </ng-container> -->\n                        <span *ngIf=\"acceptIconTemplate\" class=\"cax-button-icon-left\">\n                            <ng-template *ngTemplateOutlet=\"acceptIconTemplate\"></ng-template>\n                        </span>\n                    </button>\n                </span>\n            </div>\n        </ng-template>\n    </div>\n</div>\n", styles: ["@layer cax{.cax-dialog-mask{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;pointer-events:none}.cax-dialog-mask.cax-component-overlay{pointer-events:auto}.cax-dialog{display:flex;flex-direction:column;pointer-events:auto;max-height:90%;transform:scale(1);position:relative}.cax-dialog-content{flex-grow:1}.cax-dialog-header{display:flex;align-items:flex-start;justify-content:space-between;flex-shrink:0}.cax-dialog-draggable .cax-dialog-header{cursor:move}.cax-dialog-footer{display:flex;justify-content:flex-end;gap:12px;flex-shrink:0}.cax-button-container{display:inline-flex;align-items:center}.cax-dialog .cax-dialog-header-icons{display:flex;align-items:center}.cax-dialog .cax-dialog-header-icon{display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.cax-dialog-header-close i{font-size:20px}.cax-fluid .cax-dialog-footer .cax-button{width:auto}.cax-dialog-top .cax-dialog,.cax-dialog-bottom .cax-dialog,.cax-dialog-left .cax-dialog,.cax-dialog-right .cax-dialog,.cax-dialog-top-left .cax-dialog,.cax-dialog-top-right .cax-dialog,.cax-dialog-bottom-left .cax-dialog,.cax-dialog-bottom-right .cax-dialog{margin:.75rem;transform:translateZ(0)}.cax-dialog-maximized{-webkit-transition:none;transition:none;transform:none;width:100vw!important;height:100vh!important;top:0!important;left:0!important;max-height:100%;height:100%}.cax-dialog-maximized .cax-dialog-content{flex-grow:1}.cax-dialog-left{justify-content:flex-start}.cax-dialog-right{justify-content:flex-end}.cax-dialog-top{align-items:flex-start}.cax-dialog-top-left{justify-content:flex-start;align-items:flex-start}.cax-dialog-top-right{justify-content:flex-end;align-items:flex-start}.cax-dialog-bottom{align-items:flex-end}.cax-dialog-bottom-left{justify-content:flex-start;align-items:flex-end}.cax-dialog-bottom-right{justify-content:flex-end;align-items:flex-end}.cax-dialog .cax-resizable-handle{position:absolute;font-size:.1px;display:block;cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.cax-header-allign{display:flex;align-items:center}.cax-dialog-header-icon{font-size:1.25rem}.cax-confirm-dialog .cax-dialog-content{display:flex;align-items:center}.cax-dialog-content .cax-dialog-checkbox{display:block;margin-top:1rem}.cax-dialog-checkbox input[type=checkbox]{margin-right:.5rem}.cax-header-align{display:flex;align-items:center}.cax-confirm-dialog-header-icon{margin-right:12px;font-size:24px;display:flex;align-items:center;justify-content:center}.cax-confirm-dialog-header-icon.cax-confirm-dialog-icon-primary{color:var(--primary-500)}.cax-confirm-dialog-header-icon.cax-confirm-dialog-icon-success{color:var(--success-600)}.cax-confirm-dialog-header-icon.cax-confirm-dialog-icon-warning{color:var(--warning-600)}.cax-confirm-dialog-header-icon.cax-confirm-dialog-icon-danger{color:var(--error-600)}}\n"], dependencies: [{ 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: "directive", type: i3.ButtonDirective, selector: "[caxButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain", "link"] }, { kind: "directive", type: i4.Ripple, selector: "[caxRipple]" }, { kind: "component", type: i5.Checkbox, selector: "cax-checkbox", inputs: ["size", "value", "name", "disabled", "binary", "label", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "styleClass", "labelStyleClass", "formControl", "checkboxIcon", "readonly", "required", "autofocus", "trueValue", "falseValue", "variant", "indeterminate", "model"], outputs: ["onChange", "onFocus", "onBlur"] }], animations: [trigger('animation', [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: "19.2.21", ngImport: i0, type: ConfirmDialog, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ConfirmDialog, decorators: [{
             type: Component,
             args: [{ selector: 'cax-confirmDialog', animations: [trigger('animation', [transition('void => visible', [useAnimation(showAnimation)]), transition('visible => void', [useAnimation(hideAnimation)])])], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: false, host: {
                         class: 'cax-element'
@@ -730,11 +730,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
             }] } });
 
 class ConfirmDialogModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: ConfirmDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.21", ngImport: i0, type: ConfirmDialogModule, declarations: [ConfirmDialog], imports: [CommonModule, ButtonModule, RippleModule, TimesIcon, CheckIcon, FormsModule, CheckboxModule], exports: [ConfirmDialog, ButtonModule, SharedModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: ConfirmDialogModule, imports: [CommonModule, ButtonModule, RippleModule, TimesIcon, CheckIcon, FormsModule, CheckboxModule, ButtonModule, SharedModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ConfirmDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: ConfirmDialogModule, declarations: [ConfirmDialog], imports: [CommonModule, ButtonModule, RippleModule, TimesIcon, CheckIcon, FormsModule, CheckboxModule], exports: [ConfirmDialog, ButtonModule, SharedModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ConfirmDialogModule, imports: [CommonModule, ButtonModule, RippleModule, TimesIcon, CheckIcon, FormsModule, CheckboxModule, ButtonModule, SharedModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: ConfirmDialogModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ConfirmDialogModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, ButtonModule, RippleModule, TimesIcon, CheckIcon, FormsModule, CheckboxModule],