@rtsee/ngx 0.0.21 → 0.0.24

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

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    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('@rtsee/messenger'), require('ngx-autosize'), require('ngx-infinite-scroll'), 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', '@rtsee/messenger', 'ngx-autosize', 'ngx-infinite-scroll', '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.messenger, global.i2$1, global.i3$1, global.dayjs, global.relativeTime, global.ng.material.icon, global.ng.material.select, global.ng.platformBrowser.animations));
-}(this, (function (exports, i0, i1, i2, i3, i1$1, rxjs, messenger, i2$1, i3$1, dayjs, relativeTime, icon, select, animations) { 'use strict';
+    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('@rtsee/messenger'), require('ngx-autosize'), require('ngx-infinite-scroll'), 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', '@rtsee/messenger', 'ngx-autosize', 'ngx-infinite-scroll', '@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.messenger, global.i2$1, global.i3$1, global.ng.material.icon, global.ng.material.select, global.ng.platformBrowser.animations));
+}(this, (function (exports, i0, i1, i2, i3, i1$1, rxjs, dayjs, relativeTime, messenger, i2$1, i3$1, icon, select, animations) { 'use strict';
 
     function _interopNamespace(e) {
         if (e && e.__esModule) return e;
@@ -29,10 +29,10 @@
     var i2__namespace = /*#__PURE__*/_interopNamespace(i2);
     var i3__namespace = /*#__PURE__*/_interopNamespace(i3);
     var i1__namespace$1 = /*#__PURE__*/_interopNamespace(i1$1);
-    var i2__namespace$1 = /*#__PURE__*/_interopNamespace(i2$1);
-    var i3__namespace$1 = /*#__PURE__*/_interopNamespace(i3$1);
     var dayjs__namespace = /*#__PURE__*/_interopNamespace(dayjs);
     var relativeTime__namespace = /*#__PURE__*/_interopNamespace(relativeTime);
+    var i2__namespace$1 = /*#__PURE__*/_interopNamespace(i2$1);
+    var i3__namespace$1 = /*#__PURE__*/_interopNamespace(i3$1);
 
     var NgxService = /** @class */ (function () {
         function NgxService() {
@@ -248,17 +248,15 @@
             this.defaultImagesService = defaultImagesService;
         }
         MessengerHeaderComponent.prototype.call = function () {
-            var _a;
-            if (!((_a = this.messenger.openedChat) === null || _a === void 0 ? void 0 : _a.id)) {
-                console.log('Unable to call, no opened chat!');
+            if (!this.messenger.openedChat) {
                 return;
             }
-            void this.messenger.initializeVideoCall(this.messenger.openedChat.id);
+            void this.messenger.initializeVideoCall(this.messenger.openedChat);
         };
         return MessengerHeaderComponent;
     }());
     MessengerHeaderComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0__namespace, type: MessengerHeaderComponent, deps: [{ token: DefaultImagesService }], 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     [ngClass]=\"{ 'rtsee-messenger-header-chat-opened': messenger.openedChat }\"\n>\n  <div *ngIf=\"!messenger.openedChat\" class=\"rtsee-messenger-profile-image\">\n    <img *ngIf=\"messenger.myPeer?.imageUrl\" [src]=\"messenger.myPeer.imageUrl\">\n    <img *ngIf=\"!messenger.myPeer?.imageUrl\" [src]=\"defaultImagesService.PROFILE\">\n  </div>\n\n  <button class=\"rtsee-messenger-close-chat\"\n          *ngIf=\"messenger.openedChat\"\n          (click)=\"messenger.closeChat()\"\n  ><span>&#8592;</span>\n  </button>\n\n  <div *ngIf=\"messenger.openedChat\" class=\"rtsee-messenger-header-opened-chat-info\">\n    <div class=\"rtsee-messenger-profile-image\">\n      <img *ngIf=\"messenger.openedChat.imageUrl\" [src]=\"messenger.openedChat.imageUrl\">\n      <img *ngIf=\"!messenger.openedChat.imageUrl\" [src]=\"defaultImagesService.PROFILE\">\n    </div>\n    <p *ngIf=\"messenger.openedChat\"\n       class=\"rtsee-messenger-header-chat-title\"\n    >{{ messenger.openedChat.name }}</p>\n  </div>\n\n  <p *ngIf=\"!messenger.openedChat\"\n     class=\"rtsee-messenger-header-title\"\n  >Chats</p>\n\n  <button\n    *ngIf=\"messenger.openedChat\"\n    (click)=\"call()\"\n    class=\"rtsee-messenger-call-button\"\n  >Call</button>\n</div>\n", styles: [""], directives: [{ type: i2__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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\"\n     [ngClass]=\"{ 'rtsee-messenger-header-chat-opened': messenger.openedChat }\"\n>\n  <div *ngIf=\"!messenger.openedChat\" class=\"rtsee-messenger-profile-image\">\n    <img *ngIf=\"messenger.myPeer?.imageUrl\" [src]=\"messenger.myPeer.imageUrl\">\n    <img *ngIf=\"!messenger.myPeer?.imageUrl\" [src]=\"defaultImagesService.PROFILE\">\n  </div>\n\n  <button class=\"rtsee-messenger-close-chat\"\n          *ngIf=\"messenger.openedChat\"\n          (click)=\"messenger.closeChat()\"\n  >\n    <span>&#8592;</span>\n    <span *ngIf=\"messenger.unreadMessagesCount\">{{messenger.unreadMessagesCount}}</span>\n  </button>\n\n  <div *ngIf=\"messenger.openedChat\" class=\"rtsee-messenger-header-opened-chat-info\">\n    <div class=\"rtsee-messenger-profile-image\">\n      <img *ngIf=\"messenger.openedChat.imageUrl\" [src]=\"messenger.openedChat.imageUrl\">\n      <img *ngIf=\"!messenger.openedChat.imageUrl\" [src]=\"defaultImagesService.PROFILE\">\n    </div>\n    <p *ngIf=\"messenger.openedChat\"\n       class=\"rtsee-messenger-header-chat-title\"\n    >{{ messenger.openedChat.name }}</p>\n  </div>\n\n  <p *ngIf=\"!messenger.openedChat\"\n     class=\"rtsee-messenger-header-title\"\n  >Chats</p>\n\n  <button\n    *ngIf=\"messenger.openedChat\"\n    (click)=\"call()\"\n    class=\"rtsee-messenger-call-button\"\n  >Call</button>\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: [{
@@ -270,13 +268,105 @@
                     type: i0.Input
                 }] } });
 
+    dayjs__namespace.extend(relativeTime__namespace);
+    var TimeFormatHelperService = /** @class */ (function () {
+        function TimeFormatHelperService() {
+        }
+        TimeFormatHelperService.prototype.toAgo = function (time) {
+            /* eslint-disable */
+            return dayjs__namespace(time).fromNow();
+            /* eslint-enable */
+        };
+        TimeFormatHelperService.prototype.toDayOfWeek = function (time) {
+            /* eslint-disable */
+            return dayjs__namespace(time).format('ddd');
+            /* eslint-enable */
+        };
+        TimeFormatHelperService.prototype.toTime = function (time) {
+            /* eslint-disable */
+            return dayjs__namespace(time).format('HH:mm');
+            /* eslint-enable */
+        };
+        TimeFormatHelperService.prototype.toDate = function (time) {
+            /* eslint-disable */
+            return dayjs__namespace(time).format('D MMMM');
+            /* eslint-enable */
+        };
+        TimeFormatHelperService.prototype.toDateNumeral = function (time) {
+            /* eslint-disable */
+            return dayjs__namespace(time).format('DD.MM');
+            /* eslint-enable */
+        };
+        TimeFormatHelperService.prototype.toDateNumeralWithYear = function (time) {
+            /* eslint-disable */
+            return dayjs__namespace(time).format('DD.MM.YY');
+            /* eslint-enable */
+        };
+        TimeFormatHelperService.prototype.toDateWithYear = function (time) {
+            /* eslint-disable */
+            return dayjs__namespace(time).format('MMMM D, YYYY ');
+            /* eslint-enable */
+        };
+        TimeFormatHelperService.prototype.formatDate = function (time) {
+            var today = new Date();
+            var dayMs = 1000 * 60 * 60 * 24;
+            var twoDays = dayMs * 2;
+            if (!time) {
+                return '';
+            }
+            if (today.getTime() - time.getTime() < dayMs &&
+                today.getDay() === time.getDay()) {
+                return 'Today';
+            }
+            if (today.getTime() - time.getTime() < twoDays &&
+                today.getTime() - time.getTime() > dayMs &&
+                today.getDay() !== time.getDay()) {
+                return 'Yesterday';
+            }
+            if (today.getFullYear() === time.getFullYear()) {
+                return this.toDate(time);
+            }
+            return this.toDateWithYear(time);
+        };
+        TimeFormatHelperService.prototype.formatTimeOrDate = function (time) {
+            if (!time) {
+                return '';
+            }
+            var today = new Date();
+            var dayMs = 1000 * 60 * 60 * 24;
+            if (today.getTime() - time.getTime() < dayMs &&
+                today.getDay() === time.getDay()) {
+                return this.toTime(time);
+            }
+            if (today.getTime() - time.getTime() > dayMs &&
+                today.getTime() - time.getTime() < dayMs * 7) {
+                return this.toDayOfWeek(time);
+            }
+            if (today.getTime() - time.getTime() > dayMs * 7 &&
+                today.getFullYear() === time.getFullYear()) {
+                return this.toDateNumeral(time);
+            }
+            return this.toDateNumeralWithYear(time);
+        };
+        return TimeFormatHelperService;
+    }());
+    TimeFormatHelperService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0__namespace, type: TimeFormatHelperService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    TimeFormatHelperService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0__namespace, type: TimeFormatHelperService, providedIn: 'root' });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0__namespace, type: TimeFormatHelperService, decorators: [{
+                type: i0.Injectable,
+                args: [{
+                        providedIn: 'root',
+                    }]
+            }] });
+
     var ChatThumbnailComponent = /** @class */ (function () {
-        function ChatThumbnailComponent() {
+        function ChatThumbnailComponent(timeFormatService) {
+            this.timeFormatService = timeFormatService;
         }
         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\" alt=\"chat-img\">\n  </div>\n  <div class=\"rtsee-chat-thumbnail-info\">\n    <p class=\"rtsee-chat-thumbnail-name\">{{ chat.name }}</p>\n    <p class=\"rtsee-chat-thumbnail-last-message\">{{chat.getLastSenderName()}} {{chat.getLastSentMessageText()}}</p>\n  </div>\n</div>\n", styles: [""] });
+    ChatThumbnailComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0__namespace, type: ChatThumbnailComponent, deps: [{ token: TimeFormatHelperService }], 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\" alt=\"chat-img\">\n  </div>\n  <div class=\"rtsee-chat-thumbnail-info\">\n    <p class=\"rtsee-chat-thumbnail-name\">{{ chat.name }} <span>{{ chat.unreadMessagesCount }}</span></p>\n    <p class=\"rtsee-chat-thumbnail-last-sender\">{{chat.getLastSenderName()}}</p>\n    <p class=\"rtsee-chat-thumbnail-last-message\" *ngIf=\"chat.messages.length\">\n      <span>{{chat.getLastSentMessageText()}}</span>\n      <span>{{chat.unreadMessagesCount}}</span>\n      <span>{{chat.getLastSentMessageStatus()}}</span>\n      <span>{{timeFormatService.formatTimeOrDate(chat.getLastSentMessageTime())}}</span>\n    </p>\n  </div>\n</div>\n", styles: [""], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0__namespace, type: ChatThumbnailComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -284,7 +374,7 @@
                         templateUrl: './chat-thumbnail.component.html',
                         styleUrls: ['./chat-thumbnail.component.css'],
                     }]
-            }], propDecorators: { chat: [{
+            }], ctorParameters: function () { return [{ type: TimeFormatHelperService }]; }, propDecorators: { chat: [{
                     type: i0.Input
                 }], messenger: [{
                     type: i0.Input
@@ -392,9 +482,10 @@
             }] });
 
     var MessageComponent = /** @class */ (function () {
-        function MessageComponent(widgetsService, componentFactoryResolver) {
+        function MessageComponent(widgetsService, componentFactoryResolver, timeFormatService) {
             this.widgetsService = widgetsService;
             this.componentFactoryResolver = componentFactoryResolver;
+            this.timeFormatService = timeFormatService;
         }
         MessageComponent.prototype.ngAfterViewInit = function () {
             /* eslint-disable */
@@ -415,8 +506,8 @@
         };
         return MessageComponent;
     }());
-    MessageComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0__namespace, type: MessageComponent, deps: [{ token: WidgetsService }, { token: i0__namespace.ComponentFactoryResolver }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    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", messenger: "messenger" }, viewQueries: [{ propertyName: "widgetHost", first: true, predicate: WidgetDirective, descendants: true }], ngImport: i0__namespace, template: "<div class=\"rtsee-messenger-message-container\" [ngClass]=\"{'rtsee-message-from-me': message.from !== chat.receiverId}\">\n  <div class=\"rtsee-messenger-message\">\n    <ng-template widgetHost></ng-template>\n    <p *ngIf=\"!message.widget\"\n       class=\"rtsee-messenger-message-text\"\n    >{{ message.text }}</p>\n  </div>\n</div>\n", styles: [""], directives: [{ type: i2__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: WidgetDirective, selector: "[widgetHost]" }, { type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+    MessageComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0__namespace, type: MessageComponent, deps: [{ token: WidgetsService }, { token: i0__namespace.ComponentFactoryResolver }, { token: TimeFormatHelperService }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    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", messenger: "messenger" }, viewQueries: [{ propertyName: "widgetHost", first: true, predicate: WidgetDirective, descendants: true }], ngImport: i0__namespace, template: "<div class=\"rtsee-messenger-message-container\"\n     [ngClass]=\"{'rtsee-message-from-me': message.from === messenger.clientId}\"\n>\n  <div class=\"rtsee-messenger-message\">\n    <ng-template widgetHost></ng-template>\n    <p *ngIf=\"!message.widget\"\n       class=\"rtsee-messenger-message-text\"\n    >{{ message.text }}</p>\n    <div class=\"rtsee-messenger-message-info\">\n      <div class=\"rtsee-messenger-message-time\">\n        <p>{{ timeFormatService.toTime(message.createdAt) }}</p>\n      </div>\n      <div class=\"rtsee-messenger-message-status\" *ngIf=\"message.from === messenger.clientId\">\n        <span *ngIf=\"message.status === 'pending'\">pending</span>\n        <span *ngIf=\"message.status === 'sent'\">sent</span>\n        <span *ngIf=\"message.status === 'delivered'\">delivered</span>\n        <span *ngIf=\"message.status === 'seen'\">seen</span>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [""], directives: [{ type: i2__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: WidgetDirective, selector: "[widgetHost]" }, { 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: MessageComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -424,7 +515,7 @@
                         templateUrl: './message.component.html',
                         styleUrls: ['./message.component.css'],
                     }]
-            }], ctorParameters: function () { return [{ type: WidgetsService }, { type: i0__namespace.ComponentFactoryResolver }]; }, propDecorators: { chat: [{
+            }], ctorParameters: function () { return [{ type: WidgetsService }, { type: i0__namespace.ComponentFactoryResolver }, { type: TimeFormatHelperService }]; }, propDecorators: { chat: [{
                     type: i0.Input
                 }], message: [{
                     type: i0.Input
@@ -438,12 +529,26 @@
                 }] } });
 
     var MessagesListComponent = /** @class */ (function () {
-        function MessagesListComponent() {
+        function MessagesListComponent(timeFormatService) {
+            this.timeFormatService = timeFormatService;
         }
+        MessagesListComponent.prototype.hasDateChanged = function (currentMessage, index) {
+            var previousMessage = this.chat.messages[index - 1];
+            if (!previousMessage) {
+                return true;
+            }
+            if (!previousMessage.createdAt || !currentMessage.createdAt) {
+                return false;
+            }
+            return (previousMessage.createdAt.getDay() !== currentMessage.createdAt.getDay());
+        };
+        MessagesListComponent.prototype.formatDate = function (message) {
+            return this.timeFormatService.formatDate(message.createdAt);
+        };
         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-wrapper\" *ngFor=\"let message of chat.messages\">\n    <ngx-message [message]=\"message\" [messenger]=\"messenger\" [chat]=\"chat\"></ngx-message>\n  </div>\n</div>\n", styles: [""], components: [{ type: MessageComponent, selector: "ngx-message", inputs: ["chat", "message", "member", "messenger"] }], directives: [{ type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+    MessagesListComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0__namespace, type: MessagesListComponent, deps: [{ token: TimeFormatHelperService }], 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-wrapper\" *ngFor=\"let message of chat.messages; let i = index;\">\n    <span *ngIf=\"hasDateChanged(message, i)\"\n    >{{formatDate(message)}}</span>\n    <ngx-message [message]=\"message\" [messenger]=\"messenger\" [chat]=\"chat\"></ngx-message>\n  </div>\n</div>\n", styles: [""], components: [{ type: MessageComponent, selector: "ngx-message", inputs: ["chat", "message", "member", "messenger"] }], directives: [{ type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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: MessagesListComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -451,7 +556,7 @@
                         templateUrl: './messages-list.component.html',
                         styleUrls: ['./messages-list.component.css'],
                     }]
-            }], propDecorators: { chat: [{
+            }], ctorParameters: function () { return [{ type: TimeFormatHelperService }]; }, propDecorators: { chat: [{
                     type: i0.Input
                 }], messenger: [{
                     type: i0.Input
@@ -565,26 +670,6 @@
                     type: i0.Input
                 }] } });
 
-    dayjs__namespace.extend(relativeTime__namespace);
-    var TimeFormatHelperService = /** @class */ (function () {
-        function TimeFormatHelperService() {
-        }
-        TimeFormatHelperService.prototype.toAgo = function (time) {
-            /* eslint-disable */
-            return dayjs__namespace(time).fromNow();
-            /* eslint-enable */
-        };
-        return TimeFormatHelperService;
-    }());
-    TimeFormatHelperService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0__namespace, type: TimeFormatHelperService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    TimeFormatHelperService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0__namespace, type: TimeFormatHelperService, providedIn: 'root' });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0__namespace, type: TimeFormatHelperService, decorators: [{
-                type: i0.Injectable,
-                args: [{
-                        providedIn: 'root',
-                    }]
-            }] });
-
     var RtseeEventsDashboardClientThumbnailComponent = /** @class */ (function () {
         function RtseeEventsDashboardClientThumbnailComponent(timeFormatService) {
             this.timeFormatService = timeFormatService;

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/services/default-images.service.ts","../../../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/directives/widget.directive.ts","../../../projects/ngx/src/lib/components/rtsee-messenger/message-widgets/call-widget/call-widget.component.ts","../../../projects/ngx/src/lib/components/rtsee-messenger/message-widgets/call-widget/call-widget.component.html","../../../projects/ngx/src/lib/services/widgets.service.ts","../../../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 { RTSeeVideoChat } 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!: RTSeeVideoChat;\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 { RTSeeVideoChat } 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!: RTSeeVideoChat;\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 { RTSeeVideoChat } 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!: RTSeeVideoChat;\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 { Injectable } from '@angular/core';\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class DefaultImagesService {\n  PROFILE = 'https://werf-assets.s3.amazonaws.com/default-profile-logo.png';\n}\n","import { Component, Input } from '@angular/core';\nimport { RTSeeMessenger } from '@rtsee/messenger';\nimport { DefaultImagesService } from '../../../services/default-images.service';\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  constructor(public defaultImagesService: DefaultImagesService) {}\n\n  call() {\n    if (!this.messenger.openedChat?.id) {\n      console.log('Unable to call, no opened chat!');\n      return;\n    }\n    void this.messenger.initializeVideoCall(this.messenger.openedChat.id);\n  }\n}\n","<div class=\"rtsee-messenger-header\"\n     [ngClass]=\"{ 'rtsee-messenger-header-chat-opened': messenger.openedChat }\"\n>\n  <div *ngIf=\"!messenger.openedChat\" class=\"rtsee-messenger-profile-image\">\n    <img *ngIf=\"messenger.myPeer?.imageUrl\" [src]=\"messenger.myPeer.imageUrl\">\n    <img *ngIf=\"!messenger.myPeer?.imageUrl\" [src]=\"defaultImagesService.PROFILE\">\n  </div>\n\n  <button class=\"rtsee-messenger-close-chat\"\n          *ngIf=\"messenger.openedChat\"\n          (click)=\"messenger.closeChat()\"\n  ><span>&#8592;</span>\n  </button>\n\n  <div *ngIf=\"messenger.openedChat\" class=\"rtsee-messenger-header-opened-chat-info\">\n    <div class=\"rtsee-messenger-profile-image\">\n      <img *ngIf=\"messenger.openedChat.imageUrl\" [src]=\"messenger.openedChat.imageUrl\">\n      <img *ngIf=\"!messenger.openedChat.imageUrl\" [src]=\"defaultImagesService.PROFILE\">\n    </div>\n    <p *ngIf=\"messenger.openedChat\"\n       class=\"rtsee-messenger-header-chat-title\"\n    >{{ messenger.openedChat.name }}</p>\n  </div>\n\n  <p *ngIf=\"!messenger.openedChat\"\n     class=\"rtsee-messenger-header-title\"\n  >Chats</p>\n\n  <button\n    *ngIf=\"messenger.openedChat\"\n    (click)=\"call()\"\n    class=\"rtsee-messenger-call-button\"\n  >Call</button>\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\" alt=\"chat-img\">\n  </div>\n  <div class=\"rtsee-chat-thumbnail-info\">\n    <p class=\"rtsee-chat-thumbnail-name\">{{ chat.name }}</p>\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 { Directive, ViewContainerRef } from '@angular/core';\n\n@Directive({\n  selector: '[widgetHost]',\n})\nexport class WidgetDirective {\n  constructor(public viewContainerRef: ViewContainerRef) {}\n}\n","import { Component, Input, OnInit } from '@angular/core';\nimport { RTSeeMessage, RTSeeMessenger } from '@rtsee/messenger';\nimport { ICall } from '@rtsee/core';\n\n@Component({\n  selector: 'ngx-call-widget',\n  templateUrl: './call-widget.component.html',\n  styleUrls: ['./call-widget.component.css'],\n})\nexport class CallWidgetComponent implements OnInit {\n  @Input() message!: RTSeeMessage<ICall>;\n  @Input() messenger!: RTSeeMessenger;\n  callerName?: string;\n\n  ngOnInit(): void {\n    if (this.messenger.clientId === this.message.data?.callerId) {\n      this.callerName = 'You';\n    } else {\n      this.callerName = this.message.data?.caller?.name;\n    }\n  }\n\n  joinCall() {\n    if (!this.messenger || !this.message.data?.roomId) {\n      console.log('No Room Id specified or no messenger!');\n      return;\n    }\n    void this.messenger.joinCall(this.message.data.roomId);\n  }\n}\n","<div class=\"rtsee-call-widget\">\n  <p *ngIf=\"callerName\"> {{ callerName }} has started a call</p>\n  <p *ngIf=\"callerName === 'You'\"> You have started a call</p>\n  <p *ngIf=\"!callerName\"> The call has started</p>\n  <button (click)=\"joinCall()\">Join Call</button>\n</div>\n","import { Injectable } from '@angular/core';\nimport { CallWidgetComponent } from '../components/rtsee-messenger/message-widgets/call-widget/call-widget.component';\n\nexport interface IMessageWidget {\n  name: string;\n  component: any;\n}\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class WidgetsService {\n  widgetsMap: IMessageWidget[] = [\n    { name: 'rtsee-call', component: CallWidgetComponent },\n  ];\n\n  getWidgetComponentByName(name: string) {\n    /* eslint-disable */\n    const mapping = this.widgetsMap.find((e) => e.name === name);\n    if (!mapping) {\n      return null;\n    }\n    return mapping.component;\n    /* eslint-enable */\n  }\n}\n","import {\n  AfterViewInit,\n  Component,\n  ComponentFactoryResolver,\n  ComponentRef,\n  Input,\n  ViewChild,\n} from '@angular/core';\nimport {\n  RTSeeChat,\n  RTSeeChatMember,\n  RTSeeMessage,\n  RTSeeMessenger,\n} from '@rtsee/messenger';\nimport { WidgetsService } from '../../../services/widgets.service';\nimport { WidgetDirective } from '../../../directives/widget.directive';\n\n@Component({\n  selector: 'ngx-message',\n  templateUrl: './message.component.html',\n  styleUrls: ['./message.component.css'],\n})\nexport class MessageComponent implements AfterViewInit {\n  @Input() chat!: RTSeeChat;\n  @Input() message!: RTSeeMessage;\n  @Input() member!: RTSeeChatMember<any>;\n  @Input() messenger!: RTSeeMessenger;\n  @ViewChild(WidgetDirective, { static: false }) widgetHost!: WidgetDirective;\n  detach?: () => void;\n\n  constructor(\n    private widgetsService: WidgetsService,\n    private componentFactoryResolver: ComponentFactoryResolver\n  ) {}\n\n  ngAfterViewInit() {\n    /* eslint-disable */\n    if (this.message.widget) {\n      const widget = this.widgetsService.getWidgetComponentByName(\n        this.message.widget\n      );\n      if (!widget) {\n        return;\n      }\n      const viewContainerRef = this.widgetHost.viewContainerRef;\n      viewContainerRef.clear();\n      const componentToShow =\n        this.componentFactoryResolver.resolveComponentFactory(widget);\n      const componentRef: ComponentRef<typeof widget> =\n        viewContainerRef.createComponent(componentToShow);\n      componentRef.instance.message = this.message;\n      componentRef.instance.messenger = this.messenger;\n      componentRef.changeDetectorRef.detectChanges();\n    }\n    /* eslint-enable */\n  }\n}\n","<div class=\"rtsee-messenger-message-container\" [ngClass]=\"{'rtsee-message-from-me': message.from !== chat.receiverId}\">\n  <div class=\"rtsee-messenger-message\">\n    <ng-template widgetHost></ng-template>\n    <p *ngIf=\"!message.widget\"\n       class=\"rtsee-messenger-message-text\"\n    >{{ 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\" [messenger]=\"messenger\" [chat]=\"chat\"></ngx-message>\n  </div>\n</div>\n","import { Component, Input, Output } 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\" xmlns=\"http://www.w3.org/1999/html\">\n  <div class=\"rtsee-send-message\">\n    <form [formGroup]=\"sendMessageForm\">\n      <textarea\n        placeholder=\"Type message...\"\n        type=\"text\"\n        formControlName=\"message\"\n        class=\"rtsee-chat-input-field\"\n        autosize\n        required\n      ></textarea>\n    </form>\n  </div>\n  <button (click)=\"sendMessage()\"\n          class=\"rtsee-send-message-button\"\n          type=\"submit\">\n    <span>Send</span>\n  </button>\n</div>\n","import {\n  AfterViewInit,\n  Component,\n  ElementRef,\n  Input,\n  OnDestroy,\n  OnInit,\n  ViewChild,\n} from '@angular/core';\nimport { RTSeeChat, RTSeeMessenger, RTSeeChatEvents } from '@rtsee/messenger';\n\n@Component({\n  selector: 'ngx-chat',\n  templateUrl: './chat.component.html',\n  styleUrls: ['./chat.component.css'],\n})\nexport class ChatComponent implements AfterViewInit, OnDestroy, OnInit {\n  bindScrollFunction: () => void;\n  @ViewChild('scrollBlock') scrollContainer!: ElementRef<HTMLDivElement>;\n  @Input() chat!: RTSeeChat;\n  @Input() messenger!: RTSeeMessenger;\n  constructor() {\n    this.bindScrollFunction = this.scrollToBottom.bind(this) as () => void;\n  }\n\n  ngAfterViewInit() {\n    this.scrollToBottom();\n  }\n\n  onMessageSent() {\n    this.scrollToBottom();\n  }\n\n  ngOnDestroy() {\n    this.chat.off(RTSeeChatEvents.MESSAGE_ADDED, this.bindScrollFunction);\n  }\n\n  ngOnInit() {\n    this.chat.on(RTSeeChatEvents.MESSAGE_ADDED, this.bindScrollFunction);\n  }\n\n  onScroll() {\n    this.chat.loadRemoteMessages();\n    console.log('Melia Loh');\n  }\n\n  scrollToBottom() {\n    if (!this.scrollContainer?.nativeElement?.scrollHeight) {\n      return;\n    }\n\n    try {\n      this.scrollContainer.nativeElement.scrollTop =\n        this.scrollContainer.nativeElement.scrollHeight;\n    } catch (err) {\n      console.log('Failed to Scroll');\n    }\n  }\n}\n","<div class=\"rtsee-chat\">\n  <div #scrollBlock\n       class=\"rtsee-chat-body-container\"\n       infiniteScroll\n       [infiniteScrollUpDistance]=\"2\"\n       [infiniteScrollThrottle]=\"50\"\n       [scrollWindow]=\"false\"\n       (scrolledUp)=\"onScroll()\"\n  >\n    <ngx-messages-list [messenger]=\"messenger\" [chat]=\"chat\"></ngx-messages-list>\n  </div>\n  <div class=\"rtsee-chat-footer-container\">\n    <ngx-chat-input [messenger]=\"messenger\" [chat]=\"chat\"></ngx-chat-input>\n  </div>\n</div>\n","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  onScroll() {\n    this.messenger.loadChats();\n  }\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       infiniteScroll\n       [infiniteScrollDistance]=\"2\"\n       [infiniteScrollThrottle]=\"50\"\n       [scrollWindow]=\"false\"\n       (scrolled)=\"onScroll()\"\n  >\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    <p *ngIf=\"messenger.loadingChatsInProgress\">PRELOADER</p>\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('client id', this.client.id);\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  <p>Client id: {{ eventsDashboard.signalingClient.getMyPeerId() }}</p>\n  <div class=\"rtsee-events-dashboard-client-thumbnails\">\n    <div class=\"rtsee-events-dashboard-client-thumbnail-wrapper\"\n         *ngFor=\"let client of eventsDashboard.clients\">\n      <ngx-rtsee-events-dashboard-client-thumbnail\n        [client]=\"client\"\n        [dashboard]=\"eventsDashboard\"\n      ></ngx-rtsee-events-dashboard-client-thumbnail>\n    </div>\n  </div>\n</div>\n","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';\nimport { WidgetDirective } from './directives/widget.directive';\nimport { CallWidgetComponent } from './components/rtsee-messenger/message-widgets/call-widget/call-widget.component';\nimport { AutosizeModule } from 'ngx-autosize';\nimport { InfiniteScrollModule } from 'ngx-infinite-scroll';\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    WidgetDirective,\n    CallWidgetComponent,\n  ],\n  imports: [\n    CommonModule,\n    MatIconModule,\n    MatButtonModule,\n    MatSelectModule,\n    BrowserAnimationsModule,\n    MatFormFieldModule,\n    ReactiveFormsModule,\n    AutosizeModule,\n    InfiniteScrollModule,\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","Directive","FormGroup","FormControl","Validators","RTSeeChatEvents","dayjs","relativeTime","CommonModule","MatIconModule","MatButtonModule","MatSelectModule","BrowserAnimationsModule","MatFormFieldModule","ReactiveFormsModule","AutosizeModule","InfiniteScrollModule","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/services/default-images.service.ts","../../../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/services/time-format-helper.service.ts","../../../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/directives/widget.directive.ts","../../../projects/ngx/src/lib/components/rtsee-messenger/message-widgets/call-widget/call-widget.component.ts","../../../projects/ngx/src/lib/components/rtsee-messenger/message-widgets/call-widget/call-widget.component.html","../../../projects/ngx/src/lib/services/widgets.service.ts","../../../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/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 { RTSeeVideoChat } 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!: RTSeeVideoChat;\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 { RTSeeVideoChat } 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!: RTSeeVideoChat;\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 { RTSeeVideoChat } 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!: RTSeeVideoChat;\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 { Injectable } from '@angular/core';\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class DefaultImagesService {\n  PROFILE = 'https://werf-assets.s3.amazonaws.com/default-profile-logo.png';\n}\n","import { Component, Input } from '@angular/core';\nimport { RTSeeMessenger } from '@rtsee/messenger';\nimport { DefaultImagesService } from '../../../services/default-images.service';\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  constructor(public defaultImagesService: DefaultImagesService) {}\n\n  call() {\n    if (!this.messenger.openedChat) {\n      return;\n    }\n    void this.messenger.initializeVideoCall(this.messenger.openedChat);\n  }\n}\n","<div class=\"rtsee-messenger-header\"\n     [ngClass]=\"{ 'rtsee-messenger-header-chat-opened': messenger.openedChat }\"\n>\n  <div *ngIf=\"!messenger.openedChat\" class=\"rtsee-messenger-profile-image\">\n    <img *ngIf=\"messenger.myPeer?.imageUrl\" [src]=\"messenger.myPeer.imageUrl\">\n    <img *ngIf=\"!messenger.myPeer?.imageUrl\" [src]=\"defaultImagesService.PROFILE\">\n  </div>\n\n  <button class=\"rtsee-messenger-close-chat\"\n          *ngIf=\"messenger.openedChat\"\n          (click)=\"messenger.closeChat()\"\n  >\n    <span>&#8592;</span>\n    <span *ngIf=\"messenger.unreadMessagesCount\">{{messenger.unreadMessagesCount}}</span>\n  </button>\n\n  <div *ngIf=\"messenger.openedChat\" class=\"rtsee-messenger-header-opened-chat-info\">\n    <div class=\"rtsee-messenger-profile-image\">\n      <img *ngIf=\"messenger.openedChat.imageUrl\" [src]=\"messenger.openedChat.imageUrl\">\n      <img *ngIf=\"!messenger.openedChat.imageUrl\" [src]=\"defaultImagesService.PROFILE\">\n    </div>\n    <p *ngIf=\"messenger.openedChat\"\n       class=\"rtsee-messenger-header-chat-title\"\n    >{{ messenger.openedChat.name }}</p>\n  </div>\n\n  <p *ngIf=\"!messenger.openedChat\"\n     class=\"rtsee-messenger-header-title\"\n  >Chats</p>\n\n  <button\n    *ngIf=\"messenger.openedChat\"\n    (click)=\"call()\"\n    class=\"rtsee-messenger-call-button\"\n  >Call</button>\n</div>\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  toDayOfWeek(time: Date): string {\n    /* eslint-disable */\n    return dayjs(time).format('ddd');\n    /* eslint-enable */\n  }\n  toTime(time: Date): string {\n    /* eslint-disable */\n    return dayjs(time).format('HH:mm') as string;\n    /* eslint-enable */\n  }\n  toDate(time: Date): string {\n    /* eslint-disable */\n    return dayjs(time).format('D MMMM') as string;\n    /* eslint-enable */\n  }\n  toDateNumeral(time: Date): string {\n    /* eslint-disable */\n    return dayjs(time).format('DD.MM');\n    /* eslint-enable */\n  }\n\n  toDateNumeralWithYear(time: Date): string {\n    /* eslint-disable */\n    return dayjs(time).format('DD.MM.YY');\n    /* eslint-enable */\n  }\n\n  toDateWithYear(time: Date): string {\n    /* eslint-disable */\n    return dayjs(time).format('MMMM D, YYYY ') as string;\n    /* eslint-enable */\n  }\n\n  formatDate(time: Date) {\n    const today = new Date();\n    const dayMs = 1000 * 60 * 60 * 24;\n    const twoDays = dayMs * 2;\n\n    if (!time) {\n      return '';\n    }\n\n    if (\n      today.getTime() - time.getTime() < dayMs &&\n      today.getDay() === time.getDay()\n    ) {\n      return 'Today';\n    }\n\n    if (\n      today.getTime() - time.getTime() < twoDays &&\n      today.getTime() - time.getTime() > dayMs &&\n      today.getDay() !== time.getDay()\n    ) {\n      return 'Yesterday';\n    }\n\n    if (today.getFullYear() === time.getFullYear()) {\n      return this.toDate(time);\n    }\n\n    return this.toDateWithYear(time);\n  }\n\n  formatTimeOrDate(time: Date) {\n    if (!time) {\n      return '';\n    }\n\n    const today = new Date();\n    const dayMs = 1000 * 60 * 60 * 24;\n\n    if (\n      today.getTime() - time.getTime() < dayMs &&\n      today.getDay() === time.getDay()\n    ) {\n      return this.toTime(time);\n    }\n\n    if (\n      today.getTime() - time.getTime() > dayMs &&\n      today.getTime() - time.getTime() < dayMs * 7\n    ) {\n      return this.toDayOfWeek(time);\n    }\n\n    if (\n      today.getTime() - time.getTime() > dayMs * 7 &&\n      today.getFullYear() === time.getFullYear()\n    ) {\n      return this.toDateNumeral(time);\n    }\n\n    return this.toDateNumeralWithYear(time);\n  }\n}\n","import { Component, Input } from '@angular/core';\nimport { RTSeeChat, RTSeeMessenger } from '@rtsee/messenger';\nimport { TimeFormatHelperService } from '../../../services/time-format-helper.service';\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  constructor(public timeFormatService: TimeFormatHelperService) {}\n}\n","<div class=\"rtsee-chat-thumbnail\" (click)=\"messenger.openChat(chat)\">\n  <div class=\"rtsee-chat-thumbnail-image\">\n    <img [src]=\"chat.imageUrl\" alt=\"chat-img\">\n  </div>\n  <div class=\"rtsee-chat-thumbnail-info\">\n    <p class=\"rtsee-chat-thumbnail-name\">{{ chat.name }} <span>{{ chat.unreadMessagesCount }}</span></p>\n    <p class=\"rtsee-chat-thumbnail-last-sender\">{{chat.getLastSenderName()}}</p>\n    <p class=\"rtsee-chat-thumbnail-last-message\" *ngIf=\"chat.messages.length\">\n      <span>{{chat.getLastSentMessageText()}}</span>\n      <span>{{chat.unreadMessagesCount}}</span>\n      <span>{{chat.getLastSentMessageStatus()}}</span>\n      <span>{{timeFormatService.formatTimeOrDate(chat.getLastSentMessageTime())}}</span>\n    </p>\n  </div>\n</div>\n","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 { Directive, ViewContainerRef } from '@angular/core';\n\n@Directive({\n  selector: '[widgetHost]',\n})\nexport class WidgetDirective {\n  constructor(public viewContainerRef: ViewContainerRef) {}\n}\n","import { Component, Input, OnInit } from '@angular/core';\nimport { RTSeeMessage, RTSeeMessenger } from '@rtsee/messenger';\nimport { IRTSeeCall } from '@rtsee/core';\n\n@Component({\n  selector: 'ngx-call-widget',\n  templateUrl: './call-widget.component.html',\n  styleUrls: ['./call-widget.component.css'],\n})\nexport class CallWidgetComponent implements OnInit {\n  @Input() message!: RTSeeMessage<IRTSeeCall>;\n  @Input() messenger!: RTSeeMessenger;\n  callerName?: string;\n\n  ngOnInit(): void {\n    if (this.messenger.clientId === this.message.data?.callerId) {\n      this.callerName = 'You';\n    } else {\n      this.callerName = this.message.data?.caller?.name;\n    }\n  }\n\n  joinCall() {\n    if (!this.messenger || !this.message.data?.roomId) {\n      console.log('No Room Id specified or no messenger!');\n      return;\n    }\n    void this.messenger.joinCall(this.message.data.roomId);\n  }\n}\n","<div class=\"rtsee-call-widget\">\n  <p *ngIf=\"callerName\"> {{ callerName }} has started a call</p>\n  <p *ngIf=\"callerName === 'You'\"> You have started a call</p>\n  <p *ngIf=\"!callerName\"> The call has started</p>\n  <button (click)=\"joinCall()\">Join Call</button>\n</div>\n","import { Injectable } from '@angular/core';\nimport { CallWidgetComponent } from '../components/rtsee-messenger/message-widgets/call-widget/call-widget.component';\n\nexport interface IMessageWidget {\n  name: string;\n  component: any;\n}\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class WidgetsService {\n  widgetsMap: IMessageWidget[] = [\n    { name: 'rtsee-call', component: CallWidgetComponent },\n  ];\n\n  getWidgetComponentByName(name: string) {\n    /* eslint-disable */\n    const mapping = this.widgetsMap.find((e) => e.name === name);\n    if (!mapping) {\n      return null;\n    }\n    return mapping.component;\n    /* eslint-enable */\n  }\n}\n","import {\n  AfterViewInit,\n  Component,\n  ComponentFactoryResolver,\n  ComponentRef,\n  Input,\n  ViewChild,\n} from '@angular/core';\nimport {\n  RTSeeChat,\n  RTSeeChatMember,\n  RTSeeMessage,\n  RTSeeMessenger,\n} from '@rtsee/messenger';\nimport { WidgetsService } from '../../../services/widgets.service';\nimport { WidgetDirective } from '../../../directives/widget.directive';\nimport { TimeFormatHelperService } from '../../../services/time-format-helper.service';\n\n@Component({\n  selector: 'ngx-message',\n  templateUrl: './message.component.html',\n  styleUrls: ['./message.component.css'],\n})\nexport class MessageComponent implements AfterViewInit {\n  @Input() chat!: RTSeeChat;\n  @Input() message!: RTSeeMessage;\n  @Input() member!: RTSeeChatMember<any>;\n  @Input() messenger!: RTSeeMessenger;\n  @ViewChild(WidgetDirective, { static: false }) widgetHost!: WidgetDirective;\n  constructor(\n    private widgetsService: WidgetsService,\n    private componentFactoryResolver: ComponentFactoryResolver,\n    public timeFormatService: TimeFormatHelperService\n  ) {}\n\n  ngAfterViewInit() {\n    /* eslint-disable */\n    if (this.message.widget) {\n      const widget = this.widgetsService.getWidgetComponentByName(\n        this.message.widget\n      );\n      if (!widget) {\n        return;\n      }\n      const viewContainerRef = this.widgetHost.viewContainerRef;\n      viewContainerRef.clear();\n      const componentToShow =\n        this.componentFactoryResolver.resolveComponentFactory(widget);\n      const componentRef: ComponentRef<typeof widget> =\n        viewContainerRef.createComponent(componentToShow);\n      componentRef.instance.message = this.message;\n      componentRef.instance.messenger = this.messenger;\n      componentRef.changeDetectorRef.detectChanges();\n    }\n    /* eslint-enable */\n  }\n}\n","<div class=\"rtsee-messenger-message-container\"\n     [ngClass]=\"{'rtsee-message-from-me': message.from === messenger.clientId}\"\n>\n  <div class=\"rtsee-messenger-message\">\n    <ng-template widgetHost></ng-template>\n    <p *ngIf=\"!message.widget\"\n       class=\"rtsee-messenger-message-text\"\n    >{{ message.text }}</p>\n    <div class=\"rtsee-messenger-message-info\">\n      <div class=\"rtsee-messenger-message-time\">\n        <p>{{ timeFormatService.toTime(message.createdAt) }}</p>\n      </div>\n      <div class=\"rtsee-messenger-message-status\" *ngIf=\"message.from === messenger.clientId\">\n        <span *ngIf=\"message.status === 'pending'\">pending</span>\n        <span *ngIf=\"message.status === 'sent'\">sent</span>\n        <span *ngIf=\"message.status === 'delivered'\">delivered</span>\n        <span *ngIf=\"message.status === 'seen'\">seen</span>\n      </div>\n    </div>\n  </div>\n</div>\n","import { Component, Input } from '@angular/core';\nimport { RTSeeChat, RTSeeMessenger, RTSeeMessage } from '@rtsee/messenger';\nimport { TimeFormatHelperService } from '../../../services/time-format-helper.service';\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  constructor(private timeFormatService: TimeFormatHelperService) {}\n\n  hasDateChanged(currentMessage: RTSeeMessage, index: number): boolean {\n    const previousMessage = this.chat.messages[index - 1];\n    if (!previousMessage) {\n      return true;\n    }\n    if (!previousMessage.createdAt || !currentMessage.createdAt) {\n      return false;\n    }\n    return (\n      previousMessage.createdAt.getDay() !== currentMessage.createdAt.getDay()\n    );\n  }\n\n  formatDate(message: RTSeeMessage) {\n    return this.timeFormatService.formatDate(message.createdAt);\n  }\n}\n","<div class=\"rtsee-messenger-messages-list\">\n  <div class=\"rtsee-messenger-message-wrapper\" *ngFor=\"let message of chat.messages; let i = index;\">\n    <span *ngIf=\"hasDateChanged(message, i)\"\n    >{{formatDate(message)}}</span>\n    <ngx-message [message]=\"message\" [messenger]=\"messenger\" [chat]=\"chat\"></ngx-message>\n  </div>\n</div>\n","import { Component, Input, Output } 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\" xmlns=\"http://www.w3.org/1999/html\">\n  <div class=\"rtsee-send-message\">\n    <form [formGroup]=\"sendMessageForm\">\n      <textarea\n        placeholder=\"Type message...\"\n        type=\"text\"\n        formControlName=\"message\"\n        class=\"rtsee-chat-input-field\"\n        autosize\n        required\n      ></textarea>\n    </form>\n  </div>\n  <button (click)=\"sendMessage()\"\n          class=\"rtsee-send-message-button\"\n          type=\"submit\">\n    <span>Send</span>\n  </button>\n</div>\n","import {\n  AfterViewInit,\n  Component,\n  ElementRef,\n  Input,\n  OnDestroy,\n  OnInit,\n  ViewChild,\n} from '@angular/core';\nimport { RTSeeChat, RTSeeMessenger, RTSeeChatEvents } from '@rtsee/messenger';\n\n@Component({\n  selector: 'ngx-chat',\n  templateUrl: './chat.component.html',\n  styleUrls: ['./chat.component.css'],\n})\nexport class ChatComponent implements AfterViewInit, OnDestroy, OnInit {\n  bindScrollFunction: () => void;\n  @ViewChild('scrollBlock') scrollContainer!: ElementRef<HTMLDivElement>;\n  @Input() chat!: RTSeeChat;\n  @Input() messenger!: RTSeeMessenger;\n  constructor() {\n    this.bindScrollFunction = this.scrollToBottom.bind(this) as () => void;\n  }\n\n  ngAfterViewInit() {\n    this.scrollToBottom();\n  }\n\n  onMessageSent() {\n    this.scrollToBottom();\n  }\n\n  ngOnDestroy() {\n    this.chat.off(RTSeeChatEvents.MESSAGE_ADDED, this.bindScrollFunction);\n  }\n\n  ngOnInit() {\n    this.chat.on(RTSeeChatEvents.MESSAGE_ADDED, this.bindScrollFunction);\n  }\n\n  onScroll() {\n    this.chat.loadRemoteMessages();\n    console.log('Melia Loh');\n  }\n\n  scrollToBottom() {\n    if (!this.scrollContainer?.nativeElement?.scrollHeight) {\n      return;\n    }\n\n    try {\n      this.scrollContainer.nativeElement.scrollTop =\n        this.scrollContainer.nativeElement.scrollHeight;\n    } catch (err) {\n      console.log('Failed to Scroll');\n    }\n  }\n}\n","<div class=\"rtsee-chat\">\n  <div #scrollBlock\n       class=\"rtsee-chat-body-container\"\n       infiniteScroll\n       [infiniteScrollUpDistance]=\"2\"\n       [infiniteScrollThrottle]=\"50\"\n       [scrollWindow]=\"false\"\n       (scrolledUp)=\"onScroll()\"\n  >\n    <ngx-messages-list [messenger]=\"messenger\" [chat]=\"chat\"></ngx-messages-list>\n  </div>\n  <div class=\"rtsee-chat-footer-container\">\n    <ngx-chat-input [messenger]=\"messenger\" [chat]=\"chat\"></ngx-chat-input>\n  </div>\n</div>\n","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  onScroll() {\n    this.messenger.loadChats();\n  }\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       infiniteScroll\n       [infiniteScrollDistance]=\"2\"\n       [infiniteScrollThrottle]=\"50\"\n       [scrollWindow]=\"false\"\n       (scrolled)=\"onScroll()\"\n  >\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    <p *ngIf=\"messenger.loadingChatsInProgress\">PRELOADER</p>\n  </div>\n</div>\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('client id', this.client.id);\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  <p>Client id: {{ eventsDashboard.signalingClient.getMyPeerId() }}</p>\n  <div class=\"rtsee-events-dashboard-client-thumbnails\">\n    <div class=\"rtsee-events-dashboard-client-thumbnail-wrapper\"\n         *ngFor=\"let client of eventsDashboard.clients\">\n      <ngx-rtsee-events-dashboard-client-thumbnail\n        [client]=\"client\"\n        [dashboard]=\"eventsDashboard\"\n      ></ngx-rtsee-events-dashboard-client-thumbnail>\n    </div>\n  </div>\n</div>\n","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';\nimport { WidgetDirective } from './directives/widget.directive';\nimport { CallWidgetComponent } from './components/rtsee-messenger/message-widgets/call-widget/call-widget.component';\nimport { AutosizeModule } from 'ngx-autosize';\nimport { InfiniteScrollModule } from 'ngx-infinite-scroll';\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    WidgetDirective,\n    CallWidgetComponent,\n  ],\n  imports: [\n    CommonModule,\n    MatIconModule,\n    MatButtonModule,\n    MatSelectModule,\n    BrowserAnimationsModule,\n    MatFormFieldModule,\n    ReactiveFormsModule,\n    AutosizeModule,\n    InfiniteScrollModule,\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","dayjs","relativeTime","Directive","FormGroup","FormControl","Validators","RTSeeChatEvents","CommonModule","MatIconModule","MatButtonModule","MatSelectModule","BrowserAnimationsModule","MatFormFieldModule","ReactiveFormsModule","AutosizeModule","InfiniteScrollModule","NgModule"],"mappings":"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"}