@acorex/components 22.1.0-next.25 → 22.1.0-next.26

package/fesm2022/acorex-components-conversation.mjs

@@ -8963,22 +8963,8 @@ class AXConversationMessageListComponent {
             this.messageAction.emit({ message, action: action.id });
         }
     }
-    /**
-     * TrackBy function for message groups.
-     * Track by date only — new messages in the same day are handled by the inner message @for.
-     */
-    trackMessageGroup(index, group) {
-        return group.date;
-    }
-    /**
-     * TrackBy function for messages
-     * Tracks by ID only to prevent unnecessary re-renders
-     */
-    trackMessage(index, message) {
-        return message.id;
-    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXConversationMessageListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXConversationMessageListComponent, isStandalone: true, selector: "ax-conversation-message-list", outputs: { messageAction: "messageAction" }, viewQueries: [{ propertyName: "reactionPopover", first: true, predicate: ["reactionPopover"], descendants: true, isSignal: true }, { propertyName: "messageListRef", first: true, predicate: ["messageList"], descendants: true, isSignal: true }, { propertyName: "messagesContainerRef", first: true, predicate: ["messagesContainer"], descendants: true, isSignal: true }], ngImport: i0, template: "@if (activeConversation(); as conv) {\n  @for (cid of [conv.id]; track cid) {\n    <div\n      class=\"message-list message-list--conversation-surface\"\n      [class.message-list--drag]=\"messageListDragging()\"\n      #messageList\n      role=\"log\"\n      [attr.aria-label]=\"'@acorex:chat.aria.message-list' | translate | async\"\n      aria-live=\"polite\"\n      [style.background]=\"messageListBackgroundStyle()\"\n      [style.--ax-comp-message-list-surface-bg]=\"messageListBackgroundStyle()\"\n      axUploaderZone\n      [disableBrowse]=\"true\"\n      (dragEnter)=\"onMessageListDragEnter()\"\n      (dragLeave)=\"onMessageListDragLeave()\"\n      (fileChange)=\"onMessageListFilesDropped($event)\"\n    >\n      @if (loading()) {\n        <div\n          class=\"list-loading\"\n          role=\"status\"\n          aria-busy=\"true\"\n          [attr.aria-label]=\"'@acorex:chat.status.loading-messages' | translate | async\"\n        >\n          <div class=\"messages-skeleton\" aria-hidden=\"true\">\n            @for (item of loadingSkeletonItems; track item) {\n              <div class=\"message-skeleton\" [class.message-skeleton--own]=\"$odd\">\n                @if ($even && isGroupConversation()) {\n                  <ax-skeleton class=\"message-skeleton-avatar\" [animated]=\"true\"></ax-skeleton>\n                }\n                <ax-skeleton\n                  class=\"message-skeleton-bubble\"\n                  [class.message-skeleton-bubble--short]=\"$index % 3 === 1\"\n                  [class.message-skeleton-bubble--medium]=\"$index % 3 === 2\"\n                  [animated]=\"true\"\n                ></ax-skeleton>\n              </div>\n            }\n          </div>\n        </div>\n      } @else if (messages().length === 0) {\n        <div class=\"list-empty\" role=\"status\" [attr.aria-label]=\"'@acorex:chat.status.no-messages' | translate | async\">\n          <ng-content select=\"ax-conversation-message-list-empty, [ax-conversation-message-list-empty]\">\n            <ng-container\n              *ngComponentOutlet=\"resolvedEmptyStateComponent(); inputs: { conversation: activeConversation()! }\"\n            ></ng-container>\n          </ng-content>\n        </div>\n      } @else {\n        <div\n          class=\"messages-container\"\n          (scroll)=\"onScroll($event)\"\n          axInfiniteScroll\n          [threshold]=\"config.infiniteScrollThreshold\"\n          [edge]=\"'top'\"\n          [scrollDisabled]=\"loading() || loadingMore() || !hasMoreMessages()\"\n          (scrollThreshold)=\"onScrollThreshold($event)\"\n          #messagesContainer\n          role=\"feed\"\n          [attr.aria-label]=\"'@acorex:chat.aria.messages' | translate | async\"\n        >\n          @if (loadingMore()) {\n            <div\n              class=\"list-loading-more list-loading-more--prepend\"\n              role=\"status\"\n              animate.enter=\"load-more-enter\"\n              animate.leave=\"load-more-leave\"\n              [attr.aria-label]=\"'@acorex:chat.status.loading-older-messages' | translate | async\"\n            >\n              <div class=\"load-more-indicator\" aria-hidden=\"true\">\n                <span class=\"load-more-dot\"></span>\n                <span class=\"load-more-dot\"></span>\n                <span class=\"load-more-dot\"></span>\n              </div>\n              <ax-label class=\"load-more-label\">{{\n                '@acorex:chat.status.loading-older-messages' | translate | async\n              }}</ax-label>\n            </div>\n          }\n          @for (group of messageGroups(); track trackMessageGroup($index, group)) {\n            <!-- Date Separator -->\n            <div class=\"date-separator\" role=\"separator\" [attr.aria-label]=\"getDateSeparatorAriaLabel(group.dateLabel)\">\n              <span class=\"date-separator__label\">{{ group.dateLabel }}</span>\n            </div>\n\n            <!-- Messages in this date group -->\n            @for (message of group.messages; track trackMessage($index, message)) {\n              <div\n                [class]=\"getMessageClasses(message)\"\n                role=\"article\"\n                [attr.aria-label]=\"getMessageAriaLabel(message)\"\n                [id]=\"'message-' + message.id\"\n              >\n                <!-- Avatar (only for group conversations and received messages) -->\n                @if (shouldShowAvatar(message)) {\n                  <div class=\"message-avatar\">\n                    <ax-conversation-avatar\n                      kind=\"user\"\n                      [userId]=\"message.senderId\"\n                      [conversation]=\"activeConversation()\"\n                      [message]=\"message\"\n                      [size]=\"32\"\n                    />\n                  </div>\n                }\n\n                <div class=\"message-content-row\" [class.message-content-row-own]=\"isOwnMessage(message)\">\n                  @if (messageSupportsReactions(message)) {\n                    <button\n                      type=\"button\"\n                      class=\"add-reaction-button add-reaction-outside\"\n                      [class.add-reaction-visible]=\"reactionPickerTarget() === message.id\"\n                      (click)=\"toggleReactionPicker(message, $event)\"\n                      [attr.aria-label]=\"'@acorex:chat.actions.add-reaction' | translate | async\"\n                      #reactionButton\n                    >\n                      <i class=\"fa-light fa-face-smile\"></i>\n                    </button>\n                  }\n\n                  <div\n                    class=\"message-bubble-container\"\n                    [id]=\"'message-bubble-' + message.id\"\n                    [attr.data-message-id]=\"message.id\"\n                  >\n                    <div\n                      [class]=\"getBubbleClasses(message)\"\n                      [class.message-bubble-sent]=\"message.senderId === currentUser()?.id\"\n                      [class.message-bubble-received]=\"message.senderId !== currentUser()?.id\"\n                    >\n                      <!-- Sender name (only for group conversations and received messages) -->\n                      @if (shouldShowSenderName(message)) {\n                        <div class=\"message-sender\">{{ getSenderName(message) }}:</div>\n                      }\n\n                      <!-- Reply Preview -->\n                      @if (message.replyTo) {\n                        <div\n                          class=\"reply-preview\"\n                          (click)=\"scrollToMessage(message.replyTo.id)\"\n                          role=\"button\"\n                          [attr.aria-label]=\"'Reply to ' + getSenderName(message.replyTo)\"\n                          (keydown.enter)=\"scrollToMessage(message.replyTo.id)\"\n                          (keydown.space)=\"scrollToMessage(message.replyTo.id)\"\n                        >\n                          <div class=\"reply-preview-content\">\n                            <div class=\"reply-preview-sender\">{{ getSenderName(message.replyTo) }}</div>\n                            <div class=\"reply-preview-text\">\n                              @if (getMessagePreviewText(message.replyTo); as preview) {\n                                <span class=\"last-message\">\n                                  @if (preview.type !== 'text') {\n                                    <i [class]=\"preview.icon\"></i\n                                    >{{ '@acorex:chat.' + preview.type | translate | async }}\n                                  } @else {\n                                    {{ preview.value }}\n                                  }\n                                </span>\n                              }\n                            </div>\n                          </div>\n                        </div>\n                      }\n\n                      <!-- Forwarded Indicator -->\n                      @if (message.forwarded) {\n                        <div class=\"forwarded-preview\">\n                          <i class=\"fa-solid fa-share\"></i>\n                          <span class=\"forwarded-text\">{{ getForwardedText(message) }}</span>\n                        </div>\n                      }\n\n                      <ax-conversation-registry-component-outlet\n                        [component]=\"getRendererComponent(message)\"\n                        [componentLoader]=\"getRendererComponentLoader(message)\"\n                        [inputs]=\"getRendererInputs(message)\"\n                      />\n\n                      @if (messageSupportsReactions(message) && message.reactions.length > 0) {\n                        <div class=\"message-reactions-container\">\n                          <div class=\"message-reactions-bubbles\">\n                            @for (reaction of getGroupedReactions(message); track reaction.emoji) {\n                              <button\n                                type=\"button\"\n                                class=\"reaction-bubble\"\n                                [class.reaction-bubble-active]=\"reaction.hasReacted\"\n                                (click)=\"onReactionClick(message, reaction.emoji)\"\n                                [attr.aria-label]=\"reaction.emoji + ' ' + reaction.count\"\n                              >\n                                <span class=\"reaction-emoji\">{{ reaction.emoji }}</span>\n                                @if (reaction.count > 1) {\n                                  <span class=\"reaction-count\">{{ reaction.count }}</span>\n                                }\n                              </button>\n                            }\n                          </div>\n                        </div>\n                      }\n\n                      <!-- Message Footer -->\n                      <div class=\"message-footer\">\n                        @let replyCount = getReplyCount(message);\n                        @let forwardCount = getForwardCount(message);\n                        @if (replyCount > 0) {\n                          <span class=\"message-footer-count\" [attr.aria-label]=\"replyCount + ' replies'\">\n                            <i class=\"fa-solid fa-message\" aria-hidden=\"true\"></i>\n                            <span class=\"message-footer-count-value\">{{ replyCount }}</span>\n                          </span>\n                        }\n                        @if (forwardCount > 0) {\n                          <span class=\"message-footer-count\" [attr.aria-label]=\"forwardCount + ' forwards'\">\n                            <i class=\"fa-solid fa-share\" aria-hidden=\"true\"></i>\n                            <span class=\"message-footer-count-value\">{{ forwardCount }}</span>\n                          </span>\n                        }\n                        @if (replyCount > 0 || forwardCount > 0) {\n                          <span class=\"message-footer-split\" aria-hidden=\"true\"></span>\n                        }\n                        <span class=\"message-time\">{{ message.timestamp | format: 'timeleft' | async }}</span>\n                        @if (message.editedAt) {\n                          <span class=\"edited-indicator\">\n                            <span>{{ '@acorex:chat.status.edited' | translate | async }}</span>\n                          </span>\n                        }\n                        @if (isOwnMessage(message)) {\n                          <span [class]=\"getStatusIconClasses(message)\">\n                            <ax-icon><i [class]=\"getStatusIcon(message)\"></i></ax-icon>\n                          </span>\n                        }\n                      </div>\n                    </div>\n                  </div>\n                </div>\n\n                <!-- Context Menu for Message Actions -->\n                <ax-context-menu\n                  [target]=\"'#message-bubble-' + message.id\"\n                  [openOn]=\"'click'\"\n                  [closeOn]=\"'click'\"\n                  (onOpening)=\"handleMessageContextMenuOpening($event, message)\"\n                  (onClose)=\"contextMenuMessageId.set(null)\"\n                  (onItemClick)=\"handleMessageContextMenuItemClick($event, message)\"\n                >\n                </ax-context-menu>\n              </div>\n            }\n          }\n        </div>\n\n        <!-- Scroll to Bottom Button -->\n        @if (showScrollButton()) {\n          <div\n            class=\"scroll-to-bottom-wrapper\"\n            animate.enter=\"scroll-to-bottom-enter\"\n            animate.leave=\"scroll-to-bottom-leave\"\n          >\n            <ax-fab\n              class=\"scroll-to-bottom\"\n              (onClick)=\"scrollToBottom()\"\n              [attr.aria-label]=\"'@acorex:chat.actions.scroll-to-bottom' | translate | async\"\n            >\n              <ax-icon><i class=\"fa-light fa-arrow-down\" aria-hidden=\"true\"></i></ax-icon>\n            </ax-fab>\n          </div>\n        }\n      }\n    </div>\n  }\n\n  <!-- Reaction Picker Popover -->\n  @if (reactionsEnabled() && reactionPickerTarget()) {\n    <ax-popover\n      #reactionPopover\n      [target]=\"reactionPickerElement()\"\n      [openOn]=\"'manual'\"\n      [closeOn]=\"'clickOut'\"\n      [placement]=\"reactionPickerPlacement()\"\n      (onClose)=\"closeReactionPicker()\"\n    >\n      <div class=\"reaction-picker-popup\">\n        <div class=\"reaction-picker-header\">\n          <span class=\"picker-title\">{{ '@acorex:chat.actions.react' | translate | async }}</span>\n          <button\n            type=\"button\"\n            class=\"picker-close\"\n            (click)=\"closeReactionPicker()\"\n            [attr.aria-label]=\"'@acorex:chat.actions.close' | translate | async\"\n          >\n            <i class=\"fa-light fa-xmark\"></i>\n          </button>\n        </div>\n        <div\n          class=\"reaction-picker-emojis\"\n          role=\"listbox\"\n          [attr.aria-label]=\"'@acorex:chat.actions.choose-reaction' | translate | async\"\n        >\n          @for (emoji of availableReactions(); track emoji) {\n            <button\n              type=\"button\"\n              class=\"reaction-picker-emoji\"\n              [class.reaction-picker-emoji-active]=\"hasUserReactedById(reactionPickerTarget()!, emoji)\"\n              (click)=\"onReactionClickById(reactionPickerTarget()!, emoji); closeReactionPicker()\"\n              [attr.aria-label]=\"emoji\"\n            >\n              {{ emoji }}\n            </button>\n          }\n        </div>\n      </div>\n    </ax-popover>\n  }\n} @else {\n  <div\n    class=\"message-list message-list--no-active\"\n    role=\"region\"\n    [attr.aria-label]=\"'@acorex:chat.status.no-conversation-selected' | translate | async\"\n  >\n    <div class=\"list-no-active\">\n      <ng-content select=\"ax-conversation-message-list-no-active, [ax-conversation-message-list-no-active]\">\n        <ng-container *ngComponentOutlet=\"noActiveFallbackComponent\"></ng-container>\n      </ng-content>\n    </div>\n  </div>\n}\n", styles: ["@layer properties;@layer components{ax-conversation-message-list{position:relative;display:block;height:100%;container-type:inline-size;--ax-comp-message-bubble-tail-height: 1.5625rem;--ax-comp-message-bubble-tail-fill-width: 1.25rem;--ax-comp-message-bubble-tail-fill-offset: -.4375rem;--ax-comp-message-bubble-tail-cutout-width: 1.625rem;--ax-comp-message-bubble-tail-cutout-offset: -1.625rem;--ax-comp-message-bubble-tail-curve: 1rem 0rem;--ax-comp-message-bubble-tail-cutout-curve: .625rem;@keyframes axConversationSurfaceIn{0%{opacity:0}to{opacity:1}}@keyframes axConversationSurfaceInReduced{0%{opacity:.92}to{opacity:1}}@keyframes messagesSkeletonIn{0%{opacity:0;transform:translateY(-.75rem)}to{opacity:1;transform:translateY(0)}}@keyframes messagesSkeletonInReduced{0%{opacity:.85}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes axChatLoadMoreDot{0%,70%,to{transform:translateY(0) scale(1);opacity:.4}35%{transform:translateY(-.28rem) scale(1.08);opacity:1}}@keyframes axChatLoadMoreEnterPrepend{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}@keyframes axChatLoadMoreLeavePrepend{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-.35rem)}}@keyframes axScrollToBottomEnter{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes axScrollToBottomLeave{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}}ax-conversation-message-list .message-list{position:relative;display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);flex-direction:column;overflow:hidden}ax-conversation-message-list .message-list.ax-drop-zone>.ax-uploader-overlay-state{display:none!important}ax-conversation-message-list .message-list--drag{outline-style:var(--tw-outline-style);outline-width:2px;outline-color:rgba(var(--ax-sys-color-primary-surface));--tw-outline-style: dashed;outline-style:dashed;outline-offset:-2px}ax-conversation-message-list .message-list--conversation-surface{animation:axConversationSurfaceIn .36s cubic-bezier(.22,1,.36,1) both}@media(prefers-reduced-motion:reduce){ax-conversation-message-list .message-list--conversation-surface{animation:axConversationSurfaceInReduced .18s ease both}}ax-conversation-message-list .list-loading{display:flex;min-height:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column;justify-content:flex-start;overflow-x:hidden;overflow-y:auto}ax-conversation-message-list .messages-skeleton{display:flex;width:100%;flex-direction:column;gap:calc(var(--spacing, .25rem) * 3);padding-inline:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 6);animation:messagesSkeletonIn .42s cubic-bezier(.22,1,.36,1) both}ax-conversation-message-list .message-skeleton{display:flex;align-items:flex-end;gap:calc(var(--spacing, .25rem) * 2)}ax-conversation-message-list .message-skeleton--own{flex-direction:row-reverse}ax-conversation-message-list .message-skeleton-avatar{height:calc(var(--spacing, .25rem) * 8);width:calc(var(--spacing, .25rem) * 8);flex-shrink:0;border-radius:calc(infinity * 1px)}ax-conversation-message-list .messages-skeleton ax-skeleton.message-skeleton-avatar.ax-skeleton{background-color:rgba(var(--ax-sys-color-on-surface),.16)}ax-conversation-message-list .messages-skeleton ax-skeleton.message-skeleton-avatar.ax-skeleton-animate:before{background-image:linear-gradient(to right,transparent,rgba(var(--ax-sys-color-on-surface),.22) 50%,transparent)}ax-conversation-message-list .messages-skeleton ax-skeleton.message-skeleton-bubble.ax-skeleton{background-color:rgb(var(--ax-sys-color-lightest-surface));box-shadow:0 1px 2px rgba(var(--ax-sys-color-on-surface),.08)}ax-conversation-message-list .messages-skeleton ax-skeleton.message-skeleton-bubble.ax-skeleton-animate:before{background-image:linear-gradient(to right,transparent,rgba(var(--ax-sys-color-on-surface),.14) 50%,transparent)}ax-conversation-message-list .message-skeleton--own ax-skeleton.message-skeleton-bubble.ax-skeleton{background-color:rgb(var(--ax-sys-color-primary-surface));box-shadow:0 1px 2px rgba(var(--ax-sys-color-primary-900),.12)}ax-conversation-message-list .message-skeleton--own ax-skeleton.message-skeleton-bubble.ax-skeleton-animate:before{background-image:linear-gradient(to right,transparent,rgba(var(--ax-sys-color-on-primary-surface),.2) 50%,transparent)}ax-conversation-message-list .message-skeleton-bubble{height:calc(var(--spacing, .25rem) * 10);border-radius:var(--radius-2xl, 1rem);width:min(62%,17.5rem)}ax-conversation-message-list .message-skeleton-bubble--short{height:calc(var(--spacing, .25rem) * 8);width:min(36%,9.5rem)}ax-conversation-message-list .message-skeleton-bubble--medium{height:calc(var(--spacing, .25rem) * 9);width:min(48%,13rem)}@media(prefers-reduced-motion:reduce){ax-conversation-message-list .messages-skeleton{animation:messagesSkeletonInReduced .2s ease both}}ax-conversation-message-list .list-empty{display:flex;min-height:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 5);padding-inline:calc(var(--spacing, .25rem) * 8);padding-block:calc(var(--spacing, .25rem) * 12);text-align:center;animation:fadeInUp .5s ease-out}ax-conversation-message-list .message-list--no-active{height:100%}ax-conversation-message-list .list-no-active{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 48);flex-direction:column;align-items:center;justify-content:center}ax-conversation-message-list .empty-icon{margin-bottom:calc(var(--spacing, .25rem) * 2);font-size:5.5rem;--tw-leading: 1;line-height:1;opacity:35%;filter:grayscale(.2)}ax-conversation-message-list .empty-title{margin:calc(var(--spacing, .25rem) * 0);font-size:1.625rem;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);--tw-tracking: var(--tracking-tight, -.025em);letter-spacing:var(--tracking-tight, -.025em);color:rgba(var(--ax-sys-color-on-surface))}ax-conversation-message-list .empty-description{margin:calc(var(--spacing, .25rem) * 0);max-width:420px;font-size:1.0625rem;--tw-leading: var(--leading-relaxed, 1.625);line-height:var(--leading-relaxed, 1.625);color:rgba(var(--ax-sys-color-on-surface));opacity:.65}ax-conversation-message-list .spinner{margin-bottom:calc(var(--spacing, .25rem) * 4);height:calc(var(--spacing, .25rem) * 8);width:calc(var(--spacing, .25rem) * 8);border-radius:calc(infinity * 1px);border-style:var(--tw-border-style);border-width:3px;border-color:rgba(var(--ax-sys-color-border-light-surface));border-top-color:rgb(var(--ax-sys-color-primary-500));animation:spin .8s linear infinite}ax-conversation-message-list .list-loading-more{display:flex;flex-direction:column;align-items:center;gap:calc(var(--spacing, .25rem) * 2);padding-inline:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 3);padding-bottom:calc(var(--spacing, .25rem) * 2);text-align:center;color:rgba(var(--ax-sys-color-on-surface));opacity:85%}ax-conversation-message-list .load-more-indicator{display:flex;min-height:calc(var(--spacing, .25rem) * 5);align-items:center;justify-content:center;gap:.3rem}ax-conversation-message-list .load-more-dot{height:.4rem;width:.4rem;border-radius:calc(infinity * 1px);background-color:rgba(var(--ax-sys-color-primary-500));animation:axChatLoadMoreDot 1s ease-in-out infinite}ax-conversation-message-list .load-more-dot:nth-child(2){animation-delay:.14s}ax-conversation-message-list .load-more-dot:nth-child(3){animation-delay:.28s}ax-conversation-message-list .load-more-label{font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-tracking: var(--tracking-wide, .025em);letter-spacing:var(--tracking-wide, .025em);opacity:70%}ax-conversation-message-list .load-more-enter{animation:axChatLoadMoreEnterPrepend .32s cubic-bezier(.22,1,.36,1) both}ax-conversation-message-list .load-more-leave{animation:axChatLoadMoreLeavePrepend .22s ease both}@media(prefers-reduced-motion:reduce){ax-conversation-message-list .load-more-dot{animation:none;opacity:.65}ax-conversation-message-list .load-more-enter,ax-conversation-message-list .load-more-leave{animation:none}}ax-conversation-message-list .messages-container{position:relative;min-height:calc(var(--spacing, .25rem) * 0);width:100%;flex:1;overflow-x:hidden;overflow-y:auto}ax-conversation-message-list .date-separator{pointer-events:none;position:sticky;z-index:150;display:flex;align-items:center;justify-content:center;top:.5rem;padding:.375rem 1rem .625rem;margin-block:.125rem .375rem}ax-conversation-message-list .date-separator__label{pointer-events:auto;display:inline-flex;width:calc(var(--spacing, .25rem) * 32);max-width:min(100%,18rem);align-items:center;justify-content:center;border-radius:calc(infinity * 1px);background-color:var(--color-surface);color:var(--color-on-surface);border-color:var(--color-border-surface);padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 1);text-align:center;font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-leading: var(--leading-tight, 1.25);line-height:var(--leading-tight, 1.25);--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);white-space:nowrap;-webkit-user-select:none;user-select:none}ax-conversation-message-list .unread-separator{margin-block:calc(var(--spacing, .25rem) * 6);display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 3);padding-inline:calc(var(--spacing, .25rem) * 4)}ax-conversation-message-list .unread-separator-line{height:1px;flex:1;background-color:rgba(var(--ax-sys-color-primary-surface));opacity:30%}ax-conversation-message-list .unread-separator-text{font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);--tw-tracking: var(--tracking-wide, .025em);letter-spacing:var(--tracking-wide, .025em);white-space:nowrap;color:rgba(var(--ax-sys-color-primary-surface));text-transform:uppercase}ax-conversation-message-list .message-item{position:relative;display:flex;align-items:flex-end;gap:calc(var(--spacing, .25rem) * 2);padding-inline:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 2);--tw-leading: calc(var(--spacing, .25rem) * 4);line-height:calc(var(--spacing, .25rem) * 4);transition:background-color .3s ease}ax-conversation-message-list .message-item-context-active{border-radius:var(--radius-lg, .5rem);background-color:rgba(var(--ax-sys-color-primary-500),.09);box-shadow:inset 0 0 0 1px rgba(var(--ax-sys-color-primary-500),.22)}ax-conversation-message-list .message-own.message-item-context-active{background-color:rgba(var(--ax-sys-color-primary-500),.12)}ax-conversation-message-list .message-highlight{border-radius:var(--radius-lg, .5rem);background-color:rgba(var(--ax-sys-color-primary-500),.1)}ax-conversation-message-list .message-item.message-own{flex-direction:row-reverse}ax-conversation-message-list .message-avatar{z-index:5;flex-shrink:0}ax-conversation-message-list .message-avatar-icon{display:flex;height:100%;width:100%;align-items:center;justify-content:center;font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));--tw-leading: 1;line-height:1}ax-conversation-message-list .message-content-row{position:relative;display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:0 1 auto;flex-direction:row;align-items:flex-end;gap:calc(var(--spacing, .25rem) * 1);max-width:min(95%,50rem)}ax-conversation-message-list .message-content-row:has(.add-reaction-button.add-reaction-outside) .message-bubble-container{margin-inline-end:.375rem}ax-conversation-message-list .message-content-row-own:has(.add-reaction-button.add-reaction-outside) .message-bubble-container{margin-inline-end:0;margin-inline-start:.375rem}@container (min-width: 768px){ax-conversation-message-list .message-content-row{max-width:min(70%,50rem)}}ax-conversation-message-list .message-content-row-own{justify-content:flex-end}ax-conversation-message-list .message-item:not(.message-own) .message-content-row{justify-content:flex-start}ax-conversation-message-list .message-bubble-container{position:relative;display:flex;max-width:100%;min-width:calc(var(--spacing, .25rem) * 0);flex:1 1 auto;flex-direction:column}ax-conversation-message-list .message-own .message-bubble-container{align-items:flex-end}ax-conversation-message-list .message-sender{margin-bottom:.1rem;font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600)}ax-conversation-message-list .message-bubble{position:relative;display:flex;max-width:100%;flex-direction:column;border-radius:var(--radius-2xl, 1rem);padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:calc(var(--spacing, .25rem) * 2);padding-bottom:.1rem;overflow-wrap:break-word;transition:background-color .3s ease}ax-conversation-message-list .message-bubble>*{position:relative;z-index:1}ax-conversation-message-list .reply-preview{margin-bottom:calc(var(--spacing, .25rem) * 2);cursor:pointer;border-radius:var(--ax-sys-border-radius);border-inline-start-style:var(--tw-border-style);border-inline-start-width:3px;padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:calc(var(--spacing, .25rem) * 1.5);background:rgba(var(--ax-sys-color-primary-500),.08);border-inline-start-color:rgb(var(--ax-sys-color-primary-500));transition:background-color var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function),border-color var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function)}ax-conversation-message-list .reply-preview:hover{background:rgba(var(--ax-sys-color-primary-500),.14);border-inline-start-color:rgb(var(--ax-sys-color-primary-600))}ax-conversation-message-list .message-own .reply-preview{border-inline-start-style:var(--tw-border-style);border-inline-start-width:3px;background:rgba(var(--ax-sys-color-on-primary-surface),.14);border-inline-start-color:rgba(var(--ax-sys-color-on-primary-surface),.55)}ax-conversation-message-list .message-own .reply-preview:hover{background:rgba(var(--ax-sys-color-on-primary-surface),.22);border-inline-start-color:rgba(var(--ax-sys-color-on-primary-surface),.75)}ax-conversation-message-list .reply-preview-line{width:3px;flex-shrink:0;border-radius:1.5px;background:currentColor;opacity:.5}ax-conversation-message-list .reply-preview-content{min-width:calc(var(--spacing, .25rem) * 0);flex:1}ax-conversation-message-list .reply-preview-sender{margin-bottom:calc(var(--spacing, .25rem) * .5);font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);color:rgba(var(--ax-sys-color-primary-600))}ax-conversation-message-list .reply-preview-text{overflow:hidden;font-size:.8125rem;text-overflow:ellipsis;white-space:nowrap;color:rgba(var(--ax-sys-color-on-surface));opacity:70%}ax-conversation-message-list .message-own .reply-preview-sender{color:rgba(var(--ax-sys-color-on-primary-surface));opacity:95%}ax-conversation-message-list .message-own .reply-preview-text{color:rgba(var(--ax-sys-color-on-primary-surface));opacity:.78}ax-conversation-message-list .last-message{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 1)}ax-conversation-message-list .forwarded-preview{margin-bottom:.1rem;display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 1.5);border-radius:var(--ax-sys-border-radius);border-inline-start-style:var(--tw-border-style);border-inline-start-width:3px;padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:calc(var(--spacing, .25rem) * 1.5);background:rgba(var(--ax-sys-color-primary-500),.08);border-inline-start-color:rgb(var(--ax-sys-color-primary-500));transition:background-color var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function),border-color var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function)}ax-conversation-message-list .forwarded-preview:hover{background:rgba(var(--ax-sys-color-primary-500),.14);border-inline-start-color:rgb(var(--ax-sys-color-primary-600))}ax-conversation-message-list .message-own .forwarded-preview{border-inline-start-style:var(--tw-border-style);border-inline-start-width:3px;background:rgba(var(--ax-sys-color-on-primary-surface),.14);border-inline-start-color:rgba(var(--ax-sys-color-on-primary-surface),.55)}ax-conversation-message-list .message-own .forwarded-preview:hover{background:rgba(var(--ax-sys-color-on-primary-surface),.22);border-inline-start-color:rgba(var(--ax-sys-color-on-primary-surface),.75)}ax-conversation-message-list .forwarded-preview i{flex-shrink:0;font-size:.8125rem;color:rgba(var(--ax-sys-color-primary-600))}ax-conversation-message-list .forwarded-text{min-width:calc(var(--spacing, .25rem) * 0);overflow:hidden;font-size:.8125rem;text-overflow:ellipsis;white-space:nowrap;color:rgba(var(--ax-sys-color-on-surface));opacity:70%}ax-conversation-message-list .message-own .forwarded-preview i{color:rgba(var(--ax-sys-color-on-primary-surface));opacity:95%}ax-conversation-message-list .message-own .forwarded-text{color:rgba(var(--ax-sys-color-on-primary-surface));opacity:.78}ax-conversation-message-list .message-bubble-received:not(.message-system){--ax-comp-message-bubble-bg: rgb(var(--ax-sys-color-lightest-surface));background-color:var(--ax-comp-message-bubble-bg);border-bottom-left-radius:.25rem}ax-conversation-message-list .message-bubble-sent:not(.message-system){--ax-comp-message-bubble-bg: rgb(var(--ax-sys-color-primary-surface));background-color:var(--ax-comp-message-bubble-bg);color:rgb(var(--ax-sys-color-on-primary-surface));border-bottom-right-radius:.25rem}ax-conversation-message-list .message-bubble-received:not(.message-system):before,ax-conversation-message-list .message-bubble-received:not(.message-system):after,ax-conversation-message-list .message-bubble-sent:not(.message-system):before,ax-conversation-message-list .message-bubble-sent:not(.message-system):after{content:\"\";position:absolute;bottom:0;height:var(--ax-comp-message-bubble-tail-height);pointer-events:none;z-index:0}ax-conversation-message-list .message-bubble-received:not(.message-system):before,ax-conversation-message-list .message-bubble-sent:not(.message-system):before{width:var(--ax-comp-message-bubble-tail-fill-width);background-color:var(--ax-comp-message-bubble-bg)}ax-conversation-message-list .message-bubble-received:not(.message-system):after,ax-conversation-message-list .message-bubble-sent:not(.message-system):after{width:var(--ax-comp-message-bubble-tail-cutout-width);background:var(--ax-comp-message-list-surface-bg, rgb(var(--ax-sys-color-primary-lightest-surface)))}ax-conversation-message-list .message-bubble-received:not(.message-system):before{left:var(--ax-comp-message-bubble-tail-fill-offset);border-bottom-right-radius:var(--ax-comp-message-bubble-tail-curve)}ax-conversation-message-list .message-bubble-received:not(.message-system):after{left:var(--ax-comp-message-bubble-tail-cutout-offset);border-bottom-right-radius:var(--ax-comp-message-bubble-tail-cutout-curve)}ax-conversation-message-list .message-bubble-sent:not(.message-system):before{right:var(--ax-comp-message-bubble-tail-fill-offset);border-bottom-left-radius:var(--ax-comp-message-bubble-tail-curve)}ax-conversation-message-list .message-bubble-sent:not(.message-system):after{right:var(--ax-comp-message-bubble-tail-cutout-offset);border-bottom-left-radius:var(--ax-comp-message-bubble-tail-cutout-curve)}[dir=rtl] ax-conversation-message-list .message-bubble-received:not(.message-system){border-bottom-left-radius:1rem;border-bottom-right-radius:.25rem}[dir=rtl] ax-conversation-message-list .message-bubble-sent:not(.message-system){border-bottom-right-radius:1rem;border-bottom-left-radius:.25rem}[dir=rtl] ax-conversation-message-list .message-bubble-received:not(.message-system):before{left:auto;right:var(--ax-comp-message-bubble-tail-fill-offset);border-bottom-right-radius:0;border-bottom-left-radius:var(--ax-comp-message-bubble-tail-curve)}[dir=rtl] ax-conversation-message-list .message-bubble-received:not(.message-system):after{left:auto;right:var(--ax-comp-message-bubble-tail-cutout-offset);border-bottom-right-radius:0;border-bottom-left-radius:var(--ax-comp-message-bubble-tail-cutout-curve)}[dir=rtl] ax-conversation-message-list .message-bubble-sent:not(.message-system):before{right:auto;left:var(--ax-comp-message-bubble-tail-fill-offset);border-bottom-left-radius:0;border-bottom-right-radius:var(--ax-comp-message-bubble-tail-curve)}[dir=rtl] ax-conversation-message-list .message-bubble-sent:not(.message-system):after{right:auto;left:var(--ax-comp-message-bubble-tail-cutout-offset);border-bottom-left-radius:0;border-bottom-right-radius:var(--ax-comp-message-bubble-tail-cutout-curve)}ax-conversation-message-list .message-bubble.message-system:before,ax-conversation-message-list .message-bubble.message-system:after{display:none}ax-conversation-message-list .message-own .message-bubble{color:rgb(var(--ax-sys-color-on-primary-surface))}ax-conversation-message-list .message-bubble.message-system{background-color:transparent;padding:calc(var(--spacing, .25rem) * 0);--tw-shadow: 0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);max-width:100%}ax-conversation-message-list .message-item:has(.message-system){justify-content:center;padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:calc(var(--spacing, .25rem) * 1)}ax-conversation-message-list .message-item:has(.message-system) .message-content-row{max-width:100%;justify-content:center}ax-conversation-message-list .message-item:has(.message-system) .message-bubble-container{align-items:center}ax-conversation-message-list .message-content{font-size:.9375rem;--tw-leading: var(--leading-normal, 1.5);line-height:var(--leading-normal, 1.5);white-space:pre-wrap}ax-conversation-message-list ax-conversation-registry-component-outlet{display:block;max-width:100%;min-width:calc(var(--spacing, .25rem) * 0)}ax-conversation-message-list .message-footer{margin-top:.1rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:calc(var(--spacing, .25rem) * 1);padding-inline-start:calc(var(--spacing, .25rem) * 1);font-size:.6875rem;--tw-tracking: var(--tracking-wide, .025em);letter-spacing:var(--tracking-wide, .025em);opacity:70%;-webkit-user-select:none;user-select:none}ax-conversation-message-list .message-footer-count{display:inline-flex;align-items:center;gap:.2rem;font-size:.675rem;--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}ax-conversation-message-list .message-footer-count i{font-size:.625rem;opacity:90%}ax-conversation-message-list .message-footer-count-value{--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600)}ax-conversation-message-list .message-footer-split{margin-inline:.2rem;height:.65rem;width:1px;flex-shrink:0;align-self:center;background-color:rgba(var(--ax-sys-color-border-light-surface));opacity:90%}ax-conversation-message-list .message-time{font-size:.675rem;--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}ax-conversation-message-list .edited-indicator{display:inline-flex;align-items:center;gap:calc(var(--spacing, .25rem) * 1);border-inline-start-style:var(--tw-border-style);border-inline-start-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface));padding-inline-start:.35rem;font-size:.675rem;opacity:75%}ax-conversation-message-list .status-icon{display:inline-flex;align-items:center}ax-conversation-message-list .status-icon i{font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)))}ax-conversation-message-list .status-read{color:rgba(var(--ax-sys-color-primary-200))}ax-conversation-message-list .status-failed{color:rgba(var(--ax-sys-color-danger-200))}ax-conversation-message-list .message-reactions-bubbles{display:flex;flex-wrap:wrap;align-items:center;gap:.2rem}ax-conversation-message-list .reaction-bubble{margin:calc(var(--spacing, .25rem) * 0);display:inline-flex;min-height:1.375rem;cursor:pointer;align-items:center;justify-content:center;gap:.15rem;border-radius:var(--radius-xl, .75rem);padding-inline:.35rem;padding-block:.1rem;color:rgba(var(--ax-sys-color-on-surface));--tw-shadow: 0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);background:rgba(var(--ax-sys-color-on-surface),.06);border:1px solid rgba(var(--ax-sys-color-on-surface),.1);transition:background-color var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function),border-color var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function);font-family:\"Segoe UI Emoji\",Segoe UI Symbol,\"Noto Color Emoji\",\"Apple Color Emoji\",Twemoji Mozilla,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}ax-conversation-message-list .reaction-bubble:hover{background:rgba(var(--ax-sys-color-on-surface),.1);border-color:rgba(var(--ax-sys-color-on-surface),.18)}ax-conversation-message-list .reaction-bubble-active{background:rgba(var(--ax-sys-color-primary-500),.12);border-color:rgba(var(--ax-sys-color-primary-500),.45)}ax-conversation-message-list .reaction-bubble-active:hover{background:rgba(var(--ax-sys-color-primary-500),.18);border-color:rgba(var(--ax-sys-color-primary-500),.55)}ax-conversation-message-list .reaction-emoji{display:inline-block;font-size:.8125rem;--tw-leading: 1;line-height:1}ax-conversation-message-list .reaction-count{font-size:.6875rem;--tw-leading: 1;line-height:1;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-sys-color-on-surface));--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);opacity:.65}ax-conversation-message-list .reaction-bubble-active .reaction-count{--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);color:rgba(var(--ax-sys-color-primary-600));opacity:95%}ax-conversation-message-list .message-own .reaction-bubble{color:rgba(var(--ax-sys-color-on-primary-surface));background:rgba(var(--ax-sys-color-on-primary-surface),.12);border-color:rgba(var(--ax-sys-color-on-primary-surface),.2)}ax-conversation-message-list .message-own .reaction-bubble:hover{background:rgba(var(--ax-sys-color-on-primary-surface),.2);border-color:rgba(var(--ax-sys-color-on-primary-surface),.35)}ax-conversation-message-list .message-own .reaction-bubble-active{background:rgba(var(--ax-sys-color-on-primary-surface),.28);border-color:rgba(var(--ax-sys-color-on-primary-surface),.5)}ax-conversation-message-list .message-own .reaction-bubble-active:hover{background:rgba(var(--ax-sys-color-on-primary-surface),.34);border-color:rgba(var(--ax-sys-color-on-primary-surface),.6)}ax-conversation-message-list .message-own .reaction-count{color:rgba(var(--ax-sys-color-on-primary-surface));opacity:80%}ax-conversation-message-list .message-own .reaction-bubble-active .reaction-count{color:rgba(var(--ax-sys-color-on-primary-surface));opacity:100%}ax-conversation-message-list .message-reactions-container{margin-top:calc(var(--spacing, .25rem) * 1);display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:.2rem}ax-conversation-message-list .message-own .message-reactions-container{justify-content:flex-end}ax-conversation-message-list .message-own .message-footer .edited-indicator{border-inline-start-color:rgba(var(--ax-sys-color-on-primary-surface),.35)}ax-conversation-message-list .message-own .message-footer .message-footer-split{background:rgba(var(--ax-sys-color-on-primary-surface),.35)}ax-conversation-message-list .add-reaction-button.add-reaction-outside{position:absolute;top:50%;margin:calc(var(--spacing, .25rem) * 0);box-sizing:border-box;display:none;height:1.8rem;width:1.8rem;--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y);cursor:pointer;align-items:center;justify-content:center;border-radius:calc(infinity * 1px);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface));background-color:rgba(var(--ax-sys-color-surface));padding:calc(var(--spacing, .25rem) * 0);inset-inline-end:-2.35rem;box-shadow:0 1px 2px #0000000f}ax-conversation-message-list .add-reaction-button{padding-inline-start:.05rem}ax-conversation-message-list .message-content-row-own .add-reaction-button.add-reaction-outside{inset-inline-start:-2.35rem;inset-inline-end:auto}ax-conversation-message-list .message-item:hover .add-reaction-button.add-reaction-outside,ax-conversation-message-list .add-reaction-button.add-reaction-outside.add-reaction-visible{display:inline-flex}ax-conversation-message-list .add-reaction-button.add-reaction-outside:hover,ax-conversation-message-list .add-reaction-button.add-reaction-outside.add-reaction-visible{border-color:rgba(var(--ax-sys-color-primary-surface))}ax-conversation-message-list .add-reaction-button.add-reaction-outside i{font-size:.9rem;color:rgba(var(--ax-sys-color-on-surface));opacity:80%}ax-conversation-message-list .reaction-bubble:focus-visible,ax-conversation-message-list .add-reaction-button:focus-visible,ax-conversation-message-list .action-trigger:focus-visible,ax-conversation-message-list ax-fab.scroll-to-bottom ax-button:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px;outline-offset:2px;outline-color:rgba(var(--ax-sys-color-primary-surface))}ax-conversation-message-list .message-actions{z-index:10;padding-bottom:calc(var(--spacing, .25rem) * 6);opacity:0%;transition:opacity var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function)}ax-conversation-message-list .message-item:hover .message-actions{opacity:100%}ax-conversation-message-list .action-trigger{display:flex;height:calc(var(--spacing, .25rem) * 7);width:calc(var(--spacing, .25rem) * 7);cursor:pointer;align-items:center;justify-content:center;border-radius:var(--ax-sys-border-radius);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface));background-color:rgba(var(--ax-sys-color-surface));font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));transition:all var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function)}ax-conversation-message-list .action-trigger:hover{background-color:rgba(var(--ax-sys-color-light-surface))}ax-conversation-message-list .shortcut{font-size:.6875rem;opacity:70%}ax-conversation-message-list .scroll-to-bottom-wrapper{position:absolute;inset-inline-end:calc(var(--spacing, .25rem) * 4);bottom:calc(var(--spacing, .25rem) * 4);z-index:999}ax-conversation-message-list ax-fab.scroll-to-bottom ax-button{display:flex;height:calc(var(--spacing, .25rem) * 12);width:calc(var(--spacing, .25rem) * 12);cursor:pointer;align-items:center;justify-content:center;border-radius:calc(infinity * 1px);--tw-border-style: none;border-style:none}ax-conversation-message-list .scroll-to-bottom-enter{animation:axScrollToBottomEnter var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function) both}ax-conversation-message-list .scroll-to-bottom-leave{animation:axScrollToBottomLeave var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function) both}@media(prefers-reduced-motion:reduce){ax-conversation-message-list .scroll-to-bottom-enter,ax-conversation-message-list .scroll-to-bottom-leave{animation:none}}.reaction-picker-popup{width:max-content;min-width:calc(var(--spacing, .25rem) * 0);overflow:hidden;border-radius:.65rem;background-color:rgba(var(--ax-sys-color-lightest-surface));max-width:min(260px,92vw)}.reaction-picker-header{display:flex;min-height:calc(var(--spacing, .25rem) * 0);align-items:center;justify-content:space-between;gap:calc(var(--spacing, .25rem) * 2);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface));padding-block:.45rem;padding-inline-start:.7rem;padding-inline-end:calc(var(--spacing, .25rem) * 2)}.picker-title{font-size:.8125rem;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);--tw-tracking: var(--tracking-wide, .025em);letter-spacing:var(--tracking-wide, .025em);color:rgba(var(--ax-sys-color-on-surface));opacity:85%}.picker-close{display:flex;height:1.6rem;width:1.6rem;cursor:pointer;align-items:center;justify-content:center;border-radius:.25rem;--tw-border-style: none;border-style:none;background-color:transparent;padding:calc(var(--spacing, .25rem) * 0);font-size:.95rem;color:rgba(var(--ax-sys-color-on-surface),.55);transition:all var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function)}.picker-close:hover{background-color:rgba(var(--ax-sys-color-danger-lightest-surface));color:rgba(var(--ax-sys-color-danger-500))}.picker-close:focus-visible,.reaction-picker-emoji:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px;outline-offset:2px;outline-color:rgba(var(--ax-sys-color-primary-surface))}.reaction-picker-emojis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.2rem;padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:.45rem;padding-bottom:calc(var(--spacing, .25rem) * 2)}.reaction-picker-emoji{height:calc(var(--spacing, .25rem) * 8);width:calc(var(--spacing, .25rem) * 8);cursor:pointer;border-radius:.45rem;border-style:var(--tw-border-style);border-width:1px;border-color:transparent;background-color:transparent;padding:calc(var(--spacing, .25rem) * 0);font-size:1.15rem;--tw-leading: 1;line-height:1;transition:all var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function);font-family:\"Segoe UI Emoji\",Segoe UI Symbol,\"Noto Color Emoji\",\"Apple Color Emoji\",Twemoji Mozilla,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.reaction-picker-emoji:hover{background-color:rgba(var(--ax-sys-color-lighter-surface))}.reaction-picker-emoji-active{background-color:rgba(var(--ax-sys-color-surface))}.reaction-picker-emoji-active:hover{background:rgba(var(--ax-sys-color-primary-500),.25)}}@property --tw-outline-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-tracking{syntax: \"*\"; inherits: false;}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ordinal{syntax: \"*\"; inherits: false;}@property --tw-slashed-zero{syntax: \"*\"; inherits: false;}@property --tw-numeric-figure{syntax: \"*\"; inherits: false;}@property --tw-numeric-spacing{syntax: \"*\"; inherits: false;}@property --tw-numeric-fraction{syntax: \"*\"; inherits: false;}@property --tw-translate-x{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-translate-y{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-translate-z{syntax: \"*\"; inherits: false; initial-value: 0;}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeInUp{0%{transform:translate3d(0,100%,0);opacity:0}}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-outline-style: solid;--tw-leading: initial;--tw-font-weight: initial;--tw-tracking: initial;--tw-border-style: solid;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-ordinal: initial;--tw-slashed-zero: initial;--tw-numeric-figure: initial;--tw-numeric-spacing: initial;--tw-numeric-fraction: initial;--tw-translate-x: 0;--tw-translate-y: 0;--tw-translate-z: 0}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }, { kind: "component", type: AXFabComponent, selector: "ax-fab", inputs: ["label", "popupStyle", "popupPlacement", "size"], outputs: ["popupPlacementChange", "onClick", "onOpened", "onClosed"] }, { kind: "component", type: AXContextMenuComponent, selector: "ax-context-menu", inputs: ["orientation", "openOn", "closeOn", "closeOnRouteChange", "items", "target"], outputs: ["onItemClick", "onOpening", "onClose"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "component", type: AXSkeletonComponent, selector: "ax-skeleton", inputs: ["animated"] }, { kind: "ngmodule", type: AXFormatModule }, { kind: "ngmodule", type: AXDateTimeModule }, { kind: "component", type: AXPopoverComponent, selector: "ax-popover", inputs: ["width", "disablePanelClass", "visualContextScope", "disabled", "offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "closeOnScroll", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "directive", type: AXConversationInfiniteScrollDirective, selector: "[axInfiniteScroll]", inputs: ["threshold", "edge", "scrollDisabled", "cooldownMs"], outputs: ["scrollThreshold"] }, { kind: "directive", type: AXUploaderZoneDirective, selector: "[axUploaderZone]", inputs: ["multiple", "accept", "fileType", "overlayTemplate", "disableBrowse", "disableDragDrop"], outputs: ["fileChange", "onChanged", "dragEnter", "dragLeave", "dragOver", "onFileUploadComplete", "onFilesUploadComplete"] }, { kind: "component", type: AXConversationAvatarComponent, selector: "ax-conversation-avatar", inputs: ["kind", "userId", "conversation", "message", "size", "showStatus", "name", "avatar", "icon"] }, { kind: "component", type: AXConversationRegistryComponentOutletComponent, selector: "ax-conversation-registry-component-outlet", inputs: ["component", "componentLoader", "inputs"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i3$1.AXFormatPipe, name: "format" }, { kind: "pipe", type: i3.AXTranslatorPipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXConversationMessageListComponent, isStandalone: true, selector: "ax-conversation-message-list", outputs: { messageAction: "messageAction" }, viewQueries: [{ propertyName: "reactionPopover", first: true, predicate: ["reactionPopover"], descendants: true, isSignal: true }, { propertyName: "messageListRef", first: true, predicate: ["messageList"], descendants: true, isSignal: true }, { propertyName: "messagesContainerRef", first: true, predicate: ["messagesContainer"], descendants: true, isSignal: true }], ngImport: i0, template: "@if (activeConversation(); as conv) {\n  @if (conv.id) {\n    <div\n      class=\"message-list message-list--conversation-surface\"\n      [class.message-list--drag]=\"messageListDragging()\"\n      #messageList\n      role=\"log\"\n      [attr.aria-label]=\"'@acorex:chat.aria.message-list' | translate | async\"\n      aria-live=\"polite\"\n      [style.background]=\"messageListBackgroundStyle()\"\n      [style.--ax-comp-message-list-surface-bg]=\"messageListBackgroundStyle()\"\n      axUploaderZone\n      [disableBrowse]=\"true\"\n      (dragEnter)=\"onMessageListDragEnter()\"\n      (dragLeave)=\"onMessageListDragLeave()\"\n      (fileChange)=\"onMessageListFilesDropped($event)\"\n    >\n      @if (loading()) {\n        <div\n          class=\"list-loading\"\n          role=\"status\"\n          aria-busy=\"true\"\n          [attr.aria-label]=\"'@acorex:chat.status.loading-messages' | translate | async\"\n        >\n          <div class=\"messages-skeleton\" aria-hidden=\"true\">\n            @for (item of loadingSkeletonItems; track item) {\n              <div class=\"message-skeleton\" [class.message-skeleton--own]=\"$odd\">\n                @if ($even && isGroupConversation()) {\n                  <ax-skeleton class=\"message-skeleton-avatar\" [animated]=\"true\"></ax-skeleton>\n                }\n                <ax-skeleton\n                  class=\"message-skeleton-bubble\"\n                  [class.message-skeleton-bubble--short]=\"$index % 3 === 1\"\n                  [class.message-skeleton-bubble--medium]=\"$index % 3 === 2\"\n                  [animated]=\"true\"\n                ></ax-skeleton>\n              </div>\n            }\n          </div>\n        </div>\n      } @else if (messages().length === 0) {\n        <div class=\"list-empty\" role=\"status\" [attr.aria-label]=\"'@acorex:chat.status.no-messages' | translate | async\">\n          <ng-content select=\"ax-conversation-message-list-empty, [ax-conversation-message-list-empty]\">\n            <ng-container\n              *ngComponentOutlet=\"resolvedEmptyStateComponent(); inputs: { conversation: activeConversation()! }\"\n            ></ng-container>\n          </ng-content>\n        </div>\n      } @else {\n        <div\n          class=\"messages-container\"\n          (scroll)=\"onScroll($event)\"\n          axInfiniteScroll\n          [threshold]=\"config.infiniteScrollThreshold\"\n          [edge]=\"'top'\"\n          [scrollDisabled]=\"loading() || loadingMore() || !hasMoreMessages()\"\n          (scrollThreshold)=\"onScrollThreshold($event)\"\n          #messagesContainer\n          role=\"feed\"\n          [attr.aria-label]=\"'@acorex:chat.aria.messages' | translate | async\"\n        >\n          @if (loadingMore()) {\n            <div\n              class=\"list-loading-more list-loading-more--prepend\"\n              role=\"status\"\n              animate.enter=\"load-more-enter\"\n              animate.leave=\"load-more-leave\"\n              [attr.aria-label]=\"'@acorex:chat.status.loading-older-messages' | translate | async\"\n            >\n              <div class=\"load-more-indicator\" aria-hidden=\"true\">\n                <span class=\"load-more-dot\"></span>\n                <span class=\"load-more-dot\"></span>\n                <span class=\"load-more-dot\"></span>\n              </div>\n              <ax-label class=\"load-more-label\">{{\n                '@acorex:chat.status.loading-older-messages' | translate | async\n              }}</ax-label>\n            </div>\n          }\n          @for (group of messageGroups(); track group.date) {\n            <!-- Date Separator -->\n            <div class=\"date-separator\" role=\"separator\" [attr.aria-label]=\"getDateSeparatorAriaLabel(group.dateLabel)\">\n              <span class=\"date-separator__label\">{{ group.dateLabel }}</span>\n            </div>\n\n            <!-- Messages in this date group -->\n            @for (message of group.messages; track message.id) {\n              <div\n                [class]=\"getMessageClasses(message)\"\n                role=\"article\"\n                [attr.aria-label]=\"getMessageAriaLabel(message)\"\n                [id]=\"'message-' + message.id\"\n              >\n                <!-- Avatar (only for group conversations and received messages) -->\n                @if (shouldShowAvatar(message)) {\n                  <div class=\"message-avatar\">\n                    <ax-conversation-avatar\n                      kind=\"user\"\n                      [userId]=\"message.senderId\"\n                      [conversation]=\"activeConversation()\"\n                      [message]=\"message\"\n                      [size]=\"32\"\n                    />\n                  </div>\n                }\n\n                <div class=\"message-content-row\" [class.message-content-row-own]=\"isOwnMessage(message)\">\n                  @if (messageSupportsReactions(message)) {\n                    <button\n                      type=\"button\"\n                      class=\"add-reaction-button add-reaction-outside\"\n                      [class.add-reaction-visible]=\"reactionPickerTarget() === message.id\"\n                      (click)=\"toggleReactionPicker(message, $event)\"\n                      [attr.aria-label]=\"'@acorex:chat.actions.add-reaction' | translate | async\"\n                      #reactionButton\n                    >\n                      <i class=\"fa-light fa-face-smile\"></i>\n                    </button>\n                  }\n\n                  <div\n                    class=\"message-bubble-container\"\n                    [id]=\"'message-bubble-' + message.id\"\n                    [attr.data-message-id]=\"message.id\"\n                  >\n                    <div\n                      [class]=\"getBubbleClasses(message)\"\n                      [class.message-bubble-sent]=\"message.senderId === currentUser()?.id\"\n                      [class.message-bubble-received]=\"message.senderId !== currentUser()?.id\"\n                    >\n                      <!-- Sender name (only for group conversations and received messages) -->\n                      @if (shouldShowSenderName(message)) {\n                        <div class=\"message-sender\">{{ getSenderName(message) }}:</div>\n                      }\n\n                      <!-- Reply Preview -->\n                      @if (message.replyTo) {\n                        <div\n                          class=\"reply-preview\"\n                          (click)=\"scrollToMessage(message.replyTo.id)\"\n                          role=\"button\"\n                          [attr.aria-label]=\"'Reply to ' + getSenderName(message.replyTo)\"\n                          (keydown.enter)=\"scrollToMessage(message.replyTo.id)\"\n                          (keydown.space)=\"scrollToMessage(message.replyTo.id)\"\n                        >\n                          <div class=\"reply-preview-content\">\n                            <div class=\"reply-preview-sender\">{{ getSenderName(message.replyTo) }}</div>\n                            <div class=\"reply-preview-text\">\n                              @if (getMessagePreviewText(message.replyTo); as preview) {\n                                <span class=\"last-message\">\n                                  @if (preview.type !== 'text') {\n                                    <i [class]=\"preview.icon\"></i\n                                    >{{ '@acorex:chat.' + preview.type | translate | async }}\n                                  } @else {\n                                    {{ preview.value }}\n                                  }\n                                </span>\n                              }\n                            </div>\n                          </div>\n                        </div>\n                      }\n\n                      <!-- Forwarded Indicator -->\n                      @if (message.forwarded) {\n                        <div class=\"forwarded-preview\">\n                          <i class=\"fa-solid fa-share\"></i>\n                          <span class=\"forwarded-text\">{{ getForwardedText(message) }}</span>\n                        </div>\n                      }\n\n                      <ax-conversation-registry-component-outlet\n                        [component]=\"getRendererComponent(message)\"\n                        [componentLoader]=\"getRendererComponentLoader(message)\"\n                        [inputs]=\"getRendererInputs(message)\"\n                      />\n\n                      @if (messageSupportsReactions(message) && message.reactions.length > 0) {\n                        <div class=\"message-reactions-container\">\n                          <div class=\"message-reactions-bubbles\">\n                            @for (reaction of getGroupedReactions(message); track reaction.emoji) {\n                              <button\n                                type=\"button\"\n                                class=\"reaction-bubble\"\n                                [class.reaction-bubble-active]=\"reaction.hasReacted\"\n                                (click)=\"onReactionClick(message, reaction.emoji)\"\n                                [attr.aria-label]=\"reaction.emoji + ' ' + reaction.count\"\n                              >\n                                <span class=\"reaction-emoji\">{{ reaction.emoji }}</span>\n                                @if (reaction.count > 1) {\n                                  <span class=\"reaction-count\">{{ reaction.count }}</span>\n                                }\n                              </button>\n                            }\n                          </div>\n                        </div>\n                      }\n\n                      <!-- Message Footer -->\n                      <div class=\"message-footer\">\n                        @let replyCount = getReplyCount(message);\n                        @let forwardCount = getForwardCount(message);\n                        @if (replyCount > 0) {\n                          <span class=\"message-footer-count\" [attr.aria-label]=\"replyCount + ' replies'\">\n                            <i class=\"fa-solid fa-message\" aria-hidden=\"true\"></i>\n                            <span class=\"message-footer-count-value\">{{ replyCount }}</span>\n                          </span>\n                        }\n                        @if (forwardCount > 0) {\n                          <span class=\"message-footer-count\" [attr.aria-label]=\"forwardCount + ' forwards'\">\n                            <i class=\"fa-solid fa-share\" aria-hidden=\"true\"></i>\n                            <span class=\"message-footer-count-value\">{{ forwardCount }}</span>\n                          </span>\n                        }\n                        @if (replyCount > 0 || forwardCount > 0) {\n                          <span class=\"message-footer-split\" aria-hidden=\"true\"></span>\n                        }\n                        <span class=\"message-time\">{{ message.timestamp | format: 'timeleft' | async }}</span>\n                        @if (message.editedAt) {\n                          <span class=\"edited-indicator\">\n                            <span>{{ '@acorex:chat.status.edited' | translate | async }}</span>\n                          </span>\n                        }\n                        @if (isOwnMessage(message)) {\n                          <span [class]=\"getStatusIconClasses(message)\">\n                            <ax-icon><i [class]=\"getStatusIcon(message)\"></i></ax-icon>\n                          </span>\n                        }\n                      </div>\n                    </div>\n                  </div>\n                </div>\n\n                <!-- Context Menu for Message Actions -->\n                <ax-context-menu\n                  [target]=\"'#message-bubble-' + message.id\"\n                  [openOn]=\"'click'\"\n                  [closeOn]=\"'click'\"\n                  (onOpening)=\"handleMessageContextMenuOpening($event, message)\"\n                  (onClose)=\"contextMenuMessageId.set(null)\"\n                  (onItemClick)=\"handleMessageContextMenuItemClick($event, message)\"\n                >\n                </ax-context-menu>\n              </div>\n            }\n          }\n        </div>\n\n        <!-- Scroll to Bottom Button -->\n        @if (showScrollButton()) {\n          <div\n            class=\"scroll-to-bottom-wrapper\"\n            animate.enter=\"scroll-to-bottom-enter\"\n            animate.leave=\"scroll-to-bottom-leave\"\n          >\n            <ax-fab\n              class=\"scroll-to-bottom\"\n              (onClick)=\"scrollToBottom()\"\n              [attr.aria-label]=\"'@acorex:chat.actions.scroll-to-bottom' | translate | async\"\n            >\n              <ax-icon><i class=\"fa-light fa-arrow-down\" aria-hidden=\"true\"></i></ax-icon>\n            </ax-fab>\n          </div>\n        }\n      }\n    </div>\n  }\n\n  <!-- Reaction Picker Popover -->\n  @if (reactionsEnabled() && reactionPickerTarget()) {\n    <ax-popover\n      #reactionPopover\n      [target]=\"reactionPickerElement()\"\n      [openOn]=\"'manual'\"\n      [closeOn]=\"'clickOut'\"\n      [placement]=\"reactionPickerPlacement()\"\n      (onClose)=\"closeReactionPicker()\"\n    >\n      <div class=\"reaction-picker-popup\">\n        <div class=\"reaction-picker-header\">\n          <span class=\"picker-title\">{{ '@acorex:chat.actions.react' | translate | async }}</span>\n          <button\n            type=\"button\"\n            class=\"picker-close\"\n            (click)=\"closeReactionPicker()\"\n            [attr.aria-label]=\"'@acorex:chat.actions.close' | translate | async\"\n          >\n            <i class=\"fa-light fa-xmark\"></i>\n          </button>\n        </div>\n        <div\n          class=\"reaction-picker-emojis\"\n          role=\"listbox\"\n          [attr.aria-label]=\"'@acorex:chat.actions.choose-reaction' | translate | async\"\n        >\n          @for (emoji of availableReactions(); track emoji) {\n            <button\n              type=\"button\"\n              class=\"reaction-picker-emoji\"\n              [class.reaction-picker-emoji-active]=\"hasUserReactedById(reactionPickerTarget()!, emoji)\"\n              (click)=\"onReactionClickById(reactionPickerTarget()!, emoji); closeReactionPicker()\"\n              [attr.aria-label]=\"emoji\"\n            >\n              {{ emoji }}\n            </button>\n          }\n        </div>\n      </div>\n    </ax-popover>\n  }\n} @else {\n  <div\n    class=\"message-list message-list--no-active\"\n    role=\"region\"\n    [attr.aria-label]=\"'@acorex:chat.status.no-conversation-selected' | translate | async\"\n  >\n    <div class=\"list-no-active\">\n      <ng-content select=\"ax-conversation-message-list-no-active, [ax-conversation-message-list-no-active]\">\n        <ng-container *ngComponentOutlet=\"noActiveFallbackComponent\"></ng-container>\n      </ng-content>\n    </div>\n  </div>\n}\n", styles: ["@layer properties;@layer components{ax-conversation-message-list{position:relative;display:block;height:100%;container-type:inline-size;--ax-comp-message-bubble-tail-height: 1.5625rem;--ax-comp-message-bubble-tail-fill-width: 1.25rem;--ax-comp-message-bubble-tail-fill-offset: -.4375rem;--ax-comp-message-bubble-tail-cutout-width: 1.625rem;--ax-comp-message-bubble-tail-cutout-offset: -1.625rem;--ax-comp-message-bubble-tail-curve: 1rem 0rem;--ax-comp-message-bubble-tail-cutout-curve: .625rem;@keyframes axConversationSurfaceIn{0%{opacity:0}to{opacity:1}}@keyframes axConversationSurfaceInReduced{0%{opacity:.92}to{opacity:1}}@keyframes messagesSkeletonIn{0%{opacity:0;transform:translateY(-.75rem)}to{opacity:1;transform:translateY(0)}}@keyframes messagesSkeletonInReduced{0%{opacity:.85}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes axChatLoadMoreDot{0%,70%,to{transform:translateY(0) scale(1);opacity:.4}35%{transform:translateY(-.28rem) scale(1.08);opacity:1}}@keyframes axChatLoadMoreEnterPrepend{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}@keyframes axChatLoadMoreLeavePrepend{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-.35rem)}}@keyframes axScrollToBottomEnter{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes axScrollToBottomLeave{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}}ax-conversation-message-list .message-list{position:relative;display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);flex-direction:column;overflow:hidden}ax-conversation-message-list .message-list.ax-drop-zone>.ax-uploader-overlay-state{display:none!important}ax-conversation-message-list .message-list--drag{outline-style:var(--tw-outline-style);outline-width:2px;outline-color:rgba(var(--ax-sys-color-primary-surface));--tw-outline-style: dashed;outline-style:dashed;outline-offset:-2px}ax-conversation-message-list .message-list--conversation-surface{animation:axConversationSurfaceIn .36s cubic-bezier(.22,1,.36,1) both}@media(prefers-reduced-motion:reduce){ax-conversation-message-list .message-list--conversation-surface{animation:axConversationSurfaceInReduced .18s ease both}}ax-conversation-message-list .list-loading{display:flex;min-height:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column;justify-content:flex-start;overflow-x:hidden;overflow-y:auto}ax-conversation-message-list .messages-skeleton{display:flex;width:100%;flex-direction:column;gap:calc(var(--spacing, .25rem) * 3);padding-inline:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 6);animation:messagesSkeletonIn .42s cubic-bezier(.22,1,.36,1) both}ax-conversation-message-list .message-skeleton{display:flex;align-items:flex-end;gap:calc(var(--spacing, .25rem) * 2)}ax-conversation-message-list .message-skeleton--own{flex-direction:row-reverse}ax-conversation-message-list .message-skeleton-avatar{height:calc(var(--spacing, .25rem) * 8);width:calc(var(--spacing, .25rem) * 8);flex-shrink:0;border-radius:calc(infinity * 1px)}ax-conversation-message-list .messages-skeleton ax-skeleton.message-skeleton-avatar.ax-skeleton{background-color:rgba(var(--ax-sys-color-on-surface),.16)}ax-conversation-message-list .messages-skeleton ax-skeleton.message-skeleton-avatar.ax-skeleton-animate:before{background-image:linear-gradient(to right,transparent,rgba(var(--ax-sys-color-on-surface),.22) 50%,transparent)}ax-conversation-message-list .messages-skeleton ax-skeleton.message-skeleton-bubble.ax-skeleton{background-color:rgb(var(--ax-sys-color-lightest-surface));box-shadow:0 1px 2px rgba(var(--ax-sys-color-on-surface),.08)}ax-conversation-message-list .messages-skeleton ax-skeleton.message-skeleton-bubble.ax-skeleton-animate:before{background-image:linear-gradient(to right,transparent,rgba(var(--ax-sys-color-on-surface),.14) 50%,transparent)}ax-conversation-message-list .message-skeleton--own ax-skeleton.message-skeleton-bubble.ax-skeleton{background-color:rgb(var(--ax-sys-color-primary-surface));box-shadow:0 1px 2px rgba(var(--ax-sys-color-primary-900),.12)}ax-conversation-message-list .message-skeleton--own ax-skeleton.message-skeleton-bubble.ax-skeleton-animate:before{background-image:linear-gradient(to right,transparent,rgba(var(--ax-sys-color-on-primary-surface),.2) 50%,transparent)}ax-conversation-message-list .message-skeleton-bubble{height:calc(var(--spacing, .25rem) * 10);border-radius:var(--radius-2xl, 1rem);width:min(62%,17.5rem)}ax-conversation-message-list .message-skeleton-bubble--short{height:calc(var(--spacing, .25rem) * 8);width:min(36%,9.5rem)}ax-conversation-message-list .message-skeleton-bubble--medium{height:calc(var(--spacing, .25rem) * 9);width:min(48%,13rem)}@media(prefers-reduced-motion:reduce){ax-conversation-message-list .messages-skeleton{animation:messagesSkeletonInReduced .2s ease both}}ax-conversation-message-list .list-empty{display:flex;min-height:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 5);padding-inline:calc(var(--spacing, .25rem) * 8);padding-block:calc(var(--spacing, .25rem) * 12);text-align:center;animation:fadeInUp .5s ease-out}ax-conversation-message-list .message-list--no-active{height:100%}ax-conversation-message-list .list-no-active{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 48);flex-direction:column;align-items:center;justify-content:center}ax-conversation-message-list .empty-icon{margin-bottom:calc(var(--spacing, .25rem) * 2);font-size:5.5rem;--tw-leading: 1;line-height:1;opacity:35%;filter:grayscale(.2)}ax-conversation-message-list .empty-title{margin:calc(var(--spacing, .25rem) * 0);font-size:1.625rem;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);--tw-tracking: var(--tracking-tight, -.025em);letter-spacing:var(--tracking-tight, -.025em);color:rgba(var(--ax-sys-color-on-surface))}ax-conversation-message-list .empty-description{margin:calc(var(--spacing, .25rem) * 0);max-width:420px;font-size:1.0625rem;--tw-leading: var(--leading-relaxed, 1.625);line-height:var(--leading-relaxed, 1.625);color:rgba(var(--ax-sys-color-on-surface));opacity:.65}ax-conversation-message-list .spinner{margin-bottom:calc(var(--spacing, .25rem) * 4);height:calc(var(--spacing, .25rem) * 8);width:calc(var(--spacing, .25rem) * 8);border-radius:calc(infinity * 1px);border-style:var(--tw-border-style);border-width:3px;border-color:rgba(var(--ax-sys-color-border-light-surface));border-top-color:rgb(var(--ax-sys-color-primary-500));animation:spin .8s linear infinite}ax-conversation-message-list .list-loading-more{display:flex;flex-direction:column;align-items:center;gap:calc(var(--spacing, .25rem) * 2);padding-inline:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 3);padding-bottom:calc(var(--spacing, .25rem) * 2);text-align:center;color:rgba(var(--ax-sys-color-on-surface));opacity:85%}ax-conversation-message-list .load-more-indicator{display:flex;min-height:calc(var(--spacing, .25rem) * 5);align-items:center;justify-content:center;gap:.3rem}ax-conversation-message-list .load-more-dot{height:.4rem;width:.4rem;border-radius:calc(infinity * 1px);background-color:rgba(var(--ax-sys-color-primary-500));animation:axChatLoadMoreDot 1s ease-in-out infinite}ax-conversation-message-list .load-more-dot:nth-child(2){animation-delay:.14s}ax-conversation-message-list .load-more-dot:nth-child(3){animation-delay:.28s}ax-conversation-message-list .load-more-label{font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-tracking: var(--tracking-wide, .025em);letter-spacing:var(--tracking-wide, .025em);opacity:70%}ax-conversation-message-list .load-more-enter{animation:axChatLoadMoreEnterPrepend .32s cubic-bezier(.22,1,.36,1) both}ax-conversation-message-list .load-more-leave{animation:axChatLoadMoreLeavePrepend .22s ease both}@media(prefers-reduced-motion:reduce){ax-conversation-message-list .load-more-dot{animation:none;opacity:.65}ax-conversation-message-list .load-more-enter,ax-conversation-message-list .load-more-leave{animation:none}}ax-conversation-message-list .messages-container{position:relative;min-height:calc(var(--spacing, .25rem) * 0);width:100%;flex:1;overflow-x:hidden;overflow-y:auto}ax-conversation-message-list .date-separator{pointer-events:none;position:sticky;z-index:150;display:flex;align-items:center;justify-content:center;top:.5rem;padding:.375rem 1rem .625rem;margin-block:.125rem .375rem}ax-conversation-message-list .date-separator__label{pointer-events:auto;display:inline-flex;width:calc(var(--spacing, .25rem) * 32);max-width:min(100%,18rem);align-items:center;justify-content:center;border-radius:calc(infinity * 1px);background-color:var(--color-surface);color:var(--color-on-surface);border-color:var(--color-border-surface);padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 1);text-align:center;font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-leading: var(--leading-tight, 1.25);line-height:var(--leading-tight, 1.25);--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);white-space:nowrap;-webkit-user-select:none;user-select:none}ax-conversation-message-list .unread-separator{margin-block:calc(var(--spacing, .25rem) * 6);display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 3);padding-inline:calc(var(--spacing, .25rem) * 4)}ax-conversation-message-list .unread-separator-line{height:1px;flex:1;background-color:rgba(var(--ax-sys-color-primary-surface));opacity:30%}ax-conversation-message-list .unread-separator-text{font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);--tw-tracking: var(--tracking-wide, .025em);letter-spacing:var(--tracking-wide, .025em);white-space:nowrap;color:rgba(var(--ax-sys-color-primary-surface));text-transform:uppercase}ax-conversation-message-list .message-item{position:relative;display:flex;align-items:flex-end;gap:calc(var(--spacing, .25rem) * 2);padding-inline:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 2);--tw-leading: calc(var(--spacing, .25rem) * 4);line-height:calc(var(--spacing, .25rem) * 4);transition:background-color .3s ease}ax-conversation-message-list .message-item-context-active{border-radius:var(--radius-lg, .5rem);background-color:rgba(var(--ax-sys-color-primary-500),.09);box-shadow:inset 0 0 0 1px rgba(var(--ax-sys-color-primary-500),.22)}ax-conversation-message-list .message-own.message-item-context-active{background-color:rgba(var(--ax-sys-color-primary-500),.12)}ax-conversation-message-list .message-highlight{border-radius:var(--radius-lg, .5rem);background-color:rgba(var(--ax-sys-color-primary-500),.1)}ax-conversation-message-list .message-item.message-own{flex-direction:row-reverse}ax-conversation-message-list .message-avatar{z-index:5;flex-shrink:0}ax-conversation-message-list .message-avatar-icon{display:flex;height:100%;width:100%;align-items:center;justify-content:center;font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));--tw-leading: 1;line-height:1}ax-conversation-message-list .message-content-row{position:relative;display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:0 1 auto;flex-direction:row;align-items:flex-end;gap:calc(var(--spacing, .25rem) * 1);max-width:min(95%,50rem)}ax-conversation-message-list .message-content-row:has(.add-reaction-button.add-reaction-outside) .message-bubble-container{margin-inline-end:.375rem}ax-conversation-message-list .message-content-row-own:has(.add-reaction-button.add-reaction-outside) .message-bubble-container{margin-inline-end:0;margin-inline-start:.375rem}@container (min-width: 768px){ax-conversation-message-list .message-content-row{max-width:min(70%,50rem)}}ax-conversation-message-list .message-content-row-own{justify-content:flex-end}ax-conversation-message-list .message-item:not(.message-own) .message-content-row{justify-content:flex-start}ax-conversation-message-list .message-bubble-container{position:relative;display:flex;max-width:100%;min-width:calc(var(--spacing, .25rem) * 0);flex:1 1 auto;flex-direction:column}ax-conversation-message-list .message-own .message-bubble-container{align-items:flex-end}ax-conversation-message-list .message-sender{margin-bottom:.1rem;font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600)}ax-conversation-message-list .message-bubble{position:relative;display:flex;max-width:100%;flex-direction:column;border-radius:var(--radius-2xl, 1rem);padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:calc(var(--spacing, .25rem) * 2);padding-bottom:.1rem;overflow-wrap:break-word;transition:background-color .3s ease}ax-conversation-message-list .message-bubble>*{position:relative;z-index:1}ax-conversation-message-list .reply-preview{margin-bottom:calc(var(--spacing, .25rem) * 2);cursor:pointer;border-radius:var(--ax-sys-border-radius);border-inline-start-style:var(--tw-border-style);border-inline-start-width:3px;padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:calc(var(--spacing, .25rem) * 1.5);background:rgba(var(--ax-sys-color-primary-500),.08);border-inline-start-color:rgb(var(--ax-sys-color-primary-500));transition:background-color var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function),border-color var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function)}ax-conversation-message-list .reply-preview:hover{background:rgba(var(--ax-sys-color-primary-500),.14);border-inline-start-color:rgb(var(--ax-sys-color-primary-600))}ax-conversation-message-list .message-own .reply-preview{border-inline-start-style:var(--tw-border-style);border-inline-start-width:3px;background:rgba(var(--ax-sys-color-on-primary-surface),.14);border-inline-start-color:rgba(var(--ax-sys-color-on-primary-surface),.55)}ax-conversation-message-list .message-own .reply-preview:hover{background:rgba(var(--ax-sys-color-on-primary-surface),.22);border-inline-start-color:rgba(var(--ax-sys-color-on-primary-surface),.75)}ax-conversation-message-list .reply-preview-line{width:3px;flex-shrink:0;border-radius:1.5px;background:currentColor;opacity:.5}ax-conversation-message-list .reply-preview-content{min-width:calc(var(--spacing, .25rem) * 0);flex:1}ax-conversation-message-list .reply-preview-sender{margin-bottom:calc(var(--spacing, .25rem) * .5);font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);color:rgba(var(--ax-sys-color-primary-600))}ax-conversation-message-list .reply-preview-text{overflow:hidden;font-size:.8125rem;text-overflow:ellipsis;white-space:nowrap;color:rgba(var(--ax-sys-color-on-surface));opacity:70%}ax-conversation-message-list .message-own .reply-preview-sender{color:rgba(var(--ax-sys-color-on-primary-surface));opacity:95%}ax-conversation-message-list .message-own .reply-preview-text{color:rgba(var(--ax-sys-color-on-primary-surface));opacity:.78}ax-conversation-message-list .last-message{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 1)}ax-conversation-message-list .forwarded-preview{margin-bottom:.1rem;display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 1.5);border-radius:var(--ax-sys-border-radius);border-inline-start-style:var(--tw-border-style);border-inline-start-width:3px;padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:calc(var(--spacing, .25rem) * 1.5);background:rgba(var(--ax-sys-color-primary-500),.08);border-inline-start-color:rgb(var(--ax-sys-color-primary-500));transition:background-color var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function),border-color var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function)}ax-conversation-message-list .forwarded-preview:hover{background:rgba(var(--ax-sys-color-primary-500),.14);border-inline-start-color:rgb(var(--ax-sys-color-primary-600))}ax-conversation-message-list .message-own .forwarded-preview{border-inline-start-style:var(--tw-border-style);border-inline-start-width:3px;background:rgba(var(--ax-sys-color-on-primary-surface),.14);border-inline-start-color:rgba(var(--ax-sys-color-on-primary-surface),.55)}ax-conversation-message-list .message-own .forwarded-preview:hover{background:rgba(var(--ax-sys-color-on-primary-surface),.22);border-inline-start-color:rgba(var(--ax-sys-color-on-primary-surface),.75)}ax-conversation-message-list .forwarded-preview i{flex-shrink:0;font-size:.8125rem;color:rgba(var(--ax-sys-color-primary-600))}ax-conversation-message-list .forwarded-text{min-width:calc(var(--spacing, .25rem) * 0);overflow:hidden;font-size:.8125rem;text-overflow:ellipsis;white-space:nowrap;color:rgba(var(--ax-sys-color-on-surface));opacity:70%}ax-conversation-message-list .message-own .forwarded-preview i{color:rgba(var(--ax-sys-color-on-primary-surface));opacity:95%}ax-conversation-message-list .message-own .forwarded-text{color:rgba(var(--ax-sys-color-on-primary-surface));opacity:.78}ax-conversation-message-list .message-bubble-received:not(.message-system){--ax-comp-message-bubble-bg: rgb(var(--ax-sys-color-lightest-surface));background-color:var(--ax-comp-message-bubble-bg);border-bottom-left-radius:.25rem}ax-conversation-message-list .message-bubble-sent:not(.message-system){--ax-comp-message-bubble-bg: rgb(var(--ax-sys-color-primary-surface));background-color:var(--ax-comp-message-bubble-bg);color:rgb(var(--ax-sys-color-on-primary-surface));border-bottom-right-radius:.25rem}ax-conversation-message-list .message-bubble-received:not(.message-system):before,ax-conversation-message-list .message-bubble-received:not(.message-system):after,ax-conversation-message-list .message-bubble-sent:not(.message-system):before,ax-conversation-message-list .message-bubble-sent:not(.message-system):after{content:\"\";position:absolute;bottom:0;height:var(--ax-comp-message-bubble-tail-height);pointer-events:none;z-index:0}ax-conversation-message-list .message-bubble-received:not(.message-system):before,ax-conversation-message-list .message-bubble-sent:not(.message-system):before{width:var(--ax-comp-message-bubble-tail-fill-width);background-color:var(--ax-comp-message-bubble-bg)}ax-conversation-message-list .message-bubble-received:not(.message-system):after,ax-conversation-message-list .message-bubble-sent:not(.message-system):after{width:var(--ax-comp-message-bubble-tail-cutout-width);background:var(--ax-comp-message-list-surface-bg, rgb(var(--ax-sys-color-primary-lightest-surface)))}ax-conversation-message-list .message-bubble-received:not(.message-system):before{left:var(--ax-comp-message-bubble-tail-fill-offset);border-bottom-right-radius:var(--ax-comp-message-bubble-tail-curve)}ax-conversation-message-list .message-bubble-received:not(.message-system):after{left:var(--ax-comp-message-bubble-tail-cutout-offset);border-bottom-right-radius:var(--ax-comp-message-bubble-tail-cutout-curve)}ax-conversation-message-list .message-bubble-sent:not(.message-system):before{right:var(--ax-comp-message-bubble-tail-fill-offset);border-bottom-left-radius:var(--ax-comp-message-bubble-tail-curve)}ax-conversation-message-list .message-bubble-sent:not(.message-system):after{right:var(--ax-comp-message-bubble-tail-cutout-offset);border-bottom-left-radius:var(--ax-comp-message-bubble-tail-cutout-curve)}[dir=rtl] ax-conversation-message-list .message-bubble-received:not(.message-system){border-bottom-left-radius:1rem;border-bottom-right-radius:.25rem}[dir=rtl] ax-conversation-message-list .message-bubble-sent:not(.message-system){border-bottom-right-radius:1rem;border-bottom-left-radius:.25rem}[dir=rtl] ax-conversation-message-list .message-bubble-received:not(.message-system):before{left:auto;right:var(--ax-comp-message-bubble-tail-fill-offset);border-bottom-right-radius:0;border-bottom-left-radius:var(--ax-comp-message-bubble-tail-curve)}[dir=rtl] ax-conversation-message-list .message-bubble-received:not(.message-system):after{left:auto;right:var(--ax-comp-message-bubble-tail-cutout-offset);border-bottom-right-radius:0;border-bottom-left-radius:var(--ax-comp-message-bubble-tail-cutout-curve)}[dir=rtl] ax-conversation-message-list .message-bubble-sent:not(.message-system):before{right:auto;left:var(--ax-comp-message-bubble-tail-fill-offset);border-bottom-left-radius:0;border-bottom-right-radius:var(--ax-comp-message-bubble-tail-curve)}[dir=rtl] ax-conversation-message-list .message-bubble-sent:not(.message-system):after{right:auto;left:var(--ax-comp-message-bubble-tail-cutout-offset);border-bottom-left-radius:0;border-bottom-right-radius:var(--ax-comp-message-bubble-tail-cutout-curve)}ax-conversation-message-list .message-bubble.message-system:before,ax-conversation-message-list .message-bubble.message-system:after{display:none}ax-conversation-message-list .message-own .message-bubble{color:rgb(var(--ax-sys-color-on-primary-surface))}ax-conversation-message-list .message-bubble.message-system{background-color:transparent;padding:calc(var(--spacing, .25rem) * 0);--tw-shadow: 0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);max-width:100%}ax-conversation-message-list .message-item:has(.message-system){justify-content:center;padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:calc(var(--spacing, .25rem) * 1)}ax-conversation-message-list .message-item:has(.message-system) .message-content-row{max-width:100%;justify-content:center}ax-conversation-message-list .message-item:has(.message-system) .message-bubble-container{align-items:center}ax-conversation-message-list .message-content{font-size:.9375rem;--tw-leading: var(--leading-normal, 1.5);line-height:var(--leading-normal, 1.5);white-space:pre-wrap}ax-conversation-message-list ax-conversation-registry-component-outlet{display:block;max-width:100%;min-width:calc(var(--spacing, .25rem) * 0)}ax-conversation-message-list .message-footer{margin-top:.1rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:calc(var(--spacing, .25rem) * 1);padding-inline-start:calc(var(--spacing, .25rem) * 1);font-size:.6875rem;--tw-tracking: var(--tracking-wide, .025em);letter-spacing:var(--tracking-wide, .025em);opacity:70%;-webkit-user-select:none;user-select:none}ax-conversation-message-list .message-footer-count{display:inline-flex;align-items:center;gap:.2rem;font-size:.675rem;--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}ax-conversation-message-list .message-footer-count i{font-size:.625rem;opacity:90%}ax-conversation-message-list .message-footer-count-value{--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600)}ax-conversation-message-list .message-footer-split{margin-inline:.2rem;height:.65rem;width:1px;flex-shrink:0;align-self:center;background-color:rgba(var(--ax-sys-color-border-light-surface));opacity:90%}ax-conversation-message-list .message-time{font-size:.675rem;--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}ax-conversation-message-list .edited-indicator{display:inline-flex;align-items:center;gap:calc(var(--spacing, .25rem) * 1);border-inline-start-style:var(--tw-border-style);border-inline-start-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface));padding-inline-start:.35rem;font-size:.675rem;opacity:75%}ax-conversation-message-list .status-icon{display:inline-flex;align-items:center}ax-conversation-message-list .status-icon i{font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)))}ax-conversation-message-list .status-read{color:rgba(var(--ax-sys-color-primary-200))}ax-conversation-message-list .status-failed{color:rgba(var(--ax-sys-color-danger-200))}ax-conversation-message-list .message-reactions-bubbles{display:flex;flex-wrap:wrap;align-items:center;gap:.2rem}ax-conversation-message-list .reaction-bubble{margin:calc(var(--spacing, .25rem) * 0);display:inline-flex;min-height:1.375rem;cursor:pointer;align-items:center;justify-content:center;gap:.15rem;border-radius:var(--radius-xl, .75rem);padding-inline:.35rem;padding-block:.1rem;color:rgba(var(--ax-sys-color-on-surface));--tw-shadow: 0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);background:rgba(var(--ax-sys-color-on-surface),.06);border:1px solid rgba(var(--ax-sys-color-on-surface),.1);transition:background-color var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function),border-color var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function);font-family:\"Segoe UI Emoji\",Segoe UI Symbol,\"Noto Color Emoji\",\"Apple Color Emoji\",Twemoji Mozilla,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}ax-conversation-message-list .reaction-bubble:hover{background:rgba(var(--ax-sys-color-on-surface),.1);border-color:rgba(var(--ax-sys-color-on-surface),.18)}ax-conversation-message-list .reaction-bubble-active{background:rgba(var(--ax-sys-color-primary-500),.12);border-color:rgba(var(--ax-sys-color-primary-500),.45)}ax-conversation-message-list .reaction-bubble-active:hover{background:rgba(var(--ax-sys-color-primary-500),.18);border-color:rgba(var(--ax-sys-color-primary-500),.55)}ax-conversation-message-list .reaction-emoji{display:inline-block;font-size:.8125rem;--tw-leading: 1;line-height:1}ax-conversation-message-list .reaction-count{font-size:.6875rem;--tw-leading: 1;line-height:1;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-sys-color-on-surface));--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);opacity:.65}ax-conversation-message-list .reaction-bubble-active .reaction-count{--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);color:rgba(var(--ax-sys-color-primary-600));opacity:95%}ax-conversation-message-list .message-own .reaction-bubble{color:rgba(var(--ax-sys-color-on-primary-surface));background:rgba(var(--ax-sys-color-on-primary-surface),.12);border-color:rgba(var(--ax-sys-color-on-primary-surface),.2)}ax-conversation-message-list .message-own .reaction-bubble:hover{background:rgba(var(--ax-sys-color-on-primary-surface),.2);border-color:rgba(var(--ax-sys-color-on-primary-surface),.35)}ax-conversation-message-list .message-own .reaction-bubble-active{background:rgba(var(--ax-sys-color-on-primary-surface),.28);border-color:rgba(var(--ax-sys-color-on-primary-surface),.5)}ax-conversation-message-list .message-own .reaction-bubble-active:hover{background:rgba(var(--ax-sys-color-on-primary-surface),.34);border-color:rgba(var(--ax-sys-color-on-primary-surface),.6)}ax-conversation-message-list .message-own .reaction-count{color:rgba(var(--ax-sys-color-on-primary-surface));opacity:80%}ax-conversation-message-list .message-own .reaction-bubble-active .reaction-count{color:rgba(var(--ax-sys-color-on-primary-surface));opacity:100%}ax-conversation-message-list .message-reactions-container{margin-top:calc(var(--spacing, .25rem) * 1);display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:.2rem}ax-conversation-message-list .message-own .message-reactions-container{justify-content:flex-end}ax-conversation-message-list .message-own .message-footer .edited-indicator{border-inline-start-color:rgba(var(--ax-sys-color-on-primary-surface),.35)}ax-conversation-message-list .message-own .message-footer .message-footer-split{background:rgba(var(--ax-sys-color-on-primary-surface),.35)}ax-conversation-message-list .add-reaction-button.add-reaction-outside{position:absolute;top:50%;margin:calc(var(--spacing, .25rem) * 0);box-sizing:border-box;display:none;height:1.8rem;width:1.8rem;--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y);cursor:pointer;align-items:center;justify-content:center;border-radius:calc(infinity * 1px);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface));background-color:rgba(var(--ax-sys-color-surface));padding:calc(var(--spacing, .25rem) * 0);inset-inline-end:-2.35rem;box-shadow:0 1px 2px #0000000f}ax-conversation-message-list .add-reaction-button{padding-inline-start:.05rem}ax-conversation-message-list .message-content-row-own .add-reaction-button.add-reaction-outside{inset-inline-start:-2.35rem;inset-inline-end:auto}ax-conversation-message-list .message-item:hover .add-reaction-button.add-reaction-outside,ax-conversation-message-list .add-reaction-button.add-reaction-outside.add-reaction-visible{display:inline-flex}ax-conversation-message-list .add-reaction-button.add-reaction-outside:hover,ax-conversation-message-list .add-reaction-button.add-reaction-outside.add-reaction-visible{border-color:rgba(var(--ax-sys-color-primary-surface))}ax-conversation-message-list .add-reaction-button.add-reaction-outside i{font-size:.9rem;color:rgba(var(--ax-sys-color-on-surface));opacity:80%}ax-conversation-message-list .reaction-bubble:focus-visible,ax-conversation-message-list .add-reaction-button:focus-visible,ax-conversation-message-list .action-trigger:focus-visible,ax-conversation-message-list ax-fab.scroll-to-bottom ax-button:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px;outline-offset:2px;outline-color:rgba(var(--ax-sys-color-primary-surface))}ax-conversation-message-list .message-actions{z-index:10;padding-bottom:calc(var(--spacing, .25rem) * 6);opacity:0%;transition:opacity var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function)}ax-conversation-message-list .message-item:hover .message-actions{opacity:100%}ax-conversation-message-list .action-trigger{display:flex;height:calc(var(--spacing, .25rem) * 7);width:calc(var(--spacing, .25rem) * 7);cursor:pointer;align-items:center;justify-content:center;border-radius:var(--ax-sys-border-radius);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface));background-color:rgba(var(--ax-sys-color-surface));font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));transition:all var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function)}ax-conversation-message-list .action-trigger:hover{background-color:rgba(var(--ax-sys-color-light-surface))}ax-conversation-message-list .shortcut{font-size:.6875rem;opacity:70%}ax-conversation-message-list .scroll-to-bottom-wrapper{position:absolute;inset-inline-end:calc(var(--spacing, .25rem) * 4);bottom:calc(var(--spacing, .25rem) * 4);z-index:999}ax-conversation-message-list ax-fab.scroll-to-bottom ax-button{display:flex;height:calc(var(--spacing, .25rem) * 12);width:calc(var(--spacing, .25rem) * 12);cursor:pointer;align-items:center;justify-content:center;border-radius:calc(infinity * 1px);--tw-border-style: none;border-style:none}ax-conversation-message-list .scroll-to-bottom-enter{animation:axScrollToBottomEnter var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function) both}ax-conversation-message-list .scroll-to-bottom-leave{animation:axScrollToBottomLeave var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function) both}@media(prefers-reduced-motion:reduce){ax-conversation-message-list .scroll-to-bottom-enter,ax-conversation-message-list .scroll-to-bottom-leave{animation:none}}.reaction-picker-popup{width:max-content;min-width:calc(var(--spacing, .25rem) * 0);overflow:hidden;border-radius:.65rem;background-color:rgba(var(--ax-sys-color-lightest-surface));max-width:min(260px,92vw)}.reaction-picker-header{display:flex;min-height:calc(var(--spacing, .25rem) * 0);align-items:center;justify-content:space-between;gap:calc(var(--spacing, .25rem) * 2);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface));padding-block:.45rem;padding-inline-start:.7rem;padding-inline-end:calc(var(--spacing, .25rem) * 2)}.picker-title{font-size:.8125rem;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);--tw-tracking: var(--tracking-wide, .025em);letter-spacing:var(--tracking-wide, .025em);color:rgba(var(--ax-sys-color-on-surface));opacity:85%}.picker-close{display:flex;height:1.6rem;width:1.6rem;cursor:pointer;align-items:center;justify-content:center;border-radius:.25rem;--tw-border-style: none;border-style:none;background-color:transparent;padding:calc(var(--spacing, .25rem) * 0);font-size:.95rem;color:rgba(var(--ax-sys-color-on-surface),.55);transition:all var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function)}.picker-close:hover{background-color:rgba(var(--ax-sys-color-danger-lightest-surface));color:rgba(var(--ax-sys-color-danger-500))}.picker-close:focus-visible,.reaction-picker-emoji:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px;outline-offset:2px;outline-color:rgba(var(--ax-sys-color-primary-surface))}.reaction-picker-emojis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.2rem;padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:.45rem;padding-bottom:calc(var(--spacing, .25rem) * 2)}.reaction-picker-emoji{height:calc(var(--spacing, .25rem) * 8);width:calc(var(--spacing, .25rem) * 8);cursor:pointer;border-radius:.45rem;border-style:var(--tw-border-style);border-width:1px;border-color:transparent;background-color:transparent;padding:calc(var(--spacing, .25rem) * 0);font-size:1.15rem;--tw-leading: 1;line-height:1;transition:all var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function);font-family:\"Segoe UI Emoji\",Segoe UI Symbol,\"Noto Color Emoji\",\"Apple Color Emoji\",Twemoji Mozilla,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.reaction-picker-emoji:hover{background-color:rgba(var(--ax-sys-color-lighter-surface))}.reaction-picker-emoji-active{background-color:rgba(var(--ax-sys-color-surface))}.reaction-picker-emoji-active:hover{background:rgba(var(--ax-sys-color-primary-500),.25)}}@property --tw-outline-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-tracking{syntax: \"*\"; inherits: false;}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ordinal{syntax: \"*\"; inherits: false;}@property --tw-slashed-zero{syntax: \"*\"; inherits: false;}@property --tw-numeric-figure{syntax: \"*\"; inherits: false;}@property --tw-numeric-spacing{syntax: \"*\"; inherits: false;}@property --tw-numeric-fraction{syntax: \"*\"; inherits: false;}@property --tw-translate-x{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-translate-y{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-translate-z{syntax: \"*\"; inherits: false; initial-value: 0;}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeInUp{0%{transform:translate3d(0,100%,0);opacity:0}}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-outline-style: solid;--tw-leading: initial;--tw-font-weight: initial;--tw-tracking: initial;--tw-border-style: solid;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-ordinal: initial;--tw-slashed-zero: initial;--tw-numeric-figure: initial;--tw-numeric-spacing: initial;--tw-numeric-fraction: initial;--tw-translate-x: 0;--tw-translate-y: 0;--tw-translate-z: 0}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }, { kind: "component", type: AXFabComponent, selector: "ax-fab", inputs: ["label", "popupStyle", "popupPlacement", "size"], outputs: ["popupPlacementChange", "onClick", "onOpened", "onClosed"] }, { kind: "component", type: AXContextMenuComponent, selector: "ax-context-menu", inputs: ["orientation", "openOn", "closeOn", "closeOnRouteChange", "items", "target"], outputs: ["onItemClick", "onOpening", "onClose"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "component", type: AXSkeletonComponent, selector: "ax-skeleton", inputs: ["animated"] }, { kind: "ngmodule", type: AXFormatModule }, { kind: "ngmodule", type: AXDateTimeModule }, { kind: "component", type: AXPopoverComponent, selector: "ax-popover", inputs: ["width", "disablePanelClass", "visualContextScope", "disabled", "offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "closeOnScroll", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "directive", type: AXConversationInfiniteScrollDirective, selector: "[axInfiniteScroll]", inputs: ["threshold", "edge", "scrollDisabled", "cooldownMs"], outputs: ["scrollThreshold"] }, { kind: "directive", type: AXUploaderZoneDirective, selector: "[axUploaderZone]", inputs: ["multiple", "accept", "fileType", "overlayTemplate", "disableBrowse", "disableDragDrop"], outputs: ["fileChange", "onChanged", "dragEnter", "dragLeave", "dragOver", "onFileUploadComplete", "onFilesUploadComplete"] }, { kind: "component", type: AXConversationAvatarComponent, selector: "ax-conversation-avatar", inputs: ["kind", "userId", "conversation", "message", "size", "showStatus", "name", "avatar", "icon"] }, { kind: "component", type: AXConversationRegistryComponentOutletComponent, selector: "ax-conversation-registry-component-outlet", inputs: ["component", "componentLoader", "inputs"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i3$1.AXFormatPipe, name: "format" }, { kind: "pipe", type: i3.AXTranslatorPipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXConversationMessageListComponent, decorators: [{
             type: Component,
@@ -8997,7 +8983,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                         AXUploaderZoneDirective,
                         AXConversationAvatarComponent,
                         AXConversationRegistryComponentOutletComponent,
-                    ], template: "@if (activeConversation(); as conv) {\n  @for (cid of [conv.id]; track cid) {\n    <div\n      class=\"message-list message-list--conversation-surface\"\n      [class.message-list--drag]=\"messageListDragging()\"\n      #messageList\n      role=\"log\"\n      [attr.aria-label]=\"'@acorex:chat.aria.message-list' | translate | async\"\n      aria-live=\"polite\"\n      [style.background]=\"messageListBackgroundStyle()\"\n      [style.--ax-comp-message-list-surface-bg]=\"messageListBackgroundStyle()\"\n      axUploaderZone\n      [disableBrowse]=\"true\"\n      (dragEnter)=\"onMessageListDragEnter()\"\n      (dragLeave)=\"onMessageListDragLeave()\"\n      (fileChange)=\"onMessageListFilesDropped($event)\"\n    >\n      @if (loading()) {\n        <div\n          class=\"list-loading\"\n          role=\"status\"\n          aria-busy=\"true\"\n          [attr.aria-label]=\"'@acorex:chat.status.loading-messages' | translate | async\"\n        >\n          <div class=\"messages-skeleton\" aria-hidden=\"true\">\n            @for (item of loadingSkeletonItems; track item) {\n              <div class=\"message-skeleton\" [class.message-skeleton--own]=\"$odd\">\n                @if ($even && isGroupConversation()) {\n                  <ax-skeleton class=\"message-skeleton-avatar\" [animated]=\"true\"></ax-skeleton>\n                }\n                <ax-skeleton\n                  class=\"message-skeleton-bubble\"\n                  [class.message-skeleton-bubble--short]=\"$index % 3 === 1\"\n                  [class.message-skeleton-bubble--medium]=\"$index % 3 === 2\"\n                  [animated]=\"true\"\n                ></ax-skeleton>\n              </div>\n            }\n          </div>\n        </div>\n      } @else if (messages().length === 0) {\n        <div class=\"list-empty\" role=\"status\" [attr.aria-label]=\"'@acorex:chat.status.no-messages' | translate | async\">\n          <ng-content select=\"ax-conversation-message-list-empty, [ax-conversation-message-list-empty]\">\n            <ng-container\n              *ngComponentOutlet=\"resolvedEmptyStateComponent(); inputs: { conversation: activeConversation()! }\"\n            ></ng-container>\n          </ng-content>\n        </div>\n      } @else {\n        <div\n          class=\"messages-container\"\n          (scroll)=\"onScroll($event)\"\n          axInfiniteScroll\n          [threshold]=\"config.infiniteScrollThreshold\"\n          [edge]=\"'top'\"\n          [scrollDisabled]=\"loading() || loadingMore() || !hasMoreMessages()\"\n          (scrollThreshold)=\"onScrollThreshold($event)\"\n          #messagesContainer\n          role=\"feed\"\n          [attr.aria-label]=\"'@acorex:chat.aria.messages' | translate | async\"\n        >\n          @if (loadingMore()) {\n            <div\n              class=\"list-loading-more list-loading-more--prepend\"\n              role=\"status\"\n              animate.enter=\"load-more-enter\"\n              animate.leave=\"load-more-leave\"\n              [attr.aria-label]=\"'@acorex:chat.status.loading-older-messages' | translate | async\"\n            >\n              <div class=\"load-more-indicator\" aria-hidden=\"true\">\n                <span class=\"load-more-dot\"></span>\n                <span class=\"load-more-dot\"></span>\n                <span class=\"load-more-dot\"></span>\n              </div>\n              <ax-label class=\"load-more-label\">{{\n                '@acorex:chat.status.loading-older-messages' | translate | async\n              }}</ax-label>\n            </div>\n          }\n          @for (group of messageGroups(); track trackMessageGroup($index, group)) {\n            <!-- Date Separator -->\n            <div class=\"date-separator\" role=\"separator\" [attr.aria-label]=\"getDateSeparatorAriaLabel(group.dateLabel)\">\n              <span class=\"date-separator__label\">{{ group.dateLabel }}</span>\n            </div>\n\n            <!-- Messages in this date group -->\n            @for (message of group.messages; track trackMessage($index, message)) {\n              <div\n                [class]=\"getMessageClasses(message)\"\n                role=\"article\"\n                [attr.aria-label]=\"getMessageAriaLabel(message)\"\n                [id]=\"'message-' + message.id\"\n              >\n                <!-- Avatar (only for group conversations and received messages) -->\n                @if (shouldShowAvatar(message)) {\n                  <div class=\"message-avatar\">\n                    <ax-conversation-avatar\n                      kind=\"user\"\n                      [userId]=\"message.senderId\"\n                      [conversation]=\"activeConversation()\"\n                      [message]=\"message\"\n                      [size]=\"32\"\n                    />\n                  </div>\n                }\n\n                <div class=\"message-content-row\" [class.message-content-row-own]=\"isOwnMessage(message)\">\n                  @if (messageSupportsReactions(message)) {\n                    <button\n                      type=\"button\"\n                      class=\"add-reaction-button add-reaction-outside\"\n                      [class.add-reaction-visible]=\"reactionPickerTarget() === message.id\"\n                      (click)=\"toggleReactionPicker(message, $event)\"\n                      [attr.aria-label]=\"'@acorex:chat.actions.add-reaction' | translate | async\"\n                      #reactionButton\n                    >\n                      <i class=\"fa-light fa-face-smile\"></i>\n                    </button>\n                  }\n\n                  <div\n                    class=\"message-bubble-container\"\n                    [id]=\"'message-bubble-' + message.id\"\n                    [attr.data-message-id]=\"message.id\"\n                  >\n                    <div\n                      [class]=\"getBubbleClasses(message)\"\n                      [class.message-bubble-sent]=\"message.senderId === currentUser()?.id\"\n                      [class.message-bubble-received]=\"message.senderId !== currentUser()?.id\"\n                    >\n                      <!-- Sender name (only for group conversations and received messages) -->\n                      @if (shouldShowSenderName(message)) {\n                        <div class=\"message-sender\">{{ getSenderName(message) }}:</div>\n                      }\n\n                      <!-- Reply Preview -->\n                      @if (message.replyTo) {\n                        <div\n                          class=\"reply-preview\"\n                          (click)=\"scrollToMessage(message.replyTo.id)\"\n                          role=\"button\"\n                          [attr.aria-label]=\"'Reply to ' + getSenderName(message.replyTo)\"\n                          (keydown.enter)=\"scrollToMessage(message.replyTo.id)\"\n                          (keydown.space)=\"scrollToMessage(message.replyTo.id)\"\n                        >\n                          <div class=\"reply-preview-content\">\n                            <div class=\"reply-preview-sender\">{{ getSenderName(message.replyTo) }}</div>\n                            <div class=\"reply-preview-text\">\n                              @if (getMessagePreviewText(message.replyTo); as preview) {\n                                <span class=\"last-message\">\n                                  @if (preview.type !== 'text') {\n                                    <i [class]=\"preview.icon\"></i\n                                    >{{ '@acorex:chat.' + preview.type | translate | async }}\n                                  } @else {\n                                    {{ preview.value }}\n                                  }\n                                </span>\n                              }\n                            </div>\n                          </div>\n                        </div>\n                      }\n\n                      <!-- Forwarded Indicator -->\n                      @if (message.forwarded) {\n                        <div class=\"forwarded-preview\">\n                          <i class=\"fa-solid fa-share\"></i>\n                          <span class=\"forwarded-text\">{{ getForwardedText(message) }}</span>\n                        </div>\n                      }\n\n                      <ax-conversation-registry-component-outlet\n                        [component]=\"getRendererComponent(message)\"\n                        [componentLoader]=\"getRendererComponentLoader(message)\"\n                        [inputs]=\"getRendererInputs(message)\"\n                      />\n\n                      @if (messageSupportsReactions(message) && message.reactions.length > 0) {\n                        <div class=\"message-reactions-container\">\n                          <div class=\"message-reactions-bubbles\">\n                            @for (reaction of getGroupedReactions(message); track reaction.emoji) {\n                              <button\n                                type=\"button\"\n                                class=\"reaction-bubble\"\n                                [class.reaction-bubble-active]=\"reaction.hasReacted\"\n                                (click)=\"onReactionClick(message, reaction.emoji)\"\n                                [attr.aria-label]=\"reaction.emoji + ' ' + reaction.count\"\n                              >\n                                <span class=\"reaction-emoji\">{{ reaction.emoji }}</span>\n                                @if (reaction.count > 1) {\n                                  <span class=\"reaction-count\">{{ reaction.count }}</span>\n                                }\n                              </button>\n                            }\n                          </div>\n                        </div>\n                      }\n\n                      <!-- Message Footer -->\n                      <div class=\"message-footer\">\n                        @let replyCount = getReplyCount(message);\n                        @let forwardCount = getForwardCount(message);\n                        @if (replyCount > 0) {\n                          <span class=\"message-footer-count\" [attr.aria-label]=\"replyCount + ' replies'\">\n                            <i class=\"fa-solid fa-message\" aria-hidden=\"true\"></i>\n                            <span class=\"message-footer-count-value\">{{ replyCount }}</span>\n                          </span>\n                        }\n                        @if (forwardCount > 0) {\n                          <span class=\"message-footer-count\" [attr.aria-label]=\"forwardCount + ' forwards'\">\n                            <i class=\"fa-solid fa-share\" aria-hidden=\"true\"></i>\n                            <span class=\"message-footer-count-value\">{{ forwardCount }}</span>\n                          </span>\n                        }\n                        @if (replyCount > 0 || forwardCount > 0) {\n                          <span class=\"message-footer-split\" aria-hidden=\"true\"></span>\n                        }\n                        <span class=\"message-time\">{{ message.timestamp | format: 'timeleft' | async }}</span>\n                        @if (message.editedAt) {\n                          <span class=\"edited-indicator\">\n                            <span>{{ '@acorex:chat.status.edited' | translate | async }}</span>\n                          </span>\n                        }\n                        @if (isOwnMessage(message)) {\n                          <span [class]=\"getStatusIconClasses(message)\">\n                            <ax-icon><i [class]=\"getStatusIcon(message)\"></i></ax-icon>\n                          </span>\n                        }\n                      </div>\n                    </div>\n                  </div>\n                </div>\n\n                <!-- Context Menu for Message Actions -->\n                <ax-context-menu\n                  [target]=\"'#message-bubble-' + message.id\"\n                  [openOn]=\"'click'\"\n                  [closeOn]=\"'click'\"\n                  (onOpening)=\"handleMessageContextMenuOpening($event, message)\"\n                  (onClose)=\"contextMenuMessageId.set(null)\"\n                  (onItemClick)=\"handleMessageContextMenuItemClick($event, message)\"\n                >\n                </ax-context-menu>\n              </div>\n            }\n          }\n        </div>\n\n        <!-- Scroll to Bottom Button -->\n        @if (showScrollButton()) {\n          <div\n            class=\"scroll-to-bottom-wrapper\"\n            animate.enter=\"scroll-to-bottom-enter\"\n            animate.leave=\"scroll-to-bottom-leave\"\n          >\n            <ax-fab\n              class=\"scroll-to-bottom\"\n              (onClick)=\"scrollToBottom()\"\n              [attr.aria-label]=\"'@acorex:chat.actions.scroll-to-bottom' | translate | async\"\n            >\n              <ax-icon><i class=\"fa-light fa-arrow-down\" aria-hidden=\"true\"></i></ax-icon>\n            </ax-fab>\n          </div>\n        }\n      }\n    </div>\n  }\n\n  <!-- Reaction Picker Popover -->\n  @if (reactionsEnabled() && reactionPickerTarget()) {\n    <ax-popover\n      #reactionPopover\n      [target]=\"reactionPickerElement()\"\n      [openOn]=\"'manual'\"\n      [closeOn]=\"'clickOut'\"\n      [placement]=\"reactionPickerPlacement()\"\n      (onClose)=\"closeReactionPicker()\"\n    >\n      <div class=\"reaction-picker-popup\">\n        <div class=\"reaction-picker-header\">\n          <span class=\"picker-title\">{{ '@acorex:chat.actions.react' | translate | async }}</span>\n          <button\n            type=\"button\"\n            class=\"picker-close\"\n            (click)=\"closeReactionPicker()\"\n            [attr.aria-label]=\"'@acorex:chat.actions.close' | translate | async\"\n          >\n            <i class=\"fa-light fa-xmark\"></i>\n          </button>\n        </div>\n        <div\n          class=\"reaction-picker-emojis\"\n          role=\"listbox\"\n          [attr.aria-label]=\"'@acorex:chat.actions.choose-reaction' | translate | async\"\n        >\n          @for (emoji of availableReactions(); track emoji) {\n            <button\n              type=\"button\"\n              class=\"reaction-picker-emoji\"\n              [class.reaction-picker-emoji-active]=\"hasUserReactedById(reactionPickerTarget()!, emoji)\"\n              (click)=\"onReactionClickById(reactionPickerTarget()!, emoji); closeReactionPicker()\"\n              [attr.aria-label]=\"emoji\"\n            >\n              {{ emoji }}\n            </button>\n          }\n        </div>\n      </div>\n    </ax-popover>\n  }\n} @else {\n  <div\n    class=\"message-list message-list--no-active\"\n    role=\"region\"\n    [attr.aria-label]=\"'@acorex:chat.status.no-conversation-selected' | translate | async\"\n  >\n    <div class=\"list-no-active\">\n      <ng-content select=\"ax-conversation-message-list-no-active, [ax-conversation-message-list-no-active]\">\n        <ng-container *ngComponentOutlet=\"noActiveFallbackComponent\"></ng-container>\n      </ng-content>\n    </div>\n  </div>\n}\n", styles: ["@layer properties;@layer components{ax-conversation-message-list{position:relative;display:block;height:100%;container-type:inline-size;--ax-comp-message-bubble-tail-height: 1.5625rem;--ax-comp-message-bubble-tail-fill-width: 1.25rem;--ax-comp-message-bubble-tail-fill-offset: -.4375rem;--ax-comp-message-bubble-tail-cutout-width: 1.625rem;--ax-comp-message-bubble-tail-cutout-offset: -1.625rem;--ax-comp-message-bubble-tail-curve: 1rem 0rem;--ax-comp-message-bubble-tail-cutout-curve: .625rem;@keyframes axConversationSurfaceIn{0%{opacity:0}to{opacity:1}}@keyframes axConversationSurfaceInReduced{0%{opacity:.92}to{opacity:1}}@keyframes messagesSkeletonIn{0%{opacity:0;transform:translateY(-.75rem)}to{opacity:1;transform:translateY(0)}}@keyframes messagesSkeletonInReduced{0%{opacity:.85}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes axChatLoadMoreDot{0%,70%,to{transform:translateY(0) scale(1);opacity:.4}35%{transform:translateY(-.28rem) scale(1.08);opacity:1}}@keyframes axChatLoadMoreEnterPrepend{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}@keyframes axChatLoadMoreLeavePrepend{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-.35rem)}}@keyframes axScrollToBottomEnter{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes axScrollToBottomLeave{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}}ax-conversation-message-list .message-list{position:relative;display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);flex-direction:column;overflow:hidden}ax-conversation-message-list .message-list.ax-drop-zone>.ax-uploader-overlay-state{display:none!important}ax-conversation-message-list .message-list--drag{outline-style:var(--tw-outline-style);outline-width:2px;outline-color:rgba(var(--ax-sys-color-primary-surface));--tw-outline-style: dashed;outline-style:dashed;outline-offset:-2px}ax-conversation-message-list .message-list--conversation-surface{animation:axConversationSurfaceIn .36s cubic-bezier(.22,1,.36,1) both}@media(prefers-reduced-motion:reduce){ax-conversation-message-list .message-list--conversation-surface{animation:axConversationSurfaceInReduced .18s ease both}}ax-conversation-message-list .list-loading{display:flex;min-height:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column;justify-content:flex-start;overflow-x:hidden;overflow-y:auto}ax-conversation-message-list .messages-skeleton{display:flex;width:100%;flex-direction:column;gap:calc(var(--spacing, .25rem) * 3);padding-inline:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 6);animation:messagesSkeletonIn .42s cubic-bezier(.22,1,.36,1) both}ax-conversation-message-list .message-skeleton{display:flex;align-items:flex-end;gap:calc(var(--spacing, .25rem) * 2)}ax-conversation-message-list .message-skeleton--own{flex-direction:row-reverse}ax-conversation-message-list .message-skeleton-avatar{height:calc(var(--spacing, .25rem) * 8);width:calc(var(--spacing, .25rem) * 8);flex-shrink:0;border-radius:calc(infinity * 1px)}ax-conversation-message-list .messages-skeleton ax-skeleton.message-skeleton-avatar.ax-skeleton{background-color:rgba(var(--ax-sys-color-on-surface),.16)}ax-conversation-message-list .messages-skeleton ax-skeleton.message-skeleton-avatar.ax-skeleton-animate:before{background-image:linear-gradient(to right,transparent,rgba(var(--ax-sys-color-on-surface),.22) 50%,transparent)}ax-conversation-message-list .messages-skeleton ax-skeleton.message-skeleton-bubble.ax-skeleton{background-color:rgb(var(--ax-sys-color-lightest-surface));box-shadow:0 1px 2px rgba(var(--ax-sys-color-on-surface),.08)}ax-conversation-message-list .messages-skeleton ax-skeleton.message-skeleton-bubble.ax-skeleton-animate:before{background-image:linear-gradient(to right,transparent,rgba(var(--ax-sys-color-on-surface),.14) 50%,transparent)}ax-conversation-message-list .message-skeleton--own ax-skeleton.message-skeleton-bubble.ax-skeleton{background-color:rgb(var(--ax-sys-color-primary-surface));box-shadow:0 1px 2px rgba(var(--ax-sys-color-primary-900),.12)}ax-conversation-message-list .message-skeleton--own ax-skeleton.message-skeleton-bubble.ax-skeleton-animate:before{background-image:linear-gradient(to right,transparent,rgba(var(--ax-sys-color-on-primary-surface),.2) 50%,transparent)}ax-conversation-message-list .message-skeleton-bubble{height:calc(var(--spacing, .25rem) * 10);border-radius:var(--radius-2xl, 1rem);width:min(62%,17.5rem)}ax-conversation-message-list .message-skeleton-bubble--short{height:calc(var(--spacing, .25rem) * 8);width:min(36%,9.5rem)}ax-conversation-message-list .message-skeleton-bubble--medium{height:calc(var(--spacing, .25rem) * 9);width:min(48%,13rem)}@media(prefers-reduced-motion:reduce){ax-conversation-message-list .messages-skeleton{animation:messagesSkeletonInReduced .2s ease both}}ax-conversation-message-list .list-empty{display:flex;min-height:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 5);padding-inline:calc(var(--spacing, .25rem) * 8);padding-block:calc(var(--spacing, .25rem) * 12);text-align:center;animation:fadeInUp .5s ease-out}ax-conversation-message-list .message-list--no-active{height:100%}ax-conversation-message-list .list-no-active{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 48);flex-direction:column;align-items:center;justify-content:center}ax-conversation-message-list .empty-icon{margin-bottom:calc(var(--spacing, .25rem) * 2);font-size:5.5rem;--tw-leading: 1;line-height:1;opacity:35%;filter:grayscale(.2)}ax-conversation-message-list .empty-title{margin:calc(var(--spacing, .25rem) * 0);font-size:1.625rem;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);--tw-tracking: var(--tracking-tight, -.025em);letter-spacing:var(--tracking-tight, -.025em);color:rgba(var(--ax-sys-color-on-surface))}ax-conversation-message-list .empty-description{margin:calc(var(--spacing, .25rem) * 0);max-width:420px;font-size:1.0625rem;--tw-leading: var(--leading-relaxed, 1.625);line-height:var(--leading-relaxed, 1.625);color:rgba(var(--ax-sys-color-on-surface));opacity:.65}ax-conversation-message-list .spinner{margin-bottom:calc(var(--spacing, .25rem) * 4);height:calc(var(--spacing, .25rem) * 8);width:calc(var(--spacing, .25rem) * 8);border-radius:calc(infinity * 1px);border-style:var(--tw-border-style);border-width:3px;border-color:rgba(var(--ax-sys-color-border-light-surface));border-top-color:rgb(var(--ax-sys-color-primary-500));animation:spin .8s linear infinite}ax-conversation-message-list .list-loading-more{display:flex;flex-direction:column;align-items:center;gap:calc(var(--spacing, .25rem) * 2);padding-inline:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 3);padding-bottom:calc(var(--spacing, .25rem) * 2);text-align:center;color:rgba(var(--ax-sys-color-on-surface));opacity:85%}ax-conversation-message-list .load-more-indicator{display:flex;min-height:calc(var(--spacing, .25rem) * 5);align-items:center;justify-content:center;gap:.3rem}ax-conversation-message-list .load-more-dot{height:.4rem;width:.4rem;border-radius:calc(infinity * 1px);background-color:rgba(var(--ax-sys-color-primary-500));animation:axChatLoadMoreDot 1s ease-in-out infinite}ax-conversation-message-list .load-more-dot:nth-child(2){animation-delay:.14s}ax-conversation-message-list .load-more-dot:nth-child(3){animation-delay:.28s}ax-conversation-message-list .load-more-label{font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-tracking: var(--tracking-wide, .025em);letter-spacing:var(--tracking-wide, .025em);opacity:70%}ax-conversation-message-list .load-more-enter{animation:axChatLoadMoreEnterPrepend .32s cubic-bezier(.22,1,.36,1) both}ax-conversation-message-list .load-more-leave{animation:axChatLoadMoreLeavePrepend .22s ease both}@media(prefers-reduced-motion:reduce){ax-conversation-message-list .load-more-dot{animation:none;opacity:.65}ax-conversation-message-list .load-more-enter,ax-conversation-message-list .load-more-leave{animation:none}}ax-conversation-message-list .messages-container{position:relative;min-height:calc(var(--spacing, .25rem) * 0);width:100%;flex:1;overflow-x:hidden;overflow-y:auto}ax-conversation-message-list .date-separator{pointer-events:none;position:sticky;z-index:150;display:flex;align-items:center;justify-content:center;top:.5rem;padding:.375rem 1rem .625rem;margin-block:.125rem .375rem}ax-conversation-message-list .date-separator__label{pointer-events:auto;display:inline-flex;width:calc(var(--spacing, .25rem) * 32);max-width:min(100%,18rem);align-items:center;justify-content:center;border-radius:calc(infinity * 1px);background-color:var(--color-surface);color:var(--color-on-surface);border-color:var(--color-border-surface);padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 1);text-align:center;font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-leading: var(--leading-tight, 1.25);line-height:var(--leading-tight, 1.25);--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);white-space:nowrap;-webkit-user-select:none;user-select:none}ax-conversation-message-list .unread-separator{margin-block:calc(var(--spacing, .25rem) * 6);display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 3);padding-inline:calc(var(--spacing, .25rem) * 4)}ax-conversation-message-list .unread-separator-line{height:1px;flex:1;background-color:rgba(var(--ax-sys-color-primary-surface));opacity:30%}ax-conversation-message-list .unread-separator-text{font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);--tw-tracking: var(--tracking-wide, .025em);letter-spacing:var(--tracking-wide, .025em);white-space:nowrap;color:rgba(var(--ax-sys-color-primary-surface));text-transform:uppercase}ax-conversation-message-list .message-item{position:relative;display:flex;align-items:flex-end;gap:calc(var(--spacing, .25rem) * 2);padding-inline:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 2);--tw-leading: calc(var(--spacing, .25rem) * 4);line-height:calc(var(--spacing, .25rem) * 4);transition:background-color .3s ease}ax-conversation-message-list .message-item-context-active{border-radius:var(--radius-lg, .5rem);background-color:rgba(var(--ax-sys-color-primary-500),.09);box-shadow:inset 0 0 0 1px rgba(var(--ax-sys-color-primary-500),.22)}ax-conversation-message-list .message-own.message-item-context-active{background-color:rgba(var(--ax-sys-color-primary-500),.12)}ax-conversation-message-list .message-highlight{border-radius:var(--radius-lg, .5rem);background-color:rgba(var(--ax-sys-color-primary-500),.1)}ax-conversation-message-list .message-item.message-own{flex-direction:row-reverse}ax-conversation-message-list .message-avatar{z-index:5;flex-shrink:0}ax-conversation-message-list .message-avatar-icon{display:flex;height:100%;width:100%;align-items:center;justify-content:center;font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));--tw-leading: 1;line-height:1}ax-conversation-message-list .message-content-row{position:relative;display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:0 1 auto;flex-direction:row;align-items:flex-end;gap:calc(var(--spacing, .25rem) * 1);max-width:min(95%,50rem)}ax-conversation-message-list .message-content-row:has(.add-reaction-button.add-reaction-outside) .message-bubble-container{margin-inline-end:.375rem}ax-conversation-message-list .message-content-row-own:has(.add-reaction-button.add-reaction-outside) .message-bubble-container{margin-inline-end:0;margin-inline-start:.375rem}@container (min-width: 768px){ax-conversation-message-list .message-content-row{max-width:min(70%,50rem)}}ax-conversation-message-list .message-content-row-own{justify-content:flex-end}ax-conversation-message-list .message-item:not(.message-own) .message-content-row{justify-content:flex-start}ax-conversation-message-list .message-bubble-container{position:relative;display:flex;max-width:100%;min-width:calc(var(--spacing, .25rem) * 0);flex:1 1 auto;flex-direction:column}ax-conversation-message-list .message-own .message-bubble-container{align-items:flex-end}ax-conversation-message-list .message-sender{margin-bottom:.1rem;font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600)}ax-conversation-message-list .message-bubble{position:relative;display:flex;max-width:100%;flex-direction:column;border-radius:var(--radius-2xl, 1rem);padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:calc(var(--spacing, .25rem) * 2);padding-bottom:.1rem;overflow-wrap:break-word;transition:background-color .3s ease}ax-conversation-message-list .message-bubble>*{position:relative;z-index:1}ax-conversation-message-list .reply-preview{margin-bottom:calc(var(--spacing, .25rem) * 2);cursor:pointer;border-radius:var(--ax-sys-border-radius);border-inline-start-style:var(--tw-border-style);border-inline-start-width:3px;padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:calc(var(--spacing, .25rem) * 1.5);background:rgba(var(--ax-sys-color-primary-500),.08);border-inline-start-color:rgb(var(--ax-sys-color-primary-500));transition:background-color var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function),border-color var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function)}ax-conversation-message-list .reply-preview:hover{background:rgba(var(--ax-sys-color-primary-500),.14);border-inline-start-color:rgb(var(--ax-sys-color-primary-600))}ax-conversation-message-list .message-own .reply-preview{border-inline-start-style:var(--tw-border-style);border-inline-start-width:3px;background:rgba(var(--ax-sys-color-on-primary-surface),.14);border-inline-start-color:rgba(var(--ax-sys-color-on-primary-surface),.55)}ax-conversation-message-list .message-own .reply-preview:hover{background:rgba(var(--ax-sys-color-on-primary-surface),.22);border-inline-start-color:rgba(var(--ax-sys-color-on-primary-surface),.75)}ax-conversation-message-list .reply-preview-line{width:3px;flex-shrink:0;border-radius:1.5px;background:currentColor;opacity:.5}ax-conversation-message-list .reply-preview-content{min-width:calc(var(--spacing, .25rem) * 0);flex:1}ax-conversation-message-list .reply-preview-sender{margin-bottom:calc(var(--spacing, .25rem) * .5);font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);color:rgba(var(--ax-sys-color-primary-600))}ax-conversation-message-list .reply-preview-text{overflow:hidden;font-size:.8125rem;text-overflow:ellipsis;white-space:nowrap;color:rgba(var(--ax-sys-color-on-surface));opacity:70%}ax-conversation-message-list .message-own .reply-preview-sender{color:rgba(var(--ax-sys-color-on-primary-surface));opacity:95%}ax-conversation-message-list .message-own .reply-preview-text{color:rgba(var(--ax-sys-color-on-primary-surface));opacity:.78}ax-conversation-message-list .last-message{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 1)}ax-conversation-message-list .forwarded-preview{margin-bottom:.1rem;display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 1.5);border-radius:var(--ax-sys-border-radius);border-inline-start-style:var(--tw-border-style);border-inline-start-width:3px;padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:calc(var(--spacing, .25rem) * 1.5);background:rgba(var(--ax-sys-color-primary-500),.08);border-inline-start-color:rgb(var(--ax-sys-color-primary-500));transition:background-color var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function),border-color var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function)}ax-conversation-message-list .forwarded-preview:hover{background:rgba(var(--ax-sys-color-primary-500),.14);border-inline-start-color:rgb(var(--ax-sys-color-primary-600))}ax-conversation-message-list .message-own .forwarded-preview{border-inline-start-style:var(--tw-border-style);border-inline-start-width:3px;background:rgba(var(--ax-sys-color-on-primary-surface),.14);border-inline-start-color:rgba(var(--ax-sys-color-on-primary-surface),.55)}ax-conversation-message-list .message-own .forwarded-preview:hover{background:rgba(var(--ax-sys-color-on-primary-surface),.22);border-inline-start-color:rgba(var(--ax-sys-color-on-primary-surface),.75)}ax-conversation-message-list .forwarded-preview i{flex-shrink:0;font-size:.8125rem;color:rgba(var(--ax-sys-color-primary-600))}ax-conversation-message-list .forwarded-text{min-width:calc(var(--spacing, .25rem) * 0);overflow:hidden;font-size:.8125rem;text-overflow:ellipsis;white-space:nowrap;color:rgba(var(--ax-sys-color-on-surface));opacity:70%}ax-conversation-message-list .message-own .forwarded-preview i{color:rgba(var(--ax-sys-color-on-primary-surface));opacity:95%}ax-conversation-message-list .message-own .forwarded-text{color:rgba(var(--ax-sys-color-on-primary-surface));opacity:.78}ax-conversation-message-list .message-bubble-received:not(.message-system){--ax-comp-message-bubble-bg: rgb(var(--ax-sys-color-lightest-surface));background-color:var(--ax-comp-message-bubble-bg);border-bottom-left-radius:.25rem}ax-conversation-message-list .message-bubble-sent:not(.message-system){--ax-comp-message-bubble-bg: rgb(var(--ax-sys-color-primary-surface));background-color:var(--ax-comp-message-bubble-bg);color:rgb(var(--ax-sys-color-on-primary-surface));border-bottom-right-radius:.25rem}ax-conversation-message-list .message-bubble-received:not(.message-system):before,ax-conversation-message-list .message-bubble-received:not(.message-system):after,ax-conversation-message-list .message-bubble-sent:not(.message-system):before,ax-conversation-message-list .message-bubble-sent:not(.message-system):after{content:\"\";position:absolute;bottom:0;height:var(--ax-comp-message-bubble-tail-height);pointer-events:none;z-index:0}ax-conversation-message-list .message-bubble-received:not(.message-system):before,ax-conversation-message-list .message-bubble-sent:not(.message-system):before{width:var(--ax-comp-message-bubble-tail-fill-width);background-color:var(--ax-comp-message-bubble-bg)}ax-conversation-message-list .message-bubble-received:not(.message-system):after,ax-conversation-message-list .message-bubble-sent:not(.message-system):after{width:var(--ax-comp-message-bubble-tail-cutout-width);background:var(--ax-comp-message-list-surface-bg, rgb(var(--ax-sys-color-primary-lightest-surface)))}ax-conversation-message-list .message-bubble-received:not(.message-system):before{left:var(--ax-comp-message-bubble-tail-fill-offset);border-bottom-right-radius:var(--ax-comp-message-bubble-tail-curve)}ax-conversation-message-list .message-bubble-received:not(.message-system):after{left:var(--ax-comp-message-bubble-tail-cutout-offset);border-bottom-right-radius:var(--ax-comp-message-bubble-tail-cutout-curve)}ax-conversation-message-list .message-bubble-sent:not(.message-system):before{right:var(--ax-comp-message-bubble-tail-fill-offset);border-bottom-left-radius:var(--ax-comp-message-bubble-tail-curve)}ax-conversation-message-list .message-bubble-sent:not(.message-system):after{right:var(--ax-comp-message-bubble-tail-cutout-offset);border-bottom-left-radius:var(--ax-comp-message-bubble-tail-cutout-curve)}[dir=rtl] ax-conversation-message-list .message-bubble-received:not(.message-system){border-bottom-left-radius:1rem;border-bottom-right-radius:.25rem}[dir=rtl] ax-conversation-message-list .message-bubble-sent:not(.message-system){border-bottom-right-radius:1rem;border-bottom-left-radius:.25rem}[dir=rtl] ax-conversation-message-list .message-bubble-received:not(.message-system):before{left:auto;right:var(--ax-comp-message-bubble-tail-fill-offset);border-bottom-right-radius:0;border-bottom-left-radius:var(--ax-comp-message-bubble-tail-curve)}[dir=rtl] ax-conversation-message-list .message-bubble-received:not(.message-system):after{left:auto;right:var(--ax-comp-message-bubble-tail-cutout-offset);border-bottom-right-radius:0;border-bottom-left-radius:var(--ax-comp-message-bubble-tail-cutout-curve)}[dir=rtl] ax-conversation-message-list .message-bubble-sent:not(.message-system):before{right:auto;left:var(--ax-comp-message-bubble-tail-fill-offset);border-bottom-left-radius:0;border-bottom-right-radius:var(--ax-comp-message-bubble-tail-curve)}[dir=rtl] ax-conversation-message-list .message-bubble-sent:not(.message-system):after{right:auto;left:var(--ax-comp-message-bubble-tail-cutout-offset);border-bottom-left-radius:0;border-bottom-right-radius:var(--ax-comp-message-bubble-tail-cutout-curve)}ax-conversation-message-list .message-bubble.message-system:before,ax-conversation-message-list .message-bubble.message-system:after{display:none}ax-conversation-message-list .message-own .message-bubble{color:rgb(var(--ax-sys-color-on-primary-surface))}ax-conversation-message-list .message-bubble.message-system{background-color:transparent;padding:calc(var(--spacing, .25rem) * 0);--tw-shadow: 0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);max-width:100%}ax-conversation-message-list .message-item:has(.message-system){justify-content:center;padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:calc(var(--spacing, .25rem) * 1)}ax-conversation-message-list .message-item:has(.message-system) .message-content-row{max-width:100%;justify-content:center}ax-conversation-message-list .message-item:has(.message-system) .message-bubble-container{align-items:center}ax-conversation-message-list .message-content{font-size:.9375rem;--tw-leading: var(--leading-normal, 1.5);line-height:var(--leading-normal, 1.5);white-space:pre-wrap}ax-conversation-message-list ax-conversation-registry-component-outlet{display:block;max-width:100%;min-width:calc(var(--spacing, .25rem) * 0)}ax-conversation-message-list .message-footer{margin-top:.1rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:calc(var(--spacing, .25rem) * 1);padding-inline-start:calc(var(--spacing, .25rem) * 1);font-size:.6875rem;--tw-tracking: var(--tracking-wide, .025em);letter-spacing:var(--tracking-wide, .025em);opacity:70%;-webkit-user-select:none;user-select:none}ax-conversation-message-list .message-footer-count{display:inline-flex;align-items:center;gap:.2rem;font-size:.675rem;--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}ax-conversation-message-list .message-footer-count i{font-size:.625rem;opacity:90%}ax-conversation-message-list .message-footer-count-value{--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600)}ax-conversation-message-list .message-footer-split{margin-inline:.2rem;height:.65rem;width:1px;flex-shrink:0;align-self:center;background-color:rgba(var(--ax-sys-color-border-light-surface));opacity:90%}ax-conversation-message-list .message-time{font-size:.675rem;--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}ax-conversation-message-list .edited-indicator{display:inline-flex;align-items:center;gap:calc(var(--spacing, .25rem) * 1);border-inline-start-style:var(--tw-border-style);border-inline-start-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface));padding-inline-start:.35rem;font-size:.675rem;opacity:75%}ax-conversation-message-list .status-icon{display:inline-flex;align-items:center}ax-conversation-message-list .status-icon i{font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)))}ax-conversation-message-list .status-read{color:rgba(var(--ax-sys-color-primary-200))}ax-conversation-message-list .status-failed{color:rgba(var(--ax-sys-color-danger-200))}ax-conversation-message-list .message-reactions-bubbles{display:flex;flex-wrap:wrap;align-items:center;gap:.2rem}ax-conversation-message-list .reaction-bubble{margin:calc(var(--spacing, .25rem) * 0);display:inline-flex;min-height:1.375rem;cursor:pointer;align-items:center;justify-content:center;gap:.15rem;border-radius:var(--radius-xl, .75rem);padding-inline:.35rem;padding-block:.1rem;color:rgba(var(--ax-sys-color-on-surface));--tw-shadow: 0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);background:rgba(var(--ax-sys-color-on-surface),.06);border:1px solid rgba(var(--ax-sys-color-on-surface),.1);transition:background-color var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function),border-color var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function);font-family:\"Segoe UI Emoji\",Segoe UI Symbol,\"Noto Color Emoji\",\"Apple Color Emoji\",Twemoji Mozilla,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}ax-conversation-message-list .reaction-bubble:hover{background:rgba(var(--ax-sys-color-on-surface),.1);border-color:rgba(var(--ax-sys-color-on-surface),.18)}ax-conversation-message-list .reaction-bubble-active{background:rgba(var(--ax-sys-color-primary-500),.12);border-color:rgba(var(--ax-sys-color-primary-500),.45)}ax-conversation-message-list .reaction-bubble-active:hover{background:rgba(var(--ax-sys-color-primary-500),.18);border-color:rgba(var(--ax-sys-color-primary-500),.55)}ax-conversation-message-list .reaction-emoji{display:inline-block;font-size:.8125rem;--tw-leading: 1;line-height:1}ax-conversation-message-list .reaction-count{font-size:.6875rem;--tw-leading: 1;line-height:1;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-sys-color-on-surface));--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);opacity:.65}ax-conversation-message-list .reaction-bubble-active .reaction-count{--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);color:rgba(var(--ax-sys-color-primary-600));opacity:95%}ax-conversation-message-list .message-own .reaction-bubble{color:rgba(var(--ax-sys-color-on-primary-surface));background:rgba(var(--ax-sys-color-on-primary-surface),.12);border-color:rgba(var(--ax-sys-color-on-primary-surface),.2)}ax-conversation-message-list .message-own .reaction-bubble:hover{background:rgba(var(--ax-sys-color-on-primary-surface),.2);border-color:rgba(var(--ax-sys-color-on-primary-surface),.35)}ax-conversation-message-list .message-own .reaction-bubble-active{background:rgba(var(--ax-sys-color-on-primary-surface),.28);border-color:rgba(var(--ax-sys-color-on-primary-surface),.5)}ax-conversation-message-list .message-own .reaction-bubble-active:hover{background:rgba(var(--ax-sys-color-on-primary-surface),.34);border-color:rgba(var(--ax-sys-color-on-primary-surface),.6)}ax-conversation-message-list .message-own .reaction-count{color:rgba(var(--ax-sys-color-on-primary-surface));opacity:80%}ax-conversation-message-list .message-own .reaction-bubble-active .reaction-count{color:rgba(var(--ax-sys-color-on-primary-surface));opacity:100%}ax-conversation-message-list .message-reactions-container{margin-top:calc(var(--spacing, .25rem) * 1);display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:.2rem}ax-conversation-message-list .message-own .message-reactions-container{justify-content:flex-end}ax-conversation-message-list .message-own .message-footer .edited-indicator{border-inline-start-color:rgba(var(--ax-sys-color-on-primary-surface),.35)}ax-conversation-message-list .message-own .message-footer .message-footer-split{background:rgba(var(--ax-sys-color-on-primary-surface),.35)}ax-conversation-message-list .add-reaction-button.add-reaction-outside{position:absolute;top:50%;margin:calc(var(--spacing, .25rem) * 0);box-sizing:border-box;display:none;height:1.8rem;width:1.8rem;--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y);cursor:pointer;align-items:center;justify-content:center;border-radius:calc(infinity * 1px);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface));background-color:rgba(var(--ax-sys-color-surface));padding:calc(var(--spacing, .25rem) * 0);inset-inline-end:-2.35rem;box-shadow:0 1px 2px #0000000f}ax-conversation-message-list .add-reaction-button{padding-inline-start:.05rem}ax-conversation-message-list .message-content-row-own .add-reaction-button.add-reaction-outside{inset-inline-start:-2.35rem;inset-inline-end:auto}ax-conversation-message-list .message-item:hover .add-reaction-button.add-reaction-outside,ax-conversation-message-list .add-reaction-button.add-reaction-outside.add-reaction-visible{display:inline-flex}ax-conversation-message-list .add-reaction-button.add-reaction-outside:hover,ax-conversation-message-list .add-reaction-button.add-reaction-outside.add-reaction-visible{border-color:rgba(var(--ax-sys-color-primary-surface))}ax-conversation-message-list .add-reaction-button.add-reaction-outside i{font-size:.9rem;color:rgba(var(--ax-sys-color-on-surface));opacity:80%}ax-conversation-message-list .reaction-bubble:focus-visible,ax-conversation-message-list .add-reaction-button:focus-visible,ax-conversation-message-list .action-trigger:focus-visible,ax-conversation-message-list ax-fab.scroll-to-bottom ax-button:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px;outline-offset:2px;outline-color:rgba(var(--ax-sys-color-primary-surface))}ax-conversation-message-list .message-actions{z-index:10;padding-bottom:calc(var(--spacing, .25rem) * 6);opacity:0%;transition:opacity var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function)}ax-conversation-message-list .message-item:hover .message-actions{opacity:100%}ax-conversation-message-list .action-trigger{display:flex;height:calc(var(--spacing, .25rem) * 7);width:calc(var(--spacing, .25rem) * 7);cursor:pointer;align-items:center;justify-content:center;border-radius:var(--ax-sys-border-radius);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface));background-color:rgba(var(--ax-sys-color-surface));font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));transition:all var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function)}ax-conversation-message-list .action-trigger:hover{background-color:rgba(var(--ax-sys-color-light-surface))}ax-conversation-message-list .shortcut{font-size:.6875rem;opacity:70%}ax-conversation-message-list .scroll-to-bottom-wrapper{position:absolute;inset-inline-end:calc(var(--spacing, .25rem) * 4);bottom:calc(var(--spacing, .25rem) * 4);z-index:999}ax-conversation-message-list ax-fab.scroll-to-bottom ax-button{display:flex;height:calc(var(--spacing, .25rem) * 12);width:calc(var(--spacing, .25rem) * 12);cursor:pointer;align-items:center;justify-content:center;border-radius:calc(infinity * 1px);--tw-border-style: none;border-style:none}ax-conversation-message-list .scroll-to-bottom-enter{animation:axScrollToBottomEnter var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function) both}ax-conversation-message-list .scroll-to-bottom-leave{animation:axScrollToBottomLeave var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function) both}@media(prefers-reduced-motion:reduce){ax-conversation-message-list .scroll-to-bottom-enter,ax-conversation-message-list .scroll-to-bottom-leave{animation:none}}.reaction-picker-popup{width:max-content;min-width:calc(var(--spacing, .25rem) * 0);overflow:hidden;border-radius:.65rem;background-color:rgba(var(--ax-sys-color-lightest-surface));max-width:min(260px,92vw)}.reaction-picker-header{display:flex;min-height:calc(var(--spacing, .25rem) * 0);align-items:center;justify-content:space-between;gap:calc(var(--spacing, .25rem) * 2);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface));padding-block:.45rem;padding-inline-start:.7rem;padding-inline-end:calc(var(--spacing, .25rem) * 2)}.picker-title{font-size:.8125rem;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);--tw-tracking: var(--tracking-wide, .025em);letter-spacing:var(--tracking-wide, .025em);color:rgba(var(--ax-sys-color-on-surface));opacity:85%}.picker-close{display:flex;height:1.6rem;width:1.6rem;cursor:pointer;align-items:center;justify-content:center;border-radius:.25rem;--tw-border-style: none;border-style:none;background-color:transparent;padding:calc(var(--spacing, .25rem) * 0);font-size:.95rem;color:rgba(var(--ax-sys-color-on-surface),.55);transition:all var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function)}.picker-close:hover{background-color:rgba(var(--ax-sys-color-danger-lightest-surface));color:rgba(var(--ax-sys-color-danger-500))}.picker-close:focus-visible,.reaction-picker-emoji:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px;outline-offset:2px;outline-color:rgba(var(--ax-sys-color-primary-surface))}.reaction-picker-emojis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.2rem;padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:.45rem;padding-bottom:calc(var(--spacing, .25rem) * 2)}.reaction-picker-emoji{height:calc(var(--spacing, .25rem) * 8);width:calc(var(--spacing, .25rem) * 8);cursor:pointer;border-radius:.45rem;border-style:var(--tw-border-style);border-width:1px;border-color:transparent;background-color:transparent;padding:calc(var(--spacing, .25rem) * 0);font-size:1.15rem;--tw-leading: 1;line-height:1;transition:all var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function);font-family:\"Segoe UI Emoji\",Segoe UI Symbol,\"Noto Color Emoji\",\"Apple Color Emoji\",Twemoji Mozilla,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.reaction-picker-emoji:hover{background-color:rgba(var(--ax-sys-color-lighter-surface))}.reaction-picker-emoji-active{background-color:rgba(var(--ax-sys-color-surface))}.reaction-picker-emoji-active:hover{background:rgba(var(--ax-sys-color-primary-500),.25)}}@property --tw-outline-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-tracking{syntax: \"*\"; inherits: false;}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ordinal{syntax: \"*\"; inherits: false;}@property --tw-slashed-zero{syntax: \"*\"; inherits: false;}@property --tw-numeric-figure{syntax: \"*\"; inherits: false;}@property --tw-numeric-spacing{syntax: \"*\"; inherits: false;}@property --tw-numeric-fraction{syntax: \"*\"; inherits: false;}@property --tw-translate-x{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-translate-y{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-translate-z{syntax: \"*\"; inherits: false; initial-value: 0;}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeInUp{0%{transform:translate3d(0,100%,0);opacity:0}}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-outline-style: solid;--tw-leading: initial;--tw-font-weight: initial;--tw-tracking: initial;--tw-border-style: solid;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-ordinal: initial;--tw-slashed-zero: initial;--tw-numeric-figure: initial;--tw-numeric-spacing: initial;--tw-numeric-fraction: initial;--tw-translate-x: 0;--tw-translate-y: 0;--tw-translate-z: 0}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"] }]
+                    ], template: "@if (activeConversation(); as conv) {\n  @if (conv.id) {\n    <div\n      class=\"message-list message-list--conversation-surface\"\n      [class.message-list--drag]=\"messageListDragging()\"\n      #messageList\n      role=\"log\"\n      [attr.aria-label]=\"'@acorex:chat.aria.message-list' | translate | async\"\n      aria-live=\"polite\"\n      [style.background]=\"messageListBackgroundStyle()\"\n      [style.--ax-comp-message-list-surface-bg]=\"messageListBackgroundStyle()\"\n      axUploaderZone\n      [disableBrowse]=\"true\"\n      (dragEnter)=\"onMessageListDragEnter()\"\n      (dragLeave)=\"onMessageListDragLeave()\"\n      (fileChange)=\"onMessageListFilesDropped($event)\"\n    >\n      @if (loading()) {\n        <div\n          class=\"list-loading\"\n          role=\"status\"\n          aria-busy=\"true\"\n          [attr.aria-label]=\"'@acorex:chat.status.loading-messages' | translate | async\"\n        >\n          <div class=\"messages-skeleton\" aria-hidden=\"true\">\n            @for (item of loadingSkeletonItems; track item) {\n              <div class=\"message-skeleton\" [class.message-skeleton--own]=\"$odd\">\n                @if ($even && isGroupConversation()) {\n                  <ax-skeleton class=\"message-skeleton-avatar\" [animated]=\"true\"></ax-skeleton>\n                }\n                <ax-skeleton\n                  class=\"message-skeleton-bubble\"\n                  [class.message-skeleton-bubble--short]=\"$index % 3 === 1\"\n                  [class.message-skeleton-bubble--medium]=\"$index % 3 === 2\"\n                  [animated]=\"true\"\n                ></ax-skeleton>\n              </div>\n            }\n          </div>\n        </div>\n      } @else if (messages().length === 0) {\n        <div class=\"list-empty\" role=\"status\" [attr.aria-label]=\"'@acorex:chat.status.no-messages' | translate | async\">\n          <ng-content select=\"ax-conversation-message-list-empty, [ax-conversation-message-list-empty]\">\n            <ng-container\n              *ngComponentOutlet=\"resolvedEmptyStateComponent(); inputs: { conversation: activeConversation()! }\"\n            ></ng-container>\n          </ng-content>\n        </div>\n      } @else {\n        <div\n          class=\"messages-container\"\n          (scroll)=\"onScroll($event)\"\n          axInfiniteScroll\n          [threshold]=\"config.infiniteScrollThreshold\"\n          [edge]=\"'top'\"\n          [scrollDisabled]=\"loading() || loadingMore() || !hasMoreMessages()\"\n          (scrollThreshold)=\"onScrollThreshold($event)\"\n          #messagesContainer\n          role=\"feed\"\n          [attr.aria-label]=\"'@acorex:chat.aria.messages' | translate | async\"\n        >\n          @if (loadingMore()) {\n            <div\n              class=\"list-loading-more list-loading-more--prepend\"\n              role=\"status\"\n              animate.enter=\"load-more-enter\"\n              animate.leave=\"load-more-leave\"\n              [attr.aria-label]=\"'@acorex:chat.status.loading-older-messages' | translate | async\"\n            >\n              <div class=\"load-more-indicator\" aria-hidden=\"true\">\n                <span class=\"load-more-dot\"></span>\n                <span class=\"load-more-dot\"></span>\n                <span class=\"load-more-dot\"></span>\n              </div>\n              <ax-label class=\"load-more-label\">{{\n                '@acorex:chat.status.loading-older-messages' | translate | async\n              }}</ax-label>\n            </div>\n          }\n          @for (group of messageGroups(); track group.date) {\n            <!-- Date Separator -->\n            <div class=\"date-separator\" role=\"separator\" [attr.aria-label]=\"getDateSeparatorAriaLabel(group.dateLabel)\">\n              <span class=\"date-separator__label\">{{ group.dateLabel }}</span>\n            </div>\n\n            <!-- Messages in this date group -->\n            @for (message of group.messages; track message.id) {\n              <div\n                [class]=\"getMessageClasses(message)\"\n                role=\"article\"\n                [attr.aria-label]=\"getMessageAriaLabel(message)\"\n                [id]=\"'message-' + message.id\"\n              >\n                <!-- Avatar (only for group conversations and received messages) -->\n                @if (shouldShowAvatar(message)) {\n                  <div class=\"message-avatar\">\n                    <ax-conversation-avatar\n                      kind=\"user\"\n                      [userId]=\"message.senderId\"\n                      [conversation]=\"activeConversation()\"\n                      [message]=\"message\"\n                      [size]=\"32\"\n                    />\n                  </div>\n                }\n\n                <div class=\"message-content-row\" [class.message-content-row-own]=\"isOwnMessage(message)\">\n                  @if (messageSupportsReactions(message)) {\n                    <button\n                      type=\"button\"\n                      class=\"add-reaction-button add-reaction-outside\"\n                      [class.add-reaction-visible]=\"reactionPickerTarget() === message.id\"\n                      (click)=\"toggleReactionPicker(message, $event)\"\n                      [attr.aria-label]=\"'@acorex:chat.actions.add-reaction' | translate | async\"\n                      #reactionButton\n                    >\n                      <i class=\"fa-light fa-face-smile\"></i>\n                    </button>\n                  }\n\n                  <div\n                    class=\"message-bubble-container\"\n                    [id]=\"'message-bubble-' + message.id\"\n                    [attr.data-message-id]=\"message.id\"\n                  >\n                    <div\n                      [class]=\"getBubbleClasses(message)\"\n                      [class.message-bubble-sent]=\"message.senderId === currentUser()?.id\"\n                      [class.message-bubble-received]=\"message.senderId !== currentUser()?.id\"\n                    >\n                      <!-- Sender name (only for group conversations and received messages) -->\n                      @if (shouldShowSenderName(message)) {\n                        <div class=\"message-sender\">{{ getSenderName(message) }}:</div>\n                      }\n\n                      <!-- Reply Preview -->\n                      @if (message.replyTo) {\n                        <div\n                          class=\"reply-preview\"\n                          (click)=\"scrollToMessage(message.replyTo.id)\"\n                          role=\"button\"\n                          [attr.aria-label]=\"'Reply to ' + getSenderName(message.replyTo)\"\n                          (keydown.enter)=\"scrollToMessage(message.replyTo.id)\"\n                          (keydown.space)=\"scrollToMessage(message.replyTo.id)\"\n                        >\n                          <div class=\"reply-preview-content\">\n                            <div class=\"reply-preview-sender\">{{ getSenderName(message.replyTo) }}</div>\n                            <div class=\"reply-preview-text\">\n                              @if (getMessagePreviewText(message.replyTo); as preview) {\n                                <span class=\"last-message\">\n                                  @if (preview.type !== 'text') {\n                                    <i [class]=\"preview.icon\"></i\n                                    >{{ '@acorex:chat.' + preview.type | translate | async }}\n                                  } @else {\n                                    {{ preview.value }}\n                                  }\n                                </span>\n                              }\n                            </div>\n                          </div>\n                        </div>\n                      }\n\n                      <!-- Forwarded Indicator -->\n                      @if (message.forwarded) {\n                        <div class=\"forwarded-preview\">\n                          <i class=\"fa-solid fa-share\"></i>\n                          <span class=\"forwarded-text\">{{ getForwardedText(message) }}</span>\n                        </div>\n                      }\n\n                      <ax-conversation-registry-component-outlet\n                        [component]=\"getRendererComponent(message)\"\n                        [componentLoader]=\"getRendererComponentLoader(message)\"\n                        [inputs]=\"getRendererInputs(message)\"\n                      />\n\n                      @if (messageSupportsReactions(message) && message.reactions.length > 0) {\n                        <div class=\"message-reactions-container\">\n                          <div class=\"message-reactions-bubbles\">\n                            @for (reaction of getGroupedReactions(message); track reaction.emoji) {\n                              <button\n                                type=\"button\"\n                                class=\"reaction-bubble\"\n                                [class.reaction-bubble-active]=\"reaction.hasReacted\"\n                                (click)=\"onReactionClick(message, reaction.emoji)\"\n                                [attr.aria-label]=\"reaction.emoji + ' ' + reaction.count\"\n                              >\n                                <span class=\"reaction-emoji\">{{ reaction.emoji }}</span>\n                                @if (reaction.count > 1) {\n                                  <span class=\"reaction-count\">{{ reaction.count }}</span>\n                                }\n                              </button>\n                            }\n                          </div>\n                        </div>\n                      }\n\n                      <!-- Message Footer -->\n                      <div class=\"message-footer\">\n                        @let replyCount = getReplyCount(message);\n                        @let forwardCount = getForwardCount(message);\n                        @if (replyCount > 0) {\n                          <span class=\"message-footer-count\" [attr.aria-label]=\"replyCount + ' replies'\">\n                            <i class=\"fa-solid fa-message\" aria-hidden=\"true\"></i>\n                            <span class=\"message-footer-count-value\">{{ replyCount }}</span>\n                          </span>\n                        }\n                        @if (forwardCount > 0) {\n                          <span class=\"message-footer-count\" [attr.aria-label]=\"forwardCount + ' forwards'\">\n                            <i class=\"fa-solid fa-share\" aria-hidden=\"true\"></i>\n                            <span class=\"message-footer-count-value\">{{ forwardCount }}</span>\n                          </span>\n                        }\n                        @if (replyCount > 0 || forwardCount > 0) {\n                          <span class=\"message-footer-split\" aria-hidden=\"true\"></span>\n                        }\n                        <span class=\"message-time\">{{ message.timestamp | format: 'timeleft' | async }}</span>\n                        @if (message.editedAt) {\n                          <span class=\"edited-indicator\">\n                            <span>{{ '@acorex:chat.status.edited' | translate | async }}</span>\n                          </span>\n                        }\n                        @if (isOwnMessage(message)) {\n                          <span [class]=\"getStatusIconClasses(message)\">\n                            <ax-icon><i [class]=\"getStatusIcon(message)\"></i></ax-icon>\n                          </span>\n                        }\n                      </div>\n                    </div>\n                  </div>\n                </div>\n\n                <!-- Context Menu for Message Actions -->\n                <ax-context-menu\n                  [target]=\"'#message-bubble-' + message.id\"\n                  [openOn]=\"'click'\"\n                  [closeOn]=\"'click'\"\n                  (onOpening)=\"handleMessageContextMenuOpening($event, message)\"\n                  (onClose)=\"contextMenuMessageId.set(null)\"\n                  (onItemClick)=\"handleMessageContextMenuItemClick($event, message)\"\n                >\n                </ax-context-menu>\n              </div>\n            }\n          }\n        </div>\n\n        <!-- Scroll to Bottom Button -->\n        @if (showScrollButton()) {\n          <div\n            class=\"scroll-to-bottom-wrapper\"\n            animate.enter=\"scroll-to-bottom-enter\"\n            animate.leave=\"scroll-to-bottom-leave\"\n          >\n            <ax-fab\n              class=\"scroll-to-bottom\"\n              (onClick)=\"scrollToBottom()\"\n              [attr.aria-label]=\"'@acorex:chat.actions.scroll-to-bottom' | translate | async\"\n            >\n              <ax-icon><i class=\"fa-light fa-arrow-down\" aria-hidden=\"true\"></i></ax-icon>\n            </ax-fab>\n          </div>\n        }\n      }\n    </div>\n  }\n\n  <!-- Reaction Picker Popover -->\n  @if (reactionsEnabled() && reactionPickerTarget()) {\n    <ax-popover\n      #reactionPopover\n      [target]=\"reactionPickerElement()\"\n      [openOn]=\"'manual'\"\n      [closeOn]=\"'clickOut'\"\n      [placement]=\"reactionPickerPlacement()\"\n      (onClose)=\"closeReactionPicker()\"\n    >\n      <div class=\"reaction-picker-popup\">\n        <div class=\"reaction-picker-header\">\n          <span class=\"picker-title\">{{ '@acorex:chat.actions.react' | translate | async }}</span>\n          <button\n            type=\"button\"\n            class=\"picker-close\"\n            (click)=\"closeReactionPicker()\"\n            [attr.aria-label]=\"'@acorex:chat.actions.close' | translate | async\"\n          >\n            <i class=\"fa-light fa-xmark\"></i>\n          </button>\n        </div>\n        <div\n          class=\"reaction-picker-emojis\"\n          role=\"listbox\"\n          [attr.aria-label]=\"'@acorex:chat.actions.choose-reaction' | translate | async\"\n        >\n          @for (emoji of availableReactions(); track emoji) {\n            <button\n              type=\"button\"\n              class=\"reaction-picker-emoji\"\n              [class.reaction-picker-emoji-active]=\"hasUserReactedById(reactionPickerTarget()!, emoji)\"\n              (click)=\"onReactionClickById(reactionPickerTarget()!, emoji); closeReactionPicker()\"\n              [attr.aria-label]=\"emoji\"\n            >\n              {{ emoji }}\n            </button>\n          }\n        </div>\n      </div>\n    </ax-popover>\n  }\n} @else {\n  <div\n    class=\"message-list message-list--no-active\"\n    role=\"region\"\n    [attr.aria-label]=\"'@acorex:chat.status.no-conversation-selected' | translate | async\"\n  >\n    <div class=\"list-no-active\">\n      <ng-content select=\"ax-conversation-message-list-no-active, [ax-conversation-message-list-no-active]\">\n        <ng-container *ngComponentOutlet=\"noActiveFallbackComponent\"></ng-container>\n      </ng-content>\n    </div>\n  </div>\n}\n", styles: ["@layer properties;@layer components{ax-conversation-message-list{position:relative;display:block;height:100%;container-type:inline-size;--ax-comp-message-bubble-tail-height: 1.5625rem;--ax-comp-message-bubble-tail-fill-width: 1.25rem;--ax-comp-message-bubble-tail-fill-offset: -.4375rem;--ax-comp-message-bubble-tail-cutout-width: 1.625rem;--ax-comp-message-bubble-tail-cutout-offset: -1.625rem;--ax-comp-message-bubble-tail-curve: 1rem 0rem;--ax-comp-message-bubble-tail-cutout-curve: .625rem;@keyframes axConversationSurfaceIn{0%{opacity:0}to{opacity:1}}@keyframes axConversationSurfaceInReduced{0%{opacity:.92}to{opacity:1}}@keyframes messagesSkeletonIn{0%{opacity:0;transform:translateY(-.75rem)}to{opacity:1;transform:translateY(0)}}@keyframes messagesSkeletonInReduced{0%{opacity:.85}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes axChatLoadMoreDot{0%,70%,to{transform:translateY(0) scale(1);opacity:.4}35%{transform:translateY(-.28rem) scale(1.08);opacity:1}}@keyframes axChatLoadMoreEnterPrepend{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}@keyframes axChatLoadMoreLeavePrepend{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-.35rem)}}@keyframes axScrollToBottomEnter{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes axScrollToBottomLeave{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}}ax-conversation-message-list .message-list{position:relative;display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);flex-direction:column;overflow:hidden}ax-conversation-message-list .message-list.ax-drop-zone>.ax-uploader-overlay-state{display:none!important}ax-conversation-message-list .message-list--drag{outline-style:var(--tw-outline-style);outline-width:2px;outline-color:rgba(var(--ax-sys-color-primary-surface));--tw-outline-style: dashed;outline-style:dashed;outline-offset:-2px}ax-conversation-message-list .message-list--conversation-surface{animation:axConversationSurfaceIn .36s cubic-bezier(.22,1,.36,1) both}@media(prefers-reduced-motion:reduce){ax-conversation-message-list .message-list--conversation-surface{animation:axConversationSurfaceInReduced .18s ease both}}ax-conversation-message-list .list-loading{display:flex;min-height:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column;justify-content:flex-start;overflow-x:hidden;overflow-y:auto}ax-conversation-message-list .messages-skeleton{display:flex;width:100%;flex-direction:column;gap:calc(var(--spacing, .25rem) * 3);padding-inline:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 6);animation:messagesSkeletonIn .42s cubic-bezier(.22,1,.36,1) both}ax-conversation-message-list .message-skeleton{display:flex;align-items:flex-end;gap:calc(var(--spacing, .25rem) * 2)}ax-conversation-message-list .message-skeleton--own{flex-direction:row-reverse}ax-conversation-message-list .message-skeleton-avatar{height:calc(var(--spacing, .25rem) * 8);width:calc(var(--spacing, .25rem) * 8);flex-shrink:0;border-radius:calc(infinity * 1px)}ax-conversation-message-list .messages-skeleton ax-skeleton.message-skeleton-avatar.ax-skeleton{background-color:rgba(var(--ax-sys-color-on-surface),.16)}ax-conversation-message-list .messages-skeleton ax-skeleton.message-skeleton-avatar.ax-skeleton-animate:before{background-image:linear-gradient(to right,transparent,rgba(var(--ax-sys-color-on-surface),.22) 50%,transparent)}ax-conversation-message-list .messages-skeleton ax-skeleton.message-skeleton-bubble.ax-skeleton{background-color:rgb(var(--ax-sys-color-lightest-surface));box-shadow:0 1px 2px rgba(var(--ax-sys-color-on-surface),.08)}ax-conversation-message-list .messages-skeleton ax-skeleton.message-skeleton-bubble.ax-skeleton-animate:before{background-image:linear-gradient(to right,transparent,rgba(var(--ax-sys-color-on-surface),.14) 50%,transparent)}ax-conversation-message-list .message-skeleton--own ax-skeleton.message-skeleton-bubble.ax-skeleton{background-color:rgb(var(--ax-sys-color-primary-surface));box-shadow:0 1px 2px rgba(var(--ax-sys-color-primary-900),.12)}ax-conversation-message-list .message-skeleton--own ax-skeleton.message-skeleton-bubble.ax-skeleton-animate:before{background-image:linear-gradient(to right,transparent,rgba(var(--ax-sys-color-on-primary-surface),.2) 50%,transparent)}ax-conversation-message-list .message-skeleton-bubble{height:calc(var(--spacing, .25rem) * 10);border-radius:var(--radius-2xl, 1rem);width:min(62%,17.5rem)}ax-conversation-message-list .message-skeleton-bubble--short{height:calc(var(--spacing, .25rem) * 8);width:min(36%,9.5rem)}ax-conversation-message-list .message-skeleton-bubble--medium{height:calc(var(--spacing, .25rem) * 9);width:min(48%,13rem)}@media(prefers-reduced-motion:reduce){ax-conversation-message-list .messages-skeleton{animation:messagesSkeletonInReduced .2s ease both}}ax-conversation-message-list .list-empty{display:flex;min-height:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 5);padding-inline:calc(var(--spacing, .25rem) * 8);padding-block:calc(var(--spacing, .25rem) * 12);text-align:center;animation:fadeInUp .5s ease-out}ax-conversation-message-list .message-list--no-active{height:100%}ax-conversation-message-list .list-no-active{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 48);flex-direction:column;align-items:center;justify-content:center}ax-conversation-message-list .empty-icon{margin-bottom:calc(var(--spacing, .25rem) * 2);font-size:5.5rem;--tw-leading: 1;line-height:1;opacity:35%;filter:grayscale(.2)}ax-conversation-message-list .empty-title{margin:calc(var(--spacing, .25rem) * 0);font-size:1.625rem;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);--tw-tracking: var(--tracking-tight, -.025em);letter-spacing:var(--tracking-tight, -.025em);color:rgba(var(--ax-sys-color-on-surface))}ax-conversation-message-list .empty-description{margin:calc(var(--spacing, .25rem) * 0);max-width:420px;font-size:1.0625rem;--tw-leading: var(--leading-relaxed, 1.625);line-height:var(--leading-relaxed, 1.625);color:rgba(var(--ax-sys-color-on-surface));opacity:.65}ax-conversation-message-list .spinner{margin-bottom:calc(var(--spacing, .25rem) * 4);height:calc(var(--spacing, .25rem) * 8);width:calc(var(--spacing, .25rem) * 8);border-radius:calc(infinity * 1px);border-style:var(--tw-border-style);border-width:3px;border-color:rgba(var(--ax-sys-color-border-light-surface));border-top-color:rgb(var(--ax-sys-color-primary-500));animation:spin .8s linear infinite}ax-conversation-message-list .list-loading-more{display:flex;flex-direction:column;align-items:center;gap:calc(var(--spacing, .25rem) * 2);padding-inline:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 3);padding-bottom:calc(var(--spacing, .25rem) * 2);text-align:center;color:rgba(var(--ax-sys-color-on-surface));opacity:85%}ax-conversation-message-list .load-more-indicator{display:flex;min-height:calc(var(--spacing, .25rem) * 5);align-items:center;justify-content:center;gap:.3rem}ax-conversation-message-list .load-more-dot{height:.4rem;width:.4rem;border-radius:calc(infinity * 1px);background-color:rgba(var(--ax-sys-color-primary-500));animation:axChatLoadMoreDot 1s ease-in-out infinite}ax-conversation-message-list .load-more-dot:nth-child(2){animation-delay:.14s}ax-conversation-message-list .load-more-dot:nth-child(3){animation-delay:.28s}ax-conversation-message-list .load-more-label{font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-tracking: var(--tracking-wide, .025em);letter-spacing:var(--tracking-wide, .025em);opacity:70%}ax-conversation-message-list .load-more-enter{animation:axChatLoadMoreEnterPrepend .32s cubic-bezier(.22,1,.36,1) both}ax-conversation-message-list .load-more-leave{animation:axChatLoadMoreLeavePrepend .22s ease both}@media(prefers-reduced-motion:reduce){ax-conversation-message-list .load-more-dot{animation:none;opacity:.65}ax-conversation-message-list .load-more-enter,ax-conversation-message-list .load-more-leave{animation:none}}ax-conversation-message-list .messages-container{position:relative;min-height:calc(var(--spacing, .25rem) * 0);width:100%;flex:1;overflow-x:hidden;overflow-y:auto}ax-conversation-message-list .date-separator{pointer-events:none;position:sticky;z-index:150;display:flex;align-items:center;justify-content:center;top:.5rem;padding:.375rem 1rem .625rem;margin-block:.125rem .375rem}ax-conversation-message-list .date-separator__label{pointer-events:auto;display:inline-flex;width:calc(var(--spacing, .25rem) * 32);max-width:min(100%,18rem);align-items:center;justify-content:center;border-radius:calc(infinity * 1px);background-color:var(--color-surface);color:var(--color-on-surface);border-color:var(--color-border-surface);padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 1);text-align:center;font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-leading: var(--leading-tight, 1.25);line-height:var(--leading-tight, 1.25);--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);white-space:nowrap;-webkit-user-select:none;user-select:none}ax-conversation-message-list .unread-separator{margin-block:calc(var(--spacing, .25rem) * 6);display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 3);padding-inline:calc(var(--spacing, .25rem) * 4)}ax-conversation-message-list .unread-separator-line{height:1px;flex:1;background-color:rgba(var(--ax-sys-color-primary-surface));opacity:30%}ax-conversation-message-list .unread-separator-text{font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);--tw-tracking: var(--tracking-wide, .025em);letter-spacing:var(--tracking-wide, .025em);white-space:nowrap;color:rgba(var(--ax-sys-color-primary-surface));text-transform:uppercase}ax-conversation-message-list .message-item{position:relative;display:flex;align-items:flex-end;gap:calc(var(--spacing, .25rem) * 2);padding-inline:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 2);--tw-leading: calc(var(--spacing, .25rem) * 4);line-height:calc(var(--spacing, .25rem) * 4);transition:background-color .3s ease}ax-conversation-message-list .message-item-context-active{border-radius:var(--radius-lg, .5rem);background-color:rgba(var(--ax-sys-color-primary-500),.09);box-shadow:inset 0 0 0 1px rgba(var(--ax-sys-color-primary-500),.22)}ax-conversation-message-list .message-own.message-item-context-active{background-color:rgba(var(--ax-sys-color-primary-500),.12)}ax-conversation-message-list .message-highlight{border-radius:var(--radius-lg, .5rem);background-color:rgba(var(--ax-sys-color-primary-500),.1)}ax-conversation-message-list .message-item.message-own{flex-direction:row-reverse}ax-conversation-message-list .message-avatar{z-index:5;flex-shrink:0}ax-conversation-message-list .message-avatar-icon{display:flex;height:100%;width:100%;align-items:center;justify-content:center;font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));--tw-leading: 1;line-height:1}ax-conversation-message-list .message-content-row{position:relative;display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:0 1 auto;flex-direction:row;align-items:flex-end;gap:calc(var(--spacing, .25rem) * 1);max-width:min(95%,50rem)}ax-conversation-message-list .message-content-row:has(.add-reaction-button.add-reaction-outside) .message-bubble-container{margin-inline-end:.375rem}ax-conversation-message-list .message-content-row-own:has(.add-reaction-button.add-reaction-outside) .message-bubble-container{margin-inline-end:0;margin-inline-start:.375rem}@container (min-width: 768px){ax-conversation-message-list .message-content-row{max-width:min(70%,50rem)}}ax-conversation-message-list .message-content-row-own{justify-content:flex-end}ax-conversation-message-list .message-item:not(.message-own) .message-content-row{justify-content:flex-start}ax-conversation-message-list .message-bubble-container{position:relative;display:flex;max-width:100%;min-width:calc(var(--spacing, .25rem) * 0);flex:1 1 auto;flex-direction:column}ax-conversation-message-list .message-own .message-bubble-container{align-items:flex-end}ax-conversation-message-list .message-sender{margin-bottom:.1rem;font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600)}ax-conversation-message-list .message-bubble{position:relative;display:flex;max-width:100%;flex-direction:column;border-radius:var(--radius-2xl, 1rem);padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:calc(var(--spacing, .25rem) * 2);padding-bottom:.1rem;overflow-wrap:break-word;transition:background-color .3s ease}ax-conversation-message-list .message-bubble>*{position:relative;z-index:1}ax-conversation-message-list .reply-preview{margin-bottom:calc(var(--spacing, .25rem) * 2);cursor:pointer;border-radius:var(--ax-sys-border-radius);border-inline-start-style:var(--tw-border-style);border-inline-start-width:3px;padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:calc(var(--spacing, .25rem) * 1.5);background:rgba(var(--ax-sys-color-primary-500),.08);border-inline-start-color:rgb(var(--ax-sys-color-primary-500));transition:background-color var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function),border-color var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function)}ax-conversation-message-list .reply-preview:hover{background:rgba(var(--ax-sys-color-primary-500),.14);border-inline-start-color:rgb(var(--ax-sys-color-primary-600))}ax-conversation-message-list .message-own .reply-preview{border-inline-start-style:var(--tw-border-style);border-inline-start-width:3px;background:rgba(var(--ax-sys-color-on-primary-surface),.14);border-inline-start-color:rgba(var(--ax-sys-color-on-primary-surface),.55)}ax-conversation-message-list .message-own .reply-preview:hover{background:rgba(var(--ax-sys-color-on-primary-surface),.22);border-inline-start-color:rgba(var(--ax-sys-color-on-primary-surface),.75)}ax-conversation-message-list .reply-preview-line{width:3px;flex-shrink:0;border-radius:1.5px;background:currentColor;opacity:.5}ax-conversation-message-list .reply-preview-content{min-width:calc(var(--spacing, .25rem) * 0);flex:1}ax-conversation-message-list .reply-preview-sender{margin-bottom:calc(var(--spacing, .25rem) * .5);font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);color:rgba(var(--ax-sys-color-primary-600))}ax-conversation-message-list .reply-preview-text{overflow:hidden;font-size:.8125rem;text-overflow:ellipsis;white-space:nowrap;color:rgba(var(--ax-sys-color-on-surface));opacity:70%}ax-conversation-message-list .message-own .reply-preview-sender{color:rgba(var(--ax-sys-color-on-primary-surface));opacity:95%}ax-conversation-message-list .message-own .reply-preview-text{color:rgba(var(--ax-sys-color-on-primary-surface));opacity:.78}ax-conversation-message-list .last-message{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 1)}ax-conversation-message-list .forwarded-preview{margin-bottom:.1rem;display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 1.5);border-radius:var(--ax-sys-border-radius);border-inline-start-style:var(--tw-border-style);border-inline-start-width:3px;padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:calc(var(--spacing, .25rem) * 1.5);background:rgba(var(--ax-sys-color-primary-500),.08);border-inline-start-color:rgb(var(--ax-sys-color-primary-500));transition:background-color var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function),border-color var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function)}ax-conversation-message-list .forwarded-preview:hover{background:rgba(var(--ax-sys-color-primary-500),.14);border-inline-start-color:rgb(var(--ax-sys-color-primary-600))}ax-conversation-message-list .message-own .forwarded-preview{border-inline-start-style:var(--tw-border-style);border-inline-start-width:3px;background:rgba(var(--ax-sys-color-on-primary-surface),.14);border-inline-start-color:rgba(var(--ax-sys-color-on-primary-surface),.55)}ax-conversation-message-list .message-own .forwarded-preview:hover{background:rgba(var(--ax-sys-color-on-primary-surface),.22);border-inline-start-color:rgba(var(--ax-sys-color-on-primary-surface),.75)}ax-conversation-message-list .forwarded-preview i{flex-shrink:0;font-size:.8125rem;color:rgba(var(--ax-sys-color-primary-600))}ax-conversation-message-list .forwarded-text{min-width:calc(var(--spacing, .25rem) * 0);overflow:hidden;font-size:.8125rem;text-overflow:ellipsis;white-space:nowrap;color:rgba(var(--ax-sys-color-on-surface));opacity:70%}ax-conversation-message-list .message-own .forwarded-preview i{color:rgba(var(--ax-sys-color-on-primary-surface));opacity:95%}ax-conversation-message-list .message-own .forwarded-text{color:rgba(var(--ax-sys-color-on-primary-surface));opacity:.78}ax-conversation-message-list .message-bubble-received:not(.message-system){--ax-comp-message-bubble-bg: rgb(var(--ax-sys-color-lightest-surface));background-color:var(--ax-comp-message-bubble-bg);border-bottom-left-radius:.25rem}ax-conversation-message-list .message-bubble-sent:not(.message-system){--ax-comp-message-bubble-bg: rgb(var(--ax-sys-color-primary-surface));background-color:var(--ax-comp-message-bubble-bg);color:rgb(var(--ax-sys-color-on-primary-surface));border-bottom-right-radius:.25rem}ax-conversation-message-list .message-bubble-received:not(.message-system):before,ax-conversation-message-list .message-bubble-received:not(.message-system):after,ax-conversation-message-list .message-bubble-sent:not(.message-system):before,ax-conversation-message-list .message-bubble-sent:not(.message-system):after{content:\"\";position:absolute;bottom:0;height:var(--ax-comp-message-bubble-tail-height);pointer-events:none;z-index:0}ax-conversation-message-list .message-bubble-received:not(.message-system):before,ax-conversation-message-list .message-bubble-sent:not(.message-system):before{width:var(--ax-comp-message-bubble-tail-fill-width);background-color:var(--ax-comp-message-bubble-bg)}ax-conversation-message-list .message-bubble-received:not(.message-system):after,ax-conversation-message-list .message-bubble-sent:not(.message-system):after{width:var(--ax-comp-message-bubble-tail-cutout-width);background:var(--ax-comp-message-list-surface-bg, rgb(var(--ax-sys-color-primary-lightest-surface)))}ax-conversation-message-list .message-bubble-received:not(.message-system):before{left:var(--ax-comp-message-bubble-tail-fill-offset);border-bottom-right-radius:var(--ax-comp-message-bubble-tail-curve)}ax-conversation-message-list .message-bubble-received:not(.message-system):after{left:var(--ax-comp-message-bubble-tail-cutout-offset);border-bottom-right-radius:var(--ax-comp-message-bubble-tail-cutout-curve)}ax-conversation-message-list .message-bubble-sent:not(.message-system):before{right:var(--ax-comp-message-bubble-tail-fill-offset);border-bottom-left-radius:var(--ax-comp-message-bubble-tail-curve)}ax-conversation-message-list .message-bubble-sent:not(.message-system):after{right:var(--ax-comp-message-bubble-tail-cutout-offset);border-bottom-left-radius:var(--ax-comp-message-bubble-tail-cutout-curve)}[dir=rtl] ax-conversation-message-list .message-bubble-received:not(.message-system){border-bottom-left-radius:1rem;border-bottom-right-radius:.25rem}[dir=rtl] ax-conversation-message-list .message-bubble-sent:not(.message-system){border-bottom-right-radius:1rem;border-bottom-left-radius:.25rem}[dir=rtl] ax-conversation-message-list .message-bubble-received:not(.message-system):before{left:auto;right:var(--ax-comp-message-bubble-tail-fill-offset);border-bottom-right-radius:0;border-bottom-left-radius:var(--ax-comp-message-bubble-tail-curve)}[dir=rtl] ax-conversation-message-list .message-bubble-received:not(.message-system):after{left:auto;right:var(--ax-comp-message-bubble-tail-cutout-offset);border-bottom-right-radius:0;border-bottom-left-radius:var(--ax-comp-message-bubble-tail-cutout-curve)}[dir=rtl] ax-conversation-message-list .message-bubble-sent:not(.message-system):before{right:auto;left:var(--ax-comp-message-bubble-tail-fill-offset);border-bottom-left-radius:0;border-bottom-right-radius:var(--ax-comp-message-bubble-tail-curve)}[dir=rtl] ax-conversation-message-list .message-bubble-sent:not(.message-system):after{right:auto;left:var(--ax-comp-message-bubble-tail-cutout-offset);border-bottom-left-radius:0;border-bottom-right-radius:var(--ax-comp-message-bubble-tail-cutout-curve)}ax-conversation-message-list .message-bubble.message-system:before,ax-conversation-message-list .message-bubble.message-system:after{display:none}ax-conversation-message-list .message-own .message-bubble{color:rgb(var(--ax-sys-color-on-primary-surface))}ax-conversation-message-list .message-bubble.message-system{background-color:transparent;padding:calc(var(--spacing, .25rem) * 0);--tw-shadow: 0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);max-width:100%}ax-conversation-message-list .message-item:has(.message-system){justify-content:center;padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:calc(var(--spacing, .25rem) * 1)}ax-conversation-message-list .message-item:has(.message-system) .message-content-row{max-width:100%;justify-content:center}ax-conversation-message-list .message-item:has(.message-system) .message-bubble-container{align-items:center}ax-conversation-message-list .message-content{font-size:.9375rem;--tw-leading: var(--leading-normal, 1.5);line-height:var(--leading-normal, 1.5);white-space:pre-wrap}ax-conversation-message-list ax-conversation-registry-component-outlet{display:block;max-width:100%;min-width:calc(var(--spacing, .25rem) * 0)}ax-conversation-message-list .message-footer{margin-top:.1rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:calc(var(--spacing, .25rem) * 1);padding-inline-start:calc(var(--spacing, .25rem) * 1);font-size:.6875rem;--tw-tracking: var(--tracking-wide, .025em);letter-spacing:var(--tracking-wide, .025em);opacity:70%;-webkit-user-select:none;user-select:none}ax-conversation-message-list .message-footer-count{display:inline-flex;align-items:center;gap:.2rem;font-size:.675rem;--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}ax-conversation-message-list .message-footer-count i{font-size:.625rem;opacity:90%}ax-conversation-message-list .message-footer-count-value{--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600)}ax-conversation-message-list .message-footer-split{margin-inline:.2rem;height:.65rem;width:1px;flex-shrink:0;align-self:center;background-color:rgba(var(--ax-sys-color-border-light-surface));opacity:90%}ax-conversation-message-list .message-time{font-size:.675rem;--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}ax-conversation-message-list .edited-indicator{display:inline-flex;align-items:center;gap:calc(var(--spacing, .25rem) * 1);border-inline-start-style:var(--tw-border-style);border-inline-start-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface));padding-inline-start:.35rem;font-size:.675rem;opacity:75%}ax-conversation-message-list .status-icon{display:inline-flex;align-items:center}ax-conversation-message-list .status-icon i{font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)))}ax-conversation-message-list .status-read{color:rgba(var(--ax-sys-color-primary-200))}ax-conversation-message-list .status-failed{color:rgba(var(--ax-sys-color-danger-200))}ax-conversation-message-list .message-reactions-bubbles{display:flex;flex-wrap:wrap;align-items:center;gap:.2rem}ax-conversation-message-list .reaction-bubble{margin:calc(var(--spacing, .25rem) * 0);display:inline-flex;min-height:1.375rem;cursor:pointer;align-items:center;justify-content:center;gap:.15rem;border-radius:var(--radius-xl, .75rem);padding-inline:.35rem;padding-block:.1rem;color:rgba(var(--ax-sys-color-on-surface));--tw-shadow: 0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);background:rgba(var(--ax-sys-color-on-surface),.06);border:1px solid rgba(var(--ax-sys-color-on-surface),.1);transition:background-color var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function),border-color var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function);font-family:\"Segoe UI Emoji\",Segoe UI Symbol,\"Noto Color Emoji\",\"Apple Color Emoji\",Twemoji Mozilla,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}ax-conversation-message-list .reaction-bubble:hover{background:rgba(var(--ax-sys-color-on-surface),.1);border-color:rgba(var(--ax-sys-color-on-surface),.18)}ax-conversation-message-list .reaction-bubble-active{background:rgba(var(--ax-sys-color-primary-500),.12);border-color:rgba(var(--ax-sys-color-primary-500),.45)}ax-conversation-message-list .reaction-bubble-active:hover{background:rgba(var(--ax-sys-color-primary-500),.18);border-color:rgba(var(--ax-sys-color-primary-500),.55)}ax-conversation-message-list .reaction-emoji{display:inline-block;font-size:.8125rem;--tw-leading: 1;line-height:1}ax-conversation-message-list .reaction-count{font-size:.6875rem;--tw-leading: 1;line-height:1;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-sys-color-on-surface));--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);opacity:.65}ax-conversation-message-list .reaction-bubble-active .reaction-count{--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);color:rgba(var(--ax-sys-color-primary-600));opacity:95%}ax-conversation-message-list .message-own .reaction-bubble{color:rgba(var(--ax-sys-color-on-primary-surface));background:rgba(var(--ax-sys-color-on-primary-surface),.12);border-color:rgba(var(--ax-sys-color-on-primary-surface),.2)}ax-conversation-message-list .message-own .reaction-bubble:hover{background:rgba(var(--ax-sys-color-on-primary-surface),.2);border-color:rgba(var(--ax-sys-color-on-primary-surface),.35)}ax-conversation-message-list .message-own .reaction-bubble-active{background:rgba(var(--ax-sys-color-on-primary-surface),.28);border-color:rgba(var(--ax-sys-color-on-primary-surface),.5)}ax-conversation-message-list .message-own .reaction-bubble-active:hover{background:rgba(var(--ax-sys-color-on-primary-surface),.34);border-color:rgba(var(--ax-sys-color-on-primary-surface),.6)}ax-conversation-message-list .message-own .reaction-count{color:rgba(var(--ax-sys-color-on-primary-surface));opacity:80%}ax-conversation-message-list .message-own .reaction-bubble-active .reaction-count{color:rgba(var(--ax-sys-color-on-primary-surface));opacity:100%}ax-conversation-message-list .message-reactions-container{margin-top:calc(var(--spacing, .25rem) * 1);display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:.2rem}ax-conversation-message-list .message-own .message-reactions-container{justify-content:flex-end}ax-conversation-message-list .message-own .message-footer .edited-indicator{border-inline-start-color:rgba(var(--ax-sys-color-on-primary-surface),.35)}ax-conversation-message-list .message-own .message-footer .message-footer-split{background:rgba(var(--ax-sys-color-on-primary-surface),.35)}ax-conversation-message-list .add-reaction-button.add-reaction-outside{position:absolute;top:50%;margin:calc(var(--spacing, .25rem) * 0);box-sizing:border-box;display:none;height:1.8rem;width:1.8rem;--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y);cursor:pointer;align-items:center;justify-content:center;border-radius:calc(infinity * 1px);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface));background-color:rgba(var(--ax-sys-color-surface));padding:calc(var(--spacing, .25rem) * 0);inset-inline-end:-2.35rem;box-shadow:0 1px 2px #0000000f}ax-conversation-message-list .add-reaction-button{padding-inline-start:.05rem}ax-conversation-message-list .message-content-row-own .add-reaction-button.add-reaction-outside{inset-inline-start:-2.35rem;inset-inline-end:auto}ax-conversation-message-list .message-item:hover .add-reaction-button.add-reaction-outside,ax-conversation-message-list .add-reaction-button.add-reaction-outside.add-reaction-visible{display:inline-flex}ax-conversation-message-list .add-reaction-button.add-reaction-outside:hover,ax-conversation-message-list .add-reaction-button.add-reaction-outside.add-reaction-visible{border-color:rgba(var(--ax-sys-color-primary-surface))}ax-conversation-message-list .add-reaction-button.add-reaction-outside i{font-size:.9rem;color:rgba(var(--ax-sys-color-on-surface));opacity:80%}ax-conversation-message-list .reaction-bubble:focus-visible,ax-conversation-message-list .add-reaction-button:focus-visible,ax-conversation-message-list .action-trigger:focus-visible,ax-conversation-message-list ax-fab.scroll-to-bottom ax-button:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px;outline-offset:2px;outline-color:rgba(var(--ax-sys-color-primary-surface))}ax-conversation-message-list .message-actions{z-index:10;padding-bottom:calc(var(--spacing, .25rem) * 6);opacity:0%;transition:opacity var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function)}ax-conversation-message-list .message-item:hover .message-actions{opacity:100%}ax-conversation-message-list .action-trigger{display:flex;height:calc(var(--spacing, .25rem) * 7);width:calc(var(--spacing, .25rem) * 7);cursor:pointer;align-items:center;justify-content:center;border-radius:var(--ax-sys-border-radius);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface));background-color:rgba(var(--ax-sys-color-surface));font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));transition:all var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function)}ax-conversation-message-list .action-trigger:hover{background-color:rgba(var(--ax-sys-color-light-surface))}ax-conversation-message-list .shortcut{font-size:.6875rem;opacity:70%}ax-conversation-message-list .scroll-to-bottom-wrapper{position:absolute;inset-inline-end:calc(var(--spacing, .25rem) * 4);bottom:calc(var(--spacing, .25rem) * 4);z-index:999}ax-conversation-message-list ax-fab.scroll-to-bottom ax-button{display:flex;height:calc(var(--spacing, .25rem) * 12);width:calc(var(--spacing, .25rem) * 12);cursor:pointer;align-items:center;justify-content:center;border-radius:calc(infinity * 1px);--tw-border-style: none;border-style:none}ax-conversation-message-list .scroll-to-bottom-enter{animation:axScrollToBottomEnter var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function) both}ax-conversation-message-list .scroll-to-bottom-leave{animation:axScrollToBottomLeave var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function) both}@media(prefers-reduced-motion:reduce){ax-conversation-message-list .scroll-to-bottom-enter,ax-conversation-message-list .scroll-to-bottom-leave{animation:none}}.reaction-picker-popup{width:max-content;min-width:calc(var(--spacing, .25rem) * 0);overflow:hidden;border-radius:.65rem;background-color:rgba(var(--ax-sys-color-lightest-surface));max-width:min(260px,92vw)}.reaction-picker-header{display:flex;min-height:calc(var(--spacing, .25rem) * 0);align-items:center;justify-content:space-between;gap:calc(var(--spacing, .25rem) * 2);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface));padding-block:.45rem;padding-inline-start:.7rem;padding-inline-end:calc(var(--spacing, .25rem) * 2)}.picker-title{font-size:.8125rem;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);--tw-tracking: var(--tracking-wide, .025em);letter-spacing:var(--tracking-wide, .025em);color:rgba(var(--ax-sys-color-on-surface));opacity:85%}.picker-close{display:flex;height:1.6rem;width:1.6rem;cursor:pointer;align-items:center;justify-content:center;border-radius:.25rem;--tw-border-style: none;border-style:none;background-color:transparent;padding:calc(var(--spacing, .25rem) * 0);font-size:.95rem;color:rgba(var(--ax-sys-color-on-surface),.55);transition:all var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function)}.picker-close:hover{background-color:rgba(var(--ax-sys-color-danger-lightest-surface));color:rgba(var(--ax-sys-color-danger-500))}.picker-close:focus-visible,.reaction-picker-emoji:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px;outline-offset:2px;outline-color:rgba(var(--ax-sys-color-primary-surface))}.reaction-picker-emojis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.2rem;padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:.45rem;padding-bottom:calc(var(--spacing, .25rem) * 2)}.reaction-picker-emoji{height:calc(var(--spacing, .25rem) * 8);width:calc(var(--spacing, .25rem) * 8);cursor:pointer;border-radius:.45rem;border-style:var(--tw-border-style);border-width:1px;border-color:transparent;background-color:transparent;padding:calc(var(--spacing, .25rem) * 0);font-size:1.15rem;--tw-leading: 1;line-height:1;transition:all var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function);font-family:\"Segoe UI Emoji\",Segoe UI Symbol,\"Noto Color Emoji\",\"Apple Color Emoji\",Twemoji Mozilla,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.reaction-picker-emoji:hover{background-color:rgba(var(--ax-sys-color-lighter-surface))}.reaction-picker-emoji-active{background-color:rgba(var(--ax-sys-color-surface))}.reaction-picker-emoji-active:hover{background:rgba(var(--ax-sys-color-primary-500),.25)}}@property --tw-outline-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-tracking{syntax: \"*\"; inherits: false;}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ordinal{syntax: \"*\"; inherits: false;}@property --tw-slashed-zero{syntax: \"*\"; inherits: false;}@property --tw-numeric-figure{syntax: \"*\"; inherits: false;}@property --tw-numeric-spacing{syntax: \"*\"; inherits: false;}@property --tw-numeric-fraction{syntax: \"*\"; inherits: false;}@property --tw-translate-x{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-translate-y{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-translate-z{syntax: \"*\"; inherits: false; initial-value: 0;}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeInUp{0%{transform:translate3d(0,100%,0);opacity:0}}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-outline-style: solid;--tw-leading: initial;--tw-font-weight: initial;--tw-tracking: initial;--tw-border-style: solid;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-ordinal: initial;--tw-slashed-zero: initial;--tw-numeric-figure: initial;--tw-numeric-spacing: initial;--tw-numeric-fraction: initial;--tw-translate-x: 0;--tw-translate-y: 0;--tw-translate-z: 0}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"] }]
         }], ctorParameters: () => [], propDecorators: { reactionPopover: [{ type: i0.ViewChild, args: ['reactionPopover', { isSignal: true }] }], messageListRef: [{ type: i0.ViewChild, args: ['messageList', { isSignal: true }] }], messagesContainerRef: [{ type: i0.ViewChild, args: ['messagesContainer', { isSignal: true }] }], messageAction: [{ type: i0.Output, args: ["messageAction"] }] } });
 
 /**
@@ -9945,6 +9931,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
 /**
  * Shared upload state and helpers for composer media pickers.
  */
+let pickerUploadItemIdSeq = 0;
+/** Stable id for `@for` tracking while upload state is patched immutably. */
+function createPickerUploadItemId() {
+    if (typeof crypto !== 'undefined' && typeof crypto.randomUUID === 'function') {
+        return crypto.randomUUID();
+    }
+    pickerUploadItemIdSeq += 1;
+    return `picker-upload-${pickerUploadItemIdSeq}`;
+}
 function getPickerCancelUploadLabel(translation) {
     return translation.translateSync('@acorex:chat.pickers.common.cancel-upload');
 }
@@ -10286,7 +10281,7 @@ class AXConversationAudioPickerComponent {
                 let index = -1;
                 this.audioFiles.update((audios) => {
                     index = audios.length;
-                    return [...audios, { file, duration, dataUrl, uploadProgress: 0, uploading: true }];
+                    return [...audios, { id: createPickerUploadItemId(), file, duration, dataUrl, uploadProgress: 0, uploading: true }];
                 });
                 if (index >= 0) {
                     void this.uploadAudioAt(index, file);
@@ -10434,7 +10429,7 @@ class AXConversationAudioPickerComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXConversationAudioPickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXConversationAudioPickerComponent, isStandalone: true, selector: "ax-conversation-audio-picker", inputs: { service: { classPropertyName: "service", publicName: "service", isSignal: true, isRequired: false, transformFunction: null }, conversation: { classPropertyName: "conversation", publicName: "conversation", isSignal: true, isRequired: true, transformFunction: null }, maxFiles: { classPropertyName: "maxFiles", publicName: "maxFiles", isSignal: true, isRequired: false, transformFunction: null }, initialFiles: { classPropertyName: "initialFiles", publicName: "initialFiles", isSignal: true, isRequired: false, transformFunction: null }, autoRun: { classPropertyName: "autoRun", publicName: "autoRun", isSignal: true, isRequired: false, transformFunction: null }, __popup__: { classPropertyName: "__popup__", publicName: "__popup__", isSignal: true, isRequired: false, transformFunction: null }, __actionSheet__: { classPropertyName: "__actionSheet__", publicName: "__actionSheet__", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<ax-conversation-picker-shell\n  [fileType]=\"catalogFileType\"\n  [multiple]=\"allowMultiple()\"\n  (filesSelected)=\"handleFiles($event)\"\n  (dragEnter)=\"isDragging.set(true)\"\n  (dragLeave)=\"isDragging.set(false)\"\n>\n  <ax-conversation-picker-header\n    [title]=\"translation.translateSync('@acorex:chat.pickers.audio.title')\"\n    (onClose)=\"cancel()\"\n  />\n\n  <div class=\"ax-conversation-picker__scroll\">\n    @if (audioFiles().length === 0) {\n      <ax-conversation-picker-empty\n        [title]=\"getEmptyTitle()\"\n        [hint]=\"getEmptySubtitle()\"\n        [iconClass]=\"emptyIconClass()\"\n        [dragOver]=\"isDragging()\"\n      />\n    } @else {\n      <div class=\"ax-conversation-picker__body\">\n        <ax-conversation-picker-toolbar\n          [countLabel]=\"getSelectedCountText()\"\n          [addMoreLabel]=\"translation.translateSync('@acorex:chat.pickers.common.add-more')\"\n        />\n\n        <div class=\"ax-conversation-picker__list\">\n          @for (audio of audioFiles(); track $index) {\n            <div class=\"ax-conversation-picker__row\">\n              <div class=\"ax-conversation-picker__thumb\">\n                <i [class]=\"typeIconClass\"></i>\n              </div>\n              <div class=\"ax-conversation-picker__details\">\n                <div class=\"ax-conversation-picker__name\">{{ audio.file.name }}</div>\n                <div class=\"ax-conversation-picker__status\">\n                  @if (audio.uploading) {\n                    <span>{{ getUploadingLabel(audio.uploadProgress ?? 0) }}</span>\n                  } @else if (audio.uploaded) {\n                    <span class=\"ax-conversation-picker__status--ok\"\n                      ><i class=\"fa-light fa-check\"></i>\n                      {{ translation.translateSync('@acorex:chat.pickers.files.uploaded') }}</span\n                    >\n                  } @else if (audio.error) {\n                    <span class=\"ax-conversation-picker__status--err\"\n                      ><i class=\"fa-light fa-xmark\"></i> {{ audio.error }}</span\n                    >\n                  } @else {\n                    <span>{{ formatFileSize(audio.file.size) }}</span>\n                    @if (audio.duration) {\n                      <span>{{ formatDuration(audio.duration) }}</span>\n                    }\n                  }\n                </div>\n                @if (audio.uploading || audio.uploaded) {\n                  <div class=\"ax-conversation-picker__progress\">\n                    <ax-progress-bar [progress]=\"audio.uploadProgress || 0\" [mode]=\"'determinate'\" [height]=\"3\" />\n                  </div>\n                }\n              </div>\n              <button\n                type=\"button\"\n                class=\"ax-conversation-picker__remove\"\n                (click)=\"removeAudio($index)\"\n                [attr.aria-label]=\"\n                  audio.uploading\n                    ? getCancelUploadLabel()\n                    : translation.translateSync('@acorex:chat.pickers.common.remove')\n                \"\n              >\n                <i class=\"fa-light fa-xmark\"></i>\n              </button>\n            </div>\n          }\n        </div>\n      </div>\n    }\n  </div>\n\n  <ax-conversation-picker-caption [(caption)]=\"caption\" />\n\n  @if (audioFiles().length > 0) {\n    <ax-conversation-picker-footer\n      [sendText]=\"getSendText()\"\n      [sendDisabled]=\"!canSend()\"\n      (onCancel)=\"cancel()\"\n      (onSend)=\"sendAudio()\"\n    />\n  }\n</ax-conversation-picker-shell>\n", styles: ["@layer properties;@layer components{.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup{max-height:min(32rem,90dvh);width:min(28rem,93vw)}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-main-container{min-height:calc(var(--spacing, .25rem) * 0)}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-body-container{display:flex;min-height:calc(var(--spacing, .25rem) * 0);flex-direction:column;overflow:hidden;padding:calc(var(--spacing, .25rem) * 0)}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-body-container>ng-component{display:flex;min-height:calc(var(--spacing, .25rem) * 0);width:100%;flex-direction:column}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup{max-height:min(28rem,92dvh);width:93vw}}.ax-popup-overlay.ax-conversation-composer-picker-popup--location .ax-popup{max-height:min(40rem,92dvh);width:min(32rem,93vw)}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup--location .ax-popup{max-height:min(90dvh,92dvh)}}}@layer components{ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker{display:block;min-height:calc(var(--spacing, .25rem) * 0);width:100%;max-width:100%}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__scroll{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty{margin:calc(var(--spacing, .25rem) * 3);display:flex;min-height:8.5rem;cursor:pointer;touch-action:manipulation;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 1.5);border-radius:var(--ax-sys-border-radius);border-style:var(--tw-border-style);border-width:1px;--tw-border-style: dashed;border-style:dashed;border-color:rgba(var(--ax-sys-color-border-surface));padding:calc(var(--spacing, .25rem) * 4);padding-inline:calc(var(--spacing, .25rem) * 3);text-align:center;transition:border-color .15s ease,background-color .15s ease}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty:hover,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty--drag{border-color:rgba(var(--ax-sys-color-primary-surface));background:rgba(var(--ax-sys-color-primary-500),.06)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty-icon{font-size:1.75rem;--tw-leading: 1;line-height:1;color:rgba(var(--ax-sys-color-on-surface),.55)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty-title{margin:calc(var(--spacing, .25rem) * 0);font-size:.8125rem;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);color:rgba(var(--ax-sys-color-on-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty-hint{margin:calc(var(--spacing, .25rem) * 0);font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));color:rgba(var(--ax-sys-color-on-surface),.6)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__body{padding-inline:calc(var(--spacing, .25rem) * 3);padding-bottom:calc(var(--spacing, .25rem) * 3)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__list{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2);padding-top:calc(var(--spacing, .25rem) * 2)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 2.5);border-radius:var(--ax-sys-border-radius);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface));background-color:rgba(var(--ax-sys-color-surface));padding-inline:calc(var(--spacing, .25rem) * 2.5);padding-block:calc(var(--spacing, .25rem) * 2);transition:background-color .15s ease}@media(hover:hover){:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row:hover{background-color:rgba(var(--ax-sys-color-light-surface))}}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb{position:relative;display:flex;height:calc(var(--spacing, .25rem) * 10);width:calc(var(--spacing, .25rem) * 10);flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--ax-sys-border-radius);font-size:var(--text-lg, 1.125rem);line-height:var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));color:rgba(var(--ax-sys-color-primary-surface));background:rgba(var(--ax-sys-color-primary-500),.1)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb img,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb video{pointer-events:none;display:block;height:100%;width:100%;object-fit:cover}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb-badge{pointer-events:none;position:absolute;inset:calc(var(--spacing, .25rem) * 0);display:flex;align-items:center;justify-content:center;font-size:.625rem;color:rgba(var(--ax-sys-color-light-surface));background:#00000052}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__details{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__name{overflow:hidden;font-size:.8125rem;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);text-overflow:ellipsis;white-space:nowrap;color:rgba(var(--ax-sys-color-on-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__status{display:flex;flex-wrap:wrap;gap:calc(var(--spacing, .25rem) * 1.5);font-size:.6875rem;color:rgba(var(--ax-sys-color-on-surface),.65)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__status--ok{--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-sys-color-success-600))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__status--err{--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-sys-color-danger-600))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__progress{margin-top:calc(var(--spacing, .25rem) * .5);width:100%}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__remove{display:flex;height:calc(var(--spacing, .25rem) * 11);width:calc(var(--spacing, .25rem) * 11);flex-shrink:0;cursor:pointer;touch-action:manipulation;align-items:center;justify-content:center;border-radius:var(--ax-sys-border-radius);--tw-border-style: none;border-style:none;background-color:transparent;font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));color:rgba(var(--ax-sys-color-on-surface),.55);transition:background-color .15s ease,color .15s ease}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__remove:hover,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__remove:focus-visible{background-color:rgba(var(--ax-sys-color-danger-lightest-surface));color:rgba(var(--ax-sys-color-danger-500));--tw-outline-style: none;outline-style:none}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__grid{display:grid;gap:calc(var(--spacing, .25rem) * 2);grid-template-columns:repeat(auto-fill,minmax(5.25rem,1fr))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__tile{position:relative;aspect-ratio:1 / 1;overflow:hidden;border-radius:var(--ax-sys-border-radius);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface));background-color:rgba(var(--ax-sys-color-light-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__tile img{display:block;height:100%;width:100%;object-fit:cover}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__tile-remove{position:absolute;inset-inline-end:calc(var(--spacing, .25rem) * 1);top:calc(var(--spacing, .25rem) * 1);z-index:20;display:flex;height:calc(var(--spacing, .25rem) * 7);width:calc(var(--spacing, .25rem) * 7);cursor:pointer;touch-action:manipulation;align-items:center;justify-content:center;border-radius:calc(infinity * 1px);--tw-border-style: none;border-style:none;background-color:rgba(var(--ax-sys-color-danger-500));font-size:.6875rem;color:rgba(var(--ax-sys-color-light-surface));box-shadow:0 1px 3px #0003}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__tile-overlay{position:absolute;inset-inline:calc(var(--spacing, .25rem) * 0);bottom:calc(var(--spacing, .25rem) * 0);padding:calc(var(--spacing, .25rem) * 1);background:linear-gradient(transparent,#0000008c)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__tile-status{font-size:.625rem;--tw-leading: var(--leading-tight, 1.25);line-height:var(--leading-tight, 1.25);color:rgba(var(--ax-sys-color-light-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__caption-slot{flex-shrink:0;border-top-style:var(--tw-border-style);border-top-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface));background-color:rgba(var(--ax-sys-color-lightest-surface));padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__input-hidden{display:none}@container picker (max-width: 480px){:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__grid{gap:calc(var(--spacing, .25rem) * 1.5);grid-template-columns:repeat(3,minmax(0,1fr))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row{gap:calc(var(--spacing, .25rem) * 2);padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:calc(var(--spacing, .25rem) * 1.5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb{height:calc(var(--spacing, .25rem) * 9);width:calc(var(--spacing, .25rem) * 9)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty{margin:calc(var(--spacing, .25rem) * 2);min-height:7.5rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__body{padding-inline:calc(var(--spacing, .25rem) * 2);padding-bottom:calc(var(--spacing, .25rem) * 2)}}}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-leading: initial;--tw-font-weight: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXProgressBarModule }, { kind: "component", type: i1$3.AXProgressBarComponent, selector: "ax-progress-bar", inputs: ["color", "mode", "progress", "height"], outputs: ["ValueChange", "sizeChange"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXConversationPickerHeaderComponent, selector: "ax-conversation-picker-header", inputs: ["title"], outputs: ["onClose"] }, { kind: "component", type: AXConversationPickerFooterComponent, selector: "ax-conversation-picker-footer", inputs: ["sendText", "sendDisabled"], outputs: ["onCancel", "onSend"] }, { kind: "component", type: AXConversationPickerEmptyComponent, selector: "ax-conversation-picker-empty", inputs: ["title", "hint", "iconClass", "dragOver"] }, { kind: "component", type: AXConversationPickerToolbarComponent, selector: "ax-conversation-picker-toolbar", inputs: ["countLabel", "addMoreLabel"] }, { kind: "component", type: AXConversationPickerCaptionComponent, selector: "ax-conversation-picker-caption", inputs: ["caption"], outputs: ["captionChange"] }, { kind: "component", type: AXConversationPickerShellComponent, selector: "ax-conversation-picker-shell", inputs: ["fileType", "multiple"], outputs: ["filesSelected", "dragEnter", "dragLeave", "dragOver"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXConversationAudioPickerComponent, isStandalone: true, selector: "ax-conversation-audio-picker", inputs: { service: { classPropertyName: "service", publicName: "service", isSignal: true, isRequired: false, transformFunction: null }, conversation: { classPropertyName: "conversation", publicName: "conversation", isSignal: true, isRequired: true, transformFunction: null }, maxFiles: { classPropertyName: "maxFiles", publicName: "maxFiles", isSignal: true, isRequired: false, transformFunction: null }, initialFiles: { classPropertyName: "initialFiles", publicName: "initialFiles", isSignal: true, isRequired: false, transformFunction: null }, autoRun: { classPropertyName: "autoRun", publicName: "autoRun", isSignal: true, isRequired: false, transformFunction: null }, __popup__: { classPropertyName: "__popup__", publicName: "__popup__", isSignal: true, isRequired: false, transformFunction: null }, __actionSheet__: { classPropertyName: "__actionSheet__", publicName: "__actionSheet__", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<ax-conversation-picker-shell\n  [fileType]=\"catalogFileType\"\n  [multiple]=\"allowMultiple()\"\n  (filesSelected)=\"handleFiles($event)\"\n  (dragEnter)=\"isDragging.set(true)\"\n  (dragLeave)=\"isDragging.set(false)\"\n>\n  <ax-conversation-picker-header\n    [title]=\"translation.translateSync('@acorex:chat.pickers.audio.title')\"\n    (onClose)=\"cancel()\"\n  />\n\n  <div class=\"ax-conversation-picker__scroll\">\n    @if (audioFiles().length === 0) {\n      <ax-conversation-picker-empty\n        [title]=\"getEmptyTitle()\"\n        [hint]=\"getEmptySubtitle()\"\n        [iconClass]=\"emptyIconClass()\"\n        [dragOver]=\"isDragging()\"\n      />\n    } @else {\n      <div class=\"ax-conversation-picker__body\">\n        <ax-conversation-picker-toolbar\n          [countLabel]=\"getSelectedCountText()\"\n          [addMoreLabel]=\"translation.translateSync('@acorex:chat.pickers.common.add-more')\"\n        />\n\n        <div class=\"ax-conversation-picker__list\">\n          @for (audio of audioFiles(); track audio.id) {\n            <div class=\"ax-conversation-picker__row\">\n              <div class=\"ax-conversation-picker__thumb\">\n                <i [class]=\"typeIconClass\"></i>\n              </div>\n              <div class=\"ax-conversation-picker__details\">\n                <div class=\"ax-conversation-picker__name\">{{ audio.file.name }}</div>\n                <div class=\"ax-conversation-picker__status\">\n                  @if (audio.uploading) {\n                    <span>{{ getUploadingLabel(audio.uploadProgress ?? 0) }}</span>\n                  } @else if (audio.uploaded) {\n                    <span class=\"ax-conversation-picker__status--ok\"\n                      ><i class=\"fa-light fa-check\"></i>\n                      {{ translation.translateSync('@acorex:chat.pickers.files.uploaded') }}</span\n                    >\n                  } @else if (audio.error) {\n                    <span class=\"ax-conversation-picker__status--err\"\n                      ><i class=\"fa-light fa-xmark\"></i> {{ audio.error }}</span\n                    >\n                  } @else {\n                    <span>{{ formatFileSize(audio.file.size) }}</span>\n                    @if (audio.duration) {\n                      <span>{{ formatDuration(audio.duration) }}</span>\n                    }\n                  }\n                </div>\n                @if (audio.uploading || audio.uploaded) {\n                  <div class=\"ax-conversation-picker__progress\">\n                    <ax-progress-bar [progress]=\"audio.uploadProgress || 0\" [mode]=\"'determinate'\" [height]=\"3\" />\n                  </div>\n                }\n              </div>\n              <button\n                type=\"button\"\n                class=\"ax-conversation-picker__remove\"\n                (click)=\"removeAudio($index)\"\n                [attr.aria-label]=\"\n                  audio.uploading\n                    ? getCancelUploadLabel()\n                    : translation.translateSync('@acorex:chat.pickers.common.remove')\n                \"\n              >\n                <i class=\"fa-light fa-xmark\"></i>\n              </button>\n            </div>\n          }\n        </div>\n      </div>\n    }\n  </div>\n\n  <ax-conversation-picker-caption [(caption)]=\"caption\" />\n\n  @if (audioFiles().length > 0) {\n    <ax-conversation-picker-footer\n      [sendText]=\"getSendText()\"\n      [sendDisabled]=\"!canSend()\"\n      (onCancel)=\"cancel()\"\n      (onSend)=\"sendAudio()\"\n    />\n  }\n</ax-conversation-picker-shell>\n", styles: ["@layer properties;@layer components{.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup{max-height:min(32rem,90dvh);width:min(28rem,93vw)}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-main-container{min-height:calc(var(--spacing, .25rem) * 0)}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-body-container{display:flex;min-height:calc(var(--spacing, .25rem) * 0);flex-direction:column;overflow:hidden;padding:calc(var(--spacing, .25rem) * 0)}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-body-container>ng-component{display:flex;min-height:calc(var(--spacing, .25rem) * 0);width:100%;flex-direction:column}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup{max-height:min(28rem,92dvh);width:93vw}}.ax-popup-overlay.ax-conversation-composer-picker-popup--location .ax-popup{max-height:min(40rem,92dvh);width:min(32rem,93vw)}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup--location .ax-popup{max-height:min(90dvh,92dvh)}}}@layer components{ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker{display:block;min-height:calc(var(--spacing, .25rem) * 0);width:100%;max-width:100%}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__scroll{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty{margin:calc(var(--spacing, .25rem) * 3);display:flex;min-height:8.5rem;cursor:pointer;touch-action:manipulation;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 1.5);border-radius:var(--ax-sys-border-radius);border-style:var(--tw-border-style);border-width:1px;--tw-border-style: dashed;border-style:dashed;border-color:rgba(var(--ax-sys-color-border-surface));padding:calc(var(--spacing, .25rem) * 4);padding-inline:calc(var(--spacing, .25rem) * 3);text-align:center;transition:border-color .15s ease,background-color .15s ease}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty:hover,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty--drag{border-color:rgba(var(--ax-sys-color-primary-surface));background:rgba(var(--ax-sys-color-primary-500),.06)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty-icon{font-size:1.75rem;--tw-leading: 1;line-height:1;color:rgba(var(--ax-sys-color-on-surface),.55)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty-title{margin:calc(var(--spacing, .25rem) * 0);font-size:.8125rem;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);color:rgba(var(--ax-sys-color-on-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty-hint{margin:calc(var(--spacing, .25rem) * 0);font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));color:rgba(var(--ax-sys-color-on-surface),.6)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__body{padding-inline:calc(var(--spacing, .25rem) * 3);padding-bottom:calc(var(--spacing, .25rem) * 3)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__list{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2);padding-top:calc(var(--spacing, .25rem) * 2)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 2.5);border-radius:var(--ax-sys-border-radius);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface));background-color:rgba(var(--ax-sys-color-surface));padding-inline:calc(var(--spacing, .25rem) * 2.5);padding-block:calc(var(--spacing, .25rem) * 2);transition:background-color .15s ease}@media(hover:hover){:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row:hover{background-color:rgba(var(--ax-sys-color-light-surface))}}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb{position:relative;display:flex;height:calc(var(--spacing, .25rem) * 10);width:calc(var(--spacing, .25rem) * 10);flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--ax-sys-border-radius);font-size:var(--text-lg, 1.125rem);line-height:var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));color:rgba(var(--ax-sys-color-primary-surface));background:rgba(var(--ax-sys-color-primary-500),.1)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb img,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb video{pointer-events:none;display:block;height:100%;width:100%;object-fit:cover}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb-badge{pointer-events:none;position:absolute;inset:calc(var(--spacing, .25rem) * 0);display:flex;align-items:center;justify-content:center;font-size:.625rem;color:rgba(var(--ax-sys-color-light-surface));background:#00000052}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__details{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__name{overflow:hidden;font-size:.8125rem;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);text-overflow:ellipsis;white-space:nowrap;color:rgba(var(--ax-sys-color-on-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__status{display:flex;flex-wrap:wrap;gap:calc(var(--spacing, .25rem) * 1.5);font-size:.6875rem;color:rgba(var(--ax-sys-color-on-surface),.65)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__status--ok{--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-sys-color-success-600))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__status--err{--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-sys-color-danger-600))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__progress{margin-top:calc(var(--spacing, .25rem) * .5);width:100%}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__remove{display:flex;height:calc(var(--spacing, .25rem) * 11);width:calc(var(--spacing, .25rem) * 11);flex-shrink:0;cursor:pointer;touch-action:manipulation;align-items:center;justify-content:center;border-radius:var(--ax-sys-border-radius);--tw-border-style: none;border-style:none;background-color:transparent;font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));color:rgba(var(--ax-sys-color-on-surface),.55);transition:background-color .15s ease,color .15s ease}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__remove:hover,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__remove:focus-visible{background-color:rgba(var(--ax-sys-color-danger-lightest-surface));color:rgba(var(--ax-sys-color-danger-500));--tw-outline-style: none;outline-style:none}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__grid{display:grid;gap:calc(var(--spacing, .25rem) * 2);grid-template-columns:repeat(auto-fill,minmax(5.25rem,1fr))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__tile{position:relative;aspect-ratio:1 / 1;overflow:hidden;border-radius:var(--ax-sys-border-radius);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface));background-color:rgba(var(--ax-sys-color-light-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__tile img{display:block;height:100%;width:100%;object-fit:cover}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__tile-remove{position:absolute;inset-inline-end:calc(var(--spacing, .25rem) * 1);top:calc(var(--spacing, .25rem) * 1);z-index:20;display:flex;height:calc(var(--spacing, .25rem) * 7);width:calc(var(--spacing, .25rem) * 7);cursor:pointer;touch-action:manipulation;align-items:center;justify-content:center;border-radius:calc(infinity * 1px);--tw-border-style: none;border-style:none;background-color:rgba(var(--ax-sys-color-danger-500));font-size:.6875rem;color:rgba(var(--ax-sys-color-light-surface));box-shadow:0 1px 3px #0003}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__tile-overlay{position:absolute;inset-inline:calc(var(--spacing, .25rem) * 0);bottom:calc(var(--spacing, .25rem) * 0);padding:calc(var(--spacing, .25rem) * 1);background:linear-gradient(transparent,#0000008c)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__tile-status{font-size:.625rem;--tw-leading: var(--leading-tight, 1.25);line-height:var(--leading-tight, 1.25);color:rgba(var(--ax-sys-color-light-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__caption-slot{flex-shrink:0;border-top-style:var(--tw-border-style);border-top-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface));background-color:rgba(var(--ax-sys-color-lightest-surface));padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__input-hidden{display:none}@container picker (max-width: 480px){:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__grid{gap:calc(var(--spacing, .25rem) * 1.5);grid-template-columns:repeat(3,minmax(0,1fr))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row{gap:calc(var(--spacing, .25rem) * 2);padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:calc(var(--spacing, .25rem) * 1.5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb{height:calc(var(--spacing, .25rem) * 9);width:calc(var(--spacing, .25rem) * 9)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty{margin:calc(var(--spacing, .25rem) * 2);min-height:7.5rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__body{padding-inline:calc(var(--spacing, .25rem) * 2);padding-bottom:calc(var(--spacing, .25rem) * 2)}}}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-leading: initial;--tw-font-weight: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXProgressBarModule }, { kind: "component", type: i1$3.AXProgressBarComponent, selector: "ax-progress-bar", inputs: ["color", "mode", "progress", "height"], outputs: ["ValueChange", "sizeChange"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXConversationPickerHeaderComponent, selector: "ax-conversation-picker-header", inputs: ["title"], outputs: ["onClose"] }, { kind: "component", type: AXConversationPickerFooterComponent, selector: "ax-conversation-picker-footer", inputs: ["sendText", "sendDisabled"], outputs: ["onCancel", "onSend"] }, { kind: "component", type: AXConversationPickerEmptyComponent, selector: "ax-conversation-picker-empty", inputs: ["title", "hint", "iconClass", "dragOver"] }, { kind: "component", type: AXConversationPickerToolbarComponent, selector: "ax-conversation-picker-toolbar", inputs: ["countLabel", "addMoreLabel"] }, { kind: "component", type: AXConversationPickerCaptionComponent, selector: "ax-conversation-picker-caption", inputs: ["caption"], outputs: ["captionChange"] }, { kind: "component", type: AXConversationPickerShellComponent, selector: "ax-conversation-picker-shell", inputs: ["fileType", "multiple"], outputs: ["filesSelected", "dragEnter", "dragLeave", "dragOver"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXConversationAudioPickerComponent, decorators: [{
             type: Component,
@@ -10448,7 +10443,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                         AXConversationPickerToolbarComponent,
                         AXConversationPickerCaptionComponent,
                         AXConversationPickerShellComponent,
-                    ], template: "<ax-conversation-picker-shell\n  [fileType]=\"catalogFileType\"\n  [multiple]=\"allowMultiple()\"\n  (filesSelected)=\"handleFiles($event)\"\n  (dragEnter)=\"isDragging.set(true)\"\n  (dragLeave)=\"isDragging.set(false)\"\n>\n  <ax-conversation-picker-header\n    [title]=\"translation.translateSync('@acorex:chat.pickers.audio.title')\"\n    (onClose)=\"cancel()\"\n  />\n\n  <div class=\"ax-conversation-picker__scroll\">\n    @if (audioFiles().length === 0) {\n      <ax-conversation-picker-empty\n        [title]=\"getEmptyTitle()\"\n        [hint]=\"getEmptySubtitle()\"\n        [iconClass]=\"emptyIconClass()\"\n        [dragOver]=\"isDragging()\"\n      />\n    } @else {\n      <div class=\"ax-conversation-picker__body\">\n        <ax-conversation-picker-toolbar\n          [countLabel]=\"getSelectedCountText()\"\n          [addMoreLabel]=\"translation.translateSync('@acorex:chat.pickers.common.add-more')\"\n        />\n\n        <div class=\"ax-conversation-picker__list\">\n          @for (audio of audioFiles(); track $index) {\n            <div class=\"ax-conversation-picker__row\">\n              <div class=\"ax-conversation-picker__thumb\">\n                <i [class]=\"typeIconClass\"></i>\n              </div>\n              <div class=\"ax-conversation-picker__details\">\n                <div class=\"ax-conversation-picker__name\">{{ audio.file.name }}</div>\n                <div class=\"ax-conversation-picker__status\">\n                  @if (audio.uploading) {\n                    <span>{{ getUploadingLabel(audio.uploadProgress ?? 0) }}</span>\n                  } @else if (audio.uploaded) {\n                    <span class=\"ax-conversation-picker__status--ok\"\n                      ><i class=\"fa-light fa-check\"></i>\n                      {{ translation.translateSync('@acorex:chat.pickers.files.uploaded') }}</span\n                    >\n                  } @else if (audio.error) {\n                    <span class=\"ax-conversation-picker__status--err\"\n                      ><i class=\"fa-light fa-xmark\"></i> {{ audio.error }}</span\n                    >\n                  } @else {\n                    <span>{{ formatFileSize(audio.file.size) }}</span>\n                    @if (audio.duration) {\n                      <span>{{ formatDuration(audio.duration) }}</span>\n                    }\n                  }\n                </div>\n                @if (audio.uploading || audio.uploaded) {\n                  <div class=\"ax-conversation-picker__progress\">\n                    <ax-progress-bar [progress]=\"audio.uploadProgress || 0\" [mode]=\"'determinate'\" [height]=\"3\" />\n                  </div>\n                }\n              </div>\n              <button\n                type=\"button\"\n                class=\"ax-conversation-picker__remove\"\n                (click)=\"removeAudio($index)\"\n                [attr.aria-label]=\"\n                  audio.uploading\n                    ? getCancelUploadLabel()\n                    : translation.translateSync('@acorex:chat.pickers.common.remove')\n                \"\n              >\n                <i class=\"fa-light fa-xmark\"></i>\n              </button>\n            </div>\n          }\n        </div>\n      </div>\n    }\n  </div>\n\n  <ax-conversation-picker-caption [(caption)]=\"caption\" />\n\n  @if (audioFiles().length > 0) {\n    <ax-conversation-picker-footer\n      [sendText]=\"getSendText()\"\n      [sendDisabled]=\"!canSend()\"\n      (onCancel)=\"cancel()\"\n      (onSend)=\"sendAudio()\"\n    />\n  }\n</ax-conversation-picker-shell>\n", styles: ["@layer properties;@layer components{.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup{max-height:min(32rem,90dvh);width:min(28rem,93vw)}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-main-container{min-height:calc(var(--spacing, .25rem) * 0)}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-body-container{display:flex;min-height:calc(var(--spacing, .25rem) * 0);flex-direction:column;overflow:hidden;padding:calc(var(--spacing, .25rem) * 0)}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-body-container>ng-component{display:flex;min-height:calc(var(--spacing, .25rem) * 0);width:100%;flex-direction:column}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup{max-height:min(28rem,92dvh);width:93vw}}.ax-popup-overlay.ax-conversation-composer-picker-popup--location .ax-popup{max-height:min(40rem,92dvh);width:min(32rem,93vw)}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup--location .ax-popup{max-height:min(90dvh,92dvh)}}}@layer components{ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker{display:block;min-height:calc(var(--spacing, .25rem) * 0);width:100%;max-width:100%}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__scroll{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty{margin:calc(var(--spacing, .25rem) * 3);display:flex;min-height:8.5rem;cursor:pointer;touch-action:manipulation;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 1.5);border-radius:var(--ax-sys-border-radius);border-style:var(--tw-border-style);border-width:1px;--tw-border-style: dashed;border-style:dashed;border-color:rgba(var(--ax-sys-color-border-surface));padding:calc(var(--spacing, .25rem) * 4);padding-inline:calc(var(--spacing, .25rem) * 3);text-align:center;transition:border-color .15s ease,background-color .15s ease}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty:hover,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty--drag{border-color:rgba(var(--ax-sys-color-primary-surface));background:rgba(var(--ax-sys-color-primary-500),.06)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty-icon{font-size:1.75rem;--tw-leading: 1;line-height:1;color:rgba(var(--ax-sys-color-on-surface),.55)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty-title{margin:calc(var(--spacing, .25rem) * 0);font-size:.8125rem;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);color:rgba(var(--ax-sys-color-on-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty-hint{margin:calc(var(--spacing, .25rem) * 0);font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));color:rgba(var(--ax-sys-color-on-surface),.6)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__body{padding-inline:calc(var(--spacing, .25rem) * 3);padding-bottom:calc(var(--spacing, .25rem) * 3)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__list{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2);padding-top:calc(var(--spacing, .25rem) * 2)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 2.5);border-radius:var(--ax-sys-border-radius);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface));background-color:rgba(var(--ax-sys-color-surface));padding-inline:calc(var(--spacing, .25rem) * 2.5);padding-block:calc(var(--spacing, .25rem) * 2);transition:background-color .15s ease}@media(hover:hover){:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row:hover{background-color:rgba(var(--ax-sys-color-light-surface))}}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb{position:relative;display:flex;height:calc(var(--spacing, .25rem) * 10);width:calc(var(--spacing, .25rem) * 10);flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--ax-sys-border-radius);font-size:var(--text-lg, 1.125rem);line-height:var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));color:rgba(var(--ax-sys-color-primary-surface));background:rgba(var(--ax-sys-color-primary-500),.1)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb img,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb video{pointer-events:none;display:block;height:100%;width:100%;object-fit:cover}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb-badge{pointer-events:none;position:absolute;inset:calc(var(--spacing, .25rem) * 0);display:flex;align-items:center;justify-content:center;font-size:.625rem;color:rgba(var(--ax-sys-color-light-surface));background:#00000052}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__details{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__name{overflow:hidden;font-size:.8125rem;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);text-overflow:ellipsis;white-space:nowrap;color:rgba(var(--ax-sys-color-on-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__status{display:flex;flex-wrap:wrap;gap:calc(var(--spacing, .25rem) * 1.5);font-size:.6875rem;color:rgba(var(--ax-sys-color-on-surface),.65)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__status--ok{--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-sys-color-success-600))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__status--err{--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-sys-color-danger-600))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__progress{margin-top:calc(var(--spacing, .25rem) * .5);width:100%}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__remove{display:flex;height:calc(var(--spacing, .25rem) * 11);width:calc(var(--spacing, .25rem) * 11);flex-shrink:0;cursor:pointer;touch-action:manipulation;align-items:center;justify-content:center;border-radius:var(--ax-sys-border-radius);--tw-border-style: none;border-style:none;background-color:transparent;font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));color:rgba(var(--ax-sys-color-on-surface),.55);transition:background-color .15s ease,color .15s ease}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__remove:hover,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__remove:focus-visible{background-color:rgba(var(--ax-sys-color-danger-lightest-surface));color:rgba(var(--ax-sys-color-danger-500));--tw-outline-style: none;outline-style:none}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__grid{display:grid;gap:calc(var(--spacing, .25rem) * 2);grid-template-columns:repeat(auto-fill,minmax(5.25rem,1fr))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__tile{position:relative;aspect-ratio:1 / 1;overflow:hidden;border-radius:var(--ax-sys-border-radius);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface));background-color:rgba(var(--ax-sys-color-light-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__tile img{display:block;height:100%;width:100%;object-fit:cover}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__tile-remove{position:absolute;inset-inline-end:calc(var(--spacing, .25rem) * 1);top:calc(var(--spacing, .25rem) * 1);z-index:20;display:flex;height:calc(var(--spacing, .25rem) * 7);width:calc(var(--spacing, .25rem) * 7);cursor:pointer;touch-action:manipulation;align-items:center;justify-content:center;border-radius:calc(infinity * 1px);--tw-border-style: none;border-style:none;background-color:rgba(var(--ax-sys-color-danger-500));font-size:.6875rem;color:rgba(var(--ax-sys-color-light-surface));box-shadow:0 1px 3px #0003}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__tile-overlay{position:absolute;inset-inline:calc(var(--spacing, .25rem) * 0);bottom:calc(var(--spacing, .25rem) * 0);padding:calc(var(--spacing, .25rem) * 1);background:linear-gradient(transparent,#0000008c)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__tile-status{font-size:.625rem;--tw-leading: var(--leading-tight, 1.25);line-height:var(--leading-tight, 1.25);color:rgba(var(--ax-sys-color-light-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__caption-slot{flex-shrink:0;border-top-style:var(--tw-border-style);border-top-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface));background-color:rgba(var(--ax-sys-color-lightest-surface));padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__input-hidden{display:none}@container picker (max-width: 480px){:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__grid{gap:calc(var(--spacing, .25rem) * 1.5);grid-template-columns:repeat(3,minmax(0,1fr))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row{gap:calc(var(--spacing, .25rem) * 2);padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:calc(var(--spacing, .25rem) * 1.5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb{height:calc(var(--spacing, .25rem) * 9);width:calc(var(--spacing, .25rem) * 9)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty{margin:calc(var(--spacing, .25rem) * 2);min-height:7.5rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__body{padding-inline:calc(var(--spacing, .25rem) * 2);padding-bottom:calc(var(--spacing, .25rem) * 2)}}}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-leading: initial;--tw-font-weight: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"] }]
+                    ], template: "<ax-conversation-picker-shell\n  [fileType]=\"catalogFileType\"\n  [multiple]=\"allowMultiple()\"\n  (filesSelected)=\"handleFiles($event)\"\n  (dragEnter)=\"isDragging.set(true)\"\n  (dragLeave)=\"isDragging.set(false)\"\n>\n  <ax-conversation-picker-header\n    [title]=\"translation.translateSync('@acorex:chat.pickers.audio.title')\"\n    (onClose)=\"cancel()\"\n  />\n\n  <div class=\"ax-conversation-picker__scroll\">\n    @if (audioFiles().length === 0) {\n      <ax-conversation-picker-empty\n        [title]=\"getEmptyTitle()\"\n        [hint]=\"getEmptySubtitle()\"\n        [iconClass]=\"emptyIconClass()\"\n        [dragOver]=\"isDragging()\"\n      />\n    } @else {\n      <div class=\"ax-conversation-picker__body\">\n        <ax-conversation-picker-toolbar\n          [countLabel]=\"getSelectedCountText()\"\n          [addMoreLabel]=\"translation.translateSync('@acorex:chat.pickers.common.add-more')\"\n        />\n\n        <div class=\"ax-conversation-picker__list\">\n          @for (audio of audioFiles(); track audio.id) {\n            <div class=\"ax-conversation-picker__row\">\n              <div class=\"ax-conversation-picker__thumb\">\n                <i [class]=\"typeIconClass\"></i>\n              </div>\n              <div class=\"ax-conversation-picker__details\">\n                <div class=\"ax-conversation-picker__name\">{{ audio.file.name }}</div>\n                <div class=\"ax-conversation-picker__status\">\n                  @if (audio.uploading) {\n                    <span>{{ getUploadingLabel(audio.uploadProgress ?? 0) }}</span>\n                  } @else if (audio.uploaded) {\n                    <span class=\"ax-conversation-picker__status--ok\"\n                      ><i class=\"fa-light fa-check\"></i>\n                      {{ translation.translateSync('@acorex:chat.pickers.files.uploaded') }}</span\n                    >\n                  } @else if (audio.error) {\n                    <span class=\"ax-conversation-picker__status--err\"\n                      ><i class=\"fa-light fa-xmark\"></i> {{ audio.error }}</span\n                    >\n                  } @else {\n                    <span>{{ formatFileSize(audio.file.size) }}</span>\n                    @if (audio.duration) {\n                      <span>{{ formatDuration(audio.duration) }}</span>\n                    }\n                  }\n                </div>\n                @if (audio.uploading || audio.uploaded) {\n                  <div class=\"ax-conversation-picker__progress\">\n                    <ax-progress-bar [progress]=\"audio.uploadProgress || 0\" [mode]=\"'determinate'\" [height]=\"3\" />\n                  </div>\n                }\n              </div>\n              <button\n                type=\"button\"\n                class=\"ax-conversation-picker__remove\"\n                (click)=\"removeAudio($index)\"\n                [attr.aria-label]=\"\n                  audio.uploading\n                    ? getCancelUploadLabel()\n                    : translation.translateSync('@acorex:chat.pickers.common.remove')\n                \"\n              >\n                <i class=\"fa-light fa-xmark\"></i>\n              </button>\n            </div>\n          }\n        </div>\n      </div>\n    }\n  </div>\n\n  <ax-conversation-picker-caption [(caption)]=\"caption\" />\n\n  @if (audioFiles().length > 0) {\n    <ax-conversation-picker-footer\n      [sendText]=\"getSendText()\"\n      [sendDisabled]=\"!canSend()\"\n      (onCancel)=\"cancel()\"\n      (onSend)=\"sendAudio()\"\n    />\n  }\n</ax-conversation-picker-shell>\n", styles: ["@layer properties;@layer components{.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup{max-height:min(32rem,90dvh);width:min(28rem,93vw)}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-main-container{min-height:calc(var(--spacing, .25rem) * 0)}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-body-container{display:flex;min-height:calc(var(--spacing, .25rem) * 0);flex-direction:column;overflow:hidden;padding:calc(var(--spacing, .25rem) * 0)}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-body-container>ng-component{display:flex;min-height:calc(var(--spacing, .25rem) * 0);width:100%;flex-direction:column}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup{max-height:min(28rem,92dvh);width:93vw}}.ax-popup-overlay.ax-conversation-composer-picker-popup--location .ax-popup{max-height:min(40rem,92dvh);width:min(32rem,93vw)}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup--location .ax-popup{max-height:min(90dvh,92dvh)}}}@layer components{ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker{display:block;min-height:calc(var(--spacing, .25rem) * 0);width:100%;max-width:100%}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__scroll{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty{margin:calc(var(--spacing, .25rem) * 3);display:flex;min-height:8.5rem;cursor:pointer;touch-action:manipulation;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 1.5);border-radius:var(--ax-sys-border-radius);border-style:var(--tw-border-style);border-width:1px;--tw-border-style: dashed;border-style:dashed;border-color:rgba(var(--ax-sys-color-border-surface));padding:calc(var(--spacing, .25rem) * 4);padding-inline:calc(var(--spacing, .25rem) * 3);text-align:center;transition:border-color .15s ease,background-color .15s ease}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty:hover,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty--drag{border-color:rgba(var(--ax-sys-color-primary-surface));background:rgba(var(--ax-sys-color-primary-500),.06)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty-icon{font-size:1.75rem;--tw-leading: 1;line-height:1;color:rgba(var(--ax-sys-color-on-surface),.55)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty-title{margin:calc(var(--spacing, .25rem) * 0);font-size:.8125rem;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);color:rgba(var(--ax-sys-color-on-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty-hint{margin:calc(var(--spacing, .25rem) * 0);font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));color:rgba(var(--ax-sys-color-on-surface),.6)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__body{padding-inline:calc(var(--spacing, .25rem) * 3);padding-bottom:calc(var(--spacing, .25rem) * 3)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__list{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2);padding-top:calc(var(--spacing, .25rem) * 2)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 2.5);border-radius:var(--ax-sys-border-radius);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface));background-color:rgba(var(--ax-sys-color-surface));padding-inline:calc(var(--spacing, .25rem) * 2.5);padding-block:calc(var(--spacing, .25rem) * 2);transition:background-color .15s ease}@media(hover:hover){:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row:hover{background-color:rgba(var(--ax-sys-color-light-surface))}}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb{position:relative;display:flex;height:calc(var(--spacing, .25rem) * 10);width:calc(var(--spacing, .25rem) * 10);flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--ax-sys-border-radius);font-size:var(--text-lg, 1.125rem);line-height:var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));color:rgba(var(--ax-sys-color-primary-surface));background:rgba(var(--ax-sys-color-primary-500),.1)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb img,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb video{pointer-events:none;display:block;height:100%;width:100%;object-fit:cover}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb-badge{pointer-events:none;position:absolute;inset:calc(var(--spacing, .25rem) * 0);display:flex;align-items:center;justify-content:center;font-size:.625rem;color:rgba(var(--ax-sys-color-light-surface));background:#00000052}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__details{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__name{overflow:hidden;font-size:.8125rem;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);text-overflow:ellipsis;white-space:nowrap;color:rgba(var(--ax-sys-color-on-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__status{display:flex;flex-wrap:wrap;gap:calc(var(--spacing, .25rem) * 1.5);font-size:.6875rem;color:rgba(var(--ax-sys-color-on-surface),.65)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__status--ok{--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-sys-color-success-600))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__status--err{--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-sys-color-danger-600))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__progress{margin-top:calc(var(--spacing, .25rem) * .5);width:100%}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__remove{display:flex;height:calc(var(--spacing, .25rem) * 11);width:calc(var(--spacing, .25rem) * 11);flex-shrink:0;cursor:pointer;touch-action:manipulation;align-items:center;justify-content:center;border-radius:var(--ax-sys-border-radius);--tw-border-style: none;border-style:none;background-color:transparent;font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));color:rgba(var(--ax-sys-color-on-surface),.55);transition:background-color .15s ease,color .15s ease}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__remove:hover,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__remove:focus-visible{background-color:rgba(var(--ax-sys-color-danger-lightest-surface));color:rgba(var(--ax-sys-color-danger-500));--tw-outline-style: none;outline-style:none}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__grid{display:grid;gap:calc(var(--spacing, .25rem) * 2);grid-template-columns:repeat(auto-fill,minmax(5.25rem,1fr))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__tile{position:relative;aspect-ratio:1 / 1;overflow:hidden;border-radius:var(--ax-sys-border-radius);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface));background-color:rgba(var(--ax-sys-color-light-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__tile img{display:block;height:100%;width:100%;object-fit:cover}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__tile-remove{position:absolute;inset-inline-end:calc(var(--spacing, .25rem) * 1);top:calc(var(--spacing, .25rem) * 1);z-index:20;display:flex;height:calc(var(--spacing, .25rem) * 7);width:calc(var(--spacing, .25rem) * 7);cursor:pointer;touch-action:manipulation;align-items:center;justify-content:center;border-radius:calc(infinity * 1px);--tw-border-style: none;border-style:none;background-color:rgba(var(--ax-sys-color-danger-500));font-size:.6875rem;color:rgba(var(--ax-sys-color-light-surface));box-shadow:0 1px 3px #0003}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__tile-overlay{position:absolute;inset-inline:calc(var(--spacing, .25rem) * 0);bottom:calc(var(--spacing, .25rem) * 0);padding:calc(var(--spacing, .25rem) * 1);background:linear-gradient(transparent,#0000008c)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__tile-status{font-size:.625rem;--tw-leading: var(--leading-tight, 1.25);line-height:var(--leading-tight, 1.25);color:rgba(var(--ax-sys-color-light-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__caption-slot{flex-shrink:0;border-top-style:var(--tw-border-style);border-top-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface));background-color:rgba(var(--ax-sys-color-lightest-surface));padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__input-hidden{display:none}@container picker (max-width: 480px){:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__grid{gap:calc(var(--spacing, .25rem) * 1.5);grid-template-columns:repeat(3,minmax(0,1fr))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row{gap:calc(var(--spacing, .25rem) * 2);padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:calc(var(--spacing, .25rem) * 1.5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb{height:calc(var(--spacing, .25rem) * 9);width:calc(var(--spacing, .25rem) * 9)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty{margin:calc(var(--spacing, .25rem) * 2);min-height:7.5rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__body{padding-inline:calc(var(--spacing, .25rem) * 2);padding-bottom:calc(var(--spacing, .25rem) * 2)}}}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-leading: initial;--tw-font-weight: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"] }]
         }], ctorParameters: () => [], propDecorators: { service: [{ type: i0.Input, args: [{ isSignal: true, alias: "service", required: false }] }], conversation: [{ type: i0.Input, args: [{ isSignal: true, alias: "conversation", required: true }] }], maxFiles: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxFiles", required: false }] }], initialFiles: [{ type: i0.Input, args: [{ isSignal: true, alias: "initialFiles", required: false }] }], autoRun: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoRun", required: false }] }], __popup__: [{ type: i0.Input, args: [{ isSignal: true, alias: "__popup__", required: false }] }], __actionSheet__: [{ type: i0.Input, args: [{ isSignal: true, alias: "__actionSheet__", required: false }] }] } });
 
 var audioPicker_component = /*#__PURE__*/Object.freeze({
@@ -10857,7 +10852,10 @@ class AXConversationFilePickerComponent {
                 let fileIndex = -1;
                 this.files.update((files) => {
                     fileIndex = files.length;
-                    return [...files, { file, preview, icon, type: pickerKind, uploadProgress: 0, uploading: true }];
+                    return [
+                        ...files,
+                        { id: createPickerUploadItemId(), file, preview, icon, type: pickerKind, uploadProgress: 0, uploading: true },
+                    ];
                 });
                 if (fileIndex >= 0) {
                     void this.uploadFile(fileIndex, file);
@@ -11027,7 +11025,7 @@ class AXConversationFilePickerComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXConversationFilePickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXConversationFilePickerComponent, isStandalone: true, selector: "ax-conversation-file-picker", inputs: { service: { classPropertyName: "service", publicName: "service", isSignal: true, isRequired: false, transformFunction: null }, conversation: { classPropertyName: "conversation", publicName: "conversation", isSignal: true, isRequired: true, transformFunction: null }, maxFiles: { classPropertyName: "maxFiles", publicName: "maxFiles", isSignal: true, isRequired: false, transformFunction: null }, initialFiles: { classPropertyName: "initialFiles", publicName: "initialFiles", isSignal: true, isRequired: false, transformFunction: null }, autoRun: { classPropertyName: "autoRun", publicName: "autoRun", isSignal: true, isRequired: false, transformFunction: null }, __popup__: { classPropertyName: "__popup__", publicName: "__popup__", isSignal: true, isRequired: false, transformFunction: null }, __actionSheet__: { classPropertyName: "__actionSheet__", publicName: "__actionSheet__", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<ax-conversation-picker-shell\n  [fileType]=\"catalogFileType\"\n  [multiple]=\"allowMultiple()\"\n  (filesSelected)=\"handleFiles($event)\"\n  (dragEnter)=\"isDragging.set(true)\"\n  (dragLeave)=\"isDragging.set(false)\"\n>\n  <ax-conversation-picker-header\n    [title]=\"translation.translateSync('@acorex:chat.pickers.files.title')\"\n    (onClose)=\"cancel()\"\n  />\n\n  <div class=\"ax-conversation-picker__scroll\">\n    @if (files().length === 0) {\n      <ax-conversation-picker-empty\n        [title]=\"getEmptyTitle()\"\n        [hint]=\"getEmptySubtitle()\"\n        [iconClass]=\"emptyIconClass()\"\n        [dragOver]=\"isDragging()\"\n      />\n    } @else {\n      <div class=\"ax-conversation-picker__body\">\n        <ax-conversation-picker-toolbar\n          [countLabel]=\"getSelectedCountText()\"\n          [addMoreLabel]=\"translation.translateSync('@acorex:chat.pickers.common.add-more')\"\n        />\n\n        <div class=\"ax-conversation-picker__list\">\n          @for (file of files(); track $index) {\n            <div class=\"ax-conversation-picker__row\">\n              <div class=\"ax-conversation-picker__thumb\">\n                @if (file.type === 'image' && file.preview) {\n                  <img [src]=\"file.preview\" [alt]=\"file.file.name\" />\n                } @else {\n                  <i [class]=\"file.icon\"></i>\n                }\n              </div>\n              <div class=\"ax-conversation-picker__details\">\n                <div class=\"ax-conversation-picker__name\">{{ file.file.name }}</div>\n                <div class=\"ax-conversation-picker__status\">\n                  @if (file.uploading) {\n                    <span>{{ getUploadingLabel(file.uploadProgress ?? 0) }}</span>\n                  } @else if (file.uploaded) {\n                    <span class=\"ax-conversation-picker__status--ok\"\n                      ><i class=\"fa-light fa-check\"></i>\n                      {{ translation.translateSync('@acorex:chat.pickers.files.uploaded') }}</span\n                    >\n                  } @else if (file.error) {\n                    <span class=\"ax-conversation-picker__status--err\"\n                      ><i class=\"fa-light fa-xmark\"></i> {{ file.error }}</span\n                    >\n                  } @else {\n                    <span>{{ formatFileSize(file.file.size) }}</span>\n                  }\n                </div>\n                @if (file.uploading || file.uploaded) {\n                  <div class=\"ax-conversation-picker__progress\">\n                    <ax-progress-bar [progress]=\"file.uploadProgress || 0\" [mode]=\"'determinate'\" [height]=\"3\" />\n                  </div>\n                }\n              </div>\n              <button\n                type=\"button\"\n                class=\"ax-conversation-picker__remove\"\n                (click)=\"removeFile($index)\"\n                [attr.aria-label]=\"\n                  file.uploading\n                    ? getCancelUploadLabel()\n                    : translation.translateSync('@acorex:chat.pickers.common.remove')\n                \"\n              >\n                <i class=\"fa-light fa-xmark\"></i>\n              </button>\n            </div>\n          }\n        </div>\n      </div>\n    }\n  </div>\n\n  <ax-conversation-picker-caption [(caption)]=\"caption\" />\n\n  @if (files().length > 0) {\n    <ax-conversation-picker-footer\n      [sendText]=\"getSendButtonText()\"\n      [sendDisabled]=\"!canSend()\"\n      (onCancel)=\"cancel()\"\n      (onSend)=\"sendFiles()\"\n    />\n  }\n</ax-conversation-picker-shell>\n", styles: ["@layer properties;@layer components{.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup{max-height:min(32rem,90dvh);width:min(28rem,93vw)}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-main-container{min-height:calc(var(--spacing, .25rem) * 0)}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-body-container{display:flex;min-height:calc(var(--spacing, .25rem) * 0);flex-direction:column;overflow:hidden;padding:calc(var(--spacing, .25rem) * 0)}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-body-container>ng-component{display:flex;min-height:calc(var(--spacing, .25rem) * 0);width:100%;flex-direction:column}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup{max-height:min(28rem,92dvh);width:93vw}}.ax-popup-overlay.ax-conversation-composer-picker-popup--location .ax-popup{max-height:min(40rem,92dvh);width:min(32rem,93vw)}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup--location .ax-popup{max-height:min(90dvh,92dvh)}}}@layer components{ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker{display:block;min-height:calc(var(--spacing, .25rem) * 0);width:100%;max-width:100%}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__scroll{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty{margin:calc(var(--spacing, .25rem) * 3);display:flex;min-height:8.5rem;cursor:pointer;touch-action:manipulation;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 1.5);border-radius:var(--ax-sys-border-radius);border-style:var(--tw-border-style);border-width:1px;--tw-border-style: dashed;border-style:dashed;border-color:rgba(var(--ax-sys-color-border-surface));padding:calc(var(--spacing, .25rem) * 4);padding-inline:calc(var(--spacing, .25rem) * 3);text-align:center;transition:border-color .15s ease,background-color .15s ease}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty:hover,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty--drag{border-color:rgba(var(--ax-sys-color-primary-surface));background:rgba(var(--ax-sys-color-primary-500),.06)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty-icon{font-size:1.75rem;--tw-leading: 1;line-height:1;color:rgba(var(--ax-sys-color-on-surface),.55)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty-title{margin:calc(var(--spacing, .25rem) * 0);font-size:.8125rem;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);color:rgba(var(--ax-sys-color-on-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty-hint{margin:calc(var(--spacing, .25rem) * 0);font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));color:rgba(var(--ax-sys-color-on-surface),.6)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__body{padding-inline:calc(var(--spacing, .25rem) * 3);padding-bottom:calc(var(--spacing, .25rem) * 3)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__list{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2);padding-top:calc(var(--spacing, .25rem) * 2)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 2.5);border-radius:var(--ax-sys-border-radius);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface));background-color:rgba(var(--ax-sys-color-surface));padding-inline:calc(var(--spacing, .25rem) * 2.5);padding-block:calc(var(--spacing, .25rem) * 2);transition:background-color .15s ease}@media(hover:hover){:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row:hover{background-color:rgba(var(--ax-sys-color-light-surface))}}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb{position:relative;display:flex;height:calc(var(--spacing, .25rem) * 10);width:calc(var(--spacing, .25rem) * 10);flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--ax-sys-border-radius);font-size:var(--text-lg, 1.125rem);line-height:var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));color:rgba(var(--ax-sys-color-primary-surface));background:rgba(var(--ax-sys-color-primary-500),.1)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb img,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb video{pointer-events:none;display:block;height:100%;width:100%;object-fit:cover}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb-badge{pointer-events:none;position:absolute;inset:calc(var(--spacing, .25rem) * 0);display:flex;align-items:center;justify-content:center;font-size:.625rem;color:rgba(var(--ax-sys-color-light-surface));background:#00000052}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__details{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__name{overflow:hidden;font-size:.8125rem;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);text-overflow:ellipsis;white-space:nowrap;color:rgba(var(--ax-sys-color-on-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__status{display:flex;flex-wrap:wrap;gap:calc(var(--spacing, .25rem) * 1.5);font-size:.6875rem;color:rgba(var(--ax-sys-color-on-surface),.65)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__status--ok{--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-sys-color-success-600))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__status--err{--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-sys-color-danger-600))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__progress{margin-top:calc(var(--spacing, .25rem) * .5);width:100%}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__remove{display:flex;height:calc(var(--spacing, .25rem) * 11);width:calc(var(--spacing, .25rem) * 11);flex-shrink:0;cursor:pointer;touch-action:manipulation;align-items:center;justify-content:center;border-radius:var(--ax-sys-border-radius);--tw-border-style: none;border-style:none;background-color:transparent;font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));color:rgba(var(--ax-sys-color-on-surface),.55);transition:background-color .15s ease,color .15s ease}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__remove:hover,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__remove:focus-visible{background-color:rgba(var(--ax-sys-color-danger-lightest-surface));color:rgba(var(--ax-sys-color-danger-500));--tw-outline-style: none;outline-style:none}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__grid{display:grid;gap:calc(var(--spacing, .25rem) * 2);grid-template-columns:repeat(auto-fill,minmax(5.25rem,1fr))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__tile{position:relative;aspect-ratio:1 / 1;overflow:hidden;border-radius:var(--ax-sys-border-radius);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface));background-color:rgba(var(--ax-sys-color-light-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__tile img{display:block;height:100%;width:100%;object-fit:cover}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__tile-remove{position:absolute;inset-inline-end:calc(var(--spacing, .25rem) * 1);top:calc(var(--spacing, .25rem) * 1);z-index:20;display:flex;height:calc(var(--spacing, .25rem) * 7);width:calc(var(--spacing, .25rem) * 7);cursor:pointer;touch-action:manipulation;align-items:center;justify-content:center;border-radius:calc(infinity * 1px);--tw-border-style: none;border-style:none;background-color:rgba(var(--ax-sys-color-danger-500));font-size:.6875rem;color:rgba(var(--ax-sys-color-light-surface));box-shadow:0 1px 3px #0003}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__tile-overlay{position:absolute;inset-inline:calc(var(--spacing, .25rem) * 0);bottom:calc(var(--spacing, .25rem) * 0);padding:calc(var(--spacing, .25rem) * 1);background:linear-gradient(transparent,#0000008c)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__tile-status{font-size:.625rem;--tw-leading: var(--leading-tight, 1.25);line-height:var(--leading-tight, 1.25);color:rgba(var(--ax-sys-color-light-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__caption-slot{flex-shrink:0;border-top-style:var(--tw-border-style);border-top-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface));background-color:rgba(var(--ax-sys-color-lightest-surface));padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__input-hidden{display:none}@container picker (max-width: 480px){:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__grid{gap:calc(var(--spacing, .25rem) * 1.5);grid-template-columns:repeat(3,minmax(0,1fr))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row{gap:calc(var(--spacing, .25rem) * 2);padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:calc(var(--spacing, .25rem) * 1.5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb{height:calc(var(--spacing, .25rem) * 9);width:calc(var(--spacing, .25rem) * 9)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty{margin:calc(var(--spacing, .25rem) * 2);min-height:7.5rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__body{padding-inline:calc(var(--spacing, .25rem) * 2);padding-bottom:calc(var(--spacing, .25rem) * 2)}}}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-leading: initial;--tw-font-weight: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXProgressBarModule }, { kind: "component", type: i1$3.AXProgressBarComponent, selector: "ax-progress-bar", inputs: ["color", "mode", "progress", "height"], outputs: ["ValueChange", "sizeChange"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXConversationPickerHeaderComponent, selector: "ax-conversation-picker-header", inputs: ["title"], outputs: ["onClose"] }, { kind: "component", type: AXConversationPickerFooterComponent, selector: "ax-conversation-picker-footer", inputs: ["sendText", "sendDisabled"], outputs: ["onCancel", "onSend"] }, { kind: "component", type: AXConversationPickerEmptyComponent, selector: "ax-conversation-picker-empty", inputs: ["title", "hint", "iconClass", "dragOver"] }, { kind: "component", type: AXConversationPickerToolbarComponent, selector: "ax-conversation-picker-toolbar", inputs: ["countLabel", "addMoreLabel"] }, { kind: "component", type: AXConversationPickerCaptionComponent, selector: "ax-conversation-picker-caption", inputs: ["caption"], outputs: ["captionChange"] }, { kind: "component", type: AXConversationPickerShellComponent, selector: "ax-conversation-picker-shell", inputs: ["fileType", "multiple"], outputs: ["filesSelected", "dragEnter", "dragLeave", "dragOver"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXConversationFilePickerComponent, isStandalone: true, selector: "ax-conversation-file-picker", inputs: { service: { classPropertyName: "service", publicName: "service", isSignal: true, isRequired: false, transformFunction: null }, conversation: { classPropertyName: "conversation", publicName: "conversation", isSignal: true, isRequired: true, transformFunction: null }, maxFiles: { classPropertyName: "maxFiles", publicName: "maxFiles", isSignal: true, isRequired: false, transformFunction: null }, initialFiles: { classPropertyName: "initialFiles", publicName: "initialFiles", isSignal: true, isRequired: false, transformFunction: null }, autoRun: { classPropertyName: "autoRun", publicName: "autoRun", isSignal: true, isRequired: false, transformFunction: null }, __popup__: { classPropertyName: "__popup__", publicName: "__popup__", isSignal: true, isRequired: false, transformFunction: null }, __actionSheet__: { classPropertyName: "__actionSheet__", publicName: "__actionSheet__", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<ax-conversation-picker-shell\n  [fileType]=\"catalogFileType\"\n  [multiple]=\"allowMultiple()\"\n  (filesSelected)=\"handleFiles($event)\"\n  (dragEnter)=\"isDragging.set(true)\"\n  (dragLeave)=\"isDragging.set(false)\"\n>\n  <ax-conversation-picker-header\n    [title]=\"translation.translateSync('@acorex:chat.pickers.files.title')\"\n    (onClose)=\"cancel()\"\n  />\n\n  <div class=\"ax-conversation-picker__scroll\">\n    @if (files().length === 0) {\n      <ax-conversation-picker-empty\n        [title]=\"getEmptyTitle()\"\n        [hint]=\"getEmptySubtitle()\"\n        [iconClass]=\"emptyIconClass()\"\n        [dragOver]=\"isDragging()\"\n      />\n    } @else {\n      <div class=\"ax-conversation-picker__body\">\n        <ax-conversation-picker-toolbar\n          [countLabel]=\"getSelectedCountText()\"\n          [addMoreLabel]=\"translation.translateSync('@acorex:chat.pickers.common.add-more')\"\n        />\n\n        <div class=\"ax-conversation-picker__list\">\n          @for (file of files(); track file.id) {\n            <div class=\"ax-conversation-picker__row\">\n              <div class=\"ax-conversation-picker__thumb\">\n                @if (file.type === 'image' && file.preview) {\n                  <img [src]=\"file.preview\" [alt]=\"file.file.name\" />\n                } @else {\n                  <i [class]=\"file.icon\"></i>\n                }\n              </div>\n              <div class=\"ax-conversation-picker__details\">\n                <div class=\"ax-conversation-picker__name\">{{ file.file.name }}</div>\n                <div class=\"ax-conversation-picker__status\">\n                  @if (file.uploading) {\n                    <span>{{ getUploadingLabel(file.uploadProgress ?? 0) }}</span>\n                  } @else if (file.uploaded) {\n                    <span class=\"ax-conversation-picker__status--ok\"\n                      ><i class=\"fa-light fa-check\"></i>\n                      {{ translation.translateSync('@acorex:chat.pickers.files.uploaded') }}</span\n                    >\n                  } @else if (file.error) {\n                    <span class=\"ax-conversation-picker__status--err\"\n                      ><i class=\"fa-light fa-xmark\"></i> {{ file.error }}</span\n                    >\n                  } @else {\n                    <span>{{ formatFileSize(file.file.size) }}</span>\n                  }\n                </div>\n                @if (file.uploading || file.uploaded) {\n                  <div class=\"ax-conversation-picker__progress\">\n                    <ax-progress-bar [progress]=\"file.uploadProgress || 0\" [mode]=\"'determinate'\" [height]=\"3\" />\n                  </div>\n                }\n              </div>\n              <button\n                type=\"button\"\n                class=\"ax-conversation-picker__remove\"\n                (click)=\"removeFile($index)\"\n                [attr.aria-label]=\"\n                  file.uploading\n                    ? getCancelUploadLabel()\n                    : translation.translateSync('@acorex:chat.pickers.common.remove')\n                \"\n              >\n                <i class=\"fa-light fa-xmark\"></i>\n              </button>\n            </div>\n          }\n        </div>\n      </div>\n    }\n  </div>\n\n  <ax-conversation-picker-caption [(caption)]=\"caption\" />\n\n  @if (files().length > 0) {\n    <ax-conversation-picker-footer\n      [sendText]=\"getSendButtonText()\"\n      [sendDisabled]=\"!canSend()\"\n      (onCancel)=\"cancel()\"\n      (onSend)=\"sendFiles()\"\n    />\n  }\n</ax-conversation-picker-shell>\n", styles: ["@layer properties;@layer components{.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup{max-height:min(32rem,90dvh);width:min(28rem,93vw)}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-main-container{min-height:calc(var(--spacing, .25rem) * 0)}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-body-container{display:flex;min-height:calc(var(--spacing, .25rem) * 0);flex-direction:column;overflow:hidden;padding:calc(var(--spacing, .25rem) * 0)}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-body-container>ng-component{display:flex;min-height:calc(var(--spacing, .25rem) * 0);width:100%;flex-direction:column}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup{max-height:min(28rem,92dvh);width:93vw}}.ax-popup-overlay.ax-conversation-composer-picker-popup--location .ax-popup{max-height:min(40rem,92dvh);width:min(32rem,93vw)}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup--location .ax-popup{max-height:min(90dvh,92dvh)}}}@layer components{ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker{display:block;min-height:calc(var(--spacing, .25rem) * 0);width:100%;max-width:100%}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__scroll{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty{margin:calc(var(--spacing, .25rem) * 3);display:flex;min-height:8.5rem;cursor:pointer;touch-action:manipulation;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 1.5);border-radius:var(--ax-sys-border-radius);border-style:var(--tw-border-style);border-width:1px;--tw-border-style: dashed;border-style:dashed;border-color:rgba(var(--ax-sys-color-border-surface));padding:calc(var(--spacing, .25rem) * 4);padding-inline:calc(var(--spacing, .25rem) * 3);text-align:center;transition:border-color .15s ease,background-color .15s ease}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty:hover,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty--drag{border-color:rgba(var(--ax-sys-color-primary-surface));background:rgba(var(--ax-sys-color-primary-500),.06)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty-icon{font-size:1.75rem;--tw-leading: 1;line-height:1;color:rgba(var(--ax-sys-color-on-surface),.55)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty-title{margin:calc(var(--spacing, .25rem) * 0);font-size:.8125rem;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);color:rgba(var(--ax-sys-color-on-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty-hint{margin:calc(var(--spacing, .25rem) * 0);font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));color:rgba(var(--ax-sys-color-on-surface),.6)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__body{padding-inline:calc(var(--spacing, .25rem) * 3);padding-bottom:calc(var(--spacing, .25rem) * 3)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__list{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2);padding-top:calc(var(--spacing, .25rem) * 2)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 2.5);border-radius:var(--ax-sys-border-radius);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface));background-color:rgba(var(--ax-sys-color-surface));padding-inline:calc(var(--spacing, .25rem) * 2.5);padding-block:calc(var(--spacing, .25rem) * 2);transition:background-color .15s ease}@media(hover:hover){:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row:hover{background-color:rgba(var(--ax-sys-color-light-surface))}}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb{position:relative;display:flex;height:calc(var(--spacing, .25rem) * 10);width:calc(var(--spacing, .25rem) * 10);flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--ax-sys-border-radius);font-size:var(--text-lg, 1.125rem);line-height:var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));color:rgba(var(--ax-sys-color-primary-surface));background:rgba(var(--ax-sys-color-primary-500),.1)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb img,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb video{pointer-events:none;display:block;height:100%;width:100%;object-fit:cover}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb-badge{pointer-events:none;position:absolute;inset:calc(var(--spacing, .25rem) * 0);display:flex;align-items:center;justify-content:center;font-size:.625rem;color:rgba(var(--ax-sys-color-light-surface));background:#00000052}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__details{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__name{overflow:hidden;font-size:.8125rem;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);text-overflow:ellipsis;white-space:nowrap;color:rgba(var(--ax-sys-color-on-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__status{display:flex;flex-wrap:wrap;gap:calc(var(--spacing, .25rem) * 1.5);font-size:.6875rem;color:rgba(var(--ax-sys-color-on-surface),.65)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__status--ok{--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-sys-color-success-600))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__status--err{--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-sys-color-danger-600))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__progress{margin-top:calc(var(--spacing, .25rem) * .5);width:100%}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__remove{display:flex;height:calc(var(--spacing, .25rem) * 11);width:calc(var(--spacing, .25rem) * 11);flex-shrink:0;cursor:pointer;touch-action:manipulation;align-items:center;justify-content:center;border-radius:var(--ax-sys-border-radius);--tw-border-style: none;border-style:none;background-color:transparent;font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));color:rgba(var(--ax-sys-color-on-surface),.55);transition:background-color .15s ease,color .15s ease}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__remove:hover,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__remove:focus-visible{background-color:rgba(var(--ax-sys-color-danger-lightest-surface));color:rgba(var(--ax-sys-color-danger-500));--tw-outline-style: none;outline-style:none}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__grid{display:grid;gap:calc(var(--spacing, .25rem) * 2);grid-template-columns:repeat(auto-fill,minmax(5.25rem,1fr))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__tile{position:relative;aspect-ratio:1 / 1;overflow:hidden;border-radius:var(--ax-sys-border-radius);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface));background-color:rgba(var(--ax-sys-color-light-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__tile img{display:block;height:100%;width:100%;object-fit:cover}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__tile-remove{position:absolute;inset-inline-end:calc(var(--spacing, .25rem) * 1);top:calc(var(--spacing, .25rem) * 1);z-index:20;display:flex;height:calc(var(--spacing, .25rem) * 7);width:calc(var(--spacing, .25rem) * 7);cursor:pointer;touch-action:manipulation;align-items:center;justify-content:center;border-radius:calc(infinity * 1px);--tw-border-style: none;border-style:none;background-color:rgba(var(--ax-sys-color-danger-500));font-size:.6875rem;color:rgba(var(--ax-sys-color-light-surface));box-shadow:0 1px 3px #0003}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__tile-overlay{position:absolute;inset-inline:calc(var(--spacing, .25rem) * 0);bottom:calc(var(--spacing, .25rem) * 0);padding:calc(var(--spacing, .25rem) * 1);background:linear-gradient(transparent,#0000008c)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__tile-status{font-size:.625rem;--tw-leading: var(--leading-tight, 1.25);line-height:var(--leading-tight, 1.25);color:rgba(var(--ax-sys-color-light-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__caption-slot{flex-shrink:0;border-top-style:var(--tw-border-style);border-top-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface));background-color:rgba(var(--ax-sys-color-lightest-surface));padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__input-hidden{display:none}@container picker (max-width: 480px){:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__grid{gap:calc(var(--spacing, .25rem) * 1.5);grid-template-columns:repeat(3,minmax(0,1fr))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row{gap:calc(var(--spacing, .25rem) * 2);padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:calc(var(--spacing, .25rem) * 1.5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb{height:calc(var(--spacing, .25rem) * 9);width:calc(var(--spacing, .25rem) * 9)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty{margin:calc(var(--spacing, .25rem) * 2);min-height:7.5rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__body{padding-inline:calc(var(--spacing, .25rem) * 2);padding-bottom:calc(var(--spacing, .25rem) * 2)}}}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-leading: initial;--tw-font-weight: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXProgressBarModule }, { kind: "component", type: i1$3.AXProgressBarComponent, selector: "ax-progress-bar", inputs: ["color", "mode", "progress", "height"], outputs: ["ValueChange", "sizeChange"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXConversationPickerHeaderComponent, selector: "ax-conversation-picker-header", inputs: ["title"], outputs: ["onClose"] }, { kind: "component", type: AXConversationPickerFooterComponent, selector: "ax-conversation-picker-footer", inputs: ["sendText", "sendDisabled"], outputs: ["onCancel", "onSend"] }, { kind: "component", type: AXConversationPickerEmptyComponent, selector: "ax-conversation-picker-empty", inputs: ["title", "hint", "iconClass", "dragOver"] }, { kind: "component", type: AXConversationPickerToolbarComponent, selector: "ax-conversation-picker-toolbar", inputs: ["countLabel", "addMoreLabel"] }, { kind: "component", type: AXConversationPickerCaptionComponent, selector: "ax-conversation-picker-caption", inputs: ["caption"], outputs: ["captionChange"] }, { kind: "component", type: AXConversationPickerShellComponent, selector: "ax-conversation-picker-shell", inputs: ["fileType", "multiple"], outputs: ["filesSelected", "dragEnter", "dragLeave", "dragOver"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXConversationFilePickerComponent, decorators: [{
             type: Component,
@@ -11041,7 +11039,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                         AXConversationPickerToolbarComponent,
                         AXConversationPickerCaptionComponent,
                         AXConversationPickerShellComponent,
-                    ], template: "<ax-conversation-picker-shell\n  [fileType]=\"catalogFileType\"\n  [multiple]=\"allowMultiple()\"\n  (filesSelected)=\"handleFiles($event)\"\n  (dragEnter)=\"isDragging.set(true)\"\n  (dragLeave)=\"isDragging.set(false)\"\n>\n  <ax-conversation-picker-header\n    [title]=\"translation.translateSync('@acorex:chat.pickers.files.title')\"\n    (onClose)=\"cancel()\"\n  />\n\n  <div class=\"ax-conversation-picker__scroll\">\n    @if (files().length === 0) {\n      <ax-conversation-picker-empty\n        [title]=\"getEmptyTitle()\"\n        [hint]=\"getEmptySubtitle()\"\n        [iconClass]=\"emptyIconClass()\"\n        [dragOver]=\"isDragging()\"\n      />\n    } @else {\n      <div class=\"ax-conversation-picker__body\">\n        <ax-conversation-picker-toolbar\n          [countLabel]=\"getSelectedCountText()\"\n          [addMoreLabel]=\"translation.translateSync('@acorex:chat.pickers.common.add-more')\"\n        />\n\n        <div class=\"ax-conversation-picker__list\">\n          @for (file of files(); track $index) {\n            <div class=\"ax-conversation-picker__row\">\n              <div class=\"ax-conversation-picker__thumb\">\n                @if (file.type === 'image' && file.preview) {\n                  <img [src]=\"file.preview\" [alt]=\"file.file.name\" />\n                } @else {\n                  <i [class]=\"file.icon\"></i>\n                }\n              </div>\n              <div class=\"ax-conversation-picker__details\">\n                <div class=\"ax-conversation-picker__name\">{{ file.file.name }}</div>\n                <div class=\"ax-conversation-picker__status\">\n                  @if (file.uploading) {\n                    <span>{{ getUploadingLabel(file.uploadProgress ?? 0) }}</span>\n                  } @else if (file.uploaded) {\n                    <span class=\"ax-conversation-picker__status--ok\"\n                      ><i class=\"fa-light fa-check\"></i>\n                      {{ translation.translateSync('@acorex:chat.pickers.files.uploaded') }}</span\n                    >\n                  } @else if (file.error) {\n                    <span class=\"ax-conversation-picker__status--err\"\n                      ><i class=\"fa-light fa-xmark\"></i> {{ file.error }}</span\n                    >\n                  } @else {\n                    <span>{{ formatFileSize(file.file.size) }}</span>\n                  }\n                </div>\n                @if (file.uploading || file.uploaded) {\n                  <div class=\"ax-conversation-picker__progress\">\n                    <ax-progress-bar [progress]=\"file.uploadProgress || 0\" [mode]=\"'determinate'\" [height]=\"3\" />\n                  </div>\n                }\n              </div>\n              <button\n                type=\"button\"\n                class=\"ax-conversation-picker__remove\"\n                (click)=\"removeFile($index)\"\n                [attr.aria-label]=\"\n                  file.uploading\n                    ? getCancelUploadLabel()\n                    : translation.translateSync('@acorex:chat.pickers.common.remove')\n                \"\n              >\n                <i class=\"fa-light fa-xmark\"></i>\n              </button>\n            </div>\n          }\n        </div>\n      </div>\n    }\n  </div>\n\n  <ax-conversation-picker-caption [(caption)]=\"caption\" />\n\n  @if (files().length > 0) {\n    <ax-conversation-picker-footer\n      [sendText]=\"getSendButtonText()\"\n      [sendDisabled]=\"!canSend()\"\n      (onCancel)=\"cancel()\"\n      (onSend)=\"sendFiles()\"\n    />\n  }\n</ax-conversation-picker-shell>\n", styles: ["@layer properties;@layer components{.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup{max-height:min(32rem,90dvh);width:min(28rem,93vw)}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-main-container{min-height:calc(var(--spacing, .25rem) * 0)}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-body-container{display:flex;min-height:calc(var(--spacing, .25rem) * 0);flex-direction:column;overflow:hidden;padding:calc(var(--spacing, .25rem) * 0)}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-body-container>ng-component{display:flex;min-height:calc(var(--spacing, .25rem) * 0);width:100%;flex-direction:column}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup{max-height:min(28rem,92dvh);width:93vw}}.ax-popup-overlay.ax-conversation-composer-picker-popup--location .ax-popup{max-height:min(40rem,92dvh);width:min(32rem,93vw)}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup--location .ax-popup{max-height:min(90dvh,92dvh)}}}@layer components{ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker{display:block;min-height:calc(var(--spacing, .25rem) * 0);width:100%;max-width:100%}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__scroll{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty{margin:calc(var(--spacing, .25rem) * 3);display:flex;min-height:8.5rem;cursor:pointer;touch-action:manipulation;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 1.5);border-radius:var(--ax-sys-border-radius);border-style:var(--tw-border-style);border-width:1px;--tw-border-style: dashed;border-style:dashed;border-color:rgba(var(--ax-sys-color-border-surface));padding:calc(var(--spacing, .25rem) * 4);padding-inline:calc(var(--spacing, .25rem) * 3);text-align:center;transition:border-color .15s ease,background-color .15s ease}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty:hover,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty--drag{border-color:rgba(var(--ax-sys-color-primary-surface));background:rgba(var(--ax-sys-color-primary-500),.06)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty-icon{font-size:1.75rem;--tw-leading: 1;line-height:1;color:rgba(var(--ax-sys-color-on-surface),.55)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty-title{margin:calc(var(--spacing, .25rem) * 0);font-size:.8125rem;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);color:rgba(var(--ax-sys-color-on-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty-hint{margin:calc(var(--spacing, .25rem) * 0);font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));color:rgba(var(--ax-sys-color-on-surface),.6)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__body{padding-inline:calc(var(--spacing, .25rem) * 3);padding-bottom:calc(var(--spacing, .25rem) * 3)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__list{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2);padding-top:calc(var(--spacing, .25rem) * 2)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 2.5);border-radius:var(--ax-sys-border-radius);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface));background-color:rgba(var(--ax-sys-color-surface));padding-inline:calc(var(--spacing, .25rem) * 2.5);padding-block:calc(var(--spacing, .25rem) * 2);transition:background-color .15s ease}@media(hover:hover){:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row:hover{background-color:rgba(var(--ax-sys-color-light-surface))}}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb{position:relative;display:flex;height:calc(var(--spacing, .25rem) * 10);width:calc(var(--spacing, .25rem) * 10);flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--ax-sys-border-radius);font-size:var(--text-lg, 1.125rem);line-height:var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));color:rgba(var(--ax-sys-color-primary-surface));background:rgba(var(--ax-sys-color-primary-500),.1)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb img,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb video{pointer-events:none;display:block;height:100%;width:100%;object-fit:cover}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb-badge{pointer-events:none;position:absolute;inset:calc(var(--spacing, .25rem) * 0);display:flex;align-items:center;justify-content:center;font-size:.625rem;color:rgba(var(--ax-sys-color-light-surface));background:#00000052}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__details{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__name{overflow:hidden;font-size:.8125rem;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);text-overflow:ellipsis;white-space:nowrap;color:rgba(var(--ax-sys-color-on-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__status{display:flex;flex-wrap:wrap;gap:calc(var(--spacing, .25rem) * 1.5);font-size:.6875rem;color:rgba(var(--ax-sys-color-on-surface),.65)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__status--ok{--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-sys-color-success-600))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__status--err{--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-sys-color-danger-600))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__progress{margin-top:calc(var(--spacing, .25rem) * .5);width:100%}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__remove{display:flex;height:calc(var(--spacing, .25rem) * 11);width:calc(var(--spacing, .25rem) * 11);flex-shrink:0;cursor:pointer;touch-action:manipulation;align-items:center;justify-content:center;border-radius:var(--ax-sys-border-radius);--tw-border-style: none;border-style:none;background-color:transparent;font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));color:rgba(var(--ax-sys-color-on-surface),.55);transition:background-color .15s ease,color .15s ease}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__remove:hover,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__remove:focus-visible{background-color:rgba(var(--ax-sys-color-danger-lightest-surface));color:rgba(var(--ax-sys-color-danger-500));--tw-outline-style: none;outline-style:none}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__grid{display:grid;gap:calc(var(--spacing, .25rem) * 2);grid-template-columns:repeat(auto-fill,minmax(5.25rem,1fr))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__tile{position:relative;aspect-ratio:1 / 1;overflow:hidden;border-radius:var(--ax-sys-border-radius);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface));background-color:rgba(var(--ax-sys-color-light-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__tile img{display:block;height:100%;width:100%;object-fit:cover}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__tile-remove{position:absolute;inset-inline-end:calc(var(--spacing, .25rem) * 1);top:calc(var(--spacing, .25rem) * 1);z-index:20;display:flex;height:calc(var(--spacing, .25rem) * 7);width:calc(var(--spacing, .25rem) * 7);cursor:pointer;touch-action:manipulation;align-items:center;justify-content:center;border-radius:calc(infinity * 1px);--tw-border-style: none;border-style:none;background-color:rgba(var(--ax-sys-color-danger-500));font-size:.6875rem;color:rgba(var(--ax-sys-color-light-surface));box-shadow:0 1px 3px #0003}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__tile-overlay{position:absolute;inset-inline:calc(var(--spacing, .25rem) * 0);bottom:calc(var(--spacing, .25rem) * 0);padding:calc(var(--spacing, .25rem) * 1);background:linear-gradient(transparent,#0000008c)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__tile-status{font-size:.625rem;--tw-leading: var(--leading-tight, 1.25);line-height:var(--leading-tight, 1.25);color:rgba(var(--ax-sys-color-light-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__caption-slot{flex-shrink:0;border-top-style:var(--tw-border-style);border-top-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface));background-color:rgba(var(--ax-sys-color-lightest-surface));padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__input-hidden{display:none}@container picker (max-width: 480px){:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__grid{gap:calc(var(--spacing, .25rem) * 1.5);grid-template-columns:repeat(3,minmax(0,1fr))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row{gap:calc(var(--spacing, .25rem) * 2);padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:calc(var(--spacing, .25rem) * 1.5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb{height:calc(var(--spacing, .25rem) * 9);width:calc(var(--spacing, .25rem) * 9)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty{margin:calc(var(--spacing, .25rem) * 2);min-height:7.5rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__body{padding-inline:calc(var(--spacing, .25rem) * 2);padding-bottom:calc(var(--spacing, .25rem) * 2)}}}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-leading: initial;--tw-font-weight: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"] }]
+                    ], template: "<ax-conversation-picker-shell\n  [fileType]=\"catalogFileType\"\n  [multiple]=\"allowMultiple()\"\n  (filesSelected)=\"handleFiles($event)\"\n  (dragEnter)=\"isDragging.set(true)\"\n  (dragLeave)=\"isDragging.set(false)\"\n>\n  <ax-conversation-picker-header\n    [title]=\"translation.translateSync('@acorex:chat.pickers.files.title')\"\n    (onClose)=\"cancel()\"\n  />\n\n  <div class=\"ax-conversation-picker__scroll\">\n    @if (files().length === 0) {\n      <ax-conversation-picker-empty\n        [title]=\"getEmptyTitle()\"\n        [hint]=\"getEmptySubtitle()\"\n        [iconClass]=\"emptyIconClass()\"\n        [dragOver]=\"isDragging()\"\n      />\n    } @else {\n      <div class=\"ax-conversation-picker__body\">\n        <ax-conversation-picker-toolbar\n          [countLabel]=\"getSelectedCountText()\"\n          [addMoreLabel]=\"translation.translateSync('@acorex:chat.pickers.common.add-more')\"\n        />\n\n        <div class=\"ax-conversation-picker__list\">\n          @for (file of files(); track file.id) {\n            <div class=\"ax-conversation-picker__row\">\n              <div class=\"ax-conversation-picker__thumb\">\n                @if (file.type === 'image' && file.preview) {\n                  <img [src]=\"file.preview\" [alt]=\"file.file.name\" />\n                } @else {\n                  <i [class]=\"file.icon\"></i>\n                }\n              </div>\n              <div class=\"ax-conversation-picker__details\">\n                <div class=\"ax-conversation-picker__name\">{{ file.file.name }}</div>\n                <div class=\"ax-conversation-picker__status\">\n                  @if (file.uploading) {\n                    <span>{{ getUploadingLabel(file.uploadProgress ?? 0) }}</span>\n                  } @else if (file.uploaded) {\n                    <span class=\"ax-conversation-picker__status--ok\"\n                      ><i class=\"fa-light fa-check\"></i>\n                      {{ translation.translateSync('@acorex:chat.pickers.files.uploaded') }}</span\n                    >\n                  } @else if (file.error) {\n                    <span class=\"ax-conversation-picker__status--err\"\n                      ><i class=\"fa-light fa-xmark\"></i> {{ file.error }}</span\n                    >\n                  } @else {\n                    <span>{{ formatFileSize(file.file.size) }}</span>\n                  }\n                </div>\n                @if (file.uploading || file.uploaded) {\n                  <div class=\"ax-conversation-picker__progress\">\n                    <ax-progress-bar [progress]=\"file.uploadProgress || 0\" [mode]=\"'determinate'\" [height]=\"3\" />\n                  </div>\n                }\n              </div>\n              <button\n                type=\"button\"\n                class=\"ax-conversation-picker__remove\"\n                (click)=\"removeFile($index)\"\n                [attr.aria-label]=\"\n                  file.uploading\n                    ? getCancelUploadLabel()\n                    : translation.translateSync('@acorex:chat.pickers.common.remove')\n                \"\n              >\n                <i class=\"fa-light fa-xmark\"></i>\n              </button>\n            </div>\n          }\n        </div>\n      </div>\n    }\n  </div>\n\n  <ax-conversation-picker-caption [(caption)]=\"caption\" />\n\n  @if (files().length > 0) {\n    <ax-conversation-picker-footer\n      [sendText]=\"getSendButtonText()\"\n      [sendDisabled]=\"!canSend()\"\n      (onCancel)=\"cancel()\"\n      (onSend)=\"sendFiles()\"\n    />\n  }\n</ax-conversation-picker-shell>\n", styles: ["@layer properties;@layer components{.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup{max-height:min(32rem,90dvh);width:min(28rem,93vw)}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-main-container{min-height:calc(var(--spacing, .25rem) * 0)}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-body-container{display:flex;min-height:calc(var(--spacing, .25rem) * 0);flex-direction:column;overflow:hidden;padding:calc(var(--spacing, .25rem) * 0)}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-body-container>ng-component{display:flex;min-height:calc(var(--spacing, .25rem) * 0);width:100%;flex-direction:column}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup{max-height:min(28rem,92dvh);width:93vw}}.ax-popup-overlay.ax-conversation-composer-picker-popup--location .ax-popup{max-height:min(40rem,92dvh);width:min(32rem,93vw)}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup--location .ax-popup{max-height:min(90dvh,92dvh)}}}@layer components{ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker{display:block;min-height:calc(var(--spacing, .25rem) * 0);width:100%;max-width:100%}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__scroll{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty{margin:calc(var(--spacing, .25rem) * 3);display:flex;min-height:8.5rem;cursor:pointer;touch-action:manipulation;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 1.5);border-radius:var(--ax-sys-border-radius);border-style:var(--tw-border-style);border-width:1px;--tw-border-style: dashed;border-style:dashed;border-color:rgba(var(--ax-sys-color-border-surface));padding:calc(var(--spacing, .25rem) * 4);padding-inline:calc(var(--spacing, .25rem) * 3);text-align:center;transition:border-color .15s ease,background-color .15s ease}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty:hover,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty--drag{border-color:rgba(var(--ax-sys-color-primary-surface));background:rgba(var(--ax-sys-color-primary-500),.06)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty-icon{font-size:1.75rem;--tw-leading: 1;line-height:1;color:rgba(var(--ax-sys-color-on-surface),.55)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty-title{margin:calc(var(--spacing, .25rem) * 0);font-size:.8125rem;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);color:rgba(var(--ax-sys-color-on-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty-hint{margin:calc(var(--spacing, .25rem) * 0);font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));color:rgba(var(--ax-sys-color-on-surface),.6)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__body{padding-inline:calc(var(--spacing, .25rem) * 3);padding-bottom:calc(var(--spacing, .25rem) * 3)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__list{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2);padding-top:calc(var(--spacing, .25rem) * 2)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 2.5);border-radius:var(--ax-sys-border-radius);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface));background-color:rgba(var(--ax-sys-color-surface));padding-inline:calc(var(--spacing, .25rem) * 2.5);padding-block:calc(var(--spacing, .25rem) * 2);transition:background-color .15s ease}@media(hover:hover){:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row:hover{background-color:rgba(var(--ax-sys-color-light-surface))}}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb{position:relative;display:flex;height:calc(var(--spacing, .25rem) * 10);width:calc(var(--spacing, .25rem) * 10);flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--ax-sys-border-radius);font-size:var(--text-lg, 1.125rem);line-height:var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));color:rgba(var(--ax-sys-color-primary-surface));background:rgba(var(--ax-sys-color-primary-500),.1)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb img,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb video{pointer-events:none;display:block;height:100%;width:100%;object-fit:cover}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb-badge{pointer-events:none;position:absolute;inset:calc(var(--spacing, .25rem) * 0);display:flex;align-items:center;justify-content:center;font-size:.625rem;color:rgba(var(--ax-sys-color-light-surface));background:#00000052}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__details{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__name{overflow:hidden;font-size:.8125rem;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);text-overflow:ellipsis;white-space:nowrap;color:rgba(var(--ax-sys-color-on-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__status{display:flex;flex-wrap:wrap;gap:calc(var(--spacing, .25rem) * 1.5);font-size:.6875rem;color:rgba(var(--ax-sys-color-on-surface),.65)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__status--ok{--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-sys-color-success-600))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__status--err{--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-sys-color-danger-600))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__progress{margin-top:calc(var(--spacing, .25rem) * .5);width:100%}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__remove{display:flex;height:calc(var(--spacing, .25rem) * 11);width:calc(var(--spacing, .25rem) * 11);flex-shrink:0;cursor:pointer;touch-action:manipulation;align-items:center;justify-content:center;border-radius:var(--ax-sys-border-radius);--tw-border-style: none;border-style:none;background-color:transparent;font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));color:rgba(var(--ax-sys-color-on-surface),.55);transition:background-color .15s ease,color .15s ease}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__remove:hover,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__remove:focus-visible{background-color:rgba(var(--ax-sys-color-danger-lightest-surface));color:rgba(var(--ax-sys-color-danger-500));--tw-outline-style: none;outline-style:none}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__grid{display:grid;gap:calc(var(--spacing, .25rem) * 2);grid-template-columns:repeat(auto-fill,minmax(5.25rem,1fr))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__tile{position:relative;aspect-ratio:1 / 1;overflow:hidden;border-radius:var(--ax-sys-border-radius);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface));background-color:rgba(var(--ax-sys-color-light-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__tile img{display:block;height:100%;width:100%;object-fit:cover}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__tile-remove{position:absolute;inset-inline-end:calc(var(--spacing, .25rem) * 1);top:calc(var(--spacing, .25rem) * 1);z-index:20;display:flex;height:calc(var(--spacing, .25rem) * 7);width:calc(var(--spacing, .25rem) * 7);cursor:pointer;touch-action:manipulation;align-items:center;justify-content:center;border-radius:calc(infinity * 1px);--tw-border-style: none;border-style:none;background-color:rgba(var(--ax-sys-color-danger-500));font-size:.6875rem;color:rgba(var(--ax-sys-color-light-surface));box-shadow:0 1px 3px #0003}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__tile-overlay{position:absolute;inset-inline:calc(var(--spacing, .25rem) * 0);bottom:calc(var(--spacing, .25rem) * 0);padding:calc(var(--spacing, .25rem) * 1);background:linear-gradient(transparent,#0000008c)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__tile-status{font-size:.625rem;--tw-leading: var(--leading-tight, 1.25);line-height:var(--leading-tight, 1.25);color:rgba(var(--ax-sys-color-light-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__caption-slot{flex-shrink:0;border-top-style:var(--tw-border-style);border-top-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface));background-color:rgba(var(--ax-sys-color-lightest-surface));padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__input-hidden{display:none}@container picker (max-width: 480px){:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__grid{gap:calc(var(--spacing, .25rem) * 1.5);grid-template-columns:repeat(3,minmax(0,1fr))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row{gap:calc(var(--spacing, .25rem) * 2);padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:calc(var(--spacing, .25rem) * 1.5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb{height:calc(var(--spacing, .25rem) * 9);width:calc(var(--spacing, .25rem) * 9)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty{margin:calc(var(--spacing, .25rem) * 2);min-height:7.5rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__body{padding-inline:calc(var(--spacing, .25rem) * 2);padding-bottom:calc(var(--spacing, .25rem) * 2)}}}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-leading: initial;--tw-font-weight: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"] }]
         }], ctorParameters: () => [], propDecorators: { service: [{ type: i0.Input, args: [{ isSignal: true, alias: "service", required: false }] }], conversation: [{ type: i0.Input, args: [{ isSignal: true, alias: "conversation", required: true }] }], maxFiles: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxFiles", required: false }] }], initialFiles: [{ type: i0.Input, args: [{ isSignal: true, alias: "initialFiles", required: false }] }], autoRun: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoRun", required: false }] }], __popup__: [{ type: i0.Input, args: [{ isSignal: true, alias: "__popup__", required: false }] }], __actionSheet__: [{ type: i0.Input, args: [{ isSignal: true, alias: "__actionSheet__", required: false }] }] } });
 
 var filePicker_component = /*#__PURE__*/Object.freeze({
@@ -11247,7 +11245,7 @@ class AXConversationImagePickerComponent {
                 let index = -1;
                 this.images.update((images) => {
                     index = images.length;
-                    return [...images, { file, preview, uploadProgress: 0, uploading: true }];
+                    return [...images, { id: createPickerUploadItemId(), file, preview, uploadProgress: 0, uploading: true }];
                 });
                 if (index >= 0) {
                     void this.uploadImageAt(index, file);
@@ -11383,7 +11381,7 @@ class AXConversationImagePickerComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXConversationImagePickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXConversationImagePickerComponent, isStandalone: true, selector: "ax-conversation-image-picker", inputs: { service: { classPropertyName: "service", publicName: "service", isSignal: true, isRequired: false, transformFunction: null }, conversation: { classPropertyName: "conversation", publicName: "conversation", isSignal: true, isRequired: true, transformFunction: null }, maxFiles: { classPropertyName: "maxFiles", publicName: "maxFiles", isSignal: true, isRequired: false, transformFunction: null }, initialFiles: { classPropertyName: "initialFiles", publicName: "initialFiles", isSignal: true, isRequired: false, transformFunction: null }, autoRun: { classPropertyName: "autoRun", publicName: "autoRun", isSignal: true, isRequired: false, transformFunction: null }, __popup__: { classPropertyName: "__popup__", publicName: "__popup__", isSignal: true, isRequired: false, transformFunction: null }, __actionSheet__: { classPropertyName: "__actionSheet__", publicName: "__actionSheet__", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<ax-conversation-picker-shell\n  [fileType]=\"catalogFileType\"\n  [multiple]=\"allowMultiple()\"\n  (filesSelected)=\"handleFiles($event)\"\n  (dragEnter)=\"isDragging.set(true)\"\n  (dragLeave)=\"isDragging.set(false)\"\n>\n  <ax-conversation-picker-header\n    [title]=\"translation.translateSync('@acorex:chat.pickers.images.title')\"\n    (onClose)=\"cancel()\"\n  />\n\n  <div class=\"ax-conversation-picker__scroll\">\n    @if (images().length === 0) {\n      <ax-conversation-picker-empty\n        [title]=\"getEmptyTitle()\"\n        [hint]=\"getEmptySubtitle()\"\n        [iconClass]=\"emptyIconClass()\"\n        [dragOver]=\"isDragging()\"\n      />\n    } @else {\n      <div class=\"ax-conversation-picker__body\">\n        <ax-conversation-picker-toolbar\n          [countLabel]=\"getSelectedCountText()\"\n          [addMoreLabel]=\"translation.translateSync('@acorex:chat.pickers.common.add-more')\"\n        />\n\n        <div class=\"ax-conversation-picker__grid\">\n          @for (image of images(); track $index) {\n            <div class=\"ax-conversation-picker__tile\">\n              <img [src]=\"image.preview\" [alt]=\"image.file.name\" />\n              @if (image.uploading || image.uploaded || image.error) {\n                <div class=\"ax-conversation-picker__tile-overlay\">\n                  @if (image.uploading) {\n                    <span class=\"ax-conversation-picker__tile-status\">{{\n                      getUploadingLabel(image.uploadProgress ?? 0)\n                    }}</span>\n                    <ax-progress-bar [progress]=\"image.uploadProgress || 0\" [mode]=\"'determinate'\" [height]=\"3\" />\n                  } @else if (image.uploaded) {\n                    <span class=\"ax-conversation-picker__tile-status\"\n                      ><i class=\"fa-light fa-check\"></i>\n                      {{ translation.translateSync('@acorex:chat.pickers.files.uploaded') }}</span\n                    >\n                  } @else if (image.error) {\n                    <span class=\"ax-conversation-picker__tile-status\">{{ image.error }}</span>\n                  }\n                </div>\n              }\n              <button\n                type=\"button\"\n                class=\"ax-conversation-picker__tile-remove\"\n                (click)=\"removeImage($index)\"\n                [attr.aria-label]=\"\n                  image.uploading\n                    ? getCancelUploadLabel()\n                    : translation.translateSync('@acorex:chat.pickers.common.remove')\n                \"\n              >\n                <i class=\"fa-light fa-xmark\"></i>\n              </button>\n            </div>\n          }\n        </div>\n      </div>\n    }\n  </div>\n\n  <ax-conversation-picker-caption [(caption)]=\"caption\" />\n\n  @if (images().length > 0) {\n    <ax-conversation-picker-footer\n      [sendText]=\"getSendText()\"\n      [sendDisabled]=\"!canSend()\"\n      (onCancel)=\"cancel()\"\n      (onSend)=\"sendImages()\"\n    />\n  }\n</ax-conversation-picker-shell>\n", styles: ["@layer properties;@layer components{.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup{max-height:min(32rem,90dvh);width:min(28rem,93vw)}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-main-container{min-height:calc(var(--spacing, .25rem) * 0)}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-body-container{display:flex;min-height:calc(var(--spacing, .25rem) * 0);flex-direction:column;overflow:hidden;padding:calc(var(--spacing, .25rem) * 0)}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-body-container>ng-component{display:flex;min-height:calc(var(--spacing, .25rem) * 0);width:100%;flex-direction:column}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup{max-height:min(28rem,92dvh);width:93vw}}.ax-popup-overlay.ax-conversation-composer-picker-popup--location .ax-popup{max-height:min(40rem,92dvh);width:min(32rem,93vw)}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup--location .ax-popup{max-height:min(90dvh,92dvh)}}}@layer components{ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker{display:block;min-height:calc(var(--spacing, .25rem) * 0);width:100%;max-width:100%}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__scroll{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty{margin:calc(var(--spacing, .25rem) * 3);display:flex;min-height:8.5rem;cursor:pointer;touch-action:manipulation;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 1.5);border-radius:var(--ax-sys-border-radius);border-style:var(--tw-border-style);border-width:1px;--tw-border-style: dashed;border-style:dashed;border-color:rgba(var(--ax-sys-color-border-surface));padding:calc(var(--spacing, .25rem) * 4);padding-inline:calc(var(--spacing, .25rem) * 3);text-align:center;transition:border-color .15s ease,background-color .15s ease}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty:hover,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty--drag{border-color:rgba(var(--ax-sys-color-primary-surface));background:rgba(var(--ax-sys-color-primary-500),.06)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty-icon{font-size:1.75rem;--tw-leading: 1;line-height:1;color:rgba(var(--ax-sys-color-on-surface),.55)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty-title{margin:calc(var(--spacing, .25rem) * 0);font-size:.8125rem;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);color:rgba(var(--ax-sys-color-on-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty-hint{margin:calc(var(--spacing, .25rem) * 0);font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));color:rgba(var(--ax-sys-color-on-surface),.6)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__body{padding-inline:calc(var(--spacing, .25rem) * 3);padding-bottom:calc(var(--spacing, .25rem) * 3)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__list{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2);padding-top:calc(var(--spacing, .25rem) * 2)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 2.5);border-radius:var(--ax-sys-border-radius);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface));background-color:rgba(var(--ax-sys-color-surface));padding-inline:calc(var(--spacing, .25rem) * 2.5);padding-block:calc(var(--spacing, .25rem) * 2);transition:background-color .15s ease}@media(hover:hover){:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row:hover{background-color:rgba(var(--ax-sys-color-light-surface))}}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb{position:relative;display:flex;height:calc(var(--spacing, .25rem) * 10);width:calc(var(--spacing, .25rem) * 10);flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--ax-sys-border-radius);font-size:var(--text-lg, 1.125rem);line-height:var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));color:rgba(var(--ax-sys-color-primary-surface));background:rgba(var(--ax-sys-color-primary-500),.1)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb img,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb video{pointer-events:none;display:block;height:100%;width:100%;object-fit:cover}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb-badge{pointer-events:none;position:absolute;inset:calc(var(--spacing, .25rem) * 0);display:flex;align-items:center;justify-content:center;font-size:.625rem;color:rgba(var(--ax-sys-color-light-surface));background:#00000052}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__details{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__name{overflow:hidden;font-size:.8125rem;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);text-overflow:ellipsis;white-space:nowrap;color:rgba(var(--ax-sys-color-on-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__status{display:flex;flex-wrap:wrap;gap:calc(var(--spacing, .25rem) * 1.5);font-size:.6875rem;color:rgba(var(--ax-sys-color-on-surface),.65)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__status--ok{--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-sys-color-success-600))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__status--err{--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-sys-color-danger-600))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__progress{margin-top:calc(var(--spacing, .25rem) * .5);width:100%}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__remove{display:flex;height:calc(var(--spacing, .25rem) * 11);width:calc(var(--spacing, .25rem) * 11);flex-shrink:0;cursor:pointer;touch-action:manipulation;align-items:center;justify-content:center;border-radius:var(--ax-sys-border-radius);--tw-border-style: none;border-style:none;background-color:transparent;font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));color:rgba(var(--ax-sys-color-on-surface),.55);transition:background-color .15s ease,color .15s ease}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__remove:hover,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__remove:focus-visible{background-color:rgba(var(--ax-sys-color-danger-lightest-surface));color:rgba(var(--ax-sys-color-danger-500));--tw-outline-style: none;outline-style:none}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__grid{display:grid;gap:calc(var(--spacing, .25rem) * 2);grid-template-columns:repeat(auto-fill,minmax(5.25rem,1fr))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__tile{position:relative;aspect-ratio:1 / 1;overflow:hidden;border-radius:var(--ax-sys-border-radius);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface));background-color:rgba(var(--ax-sys-color-light-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__tile img{display:block;height:100%;width:100%;object-fit:cover}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__tile-remove{position:absolute;inset-inline-end:calc(var(--spacing, .25rem) * 1);top:calc(var(--spacing, .25rem) * 1);z-index:20;display:flex;height:calc(var(--spacing, .25rem) * 7);width:calc(var(--spacing, .25rem) * 7);cursor:pointer;touch-action:manipulation;align-items:center;justify-content:center;border-radius:calc(infinity * 1px);--tw-border-style: none;border-style:none;background-color:rgba(var(--ax-sys-color-danger-500));font-size:.6875rem;color:rgba(var(--ax-sys-color-light-surface));box-shadow:0 1px 3px #0003}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__tile-overlay{position:absolute;inset-inline:calc(var(--spacing, .25rem) * 0);bottom:calc(var(--spacing, .25rem) * 0);padding:calc(var(--spacing, .25rem) * 1);background:linear-gradient(transparent,#0000008c)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__tile-status{font-size:.625rem;--tw-leading: var(--leading-tight, 1.25);line-height:var(--leading-tight, 1.25);color:rgba(var(--ax-sys-color-light-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__caption-slot{flex-shrink:0;border-top-style:var(--tw-border-style);border-top-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface));background-color:rgba(var(--ax-sys-color-lightest-surface));padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__input-hidden{display:none}@container picker (max-width: 480px){:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__grid{gap:calc(var(--spacing, .25rem) * 1.5);grid-template-columns:repeat(3,minmax(0,1fr))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row{gap:calc(var(--spacing, .25rem) * 2);padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:calc(var(--spacing, .25rem) * 1.5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb{height:calc(var(--spacing, .25rem) * 9);width:calc(var(--spacing, .25rem) * 9)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty{margin:calc(var(--spacing, .25rem) * 2);min-height:7.5rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__body{padding-inline:calc(var(--spacing, .25rem) * 2);padding-bottom:calc(var(--spacing, .25rem) * 2)}}}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-leading: initial;--tw-font-weight: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXProgressBarModule }, { kind: "component", type: i1$3.AXProgressBarComponent, selector: "ax-progress-bar", inputs: ["color", "mode", "progress", "height"], outputs: ["ValueChange", "sizeChange"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXConversationPickerHeaderComponent, selector: "ax-conversation-picker-header", inputs: ["title"], outputs: ["onClose"] }, { kind: "component", type: AXConversationPickerFooterComponent, selector: "ax-conversation-picker-footer", inputs: ["sendText", "sendDisabled"], outputs: ["onCancel", "onSend"] }, { kind: "component", type: AXConversationPickerEmptyComponent, selector: "ax-conversation-picker-empty", inputs: ["title", "hint", "iconClass", "dragOver"] }, { kind: "component", type: AXConversationPickerToolbarComponent, selector: "ax-conversation-picker-toolbar", inputs: ["countLabel", "addMoreLabel"] }, { kind: "component", type: AXConversationPickerCaptionComponent, selector: "ax-conversation-picker-caption", inputs: ["caption"], outputs: ["captionChange"] }, { kind: "component", type: AXConversationPickerShellComponent, selector: "ax-conversation-picker-shell", inputs: ["fileType", "multiple"], outputs: ["filesSelected", "dragEnter", "dragLeave", "dragOver"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXConversationImagePickerComponent, isStandalone: true, selector: "ax-conversation-image-picker", inputs: { service: { classPropertyName: "service", publicName: "service", isSignal: true, isRequired: false, transformFunction: null }, conversation: { classPropertyName: "conversation", publicName: "conversation", isSignal: true, isRequired: true, transformFunction: null }, maxFiles: { classPropertyName: "maxFiles", publicName: "maxFiles", isSignal: true, isRequired: false, transformFunction: null }, initialFiles: { classPropertyName: "initialFiles", publicName: "initialFiles", isSignal: true, isRequired: false, transformFunction: null }, autoRun: { classPropertyName: "autoRun", publicName: "autoRun", isSignal: true, isRequired: false, transformFunction: null }, __popup__: { classPropertyName: "__popup__", publicName: "__popup__", isSignal: true, isRequired: false, transformFunction: null }, __actionSheet__: { classPropertyName: "__actionSheet__", publicName: "__actionSheet__", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<ax-conversation-picker-shell\n  [fileType]=\"catalogFileType\"\n  [multiple]=\"allowMultiple()\"\n  (filesSelected)=\"handleFiles($event)\"\n  (dragEnter)=\"isDragging.set(true)\"\n  (dragLeave)=\"isDragging.set(false)\"\n>\n  <ax-conversation-picker-header\n    [title]=\"translation.translateSync('@acorex:chat.pickers.images.title')\"\n    (onClose)=\"cancel()\"\n  />\n\n  <div class=\"ax-conversation-picker__scroll\">\n    @if (images().length === 0) {\n      <ax-conversation-picker-empty\n        [title]=\"getEmptyTitle()\"\n        [hint]=\"getEmptySubtitle()\"\n        [iconClass]=\"emptyIconClass()\"\n        [dragOver]=\"isDragging()\"\n      />\n    } @else {\n      <div class=\"ax-conversation-picker__body\">\n        <ax-conversation-picker-toolbar\n          [countLabel]=\"getSelectedCountText()\"\n          [addMoreLabel]=\"translation.translateSync('@acorex:chat.pickers.common.add-more')\"\n        />\n\n        <div class=\"ax-conversation-picker__grid\">\n          @for (image of images(); track image.id) {\n            <div class=\"ax-conversation-picker__tile\">\n              <img [src]=\"image.preview\" [alt]=\"image.file.name\" />\n              @if (image.uploading || image.uploaded || image.error) {\n                <div class=\"ax-conversation-picker__tile-overlay\">\n                  @if (image.uploading) {\n                    <span class=\"ax-conversation-picker__tile-status\">{{\n                      getUploadingLabel(image.uploadProgress ?? 0)\n                    }}</span>\n                    <ax-progress-bar [progress]=\"image.uploadProgress || 0\" [mode]=\"'determinate'\" [height]=\"3\" />\n                  } @else if (image.uploaded) {\n                    <span class=\"ax-conversation-picker__tile-status\"\n                      ><i class=\"fa-light fa-check\"></i>\n                      {{ translation.translateSync('@acorex:chat.pickers.files.uploaded') }}</span\n                    >\n                  } @else if (image.error) {\n                    <span class=\"ax-conversation-picker__tile-status\">{{ image.error }}</span>\n                  }\n                </div>\n              }\n              <button\n                type=\"button\"\n                class=\"ax-conversation-picker__tile-remove\"\n                (click)=\"removeImage($index)\"\n                [attr.aria-label]=\"\n                  image.uploading\n                    ? getCancelUploadLabel()\n                    : translation.translateSync('@acorex:chat.pickers.common.remove')\n                \"\n              >\n                <i class=\"fa-light fa-xmark\"></i>\n              </button>\n            </div>\n          }\n        </div>\n      </div>\n    }\n  </div>\n\n  <ax-conversation-picker-caption [(caption)]=\"caption\" />\n\n  @if (images().length > 0) {\n    <ax-conversation-picker-footer\n      [sendText]=\"getSendText()\"\n      [sendDisabled]=\"!canSend()\"\n      (onCancel)=\"cancel()\"\n      (onSend)=\"sendImages()\"\n    />\n  }\n</ax-conversation-picker-shell>\n", styles: ["@layer properties;@layer components{.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup{max-height:min(32rem,90dvh);width:min(28rem,93vw)}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-main-container{min-height:calc(var(--spacing, .25rem) * 0)}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-body-container{display:flex;min-height:calc(var(--spacing, .25rem) * 0);flex-direction:column;overflow:hidden;padding:calc(var(--spacing, .25rem) * 0)}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-body-container>ng-component{display:flex;min-height:calc(var(--spacing, .25rem) * 0);width:100%;flex-direction:column}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup{max-height:min(28rem,92dvh);width:93vw}}.ax-popup-overlay.ax-conversation-composer-picker-popup--location .ax-popup{max-height:min(40rem,92dvh);width:min(32rem,93vw)}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup--location .ax-popup{max-height:min(90dvh,92dvh)}}}@layer components{ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker{display:block;min-height:calc(var(--spacing, .25rem) * 0);width:100%;max-width:100%}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__scroll{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty{margin:calc(var(--spacing, .25rem) * 3);display:flex;min-height:8.5rem;cursor:pointer;touch-action:manipulation;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 1.5);border-radius:var(--ax-sys-border-radius);border-style:var(--tw-border-style);border-width:1px;--tw-border-style: dashed;border-style:dashed;border-color:rgba(var(--ax-sys-color-border-surface));padding:calc(var(--spacing, .25rem) * 4);padding-inline:calc(var(--spacing, .25rem) * 3);text-align:center;transition:border-color .15s ease,background-color .15s ease}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty:hover,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty--drag{border-color:rgba(var(--ax-sys-color-primary-surface));background:rgba(var(--ax-sys-color-primary-500),.06)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty-icon{font-size:1.75rem;--tw-leading: 1;line-height:1;color:rgba(var(--ax-sys-color-on-surface),.55)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty-title{margin:calc(var(--spacing, .25rem) * 0);font-size:.8125rem;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);color:rgba(var(--ax-sys-color-on-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty-hint{margin:calc(var(--spacing, .25rem) * 0);font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));color:rgba(var(--ax-sys-color-on-surface),.6)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__body{padding-inline:calc(var(--spacing, .25rem) * 3);padding-bottom:calc(var(--spacing, .25rem) * 3)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__list{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2);padding-top:calc(var(--spacing, .25rem) * 2)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 2.5);border-radius:var(--ax-sys-border-radius);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface));background-color:rgba(var(--ax-sys-color-surface));padding-inline:calc(var(--spacing, .25rem) * 2.5);padding-block:calc(var(--spacing, .25rem) * 2);transition:background-color .15s ease}@media(hover:hover){:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row:hover{background-color:rgba(var(--ax-sys-color-light-surface))}}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb{position:relative;display:flex;height:calc(var(--spacing, .25rem) * 10);width:calc(var(--spacing, .25rem) * 10);flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--ax-sys-border-radius);font-size:var(--text-lg, 1.125rem);line-height:var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));color:rgba(var(--ax-sys-color-primary-surface));background:rgba(var(--ax-sys-color-primary-500),.1)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb img,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb video{pointer-events:none;display:block;height:100%;width:100%;object-fit:cover}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb-badge{pointer-events:none;position:absolute;inset:calc(var(--spacing, .25rem) * 0);display:flex;align-items:center;justify-content:center;font-size:.625rem;color:rgba(var(--ax-sys-color-light-surface));background:#00000052}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__details{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__name{overflow:hidden;font-size:.8125rem;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);text-overflow:ellipsis;white-space:nowrap;color:rgba(var(--ax-sys-color-on-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__status{display:flex;flex-wrap:wrap;gap:calc(var(--spacing, .25rem) * 1.5);font-size:.6875rem;color:rgba(var(--ax-sys-color-on-surface),.65)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__status--ok{--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-sys-color-success-600))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__status--err{--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-sys-color-danger-600))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__progress{margin-top:calc(var(--spacing, .25rem) * .5);width:100%}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__remove{display:flex;height:calc(var(--spacing, .25rem) * 11);width:calc(var(--spacing, .25rem) * 11);flex-shrink:0;cursor:pointer;touch-action:manipulation;align-items:center;justify-content:center;border-radius:var(--ax-sys-border-radius);--tw-border-style: none;border-style:none;background-color:transparent;font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));color:rgba(var(--ax-sys-color-on-surface),.55);transition:background-color .15s ease,color .15s ease}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__remove:hover,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__remove:focus-visible{background-color:rgba(var(--ax-sys-color-danger-lightest-surface));color:rgba(var(--ax-sys-color-danger-500));--tw-outline-style: none;outline-style:none}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__grid{display:grid;gap:calc(var(--spacing, .25rem) * 2);grid-template-columns:repeat(auto-fill,minmax(5.25rem,1fr))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__tile{position:relative;aspect-ratio:1 / 1;overflow:hidden;border-radius:var(--ax-sys-border-radius);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface));background-color:rgba(var(--ax-sys-color-light-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__tile img{display:block;height:100%;width:100%;object-fit:cover}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__tile-remove{position:absolute;inset-inline-end:calc(var(--spacing, .25rem) * 1);top:calc(var(--spacing, .25rem) * 1);z-index:20;display:flex;height:calc(var(--spacing, .25rem) * 7);width:calc(var(--spacing, .25rem) * 7);cursor:pointer;touch-action:manipulation;align-items:center;justify-content:center;border-radius:calc(infinity * 1px);--tw-border-style: none;border-style:none;background-color:rgba(var(--ax-sys-color-danger-500));font-size:.6875rem;color:rgba(var(--ax-sys-color-light-surface));box-shadow:0 1px 3px #0003}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__tile-overlay{position:absolute;inset-inline:calc(var(--spacing, .25rem) * 0);bottom:calc(var(--spacing, .25rem) * 0);padding:calc(var(--spacing, .25rem) * 1);background:linear-gradient(transparent,#0000008c)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__tile-status{font-size:.625rem;--tw-leading: var(--leading-tight, 1.25);line-height:var(--leading-tight, 1.25);color:rgba(var(--ax-sys-color-light-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__caption-slot{flex-shrink:0;border-top-style:var(--tw-border-style);border-top-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface));background-color:rgba(var(--ax-sys-color-lightest-surface));padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__input-hidden{display:none}@container picker (max-width: 480px){:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__grid{gap:calc(var(--spacing, .25rem) * 1.5);grid-template-columns:repeat(3,minmax(0,1fr))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row{gap:calc(var(--spacing, .25rem) * 2);padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:calc(var(--spacing, .25rem) * 1.5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb{height:calc(var(--spacing, .25rem) * 9);width:calc(var(--spacing, .25rem) * 9)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty{margin:calc(var(--spacing, .25rem) * 2);min-height:7.5rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__body{padding-inline:calc(var(--spacing, .25rem) * 2);padding-bottom:calc(var(--spacing, .25rem) * 2)}}}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-leading: initial;--tw-font-weight: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXProgressBarModule }, { kind: "component", type: i1$3.AXProgressBarComponent, selector: "ax-progress-bar", inputs: ["color", "mode", "progress", "height"], outputs: ["ValueChange", "sizeChange"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXConversationPickerHeaderComponent, selector: "ax-conversation-picker-header", inputs: ["title"], outputs: ["onClose"] }, { kind: "component", type: AXConversationPickerFooterComponent, selector: "ax-conversation-picker-footer", inputs: ["sendText", "sendDisabled"], outputs: ["onCancel", "onSend"] }, { kind: "component", type: AXConversationPickerEmptyComponent, selector: "ax-conversation-picker-empty", inputs: ["title", "hint", "iconClass", "dragOver"] }, { kind: "component", type: AXConversationPickerToolbarComponent, selector: "ax-conversation-picker-toolbar", inputs: ["countLabel", "addMoreLabel"] }, { kind: "component", type: AXConversationPickerCaptionComponent, selector: "ax-conversation-picker-caption", inputs: ["caption"], outputs: ["captionChange"] }, { kind: "component", type: AXConversationPickerShellComponent, selector: "ax-conversation-picker-shell", inputs: ["fileType", "multiple"], outputs: ["filesSelected", "dragEnter", "dragLeave", "dragOver"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXConversationImagePickerComponent, decorators: [{
             type: Component,
@@ -11397,7 +11395,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                         AXConversationPickerToolbarComponent,
                         AXConversationPickerCaptionComponent,
                         AXConversationPickerShellComponent,
-                    ], template: "<ax-conversation-picker-shell\n  [fileType]=\"catalogFileType\"\n  [multiple]=\"allowMultiple()\"\n  (filesSelected)=\"handleFiles($event)\"\n  (dragEnter)=\"isDragging.set(true)\"\n  (dragLeave)=\"isDragging.set(false)\"\n>\n  <ax-conversation-picker-header\n    [title]=\"translation.translateSync('@acorex:chat.pickers.images.title')\"\n    (onClose)=\"cancel()\"\n  />\n\n  <div class=\"ax-conversation-picker__scroll\">\n    @if (images().length === 0) {\n      <ax-conversation-picker-empty\n        [title]=\"getEmptyTitle()\"\n        [hint]=\"getEmptySubtitle()\"\n        [iconClass]=\"emptyIconClass()\"\n        [dragOver]=\"isDragging()\"\n      />\n    } @else {\n      <div class=\"ax-conversation-picker__body\">\n        <ax-conversation-picker-toolbar\n          [countLabel]=\"getSelectedCountText()\"\n          [addMoreLabel]=\"translation.translateSync('@acorex:chat.pickers.common.add-more')\"\n        />\n\n        <div class=\"ax-conversation-picker__grid\">\n          @for (image of images(); track $index) {\n            <div class=\"ax-conversation-picker__tile\">\n              <img [src]=\"image.preview\" [alt]=\"image.file.name\" />\n              @if (image.uploading || image.uploaded || image.error) {\n                <div class=\"ax-conversation-picker__tile-overlay\">\n                  @if (image.uploading) {\n                    <span class=\"ax-conversation-picker__tile-status\">{{\n                      getUploadingLabel(image.uploadProgress ?? 0)\n                    }}</span>\n                    <ax-progress-bar [progress]=\"image.uploadProgress || 0\" [mode]=\"'determinate'\" [height]=\"3\" />\n                  } @else if (image.uploaded) {\n                    <span class=\"ax-conversation-picker__tile-status\"\n                      ><i class=\"fa-light fa-check\"></i>\n                      {{ translation.translateSync('@acorex:chat.pickers.files.uploaded') }}</span\n                    >\n                  } @else if (image.error) {\n                    <span class=\"ax-conversation-picker__tile-status\">{{ image.error }}</span>\n                  }\n                </div>\n              }\n              <button\n                type=\"button\"\n                class=\"ax-conversation-picker__tile-remove\"\n                (click)=\"removeImage($index)\"\n                [attr.aria-label]=\"\n                  image.uploading\n                    ? getCancelUploadLabel()\n                    : translation.translateSync('@acorex:chat.pickers.common.remove')\n                \"\n              >\n                <i class=\"fa-light fa-xmark\"></i>\n              </button>\n            </div>\n          }\n        </div>\n      </div>\n    }\n  </div>\n\n  <ax-conversation-picker-caption [(caption)]=\"caption\" />\n\n  @if (images().length > 0) {\n    <ax-conversation-picker-footer\n      [sendText]=\"getSendText()\"\n      [sendDisabled]=\"!canSend()\"\n      (onCancel)=\"cancel()\"\n      (onSend)=\"sendImages()\"\n    />\n  }\n</ax-conversation-picker-shell>\n", styles: ["@layer properties;@layer components{.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup{max-height:min(32rem,90dvh);width:min(28rem,93vw)}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-main-container{min-height:calc(var(--spacing, .25rem) * 0)}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-body-container{display:flex;min-height:calc(var(--spacing, .25rem) * 0);flex-direction:column;overflow:hidden;padding:calc(var(--spacing, .25rem) * 0)}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-body-container>ng-component{display:flex;min-height:calc(var(--spacing, .25rem) * 0);width:100%;flex-direction:column}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup{max-height:min(28rem,92dvh);width:93vw}}.ax-popup-overlay.ax-conversation-composer-picker-popup--location .ax-popup{max-height:min(40rem,92dvh);width:min(32rem,93vw)}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup--location .ax-popup{max-height:min(90dvh,92dvh)}}}@layer components{ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker{display:block;min-height:calc(var(--spacing, .25rem) * 0);width:100%;max-width:100%}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__scroll{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty{margin:calc(var(--spacing, .25rem) * 3);display:flex;min-height:8.5rem;cursor:pointer;touch-action:manipulation;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 1.5);border-radius:var(--ax-sys-border-radius);border-style:var(--tw-border-style);border-width:1px;--tw-border-style: dashed;border-style:dashed;border-color:rgba(var(--ax-sys-color-border-surface));padding:calc(var(--spacing, .25rem) * 4);padding-inline:calc(var(--spacing, .25rem) * 3);text-align:center;transition:border-color .15s ease,background-color .15s ease}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty:hover,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty--drag{border-color:rgba(var(--ax-sys-color-primary-surface));background:rgba(var(--ax-sys-color-primary-500),.06)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty-icon{font-size:1.75rem;--tw-leading: 1;line-height:1;color:rgba(var(--ax-sys-color-on-surface),.55)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty-title{margin:calc(var(--spacing, .25rem) * 0);font-size:.8125rem;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);color:rgba(var(--ax-sys-color-on-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty-hint{margin:calc(var(--spacing, .25rem) * 0);font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));color:rgba(var(--ax-sys-color-on-surface),.6)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__body{padding-inline:calc(var(--spacing, .25rem) * 3);padding-bottom:calc(var(--spacing, .25rem) * 3)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__list{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2);padding-top:calc(var(--spacing, .25rem) * 2)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 2.5);border-radius:var(--ax-sys-border-radius);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface));background-color:rgba(var(--ax-sys-color-surface));padding-inline:calc(var(--spacing, .25rem) * 2.5);padding-block:calc(var(--spacing, .25rem) * 2);transition:background-color .15s ease}@media(hover:hover){:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row:hover{background-color:rgba(var(--ax-sys-color-light-surface))}}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb{position:relative;display:flex;height:calc(var(--spacing, .25rem) * 10);width:calc(var(--spacing, .25rem) * 10);flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--ax-sys-border-radius);font-size:var(--text-lg, 1.125rem);line-height:var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));color:rgba(var(--ax-sys-color-primary-surface));background:rgba(var(--ax-sys-color-primary-500),.1)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb img,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb video{pointer-events:none;display:block;height:100%;width:100%;object-fit:cover}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb-badge{pointer-events:none;position:absolute;inset:calc(var(--spacing, .25rem) * 0);display:flex;align-items:center;justify-content:center;font-size:.625rem;color:rgba(var(--ax-sys-color-light-surface));background:#00000052}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__details{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__name{overflow:hidden;font-size:.8125rem;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);text-overflow:ellipsis;white-space:nowrap;color:rgba(var(--ax-sys-color-on-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__status{display:flex;flex-wrap:wrap;gap:calc(var(--spacing, .25rem) * 1.5);font-size:.6875rem;color:rgba(var(--ax-sys-color-on-surface),.65)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__status--ok{--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-sys-color-success-600))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__status--err{--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-sys-color-danger-600))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__progress{margin-top:calc(var(--spacing, .25rem) * .5);width:100%}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__remove{display:flex;height:calc(var(--spacing, .25rem) * 11);width:calc(var(--spacing, .25rem) * 11);flex-shrink:0;cursor:pointer;touch-action:manipulation;align-items:center;justify-content:center;border-radius:var(--ax-sys-border-radius);--tw-border-style: none;border-style:none;background-color:transparent;font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));color:rgba(var(--ax-sys-color-on-surface),.55);transition:background-color .15s ease,color .15s ease}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__remove:hover,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__remove:focus-visible{background-color:rgba(var(--ax-sys-color-danger-lightest-surface));color:rgba(var(--ax-sys-color-danger-500));--tw-outline-style: none;outline-style:none}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__grid{display:grid;gap:calc(var(--spacing, .25rem) * 2);grid-template-columns:repeat(auto-fill,minmax(5.25rem,1fr))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__tile{position:relative;aspect-ratio:1 / 1;overflow:hidden;border-radius:var(--ax-sys-border-radius);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface));background-color:rgba(var(--ax-sys-color-light-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__tile img{display:block;height:100%;width:100%;object-fit:cover}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__tile-remove{position:absolute;inset-inline-end:calc(var(--spacing, .25rem) * 1);top:calc(var(--spacing, .25rem) * 1);z-index:20;display:flex;height:calc(var(--spacing, .25rem) * 7);width:calc(var(--spacing, .25rem) * 7);cursor:pointer;touch-action:manipulation;align-items:center;justify-content:center;border-radius:calc(infinity * 1px);--tw-border-style: none;border-style:none;background-color:rgba(var(--ax-sys-color-danger-500));font-size:.6875rem;color:rgba(var(--ax-sys-color-light-surface));box-shadow:0 1px 3px #0003}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__tile-overlay{position:absolute;inset-inline:calc(var(--spacing, .25rem) * 0);bottom:calc(var(--spacing, .25rem) * 0);padding:calc(var(--spacing, .25rem) * 1);background:linear-gradient(transparent,#0000008c)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__tile-status{font-size:.625rem;--tw-leading: var(--leading-tight, 1.25);line-height:var(--leading-tight, 1.25);color:rgba(var(--ax-sys-color-light-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__caption-slot{flex-shrink:0;border-top-style:var(--tw-border-style);border-top-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface));background-color:rgba(var(--ax-sys-color-lightest-surface));padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__input-hidden{display:none}@container picker (max-width: 480px){:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__grid{gap:calc(var(--spacing, .25rem) * 1.5);grid-template-columns:repeat(3,minmax(0,1fr))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row{gap:calc(var(--spacing, .25rem) * 2);padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:calc(var(--spacing, .25rem) * 1.5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb{height:calc(var(--spacing, .25rem) * 9);width:calc(var(--spacing, .25rem) * 9)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty{margin:calc(var(--spacing, .25rem) * 2);min-height:7.5rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__body{padding-inline:calc(var(--spacing, .25rem) * 2);padding-bottom:calc(var(--spacing, .25rem) * 2)}}}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-leading: initial;--tw-font-weight: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"] }]
+                    ], template: "<ax-conversation-picker-shell\n  [fileType]=\"catalogFileType\"\n  [multiple]=\"allowMultiple()\"\n  (filesSelected)=\"handleFiles($event)\"\n  (dragEnter)=\"isDragging.set(true)\"\n  (dragLeave)=\"isDragging.set(false)\"\n>\n  <ax-conversation-picker-header\n    [title]=\"translation.translateSync('@acorex:chat.pickers.images.title')\"\n    (onClose)=\"cancel()\"\n  />\n\n  <div class=\"ax-conversation-picker__scroll\">\n    @if (images().length === 0) {\n      <ax-conversation-picker-empty\n        [title]=\"getEmptyTitle()\"\n        [hint]=\"getEmptySubtitle()\"\n        [iconClass]=\"emptyIconClass()\"\n        [dragOver]=\"isDragging()\"\n      />\n    } @else {\n      <div class=\"ax-conversation-picker__body\">\n        <ax-conversation-picker-toolbar\n          [countLabel]=\"getSelectedCountText()\"\n          [addMoreLabel]=\"translation.translateSync('@acorex:chat.pickers.common.add-more')\"\n        />\n\n        <div class=\"ax-conversation-picker__grid\">\n          @for (image of images(); track image.id) {\n            <div class=\"ax-conversation-picker__tile\">\n              <img [src]=\"image.preview\" [alt]=\"image.file.name\" />\n              @if (image.uploading || image.uploaded || image.error) {\n                <div class=\"ax-conversation-picker__tile-overlay\">\n                  @if (image.uploading) {\n                    <span class=\"ax-conversation-picker__tile-status\">{{\n                      getUploadingLabel(image.uploadProgress ?? 0)\n                    }}</span>\n                    <ax-progress-bar [progress]=\"image.uploadProgress || 0\" [mode]=\"'determinate'\" [height]=\"3\" />\n                  } @else if (image.uploaded) {\n                    <span class=\"ax-conversation-picker__tile-status\"\n                      ><i class=\"fa-light fa-check\"></i>\n                      {{ translation.translateSync('@acorex:chat.pickers.files.uploaded') }}</span\n                    >\n                  } @else if (image.error) {\n                    <span class=\"ax-conversation-picker__tile-status\">{{ image.error }}</span>\n                  }\n                </div>\n              }\n              <button\n                type=\"button\"\n                class=\"ax-conversation-picker__tile-remove\"\n                (click)=\"removeImage($index)\"\n                [attr.aria-label]=\"\n                  image.uploading\n                    ? getCancelUploadLabel()\n                    : translation.translateSync('@acorex:chat.pickers.common.remove')\n                \"\n              >\n                <i class=\"fa-light fa-xmark\"></i>\n              </button>\n            </div>\n          }\n        </div>\n      </div>\n    }\n  </div>\n\n  <ax-conversation-picker-caption [(caption)]=\"caption\" />\n\n  @if (images().length > 0) {\n    <ax-conversation-picker-footer\n      [sendText]=\"getSendText()\"\n      [sendDisabled]=\"!canSend()\"\n      (onCancel)=\"cancel()\"\n      (onSend)=\"sendImages()\"\n    />\n  }\n</ax-conversation-picker-shell>\n", styles: ["@layer properties;@layer components{.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup{max-height:min(32rem,90dvh);width:min(28rem,93vw)}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-main-container{min-height:calc(var(--spacing, .25rem) * 0)}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-body-container{display:flex;min-height:calc(var(--spacing, .25rem) * 0);flex-direction:column;overflow:hidden;padding:calc(var(--spacing, .25rem) * 0)}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-body-container>ng-component{display:flex;min-height:calc(var(--spacing, .25rem) * 0);width:100%;flex-direction:column}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup{max-height:min(28rem,92dvh);width:93vw}}.ax-popup-overlay.ax-conversation-composer-picker-popup--location .ax-popup{max-height:min(40rem,92dvh);width:min(32rem,93vw)}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup--location .ax-popup{max-height:min(90dvh,92dvh)}}}@layer components{ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker{display:block;min-height:calc(var(--spacing, .25rem) * 0);width:100%;max-width:100%}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__scroll{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty{margin:calc(var(--spacing, .25rem) * 3);display:flex;min-height:8.5rem;cursor:pointer;touch-action:manipulation;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 1.5);border-radius:var(--ax-sys-border-radius);border-style:var(--tw-border-style);border-width:1px;--tw-border-style: dashed;border-style:dashed;border-color:rgba(var(--ax-sys-color-border-surface));padding:calc(var(--spacing, .25rem) * 4);padding-inline:calc(var(--spacing, .25rem) * 3);text-align:center;transition:border-color .15s ease,background-color .15s ease}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty:hover,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty--drag{border-color:rgba(var(--ax-sys-color-primary-surface));background:rgba(var(--ax-sys-color-primary-500),.06)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty-icon{font-size:1.75rem;--tw-leading: 1;line-height:1;color:rgba(var(--ax-sys-color-on-surface),.55)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty-title{margin:calc(var(--spacing, .25rem) * 0);font-size:.8125rem;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);color:rgba(var(--ax-sys-color-on-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty-hint{margin:calc(var(--spacing, .25rem) * 0);font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));color:rgba(var(--ax-sys-color-on-surface),.6)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__body{padding-inline:calc(var(--spacing, .25rem) * 3);padding-bottom:calc(var(--spacing, .25rem) * 3)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__list{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2);padding-top:calc(var(--spacing, .25rem) * 2)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 2.5);border-radius:var(--ax-sys-border-radius);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface));background-color:rgba(var(--ax-sys-color-surface));padding-inline:calc(var(--spacing, .25rem) * 2.5);padding-block:calc(var(--spacing, .25rem) * 2);transition:background-color .15s ease}@media(hover:hover){:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row:hover{background-color:rgba(var(--ax-sys-color-light-surface))}}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb{position:relative;display:flex;height:calc(var(--spacing, .25rem) * 10);width:calc(var(--spacing, .25rem) * 10);flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--ax-sys-border-radius);font-size:var(--text-lg, 1.125rem);line-height:var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));color:rgba(var(--ax-sys-color-primary-surface));background:rgba(var(--ax-sys-color-primary-500),.1)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb img,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb video{pointer-events:none;display:block;height:100%;width:100%;object-fit:cover}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb-badge{pointer-events:none;position:absolute;inset:calc(var(--spacing, .25rem) * 0);display:flex;align-items:center;justify-content:center;font-size:.625rem;color:rgba(var(--ax-sys-color-light-surface));background:#00000052}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__details{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__name{overflow:hidden;font-size:.8125rem;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);text-overflow:ellipsis;white-space:nowrap;color:rgba(var(--ax-sys-color-on-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__status{display:flex;flex-wrap:wrap;gap:calc(var(--spacing, .25rem) * 1.5);font-size:.6875rem;color:rgba(var(--ax-sys-color-on-surface),.65)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__status--ok{--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-sys-color-success-600))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__status--err{--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-sys-color-danger-600))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__progress{margin-top:calc(var(--spacing, .25rem) * .5);width:100%}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__remove{display:flex;height:calc(var(--spacing, .25rem) * 11);width:calc(var(--spacing, .25rem) * 11);flex-shrink:0;cursor:pointer;touch-action:manipulation;align-items:center;justify-content:center;border-radius:var(--ax-sys-border-radius);--tw-border-style: none;border-style:none;background-color:transparent;font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));color:rgba(var(--ax-sys-color-on-surface),.55);transition:background-color .15s ease,color .15s ease}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__remove:hover,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__remove:focus-visible{background-color:rgba(var(--ax-sys-color-danger-lightest-surface));color:rgba(var(--ax-sys-color-danger-500));--tw-outline-style: none;outline-style:none}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__grid{display:grid;gap:calc(var(--spacing, .25rem) * 2);grid-template-columns:repeat(auto-fill,minmax(5.25rem,1fr))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__tile{position:relative;aspect-ratio:1 / 1;overflow:hidden;border-radius:var(--ax-sys-border-radius);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface));background-color:rgba(var(--ax-sys-color-light-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__tile img{display:block;height:100%;width:100%;object-fit:cover}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__tile-remove{position:absolute;inset-inline-end:calc(var(--spacing, .25rem) * 1);top:calc(var(--spacing, .25rem) * 1);z-index:20;display:flex;height:calc(var(--spacing, .25rem) * 7);width:calc(var(--spacing, .25rem) * 7);cursor:pointer;touch-action:manipulation;align-items:center;justify-content:center;border-radius:calc(infinity * 1px);--tw-border-style: none;border-style:none;background-color:rgba(var(--ax-sys-color-danger-500));font-size:.6875rem;color:rgba(var(--ax-sys-color-light-surface));box-shadow:0 1px 3px #0003}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__tile-overlay{position:absolute;inset-inline:calc(var(--spacing, .25rem) * 0);bottom:calc(var(--spacing, .25rem) * 0);padding:calc(var(--spacing, .25rem) * 1);background:linear-gradient(transparent,#0000008c)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__tile-status{font-size:.625rem;--tw-leading: var(--leading-tight, 1.25);line-height:var(--leading-tight, 1.25);color:rgba(var(--ax-sys-color-light-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__caption-slot{flex-shrink:0;border-top-style:var(--tw-border-style);border-top-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface));background-color:rgba(var(--ax-sys-color-lightest-surface));padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__input-hidden{display:none}@container picker (max-width: 480px){:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__grid{gap:calc(var(--spacing, .25rem) * 1.5);grid-template-columns:repeat(3,minmax(0,1fr))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row{gap:calc(var(--spacing, .25rem) * 2);padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:calc(var(--spacing, .25rem) * 1.5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb{height:calc(var(--spacing, .25rem) * 9);width:calc(var(--spacing, .25rem) * 9)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty{margin:calc(var(--spacing, .25rem) * 2);min-height:7.5rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__body{padding-inline:calc(var(--spacing, .25rem) * 2);padding-bottom:calc(var(--spacing, .25rem) * 2)}}}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-leading: initial;--tw-font-weight: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"] }]
         }], ctorParameters: () => [], propDecorators: { service: [{ type: i0.Input, args: [{ isSignal: true, alias: "service", required: false }] }], conversation: [{ type: i0.Input, args: [{ isSignal: true, alias: "conversation", required: true }] }], maxFiles: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxFiles", required: false }] }], initialFiles: [{ type: i0.Input, args: [{ isSignal: true, alias: "initialFiles", required: false }] }], autoRun: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoRun", required: false }] }], __popup__: [{ type: i0.Input, args: [{ isSignal: true, alias: "__popup__", required: false }] }], __actionSheet__: [{ type: i0.Input, args: [{ isSignal: true, alias: "__actionSheet__", required: false }] }] } });
 
 var imagePicker_component = /*#__PURE__*/Object.freeze({
@@ -11918,7 +11916,7 @@ class AXConversationVideoPickerComponent {
                 let index = -1;
                 this.videos.update((videos) => {
                     index = videos.length;
-                    return [...videos, { file, preview, duration, uploadProgress: 0, uploading: true }];
+                    return [...videos, { id: createPickerUploadItemId(), file, preview, duration, uploadProgress: 0, uploading: true }];
                 });
                 if (index >= 0) {
                     void this.uploadVideoAt(index, file);
@@ -12066,7 +12064,7 @@ class AXConversationVideoPickerComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXConversationVideoPickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXConversationVideoPickerComponent, isStandalone: true, selector: "ax-conversation-video-picker", inputs: { service: { classPropertyName: "service", publicName: "service", isSignal: true, isRequired: false, transformFunction: null }, conversation: { classPropertyName: "conversation", publicName: "conversation", isSignal: true, isRequired: true, transformFunction: null }, maxFiles: { classPropertyName: "maxFiles", publicName: "maxFiles", isSignal: true, isRequired: false, transformFunction: null }, initialFiles: { classPropertyName: "initialFiles", publicName: "initialFiles", isSignal: true, isRequired: false, transformFunction: null }, autoRun: { classPropertyName: "autoRun", publicName: "autoRun", isSignal: true, isRequired: false, transformFunction: null }, __popup__: { classPropertyName: "__popup__", publicName: "__popup__", isSignal: true, isRequired: false, transformFunction: null }, __actionSheet__: { classPropertyName: "__actionSheet__", publicName: "__actionSheet__", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<ax-conversation-picker-shell\n  [fileType]=\"catalogFileType\"\n  [multiple]=\"allowMultiple()\"\n  (filesSelected)=\"handleFiles($event)\"\n  (dragEnter)=\"isDragging.set(true)\"\n  (dragLeave)=\"isDragging.set(false)\"\n>\n  <ax-conversation-picker-header\n    [title]=\"translation.translateSync('@acorex:chat.pickers.videos.title')\"\n    (onClose)=\"cancel()\"\n  />\n\n  <div class=\"ax-conversation-picker__scroll\">\n    @if (videos().length === 0) {\n      <ax-conversation-picker-empty\n        [title]=\"getEmptyTitle()\"\n        [hint]=\"getEmptySubtitle()\"\n        [iconClass]=\"emptyIconClass()\"\n        [dragOver]=\"isDragging()\"\n      />\n    } @else {\n      <div class=\"ax-conversation-picker__body\">\n        <ax-conversation-picker-toolbar\n          [countLabel]=\"getSelectedCountText()\"\n          [addMoreLabel]=\"translation.translateSync('@acorex:chat.pickers.common.add-more')\"\n        />\n\n        <div class=\"ax-conversation-picker__list\">\n          @for (video of videos(); track $index) {\n            <div class=\"ax-conversation-picker__row\">\n              <div class=\"ax-conversation-picker__thumb\">\n                @if (video.preview) {\n                  <video [src]=\"video.preview\" muted playsinline preload=\"metadata\"></video>\n                  <span class=\"ax-conversation-picker__thumb-badge\" aria-hidden=\"true\"\n                    ><i class=\"fa-solid fa-play\"></i\n                  ></span>\n                } @else {\n                  <i [class]=\"typeIconClass\"></i>\n                }\n              </div>\n              <div class=\"ax-conversation-picker__details\">\n                <div class=\"ax-conversation-picker__name\">{{ video.file.name }}</div>\n                <div class=\"ax-conversation-picker__status\">\n                  @if (video.uploading) {\n                    <span>{{ getUploadingLabel(video.uploadProgress ?? 0) }}</span>\n                  } @else if (video.uploaded) {\n                    <span class=\"ax-conversation-picker__status--ok\"\n                      ><i class=\"fa-light fa-check\"></i>\n                      {{ translation.translateSync('@acorex:chat.pickers.files.uploaded') }}</span\n                    >\n                  } @else if (video.error) {\n                    <span class=\"ax-conversation-picker__status--err\"\n                      ><i class=\"fa-light fa-xmark\"></i> {{ video.error }}</span\n                    >\n                  } @else {\n                    <span>{{ formatFileSize(video.file.size) }}</span>\n                    @if (video.duration) {\n                      <span>{{ formatDuration(video.duration) }}</span>\n                    }\n                  }\n                </div>\n                @if (video.uploading || video.uploaded) {\n                  <div class=\"ax-conversation-picker__progress\">\n                    <ax-progress-bar [progress]=\"video.uploadProgress || 0\" [mode]=\"'determinate'\" [height]=\"3\" />\n                  </div>\n                }\n              </div>\n              <button\n                type=\"button\"\n                class=\"ax-conversation-picker__remove\"\n                (click)=\"removeVideo($index)\"\n                [attr.aria-label]=\"\n                  video.uploading\n                    ? getCancelUploadLabel()\n                    : translation.translateSync('@acorex:chat.pickers.common.remove')\n                \"\n              >\n                <i class=\"fa-light fa-xmark\"></i>\n              </button>\n            </div>\n          }\n        </div>\n      </div>\n    }\n  </div>\n\n  <ax-conversation-picker-caption [(caption)]=\"caption\" />\n\n  @if (videos().length > 0) {\n    <ax-conversation-picker-footer\n      [sendText]=\"getSendText()\"\n      [sendDisabled]=\"!canSend()\"\n      (onCancel)=\"cancel()\"\n      (onSend)=\"sendVideos()\"\n    />\n  }\n</ax-conversation-picker-shell>\n", styles: ["@layer properties;@layer components{.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup{max-height:min(32rem,90dvh);width:min(28rem,93vw)}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-main-container{min-height:calc(var(--spacing, .25rem) * 0)}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-body-container{display:flex;min-height:calc(var(--spacing, .25rem) * 0);flex-direction:column;overflow:hidden;padding:calc(var(--spacing, .25rem) * 0)}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-body-container>ng-component{display:flex;min-height:calc(var(--spacing, .25rem) * 0);width:100%;flex-direction:column}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup{max-height:min(28rem,92dvh);width:93vw}}.ax-popup-overlay.ax-conversation-composer-picker-popup--location .ax-popup{max-height:min(40rem,92dvh);width:min(32rem,93vw)}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup--location .ax-popup{max-height:min(90dvh,92dvh)}}}@layer components{ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker{display:block;min-height:calc(var(--spacing, .25rem) * 0);width:100%;max-width:100%}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__scroll{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty{margin:calc(var(--spacing, .25rem) * 3);display:flex;min-height:8.5rem;cursor:pointer;touch-action:manipulation;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 1.5);border-radius:var(--ax-sys-border-radius);border-style:var(--tw-border-style);border-width:1px;--tw-border-style: dashed;border-style:dashed;border-color:rgba(var(--ax-sys-color-border-surface));padding:calc(var(--spacing, .25rem) * 4);padding-inline:calc(var(--spacing, .25rem) * 3);text-align:center;transition:border-color .15s ease,background-color .15s ease}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty:hover,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty--drag{border-color:rgba(var(--ax-sys-color-primary-surface));background:rgba(var(--ax-sys-color-primary-500),.06)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty-icon{font-size:1.75rem;--tw-leading: 1;line-height:1;color:rgba(var(--ax-sys-color-on-surface),.55)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty-title{margin:calc(var(--spacing, .25rem) * 0);font-size:.8125rem;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);color:rgba(var(--ax-sys-color-on-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty-hint{margin:calc(var(--spacing, .25rem) * 0);font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));color:rgba(var(--ax-sys-color-on-surface),.6)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__body{padding-inline:calc(var(--spacing, .25rem) * 3);padding-bottom:calc(var(--spacing, .25rem) * 3)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__list{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2);padding-top:calc(var(--spacing, .25rem) * 2)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 2.5);border-radius:var(--ax-sys-border-radius);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface));background-color:rgba(var(--ax-sys-color-surface));padding-inline:calc(var(--spacing, .25rem) * 2.5);padding-block:calc(var(--spacing, .25rem) * 2);transition:background-color .15s ease}@media(hover:hover){:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row:hover{background-color:rgba(var(--ax-sys-color-light-surface))}}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb{position:relative;display:flex;height:calc(var(--spacing, .25rem) * 10);width:calc(var(--spacing, .25rem) * 10);flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--ax-sys-border-radius);font-size:var(--text-lg, 1.125rem);line-height:var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));color:rgba(var(--ax-sys-color-primary-surface));background:rgba(var(--ax-sys-color-primary-500),.1)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb img,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb video{pointer-events:none;display:block;height:100%;width:100%;object-fit:cover}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb-badge{pointer-events:none;position:absolute;inset:calc(var(--spacing, .25rem) * 0);display:flex;align-items:center;justify-content:center;font-size:.625rem;color:rgba(var(--ax-sys-color-light-surface));background:#00000052}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__details{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__name{overflow:hidden;font-size:.8125rem;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);text-overflow:ellipsis;white-space:nowrap;color:rgba(var(--ax-sys-color-on-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__status{display:flex;flex-wrap:wrap;gap:calc(var(--spacing, .25rem) * 1.5);font-size:.6875rem;color:rgba(var(--ax-sys-color-on-surface),.65)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__status--ok{--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-sys-color-success-600))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__status--err{--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-sys-color-danger-600))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__progress{margin-top:calc(var(--spacing, .25rem) * .5);width:100%}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__remove{display:flex;height:calc(var(--spacing, .25rem) * 11);width:calc(var(--spacing, .25rem) * 11);flex-shrink:0;cursor:pointer;touch-action:manipulation;align-items:center;justify-content:center;border-radius:var(--ax-sys-border-radius);--tw-border-style: none;border-style:none;background-color:transparent;font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));color:rgba(var(--ax-sys-color-on-surface),.55);transition:background-color .15s ease,color .15s ease}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__remove:hover,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__remove:focus-visible{background-color:rgba(var(--ax-sys-color-danger-lightest-surface));color:rgba(var(--ax-sys-color-danger-500));--tw-outline-style: none;outline-style:none}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__grid{display:grid;gap:calc(var(--spacing, .25rem) * 2);grid-template-columns:repeat(auto-fill,minmax(5.25rem,1fr))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__tile{position:relative;aspect-ratio:1 / 1;overflow:hidden;border-radius:var(--ax-sys-border-radius);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface));background-color:rgba(var(--ax-sys-color-light-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__tile img{display:block;height:100%;width:100%;object-fit:cover}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__tile-remove{position:absolute;inset-inline-end:calc(var(--spacing, .25rem) * 1);top:calc(var(--spacing, .25rem) * 1);z-index:20;display:flex;height:calc(var(--spacing, .25rem) * 7);width:calc(var(--spacing, .25rem) * 7);cursor:pointer;touch-action:manipulation;align-items:center;justify-content:center;border-radius:calc(infinity * 1px);--tw-border-style: none;border-style:none;background-color:rgba(var(--ax-sys-color-danger-500));font-size:.6875rem;color:rgba(var(--ax-sys-color-light-surface));box-shadow:0 1px 3px #0003}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__tile-overlay{position:absolute;inset-inline:calc(var(--spacing, .25rem) * 0);bottom:calc(var(--spacing, .25rem) * 0);padding:calc(var(--spacing, .25rem) * 1);background:linear-gradient(transparent,#0000008c)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__tile-status{font-size:.625rem;--tw-leading: var(--leading-tight, 1.25);line-height:var(--leading-tight, 1.25);color:rgba(var(--ax-sys-color-light-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__caption-slot{flex-shrink:0;border-top-style:var(--tw-border-style);border-top-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface));background-color:rgba(var(--ax-sys-color-lightest-surface));padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__input-hidden{display:none}@container picker (max-width: 480px){:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__grid{gap:calc(var(--spacing, .25rem) * 1.5);grid-template-columns:repeat(3,minmax(0,1fr))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row{gap:calc(var(--spacing, .25rem) * 2);padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:calc(var(--spacing, .25rem) * 1.5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb{height:calc(var(--spacing, .25rem) * 9);width:calc(var(--spacing, .25rem) * 9)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty{margin:calc(var(--spacing, .25rem) * 2);min-height:7.5rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__body{padding-inline:calc(var(--spacing, .25rem) * 2);padding-bottom:calc(var(--spacing, .25rem) * 2)}}}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-leading: initial;--tw-font-weight: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXProgressBarModule }, { kind: "component", type: i1$3.AXProgressBarComponent, selector: "ax-progress-bar", inputs: ["color", "mode", "progress", "height"], outputs: ["ValueChange", "sizeChange"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXConversationPickerHeaderComponent, selector: "ax-conversation-picker-header", inputs: ["title"], outputs: ["onClose"] }, { kind: "component", type: AXConversationPickerFooterComponent, selector: "ax-conversation-picker-footer", inputs: ["sendText", "sendDisabled"], outputs: ["onCancel", "onSend"] }, { kind: "component", type: AXConversationPickerEmptyComponent, selector: "ax-conversation-picker-empty", inputs: ["title", "hint", "iconClass", "dragOver"] }, { kind: "component", type: AXConversationPickerToolbarComponent, selector: "ax-conversation-picker-toolbar", inputs: ["countLabel", "addMoreLabel"] }, { kind: "component", type: AXConversationPickerCaptionComponent, selector: "ax-conversation-picker-caption", inputs: ["caption"], outputs: ["captionChange"] }, { kind: "component", type: AXConversationPickerShellComponent, selector: "ax-conversation-picker-shell", inputs: ["fileType", "multiple"], outputs: ["filesSelected", "dragEnter", "dragLeave", "dragOver"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXConversationVideoPickerComponent, isStandalone: true, selector: "ax-conversation-video-picker", inputs: { service: { classPropertyName: "service", publicName: "service", isSignal: true, isRequired: false, transformFunction: null }, conversation: { classPropertyName: "conversation", publicName: "conversation", isSignal: true, isRequired: true, transformFunction: null }, maxFiles: { classPropertyName: "maxFiles", publicName: "maxFiles", isSignal: true, isRequired: false, transformFunction: null }, initialFiles: { classPropertyName: "initialFiles", publicName: "initialFiles", isSignal: true, isRequired: false, transformFunction: null }, autoRun: { classPropertyName: "autoRun", publicName: "autoRun", isSignal: true, isRequired: false, transformFunction: null }, __popup__: { classPropertyName: "__popup__", publicName: "__popup__", isSignal: true, isRequired: false, transformFunction: null }, __actionSheet__: { classPropertyName: "__actionSheet__", publicName: "__actionSheet__", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<ax-conversation-picker-shell\n  [fileType]=\"catalogFileType\"\n  [multiple]=\"allowMultiple()\"\n  (filesSelected)=\"handleFiles($event)\"\n  (dragEnter)=\"isDragging.set(true)\"\n  (dragLeave)=\"isDragging.set(false)\"\n>\n  <ax-conversation-picker-header\n    [title]=\"translation.translateSync('@acorex:chat.pickers.videos.title')\"\n    (onClose)=\"cancel()\"\n  />\n\n  <div class=\"ax-conversation-picker__scroll\">\n    @if (videos().length === 0) {\n      <ax-conversation-picker-empty\n        [title]=\"getEmptyTitle()\"\n        [hint]=\"getEmptySubtitle()\"\n        [iconClass]=\"emptyIconClass()\"\n        [dragOver]=\"isDragging()\"\n      />\n    } @else {\n      <div class=\"ax-conversation-picker__body\">\n        <ax-conversation-picker-toolbar\n          [countLabel]=\"getSelectedCountText()\"\n          [addMoreLabel]=\"translation.translateSync('@acorex:chat.pickers.common.add-more')\"\n        />\n\n        <div class=\"ax-conversation-picker__list\">\n          @for (video of videos(); track video.id) {\n            <div class=\"ax-conversation-picker__row\">\n              <div class=\"ax-conversation-picker__thumb\">\n                @if (video.preview) {\n                  <video [src]=\"video.preview\" muted playsinline preload=\"metadata\"></video>\n                  <span class=\"ax-conversation-picker__thumb-badge\" aria-hidden=\"true\"\n                    ><i class=\"fa-solid fa-play\"></i\n                  ></span>\n                } @else {\n                  <i [class]=\"typeIconClass\"></i>\n                }\n              </div>\n              <div class=\"ax-conversation-picker__details\">\n                <div class=\"ax-conversation-picker__name\">{{ video.file.name }}</div>\n                <div class=\"ax-conversation-picker__status\">\n                  @if (video.uploading) {\n                    <span>{{ getUploadingLabel(video.uploadProgress ?? 0) }}</span>\n                  } @else if (video.uploaded) {\n                    <span class=\"ax-conversation-picker__status--ok\"\n                      ><i class=\"fa-light fa-check\"></i>\n                      {{ translation.translateSync('@acorex:chat.pickers.files.uploaded') }}</span\n                    >\n                  } @else if (video.error) {\n                    <span class=\"ax-conversation-picker__status--err\"\n                      ><i class=\"fa-light fa-xmark\"></i> {{ video.error }}</span\n                    >\n                  } @else {\n                    <span>{{ formatFileSize(video.file.size) }}</span>\n                    @if (video.duration) {\n                      <span>{{ formatDuration(video.duration) }}</span>\n                    }\n                  }\n                </div>\n                @if (video.uploading || video.uploaded) {\n                  <div class=\"ax-conversation-picker__progress\">\n                    <ax-progress-bar [progress]=\"video.uploadProgress || 0\" [mode]=\"'determinate'\" [height]=\"3\" />\n                  </div>\n                }\n              </div>\n              <button\n                type=\"button\"\n                class=\"ax-conversation-picker__remove\"\n                (click)=\"removeVideo($index)\"\n                [attr.aria-label]=\"\n                  video.uploading\n                    ? getCancelUploadLabel()\n                    : translation.translateSync('@acorex:chat.pickers.common.remove')\n                \"\n              >\n                <i class=\"fa-light fa-xmark\"></i>\n              </button>\n            </div>\n          }\n        </div>\n      </div>\n    }\n  </div>\n\n  <ax-conversation-picker-caption [(caption)]=\"caption\" />\n\n  @if (videos().length > 0) {\n    <ax-conversation-picker-footer\n      [sendText]=\"getSendText()\"\n      [sendDisabled]=\"!canSend()\"\n      (onCancel)=\"cancel()\"\n      (onSend)=\"sendVideos()\"\n    />\n  }\n</ax-conversation-picker-shell>\n", styles: ["@layer properties;@layer components{.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup{max-height:min(32rem,90dvh);width:min(28rem,93vw)}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-main-container{min-height:calc(var(--spacing, .25rem) * 0)}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-body-container{display:flex;min-height:calc(var(--spacing, .25rem) * 0);flex-direction:column;overflow:hidden;padding:calc(var(--spacing, .25rem) * 0)}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-body-container>ng-component{display:flex;min-height:calc(var(--spacing, .25rem) * 0);width:100%;flex-direction:column}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup{max-height:min(28rem,92dvh);width:93vw}}.ax-popup-overlay.ax-conversation-composer-picker-popup--location .ax-popup{max-height:min(40rem,92dvh);width:min(32rem,93vw)}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup--location .ax-popup{max-height:min(90dvh,92dvh)}}}@layer components{ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker{display:block;min-height:calc(var(--spacing, .25rem) * 0);width:100%;max-width:100%}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__scroll{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty{margin:calc(var(--spacing, .25rem) * 3);display:flex;min-height:8.5rem;cursor:pointer;touch-action:manipulation;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 1.5);border-radius:var(--ax-sys-border-radius);border-style:var(--tw-border-style);border-width:1px;--tw-border-style: dashed;border-style:dashed;border-color:rgba(var(--ax-sys-color-border-surface));padding:calc(var(--spacing, .25rem) * 4);padding-inline:calc(var(--spacing, .25rem) * 3);text-align:center;transition:border-color .15s ease,background-color .15s ease}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty:hover,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty--drag{border-color:rgba(var(--ax-sys-color-primary-surface));background:rgba(var(--ax-sys-color-primary-500),.06)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty-icon{font-size:1.75rem;--tw-leading: 1;line-height:1;color:rgba(var(--ax-sys-color-on-surface),.55)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty-title{margin:calc(var(--spacing, .25rem) * 0);font-size:.8125rem;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);color:rgba(var(--ax-sys-color-on-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty-hint{margin:calc(var(--spacing, .25rem) * 0);font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));color:rgba(var(--ax-sys-color-on-surface),.6)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__body{padding-inline:calc(var(--spacing, .25rem) * 3);padding-bottom:calc(var(--spacing, .25rem) * 3)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__list{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2);padding-top:calc(var(--spacing, .25rem) * 2)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 2.5);border-radius:var(--ax-sys-border-radius);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface));background-color:rgba(var(--ax-sys-color-surface));padding-inline:calc(var(--spacing, .25rem) * 2.5);padding-block:calc(var(--spacing, .25rem) * 2);transition:background-color .15s ease}@media(hover:hover){:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row:hover{background-color:rgba(var(--ax-sys-color-light-surface))}}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb{position:relative;display:flex;height:calc(var(--spacing, .25rem) * 10);width:calc(var(--spacing, .25rem) * 10);flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--ax-sys-border-radius);font-size:var(--text-lg, 1.125rem);line-height:var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));color:rgba(var(--ax-sys-color-primary-surface));background:rgba(var(--ax-sys-color-primary-500),.1)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb img,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb video{pointer-events:none;display:block;height:100%;width:100%;object-fit:cover}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb-badge{pointer-events:none;position:absolute;inset:calc(var(--spacing, .25rem) * 0);display:flex;align-items:center;justify-content:center;font-size:.625rem;color:rgba(var(--ax-sys-color-light-surface));background:#00000052}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__details{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__name{overflow:hidden;font-size:.8125rem;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);text-overflow:ellipsis;white-space:nowrap;color:rgba(var(--ax-sys-color-on-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__status{display:flex;flex-wrap:wrap;gap:calc(var(--spacing, .25rem) * 1.5);font-size:.6875rem;color:rgba(var(--ax-sys-color-on-surface),.65)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__status--ok{--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-sys-color-success-600))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__status--err{--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-sys-color-danger-600))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__progress{margin-top:calc(var(--spacing, .25rem) * .5);width:100%}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__remove{display:flex;height:calc(var(--spacing, .25rem) * 11);width:calc(var(--spacing, .25rem) * 11);flex-shrink:0;cursor:pointer;touch-action:manipulation;align-items:center;justify-content:center;border-radius:var(--ax-sys-border-radius);--tw-border-style: none;border-style:none;background-color:transparent;font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));color:rgba(var(--ax-sys-color-on-surface),.55);transition:background-color .15s ease,color .15s ease}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__remove:hover,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__remove:focus-visible{background-color:rgba(var(--ax-sys-color-danger-lightest-surface));color:rgba(var(--ax-sys-color-danger-500));--tw-outline-style: none;outline-style:none}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__grid{display:grid;gap:calc(var(--spacing, .25rem) * 2);grid-template-columns:repeat(auto-fill,minmax(5.25rem,1fr))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__tile{position:relative;aspect-ratio:1 / 1;overflow:hidden;border-radius:var(--ax-sys-border-radius);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface));background-color:rgba(var(--ax-sys-color-light-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__tile img{display:block;height:100%;width:100%;object-fit:cover}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__tile-remove{position:absolute;inset-inline-end:calc(var(--spacing, .25rem) * 1);top:calc(var(--spacing, .25rem) * 1);z-index:20;display:flex;height:calc(var(--spacing, .25rem) * 7);width:calc(var(--spacing, .25rem) * 7);cursor:pointer;touch-action:manipulation;align-items:center;justify-content:center;border-radius:calc(infinity * 1px);--tw-border-style: none;border-style:none;background-color:rgba(var(--ax-sys-color-danger-500));font-size:.6875rem;color:rgba(var(--ax-sys-color-light-surface));box-shadow:0 1px 3px #0003}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__tile-overlay{position:absolute;inset-inline:calc(var(--spacing, .25rem) * 0);bottom:calc(var(--spacing, .25rem) * 0);padding:calc(var(--spacing, .25rem) * 1);background:linear-gradient(transparent,#0000008c)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__tile-status{font-size:.625rem;--tw-leading: var(--leading-tight, 1.25);line-height:var(--leading-tight, 1.25);color:rgba(var(--ax-sys-color-light-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__caption-slot{flex-shrink:0;border-top-style:var(--tw-border-style);border-top-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface));background-color:rgba(var(--ax-sys-color-lightest-surface));padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__input-hidden{display:none}@container picker (max-width: 480px){:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__grid{gap:calc(var(--spacing, .25rem) * 1.5);grid-template-columns:repeat(3,minmax(0,1fr))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row{gap:calc(var(--spacing, .25rem) * 2);padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:calc(var(--spacing, .25rem) * 1.5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb{height:calc(var(--spacing, .25rem) * 9);width:calc(var(--spacing, .25rem) * 9)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty{margin:calc(var(--spacing, .25rem) * 2);min-height:7.5rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__body{padding-inline:calc(var(--spacing, .25rem) * 2);padding-bottom:calc(var(--spacing, .25rem) * 2)}}}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-leading: initial;--tw-font-weight: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXProgressBarModule }, { kind: "component", type: i1$3.AXProgressBarComponent, selector: "ax-progress-bar", inputs: ["color", "mode", "progress", "height"], outputs: ["ValueChange", "sizeChange"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXConversationPickerHeaderComponent, selector: "ax-conversation-picker-header", inputs: ["title"], outputs: ["onClose"] }, { kind: "component", type: AXConversationPickerFooterComponent, selector: "ax-conversation-picker-footer", inputs: ["sendText", "sendDisabled"], outputs: ["onCancel", "onSend"] }, { kind: "component", type: AXConversationPickerEmptyComponent, selector: "ax-conversation-picker-empty", inputs: ["title", "hint", "iconClass", "dragOver"] }, { kind: "component", type: AXConversationPickerToolbarComponent, selector: "ax-conversation-picker-toolbar", inputs: ["countLabel", "addMoreLabel"] }, { kind: "component", type: AXConversationPickerCaptionComponent, selector: "ax-conversation-picker-caption", inputs: ["caption"], outputs: ["captionChange"] }, { kind: "component", type: AXConversationPickerShellComponent, selector: "ax-conversation-picker-shell", inputs: ["fileType", "multiple"], outputs: ["filesSelected", "dragEnter", "dragLeave", "dragOver"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXConversationVideoPickerComponent, decorators: [{
             type: Component,
@@ -12080,7 +12078,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                         AXConversationPickerToolbarComponent,
                         AXConversationPickerCaptionComponent,
                         AXConversationPickerShellComponent,
-                    ], template: "<ax-conversation-picker-shell\n  [fileType]=\"catalogFileType\"\n  [multiple]=\"allowMultiple()\"\n  (filesSelected)=\"handleFiles($event)\"\n  (dragEnter)=\"isDragging.set(true)\"\n  (dragLeave)=\"isDragging.set(false)\"\n>\n  <ax-conversation-picker-header\n    [title]=\"translation.translateSync('@acorex:chat.pickers.videos.title')\"\n    (onClose)=\"cancel()\"\n  />\n\n  <div class=\"ax-conversation-picker__scroll\">\n    @if (videos().length === 0) {\n      <ax-conversation-picker-empty\n        [title]=\"getEmptyTitle()\"\n        [hint]=\"getEmptySubtitle()\"\n        [iconClass]=\"emptyIconClass()\"\n        [dragOver]=\"isDragging()\"\n      />\n    } @else {\n      <div class=\"ax-conversation-picker__body\">\n        <ax-conversation-picker-toolbar\n          [countLabel]=\"getSelectedCountText()\"\n          [addMoreLabel]=\"translation.translateSync('@acorex:chat.pickers.common.add-more')\"\n        />\n\n        <div class=\"ax-conversation-picker__list\">\n          @for (video of videos(); track $index) {\n            <div class=\"ax-conversation-picker__row\">\n              <div class=\"ax-conversation-picker__thumb\">\n                @if (video.preview) {\n                  <video [src]=\"video.preview\" muted playsinline preload=\"metadata\"></video>\n                  <span class=\"ax-conversation-picker__thumb-badge\" aria-hidden=\"true\"\n                    ><i class=\"fa-solid fa-play\"></i\n                  ></span>\n                } @else {\n                  <i [class]=\"typeIconClass\"></i>\n                }\n              </div>\n              <div class=\"ax-conversation-picker__details\">\n                <div class=\"ax-conversation-picker__name\">{{ video.file.name }}</div>\n                <div class=\"ax-conversation-picker__status\">\n                  @if (video.uploading) {\n                    <span>{{ getUploadingLabel(video.uploadProgress ?? 0) }}</span>\n                  } @else if (video.uploaded) {\n                    <span class=\"ax-conversation-picker__status--ok\"\n                      ><i class=\"fa-light fa-check\"></i>\n                      {{ translation.translateSync('@acorex:chat.pickers.files.uploaded') }}</span\n                    >\n                  } @else if (video.error) {\n                    <span class=\"ax-conversation-picker__status--err\"\n                      ><i class=\"fa-light fa-xmark\"></i> {{ video.error }}</span\n                    >\n                  } @else {\n                    <span>{{ formatFileSize(video.file.size) }}</span>\n                    @if (video.duration) {\n                      <span>{{ formatDuration(video.duration) }}</span>\n                    }\n                  }\n                </div>\n                @if (video.uploading || video.uploaded) {\n                  <div class=\"ax-conversation-picker__progress\">\n                    <ax-progress-bar [progress]=\"video.uploadProgress || 0\" [mode]=\"'determinate'\" [height]=\"3\" />\n                  </div>\n                }\n              </div>\n              <button\n                type=\"button\"\n                class=\"ax-conversation-picker__remove\"\n                (click)=\"removeVideo($index)\"\n                [attr.aria-label]=\"\n                  video.uploading\n                    ? getCancelUploadLabel()\n                    : translation.translateSync('@acorex:chat.pickers.common.remove')\n                \"\n              >\n                <i class=\"fa-light fa-xmark\"></i>\n              </button>\n            </div>\n          }\n        </div>\n      </div>\n    }\n  </div>\n\n  <ax-conversation-picker-caption [(caption)]=\"caption\" />\n\n  @if (videos().length > 0) {\n    <ax-conversation-picker-footer\n      [sendText]=\"getSendText()\"\n      [sendDisabled]=\"!canSend()\"\n      (onCancel)=\"cancel()\"\n      (onSend)=\"sendVideos()\"\n    />\n  }\n</ax-conversation-picker-shell>\n", styles: ["@layer properties;@layer components{.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup{max-height:min(32rem,90dvh);width:min(28rem,93vw)}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-main-container{min-height:calc(var(--spacing, .25rem) * 0)}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-body-container{display:flex;min-height:calc(var(--spacing, .25rem) * 0);flex-direction:column;overflow:hidden;padding:calc(var(--spacing, .25rem) * 0)}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-body-container>ng-component{display:flex;min-height:calc(var(--spacing, .25rem) * 0);width:100%;flex-direction:column}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup{max-height:min(28rem,92dvh);width:93vw}}.ax-popup-overlay.ax-conversation-composer-picker-popup--location .ax-popup{max-height:min(40rem,92dvh);width:min(32rem,93vw)}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup--location .ax-popup{max-height:min(90dvh,92dvh)}}}@layer components{ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker{display:block;min-height:calc(var(--spacing, .25rem) * 0);width:100%;max-width:100%}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__scroll{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty{margin:calc(var(--spacing, .25rem) * 3);display:flex;min-height:8.5rem;cursor:pointer;touch-action:manipulation;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 1.5);border-radius:var(--ax-sys-border-radius);border-style:var(--tw-border-style);border-width:1px;--tw-border-style: dashed;border-style:dashed;border-color:rgba(var(--ax-sys-color-border-surface));padding:calc(var(--spacing, .25rem) * 4);padding-inline:calc(var(--spacing, .25rem) * 3);text-align:center;transition:border-color .15s ease,background-color .15s ease}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty:hover,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty--drag{border-color:rgba(var(--ax-sys-color-primary-surface));background:rgba(var(--ax-sys-color-primary-500),.06)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty-icon{font-size:1.75rem;--tw-leading: 1;line-height:1;color:rgba(var(--ax-sys-color-on-surface),.55)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty-title{margin:calc(var(--spacing, .25rem) * 0);font-size:.8125rem;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);color:rgba(var(--ax-sys-color-on-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty-hint{margin:calc(var(--spacing, .25rem) * 0);font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));color:rgba(var(--ax-sys-color-on-surface),.6)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__body{padding-inline:calc(var(--spacing, .25rem) * 3);padding-bottom:calc(var(--spacing, .25rem) * 3)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__list{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2);padding-top:calc(var(--spacing, .25rem) * 2)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 2.5);border-radius:var(--ax-sys-border-radius);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface));background-color:rgba(var(--ax-sys-color-surface));padding-inline:calc(var(--spacing, .25rem) * 2.5);padding-block:calc(var(--spacing, .25rem) * 2);transition:background-color .15s ease}@media(hover:hover){:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row:hover{background-color:rgba(var(--ax-sys-color-light-surface))}}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb{position:relative;display:flex;height:calc(var(--spacing, .25rem) * 10);width:calc(var(--spacing, .25rem) * 10);flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--ax-sys-border-radius);font-size:var(--text-lg, 1.125rem);line-height:var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));color:rgba(var(--ax-sys-color-primary-surface));background:rgba(var(--ax-sys-color-primary-500),.1)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb img,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb video{pointer-events:none;display:block;height:100%;width:100%;object-fit:cover}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb-badge{pointer-events:none;position:absolute;inset:calc(var(--spacing, .25rem) * 0);display:flex;align-items:center;justify-content:center;font-size:.625rem;color:rgba(var(--ax-sys-color-light-surface));background:#00000052}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__details{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__name{overflow:hidden;font-size:.8125rem;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);text-overflow:ellipsis;white-space:nowrap;color:rgba(var(--ax-sys-color-on-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__status{display:flex;flex-wrap:wrap;gap:calc(var(--spacing, .25rem) * 1.5);font-size:.6875rem;color:rgba(var(--ax-sys-color-on-surface),.65)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__status--ok{--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-sys-color-success-600))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__status--err{--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-sys-color-danger-600))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__progress{margin-top:calc(var(--spacing, .25rem) * .5);width:100%}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__remove{display:flex;height:calc(var(--spacing, .25rem) * 11);width:calc(var(--spacing, .25rem) * 11);flex-shrink:0;cursor:pointer;touch-action:manipulation;align-items:center;justify-content:center;border-radius:var(--ax-sys-border-radius);--tw-border-style: none;border-style:none;background-color:transparent;font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));color:rgba(var(--ax-sys-color-on-surface),.55);transition:background-color .15s ease,color .15s ease}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__remove:hover,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__remove:focus-visible{background-color:rgba(var(--ax-sys-color-danger-lightest-surface));color:rgba(var(--ax-sys-color-danger-500));--tw-outline-style: none;outline-style:none}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__grid{display:grid;gap:calc(var(--spacing, .25rem) * 2);grid-template-columns:repeat(auto-fill,minmax(5.25rem,1fr))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__tile{position:relative;aspect-ratio:1 / 1;overflow:hidden;border-radius:var(--ax-sys-border-radius);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface));background-color:rgba(var(--ax-sys-color-light-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__tile img{display:block;height:100%;width:100%;object-fit:cover}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__tile-remove{position:absolute;inset-inline-end:calc(var(--spacing, .25rem) * 1);top:calc(var(--spacing, .25rem) * 1);z-index:20;display:flex;height:calc(var(--spacing, .25rem) * 7);width:calc(var(--spacing, .25rem) * 7);cursor:pointer;touch-action:manipulation;align-items:center;justify-content:center;border-radius:calc(infinity * 1px);--tw-border-style: none;border-style:none;background-color:rgba(var(--ax-sys-color-danger-500));font-size:.6875rem;color:rgba(var(--ax-sys-color-light-surface));box-shadow:0 1px 3px #0003}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__tile-overlay{position:absolute;inset-inline:calc(var(--spacing, .25rem) * 0);bottom:calc(var(--spacing, .25rem) * 0);padding:calc(var(--spacing, .25rem) * 1);background:linear-gradient(transparent,#0000008c)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__tile-status{font-size:.625rem;--tw-leading: var(--leading-tight, 1.25);line-height:var(--leading-tight, 1.25);color:rgba(var(--ax-sys-color-light-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__caption-slot{flex-shrink:0;border-top-style:var(--tw-border-style);border-top-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface));background-color:rgba(var(--ax-sys-color-lightest-surface));padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__input-hidden{display:none}@container picker (max-width: 480px){:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__grid{gap:calc(var(--spacing, .25rem) * 1.5);grid-template-columns:repeat(3,minmax(0,1fr))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row{gap:calc(var(--spacing, .25rem) * 2);padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:calc(var(--spacing, .25rem) * 1.5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb{height:calc(var(--spacing, .25rem) * 9);width:calc(var(--spacing, .25rem) * 9)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty{margin:calc(var(--spacing, .25rem) * 2);min-height:7.5rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__body{padding-inline:calc(var(--spacing, .25rem) * 2);padding-bottom:calc(var(--spacing, .25rem) * 2)}}}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-leading: initial;--tw-font-weight: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"] }]
+                    ], template: "<ax-conversation-picker-shell\n  [fileType]=\"catalogFileType\"\n  [multiple]=\"allowMultiple()\"\n  (filesSelected)=\"handleFiles($event)\"\n  (dragEnter)=\"isDragging.set(true)\"\n  (dragLeave)=\"isDragging.set(false)\"\n>\n  <ax-conversation-picker-header\n    [title]=\"translation.translateSync('@acorex:chat.pickers.videos.title')\"\n    (onClose)=\"cancel()\"\n  />\n\n  <div class=\"ax-conversation-picker__scroll\">\n    @if (videos().length === 0) {\n      <ax-conversation-picker-empty\n        [title]=\"getEmptyTitle()\"\n        [hint]=\"getEmptySubtitle()\"\n        [iconClass]=\"emptyIconClass()\"\n        [dragOver]=\"isDragging()\"\n      />\n    } @else {\n      <div class=\"ax-conversation-picker__body\">\n        <ax-conversation-picker-toolbar\n          [countLabel]=\"getSelectedCountText()\"\n          [addMoreLabel]=\"translation.translateSync('@acorex:chat.pickers.common.add-more')\"\n        />\n\n        <div class=\"ax-conversation-picker__list\">\n          @for (video of videos(); track video.id) {\n            <div class=\"ax-conversation-picker__row\">\n              <div class=\"ax-conversation-picker__thumb\">\n                @if (video.preview) {\n                  <video [src]=\"video.preview\" muted playsinline preload=\"metadata\"></video>\n                  <span class=\"ax-conversation-picker__thumb-badge\" aria-hidden=\"true\"\n                    ><i class=\"fa-solid fa-play\"></i\n                  ></span>\n                } @else {\n                  <i [class]=\"typeIconClass\"></i>\n                }\n              </div>\n              <div class=\"ax-conversation-picker__details\">\n                <div class=\"ax-conversation-picker__name\">{{ video.file.name }}</div>\n                <div class=\"ax-conversation-picker__status\">\n                  @if (video.uploading) {\n                    <span>{{ getUploadingLabel(video.uploadProgress ?? 0) }}</span>\n                  } @else if (video.uploaded) {\n                    <span class=\"ax-conversation-picker__status--ok\"\n                      ><i class=\"fa-light fa-check\"></i>\n                      {{ translation.translateSync('@acorex:chat.pickers.files.uploaded') }}</span\n                    >\n                  } @else if (video.error) {\n                    <span class=\"ax-conversation-picker__status--err\"\n                      ><i class=\"fa-light fa-xmark\"></i> {{ video.error }}</span\n                    >\n                  } @else {\n                    <span>{{ formatFileSize(video.file.size) }}</span>\n                    @if (video.duration) {\n                      <span>{{ formatDuration(video.duration) }}</span>\n                    }\n                  }\n                </div>\n                @if (video.uploading || video.uploaded) {\n                  <div class=\"ax-conversation-picker__progress\">\n                    <ax-progress-bar [progress]=\"video.uploadProgress || 0\" [mode]=\"'determinate'\" [height]=\"3\" />\n                  </div>\n                }\n              </div>\n              <button\n                type=\"button\"\n                class=\"ax-conversation-picker__remove\"\n                (click)=\"removeVideo($index)\"\n                [attr.aria-label]=\"\n                  video.uploading\n                    ? getCancelUploadLabel()\n                    : translation.translateSync('@acorex:chat.pickers.common.remove')\n                \"\n              >\n                <i class=\"fa-light fa-xmark\"></i>\n              </button>\n            </div>\n          }\n        </div>\n      </div>\n    }\n  </div>\n\n  <ax-conversation-picker-caption [(caption)]=\"caption\" />\n\n  @if (videos().length > 0) {\n    <ax-conversation-picker-footer\n      [sendText]=\"getSendText()\"\n      [sendDisabled]=\"!canSend()\"\n      (onCancel)=\"cancel()\"\n      (onSend)=\"sendVideos()\"\n    />\n  }\n</ax-conversation-picker-shell>\n", styles: ["@layer properties;@layer components{.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup{max-height:min(32rem,90dvh);width:min(28rem,93vw)}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-main-container{min-height:calc(var(--spacing, .25rem) * 0)}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-body-container{display:flex;min-height:calc(var(--spacing, .25rem) * 0);flex-direction:column;overflow:hidden;padding:calc(var(--spacing, .25rem) * 0)}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-body-container>ng-component{display:flex;min-height:calc(var(--spacing, .25rem) * 0);width:100%;flex-direction:column}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup{max-height:min(28rem,92dvh);width:93vw}}.ax-popup-overlay.ax-conversation-composer-picker-popup--location .ax-popup{max-height:min(40rem,92dvh);width:min(32rem,93vw)}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup--location .ax-popup{max-height:min(90dvh,92dvh)}}}@layer components{ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker{display:block;min-height:calc(var(--spacing, .25rem) * 0);width:100%;max-width:100%}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__scroll{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty{margin:calc(var(--spacing, .25rem) * 3);display:flex;min-height:8.5rem;cursor:pointer;touch-action:manipulation;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 1.5);border-radius:var(--ax-sys-border-radius);border-style:var(--tw-border-style);border-width:1px;--tw-border-style: dashed;border-style:dashed;border-color:rgba(var(--ax-sys-color-border-surface));padding:calc(var(--spacing, .25rem) * 4);padding-inline:calc(var(--spacing, .25rem) * 3);text-align:center;transition:border-color .15s ease,background-color .15s ease}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty:hover,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty--drag{border-color:rgba(var(--ax-sys-color-primary-surface));background:rgba(var(--ax-sys-color-primary-500),.06)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty-icon{font-size:1.75rem;--tw-leading: 1;line-height:1;color:rgba(var(--ax-sys-color-on-surface),.55)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty-title{margin:calc(var(--spacing, .25rem) * 0);font-size:.8125rem;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);color:rgba(var(--ax-sys-color-on-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty-hint{margin:calc(var(--spacing, .25rem) * 0);font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));color:rgba(var(--ax-sys-color-on-surface),.6)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__body{padding-inline:calc(var(--spacing, .25rem) * 3);padding-bottom:calc(var(--spacing, .25rem) * 3)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__list{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2);padding-top:calc(var(--spacing, .25rem) * 2)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 2.5);border-radius:var(--ax-sys-border-radius);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface));background-color:rgba(var(--ax-sys-color-surface));padding-inline:calc(var(--spacing, .25rem) * 2.5);padding-block:calc(var(--spacing, .25rem) * 2);transition:background-color .15s ease}@media(hover:hover){:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row:hover{background-color:rgba(var(--ax-sys-color-light-surface))}}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb{position:relative;display:flex;height:calc(var(--spacing, .25rem) * 10);width:calc(var(--spacing, .25rem) * 10);flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--ax-sys-border-radius);font-size:var(--text-lg, 1.125rem);line-height:var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));color:rgba(var(--ax-sys-color-primary-surface));background:rgba(var(--ax-sys-color-primary-500),.1)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb img,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb video{pointer-events:none;display:block;height:100%;width:100%;object-fit:cover}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb-badge{pointer-events:none;position:absolute;inset:calc(var(--spacing, .25rem) * 0);display:flex;align-items:center;justify-content:center;font-size:.625rem;color:rgba(var(--ax-sys-color-light-surface));background:#00000052}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__details{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__name{overflow:hidden;font-size:.8125rem;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);text-overflow:ellipsis;white-space:nowrap;color:rgba(var(--ax-sys-color-on-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__status{display:flex;flex-wrap:wrap;gap:calc(var(--spacing, .25rem) * 1.5);font-size:.6875rem;color:rgba(var(--ax-sys-color-on-surface),.65)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__status--ok{--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-sys-color-success-600))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__status--err{--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-sys-color-danger-600))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__progress{margin-top:calc(var(--spacing, .25rem) * .5);width:100%}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__remove{display:flex;height:calc(var(--spacing, .25rem) * 11);width:calc(var(--spacing, .25rem) * 11);flex-shrink:0;cursor:pointer;touch-action:manipulation;align-items:center;justify-content:center;border-radius:var(--ax-sys-border-radius);--tw-border-style: none;border-style:none;background-color:transparent;font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));color:rgba(var(--ax-sys-color-on-surface),.55);transition:background-color .15s ease,color .15s ease}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__remove:hover,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__remove:focus-visible{background-color:rgba(var(--ax-sys-color-danger-lightest-surface));color:rgba(var(--ax-sys-color-danger-500));--tw-outline-style: none;outline-style:none}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__grid{display:grid;gap:calc(var(--spacing, .25rem) * 2);grid-template-columns:repeat(auto-fill,minmax(5.25rem,1fr))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__tile{position:relative;aspect-ratio:1 / 1;overflow:hidden;border-radius:var(--ax-sys-border-radius);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface));background-color:rgba(var(--ax-sys-color-light-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__tile img{display:block;height:100%;width:100%;object-fit:cover}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__tile-remove{position:absolute;inset-inline-end:calc(var(--spacing, .25rem) * 1);top:calc(var(--spacing, .25rem) * 1);z-index:20;display:flex;height:calc(var(--spacing, .25rem) * 7);width:calc(var(--spacing, .25rem) * 7);cursor:pointer;touch-action:manipulation;align-items:center;justify-content:center;border-radius:calc(infinity * 1px);--tw-border-style: none;border-style:none;background-color:rgba(var(--ax-sys-color-danger-500));font-size:.6875rem;color:rgba(var(--ax-sys-color-light-surface));box-shadow:0 1px 3px #0003}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__tile-overlay{position:absolute;inset-inline:calc(var(--spacing, .25rem) * 0);bottom:calc(var(--spacing, .25rem) * 0);padding:calc(var(--spacing, .25rem) * 1);background:linear-gradient(transparent,#0000008c)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__tile-status{font-size:.625rem;--tw-leading: var(--leading-tight, 1.25);line-height:var(--leading-tight, 1.25);color:rgba(var(--ax-sys-color-light-surface))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__caption-slot{flex-shrink:0;border-top-style:var(--tw-border-style);border-top-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface));background-color:rgba(var(--ax-sys-color-lightest-surface));padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__input-hidden{display:none}@container picker (max-width: 480px){:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__grid{gap:calc(var(--spacing, .25rem) * 1.5);grid-template-columns:repeat(3,minmax(0,1fr))}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__row{gap:calc(var(--spacing, .25rem) * 2);padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:calc(var(--spacing, .25rem) * 1.5)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__thumb{height:calc(var(--spacing, .25rem) * 9);width:calc(var(--spacing, .25rem) * 9)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__empty{margin:calc(var(--spacing, .25rem) * 2);min-height:7.5rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__body{padding-inline:calc(var(--spacing, .25rem) * 2);padding-bottom:calc(var(--spacing, .25rem) * 2)}}}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-leading: initial;--tw-font-weight: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"] }]
         }], ctorParameters: () => [], propDecorators: { service: [{ type: i0.Input, args: [{ isSignal: true, alias: "service", required: false }] }], conversation: [{ type: i0.Input, args: [{ isSignal: true, alias: "conversation", required: true }] }], maxFiles: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxFiles", required: false }] }], initialFiles: [{ type: i0.Input, args: [{ isSignal: true, alias: "initialFiles", required: false }] }], autoRun: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoRun", required: false }] }], __popup__: [{ type: i0.Input, args: [{ isSignal: true, alias: "__popup__", required: false }] }], __actionSheet__: [{ type: i0.Input, args: [{ isSignal: true, alias: "__actionSheet__", required: false }] }] } });
 
 var videoPicker_component = /*#__PURE__*/Object.freeze({
@@ -15256,5 +15254,5 @@ function getErrorMessage(code, params) {
  * Generated bundle index. Do not edit.
  */
 
-export { AXConversationApi, AXConversationApiLoggerService, AXConversationAudioAttachmentComponent, AXConversationAudioFileTypeProvider, AXConversationAudioPickerComponent, AXConversationAudioRendererComponent, AXConversationAvatarComponent, AXConversationAvatarPickerComponent, AXConversationBaseRegistry, AXConversationComposerActionRegistry, AXConversationComposerComponent, AXConversationComposerFileTypesProvider, AXConversationComposerGenerationStateService, AXConversationComposerPopupComponent, AXConversationComposerService, AXConversationComposerTabRegistry, AXConversationContainerComponent, AXConversationContainerDirective, AXConversationDateUtilsService, AXConversationEmojiTabComponent, AXConversationErrorHandlerService, AXConversationFallbackRendererComponent, AXConversationFileAttachmentComponent, AXConversationFileFileTypeProvider, AXConversationFilePickerComponent, AXConversationFileRendererComponent, AXConversationForwardMessageDialogComponent, AXConversationImageAttachmentComponent, AXConversationImageFileTypeProvider, AXConversationImagePickerComponent, AXConversationImageRendererComponent, AXConversationInfiniteScrollDirective, AXConversationInfoBarActionRegistry, AXConversationInfoBarComponent, AXConversationInfoBarSearchComponent, AXConversationInfoBarService, AXConversationItemActionRegistry, AXConversationLocationPickerComponent, AXConversationLocationRendererComponent, AXConversationMediaPlaybackInfoBarBannerComponent, AXConversationMessageActionRegistry, AXConversationMessageApi, AXConversationMessageListComponent, AXConversationMessageListNoActiveDefaultComponent, AXConversationMessageListService, AXConversationMessageRendererCopyHostComponent, AXConversationMessageRendererRegistry, AXConversationMessageRendererStateComponent, AXConversationMessageUtilsService, AXConversationModule, AXConversationNewDialogComponent, AXConversationPickerCaptionComponent, AXConversationPickerEmptyComponent, AXConversationPickerFooterComponent, AXConversationPickerHeaderComponent, AXConversationPickerShellComponent, AXConversationPickerToolbarComponent, AXConversationRealtimeApi, AXConversationRegistryComponentOutletComponent, AXConversationRegistryService, AXConversationService, AXConversationSidebarComponent, AXConversationSidebarService, AXConversationStickerRendererComponent, AXConversationStickerTabComponent, AXConversationSystemRendererComponent, AXConversationTabRegistry, AXConversationTextRendererComponent, AXConversationUserApi, AXConversationVideoAttachmentComponent, AXConversationVideoFileTypeProvider, AXConversationVideoPickerComponent, AXConversationVideoRendererComponent, AXConversationVoiceFileTypeProvider, AXConversationVoiceRecorderComponent, AXConversationVoiceRendererComponent, AX_CONVERSATION_AUDIO_CATALOG, AX_CONVERSATION_AUDIO_PRESENTATION, AX_CONVERSATION_AUDIO_RENDERER, AX_CONVERSATION_BUILTIN_COMPOSER_TABS, AX_CONVERSATION_COMPOSER_AUDIO_ACTION, AX_CONVERSATION_COMPOSER_EMOJI_ACTION, AX_CONVERSATION_COMPOSER_EMOJI_TAB, AX_CONVERSATION_COMPOSER_FILE_ACTION, AX_CONVERSATION_COMPOSER_IMAGE_ACTION, AX_CONVERSATION_COMPOSER_LOCATION_ACTION, AX_CONVERSATION_COMPOSER_STICKER_TAB, AX_CONVERSATION_COMPOSER_VIDEO_ACTION, AX_CONVERSATION_COMPOSER_VOICE_RECORDING_ACTION, AX_CONVERSATION_CONFIG, AX_CONVERSATION_CONNECTION_ERRORS, AX_CONVERSATION_CONVERSATION_AVATAR_COMPONENT, AX_CONVERSATION_DEFAULT_COMPOSER_ACTIONS, AX_CONVERSATION_DEFAULT_COMPOSER_TABS, AX_CONVERSATION_DEFAULT_CONVERSATION_ITEM_ACTIONS, AX_CONVERSATION_DEFAULT_CONVERSATION_TABS, AX_CONVERSATION_DEFAULT_GROUP_ICON, AX_CONVERSATION_DEFAULT_INFO_BAR_ACTIONS, AX_CONVERSATION_DEFAULT_MESSAGE_ACTIONS, AX_CONVERSATION_DEFAULT_MESSAGE_LIST_BACKGROUND, AX_CONVERSATION_DEFAULT_MESSAGE_LIST_BACKGROUND_PRESET_ID, AX_CONVERSATION_DEFAULT_MESSAGE_LIST_THEME_BACKGROUND, AX_CONVERSATION_DEFAULT_MESSAGE_RENDERERS, AX_CONVERSATION_DEFAULT_ROOM_PREFERENCES, AX_CONVERSATION_DEFAULT_USER_ICON, AX_CONVERSATION_ERRORS, AX_CONVERSATION_ERROR_HANDLER_CONFIG, AX_CONVERSATION_ERROR_MESSAGES, AX_CONVERSATION_FALLBACK_RENDERER, AX_CONVERSATION_FILE_CATALOG, AX_CONVERSATION_FILE_ERRORS, AX_CONVERSATION_FILE_PRESENTATION, AX_CONVERSATION_FILE_RENDERER, AX_CONVERSATION_FILE_TYPES_READY, AX_CONVERSATION_IMAGE_CATALOG, AX_CONVERSATION_IMAGE_PRESENTATION, AX_CONVERSATION_IMAGE_RENDERER, AX_CONVERSATION_INFO_BAR_ARCHIVE_ACTION, AX_CONVERSATION_INFO_BAR_BLOCK_ACTION, AX_CONVERSATION_INFO_BAR_DELETE_ACTION, AX_CONVERSATION_INFO_BAR_DIVIDER, AX_CONVERSATION_INFO_BAR_MUTE_ACTION, AX_CONVERSATION_INFO_BAR_SEARCH_ACTION, AX_CONVERSATION_ITEM_BLOCK_ACTION, AX_CONVERSATION_ITEM_DELETE_ACTION, AX_CONVERSATION_ITEM_DIVIDER, AX_CONVERSATION_ITEM_MARK_READ_ACTION, AX_CONVERSATION_ITEM_MUTE_ACTION, AX_CONVERSATION_ITEM_PIN_ACTION, AX_CONVERSATION_LOCATION_ERRORS, AX_CONVERSATION_LOCATION_RENDERER, AX_CONVERSATION_MESSAGE_DELETE_ACTION, AX_CONVERSATION_MESSAGE_EDIT_ACTION, AX_CONVERSATION_MESSAGE_ERRORS, AX_CONVERSATION_MESSAGE_FORWARD_ACTION, AX_CONVERSATION_MESSAGE_LIST_BACKGROUND_PRESETS, AX_CONVERSATION_MESSAGE_REPLY_ACTION, AX_CONVERSATION_MESSAGE_TYPE_FILE_TYPE, AX_CONVERSATION_PEER_AVATAR_TYPES, AX_CONVERSATION_REGISTRY_CONFIG, AX_CONVERSATION_STICKER_API_KEY, AX_CONVERSATION_STICKER_RENDERER, AX_CONVERSATION_SYSTEM_RENDERER, AX_CONVERSATION_TAB_ALL, AX_CONVERSATION_TAB_ARCHIVED, AX_CONVERSATION_TAB_BOT, AX_CONVERSATION_TAB_CHANNELS, AX_CONVERSATION_TAB_GROUPS, AX_CONVERSATION_TAB_PRIVATE, AX_CONVERSATION_TAB_UNREAD, AX_CONVERSATION_TEXT_RENDERER, AX_CONVERSATION_URL_ERRORS, AX_CONVERSATION_USER_AVATAR_COMPONENT, AX_CONVERSATION_USER_ERRORS, AX_CONVERSATION_VIDEO_CATALOG, AX_CONVERSATION_VIDEO_PRESENTATION, AX_CONVERSATION_VIDEO_RENDERER, AX_CONVERSATION_VOICE_CATALOG, AX_CONVERSATION_VOICE_PRESENTATION, AX_CONVERSATION_VOICE_RENDERER, AX_DEFAULT_CONVERSATION_CONFIG, abortPickerUploads, applyAudioLocalPreview, applyFileLocalPreview, applyLocalPreview, applyVideoLocalPreview, applyVoiceLocalPreview, audioItemFromUpload, bindMediaRendererContentState, buildMediaGalleryTiles, canShowRendererContentError, cleanupPickerUploads, conversationAudioUtilities, conversationFileUtilities, conversationImageUtilities, conversationVideoUtilities, conversationVoiceUtilities, copyWithFileTypeFallback, createConversationAudioFileType, createConversationFileFileType, createConversationImageFileType, createConversationVideoFileType, createConversationVoiceFileType, createLocalPreviewUrl, createObjectUrl, createPickerDragHandlers, createResolvedMediaUrlSignal, deleteUploadedPickerMedia, dismissComposerPickerHost, ensureConversationFileCatalogRegistered, fetchConversationMediaPage, fileItemFromUpload, filterMessagesByMediaCategory, filterSupplementalInfoPanelMessages, findExistingPrivateConversation, formatDuration, formatErrorMessage, formatFileByteSize, formatFileSize, formatMediaDuration, formatPickerValidationMessage, getConversationMediaCategories, getConversationProfileFields, getErrorMessage, getMessageAudioItems, getMessageVideoItems, getPickerCancelUploadLabel, getPrivatePeerParticipant, hasRegistryComponent, inferFileExtensionHintFromMessage, isAttachmentListCategory, isComposerTabEnabled, isConversationReactionsEnabled, isGenericPrivateConversationTitle, isGridMediaCategory, isMessageDeliveryPending, isMessageListThemeBackground, isNonPersistableMediaUrl, isPickerItemReadyToSend, isSameMessageListBackground, isUploadAborted, limitFilesToCapacity, mediaCopyText, mergeAudioUploadResult, mergeFileUploadResult, mergeInfoPanelMessages, mergeUploadResult, mergeVideoUploadResult, mergeVoiceUploadResult, mergeWithDefaults, messageContainsLink, normalizeAudioPayload, normalizeFilePayload, normalizeImagePayload, normalizeMessageListBackgroundValue, normalizeVideoPayload, notifyMaxFilesCapacityExceeded, notifyPickerValidationErrors, openWithFileType, pickDisplayMediaUrl, pickerItemToMediaReference, pickerItemToUploadResult, provideConversation, provideConversationComposerFileTypes, provideConversationFileCatalog, reportMediaLoadError, resolveComposerMaxFiles, resolveConversationAvatarDisplay, resolveConversationComposerTabs, resolveConversationForViewer, resolveConversationMessageFileType, resolveConversationPeerParticipant, resolveConversationPeerUserId, resolveConversationTitleForViewer, resolveGalleryImageUrl, resolveImageDisplayUrl, resolveMessageListBackgroundRaw, resolveMessageListBackgroundStyle, resolveParticipantProfile, resolvePersistableMediaUrl, resolvePersistedThumbnailUrl, resolvePrivatePeerParticipant, resolvePrivatePeerUserId, resolveUserAvatarDisplay, resolveVideoThumbnailUrl, revokeObjectUrl, revokePickerBlobPreviews, sanitizeInput, shouldUseUserAvatarForConversation, syncPlaybackInfoBarBanner, toUploaderReference as toMediaItemUploaderReference, toUploaderReference$1 as toUploaderReference, uploadPickerFile, validateConversationId, validateEmail, validateLatitude, validateLongitude, validateMessagePayload, validateMessageText, validateMessageType, validateUrl, validateUserId, validateUserIds, videoItemFromUpload };
+export { AXConversationApi, AXConversationApiLoggerService, AXConversationAudioAttachmentComponent, AXConversationAudioFileTypeProvider, AXConversationAudioPickerComponent, AXConversationAudioRendererComponent, AXConversationAvatarComponent, AXConversationAvatarPickerComponent, AXConversationBaseRegistry, AXConversationComposerActionRegistry, AXConversationComposerComponent, AXConversationComposerFileTypesProvider, AXConversationComposerGenerationStateService, AXConversationComposerPopupComponent, AXConversationComposerService, AXConversationComposerTabRegistry, AXConversationContainerComponent, AXConversationContainerDirective, AXConversationDateUtilsService, AXConversationEmojiTabComponent, AXConversationErrorHandlerService, AXConversationFallbackRendererComponent, AXConversationFileAttachmentComponent, AXConversationFileFileTypeProvider, AXConversationFilePickerComponent, AXConversationFileRendererComponent, AXConversationForwardMessageDialogComponent, AXConversationImageAttachmentComponent, AXConversationImageFileTypeProvider, AXConversationImagePickerComponent, AXConversationImageRendererComponent, AXConversationInfiniteScrollDirective, AXConversationInfoBarActionRegistry, AXConversationInfoBarComponent, AXConversationInfoBarSearchComponent, AXConversationInfoBarService, AXConversationItemActionRegistry, AXConversationLocationPickerComponent, AXConversationLocationRendererComponent, AXConversationMediaPlaybackInfoBarBannerComponent, AXConversationMessageActionRegistry, AXConversationMessageApi, AXConversationMessageListComponent, AXConversationMessageListNoActiveDefaultComponent, AXConversationMessageListService, AXConversationMessageRendererCopyHostComponent, AXConversationMessageRendererRegistry, AXConversationMessageRendererStateComponent, AXConversationMessageUtilsService, AXConversationModule, AXConversationNewDialogComponent, AXConversationPickerCaptionComponent, AXConversationPickerEmptyComponent, AXConversationPickerFooterComponent, AXConversationPickerHeaderComponent, AXConversationPickerShellComponent, AXConversationPickerToolbarComponent, AXConversationRealtimeApi, AXConversationRegistryComponentOutletComponent, AXConversationRegistryService, AXConversationService, AXConversationSidebarComponent, AXConversationSidebarService, AXConversationStickerRendererComponent, AXConversationStickerTabComponent, AXConversationSystemRendererComponent, AXConversationTabRegistry, AXConversationTextRendererComponent, AXConversationUserApi, AXConversationVideoAttachmentComponent, AXConversationVideoFileTypeProvider, AXConversationVideoPickerComponent, AXConversationVideoRendererComponent, AXConversationVoiceFileTypeProvider, AXConversationVoiceRecorderComponent, AXConversationVoiceRendererComponent, AX_CONVERSATION_AUDIO_CATALOG, AX_CONVERSATION_AUDIO_PRESENTATION, AX_CONVERSATION_AUDIO_RENDERER, AX_CONVERSATION_BUILTIN_COMPOSER_TABS, AX_CONVERSATION_COMPOSER_AUDIO_ACTION, AX_CONVERSATION_COMPOSER_EMOJI_ACTION, AX_CONVERSATION_COMPOSER_EMOJI_TAB, AX_CONVERSATION_COMPOSER_FILE_ACTION, AX_CONVERSATION_COMPOSER_IMAGE_ACTION, AX_CONVERSATION_COMPOSER_LOCATION_ACTION, AX_CONVERSATION_COMPOSER_STICKER_TAB, AX_CONVERSATION_COMPOSER_VIDEO_ACTION, AX_CONVERSATION_COMPOSER_VOICE_RECORDING_ACTION, AX_CONVERSATION_CONFIG, AX_CONVERSATION_CONNECTION_ERRORS, AX_CONVERSATION_CONVERSATION_AVATAR_COMPONENT, AX_CONVERSATION_DEFAULT_COMPOSER_ACTIONS, AX_CONVERSATION_DEFAULT_COMPOSER_TABS, AX_CONVERSATION_DEFAULT_CONVERSATION_ITEM_ACTIONS, AX_CONVERSATION_DEFAULT_CONVERSATION_TABS, AX_CONVERSATION_DEFAULT_GROUP_ICON, AX_CONVERSATION_DEFAULT_INFO_BAR_ACTIONS, AX_CONVERSATION_DEFAULT_MESSAGE_ACTIONS, AX_CONVERSATION_DEFAULT_MESSAGE_LIST_BACKGROUND, AX_CONVERSATION_DEFAULT_MESSAGE_LIST_BACKGROUND_PRESET_ID, AX_CONVERSATION_DEFAULT_MESSAGE_LIST_THEME_BACKGROUND, AX_CONVERSATION_DEFAULT_MESSAGE_RENDERERS, AX_CONVERSATION_DEFAULT_ROOM_PREFERENCES, AX_CONVERSATION_DEFAULT_USER_ICON, AX_CONVERSATION_ERRORS, AX_CONVERSATION_ERROR_HANDLER_CONFIG, AX_CONVERSATION_ERROR_MESSAGES, AX_CONVERSATION_FALLBACK_RENDERER, AX_CONVERSATION_FILE_CATALOG, AX_CONVERSATION_FILE_ERRORS, AX_CONVERSATION_FILE_PRESENTATION, AX_CONVERSATION_FILE_RENDERER, AX_CONVERSATION_FILE_TYPES_READY, AX_CONVERSATION_IMAGE_CATALOG, AX_CONVERSATION_IMAGE_PRESENTATION, AX_CONVERSATION_IMAGE_RENDERER, AX_CONVERSATION_INFO_BAR_ARCHIVE_ACTION, AX_CONVERSATION_INFO_BAR_BLOCK_ACTION, AX_CONVERSATION_INFO_BAR_DELETE_ACTION, AX_CONVERSATION_INFO_BAR_DIVIDER, AX_CONVERSATION_INFO_BAR_MUTE_ACTION, AX_CONVERSATION_INFO_BAR_SEARCH_ACTION, AX_CONVERSATION_ITEM_BLOCK_ACTION, AX_CONVERSATION_ITEM_DELETE_ACTION, AX_CONVERSATION_ITEM_DIVIDER, AX_CONVERSATION_ITEM_MARK_READ_ACTION, AX_CONVERSATION_ITEM_MUTE_ACTION, AX_CONVERSATION_ITEM_PIN_ACTION, AX_CONVERSATION_LOCATION_ERRORS, AX_CONVERSATION_LOCATION_RENDERER, AX_CONVERSATION_MESSAGE_DELETE_ACTION, AX_CONVERSATION_MESSAGE_EDIT_ACTION, AX_CONVERSATION_MESSAGE_ERRORS, AX_CONVERSATION_MESSAGE_FORWARD_ACTION, AX_CONVERSATION_MESSAGE_LIST_BACKGROUND_PRESETS, AX_CONVERSATION_MESSAGE_REPLY_ACTION, AX_CONVERSATION_MESSAGE_TYPE_FILE_TYPE, AX_CONVERSATION_PEER_AVATAR_TYPES, AX_CONVERSATION_REGISTRY_CONFIG, AX_CONVERSATION_STICKER_API_KEY, AX_CONVERSATION_STICKER_RENDERER, AX_CONVERSATION_SYSTEM_RENDERER, AX_CONVERSATION_TAB_ALL, AX_CONVERSATION_TAB_ARCHIVED, AX_CONVERSATION_TAB_BOT, AX_CONVERSATION_TAB_CHANNELS, AX_CONVERSATION_TAB_GROUPS, AX_CONVERSATION_TAB_PRIVATE, AX_CONVERSATION_TAB_UNREAD, AX_CONVERSATION_TEXT_RENDERER, AX_CONVERSATION_URL_ERRORS, AX_CONVERSATION_USER_AVATAR_COMPONENT, AX_CONVERSATION_USER_ERRORS, AX_CONVERSATION_VIDEO_CATALOG, AX_CONVERSATION_VIDEO_PRESENTATION, AX_CONVERSATION_VIDEO_RENDERER, AX_CONVERSATION_VOICE_CATALOG, AX_CONVERSATION_VOICE_PRESENTATION, AX_CONVERSATION_VOICE_RENDERER, AX_DEFAULT_CONVERSATION_CONFIG, abortPickerUploads, applyAudioLocalPreview, applyFileLocalPreview, applyLocalPreview, applyVideoLocalPreview, applyVoiceLocalPreview, audioItemFromUpload, bindMediaRendererContentState, buildMediaGalleryTiles, canShowRendererContentError, cleanupPickerUploads, conversationAudioUtilities, conversationFileUtilities, conversationImageUtilities, conversationVideoUtilities, conversationVoiceUtilities, copyWithFileTypeFallback, createConversationAudioFileType, createConversationFileFileType, createConversationImageFileType, createConversationVideoFileType, createConversationVoiceFileType, createLocalPreviewUrl, createObjectUrl, createPickerDragHandlers, createPickerUploadItemId, createResolvedMediaUrlSignal, deleteUploadedPickerMedia, dismissComposerPickerHost, ensureConversationFileCatalogRegistered, fetchConversationMediaPage, fileItemFromUpload, filterMessagesByMediaCategory, filterSupplementalInfoPanelMessages, findExistingPrivateConversation, formatDuration, formatErrorMessage, formatFileByteSize, formatFileSize, formatMediaDuration, formatPickerValidationMessage, getConversationMediaCategories, getConversationProfileFields, getErrorMessage, getMessageAudioItems, getMessageVideoItems, getPickerCancelUploadLabel, getPrivatePeerParticipant, hasRegistryComponent, inferFileExtensionHintFromMessage, isAttachmentListCategory, isComposerTabEnabled, isConversationReactionsEnabled, isGenericPrivateConversationTitle, isGridMediaCategory, isMessageDeliveryPending, isMessageListThemeBackground, isNonPersistableMediaUrl, isPickerItemReadyToSend, isSameMessageListBackground, isUploadAborted, limitFilesToCapacity, mediaCopyText, mergeAudioUploadResult, mergeFileUploadResult, mergeInfoPanelMessages, mergeUploadResult, mergeVideoUploadResult, mergeVoiceUploadResult, mergeWithDefaults, messageContainsLink, normalizeAudioPayload, normalizeFilePayload, normalizeImagePayload, normalizeMessageListBackgroundValue, normalizeVideoPayload, notifyMaxFilesCapacityExceeded, notifyPickerValidationErrors, openWithFileType, pickDisplayMediaUrl, pickerItemToMediaReference, pickerItemToUploadResult, provideConversation, provideConversationComposerFileTypes, provideConversationFileCatalog, reportMediaLoadError, resolveComposerMaxFiles, resolveConversationAvatarDisplay, resolveConversationComposerTabs, resolveConversationForViewer, resolveConversationMessageFileType, resolveConversationPeerParticipant, resolveConversationPeerUserId, resolveConversationTitleForViewer, resolveGalleryImageUrl, resolveImageDisplayUrl, resolveMessageListBackgroundRaw, resolveMessageListBackgroundStyle, resolveParticipantProfile, resolvePersistableMediaUrl, resolvePersistedThumbnailUrl, resolvePrivatePeerParticipant, resolvePrivatePeerUserId, resolveUserAvatarDisplay, resolveVideoThumbnailUrl, revokeObjectUrl, revokePickerBlobPreviews, sanitizeInput, shouldUseUserAvatarForConversation, syncPlaybackInfoBarBanner, toUploaderReference as toMediaItemUploaderReference, toUploaderReference$1 as toUploaderReference, uploadPickerFile, validateConversationId, validateEmail, validateLatitude, validateLongitude, validateMessagePayload, validateMessageText, validateMessageType, validateUrl, validateUserId, validateUserIds, videoItemFromUpload };
 //# sourceMappingURL=acorex-components-conversation.mjs.map