stream-chat-angular 7.1.5 → 7.2.0-rc.1

package/README.md

@@ -51,7 +51,17 @@ Check out our current openings and apply via [Stream's website](https://getstrea
 
 ### Install with NPM
 
-Supported Angular versions: **Angular 17-21**
+Supported Angular versions: **Angular 17-22**
+
+`stream-chat-angular` supports both `@ngx-translate/core` v17 and v18. Use **v18 on Angular 18+** and **v17 on Angular 17** (v18 requires Angular 18 or newer).
+
+Run this command if you are using **Angular 22**:
+
+```shell
+npm install stream-chat-angular stream-chat @ngx-translate/core ngx-float-ui@21 --legacy-peer-deps
+```
+
+> `ngx-float-ui` does not have an Angular 22 build yet, so install its latest (v21) with `--legacy-peer-deps` until an Angular 22 release is available.
 
 Run this command if you are using **Angular 21**:
 
@@ -80,7 +90,7 @@ npm install stream-chat-angular stream-chat @ngx-translate/core ngx-float-ui@18
 Run this command if you are using **Angular 17**:
 
 ```shell
-npm install stream-chat-angular stream-chat @ngx-translate/core ngx-float-ui@17
+npm install stream-chat-angular stream-chat @ngx-translate/core@17 ngx-float-ui@17
 ```
 
 Supported node verisons: 18+

package/assets/version.d.ts

@@ -1 +1 @@
-export declare const version = "7.1.5";
+export declare const version = "7.2.0-rc.1";

package/esm2022/assets/version.mjs

@@ -1,2 +1,2 @@
-export const version = '7.1.5';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVyc2lvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL3N0cmVhbS1jaGF0LWFuZ3VsYXIvc3JjL2Fzc2V0cy92ZXJzaW9uLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sQ0FBQyxNQUFNLE9BQU8sR0FBRyxPQUFPLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgY29uc3QgdmVyc2lvbiA9ICc3LjEuNSc7XG4iXX0=
+export const version = '7.2.0-rc.1';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVyc2lvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL3N0cmVhbS1jaGF0LWFuZ3VsYXIvc3JjL2Fzc2V0cy92ZXJzaW9uLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sQ0FBQyxNQUFNLE9BQU8sR0FBRyxZQUFZLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgY29uc3QgdmVyc2lvbiA9ICc3LjIuMC1yYy4xJztcbiJdfQ==

package/esm2022/lib/message/message.component.mjs

@@ -468,7 +468,7 @@ export class MessageComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MessageComponent, deps: [{ token: i1.ChatClientService }, { token: i2.ChannelService }, { token: i3.CustomTemplatesService }, { token: i0.ChangeDetectorRef }, { token: i4.DateParserService }, { token: i5.MessageActionsService }, { token: i0.NgZone }, { token: i6.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: MessageComponent, selector: "stream-message", inputs: { message: "message", enabledMessageActions: "enabledMessageActions", isLastSentMessage: "isLastSentMessage", mode: "mode", isHighlighted: "isHighlighted", scroll$: "scroll$" }, viewQueries: [{ propertyName: "messageMenuTrigger", first: true, predicate: ["messageMenuTrigger"], descendants: true }, { propertyName: "messageMenuFloat", first: true, predicate: ["messageMenuFloat"], descendants: true }, { propertyName: "messageTextElement", first: true, predicate: ["messageTextElement"], descendants: true }, { propertyName: "messageBubble", first: true, predicate: ["messageBubble"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ng-container\n  *ngIf=\"\n    message?.type === 'error' &&\n      (message?.moderation_details?.action ===\n        'MESSAGE_RESPONSE_ACTION_REMOVE' ||\n        message?.moderation?.action === 'remove');\n    else notBlockedMessage\n  \"\n>\n  <ng-container\n    *ngTemplateOutlet=\"\n      (customTemplatesService.messageBlockedTemplate$ | async) ||\n        defaultBlockedMessage;\n      context: getMessageBlockedContext()\n    \"\n  />\n  <ng-template #defaultBlockedMessage>\n    <stream-message-blocked\n      [message]=\"message\"\n      [isMyMessage]=\"isSentByCurrentUser\"\n    />\n  </ng-template>\n</ng-container>\n<ng-template #notBlockedMessage>\n  <div\n    data-testid=\"message-container\"\n    class=\"str-chat__message-simple str-chat__message str-chat__message--{{\n      message?.type\n    }} str-chat__message--{{ message?.status }} {{\n      message?.text ? 'str-chat__message--has-text' : 'has-no-text'\n    }} str-chat__message-menu-{{ areMessageOptionsOpen ? 'opened' : 'closed' }}\"\n    [class.str-chat__message--me]=\"isSentByCurrentUser\"\n    [class.str-chat__message--other]=\"!isSentByCurrentUser\"\n    [class.str-chat__message-simple--me]=\"isSentByCurrentUser\"\n    [class.str-chat__message--has-attachment]=\"hasAttachment\"\n    [class.str-chat__message--with-reactions]=\"hasReactions\"\n    [class.str-chat__message--highlighted]=\"isHighlighted\"\n    [class.str-chat__message-with-thread-link]=\"shouldDisplayThreadLink\"\n    [class.str-chat__message-send-can-be-retried]=\"\n      (message?.status === 'failed' && message?.errorStatusCode !== 403) ||\n      (message?.type === 'error' && message?.moderation_details)\n    \"\n    [class.str-chat__message-with-touch-support]=\"hasTouchSupport\"\n    [class.str-chat__message-without-touch-support]=\"!hasTouchSupport\"\n  >\n    <ng-container *ngIf=\"!message?.deleted_at; else deletedMessage\">\n      <ng-container *ngIf=\"message?.type !== 'system'; else systemMessage\">\n        <stream-avatar-placeholder\n          data-testid=\"avatar\"\n          class=\"str-chat-angular__avatar-host str-chat__message-sender-avatar\"\n          type=\"user\"\n          location=\"message-sender\"\n          [imageUrl]=\"message?.user?.image\"\n          [name]=\"message?.user?.name || message?.user?.id\"\n          [user]=\"message?.user || undefined\"\n        />\n        <div class=\"str-chat__message-inner\">\n          <div\n            *ngIf=\"!hasTouchSupport && areOptionsVisible\"\n            class=\"str-chat__message-simple__actions str-chat__message-options\"\n            data-testid=\"message-options\"\n            [class.str-chat__message-actions-open]=\"areMessageOptionsOpen\"\n          >\n            <div\n              #messageActionsToggle\n              data-testid=\"message-actions-container\"\n              class=\"str-chat__message-actions-container str-chat__message-simple__actions__action str-chat__message-simple__actions__action--options\"\n              [floatUiLoose]=\"messageMenuFloat\"\n              [looseTrigger]=\"\n                messageActionsService.customActionClickHandler\n                  ? 'none'\n                  : 'click'\n              \"\n              [hideOnScroll]=\"false\"\n              [hideOnClickOutside]=\"true\"\n              [hideOnMouseLeave]=\"false\"\n              [disableAnimation]=\"false\"\n              [preventOverflow]=\"true\"\n              [positionFixed]=\"true\"\n              (onSHown)=\"areMessageOptionsOpen = true\"\n              (onHidden)=\"areMessageOptionsOpen = false\"\n            >\n              <div\n                *ngIf=\"visibleMessageActionsCount > 0\"\n                class=\"str-chat__message-actions-box-button\"\n                data-testid=\"message-options-button\"\n                (click)=\"messageOptionsButtonClicked()\"\n                (keyup.enter)=\"messageOptionsButtonClicked()\"\n              >\n                <stream-icon-placeholder\n                  icon=\"action\"\n                  class=\"str-chat__message-action-icon\"\n                />\n              </div>\n            </div>\n          </div>\n          <ng-container\n            *ngIf=\"\n              customTemplatesService.customMessageMetadataInsideBubbleTemplate$\n                | async\n            \"\n          >\n            <ng-template\n              *ngTemplateOutlet=\"\n                (customTemplatesService.customMessageMetadataInsideBubbleTemplate$\n                  | async)!;\n                context: { message: message }\n              \"\n            ></ng-template>\n          </ng-container>\n          <div class=\"str-chat__message-reactions-host\">\n            <ng-template\n              #defaultMessageReactions\n              let-messageReactionCounts=\"messageReactionCounts\"\n              let-latestReactions=\"latestReactions\"\n              let-messageId=\"messageId\"\n              let-ownReactions=\"ownReactions\"\n              let-messageReactionGroups=\"messageReactionGroups\"\n            >\n              <stream-message-reactions\n                [messageReactionCounts]=\"messageReactionCounts\"\n                [latestReactions]=\"latestReactions\"\n                [messageId]=\"messageId\"\n                [ownReactions]=\"ownReactions\"\n                [messageReactionGroups]=\"messageReactionGroups\"\n              />\n            </ng-template>\n            <ng-container\n              *ngTemplateOutlet=\"\n                (customTemplatesService.messageReactionsTemplate$ | async) ||\n                  defaultMessageReactions;\n                context: getMessageReactionsContext()\n              \"\n            />\n          </div>\n          <float-ui-content #messageMenuFloat>\n            <ng-template\n              #defaultMessageActionsBox\n              let-isMine=\"isMine\"\n              let-messageInput=\"message\"\n              let-enabledActions=\"enabledActions\"\n              let-messageTextHtmlElement=\"messageTextHtmlElement\"\n            >\n              <stream-message-actions-box\n                [isMine]=\"isMine\"\n                [message]=\"messageInput\"\n                [enabledActions]=\"enabledActions\"\n                [messageTextHtmlElement]=\"messageTextHtmlElement\"\n              />\n            </ng-template>\n            <ng-container>\n              <div\n                (click)=\"messageActionsBoxClicked(messageMenuFloat)\"\n                (keyup.enter)=\"messageActionsBoxClicked(messageMenuFloat)\"\n              >\n                <ng-container\n                  *ngTemplateOutlet=\"\n                    (customTemplatesService.messageActionsBoxTemplate$\n                      | async) || defaultMessageActionsBox;\n                    context: getMessageActionsBoxContext()\n                  \"\n                />\n              </div>\n            </ng-container>\n          </float-ui-content>\n          <div\n            class=\"str-chat__message-bubble str-chat-angular__message-bubble\"\n            [class.str-chat-angular__message-bubble--attachment-modal-open]=\"\n              nestedModalState === 'opened'\n            \"\n            data-testid=\"message-bubble\"\n            [floatUiLoose]=\"messageMenuFloat\"\n            #messageMenuTrigger=\"floatUiLoose\"\n            #messageBubble\n            looseTrigger=\"none\"\n            [hideOnScroll]=\"false\"\n            [hideOnClickOutside]=\"true\"\n            [hideOnMouseLeave]=\"false\"\n            [disableAnimation]=\"true\"\n            [preventOverflow]=\"true\"\n            (onShown)=\"areMessageOptionsOpen = true\"\n            (onHidden)=\"areMessageOptionsOpen = false\"\n            [positionFixed]=\"true\"\n          >\n            <ng-container *ngIf=\"hasAttachment && !message?.quoted_message\">\n              <div class=\"str-chat__attachments-container\">\n                <ng-container *ngTemplateOutlet=\"attachmentsTemplate\" />\n              </div>\n            </ng-container>\n            <ng-container\n              *ngIf=\"\n                message?.poll_id &&\n                (customTemplatesService.pollTemplate$ | async)\n              \"\n            >\n              <ng-container\n                *ngTemplateOutlet=\"\n                  (customTemplatesService.pollTemplate$ | async)!;\n                  context: {\n                    pollId: message!.poll_id!,\n                    messageId: message!.id,\n                    isQuote: false\n                  }\n                \"\n              />\n            </ng-container>\n            <div\n              *ngIf=\"\n                message?.text || (message?.quoted_message && hasAttachment)\n              \"\n              class=\"str-chat__message-text\"\n              tabindex=\"0\"\n              [class.str-chat__message-text--pointer-cursor]=\"\n                (message?.status === 'failed' &&\n                  message?.errorStatusCode !== 403) ||\n                (this.message?.type === 'error' &&\n                  this.message?.moderation_details) ||\n                message?.message_text_updated_at\n              \"\n              (click)=\"messageClicked()\"\n              (keyup.enter)=\"messageClicked()\"\n            >\n              <div\n                data-testid=\"inner-message\"\n                class=\"str-chat__message-text-inner str-chat__message-simple-text-inner\"\n                [class.str-chat__message-light-text-inner--has-attachment]=\"\n                  hasAttachment\n                \"\n              >\n                <ng-container *ngTemplateOutlet=\"quotedMessage\" />\n                <ng-container *ngIf=\"hasAttachment && message?.quoted_message\">\n                  <ng-container *ngTemplateOutlet=\"attachmentsTemplate\" />\n                </ng-container>\n                <div\n                  *ngIf=\"message?.type === 'error'\"\n                  data-testid=\"client-error-message\"\n                  class=\"str-chat__simple-message--error-message str-chat__message--error-message\"\n                >\n                  <ng-container *ngIf=\"!message?.moderation_details\">{{\n                    \"streamChat.Error \u00B7 Unsent\" | translate\n                  }}</ng-container>\n                </div>\n                <div\n                  *ngIf=\"message?.status === 'failed'\"\n                  data-testid=\"error-message\"\n                  class=\"str-chat__simple-message--error-message str-chat__message--error-message\"\n                >\n                  {{\n                    (message?.errorStatusCode === 403\n                      ? \"streamChat.Message Failed \u00B7 Unauthorized\"\n                      : \"streamChat.Message Failed \u00B7 Click to try again\"\n                    ) | translate\n                  }}\n                </div>\n                <ng-container\n                  *ngTemplateOutlet=\"\n                    (customTemplatesService.messageTextTemplate$ | async) ||\n                      defaultText;\n                    context: getMessageTextContext()\n                  \"\n                />\n                <ng-template\n                  #defaultText\n                  let-message=\"message\"\n                  let-isQuoted=\"isQuoted\"\n                  let-shouldTranslate=\"shouldTranslate\"\n                >\n                  <stream-message-text\n                    [message]=\"message\"\n                    [isQuoted]=\"isQuoted\"\n                    [shouldTranslate]=\"shouldTranslate\"\n                    data-testid=\"quoted-message-text\"\n                  />\n                </ng-template>\n              </div>\n            </div>\n            <stream-icon-placeholder\n              class=\"str-chat__message-error-icon\"\n              icon=\"error\"\n            />\n          </div>\n        </div>\n        <ng-container\n          *ngTemplateOutlet=\"replyCountButton; context: { message: message }\"\n        />\n\n        <ng-container *ngTemplateOutlet=\"messageDateAndSender\" />\n      </ng-container>\n    </ng-container>\n  </div>\n\n  <ng-template #deletedMessage>\n    <div data-testid=\"message-deleted-component\">\n      <div class=\"str-chat__message--deleted-inner\" translate>\n        streamChat.This message was deleted...\n      </div>\n    </div>\n  </ng-template>\n\n  <ng-template #systemMessage>\n    <ng-container\n      *ngTemplateOutlet=\"\n        (customTemplatesService.systemMessageTemplate$ | async) ||\n          defaultSystemMessage;\n        context: getMessageContext()\n      \"\n    />\n    <ng-template #defaultSystemMessage let-messageInput=\"message\">\n      <div data-testid=\"system-message\" class=\"str-chat__message--system\">\n        <div class=\"str-chat__message--system__text\">\n          <div class=\"str-chat__message--system__line\"></div>\n          <p>{{ messageInput?.text }}</p>\n          <div class=\"str-chat__message--system__line\"></div>\n        </div>\n        <div class=\"str-chat__message--system__date\">\n          {{ parsedDate }}\n        </div>\n      </div>\n    </ng-template>\n  </ng-template>\n\n  <ng-template #quotedMessage>\n    <div\n      *ngIf=\"message?.quoted_message\"\n      class=\"quoted-message str-chat__quoted-message-preview\"\n      data-testid=\"quoted-message-container\"\n      [class.mine]=\"isSentByCurrentUser\"\n      (click)=\"\n        jumpToMessage(\n          (message?.quoted_message)!.id,\n          message?.quoted_message?.parent_id\n        )\n      \"\n      (keyup.enter)=\"\n        jumpToMessage(\n          (message?.quoted_message)!.id,\n          message?.quoted_message?.parent_id\n        )\n      \"\n    >\n      <stream-avatar-placeholder\n        data-testid=\"qouted-message-avatar\"\n        class=\"str-chat-angular__avatar-host str-chat__message-sender-avatar\"\n        type=\"user\"\n        location=\"quoted-message-sender\"\n        [imageUrl]=\"message?.quoted_message?.user?.image\"\n        [name]=\"\n          message?.quoted_message?.user?.name ||\n          message?.quoted_message?.user?.id\n        \"\n        [user]=\"message?.quoted_message?.user || undefined\"\n      />\n      <div class=\"quoted-message-inner str-chat__quoted-message-bubble\">\n        <ng-container\n          *ngIf=\"\n            message?.quoted_message?.attachments &&\n            message?.quoted_message?.attachments?.length\n          \"\n        >\n          <ng-template\n            #defaultAttachments\n            let-messageId=\"messageId\"\n            let-attachments=\"attachments\"\n            let-parentMessageId=\"parentMessageId\"\n            let-imageModalStateChangeHandler=\"imageModalStateChangeHandler\"\n          >\n            <stream-attachment-list\n              [messageId]=\"messageId\"\n              [attachments]=\"attachments\"\n              [parentMessageId]=\"parentMessageId\"\n              (imageModalStateChange)=\"imageModalStateChangeHandler($event)\"\n            />\n          </ng-template>\n          <ng-container\n            *ngTemplateOutlet=\"\n              (customTemplatesService.attachmentListTemplate$ | async) ||\n                defaultAttachments;\n              context: getQuotedMessageAttachmentListContext()\n            \"\n          />\n        </ng-container>\n        <ng-container\n          *ngIf=\"\n            message?.quoted_message?.poll_id &&\n            (customTemplatesService.pollTemplate$ | async)\n          \"\n        >\n          <ng-container\n            *ngTemplateOutlet=\"\n              (customTemplatesService.pollTemplate$ | async)!;\n              context: {\n                pollId: message?.quoted_message?.poll_id,\n                messageId: message?.quoted_message?.id,\n                isQuote: true\n              }\n            \"\n          />\n        </ng-container>\n        <ng-container *ngIf=\"message?.quoted_message\">\n          <ng-container\n            *ngTemplateOutlet=\"\n              (customTemplatesService.messageTextTemplate$ | async) ||\n                defaultText;\n              context: getQuotedMessageTextContext()\n            \"\n          />\n          <ng-template\n            #defaultText\n            let-message=\"message\"\n            let-isQuoted=\"isQuoted\"\n            let-shouldTranslate=\"shouldTranslate\"\n          >\n            <stream-message-text\n              [message]=\"message\"\n              [isQuoted]=\"isQuoted\"\n              [shouldTranslate]=\"shouldTranslate\"\n              data-testid=\"quoted-message-text\"\n            />\n          </ng-template>\n        </ng-container>\n      </div>\n    </div>\n  </ng-template>\n\n  <ng-template #messageDateAndSender>\n    <ng-container>\n      <div\n        *ngIf=\"shouldDisplayTranslationNotice\"\n        class=\"str-chat__translation-notice\"\n        data-testid=\"translation-notice\"\n      >\n        <button\n          *ngIf=\"displayedMessageTextContent === 'translation'\"\n          data-testid=\"see-original\"\n          translate\n          (click)=\"displayOriginalMessage()\"\n          (keyup.enter)=\"displayOriginalMessage()\"\n        >\n          streamChat.See original (automatically translated)\n        </button>\n        <button\n          *ngIf=\"displayedMessageTextContent === 'original'\"\n          data-testid=\"see-translation\"\n          translate\n          (click)=\"displayTranslatedMessage()\"\n          (keyup.enter)=\"displayTranslatedMessage()\"\n        >\n          streamChat.See translation\n        </button>\n      </div>\n      <ng-container\n        *ngIf=\"customTemplatesService.customMessageMetadataTemplate$ | async\"\n      >\n        <div class=\"str-chat__custom-message-metadata\">\n          <ng-container\n            *ngTemplateOutlet=\"\n              (customTemplatesService.customMessageMetadataTemplate$ | async)!;\n              context: getMessageMetadataContext()\n            \"\n          />\n        </div>\n      </ng-container>\n      <div\n        class=\"str-chat__message-data str-chat__message-simple-data str-chat__message-metadata\"\n      >\n        <ng-container *ngTemplateOutlet=\"messageStatus\" />\n\n        <span\n          *ngIf=\"!isSentByCurrentUser\"\n          data-testid=\"sender\"\n          class=\"str-chat__message-simple-name str-chat__message-sender-name\"\n        >\n          {{ message?.user?.name ? message?.user?.name : message?.user?.id }}\n        </span>\n        <span\n          data-testid=\"date\"\n          class=\"str-chat__message-simple-timestamp str-chat__message-simple-time\"\n        >\n          {{ parsedDate }}\n        </span>\n        <ng-container *ngIf=\"message?.message_text_updated_at\">\n          <span\n            data-testid=\"edited-flag\"\n            class=\"str-chat__mesage-simple-edited\"\n            translate\n            >streamChat.Edited</span\n          >\n          <div\n            data-testid=\"edited-timestamp\"\n            class=\"str-chat__message-edited-timestamp\"\n            [ngClass]=\"{\n              'str-chat__message-edited-timestamp--open': isEditedFlagOpened,\n              'str-chat__message-edited-timestamp--collapsed':\n                !isEditedFlagOpened\n            }\"\n          >\n            <span translate>streamChat.Edited</span>\n            <time\n              dateTime=\"{{ message?.message_text_updated_at }}\"\n              title=\"{{ message?.message_text_updated_at }}\"\n            >\n              {{ pasedEditedDate }}\n            </time>\n          </div>\n        </ng-container>\n      </div>\n    </ng-container>\n  </ng-template>\n\n  <ng-template #messageStatus>\n    <ng-container\n      *ngIf=\"\n        isSentByCurrentUser &&\n        ((isLastSentMessage && message?.status === 'received') ||\n          message?.status === 'sending')\n      \"\n    >\n      <ng-container *ngIf=\"message?.status === 'sending'; else sentStatus\">\n        <ng-container *ngTemplateOutlet=\"sendingStatus\" />\n      </ng-container>\n      <ng-template #sentStatus>\n        <ng-container\n          *ngIf=\"\n            mode === 'main' &&\n              isMessageDeliveredAndRead &&\n              canDisplayReadStatus;\n            else deliveredStatus\n          \"\n        >\n          <ng-container *ngTemplateOutlet=\"readStatus\" />\n        </ng-container>\n      </ng-template>\n      <ng-template #deliveredStatus>\n        <ng-container\n          *ngTemplateOutlet=\"\n            (customTemplatesService.deliveredStatusTemplate$ | async) ||\n              defaultDeliveredStatus;\n            context: getDeliveredStatusContext()\n          \"\n        />\n      </ng-template>\n      <ng-template #defaultDeliveredStatus>\n        <span\n          *ngIf=\"mode === 'main'\"\n          class=\"str-chat__message-simple-status str-chat__message-simple-status-angular str-chat__message-status\"\n          data-testid=\"delivered-indicator\"\n          tabindex=\"0\"\n          [floatUiLoose]=\"floatingContent\"\n          loosePlacement=\"top\"\n          [looseTrigger]=\"hasTouchSupport ? 'click' : 'hover'\"\n          [disableAnimation]=\"true\"\n          [hideOnClickOutside]=\"true\"\n          [positionFixed]=\"true\"\n          [preventOverflow]=\"true\"\n        >\n          <float-ui-content #floatingContent>\n            <div class=\"str-chat__tooltip str-chat__tooltip-angular\">\n              {{ \"streamChat.Delivered\" | translate }}\n            </div>\n          </float-ui-content>\n          <stream-icon-placeholder\n            data-testid=\"delivered-icon\"\n            icon=\"delivered\"\n          />\n        </span>\n      </ng-template>\n      <ng-template #sendingStatus>\n        <ng-container\n          *ngTemplateOutlet=\"\n            (customTemplatesService.sendingStatusTemplate$ | async) ||\n              defaultSendingStatus;\n            context: getSendingStatusContext()\n          \"\n        />\n      </ng-template>\n      <ng-template #defaultSendingStatus>\n        <span\n          class=\"str-chat__message-simple-status str-chat__message-simple-status-angular str-chat__message-status\"\n          data-testid=\"sending-indicator\"\n          tabindex=\"0\"\n          [floatUiLoose]=\"floatingContent\"\n          loosePlacement=\"top\"\n          [looseTrigger]=\"hasTouchSupport ? 'click' : 'hover'\"\n          [disableAnimation]=\"true\"\n          [hideOnClickOutside]=\"true\"\n          [positionFixed]=\"true\"\n          [preventOverflow]=\"true\"\n        >\n          <float-ui-content #floatingContent>\n            <div class=\"str-chat__tooltip str-chat__tooltip-angular\">\n              {{ \"streamChat.Sending...\" | translate }}\n            </div>\n          </float-ui-content>\n          <stream-loading-indicator-placeholder\n            data-testid=\"loading-indicator\"\n          />\n        </span>\n      </ng-template>\n      <ng-template #readStatus>\n        <ng-container\n          *ngTemplateOutlet=\"\n            (customTemplatesService.readStatusTemplate$ | async) ||\n              defaultReadStatus;\n            context: getReadStatusContext()\n          \"\n        />\n      </ng-template>\n      <ng-template #defaultReadStatus let-readByText=\"readByText\">\n        <span\n          class=\"str-chat__message-simple-status str-chat__message-simple-status-angular str-chat__message-status\"\n          data-testid=\"read-indicator\"\n          tabindex=\"0\"\n          [floatUiLoose]=\"floatingContent\"\n          loosePlacement=\"top\"\n          [looseTrigger]=\"hasTouchSupport ? 'click' : 'hover'\"\n          [disableAnimation]=\"true\"\n          [hideOnClickOutside]=\"true\"\n          [positionFixed]=\"true\"\n          [preventOverflow]=\"true\"\n        >\n          <float-ui-content #floatingContent>\n            <div\n              class=\"str-chat__tooltip str-chat__tooltip-angular\"\n              data-testid=\"read-by-tooltip\"\n            >\n              {{ readByText }}\n            </div>\n          </float-ui-content>\n          <stream-icon-placeholder icon=\"read\" />\n        </span>\n      </ng-template>\n    </ng-container>\n  </ng-template>\n\n  <ng-template #replyCountButton>\n    <div\n      class=\"str-chat__message-simple-reply-button str-chat__message-replies-count-button-wrapper\"\n    >\n      <ng-container *ngIf=\"shouldDisplayThreadLink\">\n        <ng-template\n          *ngTemplateOutlet=\"\n            (customTemplatesService.threadLinkButton$ | async) || defaultButton;\n            context: { message: message }\n          \"\n        ></ng-template>\n      </ng-container>\n      <ng-template #defaultButton let-message=\"message\">\n        <button\n          class=\"str-chat__message-replies-count-button\"\n          data-testid=\"reply-count-button\"\n          (click)=\"setAsActiveParentMessage()\"\n        >\n          {{message?.reply_count === 1 ? ('streamChat.1 reply' | translate) : ('streamChat.{{ replyCount }}\n          replies' | translate:replyCountParam)}}\n        </button>\n      </ng-template>\n    </div>\n  </ng-template>\n\n  <ng-template #attachmentsTemplate>\n    <ng-template\n      #defaultAttachments\n      let-messageId=\"messageId\"\n      let-attachments=\"attachments\"\n      let-parentMessageId=\"parentMessageId\"\n      let-imageModalStateChangeHandler=\"imageModalStateChangeHandler\"\n    >\n      <stream-attachment-list\n        [messageId]=\"messageId\"\n        [attachments]=\"attachments\"\n        [parentMessageId]=\"parentMessageId\"\n        (imageModalStateChange)=\"imageModalStateChangeHandler($event)\"\n      />\n    </ng-template>\n    <ng-container\n      *ngTemplateOutlet=\"\n        (customTemplatesService.attachmentListTemplate$ | async) ||\n          defaultAttachments;\n        context: getAttachmentListContext()\n      \"\n    />\n  </ng-template>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i7.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i7.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i8.NgxFloatUiContentComponent, selector: "float-ui-content", exportAs: ["ngxFloatUiContent"] }, { kind: "directive", type: i8.NgxFloatUiLooseDirective, selector: "[floatUiLoose]", inputs: ["floatUiLoose", "loosePlacement", "looseTrigger"], exportAs: ["floatUiLoose"] }, { kind: "component", type: i9.AvatarPlaceholderComponent, selector: "stream-avatar-placeholder", inputs: ["name", "imageUrl", "location", "channel", "user", "type", "initialsType", "showOnlineIndicator"] }, { kind: "directive", type: i6.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i10.IconPlaceholderComponent, selector: "stream-icon-placeholder", inputs: ["icon"] }, { kind: "component", type: i11.LoadingIndicatorPlaceholderComponent, selector: "stream-loading-indicator-placeholder" }, { kind: "component", type: i12.MessageActionsBoxComponent, selector: "stream-message-actions-box", inputs: ["isMine", "message", "messageTextHtmlElement", "enabledActions"] }, { kind: "component", type: i13.AttachmentListComponent, selector: "stream-attachment-list", inputs: ["messageId", "parentMessageId", "attachments"], outputs: ["imageModalStateChange"] }, { kind: "component", type: i14.MessageReactionsComponent, selector: "stream-message-reactions", inputs: ["messageId", "messageReactionGroups", "messageReactionCounts", "latestReactions", "ownReactions"] }, { kind: "component", type: i15.MessageTextComponent, selector: "stream-message-text", inputs: ["message", "isQuoted", "shouldTranslate"] }, { kind: "component", type: i16.MessageBlockedComponent, selector: "stream-message-blocked", inputs: ["message", "isMyMessage"] }, { kind: "pipe", type: i7.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: MessageComponent, selector: "stream-message", inputs: { message: "message", enabledMessageActions: "enabledMessageActions", isLastSentMessage: "isLastSentMessage", mode: "mode", isHighlighted: "isHighlighted", scroll$: "scroll$" }, viewQueries: [{ propertyName: "messageMenuTrigger", first: true, predicate: ["messageMenuTrigger"], descendants: true }, { propertyName: "messageMenuFloat", first: true, predicate: ["messageMenuFloat"], descendants: true }, { propertyName: "messageTextElement", first: true, predicate: ["messageTextElement"], descendants: true }, { propertyName: "messageBubble", first: true, predicate: ["messageBubble"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ng-container\n  *ngIf=\"\n    message?.type === 'error' &&\n      (message?.moderation_details?.action ===\n        'MESSAGE_RESPONSE_ACTION_REMOVE' ||\n        message?.moderation?.action === 'remove');\n    else notBlockedMessage\n  \"\n>\n  <ng-container\n    *ngTemplateOutlet=\"\n      (customTemplatesService.messageBlockedTemplate$ | async) ||\n        defaultBlockedMessage;\n      context: getMessageBlockedContext()\n    \"\n  />\n  <ng-template #defaultBlockedMessage>\n    <stream-message-blocked\n      [message]=\"message\"\n      [isMyMessage]=\"isSentByCurrentUser\"\n    />\n  </ng-template>\n</ng-container>\n<ng-template #notBlockedMessage>\n  <div\n    data-testid=\"message-container\"\n    class=\"str-chat__message-simple str-chat__message str-chat__message--{{\n      message?.type\n    }} str-chat__message--{{ message?.status }} {{\n      message?.text ? 'str-chat__message--has-text' : 'has-no-text'\n    }} str-chat__message-menu-{{ areMessageOptionsOpen ? 'opened' : 'closed' }}\"\n    [class.str-chat__message--me]=\"isSentByCurrentUser\"\n    [class.str-chat__message--other]=\"!isSentByCurrentUser\"\n    [class.str-chat__message-simple--me]=\"isSentByCurrentUser\"\n    [class.str-chat__message--has-attachment]=\"hasAttachment\"\n    [class.str-chat__message--with-reactions]=\"hasReactions\"\n    [class.str-chat__message--highlighted]=\"isHighlighted\"\n    [class.str-chat__message-with-thread-link]=\"shouldDisplayThreadLink\"\n    [class.str-chat__message-send-can-be-retried]=\"\n      (message?.status === 'failed' && message?.errorStatusCode !== 403) ||\n      (message?.type === 'error' && message?.moderation_details)\n    \"\n    [class.str-chat__message-with-touch-support]=\"hasTouchSupport\"\n    [class.str-chat__message-without-touch-support]=\"!hasTouchSupport\"\n  >\n    <ng-container *ngIf=\"!message?.deleted_at; else deletedMessage\">\n      <ng-container *ngIf=\"message?.type !== 'system'; else systemMessage\">\n        <stream-avatar-placeholder\n          data-testid=\"avatar\"\n          class=\"str-chat-angular__avatar-host str-chat__message-sender-avatar\"\n          type=\"user\"\n          location=\"message-sender\"\n          [imageUrl]=\"message?.user?.image\"\n          [name]=\"message?.user?.name || message?.user?.id\"\n          [user]=\"message?.user || undefined\"\n        />\n        <div class=\"str-chat__message-inner\">\n          <div\n            *ngIf=\"!hasTouchSupport && areOptionsVisible\"\n            class=\"str-chat__message-simple__actions str-chat__message-options\"\n            data-testid=\"message-options\"\n            [class.str-chat__message-actions-open]=\"areMessageOptionsOpen\"\n          >\n            <div\n              #messageActionsToggle\n              data-testid=\"message-actions-container\"\n              class=\"str-chat__message-actions-container str-chat__message-simple__actions__action str-chat__message-simple__actions__action--options\"\n              [floatUiLoose]=\"messageMenuFloat\"\n              [looseTrigger]=\"\n                messageActionsService.customActionClickHandler\n                  ? 'none'\n                  : 'click'\n              \"\n              [hideOnScroll]=\"false\"\n              [hideOnClickOutside]=\"true\"\n              [hideOnMouseLeave]=\"false\"\n              [disableAnimation]=\"false\"\n              [preventOverflow]=\"true\"\n              [positionFixed]=\"true\"\n              (onSHown)=\"areMessageOptionsOpen = true\"\n              (onHidden)=\"areMessageOptionsOpen = false\"\n            >\n              <div\n                *ngIf=\"visibleMessageActionsCount > 0\"\n                class=\"str-chat__message-actions-box-button\"\n                data-testid=\"message-options-button\"\n                (click)=\"messageOptionsButtonClicked()\"\n                (keyup.enter)=\"messageOptionsButtonClicked()\"\n              >\n                <stream-icon-placeholder\n                  icon=\"action\"\n                  class=\"str-chat__message-action-icon\"\n                />\n              </div>\n            </div>\n          </div>\n          <ng-container\n            *ngIf=\"\n              customTemplatesService.customMessageMetadataInsideBubbleTemplate$\n                | async\n            \"\n          >\n            <ng-template\n              *ngTemplateOutlet=\"\n                (customTemplatesService.customMessageMetadataInsideBubbleTemplate$\n                  | async)!;\n                context: { message: message }\n              \"\n            ></ng-template>\n          </ng-container>\n          <div class=\"str-chat__message-reactions-host\">\n            <ng-template\n              #defaultMessageReactions\n              let-messageReactionCounts=\"messageReactionCounts\"\n              let-latestReactions=\"latestReactions\"\n              let-messageId=\"messageId\"\n              let-ownReactions=\"ownReactions\"\n              let-messageReactionGroups=\"messageReactionGroups\"\n            >\n              <stream-message-reactions\n                [messageReactionCounts]=\"messageReactionCounts\"\n                [latestReactions]=\"latestReactions\"\n                [messageId]=\"messageId\"\n                [ownReactions]=\"ownReactions\"\n                [messageReactionGroups]=\"messageReactionGroups\"\n              />\n            </ng-template>\n            <ng-container\n              *ngTemplateOutlet=\"\n                (customTemplatesService.messageReactionsTemplate$ | async) ||\n                  defaultMessageReactions;\n                context: getMessageReactionsContext()\n              \"\n            />\n          </div>\n          <float-ui-content #messageMenuFloat>\n            <ng-template\n              #defaultMessageActionsBox\n              let-isMine=\"isMine\"\n              let-messageInput=\"message\"\n              let-enabledActions=\"enabledActions\"\n              let-messageTextHtmlElement=\"messageTextHtmlElement\"\n            >\n              <stream-message-actions-box\n                [isMine]=\"isMine\"\n                [message]=\"messageInput\"\n                [enabledActions]=\"enabledActions\"\n                [messageTextHtmlElement]=\"messageTextHtmlElement\"\n              />\n            </ng-template>\n            <ng-container>\n              <div\n                (click)=\"messageActionsBoxClicked(messageMenuFloat)\"\n                (keyup.enter)=\"messageActionsBoxClicked(messageMenuFloat)\"\n              >\n                <ng-container\n                  *ngTemplateOutlet=\"\n                    (customTemplatesService.messageActionsBoxTemplate$\n                      | async) || defaultMessageActionsBox;\n                    context: getMessageActionsBoxContext()\n                  \"\n                />\n              </div>\n            </ng-container>\n          </float-ui-content>\n          <div\n            class=\"str-chat__message-bubble str-chat-angular__message-bubble\"\n            [class.str-chat-angular__message-bubble--attachment-modal-open]=\"\n              nestedModalState === 'opened'\n            \"\n            data-testid=\"message-bubble\"\n            [floatUiLoose]=\"messageMenuFloat\"\n            #messageMenuTrigger=\"floatUiLoose\"\n            #messageBubble\n            looseTrigger=\"none\"\n            [hideOnScroll]=\"false\"\n            [hideOnClickOutside]=\"true\"\n            [hideOnMouseLeave]=\"false\"\n            [disableAnimation]=\"true\"\n            [preventOverflow]=\"true\"\n            (onShown)=\"areMessageOptionsOpen = true\"\n            (onHidden)=\"areMessageOptionsOpen = false\"\n            [positionFixed]=\"true\"\n          >\n            <ng-container *ngIf=\"hasAttachment && !message?.quoted_message\">\n              <div class=\"str-chat__attachments-container\">\n                <ng-container *ngTemplateOutlet=\"attachmentsTemplate\" />\n              </div>\n            </ng-container>\n            <ng-container\n              *ngIf=\"\n                message?.poll_id &&\n                (customTemplatesService.pollTemplate$ | async)\n              \"\n            >\n              <ng-container\n                *ngTemplateOutlet=\"\n                  (customTemplatesService.pollTemplate$ | async)!;\n                  context: {\n                    pollId: message!.poll_id!,\n                    messageId: message!.id,\n                    isQuote: false\n                  }\n                \"\n              />\n            </ng-container>\n            <div\n              *ngIf=\"\n                message?.text || (message?.quoted_message && hasAttachment)\n              \"\n              class=\"str-chat__message-text\"\n              tabindex=\"0\"\n              [class.str-chat__message-text--pointer-cursor]=\"\n                (message?.status === 'failed' &&\n                  message?.errorStatusCode !== 403) ||\n                (this.message?.type === 'error' &&\n                  this.message?.moderation_details) ||\n                message?.message_text_updated_at\n              \"\n              (click)=\"messageClicked()\"\n              (keyup.enter)=\"messageClicked()\"\n            >\n              <div\n                data-testid=\"inner-message\"\n                class=\"str-chat__message-text-inner str-chat__message-simple-text-inner\"\n                [class.str-chat__message-light-text-inner--has-attachment]=\"\n                  hasAttachment\n                \"\n              >\n                <ng-container *ngTemplateOutlet=\"quotedMessage\" />\n                <ng-container *ngIf=\"hasAttachment && message?.quoted_message\">\n                  <ng-container *ngTemplateOutlet=\"attachmentsTemplate\" />\n                </ng-container>\n                <div\n                  *ngIf=\"message?.type === 'error'\"\n                  data-testid=\"client-error-message\"\n                  class=\"str-chat__simple-message--error-message str-chat__message--error-message\"\n                >\n                  <ng-container *ngIf=\"!message?.moderation_details\">{{\n                    \"streamChat.Error \u00B7 Unsent\" | translate\n                  }}</ng-container>\n                </div>\n                <div\n                  *ngIf=\"message?.status === 'failed'\"\n                  data-testid=\"error-message\"\n                  class=\"str-chat__simple-message--error-message str-chat__message--error-message\"\n                >\n                  {{\n                    (message?.errorStatusCode === 403\n                      ? \"streamChat.Message Failed \u00B7 Unauthorized\"\n                      : \"streamChat.Message Failed \u00B7 Click to try again\"\n                    ) | translate\n                  }}\n                </div>\n                <ng-container\n                  *ngTemplateOutlet=\"\n                    (customTemplatesService.messageTextTemplate$ | async) ||\n                      defaultText;\n                    context: getMessageTextContext()\n                  \"\n                />\n                <ng-template\n                  #defaultText\n                  let-message=\"message\"\n                  let-isQuoted=\"isQuoted\"\n                  let-shouldTranslate=\"shouldTranslate\"\n                >\n                  <stream-message-text\n                    [message]=\"message\"\n                    [isQuoted]=\"isQuoted\"\n                    [shouldTranslate]=\"shouldTranslate\"\n                    data-testid=\"quoted-message-text\"\n                  />\n                </ng-template>\n              </div>\n            </div>\n            <stream-icon-placeholder\n              class=\"str-chat__message-error-icon\"\n              icon=\"error\"\n            />\n          </div>\n        </div>\n        <ng-container\n          *ngTemplateOutlet=\"replyCountButton; context: { message: message }\"\n        />\n\n        <ng-container *ngTemplateOutlet=\"messageDateAndSender\" />\n      </ng-container>\n    </ng-container>\n  </div>\n\n  <ng-template #deletedMessage>\n    <div data-testid=\"message-deleted-component\">\n      <div class=\"str-chat__message--deleted-inner\" translate>\n        streamChat.This message was deleted...\n      </div>\n    </div>\n  </ng-template>\n\n  <ng-template #systemMessage>\n    <ng-container\n      *ngTemplateOutlet=\"\n        (customTemplatesService.systemMessageTemplate$ | async) ||\n          defaultSystemMessage;\n        context: getMessageContext()\n      \"\n    />\n    <ng-template #defaultSystemMessage let-messageInput=\"message\">\n      <div data-testid=\"system-message\" class=\"str-chat__message--system\">\n        <div class=\"str-chat__message--system__text\">\n          <div class=\"str-chat__message--system__line\"></div>\n          <p>{{ messageInput?.text }}</p>\n          <div class=\"str-chat__message--system__line\"></div>\n        </div>\n        <div class=\"str-chat__message--system__date\">\n          {{ parsedDate }}\n        </div>\n      </div>\n    </ng-template>\n  </ng-template>\n\n  <ng-template #quotedMessage>\n    <div\n      *ngIf=\"message?.quoted_message\"\n      class=\"quoted-message str-chat__quoted-message-preview\"\n      data-testid=\"quoted-message-container\"\n      [class.mine]=\"isSentByCurrentUser\"\n      (click)=\"\n        jumpToMessage(\n          (message?.quoted_message)!.id,\n          message?.quoted_message?.parent_id\n        )\n      \"\n      (keyup.enter)=\"\n        jumpToMessage(\n          (message?.quoted_message)!.id,\n          message?.quoted_message?.parent_id\n        )\n      \"\n    >\n      <stream-avatar-placeholder\n        data-testid=\"qouted-message-avatar\"\n        class=\"str-chat-angular__avatar-host str-chat__message-sender-avatar\"\n        type=\"user\"\n        location=\"quoted-message-sender\"\n        [imageUrl]=\"message?.quoted_message?.user?.image\"\n        [name]=\"\n          message?.quoted_message?.user?.name ||\n          message?.quoted_message?.user?.id\n        \"\n        [user]=\"message?.quoted_message?.user || undefined\"\n      />\n      <div class=\"quoted-message-inner str-chat__quoted-message-bubble\">\n        <ng-container\n          *ngIf=\"\n            message?.quoted_message?.attachments &&\n            message?.quoted_message?.attachments?.length\n          \"\n        >\n          <ng-template\n            #defaultAttachments\n            let-messageId=\"messageId\"\n            let-attachments=\"attachments\"\n            let-parentMessageId=\"parentMessageId\"\n            let-imageModalStateChangeHandler=\"imageModalStateChangeHandler\"\n          >\n            <stream-attachment-list\n              [messageId]=\"messageId\"\n              [attachments]=\"attachments\"\n              [parentMessageId]=\"parentMessageId\"\n              (imageModalStateChange)=\"imageModalStateChangeHandler($event)\"\n            />\n          </ng-template>\n          <ng-container\n            *ngTemplateOutlet=\"\n              (customTemplatesService.attachmentListTemplate$ | async) ||\n                defaultAttachments;\n              context: getQuotedMessageAttachmentListContext()\n            \"\n          />\n        </ng-container>\n        <ng-container\n          *ngIf=\"\n            message?.quoted_message?.poll_id &&\n            (customTemplatesService.pollTemplate$ | async)\n          \"\n        >\n          <ng-container\n            *ngTemplateOutlet=\"\n              (customTemplatesService.pollTemplate$ | async)!;\n              context: {\n                pollId: message?.quoted_message?.poll_id,\n                messageId: message?.quoted_message?.id,\n                isQuote: true\n              }\n            \"\n          />\n        </ng-container>\n        <ng-container *ngIf=\"message?.quoted_message\">\n          <ng-container\n            *ngTemplateOutlet=\"\n              (customTemplatesService.messageTextTemplate$ | async) ||\n                defaultText;\n              context: getQuotedMessageTextContext()\n            \"\n          />\n          <ng-template\n            #defaultText\n            let-message=\"message\"\n            let-isQuoted=\"isQuoted\"\n            let-shouldTranslate=\"shouldTranslate\"\n          >\n            <stream-message-text\n              [message]=\"message\"\n              [isQuoted]=\"isQuoted\"\n              [shouldTranslate]=\"shouldTranslate\"\n              data-testid=\"quoted-message-text\"\n            />\n          </ng-template>\n        </ng-container>\n      </div>\n    </div>\n  </ng-template>\n\n  <ng-template #messageDateAndSender>\n    <ng-container>\n      <div\n        *ngIf=\"shouldDisplayTranslationNotice\"\n        class=\"str-chat__translation-notice\"\n        data-testid=\"translation-notice\"\n      >\n        <button\n          *ngIf=\"displayedMessageTextContent === 'translation'\"\n          data-testid=\"see-original\"\n          translate\n          (click)=\"displayOriginalMessage()\"\n          (keyup.enter)=\"displayOriginalMessage()\"\n        >\n          streamChat.See original (automatically translated)\n        </button>\n        <button\n          *ngIf=\"displayedMessageTextContent === 'original'\"\n          data-testid=\"see-translation\"\n          translate\n          (click)=\"displayTranslatedMessage()\"\n          (keyup.enter)=\"displayTranslatedMessage()\"\n        >\n          streamChat.See translation\n        </button>\n      </div>\n      <ng-container\n        *ngIf=\"customTemplatesService.customMessageMetadataTemplate$ | async\"\n      >\n        <div class=\"str-chat__custom-message-metadata\">\n          <ng-container\n            *ngTemplateOutlet=\"\n              (customTemplatesService.customMessageMetadataTemplate$ | async)!;\n              context: getMessageMetadataContext()\n            \"\n          />\n        </div>\n      </ng-container>\n      <div\n        class=\"str-chat__message-data str-chat__message-simple-data str-chat__message-metadata\"\n      >\n        <ng-container *ngTemplateOutlet=\"messageStatus\" />\n\n        <span\n          *ngIf=\"!isSentByCurrentUser\"\n          data-testid=\"sender\"\n          class=\"str-chat__message-simple-name str-chat__message-sender-name\"\n        >\n          {{ message?.user?.name ? message?.user?.name : message?.user?.id }}\n        </span>\n        <span\n          data-testid=\"date\"\n          class=\"str-chat__message-simple-timestamp str-chat__message-simple-time\"\n        >\n          {{ parsedDate }}\n        </span>\n        <ng-container *ngIf=\"message?.message_text_updated_at\">\n          <span\n            data-testid=\"edited-flag\"\n            class=\"str-chat__mesage-simple-edited\"\n            translate\n            >streamChat.Edited</span\n          >\n          <div\n            data-testid=\"edited-timestamp\"\n            class=\"str-chat__message-edited-timestamp\"\n            [ngClass]=\"{\n              'str-chat__message-edited-timestamp--open': isEditedFlagOpened,\n              'str-chat__message-edited-timestamp--collapsed':\n                !isEditedFlagOpened\n            }\"\n          >\n            <span translate>streamChat.Edited</span>\n            <time\n              dateTime=\"{{ message?.message_text_updated_at }}\"\n              title=\"{{ message?.message_text_updated_at }}\"\n            >\n              {{ pasedEditedDate }}\n            </time>\n          </div>\n        </ng-container>\n      </div>\n    </ng-container>\n  </ng-template>\n\n  <ng-template #messageStatus>\n    <ng-container\n      *ngIf=\"\n        isSentByCurrentUser &&\n        ((isLastSentMessage && message?.status === 'received') ||\n          message?.status === 'sending')\n      \"\n    >\n      <ng-container *ngIf=\"message?.status === 'sending'; else sentStatus\">\n        <ng-container *ngTemplateOutlet=\"sendingStatus\" />\n      </ng-container>\n      <ng-template #sentStatus>\n        <ng-container\n          *ngIf=\"\n            mode === 'main' &&\n              isMessageDeliveredAndRead &&\n              canDisplayReadStatus;\n            else deliveredStatus\n          \"\n        >\n          <ng-container *ngTemplateOutlet=\"readStatus\" />\n        </ng-container>\n      </ng-template>\n      <ng-template #deliveredStatus>\n        <ng-container\n          *ngTemplateOutlet=\"\n            (customTemplatesService.deliveredStatusTemplate$ | async) ||\n              defaultDeliveredStatus;\n            context: getDeliveredStatusContext()\n          \"\n        />\n      </ng-template>\n      <ng-template #defaultDeliveredStatus>\n        <span\n          *ngIf=\"mode === 'main'\"\n          class=\"str-chat__message-simple-status str-chat__message-simple-status-angular str-chat__message-status\"\n          data-testid=\"delivered-indicator\"\n          tabindex=\"0\"\n          [floatUiLoose]=\"floatingContent\"\n          loosePlacement=\"top\"\n          [looseTrigger]=\"hasTouchSupport ? 'click' : 'hover'\"\n          [disableAnimation]=\"true\"\n          [hideOnClickOutside]=\"true\"\n          [positionFixed]=\"true\"\n          [preventOverflow]=\"true\"\n        >\n          <float-ui-content #floatingContent>\n            <div class=\"str-chat__tooltip str-chat__tooltip-angular\">\n              {{ \"streamChat.Delivered\" | translate }}\n            </div>\n          </float-ui-content>\n          <stream-icon-placeholder\n            data-testid=\"delivered-icon\"\n            icon=\"delivered\"\n          />\n        </span>\n      </ng-template>\n      <ng-template #sendingStatus>\n        <ng-container\n          *ngTemplateOutlet=\"\n            (customTemplatesService.sendingStatusTemplate$ | async) ||\n              defaultSendingStatus;\n            context: getSendingStatusContext()\n          \"\n        />\n      </ng-template>\n      <ng-template #defaultSendingStatus>\n        <span\n          class=\"str-chat__message-simple-status str-chat__message-simple-status-angular str-chat__message-status\"\n          data-testid=\"sending-indicator\"\n          tabindex=\"0\"\n          [floatUiLoose]=\"floatingContent\"\n          loosePlacement=\"top\"\n          [looseTrigger]=\"hasTouchSupport ? 'click' : 'hover'\"\n          [disableAnimation]=\"true\"\n          [hideOnClickOutside]=\"true\"\n          [positionFixed]=\"true\"\n          [preventOverflow]=\"true\"\n        >\n          <float-ui-content #floatingContent>\n            <div class=\"str-chat__tooltip str-chat__tooltip-angular\">\n              {{ \"streamChat.Sending...\" | translate }}\n            </div>\n          </float-ui-content>\n          <stream-loading-indicator-placeholder\n            data-testid=\"loading-indicator\"\n          />\n        </span>\n      </ng-template>\n      <ng-template #readStatus>\n        <ng-container\n          *ngTemplateOutlet=\"\n            (customTemplatesService.readStatusTemplate$ | async) ||\n              defaultReadStatus;\n            context: getReadStatusContext()\n          \"\n        />\n      </ng-template>\n      <ng-template #defaultReadStatus let-readByText=\"readByText\">\n        <span\n          class=\"str-chat__message-simple-status str-chat__message-simple-status-angular str-chat__message-status\"\n          data-testid=\"read-indicator\"\n          tabindex=\"0\"\n          [floatUiLoose]=\"floatingContent\"\n          loosePlacement=\"top\"\n          [looseTrigger]=\"hasTouchSupport ? 'click' : 'hover'\"\n          [disableAnimation]=\"true\"\n          [hideOnClickOutside]=\"true\"\n          [positionFixed]=\"true\"\n          [preventOverflow]=\"true\"\n        >\n          <float-ui-content #floatingContent>\n            <div\n              class=\"str-chat__tooltip str-chat__tooltip-angular\"\n              data-testid=\"read-by-tooltip\"\n            >\n              {{ readByText }}\n            </div>\n          </float-ui-content>\n          <stream-icon-placeholder icon=\"read\" />\n        </span>\n      </ng-template>\n    </ng-container>\n  </ng-template>\n\n  <ng-template #replyCountButton>\n    <div\n      class=\"str-chat__message-simple-reply-button str-chat__message-replies-count-button-wrapper\"\n    >\n      <ng-container *ngIf=\"shouldDisplayThreadLink\">\n        <ng-template\n          *ngTemplateOutlet=\"\n            (customTemplatesService.threadLinkButton$ | async) || defaultButton;\n            context: { message: message }\n          \"\n        ></ng-template>\n      </ng-container>\n      <ng-template #defaultButton let-message=\"message\">\n        <button\n          class=\"str-chat__message-replies-count-button\"\n          data-testid=\"reply-count-button\"\n          (click)=\"setAsActiveParentMessage()\"\n        >\n          {{message?.reply_count === 1 ? ('streamChat.1 reply' | translate) : ('streamChat.{{ replyCount }}\n          replies' | translate:replyCountParam)}}\n        </button>\n      </ng-template>\n    </div>\n  </ng-template>\n\n  <ng-template #attachmentsTemplate>\n    <ng-template\n      #defaultAttachments\n      let-messageId=\"messageId\"\n      let-attachments=\"attachments\"\n      let-parentMessageId=\"parentMessageId\"\n      let-imageModalStateChangeHandler=\"imageModalStateChangeHandler\"\n    >\n      <stream-attachment-list\n        [messageId]=\"messageId\"\n        [attachments]=\"attachments\"\n        [parentMessageId]=\"parentMessageId\"\n        (imageModalStateChange)=\"imageModalStateChangeHandler($event)\"\n      />\n    </ng-template>\n    <ng-container\n      *ngTemplateOutlet=\"\n        (customTemplatesService.attachmentListTemplate$ | async) ||\n          defaultAttachments;\n        context: getAttachmentListContext()\n      \"\n    />\n  </ng-template>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i7.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i7.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i8.NgxFloatUiContentComponent, selector: "float-ui-content", exportAs: ["ngxFloatUiContent"] }, { kind: "directive", type: i8.NgxFloatUiLooseDirective, selector: "[floatUiLoose]", inputs: ["floatUiLoose", "loosePlacement", "looseTrigger"], exportAs: ["floatUiLoose"] }, { kind: "component", type: i9.AvatarPlaceholderComponent, selector: "stream-avatar-placeholder", inputs: ["name", "imageUrl", "location", "channel", "user", "type", "initialsType", "showOnlineIndicator"] }, { kind: "component", type: i10.IconPlaceholderComponent, selector: "stream-icon-placeholder", inputs: ["icon"] }, { kind: "component", type: i11.LoadingIndicatorPlaceholderComponent, selector: "stream-loading-indicator-placeholder" }, { kind: "component", type: i12.MessageActionsBoxComponent, selector: "stream-message-actions-box", inputs: ["isMine", "message", "messageTextHtmlElement", "enabledActions"] }, { kind: "component", type: i13.AttachmentListComponent, selector: "stream-attachment-list", inputs: ["messageId", "parentMessageId", "attachments"], outputs: ["imageModalStateChange"] }, { kind: "component", type: i14.MessageReactionsComponent, selector: "stream-message-reactions", inputs: ["messageId", "messageReactionGroups", "messageReactionCounts", "latestReactions", "ownReactions"] }, { kind: "component", type: i15.MessageTextComponent, selector: "stream-message-text", inputs: ["message", "isQuoted", "shouldTranslate"] }, { kind: "component", type: i16.MessageBlockedComponent, selector: "stream-message-blocked", inputs: ["message", "isMyMessage"] }, { kind: "pipe", type: i7.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MessageComponent, decorators: [{
             type: Component,

package/esm2022/lib/notification-list/stream-notification.module.mjs

@@ -2,19 +2,19 @@ import { NgModule } from '@angular/core';
 import { NotificationListComponent } from './notification-list.component';
 import { NotificationComponent } from '../notification/notification.component';
 import { CommonModule } from '@angular/common';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 import * as i0 from "@angular/core";
 export class StreamNotificationModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: StreamNotificationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: StreamNotificationModule, declarations: [NotificationComponent, NotificationListComponent], imports: [CommonModule, TranslateModule], exports: [NotificationComponent, NotificationListComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: StreamNotificationModule, imports: [CommonModule, TranslateModule] }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: StreamNotificationModule, declarations: [NotificationComponent, NotificationListComponent], imports: [CommonModule, TranslatePipe], exports: [NotificationComponent, NotificationListComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: StreamNotificationModule, imports: [CommonModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: StreamNotificationModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [NotificationComponent, NotificationListComponent],
-                    imports: [CommonModule, TranslateModule],
+                    imports: [CommonModule, TranslatePipe],
                     exports: [NotificationComponent, NotificationListComponent],
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RyZWFtLW5vdGlmaWNhdGlvbi5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zdHJlYW0tY2hhdC1hbmd1bGFyL3NyYy9saWIvbm90aWZpY2F0aW9uLWxpc3Qvc3RyZWFtLW5vdGlmaWNhdGlvbi5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUMxRSxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQztBQUMvRSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHFCQUFxQixDQUFDOztBQU90RCxNQUFNLE9BQU8sd0JBQXdCOytHQUF4Qix3QkFBd0I7Z0hBQXhCLHdCQUF3QixpQkFKcEIscUJBQXFCLEVBQUUseUJBQXlCLGFBQ3JELFlBQVksRUFBRSxlQUFlLGFBQzdCLHFCQUFxQixFQUFFLHlCQUF5QjtnSEFFL0Msd0JBQXdCLFlBSHpCLFlBQVksRUFBRSxlQUFlOzs0RkFHNUIsd0JBQXdCO2tCQUxwQyxRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLHFCQUFxQixFQUFFLHlCQUF5QixDQUFDO29CQUNoRSxPQUFPLEVBQUUsQ0FBQyxZQUFZLEVBQUUsZUFBZSxDQUFDO29CQUN4QyxPQUFPLEVBQUUsQ0FBQyxxQkFBcUIsRUFBRSx5QkFBeUIsQ0FBQztpQkFDNUQiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTm90aWZpY2F0aW9uTGlzdENvbXBvbmVudCB9IGZyb20gJy4vbm90aWZpY2F0aW9uLWxpc3QuY29tcG9uZW50JztcbmltcG9ydCB7IE5vdGlmaWNhdGlvbkNvbXBvbmVudCB9IGZyb20gJy4uL25vdGlmaWNhdGlvbi9ub3RpZmljYXRpb24uY29tcG9uZW50JztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBUcmFuc2xhdGVNb2R1bGUgfSBmcm9tICdAbmd4LXRyYW5zbGF0ZS9jb3JlJztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbTm90aWZpY2F0aW9uQ29tcG9uZW50LCBOb3RpZmljYXRpb25MaXN0Q29tcG9uZW50XSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgVHJhbnNsYXRlTW9kdWxlXSxcbiAgZXhwb3J0czogW05vdGlmaWNhdGlvbkNvbXBvbmVudCwgTm90aWZpY2F0aW9uTGlzdENvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIFN0cmVhbU5vdGlmaWNhdGlvbk1vZHVsZSB7fVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RyZWFtLW5vdGlmaWNhdGlvbi5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zdHJlYW0tY2hhdC1hbmd1bGFyL3NyYy9saWIvbm90aWZpY2F0aW9uLWxpc3Qvc3RyZWFtLW5vdGlmaWNhdGlvbi5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUMxRSxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQztBQUMvRSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHFCQUFxQixDQUFDOztBQU9wRCxNQUFNLE9BQU8sd0JBQXdCOytHQUF4Qix3QkFBd0I7Z0hBQXhCLHdCQUF3QixpQkFKcEIscUJBQXFCLEVBQUUseUJBQXlCLGFBQ3JELFlBQVksRUFBRSxhQUFhLGFBQzNCLHFCQUFxQixFQUFFLHlCQUF5QjtnSEFFL0Msd0JBQXdCLFlBSHpCLFlBQVk7OzRGQUdYLHdCQUF3QjtrQkFMcEMsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyxxQkFBcUIsRUFBRSx5QkFBeUIsQ0FBQztvQkFDaEUsT0FBTyxFQUFFLENBQUMsWUFBWSxFQUFFLGFBQWEsQ0FBQztvQkFDdEMsT0FBTyxFQUFFLENBQUMscUJBQXFCLEVBQUUseUJBQXlCLENBQUM7aUJBQzVEIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE5vdGlmaWNhdGlvbkxpc3RDb21wb25lbnQgfSBmcm9tICcuL25vdGlmaWNhdGlvbi1saXN0LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBOb3RpZmljYXRpb25Db21wb25lbnQgfSBmcm9tICcuLi9ub3RpZmljYXRpb24vbm90aWZpY2F0aW9uLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgVHJhbnNsYXRlUGlwZSB9IGZyb20gJ0BuZ3gtdHJhbnNsYXRlL2NvcmUnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtOb3RpZmljYXRpb25Db21wb25lbnQsIE5vdGlmaWNhdGlvbkxpc3RDb21wb25lbnRdLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBUcmFuc2xhdGVQaXBlXSxcbiAgZXhwb3J0czogW05vdGlmaWNhdGlvbkNvbXBvbmVudCwgTm90aWZpY2F0aW9uTGlzdENvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIFN0cmVhbU5vdGlmaWNhdGlvbk1vZHVsZSB7fVxuIl19

package/esm2022/lib/paginated-list/stream-paginated-list.module.mjs

@@ -1,20 +1,20 @@
 import { NgModule } from '@angular/core';
 import { PaginatedListComponent } from './paginated-list.component';
 import { CommonModule } from '@angular/common';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 import { IconModule } from '../icon/icon.module';
 import * as i0 from "@angular/core";
 export class StreamPaginatedListModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: StreamPaginatedListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: StreamPaginatedListModule, declarations: [PaginatedListComponent], imports: [CommonModule, TranslateModule, IconModule], exports: [PaginatedListComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: StreamPaginatedListModule, imports: [CommonModule, TranslateModule, IconModule] }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: StreamPaginatedListModule, declarations: [PaginatedListComponent], imports: [CommonModule, TranslatePipe, IconModule], exports: [PaginatedListComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: StreamPaginatedListModule, imports: [CommonModule, IconModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: StreamPaginatedListModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [PaginatedListComponent],
-                    imports: [CommonModule, TranslateModule, IconModule],
+                    imports: [CommonModule, TranslatePipe, IconModule],
                     exports: [PaginatedListComponent],
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RyZWFtLXBhZ2luYXRlZC1saXN0Lm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3N0cmVhbS1jaGF0LWFuZ3VsYXIvc3JjL2xpYi9wYWdpbmF0ZWQtbGlzdC9zdHJlYW0tcGFnaW5hdGVkLWxpc3QubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDcEUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUN0RCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0scUJBQXFCLENBQUM7O0FBT2pELE1BQU0sT0FBTyx5QkFBeUI7K0dBQXpCLHlCQUF5QjtnSEFBekIseUJBQXlCLGlCQUpyQixzQkFBc0IsYUFDM0IsWUFBWSxFQUFFLGVBQWUsRUFBRSxVQUFVLGFBQ3pDLHNCQUFzQjtnSEFFckIseUJBQXlCLFlBSDFCLFlBQVksRUFBRSxlQUFlLEVBQUUsVUFBVTs7NEZBR3hDLHlCQUF5QjtrQkFMckMsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyxzQkFBc0IsQ0FBQztvQkFDdEMsT0FBTyxFQUFFLENBQUMsWUFBWSxFQUFFLGVBQWUsRUFBRSxVQUFVLENBQUM7b0JBQ3BELE9BQU8sRUFBRSxDQUFDLHNCQUFzQixDQUFDO2lCQUNsQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBQYWdpbmF0ZWRMaXN0Q29tcG9uZW50IH0gZnJvbSAnLi9wYWdpbmF0ZWQtbGlzdC5jb21wb25lbnQnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IFRyYW5zbGF0ZU1vZHVsZSB9IGZyb20gJ0BuZ3gtdHJhbnNsYXRlL2NvcmUnO1xuaW1wb3J0IHsgSWNvbk1vZHVsZSB9IGZyb20gJy4uL2ljb24vaWNvbi5tb2R1bGUnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtQYWdpbmF0ZWRMaXN0Q29tcG9uZW50XSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgVHJhbnNsYXRlTW9kdWxlLCBJY29uTW9kdWxlXSxcbiAgZXhwb3J0czogW1BhZ2luYXRlZExpc3RDb21wb25lbnRdLFxufSlcbmV4cG9ydCBjbGFzcyBTdHJlYW1QYWdpbmF0ZWRMaXN0TW9kdWxlIHt9XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RyZWFtLXBhZ2luYXRlZC1saXN0Lm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3N0cmVhbS1jaGF0LWFuZ3VsYXIvc3JjL2xpYi9wYWdpbmF0ZWQtbGlzdC9zdHJlYW0tcGFnaW5hdGVkLWxpc3QubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDcEUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUNwRCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0scUJBQXFCLENBQUM7O0FBT2pELE1BQU0sT0FBTyx5QkFBeUI7K0dBQXpCLHlCQUF5QjtnSEFBekIseUJBQXlCLGlCQUpyQixzQkFBc0IsYUFDM0IsWUFBWSxFQUFFLGFBQWEsRUFBRSxVQUFVLGFBQ3ZDLHNCQUFzQjtnSEFFckIseUJBQXlCLFlBSDFCLFlBQVksRUFBaUIsVUFBVTs7NEZBR3RDLHlCQUF5QjtrQkFMckMsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyxzQkFBc0IsQ0FBQztvQkFDdEMsT0FBTyxFQUFFLENBQUMsWUFBWSxFQUFFLGFBQWEsRUFBRSxVQUFVLENBQUM7b0JBQ2xELE9BQU8sRUFBRSxDQUFDLHNCQUFzQixDQUFDO2lCQUNsQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBQYWdpbmF0ZWRMaXN0Q29tcG9uZW50IH0gZnJvbSAnLi9wYWdpbmF0ZWQtbGlzdC5jb21wb25lbnQnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IFRyYW5zbGF0ZVBpcGUgfSBmcm9tICdAbmd4LXRyYW5zbGF0ZS9jb3JlJztcbmltcG9ydCB7IEljb25Nb2R1bGUgfSBmcm9tICcuLi9pY29uL2ljb24ubW9kdWxlJztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbUGFnaW5hdGVkTGlzdENvbXBvbmVudF0sXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIFRyYW5zbGF0ZVBpcGUsIEljb25Nb2R1bGVdLFxuICBleHBvcnRzOiBbUGFnaW5hdGVkTGlzdENvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIFN0cmVhbVBhZ2luYXRlZExpc3RNb2R1bGUge31cbiJdfQ==

package/esm2022/lib/polls/poll-actions/poll-actions.component.mjs

@@ -7,14 +7,14 @@ import * as i3 from "../../channel.service";
 import * as i4 from "../../notification.service";
 import * as i5 from "../../message-actions.service";
 import * as i6 from "@angular/common";
-import * as i7 from "@ngx-translate/core";
-import * as i8 from "../../modal/modal.component";
-import * as i9 from "../../notification-list/notification-list.component";
-import * as i10 from "../poll-options-list/poll-options-list.component";
-import * as i11 from "./poll-results/poll-results-list/poll-results-list.component";
-import * as i12 from "./poll-answers-list/poll-answers-list.component";
-import * as i13 from "./upsert-answer/upsert-answer.component";
-import * as i14 from "./add-option/add-option.component";
+import * as i7 from "../../modal/modal.component";
+import * as i8 from "../../notification-list/notification-list.component";
+import * as i9 from "../poll-options-list/poll-options-list.component";
+import * as i10 from "./poll-results/poll-results-list/poll-results-list.component";
+import * as i11 from "./poll-answers-list/poll-answers-list.component";
+import * as i12 from "./upsert-answer/upsert-answer.component";
+import * as i13 from "./add-option/add-option.component";
+import * as i14 from "@ngx-translate/core";
 /**
  *
  */
@@ -106,7 +106,7 @@ export class PollActionsComponent extends BasePollComponent {
         };
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PollActionsComponent, deps: [{ token: i1.CustomTemplatesService }, { token: i2.ChatClientService }, { token: i0.ChangeDetectorRef }, { token: i3.ChannelService }, { token: i4.NotificationService }, { token: i5.MessageActionsService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PollActionsComponent, selector: "stream-poll-actions", inputs: { maxOptionsDisplayed: "maxOptionsDisplayed", maxPollOptions: "maxPollOptions" }, viewQueries: [{ propertyName: "allOptions", first: true, predicate: ["allOptions"], descendants: true }, { propertyName: "suggestOption", first: true, predicate: ["suggestOption"], descendants: true }, { propertyName: "addAnswer", first: true, predicate: ["addAnswer"], descendants: true }, { propertyName: "viewComments", first: true, predicate: ["viewComments"], descendants: true }, { propertyName: "viewResults", first: true, predicate: ["viewResults"], descendants: true }, { propertyName: "endVote", first: true, predicate: ["endVote"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"str-chat__poll-actions\">\n  <ng-container\n    *ngIf=\"maxOptionsDisplayed && options.length > maxOptionsDisplayed\"\n  >\n    <button class=\"str-chat__poll-action\" (click)=\"modalOpened('allOptions')\">\n      {{ \"streamChat.See all options ({{count}})\" | translate:{count:\n      options.length} }}\n    </button>\n  </ng-container>\n  <ng-container\n    *ngIf=\"\n      allowUserSuggestions &&\n      canVote &&\n      !isClosed &&\n      options.length < maxPollOptions\n    \"\n  >\n    <button\n      class=\"str-chat__poll-action\"\n      (click)=\"modalOpened('suggestOption')\"\n    >\n      {{ \"streamChat.Suggest an option\" | translate }}\n    </button>\n  </ng-container>\n  <ng-container *ngIf=\"allowAnswers && canVote && !isClosed\">\n    <button\n      class=\"str-chat__poll-action\"\n      (click)=\"modalOpened('addAnswer')\"\n      (keyup.enter)=\"modalOpened('addAnswer')\"\n    >\n      <ng-container *ngIf=\"ownAnwer; else newAnswer\">\n        {{ \"streamChat.Update your comment\" | translate }}\n      </ng-container>\n      <ng-template #newAnswer>\n        {{ \"streamChat.Add a comment\" | translate }}\n      </ng-template>\n    </button>\n  </ng-container>\n  <ng-container *ngIf=\"answerCount > 0 && canQueryVotes\">\n    <button class=\"str-chat__poll-action\" (click)=\"modalOpened('viewComments')\">\n      {{ (answerCount === 1 ? \"streamChat.View {{ count }} comment\" :\n      \"streamChat.View {{ count }} comments\") | translate:{count: answerCount}\n      }}\n    </button>\n  </ng-container>\n  <ng-container *ngIf=\"canQueryVotes\">\n    <button class=\"str-chat__poll-action\" (click)=\"modalOpened('viewResults')\">\n      {{ \"streamChat.View results\" | translate }}\n    </button>\n  </ng-container>\n  <ng-container *ngIf=\"isOwnPoll && !isClosed\">\n    <button class=\"str-chat__poll-action\" (click)=\"modalOpened('endVote')\">\n      {{ \"streamChat.End vote\" | translate }}\n    </button>\n  </ng-container>\n</div>\n\n<ng-container *ngIf=\"selectedAction\">\n  <ng-container\n    *ngTemplateOutlet=\"\n      (customTemplatesService.modalTemplate$ | async) || defaultModal;\n      context: getModalContext()\n    \"\n  />\n</ng-container>\n\n<ng-template\n  #defaultModal\n  let-isOpen=\"isOpen\"\n  let-isOpenChangeHandler=\"isOpenChangeHandler\"\n  let-content=\"content\"\n>\n  <stream-modal\n    class=\"str-chat__poll-actions str-chat-angular__poll-actions\"\n    [isOpen]=\"isOpen\"\n    [content]=\"content\"\n    (isOpenChange)=\"isOpenChangeHandler($event)\"\n  />\n</ng-template>\n\n<ng-template #allOptions>\n  <div class=\"str-chat__modal__poll-option-list str-chat-angular__poll-actions\">\n    <div class=\"str-chat__modal-header\">\n      <div class=\"str-chat__modal-header__title\">\n        {{ \"streamChat.Poll options\" | translate }}\n      </div>\n    </div>\n    <div class=\"str-chat__modal__poll-option-list__body\">\n      <div class=\"str-chat__modal__poll-option-list__title\">{{ name }}</div>\n      <stream-poll-options-list\n        [pollId]=\"pollId\"\n        [messageId]=\"messageId\"\n        [maxOptionsDisplayed]=\"undefined\"\n      />\n      <stream-notification-list />\n    </div>\n  </div>\n</ng-template>\n<ng-template #suggestOption>\n  <stream-add-option\n    [pollId]=\"pollId\"\n    [messageId]=\"messageId\"\n    [closeModal]=\"modalClosed\"\n  />\n  <stream-notification-list />\n</ng-template>\n<ng-template #addAnswer>\n  <stream-upsert-answer\n    [pollId]=\"pollId\"\n    [messageId]=\"messageId\"\n    [answer]=\"ownAnwer\"\n    [closeModal]=\"modalClosed\"\n  />\n  <stream-notification-list />\n</ng-template>\n<ng-template #viewComments>\n  <stream-poll-answers-list\n    (upsertOwnAnswer)=\"modalOpened('addAnswer')\"\n    [pollId]=\"pollId\"\n    [messageId]=\"messageId\"\n  />\n  <stream-notification-list />\n</ng-template>\n<ng-template #viewResults>\n  <stream-poll-results-list [messageId]=\"messageId\" [pollId]=\"pollId\" />\n  <stream-notification-list />\n</ng-template>\n<ng-template #endVote>\n  <div\n    class=\"str-chat__dialog str-chat__dialog--prompt str-chat__modal__end-vote\"\n  >\n    <div class=\"str-chat__dialog__body\">\n      <div class=\"str-chat__dialog__title\" translate>streamChat.End vote</div>\n      <div class=\"str-chat__dialog__prompt\" translate>\n        streamChat.After a poll is closed, no more votes can be cast\n      </div>\n      <stream-notification-list />\n      <div class=\"str-chat__dialog__controls\">\n        <button\n          class=\"str-chat__dialog__controls-button\"\n          (click)=\"modalClosed()\"\n        >\n          {{ \"streamChat.Cancel\" | translate }}\n        </button>\n        <button class=\"str-chat__dialog__controls-button\" (click)=\"closePoll()\">\n          {{ \"streamChat.End vote\" | translate }}\n        </button>\n      </div>\n    </div>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i7.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i8.ModalComponent, selector: "stream-modal", inputs: ["isOpen", "content"], outputs: ["isOpenChange"] }, { kind: "component", type: i9.NotificationListComponent, selector: "stream-notification-list" }, { kind: "component", type: i10.PollOptionsListComponent, selector: "stream-poll-options-list", inputs: ["maxOptionsDisplayed"] }, { kind: "component", type: i11.PollResultsListComponent, selector: "stream-poll-results-list" }, { kind: "component", type: i12.PollAnswersListComponent, selector: "stream-poll-answers-list", outputs: ["upsertOwnAnswer"] }, { kind: "component", type: i13.UpsertAnswerComponent, selector: "stream-upsert-answer", inputs: ["answer", "closeModal"] }, { kind: "component", type: i14.AddOptionComponent, selector: "stream-add-option", inputs: ["closeModal"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i7.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PollActionsComponent, selector: "stream-poll-actions", inputs: { maxOptionsDisplayed: "maxOptionsDisplayed", maxPollOptions: "maxPollOptions" }, viewQueries: [{ propertyName: "allOptions", first: true, predicate: ["allOptions"], descendants: true }, { propertyName: "suggestOption", first: true, predicate: ["suggestOption"], descendants: true }, { propertyName: "addAnswer", first: true, predicate: ["addAnswer"], descendants: true }, { propertyName: "viewComments", first: true, predicate: ["viewComments"], descendants: true }, { propertyName: "viewResults", first: true, predicate: ["viewResults"], descendants: true }, { propertyName: "endVote", first: true, predicate: ["endVote"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"str-chat__poll-actions\">\n  <ng-container\n    *ngIf=\"maxOptionsDisplayed && options.length > maxOptionsDisplayed\"\n  >\n    <button class=\"str-chat__poll-action\" (click)=\"modalOpened('allOptions')\">\n      {{ \"streamChat.See all options ({{count}})\" | translate:{count:\n      options.length} }}\n    </button>\n  </ng-container>\n  <ng-container\n    *ngIf=\"\n      allowUserSuggestions &&\n      canVote &&\n      !isClosed &&\n      options.length < maxPollOptions\n    \"\n  >\n    <button\n      class=\"str-chat__poll-action\"\n      (click)=\"modalOpened('suggestOption')\"\n    >\n      {{ \"streamChat.Suggest an option\" | translate }}\n    </button>\n  </ng-container>\n  <ng-container *ngIf=\"allowAnswers && canVote && !isClosed\">\n    <button\n      class=\"str-chat__poll-action\"\n      (click)=\"modalOpened('addAnswer')\"\n      (keyup.enter)=\"modalOpened('addAnswer')\"\n    >\n      <ng-container *ngIf=\"ownAnwer; else newAnswer\">\n        {{ \"streamChat.Update your comment\" | translate }}\n      </ng-container>\n      <ng-template #newAnswer>\n        {{ \"streamChat.Add a comment\" | translate }}\n      </ng-template>\n    </button>\n  </ng-container>\n  <ng-container *ngIf=\"answerCount > 0 && canQueryVotes\">\n    <button class=\"str-chat__poll-action\" (click)=\"modalOpened('viewComments')\">\n      {{ (answerCount === 1 ? \"streamChat.View {{ count }} comment\" :\n      \"streamChat.View {{ count }} comments\") | translate:{count: answerCount}\n      }}\n    </button>\n  </ng-container>\n  <ng-container *ngIf=\"canQueryVotes\">\n    <button class=\"str-chat__poll-action\" (click)=\"modalOpened('viewResults')\">\n      {{ \"streamChat.View results\" | translate }}\n    </button>\n  </ng-container>\n  <ng-container *ngIf=\"isOwnPoll && !isClosed\">\n    <button class=\"str-chat__poll-action\" (click)=\"modalOpened('endVote')\">\n      {{ \"streamChat.End vote\" | translate }}\n    </button>\n  </ng-container>\n</div>\n\n<ng-container *ngIf=\"selectedAction\">\n  <ng-container\n    *ngTemplateOutlet=\"\n      (customTemplatesService.modalTemplate$ | async) || defaultModal;\n      context: getModalContext()\n    \"\n  />\n</ng-container>\n\n<ng-template\n  #defaultModal\n  let-isOpen=\"isOpen\"\n  let-isOpenChangeHandler=\"isOpenChangeHandler\"\n  let-content=\"content\"\n>\n  <stream-modal\n    class=\"str-chat__poll-actions str-chat-angular__poll-actions\"\n    [isOpen]=\"isOpen\"\n    [content]=\"content\"\n    (isOpenChange)=\"isOpenChangeHandler($event)\"\n  />\n</ng-template>\n\n<ng-template #allOptions>\n  <div class=\"str-chat__modal__poll-option-list str-chat-angular__poll-actions\">\n    <div class=\"str-chat__modal-header\">\n      <div class=\"str-chat__modal-header__title\">\n        {{ \"streamChat.Poll options\" | translate }}\n      </div>\n    </div>\n    <div class=\"str-chat__modal__poll-option-list__body\">\n      <div class=\"str-chat__modal__poll-option-list__title\">{{ name }}</div>\n      <stream-poll-options-list\n        [pollId]=\"pollId\"\n        [messageId]=\"messageId\"\n        [maxOptionsDisplayed]=\"undefined\"\n      />\n      <stream-notification-list />\n    </div>\n  </div>\n</ng-template>\n<ng-template #suggestOption>\n  <stream-add-option\n    [pollId]=\"pollId\"\n    [messageId]=\"messageId\"\n    [closeModal]=\"modalClosed\"\n  />\n  <stream-notification-list />\n</ng-template>\n<ng-template #addAnswer>\n  <stream-upsert-answer\n    [pollId]=\"pollId\"\n    [messageId]=\"messageId\"\n    [answer]=\"ownAnwer\"\n    [closeModal]=\"modalClosed\"\n  />\n  <stream-notification-list />\n</ng-template>\n<ng-template #viewComments>\n  <stream-poll-answers-list\n    (upsertOwnAnswer)=\"modalOpened('addAnswer')\"\n    [pollId]=\"pollId\"\n    [messageId]=\"messageId\"\n  />\n  <stream-notification-list />\n</ng-template>\n<ng-template #viewResults>\n  <stream-poll-results-list [messageId]=\"messageId\" [pollId]=\"pollId\" />\n  <stream-notification-list />\n</ng-template>\n<ng-template #endVote>\n  <div\n    class=\"str-chat__dialog str-chat__dialog--prompt str-chat__modal__end-vote\"\n  >\n    <div class=\"str-chat__dialog__body\">\n      <div class=\"str-chat__dialog__title\" translate>streamChat.End vote</div>\n      <div class=\"str-chat__dialog__prompt\" translate>\n        streamChat.After a poll is closed, no more votes can be cast\n      </div>\n      <stream-notification-list />\n      <div class=\"str-chat__dialog__controls\">\n        <button\n          class=\"str-chat__dialog__controls-button\"\n          (click)=\"modalClosed()\"\n        >\n          {{ \"streamChat.Cancel\" | translate }}\n        </button>\n        <button class=\"str-chat__dialog__controls-button\" (click)=\"closePoll()\">\n          {{ \"streamChat.End vote\" | translate }}\n        </button>\n      </div>\n    </div>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i7.ModalComponent, selector: "stream-modal", inputs: ["isOpen", "content"], outputs: ["isOpenChange"] }, { kind: "component", type: i8.NotificationListComponent, selector: "stream-notification-list" }, { kind: "component", type: i9.PollOptionsListComponent, selector: "stream-poll-options-list", inputs: ["maxOptionsDisplayed"] }, { kind: "component", type: i10.PollResultsListComponent, selector: "stream-poll-results-list" }, { kind: "component", type: i11.PollAnswersListComponent, selector: "stream-poll-answers-list", outputs: ["upsertOwnAnswer"] }, { kind: "component", type: i12.UpsertAnswerComponent, selector: "stream-upsert-answer", inputs: ["answer", "closeModal"] }, { kind: "component", type: i13.AddOptionComponent, selector: "stream-add-option", inputs: ["closeModal"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i14.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PollActionsComponent, decorators: [{
             type: Component,

package/esm2022/lib/polls/poll-actions/poll-answers-list/poll-answers-list.component.mjs

@@ -2,9 +2,9 @@ import { ChangeDetectionStrategy, Component, EventEmitter, HostBinding, Output,
 import { BasePollComponent } from '../../base-poll.component';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
-import * as i2 from "@ngx-translate/core";
-import * as i3 from "../../../paginated-list/paginated-list.component";
-import * as i4 from "../poll-results/poll-vote/poll-vote.component";
+import * as i2 from "../../../paginated-list/paginated-list.component";
+import * as i3 from "../poll-results/poll-vote/poll-vote.component";
+import * as i4 from "@ngx-translate/core";
 /**
  *
  */
@@ -68,7 +68,7 @@ export class PollAnswersListComponent extends BasePollComponent {
         return unsubscribe;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PollAnswersListComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PollAnswersListComponent, selector: "stream-poll-answers-list", outputs: { upsertOwnAnswer: "upsertOwnAnswer" }, host: { properties: { "class": "this.class" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"str-chat__modal__poll-answer-list\">\n  <div class=\"str-chat__modal-header\">\n    <div class=\"str-chat__modal-header__title\" translate>\n      streamChat.Poll comments\n    </div>\n  </div>\n  <div class=\"str-chat__modal__poll-answer-list__body\">\n    <div class=\"str-chat__poll-answer-list\">\n      <stream-paginated-list\n        class=\"str-chat__poll-answer-list\"\n        [items]=\"answers\"\n        [hasMore]=\"next !== undefined\"\n        [isLoading]=\"isLoading\"\n        [trackBy]=\"trackByAnswerId\"\n        (loadMore)=\"queryAnswers()\"\n      >\n        <ng-template let-answer=\"item\">\n          <div class=\"str-chat__poll-answer\">\n            <p *ngIf=\"answer.answer_text\" class=\"str-chat__poll-answer__text\">\n              {{ answer.answer_text }}\n            </p>\n            <stream-poll-vote [vote]=\"answer\" />\n          </div>\n        </ng-template>\n      </stream-paginated-list>\n      <button\n        *ngIf=\"!isClosed\"\n        class=\"str-chat__poll-action\"\n        (click)=\"upsertOwnAnswer.emit()\"\n      >\n        {{\n          (ownAnswer\n            ? \"streamChat.Update your comment\"\n            : \"streamChat.Add a comment\"\n          ) | translate\n        }}\n      </button>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i3.PaginatedListComponent, selector: "stream-paginated-list", inputs: ["items", "isLoading", "hasMore", "trackBy"], outputs: ["loadMore"] }, { kind: "component", type: i4.PollVoteComponent, selector: "stream-poll-vote", inputs: ["vote"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PollAnswersListComponent, selector: "stream-poll-answers-list", outputs: { upsertOwnAnswer: "upsertOwnAnswer" }, host: { properties: { "class": "this.class" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"str-chat__modal__poll-answer-list\">\n  <div class=\"str-chat__modal-header\">\n    <div class=\"str-chat__modal-header__title\" translate>\n      streamChat.Poll comments\n    </div>\n  </div>\n  <div class=\"str-chat__modal__poll-answer-list__body\">\n    <div class=\"str-chat__poll-answer-list\">\n      <stream-paginated-list\n        class=\"str-chat__poll-answer-list\"\n        [items]=\"answers\"\n        [hasMore]=\"next !== undefined\"\n        [isLoading]=\"isLoading\"\n        [trackBy]=\"trackByAnswerId\"\n        (loadMore)=\"queryAnswers()\"\n      >\n        <ng-template let-answer=\"item\">\n          <div class=\"str-chat__poll-answer\">\n            <p *ngIf=\"answer.answer_text\" class=\"str-chat__poll-answer__text\">\n              {{ answer.answer_text }}\n            </p>\n            <stream-poll-vote [vote]=\"answer\" />\n          </div>\n        </ng-template>\n      </stream-paginated-list>\n      <button\n        *ngIf=\"!isClosed\"\n        class=\"str-chat__poll-action\"\n        (click)=\"upsertOwnAnswer.emit()\"\n      >\n        {{\n          (ownAnswer\n            ? \"streamChat.Update your comment\"\n            : \"streamChat.Add a comment\"\n          ) | translate\n        }}\n      </button>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.PaginatedListComponent, selector: "stream-paginated-list", inputs: ["items", "isLoading", "hasMore", "trackBy"], outputs: ["loadMore"] }, { kind: "component", type: i3.PollVoteComponent, selector: "stream-poll-vote", inputs: ["vote"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PollAnswersListComponent, decorators: [{
             type: Component,

package/esm2022/lib/polls/poll-actions/poll-results/poll-results-list/poll-results-list.component.mjs

@@ -2,9 +2,9 @@ import { ChangeDetectionStrategy, Component, HostBinding } from '@angular/core';
 import { BasePollComponent } from '../../../base-poll.component';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
-import * as i2 from "@ngx-translate/core";
-import * as i3 from "../poll-vote-results-list/poll-vote-results-list.component";
-import * as i4 from "../poll-vote/poll-vote.component";
+import * as i2 from "../poll-vote-results-list/poll-vote-results-list.component";
+import * as i3 from "../poll-vote/poll-vote.component";
+import * as i4 from "@ngx-translate/core";
 /**
  *
  */
@@ -51,7 +51,7 @@ export class PollResultsListComponent extends BasePollComponent {
         return vote.id;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PollResultsListComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PollResultsListComponent, selector: "stream-poll-results-list", host: { properties: { "class": "this.class" } }, usesInheritance: true, ngImport: i0, template: "<div\n  class=\"str-chat__modal__poll-results\"\n  [class.str-chat__modal__poll-results--option-detail]=\"optionToView\"\n>\n  <div class=\"str-chat__modal-header\">\n    <!-- eslint-disable-next-line @angular-eslint/template/elements-content -->\n    <button\n      *ngIf=\"optionToView\"\n      class=\"str-chat__modal-header__go-back-button\"\n      (click)=\"optionToView = undefined\"\n    ></button>\n    <div class=\"str-chat__modal-header__title\" translate>\n      streamChat.Poll results\n    </div>\n  </div>\n  <ng-container *ngIf=\"optionToView; else allOptions\">\n    <div class=\"str-chat__modal__poll-results__body\">\n      <stream-poll-vote-results-list\n        [option]=\"optionToView\"\n        [messageId]=\"messageId\"\n        [pollId]=\"pollId\"\n      />\n    </div>\n  </ng-container>\n  <ng-template #allOptions>\n    <div class=\"str-chat__modal__poll-results__body\">\n      <div class=\"str-chat__modal__poll-results__title\">{{ name }}</div>\n      <div class=\"str-chat__modal__poll-results__option-list\">\n        <div\n          *ngFor=\"let option of options; trackBy: trackByOptionId\"\n          class=\"str-chat__poll-option\"\n        >\n          <div class=\"str-chat__poll-option__header\">\n            <div class=\"str-chat__poll-option__option-text\">\n              {{ option.text }}\n            </div>\n            <div class=\"str-chat__poll-result-option-vote-counter\">\n              <div\n                *ngIf=\"isWinner(option.id)\"\n                class=\"str-chat__poll-result-winning-option-icon\"\n              ></div>\n              <span class=\"str-chat__poll-result-option-vote-count\">\n                {{ 'streamChat.{{ count }} votes' | translate:{count:\n                voteCountsByOption[option.id] ?? 0} }}\n              </span>\n            </div>\n          </div>\n          <ng-container *ngIf=\"latestVotesByOption[option?.id ?? '']\">\n            <div class=\"str-chat__poll-vote-listing\">\n              <ng-container\n                *ngFor=\"\n                  let vote of latestVotesByOption[option?.id ?? '']\n                    | slice : 0 : votePreviewCount;\n                  trackBy: trackByVoteId\n                \"\n              >\n                <stream-poll-vote [vote]=\"vote\" />\n              </ng-container>\n            </div>\n          </ng-container>\n          <button\n            *ngIf=\"\n              voteCountsByOption[option?.id ?? ''] > votePreviewCount &&\n              canQueryVotes\n            \"\n            class=\"str-chat__poll-option__show-all-votes-button\"\n            translate\n            (click)=\"optionToView = option\"\n          >\n            streamChat.Show all\n          </button>\n        </div>\n      </div>\n    </div>\n  </ng-template>\n</div>\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: i2.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i3.PollVoteResultsListComponent, selector: "stream-poll-vote-results-list", inputs: ["option"] }, { kind: "component", type: i4.PollVoteComponent, selector: "stream-poll-vote", inputs: ["vote"] }, { kind: "pipe", type: i1.SlicePipe, name: "slice" }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PollResultsListComponent, selector: "stream-poll-results-list", host: { properties: { "class": "this.class" } }, usesInheritance: true, ngImport: i0, template: "<div\n  class=\"str-chat__modal__poll-results\"\n  [class.str-chat__modal__poll-results--option-detail]=\"optionToView\"\n>\n  <div class=\"str-chat__modal-header\">\n    <!-- eslint-disable-next-line @angular-eslint/template/elements-content -->\n    <button\n      *ngIf=\"optionToView\"\n      class=\"str-chat__modal-header__go-back-button\"\n      (click)=\"optionToView = undefined\"\n    ></button>\n    <div class=\"str-chat__modal-header__title\" translate>\n      streamChat.Poll results\n    </div>\n  </div>\n  <ng-container *ngIf=\"optionToView; else allOptions\">\n    <div class=\"str-chat__modal__poll-results__body\">\n      <stream-poll-vote-results-list\n        [option]=\"optionToView\"\n        [messageId]=\"messageId\"\n        [pollId]=\"pollId\"\n      />\n    </div>\n  </ng-container>\n  <ng-template #allOptions>\n    <div class=\"str-chat__modal__poll-results__body\">\n      <div class=\"str-chat__modal__poll-results__title\">{{ name }}</div>\n      <div class=\"str-chat__modal__poll-results__option-list\">\n        <div\n          *ngFor=\"let option of options; trackBy: trackByOptionId\"\n          class=\"str-chat__poll-option\"\n        >\n          <div class=\"str-chat__poll-option__header\">\n            <div class=\"str-chat__poll-option__option-text\">\n              {{ option.text }}\n            </div>\n            <div class=\"str-chat__poll-result-option-vote-counter\">\n              <div\n                *ngIf=\"isWinner(option.id)\"\n                class=\"str-chat__poll-result-winning-option-icon\"\n              ></div>\n              <span class=\"str-chat__poll-result-option-vote-count\">\n                {{ 'streamChat.{{ count }} votes' | translate:{count:\n                voteCountsByOption[option.id] ?? 0} }}\n              </span>\n            </div>\n          </div>\n          <ng-container *ngIf=\"latestVotesByOption[option?.id ?? '']\">\n            <div class=\"str-chat__poll-vote-listing\">\n              <ng-container\n                *ngFor=\"\n                  let vote of latestVotesByOption[option?.id ?? '']\n                    | slice : 0 : votePreviewCount;\n                  trackBy: trackByVoteId\n                \"\n              >\n                <stream-poll-vote [vote]=\"vote\" />\n              </ng-container>\n            </div>\n          </ng-container>\n          <button\n            *ngIf=\"\n              voteCountsByOption[option?.id ?? ''] > votePreviewCount &&\n              canQueryVotes\n            \"\n            class=\"str-chat__poll-option__show-all-votes-button\"\n            translate\n            (click)=\"optionToView = option\"\n          >\n            streamChat.Show all\n          </button>\n        </div>\n      </div>\n    </div>\n  </ng-template>\n</div>\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: "component", type: i2.PollVoteResultsListComponent, selector: "stream-poll-vote-results-list", inputs: ["option"] }, { kind: "component", type: i3.PollVoteComponent, selector: "stream-poll-vote", inputs: ["vote"] }, { kind: "pipe", type: i1.SlicePipe, name: "slice" }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PollResultsListComponent, decorators: [{
             type: Component,

package/esm2022/lib/polls/stream-polls.module.mjs

@@ -3,7 +3,7 @@ import { CommonModule } from '@angular/common';
 import { PollComposerComponent } from './poll-composer/poll-composer.component';
 import { PollComponent } from './poll/poll.component';
 import { PollHeaderComponent } from './poll-header/poll-header.component';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 import { PollOptionsListComponent } from './poll-options-list/poll-options-list.component';
 import { PollOptionSelectorComponent } from './poll-option-selector/poll-option-selector.component';
 import { StreamAvatarModule } from '../stream-avatar.module';
@@ -35,7 +35,7 @@ export class StreamPollsModule {
             UpsertAnswerComponent,
             AddOptionComponent,
             PollPreviewComponent], imports: [CommonModule,
-            TranslateModule,
+            TranslatePipe,
             StreamAvatarModule,
             StreamModalModule,
             StreamNotificationModule,
@@ -54,7 +54,6 @@ export class StreamPollsModule {
             AddOptionComponent,
             PollPreviewComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: StreamPollsModule, imports: [CommonModule,
-            TranslateModule,
             StreamAvatarModule,
             StreamModalModule,
             StreamNotificationModule,
@@ -81,7 +80,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                     ],
                     imports: [
                         CommonModule,
-                        TranslateModule,
+                        TranslatePipe,
                         StreamAvatarModule,
                         StreamModalModule,
                         StreamNotificationModule,
@@ -105,4 +104,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                     ],
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RyZWFtLXBvbGxzLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3N0cmVhbS1jaGF0LWFuZ3VsYXIvc3JjL2xpYi9wb2xscy9zdHJlYW0tcG9sbHMubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHlDQUF5QyxDQUFDO0FBQ2hGLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUN0RCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQUMxRSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDdEQsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0saURBQWlELENBQUM7QUFDM0YsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sdURBQXVELENBQUM7QUFDcEcsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDN0QsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFDN0UsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDakUsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0saURBQWlELENBQUM7QUFDM0YsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sZ0RBQWdELENBQUM7QUFDM0YsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sMkRBQTJELENBQUM7QUFDOUYsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sOERBQThELENBQUM7QUFDeEcsT0FBTyxFQUFFLDRCQUE0QixFQUFFLE1BQU0scUZBQXFGLENBQUM7QUFDbkksT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sMkVBQTJFLENBQUM7QUFDckgsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sc0RBQXNELENBQUM7QUFDN0YsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sZ0RBQWdELENBQUM7QUFDcEYsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDckQsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sdUNBQXVDLENBQUM7O0FBMkM3RSxNQUFNLE9BQU8saUJBQWlCOytHQUFqQixpQkFBaUI7Z0hBQWpCLGlCQUFpQixpQkF2QzFCLHFCQUFxQjtZQUNyQixhQUFhO1lBQ2IsbUJBQW1CO1lBQ25CLHdCQUF3QjtZQUN4QiwyQkFBMkI7WUFDM0Isb0JBQW9CO1lBQ3BCLHdCQUF3QjtZQUN4Qiw0QkFBNEI7WUFDNUIsaUJBQWlCO1lBQ2pCLHdCQUF3QjtZQUN4QixxQkFBcUI7WUFDckIsa0JBQWtCO1lBQ2xCLG9CQUFvQixhQUdwQixZQUFZO1lBQ1osZUFBZTtZQUNmLGtCQUFrQjtZQUNsQixpQkFBaUI7WUFDakIsd0JBQXdCO1lBQ3hCLHlCQUF5QjtZQUN6QixtQkFBbUIsYUFHbkIscUJBQXFCO1lBQ3JCLGFBQWE7WUFDYixtQkFBbUI7WUFDbkIsd0JBQXdCO1lBQ3hCLDJCQUEyQjtZQUMzQixvQkFBb0I7WUFDcEIsd0JBQXdCO1lBQ3hCLDRCQUE0QjtZQUM1QixpQkFBaUI7WUFDakIsd0JBQXdCO1lBQ3hCLHFCQUFxQjtZQUNyQixrQkFBa0I7WUFDbEIsb0JBQW9CO2dIQUdYLGlCQUFpQixZQXhCMUIsWUFBWTtZQUNaLGVBQWU7WUFDZixrQkFBa0I7WUFDbEIsaUJBQWlCO1lBQ2pCLHdCQUF3QjtZQUN4Qix5QkFBeUI7WUFDekIsbUJBQW1COzs0RkFrQlYsaUJBQWlCO2tCQXpDN0IsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUU7d0JBQ1oscUJBQXFCO3dCQUNyQixhQUFhO3dCQUNiLG1CQUFtQjt3QkFDbkIsd0JBQXdCO3dCQUN4QiwyQkFBMkI7d0JBQzNCLG9CQUFvQjt3QkFDcEIsd0JBQXdCO3dCQUN4Qiw0QkFBNEI7d0JBQzVCLGlCQUFpQjt3QkFDakIsd0JBQXdCO3dCQUN4QixxQkFBcUI7d0JBQ3JCLGtCQUFrQjt3QkFDbEIsb0JBQW9CO3FCQUNyQjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixlQUFlO3dCQUNmLGtCQUFrQjt3QkFDbEIsaUJBQWlCO3dCQUNqQix3QkFBd0I7d0JBQ3hCLHlCQUF5Qjt3QkFDekIsbUJBQW1CO3FCQUNwQjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AscUJBQXFCO3dCQUNyQixhQUFhO3dCQUNiLG1CQUFtQjt3QkFDbkIsd0JBQXdCO3dCQUN4QiwyQkFBMkI7d0JBQzNCLG9CQUFvQjt3QkFDcEIsd0JBQXdCO3dCQUN4Qiw0QkFBNEI7d0JBQzVCLGlCQUFpQjt3QkFDakIsd0JBQXdCO3dCQUN4QixxQkFBcUI7d0JBQ3JCLGtCQUFrQjt3QkFDbEIsb0JBQW9CO3FCQUNyQjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgUG9sbENvbXBvc2VyQ29tcG9uZW50IH0gZnJvbSAnLi9wb2xsLWNvbXBvc2VyL3BvbGwtY29tcG9zZXIuY29tcG9uZW50JztcbmltcG9ydCB7IFBvbGxDb21wb25lbnQgfSBmcm9tICcuL3BvbGwvcG9sbC5jb21wb25lbnQnO1xuaW1wb3J0IHsgUG9sbEhlYWRlckNvbXBvbmVudCB9IGZyb20gJy4vcG9sbC1oZWFkZXIvcG9sbC1oZWFkZXIuY29tcG9uZW50JztcbmltcG9ydCB7IFRyYW5zbGF0ZU1vZHVsZSB9IGZyb20gJ0BuZ3gtdHJhbnNsYXRlL2NvcmUnO1xuaW1wb3J0IHsgUG9sbE9wdGlvbnNMaXN0Q29tcG9uZW50IH0gZnJvbSAnLi9wb2xsLW9wdGlvbnMtbGlzdC9wb2xsLW9wdGlvbnMtbGlzdC5jb21wb25lbnQnO1xuaW1wb3J0IHsgUG9sbE9wdGlvblNlbGVjdG9yQ29tcG9uZW50IH0gZnJvbSAnLi9wb2xsLW9wdGlvbi1zZWxlY3Rvci9wb2xsLW9wdGlvbi1zZWxlY3Rvci5jb21wb25lbnQnO1xuaW1wb3J0IHsgU3RyZWFtQXZhdGFyTW9kdWxlIH0gZnJvbSAnLi4vc3RyZWFtLWF2YXRhci5tb2R1bGUnO1xuaW1wb3J0IHsgUG9sbEFjdGlvbnNDb21wb25lbnQgfSBmcm9tICcuL3BvbGwtYWN0aW9ucy9wb2xsLWFjdGlvbnMuY29tcG9uZW50JztcbmltcG9ydCB7IFN0cmVhbU1vZGFsTW9kdWxlIH0gZnJvbSAnLi4vbW9kYWwvc3RyZWFtLW1vZGFsLm1vZHVsZSc7XG5pbXBvcnQgeyBTdHJlYW1Ob3RpZmljYXRpb25Nb2R1bGUgfSBmcm9tICcuLi9ub3RpZmljYXRpb24tbGlzdC9zdHJlYW0tbm90aWZpY2F0aW9uLm1vZHVsZSc7XG5pbXBvcnQgeyBTdHJlYW1QYWdpbmF0ZWRMaXN0TW9kdWxlIH0gZnJvbSAnLi4vcGFnaW5hdGVkLWxpc3Qvc3RyZWFtLXBhZ2luYXRlZC1saXN0Lm1vZHVsZSc7XG5pbXBvcnQgeyBQb2xsVm90ZUNvbXBvbmVudCB9IGZyb20gJy4vcG9sbC1hY3Rpb25zL3BvbGwtcmVzdWx0cy9wb2xsLXZvdGUvcG9sbC12b3RlLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBQb2xsQW5zd2Vyc0xpc3RDb21wb25lbnQgfSBmcm9tICcuL3BvbGwtYWN0aW9ucy9wb2xsLWFuc3dlcnMtbGlzdC9wb2xsLWFuc3dlcnMtbGlzdC5jb21wb25lbnQnO1xuaW1wb3J0IHsgUG9sbFZvdGVSZXN1bHRzTGlzdENvbXBvbmVudCB9IGZyb20gJy4vcG9sbC1hY3Rpb25zL3BvbGwtcmVzdWx0cy9wb2xsLXZvdGUtcmVzdWx0cy1saXN0L3BvbGwtdm90ZS1yZXN1bHRzLWxpc3QuY29tcG9uZW50JztcbmltcG9ydCB7IFBvbGxSZXN1bHRzTGlzdENvbXBvbmVudCB9IGZyb20gJy4vcG9sbC1hY3Rpb25zL3BvbGwtcmVzdWx0cy9wb2xsLXJlc3VsdHMtbGlzdC9wb2xsLXJlc3VsdHMtbGlzdC5jb21wb25lbnQnO1xuaW1wb3J0IHsgVXBzZXJ0QW5zd2VyQ29tcG9uZW50IH0gZnJvbSAnLi9wb2xsLWFjdGlvbnMvdXBzZXJ0LWFuc3dlci91cHNlcnQtYW5zd2VyLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBBZGRPcHRpb25Db21wb25lbnQgfSBmcm9tICcuL3BvbGwtYWN0aW9ucy9hZGQtb3B0aW9uL2FkZC1vcHRpb24uY29tcG9uZW50JztcbmltcG9ydCB7IFJlYWN0aXZlRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBQb2xsUHJldmlld0NvbXBvbmVudCB9IGZyb20gJy4vcG9sbC1wcmV2aWV3L3BvbGwtcHJldmlldy5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBQb2xsQ29tcG9zZXJDb21wb25lbnQsXG4gICAgUG9sbENvbXBvbmVudCxcbiAgICBQb2xsSGVhZGVyQ29tcG9uZW50LFxuICAgIFBvbGxPcHRpb25zTGlzdENvbXBvbmVudCxcbiAgICBQb2xsT3B0aW9uU2VsZWN0b3JDb21wb25lbnQsXG4gICAgUG9sbEFjdGlvbnNDb21wb25lbnQsXG4gICAgUG9sbFJlc3VsdHNMaXN0Q29tcG9uZW50LFxuICAgIFBvbGxWb3RlUmVzdWx0c0xpc3RDb21wb25lbnQsXG4gICAgUG9sbFZvdGVDb21wb25lbnQsXG4gICAgUG9sbEFuc3dlcnNMaXN0Q29tcG9uZW50LFxuICAgIFVwc2VydEFuc3dlckNvbXBvbmVudCxcbiAgICBBZGRPcHRpb25Db21wb25lbnQsXG4gICAgUG9sbFByZXZpZXdDb21wb25lbnQsXG4gIF0sXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgVHJhbnNsYXRlTW9kdWxlLFxuICAgIFN0cmVhbUF2YXRhck1vZHVsZSxcbiAgICBTdHJlYW1Nb2RhbE1vZHVsZSxcbiAgICBTdHJlYW1Ob3RpZmljYXRpb25Nb2R1bGUsXG4gICAgU3RyZWFtUGFnaW5hdGVkTGlzdE1vZHVsZSxcbiAgICBSZWFjdGl2ZUZvcm1zTW9kdWxlLFxuICBdLFxuICBleHBvcnRzOiBbXG4gICAgUG9sbENvbXBvc2VyQ29tcG9uZW50LFxuICAgIFBvbGxDb21wb25lbnQsXG4gICAgUG9sbEhlYWRlckNvbXBvbmVudCxcbiAgICBQb2xsT3B0aW9uc0xpc3RDb21wb25lbnQsXG4gICAgUG9sbE9wdGlvblNlbGVjdG9yQ29tcG9uZW50LFxuICAgIFBvbGxBY3Rpb25zQ29tcG9uZW50LFxuICAgIFBvbGxSZXN1bHRzTGlzdENvbXBvbmVudCxcbiAgICBQb2xsVm90ZVJlc3VsdHNMaXN0Q29tcG9uZW50LFxuICAgIFBvbGxWb3RlQ29tcG9uZW50LFxuICAgIFBvbGxBbnN3ZXJzTGlzdENvbXBvbmVudCxcbiAgICBVcHNlcnRBbnN3ZXJDb21wb25lbnQsXG4gICAgQWRkT3B0aW9uQ29tcG9uZW50LFxuICAgIFBvbGxQcmV2aWV3Q29tcG9uZW50LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBTdHJlYW1Qb2xsc01vZHVsZSB7fVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RyZWFtLXBvbGxzLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3N0cmVhbS1jaGF0LWFuZ3VsYXIvc3JjL2xpYi9wb2xscy9zdHJlYW0tcG9sbHMubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHlDQUF5QyxDQUFDO0FBQ2hGLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUN0RCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQUMxRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDcEQsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0saURBQWlELENBQUM7QUFDM0YsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sdURBQXVELENBQUM7QUFDcEcsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDN0QsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFDN0UsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDakUsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0saURBQWlELENBQUM7QUFDM0YsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sZ0RBQWdELENBQUM7QUFDM0YsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sMkRBQTJELENBQUM7QUFDOUYsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sOERBQThELENBQUM7QUFDeEcsT0FBTyxFQUFFLDRCQUE0QixFQUFFLE1BQU0scUZBQXFGLENBQUM7QUFDbkksT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sMkVBQTJFLENBQUM7QUFDckgsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sc0RBQXNELENBQUM7QUFDN0YsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sZ0RBQWdELENBQUM7QUFDcEYsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDckQsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sdUNBQXVDLENBQUM7O0FBMkM3RSxNQUFNLE9BQU8saUJBQWlCOytHQUFqQixpQkFBaUI7Z0hBQWpCLGlCQUFpQixpQkF2QzFCLHFCQUFxQjtZQUNyQixhQUFhO1lBQ2IsbUJBQW1CO1lBQ25CLHdCQUF3QjtZQUN4QiwyQkFBMkI7WUFDM0Isb0JBQW9CO1lBQ3BCLHdCQUF3QjtZQUN4Qiw0QkFBNEI7WUFDNUIsaUJBQWlCO1lBQ2pCLHdCQUF3QjtZQUN4QixxQkFBcUI7WUFDckIsa0JBQWtCO1lBQ2xCLG9CQUFvQixhQUdwQixZQUFZO1lBQ1osYUFBYTtZQUNiLGtCQUFrQjtZQUNsQixpQkFBaUI7WUFDakIsd0JBQXdCO1lBQ3hCLHlCQUF5QjtZQUN6QixtQkFBbUIsYUFHbkIscUJBQXFCO1lBQ3JCLGFBQWE7WUFDYixtQkFBbUI7WUFDbkIsd0JBQXdCO1lBQ3hCLDJCQUEyQjtZQUMzQixvQkFBb0I7WUFDcEIsd0JBQXdCO1lBQ3hCLDRCQUE0QjtZQUM1QixpQkFBaUI7WUFDakIsd0JBQXdCO1lBQ3hCLHFCQUFxQjtZQUNyQixrQkFBa0I7WUFDbEIsb0JBQW9CO2dIQUdYLGlCQUFpQixZQXhCMUIsWUFBWTtZQUVaLGtCQUFrQjtZQUNsQixpQkFBaUI7WUFDakIsd0JBQXdCO1lBQ3hCLHlCQUF5QjtZQUN6QixtQkFBbUI7OzRGQWtCVixpQkFBaUI7a0JBekM3QixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRTt3QkFDWixxQkFBcUI7d0JBQ3JCLGFBQWE7d0JBQ2IsbUJBQW1CO3dCQUNuQix3QkFBd0I7d0JBQ3hCLDJCQUEyQjt3QkFDM0Isb0JBQW9CO3dCQUNwQix3QkFBd0I7d0JBQ3hCLDRCQUE0Qjt3QkFDNUIsaUJBQWlCO3dCQUNqQix3QkFBd0I7d0JBQ3hCLHFCQUFxQjt3QkFDckIsa0JBQWtCO3dCQUNsQixvQkFBb0I7cUJBQ3JCO29CQUNELE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLGFBQWE7d0JBQ2Isa0JBQWtCO3dCQUNsQixpQkFBaUI7d0JBQ2pCLHdCQUF3Qjt3QkFDeEIseUJBQXlCO3dCQUN6QixtQkFBbUI7cUJBQ3BCO29CQUNELE9BQU8sRUFBRTt3QkFDUCxxQkFBcUI7d0JBQ3JCLGFBQWE7d0JBQ2IsbUJBQW1CO3dCQUNuQix3QkFBd0I7d0JBQ3hCLDJCQUEyQjt3QkFDM0Isb0JBQW9CO3dCQUNwQix3QkFBd0I7d0JBQ3hCLDRCQUE0Qjt3QkFDNUIsaUJBQWlCO3dCQUNqQix3QkFBd0I7d0JBQ3hCLHFCQUFxQjt3QkFDckIsa0JBQWtCO3dCQUNsQixvQkFBb0I7cUJBQ3JCO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBQb2xsQ29tcG9zZXJDb21wb25lbnQgfSBmcm9tICcuL3BvbGwtY29tcG9zZXIvcG9sbC1jb21wb3Nlci5jb21wb25lbnQnO1xuaW1wb3J0IHsgUG9sbENvbXBvbmVudCB9IGZyb20gJy4vcG9sbC9wb2xsLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBQb2xsSGVhZGVyQ29tcG9uZW50IH0gZnJvbSAnLi9wb2xsLWhlYWRlci9wb2xsLWhlYWRlci5jb21wb25lbnQnO1xuaW1wb3J0IHsgVHJhbnNsYXRlUGlwZSB9IGZyb20gJ0BuZ3gtdHJhbnNsYXRlL2NvcmUnO1xuaW1wb3J0IHsgUG9sbE9wdGlvbnNMaXN0Q29tcG9uZW50IH0gZnJvbSAnLi9wb2xsLW9wdGlvbnMtbGlzdC9wb2xsLW9wdGlvbnMtbGlzdC5jb21wb25lbnQnO1xuaW1wb3J0IHsgUG9sbE9wdGlvblNlbGVjdG9yQ29tcG9uZW50IH0gZnJvbSAnLi9wb2xsLW9wdGlvbi1zZWxlY3Rvci9wb2xsLW9wdGlvbi1zZWxlY3Rvci5jb21wb25lbnQnO1xuaW1wb3J0IHsgU3RyZWFtQXZhdGFyTW9kdWxlIH0gZnJvbSAnLi4vc3RyZWFtLWF2YXRhci5tb2R1bGUnO1xuaW1wb3J0IHsgUG9sbEFjdGlvbnNDb21wb25lbnQgfSBmcm9tICcuL3BvbGwtYWN0aW9ucy9wb2xsLWFjdGlvbnMuY29tcG9uZW50JztcbmltcG9ydCB7IFN0cmVhbU1vZGFsTW9kdWxlIH0gZnJvbSAnLi4vbW9kYWwvc3RyZWFtLW1vZGFsLm1vZHVsZSc7XG5pbXBvcnQgeyBTdHJlYW1Ob3RpZmljYXRpb25Nb2R1bGUgfSBmcm9tICcuLi9ub3RpZmljYXRpb24tbGlzdC9zdHJlYW0tbm90aWZpY2F0aW9uLm1vZHVsZSc7XG5pbXBvcnQgeyBTdHJlYW1QYWdpbmF0ZWRMaXN0TW9kdWxlIH0gZnJvbSAnLi4vcGFnaW5hdGVkLWxpc3Qvc3RyZWFtLXBhZ2luYXRlZC1saXN0Lm1vZHVsZSc7XG5pbXBvcnQgeyBQb2xsVm90ZUNvbXBvbmVudCB9IGZyb20gJy4vcG9sbC1hY3Rpb25zL3BvbGwtcmVzdWx0cy9wb2xsLXZvdGUvcG9sbC12b3RlLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBQb2xsQW5zd2Vyc0xpc3RDb21wb25lbnQgfSBmcm9tICcuL3BvbGwtYWN0aW9ucy9wb2xsLWFuc3dlcnMtbGlzdC9wb2xsLWFuc3dlcnMtbGlzdC5jb21wb25lbnQnO1xuaW1wb3J0IHsgUG9sbFZvdGVSZXN1bHRzTGlzdENvbXBvbmVudCB9IGZyb20gJy4vcG9sbC1hY3Rpb25zL3BvbGwtcmVzdWx0cy9wb2xsLXZvdGUtcmVzdWx0cy1saXN0L3BvbGwtdm90ZS1yZXN1bHRzLWxpc3QuY29tcG9uZW50JztcbmltcG9ydCB7IFBvbGxSZXN1bHRzTGlzdENvbXBvbmVudCB9IGZyb20gJy4vcG9sbC1hY3Rpb25zL3BvbGwtcmVzdWx0cy9wb2xsLXJlc3VsdHMtbGlzdC9wb2xsLXJlc3VsdHMtbGlzdC5jb21wb25lbnQnO1xuaW1wb3J0IHsgVXBzZXJ0QW5zd2VyQ29tcG9uZW50IH0gZnJvbSAnLi9wb2xsLWFjdGlvbnMvdXBzZXJ0LWFuc3dlci91cHNlcnQtYW5zd2VyLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBBZGRPcHRpb25Db21wb25lbnQgfSBmcm9tICcuL3BvbGwtYWN0aW9ucy9hZGQtb3B0aW9uL2FkZC1vcHRpb24uY29tcG9uZW50JztcbmltcG9ydCB7IFJlYWN0aXZlRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBQb2xsUHJldmlld0NvbXBvbmVudCB9IGZyb20gJy4vcG9sbC1wcmV2aWV3L3BvbGwtcHJldmlldy5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBQb2xsQ29tcG9zZXJDb21wb25lbnQsXG4gICAgUG9sbENvbXBvbmVudCxcbiAgICBQb2xsSGVhZGVyQ29tcG9uZW50LFxuICAgIFBvbGxPcHRpb25zTGlzdENvbXBvbmVudCxcbiAgICBQb2xsT3B0aW9uU2VsZWN0b3JDb21wb25lbnQsXG4gICAgUG9sbEFjdGlvbnNDb21wb25lbnQsXG4gICAgUG9sbFJlc3VsdHNMaXN0Q29tcG9uZW50LFxuICAgIFBvbGxWb3RlUmVzdWx0c0xpc3RDb21wb25lbnQsXG4gICAgUG9sbFZvdGVDb21wb25lbnQsXG4gICAgUG9sbEFuc3dlcnNMaXN0Q29tcG9uZW50LFxuICAgIFVwc2VydEFuc3dlckNvbXBvbmVudCxcbiAgICBBZGRPcHRpb25Db21wb25lbnQsXG4gICAgUG9sbFByZXZpZXdDb21wb25lbnQsXG4gIF0sXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgVHJhbnNsYXRlUGlwZSxcbiAgICBTdHJlYW1BdmF0YXJNb2R1bGUsXG4gICAgU3RyZWFtTW9kYWxNb2R1bGUsXG4gICAgU3RyZWFtTm90aWZpY2F0aW9uTW9kdWxlLFxuICAgIFN0cmVhbVBhZ2luYXRlZExpc3RNb2R1bGUsXG4gICAgUmVhY3RpdmVGb3Jtc01vZHVsZSxcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIFBvbGxDb21wb3NlckNvbXBvbmVudCxcbiAgICBQb2xsQ29tcG9uZW50LFxuICAgIFBvbGxIZWFkZXJDb21wb25lbnQsXG4gICAgUG9sbE9wdGlvbnNMaXN0Q29tcG9uZW50LFxuICAgIFBvbGxPcHRpb25TZWxlY3RvckNvbXBvbmVudCxcbiAgICBQb2xsQWN0aW9uc0NvbXBvbmVudCxcbiAgICBQb2xsUmVzdWx0c0xpc3RDb21wb25lbnQsXG4gICAgUG9sbFZvdGVSZXN1bHRzTGlzdENvbXBvbmVudCxcbiAgICBQb2xsVm90ZUNvbXBvbmVudCxcbiAgICBQb2xsQW5zd2Vyc0xpc3RDb21wb25lbnQsXG4gICAgVXBzZXJ0QW5zd2VyQ29tcG9uZW50LFxuICAgIEFkZE9wdGlvbkNvbXBvbmVudCxcbiAgICBQb2xsUHJldmlld0NvbXBvbmVudCxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgU3RyZWFtUG9sbHNNb2R1bGUge31cbiJdfQ==

package/esm2022/lib/stream-autocomplete-textarea.module.mjs

@@ -1,26 +1,26 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { AutocompleteTextareaComponent } from './message-input/autocomplete-textarea/autocomplete-textarea.component';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 import { MentionModule } from 'angular-mentions';
 import { StreamAvatarModule } from './stream-avatar.module';
 import { textareaInjectionToken } from './injection-tokens';
 import * as i0 from "@angular/core";
 export class StreamAutocompleteTextareaModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: StreamAutocompleteTextareaModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: StreamAutocompleteTextareaModule, declarations: [AutocompleteTextareaComponent], imports: [CommonModule, TranslateModule, MentionModule, StreamAvatarModule], exports: [AutocompleteTextareaComponent] }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: StreamAutocompleteTextareaModule, declarations: [AutocompleteTextareaComponent], imports: [CommonModule, TranslatePipe, MentionModule, StreamAvatarModule], exports: [AutocompleteTextareaComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: StreamAutocompleteTextareaModule, providers: [
             {
                 provide: textareaInjectionToken,
                 useValue: AutocompleteTextareaComponent,
             },
-        ], imports: [CommonModule, TranslateModule, MentionModule, StreamAvatarModule] }); }
+        ], imports: [CommonModule, MentionModule, StreamAvatarModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: StreamAutocompleteTextareaModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [AutocompleteTextareaComponent],
-                    imports: [CommonModule, TranslateModule, MentionModule, StreamAvatarModule],
+                    imports: [CommonModule, TranslatePipe, MentionModule, StreamAvatarModule],
                     exports: [AutocompleteTextareaComponent],
                     providers: [
                         {
@@ -30,4 +30,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                     ],
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RyZWFtLWF1dG9jb21wbGV0ZS10ZXh0YXJlYS5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9zdHJlYW0tY2hhdC1hbmd1bGFyL3NyYy9saWIvc3RyZWFtLWF1dG9jb21wbGV0ZS10ZXh0YXJlYS5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLDZCQUE2QixFQUFFLE1BQU0sdUVBQXVFLENBQUM7QUFDdEgsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ3RELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUNqRCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUM1RCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQzs7QUFhNUQsTUFBTSxPQUFPLGdDQUFnQzsrR0FBaEMsZ0NBQWdDO2dIQUFoQyxnQ0FBZ0MsaUJBVjVCLDZCQUE2QixhQUNsQyxZQUFZLEVBQUUsZUFBZSxFQUFFLGFBQWEsRUFBRSxrQkFBa0IsYUFDaEUsNkJBQTZCO2dIQVE1QixnQ0FBZ0MsYUFQaEM7WUFDVDtnQkFDRSxPQUFPLEVBQUUsc0JBQXNCO2dCQUMvQixRQUFRLEVBQUUsNkJBQTZCO2FBQ3hDO1NBQ0YsWUFQUyxZQUFZLEVBQUUsZUFBZSxFQUFFLGFBQWEsRUFBRSxrQkFBa0I7OzRGQVMvRCxnQ0FBZ0M7a0JBWDVDLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMsNkJBQTZCLENBQUM7b0JBQzdDLE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxlQUFlLEVBQUUsYUFBYSxFQUFFLGtCQUFrQixDQUFDO29CQUMzRSxPQUFPLEVBQUUsQ0FBQyw2QkFBNkIsQ0FBQztvQkFDeEMsU0FBUyxFQUFFO3dCQUNUOzRCQUNFLE9BQU8sRUFBRSxzQkFBc0I7NEJBQy9CLFFBQVEsRUFBRSw2QkFBNkI7eUJBQ3hDO3FCQUNGO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBBdXRvY29tcGxldGVUZXh0YXJlYUNvbXBvbmVudCB9IGZyb20gJy4vbWVzc2FnZS1pbnB1dC9hdXRvY29tcGxldGUtdGV4dGFyZWEvYXV0b2NvbXBsZXRlLXRleHRhcmVhLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBUcmFuc2xhdGVNb2R1bGUgfSBmcm9tICdAbmd4LXRyYW5zbGF0ZS9jb3JlJztcbmltcG9ydCB7IE1lbnRpb25Nb2R1bGUgfSBmcm9tICdhbmd1bGFyLW1lbnRpb25zJztcbmltcG9ydCB7IFN0cmVhbUF2YXRhck1vZHVsZSB9IGZyb20gJy4vc3RyZWFtLWF2YXRhci5tb2R1bGUnO1xuaW1wb3J0IHsgdGV4dGFyZWFJbmplY3Rpb25Ub2tlbiB9IGZyb20gJy4vaW5qZWN0aW9uLXRva2Vucyc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW0F1dG9jb21wbGV0ZVRleHRhcmVhQ29tcG9uZW50XSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgVHJhbnNsYXRlTW9kdWxlLCBNZW50aW9uTW9kdWxlLCBTdHJlYW1BdmF0YXJNb2R1bGVdLFxuICBleHBvcnRzOiBbQXV0b2NvbXBsZXRlVGV4dGFyZWFDb21wb25lbnRdLFxuICBwcm92aWRlcnM6IFtcbiAgICB7XG4gICAgICBwcm92aWRlOiB0ZXh0YXJlYUluamVjdGlvblRva2VuLFxuICAgICAgdXNlVmFsdWU6IEF1dG9jb21wbGV0ZVRleHRhcmVhQ29tcG9uZW50LFxuICAgIH0sXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIFN0cmVhbUF1dG9jb21wbGV0ZVRleHRhcmVhTW9kdWxlIHt9XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RyZWFtLWF1dG9jb21wbGV0ZS10ZXh0YXJlYS5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9zdHJlYW0tY2hhdC1hbmd1bGFyL3NyYy9saWIvc3RyZWFtLWF1dG9jb21wbGV0ZS10ZXh0YXJlYS5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLDZCQUE2QixFQUFFLE1BQU0sdUVBQXVFLENBQUM7QUFDdEgsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ3BELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUNqRCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUM1RCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQzs7QUFhNUQsTUFBTSxPQUFPLGdDQUFnQzsrR0FBaEMsZ0NBQWdDO2dIQUFoQyxnQ0FBZ0MsaUJBVjVCLDZCQUE2QixhQUNsQyxZQUFZLEVBQUUsYUFBYSxFQUFFLGFBQWEsRUFBRSxrQkFBa0IsYUFDOUQsNkJBQTZCO2dIQVE1QixnQ0FBZ0MsYUFQaEM7WUFDVDtnQkFDRSxPQUFPLEVBQUUsc0JBQXNCO2dCQUMvQixRQUFRLEVBQUUsNkJBQTZCO2FBQ3hDO1NBQ0YsWUFQUyxZQUFZLEVBQWlCLGFBQWEsRUFBRSxrQkFBa0I7OzRGQVM3RCxnQ0FBZ0M7a0JBWDVDLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMsNkJBQTZCLENBQUM7b0JBQzdDLE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxhQUFhLEVBQUUsYUFBYSxFQUFFLGtCQUFrQixDQUFDO29CQUN6RSxPQUFPLEVBQUUsQ0FBQyw2QkFBNkIsQ0FBQztvQkFDeEMsU0FBUyxFQUFFO3dCQUNUOzRCQUNFLE9BQU8sRUFBRSxzQkFBc0I7NEJBQy9CLFFBQVEsRUFBRSw2QkFBNkI7eUJBQ3hDO3FCQUNGO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBBdXRvY29tcGxldGVUZXh0YXJlYUNvbXBvbmVudCB9IGZyb20gJy4vbWVzc2FnZS1pbnB1dC9hdXRvY29tcGxldGUtdGV4dGFyZWEvYXV0b2NvbXBsZXRlLXRleHRhcmVhLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBUcmFuc2xhdGVQaXBlIH0gZnJvbSAnQG5neC10cmFuc2xhdGUvY29yZSc7XG5pbXBvcnQgeyBNZW50aW9uTW9kdWxlIH0gZnJvbSAnYW5ndWxhci1tZW50aW9ucyc7XG5pbXBvcnQgeyBTdHJlYW1BdmF0YXJNb2R1bGUgfSBmcm9tICcuL3N0cmVhbS1hdmF0YXIubW9kdWxlJztcbmltcG9ydCB7IHRleHRhcmVhSW5qZWN0aW9uVG9rZW4gfSBmcm9tICcuL2luamVjdGlvbi10b2tlbnMnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtBdXRvY29tcGxldGVUZXh0YXJlYUNvbXBvbmVudF0sXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIFRyYW5zbGF0ZVBpcGUsIE1lbnRpb25Nb2R1bGUsIFN0cmVhbUF2YXRhck1vZHVsZV0sXG4gIGV4cG9ydHM6IFtBdXRvY29tcGxldGVUZXh0YXJlYUNvbXBvbmVudF0sXG4gIHByb3ZpZGVyczogW1xuICAgIHtcbiAgICAgIHByb3ZpZGU6IHRleHRhcmVhSW5qZWN0aW9uVG9rZW4sXG4gICAgICB1c2VWYWx1ZTogQXV0b2NvbXBsZXRlVGV4dGFyZWFDb21wb25lbnQsXG4gICAgfSxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgU3RyZWFtQXV0b2NvbXBsZXRlVGV4dGFyZWFNb2R1bGUge31cbiJdfQ==

package/esm2022/lib/stream-avatar.module.mjs

@@ -1,20 +1,20 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { AvatarComponent } from './avatar/avatar.component';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 import { AvatarPlaceholderComponent } from './avatar-placeholder/avatar-placeholder.component';
 import * as i0 from "@angular/core";
 export class StreamAvatarModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: StreamAvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: StreamAvatarModule, declarations: [AvatarComponent, AvatarPlaceholderComponent], imports: [CommonModule, TranslateModule], exports: [AvatarComponent, AvatarPlaceholderComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: StreamAvatarModule, imports: [CommonModule, TranslateModule] }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: StreamAvatarModule, declarations: [AvatarComponent, AvatarPlaceholderComponent], imports: [CommonModule, TranslatePipe], exports: [AvatarComponent, AvatarPlaceholderComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: StreamAvatarModule, imports: [CommonModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: StreamAvatarModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [AvatarComponent, AvatarPlaceholderComponent],
-                    imports: [CommonModule, TranslateModule],
+                    imports: [CommonModule, TranslatePipe],
                     exports: [AvatarComponent, AvatarPlaceholderComponent],
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RyZWFtLWF2YXRhci5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9zdHJlYW0tY2hhdC1hbmd1bGFyL3NyYy9saWIvc3RyZWFtLWF2YXRhci5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzVELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUN0RCxPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSxtREFBbUQsQ0FBQzs7QUFPL0YsTUFBTSxPQUFPLGtCQUFrQjsrR0FBbEIsa0JBQWtCO2dIQUFsQixrQkFBa0IsaUJBSmQsZUFBZSxFQUFFLDBCQUEwQixhQUNoRCxZQUFZLEVBQUUsZUFBZSxhQUM3QixlQUFlLEVBQUUsMEJBQTBCO2dIQUUxQyxrQkFBa0IsWUFIbkIsWUFBWSxFQUFFLGVBQWU7OzRGQUc1QixrQkFBa0I7a0JBTDlCLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMsZUFBZSxFQUFFLDBCQUEwQixDQUFDO29CQUMzRCxPQUFPLEVBQUUsQ0FBQyxZQUFZLEVBQUUsZUFBZSxDQUFDO29CQUN4QyxPQUFPLEVBQUUsQ0FBQyxlQUFlLEVBQUUsMEJBQTBCLENBQUM7aUJBQ3ZEIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBBdmF0YXJDb21wb25lbnQgfSBmcm9tICcuL2F2YXRhci9hdmF0YXIuY29tcG9uZW50JztcbmltcG9ydCB7IFRyYW5zbGF0ZU1vZHVsZSB9IGZyb20gJ0BuZ3gtdHJhbnNsYXRlL2NvcmUnO1xuaW1wb3J0IHsgQXZhdGFyUGxhY2Vob2xkZXJDb21wb25lbnQgfSBmcm9tICcuL2F2YXRhci1wbGFjZWhvbGRlci9hdmF0YXItcGxhY2Vob2xkZXIuY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbQXZhdGFyQ29tcG9uZW50LCBBdmF0YXJQbGFjZWhvbGRlckNvbXBvbmVudF0sXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIFRyYW5zbGF0ZU1vZHVsZV0sXG4gIGV4cG9ydHM6IFtBdmF0YXJDb21wb25lbnQsIEF2YXRhclBsYWNlaG9sZGVyQ29tcG9uZW50XSxcbn0pXG5leHBvcnQgY2xhc3MgU3RyZWFtQXZhdGFyTW9kdWxlIHt9XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RyZWFtLWF2YXRhci5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9zdHJlYW0tY2hhdC1hbmd1bGFyL3NyYy9saWIvc3RyZWFtLWF2YXRhci5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzVELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUNwRCxPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSxtREFBbUQsQ0FBQzs7QUFPL0YsTUFBTSxPQUFPLGtCQUFrQjsrR0FBbEIsa0JBQWtCO2dIQUFsQixrQkFBa0IsaUJBSmQsZUFBZSxFQUFFLDBCQUEwQixhQUNoRCxZQUFZLEVBQUUsYUFBYSxhQUMzQixlQUFlLEVBQUUsMEJBQTBCO2dIQUUxQyxrQkFBa0IsWUFIbkIsWUFBWTs7NEZBR1gsa0JBQWtCO2tCQUw5QixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLGVBQWUsRUFBRSwwQkFBMEIsQ0FBQztvQkFDM0QsT0FBTyxFQUFFLENBQUMsWUFBWSxFQUFFLGFBQWEsQ0FBQztvQkFDdEMsT0FBTyxFQUFFLENBQUMsZUFBZSxFQUFFLDBCQUEwQixDQUFDO2lCQUN2RCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQXZhdGFyQ29tcG9uZW50IH0gZnJvbSAnLi9hdmF0YXIvYXZhdGFyLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBUcmFuc2xhdGVQaXBlIH0gZnJvbSAnQG5neC10cmFuc2xhdGUvY29yZSc7XG5pbXBvcnQgeyBBdmF0YXJQbGFjZWhvbGRlckNvbXBvbmVudCB9IGZyb20gJy4vYXZhdGFyLXBsYWNlaG9sZGVyL2F2YXRhci1wbGFjZWhvbGRlci5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtBdmF0YXJDb21wb25lbnQsIEF2YXRhclBsYWNlaG9sZGVyQ29tcG9uZW50XSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgVHJhbnNsYXRlUGlwZV0sXG4gIGV4cG9ydHM6IFtBdmF0YXJDb21wb25lbnQsIEF2YXRhclBsYWNlaG9sZGVyQ29tcG9uZW50XSxcbn0pXG5leHBvcnQgY2xhc3MgU3RyZWFtQXZhdGFyTW9kdWxlIHt9XG4iXX0=