@acorex/modules 18.2.1 → 18.2.2

package/esm2022/conversation/lib/entities/chat/chat.module.mjs

@@ -7,24 +7,56 @@ import { AXImageModule } from '@acorex/components/image';
 import { AXLoadingModule } from '@acorex/components/loading';
 import { AXTabsModule } from '@acorex/components/tabs';
 import { AXTextBoxModule } from '@acorex/components/text-box';
+import { UtilsModule } from '@acorex/core/utils';
+import { AXPRootLayoutComponent } from '@acorex/platform/themes/default';
 import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
+import { importProvidersFrom, NgModule } from '@angular/core';
 import { FormsModule } from '@angular/forms';
+import { RouterModule } from '@angular/router';
+import { AXMChatService, AXMChatServiceImpl } from './chat.service';
 import { AXMChatItemFooterComponent } from './components/chat-item-footer/chat-item-footer.component';
 import { AXMChatItemHeaderComponent } from './components/chat-item-header/chat-item-header.component';
 import { AXMChatItemComponent } from './components/chat-item/chat-item.component';
-import { AXMChatItemsComponent } from './components/chat-items/chat-items.component';
+import { AXMChatPreviewHeaderComponent } from './components/chat-preview-header/chat-preview-header.component';
 import { AXMChatPreviewComponent } from './components/chat-preview/chat-preview.component';
 import { AXMChatComponent } from './pages/chat/chat.component';
 import * as i0 from "@angular/core";
+import * as i1 from "@angular/router";
+const routes = [
+    {
+        path: '',
+        component: AXPRootLayoutComponent,
+        children: [
+            {
+                path: 'chat',
+                //loadComponent: () => import('./pages/chat/chat.component').then((i) => i.AXMChatComponent),
+                component: AXMChatComponent,
+                children: [
+                    {
+                        path: ':id',
+                        // loadComponent: () =>
+                        //   import('./components/chat-preview/chat-preview.component').then((i) => i.AXMChatPreviewComponent),
+                        component: AXMChatPreviewComponent,
+                    },
+                ],
+            },
+        ],
+    },
+];
 export class AXMChatModule {
+    static forRoot(config) {
+        return {
+            ngModule: AXMChatModule,
+            providers: [config.provider],
+        };
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXMChatModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.0", ngImport: i0, type: AXMChatModule, declarations: [AXMChatItemComponent,
             AXMChatComponent,
             AXMChatItemHeaderComponent,
-            AXMChatItemsComponent,
             AXMChatPreviewComponent,
-            AXMChatItemFooterComponent], imports: [AXImageModule,
+            AXMChatItemFooterComponent,
+            AXMChatPreviewHeaderComponent], imports: [AXImageModule,
             AXAvatarModule,
             AXBadgeModule,
             AXDecoratorModule,
@@ -34,13 +66,21 @@ export class AXMChatModule {
             FormsModule,
             AXConversationModule,
             AXButtonModule,
-            AXLoadingModule], exports: [AXMChatItemComponent,
+            AXLoadingModule,
+            UtilsModule, i1.RouterModule], exports: [AXMChatItemComponent,
             AXMChatComponent,
             AXMChatItemHeaderComponent,
-            AXMChatItemsComponent,
             AXMChatPreviewComponent,
-            AXMChatItemFooterComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXMChatModule, imports: [AXImageModule,
+            AXMChatItemFooterComponent,
+            AXMChatPreviewHeaderComponent,
+            RouterModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXMChatModule, providers: [
+            {
+                provide: AXMChatService,
+                useClass: AXMChatServiceImpl,
+            },
+            importProvidersFrom(AXConversationModule.forRoot()),
+        ], imports: [AXImageModule,
             AXAvatarModule,
             AXBadgeModule,
             AXDecoratorModule,
@@ -50,7 +90,9 @@ export class AXMChatModule {
             FormsModule,
             AXConversationModule,
             AXButtonModule,
-            AXLoadingModule] }); }
+            AXLoadingModule,
+            UtilsModule,
+            RouterModule.forChild(routes), RouterModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXMChatModule, decorators: [{
             type: NgModule,
@@ -59,9 +101,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
                         AXMChatItemComponent,
                         AXMChatComponent,
                         AXMChatItemHeaderComponent,
-                        AXMChatItemsComponent,
                         AXMChatPreviewComponent,
                         AXMChatItemFooterComponent,
+                        AXMChatPreviewHeaderComponent,
                     ],
                     imports: [
                         AXImageModule,
@@ -75,16 +117,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
                         AXConversationModule,
                         AXButtonModule,
                         AXLoadingModule,
+                        UtilsModule,
+                        RouterModule.forChild(routes),
                     ],
                     exports: [
                         AXMChatItemComponent,
                         AXMChatComponent,
                         AXMChatItemHeaderComponent,
-                        AXMChatItemsComponent,
                         AXMChatPreviewComponent,
                         AXMChatItemFooterComponent,
+                        AXMChatPreviewHeaderComponent,
+                        RouterModule,
+                    ],
+                    providers: [
+                        {
+                            provide: AXMChatService,
+                            useClass: AXMChatServiceImpl,
+                        },
+                        importProvidersFrom(AXConversationModule.forRoot()),
                     ],
-                    providers: [],
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hhdC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL21vZHVsZXMvY29udmVyc2F0aW9uL3NyYy9saWIvZW50aXRpZXMvY2hhdC9jaGF0Lm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDM0QsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQ3pELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUN2RSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUNsRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDekQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQzdELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUN2RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDOUQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzdDLE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLDBEQUEwRCxDQUFDO0FBQ3RHLE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLDBEQUEwRCxDQUFDO0FBQ3RHLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLDRDQUE0QyxDQUFDO0FBQ2xGLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLDhDQUE4QyxDQUFDO0FBQ3JGLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLGtEQUFrRCxDQUFDO0FBQzNGLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDZCQUE2QixDQUFDOztBQWtDL0QsTUFBTSxPQUFPLGFBQWE7OEdBQWIsYUFBYTsrR0FBYixhQUFhLGlCQTlCdEIsb0JBQW9CO1lBQ3BCLGdCQUFnQjtZQUNoQiwwQkFBMEI7WUFDMUIscUJBQXFCO1lBQ3JCLHVCQUF1QjtZQUN2QiwwQkFBMEIsYUFHMUIsYUFBYTtZQUNiLGNBQWM7WUFDZCxhQUFhO1lBQ2IsaUJBQWlCO1lBQ2pCLGVBQWU7WUFDZixZQUFZO1lBQ1osWUFBWTtZQUNaLFdBQVc7WUFDWCxvQkFBb0I7WUFDcEIsY0FBYztZQUNkLGVBQWUsYUFHZixvQkFBb0I7WUFDcEIsZ0JBQWdCO1lBQ2hCLDBCQUEwQjtZQUMxQixxQkFBcUI7WUFDckIsdUJBQXVCO1lBQ3ZCLDBCQUEwQjsrR0FJakIsYUFBYSxZQXRCdEIsYUFBYTtZQUNiLGNBQWM7WUFDZCxhQUFhO1lBQ2IsaUJBQWlCO1lBQ2pCLGVBQWU7WUFDZixZQUFZO1lBQ1osWUFBWTtZQUNaLFdBQVc7WUFDWCxvQkFBb0I7WUFDcEIsY0FBYztZQUNkLGVBQWU7OzJGQVlOLGFBQWE7a0JBaEN6QixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRTt3QkFDWixvQkFBb0I7d0JBQ3BCLGdCQUFnQjt3QkFDaEIsMEJBQTBCO3dCQUMxQixxQkFBcUI7d0JBQ3JCLHVCQUF1Qjt3QkFDdkIsMEJBQTBCO3FCQUMzQjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsYUFBYTt3QkFDYixjQUFjO3dCQUNkLGFBQWE7d0JBQ2IsaUJBQWlCO3dCQUNqQixlQUFlO3dCQUNmLFlBQVk7d0JBQ1osWUFBWTt3QkFDWixXQUFXO3dCQUNYLG9CQUFvQjt3QkFDcEIsY0FBYzt3QkFDZCxlQUFlO3FCQUNoQjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1Asb0JBQW9CO3dCQUNwQixnQkFBZ0I7d0JBQ2hCLDBCQUEwQjt3QkFDMUIscUJBQXFCO3dCQUNyQix1QkFBdUI7d0JBQ3ZCLDBCQUEwQjtxQkFDM0I7b0JBQ0QsU0FBUyxFQUFFLEVBQUU7aUJBQ2QiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBWEF2YXRhck1vZHVsZSB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9hdmF0YXInO1xuaW1wb3J0IHsgQVhCYWRnZU1vZHVsZSB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9iYWRnZSc7XG5pbXBvcnQgeyBBWEJ1dHRvbk1vZHVsZSB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9idXR0b24nO1xuaW1wb3J0IHsgQVhDb252ZXJzYXRpb25Nb2R1bGUgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvY29udmVyc2F0aW9uJztcbmltcG9ydCB7IEFYRGVjb3JhdG9yTW9kdWxlIH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL2RlY29yYXRvcnMnO1xuaW1wb3J0IHsgQVhJbWFnZU1vZHVsZSB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9pbWFnZSc7XG5pbXBvcnQgeyBBWExvYWRpbmdNb2R1bGUgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvbG9hZGluZyc7XG5pbXBvcnQgeyBBWFRhYnNNb2R1bGUgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvdGFicyc7XG5pbXBvcnQgeyBBWFRleHRCb3hNb2R1bGUgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvdGV4dC1ib3gnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IEFYTUNoYXRJdGVtRm9vdGVyQ29tcG9uZW50IH0gZnJvbSAnLi9jb21wb25lbnRzL2NoYXQtaXRlbS1mb290ZXIvY2hhdC1pdGVtLWZvb3Rlci5jb21wb25lbnQnO1xuaW1wb3J0IHsgQVhNQ2hhdEl0ZW1IZWFkZXJDb21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMvY2hhdC1pdGVtLWhlYWRlci9jaGF0LWl0ZW0taGVhZGVyLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBBWE1DaGF0SXRlbUNvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy9jaGF0LWl0ZW0vY2hhdC1pdGVtLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBBWE1DaGF0SXRlbXNDb21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMvY2hhdC1pdGVtcy9jaGF0LWl0ZW1zLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBBWE1DaGF0UHJldmlld0NvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy9jaGF0LXByZXZpZXcvY2hhdC1wcmV2aWV3LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBBWE1DaGF0Q29tcG9uZW50IH0gZnJvbSAnLi9wYWdlcy9jaGF0L2NoYXQuY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgQVhNQ2hhdEl0ZW1Db21wb25lbnQsXG4gICAgQVhNQ2hhdENvbXBvbmVudCxcbiAgICBBWE1DaGF0SXRlbUhlYWRlckNvbXBvbmVudCxcbiAgICBBWE1DaGF0SXRlbXNDb21wb25lbnQsXG4gICAgQVhNQ2hhdFByZXZpZXdDb21wb25lbnQsXG4gICAgQVhNQ2hhdEl0ZW1Gb290ZXJDb21wb25lbnQsXG4gIF0sXG4gIGltcG9ydHM6IFtcbiAgICBBWEltYWdlTW9kdWxlLFxuICAgIEFYQXZhdGFyTW9kdWxlLFxuICAgIEFYQmFkZ2VNb2R1bGUsXG4gICAgQVhEZWNvcmF0b3JNb2R1bGUsXG4gICAgQVhUZXh0Qm94TW9kdWxlLFxuICAgIEFYVGFic01vZHVsZSxcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgRm9ybXNNb2R1bGUsXG4gICAgQVhDb252ZXJzYXRpb25Nb2R1bGUsXG4gICAgQVhCdXR0b25Nb2R1bGUsXG4gICAgQVhMb2FkaW5nTW9kdWxlLFxuICBdLFxuICBleHBvcnRzOiBbXG4gICAgQVhNQ2hhdEl0ZW1Db21wb25lbnQsXG4gICAgQVhNQ2hhdENvbXBvbmVudCxcbiAgICBBWE1DaGF0SXRlbUhlYWRlckNvbXBvbmVudCxcbiAgICBBWE1DaGF0SXRlbXNDb21wb25lbnQsXG4gICAgQVhNQ2hhdFByZXZpZXdDb21wb25lbnQsXG4gICAgQVhNQ2hhdEl0ZW1Gb290ZXJDb21wb25lbnQsXG4gIF0sXG4gIHByb3ZpZGVyczogW10sXG59KVxuZXhwb3J0IGNsYXNzIEFYTUNoYXRNb2R1bGUge31cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hhdC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL21vZHVsZXMvY29udmVyc2F0aW9uL3NyYy9saWIvZW50aXRpZXMvY2hhdC9jaGF0Lm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDM0QsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQ3pELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUN2RSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUNsRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDekQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQzdELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUN2RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDOUQsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ2pELE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBQ3pFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQXdCLG1CQUFtQixFQUF1QixRQUFRLEVBQVksTUFBTSxlQUFlLENBQUM7QUFDbkgsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzdDLE9BQU8sRUFBRSxZQUFZLEVBQVUsTUFBTSxpQkFBaUIsQ0FBQztBQUN2RCxPQUFPLEVBQUUsY0FBYyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDcEUsT0FBTyxFQUFFLDBCQUEwQixFQUFFLE1BQU0sMERBQTBELENBQUM7QUFDdEcsT0FBTyxFQUFFLDBCQUEwQixFQUFFLE1BQU0sMERBQTBELENBQUM7QUFDdEcsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sNENBQTRDLENBQUM7QUFDbEYsT0FBTyxFQUFFLDZCQUE2QixFQUFFLE1BQU0sZ0VBQWdFLENBQUM7QUFDL0csT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sa0RBQWtELENBQUM7QUFDM0YsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sNkJBQTZCLENBQUM7OztBQUUvRCxNQUFNLE1BQU0sR0FBVztJQUNyQjtRQUNFLElBQUksRUFBRSxFQUFFO1FBQ1IsU0FBUyxFQUFFLHNCQUFzQjtRQUNqQyxRQUFRLEVBQUU7WUFDUjtnQkFDRSxJQUFJLEVBQUUsTUFBTTtnQkFDWiw2RkFBNkY7Z0JBQzdGLFNBQVMsRUFBRSxnQkFBZ0I7Z0JBQzNCLFFBQVEsRUFBRTtvQkFDUjt3QkFDRSxJQUFJLEVBQUUsS0FBSzt3QkFDWCx1QkFBdUI7d0JBQ3ZCLHVHQUF1Rzt3QkFDdkcsU0FBUyxFQUFFLHVCQUF1QjtxQkFDbkM7aUJBQ0Y7YUFDRjtTQUNGO0tBQ0Y7Q0FDRixDQUFDO0FBMENGLE1BQU0sT0FBTyxhQUFhO0lBQ3hCLE1BQU0sQ0FBQyxPQUFPLENBQUMsTUFBNEQ7UUFDekUsT0FBTztZQUNMLFFBQVEsRUFBRSxhQUFhO1lBQ3ZCLFNBQVMsRUFBRSxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUM7U0FDN0IsQ0FBQztJQUNKLENBQUM7OEdBTlUsYUFBYTsrR0FBYixhQUFhLGlCQXZDdEIsb0JBQW9CO1lBQ3BCLGdCQUFnQjtZQUNoQiwwQkFBMEI7WUFDMUIsdUJBQXVCO1lBQ3ZCLDBCQUEwQjtZQUMxQiw2QkFBNkIsYUFHN0IsYUFBYTtZQUNiLGNBQWM7WUFDZCxhQUFhO1lBQ2IsaUJBQWlCO1lBQ2pCLGVBQWU7WUFDZixZQUFZO1lBQ1osWUFBWTtZQUNaLFdBQVc7WUFDWCxvQkFBb0I7WUFDcEIsY0FBYztZQUNkLGVBQWU7WUFDZixXQUFXLDhCQUlYLG9CQUFvQjtZQUNwQixnQkFBZ0I7WUFDaEIsMEJBQTBCO1lBQzFCLHVCQUF1QjtZQUN2QiwwQkFBMEI7WUFDMUIsNkJBQTZCO1lBQzdCLFlBQVk7K0dBVUgsYUFBYSxhQVJiO1lBQ1Q7Z0JBQ0UsT0FBTyxFQUFFLGNBQWM7Z0JBQ3ZCLFFBQVEsRUFBRSxrQkFBa0I7YUFDN0I7WUFDRCxtQkFBbUIsQ0FBQyxvQkFBb0IsQ0FBQyxPQUFPLEVBQUUsQ0FBQztTQUNwRCxZQTdCQyxhQUFhO1lBQ2IsY0FBYztZQUNkLGFBQWE7WUFDYixpQkFBaUI7WUFDakIsZUFBZTtZQUNmLFlBQVk7WUFDWixZQUFZO1lBQ1osV0FBVztZQUNYLG9CQUFvQjtZQUNwQixjQUFjO1lBQ2QsZUFBZTtZQUNmLFdBQVc7WUFDWCxZQUFZLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxFQVM3QixZQUFZOzsyRkFVSCxhQUFhO2tCQXpDekIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUU7d0JBQ1osb0JBQW9CO3dCQUNwQixnQkFBZ0I7d0JBQ2hCLDBCQUEwQjt3QkFDMUIsdUJBQXVCO3dCQUN2QiwwQkFBMEI7d0JBQzFCLDZCQUE2QjtxQkFDOUI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLGFBQWE7d0JBQ2IsY0FBYzt3QkFDZCxhQUFhO3dCQUNiLGlCQUFpQjt3QkFDakIsZUFBZTt3QkFDZixZQUFZO3dCQUNaLFlBQVk7d0JBQ1osV0FBVzt3QkFDWCxvQkFBb0I7d0JBQ3BCLGNBQWM7d0JBQ2QsZUFBZTt3QkFDZixXQUFXO3dCQUNYLFlBQVksQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDO3FCQUM5QjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1Asb0JBQW9CO3dCQUNwQixnQkFBZ0I7d0JBQ2hCLDBCQUEwQjt3QkFDMUIsdUJBQXVCO3dCQUN2QiwwQkFBMEI7d0JBQzFCLDZCQUE2Qjt3QkFDN0IsWUFBWTtxQkFDYjtvQkFDRCxTQUFTLEVBQUU7d0JBQ1Q7NEJBQ0UsT0FBTyxFQUFFLGNBQWM7NEJBQ3ZCLFFBQVEsRUFBRSxrQkFBa0I7eUJBQzdCO3dCQUNELG1CQUFtQixDQUFDLG9CQUFvQixDQUFDLE9BQU8sRUFBRSxDQUFDO3FCQUNwRDtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFYQXZhdGFyTW9kdWxlIH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL2F2YXRhcic7XG5pbXBvcnQgeyBBWEJhZGdlTW9kdWxlIH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL2JhZGdlJztcbmltcG9ydCB7IEFYQnV0dG9uTW9kdWxlIH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL2J1dHRvbic7XG5pbXBvcnQgeyBBWENvbnZlcnNhdGlvbk1vZHVsZSB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9jb252ZXJzYXRpb24nO1xuaW1wb3J0IHsgQVhEZWNvcmF0b3JNb2R1bGUgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvZGVjb3JhdG9ycyc7XG5pbXBvcnQgeyBBWEltYWdlTW9kdWxlIH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL2ltYWdlJztcbmltcG9ydCB7IEFYTG9hZGluZ01vZHVsZSB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9sb2FkaW5nJztcbmltcG9ydCB7IEFYVGFic01vZHVsZSB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy90YWJzJztcbmltcG9ydCB7IEFYVGV4dEJveE1vZHVsZSB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy90ZXh0LWJveCc7XG5pbXBvcnQgeyBVdGlsc01vZHVsZSB9IGZyb20gJ0BhY29yZXgvY29yZS91dGlscyc7XG5pbXBvcnQgeyBBWFBSb290TGF5b3V0Q29tcG9uZW50IH0gZnJvbSAnQGFjb3JleC9wbGF0Zm9ybS90aGVtZXMvZGVmYXVsdCc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgRW52aXJvbm1lbnRQcm92aWRlcnMsIGltcG9ydFByb3ZpZGVyc0Zyb20sIE1vZHVsZVdpdGhQcm92aWRlcnMsIE5nTW9kdWxlLCBQcm92aWRlciB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBSb3V0ZXJNb2R1bGUsIFJvdXRlcyB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XG5pbXBvcnQgeyBBWE1DaGF0U2VydmljZSwgQVhNQ2hhdFNlcnZpY2VJbXBsIH0gZnJvbSAnLi9jaGF0LnNlcnZpY2UnO1xuaW1wb3J0IHsgQVhNQ2hhdEl0ZW1Gb290ZXJDb21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMvY2hhdC1pdGVtLWZvb3Rlci9jaGF0LWl0ZW0tZm9vdGVyLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBBWE1DaGF0SXRlbUhlYWRlckNvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy9jaGF0LWl0ZW0taGVhZGVyL2NoYXQtaXRlbS1oZWFkZXIuY29tcG9uZW50JztcbmltcG9ydCB7IEFYTUNoYXRJdGVtQ29tcG9uZW50IH0gZnJvbSAnLi9jb21wb25lbnRzL2NoYXQtaXRlbS9jaGF0LWl0ZW0uY29tcG9uZW50JztcbmltcG9ydCB7IEFYTUNoYXRQcmV2aWV3SGVhZGVyQ29tcG9uZW50IH0gZnJvbSAnLi9jb21wb25lbnRzL2NoYXQtcHJldmlldy1oZWFkZXIvY2hhdC1wcmV2aWV3LWhlYWRlci5jb21wb25lbnQnO1xuaW1wb3J0IHsgQVhNQ2hhdFByZXZpZXdDb21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMvY2hhdC1wcmV2aWV3L2NoYXQtcHJldmlldy5jb21wb25lbnQnO1xuaW1wb3J0IHsgQVhNQ2hhdENvbXBvbmVudCB9IGZyb20gJy4vcGFnZXMvY2hhdC9jaGF0LmNvbXBvbmVudCc7XG5cbmNvbnN0IHJvdXRlczogUm91dGVzID0gW1xuICB7XG4gICAgcGF0aDogJycsXG4gICAgY29tcG9uZW50OiBBWFBSb290TGF5b3V0Q29tcG9uZW50LFxuICAgIGNoaWxkcmVuOiBbXG4gICAgICB7XG4gICAgICAgIHBhdGg6ICdjaGF0JyxcbiAgICAgICAgLy9sb2FkQ29tcG9uZW50OiAoKSA9PiBpbXBvcnQoJy4vcGFnZXMvY2hhdC9jaGF0LmNvbXBvbmVudCcpLnRoZW4oKGkpID0+IGkuQVhNQ2hhdENvbXBvbmVudCksXG4gICAgICAgIGNvbXBvbmVudDogQVhNQ2hhdENvbXBvbmVudCxcbiAgICAgICAgY2hpbGRyZW46IFtcbiAgICAgICAgICB7XG4gICAgICAgICAgICBwYXRoOiAnOmlkJyxcbiAgICAgICAgICAgIC8vIGxvYWRDb21wb25lbnQ6ICgpID0+XG4gICAgICAgICAgICAvLyAgIGltcG9ydCgnLi9jb21wb25lbnRzL2NoYXQtcHJldmlldy9jaGF0LXByZXZpZXcuY29tcG9uZW50JykudGhlbigoaSkgPT4gaS5BWE1DaGF0UHJldmlld0NvbXBvbmVudCksXG4gICAgICAgICAgICBjb21wb25lbnQ6IEFYTUNoYXRQcmV2aWV3Q29tcG9uZW50LFxuICAgICAgICAgIH0sXG4gICAgICAgIF0sXG4gICAgICB9LFxuICAgIF0sXG4gIH0sXG5dO1xuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgQVhNQ2hhdEl0ZW1Db21wb25lbnQsXG4gICAgQVhNQ2hhdENvbXBvbmVudCxcbiAgICBBWE1DaGF0SXRlbUhlYWRlckNvbXBvbmVudCxcbiAgICBBWE1DaGF0UHJldmlld0NvbXBvbmVudCxcbiAgICBBWE1DaGF0SXRlbUZvb3RlckNvbXBvbmVudCxcbiAgICBBWE1DaGF0UHJldmlld0hlYWRlckNvbXBvbmVudCxcbiAgXSxcbiAgaW1wb3J0czogW1xuICAgIEFYSW1hZ2VNb2R1bGUsXG4gICAgQVhBdmF0YXJNb2R1bGUsXG4gICAgQVhCYWRnZU1vZHVsZSxcbiAgICBBWERlY29yYXRvck1vZHVsZSxcbiAgICBBWFRleHRCb3hNb2R1bGUsXG4gICAgQVhUYWJzTW9kdWxlLFxuICAgIENvbW1vbk1vZHVsZSxcbiAgICBGb3Jtc01vZHVsZSxcbiAgICBBWENvbnZlcnNhdGlvbk1vZHVsZSxcbiAgICBBWEJ1dHRvbk1vZHVsZSxcbiAgICBBWExvYWRpbmdNb2R1bGUsXG4gICAgVXRpbHNNb2R1bGUsXG4gICAgUm91dGVyTW9kdWxlLmZvckNoaWxkKHJvdXRlcyksXG4gIF0sXG4gIGV4cG9ydHM6IFtcbiAgICBBWE1DaGF0SXRlbUNvbXBvbmVudCxcbiAgICBBWE1DaGF0Q29tcG9uZW50LFxuICAgIEFYTUNoYXRJdGVtSGVhZGVyQ29tcG9uZW50LFxuICAgIEFYTUNoYXRQcmV2aWV3Q29tcG9uZW50LFxuICAgIEFYTUNoYXRJdGVtRm9vdGVyQ29tcG9uZW50LFxuICAgIEFYTUNoYXRQcmV2aWV3SGVhZGVyQ29tcG9uZW50LFxuICAgIFJvdXRlck1vZHVsZSxcbiAgXSxcbiAgcHJvdmlkZXJzOiBbXG4gICAge1xuICAgICAgcHJvdmlkZTogQVhNQ2hhdFNlcnZpY2UsXG4gICAgICB1c2VDbGFzczogQVhNQ2hhdFNlcnZpY2VJbXBsLFxuICAgIH0sXG4gICAgaW1wb3J0UHJvdmlkZXJzRnJvbShBWENvbnZlcnNhdGlvbk1vZHVsZS5mb3JSb290KCkpLFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBBWE1DaGF0TW9kdWxlIHtcbiAgc3RhdGljIGZvclJvb3QoY29uZmlnOiB7IHByb3ZpZGVyOiBBcnJheTxQcm92aWRlciB8IEVudmlyb25tZW50UHJvdmlkZXJzPiB9KTogTW9kdWxlV2l0aFByb3ZpZGVyczxBWE1DaGF0TW9kdWxlPiB7XG4gICAgcmV0dXJuIHtcbiAgICAgIG5nTW9kdWxlOiBBWE1DaGF0TW9kdWxlLFxuICAgICAgcHJvdmlkZXJzOiBbY29uZmlnLnByb3ZpZGVyXSxcbiAgICB9O1xuICB9XG59XG4iXX0=

package/esm2022/conversation/lib/entities/chat/chat.service.mjs

@@ -0,0 +1,23 @@
+import { AXMEntityCrudServiceImpl } from '@acorex/platform/common';
+import { Injectable } from '@angular/core';
+import { AXMConverstionModuleConst } from '../../const';
+import * as i0 from "@angular/core";
+export class AXMChatService extends AXMEntityCrudServiceImpl {
+}
+export class AXMChatServiceImpl extends AXMChatService {
+    markChatAsRead(roomId) {
+        throw new Error('Method not implemented.');
+    }
+    async getTotalUnread() {
+        throw new Error('Method not implemented.');
+    }
+    constructor() {
+        super(`${AXMConverstionModuleConst.moduleName}.${AXMConverstionModuleConst.chatName}`);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXMChatServiceImpl, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXMChatServiceImpl }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXMChatServiceImpl, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hhdC5zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9tb2R1bGVzL2NvbnZlcnNhdGlvbi9zcmMvbGliL2VudGl0aWVzL2NoYXQvY2hhdC5zZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ25FLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDM0MsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sYUFBYSxDQUFDOztBQUd4RCxNQUFNLE9BQWdCLGNBQWUsU0FBUSx3QkFBNkM7Q0FHekY7QUFHRCxNQUFNLE9BQU8sa0JBQW1CLFNBQVEsY0FBYztJQUMzQyxjQUFjLENBQUMsTUFBYztRQUNwQyxNQUFNLElBQUksS0FBSyxDQUFDLHlCQUF5QixDQUFDLENBQUM7SUFDN0MsQ0FBQztJQUVELEtBQUssQ0FBQyxjQUFjO1FBQ2xCLE1BQU0sSUFBSSxLQUFLLENBQUMseUJBQXlCLENBQUMsQ0FBQztJQUM3QyxDQUFDO0lBRUQ7UUFDRSxLQUFLLENBQUMsR0FBRyx5QkFBeUIsQ0FBQyxVQUFVLElBQUkseUJBQXlCLENBQUMsUUFBUSxFQUFFLENBQUMsQ0FBQztJQUN6RixDQUFDOzhHQVhVLGtCQUFrQjtrSEFBbEIsa0JBQWtCOzsyRkFBbEIsa0JBQWtCO2tCQUQ5QixVQUFVIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQVhNRW50aXR5Q3J1ZFNlcnZpY2VJbXBsIH0gZnJvbSAnQGFjb3JleC9wbGF0Zm9ybS9jb21tb24nO1xuaW1wb3J0IHsgSW5qZWN0YWJsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQVhNQ29udmVyc3Rpb25Nb2R1bGVDb25zdCB9IGZyb20gJy4uLy4uL2NvbnN0JztcbmltcG9ydCB7IEFYTUNoYXRSb29tIH0gZnJvbSAnLi9jaGF0LnR5cGUnO1xuXG5leHBvcnQgYWJzdHJhY3QgY2xhc3MgQVhNQ2hhdFNlcnZpY2UgZXh0ZW5kcyBBWE1FbnRpdHlDcnVkU2VydmljZUltcGw8c3RyaW5nLCBBWE1DaGF0Um9vbT4ge1xuICBhYnN0cmFjdCBnZXRUb3RhbFVucmVhZCgpOiBQcm9taXNlPG51bWJlcj47XG4gIGFic3RyYWN0IG1hcmtDaGF0QXNSZWFkKHJvb21JZDogc3RyaW5nKTogUHJvbWlzZTx2b2lkPjtcbn1cblxuQEluamVjdGFibGUoKVxuZXhwb3J0IGNsYXNzIEFYTUNoYXRTZXJ2aWNlSW1wbCBleHRlbmRzIEFYTUNoYXRTZXJ2aWNlIHtcbiAgb3ZlcnJpZGUgbWFya0NoYXRBc1JlYWQocm9vbUlkOiBzdHJpbmcpOiBQcm9taXNlPHZvaWQ+IHtcbiAgICB0aHJvdyBuZXcgRXJyb3IoJ01ldGhvZCBub3QgaW1wbGVtZW50ZWQuJyk7XG4gIH1cblxuICBhc3luYyBnZXRUb3RhbFVucmVhZCgpOiBQcm9taXNlPG51bWJlcj4ge1xuICAgIHRocm93IG5ldyBFcnJvcignTWV0aG9kIG5vdCBpbXBsZW1lbnRlZC4nKTtcbiAgfVxuXG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKGAke0FYTUNvbnZlcnN0aW9uTW9kdWxlQ29uc3QubW9kdWxlTmFtZX0uJHtBWE1Db252ZXJzdGlvbk1vZHVsZUNvbnN0LmNoYXROYW1lfWApO1xuICB9XG59XG4iXX0=

package/esm2022/conversation/lib/entities/chat/chat.type.mjs

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hhdC50eXBlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9tb2R1bGVzL2NvbnZlcnNhdGlvbi9zcmMvbGliL2VudGl0aWVzL2NoYXQvY2hhdC50eXBlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgaW50ZXJmYWNlIEFYTUNoYXRSb29tIHtcbiAgaWQ6IHN0cmluZztcbiAgdGl0bGU6IHN0cmluZztcbiAgbGFzdE1lc3NhZ2U6IEFYTUNoYXRNZXNzYWdlO1xuICByb29tTWVtYmVyczogQVhNQ2hhdFVzZXJEZXRhaWxzW107XG4gIHVucmVhZENvdW50OiBudW1iZXI7XG59XG5leHBvcnQgaW50ZXJmYWNlIEFYTUNoYXRNZXNzYWdlIHtcbiAgY29udGVudDogc3RyaW5nO1xuICBjb250ZW50VHlwZTogc3RyaW5nO1xuICBoYXNTZWVuOiBib29sZWFuO1xuICBjcmVhdGVkQXQ6IERhdGU7XG4gIGNyZWF0ZWRCeTogQVhNQ2hhdFVzZXJEZXRhaWxzO1xufVxuZXhwb3J0IGludGVyZmFjZSBBWE1DaGF0VXNlckRldGFpbHMge1xuICBpZDogc3RyaW5nO1xuICB1c2VyTmFtZTogc3RyaW5nO1xuICBmaXJzdE5hbWU6IHN0cmluZztcbiAgbGFzdE5hbWU6IHN0cmluZztcbiAgcGljdHVyZTogc3RyaW5nIHwgbnVsbDtcbn1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hhdC50eXBlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9tb2R1bGVzL2NvbnZlcnNhdGlvbi9zcmMvbGliL2VudGl0aWVzL2NoYXQvY2hhdC50eXBlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBWFBFbnRpdHlNb2RlbCB9IGZyb20gJ0BhY29yZXgvcGxhdGZvcm0vY29tbW9uJztcblxuZXhwb3J0IGludGVyZmFjZSBBWE1DaGF0Um9vbSBleHRlbmRzIEFYUEVudGl0eU1vZGVsPHN0cmluZz4ge1xuICBpZDogc3RyaW5nO1xuICB0aXRsZTogc3RyaW5nO1xuICBsYXN0TWVzc2FnZTogQVhNQ2hhdE1lc3NhZ2U7XG4gIHJvb21NZW1iZXJzOiBBWE1DaGF0VXNlckRldGFpbHNbXTtcbiAgdW5yZWFkQ291bnQ6IG51bWJlcjtcbn1cbmV4cG9ydCBpbnRlcmZhY2UgQVhNQ2hhdE1lc3NhZ2Uge1xuICBjb250ZW50OiBzdHJpbmc7XG4gIGNvbnRlbnRUeXBlOiBzdHJpbmc7XG4gIGhhc1NlZW46IGJvb2xlYW47XG4gIGNyZWF0ZWRBdDogRGF0ZTtcbiAgY3JlYXRlZEJ5OiBBWE1DaGF0VXNlckRldGFpbHM7XG59XG5leHBvcnQgaW50ZXJmYWNlIEFYTUNoYXRVc2VyRGV0YWlscyB7XG4gIGlkOiBzdHJpbmc7XG4gIHVzZXJOYW1lOiBzdHJpbmc7XG4gIGZpcnN0TmFtZTogc3RyaW5nO1xuICBsYXN0TmFtZTogc3RyaW5nO1xuICBwaWN0dXJlOiBzdHJpbmcgfCBudWxsO1xufVxuIl19

package/esm2022/conversation/lib/entities/chat/components/chat-item/chat-item.component.mjs

@@ -1,4 +1,6 @@
-import { ChangeDetectionStrategy, Component, computed, input, output } from '@angular/core';
+import { AXPSessionService } from '@acorex/platform/auth';
+import { ChangeDetectionStrategy, Component, computed, inject, input, output } from '@angular/core';
+import { ActivatedRoute, Router } from '@angular/router';
 import * as i0 from "@angular/core";
 import * as i1 from "@acorex/components/image";
 import * as i2 from "@acorex/components/avatar";
@@ -7,29 +9,45 @@ import * as i4 from "@acorex/components/decorators";
 import * as i5 from "@acorex/components/loading";
 export class AXMChatItemComponent {
     constructor() {
-        this.chatId = input();
-        this.image = input();
-        this.firstName = input();
-        this.lastName = input();
-        this.content = input();
-        this.hasSeen = input();
-        this.createdAt = input();
-        this.unreadCount = input();
-        this.fullName = computed(() => this.firstName() + ' ' + this.lastName());
+        //input
+        this.data = input.required();
+        //output
         this.pressChatItem = output();
+        //variables
+        this.sessionService = inject(AXPSessionService);
+        this.router = inject(Router);
+        this.activatedRoute = inject(ActivatedRoute);
+        this.fullName = computed(() => this.data().roomMembers[0].firstName + ' ' + this.data().roomMembers[0].lastName);
+        this.myId = this.sessionService.user?.id;
     }
+    //methods
     extractInitials(name) {
         const words = name.split(' ');
         const initials = words.map((word) => word.charAt(0).toUpperCase());
         return initials.join('');
     }
+    async onPressChatItem(id) {
+        this.pressChatItem.emit(id);
+        await this.router.navigate([id], { relativeTo: this.activatedRoute });
+    }
+    messageSeenStatus() {
+        if (this.myId === this.data().lastMessage.createdBy.id) {
+            return '';
+        }
+        else {
+            if (this.data().lastMessage.hasSeen) {
+                return 'ax-icon-dobble-check';
+            }
+            else {
+                return 'ax-icon-check';
+            }
+        }
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXMChatItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: AXMChatItemComponent, selector: "axm-chat-item", inputs: { chatId: { classPropertyName: "chatId", publicName: "chatId", isSignal: true, isRequired: false, transformFunction: null }, image: { classPropertyName: "image", publicName: "image", isSignal: true, isRequired: false, transformFunction: null }, firstName: { classPropertyName: "firstName", publicName: "firstName", isSignal: true, isRequired: false, transformFunction: null }, lastName: { classPropertyName: "lastName", publicName: "lastName", isSignal: true, isRequired: false, transformFunction: null }, content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null }, hasSeen: { classPropertyName: "hasSeen", publicName: "hasSeen", isSignal: true, isRequired: false, transformFunction: null }, createdAt: { classPropertyName: "createdAt", publicName: "createdAt", isSignal: true, isRequired: false, transformFunction: null }, unreadCount: { classPropertyName: "unreadCount", publicName: "unreadCount", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { pressChatItem: "pressChatItem" }, host: { listeners: { "click": "pressChatItem.emit(chatId())" } }, ngImport: i0, template: "<div [id]=\"chatId()\" class=\"ax-flex ax-items-center ax-p-3 ax-justify-between\">\n  <div class=\"ax-flex\">\n    <div>\n      <!-- <ax-avatar class=\"ax-relative\">\n        <ax-image src=\"//4kwallpapers.com/images/wallpapers/gargantua-black-3840x2160-11455.jpg\"></ax-image>\n        <ax-badge\n          class=\"ax-absolute ax-bottom-0 ax-right-0 !ax-size-3 ax-border !ax-border-white ax-rounded-full\"\n          color=\"success\"\n        ></ax-badge>\n      </ax-avatar> -->\n\n      <ax-avatar class=\"ax-relative\" color=\"primary\" look=\"rounded\">\n        <ax-badge\n          class=\"ax-absolute ax-bottom-0 ax-right-0 !ax-size-3 ax-border !ax-border-white ax-rounded-full\"\n          color=\"success\"\n        ></ax-badge>\n        @if(image()){\n        <ax-image [src]=\"image()\">\n          <ax-loading></ax-loading>\n        </ax-image>\n        }@else{\n        <ax-text>\n          <span class=\"ax-text-base ax-overflow-hidden\">{{ extractInitials(fullName()) }}</span>\n        </ax-text>\n        }\n      </ax-avatar>\n    </div>\n\n    <div class=\"ax-py-1 ax-flex ax-flex-col ax-p-3 ax-truncate\">\n      <p class=\"ax-font-semibold ax-w-full ax-truncate\">{{ fullName() }}</p>\n      <p class=\"ax-text-sm ax-font-normal ax-text-neutral-400 ax-w-full ax-truncate\">\n        {{ content() }}\n      </p>\n    </div>\n  </div>\n\n  <div class=\"ax-flex ax-flex-col ax-items-end ax-gap-1\">\n    <div class=\"ax-flex ax-items-center ax-justify-between\">\n      @if(true) {\n      <ax-icon class=\"ax-icon ax-text-success-500\" [class]=\"true ? 'ax-icon-dobble-check' : 'ax-icon-check'\"></ax-icon>\n      }\n      <ax-text class=\"ax-font-normal ax-text-neutral-400 ax-whitespace-nowrap\">{{ createdAt() }}</ax-text>\n    </div>\n    @if(unreadCount()){\n    <ax-badge color=\"success\" [text]=\"unreadCount()!.toString()\"></ax-badge>\n    }\n  </div>\n</div>\n", styles: [".black{background-color:#000}\n"], dependencies: [{ kind: "component", type: i1.AXImageComponent, selector: "ax-image", inputs: ["overlayMode", "src", "alt", "priority", "lazy"], outputs: ["onLoad", "onError"] }, { kind: "component", type: i2.AXAvatarComponent, selector: "ax-avatar", inputs: ["color", "size", "look"], outputs: ["sizeChange"] }, { kind: "component", type: i3.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }, { kind: "component", type: i4.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i4.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-sub-title, ax-placeholder, ax-overlay" }, { kind: "component", type: i5.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: AXMChatItemComponent, selector: "axm-chat-item", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { pressChatItem: "pressChatItem" }, ngImport: i0, template: "<div\n  [id]=\"data().id\"\n  class=\"ax-cursor-pointer hover:ax-bg-on-surface ax-flex ax-items-center ax-p-3 ax-justify-between\"\n  (click)=\"onPressChatItem(data().id)\"\n>\n  <div class=\"ax-flex ax-min-w-[100px] ax-gap-3\">\n    <div>\n      <ax-avatar class=\"ax-relative\" color=\"primary\" look=\"rounded\">\n        <ax-badge\n          class=\"ax-absolute ax-bottom-0 ax-right-0 !ax-size-3 ax-border !ax-border-white ax-rounded-full\"\n          color=\"success\"\n        ></ax-badge>\n        @if(data().roomMembers[0].picture){\n        <ax-image [src]=\"data().roomMembers[0].picture\">\n          <ax-loading></ax-loading>\n        </ax-image>\n        }@else{\n        <ax-text>\n          <span class=\"ax-text-base ax-overflow-hidden\">{{ extractInitials(fullName()) }}</span>\n        </ax-text>\n        }\n      </ax-avatar>\n    </div>\n\n    <div class=\"ax-py-1 ax-flex ax-flex-col ax-truncate\">\n      <p class=\"ax-font-semibold ax-w-full ax-truncate ax-pb-1\">{{ fullName() }}</p>\n      <p class=\"ax-text-sm ax-font-normal ax-text-neutral-400 ax-w-full ax-truncate\">\n        {{ data().lastMessage.content }}\n      </p>\n    </div>\n  </div>\n\n  <div class=\"ax-flex ax-flex-col ax-items-end ax-gap-1\">\n    <div class=\"ax-flex ax-items-center ax-justify-between\">\n      @if(true) {\n      <ax-icon class=\"ax-icon ax-text-success-500\" [class]=\"messageSeenStatus()\"></ax-icon>\n      }\n      <ax-text class=\"ax-text-sm ax-font-normal ax-text-neutral-400 ax-text-nowrap\">{{\n        data().lastMessage.createdAt.toDateString()\n      }}</ax-text>\n    </div>\n    <ax-badge\n      [class]=\"data().unreadCount ? 'ax-visible' : 'ax-invisible'\"\n      color=\"success\"\n      [text]=\"data().unreadCount.toString()\"\n    ></ax-badge>\n  </div>\n</div>\n<!-- <div class=\"ax-p-3\">\n  <div class=\"ax-grid ax-grid-cols-12\">\n    \n  </div>\n</div> -->\n", styles: [".black{background-color:#000}\n"], dependencies: [{ kind: "component", type: i1.AXImageComponent, selector: "ax-image", inputs: ["overlayMode", "src", "alt", "priority", "lazy"], outputs: ["onLoad", "onError"] }, { kind: "component", type: i2.AXAvatarComponent, selector: "ax-avatar", inputs: ["color", "size", "look"], outputs: ["sizeChange"] }, { kind: "component", type: i3.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }, { kind: "component", type: i4.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i4.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-sub-title, ax-placeholder, ax-overlay" }, { kind: "component", type: i5.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXMChatItemComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'axm-chat-item', changeDetection: ChangeDetectionStrategy.OnPush, host: {
-                        '(click)': 'pressChatItem.emit(chatId())',
-                    }, template: "<div [id]=\"chatId()\" class=\"ax-flex ax-items-center ax-p-3 ax-justify-between\">\n  <div class=\"ax-flex\">\n    <div>\n      <!-- <ax-avatar class=\"ax-relative\">\n        <ax-image src=\"//4kwallpapers.com/images/wallpapers/gargantua-black-3840x2160-11455.jpg\"></ax-image>\n        <ax-badge\n          class=\"ax-absolute ax-bottom-0 ax-right-0 !ax-size-3 ax-border !ax-border-white ax-rounded-full\"\n          color=\"success\"\n        ></ax-badge>\n      </ax-avatar> -->\n\n      <ax-avatar class=\"ax-relative\" color=\"primary\" look=\"rounded\">\n        <ax-badge\n          class=\"ax-absolute ax-bottom-0 ax-right-0 !ax-size-3 ax-border !ax-border-white ax-rounded-full\"\n          color=\"success\"\n        ></ax-badge>\n        @if(image()){\n        <ax-image [src]=\"image()\">\n          <ax-loading></ax-loading>\n        </ax-image>\n        }@else{\n        <ax-text>\n          <span class=\"ax-text-base ax-overflow-hidden\">{{ extractInitials(fullName()) }}</span>\n        </ax-text>\n        }\n      </ax-avatar>\n    </div>\n\n    <div class=\"ax-py-1 ax-flex ax-flex-col ax-p-3 ax-truncate\">\n      <p class=\"ax-font-semibold ax-w-full ax-truncate\">{{ fullName() }}</p>\n      <p class=\"ax-text-sm ax-font-normal ax-text-neutral-400 ax-w-full ax-truncate\">\n        {{ content() }}\n      </p>\n    </div>\n  </div>\n\n  <div class=\"ax-flex ax-flex-col ax-items-end ax-gap-1\">\n    <div class=\"ax-flex ax-items-center ax-justify-between\">\n      @if(true) {\n      <ax-icon class=\"ax-icon ax-text-success-500\" [class]=\"true ? 'ax-icon-dobble-check' : 'ax-icon-check'\"></ax-icon>\n      }\n      <ax-text class=\"ax-font-normal ax-text-neutral-400 ax-whitespace-nowrap\">{{ createdAt() }}</ax-text>\n    </div>\n    @if(unreadCount()){\n    <ax-badge color=\"success\" [text]=\"unreadCount()!.toString()\"></ax-badge>\n    }\n  </div>\n</div>\n", styles: [".black{background-color:#000}\n"] }]
+            args: [{ selector: 'axm-chat-item', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  [id]=\"data().id\"\n  class=\"ax-cursor-pointer hover:ax-bg-on-surface ax-flex ax-items-center ax-p-3 ax-justify-between\"\n  (click)=\"onPressChatItem(data().id)\"\n>\n  <div class=\"ax-flex ax-min-w-[100px] ax-gap-3\">\n    <div>\n      <ax-avatar class=\"ax-relative\" color=\"primary\" look=\"rounded\">\n        <ax-badge\n          class=\"ax-absolute ax-bottom-0 ax-right-0 !ax-size-3 ax-border !ax-border-white ax-rounded-full\"\n          color=\"success\"\n        ></ax-badge>\n        @if(data().roomMembers[0].picture){\n        <ax-image [src]=\"data().roomMembers[0].picture\">\n          <ax-loading></ax-loading>\n        </ax-image>\n        }@else{\n        <ax-text>\n          <span class=\"ax-text-base ax-overflow-hidden\">{{ extractInitials(fullName()) }}</span>\n        </ax-text>\n        }\n      </ax-avatar>\n    </div>\n\n    <div class=\"ax-py-1 ax-flex ax-flex-col ax-truncate\">\n      <p class=\"ax-font-semibold ax-w-full ax-truncate ax-pb-1\">{{ fullName() }}</p>\n      <p class=\"ax-text-sm ax-font-normal ax-text-neutral-400 ax-w-full ax-truncate\">\n        {{ data().lastMessage.content }}\n      </p>\n    </div>\n  </div>\n\n  <div class=\"ax-flex ax-flex-col ax-items-end ax-gap-1\">\n    <div class=\"ax-flex ax-items-center ax-justify-between\">\n      @if(true) {\n      <ax-icon class=\"ax-icon ax-text-success-500\" [class]=\"messageSeenStatus()\"></ax-icon>\n      }\n      <ax-text class=\"ax-text-sm ax-font-normal ax-text-neutral-400 ax-text-nowrap\">{{\n        data().lastMessage.createdAt.toDateString()\n      }}</ax-text>\n    </div>\n    <ax-badge\n      [class]=\"data().unreadCount ? 'ax-visible' : 'ax-invisible'\"\n      color=\"success\"\n      [text]=\"data().unreadCount.toString()\"\n    ></ax-badge>\n  </div>\n</div>\n<!-- <div class=\"ax-p-3\">\n  <div class=\"ax-grid ax-grid-cols-12\">\n    \n  </div>\n</div> -->\n", styles: [".black{background-color:#000}\n"] }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hhdC1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvbW9kdWxlcy9jb252ZXJzYXRpb24vc3JjL2xpYi9lbnRpdGllcy9jaGF0L2NvbXBvbmVudHMvY2hhdC1pdGVtL2NoYXQtaXRlbS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL21vZHVsZXMvY29udmVyc2F0aW9uL3NyYy9saWIvZW50aXRpZXMvY2hhdC9jb21wb25lbnRzL2NoYXQtaXRlbS9jaGF0LWl0ZW0uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7OztBQVc1RixNQUFNLE9BQU8sb0JBQW9CO0lBVGpDO1FBVUUsV0FBTSxHQUFHLEtBQUssRUFBVSxDQUFDO1FBQ3pCLFVBQUssR0FBRyxLQUFLLEVBQVUsQ0FBQztRQUN4QixjQUFTLEdBQUcsS0FBSyxFQUFVLENBQUM7UUFDNUIsYUFBUSxHQUFHLEtBQUssRUFBVSxDQUFDO1FBQzNCLFlBQU8sR0FBRyxLQUFLLEVBQVUsQ0FBQztRQUMxQixZQUFPLEdBQUcsS0FBSyxFQUFXLENBQUM7UUFDM0IsY0FBUyxHQUFHLEtBQUssRUFBUSxDQUFDO1FBQzFCLGdCQUFXLEdBQUcsS0FBSyxFQUFVLENBQUM7UUFFOUIsYUFBUSxHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsU0FBUyxFQUFFLEdBQUcsR0FBRyxHQUFHLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQyxDQUFDO1FBRXBFLGtCQUFhLEdBQUcsTUFBTSxFQUFVLENBQUM7S0FPbEM7SUFMQyxlQUFlLENBQUMsSUFBWTtRQUMxQixNQUFNLEtBQUssR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDO1FBQzlCLE1BQU0sUUFBUSxHQUFHLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQyxJQUFJLEVBQUUsRUFBRSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUMsV0FBVyxFQUFFLENBQUMsQ0FBQztRQUNuRSxPQUFPLFFBQVEsQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLENBQUM7SUFDM0IsQ0FBQzs4R0FsQlUsb0JBQW9CO2tHQUFwQixvQkFBb0Isa3JDQ1hqQyx1MkRBZ0RBOzsyRkRyQ2Esb0JBQW9CO2tCQVRoQyxTQUFTOytCQUNFLGVBQWUsbUJBR1IsdUJBQXVCLENBQUMsTUFBTSxRQUN6Qzt3QkFDSixTQUFTLEVBQUUsOEJBQThCO3FCQUMxQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIGNvbXB1dGVkLCBpbnB1dCwgb3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2F4bS1jaGF0LWl0ZW0nLFxuICB0ZW1wbGF0ZVVybDogJy4vY2hhdC1pdGVtLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vY2hhdC1pdGVtLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBob3N0OiB7XG4gICAgJyhjbGljayknOiAncHJlc3NDaGF0SXRlbS5lbWl0KGNoYXRJZCgpKScsXG4gIH0sXG59KVxuZXhwb3J0IGNsYXNzIEFYTUNoYXRJdGVtQ29tcG9uZW50IHtcbiAgY2hhdElkID0gaW5wdXQ8c3RyaW5nPigpO1xuICBpbWFnZSA9IGlucHV0PHN0cmluZz4oKTtcbiAgZmlyc3ROYW1lID0gaW5wdXQ8c3RyaW5nPigpO1xuICBsYXN0TmFtZSA9IGlucHV0PHN0cmluZz4oKTtcbiAgY29udGVudCA9IGlucHV0PHN0cmluZz4oKTtcbiAgaGFzU2VlbiA9IGlucHV0PGJvb2xlYW4+KCk7XG4gIGNyZWF0ZWRBdCA9IGlucHV0PERhdGU+KCk7XG4gIHVucmVhZENvdW50ID0gaW5wdXQ8bnVtYmVyPigpO1xuXG4gIGZ1bGxOYW1lID0gY29tcHV0ZWQoKCkgPT4gdGhpcy5maXJzdE5hbWUoKSArICcgJyArIHRoaXMubGFzdE5hbWUoKSk7XG5cbiAgcHJlc3NDaGF0SXRlbSA9IG91dHB1dDxzdHJpbmc+KCk7XG5cbiAgZXh0cmFjdEluaXRpYWxzKG5hbWU6IHN0cmluZyk6IHN0cmluZyB7XG4gICAgY29uc3Qgd29yZHMgPSBuYW1lLnNwbGl0KCcgJyk7XG4gICAgY29uc3QgaW5pdGlhbHMgPSB3b3Jkcy5tYXAoKHdvcmQpID0+IHdvcmQuY2hhckF0KDApLnRvVXBwZXJDYXNlKCkpO1xuICAgIHJldHVybiBpbml0aWFscy5qb2luKCcnKTtcbiAgfVxufVxuIiwiPGRpdiBbaWRdPVwiY2hhdElkKClcIiBjbGFzcz1cImF4LWZsZXggYXgtaXRlbXMtY2VudGVyIGF4LXAtMyBheC1qdXN0aWZ5LWJldHdlZW5cIj5cbiAgPGRpdiBjbGFzcz1cImF4LWZsZXhcIj5cbiAgICA8ZGl2PlxuICAgICAgPCEtLSA8YXgtYXZhdGFyIGNsYXNzPVwiYXgtcmVsYXRpdmVcIj5cbiAgICAgICAgPGF4LWltYWdlIHNyYz1cIi8vNGt3YWxscGFwZXJzLmNvbS9pbWFnZXMvd2FsbHBhcGVycy9nYXJnYW50dWEtYmxhY2stMzg0MHgyMTYwLTExNDU1LmpwZ1wiPjwvYXgtaW1hZ2U+XG4gICAgICAgIDxheC1iYWRnZVxuICAgICAgICAgIGNsYXNzPVwiYXgtYWJzb2x1dGUgYXgtYm90dG9tLTAgYXgtcmlnaHQtMCAhYXgtc2l6ZS0zIGF4LWJvcmRlciAhYXgtYm9yZGVyLXdoaXRlIGF4LXJvdW5kZWQtZnVsbFwiXG4gICAgICAgICAgY29sb3I9XCJzdWNjZXNzXCJcbiAgICAgICAgPjwvYXgtYmFkZ2U+XG4gICAgICA8L2F4LWF2YXRhcj4gLS0+XG5cbiAgICAgIDxheC1hdmF0YXIgY2xhc3M9XCJheC1yZWxhdGl2ZVwiIGNvbG9yPVwicHJpbWFyeVwiIGxvb2s9XCJyb3VuZGVkXCI+XG4gICAgICAgIDxheC1iYWRnZVxuICAgICAgICAgIGNsYXNzPVwiYXgtYWJzb2x1dGUgYXgtYm90dG9tLTAgYXgtcmlnaHQtMCAhYXgtc2l6ZS0zIGF4LWJvcmRlciAhYXgtYm9yZGVyLXdoaXRlIGF4LXJvdW5kZWQtZnVsbFwiXG4gICAgICAgICAgY29sb3I9XCJzdWNjZXNzXCJcbiAgICAgICAgPjwvYXgtYmFkZ2U+XG4gICAgICAgIEBpZihpbWFnZSgpKXtcbiAgICAgICAgPGF4LWltYWdlIFtzcmNdPVwiaW1hZ2UoKVwiPlxuICAgICAgICAgIDxheC1sb2FkaW5nPjwvYXgtbG9hZGluZz5cbiAgICAgICAgPC9heC1pbWFnZT5cbiAgICAgICAgfUBlbHNle1xuICAgICAgICA8YXgtdGV4dD5cbiAgICAgICAgICA8c3BhbiBjbGFzcz1cImF4LXRleHQtYmFzZSBheC1vdmVyZmxvdy1oaWRkZW5cIj57eyBleHRyYWN0SW5pdGlhbHMoZnVsbE5hbWUoKSkgfX08L3NwYW4+XG4gICAgICAgIDwvYXgtdGV4dD5cbiAgICAgICAgfVxuICAgICAgPC9heC1hdmF0YXI+XG4gICAgPC9kaXY+XG5cbiAgICA8ZGl2IGNsYXNzPVwiYXgtcHktMSBheC1mbGV4IGF4LWZsZXgtY29sIGF4LXAtMyBheC10cnVuY2F0ZVwiPlxuICAgICAgPHAgY2xhc3M9XCJheC1mb250LXNlbWlib2xkIGF4LXctZnVsbCBheC10cnVuY2F0ZVwiPnt7IGZ1bGxOYW1lKCkgfX08L3A+XG4gICAgICA8cCBjbGFzcz1cImF4LXRleHQtc20gYXgtZm9udC1ub3JtYWwgYXgtdGV4dC1uZXV0cmFsLTQwMCBheC13LWZ1bGwgYXgtdHJ1bmNhdGVcIj5cbiAgICAgICAge3sgY29udGVudCgpIH19XG4gICAgICA8L3A+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuXG4gIDxkaXYgY2xhc3M9XCJheC1mbGV4IGF4LWZsZXgtY29sIGF4LWl0ZW1zLWVuZCBheC1nYXAtMVwiPlxuICAgIDxkaXYgY2xhc3M9XCJheC1mbGV4IGF4LWl0ZW1zLWNlbnRlciBheC1qdXN0aWZ5LWJldHdlZW5cIj5cbiAgICAgIEBpZih0cnVlKSB7XG4gICAgICA8YXgtaWNvbiBjbGFzcz1cImF4LWljb24gYXgtdGV4dC1zdWNjZXNzLTUwMFwiIFtjbGFzc109XCJ0cnVlID8gJ2F4LWljb24tZG9iYmxlLWNoZWNrJyA6ICdheC1pY29uLWNoZWNrJ1wiPjwvYXgtaWNvbj5cbiAgICAgIH1cbiAgICAgIDxheC10ZXh0IGNsYXNzPVwiYXgtZm9udC1ub3JtYWwgYXgtdGV4dC1uZXV0cmFsLTQwMCBheC13aGl0ZXNwYWNlLW5vd3JhcFwiPnt7IGNyZWF0ZWRBdCgpIH19PC9heC10ZXh0PlxuICAgIDwvZGl2PlxuICAgIEBpZih1bnJlYWRDb3VudCgpKXtcbiAgICA8YXgtYmFkZ2UgY29sb3I9XCJzdWNjZXNzXCIgW3RleHRdPVwidW5yZWFkQ291bnQoKSEudG9TdHJpbmcoKVwiPjwvYXgtYmFkZ2U+XG4gICAgfVxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hhdC1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvbW9kdWxlcy9jb252ZXJzYXRpb24vc3JjL2xpYi9lbnRpdGllcy9jaGF0L2NvbXBvbmVudHMvY2hhdC1pdGVtL2NoYXQtaXRlbS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL21vZHVsZXMvY29udmVyc2F0aW9uL3NyYy9saWIvZW50aXRpZXMvY2hhdC9jb21wb25lbnRzL2NoYXQtaXRlbS9jaGF0LWl0ZW0uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDMUQsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDcEcsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7Ozs7OztBQVN6RCxNQUFNLE9BQU8sb0JBQW9CO0lBTmpDO1FBT0UsT0FBTztRQUNQLFNBQUksR0FBRyxLQUFLLENBQUMsUUFBUSxFQUFlLENBQUM7UUFFckMsUUFBUTtRQUNSLGtCQUFhLEdBQUcsTUFBTSxFQUFVLENBQUM7UUFFakMsV0FBVztRQUNILG1CQUFjLEdBQUcsTUFBTSxDQUFDLGlCQUFpQixDQUFDLENBQUM7UUFDM0MsV0FBTSxHQUFHLE1BQU0sQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUN4QixtQkFBYyxHQUFHLE1BQU0sQ0FBQyxjQUFjLENBQUMsQ0FBQztRQUN0QyxhQUFRLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLENBQUMsU0FBUyxHQUFHLEdBQUcsR0FBRyxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBQzVHLFNBQUksR0FBRyxJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksRUFBRSxFQUFFLENBQUM7S0F5Qi9DO0lBdkJDLFNBQVM7SUFDQyxlQUFlLENBQUMsSUFBWTtRQUNwQyxNQUFNLEtBQUssR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDO1FBQzlCLE1BQU0sUUFBUSxHQUFHLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQyxJQUFJLEVBQUUsRUFBRSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUMsV0FBVyxFQUFFLENBQUMsQ0FBQztRQUNuRSxPQUFPLFFBQVEsQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLENBQUM7SUFDM0IsQ0FBQztJQUVTLEtBQUssQ0FBQyxlQUFlLENBQUMsRUFBVTtRQUN4QyxJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUM1QixNQUFNLElBQUksQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUFDLENBQUMsRUFBRSxDQUFDLEVBQUUsRUFBRSxVQUFVLEVBQUUsSUFBSSxDQUFDLGNBQWMsRUFBRSxDQUFDLENBQUM7SUFDeEUsQ0FBQztJQUVTLGlCQUFpQjtRQUN6QixJQUFJLElBQUksQ0FBQyxJQUFJLEtBQUssSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDLFdBQVcsQ0FBQyxTQUFTLENBQUMsRUFBRSxFQUFFLENBQUM7WUFDdkQsT0FBTyxFQUFFLENBQUM7UUFDWixDQUFDO2FBQU0sQ0FBQztZQUNOLElBQUksSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDLFdBQVcsQ0FBQyxPQUFPLEVBQUUsQ0FBQztnQkFDcEMsT0FBTyxzQkFBc0IsQ0FBQztZQUNoQyxDQUFDO2lCQUFNLENBQUM7Z0JBQ04sT0FBTyxlQUFlLENBQUM7WUFDekIsQ0FBQztRQUNILENBQUM7SUFDSCxDQUFDOzhHQXBDVSxvQkFBb0I7a0dBQXBCLG9CQUFvQixrT0NYakMsMDJEQXFEQTs7MkZEMUNhLG9CQUFvQjtrQkFOaEMsU0FBUzsrQkFDRSxlQUFlLG1CQUdSLHVCQUF1QixDQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBWFBTZXNzaW9uU2VydmljZSB9IGZyb20gJ0BhY29yZXgvcGxhdGZvcm0vYXV0aCc7XG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBjb21wdXRlZCwgaW5qZWN0LCBpbnB1dCwgb3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBY3RpdmF0ZWRSb3V0ZSwgUm91dGVyIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcbmltcG9ydCB7IEFYTUNoYXRSb29tIH0gZnJvbSAnLi4vLi4vY2hhdC50eXBlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXhtLWNoYXQtaXRlbScsXG4gIHRlbXBsYXRlVXJsOiAnLi9jaGF0LWl0ZW0uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jaGF0LWl0ZW0uY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIEFYTUNoYXRJdGVtQ29tcG9uZW50IHtcbiAgLy9pbnB1dFxuICBkYXRhID0gaW5wdXQucmVxdWlyZWQ8QVhNQ2hhdFJvb20+KCk7XG5cbiAgLy9vdXRwdXRcbiAgcHJlc3NDaGF0SXRlbSA9IG91dHB1dDxzdHJpbmc+KCk7XG5cbiAgLy92YXJpYWJsZXNcbiAgcHJpdmF0ZSBzZXNzaW9uU2VydmljZSA9IGluamVjdChBWFBTZXNzaW9uU2VydmljZSk7XG4gIHByaXZhdGUgcm91dGVyID0gaW5qZWN0KFJvdXRlcik7XG4gIHByaXZhdGUgYWN0aXZhdGVkUm91dGUgPSBpbmplY3QoQWN0aXZhdGVkUm91dGUpO1xuICBwcm90ZWN0ZWQgZnVsbE5hbWUgPSBjb21wdXRlZCgoKSA9PiB0aGlzLmRhdGEoKS5yb29tTWVtYmVyc1swXS5maXJzdE5hbWUgKyAnICcgKyB0aGlzLmRhdGEoKS5yb29tTWVtYmVyc1swXS5sYXN0TmFtZSk7XG4gIHByb3RlY3RlZCBteUlkID0gdGhpcy5zZXNzaW9uU2VydmljZS51c2VyPy5pZDtcblxuICAvL21ldGhvZHNcbiAgcHJvdGVjdGVkIGV4dHJhY3RJbml0aWFscyhuYW1lOiBzdHJpbmcpOiBzdHJpbmcge1xuICAgIGNvbnN0IHdvcmRzID0gbmFtZS5zcGxpdCgnICcpO1xuICAgIGNvbnN0IGluaXRpYWxzID0gd29yZHMubWFwKCh3b3JkKSA9PiB3b3JkLmNoYXJBdCgwKS50b1VwcGVyQ2FzZSgpKTtcbiAgICByZXR1cm4gaW5pdGlhbHMuam9pbignJyk7XG4gIH1cblxuICBwcm90ZWN0ZWQgYXN5bmMgb25QcmVzc0NoYXRJdGVtKGlkOiBzdHJpbmcpIHtcbiAgICB0aGlzLnByZXNzQ2hhdEl0ZW0uZW1pdChpZCk7XG4gICAgYXdhaXQgdGhpcy5yb3V0ZXIubmF2aWdhdGUoW2lkXSwgeyByZWxhdGl2ZVRvOiB0aGlzLmFjdGl2YXRlZFJvdXRlIH0pO1xuICB9XG5cbiAgcHJvdGVjdGVkIG1lc3NhZ2VTZWVuU3RhdHVzKCk6IHN0cmluZyB7XG4gICAgaWYgKHRoaXMubXlJZCA9PT0gdGhpcy5kYXRhKCkubGFzdE1lc3NhZ2UuY3JlYXRlZEJ5LmlkKSB7XG4gICAgICByZXR1cm4gJyc7XG4gICAgfSBlbHNlIHtcbiAgICAgIGlmICh0aGlzLmRhdGEoKS5sYXN0TWVzc2FnZS5oYXNTZWVuKSB7XG4gICAgICAgIHJldHVybiAnYXgtaWNvbi1kb2JibGUtY2hlY2snO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgcmV0dXJuICdheC1pY29uLWNoZWNrJztcbiAgICAgIH1cbiAgICB9XG4gIH1cbn1cbiIsIjxkaXZcbiAgW2lkXT1cImRhdGEoKS5pZFwiXG4gIGNsYXNzPVwiYXgtY3Vyc29yLXBvaW50ZXIgaG92ZXI6YXgtYmctb24tc3VyZmFjZSBheC1mbGV4IGF4LWl0ZW1zLWNlbnRlciBheC1wLTMgYXgtanVzdGlmeS1iZXR3ZWVuXCJcbiAgKGNsaWNrKT1cIm9uUHJlc3NDaGF0SXRlbShkYXRhKCkuaWQpXCJcbj5cbiAgPGRpdiBjbGFzcz1cImF4LWZsZXggYXgtbWluLXctWzEwMHB4XSBheC1nYXAtM1wiPlxuICAgIDxkaXY+XG4gICAgICA8YXgtYXZhdGFyIGNsYXNzPVwiYXgtcmVsYXRpdmVcIiBjb2xvcj1cInByaW1hcnlcIiBsb29rPVwicm91bmRlZFwiPlxuICAgICAgICA8YXgtYmFkZ2VcbiAgICAgICAgICBjbGFzcz1cImF4LWFic29sdXRlIGF4LWJvdHRvbS0wIGF4LXJpZ2h0LTAgIWF4LXNpemUtMyBheC1ib3JkZXIgIWF4LWJvcmRlci13aGl0ZSBheC1yb3VuZGVkLWZ1bGxcIlxuICAgICAgICAgIGNvbG9yPVwic3VjY2Vzc1wiXG4gICAgICAgID48L2F4LWJhZGdlPlxuICAgICAgICBAaWYoZGF0YSgpLnJvb21NZW1iZXJzWzBdLnBpY3R1cmUpe1xuICAgICAgICA8YXgtaW1hZ2UgW3NyY109XCJkYXRhKCkucm9vbU1lbWJlcnNbMF0ucGljdHVyZVwiPlxuICAgICAgICAgIDxheC1sb2FkaW5nPjwvYXgtbG9hZGluZz5cbiAgICAgICAgPC9heC1pbWFnZT5cbiAgICAgICAgfUBlbHNle1xuICAgICAgICA8YXgtdGV4dD5cbiAgICAgICAgICA8c3BhbiBjbGFzcz1cImF4LXRleHQtYmFzZSBheC1vdmVyZmxvdy1oaWRkZW5cIj57eyBleHRyYWN0SW5pdGlhbHMoZnVsbE5hbWUoKSkgfX08L3NwYW4+XG4gICAgICAgIDwvYXgtdGV4dD5cbiAgICAgICAgfVxuICAgICAgPC9heC1hdmF0YXI+XG4gICAgPC9kaXY+XG5cbiAgICA8ZGl2IGNsYXNzPVwiYXgtcHktMSBheC1mbGV4IGF4LWZsZXgtY29sIGF4LXRydW5jYXRlXCI+XG4gICAgICA8cCBjbGFzcz1cImF4LWZvbnQtc2VtaWJvbGQgYXgtdy1mdWxsIGF4LXRydW5jYXRlIGF4LXBiLTFcIj57eyBmdWxsTmFtZSgpIH19PC9wPlxuICAgICAgPHAgY2xhc3M9XCJheC10ZXh0LXNtIGF4LWZvbnQtbm9ybWFsIGF4LXRleHQtbmV1dHJhbC00MDAgYXgtdy1mdWxsIGF4LXRydW5jYXRlXCI+XG4gICAgICAgIHt7IGRhdGEoKS5sYXN0TWVzc2FnZS5jb250ZW50IH19XG4gICAgICA8L3A+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuXG4gIDxkaXYgY2xhc3M9XCJheC1mbGV4IGF4LWZsZXgtY29sIGF4LWl0ZW1zLWVuZCBheC1nYXAtMVwiPlxuICAgIDxkaXYgY2xhc3M9XCJheC1mbGV4IGF4LWl0ZW1zLWNlbnRlciBheC1qdXN0aWZ5LWJldHdlZW5cIj5cbiAgICAgIEBpZih0cnVlKSB7XG4gICAgICA8YXgtaWNvbiBjbGFzcz1cImF4LWljb24gYXgtdGV4dC1zdWNjZXNzLTUwMFwiIFtjbGFzc109XCJtZXNzYWdlU2VlblN0YXR1cygpXCI+PC9heC1pY29uPlxuICAgICAgfVxuICAgICAgPGF4LXRleHQgY2xhc3M9XCJheC10ZXh0LXNtIGF4LWZvbnQtbm9ybWFsIGF4LXRleHQtbmV1dHJhbC00MDAgYXgtdGV4dC1ub3dyYXBcIj57e1xuICAgICAgICBkYXRhKCkubGFzdE1lc3NhZ2UuY3JlYXRlZEF0LnRvRGF0ZVN0cmluZygpXG4gICAgICB9fTwvYXgtdGV4dD5cbiAgICA8L2Rpdj5cbiAgICA8YXgtYmFkZ2VcbiAgICAgIFtjbGFzc109XCJkYXRhKCkudW5yZWFkQ291bnQgPyAnYXgtdmlzaWJsZScgOiAnYXgtaW52aXNpYmxlJ1wiXG4gICAgICBjb2xvcj1cInN1Y2Nlc3NcIlxuICAgICAgW3RleHRdPVwiZGF0YSgpLnVucmVhZENvdW50LnRvU3RyaW5nKClcIlxuICAgID48L2F4LWJhZGdlPlxuICA8L2Rpdj5cbjwvZGl2PlxuPCEtLSA8ZGl2IGNsYXNzPVwiYXgtcC0zXCI+XG4gIDxkaXYgY2xhc3M9XCJheC1ncmlkIGF4LWdyaWQtY29scy0xMlwiPlxuICAgIFxuICA8L2Rpdj5cbjwvZGl2PiAtLT5cbiJdfQ==

package/esm2022/conversation/lib/entities/chat/components/chat-item-header/chat-item-header.component.mjs

@@ -1,15 +1,28 @@
-import { ChangeDetectionStrategy, Component } from '@angular/core';
+import { afterNextRender, ChangeDetectionStrategy, Component, input, output, signal, viewChild } from '@angular/core';
 import * as i0 from "@angular/core";
 import * as i1 from "@acorex/components/badge";
 import * as i2 from "@acorex/components/decorators";
 import * as i3 from "@acorex/components/text-box";
 import * as i4 from "@acorex/components/tabs";
 export class AXMChatItemHeaderComponent {
+    constructor() {
+        this.total = input.required();
+        this.unread = input.required();
+        this.tab = viewChild.required('tab');
+        this.tabsState = signal(0);
+        this.activeTab = output();
+        afterNextRender(() => {
+            this.tab().onActiveTabChanged.subscribe((i) => {
+                this.tabsState.set(i.index);
+                this.activeTab.emit(i.index);
+            });
+        });
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXMChatItemHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: AXMChatItemHeaderComponent, selector: "axm-chat-item-header", ngImport: i0, template: "<div>\n  <div class=\"ax-p-4\">\n    <ax-text-box look=\"fill\" [placeholder]=\"'Search by username or email ...'\">\n      <ax-prefix class=\"ax-ps-2\"> <ax-icon class=\"ax-text-neutral-400 ax-icon ax-icon-search\"> </ax-icon></ax-prefix\n    ></ax-text-box>\n  </div>\n  <ax-divider></ax-divider>\n  <ax-tabs class=\"ax-text-neutral-400 ax-border-t\" [look]=\"'with-line'\">\n    <ax-tab-item class=\"ax-tabs-fit !ax-py-5\" text=\"All\">\n      <ax-suffix>\n        <ax-badge text=\"5\" color=\"primary\"></ax-badge>\n      </ax-suffix>\n    </ax-tab-item>\n    <ax-tab-item class=\"ax-tabs-fit !ax-py-5\" text=\"Unread\">\n      <ax-suffix>\n        <ax-badge text=\"3\" color=\"primary\"></ax-badge>\n      </ax-suffix>\n    </ax-tab-item>\n  </ax-tabs>\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: i1.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-sub-title, ax-placeholder, ax-overlay" }, { kind: "component", type: i3.AXTextBoxComponent, selector: "ax-text-box", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "id", "placeholder", "maxLength", "allowNull", "type", "autoComplete", "look", "mask-options", "class"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "component", type: i4.AXTabsComponent, selector: "ax-tabs", inputs: ["look", "location", "fitParent", "minWidth", "content"], outputs: ["onActiveTabChanged"] }, { kind: "component", type: i4.AXTabItemComponent, selector: "ax-tab-item", inputs: ["disabled", "text", "key", "headerTemplate", "active"], outputs: ["disabledChange", "onClick", "onBlur", "onFocus", "activeChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: AXMChatItemHeaderComponent, selector: "axm-chat-item-header", inputs: { total: { classPropertyName: "total", publicName: "total", isSignal: true, isRequired: true, transformFunction: null }, unread: { classPropertyName: "unread", publicName: "unread", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { activeTab: "activeTab" }, viewQueries: [{ propertyName: "tab", first: true, predicate: ["tab"], descendants: true, isSignal: true }], ngImport: i0, template: "<div>\n  <div class=\"ax-p-3\">\n    <ax-text-box look=\"fill\" [placeholder]=\"'Search by username or email ...'\">\n      <ax-prefix class=\"ax-ps-2\"> <ax-icon class=\"ax-text-neutral-400 ax-icon ax-icon-search\"> </ax-icon></ax-prefix\n    ></ax-text-box>\n  </div>\n  <ax-divider></ax-divider>\n  <ax-tabs #tab class=\"ax-text-neutral-400 ax-border-t\" [look]=\"'with-line'\">\n    <ax-tab-item class=\"ax-tabs-fit !ax-py-5\" text=\"All\">\n      <ax-suffix>\n        <ax-badge [text]=\"total().toString()\" [color]=\"tabsState() === 0 ? 'primary' : 'secondary'\"></ax-badge>\n      </ax-suffix>\n    </ax-tab-item>\n    @if(unread()){\n    <ax-tab-item class=\"ax-tabs-fit !ax-py-5\" text=\"Unread\">\n      <ax-suffix>\n        <ax-badge [text]=\"unread().toString()\" [color]=\"tabsState() === 1 ? 'primary' : 'secondary'\"></ax-badge>\n      </ax-suffix>\n    </ax-tab-item>\n    }\n  </ax-tabs>\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: i1.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-sub-title, ax-placeholder, ax-overlay" }, { kind: "component", type: i3.AXTextBoxComponent, selector: "ax-text-box", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "id", "placeholder", "maxLength", "allowNull", "type", "autoComplete", "look", "mask-options", "class"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "component", type: i4.AXTabsComponent, selector: "ax-tabs", inputs: ["look", "location", "fitParent", "minWidth", "content"], outputs: ["onActiveTabChanged"] }, { kind: "component", type: i4.AXTabItemComponent, selector: "ax-tab-item", inputs: ["disabled", "text", "key", "headerTemplate", "active"], outputs: ["disabledChange", "onClick", "onBlur", "onFocus", "activeChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXMChatItemHeaderComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'axm-chat-item-header', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div>\n  <div class=\"ax-p-4\">\n    <ax-text-box look=\"fill\" [placeholder]=\"'Search by username or email ...'\">\n      <ax-prefix class=\"ax-ps-2\"> <ax-icon class=\"ax-text-neutral-400 ax-icon ax-icon-search\"> </ax-icon></ax-prefix\n    ></ax-text-box>\n  </div>\n  <ax-divider></ax-divider>\n  <ax-tabs class=\"ax-text-neutral-400 ax-border-t\" [look]=\"'with-line'\">\n    <ax-tab-item class=\"ax-tabs-fit !ax-py-5\" text=\"All\">\n      <ax-suffix>\n        <ax-badge text=\"5\" color=\"primary\"></ax-badge>\n      </ax-suffix>\n    </ax-tab-item>\n    <ax-tab-item class=\"ax-tabs-fit !ax-py-5\" text=\"Unread\">\n      <ax-suffix>\n        <ax-badge text=\"3\" color=\"primary\"></ax-badge>\n      </ax-suffix>\n    </ax-tab-item>\n  </ax-tabs>\n</div>\n" }]
-        }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hhdC1pdGVtLWhlYWRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL21vZHVsZXMvY29udmVyc2F0aW9uL3NyYy9saWIvZW50aXRpZXMvY2hhdC9jb21wb25lbnRzL2NoYXQtaXRlbS1oZWFkZXIvY2hhdC1pdGVtLWhlYWRlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL21vZHVsZXMvY29udmVyc2F0aW9uL3NyYy9saWIvZW50aXRpZXMvY2hhdC9jb21wb25lbnRzL2NoYXQtaXRlbS1oZWFkZXIvY2hhdC1pdGVtLWhlYWRlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7QUFRbkUsTUFBTSxPQUFPLDBCQUEwQjs4R0FBMUIsMEJBQTBCO2tHQUExQiwwQkFBMEIsNERDUnZDLGl3QkFvQkE7OzJGRFphLDBCQUEwQjtrQkFOdEMsU0FBUzsrQkFDRSxzQkFBc0IsbUJBR2YsdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXhtLWNoYXQtaXRlbS1oZWFkZXInLFxuICB0ZW1wbGF0ZVVybDogJy4vY2hhdC1pdGVtLWhlYWRlci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2NoYXQtaXRlbS1oZWFkZXIuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIEFYTUNoYXRJdGVtSGVhZGVyQ29tcG9uZW50IHt9XG4iLCI8ZGl2PlxuICA8ZGl2IGNsYXNzPVwiYXgtcC00XCI+XG4gICAgPGF4LXRleHQtYm94IGxvb2s9XCJmaWxsXCIgW3BsYWNlaG9sZGVyXT1cIidTZWFyY2ggYnkgdXNlcm5hbWUgb3IgZW1haWwgLi4uJ1wiPlxuICAgICAgPGF4LXByZWZpeCBjbGFzcz1cImF4LXBzLTJcIj4gPGF4LWljb24gY2xhc3M9XCJheC10ZXh0LW5ldXRyYWwtNDAwIGF4LWljb24gYXgtaWNvbi1zZWFyY2hcIj4gPC9heC1pY29uPjwvYXgtcHJlZml4XG4gICAgPjwvYXgtdGV4dC1ib3g+XG4gIDwvZGl2PlxuICA8YXgtZGl2aWRlcj48L2F4LWRpdmlkZXI+XG4gIDxheC10YWJzIGNsYXNzPVwiYXgtdGV4dC1uZXV0cmFsLTQwMCBheC1ib3JkZXItdFwiIFtsb29rXT1cIid3aXRoLWxpbmUnXCI+XG4gICAgPGF4LXRhYi1pdGVtIGNsYXNzPVwiYXgtdGFicy1maXQgIWF4LXB5LTVcIiB0ZXh0PVwiQWxsXCI+XG4gICAgICA8YXgtc3VmZml4PlxuICAgICAgICA8YXgtYmFkZ2UgdGV4dD1cIjVcIiBjb2xvcj1cInByaW1hcnlcIj48L2F4LWJhZGdlPlxuICAgICAgPC9heC1zdWZmaXg+XG4gICAgPC9heC10YWItaXRlbT5cbiAgICA8YXgtdGFiLWl0ZW0gY2xhc3M9XCJheC10YWJzLWZpdCAhYXgtcHktNVwiIHRleHQ9XCJVbnJlYWRcIj5cbiAgICAgIDxheC1zdWZmaXg+XG4gICAgICAgIDxheC1iYWRnZSB0ZXh0PVwiM1wiIGNvbG9yPVwicHJpbWFyeVwiPjwvYXgtYmFkZ2U+XG4gICAgICA8L2F4LXN1ZmZpeD5cbiAgICA8L2F4LXRhYi1pdGVtPlxuICA8L2F4LXRhYnM+XG48L2Rpdj5cbiJdfQ==
+            args: [{ selector: 'axm-chat-item-header', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div>\n  <div class=\"ax-p-3\">\n    <ax-text-box look=\"fill\" [placeholder]=\"'Search by username or email ...'\">\n      <ax-prefix class=\"ax-ps-2\"> <ax-icon class=\"ax-text-neutral-400 ax-icon ax-icon-search\"> </ax-icon></ax-prefix\n    ></ax-text-box>\n  </div>\n  <ax-divider></ax-divider>\n  <ax-tabs #tab class=\"ax-text-neutral-400 ax-border-t\" [look]=\"'with-line'\">\n    <ax-tab-item class=\"ax-tabs-fit !ax-py-5\" text=\"All\">\n      <ax-suffix>\n        <ax-badge [text]=\"total().toString()\" [color]=\"tabsState() === 0 ? 'primary' : 'secondary'\"></ax-badge>\n      </ax-suffix>\n    </ax-tab-item>\n    @if(unread()){\n    <ax-tab-item class=\"ax-tabs-fit !ax-py-5\" text=\"Unread\">\n      <ax-suffix>\n        <ax-badge [text]=\"unread().toString()\" [color]=\"tabsState() === 1 ? 'primary' : 'secondary'\"></ax-badge>\n      </ax-suffix>\n    </ax-tab-item>\n    }\n  </ax-tabs>\n</div>\n" }]
+        }], ctorParameters: () => [] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hhdC1pdGVtLWhlYWRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL21vZHVsZXMvY29udmVyc2F0aW9uL3NyYy9saWIvZW50aXRpZXMvY2hhdC9jb21wb25lbnRzL2NoYXQtaXRlbS1oZWFkZXIvY2hhdC1pdGVtLWhlYWRlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL21vZHVsZXMvY29udmVyc2F0aW9uL3NyYy9saWIvZW50aXRpZXMvY2hhdC9jb21wb25lbnRzL2NoYXQtaXRlbS1oZWFkZXIvY2hhdC1pdGVtLWhlYWRlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQUUsZUFBZSxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7OztBQVF0SCxNQUFNLE9BQU8sMEJBQTBCO0lBTXJDO1FBTEEsVUFBSyxHQUFHLEtBQUssQ0FBQyxRQUFRLEVBQVUsQ0FBQztRQUNqQyxXQUFNLEdBQUcsS0FBSyxDQUFDLFFBQVEsRUFBVSxDQUFDO1FBQ2xDLFFBQUcsR0FBRyxTQUFTLENBQUMsUUFBUSxDQUFrQixLQUFLLENBQUMsQ0FBQztRQUNqRCxjQUFTLEdBQUcsTUFBTSxDQUFTLENBQUMsQ0FBQyxDQUFDO1FBQzlCLGNBQVMsR0FBRyxNQUFNLEVBQVUsQ0FBQztRQUUzQixlQUFlLENBQUMsR0FBRyxFQUFFO1lBQ25CLElBQUksQ0FBQyxHQUFHLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRTtnQkFDNUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDO2dCQUM1QixJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUM7WUFDL0IsQ0FBQyxDQUFDLENBQUM7UUFDTCxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7OEdBYlUsMEJBQTBCO2tHQUExQiwwQkFBMEIsMGNDVHZDLG81QkFzQkE7OzJGRGJhLDBCQUEwQjtrQkFOdEMsU0FBUzsrQkFDRSxzQkFBc0IsbUJBR2YsdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFYVGFic0NvbXBvbmVudCB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy90YWJzJztcbmltcG9ydCB7IGFmdGVyTmV4dFJlbmRlciwgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgaW5wdXQsIG91dHB1dCwgc2lnbmFsLCB2aWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXhtLWNoYXQtaXRlbS1oZWFkZXInLFxuICB0ZW1wbGF0ZVVybDogJy4vY2hhdC1pdGVtLWhlYWRlci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2NoYXQtaXRlbS1oZWFkZXIuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIEFYTUNoYXRJdGVtSGVhZGVyQ29tcG9uZW50IHtcbiAgdG90YWwgPSBpbnB1dC5yZXF1aXJlZDxudW1iZXI+KCk7XG4gIHVucmVhZCA9IGlucHV0LnJlcXVpcmVkPG51bWJlcj4oKTtcbiAgdGFiID0gdmlld0NoaWxkLnJlcXVpcmVkPEFYVGFic0NvbXBvbmVudD4oJ3RhYicpO1xuICB0YWJzU3RhdGUgPSBzaWduYWw8bnVtYmVyPigwKTtcbiAgYWN0aXZlVGFiID0gb3V0cHV0PG51bWJlcj4oKTtcbiAgY29uc3RydWN0b3IoKSB7XG4gICAgYWZ0ZXJOZXh0UmVuZGVyKCgpID0+IHtcbiAgICAgIHRoaXMudGFiKCkub25BY3RpdmVUYWJDaGFuZ2VkLnN1YnNjcmliZSgoaSkgPT4ge1xuICAgICAgICB0aGlzLnRhYnNTdGF0ZS5zZXQoaS5pbmRleCk7XG4gICAgICAgIHRoaXMuYWN0aXZlVGFiLmVtaXQoaS5pbmRleCk7XG4gICAgICB9KTtcbiAgICB9KTtcbiAgfVxufVxuIiwiPGRpdj5cbiAgPGRpdiBjbGFzcz1cImF4LXAtM1wiPlxuICAgIDxheC10ZXh0LWJveCBsb29rPVwiZmlsbFwiIFtwbGFjZWhvbGRlcl09XCInU2VhcmNoIGJ5IHVzZXJuYW1lIG9yIGVtYWlsIC4uLidcIj5cbiAgICAgIDxheC1wcmVmaXggY2xhc3M9XCJheC1wcy0yXCI+IDxheC1pY29uIGNsYXNzPVwiYXgtdGV4dC1uZXV0cmFsLTQwMCBheC1pY29uIGF4LWljb24tc2VhcmNoXCI+IDwvYXgtaWNvbj48L2F4LXByZWZpeFxuICAgID48L2F4LXRleHQtYm94PlxuICA8L2Rpdj5cbiAgPGF4LWRpdmlkZXI+PC9heC1kaXZpZGVyPlxuICA8YXgtdGFicyAjdGFiIGNsYXNzPVwiYXgtdGV4dC1uZXV0cmFsLTQwMCBheC1ib3JkZXItdFwiIFtsb29rXT1cIid3aXRoLWxpbmUnXCI+XG4gICAgPGF4LXRhYi1pdGVtIGNsYXNzPVwiYXgtdGFicy1maXQgIWF4LXB5LTVcIiB0ZXh0PVwiQWxsXCI+XG4gICAgICA8YXgtc3VmZml4PlxuICAgICAgICA8YXgtYmFkZ2UgW3RleHRdPVwidG90YWwoKS50b1N0cmluZygpXCIgW2NvbG9yXT1cInRhYnNTdGF0ZSgpID09PSAwID8gJ3ByaW1hcnknIDogJ3NlY29uZGFyeSdcIj48L2F4LWJhZGdlPlxuICAgICAgPC9heC1zdWZmaXg+XG4gICAgPC9heC10YWItaXRlbT5cbiAgICBAaWYodW5yZWFkKCkpe1xuICAgIDxheC10YWItaXRlbSBjbGFzcz1cImF4LXRhYnMtZml0ICFheC1weS01XCIgdGV4dD1cIlVucmVhZFwiPlxuICAgICAgPGF4LXN1ZmZpeD5cbiAgICAgICAgPGF4LWJhZGdlIFt0ZXh0XT1cInVucmVhZCgpLnRvU3RyaW5nKClcIiBbY29sb3JdPVwidGFic1N0YXRlKCkgPT09IDEgPyAncHJpbWFyeScgOiAnc2Vjb25kYXJ5J1wiPjwvYXgtYmFkZ2U+XG4gICAgICA8L2F4LXN1ZmZpeD5cbiAgICA8L2F4LXRhYi1pdGVtPlxuICAgIH1cbiAgPC9heC10YWJzPlxuPC9kaXY+XG4iXX0=