stream-chat-angular 6.3.0-beta.1 → 6.3.0

package/fesm2020/stream-chat-angular.mjs

@@ -22,7 +22,7 @@ import { MentionModule } from 'angular-mentions';
 import * as i1$1 from '@angular/forms';
 import { FormGroup, FormControl, Validators, FormArray, ReactiveFormsModule } from '@angular/forms';
 
-const version = '6.3.0-beta.1';
+const version = '6.3.0';
 
 /**
  * The `NotificationService` can be used to add or remove notifications. By default the [`NotificationList`](/chat/docs/sdk/angular/components/NotificationListComponent/) component displays the currently active notifications.
@@ -9373,7 +9373,6 @@ class BasePollComponent {
     markForCheck() {
         if (this.isViewInited) {
             this.cdRef.detectChanges();
-            this.capabilitySubscription?.unsubscribe();
         }
     }
 }
@@ -9491,7 +9490,7 @@ class PollOptionSelectorComponent extends BasePollComponent {
         }
     }
     async toggleVote() {
-        if (!this.canVote || !this.option?.id || !this.messageId)
+        if (!this.canVote || !this.option?.id || !this.messageId || this.isClosed)
             return;
         const haveVotedForTheOption = !!this.ownVote;
         if (!haveVotedForTheOption &&
@@ -9586,10 +9585,10 @@ class PollOptionSelectorComponent extends BasePollComponent {
     }
 }
 PollOptionSelectorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: PollOptionSelectorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-PollOptionSelectorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: PollOptionSelectorComponent, selector: "stream-poll-option-selector", inputs: { option: "option", displayAvatarCount: "displayAvatarCount", voteCountVerbose: "voteCountVerbose" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div\n  class=\"str-chat__poll-option\"\n  [class.str-chat__poll-option--votable]=\"\n    canVote &&\n    maxVoteAllowedCount &&\n    ownVoteCount < maxVoteAllowedCount &&\n    !ownVote\n  \"\n  (click)=\"toggleVote()\"\n  (keyup.enter)=\"toggleVote()\"\n>\n  <ng-container *ngIf=\"canVote\">\n    <ng-container *ngTemplateOutlet=\"checkmark\"></ng-container>\n  </ng-container>\n  <div class=\"str-chat__poll-option-data\">\n    <p class=\"str-chat__poll-option-text\">{{ option?.text }}</p>\n    <ng-container *ngIf=\"displayAvatarCount && votingVisibility === 'public'\">\n      <div\n        *ngFor=\"let vote of latestVotes; trackBy: trackByVoteId\"\n        class=\"str-chat__poll-option-voters\"\n      >\n        <stream-avatar-placeholder\n          location=\"poll-voter\"\n          [user]=\"vote.user\"\n          [imageUrl]=\"vote.user?.image\"\n          [name]=\"vote.user?.name\"\n          type=\"user\"\n        ></stream-avatar-placeholder>\n      </div>\n    </ng-container>\n    <div class=\"str-chat__poll-option-vote-count\">\n      <ng-container *ngIf=\"voteCountVerbose; else count\">\n        {{ 'streamChat.{{ count }} votes' | translate:{count: voteCount} }}\n      </ng-container>\n      <ng-template #count>\n        {{ voteCount }}\n      </ng-template>\n    </div>\n  </div>\n  <ng-container *ngTemplateOutlet=\"amountBar\"></ng-container>\n</div>\n\n<ng-template #checkmark>\n  <div\n    class=\"str-chat__checkmark\"\n    [class.str-chat__checkmark--checked]=\"!!ownVote\"\n  ></div>\n</ng-template>\n\n<ng-template #amountBar>\n  <div\n    class=\"str-chat__amount-bar str-chat__poll-option__votes-bar\"\n    [class.str-chat__poll-option__votes-bar--winner]=\"isClosed && isWinner\"\n    role=\"progressbar\"\n    [ngStyle]=\"{\n      '--str-chat__amount-bar-fulfillment':\n        (winningOptionCount && voteCount / winningOptionCount) * 100 + '%'\n    }\"\n  ></div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: AvatarPlaceholderComponent, selector: "stream-avatar-placeholder", inputs: ["name", "imageUrl", "location", "channel", "user", "type", "initialsType", "showOnlineIndicator"] }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PollOptionSelectorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: PollOptionSelectorComponent, selector: "stream-poll-option-selector", inputs: { option: "option", displayAvatarCount: "displayAvatarCount", voteCountVerbose: "voteCountVerbose" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div\n  class=\"str-chat__poll-option\"\n  [class.str-chat__poll-option--votable]=\"\n    !isClosed &&\n    canVote &&\n    maxVoteAllowedCount &&\n    ownVoteCount < maxVoteAllowedCount &&\n    !ownVote\n  \"\n  (click)=\"toggleVote()\"\n  (keyup.enter)=\"toggleVote()\"\n>\n  <ng-container *ngIf=\"canVote\">\n    <ng-container *ngTemplateOutlet=\"checkmark\"></ng-container>\n  </ng-container>\n  <div class=\"str-chat__poll-option-data\">\n    <p class=\"str-chat__poll-option-text\">{{ option?.text }}</p>\n    <ng-container *ngIf=\"displayAvatarCount && votingVisibility === 'public'\">\n      <div\n        *ngFor=\"let vote of latestVotes; trackBy: trackByVoteId\"\n        class=\"str-chat__poll-option-voters\"\n      >\n        <stream-avatar-placeholder\n          location=\"poll-voter\"\n          [user]=\"vote.user\"\n          [imageUrl]=\"vote.user?.image\"\n          [name]=\"vote.user?.name\"\n          type=\"user\"\n        ></stream-avatar-placeholder>\n      </div>\n    </ng-container>\n    <div class=\"str-chat__poll-option-vote-count\">\n      <ng-container *ngIf=\"voteCountVerbose; else count\">\n        {{ 'streamChat.{{ count }} votes' | translate:{count: voteCount} }}\n      </ng-container>\n      <ng-template #count>\n        {{ voteCount }}\n      </ng-template>\n    </div>\n  </div>\n  <ng-container *ngTemplateOutlet=\"amountBar\"></ng-container>\n</div>\n\n<ng-template #checkmark>\n  <div\n    class=\"str-chat__checkmark\"\n    [class.str-chat__checkmark--checked]=\"!!ownVote\"\n  ></div>\n</ng-template>\n\n<ng-template #amountBar>\n  <div\n    class=\"str-chat__amount-bar str-chat__poll-option__votes-bar\"\n    [class.str-chat__poll-option__votes-bar--winner]=\"isClosed && isWinner\"\n    role=\"progressbar\"\n    [ngStyle]=\"{\n      '--str-chat__amount-bar-fulfillment':\n        (winningOptionCount && voteCount / winningOptionCount) * 100 + '%'\n    }\"\n  ></div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: AvatarPlaceholderComponent, selector: "stream-avatar-placeholder", inputs: ["name", "imageUrl", "location", "channel", "user", "type", "initialsType", "showOnlineIndicator"] }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: PollOptionSelectorComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'stream-poll-option-selector', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  class=\"str-chat__poll-option\"\n  [class.str-chat__poll-option--votable]=\"\n    canVote &&\n    maxVoteAllowedCount &&\n    ownVoteCount < maxVoteAllowedCount &&\n    !ownVote\n  \"\n  (click)=\"toggleVote()\"\n  (keyup.enter)=\"toggleVote()\"\n>\n  <ng-container *ngIf=\"canVote\">\n    <ng-container *ngTemplateOutlet=\"checkmark\"></ng-container>\n  </ng-container>\n  <div class=\"str-chat__poll-option-data\">\n    <p class=\"str-chat__poll-option-text\">{{ option?.text }}</p>\n    <ng-container *ngIf=\"displayAvatarCount && votingVisibility === 'public'\">\n      <div\n        *ngFor=\"let vote of latestVotes; trackBy: trackByVoteId\"\n        class=\"str-chat__poll-option-voters\"\n      >\n        <stream-avatar-placeholder\n          location=\"poll-voter\"\n          [user]=\"vote.user\"\n          [imageUrl]=\"vote.user?.image\"\n          [name]=\"vote.user?.name\"\n          type=\"user\"\n        ></stream-avatar-placeholder>\n      </div>\n    </ng-container>\n    <div class=\"str-chat__poll-option-vote-count\">\n      <ng-container *ngIf=\"voteCountVerbose; else count\">\n        {{ 'streamChat.{{ count }} votes' | translate:{count: voteCount} }}\n      </ng-container>\n      <ng-template #count>\n        {{ voteCount }}\n      </ng-template>\n    </div>\n  </div>\n  <ng-container *ngTemplateOutlet=\"amountBar\"></ng-container>\n</div>\n\n<ng-template #checkmark>\n  <div\n    class=\"str-chat__checkmark\"\n    [class.str-chat__checkmark--checked]=\"!!ownVote\"\n  ></div>\n</ng-template>\n\n<ng-template #amountBar>\n  <div\n    class=\"str-chat__amount-bar str-chat__poll-option__votes-bar\"\n    [class.str-chat__poll-option__votes-bar--winner]=\"isClosed && isWinner\"\n    role=\"progressbar\"\n    [ngStyle]=\"{\n      '--str-chat__amount-bar-fulfillment':\n        (winningOptionCount && voteCount / winningOptionCount) * 100 + '%'\n    }\"\n  ></div>\n</ng-template>\n" }]
+            args: [{ selector: 'stream-poll-option-selector', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  class=\"str-chat__poll-option\"\n  [class.str-chat__poll-option--votable]=\"\n    !isClosed &&\n    canVote &&\n    maxVoteAllowedCount &&\n    ownVoteCount < maxVoteAllowedCount &&\n    !ownVote\n  \"\n  (click)=\"toggleVote()\"\n  (keyup.enter)=\"toggleVote()\"\n>\n  <ng-container *ngIf=\"canVote\">\n    <ng-container *ngTemplateOutlet=\"checkmark\"></ng-container>\n  </ng-container>\n  <div class=\"str-chat__poll-option-data\">\n    <p class=\"str-chat__poll-option-text\">{{ option?.text }}</p>\n    <ng-container *ngIf=\"displayAvatarCount && votingVisibility === 'public'\">\n      <div\n        *ngFor=\"let vote of latestVotes; trackBy: trackByVoteId\"\n        class=\"str-chat__poll-option-voters\"\n      >\n        <stream-avatar-placeholder\n          location=\"poll-voter\"\n          [user]=\"vote.user\"\n          [imageUrl]=\"vote.user?.image\"\n          [name]=\"vote.user?.name\"\n          type=\"user\"\n        ></stream-avatar-placeholder>\n      </div>\n    </ng-container>\n    <div class=\"str-chat__poll-option-vote-count\">\n      <ng-container *ngIf=\"voteCountVerbose; else count\">\n        {{ 'streamChat.{{ count }} votes' | translate:{count: voteCount} }}\n      </ng-container>\n      <ng-template #count>\n        {{ voteCount }}\n      </ng-template>\n    </div>\n  </div>\n  <ng-container *ngTemplateOutlet=\"amountBar\"></ng-container>\n</div>\n\n<ng-template #checkmark>\n  <div\n    class=\"str-chat__checkmark\"\n    [class.str-chat__checkmark--checked]=\"!!ownVote\"\n  ></div>\n</ng-template>\n\n<ng-template #amountBar>\n  <div\n    class=\"str-chat__amount-bar str-chat__poll-option__votes-bar\"\n    [class.str-chat__poll-option__votes-bar--winner]=\"isClosed && isWinner\"\n    role=\"progressbar\"\n    [ngStyle]=\"{\n      '--str-chat__amount-bar-fulfillment':\n        (winningOptionCount && voteCount / winningOptionCount) * 100 + '%'\n    }\"\n  ></div>\n</ng-template>\n" }]
         }], propDecorators: { option: [{
                 type: Input
             }], displayAvatarCount: [{