@banta/sdk 4.6.19 → 4.6.21

package/fesm2015/banta-sdk.js

@@ -7350,27 +7350,26 @@ class ChatViewComponent {
         this.elementRef = elementRef;
         this._sourceSubs = new Subscription();
         this._selected = new Subject();
+        this._selected$ = this._selected.asObservable();
         this._reported = new Subject();
+        this._reported$ = this._reported.asObservable();
         this._upvoted = new Subject();
+        this._upvoted$ = this._upvoted.asObservable();
         this._userSelected = new Subject();
+        this._userSelected$ = this._userSelected.asObservable();
+        this._received = new Subject();
+        this._received$ = this._received.asObservable();
         this.messages = [];
         this.maxMessages = 200;
     }
     get source() {
         return this._source;
     }
-    get selected() {
-        return this._selected;
-    }
-    get userSelected() {
-        return this._userSelected;
-    }
-    get reported() {
-        return this._reported;
-    }
-    get upvoted() {
-        return this._upvoted;
-    }
+    get selected() { return this._selected$; }
+    get userSelected() { return this._userSelected$; }
+    get reported() { return this._reported$; }
+    get upvoted() { return this._upvoted$; }
+    get received() { return this._received$; }
     set source(value) {
         if (this._sourceSubs) {
             this._sourceSubs.unsubscribe();
@@ -7417,6 +7416,7 @@ class ChatViewComponent {
     }
     messageReceived(message) {
         this.addMessage(message);
+        this._received.next(message);
         if (this.isScrolledToLatest())
             setTimeout(() => this.scrollToLatest());
     }
@@ -7500,6 +7500,7 @@ ChatViewComponent.propDecorators = {
     userSelected: [{ type: Output }],
     reported: [{ type: Output }],
     upvoted: [{ type: Output }],
+    received: [{ type: Output }],
     messageContainer: [{ type: ViewChild, args: ['messageContainer',] }],
     maxMessages: [{ type: Input }]
 };
@@ -7516,11 +7517,19 @@ class BantaChatComponent {
         this.sendLabel = 'Send';
         this.permissionDeniedLabel = 'Send';
         this._selected = new Subject();
+        this._selected$ = this._selected.asObservable();
         this._reported = new Subject();
+        this._reported$ = this._reported.asObservable();
         this._upvoted = new Subject();
+        this._upvoted$ = this._upvoted.asObservable();
         this._userSelected = new Subject();
-        this._signInSelected = new Subject();
+        this._userSelected$ = this._userSelected.asObservable();
         this._permissionDeniedError = new Subject();
+        this._permissionDeniedError$ = this._permissionDeniedError.asObservable();
+        this._signInSelected = new Subject();
+        this._signInSelected$ = this._signInSelected.asObservable();
+        this._received = new Subject();
+        this._received$ = this._received.asObservable();
         this.showEmojiPanel = false;
         this.newMessage = {};
     }
@@ -7550,11 +7559,15 @@ class BantaChatComponent {
             this._source = yield this.backend.getSourceForTopic(topicID);
         });
     }
-    get signInSelected() {
-        return this._signInSelected;
-    }
-    get permissionDeniedError() {
-        return this._permissionDeniedError;
+    get selected() { return this._selected$; }
+    get reported() { return this._reported$; }
+    get upvoted() { return this._upvoted$; }
+    get userSelected() { return this._userSelected$; }
+    get permissionDeniedError() { return this._permissionDeniedError$; }
+    get signInSelected() { return this._signInSelected$; }
+    get received() { return this._received$; }
+    onReceived(message) {
+        this._received.next(message);
     }
     showSignIn() {
         this._signInSelected.next();
@@ -7588,18 +7601,6 @@ class BantaChatComponent {
             this._upvoted.next(message);
         });
     }
-    get selected() {
-        return this._selected;
-    }
-    get reported() {
-        return this._reported;
-    }
-    get upvoted() {
-        return this._upvoted;
-    }
-    get userSelected() {
-        return this._userSelected;
-    }
     get canChat() {
         if (!this.user)
             return false;
@@ -7643,8 +7644,8 @@ class BantaChatComponent {
 BantaChatComponent.decorators = [
     { type: 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 = () => [
@@ -7657,13 +7658,14 @@ BantaChatComponent.propDecorators = {
     signInLabel: [{ type: Input }],
     sendLabel: [{ type: Input }],
     permissionDeniedLabel: [{ type: Input }],
-    signInSelected: [{ type: Output }],
-    permissionDeniedError: [{ type: Output }],
-    chatView: [{ type: ViewChild, args: ['chatView', { static: true },] }],
     selected: [{ type: Output }],
     reported: [{ type: Output }],
     upvoted: [{ type: Output }],
-    userSelected: [{ type: Output }]
+    userSelected: [{ type: Output }],
+    permissionDeniedError: [{ type: Output }],
+    signInSelected: [{ type: Output }],
+    received: [{ type: Output }],
+    chatView: [{ type: ViewChild, args: ['chatView', { static: true },] }]
 };
 
 const COMPONENTS$2 = [
@@ -8584,6 +8586,7 @@ class BantaCommentsComponent {
         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 = [