@rtsee/ngx 0.0.25 → 0.0.26

package/dist/ngx/esm2015/lib/components/rtsee-events-dashboard/components/rtsee-events-dashboard-client-thumbnail/rtsee-events-dashboard-client-thumbnail.component.js

@@ -1,10 +1,13 @@
 import { Component, Input } from '@angular/core';
 import * as i0 from "@angular/core";
 import * as i1 from "../../../../services/time-format-helper.service";
-import * as i2 from "@angular/common";
+import * as i2 from "../../../../services/default-images.service";
+import * as i3 from "../rtsee-events-dashboard-session/rtsee-events-dashboard-session.component";
+import * as i4 from "@angular/common";
 export class RtseeEventsDashboardClientThumbnailComponent {
-    constructor(timeFormatService) {
+    constructor(timeFormatService, defaultImagesService) {
         this.timeFormatService = timeFormatService;
+        this.defaultImagesService = defaultImagesService;
     }
     ngOnInit() {
         console.log('client id', this.client.id);
@@ -13,18 +16,17 @@ export class RtseeEventsDashboardClientThumbnailComponent {
         this.dashboard.openChat(this.client);
     }
 }
-RtseeEventsDashboardClientThumbnailComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0, type: RtseeEventsDashboardClientThumbnailComponent, deps: [{ token: i1.TimeFormatHelperService }], target: i0.ɵɵFactoryTarget.Component });
-RtseeEventsDashboardClientThumbnailComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.2", type: RtseeEventsDashboardClientThumbnailComponent, selector: "ngx-rtsee-events-dashboard-client-thumbnail", inputs: { dashboard: "dashboard", client: "client" }, ngImport: i0, template: "<div class=\"rtsee-dashboard-client-thumbnail\">\n  <span class=\"rtsee-dashboard-client-id\" *ngIf=\"client.name\">{{ client.id }}</span>\n  <span class=\"rtsee-dashboard-client-name\">{{ client.name || client.id }}</span>\n  <div class=\"rtsee-dashboard-client-live\" *ngIf=\"client.isConnected\"></div>\n  <div class=\"rtsee-dashboard-client-thumbnail-events\">\n    <details *ngIf=\"client.events && client.events.length\">\n      <summary>Last event: {{client.events[0].name}} ({{ timeFormatService.toAgo(client.events[0].createdAt) }})</summary>\n      <ul>\n        <li *ngFor=\"let event of client.events.slice(1, client.events.length)\" class=\"rtsee-dashboard-client-thumbnail-event\">\n          <span>{{event.name}}</span>\n          <span>&nbsp;</span>\n          <span>{{ timeFormatService.toAgo(event.createdAt) }}</span>\n        </li>\n      </ul>\n    </details>\n    <div class=\"rtsee-dashboard-client-thumbnail-actions\">\n      <button (click)=\"openChat()\">Chat</button>\n    </div>\n  </div>\n</div>\n", styles: [".rtsee-dashboard-client-thumbnail{position:relative}.rtsee-dashboard-client-thumbnail .rtsee-dashboard-client-thumbnail-events{padding:16px 0}.rtsee-dashboard-client-thumbnail .rtsee-dashboard-client-live{top:16px;right:16px;position:absolute;border-radius:50%;width:10px;height:10px;background:#32cd32}"], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+RtseeEventsDashboardClientThumbnailComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0, type: RtseeEventsDashboardClientThumbnailComponent, deps: [{ token: i1.TimeFormatHelperService }, { token: i2.DefaultImagesService }], target: i0.ɵɵFactoryTarget.Component });
+RtseeEventsDashboardClientThumbnailComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.2", type: RtseeEventsDashboardClientThumbnailComponent, selector: "ngx-rtsee-events-dashboard-client-thumbnail", inputs: { dashboard: "dashboard", client: "client" }, ngImport: i0, template: "<div class=\"rtsee-dashboard-client-thumbnail\">\n  <div class=\"rtsee-dashboard-client-header\">\n    <div class=\"rtsee-dashboard-client-header-photo\">\n      <div class=\"rtsee-dashboard-client-header-image\"\n           [style.background-image]=\"'url(' + client.imageUrl || defaultImagesService.PROFILE + ')'\"\n      ></div>\n      <div class=\"rtsee-dashboard-client-live-indicator\" *ngIf=\"client.isConnected\"></div>\n    </div>\n    <p class=\"rtsee-dashboard-client-name\">\n      <span class=\"rtsee-dashboard-client-name-text\">{{ client.name || client.id }}</span>\n      <button (click)=\"openChat()\" class=\"rtsee-dashboard-client-engage\">\n        <span class=\"rtsee-dashboard-client-engage-icon material-icons-outlined\">chat_bubble</span>\n      </button>\n    </p>\n  </div>\n  <div class=\"rtsee-dashboard-sessions\">\n    <div *ngFor=\"let session of client.sessions\"\n         class=\"rtsee-dashboard-sessions-container\">\n      <rtsee-rtsee-events-dashboard-session [session]=\"session\"></rtsee-rtsee-events-dashboard-session>\n    </div>\n  </div>\n</div>\n", components: [{ type: i3.RtseeEventsDashboardSessionComponent, selector: "rtsee-rtsee-events-dashboard-session", inputs: ["session"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0, type: RtseeEventsDashboardClientThumbnailComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ngx-rtsee-events-dashboard-client-thumbnail',
                     templateUrl: './rtsee-events-dashboard-client-thumbnail.component.html',
-                    styleUrls: ['./rtsee-events-dashboard-client-thumbnail.component.scss'],
                 }]
-        }], ctorParameters: function () { return [{ type: i1.TimeFormatHelperService }]; }, propDecorators: { dashboard: [{
+        }], ctorParameters: function () { return [{ type: i1.TimeFormatHelperService }, { type: i2.DefaultImagesService }]; }, propDecorators: { dashboard: [{
                 type: Input
             }], client: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicnRzZWUtZXZlbnRzLWRhc2hib2FyZC1jbGllbnQtdGh1bWJuYWlsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC9zcmMvbGliL2NvbXBvbmVudHMvcnRzZWUtZXZlbnRzLWRhc2hib2FyZC9jb21wb25lbnRzL3J0c2VlLWV2ZW50cy1kYXNoYm9hcmQtY2xpZW50LXRodW1ibmFpbC9ydHNlZS1ldmVudHMtZGFzaGJvYXJkLWNsaWVudC10aHVtYm5haWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4L3NyYy9saWIvY29tcG9uZW50cy9ydHNlZS1ldmVudHMtZGFzaGJvYXJkL2NvbXBvbmVudHMvcnRzZWUtZXZlbnRzLWRhc2hib2FyZC1jbGllbnQtdGh1bWJuYWlsL3J0c2VlLWV2ZW50cy1kYXNoYm9hcmQtY2xpZW50LXRodW1ibmFpbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQzs7OztBQVl6RCxNQUFNLE9BQU8sNENBQTRDO0lBSXZELFlBQW1CLGlCQUEwQztRQUExQyxzQkFBaUIsR0FBakIsaUJBQWlCLENBQXlCO0lBQUcsQ0FBQztJQUVqRSxRQUFRO1FBQ04sT0FBTyxDQUFDLEdBQUcsQ0FBQyxXQUFXLEVBQUUsSUFBSSxDQUFDLE1BQU0sQ0FBQyxFQUFFLENBQUMsQ0FBQztJQUMzQyxDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksQ0FBQyxTQUFTLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUN2QyxDQUFDOzt5SUFaVSw0Q0FBNEM7NkhBQTVDLDRDQUE0Qyx5SUNaekQsb2dDQW9CQTsyRkRSYSw0Q0FBNEM7a0JBTHhELFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLDZDQUE2QztvQkFDdkQsV0FBVyxFQUFFLDBEQUEwRDtvQkFDdkUsU0FBUyxFQUFFLENBQUMsMERBQTBELENBQUM7aUJBQ3hFOzhHQUVVLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1xuICBSVFNlZURhc2hib2FyZENsaWVudCxcbiAgUlRTZWVFdmVudHNEYXNoYm9hcmQsXG59IGZyb20gJ0BydHNlZS9ldmVudHMtbWFuYWdlcic7XG5pbXBvcnQgeyBUaW1lRm9ybWF0SGVscGVyU2VydmljZSB9IGZyb20gJy4uLy4uLy4uLy4uL3NlcnZpY2VzL3RpbWUtZm9ybWF0LWhlbHBlci5zZXJ2aWNlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbmd4LXJ0c2VlLWV2ZW50cy1kYXNoYm9hcmQtY2xpZW50LXRodW1ibmFpbCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9ydHNlZS1ldmVudHMtZGFzaGJvYXJkLWNsaWVudC10aHVtYm5haWwuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9ydHNlZS1ldmVudHMtZGFzaGJvYXJkLWNsaWVudC10aHVtYm5haWwuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgUnRzZWVFdmVudHNEYXNoYm9hcmRDbGllbnRUaHVtYm5haWxDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKSBkYXNoYm9hcmQhOiBSVFNlZUV2ZW50c0Rhc2hib2FyZDtcbiAgQElucHV0KCkgY2xpZW50ITogUlRTZWVEYXNoYm9hcmRDbGllbnQ7XG5cbiAgY29uc3RydWN0b3IocHVibGljIHRpbWVGb3JtYXRTZXJ2aWNlOiBUaW1lRm9ybWF0SGVscGVyU2VydmljZSkge31cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICBjb25zb2xlLmxvZygnY2xpZW50IGlkJywgdGhpcy5jbGllbnQuaWQpO1xuICB9XG5cbiAgb3BlbkNoYXQoKSB7XG4gICAgdGhpcy5kYXNoYm9hcmQub3BlbkNoYXQodGhpcy5jbGllbnQpO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwicnRzZWUtZGFzaGJvYXJkLWNsaWVudC10aHVtYm5haWxcIj5cbiAgPHNwYW4gY2xhc3M9XCJydHNlZS1kYXNoYm9hcmQtY2xpZW50LWlkXCIgKm5nSWY9XCJjbGllbnQubmFtZVwiPnt7IGNsaWVudC5pZCB9fTwvc3Bhbj5cbiAgPHNwYW4gY2xhc3M9XCJydHNlZS1kYXNoYm9hcmQtY2xpZW50LW5hbWVcIj57eyBjbGllbnQubmFtZSB8fCBjbGllbnQuaWQgfX08L3NwYW4+XG4gIDxkaXYgY2xhc3M9XCJydHNlZS1kYXNoYm9hcmQtY2xpZW50LWxpdmVcIiAqbmdJZj1cImNsaWVudC5pc0Nvbm5lY3RlZFwiPjwvZGl2PlxuICA8ZGl2IGNsYXNzPVwicnRzZWUtZGFzaGJvYXJkLWNsaWVudC10aHVtYm5haWwtZXZlbnRzXCI+XG4gICAgPGRldGFpbHMgKm5nSWY9XCJjbGllbnQuZXZlbnRzICYmIGNsaWVudC5ldmVudHMubGVuZ3RoXCI+XG4gICAgICA8c3VtbWFyeT5MYXN0IGV2ZW50OiB7e2NsaWVudC5ldmVudHNbMF0ubmFtZX19ICh7eyB0aW1lRm9ybWF0U2VydmljZS50b0FnbyhjbGllbnQuZXZlbnRzWzBdLmNyZWF0ZWRBdCkgfX0pPC9zdW1tYXJ5PlxuICAgICAgPHVsPlxuICAgICAgICA8bGkgKm5nRm9yPVwibGV0IGV2ZW50IG9mIGNsaWVudC5ldmVudHMuc2xpY2UoMSwgY2xpZW50LmV2ZW50cy5sZW5ndGgpXCIgY2xhc3M9XCJydHNlZS1kYXNoYm9hcmQtY2xpZW50LXRodW1ibmFpbC1ldmVudFwiPlxuICAgICAgICAgIDxzcGFuPnt7ZXZlbnQubmFtZX19PC9zcGFuPlxuICAgICAgICAgIDxzcGFuPiZuYnNwOzwvc3Bhbj5cbiAgICAgICAgICA8c3Bhbj57eyB0aW1lRm9ybWF0U2VydmljZS50b0FnbyhldmVudC5jcmVhdGVkQXQpIH19PC9zcGFuPlxuICAgICAgICA8L2xpPlxuICAgICAgPC91bD5cbiAgICA8L2RldGFpbHM+XG4gICAgPGRpdiBjbGFzcz1cInJ0c2VlLWRhc2hib2FyZC1jbGllbnQtdGh1bWJuYWlsLWFjdGlvbnNcIj5cbiAgICAgIDxidXR0b24gKGNsaWNrKT1cIm9wZW5DaGF0KClcIj5DaGF0PC9idXR0b24+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicnRzZWUtZXZlbnRzLWRhc2hib2FyZC1jbGllbnQtdGh1bWJuYWlsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC9zcmMvbGliL2NvbXBvbmVudHMvcnRzZWUtZXZlbnRzLWRhc2hib2FyZC9jb21wb25lbnRzL3J0c2VlLWV2ZW50cy1kYXNoYm9hcmQtY2xpZW50LXRodW1ibmFpbC9ydHNlZS1ldmVudHMtZGFzaGJvYXJkLWNsaWVudC10aHVtYm5haWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4L3NyYy9saWIvY29tcG9uZW50cy9ydHNlZS1ldmVudHMtZGFzaGJvYXJkL2NvbXBvbmVudHMvcnRzZWUtZXZlbnRzLWRhc2hib2FyZC1jbGllbnQtdGh1bWJuYWlsL3J0c2VlLWV2ZW50cy1kYXNoYm9hcmQtY2xpZW50LXRodW1ibmFpbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQzs7Ozs7O0FBWXpELE1BQU0sT0FBTyw0Q0FBNEM7SUFJdkQsWUFDUyxpQkFBMEMsRUFDMUMsb0JBQTBDO1FBRDFDLHNCQUFpQixHQUFqQixpQkFBaUIsQ0FBeUI7UUFDMUMseUJBQW9CLEdBQXBCLG9CQUFvQixDQUFzQjtJQUNoRCxDQUFDO0lBRUosUUFBUTtRQUNOLE9BQU8sQ0FBQyxHQUFHLENBQUMsV0FBVyxFQUFFLElBQUksQ0FBQyxNQUFNLENBQUMsRUFBRSxDQUFDLENBQUM7SUFDM0MsQ0FBQztJQUVELFFBQVE7UUFDTixJQUFJLENBQUMsU0FBUyxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDdkMsQ0FBQzs7eUlBZlUsNENBQTRDOzZIQUE1Qyw0Q0FBNEMseUlDWnpELG9rQ0FzQkE7MkZEVmEsNENBQTRDO2tCQUp4RCxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSw2Q0FBNkM7b0JBQ3ZELFdBQVcsRUFBRSwwREFBMEQ7aUJBQ3hFO2lKQUVVLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1xuICBSVFNlZURhc2hib2FyZENsaWVudCxcbiAgUlRTZWVFdmVudHNEYXNoYm9hcmQsXG59IGZyb20gJ0BydHNlZS9ldmVudHMtbWFuYWdlcic7XG5pbXBvcnQgeyBUaW1lRm9ybWF0SGVscGVyU2VydmljZSB9IGZyb20gJy4uLy4uLy4uLy4uL3NlcnZpY2VzL3RpbWUtZm9ybWF0LWhlbHBlci5zZXJ2aWNlJztcbmltcG9ydCB7IERlZmF1bHRJbWFnZXNTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vLi4vc2VydmljZXMvZGVmYXVsdC1pbWFnZXMuc2VydmljZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ25neC1ydHNlZS1ldmVudHMtZGFzaGJvYXJkLWNsaWVudC10aHVtYm5haWwnLFxuICB0ZW1wbGF0ZVVybDogJy4vcnRzZWUtZXZlbnRzLWRhc2hib2FyZC1jbGllbnQtdGh1bWJuYWlsLmNvbXBvbmVudC5odG1sJyxcbn0pXG5leHBvcnQgY2xhc3MgUnRzZWVFdmVudHNEYXNoYm9hcmRDbGllbnRUaHVtYm5haWxDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKSBkYXNoYm9hcmQhOiBSVFNlZUV2ZW50c0Rhc2hib2FyZDtcbiAgQElucHV0KCkgY2xpZW50ITogUlRTZWVEYXNoYm9hcmRDbGllbnQ7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHVibGljIHRpbWVGb3JtYXRTZXJ2aWNlOiBUaW1lRm9ybWF0SGVscGVyU2VydmljZSxcbiAgICBwdWJsaWMgZGVmYXVsdEltYWdlc1NlcnZpY2U6IERlZmF1bHRJbWFnZXNTZXJ2aWNlXG4gICkge31cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICBjb25zb2xlLmxvZygnY2xpZW50IGlkJywgdGhpcy5jbGllbnQuaWQpO1xuICB9XG5cbiAgb3BlbkNoYXQoKSB7XG4gICAgdGhpcy5kYXNoYm9hcmQub3BlbkNoYXQodGhpcy5jbGllbnQpO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwicnRzZWUtZGFzaGJvYXJkLWNsaWVudC10aHVtYm5haWxcIj5cbiAgPGRpdiBjbGFzcz1cInJ0c2VlLWRhc2hib2FyZC1jbGllbnQtaGVhZGVyXCI+XG4gICAgPGRpdiBjbGFzcz1cInJ0c2VlLWRhc2hib2FyZC1jbGllbnQtaGVhZGVyLXBob3RvXCI+XG4gICAgICA8ZGl2IGNsYXNzPVwicnRzZWUtZGFzaGJvYXJkLWNsaWVudC1oZWFkZXItaW1hZ2VcIlxuICAgICAgICAgICBbc3R5bGUuYmFja2dyb3VuZC1pbWFnZV09XCIndXJsKCcgKyBjbGllbnQuaW1hZ2VVcmwgfHwgZGVmYXVsdEltYWdlc1NlcnZpY2UuUFJPRklMRSArICcpJ1wiXG4gICAgICA+PC9kaXY+XG4gICAgICA8ZGl2IGNsYXNzPVwicnRzZWUtZGFzaGJvYXJkLWNsaWVudC1saXZlLWluZGljYXRvclwiICpuZ0lmPVwiY2xpZW50LmlzQ29ubmVjdGVkXCI+PC9kaXY+XG4gICAgPC9kaXY+XG4gICAgPHAgY2xhc3M9XCJydHNlZS1kYXNoYm9hcmQtY2xpZW50LW5hbWVcIj5cbiAgICAgIDxzcGFuIGNsYXNzPVwicnRzZWUtZGFzaGJvYXJkLWNsaWVudC1uYW1lLXRleHRcIj57eyBjbGllbnQubmFtZSB8fCBjbGllbnQuaWQgfX08L3NwYW4+XG4gICAgICA8YnV0dG9uIChjbGljayk9XCJvcGVuQ2hhdCgpXCIgY2xhc3M9XCJydHNlZS1kYXNoYm9hcmQtY2xpZW50LWVuZ2FnZVwiPlxuICAgICAgICA8c3BhbiBjbGFzcz1cInJ0c2VlLWRhc2hib2FyZC1jbGllbnQtZW5nYWdlLWljb24gbWF0ZXJpYWwtaWNvbnMtb3V0bGluZWRcIj5jaGF0X2J1YmJsZTwvc3Bhbj5cbiAgICAgIDwvYnV0dG9uPlxuICAgIDwvcD5cbiAgPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJydHNlZS1kYXNoYm9hcmQtc2Vzc2lvbnNcIj5cbiAgICA8ZGl2ICpuZ0Zvcj1cImxldCBzZXNzaW9uIG9mIGNsaWVudC5zZXNzaW9uc1wiXG4gICAgICAgICBjbGFzcz1cInJ0c2VlLWRhc2hib2FyZC1zZXNzaW9ucy1jb250YWluZXJcIj5cbiAgICAgIDxydHNlZS1ydHNlZS1ldmVudHMtZGFzaGJvYXJkLXNlc3Npb24gW3Nlc3Npb25dPVwic2Vzc2lvblwiPjwvcnRzZWUtcnRzZWUtZXZlbnRzLWRhc2hib2FyZC1zZXNzaW9uPlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19

package/dist/ngx/esm2015/lib/components/rtsee-events-dashboard/components/rtsee-events-dashboard-session/rtsee-events-dashboard-session.component.js

@@ -0,0 +1,22 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../../services/time-format-helper.service";
+import * as i2 from "../event-thumbnail/event-thumbnail.component";
+import * as i3 from "@angular/common";
+export class RtseeEventsDashboardSessionComponent {
+    constructor(timeFormatService) {
+        this.timeFormatService = timeFormatService;
+    }
+}
+RtseeEventsDashboardSessionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0, type: RtseeEventsDashboardSessionComponent, deps: [{ token: i1.TimeFormatHelperService }], target: i0.ɵɵFactoryTarget.Component });
+RtseeEventsDashboardSessionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.2", type: RtseeEventsDashboardSessionComponent, selector: "rtsee-rtsee-events-dashboard-session", inputs: { session: "session" }, ngImport: i0, template: "<div class=\"rtsee-events-dashboard-session\">\n  <div class=\"rtsee-events-dashboard-session-header\" *ngIf=\"session.info\">\n    <p class=\"rtsee-events-dashboard-session-client-info\">{{session.info.clientThumbnail}}</p>\n    <p class=\"rtsee-events-dashboard-session-os-info\">{{session.info.osThumbnail}}</p>\n    <div class=\"rtsee-events-dashboard-session-device-info\" [title]=\"session.info.deviceThumbnail\">\n      <span *ngIf=\"session.info.deviceType === 'smartphone' && !session.info.botName\"\n        class=\"material-icons-outlined rtsee-events-dashboard-session-device-info-icon\"\n      >phone_iphone</span>\n      <span class=\"material-icons-outlined rtsee-events-dashboard-session-device-info-icon\"\n            *ngIf=\"session.info.deviceType === 'tablet' && !session.info.botName\"\n      >tablet_mac</span>\n      <span class=\"material-icons-outlined rtsee-events-dashboard-session-device-info-icon\"\n            *ngIf=\"session.info.deviceType === 'desktop' && !session.info.botName\"\n      >computer</span>\n      <span class=\"material-icons-outlined rtsee-events-dashboard-session-device-info-icon\"\n            *ngIf=\"session.info.botName\"\n      >smart_toy</span>\n    </div>\n  </div>\n  <ul *ngIf=\"session.events && session.events.length\"\n      class=\"rtsee-events-dashboard-session-events-list\"\n  >\n    <li *ngFor=\"let event of session.events | slice:0:5;\" class=\"rtsee-events-dashboard-session-event\">\n      <rtsee-event-thumbnail [event]=\"event\"></rtsee-event-thumbnail>\n    </li>\n  </ul>\n  <div class=\"rtsee-events-dashboard-session-footer\">\n    <button *ngIf=\"session.events.length > 5\">{{session.events.length - 5}} more</button>\n  </div>\n</div>\n", components: [{ type: i2.EventThumbnailComponent, selector: "rtsee-event-thumbnail", inputs: ["event"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "slice": i3.SlicePipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0, type: RtseeEventsDashboardSessionComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'rtsee-rtsee-events-dashboard-session',
+                    templateUrl: './rtsee-events-dashboard-session.component.html',
+                }]
+        }], ctorParameters: function () { return [{ type: i1.TimeFormatHelperService }]; }, propDecorators: { session: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicnRzZWUtZXZlbnRzLWRhc2hib2FyZC1zZXNzaW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC9zcmMvbGliL2NvbXBvbmVudHMvcnRzZWUtZXZlbnRzLWRhc2hib2FyZC9jb21wb25lbnRzL3J0c2VlLWV2ZW50cy1kYXNoYm9hcmQtc2Vzc2lvbi9ydHNlZS1ldmVudHMtZGFzaGJvYXJkLXNlc3Npb24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4L3NyYy9saWIvY29tcG9uZW50cy9ydHNlZS1ldmVudHMtZGFzaGJvYXJkL2NvbXBvbmVudHMvcnRzZWUtZXZlbnRzLWRhc2hib2FyZC1zZXNzaW9uL3J0c2VlLWV2ZW50cy1kYXNoYm9hcmQtc2Vzc2lvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFRakQsTUFBTSxPQUFPLG9DQUFvQztJQUUvQyxZQUFtQixpQkFBMEM7UUFBMUMsc0JBQWlCLEdBQWpCLGlCQUFpQixDQUF5QjtJQUFHLENBQUM7O2lJQUZ0RCxvQ0FBb0M7cUhBQXBDLG9DQUFvQyw0R0NSakQsd3JEQThCQTsyRkR0QmEsb0NBQW9DO2tCQUpoRCxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxzQ0FBc0M7b0JBQ2hELFdBQVcsRUFBRSxpREFBaUQ7aUJBQy9EOzhHQUVVLE9BQU87c0JBQWYsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFJUU2VlRGFzaGJvYXJkQ2xpZW50U2Vzc2lvbiB9IGZyb20gJ0BydHNlZS9ldmVudHMtbWFuYWdlcic7XG5pbXBvcnQgeyBUaW1lRm9ybWF0SGVscGVyU2VydmljZSB9IGZyb20gJy4uLy4uLy4uLy4uL3NlcnZpY2VzL3RpbWUtZm9ybWF0LWhlbHBlci5zZXJ2aWNlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAncnRzZWUtcnRzZWUtZXZlbnRzLWRhc2hib2FyZC1zZXNzaW9uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3J0c2VlLWV2ZW50cy1kYXNoYm9hcmQtc2Vzc2lvbi5jb21wb25lbnQuaHRtbCcsXG59KVxuZXhwb3J0IGNsYXNzIFJ0c2VlRXZlbnRzRGFzaGJvYXJkU2Vzc2lvbkNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIHNlc3Npb24hOiBSVFNlZURhc2hib2FyZENsaWVudFNlc3Npb247XG4gIGNvbnN0cnVjdG9yKHB1YmxpYyB0aW1lRm9ybWF0U2VydmljZTogVGltZUZvcm1hdEhlbHBlclNlcnZpY2UpIHt9XG59XG4iLCI8ZGl2IGNsYXNzPVwicnRzZWUtZXZlbnRzLWRhc2hib2FyZC1zZXNzaW9uXCI+XG4gIDxkaXYgY2xhc3M9XCJydHNlZS1ldmVudHMtZGFzaGJvYXJkLXNlc3Npb24taGVhZGVyXCIgKm5nSWY9XCJzZXNzaW9uLmluZm9cIj5cbiAgICA8cCBjbGFzcz1cInJ0c2VlLWV2ZW50cy1kYXNoYm9hcmQtc2Vzc2lvbi1jbGllbnQtaW5mb1wiPnt7c2Vzc2lvbi5pbmZvLmNsaWVudFRodW1ibmFpbH19PC9wPlxuICAgIDxwIGNsYXNzPVwicnRzZWUtZXZlbnRzLWRhc2hib2FyZC1zZXNzaW9uLW9zLWluZm9cIj57e3Nlc3Npb24uaW5mby5vc1RodW1ibmFpbH19PC9wPlxuICAgIDxkaXYgY2xhc3M9XCJydHNlZS1ldmVudHMtZGFzaGJvYXJkLXNlc3Npb24tZGV2aWNlLWluZm9cIiBbdGl0bGVdPVwic2Vzc2lvbi5pbmZvLmRldmljZVRodW1ibmFpbFwiPlxuICAgICAgPHNwYW4gKm5nSWY9XCJzZXNzaW9uLmluZm8uZGV2aWNlVHlwZSA9PT0gJ3NtYXJ0cGhvbmUnICYmICFzZXNzaW9uLmluZm8uYm90TmFtZVwiXG4gICAgICAgIGNsYXNzPVwibWF0ZXJpYWwtaWNvbnMtb3V0bGluZWQgcnRzZWUtZXZlbnRzLWRhc2hib2FyZC1zZXNzaW9uLWRldmljZS1pbmZvLWljb25cIlxuICAgICAgPnBob25lX2lwaG9uZTwvc3Bhbj5cbiAgICAgIDxzcGFuIGNsYXNzPVwibWF0ZXJpYWwtaWNvbnMtb3V0bGluZWQgcnRzZWUtZXZlbnRzLWRhc2hib2FyZC1zZXNzaW9uLWRldmljZS1pbmZvLWljb25cIlxuICAgICAgICAgICAgKm5nSWY9XCJzZXNzaW9uLmluZm8uZGV2aWNlVHlwZSA9PT0gJ3RhYmxldCcgJiYgIXNlc3Npb24uaW5mby5ib3ROYW1lXCJcbiAgICAgID50YWJsZXRfbWFjPC9zcGFuPlxuICAgICAgPHNwYW4gY2xhc3M9XCJtYXRlcmlhbC1pY29ucy1vdXRsaW5lZCBydHNlZS1ldmVudHMtZGFzaGJvYXJkLXNlc3Npb24tZGV2aWNlLWluZm8taWNvblwiXG4gICAgICAgICAgICAqbmdJZj1cInNlc3Npb24uaW5mby5kZXZpY2VUeXBlID09PSAnZGVza3RvcCcgJiYgIXNlc3Npb24uaW5mby5ib3ROYW1lXCJcbiAgICAgID5jb21wdXRlcjwvc3Bhbj5cbiAgICAgIDxzcGFuIGNsYXNzPVwibWF0ZXJpYWwtaWNvbnMtb3V0bGluZWQgcnRzZWUtZXZlbnRzLWRhc2hib2FyZC1zZXNzaW9uLWRldmljZS1pbmZvLWljb25cIlxuICAgICAgICAgICAgKm5nSWY9XCJzZXNzaW9uLmluZm8uYm90TmFtZVwiXG4gICAgICA+c21hcnRfdG95PC9zcGFuPlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbiAgPHVsICpuZ0lmPVwic2Vzc2lvbi5ldmVudHMgJiYgc2Vzc2lvbi5ldmVudHMubGVuZ3RoXCJcbiAgICAgIGNsYXNzPVwicnRzZWUtZXZlbnRzLWRhc2hib2FyZC1zZXNzaW9uLWV2ZW50cy1saXN0XCJcbiAgPlxuICAgIDxsaSAqbmdGb3I9XCJsZXQgZXZlbnQgb2Ygc2Vzc2lvbi5ldmVudHMgfCBzbGljZTowOjU7XCIgY2xhc3M9XCJydHNlZS1ldmVudHMtZGFzaGJvYXJkLXNlc3Npb24tZXZlbnRcIj5cbiAgICAgIDxydHNlZS1ldmVudC10aHVtYm5haWwgW2V2ZW50XT1cImV2ZW50XCI+PC9ydHNlZS1ldmVudC10aHVtYm5haWw+XG4gICAgPC9saT5cbiAgPC91bD5cbiAgPGRpdiBjbGFzcz1cInJ0c2VlLWV2ZW50cy1kYXNoYm9hcmQtc2Vzc2lvbi1mb290ZXJcIj5cbiAgICA8YnV0dG9uICpuZ0lmPVwic2Vzc2lvbi5ldmVudHMubGVuZ3RoID4gNVwiPnt7c2Vzc2lvbi5ldmVudHMubGVuZ3RoIC0gNX19IG1vcmU8L2J1dHRvbj5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==

package/dist/ngx/esm2015/lib/components/rtsee-events-dashboard/rtsee-events-dashboard.component.js

@@ -5,15 +5,14 @@ import * as i2 from "@angular/common";
 export class RtseeEventsDashboardComponent {
 }
 RtseeEventsDashboardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0, type: RtseeEventsDashboardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-RtseeEventsDashboardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.2", type: RtseeEventsDashboardComponent, selector: "ngx-rtsee-events-dashboard", inputs: { eventsDashboard: "eventsDashboard" }, ngImport: i0, template: "<div class=\"rtsee-events-dashboard\">\n  <p>Client id: {{ eventsDashboard.signalingClient.getMyPeerId() }}</p>\n  <div class=\"rtsee-events-dashboard-client-thumbnails\">\n    <div class=\"rtsee-events-dashboard-client-thumbnail-wrapper\"\n         *ngFor=\"let client of eventsDashboard.clients\">\n      <ngx-rtsee-events-dashboard-client-thumbnail\n        [client]=\"client\"\n        [dashboard]=\"eventsDashboard\"\n      ></ngx-rtsee-events-dashboard-client-thumbnail>\n    </div>\n  </div>\n</div>\n", styles: [".rtsee-events-dashboard{background-color:#333;padding:16px}.rtsee-events-dashboard .rtsee-dashboard-client-id{display:inline-block;font-weight:600}.rtsee-events-dashboard .rtsee-events-dashboard-client-thumbnails .rtsee-events-dashboard-client-thumbnail-wrapper{margin-bottom:16px}.rtsee-events-dashboard .rtsee-events-dashboard-client-thumbnails .rtsee-events-dashboard-client-thumbnail-wrapper:last-of-type{margin-bottom:0}"], components: [{ type: i1.RtseeEventsDashboardClientThumbnailComponent, selector: "ngx-rtsee-events-dashboard-client-thumbnail", inputs: ["dashboard", "client"] }], directives: [{ type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+RtseeEventsDashboardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.2", type: RtseeEventsDashboardComponent, selector: "ngx-rtsee-events-dashboard", inputs: { eventsDashboard: "eventsDashboard" }, ngImport: i0, template: "<div class=\"rtsee-events-dashboard\">\n  <div class=\"rtsee-events-dashboard-client-thumbnails\">\n    <div class=\"rtsee-events-dashboard-client-thumbnail-wrapper\"\n         *ngFor=\"let client of eventsDashboard.clients\">\n      <ngx-rtsee-events-dashboard-client-thumbnail\n        [client]=\"client\"\n        [dashboard]=\"eventsDashboard\"\n      ></ngx-rtsee-events-dashboard-client-thumbnail>\n    </div>\n  </div>\n</div>\n", components: [{ type: i1.RtseeEventsDashboardClientThumbnailComponent, selector: "ngx-rtsee-events-dashboard-client-thumbnail", inputs: ["dashboard", "client"] }], directives: [{ type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0, type: RtseeEventsDashboardComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ngx-rtsee-events-dashboard',
                     templateUrl: './rtsee-events-dashboard.component.html',
-                    styleUrls: ['./rtsee-events-dashboard.component.scss'],
                 }]
         }], propDecorators: { eventsDashboard: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicnRzZWUtZXZlbnRzLWRhc2hib2FyZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gvc3JjL2xpYi9jb21wb25lbnRzL3J0c2VlLWV2ZW50cy1kYXNoYm9hcmQvcnRzZWUtZXZlbnRzLWRhc2hib2FyZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gvc3JjL2xpYi9jb21wb25lbnRzL3J0c2VlLWV2ZW50cy1kYXNoYm9hcmQvcnRzZWUtZXZlbnRzLWRhc2hib2FyZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQVFqRCxNQUFNLE9BQU8sNkJBQTZCOzswSEFBN0IsNkJBQTZCOzhHQUE3Qiw2QkFBNkIsa0hDUjFDLDhmQVlBOzJGREphLDZCQUE2QjtrQkFMekMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsNEJBQTRCO29CQUN0QyxXQUFXLEVBQUUseUNBQXlDO29CQUN0RCxTQUFTLEVBQUUsQ0FBQyx5Q0FBeUMsQ0FBQztpQkFDdkQ7OEJBRVUsZUFBZTtzQkFBdkIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFJUU2VlRXZlbnRzRGFzaGJvYXJkIH0gZnJvbSAnQHJ0c2VlL2V2ZW50cy1tYW5hZ2VyJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbmd4LXJ0c2VlLWV2ZW50cy1kYXNoYm9hcmQnLFxuICB0ZW1wbGF0ZVVybDogJy4vcnRzZWUtZXZlbnRzLWRhc2hib2FyZC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3J0c2VlLWV2ZW50cy1kYXNoYm9hcmQuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgUnRzZWVFdmVudHNEYXNoYm9hcmRDb21wb25lbnQge1xuICBASW5wdXQoKSBldmVudHNEYXNoYm9hcmQhOiBSVFNlZUV2ZW50c0Rhc2hib2FyZDtcbn1cbiIsIjxkaXYgY2xhc3M9XCJydHNlZS1ldmVudHMtZGFzaGJvYXJkXCI+XG4gIDxwPkNsaWVudCBpZDoge3sgZXZlbnRzRGFzaGJvYXJkLnNpZ25hbGluZ0NsaWVudC5nZXRNeVBlZXJJZCgpIH19PC9wPlxuICA8ZGl2IGNsYXNzPVwicnRzZWUtZXZlbnRzLWRhc2hib2FyZC1jbGllbnQtdGh1bWJuYWlsc1wiPlxuICAgIDxkaXYgY2xhc3M9XCJydHNlZS1ldmVudHMtZGFzaGJvYXJkLWNsaWVudC10aHVtYm5haWwtd3JhcHBlclwiXG4gICAgICAgICAqbmdGb3I9XCJsZXQgY2xpZW50IG9mIGV2ZW50c0Rhc2hib2FyZC5jbGllbnRzXCI+XG4gICAgICA8bmd4LXJ0c2VlLWV2ZW50cy1kYXNoYm9hcmQtY2xpZW50LXRodW1ibmFpbFxuICAgICAgICBbY2xpZW50XT1cImNsaWVudFwiXG4gICAgICAgIFtkYXNoYm9hcmRdPVwiZXZlbnRzRGFzaGJvYXJkXCJcbiAgICAgID48L25neC1ydHNlZS1ldmVudHMtZGFzaGJvYXJkLWNsaWVudC10aHVtYm5haWw+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicnRzZWUtZXZlbnRzLWRhc2hib2FyZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gvc3JjL2xpYi9jb21wb25lbnRzL3J0c2VlLWV2ZW50cy1kYXNoYm9hcmQvcnRzZWUtZXZlbnRzLWRhc2hib2FyZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gvc3JjL2xpYi9jb21wb25lbnRzL3J0c2VlLWV2ZW50cy1kYXNoYm9hcmQvcnRzZWUtZXZlbnRzLWRhc2hib2FyZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQU9qRCxNQUFNLE9BQU8sNkJBQTZCOzswSEFBN0IsNkJBQTZCOzhHQUE3Qiw2QkFBNkIsa0hDUDFDLHFiQVdBOzJGREphLDZCQUE2QjtrQkFKekMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsNEJBQTRCO29CQUN0QyxXQUFXLEVBQUUseUNBQXlDO2lCQUN2RDs4QkFFVSxlQUFlO3NCQUF2QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUlRTZWVFdmVudHNEYXNoYm9hcmQgfSBmcm9tICdAcnRzZWUvZXZlbnRzLW1hbmFnZXInO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICduZ3gtcnRzZWUtZXZlbnRzLWRhc2hib2FyZCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9ydHNlZS1ldmVudHMtZGFzaGJvYXJkLmNvbXBvbmVudC5odG1sJyxcbn0pXG5leHBvcnQgY2xhc3MgUnRzZWVFdmVudHNEYXNoYm9hcmRDb21wb25lbnQge1xuICBASW5wdXQoKSBldmVudHNEYXNoYm9hcmQhOiBSVFNlZUV2ZW50c0Rhc2hib2FyZDtcbn1cbiIsIjxkaXYgY2xhc3M9XCJydHNlZS1ldmVudHMtZGFzaGJvYXJkXCI+XG4gIDxkaXYgY2xhc3M9XCJydHNlZS1ldmVudHMtZGFzaGJvYXJkLWNsaWVudC10aHVtYm5haWxzXCI+XG4gICAgPGRpdiBjbGFzcz1cInJ0c2VlLWV2ZW50cy1kYXNoYm9hcmQtY2xpZW50LXRodW1ibmFpbC13cmFwcGVyXCJcbiAgICAgICAgICpuZ0Zvcj1cImxldCBjbGllbnQgb2YgZXZlbnRzRGFzaGJvYXJkLmNsaWVudHNcIj5cbiAgICAgIDxuZ3gtcnRzZWUtZXZlbnRzLWRhc2hib2FyZC1jbGllbnQtdGh1bWJuYWlsXG4gICAgICAgIFtjbGllbnRdPVwiY2xpZW50XCJcbiAgICAgICAgW2Rhc2hib2FyZF09XCJldmVudHNEYXNoYm9hcmRcIlxuICAgICAgPjwvbmd4LXJ0c2VlLWV2ZW50cy1kYXNoYm9hcmQtY2xpZW50LXRodW1ibmFpbD5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==

package/dist/ngx/esm2015/lib/components/rtsee-messenger/chat/chat.component.js

@@ -1,58 +1,20 @@
-import { Component, Input, ViewChild, } from '@angular/core';
-import { RTSeeChatEvents } from '@rtsee/messenger';
+import { Component, Input } from '@angular/core';
 import * as i0 from "@angular/core";
 import * as i1 from "../messages-list/messages-list.component";
 import * as i2 from "../chat-input/chat-input.component";
-import * as i3 from "ngx-infinite-scroll";
 export class ChatComponent {
-    constructor() {
-        this.bindScrollFunction = this.scrollToBottom.bind(this);
-    }
-    ngAfterViewInit() {
-        this.scrollToBottom();
-    }
-    onMessageSent() {
-        this.scrollToBottom();
-    }
-    ngOnDestroy() {
-        this.chat.off(RTSeeChatEvents.MESSAGE_ADDED, this.bindScrollFunction);
-    }
-    ngOnInit() {
-        this.chat.on(RTSeeChatEvents.MESSAGE_ADDED, this.bindScrollFunction);
-    }
-    onScroll() {
-        this.chat.loadRemoteMessages();
-        console.log('Melia Loh');
-    }
-    scrollToBottom() {
-        var _a, _b;
-        if (!((_b = (_a = this.scrollContainer) === null || _a === void 0 ? void 0 : _a.nativeElement) === null || _b === void 0 ? void 0 : _b.scrollHeight)) {
-            return;
-        }
-        try {
-            this.scrollContainer.nativeElement.scrollTop =
-                this.scrollContainer.nativeElement.scrollHeight;
-        }
-        catch (err) {
-            console.log('Failed to Scroll');
-        }
-    }
 }
 ChatComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0, type: ChatComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ChatComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.2", type: ChatComponent, selector: "ngx-chat", inputs: { chat: "chat", messenger: "messenger" }, viewQueries: [{ propertyName: "scrollContainer", first: true, predicate: ["scrollBlock"], descendants: true }], ngImport: i0, template: "<div class=\"rtsee-chat\">\n  <div #scrollBlock\n       class=\"rtsee-chat-body-container\"\n       infiniteScroll\n       [infiniteScrollUpDistance]=\"2\"\n       [infiniteScrollThrottle]=\"50\"\n       [scrollWindow]=\"false\"\n       (scrolledUp)=\"onScroll()\"\n  >\n    <ngx-messages-list [messenger]=\"messenger\" [chat]=\"chat\"></ngx-messages-list>\n  </div>\n  <div class=\"rtsee-chat-footer-container\">\n    <ngx-chat-input [messenger]=\"messenger\" [chat]=\"chat\"></ngx-chat-input>\n  </div>\n</div>\n", styles: [""], components: [{ type: i1.MessagesListComponent, selector: "ngx-messages-list", inputs: ["chat", "messenger"] }, { type: i2.ChatInputComponent, selector: "ngx-chat-input", inputs: ["messenger", "chat"] }], directives: [{ type: i3.InfiniteScrollDirective, selector: "[infiniteScroll], [infinite-scroll], [data-infinite-scroll]", inputs: ["infiniteScrollDistance", "infiniteScrollUpDistance", "infiniteScrollThrottle", "infiniteScrollDisabled", "infiniteScrollContainer", "scrollWindow", "immediateCheck", "horizontal", "alwaysCallback", "fromRoot"], outputs: ["scrolled", "scrolledUp"] }] });
+ChatComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.2", type: ChatComponent, selector: "rtsee-chat", inputs: { chat: "chat", messenger: "messenger" }, ngImport: i0, template: "<div class=\"rtsee-chat\">\n  <div class=\"rtsee-chat-body-container\">\n    <rtsee-messages-list [messenger]=\"messenger\" [chat]=\"chat\"></rtsee-messages-list>\n  </div>\n  <div class=\"rtsee-chat-footer-container\">\n    <rtsee-chat-input [messenger]=\"messenger\" [chat]=\"chat\"></rtsee-chat-input>\n  </div>\n</div>\n", components: [{ type: i1.MessagesListComponent, selector: "rtsee-messages-list", inputs: ["chat", "messenger"] }, { type: i2.ChatInputComponent, selector: "rtsee-chat-input", inputs: ["messenger", "chat"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0, type: ChatComponent, decorators: [{
             type: Component,
             args: [{
-                    selector: 'ngx-chat',
+                    selector: 'rtsee-chat',
                     templateUrl: './chat.component.html',
-                    styleUrls: ['./chat.component.css'],
                 }]
-        }], ctorParameters: function () { return []; }, propDecorators: { scrollContainer: [{
-                type: ViewChild,
-                args: ['scrollBlock']
-            }], chat: [{
+        }], propDecorators: { chat: [{
                 type: Input
             }], messenger: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hhdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gvc3JjL2xpYi9jb21wb25lbnRzL3J0c2VlLW1lc3Nlbmdlci9jaGF0L2NoYXQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4L3NyYy9saWIvY29tcG9uZW50cy9ydHNlZS1tZXNzZW5nZXIvY2hhdC9jaGF0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFTCxTQUFTLEVBRVQsS0FBSyxFQUdMLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQTZCLGVBQWUsRUFBRSxNQUFNLGtCQUFrQixDQUFDOzs7OztBQU85RSxNQUFNLE9BQU8sYUFBYTtJQUt4QjtRQUNFLElBQUksQ0FBQyxrQkFBa0IsR0FBRyxJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQWUsQ0FBQztJQUN6RSxDQUFDO0lBRUQsZUFBZTtRQUNiLElBQUksQ0FBQyxjQUFjLEVBQUUsQ0FBQztJQUN4QixDQUFDO0lBRUQsYUFBYTtRQUNYLElBQUksQ0FBQyxjQUFjLEVBQUUsQ0FBQztJQUN4QixDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLGVBQWUsQ0FBQyxhQUFhLEVBQUUsSUFBSSxDQUFDLGtCQUFrQixDQUFDLENBQUM7SUFDeEUsQ0FBQztJQUVELFFBQVE7UUFDTixJQUFJLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxlQUFlLENBQUMsYUFBYSxFQUFFLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDO0lBQ3ZFLENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLElBQUksQ0FBQyxrQkFBa0IsRUFBRSxDQUFDO1FBQy9CLE9BQU8sQ0FBQyxHQUFHLENBQUMsV0FBVyxDQUFDLENBQUM7SUFDM0IsQ0FBQztJQUVELGNBQWM7O1FBQ1osSUFBSSxDQUFDLENBQUEsTUFBQSxNQUFBLElBQUksQ0FBQyxlQUFlLDBDQUFFLGFBQWEsMENBQUUsWUFBWSxDQUFBLEVBQUU7WUFDdEQsT0FBTztTQUNSO1FBRUQsSUFBSTtZQUNGLElBQUksQ0FBQyxlQUFlLENBQUMsYUFBYSxDQUFDLFNBQVM7Z0JBQzFDLElBQUksQ0FBQyxlQUFlLENBQUMsYUFBYSxDQUFDLFlBQVksQ0FBQztTQUNuRDtRQUFDLE9BQU8sR0FBRyxFQUFFO1lBQ1osT0FBTyxDQUFDLEdBQUcsQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDO1NBQ2pDO0lBQ0gsQ0FBQzs7MEdBekNVLGFBQWE7OEZBQWIsYUFBYSxrTkNoQjFCLG9nQkFlQTsyRkRDYSxhQUFhO2tCQUx6QixTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxVQUFVO29CQUNwQixXQUFXLEVBQUUsdUJBQXVCO29CQUNwQyxTQUFTLEVBQUUsQ0FBQyxzQkFBc0IsQ0FBQztpQkFDcEM7MEVBRzJCLGVBQWU7c0JBQXhDLFNBQVM7dUJBQUMsYUFBYTtnQkFDZixJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEFmdGVyVmlld0luaXQsXG4gIENvbXBvbmVudCxcbiAgRWxlbWVudFJlZixcbiAgSW5wdXQsXG4gIE9uRGVzdHJveSxcbiAgT25Jbml0LFxuICBWaWV3Q2hpbGQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUlRTZWVDaGF0LCBSVFNlZU1lc3NlbmdlciwgUlRTZWVDaGF0RXZlbnRzIH0gZnJvbSAnQHJ0c2VlL21lc3Nlbmdlcic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ25neC1jaGF0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NoYXQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jaGF0LmNvbXBvbmVudC5jc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgQ2hhdENvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQsIE9uRGVzdHJveSwgT25Jbml0IHtcbiAgYmluZFNjcm9sbEZ1bmN0aW9uOiAoKSA9PiB2b2lkO1xuICBAVmlld0NoaWxkKCdzY3JvbGxCbG9jaycpIHNjcm9sbENvbnRhaW5lciE6IEVsZW1lbnRSZWY8SFRNTERpdkVsZW1lbnQ+O1xuICBASW5wdXQoKSBjaGF0ITogUlRTZWVDaGF0O1xuICBASW5wdXQoKSBtZXNzZW5nZXIhOiBSVFNlZU1lc3NlbmdlcjtcbiAgY29uc3RydWN0b3IoKSB7XG4gICAgdGhpcy5iaW5kU2Nyb2xsRnVuY3Rpb24gPSB0aGlzLnNjcm9sbFRvQm90dG9tLmJpbmQodGhpcykgYXMgKCkgPT4gdm9pZDtcbiAgfVxuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcbiAgICB0aGlzLnNjcm9sbFRvQm90dG9tKCk7XG4gIH1cblxuICBvbk1lc3NhZ2VTZW50KCkge1xuICAgIHRoaXMuc2Nyb2xsVG9Cb3R0b20oKTtcbiAgfVxuXG4gIG5nT25EZXN0cm95KCkge1xuICAgIHRoaXMuY2hhdC5vZmYoUlRTZWVDaGF0RXZlbnRzLk1FU1NBR0VfQURERUQsIHRoaXMuYmluZFNjcm9sbEZ1bmN0aW9uKTtcbiAgfVxuXG4gIG5nT25Jbml0KCkge1xuICAgIHRoaXMuY2hhdC5vbihSVFNlZUNoYXRFdmVudHMuTUVTU0FHRV9BRERFRCwgdGhpcy5iaW5kU2Nyb2xsRnVuY3Rpb24pO1xuICB9XG5cbiAgb25TY3JvbGwoKSB7XG4gICAgdGhpcy5jaGF0LmxvYWRSZW1vdGVNZXNzYWdlcygpO1xuICAgIGNvbnNvbGUubG9nKCdNZWxpYSBMb2gnKTtcbiAgfVxuXG4gIHNjcm9sbFRvQm90dG9tKCkge1xuICAgIGlmICghdGhpcy5zY3JvbGxDb250YWluZXI/Lm5hdGl2ZUVsZW1lbnQ/LnNjcm9sbEhlaWdodCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIHRyeSB7XG4gICAgICB0aGlzLnNjcm9sbENvbnRhaW5lci5uYXRpdmVFbGVtZW50LnNjcm9sbFRvcCA9XG4gICAgICAgIHRoaXMuc2Nyb2xsQ29udGFpbmVyLm5hdGl2ZUVsZW1lbnQuc2Nyb2xsSGVpZ2h0O1xuICAgIH0gY2F0Y2ggKGVycikge1xuICAgICAgY29uc29sZS5sb2coJ0ZhaWxlZCB0byBTY3JvbGwnKTtcbiAgICB9XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJydHNlZS1jaGF0XCI+XG4gIDxkaXYgI3Njcm9sbEJsb2NrXG4gICAgICAgY2xhc3M9XCJydHNlZS1jaGF0LWJvZHktY29udGFpbmVyXCJcbiAgICAgICBpbmZpbml0ZVNjcm9sbFxuICAgICAgIFtpbmZpbml0ZVNjcm9sbFVwRGlzdGFuY2VdPVwiMlwiXG4gICAgICAgW2luZmluaXRlU2Nyb2xsVGhyb3R0bGVdPVwiNTBcIlxuICAgICAgIFtzY3JvbGxXaW5kb3ddPVwiZmFsc2VcIlxuICAgICAgIChzY3JvbGxlZFVwKT1cIm9uU2Nyb2xsKClcIlxuICA+XG4gICAgPG5neC1tZXNzYWdlcy1saXN0IFttZXNzZW5nZXJdPVwibWVzc2VuZ2VyXCIgW2NoYXRdPVwiY2hhdFwiPjwvbmd4LW1lc3NhZ2VzLWxpc3Q+XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwicnRzZWUtY2hhdC1mb290ZXItY29udGFpbmVyXCI+XG4gICAgPG5neC1jaGF0LWlucHV0IFttZXNzZW5nZXJdPVwibWVzc2VuZ2VyXCIgW2NoYXRdPVwiY2hhdFwiPjwvbmd4LWNoYXQtaW5wdXQ+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hhdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gvc3JjL2xpYi9jb21wb25lbnRzL3J0c2VlLW1lc3Nlbmdlci9jaGF0L2NoYXQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4L3NyYy9saWIvY29tcG9uZW50cy9ydHNlZS1tZXNzZW5nZXIvY2hhdC9jaGF0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7O0FBT2pELE1BQU0sT0FBTyxhQUFhOzswR0FBYixhQUFhOzhGQUFiLGFBQWEsb0dDUDFCLHNVQVFBOzJGRERhLGFBQWE7a0JBSnpCLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLFlBQVk7b0JBQ3RCLFdBQVcsRUFBRSx1QkFBdUI7aUJBQ3JDOzhCQUVVLElBQUk7c0JBQVosS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUlRTZWVDaGF0LCBSVFNlZU1lc3NlbmdlciB9IGZyb20gJ0BydHNlZS9tZXNzZW5nZXInO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdydHNlZS1jaGF0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NoYXQuY29tcG9uZW50Lmh0bWwnLFxufSlcbmV4cG9ydCBjbGFzcyBDaGF0Q29tcG9uZW50IHtcbiAgQElucHV0KCkgY2hhdCE6IFJUU2VlQ2hhdDtcbiAgQElucHV0KCkgbWVzc2VuZ2VyITogUlRTZWVNZXNzZW5nZXI7XG59XG4iLCI8ZGl2IGNsYXNzPVwicnRzZWUtY2hhdFwiPlxuICA8ZGl2IGNsYXNzPVwicnRzZWUtY2hhdC1ib2R5LWNvbnRhaW5lclwiPlxuICAgIDxydHNlZS1tZXNzYWdlcy1saXN0IFttZXNzZW5nZXJdPVwibWVzc2VuZ2VyXCIgW2NoYXRdPVwiY2hhdFwiPjwvcnRzZWUtbWVzc2FnZXMtbGlzdD5cbiAgPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJydHNlZS1jaGF0LWZvb3Rlci1jb250YWluZXJcIj5cbiAgICA8cnRzZWUtY2hhdC1pbnB1dCBbbWVzc2VuZ2VyXT1cIm1lc3NlbmdlclwiIFtjaGF0XT1cImNoYXRcIj48L3J0c2VlLWNoYXQtaW5wdXQ+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=

package/dist/ngx/esm2015/lib/components/rtsee-messenger/chat-input/chat-input.component.js

@@ -22,17 +22,16 @@ export class ChatInputComponent {
     }
 }
 ChatInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0, type: ChatInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ChatInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.2", type: ChatInputComponent, selector: "ngx-chat-input", inputs: { messenger: "messenger", chat: "chat" }, ngImport: i0, template: "<div class=\"rtsee-chat-input\" xmlns=\"http://www.w3.org/1999/html\">\n  <div class=\"rtsee-send-message\">\n    <form [formGroup]=\"sendMessageForm\">\n      <textarea\n        placeholder=\"Type message...\"\n        type=\"text\"\n        formControlName=\"message\"\n        class=\"rtsee-chat-input-field\"\n        autosize\n        required\n      ></textarea>\n    </form>\n  </div>\n  <button (click)=\"sendMessage()\"\n          class=\"rtsee-send-message-button\"\n          type=\"submit\">\n    <span>Send</span>\n  </button>\n</div>\n", styles: [""], directives: [{ type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1.FormControlName, selector: "[formControlName]", inputs: ["disabled", "formControlName", "ngModel"], outputs: ["ngModelChange"] }, { type: i2.AutosizeDirective, selector: "[autosize]", inputs: ["onlyGrow", "useImportant", "minRows", "autosize", "maxRows"], outputs: ["resized"] }, { type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }] });
+ChatInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.2", type: ChatInputComponent, selector: "rtsee-chat-input", inputs: { messenger: "messenger", chat: "chat" }, ngImport: i0, template: "<div class=\"rtsee-chat-input\" xmlns=\"http://www.w3.org/1999/html\">\n  <div class=\"rtsee-send-message\">\n    <form [formGroup]=\"sendMessageForm\">\n      <textarea\n        placeholder=\"Type message...\"\n        type=\"text\"\n        formControlName=\"message\"\n        class=\"rtsee-chat-input-field\"\n        autosize\n        required\n      ></textarea>\n    </form>\n  </div>\n  <button (click)=\"sendMessage()\"\n          class=\"rtsee-send-message-button\"\n          type=\"submit\">\n    <span class=\"material-icons-outlined\">send</span>\n  </button>\n</div>\n", directives: [{ type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1.FormControlName, selector: "[formControlName]", inputs: ["disabled", "formControlName", "ngModel"], outputs: ["ngModelChange"] }, { type: i2.AutosizeDirective, selector: "[autosize]", inputs: ["onlyGrow", "useImportant", "minRows", "autosize", "maxRows"], outputs: ["resized"] }, { type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0, type: ChatInputComponent, decorators: [{
             type: Component,
             args: [{
-                    selector: 'ngx-chat-input',
+                    selector: 'rtsee-chat-input',
                     templateUrl: './chat-input.component.html',
-                    styleUrls: ['./chat-input.component.css'],
                 }]
         }], propDecorators: { messenger: [{
                 type: Input
             }], chat: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hhdC1pbnB1dC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gvc3JjL2xpYi9jb21wb25lbnRzL3J0c2VlLW1lc3Nlbmdlci9jaGF0LWlucHV0L2NoYXQtaW5wdXQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4L3NyYy9saWIvY29tcG9uZW50cy9ydHNlZS1tZXNzZW5nZXIvY2hhdC1pbnB1dC9jaGF0LWlucHV0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQ3pELE9BQU8sRUFBRSxXQUFXLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7O0FBUXBFLE1BQU0sT0FBTyxrQkFBa0I7SUFML0I7UUFNRSxvQkFBZSxHQUFjLElBQUksU0FBUyxDQUFDO1lBQ3pDLG9CQUFvQjtZQUNwQixPQUFPLEVBQUUsSUFBSSxXQUFXLENBQUMsRUFBRSxFQUFFLFVBQVUsQ0FBQyxRQUFRLENBQUM7WUFDakQsbUJBQW1CO1NBQ3BCLENBQUMsQ0FBQztLQWFKO0lBUkMsV0FBVzs7UUFDVCxNQUFNLElBQUksR0FBRyxNQUFBLElBQUksQ0FBQyxlQUFlLENBQUMsR0FBRyxDQUFDLFNBQVMsQ0FBQywwQ0FBRSxLQUFlLENBQUM7UUFDbEUsSUFBSSxDQUFDLElBQUksRUFBRTtZQUNULE9BQU87U0FDUjtRQUNELElBQUksQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQzVCLE1BQUEsSUFBSSxDQUFDLGVBQWUsQ0FBQyxHQUFHLENBQUMsU0FBUyxDQUFDLDBDQUFFLFFBQVEsQ0FBQyxFQUFFLENBQUMsQ0FBQztJQUNwRCxDQUFDOzsrR0FqQlUsa0JBQWtCO21HQUFsQixrQkFBa0Isd0dDVC9CLHVpQkFtQkE7MkZEVmEsa0JBQWtCO2tCQUw5QixTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxnQkFBZ0I7b0JBQzFCLFdBQVcsRUFBRSw2QkFBNkI7b0JBQzFDLFNBQVMsRUFBRSxDQUFDLDRCQUE0QixDQUFDO2lCQUMxQzs4QkFRVSxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybUNvbnRyb2wsIEZvcm1Hcm91cCwgVmFsaWRhdG9ycyB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IFJUU2VlQ2hhdCwgUlRTZWVNZXNzZW5nZXIgfSBmcm9tICdAcnRzZWUvbWVzc2VuZ2VyJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbmd4LWNoYXQtaW5wdXQnLFxuICB0ZW1wbGF0ZVVybDogJy4vY2hhdC1pbnB1dC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2NoYXQtaW5wdXQuY29tcG9uZW50LmNzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBDaGF0SW5wdXRDb21wb25lbnQge1xuICBzZW5kTWVzc2FnZUZvcm06IEZvcm1Hcm91cCA9IG5ldyBGb3JtR3JvdXAoe1xuICAgIC8qIGVzbGludC1kaXNhYmxlICovXG4gICAgbWVzc2FnZTogbmV3IEZvcm1Db250cm9sKCcnLCBWYWxpZGF0b3JzLnJlcXVpcmVkKSxcbiAgICAvKiBlc2xpbnQtZW5hYmxlICovXG4gIH0pO1xuXG4gIEBJbnB1dCgpIG1lc3NlbmdlciE6IFJUU2VlTWVzc2VuZ2VyO1xuICBASW5wdXQoKSBjaGF0ITogUlRTZWVDaGF0O1xuXG4gIHNlbmRNZXNzYWdlKCkge1xuICAgIGNvbnN0IHRleHQgPSB0aGlzLnNlbmRNZXNzYWdlRm9ybS5nZXQoJ21lc3NhZ2UnKT8udmFsdWUgYXMgc3RyaW5nO1xuICAgIGlmICghdGV4dCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICB0aGlzLmNoYXQuc2VuZE1lc3NhZ2UodGV4dCk7XG4gICAgdGhpcy5zZW5kTWVzc2FnZUZvcm0uZ2V0KCdtZXNzYWdlJyk/LnNldFZhbHVlKCcnKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInJ0c2VlLWNoYXQtaW5wdXRcIiB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzE5OTkvaHRtbFwiPlxuICA8ZGl2IGNsYXNzPVwicnRzZWUtc2VuZC1tZXNzYWdlXCI+XG4gICAgPGZvcm0gW2Zvcm1Hcm91cF09XCJzZW5kTWVzc2FnZUZvcm1cIj5cbiAgICAgIDx0ZXh0YXJlYVxuICAgICAgICBwbGFjZWhvbGRlcj1cIlR5cGUgbWVzc2FnZS4uLlwiXG4gICAgICAgIHR5cGU9XCJ0ZXh0XCJcbiAgICAgICAgZm9ybUNvbnRyb2xOYW1lPVwibWVzc2FnZVwiXG4gICAgICAgIGNsYXNzPVwicnRzZWUtY2hhdC1pbnB1dC1maWVsZFwiXG4gICAgICAgIGF1dG9zaXplXG4gICAgICAgIHJlcXVpcmVkXG4gICAgICA+PC90ZXh0YXJlYT5cbiAgICA8L2Zvcm0+XG4gIDwvZGl2PlxuICA8YnV0dG9uIChjbGljayk9XCJzZW5kTWVzc2FnZSgpXCJcbiAgICAgICAgICBjbGFzcz1cInJ0c2VlLXNlbmQtbWVzc2FnZS1idXR0b25cIlxuICAgICAgICAgIHR5cGU9XCJzdWJtaXRcIj5cbiAgICA8c3Bhbj5TZW5kPC9zcGFuPlxuICA8L2J1dHRvbj5cbjwvZGl2PlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hhdC1pbnB1dC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gvc3JjL2xpYi9jb21wb25lbnRzL3J0c2VlLW1lc3Nlbmdlci9jaGF0LWlucHV0L2NoYXQtaW5wdXQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4L3NyYy9saWIvY29tcG9uZW50cy9ydHNlZS1tZXNzZW5nZXIvY2hhdC1pbnB1dC9jaGF0LWlucHV0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pELE9BQU8sRUFBRSxXQUFXLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7O0FBT3BFLE1BQU0sT0FBTyxrQkFBa0I7SUFKL0I7UUFLRSxvQkFBZSxHQUFjLElBQUksU0FBUyxDQUFDO1lBQ3pDLG9CQUFvQjtZQUNwQixPQUFPLEVBQUUsSUFBSSxXQUFXLENBQUMsRUFBRSxFQUFFLFVBQVUsQ0FBQyxRQUFRLENBQUM7WUFDakQsbUJBQW1CO1NBQ3BCLENBQUMsQ0FBQztLQWFKO0lBUkMsV0FBVzs7UUFDVCxNQUFNLElBQUksR0FBRyxNQUFBLElBQUksQ0FBQyxlQUFlLENBQUMsR0FBRyxDQUFDLFNBQVMsQ0FBQywwQ0FBRSxLQUFlLENBQUM7UUFDbEUsSUFBSSxDQUFDLElBQUksRUFBRTtZQUNULE9BQU87U0FDUjtRQUNELElBQUksQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQzVCLE1BQUEsSUFBSSxDQUFDLGVBQWUsQ0FBQyxHQUFHLENBQUMsU0FBUyxDQUFDLDBDQUFFLFFBQVEsQ0FBQyxFQUFFLENBQUMsQ0FBQztJQUNwRCxDQUFDOzsrR0FqQlUsa0JBQWtCO21HQUFsQixrQkFBa0IsMEdDUi9CLHlrQkFtQkE7MkZEWGEsa0JBQWtCO2tCQUo5QixTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxrQkFBa0I7b0JBQzVCLFdBQVcsRUFBRSw2QkFBNkI7aUJBQzNDOzhCQVFVLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybUNvbnRyb2wsIEZvcm1Hcm91cCwgVmFsaWRhdG9ycyB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IFJUU2VlQ2hhdCwgUlRTZWVNZXNzZW5nZXIgfSBmcm9tICdAcnRzZWUvbWVzc2VuZ2VyJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAncnRzZWUtY2hhdC1pbnB1dCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9jaGF0LWlucHV0LmNvbXBvbmVudC5odG1sJyxcbn0pXG5leHBvcnQgY2xhc3MgQ2hhdElucHV0Q29tcG9uZW50IHtcbiAgc2VuZE1lc3NhZ2VGb3JtOiBGb3JtR3JvdXAgPSBuZXcgRm9ybUdyb3VwKHtcbiAgICAvKiBlc2xpbnQtZGlzYWJsZSAqL1xuICAgIG1lc3NhZ2U6IG5ldyBGb3JtQ29udHJvbCgnJywgVmFsaWRhdG9ycy5yZXF1aXJlZCksXG4gICAgLyogZXNsaW50LWVuYWJsZSAqL1xuICB9KTtcblxuICBASW5wdXQoKSBtZXNzZW5nZXIhOiBSVFNlZU1lc3NlbmdlcjtcbiAgQElucHV0KCkgY2hhdCE6IFJUU2VlQ2hhdDtcblxuICBzZW5kTWVzc2FnZSgpIHtcbiAgICBjb25zdCB0ZXh0ID0gdGhpcy5zZW5kTWVzc2FnZUZvcm0uZ2V0KCdtZXNzYWdlJyk/LnZhbHVlIGFzIHN0cmluZztcbiAgICBpZiAoIXRleHQpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgdGhpcy5jaGF0LnNlbmRNZXNzYWdlKHRleHQpO1xuICAgIHRoaXMuc2VuZE1lc3NhZ2VGb3JtLmdldCgnbWVzc2FnZScpPy5zZXRWYWx1ZSgnJyk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJydHNlZS1jaGF0LWlucHV0XCIgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8xOTk5L2h0bWxcIj5cbiAgPGRpdiBjbGFzcz1cInJ0c2VlLXNlbmQtbWVzc2FnZVwiPlxuICAgIDxmb3JtIFtmb3JtR3JvdXBdPVwic2VuZE1lc3NhZ2VGb3JtXCI+XG4gICAgICA8dGV4dGFyZWFcbiAgICAgICAgcGxhY2Vob2xkZXI9XCJUeXBlIG1lc3NhZ2UuLi5cIlxuICAgICAgICB0eXBlPVwidGV4dFwiXG4gICAgICAgIGZvcm1Db250cm9sTmFtZT1cIm1lc3NhZ2VcIlxuICAgICAgICBjbGFzcz1cInJ0c2VlLWNoYXQtaW5wdXQtZmllbGRcIlxuICAgICAgICBhdXRvc2l6ZVxuICAgICAgICByZXF1aXJlZFxuICAgICAgPjwvdGV4dGFyZWE+XG4gICAgPC9mb3JtPlxuICA8L2Rpdj5cbiAgPGJ1dHRvbiAoY2xpY2spPVwic2VuZE1lc3NhZ2UoKVwiXG4gICAgICAgICAgY2xhc3M9XCJydHNlZS1zZW5kLW1lc3NhZ2UtYnV0dG9uXCJcbiAgICAgICAgICB0eXBlPVwic3VibWl0XCI+XG4gICAgPHNwYW4gY2xhc3M9XCJtYXRlcmlhbC1pY29ucy1vdXRsaW5lZFwiPnNlbmQ8L3NwYW4+XG4gIDwvYnV0dG9uPlxuPC9kaXY+XG4iXX0=

package/dist/ngx/esm2015/lib/components/rtsee-messenger/chat-thumbnail/chat-thumbnail.component.js

@@ -1,24 +1,27 @@
 import { Component, Input } from '@angular/core';
+import { RTSeeChatTypes, } from '@rtsee/messenger';
 import * as i0 from "@angular/core";
 import * as i1 from "../../../services/time-format-helper.service";
-import * as i2 from "@angular/common";
+import * as i2 from "../message/components/message-time-and-status/message-time-and-status.component";
+import * as i3 from "../../../directives/shave.directive";
+import * as i4 from "@angular/common";
 export class ChatThumbnailComponent {
     constructor(timeFormatService) {
         this.timeFormatService = timeFormatService;
+        this.RTSeeChatTypes = RTSeeChatTypes;
     }
 }
 ChatThumbnailComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0, type: ChatThumbnailComponent, deps: [{ token: i1.TimeFormatHelperService }], target: i0.ɵɵFactoryTarget.Component });
-ChatThumbnailComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.2", type: ChatThumbnailComponent, selector: "ngx-chat-thumbnail", inputs: { chat: "chat", messenger: "messenger" }, ngImport: i0, template: "<div class=\"rtsee-chat-thumbnail\" (click)=\"messenger.openChat(chat)\">\n  <div class=\"rtsee-chat-thumbnail-image\">\n    <img [src]=\"chat.imageUrl\" alt=\"chat-img\">\n  </div>\n  <div class=\"rtsee-chat-thumbnail-info\">\n    <p class=\"rtsee-chat-thumbnail-name\">{{ chat.name }} <span>{{ chat.unreadMessagesCount }}</span></p>\n    <p class=\"rtsee-chat-thumbnail-last-sender\">{{chat.getLastSenderName()}}</p>\n    <p class=\"rtsee-chat-thumbnail-last-message\" *ngIf=\"chat.messages.length\">\n      <span>{{chat.getLastSentMessageText()}}</span>\n      <span>{{chat.unreadMessagesCount}}</span>\n      <span>{{chat.getLastSentMessageStatus()}}</span>\n      <span>{{timeFormatService.formatTimeOrDate(chat.getLastSentMessageTime())}}</span>\n    </p>\n  </div>\n</div>\n", styles: [""], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+ChatThumbnailComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.2", type: ChatThumbnailComponent, selector: "rtsee-chat-thumbnail", inputs: { chat: "chat", messenger: "messenger" }, ngImport: i0, template: "<div class=\"rtsee-chat-thumbnail\" (click)=\"messenger.openChatById(chat.chatId)\">\n  <div class=\"rtsee-chat-thumbnail-image\">\n    <img [src]=\"chat.chatImageUrl\" alt=\"chat-img\">\n  </div>\n  <div class=\"rtsee-chat-thumbnail-left\">\n    <div class=\"rtsee-chat-thumbnail-name\">\n      <span>{{ chat.chatName }}</span>\n      <div class=\"rtsee-chat-thumbnail-status\">\n        <rtsee-message-time-and-status [message]=\"chat\"></rtsee-message-time-and-status>\n      </div>\n    </div>\n    <div class=\"rtsee-chat-thumbnail-last-message\"\n         [ngClass]=\"{'rtsee-has-unread': chat.unreadMessagesCount}\"\n         rtseeShave>\n      <span class=\"rtsee-chat-thumbnail-last-message-sender\"\n            *ngIf=\"chat.chatType !== RTSeeChatTypes.INDIVIDUAL && chat.senderName\"\n      >{{chat.senderName}}</span>\n      <span class=\"rtsee-chat-thumbnail-last-message-text\"\n            *ngIf=\"chat.text\"\n      >{{chat.text}}</span>\n      <div class=\"rtsee-messenger-thumbnail-unread\" *ngIf=\"chat.unreadMessagesCount\">\n        <span class=\"rtsee-messenger-thumbnail-unread-count\">{{chat.unreadMessagesCount}}</span>\n      </div>\n    </div>\n  </div>\n</div>\n", components: [{ type: i2.MessageTimeAndStatusComponent, selector: "rtsee-message-time-and-status", inputs: ["message", "hideStatus"] }], directives: [{ type: i3.ShaveDirective, selector: "[rtseeShave]" }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0, type: ChatThumbnailComponent, decorators: [{
             type: Component,
             args: [{
-                    selector: 'ngx-chat-thumbnail',
+                    selector: 'rtsee-chat-thumbnail',
                     templateUrl: './chat-thumbnail.component.html',
-                    styleUrls: ['./chat-thumbnail.component.css'],
                 }]
         }], ctorParameters: function () { return [{ type: i1.TimeFormatHelperService }]; }, propDecorators: { chat: [{
                 type: Input
             }], messenger: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hhdC10aHVtYm5haWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4L3NyYy9saWIvY29tcG9uZW50cy9ydHNlZS1tZXNzZW5nZXIvY2hhdC10aHVtYm5haWwvY2hhdC10aHVtYm5haWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4L3NyYy9saWIvY29tcG9uZW50cy9ydHNlZS1tZXNzZW5nZXIvY2hhdC10aHVtYm5haWwvY2hhdC10aHVtYm5haWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7QUFTakQsTUFBTSxPQUFPLHNCQUFzQjtJQUlqQyxZQUFtQixpQkFBMEM7UUFBMUMsc0JBQWlCLEdBQWpCLGlCQUFpQixDQUF5QjtJQUFHLENBQUM7O21IQUp0RCxzQkFBc0I7dUdBQXRCLHNCQUFzQiw0R0NUbkMsK3dCQWVBOzJGRE5hLHNCQUFzQjtrQkFMbEMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsb0JBQW9CO29CQUM5QixXQUFXLEVBQUUsaUNBQWlDO29CQUM5QyxTQUFTLEVBQUUsQ0FBQyxnQ0FBZ0MsQ0FBQztpQkFDOUM7OEdBRVUsSUFBSTtzQkFBWixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBSVFNlZUNoYXQsIFJUU2VlTWVzc2VuZ2VyIH0gZnJvbSAnQHJ0c2VlL21lc3Nlbmdlcic7XG5pbXBvcnQgeyBUaW1lRm9ybWF0SGVscGVyU2VydmljZSB9IGZyb20gJy4uLy4uLy4uL3NlcnZpY2VzL3RpbWUtZm9ybWF0LWhlbHBlci5zZXJ2aWNlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbmd4LWNoYXQtdGh1bWJuYWlsJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NoYXQtdGh1bWJuYWlsLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vY2hhdC10aHVtYm5haWwuY29tcG9uZW50LmNzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBDaGF0VGh1bWJuYWlsQ29tcG9uZW50IHtcbiAgQElucHV0KCkgY2hhdCE6IFJUU2VlQ2hhdDtcbiAgQElucHV0KCkgbWVzc2VuZ2VyITogUlRTZWVNZXNzZW5nZXI7XG5cbiAgY29uc3RydWN0b3IocHVibGljIHRpbWVGb3JtYXRTZXJ2aWNlOiBUaW1lRm9ybWF0SGVscGVyU2VydmljZSkge31cbn1cbiIsIjxkaXYgY2xhc3M9XCJydHNlZS1jaGF0LXRodW1ibmFpbFwiIChjbGljayk9XCJtZXNzZW5nZXIub3BlbkNoYXQoY2hhdClcIj5cbiAgPGRpdiBjbGFzcz1cInJ0c2VlLWNoYXQtdGh1bWJuYWlsLWltYWdlXCI+XG4gICAgPGltZyBbc3JjXT1cImNoYXQuaW1hZ2VVcmxcIiBhbHQ9XCJjaGF0LWltZ1wiPlxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cInJ0c2VlLWNoYXQtdGh1bWJuYWlsLWluZm9cIj5cbiAgICA8cCBjbGFzcz1cInJ0c2VlLWNoYXQtdGh1bWJuYWlsLW5hbWVcIj57eyBjaGF0Lm5hbWUgfX0gPHNwYW4+e3sgY2hhdC51bnJlYWRNZXNzYWdlc0NvdW50IH19PC9zcGFuPjwvcD5cbiAgICA8cCBjbGFzcz1cInJ0c2VlLWNoYXQtdGh1bWJuYWlsLWxhc3Qtc2VuZGVyXCI+e3tjaGF0LmdldExhc3RTZW5kZXJOYW1lKCl9fTwvcD5cbiAgICA8cCBjbGFzcz1cInJ0c2VlLWNoYXQtdGh1bWJuYWlsLWxhc3QtbWVzc2FnZVwiICpuZ0lmPVwiY2hhdC5tZXNzYWdlcy5sZW5ndGhcIj5cbiAgICAgIDxzcGFuPnt7Y2hhdC5nZXRMYXN0U2VudE1lc3NhZ2VUZXh0KCl9fTwvc3Bhbj5cbiAgICAgIDxzcGFuPnt7Y2hhdC51bnJlYWRNZXNzYWdlc0NvdW50fX08L3NwYW4+XG4gICAgICA8c3Bhbj57e2NoYXQuZ2V0TGFzdFNlbnRNZXNzYWdlU3RhdHVzKCl9fTwvc3Bhbj5cbiAgICAgIDxzcGFuPnt7dGltZUZvcm1hdFNlcnZpY2UuZm9ybWF0VGltZU9yRGF0ZShjaGF0LmdldExhc3RTZW50TWVzc2FnZVRpbWUoKSl9fTwvc3Bhbj5cbiAgICA8L3A+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hhdC10aHVtYm5haWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4L3NyYy9saWIvY29tcG9uZW50cy9ydHNlZS1tZXNzZW5nZXIvY2hhdC10aHVtYm5haWwvY2hhdC10aHVtYm5haWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4L3NyYy9saWIvY29tcG9uZW50cy9ydHNlZS1tZXNzZW5nZXIvY2hhdC10aHVtYm5haWwvY2hhdC10aHVtYm5haWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDakQsT0FBTyxFQUdMLGNBQWMsR0FDZixNQUFNLGtCQUFrQixDQUFDOzs7Ozs7QUFPMUIsTUFBTSxPQUFPLHNCQUFzQjtJQU1qQyxZQUFtQixpQkFBMEM7UUFBMUMsc0JBQWlCLEdBQWpCLGlCQUFpQixDQUF5QjtRQUZwRCxtQkFBYyxHQUFHLGNBQWMsQ0FBQztJQUV1QixDQUFDOzttSEFOdEQsc0JBQXNCO3VHQUF0QixzQkFBc0IsOEdDWm5DLHdxQ0EwQkE7MkZEZGEsc0JBQXNCO2tCQUpsQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxzQkFBc0I7b0JBQ2hDLFdBQVcsRUFBRSxpQ0FBaUM7aUJBQy9DOzhHQUVVLElBQUk7c0JBQVosS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgUlRTZWVNZXNzZW5nZXIsXG4gIElNZXNzYWdlVGh1bWJuYWlsLFxuICBSVFNlZUNoYXRUeXBlcyxcbn0gZnJvbSAnQHJ0c2VlL21lc3Nlbmdlcic7XG5pbXBvcnQgeyBUaW1lRm9ybWF0SGVscGVyU2VydmljZSB9IGZyb20gJy4uLy4uLy4uL3NlcnZpY2VzL3RpbWUtZm9ybWF0LWhlbHBlci5zZXJ2aWNlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAncnRzZWUtY2hhdC10aHVtYm5haWwnLFxuICB0ZW1wbGF0ZVVybDogJy4vY2hhdC10aHVtYm5haWwuY29tcG9uZW50Lmh0bWwnLFxufSlcbmV4cG9ydCBjbGFzcyBDaGF0VGh1bWJuYWlsQ29tcG9uZW50IHtcbiAgQElucHV0KCkgY2hhdCE6IElNZXNzYWdlVGh1bWJuYWlsO1xuICBASW5wdXQoKSBtZXNzZW5nZXIhOiBSVFNlZU1lc3NlbmdlcjtcblxuICByZWFkb25seSBSVFNlZUNoYXRUeXBlcyA9IFJUU2VlQ2hhdFR5cGVzO1xuXG4gIGNvbnN0cnVjdG9yKHB1YmxpYyB0aW1lRm9ybWF0U2VydmljZTogVGltZUZvcm1hdEhlbHBlclNlcnZpY2UpIHt9XG59XG4iLCI8ZGl2IGNsYXNzPVwicnRzZWUtY2hhdC10aHVtYm5haWxcIiAoY2xpY2spPVwibWVzc2VuZ2VyLm9wZW5DaGF0QnlJZChjaGF0LmNoYXRJZClcIj5cbiAgPGRpdiBjbGFzcz1cInJ0c2VlLWNoYXQtdGh1bWJuYWlsLWltYWdlXCI+XG4gICAgPGltZyBbc3JjXT1cImNoYXQuY2hhdEltYWdlVXJsXCIgYWx0PVwiY2hhdC1pbWdcIj5cbiAgPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJydHNlZS1jaGF0LXRodW1ibmFpbC1sZWZ0XCI+XG4gICAgPGRpdiBjbGFzcz1cInJ0c2VlLWNoYXQtdGh1bWJuYWlsLW5hbWVcIj5cbiAgICAgIDxzcGFuPnt7IGNoYXQuY2hhdE5hbWUgfX08L3NwYW4+XG4gICAgICA8ZGl2IGNsYXNzPVwicnRzZWUtY2hhdC10aHVtYm5haWwtc3RhdHVzXCI+XG4gICAgICAgIDxydHNlZS1tZXNzYWdlLXRpbWUtYW5kLXN0YXR1cyBbbWVzc2FnZV09XCJjaGF0XCI+PC9ydHNlZS1tZXNzYWdlLXRpbWUtYW5kLXN0YXR1cz5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJydHNlZS1jaGF0LXRodW1ibmFpbC1sYXN0LW1lc3NhZ2VcIlxuICAgICAgICAgW25nQ2xhc3NdPVwieydydHNlZS1oYXMtdW5yZWFkJzogY2hhdC51bnJlYWRNZXNzYWdlc0NvdW50fVwiXG4gICAgICAgICBydHNlZVNoYXZlPlxuICAgICAgPHNwYW4gY2xhc3M9XCJydHNlZS1jaGF0LXRodW1ibmFpbC1sYXN0LW1lc3NhZ2Utc2VuZGVyXCJcbiAgICAgICAgICAgICpuZ0lmPVwiY2hhdC5jaGF0VHlwZSAhPT0gUlRTZWVDaGF0VHlwZXMuSU5ESVZJRFVBTCAmJiBjaGF0LnNlbmRlck5hbWVcIlxuICAgICAgPnt7Y2hhdC5zZW5kZXJOYW1lfX08L3NwYW4+XG4gICAgICA8c3BhbiBjbGFzcz1cInJ0c2VlLWNoYXQtdGh1bWJuYWlsLWxhc3QtbWVzc2FnZS10ZXh0XCJcbiAgICAgICAgICAgICpuZ0lmPVwiY2hhdC50ZXh0XCJcbiAgICAgID57e2NoYXQudGV4dH19PC9zcGFuPlxuICAgICAgPGRpdiBjbGFzcz1cInJ0c2VlLW1lc3Nlbmdlci10aHVtYm5haWwtdW5yZWFkXCIgKm5nSWY9XCJjaGF0LnVucmVhZE1lc3NhZ2VzQ291bnRcIj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJydHNlZS1tZXNzZW5nZXItdGh1bWJuYWlsLXVucmVhZC1jb3VudFwiPnt7Y2hhdC51bnJlYWRNZXNzYWdlc0NvdW50fX08L3NwYW4+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==

package/dist/ngx/esm2015/lib/components/rtsee-messenger/chats-list/chats-list.component.js

@@ -8,17 +8,16 @@ export class ChatsListComponent {
     }
 }
 ChatsListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0, type: ChatsListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ChatsListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.2", type: ChatsListComponent, selector: "ngx-chats-list", inputs: { messenger: "messenger", chats: "chats" }, ngImport: i0, template: "<div class=\"rtsee-chats-list\">\n  <div class=\"rtsee-chat-thumbnail-container\" *ngFor=\"let chat of chats; let last = last;\">\n    <ngx-chat-thumbnail [chat]=\"chat\" [messenger]=\"messenger\"></ngx-chat-thumbnail>\n    <div class=\"rtsee-chat-separator\"></div>\n  </div>\n</div>\n", styles: [""], components: [{ type: i1.ChatThumbnailComponent, selector: "ngx-chat-thumbnail", inputs: ["chat", "messenger"] }], directives: [{ type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+ChatsListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.2", type: ChatsListComponent, selector: "rtsee-chats-list", inputs: { messenger: "messenger", chats: "chats" }, ngImport: i0, template: "<div class=\"rtsee-chats-list\">\n  <div class=\"rtsee-chat-thumbnail-container\" *ngFor=\"let chat of chats; let last = last;\">\n    <rtsee-chat-thumbnail [chat]=\"chat.thumbnail\" [messenger]=\"messenger\"></rtsee-chat-thumbnail>\n    <div class=\"rtsee-chat-thumbnail-separator\" *ngIf=\"!last\"></div>\n  </div>\n</div>\n", components: [{ type: i1.ChatThumbnailComponent, selector: "rtsee-chat-thumbnail", inputs: ["chat", "messenger"] }], directives: [{ type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0, type: ChatsListComponent, decorators: [{
             type: Component,
             args: [{
-                    selector: 'ngx-chats-list',
+                    selector: 'rtsee-chats-list',
                     templateUrl: './chats-list.component.html',
-                    styleUrls: ['./chats-list.component.css'],
                 }]
         }], propDecorators: { messenger: [{
                 type: Input
             }], chats: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hhdHMtbGlzdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gvc3JjL2xpYi9jb21wb25lbnRzL3J0c2VlLW1lc3Nlbmdlci9jaGF0cy1saXN0L2NoYXRzLWxpc3QuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4L3NyYy9saWIvY29tcG9uZW50cy9ydHNlZS1tZXNzZW5nZXIvY2hhdHMtbGlzdC9jaGF0cy1saXN0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDOzs7O0FBUXpELE1BQU0sT0FBTyxrQkFBa0I7SUFJN0IsUUFBUTtRQUNOLDJCQUEyQjtJQUM3QixDQUFDOzsrR0FOVSxrQkFBa0I7bUdBQWxCLGtCQUFrQiwwR0NSL0IsZ1NBTUE7MkZERWEsa0JBQWtCO2tCQUw5QixTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxnQkFBZ0I7b0JBQzFCLFdBQVcsRUFBRSw2QkFBNkI7b0JBQzFDLFNBQVMsRUFBRSxDQUFDLDRCQUE0QixDQUFDO2lCQUMxQzs4QkFFVSxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUlRTZWVDaGF0LCBSVFNlZU1lc3NlbmdlciB9IGZyb20gJ0BydHNlZS9tZXNzZW5nZXInO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICduZ3gtY2hhdHMtbGlzdCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9jaGF0cy1saXN0LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vY2hhdHMtbGlzdC5jb21wb25lbnQuY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIENoYXRzTGlzdENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpIG1lc3NlbmdlciE6IFJUU2VlTWVzc2VuZ2VyO1xuICBASW5wdXQoKSBjaGF0cyE6IFJUU2VlQ2hhdFtdO1xuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIC8vIGNvbnNvbGUubG9nKHRoaXMuY2hhdHMpO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwicnRzZWUtY2hhdHMtbGlzdFwiPlxuICA8ZGl2IGNsYXNzPVwicnRzZWUtY2hhdC10aHVtYm5haWwtY29udGFpbmVyXCIgKm5nRm9yPVwibGV0IGNoYXQgb2YgY2hhdHM7IGxldCBsYXN0ID0gbGFzdDtcIj5cbiAgICA8bmd4LWNoYXQtdGh1bWJuYWlsIFtjaGF0XT1cImNoYXRcIiBbbWVzc2VuZ2VyXT1cIm1lc3NlbmdlclwiPjwvbmd4LWNoYXQtdGh1bWJuYWlsPlxuICAgIDxkaXYgY2xhc3M9XCJydHNlZS1jaGF0LXNlcGFyYXRvclwiPjwvZGl2PlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hhdHMtbGlzdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gvc3JjL2xpYi9jb21wb25lbnRzL3J0c2VlLW1lc3Nlbmdlci9jaGF0cy1saXN0L2NoYXRzLWxpc3QuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4L3NyYy9saWIvY29tcG9uZW50cy9ydHNlZS1tZXNzZW5nZXIvY2hhdHMtbGlzdC9jaGF0cy1saXN0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDOzs7O0FBT3pELE1BQU0sT0FBTyxrQkFBa0I7SUFJN0IsUUFBUTtRQUNOLDJCQUEyQjtJQUM3QixDQUFDOzsrR0FOVSxrQkFBa0I7bUdBQWxCLGtCQUFrQiw0R0NQL0Isd1VBTUE7MkZEQ2Esa0JBQWtCO2tCQUo5QixTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxrQkFBa0I7b0JBQzVCLFdBQVcsRUFBRSw2QkFBNkI7aUJBQzNDOzhCQUVVLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBSVFNlZUNoYXQsIFJUU2VlTWVzc2VuZ2VyIH0gZnJvbSAnQHJ0c2VlL21lc3Nlbmdlcic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3J0c2VlLWNoYXRzLWxpc3QnLFxuICB0ZW1wbGF0ZVVybDogJy4vY2hhdHMtbGlzdC5jb21wb25lbnQuaHRtbCcsXG59KVxuZXhwb3J0IGNsYXNzIENoYXRzTGlzdENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpIG1lc3NlbmdlciE6IFJUU2VlTWVzc2VuZ2VyO1xuICBASW5wdXQoKSBjaGF0cyE6IFJUU2VlQ2hhdFtdO1xuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIC8vIGNvbnNvbGUubG9nKHRoaXMuY2hhdHMpO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwicnRzZWUtY2hhdHMtbGlzdFwiPlxuICA8ZGl2IGNsYXNzPVwicnRzZWUtY2hhdC10aHVtYm5haWwtY29udGFpbmVyXCIgKm5nRm9yPVwibGV0IGNoYXQgb2YgY2hhdHM7IGxldCBsYXN0ID0gbGFzdDtcIj5cbiAgICA8cnRzZWUtY2hhdC10aHVtYm5haWwgW2NoYXRdPVwiY2hhdC50aHVtYm5haWxcIiBbbWVzc2VuZ2VyXT1cIm1lc3NlbmdlclwiPjwvcnRzZWUtY2hhdC10aHVtYm5haWw+XG4gICAgPGRpdiBjbGFzcz1cInJ0c2VlLWNoYXQtdGh1bWJuYWlsLXNlcGFyYXRvclwiICpuZ0lmPVwiIWxhc3RcIj48L2Rpdj5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==

package/dist/ngx/esm2015/lib/components/rtsee-messenger/main-menu/components/contacts-multiselect/contacts-multiselect.component.js

@@ -0,0 +1,20 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../search/search.component";
+export class ContactsMultiselectComponent {
+}
+ContactsMultiselectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0, type: ContactsMultiselectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ContactsMultiselectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.2", type: ContactsMultiselectComponent, selector: "rtsee-contacts-multiselect", inputs: { menuState: "menuState", search: "search" }, ngImport: i0, template: "<div class=\"rtsee-messenger-contacts-multiselect\">\n  <rtsee-search [search]=\"search\"></rtsee-search>\n</div>\n", styles: [""], components: [{ type: i1.SearchComponent, selector: "rtsee-search", inputs: ["search"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0, type: ContactsMultiselectComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'rtsee-contacts-multiselect',
+                    templateUrl: './contacts-multiselect.component.html',
+                    styleUrls: ['./contacts-multiselect.component.scss'],
+                }]
+        }], propDecorators: { menuState: [{
+                type: Input
+            }], search: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGFjdHMtbXVsdGlzZWxlY3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4L3NyYy9saWIvY29tcG9uZW50cy9ydHNlZS1tZXNzZW5nZXIvbWFpbi1tZW51L2NvbXBvbmVudHMvY29udGFjdHMtbXVsdGlzZWxlY3QvY29udGFjdHMtbXVsdGlzZWxlY3QuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4L3NyYy9saWIvY29tcG9uZW50cy9ydHNlZS1tZXNzZW5nZXIvbWFpbi1tZW51L2NvbXBvbmVudHMvY29udGFjdHMtbXVsdGlzZWxlY3QvY29udGFjdHMtbXVsdGlzZWxlY3QuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQVNqRCxNQUFNLE9BQU8sNEJBQTRCOzt5SEFBNUIsNEJBQTRCOzZHQUE1Qiw0QkFBNEIsd0hDVHpDLHFIQUdBOzJGRE1hLDRCQUE0QjtrQkFMeEMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsNEJBQTRCO29CQUN0QyxXQUFXLEVBQUUsdUNBQXVDO29CQUNwRCxTQUFTLEVBQUUsQ0FBQyx1Q0FBdUMsQ0FBQztpQkFDckQ7OEJBRVUsU0FBUztzQkFBakIsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJTWFpbk1lbnVTdGF0ZSB9IGZyb20gJy4uL21vZGVscy9NYWluTWVudVN0YXRlJztcbmltcG9ydCB7IFJUU2VlTWVzc2VuZ2VyU2VhcmNoIH0gZnJvbSAnQHJ0c2VlL21lc3Nlbmdlcic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3J0c2VlLWNvbnRhY3RzLW11bHRpc2VsZWN0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NvbnRhY3RzLW11bHRpc2VsZWN0LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vY29udGFjdHMtbXVsdGlzZWxlY3QuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgQ29udGFjdHNNdWx0aXNlbGVjdENvbXBvbmVudCB7XG4gIEBJbnB1dCgpIG1lbnVTdGF0ZSE6IElNYWluTWVudVN0YXRlO1xuICBASW5wdXQoKSBzZWFyY2ghOiBSVFNlZU1lc3NlbmdlclNlYXJjaDtcbn1cbiIsIjxkaXYgY2xhc3M9XCJydHNlZS1tZXNzZW5nZXItY29udGFjdHMtbXVsdGlzZWxlY3RcIj5cbiAgPHJ0c2VlLXNlYXJjaCBbc2VhcmNoXT1cInNlYXJjaFwiPjwvcnRzZWUtc2VhcmNoPlxuPC9kaXY+XG4iXX0=

package/dist/ngx/esm2015/lib/components/rtsee-messenger/main-menu/components/manage-chat/manage-chat.component.js

@@ -0,0 +1,23 @@
+import { Component, Input } from '@angular/core';
+import { MainMenuPanels } from '../models/MainMenuState';
+import * as i0 from "@angular/core";
+export class ManageChatComponent {
+    onInviteContactsClicked() {
+        this.menuState.activePanel = MainMenuPanels.CONTACTS_SELECT;
+    }
+}
+ManageChatComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0, type: ManageChatComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ManageChatComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.2", type: ManageChatComponent, selector: "rtsee-manage-chat", inputs: { messenger: "messenger", menuState: "menuState" }, ngImport: i0, template: "<div class=\"rtsee-messenger-manage-chat\">\n  <p>We are going to manage chat here</p>\n  <button (click)=\"onInviteContactsClicked()\">Invite Contacts</button>\n</div>\n", styles: [""] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0, type: ManageChatComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'rtsee-manage-chat',
+                    templateUrl: './manage-chat.component.html',
+                    styleUrls: ['./manage-chat.component.scss'],
+                }]
+        }], propDecorators: { messenger: [{
+                type: Input
+            }], menuState: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFuYWdlLWNoYXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4L3NyYy9saWIvY29tcG9uZW50cy9ydHNlZS1tZXNzZW5nZXIvbWFpbi1tZW51L2NvbXBvbmVudHMvbWFuYWdlLWNoYXQvbWFuYWdlLWNoYXQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4L3NyYy9saWIvY29tcG9uZW50cy9ydHNlZS1tZXNzZW5nZXIvbWFpbi1tZW51L2NvbXBvbmVudHMvbWFuYWdlLWNoYXQvbWFuYWdlLWNoYXQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFakQsT0FBTyxFQUFrQixjQUFjLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQzs7QUFPekUsTUFBTSxPQUFPLG1CQUFtQjtJQUk5Qix1QkFBdUI7UUFDckIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxXQUFXLEdBQUcsY0FBYyxDQUFDLGVBQWUsQ0FBQztJQUM5RCxDQUFDOztnSEFOVSxtQkFBbUI7b0dBQW5CLG1CQUFtQixxSENUaEMsNEtBSUE7MkZES2EsbUJBQW1CO2tCQUwvQixTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxtQkFBbUI7b0JBQzdCLFdBQVcsRUFBRSw4QkFBOEI7b0JBQzNDLFNBQVMsRUFBRSxDQUFDLDhCQUE4QixDQUFDO2lCQUM1Qzs4QkFFVSxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBSVFNlZU1lc3NlbmdlciB9IGZyb20gJ0BydHNlZS9tZXNzZW5nZXInO1xuaW1wb3J0IHsgSU1haW5NZW51U3RhdGUsIE1haW5NZW51UGFuZWxzIH0gZnJvbSAnLi4vbW9kZWxzL01haW5NZW51U3RhdGUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdydHNlZS1tYW5hZ2UtY2hhdCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9tYW5hZ2UtY2hhdC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL21hbmFnZS1jaGF0LmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIE1hbmFnZUNoYXRDb21wb25lbnQge1xuICBASW5wdXQoKSBtZXNzZW5nZXIhOiBSVFNlZU1lc3NlbmdlcjtcbiAgQElucHV0KCkgbWVudVN0YXRlITogSU1haW5NZW51U3RhdGU7XG5cbiAgb25JbnZpdGVDb250YWN0c0NsaWNrZWQoKSB7XG4gICAgdGhpcy5tZW51U3RhdGUuYWN0aXZlUGFuZWwgPSBNYWluTWVudVBhbmVscy5DT05UQUNUU19TRUxFQ1Q7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJydHNlZS1tZXNzZW5nZXItbWFuYWdlLWNoYXRcIj5cbiAgPHA+V2UgYXJlIGdvaW5nIHRvIG1hbmFnZSBjaGF0IGhlcmU8L3A+XG4gIDxidXR0b24gKGNsaWNrKT1cIm9uSW52aXRlQ29udGFjdHNDbGlja2VkKClcIj5JbnZpdGUgQ29udGFjdHM8L2J1dHRvbj5cbjwvZGl2PlxuIl19

package/dist/ngx/esm2015/lib/components/rtsee-messenger/main-menu/components/models/MainMenuState.js

@@ -0,0 +1,8 @@
+export var MainMenuPanels;
+(function (MainMenuPanels) {
+    MainMenuPanels["HOME"] = "home";
+    MainMenuPanels["CONTACTS_SELECT"] = "contacts-select";
+    MainMenuPanels["MANAGE_CHAT"] = "manage-chat";
+})(MainMenuPanels || (MainMenuPanels = {}));
+export const DEFAULT_MAIN_MENU_STATE = MainMenuPanels.HOME;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTWFpbk1lbnVTdGF0ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC9zcmMvbGliL2NvbXBvbmVudHMvcnRzZWUtbWVzc2VuZ2VyL21haW4tbWVudS9jb21wb25lbnRzL21vZGVscy9NYWluTWVudVN0YXRlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sQ0FBTixJQUFZLGNBSVg7QUFKRCxXQUFZLGNBQWM7SUFDeEIsK0JBQWEsQ0FBQTtJQUNiLHFEQUFtQyxDQUFBO0lBQ25DLDZDQUEyQixDQUFBO0FBQzdCLENBQUMsRUFKVyxjQUFjLEtBQWQsY0FBYyxRQUl6QjtBQU1ELE1BQU0sQ0FBQyxNQUFNLHVCQUF1QixHQUFHLGNBQWMsQ0FBQyxJQUFJLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgZW51bSBNYWluTWVudVBhbmVscyB7XG4gIEhPTUUgPSAnaG9tZScsXG4gIENPTlRBQ1RTX1NFTEVDVCA9ICdjb250YWN0cy1zZWxlY3QnLFxuICBNQU5BR0VfQ0hBVCA9ICdtYW5hZ2UtY2hhdCcsXG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgSU1haW5NZW51U3RhdGUge1xuICBhY3RpdmVQYW5lbDogTWFpbk1lbnVQYW5lbHM7XG59XG5cbmV4cG9ydCBjb25zdCBERUZBVUxUX01BSU5fTUVOVV9TVEFURSA9IE1haW5NZW51UGFuZWxzLkhPTUU7XG4iXX0=

package/dist/ngx/esm2015/lib/components/rtsee-messenger/main-menu/components/search/search.component.js

@@ -0,0 +1,34 @@
+import { Component, Input } from '@angular/core';
+import { debounceTime } from 'rxjs/operators';
+import { FormControl } from '@angular/forms';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../../../common/components/preloader/preloader.component";
+import * as i2 from "@angular/forms";
+import * as i3 from "@angular/common";
+export class SearchComponent {
+    constructor() {
+        this.queryControl = new FormControl();
+    }
+    ngOnInit() {
+        this.queryCtrlSub = this.queryControl.valueChanges
+            .pipe(debounceTime(200))
+            .subscribe((value) => this.search.onQueryChange(value));
+    }
+    ngOnDestroy() {
+        if (this.queryCtrlSub) {
+            this.queryCtrlSub.unsubscribe();
+        }
+    }
+}
+SearchComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0, type: SearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SearchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.2", type: SearchComponent, selector: "rtsee-search", inputs: { search: "search" }, ngImport: i0, template: "<div class=\"rtsee-messenger-search\">\n  <input type=\"text\"\n         [formControl]=\"queryControl\"\n         class=\"rtsee-messenger-search-input\"\n         placeholder=\"Search...\"/>\n</div>\n\n<div class=\"rtsee-messenger-search-results\">\n  <rtsee-preloader [diameter]=\"50\" *ngIf=\"search.searchInProgress\"></rtsee-preloader>\n  <p>Chats</p>\n  <div class=\"rtsee-messenger-search-results-chats\">\n    <div *ngFor=\"let chat of search.results.chats\" class=\"rtsee-messenger-search-results-chat-wrapper\">\n      <p>{{chat.name}}</p>\n    </div>\n  </div>\n  <p>Messages</p>\n  <div class=\"rtsee-messenger-search-results-messages\">\n    <div *ngFor=\"let message of search.results.messages\" class=\"rtsee-messenger-search-results-message-wrapper\">\n      <p>{{message.chatName || message.senderName }}</p>\n    </div>\n  </div>\n</div>\n", components: [{ type: i1.PreloaderComponent, selector: "rtsee-preloader", inputs: ["diameter", "color"] }], directives: [{ type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0, type: SearchComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'rtsee-search',
+                    templateUrl: './search.component.html',
+                }]
+        }], propDecorators: { search: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VhcmNoLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC9zcmMvbGliL2NvbXBvbmVudHMvcnRzZWUtbWVzc2VuZ2VyL21haW4tbWVudS9jb21wb25lbnRzL3NlYXJjaC9zZWFyY2guY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4L3NyYy9saWIvY29tcG9uZW50cy9ydHNlZS1tZXNzZW5nZXIvbWFpbi1tZW51L2NvbXBvbmVudHMvc2VhcmNoL3NlYXJjaC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBcUIsTUFBTSxlQUFlLENBQUM7QUFDcEUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzlDLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7Ozs7QUFRN0MsTUFBTSxPQUFPLGVBQWU7SUFKNUI7UUFLRSxpQkFBWSxHQUFHLElBQUksV0FBVyxFQUFFLENBQUM7S0FnQmxDO0lBWEMsUUFBUTtRQUNOLElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxZQUFZO2FBQy9DLElBQUksQ0FBQyxZQUFZLENBQUMsR0FBRyxDQUFDLENBQUM7YUFDdkIsU0FBUyxDQUFDLENBQUMsS0FBSyxFQUFFLEVBQUUsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDO0lBQzVELENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxJQUFJLENBQUMsWUFBWSxFQUFFO1lBQ3JCLElBQUksQ0FBQyxZQUFZLENBQUMsV0FBVyxFQUFFLENBQUM7U0FDakM7SUFDSCxDQUFDOzs0R0FoQlUsZUFBZTtnR0FBZixlQUFlLGtGQ1Y1QiwwMUJBc0JBOzJGRFphLGVBQWU7a0JBSjNCLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGNBQWM7b0JBQ3hCLFdBQVcsRUFBRSx5QkFBeUI7aUJBQ3ZDOzhCQUtVLE1BQU07c0JBQWQsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uRGVzdHJveSwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBkZWJvdW5jZVRpbWUgfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XG5pbXBvcnQgeyBGb3JtQ29udHJvbCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IFN1YnNjcmlwdGlvbiB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgUlRTZWVNZXNzZW5nZXJTZWFyY2ggfSBmcm9tICdAcnRzZWUvbWVzc2VuZ2VyJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAncnRzZWUtc2VhcmNoJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3NlYXJjaC5jb21wb25lbnQuaHRtbCcsXG59KVxuZXhwb3J0IGNsYXNzIFNlYXJjaENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcbiAgcXVlcnlDb250cm9sID0gbmV3IEZvcm1Db250cm9sKCk7XG4gIHF1ZXJ5Q3RybFN1Yj86IFN1YnNjcmlwdGlvbjtcblxuICBASW5wdXQoKSBzZWFyY2ghOiBSVFNlZU1lc3NlbmdlclNlYXJjaDtcblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLnF1ZXJ5Q3RybFN1YiA9IHRoaXMucXVlcnlDb250cm9sLnZhbHVlQ2hhbmdlc1xuICAgICAgLnBpcGUoZGVib3VuY2VUaW1lKDIwMCkpXG4gICAgICAuc3Vic2NyaWJlKCh2YWx1ZSkgPT4gdGhpcy5zZWFyY2gub25RdWVyeUNoYW5nZSh2YWx1ZSkpO1xuICB9XG5cbiAgbmdPbkRlc3Ryb3koKSB7XG4gICAgaWYgKHRoaXMucXVlcnlDdHJsU3ViKSB7XG4gICAgICB0aGlzLnF1ZXJ5Q3RybFN1Yi51bnN1YnNjcmliZSgpO1xuICAgIH1cbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInJ0c2VlLW1lc3Nlbmdlci1zZWFyY2hcIj5cbiAgPGlucHV0IHR5cGU9XCJ0ZXh0XCJcbiAgICAgICAgIFtmb3JtQ29udHJvbF09XCJxdWVyeUNvbnRyb2xcIlxuICAgICAgICAgY2xhc3M9XCJydHNlZS1tZXNzZW5nZXItc2VhcmNoLWlucHV0XCJcbiAgICAgICAgIHBsYWNlaG9sZGVyPVwiU2VhcmNoLi4uXCIvPlxuPC9kaXY+XG5cbjxkaXYgY2xhc3M9XCJydHNlZS1tZXNzZW5nZXItc2VhcmNoLXJlc3VsdHNcIj5cbiAgPHJ0c2VlLXByZWxvYWRlciBbZGlhbWV0ZXJdPVwiNTBcIiAqbmdJZj1cInNlYXJjaC5zZWFyY2hJblByb2dyZXNzXCI+PC9ydHNlZS1wcmVsb2FkZXI+XG4gIDxwPkNoYXRzPC9wPlxuICA8ZGl2IGNsYXNzPVwicnRzZWUtbWVzc2VuZ2VyLXNlYXJjaC1yZXN1bHRzLWNoYXRzXCI+XG4gICAgPGRpdiAqbmdGb3I9XCJsZXQgY2hhdCBvZiBzZWFyY2gucmVzdWx0cy5jaGF0c1wiIGNsYXNzPVwicnRzZWUtbWVzc2VuZ2VyLXNlYXJjaC1yZXN1bHRzLWNoYXQtd3JhcHBlclwiPlxuICAgICAgPHA+e3tjaGF0Lm5hbWV9fTwvcD5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG4gIDxwPk1lc3NhZ2VzPC9wPlxuICA8ZGl2IGNsYXNzPVwicnRzZWUtbWVzc2VuZ2VyLXNlYXJjaC1yZXN1bHRzLW1lc3NhZ2VzXCI+XG4gICAgPGRpdiAqbmdGb3I9XCJsZXQgbWVzc2FnZSBvZiBzZWFyY2gucmVzdWx0cy5tZXNzYWdlc1wiIGNsYXNzPVwicnRzZWUtbWVzc2VuZ2VyLXNlYXJjaC1yZXN1bHRzLW1lc3NhZ2Utd3JhcHBlclwiPlxuICAgICAgPHA+e3ttZXNzYWdlLmNoYXROYW1lIHx8IG1lc3NhZ2Uuc2VuZGVyTmFtZSB9fTwvcD5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==

package/dist/ngx/esm2015/lib/components/rtsee-messenger/main-menu/main-menu.component.js

@@ -0,0 +1,35 @@
+import { Component, Input } from '@angular/core';
+import { DEFAULT_MAIN_MENU_STATE, MainMenuPanels, } from './components/models/MainMenuState';
+import * as i0 from "@angular/core";
+import * as i1 from "./components/search/search.component";
+import * as i2 from "./components/manage-chat/manage-chat.component";
+import * as i3 from "./components/contacts-multiselect/contacts-multiselect.component";
+import * as i4 from "@angular/common";
+export class MainMenuComponent {
+    constructor() {
+        this.MainMenuPanels = MainMenuPanels;
+        this.state = {
+            activePanel: DEFAULT_MAIN_MENU_STATE,
+        };
+    }
+    onNewGroupClicked() {
+        this.state.activePanel = MainMenuPanels.CONTACTS_SELECT;
+    }
+    onNewChannelClicked() {
+        this.state.activePanel = MainMenuPanels.MANAGE_CHAT;
+    }
+}
+MainMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0, type: MainMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+MainMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.2", type: MainMenuComponent, selector: "rtsee-main-menu", inputs: { search: "search", messenger: "messenger" }, ngImport: i0, template: "<div class=\"rtsee-messenger-main-menu\">\n  <div class=\"rtsee-messenger-main-menu-home\" *ngIf=\"state.activePanel === MainMenuPanels.HOME\">\n    <ul class=\"rtsee-messenger-controls\">\n      <li>\n        <button (click)=\"onNewGroupClicked()\">\n          <span class=\"material-icons-outlined\">people</span>\n          <span>New Group</span>\n        </button>\n      </li>\n      <li>\n        <button (click)=\"onNewChannelClicked()\">\n          <span class=\"material-icons-outlined\">campaign</span>\n          <span>New Channel</span>\n        </button>\n      </li>\n    </ul>\n    <rtsee-search [search]=\"search\" ></rtsee-search>\n  </div>\n\n  <rtsee-manage-chat *ngIf=\"state.activePanel === MainMenuPanels.MANAGE_CHAT\"\n                     [messenger]=\"messenger\"\n                     [menuState]=\"state\"\n  ></rtsee-manage-chat>\n  <rtsee-contacts-multiselect [search]=\"search\"\n                              [menuState]=\"state\"\n                              *ngIf=\"state.activePanel === MainMenuPanels.CONTACTS_SELECT\"\n  ></rtsee-contacts-multiselect>\n</div>\n", components: [{ type: i1.SearchComponent, selector: "rtsee-search", inputs: ["search"] }, { type: i2.ManageChatComponent, selector: "rtsee-manage-chat", inputs: ["messenger", "menuState"] }, { type: i3.ContactsMultiselectComponent, selector: "rtsee-contacts-multiselect", inputs: ["menuState", "search"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0, type: MainMenuComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'rtsee-main-menu',
+                    templateUrl: './main-menu.component.html',
+                }]
+        }], propDecorators: { search: [{
+                type: Input
+            }], messenger: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFpbi1tZW51LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC9zcmMvbGliL2NvbXBvbmVudHMvcnRzZWUtbWVzc2VuZ2VyL21haW4tbWVudS9tYWluLW1lbnUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4L3NyYy9saWIvY29tcG9uZW50cy9ydHNlZS1tZXNzZW5nZXIvbWFpbi1tZW51L21haW4tbWVudS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUVqRCxPQUFPLEVBQ0wsdUJBQXVCLEVBRXZCLGNBQWMsR0FDZixNQUFNLG1DQUFtQyxDQUFDOzs7Ozs7QUFNM0MsTUFBTSxPQUFPLGlCQUFpQjtJQUo5QjtRQVFXLG1CQUFjLEdBQUcsY0FBYyxDQUFDO1FBRXpDLFVBQUssR0FBbUI7WUFDdEIsV0FBVyxFQUFFLHVCQUF1QjtTQUNyQyxDQUFDO0tBU0g7SUFQQyxpQkFBaUI7UUFDZixJQUFJLENBQUMsS0FBSyxDQUFDLFdBQVcsR0FBRyxjQUFjLENBQUMsZUFBZSxDQUFDO0lBQzFELENBQUM7SUFFRCxtQkFBbUI7UUFDakIsSUFBSSxDQUFDLEtBQUssQ0FBQyxXQUFXLEdBQUcsY0FBYyxDQUFDLFdBQVcsQ0FBQztJQUN0RCxDQUFDOzs4R0FoQlUsaUJBQWlCO2tHQUFqQixpQkFBaUIsNkdDWjlCLDZrQ0E0QkE7MkZEaEJhLGlCQUFpQjtrQkFKN0IsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsaUJBQWlCO29CQUMzQixXQUFXLEVBQUUsNEJBQTRCO2lCQUMxQzs4QkFFVSxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFJUU2VlTWVzc2VuZ2VyLCBSVFNlZU1lc3NlbmdlclNlYXJjaCB9IGZyb20gJ0BydHNlZS9tZXNzZW5nZXInO1xuaW1wb3J0IHtcbiAgREVGQVVMVF9NQUlOX01FTlVfU1RBVEUsXG4gIElNYWluTWVudVN0YXRlLFxuICBNYWluTWVudVBhbmVscyxcbn0gZnJvbSAnLi9jb21wb25lbnRzL21vZGVscy9NYWluTWVudVN0YXRlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAncnRzZWUtbWFpbi1tZW51JyxcbiAgdGVtcGxhdGVVcmw6ICcuL21haW4tbWVudS5jb21wb25lbnQuaHRtbCcsXG59KVxuZXhwb3J0IGNsYXNzIE1haW5NZW51Q29tcG9uZW50IHtcbiAgQElucHV0KCkgc2VhcmNoITogUlRTZWVNZXNzZW5nZXJTZWFyY2g7XG4gIEBJbnB1dCgpIG1lc3NlbmdlciE6IFJUU2VlTWVzc2VuZ2VyO1xuXG4gIHJlYWRvbmx5IE1haW5NZW51UGFuZWxzID0gTWFpbk1lbnVQYW5lbHM7XG5cbiAgc3RhdGU6IElNYWluTWVudVN0YXRlID0ge1xuICAgIGFjdGl2ZVBhbmVsOiBERUZBVUxUX01BSU5fTUVOVV9TVEFURSxcbiAgfTtcblxuICBvbk5ld0dyb3VwQ2xpY2tlZCgpIHtcbiAgICB0aGlzLnN0YXRlLmFjdGl2ZVBhbmVsID0gTWFpbk1lbnVQYW5lbHMuQ09OVEFDVFNfU0VMRUNUO1xuICB9XG5cbiAgb25OZXdDaGFubmVsQ2xpY2tlZCgpIHtcbiAgICB0aGlzLnN0YXRlLmFjdGl2ZVBhbmVsID0gTWFpbk1lbnVQYW5lbHMuTUFOQUdFX0NIQVQ7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJydHNlZS1tZXNzZW5nZXItbWFpbi1tZW51XCI+XG4gIDxkaXYgY2xhc3M9XCJydHNlZS1tZXNzZW5nZXItbWFpbi1tZW51LWhvbWVcIiAqbmdJZj1cInN0YXRlLmFjdGl2ZVBhbmVsID09PSBNYWluTWVudVBhbmVscy5IT01FXCI+XG4gICAgPHVsIGNsYXNzPVwicnRzZWUtbWVzc2VuZ2VyLWNvbnRyb2xzXCI+XG4gICAgICA8bGk+XG4gICAgICAgIDxidXR0b24gKGNsaWNrKT1cIm9uTmV3R3JvdXBDbGlja2VkKClcIj5cbiAgICAgICAgICA8c3BhbiBjbGFzcz1cIm1hdGVyaWFsLWljb25zLW91dGxpbmVkXCI+cGVvcGxlPC9zcGFuPlxuICAgICAgICAgIDxzcGFuPk5ldyBHcm91cDwvc3Bhbj5cbiAgICAgICAgPC9idXR0b24+XG4gICAgICA8L2xpPlxuICAgICAgPGxpPlxuICAgICAgICA8YnV0dG9uIChjbGljayk9XCJvbk5ld0NoYW5uZWxDbGlja2VkKClcIj5cbiAgICAgICAgICA8c3BhbiBjbGFzcz1cIm1hdGVyaWFsLWljb25zLW91dGxpbmVkXCI+Y2FtcGFpZ248L3NwYW4+XG4gICAgICAgICAgPHNwYW4+TmV3IENoYW5uZWw8L3NwYW4+XG4gICAgICAgIDwvYnV0dG9uPlxuICAgICAgPC9saT5cbiAgICA8L3VsPlxuICAgIDxydHNlZS1zZWFyY2ggW3NlYXJjaF09XCJzZWFyY2hcIiA+PC9ydHNlZS1zZWFyY2g+XG4gIDwvZGl2PlxuXG4gIDxydHNlZS1tYW5hZ2UtY2hhdCAqbmdJZj1cInN0YXRlLmFjdGl2ZVBhbmVsID09PSBNYWluTWVudVBhbmVscy5NQU5BR0VfQ0hBVFwiXG4gICAgICAgICAgICAgICAgICAgICBbbWVzc2VuZ2VyXT1cIm1lc3NlbmdlclwiXG4gICAgICAgICAgICAgICAgICAgICBbbWVudVN0YXRlXT1cInN0YXRlXCJcbiAgPjwvcnRzZWUtbWFuYWdlLWNoYXQ+XG4gIDxydHNlZS1jb250YWN0cy1tdWx0aXNlbGVjdCBbc2VhcmNoXT1cInNlYXJjaFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbbWVudVN0YXRlXT1cInN0YXRlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICpuZ0lmPVwic3RhdGUuYWN0aXZlUGFuZWwgPT09IE1haW5NZW51UGFuZWxzLkNPTlRBQ1RTX1NFTEVDVFwiXG4gID48L3J0c2VlLWNvbnRhY3RzLW11bHRpc2VsZWN0PlxuPC9kaXY+XG4iXX0=

package/dist/ngx/esm2015/lib/components/rtsee-messenger/message/components/message-time-and-status/message-time-and-status.component.js

@@ -0,0 +1,24 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../../../services/time-format-helper.service";
+import * as i2 from "../../../../../common/components/preloader/preloader.component";
+import * as i3 from "@angular/common";
+export class MessageTimeAndStatusComponent {
+    constructor(timeFormatService) {
+        this.timeFormatService = timeFormatService;
+    }
+}
+MessageTimeAndStatusComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0, type: MessageTimeAndStatusComponent, deps: [{ token: i1.TimeFormatHelperService }], target: i0.ɵɵFactoryTarget.Component });
+MessageTimeAndStatusComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.2", type: MessageTimeAndStatusComponent, selector: "rtsee-message-time-and-status", inputs: { message: "message", hideStatus: "hideStatus" }, ngImport: i0, template: "<div class=\"rtsee-messenger-message-time-and-status\">\n  <span class=\"rtsee-messenger-message-time\">{{timeFormatService.formatTimeOrDate(message.createdAt)}}</span>\n  <span class=\"rtsee-messenger-message-status\" *ngIf=\"!hideStatus\">\n    <span *ngIf=\"message.status === 'pending'\"><rtsee-preloader [diameter]=\"5\"></rtsee-preloader></span>\n    <span *ngIf=\"message.status === 'sent'\" class=\"material-icons-outlined rtsee-message-sent-status\">check</span>\n    <span *ngIf=\"message.status === 'delivered'\" class=\"material-icons-outlined rtsee-message-delivered-status\">check</span>\n    <span *ngIf=\"message.status === 'seen'\" class=\"material-icons-outlined rtsee-message-seen-status\">check</span>\n  </span>\n</div>\n", components: [{ type: i2.PreloaderComponent, selector: "rtsee-preloader", inputs: ["diameter", "color"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0, type: MessageTimeAndStatusComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'rtsee-message-time-and-status',
+                    templateUrl: './message-time-and-status.component.html',
+                }]
+        }], ctorParameters: function () { return [{ type: i1.TimeFormatHelperService }]; }, propDecorators: { message: [{
+                type: Input
+            }], hideStatus: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVzc2FnZS10aW1lLWFuZC1zdGF0dXMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4L3NyYy9saWIvY29tcG9uZW50cy9ydHNlZS1tZXNzZW5nZXIvbWVzc2FnZS9jb21wb25lbnRzL21lc3NhZ2UtdGltZS1hbmQtc3RhdHVzL21lc3NhZ2UtdGltZS1hbmQtc3RhdHVzLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC9zcmMvbGliL2NvbXBvbmVudHMvcnRzZWUtbWVzc2VuZ2VyL21lc3NhZ2UvY29tcG9uZW50cy9tZXNzYWdlLXRpbWUtYW5kLXN0YXR1cy9tZXNzYWdlLXRpbWUtYW5kLXN0YXR1cy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFPakQsTUFBTSxPQUFPLDZCQUE2QjtJQUd4QyxZQUFtQixpQkFBMEM7UUFBMUMsc0JBQWlCLEdBQWpCLGlCQUFpQixDQUF5QjtJQUFHLENBQUM7OzBIQUh0RCw2QkFBNkI7OEdBQTdCLDZCQUE2QiwrSENQMUMsd3VCQVNBOzJGREZhLDZCQUE2QjtrQkFKekMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsK0JBQStCO29CQUN6QyxXQUFXLEVBQUUsMENBQTBDO2lCQUN4RDs4R0FFVSxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFJUU2VlTWVzc2FnZSwgSU1lc3NhZ2VUaHVtYm5haWwgfSBmcm9tICdAcnRzZWUvbWVzc2VuZ2VyJztcbmltcG9ydCB7IFRpbWVGb3JtYXRIZWxwZXJTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vLi4vLi4vc2VydmljZXMvdGltZS1mb3JtYXQtaGVscGVyLnNlcnZpY2UnO1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAncnRzZWUtbWVzc2FnZS10aW1lLWFuZC1zdGF0dXMnLFxuICB0ZW1wbGF0ZVVybDogJy4vbWVzc2FnZS10aW1lLWFuZC1zdGF0dXMuY29tcG9uZW50Lmh0bWwnLFxufSlcbmV4cG9ydCBjbGFzcyBNZXNzYWdlVGltZUFuZFN0YXR1c0NvbXBvbmVudCB7XG4gIEBJbnB1dCgpIG1lc3NhZ2UhOiBSVFNlZU1lc3NhZ2UgfCBJTWVzc2FnZVRodW1ibmFpbDtcbiAgQElucHV0KCkgaGlkZVN0YXR1cz86IGJvb2xlYW47XG4gIGNvbnN0cnVjdG9yKHB1YmxpYyB0aW1lRm9ybWF0U2VydmljZTogVGltZUZvcm1hdEhlbHBlclNlcnZpY2UpIHt9XG59XG4iLCI8ZGl2IGNsYXNzPVwicnRzZWUtbWVzc2VuZ2VyLW1lc3NhZ2UtdGltZS1hbmQtc3RhdHVzXCI+XG4gIDxzcGFuIGNsYXNzPVwicnRzZWUtbWVzc2VuZ2VyLW1lc3NhZ2UtdGltZVwiPnt7dGltZUZvcm1hdFNlcnZpY2UuZm9ybWF0VGltZU9yRGF0ZShtZXNzYWdlLmNyZWF0ZWRBdCl9fTwvc3Bhbj5cbiAgPHNwYW4gY2xhc3M9XCJydHNlZS1tZXNzZW5nZXItbWVzc2FnZS1zdGF0dXNcIiAqbmdJZj1cIiFoaWRlU3RhdHVzXCI+XG4gICAgPHNwYW4gKm5nSWY9XCJtZXNzYWdlLnN0YXR1cyA9PT0gJ3BlbmRpbmcnXCI+PHJ0c2VlLXByZWxvYWRlciBbZGlhbWV0ZXJdPVwiNVwiPjwvcnRzZWUtcHJlbG9hZGVyPjwvc3Bhbj5cbiAgICA8c3BhbiAqbmdJZj1cIm1lc3NhZ2Uuc3RhdHVzID09PSAnc2VudCdcIiBjbGFzcz1cIm1hdGVyaWFsLWljb25zLW91dGxpbmVkIHJ0c2VlLW1lc3NhZ2Utc2VudC1zdGF0dXNcIj5jaGVjazwvc3Bhbj5cbiAgICA8c3BhbiAqbmdJZj1cIm1lc3NhZ2Uuc3RhdHVzID09PSAnZGVsaXZlcmVkJ1wiIGNsYXNzPVwibWF0ZXJpYWwtaWNvbnMtb3V0bGluZWQgcnRzZWUtbWVzc2FnZS1kZWxpdmVyZWQtc3RhdHVzXCI+Y2hlY2s8L3NwYW4+XG4gICAgPHNwYW4gKm5nSWY9XCJtZXNzYWdlLnN0YXR1cyA9PT0gJ3NlZW4nXCIgY2xhc3M9XCJtYXRlcmlhbC1pY29ucy1vdXRsaW5lZCBydHNlZS1tZXNzYWdlLXNlZW4tc3RhdHVzXCI+Y2hlY2s8L3NwYW4+XG4gIDwvc3Bhbj5cbjwvZGl2PlxuIl19