@banta/sdk 4.6.19 → 4.6.21

package/bundles/banta-sdk.umd.js

@@ -8039,9 +8039,15 @@
             this.elementRef = elementRef;
             this._sourceSubs = new rxjs.Subscription();
             this._selected = new rxjs.Subject();
+            this._selected$ = this._selected.asObservable();
             this._reported = new rxjs.Subject();
+            this._reported$ = this._reported.asObservable();
             this._upvoted = new rxjs.Subject();
+            this._upvoted$ = this._upvoted.asObservable();
             this._userSelected = new rxjs.Subject();
+            this._userSelected$ = this._userSelected.asObservable();
+            this._received = new rxjs.Subject();
+            this._received$ = this._received.asObservable();
             this.messages = [];
             this.maxMessages = 200;
         }
@@ -8075,30 +8081,27 @@
             configurable: true
         });
         Object.defineProperty(ChatViewComponent.prototype, "selected", {
-            get: function () {
-                return this._selected;
-            },
+            get: function () { return this._selected$; },
             enumerable: false,
             configurable: true
         });
         Object.defineProperty(ChatViewComponent.prototype, "userSelected", {
-            get: function () {
-                return this._userSelected;
-            },
+            get: function () { return this._userSelected$; },
             enumerable: false,
             configurable: true
         });
         Object.defineProperty(ChatViewComponent.prototype, "reported", {
-            get: function () {
-                return this._reported;
-            },
+            get: function () { return this._reported$; },
             enumerable: false,
             configurable: true
         });
         Object.defineProperty(ChatViewComponent.prototype, "upvoted", {
-            get: function () {
-                return this._upvoted;
-            },
+            get: function () { return this._upvoted$; },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(ChatViewComponent.prototype, "received", {
+            get: function () { return this._received$; },
             enumerable: false,
             configurable: true
         });
@@ -8136,6 +8139,7 @@
         ChatViewComponent.prototype.messageReceived = function (message) {
             var _this = this;
             this.addMessage(message);
+            this._received.next(message);
             if (this.isScrolledToLatest())
                 setTimeout(function () { return _this.scrollToLatest(); });
         };
@@ -8221,6 +8225,7 @@
         userSelected: [{ type: core.Output }],
         reported: [{ type: core.Output }],
         upvoted: [{ type: core.Output }],
+        received: [{ type: core.Output }],
         messageContainer: [{ type: core.ViewChild, args: ['messageContainer',] }],
         maxMessages: [{ type: core.Input }]
     };
@@ -8237,11 +8242,19 @@
             this.sendLabel = 'Send';
             this.permissionDeniedLabel = 'Send';
             this._selected = new rxjs.Subject();
+            this._selected$ = this._selected.asObservable();
             this._reported = new rxjs.Subject();
+            this._reported$ = this._reported.asObservable();
             this._upvoted = new rxjs.Subject();
+            this._upvoted$ = this._upvoted.asObservable();
             this._userSelected = new rxjs.Subject();
-            this._signInSelected = new rxjs.Subject();
+            this._userSelected$ = this._userSelected.asObservable();
             this._permissionDeniedError = new rxjs.Subject();
+            this._permissionDeniedError$ = this._permissionDeniedError.asObservable();
+            this._signInSelected = new rxjs.Subject();
+            this._signInSelected$ = this._signInSelected.asObservable();
+            this._received = new rxjs.Subject();
+            this._received$ = this._received.asObservable();
             this.showEmojiPanel = false;
             this.newMessage = {};
         }
@@ -8290,20 +8303,44 @@
                 });
             });
         };
-        Object.defineProperty(BantaChatComponent.prototype, "signInSelected", {
-            get: function () {
-                return this._signInSelected;
-            },
+        Object.defineProperty(BantaChatComponent.prototype, "selected", {
+            get: function () { return this._selected$; },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(BantaChatComponent.prototype, "reported", {
+            get: function () { return this._reported$; },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(BantaChatComponent.prototype, "upvoted", {
+            get: function () { return this._upvoted$; },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(BantaChatComponent.prototype, "userSelected", {
+            get: function () { return this._userSelected$; },
             enumerable: false,
             configurable: true
         });
         Object.defineProperty(BantaChatComponent.prototype, "permissionDeniedError", {
-            get: function () {
-                return this._permissionDeniedError;
-            },
+            get: function () { return this._permissionDeniedError$; },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(BantaChatComponent.prototype, "signInSelected", {
+            get: function () { return this._signInSelected$; },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(BantaChatComponent.prototype, "received", {
+            get: function () { return this._received$; },
             enumerable: false,
             configurable: true
         });
+        BantaChatComponent.prototype.onReceived = function (message) {
+            this._received.next(message);
+        };
         BantaChatComponent.prototype.showSignIn = function () {
             this._signInSelected.next();
         };
@@ -8343,34 +8380,6 @@
                 });
             });
         };
-        Object.defineProperty(BantaChatComponent.prototype, "selected", {
-            get: function () {
-                return this._selected;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(BantaChatComponent.prototype, "reported", {
-            get: function () {
-                return this._reported;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(BantaChatComponent.prototype, "upvoted", {
-            get: function () {
-                return this._upvoted;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(BantaChatComponent.prototype, "userSelected", {
-            get: function () {
-                return this._userSelected;
-            },
-            enumerable: false,
-            configurable: true
-        });
         Object.defineProperty(BantaChatComponent.prototype, "canChat", {
             get: function () {
                 if (!this.user)
@@ -8433,8 +8442,8 @@
     BantaChatComponent.decorators = [
         { type: core.Component, args: [{
                     selector: 'banta-chat',
-                    template: "<banta-chat-view \r\n    #chatView\r\n    [source]=\"source\"\r\n    (upvoted)=\"upvote($event)\"\r\n    (reported)=\"report($event)\"\r\n    (selected)=\"select($event)\"\r\n    (userSelected)=\"selectUser($event)\"\r\n    ></banta-chat-view>\r\n\r\n<form class=\"new-message\" (submit)=\"sendMessage()\">\r\n    \r\n    <div class=\"entry-container\">\r\n        <input\r\n            type=\"text\"\r\n            name=\"message\" \r\n            (keydown)=\"onKeyDown($event)\"\r\n            [(ngModel)]=\"newMessage.message\" />\r\n            \r\n        <emoji-selector-button\r\n            (selected)=\"insertEmoji($event)\"\r\n            ></emoji-selector-button>\r\n    </div>\r\n\r\n    <div class=\"actions\">\r\n\r\n        <ng-container *ngIf=\"!user\">\r\n            <button type=\"button\" (click)=\"showSignIn()\" mat-raised-button color=\"primary\">{{signInLabel}}</button>\r\n        </ng-container>\r\n        <ng-container *ngIf=\"user\">\r\n            <button *ngIf=\"canChat\" [disabled]=\"!newMessage.message\" mat-raised-button color=\"primary\">{{sendLabel}}</button>\r\n            <button *ngIf=\"!canChat\" type=\"button\" (click)=\"sendPermissionError()\" mat-raised-button color=\"primary\">{{permissionDeniedLabel}}</button>\r\n        </ng-container>\r\n    </div>\r\n</form>",
-                    styles: [":host{flex-direction:column;border-radius:5px;padding:10px;font-size:10pt}.entry-container,:host{display:flex;flex-grow:1}.entry-container{flex-direction:row;position:relative}.entry-container emoji-selector-button{position:absolute;right:0;top:.15em}.entry-container input{height:2.6em;font-size:12pt;padding-left:1em}.entry-container input:-webkit-autofill,.entry-container input:-webkit-autofill:focus,.entry-container input:-webkit-autofill:hover{outline:1px solid #9da302;-webkit-text-fill-color:#9da302;-webkit-box-shadow:0 0 0 1000px #211e07 inset;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s;caret-color:#9da302}.entry-container emoji-selector-panel{pointer-events:none;opacity:0;position:absolute;bottom:3.5em;right:0}.entry-container emoji-selector-panel.visible{opacity:1;pointer-events:auto}form{display:flex;padding:.5em 0;align-items:center}form textarea{font-size:14pt;background:#000;color:#fff;border:1px solid #333;min-height:6em;width:100%}form input[type=text]{background:#fff;color:#000;border:1px solid #ccc;width:100%;height:2.5em}form .actions{margin-left:1em}form button{display:block;margin:0 0 0 auto}:host-context(.mat-dark-theme) form input[type=text]{background:#000;color:#fff;border:1px solid #333}"]
+                    template: "<banta-chat-view \r\n    #chatView\r\n    [source]=\"source\"\r\n    (upvoted)=\"upvote($event)\"\r\n    (reported)=\"report($event)\"\r\n    (selected)=\"select($event)\"\r\n    (received)=\"onMessageReceived($event)\"\r\n    (userSelected)=\"selectUser($event)\"\r\n    ></banta-chat-view>\r\n\r\n<form class=\"new-message\" (submit)=\"sendMessage()\">\r\n    \r\n    <div class=\"entry-container\">\r\n        <input\r\n            type=\"text\"\r\n            name=\"message\" \r\n            (keydown)=\"onKeyDown($event)\"\r\n            [(ngModel)]=\"newMessage.message\" />\r\n            \r\n        <emoji-selector-button\r\n            (selected)=\"insertEmoji($event)\"\r\n            ></emoji-selector-button>\r\n    </div>\r\n\r\n    <div class=\"actions\">\r\n\r\n        <ng-container *ngIf=\"!user\">\r\n            <button type=\"button\" (click)=\"showSignIn()\" mat-raised-button color=\"primary\">{{signInLabel}}</button>\r\n        </ng-container>\r\n        <ng-container *ngIf=\"user\">\r\n            <button *ngIf=\"canChat\" [disabled]=\"!newMessage.message\" mat-raised-button color=\"primary\">{{sendLabel}}</button>\r\n            <button *ngIf=\"!canChat\" type=\"button\" (click)=\"sendPermissionError()\" mat-raised-button color=\"primary\">{{permissionDeniedLabel}}</button>\r\n        </ng-container>\r\n    </div>\r\n</form>",
+                    styles: [":host{flex-direction:column;border-radius:5px;padding:10px;font-size:10pt;min-height:1px}.entry-container,:host{display:flex;flex-grow:1}.entry-container{flex-direction:row;position:relative}.entry-container emoji-selector-button{position:absolute;right:0;top:.15em}.entry-container input{height:2.6em;font-size:12pt;padding-left:1em}.entry-container input:-webkit-autofill,.entry-container input:-webkit-autofill:focus,.entry-container input:-webkit-autofill:hover{outline:1px solid #9da302;-webkit-text-fill-color:#9da302;-webkit-box-shadow:0 0 0 1000px #211e07 inset;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s;caret-color:#9da302}.entry-container emoji-selector-panel{pointer-events:none;opacity:0;position:absolute;bottom:3.5em;right:0}.entry-container emoji-selector-panel.visible{opacity:1;pointer-events:auto}form{display:flex;padding:.5em 0;align-items:center}form textarea{font-size:14pt;background:#000;color:#fff;border:1px solid #333;min-height:6em;width:100%}form input[type=text]{background:#fff;color:#000;border:1px solid #ccc;width:100%;height:2.5em}form .actions{margin-left:1em}form button{display:block;margin:0 0 0 auto}:host-context(.mat-dark-theme) form input[type=text]{background:#000;color:#fff;border:1px solid #333}"]
                 },] }
     ];
     BantaChatComponent.ctorParameters = function () { return [
@@ -8447,13 +8456,14 @@
         signInLabel: [{ type: core.Input }],
         sendLabel: [{ type: core.Input }],
         permissionDeniedLabel: [{ type: core.Input }],
-        signInSelected: [{ type: core.Output }],
-        permissionDeniedError: [{ type: core.Output }],
-        chatView: [{ type: core.ViewChild, args: ['chatView', { static: true },] }],
         selected: [{ type: core.Output }],
         reported: [{ type: core.Output }],
         upvoted: [{ type: core.Output }],
-        userSelected: [{ type: core.Output }]
+        userSelected: [{ type: core.Output }],
+        permissionDeniedError: [{ type: core.Output }],
+        signInSelected: [{ type: core.Output }],
+        received: [{ type: core.Output }],
+        chatView: [{ type: core.ViewChild, args: ['chatView', { static: true },] }]
     };
 
     var COMPONENTS$2 = [
@@ -9359,6 +9369,7 @@
             this.postCommentLabel = 'Post a comment';
             this.postReplyLabel = 'Post a reply';
             this.allowAttachments = true;
+            this.maxVisibleMessages = 20;
             this.genericAvatarUrl = "https://gravatar.com/avatar/" + Date.now().toString(16) + "?s=512&d=robohash";
             this.participants = [];
             this.hashtags = [