@rtsee/ngx 0.0.14 → 0.0.17

package/dist/ngx/bundles/rtsee-ngx.umd.js

@@ -2,7 +2,7 @@
     typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/material/button'), require('@angular/common'), require('@angular/material/form-field'), require('@angular/forms'), require('rxjs'), require('dayjs'), require('dayjs/plugin/relativeTime'), require('@angular/material/icon'), require('@angular/material/select'), require('@angular/platform-browser/animations')) :
     typeof define === 'function' && define.amd ? define('@rtsee/ngx', ['exports', '@angular/core', '@angular/material/button', '@angular/common', '@angular/material/form-field', '@angular/forms', 'rxjs', 'dayjs', 'dayjs/plugin/relativeTime', '@angular/material/icon', '@angular/material/select', '@angular/platform-browser/animations'], factory) :
     (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.rtsee = global.rtsee || {}, global.rtsee.ngx = {}), global.ng.core, global.ng.material.button, global.ng.common, global.ng.material.formField, global.ng.forms, global.rxjs, global.dayjs, global.relativeTime, global.ng.material.icon, global.ng.material.select, global.ng.platformBrowser.animations));
-}(this, (function (exports, i0, i1, i2, i3, i2$1, rxjs, dayjs, relativeTime, icon, select, animations) { 'use strict';
+}(this, (function (exports, i0, i1, i2, i3, i1$1, rxjs, dayjs, relativeTime, icon, select, animations) { 'use strict';
 
     function _interopNamespace(e) {
         if (e && e.__esModule) return e;
@@ -28,7 +28,7 @@
     var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
     var i2__namespace = /*#__PURE__*/_interopNamespace(i2);
     var i3__namespace = /*#__PURE__*/_interopNamespace(i3);
-    var i2__namespace$1 = /*#__PURE__*/_interopNamespace(i2$1);
+    var i1__namespace$1 = /*#__PURE__*/_interopNamespace(i1$1);
     var dayjs__namespace = /*#__PURE__*/_interopNamespace(dayjs);
     var relativeTime__namespace = /*#__PURE__*/_interopNamespace(relativeTime);
 
@@ -97,7 +97,7 @@
         return RtseeSettingsComponent;
     }());
     RtseeSettingsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0__namespace, type: RtseeSettingsComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    RtseeSettingsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.2", type: RtseeSettingsComponent, selector: "ngx-rtsee-settings", inputs: { rtSee: "rtSee", fullScreenMode: "fullScreenMode" }, ngImport: i0__namespace, template: "<div class=\"rtsee-settings\" [ngClass]=\"{'rtsee-full-screen-settings' : fullScreenMode}\">\n  <div class=\"rtsee-devices\">\n    <div class=\"rtsee-device-select-wrapper\">\n      <label class=\"rtsee-select-label\" for=\"audio-input\">Audio Input:</label>\n      <select class=\"rtsee-select\" id=\"audio-input\" (click)=\"refreshSelectOptions()\">\n        <option *ngFor=\"let device of rtSee.audioInputDevices\" [value]=\"device.deviceId\" (click)=\"setAudioInput(device.deviceId)\">\n          {{device.label}}\n        </option>\n      </select>\n    </div>\n    <div class=\"rtsee-device-select-wrapper\">\n      <label class=\"rtsee-select-label\" for=\"audio-output\">Audio Output:</label>\n      <select class=\"rtsee-select\" id=\"audio-output\" (click)=\"refreshSelectOptions()\">\n        <option *ngFor=\"let device of rtSee.audioOutputDevices\" [value]=\"device.deviceId\" (click)=\"setAudioOutput(device.deviceId)\">\n          {{device.label}}\n        </option>\n      </select>\n    </div>\n    <div class=\"rtsee-device-select-wrapper\">\n      <label class=\"rtsee-select-label\" for=\"video-input\">Video Input:</label>\n      <select class=\"rtsee-select\" id=\"video-input\" (click)=\"refreshSelectOptions()\">\n        <option *ngFor=\"let device of rtSee.videoInputDevices\" [value]=\"device.deviceId\" (click)=\"setVideoInput(device.deviceId)\">\n          {{device.label}}\n        </option>\n      </select>\n    </div>\n  </div>\n</div>\n", styles: [".rtsee-settings{box-sizing:border-box;background-color:#404040;border-bottom:1px solid;max-height:180px;padding:16px 0;overflow:auto;color:#fff}.rtsee-settings .rtsee-device-select-wrapper{padding:0 10px}.rtsee-settings .rtsee-device-select-wrapper .rtsee-select-label{font-family:monospace;display:inline-block;margin:8px}.rtsee-settings.rtsee-full-screen-settings{max-height:unset;overflow:unset}"], directives: [{ type: i2__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2__namespace$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i2__namespace$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }] });
+    RtseeSettingsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.2", type: RtseeSettingsComponent, selector: "ngx-rtsee-settings", inputs: { rtSee: "rtSee", fullScreenMode: "fullScreenMode" }, ngImport: i0__namespace, template: "<div class=\"rtsee-settings\" [ngClass]=\"{'rtsee-full-screen-settings' : fullScreenMode}\">\n  <div class=\"rtsee-devices\">\n    <div class=\"rtsee-device-select-wrapper\">\n      <label class=\"rtsee-select-label\" for=\"audio-input\">Audio Input:</label>\n      <select class=\"rtsee-select\" id=\"audio-input\" (click)=\"refreshSelectOptions()\">\n        <option *ngFor=\"let device of rtSee.audioInputDevices\" [value]=\"device.deviceId\" (click)=\"setAudioInput(device.deviceId)\">\n          {{device.label}}\n        </option>\n      </select>\n    </div>\n    <div class=\"rtsee-device-select-wrapper\">\n      <label class=\"rtsee-select-label\" for=\"audio-output\">Audio Output:</label>\n      <select class=\"rtsee-select\" id=\"audio-output\" (click)=\"refreshSelectOptions()\">\n        <option *ngFor=\"let device of rtSee.audioOutputDevices\" [value]=\"device.deviceId\" (click)=\"setAudioOutput(device.deviceId)\">\n          {{device.label}}\n        </option>\n      </select>\n    </div>\n    <div class=\"rtsee-device-select-wrapper\">\n      <label class=\"rtsee-select-label\" for=\"video-input\">Video Input:</label>\n      <select class=\"rtsee-select\" id=\"video-input\" (click)=\"refreshSelectOptions()\">\n        <option *ngFor=\"let device of rtSee.videoInputDevices\" [value]=\"device.deviceId\" (click)=\"setVideoInput(device.deviceId)\">\n          {{device.label}}\n        </option>\n      </select>\n    </div>\n  </div>\n</div>\n", styles: [".rtsee-settings{box-sizing:border-box;background-color:#404040;border-bottom:1px solid;max-height:180px;padding:16px 0;overflow:auto;color:#fff}.rtsee-settings .rtsee-device-select-wrapper{padding:0 10px}.rtsee-settings .rtsee-device-select-wrapper .rtsee-select-label{font-family:monospace;display:inline-block;margin:8px}.rtsee-settings.rtsee-full-screen-settings{max-height:unset;overflow:unset}"], directives: [{ type: i2__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1__namespace$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i1__namespace$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0__namespace, type: RtseeSettingsComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -232,7 +232,7 @@
         return MessengerHeaderComponent;
     }());
     MessengerHeaderComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0__namespace, type: MessengerHeaderComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    MessengerHeaderComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.2", type: MessengerHeaderComponent, selector: "ngx-messenger-header", inputs: { messenger: "messenger" }, ngImport: i0__namespace, template: "<div class=\"rtsee-messenger-header\">\n  <button *ngIf=\"messenger.openedChat\" (click)=\"messenger.closeChat()\">Back</button>\n  <p class=\"title\" *ngIf=\"!messenger.openedChat\">Wessenger</p>\n  <p class=\"title\" *ngIf=\"messenger.openedChat\">{{ messenger.openedChat.name }}</p>\n</div>\n", styles: [""], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+    MessengerHeaderComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.2", type: MessengerHeaderComponent, selector: "ngx-messenger-header", inputs: { messenger: "messenger" }, ngImport: i0__namespace, template: "<div class=\"rtsee-messenger-header\" [ngClass]=\"{ 'chat-header': messenger.openedChat }\">\n  <button *ngIf=\"messenger.openedChat\" (click)=\"messenger.closeChat()\"><span>&#8592;</span></button>\n  <p class=\"title\" *ngIf=\"!messenger.openedChat\">Wessenger</p>\n  <p class=\"title\" *ngIf=\"messenger.openedChat\">{{ messenger.openedChat.name }}</p>\n</div>\n", styles: [""], directives: [{ type: i2__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0__namespace, type: MessengerHeaderComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -250,7 +250,7 @@
         return ChatThumbnailComponent;
     }());
     ChatThumbnailComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0__namespace, type: ChatThumbnailComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    ChatThumbnailComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.2", type: ChatThumbnailComponent, selector: "ngx-chat-thumbnail", inputs: { chat: "chat", messenger: "messenger" }, ngImport: i0__namespace, template: "<div class=\"rtsee-chat-thumbnail\" (click)=\"messenger.openChat(chat)\">\n  <div class=\"rtsee-chat-thumbnail-image\">\n    <img [src]=\"chat.imageUrl\">\n  </div>\n  <p class=\"rtsee-chat-thumbnail-name\">{{ chat.name }}</p>\n  <p class=\"rtsee-chat-thumbnail-last-message\"> {{ chat.getLastSenderName() }} </p>\n  <p class=\"rtsee-chat-thumbnail-last-message\"> {{ chat.getLastSentMessageText() }} </p>\n</div>\n", styles: [""] });
+    ChatThumbnailComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.2", type: ChatThumbnailComponent, selector: "ngx-chat-thumbnail", inputs: { chat: "chat", messenger: "messenger" }, ngImport: i0__namespace, template: "<div class=\"rtsee-chat-thumbnail\" (click)=\"messenger.openChat(chat)\">\n  <div class=\"chat-info\">\n    <div class=\"rtsee-chat-thumbnail-image\">\n      <img [src]=\"chat.imageUrl\" alt=\"chat-img\">\n    </div>\n    <p class=\"rtsee-chat-thumbnail-name\">{{ chat.name }}</p>\n  </div>\n  <div class=\"last-message\">\n    <p class=\"rtsee-chat-thumbnail-last-message\">{{chat.getLastSenderName()}} {{chat.getLastSentMessageText()}}</p>\n  </div>\n</div>\n", styles: [""] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0__namespace, type: ChatThumbnailComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -293,7 +293,7 @@
         return MessageComponent;
     }());
     MessageComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0__namespace, type: MessageComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    MessageComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.2", type: MessageComponent, selector: "ngx-message", inputs: { message: "message", member: "member" }, ngImport: i0__namespace, template: "<div class=\"rtsee-messenger-message\">\n  <p>{{ message.text }}</p>\n</div>\n", styles: [""] });
+    MessageComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.2", type: MessageComponent, selector: "ngx-message", inputs: { chat: "chat", message: "message", member: "member" }, ngImport: i0__namespace, template: "<div class=\"rtsee-message-container\" [ngClass]=\"{'rtsee-from-me': message.from !== chat.receiverId}\">\n  <div class=\"rtsee-messenger-message\">\n    <p>{{ message.text }}</p>\n  </div>\n</div>\n", styles: [""], directives: [{ type: i2__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0__namespace, type: MessageComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -301,7 +301,9 @@
                         templateUrl: './message.component.html',
                         styleUrls: ['./message.component.css'],
                     }]
-            }], propDecorators: { message: [{
+            }], propDecorators: { chat: [{
+                    type: i0.Input
+                }], message: [{
                     type: i0.Input
                 }], member: [{
                     type: i0.Input
@@ -313,7 +315,7 @@
         return MessagesListComponent;
     }());
     MessagesListComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0__namespace, type: MessagesListComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    MessagesListComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.2", type: MessagesListComponent, selector: "ngx-messages-list", inputs: { chat: "chat", messenger: "messenger" }, ngImport: i0__namespace, template: "<div class=\"rtsee-messenger-messages-list\">\n  <div class=\"rtsee-messenger-message\" *ngFor=\"let message of chat.messages\">\n    <ngx-message [message]=\"message\"></ngx-message>\n  </div>\n</div>\n", styles: [""], components: [{ type: MessageComponent, selector: "ngx-message", inputs: ["message", "member"] }], directives: [{ type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+    MessagesListComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.2", type: MessagesListComponent, selector: "ngx-messages-list", inputs: { chat: "chat", messenger: "messenger" }, ngImport: i0__namespace, template: "<div class=\"rtsee-messenger-messages-list\">\n  <div class=\"rtsee-messenger-message-wrapper\" *ngFor=\"let message of chat.messages\">\n    <ngx-message [message]=\"message\" [chat]=\"chat\"></ngx-message>\n  </div>\n</div>\n", styles: [""], components: [{ type: MessageComponent, selector: "ngx-message", inputs: ["chat", "message", "member"] }], directives: [{ type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0__namespace, type: MessagesListComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -329,9 +331,9 @@
 
     var ChatInputComponent = /** @class */ (function () {
         function ChatInputComponent() {
-            this.sendMessageForm = new i2$1.FormGroup({
+            this.sendMessageForm = new i1$1.FormGroup({
                 /* eslint-disable */
-                message: new i2$1.FormControl('', i2$1.Validators.required),
+                message: new i1$1.FormControl('', i1$1.Validators.required),
                 /* eslint-enable */
             });
         }
@@ -347,7 +349,7 @@
         return ChatInputComponent;
     }());
     ChatInputComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0__namespace, type: ChatInputComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    ChatInputComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.2", type: ChatInputComponent, selector: "ngx-chat-input", inputs: { messenger: "messenger", chat: "chat" }, ngImport: i0__namespace, template: "<div class=\"rtsee-chat-input\">\n  <div class=\"rtsee-send-message\">\n    <form [formGroup]=\"sendMessageForm\">\n      <input placeholder=\"Type message...\" type=\"text\" formControlName=\"message\" required>\n      <button mat-raised-button\n              (click)=\"sendMessage()\"\n              class=\"rtsee-send-message-button\"\n              type=\"submit\">\n        <span>Send</span>\n      </button>\n    </form>\n  </div>\n</div>\n", styles: [""], components: [{ type: i1__namespace.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i2__namespace$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i2__namespace$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i2__namespace$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i2__namespace$1.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__namespace$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2__namespace$1.FormControlName, selector: "[formControlName]", inputs: ["disabled", "formControlName", "ngModel"], outputs: ["ngModelChange"] }, { type: i2__namespace$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }] });
+    ChatInputComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.2", type: ChatInputComponent, selector: "ngx-chat-input", inputs: { messenger: "messenger", chat: "chat" }, ngImport: i0__namespace, template: "<div class=\"rtsee-chat-input\">\n  <div class=\"rtsee-send-message\">\n    <form [formGroup]=\"sendMessageForm\">\n      <input placeholder=\"Type message...\" type=\"text\" formControlName=\"message\" required>\n      <button (click)=\"sendMessage()\"\n              class=\"rtsee-send-message-button\"\n              type=\"submit\">\n        <span>Send</span>\n      </button>\n    </form>\n  </div>\n</div>\n", styles: [""], directives: [{ type: i1__namespace$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i1__namespace$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1__namespace$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i1__namespace$1.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__namespace$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1__namespace$1.FormControlName, selector: "[formControlName]", inputs: ["disabled", "formControlName", "ngModel"], outputs: ["ngModelChange"] }, { type: i1__namespace$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0__namespace, type: ChatInputComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -432,7 +434,7 @@
         return RtseeEventsDashboardClientThumbnailComponent;
     }());
     RtseeEventsDashboardClientThumbnailComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0__namespace, type: RtseeEventsDashboardClientThumbnailComponent, deps: [{ token: TimeFormatHelperService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    RtseeEventsDashboardClientThumbnailComponent.ɵcmp = i0__namespace.ɵɵ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__namespace, template: "<div class=\"rtsee-dashboard-client-thumbnail\">\n  <p>{{ client.id }}</p>\n  <p>{{ client.name || client.id }}</p>\n  <div class=\"rtsee-dashboard-client-thumbnail-events\">\n    <div class=\"rtsee-dashboard-client-thumbnail-event\"\n         *ngFor=\"let event of client.events\">\n      <p>\n        <span>{{event.name}}</span>\n        <span>&nbsp;</span>\n        <span>{{ timeFormatService.toAgo(event.createdAt) }}</span>\n      </p>\n    </div>\n    <div class=\"rtsee-dashboard-client-thumbnail-actions\">\n      <button (click)=\"openChat()\">Chat</button>\n    </div>\n  </div>\n</div>\n", styles: [""], directives: [{ type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+    RtseeEventsDashboardClientThumbnailComponent.ɵcmp = i0__namespace.ɵɵ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__namespace, 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__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0__namespace, type: RtseeEventsDashboardClientThumbnailComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -452,7 +454,7 @@
         return RtseeEventsDashboardComponent;
     }());
     RtseeEventsDashboardComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0__namespace, type: RtseeEventsDashboardComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    RtseeEventsDashboardComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.2", type: RtseeEventsDashboardComponent, selector: "ngx-rtsee-events-dashboard", inputs: { eventsDashboard: "eventsDashboard" }, ngImport: i0__namespace, 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", styles: [".rtsee-events-dashboard{background-color:#333;padding:16px}.rtsee-events-dashboard .rtsee-events-dashboard-client-thumbnails .rtsee-events-dashboard-client-thumbnail-wrapper{background-color:#fff;margin-bottom:16px}"], components: [{ type: RtseeEventsDashboardClientThumbnailComponent, selector: "ngx-rtsee-events-dashboard-client-thumbnail", inputs: ["dashboard", "client"] }], directives: [{ type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+    RtseeEventsDashboardComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.2", type: RtseeEventsDashboardComponent, selector: "ngx-rtsee-events-dashboard", inputs: { eventsDashboard: "eventsDashboard" }, ngImport: i0__namespace, 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", 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: RtseeEventsDashboardClientThumbnailComponent, selector: "ngx-rtsee-events-dashboard-client-thumbnail", inputs: ["dashboard", "client"] }], directives: [{ type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0__namespace, type: RtseeEventsDashboardComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -524,7 +526,7 @@
             select.MatSelectModule,
             animations.BrowserAnimationsModule,
             i3.MatFormFieldModule,
-            i2$1.ReactiveFormsModule], exports: [RTSeeComponent, MessengerComponent, RtseeEventsDashboardComponent] });
+            i1$1.ReactiveFormsModule], exports: [RTSeeComponent, MessengerComponent, RtseeEventsDashboardComponent] });
     RTSeeModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0__namespace, type: RTSeeModule, imports: [[
                 i2.CommonModule,
                 icon.MatIconModule,
@@ -532,7 +534,7 @@
                 select.MatSelectModule,
                 animations.BrowserAnimationsModule,
                 i3.MatFormFieldModule,
-                i2$1.ReactiveFormsModule,
+                i1$1.ReactiveFormsModule,
             ]] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0__namespace, type: RTSeeModule, decorators: [{
                 type: i0.NgModule,
@@ -563,7 +565,7 @@
                             select.MatSelectModule,
                             animations.BrowserAnimationsModule,
                             i3.MatFormFieldModule,
-                            i2$1.ReactiveFormsModule,
+                            i1$1.ReactiveFormsModule,
                         ],
                         exports: [RTSeeComponent, MessengerComponent, RtseeEventsDashboardComponent],
                     }]

package/dist/ngx/bundles/rtsee-ngx.umd.js.map

@@ -1 +1 @@
-{"version":3,"file":"rtsee-ngx.umd.js","sources":["../../../projects/ngx/src/lib/ngx.service.ts","../../../projects/ngx/src/lib/components/rtsee/rtsee-controls/rtsee-controls.component.ts","../../../projects/ngx/src/lib/components/rtsee/rtsee-controls/rtsee-controls.component.html","../../../projects/ngx/src/lib/components/rtsee-settings/rtsee-settings.component.ts","../../../projects/ngx/src/lib/components/rtsee-settings/rtsee-settings.component.html","../../../projects/ngx/src/lib/components/rtsee-soundbar/rtsee-soundbar.component.ts","../../../projects/ngx/src/lib/components/rtsee-soundbar/rtsee-soundbar.component.html","../../../projects/ngx/src/lib/components/rtsee-peer/rtsee-peer.component.ts","../../../projects/ngx/src/lib/components/rtsee-peer/rtsee-peer.component.html","../../../projects/ngx/src/lib/components/rtsee/rtsee.component.ts","../../../projects/ngx/src/lib/components/rtsee/rtsee.component.html","../../../projects/ngx/src/lib/components/rtsee-messenger/messenger-header/messenger-header.component.ts","../../../projects/ngx/src/lib/components/rtsee-messenger/messenger-header/messenger-header.component.html","../../../projects/ngx/src/lib/components/rtsee-messenger/chat-thumbnail/chat-thumbnail.component.ts","../../../projects/ngx/src/lib/components/rtsee-messenger/chat-thumbnail/chat-thumbnail.component.html","../../../projects/ngx/src/lib/components/rtsee-messenger/chats-list/chats-list.component.ts","../../../projects/ngx/src/lib/components/rtsee-messenger/chats-list/chats-list.component.html","../../../projects/ngx/src/lib/components/rtsee-messenger/message/message.component.ts","../../../projects/ngx/src/lib/components/rtsee-messenger/message/message.component.html","../../../projects/ngx/src/lib/components/rtsee-messenger/messages-list/messages-list.component.ts","../../../projects/ngx/src/lib/components/rtsee-messenger/messages-list/messages-list.component.html","../../../projects/ngx/src/lib/components/rtsee-messenger/chat-input/chat-input.component.ts","../../../projects/ngx/src/lib/components/rtsee-messenger/chat-input/chat-input.component.html","../../../projects/ngx/src/lib/components/rtsee-messenger/chat/chat.component.ts","../../../projects/ngx/src/lib/components/rtsee-messenger/chat/chat.component.html","../../../projects/ngx/src/lib/components/rtsee-messenger/messenger/messenger.component.ts","../../../projects/ngx/src/lib/components/rtsee-messenger/messenger/messenger.component.html","../../../projects/ngx/src/lib/services/time-format-helper.service.ts","../../../projects/ngx/src/lib/components/rtsee-events-dashboard/components/rtsee-events-dashboard-client-thumbnail/rtsee-events-dashboard-client-thumbnail.component.ts","../../../projects/ngx/src/lib/components/rtsee-events-dashboard/components/rtsee-events-dashboard-client-thumbnail/rtsee-events-dashboard-client-thumbnail.component.html","../../../projects/ngx/src/lib/components/rtsee-events-dashboard/rtsee-events-dashboard.component.ts","../../../projects/ngx/src/lib/components/rtsee-events-dashboard/rtsee-events-dashboard.component.html","../../../projects/ngx/src/lib/components/rtsee-peers-list/rtsee-peers-list.component.ts","../../../projects/ngx/src/lib/components/rtsee-peers-list/rtsee-peers-list.component.html","../../../projects/ngx/src/lib/components/rtsee-events-dashboard/components/rtsee-events-dashboard-client/rtsee-events-dashboard-client.component.ts","../../../projects/ngx/src/lib/components/rtsee-events-dashboard/components/rtsee-events-dashboard-client/rtsee-events-dashboard-client.component.html","../../../projects/ngx/src/lib/ngx.module.ts","../../../projects/ngx/src/public-api.ts","../../../projects/ngx/src/rtsee-ngx.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class NgxService {\n  lol: string;\n  constructor() {\n    this.lol = 'lol';\n  }\n}\n","import { Component, Input } from '@angular/core';\nimport { RTSee } from '@rtsee/core';\n\n@Component({\n  selector: 'ngx-rtsee-controls',\n  templateUrl: './rtsee-controls.component.html',\n  styleUrls: ['./rtsee-controls.component.scss'],\n})\nexport class RTSeeControlsComponent {\n  @Input() rtsee!: RTSee;\n  @Input() fullScreenMode?: boolean;\n\n  onPresentClicked() {\n    return this.rtsee.isPresenter\n      ? this.rtsee.stopScreenShare()\n      : this.rtsee.startScreenShare();\n  }\n}\n","<div class=\"rtsee-controls\" [ngClass]=\"{'rtsee-full-screen-controls' : fullScreenMode }\">\n  <div class=\"rtsee-bottom-panel\">\n    <div class=\"mic rtsee-buttons-container\">\n      <button mat-icon-button matSuffix\n              class=\"rtsee-ripple-button\"\n              *ngIf=\"rtsee.microphone\"\n              type=\"button\"\n              (click)=\"this.rtsee.disableMicrophone()\"\n      >\n        <span class=\"material-icons-outlined\">mic_none</span>\n      </button>\n      <button mat-icon-button matSuffix\n              class=\"rtsee-ripple-button\"\n              *ngIf=\"!rtsee.microphone\"\n              type=\"button\" (click)=\"this.rtsee.enableMicrophone()\"\n      >\n        <span class=\"material-icons-outlined\">mic_off</span>\n      </button>\n    </div>\n\n    <div class=\"video-camera rtsee-buttons-container\">\n      <button mat-icon-button matSuffix\n              class=\"rtsee-ripple-button\"\n              *ngIf=\"rtsee.camera\"\n              type=\"button\"\n              (click)=\"rtsee.disableCamera()\"\n      >\n        <span class=\"material-icons-outlined\">videocam</span>\n      </button>\n      <button mat-icon-button matSuffix\n              class=\"rtsee-ripple-button\"\n              *ngIf=\"!rtsee.camera\"\n              type=\"button\"\n              (click)=\"rtsee.enableCamera()\"\n      >\n        <span class=\"material-icons-outlined\">videocam_off</span>\n      </button>\n    </div>\n    <div class=\"present rtsee-buttons-container\" [ngClass]=\"{'rtsee-present-button-container': rtsee.isPresenter}\">\n      <button mat-icon-button matSuffix\n              class=\"rtsee-ripple-button\"\n              type=\"button\"\n              (click)=\"onPresentClicked()\"\n      >\n        <span class=\"material-icons-outlined\">present_to_all</span>\n      </button>\n    </div>\n    <div class=\"call-end rtsee-buttons-container\">\n      <button mat-icon-button matSuffix\n              class=\"rtsee-ripple-button\"\n              type=\"button\"\n              (click)=\"rtsee.end()\"\n      >\n        <span class=\"material-icons-outlined\">call_end</span>\n      </button>\n    </div>\n  </div>\n</div>\n","import { Component, Input, OnInit } from '@angular/core';\nimport { RTSee } from '@rtsee/core';\n\n@Component({\n  selector: 'ngx-rtsee-settings',\n  templateUrl: './rtsee-settings.component.html',\n  styleUrls: ['./rtsee-settings.component.scss'],\n})\nexport class RtseeSettingsComponent implements OnInit {\n  availableAudioInputDevices: MediaDeviceInfo[];\n  availableVideoInputDevices: MediaDeviceInfo[];\n  availableAudioOutputDevices: MediaDeviceInfo[];\n\n  @Input() rtSee!: RTSee;\n  @Input() fullScreenMode!: boolean;\n  constructor() {\n    this.availableAudioInputDevices = [];\n    this.availableVideoInputDevices = [];\n    this.availableAudioOutputDevices = [];\n  }\n\n  ngOnInit(): void {\n    this.refreshSelectOptions();\n  }\n\n  refreshSelectOptions() {\n    void this.rtSee.refreshMediaDevicesList();\n  }\n\n  setAudioInput(deviceId: string) {\n    this.rtSee.setAudioInputDevice(deviceId);\n    console.log(deviceId);\n  }\n\n  setAudioOutput(deviceId: string) {\n    this.rtSee.setAudioOutputDevice(deviceId);\n  }\n\n  setVideoInput(deviceId: string) {\n    this.rtSee.setVideoInputDevice(deviceId);\n  }\n}\n","<div class=\"rtsee-settings\" [ngClass]=\"{'rtsee-full-screen-settings' : fullScreenMode}\">\n  <div class=\"rtsee-devices\">\n    <div class=\"rtsee-device-select-wrapper\">\n      <label class=\"rtsee-select-label\" for=\"audio-input\">Audio Input:</label>\n      <select class=\"rtsee-select\" id=\"audio-input\" (click)=\"refreshSelectOptions()\">\n        <option *ngFor=\"let device of rtSee.audioInputDevices\" [value]=\"device.deviceId\" (click)=\"setAudioInput(device.deviceId)\">\n          {{device.label}}\n        </option>\n      </select>\n    </div>\n    <div class=\"rtsee-device-select-wrapper\">\n      <label class=\"rtsee-select-label\" for=\"audio-output\">Audio Output:</label>\n      <select class=\"rtsee-select\" id=\"audio-output\" (click)=\"refreshSelectOptions()\">\n        <option *ngFor=\"let device of rtSee.audioOutputDevices\" [value]=\"device.deviceId\" (click)=\"setAudioOutput(device.deviceId)\">\n          {{device.label}}\n        </option>\n      </select>\n    </div>\n    <div class=\"rtsee-device-select-wrapper\">\n      <label class=\"rtsee-select-label\" for=\"video-input\">Video Input:</label>\n      <select class=\"rtsee-select\" id=\"video-input\" (click)=\"refreshSelectOptions()\">\n        <option *ngFor=\"let device of rtSee.videoInputDevices\" [value]=\"device.deviceId\" (click)=\"setVideoInput(device.deviceId)\">\n          {{device.label}}\n        </option>\n      </select>\n    </div>\n  </div>\n</div>\n","import { Component, Input, OnInit } from '@angular/core';\nimport { RTSeePeerConnection } from '@rtsee/core';\nimport { interval } from 'rxjs';\n\n@Component({\n  selector: 'ngx-rtsee-soundbar',\n  templateUrl: './rtsee-soundbar.component.html',\n  styleUrls: ['./rtsee-soundbar.component.scss'],\n})\nexport class RtseeSoundbarComponent implements OnInit {\n  intervalLength: number;\n  noiceLevel: number;\n  scaleOneLevel: number;\n  scaleTwoLevel: number;\n  scaleThreeLevel: number;\n\n  @Input() peer!: RTSeePeerConnection;\n  constructor() {\n    this.intervalLength = 1000;\n    this.noiceLevel = 0;\n    this.scaleOneLevel = 0;\n    this.scaleTwoLevel = 0;\n    this.scaleThreeLevel = 0;\n  }\n\n  ngOnInit(): void {\n    this.startSoundMeterListening();\n  }\n\n  startSoundMeterListening() {\n    const step = interval(1000 / 10);\n    step.subscribe(() => {\n      if (!this.peer.soundMeter || !this.peer.soundMeter.level) {\n        this.noiceLevel = 0;\n      } else {\n        this.noiceLevel = this.peer.soundMeter?.level * 100 || 0;\n      }\n\n      this.setSoundMeterHeights();\n    });\n  }\n\n  setSoundMeterHeights() {\n    const ZERO_LEVEL = 25;\n    const SCALE_STEP = 25;\n    const SCALE_ONE_TOP = ZERO_LEVEL + SCALE_STEP;\n    const SCALE_TWO_TOP = SCALE_ONE_TOP + SCALE_STEP;\n\n    if (!this.peer || !this.peer.soundMeter || this.noiceLevel < ZERO_LEVEL) {\n      this.scaleOneLevel = 0;\n      this.scaleTwoLevel = 0;\n      this.scaleThreeLevel = 0;\n    }\n\n    const scaleOneValue = ((this.noiceLevel - ZERO_LEVEL) / SCALE_STEP) * 100;\n    const scaleTwoValue =\n      ((this.noiceLevel - SCALE_ONE_TOP) / SCALE_STEP) * 100;\n    const scaleThreeValue =\n      ((this.noiceLevel - SCALE_TWO_TOP) / SCALE_STEP) * 100;\n\n    this.scaleOneLevel = scaleOneValue > 0 ? scaleOneValue : 0;\n    this.scaleTwoLevel = scaleTwoValue > 0 ? scaleTwoValue : 0;\n    this.scaleThreeLevel = scaleThreeValue > 0 ? scaleTwoValue : 0;\n  }\n}\n","<div class=\"rtsee-soundbar\">\n  <div class=\"rtsee-soundbar-scale\">\n    <div class=\"rtsee-soundbar-scale-item\">\n      <div class=\"rtsee-soundbar-scale-item-level rtsee-soundbar-scale-item-level-one\"\n           [style.height.%]=\"scaleOneLevel\"\n      ></div>\n    </div>\n    <div class=\"rtsee-soundbar-scale-item\">\n      <div class=\"rtsee-soundbar-scale-item-level rtsee-soundbar-scale-item-level-two\"\n           [style.height.%]=\"scaleTwoLevel\"\n      ></div>\n    </div>\n    <div class=\"rtsee-soundbar-scale-item\">\n      <div class=\"rtsee-soundbar-scale-item-level rtsee-soundbar-scale-item-level-three\"\n           [style.height.%]=\"scaleThreeLevel\"\n      ></div>\n    </div>\n  </div>\n</div>\n","import {\n  AfterViewInit,\n  Component,\n  ElementRef,\n  Input,\n  ViewChild,\n} from '@angular/core';\nimport { RTSeePeerConnection } from '@rtsee/core';\n\n@Component({\n  selector: 'ngx-rtsee-peer',\n  templateUrl: './rtsee-peer.component.html',\n  styleUrls: ['./rtsee-peer.component.scss'],\n})\nexport class RtseePeerComponent implements AfterViewInit {\n  intervalLength: number;\n  noiceLevel: number;\n\n  @ViewChild('audioOutput') audioOutput?: ElementRef;\n  @ViewChild('videoOutput') videoOutput?: ElementRef;\n  @Input() peer!: RTSeePeerConnection;\n\n  constructor() {\n    this.intervalLength = 1000;\n    this.noiceLevel = 0;\n  }\n\n  ngAfterViewInit(): void {\n    if (!this.audioOutput) {\n      return;\n    }\n    this.peer.setAudioOutputElement(\n      this.audioOutput.nativeElement as HTMLAudioElement\n    );\n  }\n}\n","<div class=\"rtsee-peer\" [ngClass]=\"{\n'rtsee-peer-video-disabled': !peer.remoteVideoStream || !peer.camera\n}\">\n  <div class=\"rtsee-peer-content\">\n    <div class=\"rtsee-peer-photo\" *ngIf=\"!peer.camera\">\n      <div class=\"rtsee-peer-photo-wrapper\">\n        <div  *ngIf=\"peer.imageUrl\"\n              [style.background-image]=\"'url(' + peer.imageUrl + ')'\"\n              class=\"rtsee-peer-photo-image\"\n        ></div>\n        <img *ngIf=\"!peer.imageUrl\" [src]=\"\" alt=\"peer_photo\" class=\"rtsee-peer-photo-image\">\n      </div>\n      <div class=\"rtsee-peer-info\">\n        <p class=\"rtsee-peer-name\" *ngIf=\"peer.name\">{{peer.name}}</p>\n      </div>\n    </div>\n      <video #videoOutput\n             class=\"rtsee-peer-video\"\n             [autoplay]=\"true\"\n             [srcObject]=\"peer.remoteVideoStream\"\n             playsinline=\"true\"\n      >\n      </video>\n    <div class=\"rtsee-peer-soundbar\">\n      <ngx-rtsee-soundbar [peer]=\"peer\"></ngx-rtsee-soundbar>\n    </div>\n  </div>\n</div>\n","import { Component, Input } from '@angular/core';\nimport { RTSee } from '@rtsee/core';\n\n@Component({\n  selector: 'ngx-rtsee',\n  templateUrl: './rtsee.component.html',\n  styleUrls: ['./rtsee.component.scss'],\n})\nexport class RTSeeComponent {\n  settingsViewEnabled: boolean;\n  fullScreenModeEnabled: boolean;\n\n  @Input() rtSee!: RTSee;\n  constructor() {\n    this.settingsViewEnabled = false;\n    this.fullScreenModeEnabled = false;\n  }\n\n  toggleSettings() {\n    this.settingsViewEnabled = !this.settingsViewEnabled;\n  }\n\n  toggleFullScreenMode() {\n    this.fullScreenModeEnabled = !this.fullScreenModeEnabled;\n  }\n}\n","<div class=\"rtsee-shell\" [ngClass]=\"{\n'rtsee-shell-expanded': rtSee.uiControls.isExpanded || fullScreenModeEnabled,\n'rtsee-shell-no-companions': !rtSee.rtcPeerConnections.connections?.length\n}\">\n  <div class=\"rtsee-local-peer\" *ngIf=\"rtSee.localStream && rtSee.camera\">\n    <video class=\"rtsee-local-video\"\n           [autoplay]=\"true\"\n           [muted]=\"true\"\n           [srcObject]=\"rtSee.localStream\"\n           playsinline=\"true\"\n    ></video>\n  </div>\n  <div class=\"rtsee-window-controls\">\n    <button mat-icon-button matSuffix\n            type=\"button\"\n            (click)=\"this.toggleSettings()\"\n            class=\"rtsee-window-controls-button rtsee-ripple-button\"\n    >\n      <span class=\"material-icons-outlined\">settings</span>\n    </button>\n    <button mat-icon-button matSuffix\n            type=\"button\"\n            (click)=\"this.toggleFullScreenMode()\"\n            class=\"rtsee-window-controls-button rtsee-ripple-button\"\n    >\n      <span class=\"material-icons-outlined\">open_in_full</span>\n    </button>\n  </div>\n  <div class=\"rtsee-settings-container\" *ngIf=\"settingsViewEnabled\">\n    <button mat-icon-button matSuffix\n            type=\"button\"\n            (click)=\"this.toggleSettings()\"\n            class=\"rtsee-close-settings-button\"\n    >\n      <span class=\"material-icons-outlined\">close</span>\n    </button>\n    <ngx-rtsee-settings [rtSee]=\"rtSee\" [fullScreenMode]=\"fullScreenModeEnabled\"></ngx-rtsee-settings>\n  </div>\n  <div class=\"rtsee-screen-share\" *ngIf=\"rtSee.screenSharePeer\" >\n    <video [autoplay]=\"true\"\n           [muted]=\"true\"\n           [srcObject]=\"rtSee.screenSharePeer.remoteVideoStream\"\n           playsinline=\"true\"\n           class=\"rtsee-screen-share-video\"\n    ></video>\n  </div>\n  <div class=\"rtsee-peers\" [ngClass]=\"{\n    'rtsee-peers-alone': !rtSee.rtcPeerConnections.connections?.length,\n    'rtsee-peers-one': rtSee.rtcPeerConnections.connections?.length === 1,\n    'rtsee-peers-three-grid': rtSee.rtcPeerConnections.connections?.length\n      && rtSee.rtcPeerConnections.connections.length > 1\n      && rtSee.rtcPeerConnections.connections.length < 4,\n    'rtsee-peers-six-grid': rtSee.rtcPeerConnections.connections?.length\n      && rtSee.rtcPeerConnections.connections.length > 3\n      && rtSee.rtcPeerConnections.connections.length < 7,\n    'rtsee-peers-nine-grid': rtSee.rtcPeerConnections.connections?.length\n      && rtSee.rtcPeerConnections.connections.length >= 7\n  }\">\n    <div class=\"rtsee-peer-wrapper\"\n         *ngFor=\"let peer of rtSee.rtcPeerConnections.connections\"\n    >\n      <ngx-rtsee-peer [peer]=\"peer\"></ngx-rtsee-peer>\n    </div>\n  </div>\n  <div class=\"rtsee-peers-list\"></div>\n  <div class=\"rtsee-controls-wrapper\">\n    <ngx-rtsee-controls [rtsee]=\"rtSee\" [fullScreenMode]=\"fullScreenModeEnabled\"></ngx-rtsee-controls>\n  </div>\n</div>\n\n","import { Component, Input } from '@angular/core';\nimport { RTSeeMessenger } from '@rtsee/messenger';\n\n@Component({\n  selector: 'ngx-messenger-header',\n  templateUrl: './messenger-header.component.html',\n  styleUrls: ['./messenger-header.component.css'],\n})\nexport class MessengerHeaderComponent {\n  @Input() messenger!: RTSeeMessenger;\n}\n","<div class=\"rtsee-messenger-header\">\n  <button *ngIf=\"messenger.openedChat\" (click)=\"messenger.closeChat()\">Back</button>\n  <p class=\"title\" *ngIf=\"!messenger.openedChat\">Wessenger</p>\n  <p class=\"title\" *ngIf=\"messenger.openedChat\">{{ messenger.openedChat.name }}</p>\n</div>\n","import { Component, Input } from '@angular/core';\nimport { RTSeeChat, RTSeeMessenger } from '@rtsee/messenger';\n\n@Component({\n  selector: 'ngx-chat-thumbnail',\n  templateUrl: './chat-thumbnail.component.html',\n  styleUrls: ['./chat-thumbnail.component.css'],\n})\nexport class ChatThumbnailComponent {\n  @Input() chat!: RTSeeChat;\n  @Input() messenger!: RTSeeMessenger;\n}\n","<div class=\"rtsee-chat-thumbnail\" (click)=\"messenger.openChat(chat)\">\n  <div class=\"rtsee-chat-thumbnail-image\">\n    <img [src]=\"chat.imageUrl\">\n  </div>\n  <p class=\"rtsee-chat-thumbnail-name\">{{ chat.name }}</p>\n  <p class=\"rtsee-chat-thumbnail-last-message\"> {{ chat.getLastSenderName() }} </p>\n  <p class=\"rtsee-chat-thumbnail-last-message\"> {{ chat.getLastSentMessageText() }} </p>\n</div>\n","import { Component, Input, OnInit } from '@angular/core';\nimport { RTSeeChat, RTSeeMessenger } from '@rtsee/messenger';\n\n@Component({\n  selector: 'ngx-chats-list',\n  templateUrl: './chats-list.component.html',\n  styleUrls: ['./chats-list.component.css'],\n})\nexport class ChatsListComponent implements OnInit {\n  @Input() messenger!: RTSeeMessenger;\n  @Input() chats!: RTSeeChat[];\n\n  ngOnInit(): void {\n    console.log(this.chats);\n  }\n}\n","<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","import { Component, Input } from '@angular/core';\nimport { RTSeeChatMember, RTSeeMessage } from '@rtsee/messenger';\n\n@Component({\n  selector: 'ngx-message',\n  templateUrl: './message.component.html',\n  styleUrls: ['./message.component.css'],\n})\nexport class MessageComponent {\n  @Input() message!: RTSeeMessage;\n  @Input() member!: RTSeeChatMember<any>;\n}\n","<div class=\"rtsee-messenger-message\">\n  <p>{{ message.text }}</p>\n</div>\n","import { Component, Input } from '@angular/core';\nimport { RTSeeChat, RTSeeMessenger } from '@rtsee/messenger';\n\n@Component({\n  selector: 'ngx-messages-list',\n  templateUrl: './messages-list.component.html',\n  styleUrls: ['./messages-list.component.css'],\n})\nexport class MessagesListComponent {\n  @Input() chat!: RTSeeChat;\n  @Input() messenger!: RTSeeMessenger;\n}\n","<div class=\"rtsee-messenger-messages-list\">\n  <div class=\"rtsee-messenger-message\" *ngFor=\"let message of chat.messages\">\n    <ngx-message [message]=\"message\"></ngx-message>\n  </div>\n</div>\n","import { Component, Input } from '@angular/core';\nimport { FormControl, FormGroup, Validators } from '@angular/forms';\nimport { RTSeeChat, RTSeeMessenger } from '@rtsee/messenger';\n\n@Component({\n  selector: 'ngx-chat-input',\n  templateUrl: './chat-input.component.html',\n  styleUrls: ['./chat-input.component.css'],\n})\nexport class ChatInputComponent {\n  sendMessageForm: FormGroup = new FormGroup({\n    /* eslint-disable */\n    message: new FormControl('', Validators.required),\n    /* eslint-enable */\n  });\n\n  @Input() messenger!: RTSeeMessenger;\n  @Input() chat!: RTSeeChat;\n\n  sendMessage() {\n    const text = this.sendMessageForm.get('message')?.value as string;\n    if (!text) {\n      return;\n    }\n    this.chat.sendMessage(text);\n    this.sendMessageForm.get('message')?.setValue('');\n  }\n}\n","<div class=\"rtsee-chat-input\">\n  <div class=\"rtsee-send-message\">\n    <form [formGroup]=\"sendMessageForm\">\n      <input placeholder=\"Type message...\" type=\"text\" formControlName=\"message\" required>\n      <button mat-raised-button\n              (click)=\"sendMessage()\"\n              class=\"rtsee-send-message-button\"\n              type=\"submit\">\n        <span>Send</span>\n      </button>\n    </form>\n  </div>\n</div>\n","import { Component, Input } from '@angular/core';\nimport { RTSeeChat, RTSeeMessenger } from '@rtsee/messenger';\n\n@Component({\n  selector: 'ngx-chat',\n  templateUrl: './chat.component.html',\n  styleUrls: ['./chat.component.css'],\n})\nexport class ChatComponent {\n  @Input() chat!: RTSeeChat;\n  @Input() messenger!: RTSeeMessenger;\n}\n","<div class=\"rtsee-chat\">\n  <div class=\"rtsee-chat-body-container\">\n    <ngx-messages-list [messenger]=\"messenger\" [chat]=\"chat\"></ngx-messages-list>\n  </div>\n  <div class=\"input-container\">\n    <ngx-chat-input [messenger]=\"messenger\" [chat]=\"chat\"></ngx-chat-input>\n  </div>\n</div>\n","import { Component, Input } from '@angular/core';\nimport { RTSeeMessenger } from '@rtsee/messenger';\n\n@Component({\n  selector: 'ngx-messenger',\n  templateUrl: './messenger.component.html',\n  styleUrls: ['./messenger.component.scss'],\n})\nexport class MessengerComponent {\n  @Input() messenger!: RTSeeMessenger;\n}\n","<div class=\"rtsee-messenger\">\n  <div class=\"rtsee-messenger-header-container\">\n    <ngx-messenger-header [messenger]=\"messenger\"></ngx-messenger-header>\n  </div>\n  <div  class=\"rtsee-messenger-body-container\">\n    <ngx-chats-list *ngIf=\"!messenger.openedChat\" [chats]=\"messenger.chats\" [messenger]=\"messenger\"></ngx-chats-list>\n    <ngx-chat *ngIf=\"messenger.openedChat\" [messenger]=\"messenger\" [chat]=\"messenger.openedChat\"></ngx-chat>\n  </div>\n</div>\n\n\n","import { Injectable } from '@angular/core';\n\nimport * as dayjs from 'dayjs';\nimport * as relativeTime from 'dayjs/plugin/relativeTime';\ndayjs.extend(relativeTime);\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class TimeFormatHelperService {\n  toAgo(time: Date): string {\n    /* eslint-disable */\n    return dayjs(time).fromNow() as string;\n    /* eslint-enable */\n  }\n}\n","import { Component, Input, OnInit } from '@angular/core';\nimport {\n  RTSeeDashboardClient,\n  RTSeeEventsDashboard,\n} from '@rtsee/events-manager';\nimport { TimeFormatHelperService } from '../../../../services/time-format-helper.service';\n\n@Component({\n  selector: 'ngx-rtsee-events-dashboard-client-thumbnail',\n  templateUrl: './rtsee-events-dashboard-client-thumbnail.component.html',\n  styleUrls: ['./rtsee-events-dashboard-client-thumbnail.component.scss'],\n})\nexport class RtseeEventsDashboardClientThumbnailComponent implements OnInit {\n  @Input() dashboard!: RTSeeEventsDashboard;\n  @Input() client!: RTSeeDashboardClient;\n\n  constructor(public timeFormatService: TimeFormatHelperService) {}\n\n  ngOnInit(): void {\n    console.log(this.client);\n  }\n\n  openChat() {\n    this.dashboard.openChat(this.client);\n  }\n}\n","<div class=\"rtsee-dashboard-client-thumbnail\">\n  <p>{{ client.id }}</p>\n  <p>{{ client.name || client.id }}</p>\n  <div class=\"rtsee-dashboard-client-thumbnail-events\">\n    <div class=\"rtsee-dashboard-client-thumbnail-event\"\n         *ngFor=\"let event of client.events\">\n      <p>\n        <span>{{event.name}}</span>\n        <span>&nbsp;</span>\n        <span>{{ timeFormatService.toAgo(event.createdAt) }}</span>\n      </p>\n    </div>\n    <div class=\"rtsee-dashboard-client-thumbnail-actions\">\n      <button (click)=\"openChat()\">Chat</button>\n    </div>\n  </div>\n</div>\n","import { Component, Input } from '@angular/core';\nimport { RTSeeEventsDashboard } from '@rtsee/events-manager';\n\n@Component({\n  selector: 'ngx-rtsee-events-dashboard',\n  templateUrl: './rtsee-events-dashboard.component.html',\n  styleUrls: ['./rtsee-events-dashboard.component.scss'],\n})\nexport class RtseeEventsDashboardComponent {\n  @Input() eventsDashboard!: RTSeeEventsDashboard;\n}\n","<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","import { Component } from '@angular/core';\n\n@Component({\n  selector: 'ngx-rtsee-peers-list',\n  templateUrl: './rtsee-peers-list.component.html',\n  styleUrls: ['./rtsee-peers-list.component.scss'],\n})\nexport class RtseePeersListComponent {}\n","<p>rtsee-peers-list works!</p>\n","import { Component } from '@angular/core';\n\n@Component({\n  selector: 'ngx-rtsee-events-dashboard-client',\n  templateUrl: './rtsee-events-dashboard-client.component.html',\n  styleUrls: ['./rtsee-events-dashboard-client.component.css'],\n})\nexport class RtseeEventsDashboardClientComponent {}\n","<p>rtsee-events-dashboard-client works!</p>\n","import { NgModule } from '@angular/core';\nimport { RTSeeComponent } from './components/rtsee/rtsee.component';\nimport { RTSeeControlsComponent } from './components/rtsee/rtsee-controls/rtsee-controls.component';\nimport { CommonModule } from '@angular/common';\nimport { RtseePeerComponent } from './components/rtsee-peer/rtsee-peer.component';\nimport { RtseeSoundbarComponent } from './components/rtsee-soundbar/rtsee-soundbar.component';\nimport { RtseePeersListComponent } from './components/rtsee-peers-list/rtsee-peers-list.component';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatButtonModule } from '@angular/material/button';\nimport { RtseeSettingsComponent } from './components/rtsee-settings/rtsee-settings.component';\nimport { MatSelectModule } from '@angular/material/select';\nimport { BrowserAnimationsModule } from '@angular/platform-browser/animations';\nimport { MatFormFieldModule } from '@angular/material/form-field';\nimport { MessengerComponent } from './components/rtsee-messenger/messenger/messenger.component';\nimport { ChatComponent } from './components/rtsee-messenger/chat/chat.component';\nimport { MessageComponent } from './components/rtsee-messenger/message/message.component';\nimport { ChatsListComponent } from './components/rtsee-messenger/chats-list/chats-list.component';\nimport { MessagesListComponent } from './components/rtsee-messenger/messages-list/messages-list.component';\nimport { ChatThumbnailComponent } from './components/rtsee-messenger/chat-thumbnail/chat-thumbnail.component';\nimport { ChatInputComponent } from './components/rtsee-messenger/chat-input/chat-input.component';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { MessengerHeaderComponent } from './components/rtsee-messenger/messenger-header/messenger-header.component';\nimport { RtseeEventsDashboardComponent } from './components/rtsee-events-dashboard/rtsee-events-dashboard.component';\nimport { RtseeEventsDashboardClientComponent } from './components/rtsee-events-dashboard/components/rtsee-events-dashboard-client/rtsee-events-dashboard-client.component';\nimport { RtseeEventsDashboardClientThumbnailComponent } from './components/rtsee-events-dashboard/components/rtsee-events-dashboard-client-thumbnail/rtsee-events-dashboard-client-thumbnail.component';\n\n@NgModule({\n  declarations: [\n    RTSeeComponent,\n    RTSeeControlsComponent,\n    RtseePeerComponent,\n    RtseeSoundbarComponent,\n    RtseePeersListComponent,\n    RtseeSettingsComponent,\n    MessengerComponent,\n    ChatComponent,\n    MessageComponent,\n    ChatsListComponent,\n    MessagesListComponent,\n    ChatThumbnailComponent,\n    ChatInputComponent,\n    MessengerHeaderComponent,\n    RtseeEventsDashboardComponent,\n    RtseeEventsDashboardClientComponent,\n    RtseeEventsDashboardClientThumbnailComponent,\n  ],\n  imports: [\n    CommonModule,\n    MatIconModule,\n    MatButtonModule,\n    MatSelectModule,\n    BrowserAnimationsModule,\n    MatFormFieldModule,\n    ReactiveFormsModule,\n  ],\n  exports: [RTSeeComponent, MessengerComponent, RtseeEventsDashboardComponent],\n})\nexport class RTSeeModule {}\n","/*\n * Public API Surface of ngx\n */\n\nexport * from './lib/ngx.service';\nexport * from './lib/components/rtsee/rtsee-controls/rtsee-controls.component';\nexport * from './lib/components/rtsee/rtsee.component';\nexport * from './lib/components/rtsee-messenger/messenger/messenger.component';\nexport * from './lib/components/rtsee-events-dashboard/rtsee-events-dashboard.component';\nexport * from './lib/ngx.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["Injectable","Component","Input","interval","ViewChild","FormGroup","FormControl","Validators","dayjs","relativeTime","CommonModule","MatIconModule","MatButtonModule","MatSelectModule","BrowserAnimationsModule","MatFormFieldModule","ReactiveFormsModule","NgModule"],"mappings":"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"}
+{"version":3,"file":"rtsee-ngx.umd.js","sources":["../../../projects/ngx/src/lib/ngx.service.ts","../../../projects/ngx/src/lib/components/rtsee/rtsee-controls/rtsee-controls.component.ts","../../../projects/ngx/src/lib/components/rtsee/rtsee-controls/rtsee-controls.component.html","../../../projects/ngx/src/lib/components/rtsee-settings/rtsee-settings.component.ts","../../../projects/ngx/src/lib/components/rtsee-settings/rtsee-settings.component.html","../../../projects/ngx/src/lib/components/rtsee-soundbar/rtsee-soundbar.component.ts","../../../projects/ngx/src/lib/components/rtsee-soundbar/rtsee-soundbar.component.html","../../../projects/ngx/src/lib/components/rtsee-peer/rtsee-peer.component.ts","../../../projects/ngx/src/lib/components/rtsee-peer/rtsee-peer.component.html","../../../projects/ngx/src/lib/components/rtsee/rtsee.component.ts","../../../projects/ngx/src/lib/components/rtsee/rtsee.component.html","../../../projects/ngx/src/lib/components/rtsee-messenger/messenger-header/messenger-header.component.ts","../../../projects/ngx/src/lib/components/rtsee-messenger/messenger-header/messenger-header.component.html","../../../projects/ngx/src/lib/components/rtsee-messenger/chat-thumbnail/chat-thumbnail.component.ts","../../../projects/ngx/src/lib/components/rtsee-messenger/chat-thumbnail/chat-thumbnail.component.html","../../../projects/ngx/src/lib/components/rtsee-messenger/chats-list/chats-list.component.ts","../../../projects/ngx/src/lib/components/rtsee-messenger/chats-list/chats-list.component.html","../../../projects/ngx/src/lib/components/rtsee-messenger/message/message.component.ts","../../../projects/ngx/src/lib/components/rtsee-messenger/message/message.component.html","../../../projects/ngx/src/lib/components/rtsee-messenger/messages-list/messages-list.component.ts","../../../projects/ngx/src/lib/components/rtsee-messenger/messages-list/messages-list.component.html","../../../projects/ngx/src/lib/components/rtsee-messenger/chat-input/chat-input.component.ts","../../../projects/ngx/src/lib/components/rtsee-messenger/chat-input/chat-input.component.html","../../../projects/ngx/src/lib/components/rtsee-messenger/chat/chat.component.ts","../../../projects/ngx/src/lib/components/rtsee-messenger/chat/chat.component.html","../../../projects/ngx/src/lib/components/rtsee-messenger/messenger/messenger.component.ts","../../../projects/ngx/src/lib/components/rtsee-messenger/messenger/messenger.component.html","../../../projects/ngx/src/lib/services/time-format-helper.service.ts","../../../projects/ngx/src/lib/components/rtsee-events-dashboard/components/rtsee-events-dashboard-client-thumbnail/rtsee-events-dashboard-client-thumbnail.component.ts","../../../projects/ngx/src/lib/components/rtsee-events-dashboard/components/rtsee-events-dashboard-client-thumbnail/rtsee-events-dashboard-client-thumbnail.component.html","../../../projects/ngx/src/lib/components/rtsee-events-dashboard/rtsee-events-dashboard.component.ts","../../../projects/ngx/src/lib/components/rtsee-events-dashboard/rtsee-events-dashboard.component.html","../../../projects/ngx/src/lib/components/rtsee-peers-list/rtsee-peers-list.component.ts","../../../projects/ngx/src/lib/components/rtsee-peers-list/rtsee-peers-list.component.html","../../../projects/ngx/src/lib/components/rtsee-events-dashboard/components/rtsee-events-dashboard-client/rtsee-events-dashboard-client.component.ts","../../../projects/ngx/src/lib/components/rtsee-events-dashboard/components/rtsee-events-dashboard-client/rtsee-events-dashboard-client.component.html","../../../projects/ngx/src/lib/ngx.module.ts","../../../projects/ngx/src/public-api.ts","../../../projects/ngx/src/rtsee-ngx.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class NgxService {\n  lol: string;\n  constructor() {\n    this.lol = 'lol';\n  }\n}\n","import { Component, Input } from '@angular/core';\nimport { RTSee } from '@rtsee/core';\n\n@Component({\n  selector: 'ngx-rtsee-controls',\n  templateUrl: './rtsee-controls.component.html',\n  styleUrls: ['./rtsee-controls.component.scss'],\n})\nexport class RTSeeControlsComponent {\n  @Input() rtsee!: RTSee;\n  @Input() fullScreenMode?: boolean;\n\n  onPresentClicked() {\n    return this.rtsee.isPresenter\n      ? this.rtsee.stopScreenShare()\n      : this.rtsee.startScreenShare();\n  }\n}\n","<div class=\"rtsee-controls\" [ngClass]=\"{'rtsee-full-screen-controls' : fullScreenMode }\">\n  <div class=\"rtsee-bottom-panel\">\n    <div class=\"mic rtsee-buttons-container\">\n      <button mat-icon-button matSuffix\n              class=\"rtsee-ripple-button\"\n              *ngIf=\"rtsee.microphone\"\n              type=\"button\"\n              (click)=\"this.rtsee.disableMicrophone()\"\n      >\n        <span class=\"material-icons-outlined\">mic_none</span>\n      </button>\n      <button mat-icon-button matSuffix\n              class=\"rtsee-ripple-button\"\n              *ngIf=\"!rtsee.microphone\"\n              type=\"button\" (click)=\"this.rtsee.enableMicrophone()\"\n      >\n        <span class=\"material-icons-outlined\">mic_off</span>\n      </button>\n    </div>\n\n    <div class=\"video-camera rtsee-buttons-container\">\n      <button mat-icon-button matSuffix\n              class=\"rtsee-ripple-button\"\n              *ngIf=\"rtsee.camera\"\n              type=\"button\"\n              (click)=\"rtsee.disableCamera()\"\n      >\n        <span class=\"material-icons-outlined\">videocam</span>\n      </button>\n      <button mat-icon-button matSuffix\n              class=\"rtsee-ripple-button\"\n              *ngIf=\"!rtsee.camera\"\n              type=\"button\"\n              (click)=\"rtsee.enableCamera()\"\n      >\n        <span class=\"material-icons-outlined\">videocam_off</span>\n      </button>\n    </div>\n    <div class=\"present rtsee-buttons-container\" [ngClass]=\"{'rtsee-present-button-container': rtsee.isPresenter}\">\n      <button mat-icon-button matSuffix\n              class=\"rtsee-ripple-button\"\n              type=\"button\"\n              (click)=\"onPresentClicked()\"\n      >\n        <span class=\"material-icons-outlined\">present_to_all</span>\n      </button>\n    </div>\n    <div class=\"call-end rtsee-buttons-container\">\n      <button mat-icon-button matSuffix\n              class=\"rtsee-ripple-button\"\n              type=\"button\"\n              (click)=\"rtsee.end()\"\n      >\n        <span class=\"material-icons-outlined\">call_end</span>\n      </button>\n    </div>\n  </div>\n</div>\n","import { Component, Input, OnInit } from '@angular/core';\nimport { RTSee } from '@rtsee/core';\n\n@Component({\n  selector: 'ngx-rtsee-settings',\n  templateUrl: './rtsee-settings.component.html',\n  styleUrls: ['./rtsee-settings.component.scss'],\n})\nexport class RtseeSettingsComponent implements OnInit {\n  availableAudioInputDevices: MediaDeviceInfo[];\n  availableVideoInputDevices: MediaDeviceInfo[];\n  availableAudioOutputDevices: MediaDeviceInfo[];\n\n  @Input() rtSee!: RTSee;\n  @Input() fullScreenMode!: boolean;\n  constructor() {\n    this.availableAudioInputDevices = [];\n    this.availableVideoInputDevices = [];\n    this.availableAudioOutputDevices = [];\n  }\n\n  ngOnInit(): void {\n    this.refreshSelectOptions();\n  }\n\n  refreshSelectOptions() {\n    void this.rtSee.refreshMediaDevicesList();\n  }\n\n  setAudioInput(deviceId: string) {\n    this.rtSee.setAudioInputDevice(deviceId);\n    console.log(deviceId);\n  }\n\n  setAudioOutput(deviceId: string) {\n    this.rtSee.setAudioOutputDevice(deviceId);\n  }\n\n  setVideoInput(deviceId: string) {\n    this.rtSee.setVideoInputDevice(deviceId);\n  }\n}\n","<div class=\"rtsee-settings\" [ngClass]=\"{'rtsee-full-screen-settings' : fullScreenMode}\">\n  <div class=\"rtsee-devices\">\n    <div class=\"rtsee-device-select-wrapper\">\n      <label class=\"rtsee-select-label\" for=\"audio-input\">Audio Input:</label>\n      <select class=\"rtsee-select\" id=\"audio-input\" (click)=\"refreshSelectOptions()\">\n        <option *ngFor=\"let device of rtSee.audioInputDevices\" [value]=\"device.deviceId\" (click)=\"setAudioInput(device.deviceId)\">\n          {{device.label}}\n        </option>\n      </select>\n    </div>\n    <div class=\"rtsee-device-select-wrapper\">\n      <label class=\"rtsee-select-label\" for=\"audio-output\">Audio Output:</label>\n      <select class=\"rtsee-select\" id=\"audio-output\" (click)=\"refreshSelectOptions()\">\n        <option *ngFor=\"let device of rtSee.audioOutputDevices\" [value]=\"device.deviceId\" (click)=\"setAudioOutput(device.deviceId)\">\n          {{device.label}}\n        </option>\n      </select>\n    </div>\n    <div class=\"rtsee-device-select-wrapper\">\n      <label class=\"rtsee-select-label\" for=\"video-input\">Video Input:</label>\n      <select class=\"rtsee-select\" id=\"video-input\" (click)=\"refreshSelectOptions()\">\n        <option *ngFor=\"let device of rtSee.videoInputDevices\" [value]=\"device.deviceId\" (click)=\"setVideoInput(device.deviceId)\">\n          {{device.label}}\n        </option>\n      </select>\n    </div>\n  </div>\n</div>\n","import { Component, Input, OnInit } from '@angular/core';\nimport { RTSeePeerConnection } from '@rtsee/core';\nimport { interval } from 'rxjs';\n\n@Component({\n  selector: 'ngx-rtsee-soundbar',\n  templateUrl: './rtsee-soundbar.component.html',\n  styleUrls: ['./rtsee-soundbar.component.scss'],\n})\nexport class RtseeSoundbarComponent implements OnInit {\n  intervalLength: number;\n  noiceLevel: number;\n  scaleOneLevel: number;\n  scaleTwoLevel: number;\n  scaleThreeLevel: number;\n\n  @Input() peer!: RTSeePeerConnection;\n  constructor() {\n    this.intervalLength = 1000;\n    this.noiceLevel = 0;\n    this.scaleOneLevel = 0;\n    this.scaleTwoLevel = 0;\n    this.scaleThreeLevel = 0;\n  }\n\n  ngOnInit(): void {\n    this.startSoundMeterListening();\n  }\n\n  startSoundMeterListening() {\n    const step = interval(1000 / 10);\n    step.subscribe(() => {\n      if (!this.peer.soundMeter || !this.peer.soundMeter.level) {\n        this.noiceLevel = 0;\n      } else {\n        this.noiceLevel = this.peer.soundMeter?.level * 100 || 0;\n      }\n\n      this.setSoundMeterHeights();\n    });\n  }\n\n  setSoundMeterHeights() {\n    const ZERO_LEVEL = 25;\n    const SCALE_STEP = 25;\n    const SCALE_ONE_TOP = ZERO_LEVEL + SCALE_STEP;\n    const SCALE_TWO_TOP = SCALE_ONE_TOP + SCALE_STEP;\n\n    if (!this.peer || !this.peer.soundMeter || this.noiceLevel < ZERO_LEVEL) {\n      this.scaleOneLevel = 0;\n      this.scaleTwoLevel = 0;\n      this.scaleThreeLevel = 0;\n    }\n\n    const scaleOneValue = ((this.noiceLevel - ZERO_LEVEL) / SCALE_STEP) * 100;\n    const scaleTwoValue =\n      ((this.noiceLevel - SCALE_ONE_TOP) / SCALE_STEP) * 100;\n    const scaleThreeValue =\n      ((this.noiceLevel - SCALE_TWO_TOP) / SCALE_STEP) * 100;\n\n    this.scaleOneLevel = scaleOneValue > 0 ? scaleOneValue : 0;\n    this.scaleTwoLevel = scaleTwoValue > 0 ? scaleTwoValue : 0;\n    this.scaleThreeLevel = scaleThreeValue > 0 ? scaleTwoValue : 0;\n  }\n}\n","<div class=\"rtsee-soundbar\">\n  <div class=\"rtsee-soundbar-scale\">\n    <div class=\"rtsee-soundbar-scale-item\">\n      <div class=\"rtsee-soundbar-scale-item-level rtsee-soundbar-scale-item-level-one\"\n           [style.height.%]=\"scaleOneLevel\"\n      ></div>\n    </div>\n    <div class=\"rtsee-soundbar-scale-item\">\n      <div class=\"rtsee-soundbar-scale-item-level rtsee-soundbar-scale-item-level-two\"\n           [style.height.%]=\"scaleTwoLevel\"\n      ></div>\n    </div>\n    <div class=\"rtsee-soundbar-scale-item\">\n      <div class=\"rtsee-soundbar-scale-item-level rtsee-soundbar-scale-item-level-three\"\n           [style.height.%]=\"scaleThreeLevel\"\n      ></div>\n    </div>\n  </div>\n</div>\n","import {\n  AfterViewInit,\n  Component,\n  ElementRef,\n  Input,\n  ViewChild,\n} from '@angular/core';\nimport { RTSeePeerConnection } from '@rtsee/core';\n\n@Component({\n  selector: 'ngx-rtsee-peer',\n  templateUrl: './rtsee-peer.component.html',\n  styleUrls: ['./rtsee-peer.component.scss'],\n})\nexport class RtseePeerComponent implements AfterViewInit {\n  intervalLength: number;\n  noiceLevel: number;\n\n  @ViewChild('audioOutput') audioOutput?: ElementRef;\n  @ViewChild('videoOutput') videoOutput?: ElementRef;\n  @Input() peer!: RTSeePeerConnection;\n\n  constructor() {\n    this.intervalLength = 1000;\n    this.noiceLevel = 0;\n  }\n\n  ngAfterViewInit(): void {\n    if (!this.audioOutput) {\n      return;\n    }\n    this.peer.setAudioOutputElement(\n      this.audioOutput.nativeElement as HTMLAudioElement\n    );\n  }\n}\n","<div class=\"rtsee-peer\" [ngClass]=\"{\n'rtsee-peer-video-disabled': !peer.remoteVideoStream || !peer.camera\n}\">\n  <div class=\"rtsee-peer-content\">\n    <div class=\"rtsee-peer-photo\" *ngIf=\"!peer.camera\">\n      <div class=\"rtsee-peer-photo-wrapper\">\n        <div  *ngIf=\"peer.imageUrl\"\n              [style.background-image]=\"'url(' + peer.imageUrl + ')'\"\n              class=\"rtsee-peer-photo-image\"\n        ></div>\n        <img *ngIf=\"!peer.imageUrl\" [src]=\"\" alt=\"peer_photo\" class=\"rtsee-peer-photo-image\">\n      </div>\n      <div class=\"rtsee-peer-info\">\n        <p class=\"rtsee-peer-name\" *ngIf=\"peer.name\">{{peer.name}}</p>\n      </div>\n    </div>\n      <video #videoOutput\n             class=\"rtsee-peer-video\"\n             [autoplay]=\"true\"\n             [srcObject]=\"peer.remoteVideoStream\"\n             playsinline=\"true\"\n      >\n      </video>\n    <div class=\"rtsee-peer-soundbar\">\n      <ngx-rtsee-soundbar [peer]=\"peer\"></ngx-rtsee-soundbar>\n    </div>\n  </div>\n</div>\n","import { Component, Input } from '@angular/core';\nimport { RTSee } from '@rtsee/core';\n\n@Component({\n  selector: 'ngx-rtsee',\n  templateUrl: './rtsee.component.html',\n  styleUrls: ['./rtsee.component.scss'],\n})\nexport class RTSeeComponent {\n  settingsViewEnabled: boolean;\n  fullScreenModeEnabled: boolean;\n\n  @Input() rtSee!: RTSee;\n  constructor() {\n    this.settingsViewEnabled = false;\n    this.fullScreenModeEnabled = false;\n  }\n\n  toggleSettings() {\n    this.settingsViewEnabled = !this.settingsViewEnabled;\n  }\n\n  toggleFullScreenMode() {\n    this.fullScreenModeEnabled = !this.fullScreenModeEnabled;\n  }\n}\n","<div class=\"rtsee-shell\" [ngClass]=\"{\n'rtsee-shell-expanded': rtSee.uiControls.isExpanded || fullScreenModeEnabled,\n'rtsee-shell-no-companions': !rtSee.rtcPeerConnections.connections?.length\n}\">\n  <div class=\"rtsee-local-peer\" *ngIf=\"rtSee.localStream && rtSee.camera\">\n    <video class=\"rtsee-local-video\"\n           [autoplay]=\"true\"\n           [muted]=\"true\"\n           [srcObject]=\"rtSee.localStream\"\n           playsinline=\"true\"\n    ></video>\n  </div>\n  <div class=\"rtsee-window-controls\">\n    <button mat-icon-button matSuffix\n            type=\"button\"\n            (click)=\"this.toggleSettings()\"\n            class=\"rtsee-window-controls-button rtsee-ripple-button\"\n    >\n      <span class=\"material-icons-outlined\">settings</span>\n    </button>\n    <button mat-icon-button matSuffix\n            type=\"button\"\n            (click)=\"this.toggleFullScreenMode()\"\n            class=\"rtsee-window-controls-button rtsee-ripple-button\"\n    >\n      <span class=\"material-icons-outlined\">open_in_full</span>\n    </button>\n  </div>\n  <div class=\"rtsee-settings-container\" *ngIf=\"settingsViewEnabled\">\n    <button mat-icon-button matSuffix\n            type=\"button\"\n            (click)=\"this.toggleSettings()\"\n            class=\"rtsee-close-settings-button\"\n    >\n      <span class=\"material-icons-outlined\">close</span>\n    </button>\n    <ngx-rtsee-settings [rtSee]=\"rtSee\" [fullScreenMode]=\"fullScreenModeEnabled\"></ngx-rtsee-settings>\n  </div>\n  <div class=\"rtsee-screen-share\" *ngIf=\"rtSee.screenSharePeer\" >\n    <video [autoplay]=\"true\"\n           [muted]=\"true\"\n           [srcObject]=\"rtSee.screenSharePeer.remoteVideoStream\"\n           playsinline=\"true\"\n           class=\"rtsee-screen-share-video\"\n    ></video>\n  </div>\n  <div class=\"rtsee-peers\" [ngClass]=\"{\n    'rtsee-peers-alone': !rtSee.rtcPeerConnections.connections?.length,\n    'rtsee-peers-one': rtSee.rtcPeerConnections.connections?.length === 1,\n    'rtsee-peers-three-grid': rtSee.rtcPeerConnections.connections?.length\n      && rtSee.rtcPeerConnections.connections.length > 1\n      && rtSee.rtcPeerConnections.connections.length < 4,\n    'rtsee-peers-six-grid': rtSee.rtcPeerConnections.connections?.length\n      && rtSee.rtcPeerConnections.connections.length > 3\n      && rtSee.rtcPeerConnections.connections.length < 7,\n    'rtsee-peers-nine-grid': rtSee.rtcPeerConnections.connections?.length\n      && rtSee.rtcPeerConnections.connections.length >= 7\n  }\">\n    <div class=\"rtsee-peer-wrapper\"\n         *ngFor=\"let peer of rtSee.rtcPeerConnections.connections\"\n    >\n      <ngx-rtsee-peer [peer]=\"peer\"></ngx-rtsee-peer>\n    </div>\n  </div>\n  <div class=\"rtsee-peers-list\"></div>\n  <div class=\"rtsee-controls-wrapper\">\n    <ngx-rtsee-controls [rtsee]=\"rtSee\" [fullScreenMode]=\"fullScreenModeEnabled\"></ngx-rtsee-controls>\n  </div>\n</div>\n\n","import { Component, Input } from '@angular/core';\nimport { RTSeeMessenger } from '@rtsee/messenger';\n\n@Component({\n  selector: 'ngx-messenger-header',\n  templateUrl: './messenger-header.component.html',\n  styleUrls: ['./messenger-header.component.css'],\n})\nexport class MessengerHeaderComponent {\n  @Input() messenger!: RTSeeMessenger;\n}\n","<div class=\"rtsee-messenger-header\" [ngClass]=\"{ 'chat-header': messenger.openedChat }\">\n  <button *ngIf=\"messenger.openedChat\" (click)=\"messenger.closeChat()\"><span>&#8592;</span></button>\n  <p class=\"title\" *ngIf=\"!messenger.openedChat\">Wessenger</p>\n  <p class=\"title\" *ngIf=\"messenger.openedChat\">{{ messenger.openedChat.name }}</p>\n</div>\n","import { Component, Input } from '@angular/core';\nimport { RTSeeChat, RTSeeMessenger } from '@rtsee/messenger';\n\n@Component({\n  selector: 'ngx-chat-thumbnail',\n  templateUrl: './chat-thumbnail.component.html',\n  styleUrls: ['./chat-thumbnail.component.css'],\n})\nexport class ChatThumbnailComponent {\n  @Input() chat!: RTSeeChat;\n  @Input() messenger!: RTSeeMessenger;\n}\n","<div class=\"rtsee-chat-thumbnail\" (click)=\"messenger.openChat(chat)\">\n  <div class=\"chat-info\">\n    <div class=\"rtsee-chat-thumbnail-image\">\n      <img [src]=\"chat.imageUrl\" alt=\"chat-img\">\n    </div>\n    <p class=\"rtsee-chat-thumbnail-name\">{{ chat.name }}</p>\n  </div>\n  <div class=\"last-message\">\n    <p class=\"rtsee-chat-thumbnail-last-message\">{{chat.getLastSenderName()}} {{chat.getLastSentMessageText()}}</p>\n  </div>\n</div>\n","import { Component, Input, OnInit } from '@angular/core';\nimport { RTSeeChat, RTSeeMessenger } from '@rtsee/messenger';\n\n@Component({\n  selector: 'ngx-chats-list',\n  templateUrl: './chats-list.component.html',\n  styleUrls: ['./chats-list.component.css'],\n})\nexport class ChatsListComponent implements OnInit {\n  @Input() messenger!: RTSeeMessenger;\n  @Input() chats!: RTSeeChat[];\n\n  ngOnInit(): void {\n    console.log(this.chats);\n  }\n}\n","<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","import { Component, Input } from '@angular/core';\nimport { RTSeeChat, RTSeeChatMember, RTSeeMessage } from '@rtsee/messenger';\n\n@Component({\n  selector: 'ngx-message',\n  templateUrl: './message.component.html',\n  styleUrls: ['./message.component.css'],\n})\nexport class MessageComponent {\n  @Input() chat!: RTSeeChat;\n  @Input() message!: RTSeeMessage;\n  @Input() member!: RTSeeChatMember<any>;\n}\n","<div class=\"rtsee-message-container\" [ngClass]=\"{'rtsee-from-me': message.from !== chat.receiverId}\">\n  <div class=\"rtsee-messenger-message\">\n    <p>{{ message.text }}</p>\n  </div>\n</div>\n","import { Component, Input } from '@angular/core';\nimport { RTSeeChat, RTSeeMessenger } from '@rtsee/messenger';\n\n@Component({\n  selector: 'ngx-messages-list',\n  templateUrl: './messages-list.component.html',\n  styleUrls: ['./messages-list.component.css'],\n})\nexport class MessagesListComponent {\n  @Input() chat!: RTSeeChat;\n  @Input() messenger!: RTSeeMessenger;\n}\n","<div class=\"rtsee-messenger-messages-list\">\n  <div class=\"rtsee-messenger-message-wrapper\" *ngFor=\"let message of chat.messages\">\n    <ngx-message [message]=\"message\" [chat]=\"chat\"></ngx-message>\n  </div>\n</div>\n","import { Component, Input } from '@angular/core';\nimport { FormControl, FormGroup, Validators } from '@angular/forms';\nimport { RTSeeChat, RTSeeMessenger } from '@rtsee/messenger';\n\n@Component({\n  selector: 'ngx-chat-input',\n  templateUrl: './chat-input.component.html',\n  styleUrls: ['./chat-input.component.css'],\n})\nexport class ChatInputComponent {\n  sendMessageForm: FormGroup = new FormGroup({\n    /* eslint-disable */\n    message: new FormControl('', Validators.required),\n    /* eslint-enable */\n  });\n\n  @Input() messenger!: RTSeeMessenger;\n  @Input() chat!: RTSeeChat;\n\n  sendMessage() {\n    const text = this.sendMessageForm.get('message')?.value as string;\n    if (!text) {\n      return;\n    }\n    this.chat.sendMessage(text);\n    this.sendMessageForm.get('message')?.setValue('');\n  }\n}\n","<div class=\"rtsee-chat-input\">\n  <div class=\"rtsee-send-message\">\n    <form [formGroup]=\"sendMessageForm\">\n      <input placeholder=\"Type message...\" type=\"text\" formControlName=\"message\" required>\n      <button (click)=\"sendMessage()\"\n              class=\"rtsee-send-message-button\"\n              type=\"submit\">\n        <span>Send</span>\n      </button>\n    </form>\n  </div>\n</div>\n","import { Component, Input } from '@angular/core';\nimport { RTSeeChat, RTSeeMessenger } from '@rtsee/messenger';\n\n@Component({\n  selector: 'ngx-chat',\n  templateUrl: './chat.component.html',\n  styleUrls: ['./chat.component.css'],\n})\nexport class ChatComponent {\n  @Input() chat!: RTSeeChat;\n  @Input() messenger!: RTSeeMessenger;\n}\n","<div class=\"rtsee-chat\">\n  <div class=\"rtsee-chat-body-container\">\n    <ngx-messages-list [messenger]=\"messenger\" [chat]=\"chat\"></ngx-messages-list>\n  </div>\n  <div class=\"input-container\">\n    <ngx-chat-input [messenger]=\"messenger\" [chat]=\"chat\"></ngx-chat-input>\n  </div>\n</div>\n","import { Component, Input } from '@angular/core';\nimport { RTSeeMessenger } from '@rtsee/messenger';\n\n@Component({\n  selector: 'ngx-messenger',\n  templateUrl: './messenger.component.html',\n  styleUrls: ['./messenger.component.scss'],\n})\nexport class MessengerComponent {\n  @Input() messenger!: RTSeeMessenger;\n}\n","<div class=\"rtsee-messenger\">\n  <div class=\"rtsee-messenger-header-container\">\n    <ngx-messenger-header [messenger]=\"messenger\"></ngx-messenger-header>\n  </div>\n  <div  class=\"rtsee-messenger-body-container\">\n    <ngx-chats-list *ngIf=\"!messenger.openedChat\" [chats]=\"messenger.chats\" [messenger]=\"messenger\"></ngx-chats-list>\n    <ngx-chat *ngIf=\"messenger.openedChat\" [messenger]=\"messenger\" [chat]=\"messenger.openedChat\"></ngx-chat>\n  </div>\n</div>\n\n\n","import { Injectable } from '@angular/core';\n\nimport * as dayjs from 'dayjs';\nimport * as relativeTime from 'dayjs/plugin/relativeTime';\ndayjs.extend(relativeTime);\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class TimeFormatHelperService {\n  toAgo(time: Date): string {\n    /* eslint-disable */\n    return dayjs(time).fromNow() as string;\n    /* eslint-enable */\n  }\n}\n","import { Component, Input, OnInit } from '@angular/core';\nimport {\n  RTSeeDashboardClient,\n  RTSeeEventsDashboard,\n} from '@rtsee/events-manager';\nimport { TimeFormatHelperService } from '../../../../services/time-format-helper.service';\n\n@Component({\n  selector: 'ngx-rtsee-events-dashboard-client-thumbnail',\n  templateUrl: './rtsee-events-dashboard-client-thumbnail.component.html',\n  styleUrls: ['./rtsee-events-dashboard-client-thumbnail.component.scss'],\n})\nexport class RtseeEventsDashboardClientThumbnailComponent implements OnInit {\n  @Input() dashboard!: RTSeeEventsDashboard;\n  @Input() client!: RTSeeDashboardClient;\n\n  constructor(public timeFormatService: TimeFormatHelperService) {}\n\n  ngOnInit(): void {\n    console.log(this.client);\n  }\n\n  openChat() {\n    this.dashboard.openChat(this.client);\n  }\n}\n","<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","import { Component, Input } from '@angular/core';\nimport { RTSeeEventsDashboard } from '@rtsee/events-manager';\n\n@Component({\n  selector: 'ngx-rtsee-events-dashboard',\n  templateUrl: './rtsee-events-dashboard.component.html',\n  styleUrls: ['./rtsee-events-dashboard.component.scss'],\n})\nexport class RtseeEventsDashboardComponent {\n  @Input() eventsDashboard!: RTSeeEventsDashboard;\n}\n","<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","import { Component } from '@angular/core';\n\n@Component({\n  selector: 'ngx-rtsee-peers-list',\n  templateUrl: './rtsee-peers-list.component.html',\n  styleUrls: ['./rtsee-peers-list.component.scss'],\n})\nexport class RtseePeersListComponent {}\n","<p>rtsee-peers-list works!</p>\n","import { Component } from '@angular/core';\n\n@Component({\n  selector: 'ngx-rtsee-events-dashboard-client',\n  templateUrl: './rtsee-events-dashboard-client.component.html',\n  styleUrls: ['./rtsee-events-dashboard-client.component.css'],\n})\nexport class RtseeEventsDashboardClientComponent {}\n","<p>rtsee-events-dashboard-client works!</p>\n","import { NgModule } from '@angular/core';\nimport { RTSeeComponent } from './components/rtsee/rtsee.component';\nimport { RTSeeControlsComponent } from './components/rtsee/rtsee-controls/rtsee-controls.component';\nimport { CommonModule } from '@angular/common';\nimport { RtseePeerComponent } from './components/rtsee-peer/rtsee-peer.component';\nimport { RtseeSoundbarComponent } from './components/rtsee-soundbar/rtsee-soundbar.component';\nimport { RtseePeersListComponent } from './components/rtsee-peers-list/rtsee-peers-list.component';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatButtonModule } from '@angular/material/button';\nimport { RtseeSettingsComponent } from './components/rtsee-settings/rtsee-settings.component';\nimport { MatSelectModule } from '@angular/material/select';\nimport { BrowserAnimationsModule } from '@angular/platform-browser/animations';\nimport { MatFormFieldModule } from '@angular/material/form-field';\nimport { MessengerComponent } from './components/rtsee-messenger/messenger/messenger.component';\nimport { ChatComponent } from './components/rtsee-messenger/chat/chat.component';\nimport { MessageComponent } from './components/rtsee-messenger/message/message.component';\nimport { ChatsListComponent } from './components/rtsee-messenger/chats-list/chats-list.component';\nimport { MessagesListComponent } from './components/rtsee-messenger/messages-list/messages-list.component';\nimport { ChatThumbnailComponent } from './components/rtsee-messenger/chat-thumbnail/chat-thumbnail.component';\nimport { ChatInputComponent } from './components/rtsee-messenger/chat-input/chat-input.component';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { MessengerHeaderComponent } from './components/rtsee-messenger/messenger-header/messenger-header.component';\nimport { RtseeEventsDashboardComponent } from './components/rtsee-events-dashboard/rtsee-events-dashboard.component';\nimport { RtseeEventsDashboardClientComponent } from './components/rtsee-events-dashboard/components/rtsee-events-dashboard-client/rtsee-events-dashboard-client.component';\nimport { RtseeEventsDashboardClientThumbnailComponent } from './components/rtsee-events-dashboard/components/rtsee-events-dashboard-client-thumbnail/rtsee-events-dashboard-client-thumbnail.component';\n\n@NgModule({\n  declarations: [\n    RTSeeComponent,\n    RTSeeControlsComponent,\n    RtseePeerComponent,\n    RtseeSoundbarComponent,\n    RtseePeersListComponent,\n    RtseeSettingsComponent,\n    MessengerComponent,\n    ChatComponent,\n    MessageComponent,\n    ChatsListComponent,\n    MessagesListComponent,\n    ChatThumbnailComponent,\n    ChatInputComponent,\n    MessengerHeaderComponent,\n    RtseeEventsDashboardComponent,\n    RtseeEventsDashboardClientComponent,\n    RtseeEventsDashboardClientThumbnailComponent,\n  ],\n  imports: [\n    CommonModule,\n    MatIconModule,\n    MatButtonModule,\n    MatSelectModule,\n    BrowserAnimationsModule,\n    MatFormFieldModule,\n    ReactiveFormsModule,\n  ],\n  exports: [RTSeeComponent, MessengerComponent, RtseeEventsDashboardComponent],\n})\nexport class RTSeeModule {}\n","/*\n * Public API Surface of ngx\n */\n\nexport * from './lib/ngx.service';\nexport * from './lib/components/rtsee/rtsee-controls/rtsee-controls.component';\nexport * from './lib/components/rtsee/rtsee.component';\nexport * from './lib/components/rtsee-messenger/messenger/messenger.component';\nexport * from './lib/components/rtsee-events-dashboard/rtsee-events-dashboard.component';\nexport * from './lib/ngx.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["Injectable","Component","Input","interval","ViewChild","FormGroup","FormControl","Validators","dayjs","relativeTime","CommonModule","MatIconModule","MatButtonModule","MatSelectModule","BrowserAnimationsModule","MatFormFieldModule","ReactiveFormsModule","NgModule"],"mappings":"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"}

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

@@ -14,7 +14,7 @@ export class RtseeEventsDashboardClientThumbnailComponent {
     }
 }
 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  <p>{{ client.id }}</p>\n  <p>{{ client.name || client.id }}</p>\n  <div class=\"rtsee-dashboard-client-thumbnail-events\">\n    <div class=\"rtsee-dashboard-client-thumbnail-event\"\n         *ngFor=\"let event of client.events\">\n      <p>\n        <span>{{event.name}}</span>\n        <span>&nbsp;</span>\n        <span>{{ timeFormatService.toAgo(event.createdAt) }}</span>\n      </p>\n    </div>\n    <div class=\"rtsee-dashboard-client-thumbnail-actions\">\n      <button (click)=\"openChat()\">Chat</button>\n    </div>\n  </div>\n</div>\n", styles: [""], directives: [{ type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+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"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0, type: RtseeEventsDashboardClientThumbnailComponent, decorators: [{
             type: Component,
             args: [{
@@ -27,4 +27,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.2", ngImpor
             }], client: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicnRzZWUtZXZlbnRzLWRhc2hib2FyZC1jbGllbnQtdGh1bWJuYWlsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC9zcmMvbGliL2NvbXBvbmVudHMvcnRzZWUtZXZlbnRzLWRhc2hib2FyZC9jb21wb25lbnRzL3J0c2VlLWV2ZW50cy1kYXNoYm9hcmQtY2xpZW50LXRodW1ibmFpbC9ydHNlZS1ldmVudHMtZGFzaGJvYXJkLWNsaWVudC10aHVtYm5haWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4L3NyYy9saWIvY29tcG9uZW50cy9ydHNlZS1ldmVudHMtZGFzaGJvYXJkL2NvbXBvbmVudHMvcnRzZWUtZXZlbnRzLWRhc2hib2FyZC1jbGllbnQtdGh1bWJuYWlsL3J0c2VlLWV2ZW50cy1kYXNoYm9hcmQtY2xpZW50LXRodW1ibmFpbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQzs7OztBQVl6RCxNQUFNLE9BQU8sNENBQTRDO0lBSXZELFlBQW1CLGlCQUEwQztRQUExQyxzQkFBaUIsR0FBakIsaUJBQWlCLENBQXlCO0lBQUcsQ0FBQztJQUVqRSxRQUFRO1FBQ04sT0FBTyxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDM0IsQ0FBQztJQUVELFFBQVE7UUFDTixJQUFJLENBQUMsU0FBUyxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDdkMsQ0FBQzs7eUlBWlUsNENBQTRDOzZIQUE1Qyw0Q0FBNEMseUlDWnpELHdsQkFpQkE7MkZETGEsNENBQTRDO2tCQUx4RCxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSw2Q0FBNkM7b0JBQ3ZELFdBQVcsRUFBRSwwREFBMEQ7b0JBQ3ZFLFNBQVMsRUFBRSxDQUFDLDBEQUEwRCxDQUFDO2lCQUN4RTs4R0FFVSxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgUlRTZWVEYXNoYm9hcmRDbGllbnQsXG4gIFJUU2VlRXZlbnRzRGFzaGJvYXJkLFxufSBmcm9tICdAcnRzZWUvZXZlbnRzLW1hbmFnZXInO1xuaW1wb3J0IHsgVGltZUZvcm1hdEhlbHBlclNlcnZpY2UgfSBmcm9tICcuLi8uLi8uLi8uLi9zZXJ2aWNlcy90aW1lLWZvcm1hdC1oZWxwZXIuc2VydmljZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ25neC1ydHNlZS1ldmVudHMtZGFzaGJvYXJkLWNsaWVudC10aHVtYm5haWwnLFxuICB0ZW1wbGF0ZVVybDogJy4vcnRzZWUtZXZlbnRzLWRhc2hib2FyZC1jbGllbnQtdGh1bWJuYWlsLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vcnRzZWUtZXZlbnRzLWRhc2hib2FyZC1jbGllbnQtdGh1bWJuYWlsLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIFJ0c2VlRXZlbnRzRGFzaGJvYXJkQ2xpZW50VGh1bWJuYWlsQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCkgZGFzaGJvYXJkITogUlRTZWVFdmVudHNEYXNoYm9hcmQ7XG4gIEBJbnB1dCgpIGNsaWVudCE6IFJUU2VlRGFzaGJvYXJkQ2xpZW50O1xuXG4gIGNvbnN0cnVjdG9yKHB1YmxpYyB0aW1lRm9ybWF0U2VydmljZTogVGltZUZvcm1hdEhlbHBlclNlcnZpY2UpIHt9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgY29uc29sZS5sb2codGhpcy5jbGllbnQpO1xuICB9XG5cbiAgb3BlbkNoYXQoKSB7XG4gICAgdGhpcy5kYXNoYm9hcmQub3BlbkNoYXQodGhpcy5jbGllbnQpO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwicnRzZWUtZGFzaGJvYXJkLWNsaWVudC10aHVtYm5haWxcIj5cbiAgPHA+e3sgY2xpZW50LmlkIH19PC9wPlxuICA8cD57eyBjbGllbnQubmFtZSB8fCBjbGllbnQuaWQgfX08L3A+XG4gIDxkaXYgY2xhc3M9XCJydHNlZS1kYXNoYm9hcmQtY2xpZW50LXRodW1ibmFpbC1ldmVudHNcIj5cbiAgICA8ZGl2IGNsYXNzPVwicnRzZWUtZGFzaGJvYXJkLWNsaWVudC10aHVtYm5haWwtZXZlbnRcIlxuICAgICAgICAgKm5nRm9yPVwibGV0IGV2ZW50IG9mIGNsaWVudC5ldmVudHNcIj5cbiAgICAgIDxwPlxuICAgICAgICA8c3Bhbj57e2V2ZW50Lm5hbWV9fTwvc3Bhbj5cbiAgICAgICAgPHNwYW4+Jm5ic3A7PC9zcGFuPlxuICAgICAgICA8c3Bhbj57eyB0aW1lRm9ybWF0U2VydmljZS50b0FnbyhldmVudC5jcmVhdGVkQXQpIH19PC9zcGFuPlxuICAgICAgPC9wPlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJydHNlZS1kYXNoYm9hcmQtY2xpZW50LXRodW1ibmFpbC1hY3Rpb25zXCI+XG4gICAgICA8YnV0dG9uIChjbGljayk9XCJvcGVuQ2hhdCgpXCI+Q2hhdDwvYnV0dG9uPlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicnRzZWUtZXZlbnRzLWRhc2hib2FyZC1jbGllbnQtdGh1bWJuYWlsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC9zcmMvbGliL2NvbXBvbmVudHMvcnRzZWUtZXZlbnRzLWRhc2hib2FyZC9jb21wb25lbnRzL3J0c2VlLWV2ZW50cy1kYXNoYm9hcmQtY2xpZW50LXRodW1ibmFpbC9ydHNlZS1ldmVudHMtZGFzaGJvYXJkLWNsaWVudC10aHVtYm5haWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4L3NyYy9saWIvY29tcG9uZW50cy9ydHNlZS1ldmVudHMtZGFzaGJvYXJkL2NvbXBvbmVudHMvcnRzZWUtZXZlbnRzLWRhc2hib2FyZC1jbGllbnQtdGh1bWJuYWlsL3J0c2VlLWV2ZW50cy1kYXNoYm9hcmQtY2xpZW50LXRodW1ibmFpbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQzs7OztBQVl6RCxNQUFNLE9BQU8sNENBQTRDO0lBSXZELFlBQW1CLGlCQUEwQztRQUExQyxzQkFBaUIsR0FBakIsaUJBQWlCLENBQXlCO0lBQUcsQ0FBQztJQUVqRSxRQUFRO1FBQ04sT0FBTyxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDM0IsQ0FBQztJQUVELFFBQVE7UUFDTixJQUFJLENBQUMsU0FBUyxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDdkMsQ0FBQzs7eUlBWlUsNENBQTRDOzZIQUE1Qyw0Q0FBNEMseUlDWnpELG9nQ0FvQkE7MkZEUmEsNENBQTRDO2tCQUx4RCxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSw2Q0FBNkM7b0JBQ3ZELFdBQVcsRUFBRSwwREFBMEQ7b0JBQ3ZFLFNBQVMsRUFBRSxDQUFDLDBEQUEwRCxDQUFDO2lCQUN4RTs4R0FFVSxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgUlRTZWVEYXNoYm9hcmRDbGllbnQsXG4gIFJUU2VlRXZlbnRzRGFzaGJvYXJkLFxufSBmcm9tICdAcnRzZWUvZXZlbnRzLW1hbmFnZXInO1xuaW1wb3J0IHsgVGltZUZvcm1hdEhlbHBlclNlcnZpY2UgfSBmcm9tICcuLi8uLi8uLi8uLi9zZXJ2aWNlcy90aW1lLWZvcm1hdC1oZWxwZXIuc2VydmljZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ25neC1ydHNlZS1ldmVudHMtZGFzaGJvYXJkLWNsaWVudC10aHVtYm5haWwnLFxuICB0ZW1wbGF0ZVVybDogJy4vcnRzZWUtZXZlbnRzLWRhc2hib2FyZC1jbGllbnQtdGh1bWJuYWlsLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vcnRzZWUtZXZlbnRzLWRhc2hib2FyZC1jbGllbnQtdGh1bWJuYWlsLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIFJ0c2VlRXZlbnRzRGFzaGJvYXJkQ2xpZW50VGh1bWJuYWlsQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCkgZGFzaGJvYXJkITogUlRTZWVFdmVudHNEYXNoYm9hcmQ7XG4gIEBJbnB1dCgpIGNsaWVudCE6IFJUU2VlRGFzaGJvYXJkQ2xpZW50O1xuXG4gIGNvbnN0cnVjdG9yKHB1YmxpYyB0aW1lRm9ybWF0U2VydmljZTogVGltZUZvcm1hdEhlbHBlclNlcnZpY2UpIHt9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgY29uc29sZS5sb2codGhpcy5jbGllbnQpO1xuICB9XG5cbiAgb3BlbkNoYXQoKSB7XG4gICAgdGhpcy5kYXNoYm9hcmQub3BlbkNoYXQodGhpcy5jbGllbnQpO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwicnRzZWUtZGFzaGJvYXJkLWNsaWVudC10aHVtYm5haWxcIj5cbiAgPHNwYW4gY2xhc3M9XCJydHNlZS1kYXNoYm9hcmQtY2xpZW50LWlkXCIgKm5nSWY9XCJjbGllbnQubmFtZVwiPnt7IGNsaWVudC5pZCB9fTwvc3Bhbj5cbiAgPHNwYW4gY2xhc3M9XCJydHNlZS1kYXNoYm9hcmQtY2xpZW50LW5hbWVcIj57eyBjbGllbnQubmFtZSB8fCBjbGllbnQuaWQgfX08L3NwYW4+XG4gIDxkaXYgY2xhc3M9XCJydHNlZS1kYXNoYm9hcmQtY2xpZW50LWxpdmVcIiAqbmdJZj1cImNsaWVudC5pc0Nvbm5lY3RlZFwiPjwvZGl2PlxuICA8ZGl2IGNsYXNzPVwicnRzZWUtZGFzaGJvYXJkLWNsaWVudC10aHVtYm5haWwtZXZlbnRzXCI+XG4gICAgPGRldGFpbHMgKm5nSWY9XCJjbGllbnQuZXZlbnRzICYmIGNsaWVudC5ldmVudHMubGVuZ3RoXCI+XG4gICAgICA8c3VtbWFyeT5MYXN0IGV2ZW50OiB7e2NsaWVudC5ldmVudHNbMF0ubmFtZX19ICh7eyB0aW1lRm9ybWF0U2VydmljZS50b0FnbyhjbGllbnQuZXZlbnRzWzBdLmNyZWF0ZWRBdCkgfX0pPC9zdW1tYXJ5PlxuICAgICAgPHVsPlxuICAgICAgICA8bGkgKm5nRm9yPVwibGV0IGV2ZW50IG9mIGNsaWVudC5ldmVudHMuc2xpY2UoMSwgY2xpZW50LmV2ZW50cy5sZW5ndGgpXCIgY2xhc3M9XCJydHNlZS1kYXNoYm9hcmQtY2xpZW50LXRodW1ibmFpbC1ldmVudFwiPlxuICAgICAgICAgIDxzcGFuPnt7ZXZlbnQubmFtZX19PC9zcGFuPlxuICAgICAgICAgIDxzcGFuPiZuYnNwOzwvc3Bhbj5cbiAgICAgICAgICA8c3Bhbj57eyB0aW1lRm9ybWF0U2VydmljZS50b0FnbyhldmVudC5jcmVhdGVkQXQpIH19PC9zcGFuPlxuICAgICAgICA8L2xpPlxuICAgICAgPC91bD5cbiAgICA8L2RldGFpbHM+XG4gICAgPGRpdiBjbGFzcz1cInJ0c2VlLWRhc2hib2FyZC1jbGllbnQtdGh1bWJuYWlsLWFjdGlvbnNcIj5cbiAgICAgIDxidXR0b24gKGNsaWNrKT1cIm9wZW5DaGF0KClcIj5DaGF0PC9idXR0b24+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=

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

@@ -5,7 +5,7 @@ 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  <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-events-dashboard-client-thumbnails .rtsee-events-dashboard-client-thumbnail-wrapper{background-color:#fff;margin-bottom:16px}"], 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", 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"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0, type: RtseeEventsDashboardComponent, decorators: [{
             type: Component,
             args: [{

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

@@ -1,8 +1,7 @@
 import { Component, Input } from '@angular/core';
 import { FormControl, FormGroup, Validators } from '@angular/forms';
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/material/button";
-import * as i2 from "@angular/forms";
+import * as i1 from "@angular/forms";
 export class ChatInputComponent {
     constructor() {
         this.sendMessageForm = new FormGroup({
@@ -22,7 +21,7 @@ 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\">\n  <div class=\"rtsee-send-message\">\n    <form [formGroup]=\"sendMessageForm\">\n      <input placeholder=\"Type message...\" type=\"text\" formControlName=\"message\" required>\n      <button mat-raised-button\n              (click)=\"sendMessage()\"\n              class=\"rtsee-send-message-button\"\n              type=\"submit\">\n        <span>Send</span>\n      </button>\n    </form>\n  </div>\n</div>\n", styles: [""], components: [{ type: i1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { 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.FormControlName, selector: "[formControlName]", inputs: ["disabled", "formControlName", "ngModel"], outputs: ["ngModelChange"] }, { type: i2.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: "ngx-chat-input", inputs: { messenger: "messenger", chat: "chat" }, ngImport: i0, template: "<div class=\"rtsee-chat-input\">\n  <div class=\"rtsee-send-message\">\n    <form [formGroup]=\"sendMessageForm\">\n      <input placeholder=\"Type message...\" type=\"text\" formControlName=\"message\" required>\n      <button (click)=\"sendMessage()\"\n              class=\"rtsee-send-message-button\"\n              type=\"submit\">\n        <span>Send</span>\n      </button>\n    </form>\n  </div>\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: 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: [{
@@ -35,4 +34,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.2", ngImpor
             }], chat: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hhdC1pbnB1dC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gvc3JjL2xpYi9jb21wb25lbnRzL3J0c2VlLW1lc3Nlbmdlci9jaGF0LWlucHV0L2NoYXQtaW5wdXQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4L3NyYy9saWIvY29tcG9uZW50cy9ydHNlZS1tZXNzZW5nZXIvY2hhdC1pbnB1dC9jaGF0LWlucHV0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pELE9BQU8sRUFBRSxXQUFXLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7O0FBUXBFLE1BQU0sT0FBTyxrQkFBa0I7SUFML0I7UUFNRSxvQkFBZSxHQUFjLElBQUksU0FBUyxDQUFDO1lBQ3pDLG9CQUFvQjtZQUNwQixPQUFPLEVBQUUsSUFBSSxXQUFXLENBQUMsRUFBRSxFQUFFLFVBQVUsQ0FBQyxRQUFRLENBQUM7WUFDakQsbUJBQW1CO1NBQ3BCLENBQUMsQ0FBQztLQWFKO0lBUkMsV0FBVzs7UUFDVCxNQUFNLElBQUksR0FBRyxNQUFBLElBQUksQ0FBQyxlQUFlLENBQUMsR0FBRyxDQUFDLFNBQVMsQ0FBQywwQ0FBRSxLQUFlLENBQUM7UUFDbEUsSUFBSSxDQUFDLElBQUksRUFBRTtZQUNULE9BQU87U0FDUjtRQUNELElBQUksQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQzVCLE1BQUEsSUFBSSxDQUFDLGVBQWUsQ0FBQyxHQUFHLENBQUMsU0FBUyxDQUFDLDBDQUFFLFFBQVEsQ0FBQyxFQUFFLENBQUMsQ0FBQztJQUNwRCxDQUFDOzsrR0FqQlUsa0JBQWtCO21HQUFsQixrQkFBa0Isd0dDVC9CLGdjQWFBOzJGREphLGtCQUFrQjtrQkFMOUIsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsZ0JBQWdCO29CQUMxQixXQUFXLEVBQUUsNkJBQTZCO29CQUMxQyxTQUFTLEVBQUUsQ0FBQyw0QkFBNEIsQ0FBQztpQkFDMUM7OEJBUVUsU0FBUztzQkFBakIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3JtQ29udHJvbCwgRm9ybUdyb3VwLCBWYWxpZGF0b3JzIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgUlRTZWVDaGF0LCBSVFNlZU1lc3NlbmdlciB9IGZyb20gJ0BydHNlZS9tZXNzZW5nZXInO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICduZ3gtY2hhdC1pbnB1dCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9jaGF0LWlucHV0LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vY2hhdC1pbnB1dC5jb21wb25lbnQuY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIENoYXRJbnB1dENvbXBvbmVudCB7XG4gIHNlbmRNZXNzYWdlRm9ybTogRm9ybUdyb3VwID0gbmV3IEZvcm1Hcm91cCh7XG4gICAgLyogZXNsaW50LWRpc2FibGUgKi9cbiAgICBtZXNzYWdlOiBuZXcgRm9ybUNvbnRyb2woJycsIFZhbGlkYXRvcnMucmVxdWlyZWQpLFxuICAgIC8qIGVzbGludC1lbmFibGUgKi9cbiAgfSk7XG5cbiAgQElucHV0KCkgbWVzc2VuZ2VyITogUlRTZWVNZXNzZW5nZXI7XG4gIEBJbnB1dCgpIGNoYXQhOiBSVFNlZUNoYXQ7XG5cbiAgc2VuZE1lc3NhZ2UoKSB7XG4gICAgY29uc3QgdGV4dCA9IHRoaXMuc2VuZE1lc3NhZ2VGb3JtLmdldCgnbWVzc2FnZScpPy52YWx1ZSBhcyBzdHJpbmc7XG4gICAgaWYgKCF0ZXh0KSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIHRoaXMuY2hhdC5zZW5kTWVzc2FnZSh0ZXh0KTtcbiAgICB0aGlzLnNlbmRNZXNzYWdlRm9ybS5nZXQoJ21lc3NhZ2UnKT8uc2V0VmFsdWUoJycpO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwicnRzZWUtY2hhdC1pbnB1dFwiPlxuICA8ZGl2IGNsYXNzPVwicnRzZWUtc2VuZC1tZXNzYWdlXCI+XG4gICAgPGZvcm0gW2Zvcm1Hcm91cF09XCJzZW5kTWVzc2FnZUZvcm1cIj5cbiAgICAgIDxpbnB1dCBwbGFjZWhvbGRlcj1cIlR5cGUgbWVzc2FnZS4uLlwiIHR5cGU9XCJ0ZXh0XCIgZm9ybUNvbnRyb2xOYW1lPVwibWVzc2FnZVwiIHJlcXVpcmVkPlxuICAgICAgPGJ1dHRvbiBtYXQtcmFpc2VkLWJ1dHRvblxuICAgICAgICAgICAgICAoY2xpY2spPVwic2VuZE1lc3NhZ2UoKVwiXG4gICAgICAgICAgICAgIGNsYXNzPVwicnRzZWUtc2VuZC1tZXNzYWdlLWJ1dHRvblwiXG4gICAgICAgICAgICAgIHR5cGU9XCJzdWJtaXRcIj5cbiAgICAgICAgPHNwYW4+U2VuZDwvc3Bhbj5cbiAgICAgIDwvYnV0dG9uPlxuICAgIDwvZm9ybT5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hhdC1pbnB1dC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gvc3JjL2xpYi9jb21wb25lbnRzL3J0c2VlLW1lc3Nlbmdlci9jaGF0LWlucHV0L2NoYXQtaW5wdXQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4L3NyYy9saWIvY29tcG9uZW50cy9ydHNlZS1tZXNzZW5nZXIvY2hhdC1pbnB1dC9jaGF0LWlucHV0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pELE9BQU8sRUFBRSxXQUFXLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7QUFRcEUsTUFBTSxPQUFPLGtCQUFrQjtJQUwvQjtRQU1FLG9CQUFlLEdBQWMsSUFBSSxTQUFTLENBQUM7WUFDekMsb0JBQW9CO1lBQ3BCLE9BQU8sRUFBRSxJQUFJLFdBQVcsQ0FBQyxFQUFFLEVBQUUsVUFBVSxDQUFDLFFBQVEsQ0FBQztZQUNqRCxtQkFBbUI7U0FDcEIsQ0FBQyxDQUFDO0tBYUo7SUFSQyxXQUFXOztRQUNULE1BQU0sSUFBSSxHQUFHLE1BQUEsSUFBSSxDQUFDLGVBQWUsQ0FBQyxHQUFHLENBQUMsU0FBUyxDQUFDLDBDQUFFLEtBQWUsQ0FBQztRQUNsRSxJQUFJLENBQUMsSUFBSSxFQUFFO1lBQ1QsT0FBTztTQUNSO1FBQ0QsSUFBSSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDNUIsTUFBQSxJQUFJLENBQUMsZUFBZSxDQUFDLEdBQUcsQ0FBQyxTQUFTLENBQUMsMENBQUUsUUFBUSxDQUFDLEVBQUUsQ0FBQyxDQUFDO0lBQ3BELENBQUM7OytHQWpCVSxrQkFBa0I7bUdBQWxCLGtCQUFrQix3R0NUL0IsK1pBWUE7MkZESGEsa0JBQWtCO2tCQUw5QixTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxnQkFBZ0I7b0JBQzFCLFdBQVcsRUFBRSw2QkFBNkI7b0JBQzFDLFNBQVMsRUFBRSxDQUFDLDRCQUE0QixDQUFDO2lCQUMxQzs4QkFRVSxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvcm1Db250cm9sLCBGb3JtR3JvdXAsIFZhbGlkYXRvcnMgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBSVFNlZUNoYXQsIFJUU2VlTWVzc2VuZ2VyIH0gZnJvbSAnQHJ0c2VlL21lc3Nlbmdlcic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ25neC1jaGF0LWlucHV0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NoYXQtaW5wdXQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jaGF0LWlucHV0LmNvbXBvbmVudC5jc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgQ2hhdElucHV0Q29tcG9uZW50IHtcbiAgc2VuZE1lc3NhZ2VGb3JtOiBGb3JtR3JvdXAgPSBuZXcgRm9ybUdyb3VwKHtcbiAgICAvKiBlc2xpbnQtZGlzYWJsZSAqL1xuICAgIG1lc3NhZ2U6IG5ldyBGb3JtQ29udHJvbCgnJywgVmFsaWRhdG9ycy5yZXF1aXJlZCksXG4gICAgLyogZXNsaW50LWVuYWJsZSAqL1xuICB9KTtcblxuICBASW5wdXQoKSBtZXNzZW5nZXIhOiBSVFNlZU1lc3NlbmdlcjtcbiAgQElucHV0KCkgY2hhdCE6IFJUU2VlQ2hhdDtcblxuICBzZW5kTWVzc2FnZSgpIHtcbiAgICBjb25zdCB0ZXh0ID0gdGhpcy5zZW5kTWVzc2FnZUZvcm0uZ2V0KCdtZXNzYWdlJyk/LnZhbHVlIGFzIHN0cmluZztcbiAgICBpZiAoIXRleHQpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgdGhpcy5jaGF0LnNlbmRNZXNzYWdlKHRleHQpO1xuICAgIHRoaXMuc2VuZE1lc3NhZ2VGb3JtLmdldCgnbWVzc2FnZScpPy5zZXRWYWx1ZSgnJyk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJydHNlZS1jaGF0LWlucHV0XCI+XG4gIDxkaXYgY2xhc3M9XCJydHNlZS1zZW5kLW1lc3NhZ2VcIj5cbiAgICA8Zm9ybSBbZm9ybUdyb3VwXT1cInNlbmRNZXNzYWdlRm9ybVwiPlxuICAgICAgPGlucHV0IHBsYWNlaG9sZGVyPVwiVHlwZSBtZXNzYWdlLi4uXCIgdHlwZT1cInRleHRcIiBmb3JtQ29udHJvbE5hbWU9XCJtZXNzYWdlXCIgcmVxdWlyZWQ+XG4gICAgICA8YnV0dG9uIChjbGljayk9XCJzZW5kTWVzc2FnZSgpXCJcbiAgICAgICAgICAgICAgY2xhc3M9XCJydHNlZS1zZW5kLW1lc3NhZ2UtYnV0dG9uXCJcbiAgICAgICAgICAgICAgdHlwZT1cInN1Ym1pdFwiPlxuICAgICAgICA8c3Bhbj5TZW5kPC9zcGFuPlxuICAgICAgPC9idXR0b24+XG4gICAgPC9mb3JtPlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19

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

@@ -3,7 +3,7 @@ import * as i0 from "@angular/core";
 export class ChatThumbnailComponent {
 }
 ChatThumbnailComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0, type: ChatThumbnailComponent, deps: [], 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\">\n  </div>\n  <p class=\"rtsee-chat-thumbnail-name\">{{ chat.name }}</p>\n  <p class=\"rtsee-chat-thumbnail-last-message\"> {{ chat.getLastSenderName() }} </p>\n  <p class=\"rtsee-chat-thumbnail-last-message\"> {{ chat.getLastSentMessageText() }} </p>\n</div>\n", styles: [""] });
+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=\"chat-info\">\n    <div class=\"rtsee-chat-thumbnail-image\">\n      <img [src]=\"chat.imageUrl\" alt=\"chat-img\">\n    </div>\n    <p class=\"rtsee-chat-thumbnail-name\">{{ chat.name }}</p>\n  </div>\n  <div class=\"last-message\">\n    <p class=\"rtsee-chat-thumbnail-last-message\">{{chat.getLastSenderName()}} {{chat.getLastSentMessageText()}}</p>\n  </div>\n</div>\n", styles: [""] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0, type: ChatThumbnailComponent, decorators: [{
             type: Component,
             args: [{
@@ -16,4 +16,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.2", ngImpor
             }], messenger: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hhdC10aHVtYm5haWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4L3NyYy9saWIvY29tcG9uZW50cy9ydHNlZS1tZXNzZW5nZXIvY2hhdC10aHVtYm5haWwvY2hhdC10aHVtYm5haWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4L3NyYy9saWIvY29tcG9uZW50cy9ydHNlZS1tZXNzZW5nZXIvY2hhdC10aHVtYm5haWwvY2hhdC10aHVtYm5haWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBUWpELE1BQU0sT0FBTyxzQkFBc0I7O21IQUF0QixzQkFBc0I7dUdBQXRCLHNCQUFzQiw0R0NSbkMsaWFBUUE7MkZEQWEsc0JBQXNCO2tCQUxsQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxvQkFBb0I7b0JBQzlCLFdBQVcsRUFBRSxpQ0FBaUM7b0JBQzlDLFNBQVMsRUFBRSxDQUFDLGdDQUFnQyxDQUFDO2lCQUM5Qzs4QkFFVSxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFJUU2VlQ2hhdCwgUlRTZWVNZXNzZW5nZXIgfSBmcm9tICdAcnRzZWUvbWVzc2VuZ2VyJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbmd4LWNoYXQtdGh1bWJuYWlsJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NoYXQtdGh1bWJuYWlsLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vY2hhdC10aHVtYm5haWwuY29tcG9uZW50LmNzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBDaGF0VGh1bWJuYWlsQ29tcG9uZW50IHtcbiAgQElucHV0KCkgY2hhdCE6IFJUU2VlQ2hhdDtcbiAgQElucHV0KCkgbWVzc2VuZ2VyITogUlRTZWVNZXNzZW5nZXI7XG59XG4iLCI8ZGl2IGNsYXNzPVwicnRzZWUtY2hhdC10aHVtYm5haWxcIiAoY2xpY2spPVwibWVzc2VuZ2VyLm9wZW5DaGF0KGNoYXQpXCI+XG4gIDxkaXYgY2xhc3M9XCJydHNlZS1jaGF0LXRodW1ibmFpbC1pbWFnZVwiPlxuICAgIDxpbWcgW3NyY109XCJjaGF0LmltYWdlVXJsXCI+XG4gIDwvZGl2PlxuICA8cCBjbGFzcz1cInJ0c2VlLWNoYXQtdGh1bWJuYWlsLW5hbWVcIj57eyBjaGF0Lm5hbWUgfX08L3A+XG4gIDxwIGNsYXNzPVwicnRzZWUtY2hhdC10aHVtYm5haWwtbGFzdC1tZXNzYWdlXCI+IHt7IGNoYXQuZ2V0TGFzdFNlbmRlck5hbWUoKSB9fSA8L3A+XG4gIDxwIGNsYXNzPVwicnRzZWUtY2hhdC10aHVtYm5haWwtbGFzdC1tZXNzYWdlXCI+IHt7IGNoYXQuZ2V0TGFzdFNlbnRNZXNzYWdlVGV4dCgpIH19IDwvcD5cbjwvZGl2PlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hhdC10aHVtYm5haWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4L3NyYy9saWIvY29tcG9uZW50cy9ydHNlZS1tZXNzZW5nZXIvY2hhdC10aHVtYm5haWwvY2hhdC10aHVtYm5haWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4L3NyYy9saWIvY29tcG9uZW50cy9ydHNlZS1tZXNzZW5nZXIvY2hhdC10aHVtYm5haWwvY2hhdC10aHVtYm5haWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBUWpELE1BQU0sT0FBTyxzQkFBc0I7O21IQUF0QixzQkFBc0I7dUdBQXRCLHNCQUFzQiw0R0NSbkMsK2NBV0E7MkZESGEsc0JBQXNCO2tCQUxsQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxvQkFBb0I7b0JBQzlCLFdBQVcsRUFBRSxpQ0FBaUM7b0JBQzlDLFNBQVMsRUFBRSxDQUFDLGdDQUFnQyxDQUFDO2lCQUM5Qzs4QkFFVSxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFJUU2VlQ2hhdCwgUlRTZWVNZXNzZW5nZXIgfSBmcm9tICdAcnRzZWUvbWVzc2VuZ2VyJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbmd4LWNoYXQtdGh1bWJuYWlsJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NoYXQtdGh1bWJuYWlsLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vY2hhdC10aHVtYm5haWwuY29tcG9uZW50LmNzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBDaGF0VGh1bWJuYWlsQ29tcG9uZW50IHtcbiAgQElucHV0KCkgY2hhdCE6IFJUU2VlQ2hhdDtcbiAgQElucHV0KCkgbWVzc2VuZ2VyITogUlRTZWVNZXNzZW5nZXI7XG59XG4iLCI8ZGl2IGNsYXNzPVwicnRzZWUtY2hhdC10aHVtYm5haWxcIiAoY2xpY2spPVwibWVzc2VuZ2VyLm9wZW5DaGF0KGNoYXQpXCI+XG4gIDxkaXYgY2xhc3M9XCJjaGF0LWluZm9cIj5cbiAgICA8ZGl2IGNsYXNzPVwicnRzZWUtY2hhdC10aHVtYm5haWwtaW1hZ2VcIj5cbiAgICAgIDxpbWcgW3NyY109XCJjaGF0LmltYWdlVXJsXCIgYWx0PVwiY2hhdC1pbWdcIj5cbiAgICA8L2Rpdj5cbiAgICA8cCBjbGFzcz1cInJ0c2VlLWNoYXQtdGh1bWJuYWlsLW5hbWVcIj57eyBjaGF0Lm5hbWUgfX08L3A+XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwibGFzdC1tZXNzYWdlXCI+XG4gICAgPHAgY2xhc3M9XCJydHNlZS1jaGF0LXRodW1ibmFpbC1sYXN0LW1lc3NhZ2VcIj57e2NoYXQuZ2V0TGFzdFNlbmRlck5hbWUoKX19IHt7Y2hhdC5nZXRMYXN0U2VudE1lc3NhZ2VUZXh0KCl9fTwvcD5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==

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

@@ -1,9 +1,10 @@
 import { Component, Input } from '@angular/core';
 import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
 export class MessageComponent {
 }
 MessageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0, type: MessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-MessageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.2", type: MessageComponent, selector: "ngx-message", inputs: { message: "message", member: "member" }, ngImport: i0, template: "<div class=\"rtsee-messenger-message\">\n  <p>{{ message.text }}</p>\n</div>\n", styles: [""] });
+MessageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.2", type: MessageComponent, selector: "ngx-message", inputs: { chat: "chat", message: "message", member: "member" }, ngImport: i0, template: "<div class=\"rtsee-message-container\" [ngClass]=\"{'rtsee-from-me': message.from !== chat.receiverId}\">\n  <div class=\"rtsee-messenger-message\">\n    <p>{{ message.text }}</p>\n  </div>\n</div>\n", styles: [""], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0, type: MessageComponent, decorators: [{
             type: Component,
             args: [{
@@ -11,9 +12,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.2", ngImpor
                     templateUrl: './message.component.html',
                     styleUrls: ['./message.component.css'],
                 }]
-        }], propDecorators: { message: [{
+        }], propDecorators: { chat: [{
+                type: Input
+            }], message: [{
                 type: Input
             }], member: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVzc2FnZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gvc3JjL2xpYi9jb21wb25lbnRzL3J0c2VlLW1lc3Nlbmdlci9tZXNzYWdlL21lc3NhZ2UuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4L3NyYy9saWIvY29tcG9uZW50cy9ydHNlZS1tZXNzZW5nZXIvbWVzc2FnZS9tZXNzYWdlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQVFqRCxNQUFNLE9BQU8sZ0JBQWdCOzs2R0FBaEIsZ0JBQWdCO2lHQUFoQixnQkFBZ0IscUdDUjdCLGdGQUdBOzJGREthLGdCQUFnQjtrQkFMNUIsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsYUFBYTtvQkFDdkIsV0FBVyxFQUFFLDBCQUEwQjtvQkFDdkMsU0FBUyxFQUFFLENBQUMseUJBQXlCLENBQUM7aUJBQ3ZDOzhCQUVVLE9BQU87c0JBQWYsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBSVFNlZUNoYXRNZW1iZXIsIFJUU2VlTWVzc2FnZSB9IGZyb20gJ0BydHNlZS9tZXNzZW5nZXInO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICduZ3gtbWVzc2FnZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9tZXNzYWdlLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vbWVzc2FnZS5jb21wb25lbnQuY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIE1lc3NhZ2VDb21wb25lbnQge1xuICBASW5wdXQoKSBtZXNzYWdlITogUlRTZWVNZXNzYWdlO1xuICBASW5wdXQoKSBtZW1iZXIhOiBSVFNlZUNoYXRNZW1iZXI8YW55Pjtcbn1cbiIsIjxkaXYgY2xhc3M9XCJydHNlZS1tZXNzZW5nZXItbWVzc2FnZVwiPlxuICA8cD57eyBtZXNzYWdlLnRleHQgfX08L3A+XG48L2Rpdj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVzc2FnZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gvc3JjL2xpYi9jb21wb25lbnRzL3J0c2VlLW1lc3Nlbmdlci9tZXNzYWdlL21lc3NhZ2UuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4L3NyYy9saWIvY29tcG9uZW50cy9ydHNlZS1tZXNzZW5nZXIvbWVzc2FnZS9tZXNzYWdlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFRakQsTUFBTSxPQUFPLGdCQUFnQjs7NkdBQWhCLGdCQUFnQjtpR0FBaEIsZ0JBQWdCLG1IQ1I3Qix5TUFLQTsyRkRHYSxnQkFBZ0I7a0JBTDVCLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGFBQWE7b0JBQ3ZCLFdBQVcsRUFBRSwwQkFBMEI7b0JBQ3ZDLFNBQVMsRUFBRSxDQUFDLHlCQUF5QixDQUFDO2lCQUN2Qzs4QkFFVSxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFJUU2VlQ2hhdCwgUlRTZWVDaGF0TWVtYmVyLCBSVFNlZU1lc3NhZ2UgfSBmcm9tICdAcnRzZWUvbWVzc2VuZ2VyJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbmd4LW1lc3NhZ2UnLFxuICB0ZW1wbGF0ZVVybDogJy4vbWVzc2FnZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL21lc3NhZ2UuY29tcG9uZW50LmNzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBNZXNzYWdlQ29tcG9uZW50IHtcbiAgQElucHV0KCkgY2hhdCE6IFJUU2VlQ2hhdDtcbiAgQElucHV0KCkgbWVzc2FnZSE6IFJUU2VlTWVzc2FnZTtcbiAgQElucHV0KCkgbWVtYmVyITogUlRTZWVDaGF0TWVtYmVyPGFueT47XG59XG4iLCI8ZGl2IGNsYXNzPVwicnRzZWUtbWVzc2FnZS1jb250YWluZXJcIiBbbmdDbGFzc109XCJ7J3J0c2VlLWZyb20tbWUnOiBtZXNzYWdlLmZyb20gIT09IGNoYXQucmVjZWl2ZXJJZH1cIj5cbiAgPGRpdiBjbGFzcz1cInJ0c2VlLW1lc3Nlbmdlci1tZXNzYWdlXCI+XG4gICAgPHA+e3sgbWVzc2FnZS50ZXh0IH19PC9wPlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19

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

@@ -5,7 +5,7 @@ import * as i2 from "@angular/common";
 export class MessagesListComponent {
 }
 MessagesListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0, type: MessagesListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-MessagesListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.2", type: MessagesListComponent, selector: "ngx-messages-list", inputs: { chat: "chat", messenger: "messenger" }, ngImport: i0, template: "<div class=\"rtsee-messenger-messages-list\">\n  <div class=\"rtsee-messenger-message\" *ngFor=\"let message of chat.messages\">\n    <ngx-message [message]=\"message\"></ngx-message>\n  </div>\n</div>\n", styles: [""], components: [{ type: i1.MessageComponent, selector: "ngx-message", inputs: ["message", "member"] }], directives: [{ type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+MessagesListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.2", type: MessagesListComponent, selector: "ngx-messages-list", inputs: { chat: "chat", messenger: "messenger" }, ngImport: i0, template: "<div class=\"rtsee-messenger-messages-list\">\n  <div class=\"rtsee-messenger-message-wrapper\" *ngFor=\"let message of chat.messages\">\n    <ngx-message [message]=\"message\" [chat]=\"chat\"></ngx-message>\n  </div>\n</div>\n", styles: [""], components: [{ type: i1.MessageComponent, selector: "ngx-message", inputs: ["chat", "message", "member"] }], directives: [{ type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0, type: MessagesListComponent, decorators: [{
             type: Component,
             args: [{
@@ -18,4 +18,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.2", ngImpor
             }], messenger: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVzc2FnZXMtbGlzdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gvc3JjL2xpYi9jb21wb25lbnRzL3J0c2VlLW1lc3Nlbmdlci9tZXNzYWdlcy1saXN0L21lc3NhZ2VzLWxpc3QuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4L3NyYy9saWIvY29tcG9uZW50cy9ydHNlZS1tZXNzZW5nZXIvbWVzc2FnZXMtbGlzdC9tZXNzYWdlcy1saXN0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7O0FBUWpELE1BQU0sT0FBTyxxQkFBcUI7O2tIQUFyQixxQkFBcUI7c0dBQXJCLHFCQUFxQiwyR0NSbEMsNk1BS0E7MkZER2EscUJBQXFCO2tCQUxqQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxtQkFBbUI7b0JBQzdCLFdBQVcsRUFBRSxnQ0FBZ0M7b0JBQzdDLFNBQVMsRUFBRSxDQUFDLCtCQUErQixDQUFDO2lCQUM3Qzs4QkFFVSxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFJUU2VlQ2hhdCwgUlRTZWVNZXNzZW5nZXIgfSBmcm9tICdAcnRzZWUvbWVzc2VuZ2VyJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbmd4LW1lc3NhZ2VzLWxpc3QnLFxuICB0ZW1wbGF0ZVVybDogJy4vbWVzc2FnZXMtbGlzdC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL21lc3NhZ2VzLWxpc3QuY29tcG9uZW50LmNzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBNZXNzYWdlc0xpc3RDb21wb25lbnQge1xuICBASW5wdXQoKSBjaGF0ITogUlRTZWVDaGF0O1xuICBASW5wdXQoKSBtZXNzZW5nZXIhOiBSVFNlZU1lc3Nlbmdlcjtcbn1cbiIsIjxkaXYgY2xhc3M9XCJydHNlZS1tZXNzZW5nZXItbWVzc2FnZXMtbGlzdFwiPlxuICA8ZGl2IGNsYXNzPVwicnRzZWUtbWVzc2VuZ2VyLW1lc3NhZ2VcIiAqbmdGb3I9XCJsZXQgbWVzc2FnZSBvZiBjaGF0Lm1lc3NhZ2VzXCI+XG4gICAgPG5neC1tZXNzYWdlIFttZXNzYWdlXT1cIm1lc3NhZ2VcIj48L25neC1tZXNzYWdlPlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVzc2FnZXMtbGlzdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gvc3JjL2xpYi9jb21wb25lbnRzL3J0c2VlLW1lc3Nlbmdlci9tZXNzYWdlcy1saXN0L21lc3NhZ2VzLWxpc3QuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4L3NyYy9saWIvY29tcG9uZW50cy9ydHNlZS1tZXNzZW5nZXIvbWVzc2FnZXMtbGlzdC9tZXNzYWdlcy1saXN0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7O0FBUWpELE1BQU0sT0FBTyxxQkFBcUI7O2tIQUFyQixxQkFBcUI7c0dBQXJCLHFCQUFxQiwyR0NSbEMscU9BS0E7MkZER2EscUJBQXFCO2tCQUxqQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxtQkFBbUI7b0JBQzdCLFdBQVcsRUFBRSxnQ0FBZ0M7b0JBQzdDLFNBQVMsRUFBRSxDQUFDLCtCQUErQixDQUFDO2lCQUM3Qzs4QkFFVSxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFJUU2VlQ2hhdCwgUlRTZWVNZXNzZW5nZXIgfSBmcm9tICdAcnRzZWUvbWVzc2VuZ2VyJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbmd4LW1lc3NhZ2VzLWxpc3QnLFxuICB0ZW1wbGF0ZVVybDogJy4vbWVzc2FnZXMtbGlzdC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL21lc3NhZ2VzLWxpc3QuY29tcG9uZW50LmNzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBNZXNzYWdlc0xpc3RDb21wb25lbnQge1xuICBASW5wdXQoKSBjaGF0ITogUlRTZWVDaGF0O1xuICBASW5wdXQoKSBtZXNzZW5nZXIhOiBSVFNlZU1lc3Nlbmdlcjtcbn1cbiIsIjxkaXYgY2xhc3M9XCJydHNlZS1tZXNzZW5nZXItbWVzc2FnZXMtbGlzdFwiPlxuICA8ZGl2IGNsYXNzPVwicnRzZWUtbWVzc2VuZ2VyLW1lc3NhZ2Utd3JhcHBlclwiICpuZ0Zvcj1cImxldCBtZXNzYWdlIG9mIGNoYXQubWVzc2FnZXNcIj5cbiAgICA8bmd4LW1lc3NhZ2UgW21lc3NhZ2VdPVwibWVzc2FnZVwiIFtjaGF0XT1cImNoYXRcIj48L25neC1tZXNzYWdlPlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19

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

@@ -4,7 +4,7 @@ import * as i1 from "@angular/common";
 export class MessengerHeaderComponent {
 }
 MessengerHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0, type: MessengerHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-MessengerHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.2", type: MessengerHeaderComponent, selector: "ngx-messenger-header", inputs: { messenger: "messenger" }, ngImport: i0, template: "<div class=\"rtsee-messenger-header\">\n  <button *ngIf=\"messenger.openedChat\" (click)=\"messenger.closeChat()\">Back</button>\n  <p class=\"title\" *ngIf=\"!messenger.openedChat\">Wessenger</p>\n  <p class=\"title\" *ngIf=\"messenger.openedChat\">{{ messenger.openedChat.name }}</p>\n</div>\n", styles: [""], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+MessengerHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.2", type: MessengerHeaderComponent, selector: "ngx-messenger-header", inputs: { messenger: "messenger" }, ngImport: i0, template: "<div class=\"rtsee-messenger-header\" [ngClass]=\"{ 'chat-header': messenger.openedChat }\">\n  <button *ngIf=\"messenger.openedChat\" (click)=\"messenger.closeChat()\"><span>&#8592;</span></button>\n  <p class=\"title\" *ngIf=\"!messenger.openedChat\">Wessenger</p>\n  <p class=\"title\" *ngIf=\"messenger.openedChat\">{{ messenger.openedChat.name }}</p>\n</div>\n", styles: [""], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0, type: MessengerHeaderComponent, decorators: [{
             type: Component,
             args: [{
@@ -15,4 +15,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.2", ngImpor
         }], propDecorators: { messenger: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVzc2VuZ2VyLWhlYWRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gvc3JjL2xpYi9jb21wb25lbnRzL3J0c2VlLW1lc3Nlbmdlci9tZXNzZW5nZXItaGVhZGVyL21lc3Nlbmdlci1oZWFkZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4L3NyYy9saWIvY29tcG9uZW50cy9ydHNlZS1tZXNzZW5nZXIvbWVzc2VuZ2VyLWhlYWRlci9tZXNzZW5nZXItaGVhZGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFRakQsTUFBTSxPQUFPLHdCQUF3Qjs7cUhBQXhCLHdCQUF3Qjt5R0FBeEIsd0JBQXdCLGdHQ1JyQyx5U0FLQTsyRkRHYSx3QkFBd0I7a0JBTHBDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLHNCQUFzQjtvQkFDaEMsV0FBVyxFQUFFLG1DQUFtQztvQkFDaEQsU0FBUyxFQUFFLENBQUMsa0NBQWtDLENBQUM7aUJBQ2hEOzhCQUVVLFNBQVM7c0JBQWpCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBSVFNlZU1lc3NlbmdlciB9IGZyb20gJ0BydHNlZS9tZXNzZW5nZXInO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICduZ3gtbWVzc2VuZ2VyLWhlYWRlcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9tZXNzZW5nZXItaGVhZGVyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vbWVzc2VuZ2VyLWhlYWRlci5jb21wb25lbnQuY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIE1lc3NlbmdlckhlYWRlckNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIG1lc3NlbmdlciE6IFJUU2VlTWVzc2VuZ2VyO1xufVxuIiwiPGRpdiBjbGFzcz1cInJ0c2VlLW1lc3Nlbmdlci1oZWFkZXJcIj5cbiAgPGJ1dHRvbiAqbmdJZj1cIm1lc3Nlbmdlci5vcGVuZWRDaGF0XCIgKGNsaWNrKT1cIm1lc3Nlbmdlci5jbG9zZUNoYXQoKVwiPkJhY2s8L2J1dHRvbj5cbiAgPHAgY2xhc3M9XCJ0aXRsZVwiICpuZ0lmPVwiIW1lc3Nlbmdlci5vcGVuZWRDaGF0XCI+V2Vzc2VuZ2VyPC9wPlxuICA8cCBjbGFzcz1cInRpdGxlXCIgKm5nSWY9XCJtZXNzZW5nZXIub3BlbmVkQ2hhdFwiPnt7IG1lc3Nlbmdlci5vcGVuZWRDaGF0Lm5hbWUgfX08L3A+XG48L2Rpdj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVzc2VuZ2VyLWhlYWRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gvc3JjL2xpYi9jb21wb25lbnRzL3J0c2VlLW1lc3Nlbmdlci9tZXNzZW5nZXItaGVhZGVyL21lc3Nlbmdlci1oZWFkZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4L3NyYy9saWIvY29tcG9uZW50cy9ydHNlZS1tZXNzZW5nZXIvbWVzc2VuZ2VyLWhlYWRlci9tZXNzZW5nZXItaGVhZGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFRakQsTUFBTSxPQUFPLHdCQUF3Qjs7cUhBQXhCLHdCQUF3Qjt5R0FBeEIsd0JBQXdCLGdHQ1JyQywrV0FLQTsyRkRHYSx3QkFBd0I7a0JBTHBDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLHNCQUFzQjtvQkFDaEMsV0FBVyxFQUFFLG1DQUFtQztvQkFDaEQsU0FBUyxFQUFFLENBQUMsa0NBQWtDLENBQUM7aUJBQ2hEOzhCQUVVLFNBQVM7c0JBQWpCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBSVFNlZU1lc3NlbmdlciB9IGZyb20gJ0BydHNlZS9tZXNzZW5nZXInO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICduZ3gtbWVzc2VuZ2VyLWhlYWRlcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9tZXNzZW5nZXItaGVhZGVyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vbWVzc2VuZ2VyLWhlYWRlci5jb21wb25lbnQuY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIE1lc3NlbmdlckhlYWRlckNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIG1lc3NlbmdlciE6IFJUU2VlTWVzc2VuZ2VyO1xufVxuIiwiPGRpdiBjbGFzcz1cInJ0c2VlLW1lc3Nlbmdlci1oZWFkZXJcIiBbbmdDbGFzc109XCJ7ICdjaGF0LWhlYWRlcic6IG1lc3Nlbmdlci5vcGVuZWRDaGF0IH1cIj5cbiAgPGJ1dHRvbiAqbmdJZj1cIm1lc3Nlbmdlci5vcGVuZWRDaGF0XCIgKGNsaWNrKT1cIm1lc3Nlbmdlci5jbG9zZUNoYXQoKVwiPjxzcGFuPiYjODU5Mjs8L3NwYW4+PC9idXR0b24+XG4gIDxwIGNsYXNzPVwidGl0bGVcIiAqbmdJZj1cIiFtZXNzZW5nZXIub3BlbmVkQ2hhdFwiPldlc3NlbmdlcjwvcD5cbiAgPHAgY2xhc3M9XCJ0aXRsZVwiICpuZ0lmPVwibWVzc2VuZ2VyLm9wZW5lZENoYXRcIj57eyBtZXNzZW5nZXIub3BlbmVkQ2hhdC5uYW1lIH19PC9wPlxuPC9kaXY+XG4iXX0=

package/dist/ngx/fesm2015/rtsee-ngx.js

@@ -6,7 +6,7 @@ import * as i2 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i3 from '@angular/material/form-field';
 import { MatFormFieldModule } from '@angular/material/form-field';
-import * as i2$1 from '@angular/forms';
+import * as i1$1 from '@angular/forms';
 import { FormGroup, FormControl, Validators, ReactiveFormsModule } from '@angular/forms';
 import { interval } from 'rxjs';
 import * as dayjs from 'dayjs';
@@ -75,7 +75,7 @@ class RtseeSettingsComponent {
     }
 }
 RtseeSettingsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0, type: RtseeSettingsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-RtseeSettingsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.2", type: RtseeSettingsComponent, selector: "ngx-rtsee-settings", inputs: { rtSee: "rtSee", fullScreenMode: "fullScreenMode" }, ngImport: i0, template: "<div class=\"rtsee-settings\" [ngClass]=\"{'rtsee-full-screen-settings' : fullScreenMode}\">\n  <div class=\"rtsee-devices\">\n    <div class=\"rtsee-device-select-wrapper\">\n      <label class=\"rtsee-select-label\" for=\"audio-input\">Audio Input:</label>\n      <select class=\"rtsee-select\" id=\"audio-input\" (click)=\"refreshSelectOptions()\">\n        <option *ngFor=\"let device of rtSee.audioInputDevices\" [value]=\"device.deviceId\" (click)=\"setAudioInput(device.deviceId)\">\n          {{device.label}}\n        </option>\n      </select>\n    </div>\n    <div class=\"rtsee-device-select-wrapper\">\n      <label class=\"rtsee-select-label\" for=\"audio-output\">Audio Output:</label>\n      <select class=\"rtsee-select\" id=\"audio-output\" (click)=\"refreshSelectOptions()\">\n        <option *ngFor=\"let device of rtSee.audioOutputDevices\" [value]=\"device.deviceId\" (click)=\"setAudioOutput(device.deviceId)\">\n          {{device.label}}\n        </option>\n      </select>\n    </div>\n    <div class=\"rtsee-device-select-wrapper\">\n      <label class=\"rtsee-select-label\" for=\"video-input\">Video Input:</label>\n      <select class=\"rtsee-select\" id=\"video-input\" (click)=\"refreshSelectOptions()\">\n        <option *ngFor=\"let device of rtSee.videoInputDevices\" [value]=\"device.deviceId\" (click)=\"setVideoInput(device.deviceId)\">\n          {{device.label}}\n        </option>\n      </select>\n    </div>\n  </div>\n</div>\n", styles: [".rtsee-settings{box-sizing:border-box;background-color:#404040;border-bottom:1px solid;max-height:180px;padding:16px 0;overflow:auto;color:#fff}.rtsee-settings .rtsee-device-select-wrapper{padding:0 10px}.rtsee-settings .rtsee-device-select-wrapper .rtsee-select-label{font-family:monospace;display:inline-block;margin:8px}.rtsee-settings.rtsee-full-screen-settings{max-height:unset;overflow:unset}"], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i2$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }] });
+RtseeSettingsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.2", type: RtseeSettingsComponent, selector: "ngx-rtsee-settings", inputs: { rtSee: "rtSee", fullScreenMode: "fullScreenMode" }, ngImport: i0, template: "<div class=\"rtsee-settings\" [ngClass]=\"{'rtsee-full-screen-settings' : fullScreenMode}\">\n  <div class=\"rtsee-devices\">\n    <div class=\"rtsee-device-select-wrapper\">\n      <label class=\"rtsee-select-label\" for=\"audio-input\">Audio Input:</label>\n      <select class=\"rtsee-select\" id=\"audio-input\" (click)=\"refreshSelectOptions()\">\n        <option *ngFor=\"let device of rtSee.audioInputDevices\" [value]=\"device.deviceId\" (click)=\"setAudioInput(device.deviceId)\">\n          {{device.label}}\n        </option>\n      </select>\n    </div>\n    <div class=\"rtsee-device-select-wrapper\">\n      <label class=\"rtsee-select-label\" for=\"audio-output\">Audio Output:</label>\n      <select class=\"rtsee-select\" id=\"audio-output\" (click)=\"refreshSelectOptions()\">\n        <option *ngFor=\"let device of rtSee.audioOutputDevices\" [value]=\"device.deviceId\" (click)=\"setAudioOutput(device.deviceId)\">\n          {{device.label}}\n        </option>\n      </select>\n    </div>\n    <div class=\"rtsee-device-select-wrapper\">\n      <label class=\"rtsee-select-label\" for=\"video-input\">Video Input:</label>\n      <select class=\"rtsee-select\" id=\"video-input\" (click)=\"refreshSelectOptions()\">\n        <option *ngFor=\"let device of rtSee.videoInputDevices\" [value]=\"device.deviceId\" (click)=\"setVideoInput(device.deviceId)\">\n          {{device.label}}\n        </option>\n      </select>\n    </div>\n  </div>\n</div>\n", styles: [".rtsee-settings{box-sizing:border-box;background-color:#404040;border-bottom:1px solid;max-height:180px;padding:16px 0;overflow:auto;color:#fff}.rtsee-settings .rtsee-device-select-wrapper{padding:0 10px}.rtsee-settings .rtsee-device-select-wrapper .rtsee-select-label{font-family:monospace;display:inline-block;margin:8px}.rtsee-settings.rtsee-full-screen-settings{max-height:unset;overflow:unset}"], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i1$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0, type: RtseeSettingsComponent, decorators: [{
             type: Component,
             args: [{
@@ -203,7 +203,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.2", ngImpor
 class MessengerHeaderComponent {
 }
 MessengerHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0, type: MessengerHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-MessengerHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.2", type: MessengerHeaderComponent, selector: "ngx-messenger-header", inputs: { messenger: "messenger" }, ngImport: i0, template: "<div class=\"rtsee-messenger-header\">\n  <button *ngIf=\"messenger.openedChat\" (click)=\"messenger.closeChat()\">Back</button>\n  <p class=\"title\" *ngIf=\"!messenger.openedChat\">Wessenger</p>\n  <p class=\"title\" *ngIf=\"messenger.openedChat\">{{ messenger.openedChat.name }}</p>\n</div>\n", styles: [""], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+MessengerHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.2", type: MessengerHeaderComponent, selector: "ngx-messenger-header", inputs: { messenger: "messenger" }, ngImport: i0, template: "<div class=\"rtsee-messenger-header\" [ngClass]=\"{ 'chat-header': messenger.openedChat }\">\n  <button *ngIf=\"messenger.openedChat\" (click)=\"messenger.closeChat()\"><span>&#8592;</span></button>\n  <p class=\"title\" *ngIf=\"!messenger.openedChat\">Wessenger</p>\n  <p class=\"title\" *ngIf=\"messenger.openedChat\">{{ messenger.openedChat.name }}</p>\n</div>\n", styles: [""], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0, type: MessengerHeaderComponent, decorators: [{
             type: Component,
             args: [{
@@ -218,7 +218,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.2", ngImpor
 class ChatThumbnailComponent {
 }
 ChatThumbnailComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0, type: ChatThumbnailComponent, deps: [], 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\">\n  </div>\n  <p class=\"rtsee-chat-thumbnail-name\">{{ chat.name }}</p>\n  <p class=\"rtsee-chat-thumbnail-last-message\"> {{ chat.getLastSenderName() }} </p>\n  <p class=\"rtsee-chat-thumbnail-last-message\"> {{ chat.getLastSentMessageText() }} </p>\n</div>\n", styles: [""] });
+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=\"chat-info\">\n    <div class=\"rtsee-chat-thumbnail-image\">\n      <img [src]=\"chat.imageUrl\" alt=\"chat-img\">\n    </div>\n    <p class=\"rtsee-chat-thumbnail-name\">{{ chat.name }}</p>\n  </div>\n  <div class=\"last-message\">\n    <p class=\"rtsee-chat-thumbnail-last-message\">{{chat.getLastSenderName()}} {{chat.getLastSentMessageText()}}</p>\n  </div>\n</div>\n", styles: [""] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0, type: ChatThumbnailComponent, decorators: [{
             type: Component,
             args: [{
@@ -255,7 +255,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.2", ngImpor
 class MessageComponent {
 }
 MessageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0, type: MessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-MessageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.2", type: MessageComponent, selector: "ngx-message", inputs: { message: "message", member: "member" }, ngImport: i0, template: "<div class=\"rtsee-messenger-message\">\n  <p>{{ message.text }}</p>\n</div>\n", styles: [""] });
+MessageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.2", type: MessageComponent, selector: "ngx-message", inputs: { chat: "chat", message: "message", member: "member" }, ngImport: i0, template: "<div class=\"rtsee-message-container\" [ngClass]=\"{'rtsee-from-me': message.from !== chat.receiverId}\">\n  <div class=\"rtsee-messenger-message\">\n    <p>{{ message.text }}</p>\n  </div>\n</div>\n", styles: [""], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0, type: MessageComponent, decorators: [{
             type: Component,
             args: [{
@@ -263,7 +263,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.2", ngImpor
                     templateUrl: './message.component.html',
                     styleUrls: ['./message.component.css'],
                 }]
-        }], propDecorators: { message: [{
+        }], propDecorators: { chat: [{
+                type: Input
+            }], message: [{
                 type: Input
             }], member: [{
                 type: Input
@@ -272,7 +274,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.2", ngImpor
 class MessagesListComponent {
 }
 MessagesListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0, type: MessagesListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-MessagesListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.2", type: MessagesListComponent, selector: "ngx-messages-list", inputs: { chat: "chat", messenger: "messenger" }, ngImport: i0, template: "<div class=\"rtsee-messenger-messages-list\">\n  <div class=\"rtsee-messenger-message\" *ngFor=\"let message of chat.messages\">\n    <ngx-message [message]=\"message\"></ngx-message>\n  </div>\n</div>\n", styles: [""], components: [{ type: MessageComponent, selector: "ngx-message", inputs: ["message", "member"] }], directives: [{ type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+MessagesListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.2", type: MessagesListComponent, selector: "ngx-messages-list", inputs: { chat: "chat", messenger: "messenger" }, ngImport: i0, template: "<div class=\"rtsee-messenger-messages-list\">\n  <div class=\"rtsee-messenger-message-wrapper\" *ngFor=\"let message of chat.messages\">\n    <ngx-message [message]=\"message\" [chat]=\"chat\"></ngx-message>\n  </div>\n</div>\n", styles: [""], components: [{ type: MessageComponent, selector: "ngx-message", inputs: ["chat", "message", "member"] }], directives: [{ type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0, type: MessagesListComponent, decorators: [{
             type: Component,
             args: [{
@@ -305,7 +307,7 @@ 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\">\n  <div class=\"rtsee-send-message\">\n    <form [formGroup]=\"sendMessageForm\">\n      <input placeholder=\"Type message...\" type=\"text\" formControlName=\"message\" required>\n      <button mat-raised-button\n              (click)=\"sendMessage()\"\n              class=\"rtsee-send-message-button\"\n              type=\"submit\">\n        <span>Send</span>\n      </button>\n    </form>\n  </div>\n</div>\n", styles: [""], components: [{ type: i1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i2$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i2$1.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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2$1.FormControlName, selector: "[formControlName]", inputs: ["disabled", "formControlName", "ngModel"], outputs: ["ngModelChange"] }, { type: i2$1.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: "ngx-chat-input", inputs: { messenger: "messenger", chat: "chat" }, ngImport: i0, template: "<div class=\"rtsee-chat-input\">\n  <div class=\"rtsee-send-message\">\n    <form [formGroup]=\"sendMessageForm\">\n      <input placeholder=\"Type message...\" type=\"text\" formControlName=\"message\" required>\n      <button (click)=\"sendMessage()\"\n              class=\"rtsee-send-message-button\"\n              type=\"submit\">\n        <span>Send</span>\n      </button>\n    </form>\n  </div>\n</div>\n", styles: [""], directives: [{ type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i1$1.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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["disabled", "formControlName", "ngModel"], outputs: ["ngModelChange"] }, { type: i1$1.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: [{
@@ -380,7 +382,7 @@ class RtseeEventsDashboardClientThumbnailComponent {
     }
 }
 RtseeEventsDashboardClientThumbnailComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0, type: RtseeEventsDashboardClientThumbnailComponent, deps: [{ token: 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  <p>{{ client.id }}</p>\n  <p>{{ client.name || client.id }}</p>\n  <div class=\"rtsee-dashboard-client-thumbnail-events\">\n    <div class=\"rtsee-dashboard-client-thumbnail-event\"\n         *ngFor=\"let event of client.events\">\n      <p>\n        <span>{{event.name}}</span>\n        <span>&nbsp;</span>\n        <span>{{ timeFormatService.toAgo(event.createdAt) }}</span>\n      </p>\n    </div>\n    <div class=\"rtsee-dashboard-client-thumbnail-actions\">\n      <button (click)=\"openChat()\">Chat</button>\n    </div>\n  </div>\n</div>\n", styles: [""], directives: [{ type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+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"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0, type: RtseeEventsDashboardClientThumbnailComponent, decorators: [{
             type: Component,
             args: [{
@@ -397,7 +399,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.2", ngImpor
 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  <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-events-dashboard-client-thumbnails .rtsee-events-dashboard-client-thumbnail-wrapper{background-color:#fff;margin-bottom:16px}"], components: [{ type: 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", 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: 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: [{

package/dist/ngx/fesm2015/rtsee-ngx.js.map

@@ -1 +1 @@
-{"version":3,"file":"rtsee-ngx.js","sources":["../../../projects/ngx/src/lib/ngx.service.ts","../../../projects/ngx/src/lib/components/rtsee/rtsee-controls/rtsee-controls.component.ts","../../../projects/ngx/src/lib/components/rtsee/rtsee-controls/rtsee-controls.component.html","../../../projects/ngx/src/lib/components/rtsee-settings/rtsee-settings.component.ts","../../../projects/ngx/src/lib/components/rtsee-settings/rtsee-settings.component.html","../../../projects/ngx/src/lib/components/rtsee-soundbar/rtsee-soundbar.component.ts","../../../projects/ngx/src/lib/components/rtsee-soundbar/rtsee-soundbar.component.html","../../../projects/ngx/src/lib/components/rtsee-peer/rtsee-peer.component.ts","../../../projects/ngx/src/lib/components/rtsee-peer/rtsee-peer.component.html","../../../projects/ngx/src/lib/components/rtsee/rtsee.component.ts","../../../projects/ngx/src/lib/components/rtsee/rtsee.component.html","../../../projects/ngx/src/lib/components/rtsee-messenger/messenger-header/messenger-header.component.ts","../../../projects/ngx/src/lib/components/rtsee-messenger/messenger-header/messenger-header.component.html","../../../projects/ngx/src/lib/components/rtsee-messenger/chat-thumbnail/chat-thumbnail.component.ts","../../../projects/ngx/src/lib/components/rtsee-messenger/chat-thumbnail/chat-thumbnail.component.html","../../../projects/ngx/src/lib/components/rtsee-messenger/chats-list/chats-list.component.ts","../../../projects/ngx/src/lib/components/rtsee-messenger/chats-list/chats-list.component.html","../../../projects/ngx/src/lib/components/rtsee-messenger/message/message.component.ts","../../../projects/ngx/src/lib/components/rtsee-messenger/message/message.component.html","../../../projects/ngx/src/lib/components/rtsee-messenger/messages-list/messages-list.component.ts","../../../projects/ngx/src/lib/components/rtsee-messenger/messages-list/messages-list.component.html","../../../projects/ngx/src/lib/components/rtsee-messenger/chat-input/chat-input.component.ts","../../../projects/ngx/src/lib/components/rtsee-messenger/chat-input/chat-input.component.html","../../../projects/ngx/src/lib/components/rtsee-messenger/chat/chat.component.ts","../../../projects/ngx/src/lib/components/rtsee-messenger/chat/chat.component.html","../../../projects/ngx/src/lib/components/rtsee-messenger/messenger/messenger.component.ts","../../../projects/ngx/src/lib/components/rtsee-messenger/messenger/messenger.component.html","../../../projects/ngx/src/lib/services/time-format-helper.service.ts","../../../projects/ngx/src/lib/components/rtsee-events-dashboard/components/rtsee-events-dashboard-client-thumbnail/rtsee-events-dashboard-client-thumbnail.component.ts","../../../projects/ngx/src/lib/components/rtsee-events-dashboard/components/rtsee-events-dashboard-client-thumbnail/rtsee-events-dashboard-client-thumbnail.component.html","../../../projects/ngx/src/lib/components/rtsee-events-dashboard/rtsee-events-dashboard.component.ts","../../../projects/ngx/src/lib/components/rtsee-events-dashboard/rtsee-events-dashboard.component.html","../../../projects/ngx/src/lib/components/rtsee-peers-list/rtsee-peers-list.component.ts","../../../projects/ngx/src/lib/components/rtsee-peers-list/rtsee-peers-list.component.html","../../../projects/ngx/src/lib/components/rtsee-events-dashboard/components/rtsee-events-dashboard-client/rtsee-events-dashboard-client.component.ts","../../../projects/ngx/src/lib/components/rtsee-events-dashboard/components/rtsee-events-dashboard-client/rtsee-events-dashboard-client.component.html","../../../projects/ngx/src/lib/ngx.module.ts","../../../projects/ngx/src/public-api.ts","../../../projects/ngx/src/rtsee-ngx.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class NgxService {\n  lol: string;\n  constructor() {\n    this.lol = 'lol';\n  }\n}\n","import { Component, Input } from '@angular/core';\nimport { RTSee } from '@rtsee/core';\n\n@Component({\n  selector: 'ngx-rtsee-controls',\n  templateUrl: './rtsee-controls.component.html',\n  styleUrls: ['./rtsee-controls.component.scss'],\n})\nexport class RTSeeControlsComponent {\n  @Input() rtsee!: RTSee;\n  @Input() fullScreenMode?: boolean;\n\n  onPresentClicked() {\n    return this.rtsee.isPresenter\n      ? this.rtsee.stopScreenShare()\n      : this.rtsee.startScreenShare();\n  }\n}\n","<div class=\"rtsee-controls\" [ngClass]=\"{'rtsee-full-screen-controls' : fullScreenMode }\">\n  <div class=\"rtsee-bottom-panel\">\n    <div class=\"mic rtsee-buttons-container\">\n      <button mat-icon-button matSuffix\n              class=\"rtsee-ripple-button\"\n              *ngIf=\"rtsee.microphone\"\n              type=\"button\"\n              (click)=\"this.rtsee.disableMicrophone()\"\n      >\n        <span class=\"material-icons-outlined\">mic_none</span>\n      </button>\n      <button mat-icon-button matSuffix\n              class=\"rtsee-ripple-button\"\n              *ngIf=\"!rtsee.microphone\"\n              type=\"button\" (click)=\"this.rtsee.enableMicrophone()\"\n      >\n        <span class=\"material-icons-outlined\">mic_off</span>\n      </button>\n    </div>\n\n    <div class=\"video-camera rtsee-buttons-container\">\n      <button mat-icon-button matSuffix\n              class=\"rtsee-ripple-button\"\n              *ngIf=\"rtsee.camera\"\n              type=\"button\"\n              (click)=\"rtsee.disableCamera()\"\n      >\n        <span class=\"material-icons-outlined\">videocam</span>\n      </button>\n      <button mat-icon-button matSuffix\n              class=\"rtsee-ripple-button\"\n              *ngIf=\"!rtsee.camera\"\n              type=\"button\"\n              (click)=\"rtsee.enableCamera()\"\n      >\n        <span class=\"material-icons-outlined\">videocam_off</span>\n      </button>\n    </div>\n    <div class=\"present rtsee-buttons-container\" [ngClass]=\"{'rtsee-present-button-container': rtsee.isPresenter}\">\n      <button mat-icon-button matSuffix\n              class=\"rtsee-ripple-button\"\n              type=\"button\"\n              (click)=\"onPresentClicked()\"\n      >\n        <span class=\"material-icons-outlined\">present_to_all</span>\n      </button>\n    </div>\n    <div class=\"call-end rtsee-buttons-container\">\n      <button mat-icon-button matSuffix\n              class=\"rtsee-ripple-button\"\n              type=\"button\"\n              (click)=\"rtsee.end()\"\n      >\n        <span class=\"material-icons-outlined\">call_end</span>\n      </button>\n    </div>\n  </div>\n</div>\n","import { Component, Input, OnInit } from '@angular/core';\nimport { RTSee } from '@rtsee/core';\n\n@Component({\n  selector: 'ngx-rtsee-settings',\n  templateUrl: './rtsee-settings.component.html',\n  styleUrls: ['./rtsee-settings.component.scss'],\n})\nexport class RtseeSettingsComponent implements OnInit {\n  availableAudioInputDevices: MediaDeviceInfo[];\n  availableVideoInputDevices: MediaDeviceInfo[];\n  availableAudioOutputDevices: MediaDeviceInfo[];\n\n  @Input() rtSee!: RTSee;\n  @Input() fullScreenMode!: boolean;\n  constructor() {\n    this.availableAudioInputDevices = [];\n    this.availableVideoInputDevices = [];\n    this.availableAudioOutputDevices = [];\n  }\n\n  ngOnInit(): void {\n    this.refreshSelectOptions();\n  }\n\n  refreshSelectOptions() {\n    void this.rtSee.refreshMediaDevicesList();\n  }\n\n  setAudioInput(deviceId: string) {\n    this.rtSee.setAudioInputDevice(deviceId);\n    console.log(deviceId);\n  }\n\n  setAudioOutput(deviceId: string) {\n    this.rtSee.setAudioOutputDevice(deviceId);\n  }\n\n  setVideoInput(deviceId: string) {\n    this.rtSee.setVideoInputDevice(deviceId);\n  }\n}\n","<div class=\"rtsee-settings\" [ngClass]=\"{'rtsee-full-screen-settings' : fullScreenMode}\">\n  <div class=\"rtsee-devices\">\n    <div class=\"rtsee-device-select-wrapper\">\n      <label class=\"rtsee-select-label\" for=\"audio-input\">Audio Input:</label>\n      <select class=\"rtsee-select\" id=\"audio-input\" (click)=\"refreshSelectOptions()\">\n        <option *ngFor=\"let device of rtSee.audioInputDevices\" [value]=\"device.deviceId\" (click)=\"setAudioInput(device.deviceId)\">\n          {{device.label}}\n        </option>\n      </select>\n    </div>\n    <div class=\"rtsee-device-select-wrapper\">\n      <label class=\"rtsee-select-label\" for=\"audio-output\">Audio Output:</label>\n      <select class=\"rtsee-select\" id=\"audio-output\" (click)=\"refreshSelectOptions()\">\n        <option *ngFor=\"let device of rtSee.audioOutputDevices\" [value]=\"device.deviceId\" (click)=\"setAudioOutput(device.deviceId)\">\n          {{device.label}}\n        </option>\n      </select>\n    </div>\n    <div class=\"rtsee-device-select-wrapper\">\n      <label class=\"rtsee-select-label\" for=\"video-input\">Video Input:</label>\n      <select class=\"rtsee-select\" id=\"video-input\" (click)=\"refreshSelectOptions()\">\n        <option *ngFor=\"let device of rtSee.videoInputDevices\" [value]=\"device.deviceId\" (click)=\"setVideoInput(device.deviceId)\">\n          {{device.label}}\n        </option>\n      </select>\n    </div>\n  </div>\n</div>\n","import { Component, Input, OnInit } from '@angular/core';\nimport { RTSeePeerConnection } from '@rtsee/core';\nimport { interval } from 'rxjs';\n\n@Component({\n  selector: 'ngx-rtsee-soundbar',\n  templateUrl: './rtsee-soundbar.component.html',\n  styleUrls: ['./rtsee-soundbar.component.scss'],\n})\nexport class RtseeSoundbarComponent implements OnInit {\n  intervalLength: number;\n  noiceLevel: number;\n  scaleOneLevel: number;\n  scaleTwoLevel: number;\n  scaleThreeLevel: number;\n\n  @Input() peer!: RTSeePeerConnection;\n  constructor() {\n    this.intervalLength = 1000;\n    this.noiceLevel = 0;\n    this.scaleOneLevel = 0;\n    this.scaleTwoLevel = 0;\n    this.scaleThreeLevel = 0;\n  }\n\n  ngOnInit(): void {\n    this.startSoundMeterListening();\n  }\n\n  startSoundMeterListening() {\n    const step = interval(1000 / 10);\n    step.subscribe(() => {\n      if (!this.peer.soundMeter || !this.peer.soundMeter.level) {\n        this.noiceLevel = 0;\n      } else {\n        this.noiceLevel = this.peer.soundMeter?.level * 100 || 0;\n      }\n\n      this.setSoundMeterHeights();\n    });\n  }\n\n  setSoundMeterHeights() {\n    const ZERO_LEVEL = 25;\n    const SCALE_STEP = 25;\n    const SCALE_ONE_TOP = ZERO_LEVEL + SCALE_STEP;\n    const SCALE_TWO_TOP = SCALE_ONE_TOP + SCALE_STEP;\n\n    if (!this.peer || !this.peer.soundMeter || this.noiceLevel < ZERO_LEVEL) {\n      this.scaleOneLevel = 0;\n      this.scaleTwoLevel = 0;\n      this.scaleThreeLevel = 0;\n    }\n\n    const scaleOneValue = ((this.noiceLevel - ZERO_LEVEL) / SCALE_STEP) * 100;\n    const scaleTwoValue =\n      ((this.noiceLevel - SCALE_ONE_TOP) / SCALE_STEP) * 100;\n    const scaleThreeValue =\n      ((this.noiceLevel - SCALE_TWO_TOP) / SCALE_STEP) * 100;\n\n    this.scaleOneLevel = scaleOneValue > 0 ? scaleOneValue : 0;\n    this.scaleTwoLevel = scaleTwoValue > 0 ? scaleTwoValue : 0;\n    this.scaleThreeLevel = scaleThreeValue > 0 ? scaleTwoValue : 0;\n  }\n}\n","<div class=\"rtsee-soundbar\">\n  <div class=\"rtsee-soundbar-scale\">\n    <div class=\"rtsee-soundbar-scale-item\">\n      <div class=\"rtsee-soundbar-scale-item-level rtsee-soundbar-scale-item-level-one\"\n           [style.height.%]=\"scaleOneLevel\"\n      ></div>\n    </div>\n    <div class=\"rtsee-soundbar-scale-item\">\n      <div class=\"rtsee-soundbar-scale-item-level rtsee-soundbar-scale-item-level-two\"\n           [style.height.%]=\"scaleTwoLevel\"\n      ></div>\n    </div>\n    <div class=\"rtsee-soundbar-scale-item\">\n      <div class=\"rtsee-soundbar-scale-item-level rtsee-soundbar-scale-item-level-three\"\n           [style.height.%]=\"scaleThreeLevel\"\n      ></div>\n    </div>\n  </div>\n</div>\n","import {\n  AfterViewInit,\n  Component,\n  ElementRef,\n  Input,\n  ViewChild,\n} from '@angular/core';\nimport { RTSeePeerConnection } from '@rtsee/core';\n\n@Component({\n  selector: 'ngx-rtsee-peer',\n  templateUrl: './rtsee-peer.component.html',\n  styleUrls: ['./rtsee-peer.component.scss'],\n})\nexport class RtseePeerComponent implements AfterViewInit {\n  intervalLength: number;\n  noiceLevel: number;\n\n  @ViewChild('audioOutput') audioOutput?: ElementRef;\n  @ViewChild('videoOutput') videoOutput?: ElementRef;\n  @Input() peer!: RTSeePeerConnection;\n\n  constructor() {\n    this.intervalLength = 1000;\n    this.noiceLevel = 0;\n  }\n\n  ngAfterViewInit(): void {\n    if (!this.audioOutput) {\n      return;\n    }\n    this.peer.setAudioOutputElement(\n      this.audioOutput.nativeElement as HTMLAudioElement\n    );\n  }\n}\n","<div class=\"rtsee-peer\" [ngClass]=\"{\n'rtsee-peer-video-disabled': !peer.remoteVideoStream || !peer.camera\n}\">\n  <div class=\"rtsee-peer-content\">\n    <div class=\"rtsee-peer-photo\" *ngIf=\"!peer.camera\">\n      <div class=\"rtsee-peer-photo-wrapper\">\n        <div  *ngIf=\"peer.imageUrl\"\n              [style.background-image]=\"'url(' + peer.imageUrl + ')'\"\n              class=\"rtsee-peer-photo-image\"\n        ></div>\n        <img *ngIf=\"!peer.imageUrl\" [src]=\"\" alt=\"peer_photo\" class=\"rtsee-peer-photo-image\">\n      </div>\n      <div class=\"rtsee-peer-info\">\n        <p class=\"rtsee-peer-name\" *ngIf=\"peer.name\">{{peer.name}}</p>\n      </div>\n    </div>\n      <video #videoOutput\n             class=\"rtsee-peer-video\"\n             [autoplay]=\"true\"\n             [srcObject]=\"peer.remoteVideoStream\"\n             playsinline=\"true\"\n      >\n      </video>\n    <div class=\"rtsee-peer-soundbar\">\n      <ngx-rtsee-soundbar [peer]=\"peer\"></ngx-rtsee-soundbar>\n    </div>\n  </div>\n</div>\n","import { Component, Input } from '@angular/core';\nimport { RTSee } from '@rtsee/core';\n\n@Component({\n  selector: 'ngx-rtsee',\n  templateUrl: './rtsee.component.html',\n  styleUrls: ['./rtsee.component.scss'],\n})\nexport class RTSeeComponent {\n  settingsViewEnabled: boolean;\n  fullScreenModeEnabled: boolean;\n\n  @Input() rtSee!: RTSee;\n  constructor() {\n    this.settingsViewEnabled = false;\n    this.fullScreenModeEnabled = false;\n  }\n\n  toggleSettings() {\n    this.settingsViewEnabled = !this.settingsViewEnabled;\n  }\n\n  toggleFullScreenMode() {\n    this.fullScreenModeEnabled = !this.fullScreenModeEnabled;\n  }\n}\n","<div class=\"rtsee-shell\" [ngClass]=\"{\n'rtsee-shell-expanded': rtSee.uiControls.isExpanded || fullScreenModeEnabled,\n'rtsee-shell-no-companions': !rtSee.rtcPeerConnections.connections?.length\n}\">\n  <div class=\"rtsee-local-peer\" *ngIf=\"rtSee.localStream && rtSee.camera\">\n    <video class=\"rtsee-local-video\"\n           [autoplay]=\"true\"\n           [muted]=\"true\"\n           [srcObject]=\"rtSee.localStream\"\n           playsinline=\"true\"\n    ></video>\n  </div>\n  <div class=\"rtsee-window-controls\">\n    <button mat-icon-button matSuffix\n            type=\"button\"\n            (click)=\"this.toggleSettings()\"\n            class=\"rtsee-window-controls-button rtsee-ripple-button\"\n    >\n      <span class=\"material-icons-outlined\">settings</span>\n    </button>\n    <button mat-icon-button matSuffix\n            type=\"button\"\n            (click)=\"this.toggleFullScreenMode()\"\n            class=\"rtsee-window-controls-button rtsee-ripple-button\"\n    >\n      <span class=\"material-icons-outlined\">open_in_full</span>\n    </button>\n  </div>\n  <div class=\"rtsee-settings-container\" *ngIf=\"settingsViewEnabled\">\n    <button mat-icon-button matSuffix\n            type=\"button\"\n            (click)=\"this.toggleSettings()\"\n            class=\"rtsee-close-settings-button\"\n    >\n      <span class=\"material-icons-outlined\">close</span>\n    </button>\n    <ngx-rtsee-settings [rtSee]=\"rtSee\" [fullScreenMode]=\"fullScreenModeEnabled\"></ngx-rtsee-settings>\n  </div>\n  <div class=\"rtsee-screen-share\" *ngIf=\"rtSee.screenSharePeer\" >\n    <video [autoplay]=\"true\"\n           [muted]=\"true\"\n           [srcObject]=\"rtSee.screenSharePeer.remoteVideoStream\"\n           playsinline=\"true\"\n           class=\"rtsee-screen-share-video\"\n    ></video>\n  </div>\n  <div class=\"rtsee-peers\" [ngClass]=\"{\n    'rtsee-peers-alone': !rtSee.rtcPeerConnections.connections?.length,\n    'rtsee-peers-one': rtSee.rtcPeerConnections.connections?.length === 1,\n    'rtsee-peers-three-grid': rtSee.rtcPeerConnections.connections?.length\n      && rtSee.rtcPeerConnections.connections.length > 1\n      && rtSee.rtcPeerConnections.connections.length < 4,\n    'rtsee-peers-six-grid': rtSee.rtcPeerConnections.connections?.length\n      && rtSee.rtcPeerConnections.connections.length > 3\n      && rtSee.rtcPeerConnections.connections.length < 7,\n    'rtsee-peers-nine-grid': rtSee.rtcPeerConnections.connections?.length\n      && rtSee.rtcPeerConnections.connections.length >= 7\n  }\">\n    <div class=\"rtsee-peer-wrapper\"\n         *ngFor=\"let peer of rtSee.rtcPeerConnections.connections\"\n    >\n      <ngx-rtsee-peer [peer]=\"peer\"></ngx-rtsee-peer>\n    </div>\n  </div>\n  <div class=\"rtsee-peers-list\"></div>\n  <div class=\"rtsee-controls-wrapper\">\n    <ngx-rtsee-controls [rtsee]=\"rtSee\" [fullScreenMode]=\"fullScreenModeEnabled\"></ngx-rtsee-controls>\n  </div>\n</div>\n\n","import { Component, Input } from '@angular/core';\nimport { RTSeeMessenger } from '@rtsee/messenger';\n\n@Component({\n  selector: 'ngx-messenger-header',\n  templateUrl: './messenger-header.component.html',\n  styleUrls: ['./messenger-header.component.css'],\n})\nexport class MessengerHeaderComponent {\n  @Input() messenger!: RTSeeMessenger;\n}\n","<div class=\"rtsee-messenger-header\">\n  <button *ngIf=\"messenger.openedChat\" (click)=\"messenger.closeChat()\">Back</button>\n  <p class=\"title\" *ngIf=\"!messenger.openedChat\">Wessenger</p>\n  <p class=\"title\" *ngIf=\"messenger.openedChat\">{{ messenger.openedChat.name }}</p>\n</div>\n","import { Component, Input } from '@angular/core';\nimport { RTSeeChat, RTSeeMessenger } from '@rtsee/messenger';\n\n@Component({\n  selector: 'ngx-chat-thumbnail',\n  templateUrl: './chat-thumbnail.component.html',\n  styleUrls: ['./chat-thumbnail.component.css'],\n})\nexport class ChatThumbnailComponent {\n  @Input() chat!: RTSeeChat;\n  @Input() messenger!: RTSeeMessenger;\n}\n","<div class=\"rtsee-chat-thumbnail\" (click)=\"messenger.openChat(chat)\">\n  <div class=\"rtsee-chat-thumbnail-image\">\n    <img [src]=\"chat.imageUrl\">\n  </div>\n  <p class=\"rtsee-chat-thumbnail-name\">{{ chat.name }}</p>\n  <p class=\"rtsee-chat-thumbnail-last-message\"> {{ chat.getLastSenderName() }} </p>\n  <p class=\"rtsee-chat-thumbnail-last-message\"> {{ chat.getLastSentMessageText() }} </p>\n</div>\n","import { Component, Input, OnInit } from '@angular/core';\nimport { RTSeeChat, RTSeeMessenger } from '@rtsee/messenger';\n\n@Component({\n  selector: 'ngx-chats-list',\n  templateUrl: './chats-list.component.html',\n  styleUrls: ['./chats-list.component.css'],\n})\nexport class ChatsListComponent implements OnInit {\n  @Input() messenger!: RTSeeMessenger;\n  @Input() chats!: RTSeeChat[];\n\n  ngOnInit(): void {\n    console.log(this.chats);\n  }\n}\n","<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","import { Component, Input } from '@angular/core';\nimport { RTSeeChatMember, RTSeeMessage } from '@rtsee/messenger';\n\n@Component({\n  selector: 'ngx-message',\n  templateUrl: './message.component.html',\n  styleUrls: ['./message.component.css'],\n})\nexport class MessageComponent {\n  @Input() message!: RTSeeMessage;\n  @Input() member!: RTSeeChatMember<any>;\n}\n","<div class=\"rtsee-messenger-message\">\n  <p>{{ message.text }}</p>\n</div>\n","import { Component, Input } from '@angular/core';\nimport { RTSeeChat, RTSeeMessenger } from '@rtsee/messenger';\n\n@Component({\n  selector: 'ngx-messages-list',\n  templateUrl: './messages-list.component.html',\n  styleUrls: ['./messages-list.component.css'],\n})\nexport class MessagesListComponent {\n  @Input() chat!: RTSeeChat;\n  @Input() messenger!: RTSeeMessenger;\n}\n","<div class=\"rtsee-messenger-messages-list\">\n  <div class=\"rtsee-messenger-message\" *ngFor=\"let message of chat.messages\">\n    <ngx-message [message]=\"message\"></ngx-message>\n  </div>\n</div>\n","import { Component, Input } from '@angular/core';\nimport { FormControl, FormGroup, Validators } from '@angular/forms';\nimport { RTSeeChat, RTSeeMessenger } from '@rtsee/messenger';\n\n@Component({\n  selector: 'ngx-chat-input',\n  templateUrl: './chat-input.component.html',\n  styleUrls: ['./chat-input.component.css'],\n})\nexport class ChatInputComponent {\n  sendMessageForm: FormGroup = new FormGroup({\n    /* eslint-disable */\n    message: new FormControl('', Validators.required),\n    /* eslint-enable */\n  });\n\n  @Input() messenger!: RTSeeMessenger;\n  @Input() chat!: RTSeeChat;\n\n  sendMessage() {\n    const text = this.sendMessageForm.get('message')?.value as string;\n    if (!text) {\n      return;\n    }\n    this.chat.sendMessage(text);\n    this.sendMessageForm.get('message')?.setValue('');\n  }\n}\n","<div class=\"rtsee-chat-input\">\n  <div class=\"rtsee-send-message\">\n    <form [formGroup]=\"sendMessageForm\">\n      <input placeholder=\"Type message...\" type=\"text\" formControlName=\"message\" required>\n      <button mat-raised-button\n              (click)=\"sendMessage()\"\n              class=\"rtsee-send-message-button\"\n              type=\"submit\">\n        <span>Send</span>\n      </button>\n    </form>\n  </div>\n</div>\n","import { Component, Input } from '@angular/core';\nimport { RTSeeChat, RTSeeMessenger } from '@rtsee/messenger';\n\n@Component({\n  selector: 'ngx-chat',\n  templateUrl: './chat.component.html',\n  styleUrls: ['./chat.component.css'],\n})\nexport class ChatComponent {\n  @Input() chat!: RTSeeChat;\n  @Input() messenger!: RTSeeMessenger;\n}\n","<div class=\"rtsee-chat\">\n  <div class=\"rtsee-chat-body-container\">\n    <ngx-messages-list [messenger]=\"messenger\" [chat]=\"chat\"></ngx-messages-list>\n  </div>\n  <div class=\"input-container\">\n    <ngx-chat-input [messenger]=\"messenger\" [chat]=\"chat\"></ngx-chat-input>\n  </div>\n</div>\n","import { Component, Input } from '@angular/core';\nimport { RTSeeMessenger } from '@rtsee/messenger';\n\n@Component({\n  selector: 'ngx-messenger',\n  templateUrl: './messenger.component.html',\n  styleUrls: ['./messenger.component.scss'],\n})\nexport class MessengerComponent {\n  @Input() messenger!: RTSeeMessenger;\n}\n","<div class=\"rtsee-messenger\">\n  <div class=\"rtsee-messenger-header-container\">\n    <ngx-messenger-header [messenger]=\"messenger\"></ngx-messenger-header>\n  </div>\n  <div  class=\"rtsee-messenger-body-container\">\n    <ngx-chats-list *ngIf=\"!messenger.openedChat\" [chats]=\"messenger.chats\" [messenger]=\"messenger\"></ngx-chats-list>\n    <ngx-chat *ngIf=\"messenger.openedChat\" [messenger]=\"messenger\" [chat]=\"messenger.openedChat\"></ngx-chat>\n  </div>\n</div>\n\n\n","import { Injectable } from '@angular/core';\n\nimport * as dayjs from 'dayjs';\nimport * as relativeTime from 'dayjs/plugin/relativeTime';\ndayjs.extend(relativeTime);\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class TimeFormatHelperService {\n  toAgo(time: Date): string {\n    /* eslint-disable */\n    return dayjs(time).fromNow() as string;\n    /* eslint-enable */\n  }\n}\n","import { Component, Input, OnInit } from '@angular/core';\nimport {\n  RTSeeDashboardClient,\n  RTSeeEventsDashboard,\n} from '@rtsee/events-manager';\nimport { TimeFormatHelperService } from '../../../../services/time-format-helper.service';\n\n@Component({\n  selector: 'ngx-rtsee-events-dashboard-client-thumbnail',\n  templateUrl: './rtsee-events-dashboard-client-thumbnail.component.html',\n  styleUrls: ['./rtsee-events-dashboard-client-thumbnail.component.scss'],\n})\nexport class RtseeEventsDashboardClientThumbnailComponent implements OnInit {\n  @Input() dashboard!: RTSeeEventsDashboard;\n  @Input() client!: RTSeeDashboardClient;\n\n  constructor(public timeFormatService: TimeFormatHelperService) {}\n\n  ngOnInit(): void {\n    console.log(this.client);\n  }\n\n  openChat() {\n    this.dashboard.openChat(this.client);\n  }\n}\n","<div class=\"rtsee-dashboard-client-thumbnail\">\n  <p>{{ client.id }}</p>\n  <p>{{ client.name || client.id }}</p>\n  <div class=\"rtsee-dashboard-client-thumbnail-events\">\n    <div class=\"rtsee-dashboard-client-thumbnail-event\"\n         *ngFor=\"let event of client.events\">\n      <p>\n        <span>{{event.name}}</span>\n        <span>&nbsp;</span>\n        <span>{{ timeFormatService.toAgo(event.createdAt) }}</span>\n      </p>\n    </div>\n    <div class=\"rtsee-dashboard-client-thumbnail-actions\">\n      <button (click)=\"openChat()\">Chat</button>\n    </div>\n  </div>\n</div>\n","import { Component, Input } from '@angular/core';\nimport { RTSeeEventsDashboard } from '@rtsee/events-manager';\n\n@Component({\n  selector: 'ngx-rtsee-events-dashboard',\n  templateUrl: './rtsee-events-dashboard.component.html',\n  styleUrls: ['./rtsee-events-dashboard.component.scss'],\n})\nexport class RtseeEventsDashboardComponent {\n  @Input() eventsDashboard!: RTSeeEventsDashboard;\n}\n","<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","import { Component } from '@angular/core';\n\n@Component({\n  selector: 'ngx-rtsee-peers-list',\n  templateUrl: './rtsee-peers-list.component.html',\n  styleUrls: ['./rtsee-peers-list.component.scss'],\n})\nexport class RtseePeersListComponent {}\n","<p>rtsee-peers-list works!</p>\n","import { Component } from '@angular/core';\n\n@Component({\n  selector: 'ngx-rtsee-events-dashboard-client',\n  templateUrl: './rtsee-events-dashboard-client.component.html',\n  styleUrls: ['./rtsee-events-dashboard-client.component.css'],\n})\nexport class RtseeEventsDashboardClientComponent {}\n","<p>rtsee-events-dashboard-client works!</p>\n","import { NgModule } from '@angular/core';\nimport { RTSeeComponent } from './components/rtsee/rtsee.component';\nimport { RTSeeControlsComponent } from './components/rtsee/rtsee-controls/rtsee-controls.component';\nimport { CommonModule } from '@angular/common';\nimport { RtseePeerComponent } from './components/rtsee-peer/rtsee-peer.component';\nimport { RtseeSoundbarComponent } from './components/rtsee-soundbar/rtsee-soundbar.component';\nimport { RtseePeersListComponent } from './components/rtsee-peers-list/rtsee-peers-list.component';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatButtonModule } from '@angular/material/button';\nimport { RtseeSettingsComponent } from './components/rtsee-settings/rtsee-settings.component';\nimport { MatSelectModule } from '@angular/material/select';\nimport { BrowserAnimationsModule } from '@angular/platform-browser/animations';\nimport { MatFormFieldModule } from '@angular/material/form-field';\nimport { MessengerComponent } from './components/rtsee-messenger/messenger/messenger.component';\nimport { ChatComponent } from './components/rtsee-messenger/chat/chat.component';\nimport { MessageComponent } from './components/rtsee-messenger/message/message.component';\nimport { ChatsListComponent } from './components/rtsee-messenger/chats-list/chats-list.component';\nimport { MessagesListComponent } from './components/rtsee-messenger/messages-list/messages-list.component';\nimport { ChatThumbnailComponent } from './components/rtsee-messenger/chat-thumbnail/chat-thumbnail.component';\nimport { ChatInputComponent } from './components/rtsee-messenger/chat-input/chat-input.component';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { MessengerHeaderComponent } from './components/rtsee-messenger/messenger-header/messenger-header.component';\nimport { RtseeEventsDashboardComponent } from './components/rtsee-events-dashboard/rtsee-events-dashboard.component';\nimport { RtseeEventsDashboardClientComponent } from './components/rtsee-events-dashboard/components/rtsee-events-dashboard-client/rtsee-events-dashboard-client.component';\nimport { RtseeEventsDashboardClientThumbnailComponent } from './components/rtsee-events-dashboard/components/rtsee-events-dashboard-client-thumbnail/rtsee-events-dashboard-client-thumbnail.component';\n\n@NgModule({\n  declarations: [\n    RTSeeComponent,\n    RTSeeControlsComponent,\n    RtseePeerComponent,\n    RtseeSoundbarComponent,\n    RtseePeersListComponent,\n    RtseeSettingsComponent,\n    MessengerComponent,\n    ChatComponent,\n    MessageComponent,\n    ChatsListComponent,\n    MessagesListComponent,\n    ChatThumbnailComponent,\n    ChatInputComponent,\n    MessengerHeaderComponent,\n    RtseeEventsDashboardComponent,\n    RtseeEventsDashboardClientComponent,\n    RtseeEventsDashboardClientThumbnailComponent,\n  ],\n  imports: [\n    CommonModule,\n    MatIconModule,\n    MatButtonModule,\n    MatSelectModule,\n    BrowserAnimationsModule,\n    MatFormFieldModule,\n    ReactiveFormsModule,\n  ],\n  exports: [RTSeeComponent, MessengerComponent, RtseeEventsDashboardComponent],\n})\nexport class RTSeeModule {}\n","/*\n * Public API Surface of ngx\n */\n\nexport * from './lib/ngx.service';\nexport * from './lib/components/rtsee/rtsee-controls/rtsee-controls.component';\nexport * from './lib/components/rtsee/rtsee.component';\nexport * from './lib/components/rtsee-messenger/messenger/messenger.component';\nexport * from './lib/components/rtsee-events-dashboard/rtsee-events-dashboard.component';\nexport * from './lib/ngx.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;MAKa,UAAU;IAErB;QACE,IAAI,CAAC,GAAG,GAAG,KAAK,CAAC;KAClB;;uGAJU,UAAU;2GAAV,UAAU,cAFT,MAAM;2FAEP,UAAU;kBAHtB,UAAU;mBAAC;oBACV,UAAU,EAAE,MAAM;iBACnB;;;MCIY,sBAAsB;IAIjC,gBAAgB;QACd,OAAO,IAAI,CAAC,KAAK,CAAC,WAAW;cACzB,IAAI,CAAC,KAAK,CAAC,eAAe,EAAE;cAC5B,IAAI,CAAC,KAAK,CAAC,gBAAgB,EAAE,CAAC;KACnC;;mHARU,sBAAsB;uGAAtB,sBAAsB,wHCRnC,0oEA0DA;2FDlDa,sBAAsB;kBALlC,SAAS;mBAAC;oBACT,QAAQ,EAAE,oBAAoB;oBAC9B,WAAW,EAAE,iCAAiC;oBAC9C,SAAS,EAAE,CAAC,iCAAiC,CAAC;iBAC/C;8BAEU,KAAK;sBAAb,KAAK;gBACG,cAAc;sBAAtB,KAAK;;;MEFK,sBAAsB;IAOjC;QACE,IAAI,CAAC,0BAA0B,GAAG,EAAE,CAAC;QACrC,IAAI,CAAC,0BAA0B,GAAG,EAAE,CAAC;QACrC,IAAI,CAAC,2BAA2B,GAAG,EAAE,CAAC;KACvC;IAED,QAAQ;QACN,IAAI,CAAC,oBAAoB,EAAE,CAAC;KAC7B;IAED,oBAAoB;QAClB,KAAK,IAAI,CAAC,KAAK,CAAC,uBAAuB,EAAE,CAAC;KAC3C;IAED,aAAa,CAAC,QAAgB;QAC5B,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,QAAQ,CAAC,CAAC;QACzC,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;KACvB;IAED,cAAc,CAAC,QAAgB;QAC7B,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,QAAQ,CAAC,CAAC;KAC3C;IAED,aAAa,CAAC,QAAgB;QAC5B,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,QAAQ,CAAC,CAAC;KAC1C;;mHAhCU,sBAAsB;uGAAtB,sBAAsB,wHCRnC,g8CA4BA;2FDpBa,sBAAsB;kBALlC,SAAS;mBAAC;oBACT,QAAQ,EAAE,oBAAoB;oBAC9B,WAAW,EAAE,iCAAiC;oBAC9C,SAAS,EAAE,CAAC,iCAAiC,CAAC;iBAC/C;0EAMU,KAAK;sBAAb,KAAK;gBACG,cAAc;sBAAtB,KAAK;;;MELK,sBAAsB;IAQjC;QACE,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;QAC3B,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC;QACpB,IAAI,CAAC,aAAa,GAAG,CAAC,CAAC;QACvB,IAAI,CAAC,aAAa,GAAG,CAAC,CAAC;QACvB,IAAI,CAAC,eAAe,GAAG,CAAC,CAAC;KAC1B;IAED,QAAQ;QACN,IAAI,CAAC,wBAAwB,EAAE,CAAC;KACjC;IAED,wBAAwB;QACtB,MAAM,IAAI,GAAG,QAAQ,CAAC,IAAI,GAAG,EAAE,CAAC,CAAC;QACjC,IAAI,CAAC,SAAS,CAAC;;YACb,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE;gBACxD,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC;aACrB;iBAAM;gBACL,IAAI,CAAC,UAAU,GAAG,CAAA,MAAA,IAAI,CAAC,IAAI,CAAC,UAAU,0CAAE,KAAK,IAAG,GAAG,IAAI,CAAC,CAAC;aAC1D;YAED,IAAI,CAAC,oBAAoB,EAAE,CAAC;SAC7B,CAAC,CAAC;KACJ;IAED,oBAAoB;QAClB,MAAM,UAAU,GAAG,EAAE,CAAC;QACtB,MAAM,UAAU,GAAG,EAAE,CAAC;QACtB,MAAM,aAAa,GAAG,UAAU,GAAG,UAAU,CAAC;QAC9C,MAAM,aAAa,GAAG,aAAa,GAAG,UAAU,CAAC;QAEjD,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,UAAU,GAAG,UAAU,EAAE;YACvE,IAAI,CAAC,aAAa,GAAG,CAAC,CAAC;YACvB,IAAI,CAAC,aAAa,GAAG,CAAC,CAAC;YACvB,IAAI,CAAC,eAAe,GAAG,CAAC,CAAC;SAC1B;QAED,MAAM,aAAa,GAAG,CAAC,CAAC,IAAI,CAAC,UAAU,GAAG,UAAU,IAAI,UAAU,IAAI,GAAG,CAAC;QAC1E,MAAM,aAAa,GACjB,CAAC,CAAC,IAAI,CAAC,UAAU,GAAG,aAAa,IAAI,UAAU,IAAI,GAAG,CAAC;QACzD,MAAM,eAAe,GACnB,CAAC,CAAC,IAAI,CAAC,UAAU,GAAG,aAAa,IAAI,UAAU,IAAI,GAAG,CAAC;QAEzD,IAAI,CAAC,aAAa,GAAG,aAAa,GAAG,CAAC,GAAG,aAAa,GAAG,CAAC,CAAC;QAC3D,IAAI,CAAC,aAAa,GAAG,aAAa,GAAG,CAAC,GAAG,aAAa,GAAG,CAAC,CAAC;QAC3D,IAAI,CAAC,eAAe,GAAG,eAAe,GAAG,CAAC,GAAG,aAAa,GAAG,CAAC,CAAC;KAChE;;mHAtDU,sBAAsB;uGAAtB,sBAAsB,oFCTnC,ytBAmBA;2FDVa,sBAAsB;kBALlC,SAAS;mBAAC;oBACT,QAAQ,EAAE,oBAAoB;oBAC9B,WAAW,EAAE,iCAAiC;oBAC9C,SAAS,EAAE,CAAC,iCAAiC,CAAC;iBAC/C;0EAQU,IAAI;sBAAZ,KAAK;;;MEFK,kBAAkB;IAQ7B;QACE,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;QAC3B,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC;KACrB;IAED,eAAe;QACb,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE;YACrB,OAAO;SACR;QACD,IAAI,CAAC,IAAI,CAAC,qBAAqB,CAC7B,IAAI,CAAC,WAAW,CAAC,aAAiC,CACnD,CAAC;KACH;;+GApBU,kBAAkB;mGAAlB,kBAAkB,yRCd/B,4hCA4BA;2FDda,kBAAkB;kBAL9B,SAAS;mBAAC;oBACT,QAAQ,EAAE,gBAAgB;oBAC1B,WAAW,EAAE,6BAA6B;oBAC1C,SAAS,EAAE,CAAC,6BAA6B,CAAC;iBAC3C;0EAK2B,WAAW;sBAApC,SAAS;uBAAC,aAAa;gBACE,WAAW;sBAApC,SAAS;uBAAC,aAAa;gBACf,IAAI;sBAAZ,KAAK;;;MEZK,cAAc;IAKzB;QACE,IAAI,CAAC,mBAAmB,GAAG,KAAK,CAAC;QACjC,IAAI,CAAC,qBAAqB,GAAG,KAAK,CAAC;KACpC;IAED,cAAc;QACZ,IAAI,CAAC,mBAAmB,GAAG,CAAC,IAAI,CAAC,mBAAmB,CAAC;KACtD;IAED,oBAAoB;QAClB,IAAI,CAAC,qBAAqB,GAAG,CAAC,IAAI,CAAC,qBAAqB,CAAC;KAC1D;;2GAhBU,cAAc;+FAAd,cAAc,6ECR3B,s5FAsEA;2FD9Da,cAAc;kBAL1B,SAAS;mBAAC;oBACT,QAAQ,EAAE,WAAW;oBACrB,WAAW,EAAE,wBAAwB;oBACrC,SAAS,EAAE,CAAC,wBAAwB,CAAC;iBACtC;0EAKU,KAAK;sBAAb,KAAK;;;MEJK,wBAAwB;;qHAAxB,wBAAwB;yGAAxB,wBAAwB,gGCRrC,ySAKA;2FDGa,wBAAwB;kBALpC,SAAS;mBAAC;oBACT,QAAQ,EAAE,sBAAsB;oBAChC,WAAW,EAAE,mCAAmC;oBAChD,SAAS,EAAE,CAAC,kCAAkC,CAAC;iBAChD;8BAEU,SAAS;sBAAjB,KAAK;;;MEDK,sBAAsB;;mHAAtB,sBAAsB;uGAAtB,sBAAsB,4GCRnC,iaAQA;2FDAa,sBAAsB;kBALlC,SAAS;mBAAC;oBACT,QAAQ,EAAE,oBAAoB;oBAC9B,WAAW,EAAE,iCAAiC;oBAC9C,SAAS,EAAE,CAAC,gCAAgC,CAAC;iBAC9C;8BAEU,IAAI;sBAAZ,KAAK;gBACG,SAAS;sBAAjB,KAAK;;;MEFK,kBAAkB;IAI7B,QAAQ;QACN,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KACzB;;+GANU,kBAAkB;mGAAlB,kBAAkB,0GCR/B,gSAMA;2FDEa,kBAAkB;kBAL9B,SAAS;mBAAC;oBACT,QAAQ,EAAE,gBAAgB;oBAC1B,WAAW,EAAE,6BAA6B;oBAC1C,SAAS,EAAE,CAAC,4BAA4B,CAAC;iBAC1C;8BAEU,SAAS;sBAAjB,KAAK;gBACG,KAAK;sBAAb,KAAK;;;MEFK,gBAAgB;;6GAAhB,gBAAgB;iGAAhB,gBAAgB,qGCR7B,gFAGA;2FDKa,gBAAgB;kBAL5B,SAAS;mBAAC;oBACT,QAAQ,EAAE,aAAa;oBACvB,WAAW,EAAE,0BAA0B;oBACvC,SAAS,EAAE,CAAC,yBAAyB,CAAC;iBACvC;8BAEU,OAAO;sBAAf,KAAK;gBACG,MAAM;sBAAd,KAAK;;;MEFK,qBAAqB;;kHAArB,qBAAqB;sGAArB,qBAAqB,2GCRlC,6MAKA;2FDGa,qBAAqB;kBALjC,SAAS;mBAAC;oBACT,QAAQ,EAAE,mBAAmB;oBAC7B,WAAW,EAAE,gCAAgC;oBAC7C,SAAS,EAAE,CAAC,+BAA+B,CAAC;iBAC7C;8BAEU,IAAI;sBAAZ,KAAK;gBACG,SAAS;sBAAjB,KAAK;;;MEDK,kBAAkB;IAL/B;QAME,oBAAe,GAAc,IAAI,SAAS,CAAC;;YAEzC,OAAO,EAAE,IAAI,WAAW,CAAC,EAAE,EAAE,UAAU,CAAC,QAAQ,CAAC;;SAElD,CAAC,CAAC;KAaJ;IARC,WAAW;;QACT,MAAM,IAAI,GAAG,MAAA,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,SAAS,CAAC,0CAAE,KAAe,CAAC;QAClE,IAAI,CAAC,IAAI,EAAE;YACT,OAAO;SACR;QACD,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QAC5B,MAAA,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,SAAS,CAAC,0CAAE,QAAQ,CAAC,EAAE,CAAC,CAAC;KACnD;;+GAjBU,kBAAkB;mGAAlB,kBAAkB,wGCT/B,gcAaA;2FDJa,kBAAkB;kBAL9B,SAAS;mBAAC;oBACT,QAAQ,EAAE,gBAAgB;oBAC1B,WAAW,EAAE,6BAA6B;oBAC1C,SAAS,EAAE,CAAC,4BAA4B,CAAC;iBAC1C;8BAQU,SAAS;sBAAjB,KAAK;gBACG,IAAI;sBAAZ,KAAK;;;METK,aAAa;;0GAAb,aAAa;8FAAb,aAAa,kGCR1B,kTAQA;2FDAa,aAAa;kBALzB,SAAS;mBAAC;oBACT,QAAQ,EAAE,UAAU;oBACpB,WAAW,EAAE,uBAAuB;oBACpC,SAAS,EAAE,CAAC,sBAAsB,CAAC;iBACpC;8BAEU,IAAI;sBAAZ,KAAK;gBACG,SAAS;sBAAjB,KAAK;;;MEFK,kBAAkB;;+GAAlB,kBAAkB;mGAAlB,kBAAkB,yFCR/B,weAWA;2FDHa,kBAAkB;kBAL9B,SAAS;mBAAC;oBACT,QAAQ,EAAE,eAAe;oBACzB,WAAW,EAAE,4BAA4B;oBACzC,SAAS,EAAE,CAAC,4BAA4B,CAAC;iBAC1C;8BAEU,SAAS;sBAAjB,KAAK;;;AELR,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;MAKd,uBAAuB;IAClC,KAAK,CAAC,IAAU;;QAEd,OAAO,KAAK,CAAC,IAAI,CAAC,CAAC,OAAO,EAAY,CAAC;;KAExC;;oHALU,uBAAuB;wHAAvB,uBAAuB,cAFtB,MAAM;2FAEP,uBAAuB;kBAHnC,UAAU;mBAAC;oBACV,UAAU,EAAE,MAAM;iBACnB;;;MCIY,4CAA4C;IAIvD,YAAmB,iBAA0C;QAA1C,sBAAiB,GAAjB,iBAAiB,CAAyB;KAAI;IAEjE,QAAQ;QACN,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;KAC1B;IAED,QAAQ;QACN,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;KACtC;;yIAZU,4CAA4C;6HAA5C,4CAA4C,yICZzD,wlBAiBA;2FDLa,4CAA4C;kBALxD,SAAS;mBAAC;oBACT,QAAQ,EAAE,6CAA6C;oBACvD,WAAW,EAAE,0DAA0D;oBACvE,SAAS,EAAE,CAAC,0DAA0D,CAAC;iBACxE;2GAEU,SAAS;sBAAjB,KAAK;gBACG,MAAM;sBAAd,KAAK;;;MENK,6BAA6B;;0HAA7B,6BAA6B;8GAA7B,6BAA6B,kHCR1C,qbAWA;2FDHa,6BAA6B;kBALzC,SAAS;mBAAC;oBACT,QAAQ,EAAE,4BAA4B;oBACtC,WAAW,EAAE,yCAAyC;oBACtD,SAAS,EAAE,CAAC,yCAAyC,CAAC;iBACvD;8BAEU,eAAe;sBAAvB,KAAK;;;MEFK,uBAAuB;;oHAAvB,uBAAuB;wGAAvB,uBAAuB,4DCPpC,kCACA;2FDMa,uBAAuB;kBALnC,SAAS;mBAAC;oBACT,QAAQ,EAAE,sBAAsB;oBAChC,WAAW,EAAE,mCAAmC;oBAChD,SAAS,EAAE,CAAC,mCAAmC,CAAC;iBACjD;;;MECY,mCAAmC;;gIAAnC,mCAAmC;oHAAnC,mCAAmC,yECPhD,+CACA;2FDMa,mCAAmC;kBAL/C,SAAS;mBAAC;oBACT,QAAQ,EAAE,mCAAmC;oBAC7C,WAAW,EAAE,gDAAgD;oBAC7D,SAAS,EAAE,CAAC,+CAA+C,CAAC;iBAC7D;;;MEmDY,WAAW;;wGAAX,WAAW;yGAAX,WAAW,iBA7BpB,cAAc;QACd,sBAAsB;QACtB,kBAAkB;QAClB,sBAAsB;QACtB,uBAAuB;QACvB,sBAAsB;QACtB,kBAAkB;QAClB,aAAa;QACb,gBAAgB;QAChB,kBAAkB;QAClB,qBAAqB;QACrB,sBAAsB;QACtB,kBAAkB;QAClB,wBAAwB;QACxB,6BAA6B;QAC7B,mCAAmC;QACnC,4CAA4C,aAG5C,YAAY;QACZ,aAAa;QACb,eAAe;QACf,eAAe;QACf,uBAAuB;QACvB,kBAAkB;QAClB,mBAAmB,aAEX,cAAc,EAAE,kBAAkB,EAAE,6BAA6B;yGAEhE,WAAW,YAXb;YACP,YAAY;YACZ,aAAa;YACb,eAAe;YACf,eAAe;YACf,uBAAuB;YACvB,kBAAkB;YAClB,mBAAmB;SACpB;2FAGU,WAAW;kBA/BvB,QAAQ;mBAAC;oBACR,YAAY,EAAE;wBACZ,cAAc;wBACd,sBAAsB;wBACtB,kBAAkB;wBAClB,sBAAsB;wBACtB,uBAAuB;wBACvB,sBAAsB;wBACtB,kBAAkB;wBAClB,aAAa;wBACb,gBAAgB;wBAChB,kBAAkB;wBAClB,qBAAqB;wBACrB,sBAAsB;wBACtB,kBAAkB;wBAClB,wBAAwB;wBACxB,6BAA6B;wBAC7B,mCAAmC;wBACnC,4CAA4C;qBAC7C;oBACD,OAAO,EAAE;wBACP,YAAY;wBACZ,aAAa;wBACb,eAAe;wBACf,eAAe;wBACf,uBAAuB;wBACvB,kBAAkB;wBAClB,mBAAmB;qBACpB;oBACD,OAAO,EAAE,CAAC,cAAc,EAAE,kBAAkB,EAAE,6BAA6B,CAAC;iBAC7E;;;ACxDD;;;;ACAA;;;;;;"}
+{"version":3,"file":"rtsee-ngx.js","sources":["../../../projects/ngx/src/lib/ngx.service.ts","../../../projects/ngx/src/lib/components/rtsee/rtsee-controls/rtsee-controls.component.ts","../../../projects/ngx/src/lib/components/rtsee/rtsee-controls/rtsee-controls.component.html","../../../projects/ngx/src/lib/components/rtsee-settings/rtsee-settings.component.ts","../../../projects/ngx/src/lib/components/rtsee-settings/rtsee-settings.component.html","../../../projects/ngx/src/lib/components/rtsee-soundbar/rtsee-soundbar.component.ts","../../../projects/ngx/src/lib/components/rtsee-soundbar/rtsee-soundbar.component.html","../../../projects/ngx/src/lib/components/rtsee-peer/rtsee-peer.component.ts","../../../projects/ngx/src/lib/components/rtsee-peer/rtsee-peer.component.html","../../../projects/ngx/src/lib/components/rtsee/rtsee.component.ts","../../../projects/ngx/src/lib/components/rtsee/rtsee.component.html","../../../projects/ngx/src/lib/components/rtsee-messenger/messenger-header/messenger-header.component.ts","../../../projects/ngx/src/lib/components/rtsee-messenger/messenger-header/messenger-header.component.html","../../../projects/ngx/src/lib/components/rtsee-messenger/chat-thumbnail/chat-thumbnail.component.ts","../../../projects/ngx/src/lib/components/rtsee-messenger/chat-thumbnail/chat-thumbnail.component.html","../../../projects/ngx/src/lib/components/rtsee-messenger/chats-list/chats-list.component.ts","../../../projects/ngx/src/lib/components/rtsee-messenger/chats-list/chats-list.component.html","../../../projects/ngx/src/lib/components/rtsee-messenger/message/message.component.ts","../../../projects/ngx/src/lib/components/rtsee-messenger/message/message.component.html","../../../projects/ngx/src/lib/components/rtsee-messenger/messages-list/messages-list.component.ts","../../../projects/ngx/src/lib/components/rtsee-messenger/messages-list/messages-list.component.html","../../../projects/ngx/src/lib/components/rtsee-messenger/chat-input/chat-input.component.ts","../../../projects/ngx/src/lib/components/rtsee-messenger/chat-input/chat-input.component.html","../../../projects/ngx/src/lib/components/rtsee-messenger/chat/chat.component.ts","../../../projects/ngx/src/lib/components/rtsee-messenger/chat/chat.component.html","../../../projects/ngx/src/lib/components/rtsee-messenger/messenger/messenger.component.ts","../../../projects/ngx/src/lib/components/rtsee-messenger/messenger/messenger.component.html","../../../projects/ngx/src/lib/services/time-format-helper.service.ts","../../../projects/ngx/src/lib/components/rtsee-events-dashboard/components/rtsee-events-dashboard-client-thumbnail/rtsee-events-dashboard-client-thumbnail.component.ts","../../../projects/ngx/src/lib/components/rtsee-events-dashboard/components/rtsee-events-dashboard-client-thumbnail/rtsee-events-dashboard-client-thumbnail.component.html","../../../projects/ngx/src/lib/components/rtsee-events-dashboard/rtsee-events-dashboard.component.ts","../../../projects/ngx/src/lib/components/rtsee-events-dashboard/rtsee-events-dashboard.component.html","../../../projects/ngx/src/lib/components/rtsee-peers-list/rtsee-peers-list.component.ts","../../../projects/ngx/src/lib/components/rtsee-peers-list/rtsee-peers-list.component.html","../../../projects/ngx/src/lib/components/rtsee-events-dashboard/components/rtsee-events-dashboard-client/rtsee-events-dashboard-client.component.ts","../../../projects/ngx/src/lib/components/rtsee-events-dashboard/components/rtsee-events-dashboard-client/rtsee-events-dashboard-client.component.html","../../../projects/ngx/src/lib/ngx.module.ts","../../../projects/ngx/src/public-api.ts","../../../projects/ngx/src/rtsee-ngx.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class NgxService {\n  lol: string;\n  constructor() {\n    this.lol = 'lol';\n  }\n}\n","import { Component, Input } from '@angular/core';\nimport { RTSee } from '@rtsee/core';\n\n@Component({\n  selector: 'ngx-rtsee-controls',\n  templateUrl: './rtsee-controls.component.html',\n  styleUrls: ['./rtsee-controls.component.scss'],\n})\nexport class RTSeeControlsComponent {\n  @Input() rtsee!: RTSee;\n  @Input() fullScreenMode?: boolean;\n\n  onPresentClicked() {\n    return this.rtsee.isPresenter\n      ? this.rtsee.stopScreenShare()\n      : this.rtsee.startScreenShare();\n  }\n}\n","<div class=\"rtsee-controls\" [ngClass]=\"{'rtsee-full-screen-controls' : fullScreenMode }\">\n  <div class=\"rtsee-bottom-panel\">\n    <div class=\"mic rtsee-buttons-container\">\n      <button mat-icon-button matSuffix\n              class=\"rtsee-ripple-button\"\n              *ngIf=\"rtsee.microphone\"\n              type=\"button\"\n              (click)=\"this.rtsee.disableMicrophone()\"\n      >\n        <span class=\"material-icons-outlined\">mic_none</span>\n      </button>\n      <button mat-icon-button matSuffix\n              class=\"rtsee-ripple-button\"\n              *ngIf=\"!rtsee.microphone\"\n              type=\"button\" (click)=\"this.rtsee.enableMicrophone()\"\n      >\n        <span class=\"material-icons-outlined\">mic_off</span>\n      </button>\n    </div>\n\n    <div class=\"video-camera rtsee-buttons-container\">\n      <button mat-icon-button matSuffix\n              class=\"rtsee-ripple-button\"\n              *ngIf=\"rtsee.camera\"\n              type=\"button\"\n              (click)=\"rtsee.disableCamera()\"\n      >\n        <span class=\"material-icons-outlined\">videocam</span>\n      </button>\n      <button mat-icon-button matSuffix\n              class=\"rtsee-ripple-button\"\n              *ngIf=\"!rtsee.camera\"\n              type=\"button\"\n              (click)=\"rtsee.enableCamera()\"\n      >\n        <span class=\"material-icons-outlined\">videocam_off</span>\n      </button>\n    </div>\n    <div class=\"present rtsee-buttons-container\" [ngClass]=\"{'rtsee-present-button-container': rtsee.isPresenter}\">\n      <button mat-icon-button matSuffix\n              class=\"rtsee-ripple-button\"\n              type=\"button\"\n              (click)=\"onPresentClicked()\"\n      >\n        <span class=\"material-icons-outlined\">present_to_all</span>\n      </button>\n    </div>\n    <div class=\"call-end rtsee-buttons-container\">\n      <button mat-icon-button matSuffix\n              class=\"rtsee-ripple-button\"\n              type=\"button\"\n              (click)=\"rtsee.end()\"\n      >\n        <span class=\"material-icons-outlined\">call_end</span>\n      </button>\n    </div>\n  </div>\n</div>\n","import { Component, Input, OnInit } from '@angular/core';\nimport { RTSee } from '@rtsee/core';\n\n@Component({\n  selector: 'ngx-rtsee-settings',\n  templateUrl: './rtsee-settings.component.html',\n  styleUrls: ['./rtsee-settings.component.scss'],\n})\nexport class RtseeSettingsComponent implements OnInit {\n  availableAudioInputDevices: MediaDeviceInfo[];\n  availableVideoInputDevices: MediaDeviceInfo[];\n  availableAudioOutputDevices: MediaDeviceInfo[];\n\n  @Input() rtSee!: RTSee;\n  @Input() fullScreenMode!: boolean;\n  constructor() {\n    this.availableAudioInputDevices = [];\n    this.availableVideoInputDevices = [];\n    this.availableAudioOutputDevices = [];\n  }\n\n  ngOnInit(): void {\n    this.refreshSelectOptions();\n  }\n\n  refreshSelectOptions() {\n    void this.rtSee.refreshMediaDevicesList();\n  }\n\n  setAudioInput(deviceId: string) {\n    this.rtSee.setAudioInputDevice(deviceId);\n    console.log(deviceId);\n  }\n\n  setAudioOutput(deviceId: string) {\n    this.rtSee.setAudioOutputDevice(deviceId);\n  }\n\n  setVideoInput(deviceId: string) {\n    this.rtSee.setVideoInputDevice(deviceId);\n  }\n}\n","<div class=\"rtsee-settings\" [ngClass]=\"{'rtsee-full-screen-settings' : fullScreenMode}\">\n  <div class=\"rtsee-devices\">\n    <div class=\"rtsee-device-select-wrapper\">\n      <label class=\"rtsee-select-label\" for=\"audio-input\">Audio Input:</label>\n      <select class=\"rtsee-select\" id=\"audio-input\" (click)=\"refreshSelectOptions()\">\n        <option *ngFor=\"let device of rtSee.audioInputDevices\" [value]=\"device.deviceId\" (click)=\"setAudioInput(device.deviceId)\">\n          {{device.label}}\n        </option>\n      </select>\n    </div>\n    <div class=\"rtsee-device-select-wrapper\">\n      <label class=\"rtsee-select-label\" for=\"audio-output\">Audio Output:</label>\n      <select class=\"rtsee-select\" id=\"audio-output\" (click)=\"refreshSelectOptions()\">\n        <option *ngFor=\"let device of rtSee.audioOutputDevices\" [value]=\"device.deviceId\" (click)=\"setAudioOutput(device.deviceId)\">\n          {{device.label}}\n        </option>\n      </select>\n    </div>\n    <div class=\"rtsee-device-select-wrapper\">\n      <label class=\"rtsee-select-label\" for=\"video-input\">Video Input:</label>\n      <select class=\"rtsee-select\" id=\"video-input\" (click)=\"refreshSelectOptions()\">\n        <option *ngFor=\"let device of rtSee.videoInputDevices\" [value]=\"device.deviceId\" (click)=\"setVideoInput(device.deviceId)\">\n          {{device.label}}\n        </option>\n      </select>\n    </div>\n  </div>\n</div>\n","import { Component, Input, OnInit } from '@angular/core';\nimport { RTSeePeerConnection } from '@rtsee/core';\nimport { interval } from 'rxjs';\n\n@Component({\n  selector: 'ngx-rtsee-soundbar',\n  templateUrl: './rtsee-soundbar.component.html',\n  styleUrls: ['./rtsee-soundbar.component.scss'],\n})\nexport class RtseeSoundbarComponent implements OnInit {\n  intervalLength: number;\n  noiceLevel: number;\n  scaleOneLevel: number;\n  scaleTwoLevel: number;\n  scaleThreeLevel: number;\n\n  @Input() peer!: RTSeePeerConnection;\n  constructor() {\n    this.intervalLength = 1000;\n    this.noiceLevel = 0;\n    this.scaleOneLevel = 0;\n    this.scaleTwoLevel = 0;\n    this.scaleThreeLevel = 0;\n  }\n\n  ngOnInit(): void {\n    this.startSoundMeterListening();\n  }\n\n  startSoundMeterListening() {\n    const step = interval(1000 / 10);\n    step.subscribe(() => {\n      if (!this.peer.soundMeter || !this.peer.soundMeter.level) {\n        this.noiceLevel = 0;\n      } else {\n        this.noiceLevel = this.peer.soundMeter?.level * 100 || 0;\n      }\n\n      this.setSoundMeterHeights();\n    });\n  }\n\n  setSoundMeterHeights() {\n    const ZERO_LEVEL = 25;\n    const SCALE_STEP = 25;\n    const SCALE_ONE_TOP = ZERO_LEVEL + SCALE_STEP;\n    const SCALE_TWO_TOP = SCALE_ONE_TOP + SCALE_STEP;\n\n    if (!this.peer || !this.peer.soundMeter || this.noiceLevel < ZERO_LEVEL) {\n      this.scaleOneLevel = 0;\n      this.scaleTwoLevel = 0;\n      this.scaleThreeLevel = 0;\n    }\n\n    const scaleOneValue = ((this.noiceLevel - ZERO_LEVEL) / SCALE_STEP) * 100;\n    const scaleTwoValue =\n      ((this.noiceLevel - SCALE_ONE_TOP) / SCALE_STEP) * 100;\n    const scaleThreeValue =\n      ((this.noiceLevel - SCALE_TWO_TOP) / SCALE_STEP) * 100;\n\n    this.scaleOneLevel = scaleOneValue > 0 ? scaleOneValue : 0;\n    this.scaleTwoLevel = scaleTwoValue > 0 ? scaleTwoValue : 0;\n    this.scaleThreeLevel = scaleThreeValue > 0 ? scaleTwoValue : 0;\n  }\n}\n","<div class=\"rtsee-soundbar\">\n  <div class=\"rtsee-soundbar-scale\">\n    <div class=\"rtsee-soundbar-scale-item\">\n      <div class=\"rtsee-soundbar-scale-item-level rtsee-soundbar-scale-item-level-one\"\n           [style.height.%]=\"scaleOneLevel\"\n      ></div>\n    </div>\n    <div class=\"rtsee-soundbar-scale-item\">\n      <div class=\"rtsee-soundbar-scale-item-level rtsee-soundbar-scale-item-level-two\"\n           [style.height.%]=\"scaleTwoLevel\"\n      ></div>\n    </div>\n    <div class=\"rtsee-soundbar-scale-item\">\n      <div class=\"rtsee-soundbar-scale-item-level rtsee-soundbar-scale-item-level-three\"\n           [style.height.%]=\"scaleThreeLevel\"\n      ></div>\n    </div>\n  </div>\n</div>\n","import {\n  AfterViewInit,\n  Component,\n  ElementRef,\n  Input,\n  ViewChild,\n} from '@angular/core';\nimport { RTSeePeerConnection } from '@rtsee/core';\n\n@Component({\n  selector: 'ngx-rtsee-peer',\n  templateUrl: './rtsee-peer.component.html',\n  styleUrls: ['./rtsee-peer.component.scss'],\n})\nexport class RtseePeerComponent implements AfterViewInit {\n  intervalLength: number;\n  noiceLevel: number;\n\n  @ViewChild('audioOutput') audioOutput?: ElementRef;\n  @ViewChild('videoOutput') videoOutput?: ElementRef;\n  @Input() peer!: RTSeePeerConnection;\n\n  constructor() {\n    this.intervalLength = 1000;\n    this.noiceLevel = 0;\n  }\n\n  ngAfterViewInit(): void {\n    if (!this.audioOutput) {\n      return;\n    }\n    this.peer.setAudioOutputElement(\n      this.audioOutput.nativeElement as HTMLAudioElement\n    );\n  }\n}\n","<div class=\"rtsee-peer\" [ngClass]=\"{\n'rtsee-peer-video-disabled': !peer.remoteVideoStream || !peer.camera\n}\">\n  <div class=\"rtsee-peer-content\">\n    <div class=\"rtsee-peer-photo\" *ngIf=\"!peer.camera\">\n      <div class=\"rtsee-peer-photo-wrapper\">\n        <div  *ngIf=\"peer.imageUrl\"\n              [style.background-image]=\"'url(' + peer.imageUrl + ')'\"\n              class=\"rtsee-peer-photo-image\"\n        ></div>\n        <img *ngIf=\"!peer.imageUrl\" [src]=\"\" alt=\"peer_photo\" class=\"rtsee-peer-photo-image\">\n      </div>\n      <div class=\"rtsee-peer-info\">\n        <p class=\"rtsee-peer-name\" *ngIf=\"peer.name\">{{peer.name}}</p>\n      </div>\n    </div>\n      <video #videoOutput\n             class=\"rtsee-peer-video\"\n             [autoplay]=\"true\"\n             [srcObject]=\"peer.remoteVideoStream\"\n             playsinline=\"true\"\n      >\n      </video>\n    <div class=\"rtsee-peer-soundbar\">\n      <ngx-rtsee-soundbar [peer]=\"peer\"></ngx-rtsee-soundbar>\n    </div>\n  </div>\n</div>\n","import { Component, Input } from '@angular/core';\nimport { RTSee } from '@rtsee/core';\n\n@Component({\n  selector: 'ngx-rtsee',\n  templateUrl: './rtsee.component.html',\n  styleUrls: ['./rtsee.component.scss'],\n})\nexport class RTSeeComponent {\n  settingsViewEnabled: boolean;\n  fullScreenModeEnabled: boolean;\n\n  @Input() rtSee!: RTSee;\n  constructor() {\n    this.settingsViewEnabled = false;\n    this.fullScreenModeEnabled = false;\n  }\n\n  toggleSettings() {\n    this.settingsViewEnabled = !this.settingsViewEnabled;\n  }\n\n  toggleFullScreenMode() {\n    this.fullScreenModeEnabled = !this.fullScreenModeEnabled;\n  }\n}\n","<div class=\"rtsee-shell\" [ngClass]=\"{\n'rtsee-shell-expanded': rtSee.uiControls.isExpanded || fullScreenModeEnabled,\n'rtsee-shell-no-companions': !rtSee.rtcPeerConnections.connections?.length\n}\">\n  <div class=\"rtsee-local-peer\" *ngIf=\"rtSee.localStream && rtSee.camera\">\n    <video class=\"rtsee-local-video\"\n           [autoplay]=\"true\"\n           [muted]=\"true\"\n           [srcObject]=\"rtSee.localStream\"\n           playsinline=\"true\"\n    ></video>\n  </div>\n  <div class=\"rtsee-window-controls\">\n    <button mat-icon-button matSuffix\n            type=\"button\"\n            (click)=\"this.toggleSettings()\"\n            class=\"rtsee-window-controls-button rtsee-ripple-button\"\n    >\n      <span class=\"material-icons-outlined\">settings</span>\n    </button>\n    <button mat-icon-button matSuffix\n            type=\"button\"\n            (click)=\"this.toggleFullScreenMode()\"\n            class=\"rtsee-window-controls-button rtsee-ripple-button\"\n    >\n      <span class=\"material-icons-outlined\">open_in_full</span>\n    </button>\n  </div>\n  <div class=\"rtsee-settings-container\" *ngIf=\"settingsViewEnabled\">\n    <button mat-icon-button matSuffix\n            type=\"button\"\n            (click)=\"this.toggleSettings()\"\n            class=\"rtsee-close-settings-button\"\n    >\n      <span class=\"material-icons-outlined\">close</span>\n    </button>\n    <ngx-rtsee-settings [rtSee]=\"rtSee\" [fullScreenMode]=\"fullScreenModeEnabled\"></ngx-rtsee-settings>\n  </div>\n  <div class=\"rtsee-screen-share\" *ngIf=\"rtSee.screenSharePeer\" >\n    <video [autoplay]=\"true\"\n           [muted]=\"true\"\n           [srcObject]=\"rtSee.screenSharePeer.remoteVideoStream\"\n           playsinline=\"true\"\n           class=\"rtsee-screen-share-video\"\n    ></video>\n  </div>\n  <div class=\"rtsee-peers\" [ngClass]=\"{\n    'rtsee-peers-alone': !rtSee.rtcPeerConnections.connections?.length,\n    'rtsee-peers-one': rtSee.rtcPeerConnections.connections?.length === 1,\n    'rtsee-peers-three-grid': rtSee.rtcPeerConnections.connections?.length\n      && rtSee.rtcPeerConnections.connections.length > 1\n      && rtSee.rtcPeerConnections.connections.length < 4,\n    'rtsee-peers-six-grid': rtSee.rtcPeerConnections.connections?.length\n      && rtSee.rtcPeerConnections.connections.length > 3\n      && rtSee.rtcPeerConnections.connections.length < 7,\n    'rtsee-peers-nine-grid': rtSee.rtcPeerConnections.connections?.length\n      && rtSee.rtcPeerConnections.connections.length >= 7\n  }\">\n    <div class=\"rtsee-peer-wrapper\"\n         *ngFor=\"let peer of rtSee.rtcPeerConnections.connections\"\n    >\n      <ngx-rtsee-peer [peer]=\"peer\"></ngx-rtsee-peer>\n    </div>\n  </div>\n  <div class=\"rtsee-peers-list\"></div>\n  <div class=\"rtsee-controls-wrapper\">\n    <ngx-rtsee-controls [rtsee]=\"rtSee\" [fullScreenMode]=\"fullScreenModeEnabled\"></ngx-rtsee-controls>\n  </div>\n</div>\n\n","import { Component, Input } from '@angular/core';\nimport { RTSeeMessenger } from '@rtsee/messenger';\n\n@Component({\n  selector: 'ngx-messenger-header',\n  templateUrl: './messenger-header.component.html',\n  styleUrls: ['./messenger-header.component.css'],\n})\nexport class MessengerHeaderComponent {\n  @Input() messenger!: RTSeeMessenger;\n}\n","<div class=\"rtsee-messenger-header\" [ngClass]=\"{ 'chat-header': messenger.openedChat }\">\n  <button *ngIf=\"messenger.openedChat\" (click)=\"messenger.closeChat()\"><span>&#8592;</span></button>\n  <p class=\"title\" *ngIf=\"!messenger.openedChat\">Wessenger</p>\n  <p class=\"title\" *ngIf=\"messenger.openedChat\">{{ messenger.openedChat.name }}</p>\n</div>\n","import { Component, Input } from '@angular/core';\nimport { RTSeeChat, RTSeeMessenger } from '@rtsee/messenger';\n\n@Component({\n  selector: 'ngx-chat-thumbnail',\n  templateUrl: './chat-thumbnail.component.html',\n  styleUrls: ['./chat-thumbnail.component.css'],\n})\nexport class ChatThumbnailComponent {\n  @Input() chat!: RTSeeChat;\n  @Input() messenger!: RTSeeMessenger;\n}\n","<div class=\"rtsee-chat-thumbnail\" (click)=\"messenger.openChat(chat)\">\n  <div class=\"chat-info\">\n    <div class=\"rtsee-chat-thumbnail-image\">\n      <img [src]=\"chat.imageUrl\" alt=\"chat-img\">\n    </div>\n    <p class=\"rtsee-chat-thumbnail-name\">{{ chat.name }}</p>\n  </div>\n  <div class=\"last-message\">\n    <p class=\"rtsee-chat-thumbnail-last-message\">{{chat.getLastSenderName()}} {{chat.getLastSentMessageText()}}</p>\n  </div>\n</div>\n","import { Component, Input, OnInit } from '@angular/core';\nimport { RTSeeChat, RTSeeMessenger } from '@rtsee/messenger';\n\n@Component({\n  selector: 'ngx-chats-list',\n  templateUrl: './chats-list.component.html',\n  styleUrls: ['./chats-list.component.css'],\n})\nexport class ChatsListComponent implements OnInit {\n  @Input() messenger!: RTSeeMessenger;\n  @Input() chats!: RTSeeChat[];\n\n  ngOnInit(): void {\n    console.log(this.chats);\n  }\n}\n","<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","import { Component, Input } from '@angular/core';\nimport { RTSeeChat, RTSeeChatMember, RTSeeMessage } from '@rtsee/messenger';\n\n@Component({\n  selector: 'ngx-message',\n  templateUrl: './message.component.html',\n  styleUrls: ['./message.component.css'],\n})\nexport class MessageComponent {\n  @Input() chat!: RTSeeChat;\n  @Input() message!: RTSeeMessage;\n  @Input() member!: RTSeeChatMember<any>;\n}\n","<div class=\"rtsee-message-container\" [ngClass]=\"{'rtsee-from-me': message.from !== chat.receiverId}\">\n  <div class=\"rtsee-messenger-message\">\n    <p>{{ message.text }}</p>\n  </div>\n</div>\n","import { Component, Input } from '@angular/core';\nimport { RTSeeChat, RTSeeMessenger } from '@rtsee/messenger';\n\n@Component({\n  selector: 'ngx-messages-list',\n  templateUrl: './messages-list.component.html',\n  styleUrls: ['./messages-list.component.css'],\n})\nexport class MessagesListComponent {\n  @Input() chat!: RTSeeChat;\n  @Input() messenger!: RTSeeMessenger;\n}\n","<div class=\"rtsee-messenger-messages-list\">\n  <div class=\"rtsee-messenger-message-wrapper\" *ngFor=\"let message of chat.messages\">\n    <ngx-message [message]=\"message\" [chat]=\"chat\"></ngx-message>\n  </div>\n</div>\n","import { Component, Input } from '@angular/core';\nimport { FormControl, FormGroup, Validators } from '@angular/forms';\nimport { RTSeeChat, RTSeeMessenger } from '@rtsee/messenger';\n\n@Component({\n  selector: 'ngx-chat-input',\n  templateUrl: './chat-input.component.html',\n  styleUrls: ['./chat-input.component.css'],\n})\nexport class ChatInputComponent {\n  sendMessageForm: FormGroup = new FormGroup({\n    /* eslint-disable */\n    message: new FormControl('', Validators.required),\n    /* eslint-enable */\n  });\n\n  @Input() messenger!: RTSeeMessenger;\n  @Input() chat!: RTSeeChat;\n\n  sendMessage() {\n    const text = this.sendMessageForm.get('message')?.value as string;\n    if (!text) {\n      return;\n    }\n    this.chat.sendMessage(text);\n    this.sendMessageForm.get('message')?.setValue('');\n  }\n}\n","<div class=\"rtsee-chat-input\">\n  <div class=\"rtsee-send-message\">\n    <form [formGroup]=\"sendMessageForm\">\n      <input placeholder=\"Type message...\" type=\"text\" formControlName=\"message\" required>\n      <button (click)=\"sendMessage()\"\n              class=\"rtsee-send-message-button\"\n              type=\"submit\">\n        <span>Send</span>\n      </button>\n    </form>\n  </div>\n</div>\n","import { Component, Input } from '@angular/core';\nimport { RTSeeChat, RTSeeMessenger } from '@rtsee/messenger';\n\n@Component({\n  selector: 'ngx-chat',\n  templateUrl: './chat.component.html',\n  styleUrls: ['./chat.component.css'],\n})\nexport class ChatComponent {\n  @Input() chat!: RTSeeChat;\n  @Input() messenger!: RTSeeMessenger;\n}\n","<div class=\"rtsee-chat\">\n  <div class=\"rtsee-chat-body-container\">\n    <ngx-messages-list [messenger]=\"messenger\" [chat]=\"chat\"></ngx-messages-list>\n  </div>\n  <div class=\"input-container\">\n    <ngx-chat-input [messenger]=\"messenger\" [chat]=\"chat\"></ngx-chat-input>\n  </div>\n</div>\n","import { Component, Input } from '@angular/core';\nimport { RTSeeMessenger } from '@rtsee/messenger';\n\n@Component({\n  selector: 'ngx-messenger',\n  templateUrl: './messenger.component.html',\n  styleUrls: ['./messenger.component.scss'],\n})\nexport class MessengerComponent {\n  @Input() messenger!: RTSeeMessenger;\n}\n","<div class=\"rtsee-messenger\">\n  <div class=\"rtsee-messenger-header-container\">\n    <ngx-messenger-header [messenger]=\"messenger\"></ngx-messenger-header>\n  </div>\n  <div  class=\"rtsee-messenger-body-container\">\n    <ngx-chats-list *ngIf=\"!messenger.openedChat\" [chats]=\"messenger.chats\" [messenger]=\"messenger\"></ngx-chats-list>\n    <ngx-chat *ngIf=\"messenger.openedChat\" [messenger]=\"messenger\" [chat]=\"messenger.openedChat\"></ngx-chat>\n  </div>\n</div>\n\n\n","import { Injectable } from '@angular/core';\n\nimport * as dayjs from 'dayjs';\nimport * as relativeTime from 'dayjs/plugin/relativeTime';\ndayjs.extend(relativeTime);\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class TimeFormatHelperService {\n  toAgo(time: Date): string {\n    /* eslint-disable */\n    return dayjs(time).fromNow() as string;\n    /* eslint-enable */\n  }\n}\n","import { Component, Input, OnInit } from '@angular/core';\nimport {\n  RTSeeDashboardClient,\n  RTSeeEventsDashboard,\n} from '@rtsee/events-manager';\nimport { TimeFormatHelperService } from '../../../../services/time-format-helper.service';\n\n@Component({\n  selector: 'ngx-rtsee-events-dashboard-client-thumbnail',\n  templateUrl: './rtsee-events-dashboard-client-thumbnail.component.html',\n  styleUrls: ['./rtsee-events-dashboard-client-thumbnail.component.scss'],\n})\nexport class RtseeEventsDashboardClientThumbnailComponent implements OnInit {\n  @Input() dashboard!: RTSeeEventsDashboard;\n  @Input() client!: RTSeeDashboardClient;\n\n  constructor(public timeFormatService: TimeFormatHelperService) {}\n\n  ngOnInit(): void {\n    console.log(this.client);\n  }\n\n  openChat() {\n    this.dashboard.openChat(this.client);\n  }\n}\n","<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","import { Component, Input } from '@angular/core';\nimport { RTSeeEventsDashboard } from '@rtsee/events-manager';\n\n@Component({\n  selector: 'ngx-rtsee-events-dashboard',\n  templateUrl: './rtsee-events-dashboard.component.html',\n  styleUrls: ['./rtsee-events-dashboard.component.scss'],\n})\nexport class RtseeEventsDashboardComponent {\n  @Input() eventsDashboard!: RTSeeEventsDashboard;\n}\n","<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","import { Component } from '@angular/core';\n\n@Component({\n  selector: 'ngx-rtsee-peers-list',\n  templateUrl: './rtsee-peers-list.component.html',\n  styleUrls: ['./rtsee-peers-list.component.scss'],\n})\nexport class RtseePeersListComponent {}\n","<p>rtsee-peers-list works!</p>\n","import { Component } from '@angular/core';\n\n@Component({\n  selector: 'ngx-rtsee-events-dashboard-client',\n  templateUrl: './rtsee-events-dashboard-client.component.html',\n  styleUrls: ['./rtsee-events-dashboard-client.component.css'],\n})\nexport class RtseeEventsDashboardClientComponent {}\n","<p>rtsee-events-dashboard-client works!</p>\n","import { NgModule } from '@angular/core';\nimport { RTSeeComponent } from './components/rtsee/rtsee.component';\nimport { RTSeeControlsComponent } from './components/rtsee/rtsee-controls/rtsee-controls.component';\nimport { CommonModule } from '@angular/common';\nimport { RtseePeerComponent } from './components/rtsee-peer/rtsee-peer.component';\nimport { RtseeSoundbarComponent } from './components/rtsee-soundbar/rtsee-soundbar.component';\nimport { RtseePeersListComponent } from './components/rtsee-peers-list/rtsee-peers-list.component';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatButtonModule } from '@angular/material/button';\nimport { RtseeSettingsComponent } from './components/rtsee-settings/rtsee-settings.component';\nimport { MatSelectModule } from '@angular/material/select';\nimport { BrowserAnimationsModule } from '@angular/platform-browser/animations';\nimport { MatFormFieldModule } from '@angular/material/form-field';\nimport { MessengerComponent } from './components/rtsee-messenger/messenger/messenger.component';\nimport { ChatComponent } from './components/rtsee-messenger/chat/chat.component';\nimport { MessageComponent } from './components/rtsee-messenger/message/message.component';\nimport { ChatsListComponent } from './components/rtsee-messenger/chats-list/chats-list.component';\nimport { MessagesListComponent } from './components/rtsee-messenger/messages-list/messages-list.component';\nimport { ChatThumbnailComponent } from './components/rtsee-messenger/chat-thumbnail/chat-thumbnail.component';\nimport { ChatInputComponent } from './components/rtsee-messenger/chat-input/chat-input.component';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { MessengerHeaderComponent } from './components/rtsee-messenger/messenger-header/messenger-header.component';\nimport { RtseeEventsDashboardComponent } from './components/rtsee-events-dashboard/rtsee-events-dashboard.component';\nimport { RtseeEventsDashboardClientComponent } from './components/rtsee-events-dashboard/components/rtsee-events-dashboard-client/rtsee-events-dashboard-client.component';\nimport { RtseeEventsDashboardClientThumbnailComponent } from './components/rtsee-events-dashboard/components/rtsee-events-dashboard-client-thumbnail/rtsee-events-dashboard-client-thumbnail.component';\n\n@NgModule({\n  declarations: [\n    RTSeeComponent,\n    RTSeeControlsComponent,\n    RtseePeerComponent,\n    RtseeSoundbarComponent,\n    RtseePeersListComponent,\n    RtseeSettingsComponent,\n    MessengerComponent,\n    ChatComponent,\n    MessageComponent,\n    ChatsListComponent,\n    MessagesListComponent,\n    ChatThumbnailComponent,\n    ChatInputComponent,\n    MessengerHeaderComponent,\n    RtseeEventsDashboardComponent,\n    RtseeEventsDashboardClientComponent,\n    RtseeEventsDashboardClientThumbnailComponent,\n  ],\n  imports: [\n    CommonModule,\n    MatIconModule,\n    MatButtonModule,\n    MatSelectModule,\n    BrowserAnimationsModule,\n    MatFormFieldModule,\n    ReactiveFormsModule,\n  ],\n  exports: [RTSeeComponent, MessengerComponent, RtseeEventsDashboardComponent],\n})\nexport class RTSeeModule {}\n","/*\n * Public API Surface of ngx\n */\n\nexport * from './lib/ngx.service';\nexport * from './lib/components/rtsee/rtsee-controls/rtsee-controls.component';\nexport * from './lib/components/rtsee/rtsee.component';\nexport * from './lib/components/rtsee-messenger/messenger/messenger.component';\nexport * from './lib/components/rtsee-events-dashboard/rtsee-events-dashboard.component';\nexport * from './lib/ngx.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/dist/ngx/lib/components/rtsee-messenger/message/message.component.d.ts

@@ -1,8 +1,9 @@
-import { RTSeeChatMember, RTSeeMessage } from '@rtsee/messenger';
+import { RTSeeChat, RTSeeChatMember, RTSeeMessage } from '@rtsee/messenger';
 import * as i0 from "@angular/core";
 export declare class MessageComponent {
+    chat: RTSeeChat;
     message: RTSeeMessage;
     member: RTSeeChatMember<any>;
     static ɵfac: i0.ɵɵFactoryDeclaration<MessageComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MessageComponent, "ngx-message", never, { "message": "message"; "member": "member"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MessageComponent, "ngx-message", never, { "chat": "chat"; "message": "message"; "member": "member"; }, {}, never, never>;
 }

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.0.14",
+  "version": "0.0.17",
   "name": "@rtsee/ngx",
   "module": "./dist/ngx/esm2015/public-api.js",
   "types": "./dist/ngx/rtsee-ngx.d.ts",
@@ -59,5 +59,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "51404cfbe997e8c30fd2f2aa86d787f6d4439787"
+  "gitHead": "0bf8fc6149039e7c1821a418dd5588fc877a3e72"
 }