@acorex/components 22.3.2 → 22.3.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -14,6 +14,7 @@ import { AXPopupService } from '@acorex/components/popup';
14
14
  import { AXFileTypeInfoProvider, provideFileValidationRules, provideFileTypeInfoProvider, AXFileTypeRegistryService, AXFileService, getFileExtension, resolveFileTypeExtension, runFileTypeCopy, resolveFileCopyText, runFileTypeOpen, formatFileSizeBytes, createFileTypeMetadata, runFileTypeUtilityForFile, runFileTypeUtility } from '@acorex/core/file';
15
15
  import * as i3 from '@acorex/core/translation';
16
16
  import { translateSync, AXTranslationService, AXTranslationModule } from '@acorex/core/translation';
17
+ import { AXHorizontalScrollDirective } from '@acorex/cdk/horizontal-scroll';
17
18
  import { AXActionSheetService } from '@acorex/components/action-sheet';
18
19
  import { AXButtonComponent, AXButtonItemComponent, AXButtonItemListComponent } from '@acorex/components/button';
19
20
  import { AXPopoverComponent } from '@acorex/components/popover';
@@ -7824,11 +7825,14 @@ class AXConversationComposerService {
7824
7825
  focusComposer() {
7825
7826
  this._focusRequest.update((n) => n + 1);
7826
7827
  }
7828
+ clearReplyEdit() {
7829
+ this._replyMessage.set(null);
7830
+ this._editMessage.set(null);
7831
+ }
7827
7832
  clear() {
7828
7833
  this.hideComponent();
7834
+ this.clearReplyEdit();
7829
7835
  this.clearDraftAttachments();
7830
- this._replyMessage.set(null);
7831
- this._editMessage.set(null);
7832
7836
  }
7833
7837
  /**
7834
7838
  * Persist draft for the previous conversation and reset composer UI state when switching conversations.
@@ -8305,7 +8309,6 @@ class AXConversationComposerComponent {
8305
8309
  try {
8306
8310
  await this.conversationService.editMessage(editingMsg.id, { type: 'text', text });
8307
8311
  this.draftText.set('');
8308
- this.composerService.clearDraftAttachments();
8309
8312
  this.cancelEditReply();
8310
8313
  this.composerService.clearDraft(conversation.id);
8311
8314
  this.messageListService.requestScrollToBottom();
@@ -8610,18 +8613,21 @@ class AXConversationComposerComponent {
8610
8613
  addDraftAttachments() {
8611
8614
  void this.composerService.browseDraftAttachments();
8612
8615
  }
8616
+ dismissDraftAttachments() {
8617
+ this.composerService.clearDraftAttachments();
8618
+ }
8613
8619
  draftAttachmentLabel(name) {
8614
8620
  return truncatePickerFileName(name, 18);
8615
8621
  }
8616
8622
  canAddDraftAttachments() {
8617
8623
  return this.draftAttachments().length < Math.max(1, this.config.maxFilesPerMessage);
8618
8624
  }
8619
- /** Cancel edit/reply mode */
8625
+ /** Cancel edit/reply mode without dropping draft attachments. */
8620
8626
  cancelEditReply() {
8621
8627
  this.seededEditMessageId = null;
8622
8628
  this.editingMessage.set(null);
8623
8629
  this.replyingToMessage.set(null);
8624
- this.composerService.clear();
8630
+ this.composerService.clearReplyEdit();
8625
8631
  }
8626
8632
  /** Start editing a message */
8627
8633
  startEdit(message) {
@@ -8799,7 +8805,7 @@ class AXConversationComposerComponent {
8799
8805
  };
8800
8806
  }
8801
8807
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXConversationComposerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
8802
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: AXConversationComposerComponent, isStandalone: true, selector: "ax-conversation-composer", outputs: { messageSent: "messageSent", generationCancelled: "generationCancelled", emojiClick: "emojiClick", attachClick: "attachClick", voiceClick: "voiceClick" }, host: { listeners: { "paste": "onComposerPaste($event)" } }, viewQueries: [{ propertyName: "textAreaRef", first: true, predicate: ["inputElement"], descendants: true, read: AXTextAreaComponent, isSignal: true }, { propertyName: "emojiPopoverRef", first: true, predicate: ["emojiPopover"], descendants: true, isSignal: true }, { propertyName: "attachPopoverRef", first: true, predicate: ["attachPopover"], descendants: true, isSignal: true }, { propertyName: "attachMenuButtonRef", first: true, predicate: ["attachMenuButton"], descendants: true, isSignal: true }], ngImport: i0, template: "@if (activeConversation()) {\n <div class=\"composer\">\n <!-- Edit/Reply Banner -->\n @if (editingMessage() || replyingToMessage()) {\n <div\n class=\"ax-conversation-composer-banner\"\n [class.ax-conversation-composer-banner--edit]=\"!!editingMessage()\"\n [class.ax-conversation-composer-banner--reply]=\"!!replyingToMessage()\"\n >\n <div class=\"ax-conversation-composer-banner__accent\" aria-hidden=\"true\"></div>\n @if (editingMessage()) {\n <div class=\"ax-conversation-composer-banner__content\">\n <span class=\"ax-conversation-composer-banner__icon\" aria-hidden=\"true\"\n ><i class=\"fa-light fa-pen-to-square\"></i\n ></span>\n <div class=\"ax-conversation-composer-banner__body\">\n <span class=\"ax-conversation-composer-banner__label\">{{\n '@acorex:chat.composer.editing-message' | translate | async\n }}</span>\n @if (getEditingPreview(); as preview) {\n <span class=\"ax-conversation-composer-banner__preview\">\n @if (preview.type !== 'text') {\n <i [class]=\"preview.icon\"></i>\n }\n {{ getComposerPreviewLabel(preview) }}\n </span>\n }\n </div>\n </div>\n } @else if (replyingToMessage()) {\n <div class=\"ax-conversation-composer-banner__content\">\n <span class=\"ax-conversation-composer-banner__icon\" aria-hidden=\"true\"\n ><i class=\"fa-light fa-reply\"></i\n ></span>\n <div\n class=\"ax-conversation-composer-banner__body ax-conversation-composer-banner__body--clickable\"\n (click)=\"onReplyPreviewClick()\"\n >\n <span class=\"ax-conversation-composer-banner__label\">\n {{ '@acorex:chat.composer.replying-to' | translate | async }} {{ getReplyingSenderName() }}\n </span>\n @if (getReplyingPreview(); as preview) {\n <span class=\"ax-conversation-composer-banner__preview\">\n @if (preview.type !== 'text') {\n <i [class]=\"preview.icon\"></i>\n }\n {{ getComposerPreviewLabel(preview) }}\n </span>\n }\n </div>\n </div>\n }\n <ax-button\n class=\"ax-conversation-composer-banner__close rounded-full\"\n look=\"blank\"\n [iconOnly]=\"true\"\n [text]=\"translation.translateSync('@acorex:chat.actions.cancel')\"\n (onClick)=\"cancelEditReply()\"\n >\n <ax-icon><i class=\"fa-solid fa-xmark\"></i></ax-icon>\n </ax-button>\n </div>\n }\n\n @if (usesAttachmentBanner() && draftAttachments().length > 0) {\n <div class=\"ax-conversation-composer-attachments\" role=\"list\">\n @for (attachment of draftAttachments(); track attachment.id) {\n <div\n class=\"ax-conversation-composer-attachment\"\n role=\"listitem\"\n [class.ax-conversation-composer-attachment--media]=\"attachment.kind === 'image' || attachment.kind === 'video'\"\n [class.ax-conversation-composer-attachment--file]=\"attachment.kind === 'audio' || attachment.kind === 'file'\"\n [class.ax-conversation-composer-attachment--uploading]=\"attachment.uploading\"\n [class.ax-conversation-composer-attachment--error]=\"!!attachment.error\"\n [title]=\"attachment.file.name\"\n >\n @if (attachment.kind === 'image' || attachment.kind === 'video') {\n <span class=\"ax-conversation-composer-attachment__thumb\" aria-hidden=\"true\">\n @if (attachment.kind === 'video' && attachment.preview) {\n <video [src]=\"attachment.preview\" muted playsinline preload=\"metadata\"></video>\n } @else if (attachment.preview) {\n <img [src]=\"attachment.preview\" alt=\"\" />\n } @else {\n <i [class]=\"attachment.icon\"></i>\n }\n </span>\n } @else {\n <span class=\"ax-conversation-composer-attachment__icon\" aria-hidden=\"true\">\n <i [class]=\"attachment.icon\"></i>\n </span>\n <span class=\"ax-conversation-composer-attachment__name\">{{\n draftAttachmentLabel(attachment.file.name)\n }}</span>\n }\n @if (attachment.uploading) {\n <span class=\"ax-conversation-composer-attachment__progress\" aria-hidden=\"true\"></span>\n }\n <button\n type=\"button\"\n class=\"ax-conversation-composer-attachment__remove\"\n [attr.aria-label]=\"translation.translateSync('@acorex:chat.actions.remove-attachment')\"\n (click)=\"removeDraftAttachment(attachment.id); $event.stopPropagation()\"\n >\n <i class=\"fa-solid fa-xmark\"></i>\n </button>\n </div>\n }\n <button\n type=\"button\"\n class=\"ax-conversation-composer-attachment-add\"\n [disabled]=\"!canAddDraftAttachments()\"\n [attr.aria-label]=\"translation.translateSync('@acorex:chat.pickers.common.add-more')\"\n (click)=\"addDraftAttachments()\"\n >\n <i class=\"fa-light fa-plus\"></i>\n </button>\n </div>\n }\n\n <!-- Input Area -->\n <div class=\"composer-input-container\">\n <!-- Start actions -->\n <div class=\"composer-actions-left\">\n @if (startMenuActions().length > 0) {\n <span\n #attachMenuButton\n class=\"composer-attach-menu-trigger\"\n (mouseenter)=\"onAttachMenuMouseEnter()\"\n (mouseleave)=\"onAttachMenuMouseLeave()\"\n >\n <ax-button\n class=\"rounded-full text-xl\"\n look=\"blank\"\n [iconOnly]=\"true\"\n [text]=\"('@acorex:chat.tooltips.attach-file' | translate | async) ?? ''\"\n (onClick)=\"onAttachMenuClick($event)\"\n >\n <ax-prefix>\n <i class=\"fa-light fa-paperclip\"></i>\n </ax-prefix>\n </ax-button>\n </span>\n }\n\n @for (action of startInlineActions(); track action.id) {\n <ax-button\n look=\"blank\"\n [iconOnly]=\"true\"\n [text]=\"getActionLabel(action)\"\n [disabled]=\"!isActionEnabled(action)\"\n [class]=\"getActionButtonClass(action)\"\n (onClick)=\"onActionClick(action.id, $event)\"\n >\n <ax-icon>\n <i [class]=\"action.icon\"></i>\n </ax-icon>\n </ax-button>\n }\n </div>\n\n <!-- Text Input -->\n <div class=\"composer-input-wrapper\">\n <ax-text-area\n #inputElement\n [ngModel]=\"draftText()\"\n (ngModelChange)=\"onDraftModelChange($event)\"\n (onKeyDown)=\"onKeyDown($event)\"\n (onValueChanged)=\"onDraftValueChanged($event)\"\n [placeholder]=\"placeholder()\"\n [rows]=\"inputRows()\"\n [axAutoFocus]=\"true\"\n ></ax-text-area>\n </div>\n\n <!-- End actions -->\n <div class=\"composer-actions-right\">\n @for (action of endInlineActions(); track action.id) {\n <ax-button\n look=\"blank\"\n [iconOnly]=\"true\"\n [text]=\"getActionLabel(action)\"\n [disabled]=\"!isActionEnabled(action)\"\n [class]=\"getActionButtonClass(action)\"\n (onClick)=\"onActionClick(action.id, $event)\"\n >\n <ax-icon>\n <i [class]=\"action.icon\"></i>\n </ax-icon>\n </ax-button>\n }\n\n <div class=\"composer-primary-button-slot\">\n @switch (primaryButtonMode()) {\n @case ('cancel') {\n <ax-button\n class=\"rounded-full\"\n [iconOnly]=\"true\"\n look=\"blank\"\n [text]=\"getPrimaryButtonLabel()\"\n (onClick)=\"onPrimaryButtonClick()\"\n >\n <ax-icon [class]=\"getPrimaryButtonIcon()\"> </ax-icon>\n </ax-button>\n }\n @case ('stopping') {\n <ax-button\n class=\"rounded-full\"\n [iconOnly]=\"true\"\n look=\"blank\"\n [text]=\"getPrimaryButtonLabel()\"\n [disabled]=\"true\"\n >\n <ax-prefix>\n <i [class]=\"getPrimaryButtonIcon()\"></i>\n </ax-prefix>\n </ax-button>\n }\n @case ('send') {\n <ax-button\n class=\"rounded-full composer-primary-button--send\"\n [iconOnly]=\"true\"\n look=\"blank\"\n color=\"primary\"\n [text]=\"getPrimaryButtonLabel()\"\n [disabled]=\"isPrimaryButtonDisabled()\"\n (onClick)=\"onPrimaryButtonClick()\"\n >\n <ax-prefix>\n <i [class]=\"getPrimaryButtonIcon()\"></i>\n </ax-prefix>\n </ax-button>\n }\n @default {\n <ax-button\n class=\"rounded-full\"\n [iconOnly]=\"true\"\n look=\"blank\"\n [text]=\"getPrimaryButtonLabel()\"\n [disabled]=\"isPrimaryButtonDisabled()\"\n (onClick)=\"onPrimaryButtonClick()\"\n >\n <ax-prefix>\n <i [class]=\"getPrimaryButtonIcon()\"></i>\n </ax-prefix>\n </ax-button>\n }\n }\n </div>\n </div>\n </div>\n </div>\n}\n\n<!-- Popover for attachment menu -->\n@if (attachMenuTarget()) {\n <ax-popover\n #attachPopover\n [target]=\"attachMenuTarget()\"\n [openOn]=\"'manual'\"\n [closeOn]=\"'clickOut'\"\n [placement]=\"'top-start'\"\n >\n <div\n class=\"composer-attach-menu-panel\"\n (mouseenter)=\"onAttachMenuPanelMouseEnter()\"\n (mouseleave)=\"onAttachMenuPanelMouseLeave()\"\n >\n <ax-button-item-list>\n @for (action of startMenuActions(); track action.id) {\n <ax-button-item\n [text]=\"getActionLabel(action)\"\n (click)=\"onAttachMenuAction(action.id)\"\n [disabled]=\"!isActionEnabled(action)\"\n >\n <ax-prefix>\n <i [class]=\"action.icon\"></i>\n </ax-prefix>\n </ax-button-item>\n }\n </ax-button-item-list>\n </div>\n </ax-popover>\n}\n\n<!-- Popover for emoji/sticker picker -->\n@if (emojiPopoverTarget()) {\n <ax-popover\n #emojiPopover\n [target]=\"emojiPopoverTarget()\"\n [openOn]=\"'manual'\"\n [closeOn]=\"'clickOut'\"\n [placement]=\"'top-start'\"\n panelClass=\"composer-emoji-popover-panel\"\n (onClosed)=\"onEmojiPopoverClosed()\"\n >\n <div class=\"composer-emoji-popover\">\n <ax-conversation-registry-component-outlet\n [componentLoader]=\"composerPopupLoader\"\n [inputs]=\"getEmojiPopupInputs()\"\n />\n </div>\n </ax-popover>\n}\n", styles: ["@layer properties;@layer components{ax-conversation-composer{display:block;width:100%;font-variant-emoji:emoji;@keyframes ax-conversation-composer-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}}ax-conversation-composer .ax-conversation-composer-banner{display:flex;min-height:2.75rem;align-items:stretch;gap:calc(var(--spacing, .25rem) * 0);border-block-style:var(--tw-border-style);border-block-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface));background-color:rgba(var(--ax-sys-color-light-surface))}ax-conversation-composer .ax-conversation-composer-banner__accent{width:3px;flex-shrink:0;border-start-end-radius:var(--radius-sm, .25rem);border-end-end-radius:var(--radius-sm, .25rem);background-color:rgba(var(--ax-sys-color-primary-surface))}ax-conversation-composer .ax-conversation-composer-banner--reply .ax-conversation-composer-banner__accent{background-color:rgba(var(--ax-sys-color-secondary-500))}ax-conversation-composer .ax-conversation-composer-banner__content{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;align-items:center;gap:calc(var(--spacing, .25rem) * 2.5);padding-inline:calc(var(--spacing, .25rem) * 2.5);padding-block:calc(var(--spacing, .25rem) * 2)}ax-conversation-composer .ax-conversation-composer-banner__icon{display:flex;height:calc(var(--spacing, .25rem) * 7);width:calc(var(--spacing, .25rem) * 7);flex-shrink:0;align-items:center;justify-content:center;border-radius:calc(infinity * 1px);font-size:.8125rem;color:rgba(var(--ax-sys-color-primary-600));background:rgba(var(--ax-sys-color-primary-500),.1)}ax-conversation-composer .ax-conversation-composer-banner--reply .ax-conversation-composer-banner__icon{color:rgba(var(--ax-sys-color-secondary-600));background:rgba(var(--ax-sys-color-secondary-500),.1)}ax-conversation-composer .ax-conversation-composer-banner__body{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5)}ax-conversation-composer .ax-conversation-composer-banner__body--clickable{cursor:pointer;border-radius:var(--ax-sys-border-radius);transition:opacity .15s ease}@media(hover:hover){ax-conversation-composer .ax-conversation-composer-banner__body--clickable:hover{opacity:.85}}ax-conversation-composer .ax-conversation-composer-banner__label{font-size:.6875rem;--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-primary-600));text-transform:uppercase}ax-conversation-composer .ax-conversation-composer-banner--reply .ax-conversation-composer-banner__label{color:rgba(var(--ax-sys-color-secondary-600))}ax-conversation-composer .ax-conversation-composer-banner__preview{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 1.5);overflow:hidden;font-size:.8125rem;--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);text-overflow:ellipsis;white-space:nowrap;color:rgba(var(--ax-sys-color-on-surface));opacity:.88}ax-conversation-composer .ax-conversation-composer-banner__preview i{flex-shrink:0;font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));opacity:70%}ax-conversation-composer .ax-conversation-composer-banner__close{margin-inline-end:calc(var(--spacing, .25rem) * 1.5);flex-shrink:0;align-self:center}ax-conversation-composer .ax-conversation-composer-banner__close>button{display:flex;height:calc(var(--spacing, .25rem) * 9);width:calc(var(--spacing, .25rem) * 9);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;padding:calc(var(--spacing, .25rem) * 0);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-primary-lightest-surface),.55);box-shadow:none;background-image:none;transition:background-color .15s ease,color .15s ease}@media(hover:hover){ax-conversation-composer .ax-conversation-composer-banner__close:hover>button{color:rgba(var(--ax-sys-color-on-surface));background:rgba(var(--ax-sys-color-on-surface),.06)}}ax-conversation-composer .ax-conversation-composer-banner__close>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-composer .emoji-icon{flex-shrink:0;font-size:var(--text-xl, 1.25rem);line-height:var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)))}ax-conversation-composer .composer-input-container{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 2);background-color:rgba(var(--ax-sys-color-lightest-surface));padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:calc(var(--spacing, .25rem) * 1)}ax-conversation-composer .composer-actions-left,ax-conversation-composer .composer-actions-right{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 1)}:is(ax-conversation-composer .composer-actions-left,ax-conversation-composer .composer-actions-right) ax-icon i,:is(ax-conversation-composer .composer-actions-left,ax-conversation-composer .composer-actions-right) ax-prefix i{font-size:1.375rem;--tw-leading: 1;line-height:1}ax-conversation-composer .composer-attach-menu-trigger{display:inline-flex}ax-conversation-composer .composer-primary-button-slot{display:flex;height:calc(var(--spacing, .25rem) * 9);width:calc(var(--spacing, .25rem) * 9);flex-shrink:0;align-items:center;justify-content:center}ax-conversation-composer .composer-primary-button-slot .composer-primary-button ax-prefix i{transition:opacity .15s ease}ax-conversation-composer .composer-primary-button-slot .fa-paper-plane-top:dir(rtl){transform:scaleX(-1)}@media(hover:hover){ax-conversation-composer .composer-actions-left ax-button>button:hover:not(:disabled),ax-conversation-composer .composer-actions-right ax-button:not(.composer-primary-button--send)>button:hover:not(:disabled){color:rgba(var(--ax-sys-color-on-surface),.68);background:rgba(var(--ax-sys-color-on-surface),.05)}}ax-conversation-composer .composer-input-wrapper{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;--tw-border-style: none;border-style:none;--tw-outline-style: none;outline-style:none}ax-conversation-composer .composer-input-wrapper textarea{resize:none;font-variant-emoji:emoji}ax-conversation-composer .composer-input-wrapper .ax-editor-container{--tw-border-style: none;border-style:none;background-color:transparent!important;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);--tw-outline-style: none;outline-style:none;background-image:none}ax-conversation-composer .composer-input-wrapper .ax-editor-container ax-text-area{line-height:2}ax-conversation-composer .composer-input-wrapper .ax-editor-container:after{display:none}ax-conversation-composer .composer-input-wrapper .ax-editor-container:hover:not(.ax-state-disabled,.ax-state-readonly,.ax-state-error),ax-conversation-composer .composer-input-wrapper .ax-editor-container:focus-within:not(.ax-state-disabled,.ax-state-readonly,.ax-state-error){--tw-border-style: none;border-style:none;--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);--tw-outline-style: none;outline-style:none;background-image:none}ax-conversation-composer .composer-input{max-height:120px;min-height:calc(var(--spacing, .25rem) * 10);width:100%;resize:none;border-radius:1.25rem;border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface));padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2);font-size:.9375rem;--tw-leading: var(--leading-normal, 1.5);line-height:var(--leading-normal, 1.5);--tw-outline-style: none;outline-style:none;font-variant-emoji:emoji;transition:border-color .2s}ax-conversation-composer .composer-input:focus{border-color:rgba(var(--ax-sys-color-primary-surface))}ax-conversation-composer .ax-conversation-composer-attachments{display:flex;flex-wrap:wrap;align-items:center;gap:calc(var(--spacing, .25rem) * 2);border-block-style:var(--tw-border-style);border-block-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface));background-color:rgba(var(--ax-sys-color-light-surface));padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2)}ax-conversation-composer .ax-conversation-composer-attachment{position:relative;display:flex;max-width:11rem;flex-shrink:0;align-items:center}ax-conversation-composer .ax-conversation-composer-attachment--media .ax-conversation-composer-attachment__thumb{position:relative;display:flex;height:calc(var(--spacing, .25rem) * 11);width:calc(var(--spacing, .25rem) * 11);align-items:center;justify-content:center;overflow:hidden;border-radius:var(--radius-lg, .5rem);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))}ax-conversation-composer .ax-conversation-composer-attachment__thumb img,ax-conversation-composer .ax-conversation-composer-attachment__thumb video{height:100%;width:100%;object-fit:cover}ax-conversation-composer .ax-conversation-composer-attachment--file{height:calc(var(--spacing, .25rem) * 11);max-width:12.5rem;gap:calc(var(--spacing, .25rem) * 2);border-radius:var(--radius-lg, .5rem);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-start:calc(var(--spacing, .25rem) * 2);padding-inline-end:calc(var(--spacing, .25rem) * 7)}ax-conversation-composer .ax-conversation-composer-attachment__icon{display:flex;height:calc(var(--spacing, .25rem) * 7);width:calc(var(--spacing, .25rem) * 7);flex-shrink:0;align-items:center;justify-content:center;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));color:rgba(var(--ax-sys-color-on-surface));opacity:80%}ax-conversation-composer .ax-conversation-composer-attachment__name{min-width:calc(var(--spacing, .25rem) * 0);flex:1;overflow:hidden;font-size:.8125rem;text-overflow:ellipsis;white-space:nowrap;color:rgba(var(--ax-sys-color-on-surface))}ax-conversation-composer .ax-conversation-composer-attachment__progress{pointer-events:none;position:absolute;inset:calc(var(--spacing, .25rem) * 0);border-radius:var(--radius-lg, .5rem);background:rgba(var(--ax-sys-color-on-surface),.18)}ax-conversation-composer .ax-conversation-composer-attachment--error{border-color:rgba(var(--ax-sys-color-danger-500))}ax-conversation-composer .ax-conversation-composer-attachment__remove{position:absolute;inset-inline-end:calc(var(--spacing, .25rem) * -1.5);top:calc(var(--spacing, .25rem) * -1.5);z-index:1;display:flex;height:calc(var(--spacing, .25rem) * 5);width:calc(var(--spacing, .25rem) * 5);cursor:pointer;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));padding:calc(var(--spacing, .25rem) * 0);font-size:.625rem;color:rgba(var(--ax-sys-color-lightest-surface));opacity:0;pointer-events:none;transition:opacity .15s ease}ax-conversation-composer .ax-conversation-composer-attachment:hover .ax-conversation-composer-attachment__remove,ax-conversation-composer .ax-conversation-composer-attachment:focus-within .ax-conversation-composer-attachment__remove,ax-conversation-composer .ax-conversation-composer-attachment__remove:focus-visible{opacity:1;pointer-events:auto}@media(hover:none){ax-conversation-composer .ax-conversation-composer-attachment__remove{opacity:1;pointer-events:auto}}ax-conversation-composer .ax-conversation-composer-attachment-add{display:flex;height:calc(var(--spacing, .25rem) * 11);width:calc(var(--spacing, .25rem) * 11);flex-shrink:0;cursor:pointer;align-items:center;justify-content:center;border-radius:var(--radius-lg, .5rem);border-style:var(--tw-border-style);border-width:1px;--tw-border-style: dashed;border-style:dashed;border-color:rgba(var(--ax-sys-color-border-light-surface));background-color:transparent;padding:calc(var(--spacing, .25rem) * 0);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));transition:background-color .15s ease,color .15s ease}@media(hover:hover){ax-conversation-composer .ax-conversation-composer-attachment-add:hover:not(:disabled){background:rgba(var(--ax-sys-color-on-surface),.06)}}ax-conversation-composer .ax-conversation-composer-attachment-add:disabled{cursor:default;opacity:40%}ax-conversation-composer .composer-component-fullwidth{min-height:72px;width:100%;background-color:rgba(var(--ax-sys-color-lightest-surface))}ax-conversation-composer .composer-emoji-popover{width:100%}ax-conversation-composer .ax-conversation-composer-primary--stopping .fa-spinner{animation:ax-conversation-composer-spin .75s linear infinite}}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-tracking{syntax: \"*\"; inherits: false;}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-outline-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;}@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-font-weight: initial;--tw-tracking: initial;--tw-leading: initial;--tw-outline-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}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: AXConversationRegistryComponentOutletComponent, selector: "ax-conversation-registry-component-outlet", inputs: ["component", "componentLoader", "inputs", "skeleton"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: AXTextAreaComponent, selector: "ax-text-area", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "placeholder", "maxLength", "look", "rows", "allowResize", "showCounter", "class"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: AXCommonModule }, { kind: "directive", type: i2.AXAutoFocusDirective, selector: "[axAutoFocus]", inputs: ["axAutoFocus", "axAutoFocusTime"] }, { kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "component", type: AXPopoverComponent, selector: "ax-popover", inputs: ["width", "disablePanelClass", "visualContextScope", "disabled", "offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "closeOnScroll", "closeOnNavigation", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items", "closeParentOnClick", "lockOnLoading"], outputs: ["onItemClick"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.AXTranslatorPipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
8808
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: AXConversationComposerComponent, isStandalone: true, selector: "ax-conversation-composer", outputs: { messageSent: "messageSent", generationCancelled: "generationCancelled", emojiClick: "emojiClick", attachClick: "attachClick", voiceClick: "voiceClick" }, host: { listeners: { "paste": "onComposerPaste($event)" } }, viewQueries: [{ propertyName: "textAreaRef", first: true, predicate: ["inputElement"], descendants: true, read: AXTextAreaComponent, isSignal: true }, { propertyName: "emojiPopoverRef", first: true, predicate: ["emojiPopover"], descendants: true, isSignal: true }, { propertyName: "attachPopoverRef", first: true, predicate: ["attachPopover"], descendants: true, isSignal: true }, { propertyName: "attachMenuButtonRef", first: true, predicate: ["attachMenuButton"], descendants: true, isSignal: true }], ngImport: i0, template: "@if (activeConversation()) {\n <div class=\"composer\">\n <!-- Edit/Reply Banner -->\n @if (editingMessage() || replyingToMessage()) {\n <div\n class=\"ax-conversation-composer-banner\"\n [class.ax-conversation-composer-banner--edit]=\"!!editingMessage()\"\n [class.ax-conversation-composer-banner--reply]=\"!!replyingToMessage()\"\n >\n <div class=\"ax-conversation-composer-banner__accent\" aria-hidden=\"true\"></div>\n @if (editingMessage()) {\n <div class=\"ax-conversation-composer-banner__content\">\n <span class=\"ax-conversation-composer-banner__icon\" aria-hidden=\"true\"\n ><i class=\"fa-light fa-pen-to-square\"></i\n ></span>\n <div class=\"ax-conversation-composer-banner__body\">\n <span class=\"ax-conversation-composer-banner__label\">{{\n '@acorex:chat.composer.editing-message' | translate | async\n }}</span>\n @if (getEditingPreview(); as preview) {\n <span class=\"ax-conversation-composer-banner__preview\">\n @if (preview.type !== 'text') {\n <i [class]=\"preview.icon\"></i>\n }\n {{ getComposerPreviewLabel(preview) }}\n </span>\n }\n </div>\n </div>\n } @else if (replyingToMessage()) {\n <div class=\"ax-conversation-composer-banner__content\">\n <span class=\"ax-conversation-composer-banner__icon\" aria-hidden=\"true\"\n ><i class=\"fa-light fa-reply\"></i\n ></span>\n <div\n class=\"ax-conversation-composer-banner__body ax-conversation-composer-banner__body--clickable\"\n (click)=\"onReplyPreviewClick()\"\n >\n <span class=\"ax-conversation-composer-banner__label\">\n {{ '@acorex:chat.composer.replying-to' | translate | async }} {{ getReplyingSenderName() }}\n </span>\n @if (getReplyingPreview(); as preview) {\n <span class=\"ax-conversation-composer-banner__preview\">\n @if (preview.type !== 'text') {\n <i [class]=\"preview.icon\"></i>\n }\n {{ getComposerPreviewLabel(preview) }}\n </span>\n }\n </div>\n </div>\n }\n <ax-button\n class=\"ax-conversation-composer-banner__close rounded-full\"\n look=\"blank\"\n [iconOnly]=\"true\"\n [text]=\"translation.translateSync('@acorex:chat.actions.cancel')\"\n (onClick)=\"cancelEditReply()\"\n >\n <ax-icon><i class=\"fa-solid fa-xmark\"></i></ax-icon>\n </ax-button>\n </div>\n }\n\n @if (usesAttachmentBanner() && draftAttachments().length > 0) {\n <div class=\"ax-conversation-composer-attachments\">\n <div class=\"ax-conversation-composer-attachments__scroll\" role=\"list\" axHorizontalScroll>\n @for (attachment of draftAttachments(); track attachment.id) {\n <div\n class=\"ax-conversation-composer-attachment\"\n role=\"listitem\"\n [class.ax-conversation-composer-attachment--media]=\"attachment.kind === 'image' || attachment.kind === 'video'\"\n [class.ax-conversation-composer-attachment--file]=\"attachment.kind === 'audio' || attachment.kind === 'file'\"\n [class.ax-conversation-composer-attachment--uploading]=\"attachment.uploading\"\n [class.ax-conversation-composer-attachment--error]=\"!!attachment.error\"\n [title]=\"attachment.file.name\"\n >\n @if (attachment.kind === 'image' || attachment.kind === 'video') {\n <span class=\"ax-conversation-composer-attachment__thumb\" aria-hidden=\"true\">\n @if (attachment.kind === 'video' && attachment.preview) {\n <video [src]=\"attachment.preview\" muted playsinline preload=\"metadata\"></video>\n } @else if (attachment.preview) {\n <img [src]=\"attachment.preview\" alt=\"\" />\n } @else {\n <i [class]=\"attachment.icon\"></i>\n }\n </span>\n } @else {\n <span class=\"ax-conversation-composer-attachment__icon\" aria-hidden=\"true\">\n <i [class]=\"attachment.icon\"></i>\n </span>\n <span class=\"ax-conversation-composer-attachment__name\">{{\n draftAttachmentLabel(attachment.file.name)\n }}</span>\n }\n @if (attachment.uploading) {\n <span class=\"ax-conversation-composer-attachment__progress\" aria-hidden=\"true\"></span>\n }\n <button\n type=\"button\"\n class=\"ax-conversation-composer-attachment__remove\"\n [attr.aria-label]=\"translation.translateSync('@acorex:chat.actions.remove-attachment')\"\n (click)=\"removeDraftAttachment(attachment.id); $event.stopPropagation()\"\n >\n <i class=\"fa-solid fa-xmark\"></i>\n </button>\n </div>\n }\n <button\n type=\"button\"\n class=\"ax-conversation-composer-attachment-add\"\n [disabled]=\"!canAddDraftAttachments()\"\n [attr.aria-label]=\"translation.translateSync('@acorex:chat.pickers.common.add-more')\"\n (click)=\"addDraftAttachments()\"\n >\n <i class=\"fa-light fa-plus\"></i>\n </button>\n </div>\n <ax-button\n class=\"ax-conversation-composer-attachments__close rounded-full\"\n look=\"blank\"\n [iconOnly]=\"true\"\n [text]=\"translation.translateSync('@acorex:chat.actions.cancel')\"\n (onClick)=\"dismissDraftAttachments()\"\n >\n <ax-icon><i class=\"fa-solid fa-xmark\"></i></ax-icon>\n </ax-button>\n </div>\n }\n\n <!-- Input Area -->\n <div class=\"composer-input-container\">\n <!-- Start actions -->\n <div class=\"composer-actions-left\">\n @if (startMenuActions().length > 0) {\n <span\n #attachMenuButton\n class=\"composer-attach-menu-trigger\"\n (mouseenter)=\"onAttachMenuMouseEnter()\"\n (mouseleave)=\"onAttachMenuMouseLeave()\"\n >\n <ax-button\n class=\"rounded-full text-xl\"\n look=\"blank\"\n [iconOnly]=\"true\"\n [text]=\"('@acorex:chat.tooltips.attach-file' | translate | async) ?? ''\"\n (onClick)=\"onAttachMenuClick($event)\"\n >\n <ax-prefix>\n <i class=\"fa-light fa-paperclip\"></i>\n </ax-prefix>\n </ax-button>\n </span>\n }\n\n @for (action of startInlineActions(); track action.id) {\n <ax-button\n look=\"blank\"\n [iconOnly]=\"true\"\n [text]=\"getActionLabel(action)\"\n [disabled]=\"!isActionEnabled(action)\"\n [class]=\"getActionButtonClass(action)\"\n (onClick)=\"onActionClick(action.id, $event)\"\n >\n <ax-icon>\n <i [class]=\"action.icon\"></i>\n </ax-icon>\n </ax-button>\n }\n </div>\n\n <!-- Text Input -->\n <div class=\"composer-input-wrapper\">\n <ax-text-area\n #inputElement\n [ngModel]=\"draftText()\"\n (ngModelChange)=\"onDraftModelChange($event)\"\n (onKeyDown)=\"onKeyDown($event)\"\n (onValueChanged)=\"onDraftValueChanged($event)\"\n [placeholder]=\"placeholder()\"\n [rows]=\"inputRows()\"\n [axAutoFocus]=\"true\"\n ></ax-text-area>\n </div>\n\n <!-- End actions -->\n <div class=\"composer-actions-right\">\n @for (action of endInlineActions(); track action.id) {\n <ax-button\n look=\"blank\"\n [iconOnly]=\"true\"\n [text]=\"getActionLabel(action)\"\n [disabled]=\"!isActionEnabled(action)\"\n [class]=\"getActionButtonClass(action)\"\n (onClick)=\"onActionClick(action.id, $event)\"\n >\n <ax-icon>\n <i [class]=\"action.icon\"></i>\n </ax-icon>\n </ax-button>\n }\n\n <div class=\"composer-primary-button-slot\">\n @switch (primaryButtonMode()) {\n @case ('cancel') {\n <ax-button\n class=\"rounded-full\"\n [iconOnly]=\"true\"\n look=\"blank\"\n [text]=\"getPrimaryButtonLabel()\"\n (onClick)=\"onPrimaryButtonClick()\"\n >\n <ax-icon [class]=\"getPrimaryButtonIcon()\"> </ax-icon>\n </ax-button>\n }\n @case ('stopping') {\n <ax-button\n class=\"rounded-full\"\n [iconOnly]=\"true\"\n look=\"blank\"\n [text]=\"getPrimaryButtonLabel()\"\n [disabled]=\"true\"\n >\n <ax-prefix>\n <i [class]=\"getPrimaryButtonIcon()\"></i>\n </ax-prefix>\n </ax-button>\n }\n @case ('send') {\n <ax-button\n class=\"rounded-full composer-primary-button--send\"\n [iconOnly]=\"true\"\n look=\"blank\"\n color=\"primary\"\n [text]=\"getPrimaryButtonLabel()\"\n [disabled]=\"isPrimaryButtonDisabled()\"\n (onClick)=\"onPrimaryButtonClick()\"\n >\n <ax-prefix>\n <i [class]=\"getPrimaryButtonIcon()\"></i>\n </ax-prefix>\n </ax-button>\n }\n @default {\n <ax-button\n class=\"rounded-full\"\n [iconOnly]=\"true\"\n look=\"blank\"\n [text]=\"getPrimaryButtonLabel()\"\n [disabled]=\"isPrimaryButtonDisabled()\"\n (onClick)=\"onPrimaryButtonClick()\"\n >\n <ax-prefix>\n <i [class]=\"getPrimaryButtonIcon()\"></i>\n </ax-prefix>\n </ax-button>\n }\n }\n </div>\n </div>\n </div>\n </div>\n}\n\n<!-- Popover for attachment menu -->\n@if (attachMenuTarget()) {\n <ax-popover\n #attachPopover\n [target]=\"attachMenuTarget()\"\n [openOn]=\"'manual'\"\n [closeOn]=\"'clickOut'\"\n [placement]=\"'top-start'\"\n >\n <div\n class=\"composer-attach-menu-panel\"\n (mouseenter)=\"onAttachMenuPanelMouseEnter()\"\n (mouseleave)=\"onAttachMenuPanelMouseLeave()\"\n >\n <ax-button-item-list>\n @for (action of startMenuActions(); track action.id) {\n <ax-button-item\n [text]=\"getActionLabel(action)\"\n (click)=\"onAttachMenuAction(action.id)\"\n [disabled]=\"!isActionEnabled(action)\"\n >\n <ax-prefix>\n <i [class]=\"action.icon\"></i>\n </ax-prefix>\n </ax-button-item>\n }\n </ax-button-item-list>\n </div>\n </ax-popover>\n}\n\n<!-- Popover for emoji/sticker picker -->\n@if (emojiPopoverTarget()) {\n <ax-popover\n #emojiPopover\n [target]=\"emojiPopoverTarget()\"\n [openOn]=\"'manual'\"\n [closeOn]=\"'clickOut'\"\n [placement]=\"'top-start'\"\n panelClass=\"composer-emoji-popover-panel\"\n (onClosed)=\"onEmojiPopoverClosed()\"\n >\n <div class=\"composer-emoji-popover\">\n <ax-conversation-registry-component-outlet\n [componentLoader]=\"composerPopupLoader\"\n [inputs]=\"getEmojiPopupInputs()\"\n />\n </div>\n </ax-popover>\n}\n", styles: ["@layer properties;@layer components{ax-conversation-composer{display:block;width:100%;max-width:100%;min-width:calc(var(--spacing, .25rem) * 0);overflow:hidden;font-variant-emoji:emoji;@keyframes ax-conversation-composer-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}}ax-conversation-composer .composer{width:100%;max-width:100%;min-width:calc(var(--spacing, .25rem) * 0)}ax-conversation-composer .ax-conversation-composer-banner{display:flex;min-height:2.75rem;align-items:stretch;gap:calc(var(--spacing, .25rem) * 0);border-block-style:var(--tw-border-style);border-block-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface));background-color:rgba(var(--ax-sys-color-light-surface))}ax-conversation-composer .ax-conversation-composer-banner__accent{width:3px;flex-shrink:0;border-start-end-radius:var(--radius-sm, .25rem);border-end-end-radius:var(--radius-sm, .25rem);background-color:rgba(var(--ax-sys-color-primary-surface))}ax-conversation-composer .ax-conversation-composer-banner--reply .ax-conversation-composer-banner__accent{background-color:rgba(var(--ax-sys-color-secondary-500))}ax-conversation-composer .ax-conversation-composer-banner__content{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;align-items:center;gap:calc(var(--spacing, .25rem) * 2.5);padding-inline:calc(var(--spacing, .25rem) * 2.5);padding-block:calc(var(--spacing, .25rem) * 2)}ax-conversation-composer .ax-conversation-composer-banner__icon{display:flex;height:calc(var(--spacing, .25rem) * 7);width:calc(var(--spacing, .25rem) * 7);flex-shrink:0;align-items:center;justify-content:center;border-radius:calc(infinity * 1px);font-size:.8125rem;color:rgba(var(--ax-sys-color-primary-600));background:rgba(var(--ax-sys-color-primary-500),.1)}ax-conversation-composer .ax-conversation-composer-banner--reply .ax-conversation-composer-banner__icon{color:rgba(var(--ax-sys-color-secondary-600));background:rgba(var(--ax-sys-color-secondary-500),.1)}ax-conversation-composer .ax-conversation-composer-banner__body{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5)}ax-conversation-composer .ax-conversation-composer-banner__body--clickable{cursor:pointer;border-radius:var(--ax-sys-border-radius);transition:opacity .15s ease}@media(hover:hover){ax-conversation-composer .ax-conversation-composer-banner__body--clickable:hover{opacity:.85}}ax-conversation-composer .ax-conversation-composer-banner__label{font-size:.6875rem;--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-primary-600));text-transform:uppercase}ax-conversation-composer .ax-conversation-composer-banner--reply .ax-conversation-composer-banner__label{color:rgba(var(--ax-sys-color-secondary-600))}ax-conversation-composer .ax-conversation-composer-banner__preview{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 1.5);overflow:hidden;font-size:.8125rem;--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);text-overflow:ellipsis;white-space:nowrap;color:rgba(var(--ax-sys-color-on-surface));opacity:.88}ax-conversation-composer .ax-conversation-composer-banner__preview i{flex-shrink:0;font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));opacity:70%}ax-conversation-composer .ax-conversation-composer-banner__close{margin-inline-end:calc(var(--spacing, .25rem) * 1.5);flex-shrink:0;align-self:center}ax-conversation-composer .ax-conversation-composer-banner__close>button{display:flex;height:calc(var(--spacing, .25rem) * 9);width:calc(var(--spacing, .25rem) * 9);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;padding:calc(var(--spacing, .25rem) * 0);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-primary-lightest-surface),.55);box-shadow:none;background-image:none;transition:background-color .15s ease,color .15s ease}@media(hover:hover){ax-conversation-composer .ax-conversation-composer-banner__close:hover>button{color:rgba(var(--ax-sys-color-on-surface));background:rgba(var(--ax-sys-color-on-surface),.06)}}ax-conversation-composer .ax-conversation-composer-banner__close>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-composer .emoji-icon{flex-shrink:0;font-size:var(--text-xl, 1.25rem);line-height:var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)))}ax-conversation-composer .composer-input-container{display:flex;width:100%;min-width:calc(var(--spacing, .25rem) * 0);align-items:center;gap:calc(var(--spacing, .25rem) * 2);background-color:rgba(var(--ax-sys-color-lightest-surface));padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:calc(var(--spacing, .25rem) * 1)}ax-conversation-composer .composer-actions-left,ax-conversation-composer .composer-actions-right{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 1)}:is(ax-conversation-composer .composer-actions-left,ax-conversation-composer .composer-actions-right) ax-icon i,:is(ax-conversation-composer .composer-actions-left,ax-conversation-composer .composer-actions-right) ax-prefix i{font-size:1.375rem;--tw-leading: 1;line-height:1}ax-conversation-composer .composer-attach-menu-trigger{display:inline-flex}ax-conversation-composer .composer-primary-button-slot{display:flex;height:calc(var(--spacing, .25rem) * 9);width:calc(var(--spacing, .25rem) * 9);flex-shrink:0;align-items:center;justify-content:center}ax-conversation-composer .composer-primary-button-slot .composer-primary-button ax-prefix i{transition:opacity .15s ease}ax-conversation-composer .composer-primary-button-slot .fa-paper-plane-top:dir(rtl){transform:scaleX(-1)}@media(hover:hover){ax-conversation-composer .composer-actions-left ax-button>button:hover:not(:disabled),ax-conversation-composer .composer-actions-right ax-button:not(.composer-primary-button--send)>button:hover:not(:disabled){color:rgba(var(--ax-sys-color-on-surface),.68);background:rgba(var(--ax-sys-color-on-surface),.05)}}ax-conversation-composer .composer-input-wrapper{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;--tw-border-style: none;border-style:none;--tw-outline-style: none;outline-style:none}ax-conversation-composer .composer-input-wrapper textarea{resize:none;font-variant-emoji:emoji}ax-conversation-composer .composer-input-wrapper .ax-editor-container{--tw-border-style: none;border-style:none;background-color:transparent!important;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);--tw-outline-style: none;outline-style:none;background-image:none}ax-conversation-composer .composer-input-wrapper .ax-editor-container ax-text-area{line-height:2}ax-conversation-composer .composer-input-wrapper .ax-editor-container:after{display:none}ax-conversation-composer .composer-input-wrapper .ax-editor-container:hover:not(.ax-state-disabled,.ax-state-readonly,.ax-state-error),ax-conversation-composer .composer-input-wrapper .ax-editor-container:focus-within:not(.ax-state-disabled,.ax-state-readonly,.ax-state-error){--tw-border-style: none;border-style:none;--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);--tw-outline-style: none;outline-style:none;background-image:none}ax-conversation-composer .composer-input{max-height:120px;min-height:calc(var(--spacing, .25rem) * 10);width:100%;resize:none;border-radius:1.25rem;border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface));padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2);font-size:.9375rem;--tw-leading: var(--leading-normal, 1.5);line-height:var(--leading-normal, 1.5);--tw-outline-style: none;outline-style:none;font-variant-emoji:emoji;transition:border-color .2s}ax-conversation-composer .composer-input:focus{border-color:rgba(var(--ax-sys-color-primary-surface))}ax-conversation-composer .ax-conversation-composer-attachments{display:flex;width:100%;max-width:100%;min-width:calc(var(--spacing, .25rem) * 0);align-items:center;gap:calc(var(--spacing, .25rem) * 1);overflow:hidden;border-block-style:var(--tw-border-style);border-block-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface));padding-block:calc(var(--spacing, .25rem) * 1);padding-inline-start:calc(var(--spacing, .25rem) * 3);padding-inline-end:calc(var(--spacing, .25rem) * 1)}ax-conversation-composer .ax-conversation-composer-attachments__scroll{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;flex-wrap:nowrap;align-items:center;gap:calc(var(--spacing, .25rem) * 2);overflow-x:auto;overflow-y:hidden;padding-block:calc(var(--spacing, .25rem) * 1.5);padding-inline-end:calc(var(--spacing, .25rem) * 1);width:0;scrollbar-width:thin;overscroll-behavior-x:contain}ax-conversation-composer .ax-conversation-composer-attachments__scroll::-webkit-scrollbar{height:6px}ax-conversation-composer .ax-conversation-composer-attachments__scroll::-webkit-scrollbar-thumb{border-radius:calc(infinity * 1px);background-color:rgba(var(--ax-sys-color-border-light-surface))}ax-conversation-composer .ax-conversation-composer-attachment{position:relative;display:flex;max-width:11rem;flex-shrink:0;align-items:center}ax-conversation-composer .ax-conversation-composer-attachment--media .ax-conversation-composer-attachment__thumb{position:relative;display:flex;height:calc(var(--spacing, .25rem) * 11);width:calc(var(--spacing, .25rem) * 11);align-items:center;justify-content:center;overflow:hidden;border-radius:var(--radius-lg, .5rem);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))}ax-conversation-composer .ax-conversation-composer-attachment__thumb img,ax-conversation-composer .ax-conversation-composer-attachment__thumb video{height:100%;width:100%;object-fit:cover}ax-conversation-composer .ax-conversation-composer-attachment--file{height:calc(var(--spacing, .25rem) * 11);width:11rem;max-width:11rem;gap:calc(var(--spacing, .25rem) * 2);border-radius:var(--radius-lg, .5rem);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-start:calc(var(--spacing, .25rem) * 2);padding-inline-end:calc(var(--spacing, .25rem) * 7)}ax-conversation-composer .ax-conversation-composer-attachment__icon{display:flex;height:calc(var(--spacing, .25rem) * 7);width:calc(var(--spacing, .25rem) * 7);flex-shrink:0;align-items:center;justify-content:center;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));color:rgba(var(--ax-sys-color-on-surface));opacity:80%}ax-conversation-composer .ax-conversation-composer-attachment__name{min-width:calc(var(--spacing, .25rem) * 0);flex:1;overflow:hidden;font-size:.8125rem;text-overflow:ellipsis;white-space:nowrap;color:rgba(var(--ax-sys-color-on-surface))}ax-conversation-composer .ax-conversation-composer-attachment__progress{pointer-events:none;position:absolute;inset:calc(var(--spacing, .25rem) * 0);border-radius:var(--radius-lg, .5rem);background:rgba(var(--ax-sys-color-on-surface),.18)}ax-conversation-composer .ax-conversation-composer-attachment--error{border-color:rgba(var(--ax-sys-color-danger-500))}ax-conversation-composer .ax-conversation-composer-attachment__remove{position:absolute;inset-inline-end:calc(var(--spacing, .25rem) * -1.5);top:calc(var(--spacing, .25rem) * -1.5);z-index:1;display:flex;height:calc(var(--spacing, .25rem) * 5);width:calc(var(--spacing, .25rem) * 5);cursor:pointer;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));padding:calc(var(--spacing, .25rem) * 0);font-size:.625rem;color:rgba(var(--ax-sys-color-lightest-surface));opacity:0;pointer-events:none;transition:opacity .15s ease}ax-conversation-composer .ax-conversation-composer-attachment:hover .ax-conversation-composer-attachment__remove,ax-conversation-composer .ax-conversation-composer-attachment:focus-within .ax-conversation-composer-attachment__remove,ax-conversation-composer .ax-conversation-composer-attachment__remove:focus-visible{opacity:1;pointer-events:auto}@media(hover:none){ax-conversation-composer .ax-conversation-composer-attachment__remove{opacity:1;pointer-events:auto}}ax-conversation-composer .ax-conversation-composer-attachment-add{display:flex;height:calc(var(--spacing, .25rem) * 11);width:calc(var(--spacing, .25rem) * 11);flex-shrink:0;cursor:pointer;align-items:center;justify-content:center;border-radius:var(--radius-lg, .5rem);border-style:var(--tw-border-style);border-width:1px;--tw-border-style: dashed;border-style:dashed;border-color:rgba(var(--ax-sys-color-border-light-surface));background-color:transparent;padding:calc(var(--spacing, .25rem) * 0);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));transition:background-color .15s ease,color .15s ease}@media(hover:hover){ax-conversation-composer .ax-conversation-composer-attachment-add:hover:not(:disabled){background:rgba(var(--ax-sys-color-on-surface),.06)}}ax-conversation-composer .ax-conversation-composer-attachment-add:disabled{cursor:default;opacity:40%}ax-conversation-composer .ax-conversation-composer-attachments__close{flex-shrink:0;align-self:center}ax-conversation-composer .ax-conversation-composer-attachments__close>button{display:flex;height:calc(var(--spacing, .25rem) * 9);width:calc(var(--spacing, .25rem) * 9);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;padding:calc(var(--spacing, .25rem) * 0);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-primary-lightest-surface),.55);box-shadow:none;background-image:none;transition:background-color .15s ease,color .15s ease}@media(hover:hover){ax-conversation-composer .ax-conversation-composer-attachments__close:hover>button{color:rgba(var(--ax-sys-color-on-surface));background:rgba(var(--ax-sys-color-on-surface),.06)}}ax-conversation-composer .ax-conversation-composer-attachments__close>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-composer .composer-component-fullwidth{min-height:72px;width:100%;background-color:rgba(var(--ax-sys-color-lightest-surface))}ax-conversation-composer .composer-emoji-popover{width:100%}ax-conversation-composer .ax-conversation-composer-primary--stopping .fa-spinner{animation:ax-conversation-composer-spin .75s linear infinite}}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-tracking{syntax: \"*\"; inherits: false;}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-outline-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;}@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-font-weight: initial;--tw-tracking: initial;--tw-leading: initial;--tw-outline-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}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: AXConversationRegistryComponentOutletComponent, selector: "ax-conversation-registry-component-outlet", inputs: ["component", "componentLoader", "inputs", "skeleton"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: AXTextAreaComponent, selector: "ax-text-area", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "placeholder", "maxLength", "look", "rows", "allowResize", "showCounter", "class"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: AXCommonModule }, { kind: "directive", type: i2.AXAutoFocusDirective, selector: "[axAutoFocus]", inputs: ["axAutoFocus", "axAutoFocusTime"] }, { kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "component", type: AXPopoverComponent, selector: "ax-popover", inputs: ["width", "disablePanelClass", "visualContextScope", "disabled", "offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "closeOnScroll", "closeOnNavigation", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items", "closeParentOnClick", "lockOnLoading"], outputs: ["onItemClick"] }, { kind: "directive", type: AXHorizontalScrollDirective, selector: "[axHorizontalScroll]", inputs: ["disabled", "orientation", "speed"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.AXTranslatorPipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
8803
8809
  }
8804
8810
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXConversationComposerComponent, decorators: [{
8805
8811
  type: Component,
@@ -8818,7 +8824,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImpor
8818
8824
  AXButtonItemComponent,
8819
8825
  AXButtonItemListComponent,
8820
8826
  AXDecoratorModule,
8821
- ], template: "@if (activeConversation()) {\n <div class=\"composer\">\n <!-- Edit/Reply Banner -->\n @if (editingMessage() || replyingToMessage()) {\n <div\n class=\"ax-conversation-composer-banner\"\n [class.ax-conversation-composer-banner--edit]=\"!!editingMessage()\"\n [class.ax-conversation-composer-banner--reply]=\"!!replyingToMessage()\"\n >\n <div class=\"ax-conversation-composer-banner__accent\" aria-hidden=\"true\"></div>\n @if (editingMessage()) {\n <div class=\"ax-conversation-composer-banner__content\">\n <span class=\"ax-conversation-composer-banner__icon\" aria-hidden=\"true\"\n ><i class=\"fa-light fa-pen-to-square\"></i\n ></span>\n <div class=\"ax-conversation-composer-banner__body\">\n <span class=\"ax-conversation-composer-banner__label\">{{\n '@acorex:chat.composer.editing-message' | translate | async\n }}</span>\n @if (getEditingPreview(); as preview) {\n <span class=\"ax-conversation-composer-banner__preview\">\n @if (preview.type !== 'text') {\n <i [class]=\"preview.icon\"></i>\n }\n {{ getComposerPreviewLabel(preview) }}\n </span>\n }\n </div>\n </div>\n } @else if (replyingToMessage()) {\n <div class=\"ax-conversation-composer-banner__content\">\n <span class=\"ax-conversation-composer-banner__icon\" aria-hidden=\"true\"\n ><i class=\"fa-light fa-reply\"></i\n ></span>\n <div\n class=\"ax-conversation-composer-banner__body ax-conversation-composer-banner__body--clickable\"\n (click)=\"onReplyPreviewClick()\"\n >\n <span class=\"ax-conversation-composer-banner__label\">\n {{ '@acorex:chat.composer.replying-to' | translate | async }} {{ getReplyingSenderName() }}\n </span>\n @if (getReplyingPreview(); as preview) {\n <span class=\"ax-conversation-composer-banner__preview\">\n @if (preview.type !== 'text') {\n <i [class]=\"preview.icon\"></i>\n }\n {{ getComposerPreviewLabel(preview) }}\n </span>\n }\n </div>\n </div>\n }\n <ax-button\n class=\"ax-conversation-composer-banner__close rounded-full\"\n look=\"blank\"\n [iconOnly]=\"true\"\n [text]=\"translation.translateSync('@acorex:chat.actions.cancel')\"\n (onClick)=\"cancelEditReply()\"\n >\n <ax-icon><i class=\"fa-solid fa-xmark\"></i></ax-icon>\n </ax-button>\n </div>\n }\n\n @if (usesAttachmentBanner() && draftAttachments().length > 0) {\n <div class=\"ax-conversation-composer-attachments\" role=\"list\">\n @for (attachment of draftAttachments(); track attachment.id) {\n <div\n class=\"ax-conversation-composer-attachment\"\n role=\"listitem\"\n [class.ax-conversation-composer-attachment--media]=\"attachment.kind === 'image' || attachment.kind === 'video'\"\n [class.ax-conversation-composer-attachment--file]=\"attachment.kind === 'audio' || attachment.kind === 'file'\"\n [class.ax-conversation-composer-attachment--uploading]=\"attachment.uploading\"\n [class.ax-conversation-composer-attachment--error]=\"!!attachment.error\"\n [title]=\"attachment.file.name\"\n >\n @if (attachment.kind === 'image' || attachment.kind === 'video') {\n <span class=\"ax-conversation-composer-attachment__thumb\" aria-hidden=\"true\">\n @if (attachment.kind === 'video' && attachment.preview) {\n <video [src]=\"attachment.preview\" muted playsinline preload=\"metadata\"></video>\n } @else if (attachment.preview) {\n <img [src]=\"attachment.preview\" alt=\"\" />\n } @else {\n <i [class]=\"attachment.icon\"></i>\n }\n </span>\n } @else {\n <span class=\"ax-conversation-composer-attachment__icon\" aria-hidden=\"true\">\n <i [class]=\"attachment.icon\"></i>\n </span>\n <span class=\"ax-conversation-composer-attachment__name\">{{\n draftAttachmentLabel(attachment.file.name)\n }}</span>\n }\n @if (attachment.uploading) {\n <span class=\"ax-conversation-composer-attachment__progress\" aria-hidden=\"true\"></span>\n }\n <button\n type=\"button\"\n class=\"ax-conversation-composer-attachment__remove\"\n [attr.aria-label]=\"translation.translateSync('@acorex:chat.actions.remove-attachment')\"\n (click)=\"removeDraftAttachment(attachment.id); $event.stopPropagation()\"\n >\n <i class=\"fa-solid fa-xmark\"></i>\n </button>\n </div>\n }\n <button\n type=\"button\"\n class=\"ax-conversation-composer-attachment-add\"\n [disabled]=\"!canAddDraftAttachments()\"\n [attr.aria-label]=\"translation.translateSync('@acorex:chat.pickers.common.add-more')\"\n (click)=\"addDraftAttachments()\"\n >\n <i class=\"fa-light fa-plus\"></i>\n </button>\n </div>\n }\n\n <!-- Input Area -->\n <div class=\"composer-input-container\">\n <!-- Start actions -->\n <div class=\"composer-actions-left\">\n @if (startMenuActions().length > 0) {\n <span\n #attachMenuButton\n class=\"composer-attach-menu-trigger\"\n (mouseenter)=\"onAttachMenuMouseEnter()\"\n (mouseleave)=\"onAttachMenuMouseLeave()\"\n >\n <ax-button\n class=\"rounded-full text-xl\"\n look=\"blank\"\n [iconOnly]=\"true\"\n [text]=\"('@acorex:chat.tooltips.attach-file' | translate | async) ?? ''\"\n (onClick)=\"onAttachMenuClick($event)\"\n >\n <ax-prefix>\n <i class=\"fa-light fa-paperclip\"></i>\n </ax-prefix>\n </ax-button>\n </span>\n }\n\n @for (action of startInlineActions(); track action.id) {\n <ax-button\n look=\"blank\"\n [iconOnly]=\"true\"\n [text]=\"getActionLabel(action)\"\n [disabled]=\"!isActionEnabled(action)\"\n [class]=\"getActionButtonClass(action)\"\n (onClick)=\"onActionClick(action.id, $event)\"\n >\n <ax-icon>\n <i [class]=\"action.icon\"></i>\n </ax-icon>\n </ax-button>\n }\n </div>\n\n <!-- Text Input -->\n <div class=\"composer-input-wrapper\">\n <ax-text-area\n #inputElement\n [ngModel]=\"draftText()\"\n (ngModelChange)=\"onDraftModelChange($event)\"\n (onKeyDown)=\"onKeyDown($event)\"\n (onValueChanged)=\"onDraftValueChanged($event)\"\n [placeholder]=\"placeholder()\"\n [rows]=\"inputRows()\"\n [axAutoFocus]=\"true\"\n ></ax-text-area>\n </div>\n\n <!-- End actions -->\n <div class=\"composer-actions-right\">\n @for (action of endInlineActions(); track action.id) {\n <ax-button\n look=\"blank\"\n [iconOnly]=\"true\"\n [text]=\"getActionLabel(action)\"\n [disabled]=\"!isActionEnabled(action)\"\n [class]=\"getActionButtonClass(action)\"\n (onClick)=\"onActionClick(action.id, $event)\"\n >\n <ax-icon>\n <i [class]=\"action.icon\"></i>\n </ax-icon>\n </ax-button>\n }\n\n <div class=\"composer-primary-button-slot\">\n @switch (primaryButtonMode()) {\n @case ('cancel') {\n <ax-button\n class=\"rounded-full\"\n [iconOnly]=\"true\"\n look=\"blank\"\n [text]=\"getPrimaryButtonLabel()\"\n (onClick)=\"onPrimaryButtonClick()\"\n >\n <ax-icon [class]=\"getPrimaryButtonIcon()\"> </ax-icon>\n </ax-button>\n }\n @case ('stopping') {\n <ax-button\n class=\"rounded-full\"\n [iconOnly]=\"true\"\n look=\"blank\"\n [text]=\"getPrimaryButtonLabel()\"\n [disabled]=\"true\"\n >\n <ax-prefix>\n <i [class]=\"getPrimaryButtonIcon()\"></i>\n </ax-prefix>\n </ax-button>\n }\n @case ('send') {\n <ax-button\n class=\"rounded-full composer-primary-button--send\"\n [iconOnly]=\"true\"\n look=\"blank\"\n color=\"primary\"\n [text]=\"getPrimaryButtonLabel()\"\n [disabled]=\"isPrimaryButtonDisabled()\"\n (onClick)=\"onPrimaryButtonClick()\"\n >\n <ax-prefix>\n <i [class]=\"getPrimaryButtonIcon()\"></i>\n </ax-prefix>\n </ax-button>\n }\n @default {\n <ax-button\n class=\"rounded-full\"\n [iconOnly]=\"true\"\n look=\"blank\"\n [text]=\"getPrimaryButtonLabel()\"\n [disabled]=\"isPrimaryButtonDisabled()\"\n (onClick)=\"onPrimaryButtonClick()\"\n >\n <ax-prefix>\n <i [class]=\"getPrimaryButtonIcon()\"></i>\n </ax-prefix>\n </ax-button>\n }\n }\n </div>\n </div>\n </div>\n </div>\n}\n\n<!-- Popover for attachment menu -->\n@if (attachMenuTarget()) {\n <ax-popover\n #attachPopover\n [target]=\"attachMenuTarget()\"\n [openOn]=\"'manual'\"\n [closeOn]=\"'clickOut'\"\n [placement]=\"'top-start'\"\n >\n <div\n class=\"composer-attach-menu-panel\"\n (mouseenter)=\"onAttachMenuPanelMouseEnter()\"\n (mouseleave)=\"onAttachMenuPanelMouseLeave()\"\n >\n <ax-button-item-list>\n @for (action of startMenuActions(); track action.id) {\n <ax-button-item\n [text]=\"getActionLabel(action)\"\n (click)=\"onAttachMenuAction(action.id)\"\n [disabled]=\"!isActionEnabled(action)\"\n >\n <ax-prefix>\n <i [class]=\"action.icon\"></i>\n </ax-prefix>\n </ax-button-item>\n }\n </ax-button-item-list>\n </div>\n </ax-popover>\n}\n\n<!-- Popover for emoji/sticker picker -->\n@if (emojiPopoverTarget()) {\n <ax-popover\n #emojiPopover\n [target]=\"emojiPopoverTarget()\"\n [openOn]=\"'manual'\"\n [closeOn]=\"'clickOut'\"\n [placement]=\"'top-start'\"\n panelClass=\"composer-emoji-popover-panel\"\n (onClosed)=\"onEmojiPopoverClosed()\"\n >\n <div class=\"composer-emoji-popover\">\n <ax-conversation-registry-component-outlet\n [componentLoader]=\"composerPopupLoader\"\n [inputs]=\"getEmojiPopupInputs()\"\n />\n </div>\n </ax-popover>\n}\n", styles: ["@layer properties;@layer components{ax-conversation-composer{display:block;width:100%;font-variant-emoji:emoji;@keyframes ax-conversation-composer-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}}ax-conversation-composer .ax-conversation-composer-banner{display:flex;min-height:2.75rem;align-items:stretch;gap:calc(var(--spacing, .25rem) * 0);border-block-style:var(--tw-border-style);border-block-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface));background-color:rgba(var(--ax-sys-color-light-surface))}ax-conversation-composer .ax-conversation-composer-banner__accent{width:3px;flex-shrink:0;border-start-end-radius:var(--radius-sm, .25rem);border-end-end-radius:var(--radius-sm, .25rem);background-color:rgba(var(--ax-sys-color-primary-surface))}ax-conversation-composer .ax-conversation-composer-banner--reply .ax-conversation-composer-banner__accent{background-color:rgba(var(--ax-sys-color-secondary-500))}ax-conversation-composer .ax-conversation-composer-banner__content{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;align-items:center;gap:calc(var(--spacing, .25rem) * 2.5);padding-inline:calc(var(--spacing, .25rem) * 2.5);padding-block:calc(var(--spacing, .25rem) * 2)}ax-conversation-composer .ax-conversation-composer-banner__icon{display:flex;height:calc(var(--spacing, .25rem) * 7);width:calc(var(--spacing, .25rem) * 7);flex-shrink:0;align-items:center;justify-content:center;border-radius:calc(infinity * 1px);font-size:.8125rem;color:rgba(var(--ax-sys-color-primary-600));background:rgba(var(--ax-sys-color-primary-500),.1)}ax-conversation-composer .ax-conversation-composer-banner--reply .ax-conversation-composer-banner__icon{color:rgba(var(--ax-sys-color-secondary-600));background:rgba(var(--ax-sys-color-secondary-500),.1)}ax-conversation-composer .ax-conversation-composer-banner__body{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5)}ax-conversation-composer .ax-conversation-composer-banner__body--clickable{cursor:pointer;border-radius:var(--ax-sys-border-radius);transition:opacity .15s ease}@media(hover:hover){ax-conversation-composer .ax-conversation-composer-banner__body--clickable:hover{opacity:.85}}ax-conversation-composer .ax-conversation-composer-banner__label{font-size:.6875rem;--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-primary-600));text-transform:uppercase}ax-conversation-composer .ax-conversation-composer-banner--reply .ax-conversation-composer-banner__label{color:rgba(var(--ax-sys-color-secondary-600))}ax-conversation-composer .ax-conversation-composer-banner__preview{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 1.5);overflow:hidden;font-size:.8125rem;--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);text-overflow:ellipsis;white-space:nowrap;color:rgba(var(--ax-sys-color-on-surface));opacity:.88}ax-conversation-composer .ax-conversation-composer-banner__preview i{flex-shrink:0;font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));opacity:70%}ax-conversation-composer .ax-conversation-composer-banner__close{margin-inline-end:calc(var(--spacing, .25rem) * 1.5);flex-shrink:0;align-self:center}ax-conversation-composer .ax-conversation-composer-banner__close>button{display:flex;height:calc(var(--spacing, .25rem) * 9);width:calc(var(--spacing, .25rem) * 9);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;padding:calc(var(--spacing, .25rem) * 0);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-primary-lightest-surface),.55);box-shadow:none;background-image:none;transition:background-color .15s ease,color .15s ease}@media(hover:hover){ax-conversation-composer .ax-conversation-composer-banner__close:hover>button{color:rgba(var(--ax-sys-color-on-surface));background:rgba(var(--ax-sys-color-on-surface),.06)}}ax-conversation-composer .ax-conversation-composer-banner__close>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-composer .emoji-icon{flex-shrink:0;font-size:var(--text-xl, 1.25rem);line-height:var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)))}ax-conversation-composer .composer-input-container{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 2);background-color:rgba(var(--ax-sys-color-lightest-surface));padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:calc(var(--spacing, .25rem) * 1)}ax-conversation-composer .composer-actions-left,ax-conversation-composer .composer-actions-right{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 1)}:is(ax-conversation-composer .composer-actions-left,ax-conversation-composer .composer-actions-right) ax-icon i,:is(ax-conversation-composer .composer-actions-left,ax-conversation-composer .composer-actions-right) ax-prefix i{font-size:1.375rem;--tw-leading: 1;line-height:1}ax-conversation-composer .composer-attach-menu-trigger{display:inline-flex}ax-conversation-composer .composer-primary-button-slot{display:flex;height:calc(var(--spacing, .25rem) * 9);width:calc(var(--spacing, .25rem) * 9);flex-shrink:0;align-items:center;justify-content:center}ax-conversation-composer .composer-primary-button-slot .composer-primary-button ax-prefix i{transition:opacity .15s ease}ax-conversation-composer .composer-primary-button-slot .fa-paper-plane-top:dir(rtl){transform:scaleX(-1)}@media(hover:hover){ax-conversation-composer .composer-actions-left ax-button>button:hover:not(:disabled),ax-conversation-composer .composer-actions-right ax-button:not(.composer-primary-button--send)>button:hover:not(:disabled){color:rgba(var(--ax-sys-color-on-surface),.68);background:rgba(var(--ax-sys-color-on-surface),.05)}}ax-conversation-composer .composer-input-wrapper{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;--tw-border-style: none;border-style:none;--tw-outline-style: none;outline-style:none}ax-conversation-composer .composer-input-wrapper textarea{resize:none;font-variant-emoji:emoji}ax-conversation-composer .composer-input-wrapper .ax-editor-container{--tw-border-style: none;border-style:none;background-color:transparent!important;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);--tw-outline-style: none;outline-style:none;background-image:none}ax-conversation-composer .composer-input-wrapper .ax-editor-container ax-text-area{line-height:2}ax-conversation-composer .composer-input-wrapper .ax-editor-container:after{display:none}ax-conversation-composer .composer-input-wrapper .ax-editor-container:hover:not(.ax-state-disabled,.ax-state-readonly,.ax-state-error),ax-conversation-composer .composer-input-wrapper .ax-editor-container:focus-within:not(.ax-state-disabled,.ax-state-readonly,.ax-state-error){--tw-border-style: none;border-style:none;--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);--tw-outline-style: none;outline-style:none;background-image:none}ax-conversation-composer .composer-input{max-height:120px;min-height:calc(var(--spacing, .25rem) * 10);width:100%;resize:none;border-radius:1.25rem;border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface));padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2);font-size:.9375rem;--tw-leading: var(--leading-normal, 1.5);line-height:var(--leading-normal, 1.5);--tw-outline-style: none;outline-style:none;font-variant-emoji:emoji;transition:border-color .2s}ax-conversation-composer .composer-input:focus{border-color:rgba(var(--ax-sys-color-primary-surface))}ax-conversation-composer .ax-conversation-composer-attachments{display:flex;flex-wrap:wrap;align-items:center;gap:calc(var(--spacing, .25rem) * 2);border-block-style:var(--tw-border-style);border-block-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface));background-color:rgba(var(--ax-sys-color-light-surface));padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2)}ax-conversation-composer .ax-conversation-composer-attachment{position:relative;display:flex;max-width:11rem;flex-shrink:0;align-items:center}ax-conversation-composer .ax-conversation-composer-attachment--media .ax-conversation-composer-attachment__thumb{position:relative;display:flex;height:calc(var(--spacing, .25rem) * 11);width:calc(var(--spacing, .25rem) * 11);align-items:center;justify-content:center;overflow:hidden;border-radius:var(--radius-lg, .5rem);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))}ax-conversation-composer .ax-conversation-composer-attachment__thumb img,ax-conversation-composer .ax-conversation-composer-attachment__thumb video{height:100%;width:100%;object-fit:cover}ax-conversation-composer .ax-conversation-composer-attachment--file{height:calc(var(--spacing, .25rem) * 11);max-width:12.5rem;gap:calc(var(--spacing, .25rem) * 2);border-radius:var(--radius-lg, .5rem);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-start:calc(var(--spacing, .25rem) * 2);padding-inline-end:calc(var(--spacing, .25rem) * 7)}ax-conversation-composer .ax-conversation-composer-attachment__icon{display:flex;height:calc(var(--spacing, .25rem) * 7);width:calc(var(--spacing, .25rem) * 7);flex-shrink:0;align-items:center;justify-content:center;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));color:rgba(var(--ax-sys-color-on-surface));opacity:80%}ax-conversation-composer .ax-conversation-composer-attachment__name{min-width:calc(var(--spacing, .25rem) * 0);flex:1;overflow:hidden;font-size:.8125rem;text-overflow:ellipsis;white-space:nowrap;color:rgba(var(--ax-sys-color-on-surface))}ax-conversation-composer .ax-conversation-composer-attachment__progress{pointer-events:none;position:absolute;inset:calc(var(--spacing, .25rem) * 0);border-radius:var(--radius-lg, .5rem);background:rgba(var(--ax-sys-color-on-surface),.18)}ax-conversation-composer .ax-conversation-composer-attachment--error{border-color:rgba(var(--ax-sys-color-danger-500))}ax-conversation-composer .ax-conversation-composer-attachment__remove{position:absolute;inset-inline-end:calc(var(--spacing, .25rem) * -1.5);top:calc(var(--spacing, .25rem) * -1.5);z-index:1;display:flex;height:calc(var(--spacing, .25rem) * 5);width:calc(var(--spacing, .25rem) * 5);cursor:pointer;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));padding:calc(var(--spacing, .25rem) * 0);font-size:.625rem;color:rgba(var(--ax-sys-color-lightest-surface));opacity:0;pointer-events:none;transition:opacity .15s ease}ax-conversation-composer .ax-conversation-composer-attachment:hover .ax-conversation-composer-attachment__remove,ax-conversation-composer .ax-conversation-composer-attachment:focus-within .ax-conversation-composer-attachment__remove,ax-conversation-composer .ax-conversation-composer-attachment__remove:focus-visible{opacity:1;pointer-events:auto}@media(hover:none){ax-conversation-composer .ax-conversation-composer-attachment__remove{opacity:1;pointer-events:auto}}ax-conversation-composer .ax-conversation-composer-attachment-add{display:flex;height:calc(var(--spacing, .25rem) * 11);width:calc(var(--spacing, .25rem) * 11);flex-shrink:0;cursor:pointer;align-items:center;justify-content:center;border-radius:var(--radius-lg, .5rem);border-style:var(--tw-border-style);border-width:1px;--tw-border-style: dashed;border-style:dashed;border-color:rgba(var(--ax-sys-color-border-light-surface));background-color:transparent;padding:calc(var(--spacing, .25rem) * 0);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));transition:background-color .15s ease,color .15s ease}@media(hover:hover){ax-conversation-composer .ax-conversation-composer-attachment-add:hover:not(:disabled){background:rgba(var(--ax-sys-color-on-surface),.06)}}ax-conversation-composer .ax-conversation-composer-attachment-add:disabled{cursor:default;opacity:40%}ax-conversation-composer .composer-component-fullwidth{min-height:72px;width:100%;background-color:rgba(var(--ax-sys-color-lightest-surface))}ax-conversation-composer .composer-emoji-popover{width:100%}ax-conversation-composer .ax-conversation-composer-primary--stopping .fa-spinner{animation:ax-conversation-composer-spin .75s linear infinite}}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-tracking{syntax: \"*\"; inherits: false;}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-outline-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;}@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-font-weight: initial;--tw-tracking: initial;--tw-leading: initial;--tw-outline-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}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"] }]
8827
+ AXHorizontalScrollDirective,
8828
+ ], template: "@if (activeConversation()) {\n <div class=\"composer\">\n <!-- Edit/Reply Banner -->\n @if (editingMessage() || replyingToMessage()) {\n <div\n class=\"ax-conversation-composer-banner\"\n [class.ax-conversation-composer-banner--edit]=\"!!editingMessage()\"\n [class.ax-conversation-composer-banner--reply]=\"!!replyingToMessage()\"\n >\n <div class=\"ax-conversation-composer-banner__accent\" aria-hidden=\"true\"></div>\n @if (editingMessage()) {\n <div class=\"ax-conversation-composer-banner__content\">\n <span class=\"ax-conversation-composer-banner__icon\" aria-hidden=\"true\"\n ><i class=\"fa-light fa-pen-to-square\"></i\n ></span>\n <div class=\"ax-conversation-composer-banner__body\">\n <span class=\"ax-conversation-composer-banner__label\">{{\n '@acorex:chat.composer.editing-message' | translate | async\n }}</span>\n @if (getEditingPreview(); as preview) {\n <span class=\"ax-conversation-composer-banner__preview\">\n @if (preview.type !== 'text') {\n <i [class]=\"preview.icon\"></i>\n }\n {{ getComposerPreviewLabel(preview) }}\n </span>\n }\n </div>\n </div>\n } @else if (replyingToMessage()) {\n <div class=\"ax-conversation-composer-banner__content\">\n <span class=\"ax-conversation-composer-banner__icon\" aria-hidden=\"true\"\n ><i class=\"fa-light fa-reply\"></i\n ></span>\n <div\n class=\"ax-conversation-composer-banner__body ax-conversation-composer-banner__body--clickable\"\n (click)=\"onReplyPreviewClick()\"\n >\n <span class=\"ax-conversation-composer-banner__label\">\n {{ '@acorex:chat.composer.replying-to' | translate | async }} {{ getReplyingSenderName() }}\n </span>\n @if (getReplyingPreview(); as preview) {\n <span class=\"ax-conversation-composer-banner__preview\">\n @if (preview.type !== 'text') {\n <i [class]=\"preview.icon\"></i>\n }\n {{ getComposerPreviewLabel(preview) }}\n </span>\n }\n </div>\n </div>\n }\n <ax-button\n class=\"ax-conversation-composer-banner__close rounded-full\"\n look=\"blank\"\n [iconOnly]=\"true\"\n [text]=\"translation.translateSync('@acorex:chat.actions.cancel')\"\n (onClick)=\"cancelEditReply()\"\n >\n <ax-icon><i class=\"fa-solid fa-xmark\"></i></ax-icon>\n </ax-button>\n </div>\n }\n\n @if (usesAttachmentBanner() && draftAttachments().length > 0) {\n <div class=\"ax-conversation-composer-attachments\">\n <div class=\"ax-conversation-composer-attachments__scroll\" role=\"list\" axHorizontalScroll>\n @for (attachment of draftAttachments(); track attachment.id) {\n <div\n class=\"ax-conversation-composer-attachment\"\n role=\"listitem\"\n [class.ax-conversation-composer-attachment--media]=\"attachment.kind === 'image' || attachment.kind === 'video'\"\n [class.ax-conversation-composer-attachment--file]=\"attachment.kind === 'audio' || attachment.kind === 'file'\"\n [class.ax-conversation-composer-attachment--uploading]=\"attachment.uploading\"\n [class.ax-conversation-composer-attachment--error]=\"!!attachment.error\"\n [title]=\"attachment.file.name\"\n >\n @if (attachment.kind === 'image' || attachment.kind === 'video') {\n <span class=\"ax-conversation-composer-attachment__thumb\" aria-hidden=\"true\">\n @if (attachment.kind === 'video' && attachment.preview) {\n <video [src]=\"attachment.preview\" muted playsinline preload=\"metadata\"></video>\n } @else if (attachment.preview) {\n <img [src]=\"attachment.preview\" alt=\"\" />\n } @else {\n <i [class]=\"attachment.icon\"></i>\n }\n </span>\n } @else {\n <span class=\"ax-conversation-composer-attachment__icon\" aria-hidden=\"true\">\n <i [class]=\"attachment.icon\"></i>\n </span>\n <span class=\"ax-conversation-composer-attachment__name\">{{\n draftAttachmentLabel(attachment.file.name)\n }}</span>\n }\n @if (attachment.uploading) {\n <span class=\"ax-conversation-composer-attachment__progress\" aria-hidden=\"true\"></span>\n }\n <button\n type=\"button\"\n class=\"ax-conversation-composer-attachment__remove\"\n [attr.aria-label]=\"translation.translateSync('@acorex:chat.actions.remove-attachment')\"\n (click)=\"removeDraftAttachment(attachment.id); $event.stopPropagation()\"\n >\n <i class=\"fa-solid fa-xmark\"></i>\n </button>\n </div>\n }\n <button\n type=\"button\"\n class=\"ax-conversation-composer-attachment-add\"\n [disabled]=\"!canAddDraftAttachments()\"\n [attr.aria-label]=\"translation.translateSync('@acorex:chat.pickers.common.add-more')\"\n (click)=\"addDraftAttachments()\"\n >\n <i class=\"fa-light fa-plus\"></i>\n </button>\n </div>\n <ax-button\n class=\"ax-conversation-composer-attachments__close rounded-full\"\n look=\"blank\"\n [iconOnly]=\"true\"\n [text]=\"translation.translateSync('@acorex:chat.actions.cancel')\"\n (onClick)=\"dismissDraftAttachments()\"\n >\n <ax-icon><i class=\"fa-solid fa-xmark\"></i></ax-icon>\n </ax-button>\n </div>\n }\n\n <!-- Input Area -->\n <div class=\"composer-input-container\">\n <!-- Start actions -->\n <div class=\"composer-actions-left\">\n @if (startMenuActions().length > 0) {\n <span\n #attachMenuButton\n class=\"composer-attach-menu-trigger\"\n (mouseenter)=\"onAttachMenuMouseEnter()\"\n (mouseleave)=\"onAttachMenuMouseLeave()\"\n >\n <ax-button\n class=\"rounded-full text-xl\"\n look=\"blank\"\n [iconOnly]=\"true\"\n [text]=\"('@acorex:chat.tooltips.attach-file' | translate | async) ?? ''\"\n (onClick)=\"onAttachMenuClick($event)\"\n >\n <ax-prefix>\n <i class=\"fa-light fa-paperclip\"></i>\n </ax-prefix>\n </ax-button>\n </span>\n }\n\n @for (action of startInlineActions(); track action.id) {\n <ax-button\n look=\"blank\"\n [iconOnly]=\"true\"\n [text]=\"getActionLabel(action)\"\n [disabled]=\"!isActionEnabled(action)\"\n [class]=\"getActionButtonClass(action)\"\n (onClick)=\"onActionClick(action.id, $event)\"\n >\n <ax-icon>\n <i [class]=\"action.icon\"></i>\n </ax-icon>\n </ax-button>\n }\n </div>\n\n <!-- Text Input -->\n <div class=\"composer-input-wrapper\">\n <ax-text-area\n #inputElement\n [ngModel]=\"draftText()\"\n (ngModelChange)=\"onDraftModelChange($event)\"\n (onKeyDown)=\"onKeyDown($event)\"\n (onValueChanged)=\"onDraftValueChanged($event)\"\n [placeholder]=\"placeholder()\"\n [rows]=\"inputRows()\"\n [axAutoFocus]=\"true\"\n ></ax-text-area>\n </div>\n\n <!-- End actions -->\n <div class=\"composer-actions-right\">\n @for (action of endInlineActions(); track action.id) {\n <ax-button\n look=\"blank\"\n [iconOnly]=\"true\"\n [text]=\"getActionLabel(action)\"\n [disabled]=\"!isActionEnabled(action)\"\n [class]=\"getActionButtonClass(action)\"\n (onClick)=\"onActionClick(action.id, $event)\"\n >\n <ax-icon>\n <i [class]=\"action.icon\"></i>\n </ax-icon>\n </ax-button>\n }\n\n <div class=\"composer-primary-button-slot\">\n @switch (primaryButtonMode()) {\n @case ('cancel') {\n <ax-button\n class=\"rounded-full\"\n [iconOnly]=\"true\"\n look=\"blank\"\n [text]=\"getPrimaryButtonLabel()\"\n (onClick)=\"onPrimaryButtonClick()\"\n >\n <ax-icon [class]=\"getPrimaryButtonIcon()\"> </ax-icon>\n </ax-button>\n }\n @case ('stopping') {\n <ax-button\n class=\"rounded-full\"\n [iconOnly]=\"true\"\n look=\"blank\"\n [text]=\"getPrimaryButtonLabel()\"\n [disabled]=\"true\"\n >\n <ax-prefix>\n <i [class]=\"getPrimaryButtonIcon()\"></i>\n </ax-prefix>\n </ax-button>\n }\n @case ('send') {\n <ax-button\n class=\"rounded-full composer-primary-button--send\"\n [iconOnly]=\"true\"\n look=\"blank\"\n color=\"primary\"\n [text]=\"getPrimaryButtonLabel()\"\n [disabled]=\"isPrimaryButtonDisabled()\"\n (onClick)=\"onPrimaryButtonClick()\"\n >\n <ax-prefix>\n <i [class]=\"getPrimaryButtonIcon()\"></i>\n </ax-prefix>\n </ax-button>\n }\n @default {\n <ax-button\n class=\"rounded-full\"\n [iconOnly]=\"true\"\n look=\"blank\"\n [text]=\"getPrimaryButtonLabel()\"\n [disabled]=\"isPrimaryButtonDisabled()\"\n (onClick)=\"onPrimaryButtonClick()\"\n >\n <ax-prefix>\n <i [class]=\"getPrimaryButtonIcon()\"></i>\n </ax-prefix>\n </ax-button>\n }\n }\n </div>\n </div>\n </div>\n </div>\n}\n\n<!-- Popover for attachment menu -->\n@if (attachMenuTarget()) {\n <ax-popover\n #attachPopover\n [target]=\"attachMenuTarget()\"\n [openOn]=\"'manual'\"\n [closeOn]=\"'clickOut'\"\n [placement]=\"'top-start'\"\n >\n <div\n class=\"composer-attach-menu-panel\"\n (mouseenter)=\"onAttachMenuPanelMouseEnter()\"\n (mouseleave)=\"onAttachMenuPanelMouseLeave()\"\n >\n <ax-button-item-list>\n @for (action of startMenuActions(); track action.id) {\n <ax-button-item\n [text]=\"getActionLabel(action)\"\n (click)=\"onAttachMenuAction(action.id)\"\n [disabled]=\"!isActionEnabled(action)\"\n >\n <ax-prefix>\n <i [class]=\"action.icon\"></i>\n </ax-prefix>\n </ax-button-item>\n }\n </ax-button-item-list>\n </div>\n </ax-popover>\n}\n\n<!-- Popover for emoji/sticker picker -->\n@if (emojiPopoverTarget()) {\n <ax-popover\n #emojiPopover\n [target]=\"emojiPopoverTarget()\"\n [openOn]=\"'manual'\"\n [closeOn]=\"'clickOut'\"\n [placement]=\"'top-start'\"\n panelClass=\"composer-emoji-popover-panel\"\n (onClosed)=\"onEmojiPopoverClosed()\"\n >\n <div class=\"composer-emoji-popover\">\n <ax-conversation-registry-component-outlet\n [componentLoader]=\"composerPopupLoader\"\n [inputs]=\"getEmojiPopupInputs()\"\n />\n </div>\n </ax-popover>\n}\n", styles: ["@layer properties;@layer components{ax-conversation-composer{display:block;width:100%;max-width:100%;min-width:calc(var(--spacing, .25rem) * 0);overflow:hidden;font-variant-emoji:emoji;@keyframes ax-conversation-composer-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}}ax-conversation-composer .composer{width:100%;max-width:100%;min-width:calc(var(--spacing, .25rem) * 0)}ax-conversation-composer .ax-conversation-composer-banner{display:flex;min-height:2.75rem;align-items:stretch;gap:calc(var(--spacing, .25rem) * 0);border-block-style:var(--tw-border-style);border-block-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface));background-color:rgba(var(--ax-sys-color-light-surface))}ax-conversation-composer .ax-conversation-composer-banner__accent{width:3px;flex-shrink:0;border-start-end-radius:var(--radius-sm, .25rem);border-end-end-radius:var(--radius-sm, .25rem);background-color:rgba(var(--ax-sys-color-primary-surface))}ax-conversation-composer .ax-conversation-composer-banner--reply .ax-conversation-composer-banner__accent{background-color:rgba(var(--ax-sys-color-secondary-500))}ax-conversation-composer .ax-conversation-composer-banner__content{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;align-items:center;gap:calc(var(--spacing, .25rem) * 2.5);padding-inline:calc(var(--spacing, .25rem) * 2.5);padding-block:calc(var(--spacing, .25rem) * 2)}ax-conversation-composer .ax-conversation-composer-banner__icon{display:flex;height:calc(var(--spacing, .25rem) * 7);width:calc(var(--spacing, .25rem) * 7);flex-shrink:0;align-items:center;justify-content:center;border-radius:calc(infinity * 1px);font-size:.8125rem;color:rgba(var(--ax-sys-color-primary-600));background:rgba(var(--ax-sys-color-primary-500),.1)}ax-conversation-composer .ax-conversation-composer-banner--reply .ax-conversation-composer-banner__icon{color:rgba(var(--ax-sys-color-secondary-600));background:rgba(var(--ax-sys-color-secondary-500),.1)}ax-conversation-composer .ax-conversation-composer-banner__body{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5)}ax-conversation-composer .ax-conversation-composer-banner__body--clickable{cursor:pointer;border-radius:var(--ax-sys-border-radius);transition:opacity .15s ease}@media(hover:hover){ax-conversation-composer .ax-conversation-composer-banner__body--clickable:hover{opacity:.85}}ax-conversation-composer .ax-conversation-composer-banner__label{font-size:.6875rem;--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-primary-600));text-transform:uppercase}ax-conversation-composer .ax-conversation-composer-banner--reply .ax-conversation-composer-banner__label{color:rgba(var(--ax-sys-color-secondary-600))}ax-conversation-composer .ax-conversation-composer-banner__preview{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 1.5);overflow:hidden;font-size:.8125rem;--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);text-overflow:ellipsis;white-space:nowrap;color:rgba(var(--ax-sys-color-on-surface));opacity:.88}ax-conversation-composer .ax-conversation-composer-banner__preview i{flex-shrink:0;font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));opacity:70%}ax-conversation-composer .ax-conversation-composer-banner__close{margin-inline-end:calc(var(--spacing, .25rem) * 1.5);flex-shrink:0;align-self:center}ax-conversation-composer .ax-conversation-composer-banner__close>button{display:flex;height:calc(var(--spacing, .25rem) * 9);width:calc(var(--spacing, .25rem) * 9);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;padding:calc(var(--spacing, .25rem) * 0);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-primary-lightest-surface),.55);box-shadow:none;background-image:none;transition:background-color .15s ease,color .15s ease}@media(hover:hover){ax-conversation-composer .ax-conversation-composer-banner__close:hover>button{color:rgba(var(--ax-sys-color-on-surface));background:rgba(var(--ax-sys-color-on-surface),.06)}}ax-conversation-composer .ax-conversation-composer-banner__close>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-composer .emoji-icon{flex-shrink:0;font-size:var(--text-xl, 1.25rem);line-height:var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)))}ax-conversation-composer .composer-input-container{display:flex;width:100%;min-width:calc(var(--spacing, .25rem) * 0);align-items:center;gap:calc(var(--spacing, .25rem) * 2);background-color:rgba(var(--ax-sys-color-lightest-surface));padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:calc(var(--spacing, .25rem) * 1)}ax-conversation-composer .composer-actions-left,ax-conversation-composer .composer-actions-right{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 1)}:is(ax-conversation-composer .composer-actions-left,ax-conversation-composer .composer-actions-right) ax-icon i,:is(ax-conversation-composer .composer-actions-left,ax-conversation-composer .composer-actions-right) ax-prefix i{font-size:1.375rem;--tw-leading: 1;line-height:1}ax-conversation-composer .composer-attach-menu-trigger{display:inline-flex}ax-conversation-composer .composer-primary-button-slot{display:flex;height:calc(var(--spacing, .25rem) * 9);width:calc(var(--spacing, .25rem) * 9);flex-shrink:0;align-items:center;justify-content:center}ax-conversation-composer .composer-primary-button-slot .composer-primary-button ax-prefix i{transition:opacity .15s ease}ax-conversation-composer .composer-primary-button-slot .fa-paper-plane-top:dir(rtl){transform:scaleX(-1)}@media(hover:hover){ax-conversation-composer .composer-actions-left ax-button>button:hover:not(:disabled),ax-conversation-composer .composer-actions-right ax-button:not(.composer-primary-button--send)>button:hover:not(:disabled){color:rgba(var(--ax-sys-color-on-surface),.68);background:rgba(var(--ax-sys-color-on-surface),.05)}}ax-conversation-composer .composer-input-wrapper{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;--tw-border-style: none;border-style:none;--tw-outline-style: none;outline-style:none}ax-conversation-composer .composer-input-wrapper textarea{resize:none;font-variant-emoji:emoji}ax-conversation-composer .composer-input-wrapper .ax-editor-container{--tw-border-style: none;border-style:none;background-color:transparent!important;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);--tw-outline-style: none;outline-style:none;background-image:none}ax-conversation-composer .composer-input-wrapper .ax-editor-container ax-text-area{line-height:2}ax-conversation-composer .composer-input-wrapper .ax-editor-container:after{display:none}ax-conversation-composer .composer-input-wrapper .ax-editor-container:hover:not(.ax-state-disabled,.ax-state-readonly,.ax-state-error),ax-conversation-composer .composer-input-wrapper .ax-editor-container:focus-within:not(.ax-state-disabled,.ax-state-readonly,.ax-state-error){--tw-border-style: none;border-style:none;--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);--tw-outline-style: none;outline-style:none;background-image:none}ax-conversation-composer .composer-input{max-height:120px;min-height:calc(var(--spacing, .25rem) * 10);width:100%;resize:none;border-radius:1.25rem;border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface));padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2);font-size:.9375rem;--tw-leading: var(--leading-normal, 1.5);line-height:var(--leading-normal, 1.5);--tw-outline-style: none;outline-style:none;font-variant-emoji:emoji;transition:border-color .2s}ax-conversation-composer .composer-input:focus{border-color:rgba(var(--ax-sys-color-primary-surface))}ax-conversation-composer .ax-conversation-composer-attachments{display:flex;width:100%;max-width:100%;min-width:calc(var(--spacing, .25rem) * 0);align-items:center;gap:calc(var(--spacing, .25rem) * 1);overflow:hidden;border-block-style:var(--tw-border-style);border-block-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface));padding-block:calc(var(--spacing, .25rem) * 1);padding-inline-start:calc(var(--spacing, .25rem) * 3);padding-inline-end:calc(var(--spacing, .25rem) * 1)}ax-conversation-composer .ax-conversation-composer-attachments__scroll{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;flex-wrap:nowrap;align-items:center;gap:calc(var(--spacing, .25rem) * 2);overflow-x:auto;overflow-y:hidden;padding-block:calc(var(--spacing, .25rem) * 1.5);padding-inline-end:calc(var(--spacing, .25rem) * 1);width:0;scrollbar-width:thin;overscroll-behavior-x:contain}ax-conversation-composer .ax-conversation-composer-attachments__scroll::-webkit-scrollbar{height:6px}ax-conversation-composer .ax-conversation-composer-attachments__scroll::-webkit-scrollbar-thumb{border-radius:calc(infinity * 1px);background-color:rgba(var(--ax-sys-color-border-light-surface))}ax-conversation-composer .ax-conversation-composer-attachment{position:relative;display:flex;max-width:11rem;flex-shrink:0;align-items:center}ax-conversation-composer .ax-conversation-composer-attachment--media .ax-conversation-composer-attachment__thumb{position:relative;display:flex;height:calc(var(--spacing, .25rem) * 11);width:calc(var(--spacing, .25rem) * 11);align-items:center;justify-content:center;overflow:hidden;border-radius:var(--radius-lg, .5rem);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))}ax-conversation-composer .ax-conversation-composer-attachment__thumb img,ax-conversation-composer .ax-conversation-composer-attachment__thumb video{height:100%;width:100%;object-fit:cover}ax-conversation-composer .ax-conversation-composer-attachment--file{height:calc(var(--spacing, .25rem) * 11);width:11rem;max-width:11rem;gap:calc(var(--spacing, .25rem) * 2);border-radius:var(--radius-lg, .5rem);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-start:calc(var(--spacing, .25rem) * 2);padding-inline-end:calc(var(--spacing, .25rem) * 7)}ax-conversation-composer .ax-conversation-composer-attachment__icon{display:flex;height:calc(var(--spacing, .25rem) * 7);width:calc(var(--spacing, .25rem) * 7);flex-shrink:0;align-items:center;justify-content:center;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));color:rgba(var(--ax-sys-color-on-surface));opacity:80%}ax-conversation-composer .ax-conversation-composer-attachment__name{min-width:calc(var(--spacing, .25rem) * 0);flex:1;overflow:hidden;font-size:.8125rem;text-overflow:ellipsis;white-space:nowrap;color:rgba(var(--ax-sys-color-on-surface))}ax-conversation-composer .ax-conversation-composer-attachment__progress{pointer-events:none;position:absolute;inset:calc(var(--spacing, .25rem) * 0);border-radius:var(--radius-lg, .5rem);background:rgba(var(--ax-sys-color-on-surface),.18)}ax-conversation-composer .ax-conversation-composer-attachment--error{border-color:rgba(var(--ax-sys-color-danger-500))}ax-conversation-composer .ax-conversation-composer-attachment__remove{position:absolute;inset-inline-end:calc(var(--spacing, .25rem) * -1.5);top:calc(var(--spacing, .25rem) * -1.5);z-index:1;display:flex;height:calc(var(--spacing, .25rem) * 5);width:calc(var(--spacing, .25rem) * 5);cursor:pointer;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));padding:calc(var(--spacing, .25rem) * 0);font-size:.625rem;color:rgba(var(--ax-sys-color-lightest-surface));opacity:0;pointer-events:none;transition:opacity .15s ease}ax-conversation-composer .ax-conversation-composer-attachment:hover .ax-conversation-composer-attachment__remove,ax-conversation-composer .ax-conversation-composer-attachment:focus-within .ax-conversation-composer-attachment__remove,ax-conversation-composer .ax-conversation-composer-attachment__remove:focus-visible{opacity:1;pointer-events:auto}@media(hover:none){ax-conversation-composer .ax-conversation-composer-attachment__remove{opacity:1;pointer-events:auto}}ax-conversation-composer .ax-conversation-composer-attachment-add{display:flex;height:calc(var(--spacing, .25rem) * 11);width:calc(var(--spacing, .25rem) * 11);flex-shrink:0;cursor:pointer;align-items:center;justify-content:center;border-radius:var(--radius-lg, .5rem);border-style:var(--tw-border-style);border-width:1px;--tw-border-style: dashed;border-style:dashed;border-color:rgba(var(--ax-sys-color-border-light-surface));background-color:transparent;padding:calc(var(--spacing, .25rem) * 0);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));transition:background-color .15s ease,color .15s ease}@media(hover:hover){ax-conversation-composer .ax-conversation-composer-attachment-add:hover:not(:disabled){background:rgba(var(--ax-sys-color-on-surface),.06)}}ax-conversation-composer .ax-conversation-composer-attachment-add:disabled{cursor:default;opacity:40%}ax-conversation-composer .ax-conversation-composer-attachments__close{flex-shrink:0;align-self:center}ax-conversation-composer .ax-conversation-composer-attachments__close>button{display:flex;height:calc(var(--spacing, .25rem) * 9);width:calc(var(--spacing, .25rem) * 9);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;padding:calc(var(--spacing, .25rem) * 0);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-primary-lightest-surface),.55);box-shadow:none;background-image:none;transition:background-color .15s ease,color .15s ease}@media(hover:hover){ax-conversation-composer .ax-conversation-composer-attachments__close:hover>button{color:rgba(var(--ax-sys-color-on-surface));background:rgba(var(--ax-sys-color-on-surface),.06)}}ax-conversation-composer .ax-conversation-composer-attachments__close>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-composer .composer-component-fullwidth{min-height:72px;width:100%;background-color:rgba(var(--ax-sys-color-lightest-surface))}ax-conversation-composer .composer-emoji-popover{width:100%}ax-conversation-composer .ax-conversation-composer-primary--stopping .fa-spinner{animation:ax-conversation-composer-spin .75s linear infinite}}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-tracking{syntax: \"*\"; inherits: false;}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-outline-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;}@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-font-weight: initial;--tw-tracking: initial;--tw-leading: initial;--tw-outline-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}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"] }]
8822
8829
  }], ctorParameters: () => [], propDecorators: { textAreaRef: [{ type: i0.ViewChild, args: ['inputElement', { ...{ read: AXTextAreaComponent }, isSignal: true }] }], messageSent: [{ type: i0.Output, args: ["messageSent"] }], generationCancelled: [{ type: i0.Output, args: ["generationCancelled"] }], emojiClick: [{ type: i0.Output, args: ["emojiClick"] }], attachClick: [{ type: i0.Output, args: ["attachClick"] }], voiceClick: [{ type: i0.Output, args: ["voiceClick"] }], emojiPopoverRef: [{ type: i0.ViewChild, args: ['emojiPopover', { isSignal: true }] }], attachPopoverRef: [{ type: i0.ViewChild, args: ['attachPopover', { isSignal: true }] }], attachMenuButtonRef: [{ type: i0.ViewChild, args: ['attachMenuButton', { isSignal: true }] }] } });
8823
8830
 
8824
8831
  /**
@@ -8886,14 +8893,14 @@ class AXConversationContainerComponent {
8886
8893
  }, files);
8887
8894
  }
8888
8895
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXConversationContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
8889
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: AXConversationContainerComponent, isStandalone: true, selector: "ax-conversation-container", inputs: { customClass: { classPropertyName: "customClass", publicName: "customClass", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.conversation-container-host": "true", "tabindex": "\"-1\"" } }, ngImport: i0, template: " <div\n [class]=\"containerClasses()\"\n role=\"main\"\n [attr.aria-label]=\"'@acorex:chat.aria.conversation-interface' | translate | async\"\n >\n <!-- Sidebar -->\n <div\n class=\"conversation-sidebar-container\"\n [axResizable]=\"true\"\n [minWidth]=\"config.minSidebarWidth\"\n [maxWidth]=\"config.maxSidebarWidth\"\n [width]=\"config.defaultSidebarWidth\"\n role=\"navigation\"\n [attr.aria-label]=\"'@acorex:chat.aria.conversation-list' | translate | async\"\n >\n <ng-content select=\"ax-conversation-sidebar, [ax-conversation-sidebar]\"></ng-content>\n </div>\n\n <!-- Main conversation view -->\n <div\n class=\"conversation-main-container\"\n role=\"region\"\n [attr.aria-label]=\"\n activeConversation()\n ? ('@acorex:chat.aria.active-conversation' | translate | async)\n : ('@acorex:chat.status.no-conversation-selected' | translate | async)\n \"\n >\n @if (activeConversation(); as conversation) {\n <div class=\"conversation-view\">\n <!-- Info Bar -->\n <ng-content select=\"ax-conversation-info-bar, [ax-conversation-info-bar]\"></ng-content>\n\n <!-- Messages -->\n <div class=\"conversation-messages\">\n <ng-content select=\"ax-conversation-message-list, [ax-conversation-message-list]\"></ng-content>\n </div>\n\n <!-- Composer -->\n <ng-content select=\"ax-conversation-composer, [ax-conversation-composer]\"></ng-content>\n </div>\n } @else {\n <div class=\"conversation-empty-state\">\n <div class=\"empty-state-content\">\n <ng-content select=\"ax-conversation-empty\">\n <svg class=\"empty-state-icon\" width=\"120\" height=\"120\" viewBox=\"0 0 120 120\" fill=\"none\">\n <circle class=\"text-light\" cx=\"60\" cy=\"60\" r=\"50\" fill=\"currentColor\" />\n <path\n class=\"text-on-surface/55\"\n d=\"M40 50h40M40 70h30\"\n stroke=\"currentColor\"\n stroke-width=\"3\"\n stroke-linecap=\"round\"\n />\n </svg>\n <h3 class=\"empty-state-title\">\n {{ '@acorex:chat.empty.no-conversation-selected-title' | translate | async }}\n </h3>\n <p class=\"empty-state-description\">\n {{ '@acorex:chat.empty.select-conversation-description' | translate | async }}\n </p>\n </ng-content>\n </div>\n </div>\n }\n </div>\n </div>\n", styles: ["@layer properties;@layer components{ax-conversation-container{display:block;height:100%;width:100%;--tw-outline-style: none;outline-style:none;font-variant-emoji:emoji}ax-conversation-container .conversation-container{display:flex;height:100%;width:100%;overflow:hidden;background-color:rgba(var(--ax-sys-color-lightest-surface))}ax-conversation-container .conversation-container-loading{display:flex;align-items:center;justify-content:center}ax-conversation-container .conversation-sidebar-container{display:none;height:100%;width:calc(var(--spacing, .25rem) * 0);flex-shrink:0;border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface))}ax-conversation-container .conversation-sidebar-container:has(*){display:block;width:var(--ax-conversation-sidebar-width, 320px)}ax-conversation-container .conversation-main-container{display:flex;height:100%;flex:1;flex-direction:column;overflow:hidden;container-type:inline-size;container-name:conversation}ax-conversation-container .conversation-view{display:flex;height:100%;width:100%;flex-direction:column}ax-conversation-container .conversation-view:has(.message-list--default-wallpaper.message-list--wallpaper-light){background:var(--ax-conversation-wallpaper-light)}ax-conversation-container .conversation-view:has(.message-list--default-wallpaper.message-list--wallpaper-dark){background:var(--ax-conversation-wallpaper-dark)}ax-conversation-container .conversation-messages{flex:1;overflow:hidden}ax-conversation-container .conversation-empty-state{display:flex;height:100%;width:100%;align-items:center;justify-content:center;background-color:rgba(var(--ax-sys-color-lightest-surface))}ax-conversation-container .empty-state-content{max-width:var(--container-md, 28rem);padding:calc(var(--spacing, .25rem) * 8);text-align:center}ax-conversation-container .empty-state-icon{margin-inline:auto;margin-bottom:calc(var(--spacing, .25rem) * 6);opacity:80%}ax-conversation-container .empty-state-title{margin:calc(var(--spacing, .25rem) * 0);margin-bottom:calc(var(--spacing, .25rem) * 2);font-size:var(--text-2xl, 1.5rem);line-height:var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600)}ax-conversation-container .empty-state-description{margin:calc(var(--spacing, .25rem) * 0);font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));opacity:70%}}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@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-font-weight: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: AXResizableDirective, selector: "[axResizable]", inputs: ["axResizable", "minWidth", "maxWidth", "dblClickAction", "width", "defaultWidth"], outputs: ["axResizableChange", "minWidthChange", "maxWidthChange", "dblClickActionChange", "widthChange", "defaultWidthChange", "onResizingStarted", "onResizingEnded", "onResizingDblClick"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.AXTranslatorPipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
8896
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: AXConversationContainerComponent, isStandalone: true, selector: "ax-conversation-container", inputs: { customClass: { classPropertyName: "customClass", publicName: "customClass", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.conversation-container-host": "true", "tabindex": "\"-1\"" } }, ngImport: i0, template: " <div\n [class]=\"containerClasses()\"\n role=\"main\"\n [attr.aria-label]=\"'@acorex:chat.aria.conversation-interface' | translate | async\"\n >\n <!-- Sidebar -->\n <div\n class=\"conversation-sidebar-container\"\n [axResizable]=\"true\"\n [minWidth]=\"config.minSidebarWidth\"\n [maxWidth]=\"config.maxSidebarWidth\"\n [width]=\"config.defaultSidebarWidth\"\n role=\"navigation\"\n [attr.aria-label]=\"'@acorex:chat.aria.conversation-list' | translate | async\"\n >\n <ng-content select=\"ax-conversation-sidebar, [ax-conversation-sidebar]\"></ng-content>\n </div>\n\n <!-- Main conversation view -->\n <div\n class=\"conversation-main-container\"\n role=\"region\"\n [attr.aria-label]=\"\n activeConversation()\n ? ('@acorex:chat.aria.active-conversation' | translate | async)\n : ('@acorex:chat.status.no-conversation-selected' | translate | async)\n \"\n >\n @if (activeConversation(); as conversation) {\n <div class=\"conversation-view\">\n <!-- Info Bar -->\n <ng-content select=\"ax-conversation-info-bar, [ax-conversation-info-bar]\"></ng-content>\n\n <!-- Messages -->\n <div class=\"conversation-messages\">\n <ng-content select=\"ax-conversation-message-list, [ax-conversation-message-list]\"></ng-content>\n </div>\n\n <!-- Composer -->\n <ng-content select=\"ax-conversation-composer, [ax-conversation-composer]\"></ng-content>\n </div>\n } @else {\n <div class=\"conversation-empty-state\">\n <div class=\"empty-state-content\">\n <ng-content select=\"ax-conversation-empty\">\n <svg class=\"empty-state-icon\" width=\"120\" height=\"120\" viewBox=\"0 0 120 120\" fill=\"none\">\n <circle class=\"text-light\" cx=\"60\" cy=\"60\" r=\"50\" fill=\"currentColor\" />\n <path\n class=\"text-on-surface/55\"\n d=\"M40 50h40M40 70h30\"\n stroke=\"currentColor\"\n stroke-width=\"3\"\n stroke-linecap=\"round\"\n />\n </svg>\n <h3 class=\"empty-state-title\">\n {{ '@acorex:chat.empty.no-conversation-selected-title' | translate | async }}\n </h3>\n <p class=\"empty-state-description\">\n {{ '@acorex:chat.empty.select-conversation-description' | translate | async }}\n </p>\n </ng-content>\n </div>\n </div>\n }\n </div>\n </div>\n", styles: ["@layer properties;@layer components{ax-conversation-container{display:block;height:100%;width:100%;--tw-outline-style: none;outline-style:none;font-variant-emoji:emoji}ax-conversation-container .conversation-container{display:flex;height:100%;width:100%;overflow:hidden;background-color:rgba(var(--ax-sys-color-lightest-surface))}ax-conversation-container .conversation-container-loading{display:flex;align-items:center;justify-content:center}ax-conversation-container .conversation-sidebar-container{display:none;height:100%;width:calc(var(--spacing, .25rem) * 0);flex-shrink:0;border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface))}ax-conversation-container .conversation-sidebar-container:has(*){display:block;width:var(--ax-conversation-sidebar-width, 320px)}ax-conversation-container .conversation-main-container{display:flex;height:100%;flex:1;flex-direction:column;overflow:hidden;container-type:inline-size;container-name:conversation}ax-conversation-container .conversation-view{display:flex;height:100%;width:100%;min-width:calc(var(--spacing, .25rem) * 0);flex-direction:column;overflow:hidden}ax-conversation-container .conversation-view:has(.message-list--default-wallpaper.message-list--wallpaper-light){background:var(--ax-conversation-wallpaper-light)}ax-conversation-container .conversation-view:has(.message-list--default-wallpaper.message-list--wallpaper-dark){background:var(--ax-conversation-wallpaper-dark)}ax-conversation-container .conversation-messages{flex:1;overflow:hidden}ax-conversation-container .conversation-empty-state{display:flex;height:100%;width:100%;align-items:center;justify-content:center;background-color:rgba(var(--ax-sys-color-lightest-surface))}ax-conversation-container .empty-state-content{max-width:var(--container-md, 28rem);padding:calc(var(--spacing, .25rem) * 8);text-align:center}ax-conversation-container .empty-state-icon{margin-inline:auto;margin-bottom:calc(var(--spacing, .25rem) * 6);opacity:80%}ax-conversation-container .empty-state-title{margin:calc(var(--spacing, .25rem) * 0);margin-bottom:calc(var(--spacing, .25rem) * 2);font-size:var(--text-2xl, 1.5rem);line-height:var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600)}ax-conversation-container .empty-state-description{margin:calc(var(--spacing, .25rem) * 0);font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));opacity:70%}}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@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-font-weight: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: AXResizableDirective, selector: "[axResizable]", inputs: ["axResizable", "minWidth", "maxWidth", "dblClickAction", "width", "defaultWidth"], outputs: ["axResizableChange", "minWidthChange", "maxWidthChange", "dblClickActionChange", "widthChange", "defaultWidthChange", "onResizingStarted", "onResizingEnded", "onResizingDblClick"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.AXTranslatorPipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
8890
8897
  }
8891
8898
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXConversationContainerComponent, decorators: [{
8892
8899
  type: Component,
8893
8900
  args: [{ selector: 'ax-conversation-container', encapsulation: ViewEncapsulation.None, imports: [CommonModule, AXResizableDirective, AXTranslationModule], host: {
8894
8901
  '[class.conversation-container-host]': 'true',
8895
8902
  '[tabindex]': '"-1"',
8896
- }, template: " <div\n [class]=\"containerClasses()\"\n role=\"main\"\n [attr.aria-label]=\"'@acorex:chat.aria.conversation-interface' | translate | async\"\n >\n <!-- Sidebar -->\n <div\n class=\"conversation-sidebar-container\"\n [axResizable]=\"true\"\n [minWidth]=\"config.minSidebarWidth\"\n [maxWidth]=\"config.maxSidebarWidth\"\n [width]=\"config.defaultSidebarWidth\"\n role=\"navigation\"\n [attr.aria-label]=\"'@acorex:chat.aria.conversation-list' | translate | async\"\n >\n <ng-content select=\"ax-conversation-sidebar, [ax-conversation-sidebar]\"></ng-content>\n </div>\n\n <!-- Main conversation view -->\n <div\n class=\"conversation-main-container\"\n role=\"region\"\n [attr.aria-label]=\"\n activeConversation()\n ? ('@acorex:chat.aria.active-conversation' | translate | async)\n : ('@acorex:chat.status.no-conversation-selected' | translate | async)\n \"\n >\n @if (activeConversation(); as conversation) {\n <div class=\"conversation-view\">\n <!-- Info Bar -->\n <ng-content select=\"ax-conversation-info-bar, [ax-conversation-info-bar]\"></ng-content>\n\n <!-- Messages -->\n <div class=\"conversation-messages\">\n <ng-content select=\"ax-conversation-message-list, [ax-conversation-message-list]\"></ng-content>\n </div>\n\n <!-- Composer -->\n <ng-content select=\"ax-conversation-composer, [ax-conversation-composer]\"></ng-content>\n </div>\n } @else {\n <div class=\"conversation-empty-state\">\n <div class=\"empty-state-content\">\n <ng-content select=\"ax-conversation-empty\">\n <svg class=\"empty-state-icon\" width=\"120\" height=\"120\" viewBox=\"0 0 120 120\" fill=\"none\">\n <circle class=\"text-light\" cx=\"60\" cy=\"60\" r=\"50\" fill=\"currentColor\" />\n <path\n class=\"text-on-surface/55\"\n d=\"M40 50h40M40 70h30\"\n stroke=\"currentColor\"\n stroke-width=\"3\"\n stroke-linecap=\"round\"\n />\n </svg>\n <h3 class=\"empty-state-title\">\n {{ '@acorex:chat.empty.no-conversation-selected-title' | translate | async }}\n </h3>\n <p class=\"empty-state-description\">\n {{ '@acorex:chat.empty.select-conversation-description' | translate | async }}\n </p>\n </ng-content>\n </div>\n </div>\n }\n </div>\n </div>\n", styles: ["@layer properties;@layer components{ax-conversation-container{display:block;height:100%;width:100%;--tw-outline-style: none;outline-style:none;font-variant-emoji:emoji}ax-conversation-container .conversation-container{display:flex;height:100%;width:100%;overflow:hidden;background-color:rgba(var(--ax-sys-color-lightest-surface))}ax-conversation-container .conversation-container-loading{display:flex;align-items:center;justify-content:center}ax-conversation-container .conversation-sidebar-container{display:none;height:100%;width:calc(var(--spacing, .25rem) * 0);flex-shrink:0;border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface))}ax-conversation-container .conversation-sidebar-container:has(*){display:block;width:var(--ax-conversation-sidebar-width, 320px)}ax-conversation-container .conversation-main-container{display:flex;height:100%;flex:1;flex-direction:column;overflow:hidden;container-type:inline-size;container-name:conversation}ax-conversation-container .conversation-view{display:flex;height:100%;width:100%;flex-direction:column}ax-conversation-container .conversation-view:has(.message-list--default-wallpaper.message-list--wallpaper-light){background:var(--ax-conversation-wallpaper-light)}ax-conversation-container .conversation-view:has(.message-list--default-wallpaper.message-list--wallpaper-dark){background:var(--ax-conversation-wallpaper-dark)}ax-conversation-container .conversation-messages{flex:1;overflow:hidden}ax-conversation-container .conversation-empty-state{display:flex;height:100%;width:100%;align-items:center;justify-content:center;background-color:rgba(var(--ax-sys-color-lightest-surface))}ax-conversation-container .empty-state-content{max-width:var(--container-md, 28rem);padding:calc(var(--spacing, .25rem) * 8);text-align:center}ax-conversation-container .empty-state-icon{margin-inline:auto;margin-bottom:calc(var(--spacing, .25rem) * 6);opacity:80%}ax-conversation-container .empty-state-title{margin:calc(var(--spacing, .25rem) * 0);margin-bottom:calc(var(--spacing, .25rem) * 2);font-size:var(--text-2xl, 1.5rem);line-height:var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600)}ax-conversation-container .empty-state-description{margin:calc(var(--spacing, .25rem) * 0);font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));opacity:70%}}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@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-font-weight: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"] }]
8903
+ }, template: " <div\n [class]=\"containerClasses()\"\n role=\"main\"\n [attr.aria-label]=\"'@acorex:chat.aria.conversation-interface' | translate | async\"\n >\n <!-- Sidebar -->\n <div\n class=\"conversation-sidebar-container\"\n [axResizable]=\"true\"\n [minWidth]=\"config.minSidebarWidth\"\n [maxWidth]=\"config.maxSidebarWidth\"\n [width]=\"config.defaultSidebarWidth\"\n role=\"navigation\"\n [attr.aria-label]=\"'@acorex:chat.aria.conversation-list' | translate | async\"\n >\n <ng-content select=\"ax-conversation-sidebar, [ax-conversation-sidebar]\"></ng-content>\n </div>\n\n <!-- Main conversation view -->\n <div\n class=\"conversation-main-container\"\n role=\"region\"\n [attr.aria-label]=\"\n activeConversation()\n ? ('@acorex:chat.aria.active-conversation' | translate | async)\n : ('@acorex:chat.status.no-conversation-selected' | translate | async)\n \"\n >\n @if (activeConversation(); as conversation) {\n <div class=\"conversation-view\">\n <!-- Info Bar -->\n <ng-content select=\"ax-conversation-info-bar, [ax-conversation-info-bar]\"></ng-content>\n\n <!-- Messages -->\n <div class=\"conversation-messages\">\n <ng-content select=\"ax-conversation-message-list, [ax-conversation-message-list]\"></ng-content>\n </div>\n\n <!-- Composer -->\n <ng-content select=\"ax-conversation-composer, [ax-conversation-composer]\"></ng-content>\n </div>\n } @else {\n <div class=\"conversation-empty-state\">\n <div class=\"empty-state-content\">\n <ng-content select=\"ax-conversation-empty\">\n <svg class=\"empty-state-icon\" width=\"120\" height=\"120\" viewBox=\"0 0 120 120\" fill=\"none\">\n <circle class=\"text-light\" cx=\"60\" cy=\"60\" r=\"50\" fill=\"currentColor\" />\n <path\n class=\"text-on-surface/55\"\n d=\"M40 50h40M40 70h30\"\n stroke=\"currentColor\"\n stroke-width=\"3\"\n stroke-linecap=\"round\"\n />\n </svg>\n <h3 class=\"empty-state-title\">\n {{ '@acorex:chat.empty.no-conversation-selected-title' | translate | async }}\n </h3>\n <p class=\"empty-state-description\">\n {{ '@acorex:chat.empty.select-conversation-description' | translate | async }}\n </p>\n </ng-content>\n </div>\n </div>\n }\n </div>\n </div>\n", styles: ["@layer properties;@layer components{ax-conversation-container{display:block;height:100%;width:100%;--tw-outline-style: none;outline-style:none;font-variant-emoji:emoji}ax-conversation-container .conversation-container{display:flex;height:100%;width:100%;overflow:hidden;background-color:rgba(var(--ax-sys-color-lightest-surface))}ax-conversation-container .conversation-container-loading{display:flex;align-items:center;justify-content:center}ax-conversation-container .conversation-sidebar-container{display:none;height:100%;width:calc(var(--spacing, .25rem) * 0);flex-shrink:0;border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface))}ax-conversation-container .conversation-sidebar-container:has(*){display:block;width:var(--ax-conversation-sidebar-width, 320px)}ax-conversation-container .conversation-main-container{display:flex;height:100%;flex:1;flex-direction:column;overflow:hidden;container-type:inline-size;container-name:conversation}ax-conversation-container .conversation-view{display:flex;height:100%;width:100%;min-width:calc(var(--spacing, .25rem) * 0);flex-direction:column;overflow:hidden}ax-conversation-container .conversation-view:has(.message-list--default-wallpaper.message-list--wallpaper-light){background:var(--ax-conversation-wallpaper-light)}ax-conversation-container .conversation-view:has(.message-list--default-wallpaper.message-list--wallpaper-dark){background:var(--ax-conversation-wallpaper-dark)}ax-conversation-container .conversation-messages{flex:1;overflow:hidden}ax-conversation-container .conversation-empty-state{display:flex;height:100%;width:100%;align-items:center;justify-content:center;background-color:rgba(var(--ax-sys-color-lightest-surface))}ax-conversation-container .empty-state-content{max-width:var(--container-md, 28rem);padding:calc(var(--spacing, .25rem) * 8);text-align:center}ax-conversation-container .empty-state-icon{margin-inline:auto;margin-bottom:calc(var(--spacing, .25rem) * 6);opacity:80%}ax-conversation-container .empty-state-title{margin:calc(var(--spacing, .25rem) * 0);margin-bottom:calc(var(--spacing, .25rem) * 2);font-size:var(--text-2xl, 1.5rem);line-height:var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600)}ax-conversation-container .empty-state-description{margin:calc(var(--spacing, .25rem) * 0);font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));opacity:70%}}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@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-font-weight: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"] }]
8897
8904
  }], ctorParameters: () => [], propDecorators: { customClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "customClass", required: false }] }] } });
8898
8905
 
8899
8906
  /**
@@ -12717,17 +12724,20 @@ var conversationAudio_fileType = /*#__PURE__*/Object.freeze({
12717
12724
  */
12718
12725
  class AXConversationPickerHeaderComponent {
12719
12726
  constructor() {
12727
+ this.translation = inject(AXTranslationService);
12720
12728
  this.title = input.required(/* @ts-ignore */
12721
12729
  ...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
12722
12730
  this.showMenu = input(false, /* @ts-ignore */
12723
12731
  ...(ngDevMode ? [{ debugName: "showMenu" }] : /* istanbul ignore next */ []));
12724
12732
  this.addMoreLabel = input('Add more files', /* @ts-ignore */
12725
12733
  ...(ngDevMode ? [{ debugName: "addMoreLabel" }] : /* istanbul ignore next */ []));
12734
+ this.closeLabel = input(this.translation.translateSync('@acorex:chat.actions.close'), /* @ts-ignore */
12735
+ ...(ngDevMode ? [{ debugName: "closeLabel" }] : /* istanbul ignore next */ []));
12726
12736
  this.onClose = output();
12727
12737
  this.onAddMore = output();
12728
12738
  }
12729
12739
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXConversationPickerHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
12730
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: AXConversationPickerHeaderComponent, isStandalone: true, selector: "ax-conversation-picker-header", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null }, showMenu: { classPropertyName: "showMenu", publicName: "showMenu", isSignal: true, isRequired: false, transformFunction: null }, addMoreLabel: { classPropertyName: "addMoreLabel", publicName: "addMoreLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onClose: "onClose", onAddMore: "onAddMore" }, ngImport: i0, template: "<div class=\"ax-conversation-picker-header\">\n <span class=\"ax-conversation-picker-header__title\">{{ title() }}</span>\n\n @if (showMenu()) {\n <ax-button class=\"ax-conversation-picker-header__menu rounded-full\" look=\"blank\" [iconOnly]=\"true\">\n <ax-icon><i class=\"fa-light fa-ellipsis-vertical\"></i></ax-icon>\n <ax-dropdown-panel>\n <ax-button-item-list>\n <ax-button-item [text]=\"addMoreLabel()\" (onClick)=\"onAddMore.emit()\">\n <ax-prefix>\n <ax-icon><i class=\"fa-light fa-plus\"></i></ax-icon>\n </ax-prefix>\n </ax-button-item>\n </ax-button-item-list>\n </ax-dropdown-panel>\n </ax-button>\n } @else {\n <span class=\"ax-conversation-picker-header__menu-spacer\" aria-hidden=\"true\"></span>\n }\n</div>\n", styles: ["@layer properties;@layer components{ax-conversation-picker-header .ax-conversation-picker-header{display:flex;flex-shrink:0;align-items:center;gap:calc(var(--spacing, .25rem) * 2);padding-inline:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 3);min-height:3rem}ax-conversation-picker-header .ax-conversation-picker-header__title{min-width:calc(var(--spacing, .25rem) * 0);flex:1;overflow:hidden;font-size:.9375rem;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);text-overflow:ellipsis;white-space:nowrap;color:rgba(var(--ax-sys-color-on-surface))}ax-conversation-picker-header .ax-conversation-picker-header__menu{flex-shrink:0}ax-conversation-picker-header .ax-conversation-picker-header__menu ax-icon i{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-on-surface),.55)}ax-conversation-picker-header .ax-conversation-picker-header__menu-spacer{height:calc(var(--spacing, .25rem) * 10);width:calc(var(--spacing, .25rem) * 10);flex-shrink:0}}@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-font-weight: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items", "closeParentOnClick", "lockOnLoading"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "component", type: AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "placement", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }], encapsulation: i0.ViewEncapsulation.None }); }
12740
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: AXConversationPickerHeaderComponent, isStandalone: true, selector: "ax-conversation-picker-header", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null }, showMenu: { classPropertyName: "showMenu", publicName: "showMenu", isSignal: true, isRequired: false, transformFunction: null }, addMoreLabel: { classPropertyName: "addMoreLabel", publicName: "addMoreLabel", isSignal: true, isRequired: false, transformFunction: null }, closeLabel: { classPropertyName: "closeLabel", publicName: "closeLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onClose: "onClose", onAddMore: "onAddMore" }, ngImport: i0, template: "<div class=\"ax-conversation-picker-header\">\n <span class=\"ax-conversation-picker-header__title\">{{ title() }}</span>\n\n @if (showMenu()) {\n <ax-button class=\"ax-conversation-picker-header__menu rounded-full\" look=\"blank\" [iconOnly]=\"true\">\n <ax-icon><i class=\"fa-light fa-ellipsis-vertical\"></i></ax-icon>\n <ax-dropdown-panel>\n <ax-button-item-list>\n <ax-button-item [text]=\"addMoreLabel()\" (onClick)=\"onAddMore.emit()\">\n <ax-prefix>\n <ax-icon><i class=\"fa-light fa-plus\"></i></ax-icon>\n </ax-prefix>\n </ax-button-item>\n </ax-button-item-list>\n </ax-dropdown-panel>\n </ax-button>\n } @else {\n <ax-button\n class=\"ax-conversation-picker-header__close rounded-full\"\n look=\"blank\"\n [iconOnly]=\"true\"\n [text]=\"closeLabel()\"\n (onClick)=\"onClose.emit()\"\n >\n <ax-icon><i class=\"fa-solid fa-xmark\"></i></ax-icon>\n </ax-button>\n }\n</div>\n", styles: ["@layer properties;@layer components{ax-conversation-picker-header .ax-conversation-picker-header{display:flex;flex-shrink:0;align-items:center;gap:calc(var(--spacing, .25rem) * 2);padding-inline:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 3);min-height:3rem}ax-conversation-picker-header .ax-conversation-picker-header__title{min-width:calc(var(--spacing, .25rem) * 0);flex:1;overflow:hidden;font-size:.9375rem;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);text-overflow:ellipsis;white-space:nowrap;color:rgba(var(--ax-sys-color-on-surface))}ax-conversation-picker-header .ax-conversation-picker-header__menu{flex-shrink:0}ax-conversation-picker-header .ax-conversation-picker-header__menu ax-icon i,ax-conversation-picker-header .ax-conversation-picker-header__close ax-icon i{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-on-surface),.55)}ax-conversation-picker-header .ax-conversation-picker-header__close{flex-shrink:0}@media(hover:hover){ax-conversation-picker-header .ax-conversation-picker-header__close:hover>button{background:rgba(var(--ax-sys-color-on-surface),.06)}}}@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-font-weight: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items", "closeParentOnClick", "lockOnLoading"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "component", type: AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "placement", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }], encapsulation: i0.ViewEncapsulation.None }); }
12731
12741
  }
12732
12742
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXConversationPickerHeaderComponent, decorators: [{
12733
12743
  type: Component,
@@ -12738,8 +12748,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImpor
12738
12748
  AXButtonItemListComponent,
12739
12749
  AXDecoratorModule,
12740
12750
  AXDropdownPanelComponent,
12741
- ], template: "<div class=\"ax-conversation-picker-header\">\n <span class=\"ax-conversation-picker-header__title\">{{ title() }}</span>\n\n @if (showMenu()) {\n <ax-button class=\"ax-conversation-picker-header__menu rounded-full\" look=\"blank\" [iconOnly]=\"true\">\n <ax-icon><i class=\"fa-light fa-ellipsis-vertical\"></i></ax-icon>\n <ax-dropdown-panel>\n <ax-button-item-list>\n <ax-button-item [text]=\"addMoreLabel()\" (onClick)=\"onAddMore.emit()\">\n <ax-prefix>\n <ax-icon><i class=\"fa-light fa-plus\"></i></ax-icon>\n </ax-prefix>\n </ax-button-item>\n </ax-button-item-list>\n </ax-dropdown-panel>\n </ax-button>\n } @else {\n <span class=\"ax-conversation-picker-header__menu-spacer\" aria-hidden=\"true\"></span>\n }\n</div>\n", styles: ["@layer properties;@layer components{ax-conversation-picker-header .ax-conversation-picker-header{display:flex;flex-shrink:0;align-items:center;gap:calc(var(--spacing, .25rem) * 2);padding-inline:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 3);min-height:3rem}ax-conversation-picker-header .ax-conversation-picker-header__title{min-width:calc(var(--spacing, .25rem) * 0);flex:1;overflow:hidden;font-size:.9375rem;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);text-overflow:ellipsis;white-space:nowrap;color:rgba(var(--ax-sys-color-on-surface))}ax-conversation-picker-header .ax-conversation-picker-header__menu{flex-shrink:0}ax-conversation-picker-header .ax-conversation-picker-header__menu ax-icon i{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-on-surface),.55)}ax-conversation-picker-header .ax-conversation-picker-header__menu-spacer{height:calc(var(--spacing, .25rem) * 10);width:calc(var(--spacing, .25rem) * 10);flex-shrink:0}}@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-font-weight: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"] }]
12742
- }], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: true }] }], showMenu: [{ type: i0.Input, args: [{ isSignal: true, alias: "showMenu", required: false }] }], addMoreLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "addMoreLabel", required: false }] }], onClose: [{ type: i0.Output, args: ["onClose"] }], onAddMore: [{ type: i0.Output, args: ["onAddMore"] }] } });
12751
+ ], template: "<div class=\"ax-conversation-picker-header\">\n <span class=\"ax-conversation-picker-header__title\">{{ title() }}</span>\n\n @if (showMenu()) {\n <ax-button class=\"ax-conversation-picker-header__menu rounded-full\" look=\"blank\" [iconOnly]=\"true\">\n <ax-icon><i class=\"fa-light fa-ellipsis-vertical\"></i></ax-icon>\n <ax-dropdown-panel>\n <ax-button-item-list>\n <ax-button-item [text]=\"addMoreLabel()\" (onClick)=\"onAddMore.emit()\">\n <ax-prefix>\n <ax-icon><i class=\"fa-light fa-plus\"></i></ax-icon>\n </ax-prefix>\n </ax-button-item>\n </ax-button-item-list>\n </ax-dropdown-panel>\n </ax-button>\n } @else {\n <ax-button\n class=\"ax-conversation-picker-header__close rounded-full\"\n look=\"blank\"\n [iconOnly]=\"true\"\n [text]=\"closeLabel()\"\n (onClick)=\"onClose.emit()\"\n >\n <ax-icon><i class=\"fa-solid fa-xmark\"></i></ax-icon>\n </ax-button>\n }\n</div>\n", styles: ["@layer properties;@layer components{ax-conversation-picker-header .ax-conversation-picker-header{display:flex;flex-shrink:0;align-items:center;gap:calc(var(--spacing, .25rem) * 2);padding-inline:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 3);min-height:3rem}ax-conversation-picker-header .ax-conversation-picker-header__title{min-width:calc(var(--spacing, .25rem) * 0);flex:1;overflow:hidden;font-size:.9375rem;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);text-overflow:ellipsis;white-space:nowrap;color:rgba(var(--ax-sys-color-on-surface))}ax-conversation-picker-header .ax-conversation-picker-header__menu{flex-shrink:0}ax-conversation-picker-header .ax-conversation-picker-header__menu ax-icon i,ax-conversation-picker-header .ax-conversation-picker-header__close ax-icon i{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-on-surface),.55)}ax-conversation-picker-header .ax-conversation-picker-header__close{flex-shrink:0}@media(hover:hover){ax-conversation-picker-header .ax-conversation-picker-header__close:hover>button{background:rgba(var(--ax-sys-color-on-surface),.06)}}}@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-font-weight: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"] }]
12752
+ }], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: true }] }], showMenu: [{ type: i0.Input, args: [{ isSignal: true, alias: "showMenu", required: false }] }], addMoreLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "addMoreLabel", required: false }] }], closeLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeLabel", required: false }] }], onClose: [{ type: i0.Output, args: ["onClose"] }], onAddMore: [{ type: i0.Output, args: ["onAddMore"] }] } });
12743
12753
 
12744
12754
  /**
12745
12755
  * Picker Footer Component
@@ -13229,7 +13239,7 @@ class AXConversationAudioPickerComponent {
13229
13239
  if (!item) {
13230
13240
  return;
13231
13241
  }
13232
- const { AXConversationPickerRenameFileDialogComponent } = await import('./acorex-components-conversation-picker-rename-file-dialog.component-C1lV6aI2.mjs');
13242
+ const { AXConversationPickerRenameFileDialogComponent } = await import('./acorex-components-conversation-picker-rename-file-dialog.component-CD_u5lrB.mjs');
13233
13243
  const result = await this.popupService.open(AXConversationPickerRenameFileDialogComponent, {
13234
13244
  title: this.translation.translateSync('@acorex:chat.pickers.files.rename-title'),
13235
13245
  size: 'sm',
@@ -13474,7 +13484,7 @@ class AXConversationAudioPickerComponent {
13474
13484
  });
13475
13485
  }
13476
13486
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXConversationAudioPickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
13477
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", 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 } }, viewQueries: [{ propertyName: "pickerShell", first: true, predicate: ["pickerShell"], descendants: true, isSignal: true }], ngImport: i0, template: "<ax-conversation-picker-shell\n #pickerShell\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]=\"getHeaderTitle()\"\n [showMenu]=\"audioFiles().length > 0\"\n [addMoreLabel]=\"translation.translateSync('@acorex:chat.pickers.common.add-more')\"\n (onAddMore)=\"onAddMoreFiles()\"\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 <div class=\"ax-conversation-picker__panel\">\n <div class=\"ax-conversation-picker__list\">\n @for (audio of audioFiles(); track audio.id) {\n <div class=\"ax-conversation-picker__row ax-conversation-picker__row--file\">\n <span class=\"ax-conversation-file__badge\" aria-hidden=\"true\">\n <span class=\"ax-conversation-file__badge-doc\">\n <i class=\"fa-solid fa-music\"></i>\n </span>\n </span>\n\n <div class=\"ax-conversation-picker__details\">\n <div class=\"ax-conversation-picker__name\" [title]=\"audio.file.name\">\n {{ truncateFileName(audio.file.name) }}\n </div>\n <div class=\"ax-conversation-picker__status\">\n @if (audio.uploading) {\n <span>{{ getUploadingLabel(audio.uploadProgress ?? 0) }}</span>\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) {\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\n <div class=\"ax-conversation-picker__row-actions\">\n <ax-button class=\"ax-sm rounded-full\" look=\"blank\" [iconOnly]=\"true\">\n <ax-icon><i class=\"fa-light fa-ellipsis-vertical\"></i></ax-icon>\n <ax-dropdown-panel>\n <ax-button-item-list>\n <ax-button-item\n [text]=\"translation.translateSync('@acorex:chat.pickers.files.rename-file')\"\n (onClick)=\"renameAudio($index)\"\n >\n <ax-prefix>\n <ax-icon><i class=\"fa-light fa-i-cursor\"></i></ax-icon>\n </ax-prefix>\n </ax-button-item>\n <ax-button-item\n [text]=\"translation.translateSync('@acorex:chat.pickers.files.replace-attachment')\"\n (onClick)=\"replaceAttachment($index)\"\n >\n <ax-prefix>\n <ax-icon><i class=\"fa-light fa-arrows-rotate\"></i></ax-icon>\n </ax-prefix>\n </ax-button-item>\n </ax-button-item-list>\n </ax-dropdown-panel>\n </ax-button>\n\n <ax-button\n class=\"ax-conversation-picker__row-remove rounded-full\"\n look=\"blank\"\n [iconOnly]=\"true\"\n [text]=\"translation.translateSync('@acorex:chat.pickers.common.remove')\"\n (onClick)=\"removeAudio($index)\"\n >\n <ax-icon><i class=\"fa-solid fa-xmark\"></i></ax-icon>\n </ax-button>\n </div>\n </div>\n }\n </div>\n </div>\n </div>\n }\n </div>\n\n @if (audioFiles().length > 0) {\n <ax-conversation-picker-options\n [(groupItems)]=\"groupItems\"\n [(sendAsDocuments)]=\"sendAsDocuments\"\n [showGroupItems]=\"allowMultiple() && audioFiles().length > 1\"\n [showSendAsDocuments]=\"true\"\n />\n <ax-conversation-picker-caption [(caption)]=\"caption\" [sendDisabled]=\"!canSend()\" (onSend)=\"sendAudio()\" />\n <ax-conversation-picker-footer\n [addLabel]=\"translation.translateSync('@acorex:chat.pickers.common.add')\"\n [cancelLabel]=\"translation.translateSync('@acorex:chat.actions.cancel')\"\n [sendLabel]=\"translation.translateSync('@acorex:chat.actions.send')\"\n [sendDisabled]=\"!canSend()\"\n (onAdd)=\"onAddMoreFiles()\"\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(36rem,92dvh);width:min(22.5rem,94vw);border-radius:.75rem;overflow:hidden;box-shadow:0 .25rem 1.5rem #0000002e}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-main-container{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow:hidden}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-body-container{display:flex;min-height:calc(var(--spacing, .25rem) * 0);flex:1;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;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;flex:1;flex-direction:column;overflow:hidden}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup{max-height:min(92dvh,92dvh);width:100vw;border-radius:1.25rem 1.25rem 0 0}}.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup{max-height:none;width:min(26rem,94vw);border-radius:1.25rem}.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-main-container,.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-body-container,.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-body-container>ng-component{display:flex;height:auto;min-height:calc(var(--spacing, .25rem) * 0);flex-direction:column;overflow:visible;flex:0 0 auto}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup{width:100vw;border-radius:1.25rem 1.25rem 0 0}}.ax-popup-overlay.ax-conversation-composer-picker-popup--location .ax-popup{max-height:min(40rem,92dvh);width:min(32rem,94vw)}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup--location .ax-popup{max-height:min(92dvh,92dvh)}}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup{max-height:min(48rem,94dvh);width:min(48rem,96vw);overflow:hidden}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-main-container,.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow:hidden}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container{display:flex;flex-direction:column;padding:calc(var(--spacing, .25rem) * 0)}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container>ng-component{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;flex:1;flex-direction:column;overflow:hidden}@media(max-width:480px){.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup{max-height:min(94dvh,94dvh);width:100vw}}}@layer components{:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{--ax-file-badge-color: rgb(var(--ax-sys-color-primary-500));--ax-file-badge-fg: rgb(var(--ax-sys-color-on-primary-surface));--ax-file-badge-size: 3rem}.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file,.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file,.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{--ax-file-badge-color: rgb(var(--ax-sys-color-on-primary-surface));--ax-file-badge-fg: rgb(var(--ax-sys-color-primary-surface))}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{position:relative;display:flex;height:calc(var(--spacing, .25rem) * 12);width:calc(var(--spacing, .25rem) * 12);flex-shrink:0;align-items:center;justify-content:center;text-decoration-line:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-doc,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-download{display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:calc(infinity * 1px);width:var(--ax-file-badge-size);height:var(--ax-file-badge-size);background:var(--ax-file-badge-color);color:var(--ax-file-badge-fg)}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-fold{display:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-ext{position:relative;z-index:1;max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-bottom:.1rem;text-align: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;text-transform:lowercase}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-download{display:none;font-size:var(--text-3xl, 1.875rem);line-height:var(--tw-leading, var(--text-3xl--line-height, 1.2 ))}@media(hover:hover){:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__badge-doc{display:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__badge-download,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file:hover .ax-conversation-file__badge-download{display:flex}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover){background:transparent}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover) img,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover) video,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover)>i{opacity:0}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:hover .ax-conversation-file__badge-download,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-file__badge-download{display:none}}ax-conversation-file-attachment .ax-conversation-file__thumb .ax-conversation-file__badge-download{pointer-events:none;position:absolute;inset:calc(var(--spacing, .25rem) * 0);z-index:2}ax-conversation-audio-attachment .ax-conversation-audio--file .ax-conversation-file__badge-download{pointer-events:none;position:absolute;inset:calc(var(--spacing, .25rem) * 0);z-index:3}@media(hover:hover){ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__play-icon{opacity:0%}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__play-icon{opacity:100%}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__cover{opacity:0}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__cover{opacity:1}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__play-btn:before{opacity:0}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__play-btn:before{opacity:1}}}@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:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;max-width:100%;flex:1;flex-direction:column;overflow:hidden}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-shell{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-header,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-options,:is(ax-conversation-picker-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,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-footer{flex-shrink:0}:is(ax-conversation-picker-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) * 4);display:flex;min-height:9rem;cursor:pointer;touch-action:manipulation;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 1.5);border-radius:var(--radius-2xl, 1rem);padding:calc(var(--spacing, .25rem) * 6);text-align:center;border:1px dashed rgba(var(--ax-sys-color-on-surface),.14);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-500),.45);background:rgba(var(--ax-sys-color-primary-500),.05)}:is(ax-conversation-picker-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),.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__empty-title{margin:calc(var(--spacing, .25rem) * 0);font-size:.875rem;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);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),.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__body{padding-inline:calc(var(--spacing, .25rem) * 4);padding-bottom: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__panel{overflow:hidden}:is(ax-conversation-picker-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}:is(ax-conversation-picker-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) * 3);padding-block:calc(var(--spacing, .25rem) * 2.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__row+.ax-conversation-picker__row{border-top:1px solid rgba(var(--ax-sys-color-on-surface),.08)}:is(ax-conversation-picker-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--file{gap:calc(var(--spacing, .25rem) * 3);padding-block: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__row--file .ax-conversation-file__badge-doc i{font-size:var(--text-xl, 1.25rem);line-height:var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)))}:is(ax-conversation-picker-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) * 12);width:calc(var(--spacing, .25rem) * 12);flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;background:rgba(var(--ax-sys-color-on-surface),.08);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__thumb--square{border-radius:var(--radius-lg, .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__thumb--circle{border-radius:calc(infinity * 1px)}:is(ax-conversation-picker-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;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-play{position:absolute;inset:calc(var(--spacing, .25rem) * 0);display:flex;align-items:center;justify-content:center;font-size:.7rem;color:var(--color-white, #fff);background:#00000047}:is(ax-conversation-picker-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-play .fa-play{padding-inline-start:.12rem}:is(ax-conversation-picker-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-main{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;align-items:center;gap: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__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:.9375rem;--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400);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:.8125rem;--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);color:rgba(var(--ax-sys-color-on-surface),.52)}:is(ax-conversation-picker-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__row-actions{display:flex;flex-shrink:0;align-items:center;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__media-hint{margin:calc(var(--spacing, .25rem) * 0);margin-top:calc(var(--spacing, .25rem) * 2);text-align:center;font-size:.8125rem;color:rgba(var(--ax-sys-color-on-surface),.45)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid{overflow:hidden;border-radius:var(--radius-xl, .75rem);background:rgba(var(--ax-sys-color-on-surface),.04)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single{display:block}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single .ax-conversation-picker__media-tile{min-height:12rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--dual{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--spacing, .25rem) * .5);min-height:10rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--triple{display:grid;gap:calc(var(--spacing, .25rem) * .5);grid-template-columns:1.2fr 1fr;grid-template-rows:repeat(2,minmax(0,1fr));min-height:14rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--triple>:first-child{grid-row:span 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__media-grid--triple .ax-conversation-picker__media-tile{min-height:0;height: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__media-grid--quad{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--spacing, .25rem) * .5);min-height:14rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--many{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));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__media-grid--masonry{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5);overflow:hidden;border-radius:var(--radius-xl, .75rem);background:rgba(var(--ax-sys-color-on-surface),.04)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-row{display:flex;min-height:8.5rem;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__media-row .ax-conversation-picker__media-tile{min-height:calc(var(--spacing, .25rem) * 0);min-width:calc(var(--spacing, .25rem) * 0);flex: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__media-grid--single .ax-conversation-picker__media-tile 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__media-grid--single .ax-conversation-picker__media-tile video{object-fit:contain;max-height:min(50dvh,22rem)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile{position:relative;min-height:6.5rem;overflow:hidden;background:rgba(var(--ax-sys-color-on-surface),.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__media-tile 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__media-tile video{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__media-grid:not(.ax-conversation-picker__media-grid--single) .ax-conversation-picker__media-tile 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__media-grid:not(.ax-conversation-picker__media-grid--single) .ax-conversation-picker__media-tile video{position:absolute;inset:0}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile-overlay{position:absolute;inset-inline:calc(var(--spacing, .25rem) * 0);top:calc(var(--spacing, .25rem) * 0);z-index:1;display:flex;align-items:flex-start;justify-content:flex-end;gap:calc(var(--spacing, .25rem) * .5);padding:calc(var(--spacing, .25rem) * 1.5);background:linear-gradient(rgb(0 0 0 / .35),transparent 70%)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-status-layer{position:absolute;inset-inline:calc(var(--spacing, .25rem) * 0);bottom:calc(var(--spacing, .25rem) * 0);display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 1);padding:calc(var(--spacing, .25rem) * 2);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__media-status{font-size:.6875rem;--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__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__body{padding-inline:calc(var(--spacing, .25rem) * 3);padding-bottom:calc(var(--spacing, .25rem) * 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__row{gap:calc(var(--spacing, .25rem) * 2.5);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__empty{margin:calc(var(--spacing, .25rem) * 3);min-height:8rem}}}@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-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: i2$2.AXProgressBarComponent, selector: "ax-progress-bar", inputs: ["color", "mode", "progress", "height"], outputs: ["ValueChange", "sizeChange"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items", "closeParentOnClick", "lockOnLoading"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "component", type: AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "placement", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "component", type: AXConversationPickerHeaderComponent, selector: "ax-conversation-picker-header", inputs: ["title", "showMenu", "addMoreLabel"], outputs: ["onClose", "onAddMore"] }, { kind: "component", type: AXConversationPickerFooterComponent, selector: "ax-conversation-picker-footer", inputs: ["showAdd", "addLabel", "cancelLabel", "sendLabel", "sendDisabled"], outputs: ["onAdd", "onCancel", "onSend"] }, { kind: "component", type: AXConversationPickerEmptyComponent, selector: "ax-conversation-picker-empty", inputs: ["title", "hint", "iconClass", "dragOver"] }, { kind: "component", type: AXConversationPickerCaptionComponent, selector: "ax-conversation-picker-caption", inputs: ["caption", "showInlineSend", "sendDisabled"], outputs: ["captionChange", "onSend"] }, { kind: "component", type: AXConversationPickerOptionsComponent, selector: "ax-conversation-picker-options", inputs: ["showGroupItems", "showSendAsDocuments", "groupItems", "sendAsDocuments"], outputs: ["groupItemsChange", "sendAsDocumentsChange"] }, { kind: "component", type: AXConversationPickerShellComponent, selector: "ax-conversation-picker-shell", inputs: ["fileType", "multiple"], outputs: ["filesSelected", "dragEnter", "dragLeave", "dragOver"] }], encapsulation: i0.ViewEncapsulation.None }); }
13487
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", 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 } }, viewQueries: [{ propertyName: "pickerShell", first: true, predicate: ["pickerShell"], descendants: true, isSignal: true }], ngImport: i0, template: "<ax-conversation-picker-shell\n #pickerShell\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]=\"getHeaderTitle()\"\n [showMenu]=\"audioFiles().length > 0\"\n [addMoreLabel]=\"translation.translateSync('@acorex:chat.pickers.common.add-more')\"\n (onAddMore)=\"onAddMoreFiles()\"\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 <div class=\"ax-conversation-picker__panel\">\n <div class=\"ax-conversation-picker__list\">\n @for (audio of audioFiles(); track audio.id) {\n <div class=\"ax-conversation-picker__row ax-conversation-picker__row--file\">\n <span class=\"ax-conversation-file__badge\" aria-hidden=\"true\">\n <span class=\"ax-conversation-file__badge-doc\">\n <i class=\"fa-solid fa-music\"></i>\n </span>\n </span>\n\n <div class=\"ax-conversation-picker__details\">\n <div class=\"ax-conversation-picker__name\" [title]=\"audio.file.name\">\n {{ truncateFileName(audio.file.name) }}\n </div>\n <div class=\"ax-conversation-picker__status\">\n @if (audio.uploading) {\n <span>{{ getUploadingLabel(audio.uploadProgress ?? 0) }}</span>\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) {\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\n <div class=\"ax-conversation-picker__row-actions\">\n <ax-button class=\"ax-sm rounded-full\" look=\"blank\" [iconOnly]=\"true\">\n <ax-icon><i class=\"fa-light fa-ellipsis-vertical\"></i></ax-icon>\n <ax-dropdown-panel>\n <ax-button-item-list>\n <ax-button-item\n [text]=\"translation.translateSync('@acorex:chat.pickers.files.rename-file')\"\n (onClick)=\"renameAudio($index)\"\n >\n <ax-prefix>\n <ax-icon><i class=\"fa-light fa-i-cursor\"></i></ax-icon>\n </ax-prefix>\n </ax-button-item>\n <ax-button-item\n [text]=\"translation.translateSync('@acorex:chat.pickers.files.replace-attachment')\"\n (onClick)=\"replaceAttachment($index)\"\n >\n <ax-prefix>\n <ax-icon><i class=\"fa-light fa-arrows-rotate\"></i></ax-icon>\n </ax-prefix>\n </ax-button-item>\n </ax-button-item-list>\n </ax-dropdown-panel>\n </ax-button>\n\n <ax-button\n class=\"ax-conversation-picker__row-remove rounded-full\"\n look=\"blank\"\n [iconOnly]=\"true\"\n [text]=\"translation.translateSync('@acorex:chat.pickers.common.remove')\"\n (onClick)=\"removeAudio($index)\"\n >\n <ax-icon><i class=\"fa-solid fa-xmark\"></i></ax-icon>\n </ax-button>\n </div>\n </div>\n }\n </div>\n </div>\n </div>\n }\n </div>\n\n @if (audioFiles().length > 0) {\n <ax-conversation-picker-options\n [(groupItems)]=\"groupItems\"\n [(sendAsDocuments)]=\"sendAsDocuments\"\n [showGroupItems]=\"allowMultiple() && audioFiles().length > 1\"\n [showSendAsDocuments]=\"true\"\n />\n <ax-conversation-picker-caption [(caption)]=\"caption\" [sendDisabled]=\"!canSend()\" (onSend)=\"sendAudio()\" />\n <ax-conversation-picker-footer\n [addLabel]=\"translation.translateSync('@acorex:chat.pickers.common.add')\"\n [cancelLabel]=\"translation.translateSync('@acorex:chat.actions.cancel')\"\n [sendLabel]=\"translation.translateSync('@acorex:chat.actions.send')\"\n [sendDisabled]=\"!canSend()\"\n (onAdd)=\"onAddMoreFiles()\"\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(36rem,92dvh);width:min(22.5rem,94vw);border-radius:.75rem;overflow:hidden;box-shadow:0 .25rem 1.5rem #0000002e}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-main-container{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow:hidden}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-body-container{display:flex;min-height:calc(var(--spacing, .25rem) * 0);flex:1;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;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;flex:1;flex-direction:column;overflow:hidden}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup{max-height:min(92dvh,92dvh);width:100vw;border-radius:1.25rem 1.25rem 0 0}}.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup{max-height:none;width:min(26rem,94vw);border-radius:1.25rem}.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-main-container,.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-body-container,.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-body-container>ng-component{display:flex;height:auto;min-height:calc(var(--spacing, .25rem) * 0);flex-direction:column;overflow:visible;flex:0 0 auto}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup{width:100vw;border-radius:1.25rem 1.25rem 0 0}}.ax-popup-overlay.ax-conversation-composer-picker-popup--location .ax-popup{max-height:min(40rem,92dvh);width:min(32rem,94vw)}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup--location .ax-popup{max-height:min(92dvh,92dvh)}}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup{max-height:min(48rem,94dvh);width:min(48rem,96vw);overflow:hidden}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-main-container,.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow:hidden}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container{display:flex;flex-direction:column;padding:calc(var(--spacing, .25rem) * 0)}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container>ng-component{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;flex:1;flex-direction:column;overflow:hidden}@media(max-width:480px){.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup{max-height:min(94dvh,94dvh);width:100vw}}}@layer components{:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{--ax-file-badge-color: rgb(var(--ax-sys-color-primary-500));--ax-file-badge-fg: rgb(var(--ax-sys-color-on-primary-surface));--ax-file-badge-size: 3rem}.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file,.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file,.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{--ax-file-badge-color: rgb(var(--ax-sys-color-on-primary-surface));--ax-file-badge-fg: rgb(var(--ax-sys-color-primary-surface))}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{position:relative;display:flex;height:calc(var(--spacing, .25rem) * 12);width:calc(var(--spacing, .25rem) * 12);flex-shrink:0;align-items:center;justify-content:center;text-decoration-line:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-doc,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-download{display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:calc(infinity * 1px);width:var(--ax-file-badge-size);height:var(--ax-file-badge-size);background:var(--ax-file-badge-color);color:var(--ax-file-badge-fg)}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-fold{display:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-ext{position:relative;z-index:1;max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-bottom:.1rem;text-align: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;text-transform:lowercase}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-download{display:none;font-size:var(--text-3xl, 1.875rem);line-height:var(--tw-leading, var(--text-3xl--line-height, 1.2 ))}@media(hover:hover){:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__badge-doc{display:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__badge-download,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file:hover .ax-conversation-file__badge-download{display:flex}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover){background:transparent}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover) img,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover) video,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover)>i{opacity:0}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:hover .ax-conversation-file__badge-download,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-file__badge-download{display:none}}ax-conversation-file-attachment .ax-conversation-file__thumb .ax-conversation-file__badge-download{pointer-events:none;position:absolute;inset:calc(var(--spacing, .25rem) * 0);z-index:2}ax-conversation-audio-attachment .ax-conversation-audio--file .ax-conversation-file__badge-download{pointer-events:none;position:absolute;inset:calc(var(--spacing, .25rem) * 0);z-index:3}@media(hover:hover){ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__play-icon{opacity:0%}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__play-icon{opacity:100%}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__cover{opacity:0}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__cover{opacity:1}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__play-btn:before{opacity:0}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__play-btn:before{opacity:1}}}@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:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;max-width:100%;flex:1;flex-direction:column;overflow:hidden}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-shell{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-header,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-options,:is(ax-conversation-picker-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,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-footer{flex-shrink:0}:is(ax-conversation-picker-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) * 4);display:flex;min-height:9rem;cursor:pointer;touch-action:manipulation;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 1.5);border-radius:var(--radius-2xl, 1rem);padding:calc(var(--spacing, .25rem) * 6);text-align:center;border:1px dashed rgba(var(--ax-sys-color-on-surface),.14);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-500),.45);background:rgba(var(--ax-sys-color-primary-500),.05)}:is(ax-conversation-picker-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),.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__empty-title{margin:calc(var(--spacing, .25rem) * 0);font-size:.875rem;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);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),.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__body{padding-inline:calc(var(--spacing, .25rem) * 4);padding-bottom: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__panel{overflow:hidden}:is(ax-conversation-picker-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}:is(ax-conversation-picker-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) * 3);padding-block:calc(var(--spacing, .25rem) * 2.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__row+.ax-conversation-picker__row{border-top:1px solid rgba(var(--ax-sys-color-on-surface),.08)}:is(ax-conversation-picker-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--file{gap:calc(var(--spacing, .25rem) * 3);padding-block: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__row--file .ax-conversation-file__badge-doc i{font-size:var(--text-xl, 1.25rem);line-height:var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)))}:is(ax-conversation-picker-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) * 12);width:calc(var(--spacing, .25rem) * 12);flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;background:rgba(var(--ax-sys-color-on-surface),.08);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__thumb--square{border-radius:var(--radius-lg, .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__thumb--circle{border-radius:calc(infinity * 1px)}:is(ax-conversation-picker-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;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-play{position:absolute;inset:calc(var(--spacing, .25rem) * 0);display:flex;align-items:center;justify-content:center;font-size:.7rem;color:var(--color-white, #fff);background:#00000047}:is(ax-conversation-picker-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-play .fa-play{padding-inline-start:.12rem}:is(ax-conversation-picker-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-main{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;align-items:center;gap: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__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:.9375rem;--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400);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:.8125rem;--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);color:rgba(var(--ax-sys-color-on-surface),.52)}:is(ax-conversation-picker-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__row-actions{display:flex;flex-shrink:0;align-items:center;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__media-hint{margin:calc(var(--spacing, .25rem) * 0);margin-top:calc(var(--spacing, .25rem) * 2);text-align:center;font-size:.8125rem;color:rgba(var(--ax-sys-color-on-surface),.45)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid{overflow:hidden;border-radius:var(--radius-xl, .75rem);background:rgba(var(--ax-sys-color-on-surface),.04)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single{display:block}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single .ax-conversation-picker__media-tile{min-height:12rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--dual{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--spacing, .25rem) * .5);min-height:10rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--triple{display:grid;gap:calc(var(--spacing, .25rem) * .5);grid-template-columns:1.2fr 1fr;grid-template-rows:repeat(2,minmax(0,1fr));min-height:14rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--triple>:first-child{grid-row:span 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__media-grid--triple .ax-conversation-picker__media-tile{min-height:0;height: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__media-grid--quad{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--spacing, .25rem) * .5);min-height:14rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--many{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));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__media-grid--masonry{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5);overflow:hidden;border-radius:var(--radius-xl, .75rem);background:rgba(var(--ax-sys-color-on-surface),.04)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-row{display:flex;min-height:8.5rem;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__media-row .ax-conversation-picker__media-tile{min-height:calc(var(--spacing, .25rem) * 0);min-width:calc(var(--spacing, .25rem) * 0);flex: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__media-grid--single .ax-conversation-picker__media-tile 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__media-grid--single .ax-conversation-picker__media-tile video{object-fit:contain;max-height:min(50dvh,22rem)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile{position:relative;min-height:6.5rem;overflow:hidden;background:rgba(var(--ax-sys-color-on-surface),.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__media-tile 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__media-tile video{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__media-grid:not(.ax-conversation-picker__media-grid--single) .ax-conversation-picker__media-tile 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__media-grid:not(.ax-conversation-picker__media-grid--single) .ax-conversation-picker__media-tile video{position:absolute;inset:0}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile-overlay{position:absolute;inset-inline:calc(var(--spacing, .25rem) * 0);top:calc(var(--spacing, .25rem) * 0);z-index:1;display:flex;align-items:flex-start;justify-content:flex-end;gap:calc(var(--spacing, .25rem) * .5);padding:calc(var(--spacing, .25rem) * 1.5);background:linear-gradient(rgb(0 0 0 / .35),transparent 70%)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-status-layer{position:absolute;inset-inline:calc(var(--spacing, .25rem) * 0);bottom:calc(var(--spacing, .25rem) * 0);display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 1);padding:calc(var(--spacing, .25rem) * 2);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__media-status{font-size:.6875rem;--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__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__body{padding-inline:calc(var(--spacing, .25rem) * 3);padding-bottom:calc(var(--spacing, .25rem) * 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__row{gap:calc(var(--spacing, .25rem) * 2.5);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__empty{margin:calc(var(--spacing, .25rem) * 3);min-height:8rem}}}@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-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: i2$2.AXProgressBarComponent, selector: "ax-progress-bar", inputs: ["color", "mode", "progress", "height"], outputs: ["ValueChange", "sizeChange"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items", "closeParentOnClick", "lockOnLoading"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "component", type: AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "placement", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "component", type: AXConversationPickerHeaderComponent, selector: "ax-conversation-picker-header", inputs: ["title", "showMenu", "addMoreLabel", "closeLabel"], outputs: ["onClose", "onAddMore"] }, { kind: "component", type: AXConversationPickerFooterComponent, selector: "ax-conversation-picker-footer", inputs: ["showAdd", "addLabel", "cancelLabel", "sendLabel", "sendDisabled"], outputs: ["onAdd", "onCancel", "onSend"] }, { kind: "component", type: AXConversationPickerEmptyComponent, selector: "ax-conversation-picker-empty", inputs: ["title", "hint", "iconClass", "dragOver"] }, { kind: "component", type: AXConversationPickerCaptionComponent, selector: "ax-conversation-picker-caption", inputs: ["caption", "showInlineSend", "sendDisabled"], outputs: ["captionChange", "onSend"] }, { kind: "component", type: AXConversationPickerOptionsComponent, selector: "ax-conversation-picker-options", inputs: ["showGroupItems", "showSendAsDocuments", "groupItems", "sendAsDocuments"], outputs: ["groupItemsChange", "sendAsDocumentsChange"] }, { kind: "component", type: AXConversationPickerShellComponent, selector: "ax-conversation-picker-shell", inputs: ["fileType", "multiple"], outputs: ["filesSelected", "dragEnter", "dragLeave", "dragOver"] }], encapsulation: i0.ViewEncapsulation.None }); }
13478
13488
  }
13479
13489
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXConversationAudioPickerComponent, decorators: [{
13480
13490
  type: Component,
@@ -13493,7 +13503,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImpor
13493
13503
  AXConversationPickerCaptionComponent,
13494
13504
  AXConversationPickerOptionsComponent,
13495
13505
  AXConversationPickerShellComponent,
13496
- ], template: "<ax-conversation-picker-shell\n #pickerShell\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]=\"getHeaderTitle()\"\n [showMenu]=\"audioFiles().length > 0\"\n [addMoreLabel]=\"translation.translateSync('@acorex:chat.pickers.common.add-more')\"\n (onAddMore)=\"onAddMoreFiles()\"\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 <div class=\"ax-conversation-picker__panel\">\n <div class=\"ax-conversation-picker__list\">\n @for (audio of audioFiles(); track audio.id) {\n <div class=\"ax-conversation-picker__row ax-conversation-picker__row--file\">\n <span class=\"ax-conversation-file__badge\" aria-hidden=\"true\">\n <span class=\"ax-conversation-file__badge-doc\">\n <i class=\"fa-solid fa-music\"></i>\n </span>\n </span>\n\n <div class=\"ax-conversation-picker__details\">\n <div class=\"ax-conversation-picker__name\" [title]=\"audio.file.name\">\n {{ truncateFileName(audio.file.name) }}\n </div>\n <div class=\"ax-conversation-picker__status\">\n @if (audio.uploading) {\n <span>{{ getUploadingLabel(audio.uploadProgress ?? 0) }}</span>\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) {\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\n <div class=\"ax-conversation-picker__row-actions\">\n <ax-button class=\"ax-sm rounded-full\" look=\"blank\" [iconOnly]=\"true\">\n <ax-icon><i class=\"fa-light fa-ellipsis-vertical\"></i></ax-icon>\n <ax-dropdown-panel>\n <ax-button-item-list>\n <ax-button-item\n [text]=\"translation.translateSync('@acorex:chat.pickers.files.rename-file')\"\n (onClick)=\"renameAudio($index)\"\n >\n <ax-prefix>\n <ax-icon><i class=\"fa-light fa-i-cursor\"></i></ax-icon>\n </ax-prefix>\n </ax-button-item>\n <ax-button-item\n [text]=\"translation.translateSync('@acorex:chat.pickers.files.replace-attachment')\"\n (onClick)=\"replaceAttachment($index)\"\n >\n <ax-prefix>\n <ax-icon><i class=\"fa-light fa-arrows-rotate\"></i></ax-icon>\n </ax-prefix>\n </ax-button-item>\n </ax-button-item-list>\n </ax-dropdown-panel>\n </ax-button>\n\n <ax-button\n class=\"ax-conversation-picker__row-remove rounded-full\"\n look=\"blank\"\n [iconOnly]=\"true\"\n [text]=\"translation.translateSync('@acorex:chat.pickers.common.remove')\"\n (onClick)=\"removeAudio($index)\"\n >\n <ax-icon><i class=\"fa-solid fa-xmark\"></i></ax-icon>\n </ax-button>\n </div>\n </div>\n }\n </div>\n </div>\n </div>\n }\n </div>\n\n @if (audioFiles().length > 0) {\n <ax-conversation-picker-options\n [(groupItems)]=\"groupItems\"\n [(sendAsDocuments)]=\"sendAsDocuments\"\n [showGroupItems]=\"allowMultiple() && audioFiles().length > 1\"\n [showSendAsDocuments]=\"true\"\n />\n <ax-conversation-picker-caption [(caption)]=\"caption\" [sendDisabled]=\"!canSend()\" (onSend)=\"sendAudio()\" />\n <ax-conversation-picker-footer\n [addLabel]=\"translation.translateSync('@acorex:chat.pickers.common.add')\"\n [cancelLabel]=\"translation.translateSync('@acorex:chat.actions.cancel')\"\n [sendLabel]=\"translation.translateSync('@acorex:chat.actions.send')\"\n [sendDisabled]=\"!canSend()\"\n (onAdd)=\"onAddMoreFiles()\"\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(36rem,92dvh);width:min(22.5rem,94vw);border-radius:.75rem;overflow:hidden;box-shadow:0 .25rem 1.5rem #0000002e}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-main-container{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow:hidden}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-body-container{display:flex;min-height:calc(var(--spacing, .25rem) * 0);flex:1;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;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;flex:1;flex-direction:column;overflow:hidden}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup{max-height:min(92dvh,92dvh);width:100vw;border-radius:1.25rem 1.25rem 0 0}}.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup{max-height:none;width:min(26rem,94vw);border-radius:1.25rem}.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-main-container,.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-body-container,.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-body-container>ng-component{display:flex;height:auto;min-height:calc(var(--spacing, .25rem) * 0);flex-direction:column;overflow:visible;flex:0 0 auto}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup{width:100vw;border-radius:1.25rem 1.25rem 0 0}}.ax-popup-overlay.ax-conversation-composer-picker-popup--location .ax-popup{max-height:min(40rem,92dvh);width:min(32rem,94vw)}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup--location .ax-popup{max-height:min(92dvh,92dvh)}}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup{max-height:min(48rem,94dvh);width:min(48rem,96vw);overflow:hidden}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-main-container,.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow:hidden}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container{display:flex;flex-direction:column;padding:calc(var(--spacing, .25rem) * 0)}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container>ng-component{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;flex:1;flex-direction:column;overflow:hidden}@media(max-width:480px){.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup{max-height:min(94dvh,94dvh);width:100vw}}}@layer components{:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{--ax-file-badge-color: rgb(var(--ax-sys-color-primary-500));--ax-file-badge-fg: rgb(var(--ax-sys-color-on-primary-surface));--ax-file-badge-size: 3rem}.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file,.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file,.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{--ax-file-badge-color: rgb(var(--ax-sys-color-on-primary-surface));--ax-file-badge-fg: rgb(var(--ax-sys-color-primary-surface))}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{position:relative;display:flex;height:calc(var(--spacing, .25rem) * 12);width:calc(var(--spacing, .25rem) * 12);flex-shrink:0;align-items:center;justify-content:center;text-decoration-line:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-doc,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-download{display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:calc(infinity * 1px);width:var(--ax-file-badge-size);height:var(--ax-file-badge-size);background:var(--ax-file-badge-color);color:var(--ax-file-badge-fg)}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-fold{display:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-ext{position:relative;z-index:1;max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-bottom:.1rem;text-align: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;text-transform:lowercase}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-download{display:none;font-size:var(--text-3xl, 1.875rem);line-height:var(--tw-leading, var(--text-3xl--line-height, 1.2 ))}@media(hover:hover){:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__badge-doc{display:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__badge-download,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file:hover .ax-conversation-file__badge-download{display:flex}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover){background:transparent}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover) img,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover) video,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover)>i{opacity:0}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:hover .ax-conversation-file__badge-download,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-file__badge-download{display:none}}ax-conversation-file-attachment .ax-conversation-file__thumb .ax-conversation-file__badge-download{pointer-events:none;position:absolute;inset:calc(var(--spacing, .25rem) * 0);z-index:2}ax-conversation-audio-attachment .ax-conversation-audio--file .ax-conversation-file__badge-download{pointer-events:none;position:absolute;inset:calc(var(--spacing, .25rem) * 0);z-index:3}@media(hover:hover){ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__play-icon{opacity:0%}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__play-icon{opacity:100%}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__cover{opacity:0}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__cover{opacity:1}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__play-btn:before{opacity:0}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__play-btn:before{opacity:1}}}@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:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;max-width:100%;flex:1;flex-direction:column;overflow:hidden}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-shell{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-header,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-options,:is(ax-conversation-picker-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,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-footer{flex-shrink:0}:is(ax-conversation-picker-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) * 4);display:flex;min-height:9rem;cursor:pointer;touch-action:manipulation;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 1.5);border-radius:var(--radius-2xl, 1rem);padding:calc(var(--spacing, .25rem) * 6);text-align:center;border:1px dashed rgba(var(--ax-sys-color-on-surface),.14);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-500),.45);background:rgba(var(--ax-sys-color-primary-500),.05)}:is(ax-conversation-picker-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),.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__empty-title{margin:calc(var(--spacing, .25rem) * 0);font-size:.875rem;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);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),.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__body{padding-inline:calc(var(--spacing, .25rem) * 4);padding-bottom: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__panel{overflow:hidden}:is(ax-conversation-picker-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}:is(ax-conversation-picker-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) * 3);padding-block:calc(var(--spacing, .25rem) * 2.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__row+.ax-conversation-picker__row{border-top:1px solid rgba(var(--ax-sys-color-on-surface),.08)}:is(ax-conversation-picker-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--file{gap:calc(var(--spacing, .25rem) * 3);padding-block: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__row--file .ax-conversation-file__badge-doc i{font-size:var(--text-xl, 1.25rem);line-height:var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)))}:is(ax-conversation-picker-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) * 12);width:calc(var(--spacing, .25rem) * 12);flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;background:rgba(var(--ax-sys-color-on-surface),.08);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__thumb--square{border-radius:var(--radius-lg, .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__thumb--circle{border-radius:calc(infinity * 1px)}:is(ax-conversation-picker-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;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-play{position:absolute;inset:calc(var(--spacing, .25rem) * 0);display:flex;align-items:center;justify-content:center;font-size:.7rem;color:var(--color-white, #fff);background:#00000047}:is(ax-conversation-picker-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-play .fa-play{padding-inline-start:.12rem}:is(ax-conversation-picker-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-main{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;align-items:center;gap: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__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:.9375rem;--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400);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:.8125rem;--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);color:rgba(var(--ax-sys-color-on-surface),.52)}:is(ax-conversation-picker-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__row-actions{display:flex;flex-shrink:0;align-items:center;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__media-hint{margin:calc(var(--spacing, .25rem) * 0);margin-top:calc(var(--spacing, .25rem) * 2);text-align:center;font-size:.8125rem;color:rgba(var(--ax-sys-color-on-surface),.45)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid{overflow:hidden;border-radius:var(--radius-xl, .75rem);background:rgba(var(--ax-sys-color-on-surface),.04)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single{display:block}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single .ax-conversation-picker__media-tile{min-height:12rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--dual{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--spacing, .25rem) * .5);min-height:10rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--triple{display:grid;gap:calc(var(--spacing, .25rem) * .5);grid-template-columns:1.2fr 1fr;grid-template-rows:repeat(2,minmax(0,1fr));min-height:14rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--triple>:first-child{grid-row:span 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__media-grid--triple .ax-conversation-picker__media-tile{min-height:0;height: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__media-grid--quad{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--spacing, .25rem) * .5);min-height:14rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--many{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));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__media-grid--masonry{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5);overflow:hidden;border-radius:var(--radius-xl, .75rem);background:rgba(var(--ax-sys-color-on-surface),.04)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-row{display:flex;min-height:8.5rem;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__media-row .ax-conversation-picker__media-tile{min-height:calc(var(--spacing, .25rem) * 0);min-width:calc(var(--spacing, .25rem) * 0);flex: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__media-grid--single .ax-conversation-picker__media-tile 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__media-grid--single .ax-conversation-picker__media-tile video{object-fit:contain;max-height:min(50dvh,22rem)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile{position:relative;min-height:6.5rem;overflow:hidden;background:rgba(var(--ax-sys-color-on-surface),.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__media-tile 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__media-tile video{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__media-grid:not(.ax-conversation-picker__media-grid--single) .ax-conversation-picker__media-tile 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__media-grid:not(.ax-conversation-picker__media-grid--single) .ax-conversation-picker__media-tile video{position:absolute;inset:0}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile-overlay{position:absolute;inset-inline:calc(var(--spacing, .25rem) * 0);top:calc(var(--spacing, .25rem) * 0);z-index:1;display:flex;align-items:flex-start;justify-content:flex-end;gap:calc(var(--spacing, .25rem) * .5);padding:calc(var(--spacing, .25rem) * 1.5);background:linear-gradient(rgb(0 0 0 / .35),transparent 70%)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-status-layer{position:absolute;inset-inline:calc(var(--spacing, .25rem) * 0);bottom:calc(var(--spacing, .25rem) * 0);display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 1);padding:calc(var(--spacing, .25rem) * 2);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__media-status{font-size:.6875rem;--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__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__body{padding-inline:calc(var(--spacing, .25rem) * 3);padding-bottom:calc(var(--spacing, .25rem) * 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__row{gap:calc(var(--spacing, .25rem) * 2.5);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__empty{margin:calc(var(--spacing, .25rem) * 3);min-height:8rem}}}@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-leading: initial;--tw-font-weight: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"] }]
13506
+ ], template: "<ax-conversation-picker-shell\n #pickerShell\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]=\"getHeaderTitle()\"\n [showMenu]=\"audioFiles().length > 0\"\n [addMoreLabel]=\"translation.translateSync('@acorex:chat.pickers.common.add-more')\"\n (onAddMore)=\"onAddMoreFiles()\"\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 <div class=\"ax-conversation-picker__panel\">\n <div class=\"ax-conversation-picker__list\">\n @for (audio of audioFiles(); track audio.id) {\n <div class=\"ax-conversation-picker__row ax-conversation-picker__row--file\">\n <span class=\"ax-conversation-file__badge\" aria-hidden=\"true\">\n <span class=\"ax-conversation-file__badge-doc\">\n <i class=\"fa-solid fa-music\"></i>\n </span>\n </span>\n\n <div class=\"ax-conversation-picker__details\">\n <div class=\"ax-conversation-picker__name\" [title]=\"audio.file.name\">\n {{ truncateFileName(audio.file.name) }}\n </div>\n <div class=\"ax-conversation-picker__status\">\n @if (audio.uploading) {\n <span>{{ getUploadingLabel(audio.uploadProgress ?? 0) }}</span>\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) {\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\n <div class=\"ax-conversation-picker__row-actions\">\n <ax-button class=\"ax-sm rounded-full\" look=\"blank\" [iconOnly]=\"true\">\n <ax-icon><i class=\"fa-light fa-ellipsis-vertical\"></i></ax-icon>\n <ax-dropdown-panel>\n <ax-button-item-list>\n <ax-button-item\n [text]=\"translation.translateSync('@acorex:chat.pickers.files.rename-file')\"\n (onClick)=\"renameAudio($index)\"\n >\n <ax-prefix>\n <ax-icon><i class=\"fa-light fa-i-cursor\"></i></ax-icon>\n </ax-prefix>\n </ax-button-item>\n <ax-button-item\n [text]=\"translation.translateSync('@acorex:chat.pickers.files.replace-attachment')\"\n (onClick)=\"replaceAttachment($index)\"\n >\n <ax-prefix>\n <ax-icon><i class=\"fa-light fa-arrows-rotate\"></i></ax-icon>\n </ax-prefix>\n </ax-button-item>\n </ax-button-item-list>\n </ax-dropdown-panel>\n </ax-button>\n\n <ax-button\n class=\"ax-conversation-picker__row-remove rounded-full\"\n look=\"blank\"\n [iconOnly]=\"true\"\n [text]=\"translation.translateSync('@acorex:chat.pickers.common.remove')\"\n (onClick)=\"removeAudio($index)\"\n >\n <ax-icon><i class=\"fa-solid fa-xmark\"></i></ax-icon>\n </ax-button>\n </div>\n </div>\n }\n </div>\n </div>\n </div>\n }\n </div>\n\n @if (audioFiles().length > 0) {\n <ax-conversation-picker-options\n [(groupItems)]=\"groupItems\"\n [(sendAsDocuments)]=\"sendAsDocuments\"\n [showGroupItems]=\"allowMultiple() && audioFiles().length > 1\"\n [showSendAsDocuments]=\"true\"\n />\n <ax-conversation-picker-caption [(caption)]=\"caption\" [sendDisabled]=\"!canSend()\" (onSend)=\"sendAudio()\" />\n <ax-conversation-picker-footer\n [addLabel]=\"translation.translateSync('@acorex:chat.pickers.common.add')\"\n [cancelLabel]=\"translation.translateSync('@acorex:chat.actions.cancel')\"\n [sendLabel]=\"translation.translateSync('@acorex:chat.actions.send')\"\n [sendDisabled]=\"!canSend()\"\n (onAdd)=\"onAddMoreFiles()\"\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(36rem,92dvh);width:min(22.5rem,94vw);border-radius:.75rem;overflow:hidden;box-shadow:0 .25rem 1.5rem #0000002e}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-main-container{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow:hidden}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-body-container{display:flex;min-height:calc(var(--spacing, .25rem) * 0);flex:1;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;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;flex:1;flex-direction:column;overflow:hidden}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup{max-height:min(92dvh,92dvh);width:100vw;border-radius:1.25rem 1.25rem 0 0}}.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup{max-height:none;width:min(26rem,94vw);border-radius:1.25rem}.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-main-container,.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-body-container,.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-body-container>ng-component{display:flex;height:auto;min-height:calc(var(--spacing, .25rem) * 0);flex-direction:column;overflow:visible;flex:0 0 auto}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup{width:100vw;border-radius:1.25rem 1.25rem 0 0}}.ax-popup-overlay.ax-conversation-composer-picker-popup--location .ax-popup{max-height:min(40rem,92dvh);width:min(32rem,94vw)}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup--location .ax-popup{max-height:min(92dvh,92dvh)}}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup{max-height:min(48rem,94dvh);width:min(48rem,96vw);overflow:hidden}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-main-container,.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow:hidden}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container{display:flex;flex-direction:column;padding:calc(var(--spacing, .25rem) * 0)}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container>ng-component{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;flex:1;flex-direction:column;overflow:hidden}@media(max-width:480px){.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup{max-height:min(94dvh,94dvh);width:100vw}}}@layer components{:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{--ax-file-badge-color: rgb(var(--ax-sys-color-primary-500));--ax-file-badge-fg: rgb(var(--ax-sys-color-on-primary-surface));--ax-file-badge-size: 3rem}.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file,.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file,.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{--ax-file-badge-color: rgb(var(--ax-sys-color-on-primary-surface));--ax-file-badge-fg: rgb(var(--ax-sys-color-primary-surface))}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{position:relative;display:flex;height:calc(var(--spacing, .25rem) * 12);width:calc(var(--spacing, .25rem) * 12);flex-shrink:0;align-items:center;justify-content:center;text-decoration-line:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-doc,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-download{display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:calc(infinity * 1px);width:var(--ax-file-badge-size);height:var(--ax-file-badge-size);background:var(--ax-file-badge-color);color:var(--ax-file-badge-fg)}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-fold{display:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-ext{position:relative;z-index:1;max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-bottom:.1rem;text-align: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;text-transform:lowercase}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-download{display:none;font-size:var(--text-3xl, 1.875rem);line-height:var(--tw-leading, var(--text-3xl--line-height, 1.2 ))}@media(hover:hover){:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__badge-doc{display:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__badge-download,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file:hover .ax-conversation-file__badge-download{display:flex}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover){background:transparent}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover) img,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover) video,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover)>i{opacity:0}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:hover .ax-conversation-file__badge-download,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-file__badge-download{display:none}}ax-conversation-file-attachment .ax-conversation-file__thumb .ax-conversation-file__badge-download{pointer-events:none;position:absolute;inset:calc(var(--spacing, .25rem) * 0);z-index:2}ax-conversation-audio-attachment .ax-conversation-audio--file .ax-conversation-file__badge-download{pointer-events:none;position:absolute;inset:calc(var(--spacing, .25rem) * 0);z-index:3}@media(hover:hover){ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__play-icon{opacity:0%}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__play-icon{opacity:100%}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__cover{opacity:0}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__cover{opacity:1}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__play-btn:before{opacity:0}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__play-btn:before{opacity:1}}}@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:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;max-width:100%;flex:1;flex-direction:column;overflow:hidden}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-shell{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-header,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-options,:is(ax-conversation-picker-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,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-footer{flex-shrink:0}:is(ax-conversation-picker-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) * 4);display:flex;min-height:9rem;cursor:pointer;touch-action:manipulation;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 1.5);border-radius:var(--radius-2xl, 1rem);padding:calc(var(--spacing, .25rem) * 6);text-align:center;border:1px dashed rgba(var(--ax-sys-color-on-surface),.14);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-500),.45);background:rgba(var(--ax-sys-color-primary-500),.05)}:is(ax-conversation-picker-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),.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__empty-title{margin:calc(var(--spacing, .25rem) * 0);font-size:.875rem;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);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),.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__body{padding-inline:calc(var(--spacing, .25rem) * 4);padding-bottom: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__panel{overflow:hidden}:is(ax-conversation-picker-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}:is(ax-conversation-picker-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) * 3);padding-block:calc(var(--spacing, .25rem) * 2.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__row+.ax-conversation-picker__row{border-top:1px solid rgba(var(--ax-sys-color-on-surface),.08)}:is(ax-conversation-picker-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--file{gap:calc(var(--spacing, .25rem) * 3);padding-block: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__row--file .ax-conversation-file__badge-doc i{font-size:var(--text-xl, 1.25rem);line-height:var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)))}:is(ax-conversation-picker-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) * 12);width:calc(var(--spacing, .25rem) * 12);flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;background:rgba(var(--ax-sys-color-on-surface),.08);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__thumb--square{border-radius:var(--radius-lg, .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__thumb--circle{border-radius:calc(infinity * 1px)}:is(ax-conversation-picker-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;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-play{position:absolute;inset:calc(var(--spacing, .25rem) * 0);display:flex;align-items:center;justify-content:center;font-size:.7rem;color:var(--color-white, #fff);background:#00000047}:is(ax-conversation-picker-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-play .fa-play{padding-inline-start:.12rem}:is(ax-conversation-picker-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-main{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;align-items:center;gap: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__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:.9375rem;--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400);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:.8125rem;--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);color:rgba(var(--ax-sys-color-on-surface),.52)}:is(ax-conversation-picker-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__row-actions{display:flex;flex-shrink:0;align-items:center;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__media-hint{margin:calc(var(--spacing, .25rem) * 0);margin-top:calc(var(--spacing, .25rem) * 2);text-align:center;font-size:.8125rem;color:rgba(var(--ax-sys-color-on-surface),.45)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid{overflow:hidden;border-radius:var(--radius-xl, .75rem);background:rgba(var(--ax-sys-color-on-surface),.04)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single{display:block}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single .ax-conversation-picker__media-tile{min-height:12rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--dual{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--spacing, .25rem) * .5);min-height:10rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--triple{display:grid;gap:calc(var(--spacing, .25rem) * .5);grid-template-columns:1.2fr 1fr;grid-template-rows:repeat(2,minmax(0,1fr));min-height:14rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--triple>:first-child{grid-row:span 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__media-grid--triple .ax-conversation-picker__media-tile{min-height:0;height: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__media-grid--quad{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--spacing, .25rem) * .5);min-height:14rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--many{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));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__media-grid--masonry{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5);overflow:hidden;border-radius:var(--radius-xl, .75rem);background:rgba(var(--ax-sys-color-on-surface),.04)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-row{display:flex;min-height:8.5rem;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__media-row .ax-conversation-picker__media-tile{min-height:calc(var(--spacing, .25rem) * 0);min-width:calc(var(--spacing, .25rem) * 0);flex: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__media-grid--single .ax-conversation-picker__media-tile 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__media-grid--single .ax-conversation-picker__media-tile video{object-fit:contain;max-height:min(50dvh,22rem)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile{position:relative;min-height:6.5rem;overflow:hidden;background:rgba(var(--ax-sys-color-on-surface),.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__media-tile 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__media-tile video{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__media-grid:not(.ax-conversation-picker__media-grid--single) .ax-conversation-picker__media-tile 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__media-grid:not(.ax-conversation-picker__media-grid--single) .ax-conversation-picker__media-tile video{position:absolute;inset:0}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile-overlay{position:absolute;inset-inline:calc(var(--spacing, .25rem) * 0);top:calc(var(--spacing, .25rem) * 0);z-index:1;display:flex;align-items:flex-start;justify-content:flex-end;gap:calc(var(--spacing, .25rem) * .5);padding:calc(var(--spacing, .25rem) * 1.5);background:linear-gradient(rgb(0 0 0 / .35),transparent 70%)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-status-layer{position:absolute;inset-inline:calc(var(--spacing, .25rem) * 0);bottom:calc(var(--spacing, .25rem) * 0);display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 1);padding:calc(var(--spacing, .25rem) * 2);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__media-status{font-size:.6875rem;--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__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__body{padding-inline:calc(var(--spacing, .25rem) * 3);padding-bottom:calc(var(--spacing, .25rem) * 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__row{gap:calc(var(--spacing, .25rem) * 2.5);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__empty{margin:calc(var(--spacing, .25rem) * 3);min-height:8rem}}}@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-leading: initial;--tw-font-weight: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"] }]
13497
13507
  }], 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 }] }], pickerShell: [{ type: i0.ViewChild, args: ['pickerShell', { isSignal: true }] }] } });
13498
13508
 
13499
13509
  var audioPicker_component = /*#__PURE__*/Object.freeze({
@@ -13850,7 +13860,7 @@ class AXConversationFilePickerComponent {
13850
13860
  if (!item) {
13851
13861
  return;
13852
13862
  }
13853
- const { AXConversationPickerRenameFileDialogComponent } = await import('./acorex-components-conversation-picker-rename-file-dialog.component-C1lV6aI2.mjs');
13863
+ const { AXConversationPickerRenameFileDialogComponent } = await import('./acorex-components-conversation-picker-rename-file-dialog.component-CD_u5lrB.mjs');
13854
13864
  const result = await this.popupService.open(AXConversationPickerRenameFileDialogComponent, {
13855
13865
  title: this.translation.translateSync('@acorex:chat.pickers.files.rename-title'),
13856
13866
  size: 'sm',
@@ -14090,7 +14100,7 @@ class AXConversationFilePickerComponent {
14090
14100
  });
14091
14101
  }
14092
14102
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXConversationFilePickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
14093
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", 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 } }, viewQueries: [{ propertyName: "pickerShell", first: true, predicate: ["pickerShell"], descendants: true, isSignal: true }], ngImport: i0, template: "<ax-conversation-picker-shell\n #pickerShell\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]=\"getHeaderTitle()\"\n [showMenu]=\"files().length > 0\"\n [addMoreLabel]=\"translation.translateSync('@acorex:chat.pickers.common.add-more')\"\n (onAddMore)=\"onAddMoreFiles()\"\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 <div class=\"ax-conversation-picker__panel\">\n <div class=\"ax-conversation-picker__list\">\n @for (file of files(); track file.id) {\n <div class=\"ax-conversation-picker__row ax-conversation-picker__row--file\">\n @switch (file.type) {\n @case ('image') {\n <span\n class=\"ax-conversation-picker__thumb ax-conversation-picker__thumb--square\"\n aria-hidden=\"true\"\n >\n @if (file.preview) {\n <img [src]=\"file.preview\" alt=\"\" />\n } @else {\n <i class=\"fa-light fa-image\"></i>\n }\n </span>\n }\n @case ('video') {\n <span\n class=\"ax-conversation-picker__thumb ax-conversation-picker__thumb--square\"\n aria-hidden=\"true\"\n >\n @if (file.preview) {\n <video [src]=\"file.preview\" muted playsinline preload=\"metadata\"></video>\n } @else {\n <i class=\"fa-light fa-video\"></i>\n }\n </span>\n }\n @case ('audio') {\n <span\n class=\"ax-conversation-picker__thumb ax-conversation-picker__thumb--circle\"\n aria-hidden=\"true\"\n >\n @if (file.preview) {\n <img [src]=\"file.preview\" alt=\"\" />\n } @else {\n <i class=\"fa-light fa-music\"></i>\n }\n <!-- <span class=\"ax-conversation-picker__thumb-play\">\n <i class=\"fa-solid fa-play\"></i>\n </span> -->\n </span>\n }\n @default {\n <span class=\"ax-conversation-file__badge\" aria-hidden=\"true\">\n <span class=\"ax-conversation-file__badge-doc\">\n <i class=\"fa-solid fa-file-lines\"></i>\n </span>\n </span>\n }\n }\n\n <div class=\"ax-conversation-picker__details\">\n <div class=\"ax-conversation-picker__name\" [title]=\"file.file.name\">\n {{ truncateFileName(file.file.name) }}\n </div>\n <div class=\"ax-conversation-picker__status\">\n @if (file.uploading) {\n <span>{{ getUploadingLabel(file.uploadProgress ?? 0) }}</span>\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) {\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\n <div class=\"ax-conversation-picker__row-actions\">\n <ax-button class=\"ax-sm rounded-full\" look=\"blank\" [iconOnly]=\"true\">\n <ax-icon><i class=\"fa-light fa-ellipsis-vertical\"></i></ax-icon>\n <ax-dropdown-panel>\n <ax-button-item-list>\n <ax-button-item\n [text]=\"translation.translateSync('@acorex:chat.pickers.files.rename-file')\"\n (onClick)=\"renameFile($index)\"\n >\n <ax-prefix>\n <ax-icon><i class=\"fa-light fa-i-cursor\"></i></ax-icon>\n </ax-prefix>\n </ax-button-item>\n <ax-button-item\n [text]=\"translation.translateSync('@acorex:chat.pickers.files.replace-attachment')\"\n (onClick)=\"replaceAttachment($index)\"\n >\n <ax-prefix>\n <ax-icon><i class=\"fa-light fa-arrows-rotate\"></i></ax-icon>\n </ax-prefix>\n </ax-button-item>\n </ax-button-item-list>\n </ax-dropdown-panel>\n </ax-button>\n\n <ax-button\n class=\"ax-conversation-picker__row-remove rounded-full\"\n look=\"blank\"\n [iconOnly]=\"true\"\n [text]=\"translation.translateSync('@acorex:chat.pickers.common.remove')\"\n (onClick)=\"removeFile($index)\"\n >\n <ax-icon><i class=\"fa-solid fa-xmark\"></i></ax-icon>\n </ax-button>\n </div>\n </div>\n }\n </div>\n </div>\n </div>\n }\n </div>\n\n @if (files().length > 0) {\n <ax-conversation-picker-options\n [(groupItems)]=\"groupItems\"\n [showGroupItems]=\"allowMultiple() && files().length > 1\"\n />\n <ax-conversation-picker-caption [(caption)]=\"caption\" [sendDisabled]=\"!canSend()\" (onSend)=\"sendFiles()\" />\n <ax-conversation-picker-footer\n [addLabel]=\"translation.translateSync('@acorex:chat.pickers.common.add')\"\n [cancelLabel]=\"translation.translateSync('@acorex:chat.actions.cancel')\"\n [sendLabel]=\"translation.translateSync('@acorex:chat.actions.send')\"\n [sendDisabled]=\"!canSend()\"\n (onAdd)=\"onAddMoreFiles()\"\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(36rem,92dvh);width:min(22.5rem,94vw);border-radius:.75rem;overflow:hidden;box-shadow:0 .25rem 1.5rem #0000002e}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-main-container{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow:hidden}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-body-container{display:flex;min-height:calc(var(--spacing, .25rem) * 0);flex:1;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;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;flex:1;flex-direction:column;overflow:hidden}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup{max-height:min(92dvh,92dvh);width:100vw;border-radius:1.25rem 1.25rem 0 0}}.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup{max-height:none;width:min(26rem,94vw);border-radius:1.25rem}.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-main-container,.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-body-container,.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-body-container>ng-component{display:flex;height:auto;min-height:calc(var(--spacing, .25rem) * 0);flex-direction:column;overflow:visible;flex:0 0 auto}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup{width:100vw;border-radius:1.25rem 1.25rem 0 0}}.ax-popup-overlay.ax-conversation-composer-picker-popup--location .ax-popup{max-height:min(40rem,92dvh);width:min(32rem,94vw)}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup--location .ax-popup{max-height:min(92dvh,92dvh)}}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup{max-height:min(48rem,94dvh);width:min(48rem,96vw);overflow:hidden}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-main-container,.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow:hidden}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container{display:flex;flex-direction:column;padding:calc(var(--spacing, .25rem) * 0)}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container>ng-component{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;flex:1;flex-direction:column;overflow:hidden}@media(max-width:480px){.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup{max-height:min(94dvh,94dvh);width:100vw}}}@layer components{:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{--ax-file-badge-color: rgb(var(--ax-sys-color-primary-500));--ax-file-badge-fg: rgb(var(--ax-sys-color-on-primary-surface));--ax-file-badge-size: 3rem}.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file,.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file,.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{--ax-file-badge-color: rgb(var(--ax-sys-color-on-primary-surface));--ax-file-badge-fg: rgb(var(--ax-sys-color-primary-surface))}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{position:relative;display:flex;height:calc(var(--spacing, .25rem) * 12);width:calc(var(--spacing, .25rem) * 12);flex-shrink:0;align-items:center;justify-content:center;text-decoration-line:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-doc,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-download{display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:calc(infinity * 1px);width:var(--ax-file-badge-size);height:var(--ax-file-badge-size);background:var(--ax-file-badge-color);color:var(--ax-file-badge-fg)}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-fold{display:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-ext{position:relative;z-index:1;max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-bottom:.1rem;text-align: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;text-transform:lowercase}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-download{display:none;font-size:var(--text-3xl, 1.875rem);line-height:var(--tw-leading, var(--text-3xl--line-height, 1.2 ))}@media(hover:hover){:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__badge-doc{display:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__badge-download,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file:hover .ax-conversation-file__badge-download{display:flex}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover){background:transparent}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover) img,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover) video,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover)>i{opacity:0}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:hover .ax-conversation-file__badge-download,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-file__badge-download{display:none}}ax-conversation-file-attachment .ax-conversation-file__thumb .ax-conversation-file__badge-download{pointer-events:none;position:absolute;inset:calc(var(--spacing, .25rem) * 0);z-index:2}ax-conversation-audio-attachment .ax-conversation-audio--file .ax-conversation-file__badge-download{pointer-events:none;position:absolute;inset:calc(var(--spacing, .25rem) * 0);z-index:3}@media(hover:hover){ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__play-icon{opacity:0%}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__play-icon{opacity:100%}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__cover{opacity:0}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__cover{opacity:1}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__play-btn:before{opacity:0}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__play-btn:before{opacity:1}}}@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:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;max-width:100%;flex:1;flex-direction:column;overflow:hidden}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-shell{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-header,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-options,:is(ax-conversation-picker-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,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-footer{flex-shrink:0}:is(ax-conversation-picker-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) * 4);display:flex;min-height:9rem;cursor:pointer;touch-action:manipulation;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 1.5);border-radius:var(--radius-2xl, 1rem);padding:calc(var(--spacing, .25rem) * 6);text-align:center;border:1px dashed rgba(var(--ax-sys-color-on-surface),.14);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-500),.45);background:rgba(var(--ax-sys-color-primary-500),.05)}:is(ax-conversation-picker-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),.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__empty-title{margin:calc(var(--spacing, .25rem) * 0);font-size:.875rem;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);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),.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__body{padding-inline:calc(var(--spacing, .25rem) * 4);padding-bottom: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__panel{overflow:hidden}:is(ax-conversation-picker-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}:is(ax-conversation-picker-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) * 3);padding-block:calc(var(--spacing, .25rem) * 2.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__row+.ax-conversation-picker__row{border-top:1px solid rgba(var(--ax-sys-color-on-surface),.08)}:is(ax-conversation-picker-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--file{gap:calc(var(--spacing, .25rem) * 3);padding-block: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__row--file .ax-conversation-file__badge-doc i{font-size:var(--text-xl, 1.25rem);line-height:var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)))}:is(ax-conversation-picker-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) * 12);width:calc(var(--spacing, .25rem) * 12);flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;background:rgba(var(--ax-sys-color-on-surface),.08);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__thumb--square{border-radius:var(--radius-lg, .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__thumb--circle{border-radius:calc(infinity * 1px)}:is(ax-conversation-picker-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;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-play{position:absolute;inset:calc(var(--spacing, .25rem) * 0);display:flex;align-items:center;justify-content:center;font-size:.7rem;color:var(--color-white, #fff);background:#00000047}:is(ax-conversation-picker-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-play .fa-play{padding-inline-start:.12rem}:is(ax-conversation-picker-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-main{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;align-items:center;gap: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__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:.9375rem;--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400);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:.8125rem;--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);color:rgba(var(--ax-sys-color-on-surface),.52)}:is(ax-conversation-picker-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__row-actions{display:flex;flex-shrink:0;align-items:center;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__media-hint{margin:calc(var(--spacing, .25rem) * 0);margin-top:calc(var(--spacing, .25rem) * 2);text-align:center;font-size:.8125rem;color:rgba(var(--ax-sys-color-on-surface),.45)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid{overflow:hidden;border-radius:var(--radius-xl, .75rem);background:rgba(var(--ax-sys-color-on-surface),.04)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single{display:block}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single .ax-conversation-picker__media-tile{min-height:12rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--dual{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--spacing, .25rem) * .5);min-height:10rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--triple{display:grid;gap:calc(var(--spacing, .25rem) * .5);grid-template-columns:1.2fr 1fr;grid-template-rows:repeat(2,minmax(0,1fr));min-height:14rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--triple>:first-child{grid-row:span 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__media-grid--triple .ax-conversation-picker__media-tile{min-height:0;height: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__media-grid--quad{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--spacing, .25rem) * .5);min-height:14rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--many{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));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__media-grid--masonry{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5);overflow:hidden;border-radius:var(--radius-xl, .75rem);background:rgba(var(--ax-sys-color-on-surface),.04)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-row{display:flex;min-height:8.5rem;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__media-row .ax-conversation-picker__media-tile{min-height:calc(var(--spacing, .25rem) * 0);min-width:calc(var(--spacing, .25rem) * 0);flex: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__media-grid--single .ax-conversation-picker__media-tile 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__media-grid--single .ax-conversation-picker__media-tile video{object-fit:contain;max-height:min(50dvh,22rem)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile{position:relative;min-height:6.5rem;overflow:hidden;background:rgba(var(--ax-sys-color-on-surface),.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__media-tile 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__media-tile video{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__media-grid:not(.ax-conversation-picker__media-grid--single) .ax-conversation-picker__media-tile 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__media-grid:not(.ax-conversation-picker__media-grid--single) .ax-conversation-picker__media-tile video{position:absolute;inset:0}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile-overlay{position:absolute;inset-inline:calc(var(--spacing, .25rem) * 0);top:calc(var(--spacing, .25rem) * 0);z-index:1;display:flex;align-items:flex-start;justify-content:flex-end;gap:calc(var(--spacing, .25rem) * .5);padding:calc(var(--spacing, .25rem) * 1.5);background:linear-gradient(rgb(0 0 0 / .35),transparent 70%)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-status-layer{position:absolute;inset-inline:calc(var(--spacing, .25rem) * 0);bottom:calc(var(--spacing, .25rem) * 0);display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 1);padding:calc(var(--spacing, .25rem) * 2);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__media-status{font-size:.6875rem;--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__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__body{padding-inline:calc(var(--spacing, .25rem) * 3);padding-bottom:calc(var(--spacing, .25rem) * 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__row{gap:calc(var(--spacing, .25rem) * 2.5);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__empty{margin:calc(var(--spacing, .25rem) * 3);min-height:8rem}}}@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-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: i2$2.AXProgressBarComponent, selector: "ax-progress-bar", inputs: ["color", "mode", "progress", "height"], outputs: ["ValueChange", "sizeChange"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items", "closeParentOnClick", "lockOnLoading"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "component", type: AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "placement", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "component", type: AXConversationPickerHeaderComponent, selector: "ax-conversation-picker-header", inputs: ["title", "showMenu", "addMoreLabel"], outputs: ["onClose", "onAddMore"] }, { kind: "component", type: AXConversationPickerFooterComponent, selector: "ax-conversation-picker-footer", inputs: ["showAdd", "addLabel", "cancelLabel", "sendLabel", "sendDisabled"], outputs: ["onAdd", "onCancel", "onSend"] }, { kind: "component", type: AXConversationPickerEmptyComponent, selector: "ax-conversation-picker-empty", inputs: ["title", "hint", "iconClass", "dragOver"] }, { kind: "component", type: AXConversationPickerCaptionComponent, selector: "ax-conversation-picker-caption", inputs: ["caption", "showInlineSend", "sendDisabled"], outputs: ["captionChange", "onSend"] }, { kind: "component", type: AXConversationPickerOptionsComponent, selector: "ax-conversation-picker-options", inputs: ["showGroupItems", "showSendAsDocuments", "groupItems", "sendAsDocuments"], outputs: ["groupItemsChange", "sendAsDocumentsChange"] }, { kind: "component", type: AXConversationPickerShellComponent, selector: "ax-conversation-picker-shell", inputs: ["fileType", "multiple"], outputs: ["filesSelected", "dragEnter", "dragLeave", "dragOver"] }], encapsulation: i0.ViewEncapsulation.None }); }
14103
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", 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 } }, viewQueries: [{ propertyName: "pickerShell", first: true, predicate: ["pickerShell"], descendants: true, isSignal: true }], ngImport: i0, template: "<ax-conversation-picker-shell\n #pickerShell\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]=\"getHeaderTitle()\"\n [showMenu]=\"files().length > 0\"\n [addMoreLabel]=\"translation.translateSync('@acorex:chat.pickers.common.add-more')\"\n (onAddMore)=\"onAddMoreFiles()\"\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 <div class=\"ax-conversation-picker__panel\">\n <div class=\"ax-conversation-picker__list\">\n @for (file of files(); track file.id) {\n <div class=\"ax-conversation-picker__row ax-conversation-picker__row--file\">\n @switch (file.type) {\n @case ('image') {\n <span\n class=\"ax-conversation-picker__thumb ax-conversation-picker__thumb--square\"\n aria-hidden=\"true\"\n >\n @if (file.preview) {\n <img [src]=\"file.preview\" alt=\"\" />\n } @else {\n <i class=\"fa-light fa-image\"></i>\n }\n </span>\n }\n @case ('video') {\n <span\n class=\"ax-conversation-picker__thumb ax-conversation-picker__thumb--square\"\n aria-hidden=\"true\"\n >\n @if (file.preview) {\n <video [src]=\"file.preview\" muted playsinline preload=\"metadata\"></video>\n } @else {\n <i class=\"fa-light fa-video\"></i>\n }\n </span>\n }\n @case ('audio') {\n <span\n class=\"ax-conversation-picker__thumb ax-conversation-picker__thumb--circle\"\n aria-hidden=\"true\"\n >\n @if (file.preview) {\n <img [src]=\"file.preview\" alt=\"\" />\n } @else {\n <i class=\"fa-light fa-music\"></i>\n }\n <!-- <span class=\"ax-conversation-picker__thumb-play\">\n <i class=\"fa-solid fa-play\"></i>\n </span> -->\n </span>\n }\n @default {\n <span class=\"ax-conversation-file__badge\" aria-hidden=\"true\">\n <span class=\"ax-conversation-file__badge-doc\">\n <i class=\"fa-solid fa-file-lines\"></i>\n </span>\n </span>\n }\n }\n\n <div class=\"ax-conversation-picker__details\">\n <div class=\"ax-conversation-picker__name\" [title]=\"file.file.name\">\n {{ truncateFileName(file.file.name) }}\n </div>\n <div class=\"ax-conversation-picker__status\">\n @if (file.uploading) {\n <span>{{ getUploadingLabel(file.uploadProgress ?? 0) }}</span>\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) {\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\n <div class=\"ax-conversation-picker__row-actions\">\n <ax-button class=\"ax-sm rounded-full\" look=\"blank\" [iconOnly]=\"true\">\n <ax-icon><i class=\"fa-light fa-ellipsis-vertical\"></i></ax-icon>\n <ax-dropdown-panel>\n <ax-button-item-list>\n <ax-button-item\n [text]=\"translation.translateSync('@acorex:chat.pickers.files.rename-file')\"\n (onClick)=\"renameFile($index)\"\n >\n <ax-prefix>\n <ax-icon><i class=\"fa-light fa-i-cursor\"></i></ax-icon>\n </ax-prefix>\n </ax-button-item>\n <ax-button-item\n [text]=\"translation.translateSync('@acorex:chat.pickers.files.replace-attachment')\"\n (onClick)=\"replaceAttachment($index)\"\n >\n <ax-prefix>\n <ax-icon><i class=\"fa-light fa-arrows-rotate\"></i></ax-icon>\n </ax-prefix>\n </ax-button-item>\n </ax-button-item-list>\n </ax-dropdown-panel>\n </ax-button>\n\n <ax-button\n class=\"ax-conversation-picker__row-remove rounded-full\"\n look=\"blank\"\n [iconOnly]=\"true\"\n [text]=\"translation.translateSync('@acorex:chat.pickers.common.remove')\"\n (onClick)=\"removeFile($index)\"\n >\n <ax-icon><i class=\"fa-solid fa-xmark\"></i></ax-icon>\n </ax-button>\n </div>\n </div>\n }\n </div>\n </div>\n </div>\n }\n </div>\n\n @if (files().length > 0) {\n <ax-conversation-picker-options\n [(groupItems)]=\"groupItems\"\n [showGroupItems]=\"allowMultiple() && files().length > 1\"\n />\n <ax-conversation-picker-caption [(caption)]=\"caption\" [sendDisabled]=\"!canSend()\" (onSend)=\"sendFiles()\" />\n <ax-conversation-picker-footer\n [addLabel]=\"translation.translateSync('@acorex:chat.pickers.common.add')\"\n [cancelLabel]=\"translation.translateSync('@acorex:chat.actions.cancel')\"\n [sendLabel]=\"translation.translateSync('@acorex:chat.actions.send')\"\n [sendDisabled]=\"!canSend()\"\n (onAdd)=\"onAddMoreFiles()\"\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(36rem,92dvh);width:min(22.5rem,94vw);border-radius:.75rem;overflow:hidden;box-shadow:0 .25rem 1.5rem #0000002e}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-main-container{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow:hidden}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-body-container{display:flex;min-height:calc(var(--spacing, .25rem) * 0);flex:1;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;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;flex:1;flex-direction:column;overflow:hidden}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup{max-height:min(92dvh,92dvh);width:100vw;border-radius:1.25rem 1.25rem 0 0}}.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup{max-height:none;width:min(26rem,94vw);border-radius:1.25rem}.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-main-container,.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-body-container,.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-body-container>ng-component{display:flex;height:auto;min-height:calc(var(--spacing, .25rem) * 0);flex-direction:column;overflow:visible;flex:0 0 auto}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup{width:100vw;border-radius:1.25rem 1.25rem 0 0}}.ax-popup-overlay.ax-conversation-composer-picker-popup--location .ax-popup{max-height:min(40rem,92dvh);width:min(32rem,94vw)}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup--location .ax-popup{max-height:min(92dvh,92dvh)}}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup{max-height:min(48rem,94dvh);width:min(48rem,96vw);overflow:hidden}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-main-container,.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow:hidden}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container{display:flex;flex-direction:column;padding:calc(var(--spacing, .25rem) * 0)}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container>ng-component{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;flex:1;flex-direction:column;overflow:hidden}@media(max-width:480px){.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup{max-height:min(94dvh,94dvh);width:100vw}}}@layer components{:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{--ax-file-badge-color: rgb(var(--ax-sys-color-primary-500));--ax-file-badge-fg: rgb(var(--ax-sys-color-on-primary-surface));--ax-file-badge-size: 3rem}.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file,.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file,.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{--ax-file-badge-color: rgb(var(--ax-sys-color-on-primary-surface));--ax-file-badge-fg: rgb(var(--ax-sys-color-primary-surface))}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{position:relative;display:flex;height:calc(var(--spacing, .25rem) * 12);width:calc(var(--spacing, .25rem) * 12);flex-shrink:0;align-items:center;justify-content:center;text-decoration-line:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-doc,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-download{display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:calc(infinity * 1px);width:var(--ax-file-badge-size);height:var(--ax-file-badge-size);background:var(--ax-file-badge-color);color:var(--ax-file-badge-fg)}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-fold{display:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-ext{position:relative;z-index:1;max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-bottom:.1rem;text-align: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;text-transform:lowercase}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-download{display:none;font-size:var(--text-3xl, 1.875rem);line-height:var(--tw-leading, var(--text-3xl--line-height, 1.2 ))}@media(hover:hover){:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__badge-doc{display:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__badge-download,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file:hover .ax-conversation-file__badge-download{display:flex}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover){background:transparent}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover) img,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover) video,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover)>i{opacity:0}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:hover .ax-conversation-file__badge-download,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-file__badge-download{display:none}}ax-conversation-file-attachment .ax-conversation-file__thumb .ax-conversation-file__badge-download{pointer-events:none;position:absolute;inset:calc(var(--spacing, .25rem) * 0);z-index:2}ax-conversation-audio-attachment .ax-conversation-audio--file .ax-conversation-file__badge-download{pointer-events:none;position:absolute;inset:calc(var(--spacing, .25rem) * 0);z-index:3}@media(hover:hover){ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__play-icon{opacity:0%}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__play-icon{opacity:100%}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__cover{opacity:0}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__cover{opacity:1}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__play-btn:before{opacity:0}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__play-btn:before{opacity:1}}}@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:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;max-width:100%;flex:1;flex-direction:column;overflow:hidden}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-shell{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-header,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-options,:is(ax-conversation-picker-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,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-footer{flex-shrink:0}:is(ax-conversation-picker-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) * 4);display:flex;min-height:9rem;cursor:pointer;touch-action:manipulation;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 1.5);border-radius:var(--radius-2xl, 1rem);padding:calc(var(--spacing, .25rem) * 6);text-align:center;border:1px dashed rgba(var(--ax-sys-color-on-surface),.14);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-500),.45);background:rgba(var(--ax-sys-color-primary-500),.05)}:is(ax-conversation-picker-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),.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__empty-title{margin:calc(var(--spacing, .25rem) * 0);font-size:.875rem;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);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),.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__body{padding-inline:calc(var(--spacing, .25rem) * 4);padding-bottom: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__panel{overflow:hidden}:is(ax-conversation-picker-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}:is(ax-conversation-picker-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) * 3);padding-block:calc(var(--spacing, .25rem) * 2.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__row+.ax-conversation-picker__row{border-top:1px solid rgba(var(--ax-sys-color-on-surface),.08)}:is(ax-conversation-picker-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--file{gap:calc(var(--spacing, .25rem) * 3);padding-block: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__row--file .ax-conversation-file__badge-doc i{font-size:var(--text-xl, 1.25rem);line-height:var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)))}:is(ax-conversation-picker-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) * 12);width:calc(var(--spacing, .25rem) * 12);flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;background:rgba(var(--ax-sys-color-on-surface),.08);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__thumb--square{border-radius:var(--radius-lg, .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__thumb--circle{border-radius:calc(infinity * 1px)}:is(ax-conversation-picker-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;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-play{position:absolute;inset:calc(var(--spacing, .25rem) * 0);display:flex;align-items:center;justify-content:center;font-size:.7rem;color:var(--color-white, #fff);background:#00000047}:is(ax-conversation-picker-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-play .fa-play{padding-inline-start:.12rem}:is(ax-conversation-picker-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-main{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;align-items:center;gap: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__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:.9375rem;--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400);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:.8125rem;--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);color:rgba(var(--ax-sys-color-on-surface),.52)}:is(ax-conversation-picker-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__row-actions{display:flex;flex-shrink:0;align-items:center;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__media-hint{margin:calc(var(--spacing, .25rem) * 0);margin-top:calc(var(--spacing, .25rem) * 2);text-align:center;font-size:.8125rem;color:rgba(var(--ax-sys-color-on-surface),.45)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid{overflow:hidden;border-radius:var(--radius-xl, .75rem);background:rgba(var(--ax-sys-color-on-surface),.04)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single{display:block}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single .ax-conversation-picker__media-tile{min-height:12rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--dual{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--spacing, .25rem) * .5);min-height:10rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--triple{display:grid;gap:calc(var(--spacing, .25rem) * .5);grid-template-columns:1.2fr 1fr;grid-template-rows:repeat(2,minmax(0,1fr));min-height:14rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--triple>:first-child{grid-row:span 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__media-grid--triple .ax-conversation-picker__media-tile{min-height:0;height: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__media-grid--quad{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--spacing, .25rem) * .5);min-height:14rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--many{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));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__media-grid--masonry{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5);overflow:hidden;border-radius:var(--radius-xl, .75rem);background:rgba(var(--ax-sys-color-on-surface),.04)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-row{display:flex;min-height:8.5rem;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__media-row .ax-conversation-picker__media-tile{min-height:calc(var(--spacing, .25rem) * 0);min-width:calc(var(--spacing, .25rem) * 0);flex: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__media-grid--single .ax-conversation-picker__media-tile 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__media-grid--single .ax-conversation-picker__media-tile video{object-fit:contain;max-height:min(50dvh,22rem)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile{position:relative;min-height:6.5rem;overflow:hidden;background:rgba(var(--ax-sys-color-on-surface),.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__media-tile 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__media-tile video{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__media-grid:not(.ax-conversation-picker__media-grid--single) .ax-conversation-picker__media-tile 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__media-grid:not(.ax-conversation-picker__media-grid--single) .ax-conversation-picker__media-tile video{position:absolute;inset:0}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile-overlay{position:absolute;inset-inline:calc(var(--spacing, .25rem) * 0);top:calc(var(--spacing, .25rem) * 0);z-index:1;display:flex;align-items:flex-start;justify-content:flex-end;gap:calc(var(--spacing, .25rem) * .5);padding:calc(var(--spacing, .25rem) * 1.5);background:linear-gradient(rgb(0 0 0 / .35),transparent 70%)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-status-layer{position:absolute;inset-inline:calc(var(--spacing, .25rem) * 0);bottom:calc(var(--spacing, .25rem) * 0);display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 1);padding:calc(var(--spacing, .25rem) * 2);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__media-status{font-size:.6875rem;--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__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__body{padding-inline:calc(var(--spacing, .25rem) * 3);padding-bottom:calc(var(--spacing, .25rem) * 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__row{gap:calc(var(--spacing, .25rem) * 2.5);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__empty{margin:calc(var(--spacing, .25rem) * 3);min-height:8rem}}}@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-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: i2$2.AXProgressBarComponent, selector: "ax-progress-bar", inputs: ["color", "mode", "progress", "height"], outputs: ["ValueChange", "sizeChange"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items", "closeParentOnClick", "lockOnLoading"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "component", type: AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "placement", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "component", type: AXConversationPickerHeaderComponent, selector: "ax-conversation-picker-header", inputs: ["title", "showMenu", "addMoreLabel", "closeLabel"], outputs: ["onClose", "onAddMore"] }, { kind: "component", type: AXConversationPickerFooterComponent, selector: "ax-conversation-picker-footer", inputs: ["showAdd", "addLabel", "cancelLabel", "sendLabel", "sendDisabled"], outputs: ["onAdd", "onCancel", "onSend"] }, { kind: "component", type: AXConversationPickerEmptyComponent, selector: "ax-conversation-picker-empty", inputs: ["title", "hint", "iconClass", "dragOver"] }, { kind: "component", type: AXConversationPickerCaptionComponent, selector: "ax-conversation-picker-caption", inputs: ["caption", "showInlineSend", "sendDisabled"], outputs: ["captionChange", "onSend"] }, { kind: "component", type: AXConversationPickerOptionsComponent, selector: "ax-conversation-picker-options", inputs: ["showGroupItems", "showSendAsDocuments", "groupItems", "sendAsDocuments"], outputs: ["groupItemsChange", "sendAsDocumentsChange"] }, { kind: "component", type: AXConversationPickerShellComponent, selector: "ax-conversation-picker-shell", inputs: ["fileType", "multiple"], outputs: ["filesSelected", "dragEnter", "dragLeave", "dragOver"] }], encapsulation: i0.ViewEncapsulation.None }); }
14094
14104
  }
14095
14105
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXConversationFilePickerComponent, decorators: [{
14096
14106
  type: Component,
@@ -14109,7 +14119,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImpor
14109
14119
  AXConversationPickerCaptionComponent,
14110
14120
  AXConversationPickerOptionsComponent,
14111
14121
  AXConversationPickerShellComponent,
14112
- ], template: "<ax-conversation-picker-shell\n #pickerShell\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]=\"getHeaderTitle()\"\n [showMenu]=\"files().length > 0\"\n [addMoreLabel]=\"translation.translateSync('@acorex:chat.pickers.common.add-more')\"\n (onAddMore)=\"onAddMoreFiles()\"\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 <div class=\"ax-conversation-picker__panel\">\n <div class=\"ax-conversation-picker__list\">\n @for (file of files(); track file.id) {\n <div class=\"ax-conversation-picker__row ax-conversation-picker__row--file\">\n @switch (file.type) {\n @case ('image') {\n <span\n class=\"ax-conversation-picker__thumb ax-conversation-picker__thumb--square\"\n aria-hidden=\"true\"\n >\n @if (file.preview) {\n <img [src]=\"file.preview\" alt=\"\" />\n } @else {\n <i class=\"fa-light fa-image\"></i>\n }\n </span>\n }\n @case ('video') {\n <span\n class=\"ax-conversation-picker__thumb ax-conversation-picker__thumb--square\"\n aria-hidden=\"true\"\n >\n @if (file.preview) {\n <video [src]=\"file.preview\" muted playsinline preload=\"metadata\"></video>\n } @else {\n <i class=\"fa-light fa-video\"></i>\n }\n </span>\n }\n @case ('audio') {\n <span\n class=\"ax-conversation-picker__thumb ax-conversation-picker__thumb--circle\"\n aria-hidden=\"true\"\n >\n @if (file.preview) {\n <img [src]=\"file.preview\" alt=\"\" />\n } @else {\n <i class=\"fa-light fa-music\"></i>\n }\n <!-- <span class=\"ax-conversation-picker__thumb-play\">\n <i class=\"fa-solid fa-play\"></i>\n </span> -->\n </span>\n }\n @default {\n <span class=\"ax-conversation-file__badge\" aria-hidden=\"true\">\n <span class=\"ax-conversation-file__badge-doc\">\n <i class=\"fa-solid fa-file-lines\"></i>\n </span>\n </span>\n }\n }\n\n <div class=\"ax-conversation-picker__details\">\n <div class=\"ax-conversation-picker__name\" [title]=\"file.file.name\">\n {{ truncateFileName(file.file.name) }}\n </div>\n <div class=\"ax-conversation-picker__status\">\n @if (file.uploading) {\n <span>{{ getUploadingLabel(file.uploadProgress ?? 0) }}</span>\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) {\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\n <div class=\"ax-conversation-picker__row-actions\">\n <ax-button class=\"ax-sm rounded-full\" look=\"blank\" [iconOnly]=\"true\">\n <ax-icon><i class=\"fa-light fa-ellipsis-vertical\"></i></ax-icon>\n <ax-dropdown-panel>\n <ax-button-item-list>\n <ax-button-item\n [text]=\"translation.translateSync('@acorex:chat.pickers.files.rename-file')\"\n (onClick)=\"renameFile($index)\"\n >\n <ax-prefix>\n <ax-icon><i class=\"fa-light fa-i-cursor\"></i></ax-icon>\n </ax-prefix>\n </ax-button-item>\n <ax-button-item\n [text]=\"translation.translateSync('@acorex:chat.pickers.files.replace-attachment')\"\n (onClick)=\"replaceAttachment($index)\"\n >\n <ax-prefix>\n <ax-icon><i class=\"fa-light fa-arrows-rotate\"></i></ax-icon>\n </ax-prefix>\n </ax-button-item>\n </ax-button-item-list>\n </ax-dropdown-panel>\n </ax-button>\n\n <ax-button\n class=\"ax-conversation-picker__row-remove rounded-full\"\n look=\"blank\"\n [iconOnly]=\"true\"\n [text]=\"translation.translateSync('@acorex:chat.pickers.common.remove')\"\n (onClick)=\"removeFile($index)\"\n >\n <ax-icon><i class=\"fa-solid fa-xmark\"></i></ax-icon>\n </ax-button>\n </div>\n </div>\n }\n </div>\n </div>\n </div>\n }\n </div>\n\n @if (files().length > 0) {\n <ax-conversation-picker-options\n [(groupItems)]=\"groupItems\"\n [showGroupItems]=\"allowMultiple() && files().length > 1\"\n />\n <ax-conversation-picker-caption [(caption)]=\"caption\" [sendDisabled]=\"!canSend()\" (onSend)=\"sendFiles()\" />\n <ax-conversation-picker-footer\n [addLabel]=\"translation.translateSync('@acorex:chat.pickers.common.add')\"\n [cancelLabel]=\"translation.translateSync('@acorex:chat.actions.cancel')\"\n [sendLabel]=\"translation.translateSync('@acorex:chat.actions.send')\"\n [sendDisabled]=\"!canSend()\"\n (onAdd)=\"onAddMoreFiles()\"\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(36rem,92dvh);width:min(22.5rem,94vw);border-radius:.75rem;overflow:hidden;box-shadow:0 .25rem 1.5rem #0000002e}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-main-container{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow:hidden}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-body-container{display:flex;min-height:calc(var(--spacing, .25rem) * 0);flex:1;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;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;flex:1;flex-direction:column;overflow:hidden}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup{max-height:min(92dvh,92dvh);width:100vw;border-radius:1.25rem 1.25rem 0 0}}.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup{max-height:none;width:min(26rem,94vw);border-radius:1.25rem}.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-main-container,.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-body-container,.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-body-container>ng-component{display:flex;height:auto;min-height:calc(var(--spacing, .25rem) * 0);flex-direction:column;overflow:visible;flex:0 0 auto}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup{width:100vw;border-radius:1.25rem 1.25rem 0 0}}.ax-popup-overlay.ax-conversation-composer-picker-popup--location .ax-popup{max-height:min(40rem,92dvh);width:min(32rem,94vw)}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup--location .ax-popup{max-height:min(92dvh,92dvh)}}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup{max-height:min(48rem,94dvh);width:min(48rem,96vw);overflow:hidden}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-main-container,.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow:hidden}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container{display:flex;flex-direction:column;padding:calc(var(--spacing, .25rem) * 0)}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container>ng-component{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;flex:1;flex-direction:column;overflow:hidden}@media(max-width:480px){.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup{max-height:min(94dvh,94dvh);width:100vw}}}@layer components{:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{--ax-file-badge-color: rgb(var(--ax-sys-color-primary-500));--ax-file-badge-fg: rgb(var(--ax-sys-color-on-primary-surface));--ax-file-badge-size: 3rem}.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file,.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file,.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{--ax-file-badge-color: rgb(var(--ax-sys-color-on-primary-surface));--ax-file-badge-fg: rgb(var(--ax-sys-color-primary-surface))}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{position:relative;display:flex;height:calc(var(--spacing, .25rem) * 12);width:calc(var(--spacing, .25rem) * 12);flex-shrink:0;align-items:center;justify-content:center;text-decoration-line:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-doc,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-download{display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:calc(infinity * 1px);width:var(--ax-file-badge-size);height:var(--ax-file-badge-size);background:var(--ax-file-badge-color);color:var(--ax-file-badge-fg)}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-fold{display:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-ext{position:relative;z-index:1;max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-bottom:.1rem;text-align: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;text-transform:lowercase}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-download{display:none;font-size:var(--text-3xl, 1.875rem);line-height:var(--tw-leading, var(--text-3xl--line-height, 1.2 ))}@media(hover:hover){:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__badge-doc{display:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__badge-download,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file:hover .ax-conversation-file__badge-download{display:flex}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover){background:transparent}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover) img,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover) video,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover)>i{opacity:0}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:hover .ax-conversation-file__badge-download,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-file__badge-download{display:none}}ax-conversation-file-attachment .ax-conversation-file__thumb .ax-conversation-file__badge-download{pointer-events:none;position:absolute;inset:calc(var(--spacing, .25rem) * 0);z-index:2}ax-conversation-audio-attachment .ax-conversation-audio--file .ax-conversation-file__badge-download{pointer-events:none;position:absolute;inset:calc(var(--spacing, .25rem) * 0);z-index:3}@media(hover:hover){ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__play-icon{opacity:0%}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__play-icon{opacity:100%}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__cover{opacity:0}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__cover{opacity:1}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__play-btn:before{opacity:0}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__play-btn:before{opacity:1}}}@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:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;max-width:100%;flex:1;flex-direction:column;overflow:hidden}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-shell{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-header,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-options,:is(ax-conversation-picker-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,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-footer{flex-shrink:0}:is(ax-conversation-picker-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) * 4);display:flex;min-height:9rem;cursor:pointer;touch-action:manipulation;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 1.5);border-radius:var(--radius-2xl, 1rem);padding:calc(var(--spacing, .25rem) * 6);text-align:center;border:1px dashed rgba(var(--ax-sys-color-on-surface),.14);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-500),.45);background:rgba(var(--ax-sys-color-primary-500),.05)}:is(ax-conversation-picker-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),.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__empty-title{margin:calc(var(--spacing, .25rem) * 0);font-size:.875rem;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);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),.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__body{padding-inline:calc(var(--spacing, .25rem) * 4);padding-bottom: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__panel{overflow:hidden}:is(ax-conversation-picker-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}:is(ax-conversation-picker-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) * 3);padding-block:calc(var(--spacing, .25rem) * 2.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__row+.ax-conversation-picker__row{border-top:1px solid rgba(var(--ax-sys-color-on-surface),.08)}:is(ax-conversation-picker-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--file{gap:calc(var(--spacing, .25rem) * 3);padding-block: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__row--file .ax-conversation-file__badge-doc i{font-size:var(--text-xl, 1.25rem);line-height:var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)))}:is(ax-conversation-picker-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) * 12);width:calc(var(--spacing, .25rem) * 12);flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;background:rgba(var(--ax-sys-color-on-surface),.08);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__thumb--square{border-radius:var(--radius-lg, .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__thumb--circle{border-radius:calc(infinity * 1px)}:is(ax-conversation-picker-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;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-play{position:absolute;inset:calc(var(--spacing, .25rem) * 0);display:flex;align-items:center;justify-content:center;font-size:.7rem;color:var(--color-white, #fff);background:#00000047}:is(ax-conversation-picker-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-play .fa-play{padding-inline-start:.12rem}:is(ax-conversation-picker-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-main{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;align-items:center;gap: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__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:.9375rem;--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400);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:.8125rem;--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);color:rgba(var(--ax-sys-color-on-surface),.52)}:is(ax-conversation-picker-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__row-actions{display:flex;flex-shrink:0;align-items:center;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__media-hint{margin:calc(var(--spacing, .25rem) * 0);margin-top:calc(var(--spacing, .25rem) * 2);text-align:center;font-size:.8125rem;color:rgba(var(--ax-sys-color-on-surface),.45)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid{overflow:hidden;border-radius:var(--radius-xl, .75rem);background:rgba(var(--ax-sys-color-on-surface),.04)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single{display:block}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single .ax-conversation-picker__media-tile{min-height:12rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--dual{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--spacing, .25rem) * .5);min-height:10rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--triple{display:grid;gap:calc(var(--spacing, .25rem) * .5);grid-template-columns:1.2fr 1fr;grid-template-rows:repeat(2,minmax(0,1fr));min-height:14rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--triple>:first-child{grid-row:span 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__media-grid--triple .ax-conversation-picker__media-tile{min-height:0;height: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__media-grid--quad{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--spacing, .25rem) * .5);min-height:14rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--many{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));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__media-grid--masonry{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5);overflow:hidden;border-radius:var(--radius-xl, .75rem);background:rgba(var(--ax-sys-color-on-surface),.04)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-row{display:flex;min-height:8.5rem;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__media-row .ax-conversation-picker__media-tile{min-height:calc(var(--spacing, .25rem) * 0);min-width:calc(var(--spacing, .25rem) * 0);flex: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__media-grid--single .ax-conversation-picker__media-tile 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__media-grid--single .ax-conversation-picker__media-tile video{object-fit:contain;max-height:min(50dvh,22rem)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile{position:relative;min-height:6.5rem;overflow:hidden;background:rgba(var(--ax-sys-color-on-surface),.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__media-tile 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__media-tile video{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__media-grid:not(.ax-conversation-picker__media-grid--single) .ax-conversation-picker__media-tile 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__media-grid:not(.ax-conversation-picker__media-grid--single) .ax-conversation-picker__media-tile video{position:absolute;inset:0}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile-overlay{position:absolute;inset-inline:calc(var(--spacing, .25rem) * 0);top:calc(var(--spacing, .25rem) * 0);z-index:1;display:flex;align-items:flex-start;justify-content:flex-end;gap:calc(var(--spacing, .25rem) * .5);padding:calc(var(--spacing, .25rem) * 1.5);background:linear-gradient(rgb(0 0 0 / .35),transparent 70%)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-status-layer{position:absolute;inset-inline:calc(var(--spacing, .25rem) * 0);bottom:calc(var(--spacing, .25rem) * 0);display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 1);padding:calc(var(--spacing, .25rem) * 2);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__media-status{font-size:.6875rem;--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__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__body{padding-inline:calc(var(--spacing, .25rem) * 3);padding-bottom:calc(var(--spacing, .25rem) * 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__row{gap:calc(var(--spacing, .25rem) * 2.5);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__empty{margin:calc(var(--spacing, .25rem) * 3);min-height:8rem}}}@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-leading: initial;--tw-font-weight: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"] }]
14122
+ ], template: "<ax-conversation-picker-shell\n #pickerShell\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]=\"getHeaderTitle()\"\n [showMenu]=\"files().length > 0\"\n [addMoreLabel]=\"translation.translateSync('@acorex:chat.pickers.common.add-more')\"\n (onAddMore)=\"onAddMoreFiles()\"\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 <div class=\"ax-conversation-picker__panel\">\n <div class=\"ax-conversation-picker__list\">\n @for (file of files(); track file.id) {\n <div class=\"ax-conversation-picker__row ax-conversation-picker__row--file\">\n @switch (file.type) {\n @case ('image') {\n <span\n class=\"ax-conversation-picker__thumb ax-conversation-picker__thumb--square\"\n aria-hidden=\"true\"\n >\n @if (file.preview) {\n <img [src]=\"file.preview\" alt=\"\" />\n } @else {\n <i class=\"fa-light fa-image\"></i>\n }\n </span>\n }\n @case ('video') {\n <span\n class=\"ax-conversation-picker__thumb ax-conversation-picker__thumb--square\"\n aria-hidden=\"true\"\n >\n @if (file.preview) {\n <video [src]=\"file.preview\" muted playsinline preload=\"metadata\"></video>\n } @else {\n <i class=\"fa-light fa-video\"></i>\n }\n </span>\n }\n @case ('audio') {\n <span\n class=\"ax-conversation-picker__thumb ax-conversation-picker__thumb--circle\"\n aria-hidden=\"true\"\n >\n @if (file.preview) {\n <img [src]=\"file.preview\" alt=\"\" />\n } @else {\n <i class=\"fa-light fa-music\"></i>\n }\n <!-- <span class=\"ax-conversation-picker__thumb-play\">\n <i class=\"fa-solid fa-play\"></i>\n </span> -->\n </span>\n }\n @default {\n <span class=\"ax-conversation-file__badge\" aria-hidden=\"true\">\n <span class=\"ax-conversation-file__badge-doc\">\n <i class=\"fa-solid fa-file-lines\"></i>\n </span>\n </span>\n }\n }\n\n <div class=\"ax-conversation-picker__details\">\n <div class=\"ax-conversation-picker__name\" [title]=\"file.file.name\">\n {{ truncateFileName(file.file.name) }}\n </div>\n <div class=\"ax-conversation-picker__status\">\n @if (file.uploading) {\n <span>{{ getUploadingLabel(file.uploadProgress ?? 0) }}</span>\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) {\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\n <div class=\"ax-conversation-picker__row-actions\">\n <ax-button class=\"ax-sm rounded-full\" look=\"blank\" [iconOnly]=\"true\">\n <ax-icon><i class=\"fa-light fa-ellipsis-vertical\"></i></ax-icon>\n <ax-dropdown-panel>\n <ax-button-item-list>\n <ax-button-item\n [text]=\"translation.translateSync('@acorex:chat.pickers.files.rename-file')\"\n (onClick)=\"renameFile($index)\"\n >\n <ax-prefix>\n <ax-icon><i class=\"fa-light fa-i-cursor\"></i></ax-icon>\n </ax-prefix>\n </ax-button-item>\n <ax-button-item\n [text]=\"translation.translateSync('@acorex:chat.pickers.files.replace-attachment')\"\n (onClick)=\"replaceAttachment($index)\"\n >\n <ax-prefix>\n <ax-icon><i class=\"fa-light fa-arrows-rotate\"></i></ax-icon>\n </ax-prefix>\n </ax-button-item>\n </ax-button-item-list>\n </ax-dropdown-panel>\n </ax-button>\n\n <ax-button\n class=\"ax-conversation-picker__row-remove rounded-full\"\n look=\"blank\"\n [iconOnly]=\"true\"\n [text]=\"translation.translateSync('@acorex:chat.pickers.common.remove')\"\n (onClick)=\"removeFile($index)\"\n >\n <ax-icon><i class=\"fa-solid fa-xmark\"></i></ax-icon>\n </ax-button>\n </div>\n </div>\n }\n </div>\n </div>\n </div>\n }\n </div>\n\n @if (files().length > 0) {\n <ax-conversation-picker-options\n [(groupItems)]=\"groupItems\"\n [showGroupItems]=\"allowMultiple() && files().length > 1\"\n />\n <ax-conversation-picker-caption [(caption)]=\"caption\" [sendDisabled]=\"!canSend()\" (onSend)=\"sendFiles()\" />\n <ax-conversation-picker-footer\n [addLabel]=\"translation.translateSync('@acorex:chat.pickers.common.add')\"\n [cancelLabel]=\"translation.translateSync('@acorex:chat.actions.cancel')\"\n [sendLabel]=\"translation.translateSync('@acorex:chat.actions.send')\"\n [sendDisabled]=\"!canSend()\"\n (onAdd)=\"onAddMoreFiles()\"\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(36rem,92dvh);width:min(22.5rem,94vw);border-radius:.75rem;overflow:hidden;box-shadow:0 .25rem 1.5rem #0000002e}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-main-container{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow:hidden}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-body-container{display:flex;min-height:calc(var(--spacing, .25rem) * 0);flex:1;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;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;flex:1;flex-direction:column;overflow:hidden}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup{max-height:min(92dvh,92dvh);width:100vw;border-radius:1.25rem 1.25rem 0 0}}.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup{max-height:none;width:min(26rem,94vw);border-radius:1.25rem}.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-main-container,.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-body-container,.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-body-container>ng-component{display:flex;height:auto;min-height:calc(var(--spacing, .25rem) * 0);flex-direction:column;overflow:visible;flex:0 0 auto}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup{width:100vw;border-radius:1.25rem 1.25rem 0 0}}.ax-popup-overlay.ax-conversation-composer-picker-popup--location .ax-popup{max-height:min(40rem,92dvh);width:min(32rem,94vw)}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup--location .ax-popup{max-height:min(92dvh,92dvh)}}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup{max-height:min(48rem,94dvh);width:min(48rem,96vw);overflow:hidden}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-main-container,.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow:hidden}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container{display:flex;flex-direction:column;padding:calc(var(--spacing, .25rem) * 0)}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container>ng-component{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;flex:1;flex-direction:column;overflow:hidden}@media(max-width:480px){.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup{max-height:min(94dvh,94dvh);width:100vw}}}@layer components{:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{--ax-file-badge-color: rgb(var(--ax-sys-color-primary-500));--ax-file-badge-fg: rgb(var(--ax-sys-color-on-primary-surface));--ax-file-badge-size: 3rem}.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file,.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file,.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{--ax-file-badge-color: rgb(var(--ax-sys-color-on-primary-surface));--ax-file-badge-fg: rgb(var(--ax-sys-color-primary-surface))}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{position:relative;display:flex;height:calc(var(--spacing, .25rem) * 12);width:calc(var(--spacing, .25rem) * 12);flex-shrink:0;align-items:center;justify-content:center;text-decoration-line:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-doc,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-download{display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:calc(infinity * 1px);width:var(--ax-file-badge-size);height:var(--ax-file-badge-size);background:var(--ax-file-badge-color);color:var(--ax-file-badge-fg)}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-fold{display:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-ext{position:relative;z-index:1;max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-bottom:.1rem;text-align: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;text-transform:lowercase}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-download{display:none;font-size:var(--text-3xl, 1.875rem);line-height:var(--tw-leading, var(--text-3xl--line-height, 1.2 ))}@media(hover:hover){:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__badge-doc{display:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__badge-download,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file:hover .ax-conversation-file__badge-download{display:flex}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover){background:transparent}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover) img,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover) video,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover)>i{opacity:0}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:hover .ax-conversation-file__badge-download,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-file__badge-download{display:none}}ax-conversation-file-attachment .ax-conversation-file__thumb .ax-conversation-file__badge-download{pointer-events:none;position:absolute;inset:calc(var(--spacing, .25rem) * 0);z-index:2}ax-conversation-audio-attachment .ax-conversation-audio--file .ax-conversation-file__badge-download{pointer-events:none;position:absolute;inset:calc(var(--spacing, .25rem) * 0);z-index:3}@media(hover:hover){ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__play-icon{opacity:0%}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__play-icon{opacity:100%}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__cover{opacity:0}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__cover{opacity:1}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__play-btn:before{opacity:0}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__play-btn:before{opacity:1}}}@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:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;max-width:100%;flex:1;flex-direction:column;overflow:hidden}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-shell{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-header,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-options,:is(ax-conversation-picker-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,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-footer{flex-shrink:0}:is(ax-conversation-picker-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) * 4);display:flex;min-height:9rem;cursor:pointer;touch-action:manipulation;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 1.5);border-radius:var(--radius-2xl, 1rem);padding:calc(var(--spacing, .25rem) * 6);text-align:center;border:1px dashed rgba(var(--ax-sys-color-on-surface),.14);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-500),.45);background:rgba(var(--ax-sys-color-primary-500),.05)}:is(ax-conversation-picker-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),.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__empty-title{margin:calc(var(--spacing, .25rem) * 0);font-size:.875rem;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);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),.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__body{padding-inline:calc(var(--spacing, .25rem) * 4);padding-bottom: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__panel{overflow:hidden}:is(ax-conversation-picker-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}:is(ax-conversation-picker-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) * 3);padding-block:calc(var(--spacing, .25rem) * 2.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__row+.ax-conversation-picker__row{border-top:1px solid rgba(var(--ax-sys-color-on-surface),.08)}:is(ax-conversation-picker-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--file{gap:calc(var(--spacing, .25rem) * 3);padding-block: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__row--file .ax-conversation-file__badge-doc i{font-size:var(--text-xl, 1.25rem);line-height:var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)))}:is(ax-conversation-picker-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) * 12);width:calc(var(--spacing, .25rem) * 12);flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;background:rgba(var(--ax-sys-color-on-surface),.08);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__thumb--square{border-radius:var(--radius-lg, .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__thumb--circle{border-radius:calc(infinity * 1px)}:is(ax-conversation-picker-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;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-play{position:absolute;inset:calc(var(--spacing, .25rem) * 0);display:flex;align-items:center;justify-content:center;font-size:.7rem;color:var(--color-white, #fff);background:#00000047}:is(ax-conversation-picker-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-play .fa-play{padding-inline-start:.12rem}:is(ax-conversation-picker-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-main{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;align-items:center;gap: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__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:.9375rem;--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400);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:.8125rem;--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);color:rgba(var(--ax-sys-color-on-surface),.52)}:is(ax-conversation-picker-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__row-actions{display:flex;flex-shrink:0;align-items:center;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__media-hint{margin:calc(var(--spacing, .25rem) * 0);margin-top:calc(var(--spacing, .25rem) * 2);text-align:center;font-size:.8125rem;color:rgba(var(--ax-sys-color-on-surface),.45)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid{overflow:hidden;border-radius:var(--radius-xl, .75rem);background:rgba(var(--ax-sys-color-on-surface),.04)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single{display:block}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single .ax-conversation-picker__media-tile{min-height:12rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--dual{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--spacing, .25rem) * .5);min-height:10rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--triple{display:grid;gap:calc(var(--spacing, .25rem) * .5);grid-template-columns:1.2fr 1fr;grid-template-rows:repeat(2,minmax(0,1fr));min-height:14rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--triple>:first-child{grid-row:span 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__media-grid--triple .ax-conversation-picker__media-tile{min-height:0;height: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__media-grid--quad{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--spacing, .25rem) * .5);min-height:14rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--many{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));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__media-grid--masonry{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5);overflow:hidden;border-radius:var(--radius-xl, .75rem);background:rgba(var(--ax-sys-color-on-surface),.04)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-row{display:flex;min-height:8.5rem;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__media-row .ax-conversation-picker__media-tile{min-height:calc(var(--spacing, .25rem) * 0);min-width:calc(var(--spacing, .25rem) * 0);flex: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__media-grid--single .ax-conversation-picker__media-tile 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__media-grid--single .ax-conversation-picker__media-tile video{object-fit:contain;max-height:min(50dvh,22rem)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile{position:relative;min-height:6.5rem;overflow:hidden;background:rgba(var(--ax-sys-color-on-surface),.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__media-tile 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__media-tile video{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__media-grid:not(.ax-conversation-picker__media-grid--single) .ax-conversation-picker__media-tile 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__media-grid:not(.ax-conversation-picker__media-grid--single) .ax-conversation-picker__media-tile video{position:absolute;inset:0}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile-overlay{position:absolute;inset-inline:calc(var(--spacing, .25rem) * 0);top:calc(var(--spacing, .25rem) * 0);z-index:1;display:flex;align-items:flex-start;justify-content:flex-end;gap:calc(var(--spacing, .25rem) * .5);padding:calc(var(--spacing, .25rem) * 1.5);background:linear-gradient(rgb(0 0 0 / .35),transparent 70%)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-status-layer{position:absolute;inset-inline:calc(var(--spacing, .25rem) * 0);bottom:calc(var(--spacing, .25rem) * 0);display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 1);padding:calc(var(--spacing, .25rem) * 2);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__media-status{font-size:.6875rem;--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__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__body{padding-inline:calc(var(--spacing, .25rem) * 3);padding-bottom:calc(var(--spacing, .25rem) * 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__row{gap:calc(var(--spacing, .25rem) * 2.5);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__empty{margin:calc(var(--spacing, .25rem) * 3);min-height:8rem}}}@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-leading: initial;--tw-font-weight: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"] }]
14113
14123
  }], 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 }] }], pickerShell: [{ type: i0.ViewChild, args: ['pickerShell', { isSignal: true }] }] } });
14114
14124
 
14115
14125
  var filePicker_component = /*#__PURE__*/Object.freeze({
@@ -14606,7 +14616,7 @@ class AXConversationImagePickerComponent {
14606
14616
  });
14607
14617
  }
14608
14618
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXConversationImagePickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
14609
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", 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 } }, viewQueries: [{ propertyName: "pickerShell", first: true, predicate: ["pickerShell"], descendants: true, isSignal: true }], ngImport: i0, template: "<ax-conversation-picker-shell\n #pickerShell\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]=\"getHeaderTitle()\"\n [showMenu]=\"images().length > 0\"\n [addMoreLabel]=\"translation.translateSync('@acorex:chat.pickers.common.add-more')\"\n (onAddMore)=\"onAddMoreFiles()\"\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 @switch (layoutMode()) {\n @case ('masonry') {\n <div class=\"ax-conversation-picker__media-grid ax-conversation-picker__media-grid--masonry\">\n @for (row of mediaRows(); track $index) {\n <div class=\"ax-conversation-picker__media-row\">\n @for (image of row.items; track image.id; let index = $index) {\n <div class=\"ax-conversation-picker__media-tile\">\n <ng-container\n *ngTemplateOutlet=\"mediaTile; context: { $implicit: image, index: row.startIndex + index }\"\n ></ng-container>\n </div>\n }\n </div>\n }\n </div>\n }\n @case ('triple') {\n <div class=\"ax-conversation-picker__media-grid ax-conversation-picker__media-grid--triple\">\n @for (image of images(); track image.id; let index = $index) {\n <div class=\"ax-conversation-picker__media-tile\">\n <ng-container *ngTemplateOutlet=\"mediaTile; context: { $implicit: image, index }\"></ng-container>\n </div>\n }\n </div>\n }\n @default {\n <div [class]=\"'ax-conversation-picker__media-grid ax-conversation-picker__media-grid--' + layoutMode()\">\n @for (image of images(); track image.id; let index = $index) {\n <div class=\"ax-conversation-picker__media-tile\">\n <ng-container *ngTemplateOutlet=\"mediaTile; context: { $implicit: image, index }\"></ng-container>\n </div>\n }\n </div>\n }\n }\n </div>\n }\n </div>\n\n @if (images().length > 0) {\n <ax-conversation-picker-options\n [(groupItems)]=\"groupItems\"\n [(sendAsDocuments)]=\"sendAsDocuments\"\n [showGroupItems]=\"allowMultiple() && images().length > 1\"\n [showSendAsDocuments]=\"true\"\n />\n <ax-conversation-picker-caption [(caption)]=\"caption\" [sendDisabled]=\"!canSend()\" (onSend)=\"sendImages()\" />\n <ax-conversation-picker-footer\n [addLabel]=\"translation.translateSync('@acorex:chat.pickers.common.add')\"\n [cancelLabel]=\"translation.translateSync('@acorex:chat.actions.cancel')\"\n [sendLabel]=\"translation.translateSync('@acorex:chat.actions.send')\"\n [sendDisabled]=\"!canSend()\"\n (onAdd)=\"onAddMoreFiles()\"\n (onCancel)=\"cancel()\"\n (onSend)=\"sendImages()\"\n />\n }\n</ax-conversation-picker-shell>\n\n<ng-template #mediaTile let-image let-index=\"index\">\n <img [src]=\"image.preview\" [alt]=\"image.file.name\" />\n\n <div class=\"ax-conversation-picker__media-tile-overlay\">\n <ax-button class=\"rounded-full ax-sm\" [iconOnly]=\"true\">\n <ax-icon><i class=\"fa-light fa-ellipsis-vertical\"></i></ax-icon>\n <ax-dropdown-panel>\n <ax-button-item-list>\n <ax-button-item\n [text]=\"translation.translateSync('@acorex:chat.actions.edit')\"\n [disabled]=\"image.uploading\"\n (onClick)=\"editImage(index)\"\n >\n <ax-prefix>\n <ax-icon><i class=\"fa-light fa-pen\"></i></ax-icon>\n </ax-prefix>\n </ax-button-item>\n <ax-button-item\n [text]=\"translation.translateSync('@acorex:chat.pickers.files.replace-attachment')\"\n (onClick)=\"replaceAttachment(index)\"\n >\n <ax-prefix>\n <ax-icon><i class=\"fa-light fa-arrows-rotate\"></i></ax-icon>\n </ax-prefix>\n </ax-button-item>\n </ax-button-item-list>\n </ax-dropdown-panel>\n </ax-button>\n\n <ax-button\n class=\"rounded-full ax-sm\"\n [iconOnly]=\"true\"\n [text]=\"translation.translateSync('@acorex:chat.pickers.common.remove')\"\n (onClick)=\"removeImage(index)\"\n >\n <ax-icon><i class=\"fa-solid fa-xmark\"></i></ax-icon>\n </ax-button>\n </div>\n\n @if (image.uploading || image.error) {\n <div class=\"ax-conversation-picker__media-status-layer\">\n @if (image.uploading) {\n <span class=\"ax-conversation-picker__media-status\">{{ getUploadingLabel(image.uploadProgress ?? 0) }}</span>\n <ax-progress-bar [progress]=\"image.uploadProgress || 0\" [mode]=\"'determinate'\" [height]=\"3\" />\n } @else if (image.error) {\n <span class=\"ax-conversation-picker__media-status\">{{ image.error }}</span>\n }\n </div>\n }\n</ng-template>\n", styles: ["@layer properties;@layer components{.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup{max-height:min(36rem,92dvh);width:min(22.5rem,94vw);border-radius:.75rem;overflow:hidden;box-shadow:0 .25rem 1.5rem #0000002e}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-main-container{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow:hidden}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-body-container{display:flex;min-height:calc(var(--spacing, .25rem) * 0);flex:1;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;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;flex:1;flex-direction:column;overflow:hidden}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup{max-height:min(92dvh,92dvh);width:100vw;border-radius:1.25rem 1.25rem 0 0}}.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup{max-height:none;width:min(26rem,94vw);border-radius:1.25rem}.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-main-container,.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-body-container,.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-body-container>ng-component{display:flex;height:auto;min-height:calc(var(--spacing, .25rem) * 0);flex-direction:column;overflow:visible;flex:0 0 auto}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup{width:100vw;border-radius:1.25rem 1.25rem 0 0}}.ax-popup-overlay.ax-conversation-composer-picker-popup--location .ax-popup{max-height:min(40rem,92dvh);width:min(32rem,94vw)}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup--location .ax-popup{max-height:min(92dvh,92dvh)}}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup{max-height:min(48rem,94dvh);width:min(48rem,96vw);overflow:hidden}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-main-container,.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow:hidden}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container{display:flex;flex-direction:column;padding:calc(var(--spacing, .25rem) * 0)}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container>ng-component{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;flex:1;flex-direction:column;overflow:hidden}@media(max-width:480px){.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup{max-height:min(94dvh,94dvh);width:100vw}}}@layer components{:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{--ax-file-badge-color: rgb(var(--ax-sys-color-primary-500));--ax-file-badge-fg: rgb(var(--ax-sys-color-on-primary-surface));--ax-file-badge-size: 3rem}.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file,.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file,.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{--ax-file-badge-color: rgb(var(--ax-sys-color-on-primary-surface));--ax-file-badge-fg: rgb(var(--ax-sys-color-primary-surface))}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{position:relative;display:flex;height:calc(var(--spacing, .25rem) * 12);width:calc(var(--spacing, .25rem) * 12);flex-shrink:0;align-items:center;justify-content:center;text-decoration-line:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-doc,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-download{display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:calc(infinity * 1px);width:var(--ax-file-badge-size);height:var(--ax-file-badge-size);background:var(--ax-file-badge-color);color:var(--ax-file-badge-fg)}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-fold{display:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-ext{position:relative;z-index:1;max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-bottom:.1rem;text-align: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;text-transform:lowercase}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-download{display:none;font-size:var(--text-3xl, 1.875rem);line-height:var(--tw-leading, var(--text-3xl--line-height, 1.2 ))}@media(hover:hover){:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__badge-doc{display:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__badge-download,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file:hover .ax-conversation-file__badge-download{display:flex}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover){background:transparent}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover) img,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover) video,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover)>i{opacity:0}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:hover .ax-conversation-file__badge-download,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-file__badge-download{display:none}}ax-conversation-file-attachment .ax-conversation-file__thumb .ax-conversation-file__badge-download{pointer-events:none;position:absolute;inset:calc(var(--spacing, .25rem) * 0);z-index:2}ax-conversation-audio-attachment .ax-conversation-audio--file .ax-conversation-file__badge-download{pointer-events:none;position:absolute;inset:calc(var(--spacing, .25rem) * 0);z-index:3}@media(hover:hover){ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__play-icon{opacity:0%}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__play-icon{opacity:100%}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__cover{opacity:0}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__cover{opacity:1}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__play-btn:before{opacity:0}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__play-btn:before{opacity:1}}}@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:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;max-width:100%;flex:1;flex-direction:column;overflow:hidden}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-shell{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-header,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-options,:is(ax-conversation-picker-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,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-footer{flex-shrink:0}:is(ax-conversation-picker-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) * 4);display:flex;min-height:9rem;cursor:pointer;touch-action:manipulation;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 1.5);border-radius:var(--radius-2xl, 1rem);padding:calc(var(--spacing, .25rem) * 6);text-align:center;border:1px dashed rgba(var(--ax-sys-color-on-surface),.14);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-500),.45);background:rgba(var(--ax-sys-color-primary-500),.05)}:is(ax-conversation-picker-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),.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__empty-title{margin:calc(var(--spacing, .25rem) * 0);font-size:.875rem;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);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),.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__body{padding-inline:calc(var(--spacing, .25rem) * 4);padding-bottom: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__panel{overflow:hidden}:is(ax-conversation-picker-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}:is(ax-conversation-picker-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) * 3);padding-block:calc(var(--spacing, .25rem) * 2.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__row+.ax-conversation-picker__row{border-top:1px solid rgba(var(--ax-sys-color-on-surface),.08)}:is(ax-conversation-picker-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--file{gap:calc(var(--spacing, .25rem) * 3);padding-block: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__row--file .ax-conversation-file__badge-doc i{font-size:var(--text-xl, 1.25rem);line-height:var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)))}:is(ax-conversation-picker-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) * 12);width:calc(var(--spacing, .25rem) * 12);flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;background:rgba(var(--ax-sys-color-on-surface),.08);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__thumb--square{border-radius:var(--radius-lg, .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__thumb--circle{border-radius:calc(infinity * 1px)}:is(ax-conversation-picker-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;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-play{position:absolute;inset:calc(var(--spacing, .25rem) * 0);display:flex;align-items:center;justify-content:center;font-size:.7rem;color:var(--color-white, #fff);background:#00000047}:is(ax-conversation-picker-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-play .fa-play{padding-inline-start:.12rem}:is(ax-conversation-picker-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-main{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;align-items:center;gap: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__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:.9375rem;--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400);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:.8125rem;--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);color:rgba(var(--ax-sys-color-on-surface),.52)}:is(ax-conversation-picker-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__row-actions{display:flex;flex-shrink:0;align-items:center;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__media-hint{margin:calc(var(--spacing, .25rem) * 0);margin-top:calc(var(--spacing, .25rem) * 2);text-align:center;font-size:.8125rem;color:rgba(var(--ax-sys-color-on-surface),.45)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid{overflow:hidden;border-radius:var(--radius-xl, .75rem);background:rgba(var(--ax-sys-color-on-surface),.04)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single{display:block}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single .ax-conversation-picker__media-tile{min-height:12rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--dual{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--spacing, .25rem) * .5);min-height:10rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--triple{display:grid;gap:calc(var(--spacing, .25rem) * .5);grid-template-columns:1.2fr 1fr;grid-template-rows:repeat(2,minmax(0,1fr));min-height:14rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--triple>:first-child{grid-row:span 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__media-grid--triple .ax-conversation-picker__media-tile{min-height:0;height: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__media-grid--quad{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--spacing, .25rem) * .5);min-height:14rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--many{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));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__media-grid--masonry{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5);overflow:hidden;border-radius:var(--radius-xl, .75rem);background:rgba(var(--ax-sys-color-on-surface),.04)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-row{display:flex;min-height:8.5rem;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__media-row .ax-conversation-picker__media-tile{min-height:calc(var(--spacing, .25rem) * 0);min-width:calc(var(--spacing, .25rem) * 0);flex: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__media-grid--single .ax-conversation-picker__media-tile 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__media-grid--single .ax-conversation-picker__media-tile video{object-fit:contain;max-height:min(50dvh,22rem)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile{position:relative;min-height:6.5rem;overflow:hidden;background:rgba(var(--ax-sys-color-on-surface),.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__media-tile 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__media-tile video{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__media-grid:not(.ax-conversation-picker__media-grid--single) .ax-conversation-picker__media-tile 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__media-grid:not(.ax-conversation-picker__media-grid--single) .ax-conversation-picker__media-tile video{position:absolute;inset:0}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile-overlay{position:absolute;inset-inline:calc(var(--spacing, .25rem) * 0);top:calc(var(--spacing, .25rem) * 0);z-index:1;display:flex;align-items:flex-start;justify-content:flex-end;gap:calc(var(--spacing, .25rem) * .5);padding:calc(var(--spacing, .25rem) * 1.5);background:linear-gradient(rgb(0 0 0 / .35),transparent 70%)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-status-layer{position:absolute;inset-inline:calc(var(--spacing, .25rem) * 0);bottom:calc(var(--spacing, .25rem) * 0);display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 1);padding:calc(var(--spacing, .25rem) * 2);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__media-status{font-size:.6875rem;--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__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__body{padding-inline:calc(var(--spacing, .25rem) * 3);padding-bottom:calc(var(--spacing, .25rem) * 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__row{gap:calc(var(--spacing, .25rem) * 2.5);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__empty{margin:calc(var(--spacing, .25rem) * 3);min-height:8rem}}}@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-leading: initial;--tw-font-weight: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: AXProgressBarModule }, { kind: "component", type: i2$2.AXProgressBarComponent, selector: "ax-progress-bar", inputs: ["color", "mode", "progress", "height"], outputs: ["ValueChange", "sizeChange"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items", "closeParentOnClick", "lockOnLoading"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "component", type: AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "placement", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "component", type: AXConversationPickerHeaderComponent, selector: "ax-conversation-picker-header", inputs: ["title", "showMenu", "addMoreLabel"], outputs: ["onClose", "onAddMore"] }, { kind: "component", type: AXConversationPickerFooterComponent, selector: "ax-conversation-picker-footer", inputs: ["showAdd", "addLabel", "cancelLabel", "sendLabel", "sendDisabled"], outputs: ["onAdd", "onCancel", "onSend"] }, { kind: "component", type: AXConversationPickerEmptyComponent, selector: "ax-conversation-picker-empty", inputs: ["title", "hint", "iconClass", "dragOver"] }, { kind: "component", type: AXConversationPickerCaptionComponent, selector: "ax-conversation-picker-caption", inputs: ["caption", "showInlineSend", "sendDisabled"], outputs: ["captionChange", "onSend"] }, { kind: "component", type: AXConversationPickerOptionsComponent, selector: "ax-conversation-picker-options", inputs: ["showGroupItems", "showSendAsDocuments", "groupItems", "sendAsDocuments"], outputs: ["groupItemsChange", "sendAsDocumentsChange"] }, { kind: "component", type: AXConversationPickerShellComponent, selector: "ax-conversation-picker-shell", inputs: ["fileType", "multiple"], outputs: ["filesSelected", "dragEnter", "dragLeave", "dragOver"] }], encapsulation: i0.ViewEncapsulation.None }); }
14619
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", 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 } }, viewQueries: [{ propertyName: "pickerShell", first: true, predicate: ["pickerShell"], descendants: true, isSignal: true }], ngImport: i0, template: "<ax-conversation-picker-shell\n #pickerShell\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]=\"getHeaderTitle()\"\n [showMenu]=\"images().length > 0\"\n [addMoreLabel]=\"translation.translateSync('@acorex:chat.pickers.common.add-more')\"\n (onAddMore)=\"onAddMoreFiles()\"\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 @switch (layoutMode()) {\n @case ('masonry') {\n <div class=\"ax-conversation-picker__media-grid ax-conversation-picker__media-grid--masonry\">\n @for (row of mediaRows(); track $index) {\n <div class=\"ax-conversation-picker__media-row\">\n @for (image of row.items; track image.id; let index = $index) {\n <div class=\"ax-conversation-picker__media-tile\">\n <ng-container\n *ngTemplateOutlet=\"mediaTile; context: { $implicit: image, index: row.startIndex + index }\"\n ></ng-container>\n </div>\n }\n </div>\n }\n </div>\n }\n @case ('triple') {\n <div class=\"ax-conversation-picker__media-grid ax-conversation-picker__media-grid--triple\">\n @for (image of images(); track image.id; let index = $index) {\n <div class=\"ax-conversation-picker__media-tile\">\n <ng-container *ngTemplateOutlet=\"mediaTile; context: { $implicit: image, index }\"></ng-container>\n </div>\n }\n </div>\n }\n @default {\n <div [class]=\"'ax-conversation-picker__media-grid ax-conversation-picker__media-grid--' + layoutMode()\">\n @for (image of images(); track image.id; let index = $index) {\n <div class=\"ax-conversation-picker__media-tile\">\n <ng-container *ngTemplateOutlet=\"mediaTile; context: { $implicit: image, index }\"></ng-container>\n </div>\n }\n </div>\n }\n }\n </div>\n }\n </div>\n\n @if (images().length > 0) {\n <ax-conversation-picker-options\n [(groupItems)]=\"groupItems\"\n [(sendAsDocuments)]=\"sendAsDocuments\"\n [showGroupItems]=\"allowMultiple() && images().length > 1\"\n [showSendAsDocuments]=\"true\"\n />\n <ax-conversation-picker-caption [(caption)]=\"caption\" [sendDisabled]=\"!canSend()\" (onSend)=\"sendImages()\" />\n <ax-conversation-picker-footer\n [addLabel]=\"translation.translateSync('@acorex:chat.pickers.common.add')\"\n [cancelLabel]=\"translation.translateSync('@acorex:chat.actions.cancel')\"\n [sendLabel]=\"translation.translateSync('@acorex:chat.actions.send')\"\n [sendDisabled]=\"!canSend()\"\n (onAdd)=\"onAddMoreFiles()\"\n (onCancel)=\"cancel()\"\n (onSend)=\"sendImages()\"\n />\n }\n</ax-conversation-picker-shell>\n\n<ng-template #mediaTile let-image let-index=\"index\">\n <img [src]=\"image.preview\" [alt]=\"image.file.name\" />\n\n <div class=\"ax-conversation-picker__media-tile-overlay\">\n <ax-button class=\"rounded-full ax-sm\" [iconOnly]=\"true\">\n <ax-icon><i class=\"fa-light fa-ellipsis-vertical\"></i></ax-icon>\n <ax-dropdown-panel>\n <ax-button-item-list>\n <ax-button-item\n [text]=\"translation.translateSync('@acorex:chat.actions.edit')\"\n [disabled]=\"image.uploading\"\n (onClick)=\"editImage(index)\"\n >\n <ax-prefix>\n <ax-icon><i class=\"fa-light fa-pen\"></i></ax-icon>\n </ax-prefix>\n </ax-button-item>\n <ax-button-item\n [text]=\"translation.translateSync('@acorex:chat.pickers.files.replace-attachment')\"\n (onClick)=\"replaceAttachment(index)\"\n >\n <ax-prefix>\n <ax-icon><i class=\"fa-light fa-arrows-rotate\"></i></ax-icon>\n </ax-prefix>\n </ax-button-item>\n </ax-button-item-list>\n </ax-dropdown-panel>\n </ax-button>\n\n <ax-button\n class=\"rounded-full ax-sm\"\n [iconOnly]=\"true\"\n [text]=\"translation.translateSync('@acorex:chat.pickers.common.remove')\"\n (onClick)=\"removeImage(index)\"\n >\n <ax-icon><i class=\"fa-solid fa-xmark\"></i></ax-icon>\n </ax-button>\n </div>\n\n @if (image.uploading || image.error) {\n <div class=\"ax-conversation-picker__media-status-layer\">\n @if (image.uploading) {\n <span class=\"ax-conversation-picker__media-status\">{{ getUploadingLabel(image.uploadProgress ?? 0) }}</span>\n <ax-progress-bar [progress]=\"image.uploadProgress || 0\" [mode]=\"'determinate'\" [height]=\"3\" />\n } @else if (image.error) {\n <span class=\"ax-conversation-picker__media-status\">{{ image.error }}</span>\n }\n </div>\n }\n</ng-template>\n", styles: ["@layer properties;@layer components{.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup{max-height:min(36rem,92dvh);width:min(22.5rem,94vw);border-radius:.75rem;overflow:hidden;box-shadow:0 .25rem 1.5rem #0000002e}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-main-container{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow:hidden}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-body-container{display:flex;min-height:calc(var(--spacing, .25rem) * 0);flex:1;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;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;flex:1;flex-direction:column;overflow:hidden}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup{max-height:min(92dvh,92dvh);width:100vw;border-radius:1.25rem 1.25rem 0 0}}.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup{max-height:none;width:min(26rem,94vw);border-radius:1.25rem}.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-main-container,.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-body-container,.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-body-container>ng-component{display:flex;height:auto;min-height:calc(var(--spacing, .25rem) * 0);flex-direction:column;overflow:visible;flex:0 0 auto}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup{width:100vw;border-radius:1.25rem 1.25rem 0 0}}.ax-popup-overlay.ax-conversation-composer-picker-popup--location .ax-popup{max-height:min(40rem,92dvh);width:min(32rem,94vw)}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup--location .ax-popup{max-height:min(92dvh,92dvh)}}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup{max-height:min(48rem,94dvh);width:min(48rem,96vw);overflow:hidden}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-main-container,.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow:hidden}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container{display:flex;flex-direction:column;padding:calc(var(--spacing, .25rem) * 0)}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container>ng-component{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;flex:1;flex-direction:column;overflow:hidden}@media(max-width:480px){.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup{max-height:min(94dvh,94dvh);width:100vw}}}@layer components{:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{--ax-file-badge-color: rgb(var(--ax-sys-color-primary-500));--ax-file-badge-fg: rgb(var(--ax-sys-color-on-primary-surface));--ax-file-badge-size: 3rem}.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file,.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file,.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{--ax-file-badge-color: rgb(var(--ax-sys-color-on-primary-surface));--ax-file-badge-fg: rgb(var(--ax-sys-color-primary-surface))}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{position:relative;display:flex;height:calc(var(--spacing, .25rem) * 12);width:calc(var(--spacing, .25rem) * 12);flex-shrink:0;align-items:center;justify-content:center;text-decoration-line:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-doc,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-download{display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:calc(infinity * 1px);width:var(--ax-file-badge-size);height:var(--ax-file-badge-size);background:var(--ax-file-badge-color);color:var(--ax-file-badge-fg)}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-fold{display:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-ext{position:relative;z-index:1;max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-bottom:.1rem;text-align: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;text-transform:lowercase}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-download{display:none;font-size:var(--text-3xl, 1.875rem);line-height:var(--tw-leading, var(--text-3xl--line-height, 1.2 ))}@media(hover:hover){:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__badge-doc{display:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__badge-download,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file:hover .ax-conversation-file__badge-download{display:flex}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover){background:transparent}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover) img,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover) video,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover)>i{opacity:0}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:hover .ax-conversation-file__badge-download,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-file__badge-download{display:none}}ax-conversation-file-attachment .ax-conversation-file__thumb .ax-conversation-file__badge-download{pointer-events:none;position:absolute;inset:calc(var(--spacing, .25rem) * 0);z-index:2}ax-conversation-audio-attachment .ax-conversation-audio--file .ax-conversation-file__badge-download{pointer-events:none;position:absolute;inset:calc(var(--spacing, .25rem) * 0);z-index:3}@media(hover:hover){ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__play-icon{opacity:0%}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__play-icon{opacity:100%}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__cover{opacity:0}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__cover{opacity:1}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__play-btn:before{opacity:0}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__play-btn:before{opacity:1}}}@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:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;max-width:100%;flex:1;flex-direction:column;overflow:hidden}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-shell{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-header,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-options,:is(ax-conversation-picker-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,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-footer{flex-shrink:0}:is(ax-conversation-picker-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) * 4);display:flex;min-height:9rem;cursor:pointer;touch-action:manipulation;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 1.5);border-radius:var(--radius-2xl, 1rem);padding:calc(var(--spacing, .25rem) * 6);text-align:center;border:1px dashed rgba(var(--ax-sys-color-on-surface),.14);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-500),.45);background:rgba(var(--ax-sys-color-primary-500),.05)}:is(ax-conversation-picker-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),.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__empty-title{margin:calc(var(--spacing, .25rem) * 0);font-size:.875rem;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);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),.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__body{padding-inline:calc(var(--spacing, .25rem) * 4);padding-bottom: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__panel{overflow:hidden}:is(ax-conversation-picker-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}:is(ax-conversation-picker-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) * 3);padding-block:calc(var(--spacing, .25rem) * 2.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__row+.ax-conversation-picker__row{border-top:1px solid rgba(var(--ax-sys-color-on-surface),.08)}:is(ax-conversation-picker-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--file{gap:calc(var(--spacing, .25rem) * 3);padding-block: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__row--file .ax-conversation-file__badge-doc i{font-size:var(--text-xl, 1.25rem);line-height:var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)))}:is(ax-conversation-picker-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) * 12);width:calc(var(--spacing, .25rem) * 12);flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;background:rgba(var(--ax-sys-color-on-surface),.08);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__thumb--square{border-radius:var(--radius-lg, .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__thumb--circle{border-radius:calc(infinity * 1px)}:is(ax-conversation-picker-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;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-play{position:absolute;inset:calc(var(--spacing, .25rem) * 0);display:flex;align-items:center;justify-content:center;font-size:.7rem;color:var(--color-white, #fff);background:#00000047}:is(ax-conversation-picker-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-play .fa-play{padding-inline-start:.12rem}:is(ax-conversation-picker-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-main{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;align-items:center;gap: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__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:.9375rem;--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400);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:.8125rem;--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);color:rgba(var(--ax-sys-color-on-surface),.52)}:is(ax-conversation-picker-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__row-actions{display:flex;flex-shrink:0;align-items:center;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__media-hint{margin:calc(var(--spacing, .25rem) * 0);margin-top:calc(var(--spacing, .25rem) * 2);text-align:center;font-size:.8125rem;color:rgba(var(--ax-sys-color-on-surface),.45)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid{overflow:hidden;border-radius:var(--radius-xl, .75rem);background:rgba(var(--ax-sys-color-on-surface),.04)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single{display:block}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single .ax-conversation-picker__media-tile{min-height:12rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--dual{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--spacing, .25rem) * .5);min-height:10rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--triple{display:grid;gap:calc(var(--spacing, .25rem) * .5);grid-template-columns:1.2fr 1fr;grid-template-rows:repeat(2,minmax(0,1fr));min-height:14rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--triple>:first-child{grid-row:span 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__media-grid--triple .ax-conversation-picker__media-tile{min-height:0;height: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__media-grid--quad{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--spacing, .25rem) * .5);min-height:14rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--many{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));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__media-grid--masonry{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5);overflow:hidden;border-radius:var(--radius-xl, .75rem);background:rgba(var(--ax-sys-color-on-surface),.04)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-row{display:flex;min-height:8.5rem;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__media-row .ax-conversation-picker__media-tile{min-height:calc(var(--spacing, .25rem) * 0);min-width:calc(var(--spacing, .25rem) * 0);flex: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__media-grid--single .ax-conversation-picker__media-tile 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__media-grid--single .ax-conversation-picker__media-tile video{object-fit:contain;max-height:min(50dvh,22rem)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile{position:relative;min-height:6.5rem;overflow:hidden;background:rgba(var(--ax-sys-color-on-surface),.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__media-tile 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__media-tile video{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__media-grid:not(.ax-conversation-picker__media-grid--single) .ax-conversation-picker__media-tile 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__media-grid:not(.ax-conversation-picker__media-grid--single) .ax-conversation-picker__media-tile video{position:absolute;inset:0}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile-overlay{position:absolute;inset-inline:calc(var(--spacing, .25rem) * 0);top:calc(var(--spacing, .25rem) * 0);z-index:1;display:flex;align-items:flex-start;justify-content:flex-end;gap:calc(var(--spacing, .25rem) * .5);padding:calc(var(--spacing, .25rem) * 1.5);background:linear-gradient(rgb(0 0 0 / .35),transparent 70%)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-status-layer{position:absolute;inset-inline:calc(var(--spacing, .25rem) * 0);bottom:calc(var(--spacing, .25rem) * 0);display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 1);padding:calc(var(--spacing, .25rem) * 2);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__media-status{font-size:.6875rem;--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__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__body{padding-inline:calc(var(--spacing, .25rem) * 3);padding-bottom:calc(var(--spacing, .25rem) * 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__row{gap:calc(var(--spacing, .25rem) * 2.5);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__empty{margin:calc(var(--spacing, .25rem) * 3);min-height:8rem}}}@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-leading: initial;--tw-font-weight: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: AXProgressBarModule }, { kind: "component", type: i2$2.AXProgressBarComponent, selector: "ax-progress-bar", inputs: ["color", "mode", "progress", "height"], outputs: ["ValueChange", "sizeChange"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items", "closeParentOnClick", "lockOnLoading"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "component", type: AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "placement", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "component", type: AXConversationPickerHeaderComponent, selector: "ax-conversation-picker-header", inputs: ["title", "showMenu", "addMoreLabel", "closeLabel"], outputs: ["onClose", "onAddMore"] }, { kind: "component", type: AXConversationPickerFooterComponent, selector: "ax-conversation-picker-footer", inputs: ["showAdd", "addLabel", "cancelLabel", "sendLabel", "sendDisabled"], outputs: ["onAdd", "onCancel", "onSend"] }, { kind: "component", type: AXConversationPickerEmptyComponent, selector: "ax-conversation-picker-empty", inputs: ["title", "hint", "iconClass", "dragOver"] }, { kind: "component", type: AXConversationPickerCaptionComponent, selector: "ax-conversation-picker-caption", inputs: ["caption", "showInlineSend", "sendDisabled"], outputs: ["captionChange", "onSend"] }, { kind: "component", type: AXConversationPickerOptionsComponent, selector: "ax-conversation-picker-options", inputs: ["showGroupItems", "showSendAsDocuments", "groupItems", "sendAsDocuments"], outputs: ["groupItemsChange", "sendAsDocumentsChange"] }, { kind: "component", type: AXConversationPickerShellComponent, selector: "ax-conversation-picker-shell", inputs: ["fileType", "multiple"], outputs: ["filesSelected", "dragEnter", "dragLeave", "dragOver"] }], encapsulation: i0.ViewEncapsulation.None }); }
14610
14620
  }
14611
14621
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXConversationImagePickerComponent, decorators: [{
14612
14622
  type: Component,
@@ -14625,7 +14635,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImpor
14625
14635
  AXConversationPickerCaptionComponent,
14626
14636
  AXConversationPickerOptionsComponent,
14627
14637
  AXConversationPickerShellComponent,
14628
- ], template: "<ax-conversation-picker-shell\n #pickerShell\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]=\"getHeaderTitle()\"\n [showMenu]=\"images().length > 0\"\n [addMoreLabel]=\"translation.translateSync('@acorex:chat.pickers.common.add-more')\"\n (onAddMore)=\"onAddMoreFiles()\"\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 @switch (layoutMode()) {\n @case ('masonry') {\n <div class=\"ax-conversation-picker__media-grid ax-conversation-picker__media-grid--masonry\">\n @for (row of mediaRows(); track $index) {\n <div class=\"ax-conversation-picker__media-row\">\n @for (image of row.items; track image.id; let index = $index) {\n <div class=\"ax-conversation-picker__media-tile\">\n <ng-container\n *ngTemplateOutlet=\"mediaTile; context: { $implicit: image, index: row.startIndex + index }\"\n ></ng-container>\n </div>\n }\n </div>\n }\n </div>\n }\n @case ('triple') {\n <div class=\"ax-conversation-picker__media-grid ax-conversation-picker__media-grid--triple\">\n @for (image of images(); track image.id; let index = $index) {\n <div class=\"ax-conversation-picker__media-tile\">\n <ng-container *ngTemplateOutlet=\"mediaTile; context: { $implicit: image, index }\"></ng-container>\n </div>\n }\n </div>\n }\n @default {\n <div [class]=\"'ax-conversation-picker__media-grid ax-conversation-picker__media-grid--' + layoutMode()\">\n @for (image of images(); track image.id; let index = $index) {\n <div class=\"ax-conversation-picker__media-tile\">\n <ng-container *ngTemplateOutlet=\"mediaTile; context: { $implicit: image, index }\"></ng-container>\n </div>\n }\n </div>\n }\n }\n </div>\n }\n </div>\n\n @if (images().length > 0) {\n <ax-conversation-picker-options\n [(groupItems)]=\"groupItems\"\n [(sendAsDocuments)]=\"sendAsDocuments\"\n [showGroupItems]=\"allowMultiple() && images().length > 1\"\n [showSendAsDocuments]=\"true\"\n />\n <ax-conversation-picker-caption [(caption)]=\"caption\" [sendDisabled]=\"!canSend()\" (onSend)=\"sendImages()\" />\n <ax-conversation-picker-footer\n [addLabel]=\"translation.translateSync('@acorex:chat.pickers.common.add')\"\n [cancelLabel]=\"translation.translateSync('@acorex:chat.actions.cancel')\"\n [sendLabel]=\"translation.translateSync('@acorex:chat.actions.send')\"\n [sendDisabled]=\"!canSend()\"\n (onAdd)=\"onAddMoreFiles()\"\n (onCancel)=\"cancel()\"\n (onSend)=\"sendImages()\"\n />\n }\n</ax-conversation-picker-shell>\n\n<ng-template #mediaTile let-image let-index=\"index\">\n <img [src]=\"image.preview\" [alt]=\"image.file.name\" />\n\n <div class=\"ax-conversation-picker__media-tile-overlay\">\n <ax-button class=\"rounded-full ax-sm\" [iconOnly]=\"true\">\n <ax-icon><i class=\"fa-light fa-ellipsis-vertical\"></i></ax-icon>\n <ax-dropdown-panel>\n <ax-button-item-list>\n <ax-button-item\n [text]=\"translation.translateSync('@acorex:chat.actions.edit')\"\n [disabled]=\"image.uploading\"\n (onClick)=\"editImage(index)\"\n >\n <ax-prefix>\n <ax-icon><i class=\"fa-light fa-pen\"></i></ax-icon>\n </ax-prefix>\n </ax-button-item>\n <ax-button-item\n [text]=\"translation.translateSync('@acorex:chat.pickers.files.replace-attachment')\"\n (onClick)=\"replaceAttachment(index)\"\n >\n <ax-prefix>\n <ax-icon><i class=\"fa-light fa-arrows-rotate\"></i></ax-icon>\n </ax-prefix>\n </ax-button-item>\n </ax-button-item-list>\n </ax-dropdown-panel>\n </ax-button>\n\n <ax-button\n class=\"rounded-full ax-sm\"\n [iconOnly]=\"true\"\n [text]=\"translation.translateSync('@acorex:chat.pickers.common.remove')\"\n (onClick)=\"removeImage(index)\"\n >\n <ax-icon><i class=\"fa-solid fa-xmark\"></i></ax-icon>\n </ax-button>\n </div>\n\n @if (image.uploading || image.error) {\n <div class=\"ax-conversation-picker__media-status-layer\">\n @if (image.uploading) {\n <span class=\"ax-conversation-picker__media-status\">{{ getUploadingLabel(image.uploadProgress ?? 0) }}</span>\n <ax-progress-bar [progress]=\"image.uploadProgress || 0\" [mode]=\"'determinate'\" [height]=\"3\" />\n } @else if (image.error) {\n <span class=\"ax-conversation-picker__media-status\">{{ image.error }}</span>\n }\n </div>\n }\n</ng-template>\n", styles: ["@layer properties;@layer components{.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup{max-height:min(36rem,92dvh);width:min(22.5rem,94vw);border-radius:.75rem;overflow:hidden;box-shadow:0 .25rem 1.5rem #0000002e}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-main-container{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow:hidden}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-body-container{display:flex;min-height:calc(var(--spacing, .25rem) * 0);flex:1;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;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;flex:1;flex-direction:column;overflow:hidden}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup{max-height:min(92dvh,92dvh);width:100vw;border-radius:1.25rem 1.25rem 0 0}}.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup{max-height:none;width:min(26rem,94vw);border-radius:1.25rem}.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-main-container,.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-body-container,.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-body-container>ng-component{display:flex;height:auto;min-height:calc(var(--spacing, .25rem) * 0);flex-direction:column;overflow:visible;flex:0 0 auto}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup{width:100vw;border-radius:1.25rem 1.25rem 0 0}}.ax-popup-overlay.ax-conversation-composer-picker-popup--location .ax-popup{max-height:min(40rem,92dvh);width:min(32rem,94vw)}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup--location .ax-popup{max-height:min(92dvh,92dvh)}}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup{max-height:min(48rem,94dvh);width:min(48rem,96vw);overflow:hidden}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-main-container,.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow:hidden}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container{display:flex;flex-direction:column;padding:calc(var(--spacing, .25rem) * 0)}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container>ng-component{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;flex:1;flex-direction:column;overflow:hidden}@media(max-width:480px){.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup{max-height:min(94dvh,94dvh);width:100vw}}}@layer components{:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{--ax-file-badge-color: rgb(var(--ax-sys-color-primary-500));--ax-file-badge-fg: rgb(var(--ax-sys-color-on-primary-surface));--ax-file-badge-size: 3rem}.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file,.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file,.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{--ax-file-badge-color: rgb(var(--ax-sys-color-on-primary-surface));--ax-file-badge-fg: rgb(var(--ax-sys-color-primary-surface))}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{position:relative;display:flex;height:calc(var(--spacing, .25rem) * 12);width:calc(var(--spacing, .25rem) * 12);flex-shrink:0;align-items:center;justify-content:center;text-decoration-line:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-doc,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-download{display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:calc(infinity * 1px);width:var(--ax-file-badge-size);height:var(--ax-file-badge-size);background:var(--ax-file-badge-color);color:var(--ax-file-badge-fg)}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-fold{display:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-ext{position:relative;z-index:1;max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-bottom:.1rem;text-align: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;text-transform:lowercase}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-download{display:none;font-size:var(--text-3xl, 1.875rem);line-height:var(--tw-leading, var(--text-3xl--line-height, 1.2 ))}@media(hover:hover){:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__badge-doc{display:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__badge-download,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file:hover .ax-conversation-file__badge-download{display:flex}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover){background:transparent}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover) img,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover) video,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover)>i{opacity:0}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:hover .ax-conversation-file__badge-download,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-file__badge-download{display:none}}ax-conversation-file-attachment .ax-conversation-file__thumb .ax-conversation-file__badge-download{pointer-events:none;position:absolute;inset:calc(var(--spacing, .25rem) * 0);z-index:2}ax-conversation-audio-attachment .ax-conversation-audio--file .ax-conversation-file__badge-download{pointer-events:none;position:absolute;inset:calc(var(--spacing, .25rem) * 0);z-index:3}@media(hover:hover){ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__play-icon{opacity:0%}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__play-icon{opacity:100%}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__cover{opacity:0}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__cover{opacity:1}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__play-btn:before{opacity:0}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__play-btn:before{opacity:1}}}@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:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;max-width:100%;flex:1;flex-direction:column;overflow:hidden}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-shell{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-header,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-options,:is(ax-conversation-picker-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,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-footer{flex-shrink:0}:is(ax-conversation-picker-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) * 4);display:flex;min-height:9rem;cursor:pointer;touch-action:manipulation;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 1.5);border-radius:var(--radius-2xl, 1rem);padding:calc(var(--spacing, .25rem) * 6);text-align:center;border:1px dashed rgba(var(--ax-sys-color-on-surface),.14);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-500),.45);background:rgba(var(--ax-sys-color-primary-500),.05)}:is(ax-conversation-picker-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),.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__empty-title{margin:calc(var(--spacing, .25rem) * 0);font-size:.875rem;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);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),.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__body{padding-inline:calc(var(--spacing, .25rem) * 4);padding-bottom: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__panel{overflow:hidden}:is(ax-conversation-picker-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}:is(ax-conversation-picker-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) * 3);padding-block:calc(var(--spacing, .25rem) * 2.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__row+.ax-conversation-picker__row{border-top:1px solid rgba(var(--ax-sys-color-on-surface),.08)}:is(ax-conversation-picker-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--file{gap:calc(var(--spacing, .25rem) * 3);padding-block: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__row--file .ax-conversation-file__badge-doc i{font-size:var(--text-xl, 1.25rem);line-height:var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)))}:is(ax-conversation-picker-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) * 12);width:calc(var(--spacing, .25rem) * 12);flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;background:rgba(var(--ax-sys-color-on-surface),.08);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__thumb--square{border-radius:var(--radius-lg, .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__thumb--circle{border-radius:calc(infinity * 1px)}:is(ax-conversation-picker-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;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-play{position:absolute;inset:calc(var(--spacing, .25rem) * 0);display:flex;align-items:center;justify-content:center;font-size:.7rem;color:var(--color-white, #fff);background:#00000047}:is(ax-conversation-picker-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-play .fa-play{padding-inline-start:.12rem}:is(ax-conversation-picker-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-main{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;align-items:center;gap: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__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:.9375rem;--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400);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:.8125rem;--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);color:rgba(var(--ax-sys-color-on-surface),.52)}:is(ax-conversation-picker-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__row-actions{display:flex;flex-shrink:0;align-items:center;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__media-hint{margin:calc(var(--spacing, .25rem) * 0);margin-top:calc(var(--spacing, .25rem) * 2);text-align:center;font-size:.8125rem;color:rgba(var(--ax-sys-color-on-surface),.45)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid{overflow:hidden;border-radius:var(--radius-xl, .75rem);background:rgba(var(--ax-sys-color-on-surface),.04)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single{display:block}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single .ax-conversation-picker__media-tile{min-height:12rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--dual{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--spacing, .25rem) * .5);min-height:10rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--triple{display:grid;gap:calc(var(--spacing, .25rem) * .5);grid-template-columns:1.2fr 1fr;grid-template-rows:repeat(2,minmax(0,1fr));min-height:14rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--triple>:first-child{grid-row:span 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__media-grid--triple .ax-conversation-picker__media-tile{min-height:0;height: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__media-grid--quad{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--spacing, .25rem) * .5);min-height:14rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--many{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));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__media-grid--masonry{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5);overflow:hidden;border-radius:var(--radius-xl, .75rem);background:rgba(var(--ax-sys-color-on-surface),.04)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-row{display:flex;min-height:8.5rem;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__media-row .ax-conversation-picker__media-tile{min-height:calc(var(--spacing, .25rem) * 0);min-width:calc(var(--spacing, .25rem) * 0);flex: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__media-grid--single .ax-conversation-picker__media-tile 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__media-grid--single .ax-conversation-picker__media-tile video{object-fit:contain;max-height:min(50dvh,22rem)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile{position:relative;min-height:6.5rem;overflow:hidden;background:rgba(var(--ax-sys-color-on-surface),.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__media-tile 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__media-tile video{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__media-grid:not(.ax-conversation-picker__media-grid--single) .ax-conversation-picker__media-tile 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__media-grid:not(.ax-conversation-picker__media-grid--single) .ax-conversation-picker__media-tile video{position:absolute;inset:0}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile-overlay{position:absolute;inset-inline:calc(var(--spacing, .25rem) * 0);top:calc(var(--spacing, .25rem) * 0);z-index:1;display:flex;align-items:flex-start;justify-content:flex-end;gap:calc(var(--spacing, .25rem) * .5);padding:calc(var(--spacing, .25rem) * 1.5);background:linear-gradient(rgb(0 0 0 / .35),transparent 70%)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-status-layer{position:absolute;inset-inline:calc(var(--spacing, .25rem) * 0);bottom:calc(var(--spacing, .25rem) * 0);display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 1);padding:calc(var(--spacing, .25rem) * 2);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__media-status{font-size:.6875rem;--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__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__body{padding-inline:calc(var(--spacing, .25rem) * 3);padding-bottom:calc(var(--spacing, .25rem) * 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__row{gap:calc(var(--spacing, .25rem) * 2.5);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__empty{margin:calc(var(--spacing, .25rem) * 3);min-height:8rem}}}@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-leading: initial;--tw-font-weight: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"] }]
14638
+ ], template: "<ax-conversation-picker-shell\n #pickerShell\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]=\"getHeaderTitle()\"\n [showMenu]=\"images().length > 0\"\n [addMoreLabel]=\"translation.translateSync('@acorex:chat.pickers.common.add-more')\"\n (onAddMore)=\"onAddMoreFiles()\"\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 @switch (layoutMode()) {\n @case ('masonry') {\n <div class=\"ax-conversation-picker__media-grid ax-conversation-picker__media-grid--masonry\">\n @for (row of mediaRows(); track $index) {\n <div class=\"ax-conversation-picker__media-row\">\n @for (image of row.items; track image.id; let index = $index) {\n <div class=\"ax-conversation-picker__media-tile\">\n <ng-container\n *ngTemplateOutlet=\"mediaTile; context: { $implicit: image, index: row.startIndex + index }\"\n ></ng-container>\n </div>\n }\n </div>\n }\n </div>\n }\n @case ('triple') {\n <div class=\"ax-conversation-picker__media-grid ax-conversation-picker__media-grid--triple\">\n @for (image of images(); track image.id; let index = $index) {\n <div class=\"ax-conversation-picker__media-tile\">\n <ng-container *ngTemplateOutlet=\"mediaTile; context: { $implicit: image, index }\"></ng-container>\n </div>\n }\n </div>\n }\n @default {\n <div [class]=\"'ax-conversation-picker__media-grid ax-conversation-picker__media-grid--' + layoutMode()\">\n @for (image of images(); track image.id; let index = $index) {\n <div class=\"ax-conversation-picker__media-tile\">\n <ng-container *ngTemplateOutlet=\"mediaTile; context: { $implicit: image, index }\"></ng-container>\n </div>\n }\n </div>\n }\n }\n </div>\n }\n </div>\n\n @if (images().length > 0) {\n <ax-conversation-picker-options\n [(groupItems)]=\"groupItems\"\n [(sendAsDocuments)]=\"sendAsDocuments\"\n [showGroupItems]=\"allowMultiple() && images().length > 1\"\n [showSendAsDocuments]=\"true\"\n />\n <ax-conversation-picker-caption [(caption)]=\"caption\" [sendDisabled]=\"!canSend()\" (onSend)=\"sendImages()\" />\n <ax-conversation-picker-footer\n [addLabel]=\"translation.translateSync('@acorex:chat.pickers.common.add')\"\n [cancelLabel]=\"translation.translateSync('@acorex:chat.actions.cancel')\"\n [sendLabel]=\"translation.translateSync('@acorex:chat.actions.send')\"\n [sendDisabled]=\"!canSend()\"\n (onAdd)=\"onAddMoreFiles()\"\n (onCancel)=\"cancel()\"\n (onSend)=\"sendImages()\"\n />\n }\n</ax-conversation-picker-shell>\n\n<ng-template #mediaTile let-image let-index=\"index\">\n <img [src]=\"image.preview\" [alt]=\"image.file.name\" />\n\n <div class=\"ax-conversation-picker__media-tile-overlay\">\n <ax-button class=\"rounded-full ax-sm\" [iconOnly]=\"true\">\n <ax-icon><i class=\"fa-light fa-ellipsis-vertical\"></i></ax-icon>\n <ax-dropdown-panel>\n <ax-button-item-list>\n <ax-button-item\n [text]=\"translation.translateSync('@acorex:chat.actions.edit')\"\n [disabled]=\"image.uploading\"\n (onClick)=\"editImage(index)\"\n >\n <ax-prefix>\n <ax-icon><i class=\"fa-light fa-pen\"></i></ax-icon>\n </ax-prefix>\n </ax-button-item>\n <ax-button-item\n [text]=\"translation.translateSync('@acorex:chat.pickers.files.replace-attachment')\"\n (onClick)=\"replaceAttachment(index)\"\n >\n <ax-prefix>\n <ax-icon><i class=\"fa-light fa-arrows-rotate\"></i></ax-icon>\n </ax-prefix>\n </ax-button-item>\n </ax-button-item-list>\n </ax-dropdown-panel>\n </ax-button>\n\n <ax-button\n class=\"rounded-full ax-sm\"\n [iconOnly]=\"true\"\n [text]=\"translation.translateSync('@acorex:chat.pickers.common.remove')\"\n (onClick)=\"removeImage(index)\"\n >\n <ax-icon><i class=\"fa-solid fa-xmark\"></i></ax-icon>\n </ax-button>\n </div>\n\n @if (image.uploading || image.error) {\n <div class=\"ax-conversation-picker__media-status-layer\">\n @if (image.uploading) {\n <span class=\"ax-conversation-picker__media-status\">{{ getUploadingLabel(image.uploadProgress ?? 0) }}</span>\n <ax-progress-bar [progress]=\"image.uploadProgress || 0\" [mode]=\"'determinate'\" [height]=\"3\" />\n } @else if (image.error) {\n <span class=\"ax-conversation-picker__media-status\">{{ image.error }}</span>\n }\n </div>\n }\n</ng-template>\n", styles: ["@layer properties;@layer components{.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup{max-height:min(36rem,92dvh);width:min(22.5rem,94vw);border-radius:.75rem;overflow:hidden;box-shadow:0 .25rem 1.5rem #0000002e}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-main-container{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow:hidden}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-body-container{display:flex;min-height:calc(var(--spacing, .25rem) * 0);flex:1;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;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;flex:1;flex-direction:column;overflow:hidden}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup{max-height:min(92dvh,92dvh);width:100vw;border-radius:1.25rem 1.25rem 0 0}}.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup{max-height:none;width:min(26rem,94vw);border-radius:1.25rem}.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-main-container,.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-body-container,.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-body-container>ng-component{display:flex;height:auto;min-height:calc(var(--spacing, .25rem) * 0);flex-direction:column;overflow:visible;flex:0 0 auto}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup{width:100vw;border-radius:1.25rem 1.25rem 0 0}}.ax-popup-overlay.ax-conversation-composer-picker-popup--location .ax-popup{max-height:min(40rem,92dvh);width:min(32rem,94vw)}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup--location .ax-popup{max-height:min(92dvh,92dvh)}}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup{max-height:min(48rem,94dvh);width:min(48rem,96vw);overflow:hidden}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-main-container,.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow:hidden}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container{display:flex;flex-direction:column;padding:calc(var(--spacing, .25rem) * 0)}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container>ng-component{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;flex:1;flex-direction:column;overflow:hidden}@media(max-width:480px){.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup{max-height:min(94dvh,94dvh);width:100vw}}}@layer components{:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{--ax-file-badge-color: rgb(var(--ax-sys-color-primary-500));--ax-file-badge-fg: rgb(var(--ax-sys-color-on-primary-surface));--ax-file-badge-size: 3rem}.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file,.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file,.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{--ax-file-badge-color: rgb(var(--ax-sys-color-on-primary-surface));--ax-file-badge-fg: rgb(var(--ax-sys-color-primary-surface))}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{position:relative;display:flex;height:calc(var(--spacing, .25rem) * 12);width:calc(var(--spacing, .25rem) * 12);flex-shrink:0;align-items:center;justify-content:center;text-decoration-line:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-doc,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-download{display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:calc(infinity * 1px);width:var(--ax-file-badge-size);height:var(--ax-file-badge-size);background:var(--ax-file-badge-color);color:var(--ax-file-badge-fg)}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-fold{display:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-ext{position:relative;z-index:1;max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-bottom:.1rem;text-align: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;text-transform:lowercase}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-download{display:none;font-size:var(--text-3xl, 1.875rem);line-height:var(--tw-leading, var(--text-3xl--line-height, 1.2 ))}@media(hover:hover){:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__badge-doc{display:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__badge-download,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file:hover .ax-conversation-file__badge-download{display:flex}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover){background:transparent}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover) img,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover) video,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover)>i{opacity:0}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:hover .ax-conversation-file__badge-download,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-file__badge-download{display:none}}ax-conversation-file-attachment .ax-conversation-file__thumb .ax-conversation-file__badge-download{pointer-events:none;position:absolute;inset:calc(var(--spacing, .25rem) * 0);z-index:2}ax-conversation-audio-attachment .ax-conversation-audio--file .ax-conversation-file__badge-download{pointer-events:none;position:absolute;inset:calc(var(--spacing, .25rem) * 0);z-index:3}@media(hover:hover){ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__play-icon{opacity:0%}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__play-icon{opacity:100%}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__cover{opacity:0}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__cover{opacity:1}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__play-btn:before{opacity:0}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__play-btn:before{opacity:1}}}@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:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;max-width:100%;flex:1;flex-direction:column;overflow:hidden}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-shell{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-header,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-options,:is(ax-conversation-picker-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,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-footer{flex-shrink:0}:is(ax-conversation-picker-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) * 4);display:flex;min-height:9rem;cursor:pointer;touch-action:manipulation;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 1.5);border-radius:var(--radius-2xl, 1rem);padding:calc(var(--spacing, .25rem) * 6);text-align:center;border:1px dashed rgba(var(--ax-sys-color-on-surface),.14);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-500),.45);background:rgba(var(--ax-sys-color-primary-500),.05)}:is(ax-conversation-picker-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),.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__empty-title{margin:calc(var(--spacing, .25rem) * 0);font-size:.875rem;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);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),.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__body{padding-inline:calc(var(--spacing, .25rem) * 4);padding-bottom: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__panel{overflow:hidden}:is(ax-conversation-picker-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}:is(ax-conversation-picker-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) * 3);padding-block:calc(var(--spacing, .25rem) * 2.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__row+.ax-conversation-picker__row{border-top:1px solid rgba(var(--ax-sys-color-on-surface),.08)}:is(ax-conversation-picker-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--file{gap:calc(var(--spacing, .25rem) * 3);padding-block: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__row--file .ax-conversation-file__badge-doc i{font-size:var(--text-xl, 1.25rem);line-height:var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)))}:is(ax-conversation-picker-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) * 12);width:calc(var(--spacing, .25rem) * 12);flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;background:rgba(var(--ax-sys-color-on-surface),.08);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__thumb--square{border-radius:var(--radius-lg, .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__thumb--circle{border-radius:calc(infinity * 1px)}:is(ax-conversation-picker-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;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-play{position:absolute;inset:calc(var(--spacing, .25rem) * 0);display:flex;align-items:center;justify-content:center;font-size:.7rem;color:var(--color-white, #fff);background:#00000047}:is(ax-conversation-picker-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-play .fa-play{padding-inline-start:.12rem}:is(ax-conversation-picker-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-main{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;align-items:center;gap: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__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:.9375rem;--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400);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:.8125rem;--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);color:rgba(var(--ax-sys-color-on-surface),.52)}:is(ax-conversation-picker-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__row-actions{display:flex;flex-shrink:0;align-items:center;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__media-hint{margin:calc(var(--spacing, .25rem) * 0);margin-top:calc(var(--spacing, .25rem) * 2);text-align:center;font-size:.8125rem;color:rgba(var(--ax-sys-color-on-surface),.45)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid{overflow:hidden;border-radius:var(--radius-xl, .75rem);background:rgba(var(--ax-sys-color-on-surface),.04)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single{display:block}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single .ax-conversation-picker__media-tile{min-height:12rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--dual{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--spacing, .25rem) * .5);min-height:10rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--triple{display:grid;gap:calc(var(--spacing, .25rem) * .5);grid-template-columns:1.2fr 1fr;grid-template-rows:repeat(2,minmax(0,1fr));min-height:14rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--triple>:first-child{grid-row:span 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__media-grid--triple .ax-conversation-picker__media-tile{min-height:0;height: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__media-grid--quad{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--spacing, .25rem) * .5);min-height:14rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--many{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));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__media-grid--masonry{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5);overflow:hidden;border-radius:var(--radius-xl, .75rem);background:rgba(var(--ax-sys-color-on-surface),.04)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-row{display:flex;min-height:8.5rem;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__media-row .ax-conversation-picker__media-tile{min-height:calc(var(--spacing, .25rem) * 0);min-width:calc(var(--spacing, .25rem) * 0);flex: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__media-grid--single .ax-conversation-picker__media-tile 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__media-grid--single .ax-conversation-picker__media-tile video{object-fit:contain;max-height:min(50dvh,22rem)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile{position:relative;min-height:6.5rem;overflow:hidden;background:rgba(var(--ax-sys-color-on-surface),.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__media-tile 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__media-tile video{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__media-grid:not(.ax-conversation-picker__media-grid--single) .ax-conversation-picker__media-tile 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__media-grid:not(.ax-conversation-picker__media-grid--single) .ax-conversation-picker__media-tile video{position:absolute;inset:0}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile-overlay{position:absolute;inset-inline:calc(var(--spacing, .25rem) * 0);top:calc(var(--spacing, .25rem) * 0);z-index:1;display:flex;align-items:flex-start;justify-content:flex-end;gap:calc(var(--spacing, .25rem) * .5);padding:calc(var(--spacing, .25rem) * 1.5);background:linear-gradient(rgb(0 0 0 / .35),transparent 70%)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-status-layer{position:absolute;inset-inline:calc(var(--spacing, .25rem) * 0);bottom:calc(var(--spacing, .25rem) * 0);display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 1);padding:calc(var(--spacing, .25rem) * 2);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__media-status{font-size:.6875rem;--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__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__body{padding-inline:calc(var(--spacing, .25rem) * 3);padding-bottom:calc(var(--spacing, .25rem) * 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__row{gap:calc(var(--spacing, .25rem) * 2.5);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__empty{margin:calc(var(--spacing, .25rem) * 3);min-height:8rem}}}@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-leading: initial;--tw-font-weight: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"] }]
14629
14639
  }], 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 }] }], pickerShell: [{ type: i0.ViewChild, args: ['pickerShell', { isSignal: true }] }] } });
14630
14640
 
14631
14641
  var imagePicker_component = /*#__PURE__*/Object.freeze({
@@ -14690,7 +14700,7 @@ class AXConversationLocationPickerComponent {
14690
14700
  dismissComposerPickerHost(this.composerService, this.__popup__(), this.__actionSheet__());
14691
14701
  }
14692
14702
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXConversationLocationPickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
14693
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.6", type: AXConversationLocationPickerComponent, isStandalone: true, selector: "ax-conversation-location-picker", inputs: { service: { classPropertyName: "service", publicName: "service", isSignal: true, isRequired: false, transformFunction: null }, conversation: { classPropertyName: "conversation", publicName: "conversation", isSignal: true, isRequired: true, 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: "<div class=\"ax-conversation-picker ax-conversation-picker--location\">\n <ax-conversation-picker-header\n [title]=\"translation.translateSync('@acorex:chat.pickers.location.title')\"\n (onClose)=\"cancel()\"\n />\n\n <div class=\"ax-conversation-picker__scroll\">\n <!-- Map with Single Marker -->\n <div class=\"map-container\">\n <ax-map\n [latitude]=\"currentLocation().latitude\"\n [longitude]=\"currentLocation().longitude\"\n [maxMarker]=\"1\"\n [addMarkerOnTap]=\"true\"\n [hasLocator]=\"true\"\n (onMarkerAdded)=\"onMarkerAdded($event)\"\n />\n </div>\n\n <!-- Location Info -->\n <!-- <div class=\"location-info\">\n <div class=\"info-row\">\n <i class=\"fa-light fa-location-dot\"></i>\n <div class=\"info-text\">\n <div class=\"info-label\">{{ '@acorex:chat.pickers.location.coordinates' | translate | async }}</div>\n <div class=\"info-value\">\n {{ currentLocation().latitude.toFixed(6) }}, {{ currentLocation().longitude.toFixed(6) }}\n </div>\n </div>\n </div>\n </div> -->\n </div>\n\n <ax-conversation-picker-footer\n [showAdd]=\"false\"\n [cancelLabel]=\"translation.translateSync('@acorex:chat.actions.cancel')\"\n [sendLabel]=\"translation.translateSync('@acorex:chat.pickers.location.send')\"\n [sendDisabled]=\"false\"\n (onCancel)=\"cancel()\"\n (onSend)=\"sendLocation()\"\n />\n</div>\n", styles: ["@layer properties;@layer components{.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup{max-height:min(36rem,92dvh);width:min(22.5rem,94vw);border-radius:.75rem;overflow:hidden;box-shadow:0 .25rem 1.5rem #0000002e}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-main-container{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow:hidden}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-body-container{display:flex;min-height:calc(var(--spacing, .25rem) * 0);flex:1;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;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;flex:1;flex-direction:column;overflow:hidden}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup{max-height:min(92dvh,92dvh);width:100vw;border-radius:1.25rem 1.25rem 0 0}}.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup{max-height:none;width:min(26rem,94vw);border-radius:1.25rem}.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-main-container,.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-body-container,.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-body-container>ng-component{display:flex;height:auto;min-height:calc(var(--spacing, .25rem) * 0);flex-direction:column;overflow:visible;flex:0 0 auto}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup{width:100vw;border-radius:1.25rem 1.25rem 0 0}}.ax-popup-overlay.ax-conversation-composer-picker-popup--location .ax-popup{max-height:min(40rem,92dvh);width:min(32rem,94vw)}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup--location .ax-popup{max-height:min(92dvh,92dvh)}}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup{max-height:min(48rem,94dvh);width:min(48rem,96vw);overflow:hidden}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-main-container,.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow:hidden}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container{display:flex;flex-direction:column;padding:calc(var(--spacing, .25rem) * 0)}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container>ng-component{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;flex:1;flex-direction:column;overflow:hidden}@media(max-width:480px){.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup{max-height:min(94dvh,94dvh);width:100vw}}}@layer components{:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{--ax-file-badge-color: rgb(var(--ax-sys-color-primary-500));--ax-file-badge-fg: rgb(var(--ax-sys-color-on-primary-surface));--ax-file-badge-size: 3rem}.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file,.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file,.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{--ax-file-badge-color: rgb(var(--ax-sys-color-on-primary-surface));--ax-file-badge-fg: rgb(var(--ax-sys-color-primary-surface))}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{position:relative;display:flex;height:calc(var(--spacing, .25rem) * 12);width:calc(var(--spacing, .25rem) * 12);flex-shrink:0;align-items:center;justify-content:center;text-decoration-line:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-doc,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-download{display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:calc(infinity * 1px);width:var(--ax-file-badge-size);height:var(--ax-file-badge-size);background:var(--ax-file-badge-color);color:var(--ax-file-badge-fg)}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-fold{display:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-ext{position:relative;z-index:1;max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-bottom:.1rem;text-align: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;text-transform:lowercase}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-download{display:none;font-size:var(--text-3xl, 1.875rem);line-height:var(--tw-leading, var(--text-3xl--line-height, 1.2 ))}@media(hover:hover){:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__badge-doc{display:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__badge-download,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file:hover .ax-conversation-file__badge-download{display:flex}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover){background:transparent}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover) img,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover) video,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover)>i{opacity:0}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:hover .ax-conversation-file__badge-download,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-file__badge-download{display:none}}ax-conversation-file-attachment .ax-conversation-file__thumb .ax-conversation-file__badge-download{pointer-events:none;position:absolute;inset:calc(var(--spacing, .25rem) * 0);z-index:2}ax-conversation-audio-attachment .ax-conversation-audio--file .ax-conversation-file__badge-download{pointer-events:none;position:absolute;inset:calc(var(--spacing, .25rem) * 0);z-index:3}@media(hover:hover){ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__play-icon{opacity:0%}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__play-icon{opacity:100%}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__cover{opacity:0}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__cover{opacity:1}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__play-btn:before{opacity:0}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__play-btn:before{opacity:1}}}@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:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;max-width:100%;flex:1;flex-direction:column;overflow:hidden}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-shell{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-header,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-options,:is(ax-conversation-picker-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,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-footer{flex-shrink:0}:is(ax-conversation-picker-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) * 4);display:flex;min-height:9rem;cursor:pointer;touch-action:manipulation;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 1.5);border-radius:var(--radius-2xl, 1rem);padding:calc(var(--spacing, .25rem) * 6);text-align:center;border:1px dashed rgba(var(--ax-sys-color-on-surface),.14);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-500),.45);background:rgba(var(--ax-sys-color-primary-500),.05)}:is(ax-conversation-picker-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),.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__empty-title{margin:calc(var(--spacing, .25rem) * 0);font-size:.875rem;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);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),.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__body{padding-inline:calc(var(--spacing, .25rem) * 4);padding-bottom: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__panel{overflow:hidden}:is(ax-conversation-picker-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}:is(ax-conversation-picker-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) * 3);padding-block:calc(var(--spacing, .25rem) * 2.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__row+.ax-conversation-picker__row{border-top:1px solid rgba(var(--ax-sys-color-on-surface),.08)}:is(ax-conversation-picker-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--file{gap:calc(var(--spacing, .25rem) * 3);padding-block: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__row--file .ax-conversation-file__badge-doc i{font-size:var(--text-xl, 1.25rem);line-height:var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)))}:is(ax-conversation-picker-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) * 12);width:calc(var(--spacing, .25rem) * 12);flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;background:rgba(var(--ax-sys-color-on-surface),.08);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__thumb--square{border-radius:var(--radius-lg, .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__thumb--circle{border-radius:calc(infinity * 1px)}:is(ax-conversation-picker-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;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-play{position:absolute;inset:calc(var(--spacing, .25rem) * 0);display:flex;align-items:center;justify-content:center;font-size:.7rem;color:var(--color-white, #fff);background:#00000047}:is(ax-conversation-picker-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-play .fa-play{padding-inline-start:.12rem}:is(ax-conversation-picker-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-main{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;align-items:center;gap: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__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:.9375rem;--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400);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:.8125rem;--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);color:rgba(var(--ax-sys-color-on-surface),.52)}:is(ax-conversation-picker-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__row-actions{display:flex;flex-shrink:0;align-items:center;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__media-hint{margin:calc(var(--spacing, .25rem) * 0);margin-top:calc(var(--spacing, .25rem) * 2);text-align:center;font-size:.8125rem;color:rgba(var(--ax-sys-color-on-surface),.45)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid{overflow:hidden;border-radius:var(--radius-xl, .75rem);background:rgba(var(--ax-sys-color-on-surface),.04)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single{display:block}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single .ax-conversation-picker__media-tile{min-height:12rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--dual{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--spacing, .25rem) * .5);min-height:10rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--triple{display:grid;gap:calc(var(--spacing, .25rem) * .5);grid-template-columns:1.2fr 1fr;grid-template-rows:repeat(2,minmax(0,1fr));min-height:14rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--triple>:first-child{grid-row:span 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__media-grid--triple .ax-conversation-picker__media-tile{min-height:0;height: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__media-grid--quad{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--spacing, .25rem) * .5);min-height:14rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--many{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));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__media-grid--masonry{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5);overflow:hidden;border-radius:var(--radius-xl, .75rem);background:rgba(var(--ax-sys-color-on-surface),.04)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-row{display:flex;min-height:8.5rem;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__media-row .ax-conversation-picker__media-tile{min-height:calc(var(--spacing, .25rem) * 0);min-width:calc(var(--spacing, .25rem) * 0);flex: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__media-grid--single .ax-conversation-picker__media-tile 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__media-grid--single .ax-conversation-picker__media-tile video{object-fit:contain;max-height:min(50dvh,22rem)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile{position:relative;min-height:6.5rem;overflow:hidden;background:rgba(var(--ax-sys-color-on-surface),.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__media-tile 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__media-tile video{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__media-grid:not(.ax-conversation-picker__media-grid--single) .ax-conversation-picker__media-tile 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__media-grid:not(.ax-conversation-picker__media-grid--single) .ax-conversation-picker__media-tile video{position:absolute;inset:0}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile-overlay{position:absolute;inset-inline:calc(var(--spacing, .25rem) * 0);top:calc(var(--spacing, .25rem) * 0);z-index:1;display:flex;align-items:flex-start;justify-content:flex-end;gap:calc(var(--spacing, .25rem) * .5);padding:calc(var(--spacing, .25rem) * 1.5);background:linear-gradient(rgb(0 0 0 / .35),transparent 70%)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-status-layer{position:absolute;inset-inline:calc(var(--spacing, .25rem) * 0);bottom:calc(var(--spacing, .25rem) * 0);display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 1);padding:calc(var(--spacing, .25rem) * 2);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__media-status{font-size:.6875rem;--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__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__body{padding-inline:calc(var(--spacing, .25rem) * 3);padding-bottom:calc(var(--spacing, .25rem) * 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__row{gap:calc(var(--spacing, .25rem) * 2.5);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__empty{margin:calc(var(--spacing, .25rem) * 3);min-height:8rem}}}@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-leading: initial;--tw-font-weight: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n", "@layer properties;@layer components{ax-conversation-location-picker{display:block;width:100%;container-type:inline-size;container-name:picker}ax-conversation-location-picker .ax-conversation-picker--location{max-height:min(85dvh,40rem)}@container picker (max-width: 480px){ax-conversation-location-picker .ax-conversation-picker--location{max-height:90dvh}}ax-conversation-location-picker .map-container{height:calc(var(--spacing, .25rem) * 72);min-height:calc(var(--spacing, .25rem) * 72);overflow:hidden}ax-conversation-location-picker .map-container ax-map{display:block;height:100%;width:100%}ax-conversation-location-picker .location-info{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-surface));padding-inline:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 3)}ax-conversation-location-picker .info-row{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 3)}ax-conversation-location-picker .info-row i{font-size:var(--text-xl, 1.25rem);line-height:var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));color:rgba(var(--ax-sys-color-primary-surface))}ax-conversation-location-picker .info-text{flex:1}ax-conversation-location-picker .info-label{margin-bottom:calc(var(--spacing, .25rem) * 1);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),.7)}ax-conversation-location-picker .info-value{font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-sys-color-on-surface))}}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@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-font-weight: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXMapModule }, { kind: "component", type: i1$5.AXMapComponent, selector: "ax-map", inputs: ["zoomLevel", "latitude", "longitude", "maxMarker", "maxPolygon", "maxPolyline", "maxRectangle", "maxCircle", "hasDraw", "hasLocator", "fitToDraw", "limitDraw", "addPoiToFitDraw", "addMarkerOnTap", "readonly", "disabled", "markerPlace", "locatePlace", "poiMinZoom", "markers", "polygons", "polylines", "rectangles", "circles", "pois"], outputs: ["zoomLevelChange", "latitudeChange", "longitudeChange", "onMarkerAdded", "onMarkerClick", "onMarkerChanged", "onPolygonAdded", "onPolygonClick", "onPolygonChanged", "onPolylineAdded", "onPolylineClick", "onPolylineChanged", "onRectangleAdded", "onRectangleClick", "onRectangleChanged", "onCircleAdded", "onCircleClick", "onCircleChanged", "onLocationFound", "onPoiChanged", "onPoiAdded", "onMapReady", "onLoadError"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXConversationPickerHeaderComponent, selector: "ax-conversation-picker-header", inputs: ["title", "showMenu", "addMoreLabel"], outputs: ["onClose", "onAddMore"] }, { kind: "component", type: AXConversationPickerFooterComponent, selector: "ax-conversation-picker-footer", inputs: ["showAdd", "addLabel", "cancelLabel", "sendLabel", "sendDisabled"], outputs: ["onAdd", "onCancel", "onSend"] }], encapsulation: i0.ViewEncapsulation.None }); }
14703
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.6", type: AXConversationLocationPickerComponent, isStandalone: true, selector: "ax-conversation-location-picker", inputs: { service: { classPropertyName: "service", publicName: "service", isSignal: true, isRequired: false, transformFunction: null }, conversation: { classPropertyName: "conversation", publicName: "conversation", isSignal: true, isRequired: true, 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: "<div class=\"ax-conversation-picker ax-conversation-picker--location\">\n <ax-conversation-picker-header\n [title]=\"translation.translateSync('@acorex:chat.pickers.location.title')\"\n (onClose)=\"cancel()\"\n />\n\n <div class=\"ax-conversation-picker__scroll\">\n <!-- Map with Single Marker -->\n <div class=\"map-container\">\n <ax-map\n [latitude]=\"currentLocation().latitude\"\n [longitude]=\"currentLocation().longitude\"\n [maxMarker]=\"1\"\n [addMarkerOnTap]=\"true\"\n [hasLocator]=\"true\"\n (onMarkerAdded)=\"onMarkerAdded($event)\"\n />\n </div>\n\n <!-- Location Info -->\n <!-- <div class=\"location-info\">\n <div class=\"info-row\">\n <i class=\"fa-light fa-location-dot\"></i>\n <div class=\"info-text\">\n <div class=\"info-label\">{{ '@acorex:chat.pickers.location.coordinates' | translate | async }}</div>\n <div class=\"info-value\">\n {{ currentLocation().latitude.toFixed(6) }}, {{ currentLocation().longitude.toFixed(6) }}\n </div>\n </div>\n </div>\n </div> -->\n </div>\n\n <ax-conversation-picker-footer\n [showAdd]=\"false\"\n [cancelLabel]=\"translation.translateSync('@acorex:chat.actions.cancel')\"\n [sendLabel]=\"translation.translateSync('@acorex:chat.pickers.location.send')\"\n [sendDisabled]=\"false\"\n (onCancel)=\"cancel()\"\n (onSend)=\"sendLocation()\"\n />\n</div>\n", styles: ["@layer properties;@layer components{.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup{max-height:min(36rem,92dvh);width:min(22.5rem,94vw);border-radius:.75rem;overflow:hidden;box-shadow:0 .25rem 1.5rem #0000002e}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-main-container{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow:hidden}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-body-container{display:flex;min-height:calc(var(--spacing, .25rem) * 0);flex:1;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;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;flex:1;flex-direction:column;overflow:hidden}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup{max-height:min(92dvh,92dvh);width:100vw;border-radius:1.25rem 1.25rem 0 0}}.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup{max-height:none;width:min(26rem,94vw);border-radius:1.25rem}.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-main-container,.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-body-container,.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-body-container>ng-component{display:flex;height:auto;min-height:calc(var(--spacing, .25rem) * 0);flex-direction:column;overflow:visible;flex:0 0 auto}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup{width:100vw;border-radius:1.25rem 1.25rem 0 0}}.ax-popup-overlay.ax-conversation-composer-picker-popup--location .ax-popup{max-height:min(40rem,92dvh);width:min(32rem,94vw)}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup--location .ax-popup{max-height:min(92dvh,92dvh)}}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup{max-height:min(48rem,94dvh);width:min(48rem,96vw);overflow:hidden}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-main-container,.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow:hidden}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container{display:flex;flex-direction:column;padding:calc(var(--spacing, .25rem) * 0)}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container>ng-component{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;flex:1;flex-direction:column;overflow:hidden}@media(max-width:480px){.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup{max-height:min(94dvh,94dvh);width:100vw}}}@layer components{:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{--ax-file-badge-color: rgb(var(--ax-sys-color-primary-500));--ax-file-badge-fg: rgb(var(--ax-sys-color-on-primary-surface));--ax-file-badge-size: 3rem}.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file,.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file,.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{--ax-file-badge-color: rgb(var(--ax-sys-color-on-primary-surface));--ax-file-badge-fg: rgb(var(--ax-sys-color-primary-surface))}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{position:relative;display:flex;height:calc(var(--spacing, .25rem) * 12);width:calc(var(--spacing, .25rem) * 12);flex-shrink:0;align-items:center;justify-content:center;text-decoration-line:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-doc,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-download{display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:calc(infinity * 1px);width:var(--ax-file-badge-size);height:var(--ax-file-badge-size);background:var(--ax-file-badge-color);color:var(--ax-file-badge-fg)}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-fold{display:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-ext{position:relative;z-index:1;max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-bottom:.1rem;text-align: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;text-transform:lowercase}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-download{display:none;font-size:var(--text-3xl, 1.875rem);line-height:var(--tw-leading, var(--text-3xl--line-height, 1.2 ))}@media(hover:hover){:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__badge-doc{display:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__badge-download,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file:hover .ax-conversation-file__badge-download{display:flex}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover){background:transparent}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover) img,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover) video,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover)>i{opacity:0}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:hover .ax-conversation-file__badge-download,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-file__badge-download{display:none}}ax-conversation-file-attachment .ax-conversation-file__thumb .ax-conversation-file__badge-download{pointer-events:none;position:absolute;inset:calc(var(--spacing, .25rem) * 0);z-index:2}ax-conversation-audio-attachment .ax-conversation-audio--file .ax-conversation-file__badge-download{pointer-events:none;position:absolute;inset:calc(var(--spacing, .25rem) * 0);z-index:3}@media(hover:hover){ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__play-icon{opacity:0%}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__play-icon{opacity:100%}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__cover{opacity:0}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__cover{opacity:1}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__play-btn:before{opacity:0}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__play-btn:before{opacity:1}}}@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:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;max-width:100%;flex:1;flex-direction:column;overflow:hidden}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-shell{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-header,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-options,:is(ax-conversation-picker-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,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-footer{flex-shrink:0}:is(ax-conversation-picker-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) * 4);display:flex;min-height:9rem;cursor:pointer;touch-action:manipulation;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 1.5);border-radius:var(--radius-2xl, 1rem);padding:calc(var(--spacing, .25rem) * 6);text-align:center;border:1px dashed rgba(var(--ax-sys-color-on-surface),.14);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-500),.45);background:rgba(var(--ax-sys-color-primary-500),.05)}:is(ax-conversation-picker-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),.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__empty-title{margin:calc(var(--spacing, .25rem) * 0);font-size:.875rem;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);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),.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__body{padding-inline:calc(var(--spacing, .25rem) * 4);padding-bottom: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__panel{overflow:hidden}:is(ax-conversation-picker-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}:is(ax-conversation-picker-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) * 3);padding-block:calc(var(--spacing, .25rem) * 2.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__row+.ax-conversation-picker__row{border-top:1px solid rgba(var(--ax-sys-color-on-surface),.08)}:is(ax-conversation-picker-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--file{gap:calc(var(--spacing, .25rem) * 3);padding-block: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__row--file .ax-conversation-file__badge-doc i{font-size:var(--text-xl, 1.25rem);line-height:var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)))}:is(ax-conversation-picker-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) * 12);width:calc(var(--spacing, .25rem) * 12);flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;background:rgba(var(--ax-sys-color-on-surface),.08);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__thumb--square{border-radius:var(--radius-lg, .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__thumb--circle{border-radius:calc(infinity * 1px)}:is(ax-conversation-picker-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;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-play{position:absolute;inset:calc(var(--spacing, .25rem) * 0);display:flex;align-items:center;justify-content:center;font-size:.7rem;color:var(--color-white, #fff);background:#00000047}:is(ax-conversation-picker-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-play .fa-play{padding-inline-start:.12rem}:is(ax-conversation-picker-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-main{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;align-items:center;gap: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__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:.9375rem;--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400);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:.8125rem;--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);color:rgba(var(--ax-sys-color-on-surface),.52)}:is(ax-conversation-picker-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__row-actions{display:flex;flex-shrink:0;align-items:center;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__media-hint{margin:calc(var(--spacing, .25rem) * 0);margin-top:calc(var(--spacing, .25rem) * 2);text-align:center;font-size:.8125rem;color:rgba(var(--ax-sys-color-on-surface),.45)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid{overflow:hidden;border-radius:var(--radius-xl, .75rem);background:rgba(var(--ax-sys-color-on-surface),.04)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single{display:block}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single .ax-conversation-picker__media-tile{min-height:12rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--dual{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--spacing, .25rem) * .5);min-height:10rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--triple{display:grid;gap:calc(var(--spacing, .25rem) * .5);grid-template-columns:1.2fr 1fr;grid-template-rows:repeat(2,minmax(0,1fr));min-height:14rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--triple>:first-child{grid-row:span 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__media-grid--triple .ax-conversation-picker__media-tile{min-height:0;height: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__media-grid--quad{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--spacing, .25rem) * .5);min-height:14rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--many{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));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__media-grid--masonry{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5);overflow:hidden;border-radius:var(--radius-xl, .75rem);background:rgba(var(--ax-sys-color-on-surface),.04)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-row{display:flex;min-height:8.5rem;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__media-row .ax-conversation-picker__media-tile{min-height:calc(var(--spacing, .25rem) * 0);min-width:calc(var(--spacing, .25rem) * 0);flex: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__media-grid--single .ax-conversation-picker__media-tile 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__media-grid--single .ax-conversation-picker__media-tile video{object-fit:contain;max-height:min(50dvh,22rem)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile{position:relative;min-height:6.5rem;overflow:hidden;background:rgba(var(--ax-sys-color-on-surface),.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__media-tile 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__media-tile video{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__media-grid:not(.ax-conversation-picker__media-grid--single) .ax-conversation-picker__media-tile 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__media-grid:not(.ax-conversation-picker__media-grid--single) .ax-conversation-picker__media-tile video{position:absolute;inset:0}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile-overlay{position:absolute;inset-inline:calc(var(--spacing, .25rem) * 0);top:calc(var(--spacing, .25rem) * 0);z-index:1;display:flex;align-items:flex-start;justify-content:flex-end;gap:calc(var(--spacing, .25rem) * .5);padding:calc(var(--spacing, .25rem) * 1.5);background:linear-gradient(rgb(0 0 0 / .35),transparent 70%)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-status-layer{position:absolute;inset-inline:calc(var(--spacing, .25rem) * 0);bottom:calc(var(--spacing, .25rem) * 0);display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 1);padding:calc(var(--spacing, .25rem) * 2);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__media-status{font-size:.6875rem;--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__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__body{padding-inline:calc(var(--spacing, .25rem) * 3);padding-bottom:calc(var(--spacing, .25rem) * 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__row{gap:calc(var(--spacing, .25rem) * 2.5);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__empty{margin:calc(var(--spacing, .25rem) * 3);min-height:8rem}}}@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-leading: initial;--tw-font-weight: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n", "@layer properties;@layer components{ax-conversation-location-picker{display:block;width:100%;container-type:inline-size;container-name:picker}ax-conversation-location-picker .ax-conversation-picker--location{max-height:min(85dvh,40rem)}@container picker (max-width: 480px){ax-conversation-location-picker .ax-conversation-picker--location{max-height:90dvh}}ax-conversation-location-picker .map-container{height:calc(var(--spacing, .25rem) * 72);min-height:calc(var(--spacing, .25rem) * 72);overflow:hidden}ax-conversation-location-picker .map-container ax-map{display:block;height:100%;width:100%}ax-conversation-location-picker .location-info{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-surface));padding-inline:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 3)}ax-conversation-location-picker .info-row{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 3)}ax-conversation-location-picker .info-row i{font-size:var(--text-xl, 1.25rem);line-height:var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));color:rgba(var(--ax-sys-color-primary-surface))}ax-conversation-location-picker .info-text{flex:1}ax-conversation-location-picker .info-label{margin-bottom:calc(var(--spacing, .25rem) * 1);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),.7)}ax-conversation-location-picker .info-value{font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-sys-color-on-surface))}}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@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-font-weight: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXMapModule }, { kind: "component", type: i1$5.AXMapComponent, selector: "ax-map", inputs: ["zoomLevel", "latitude", "longitude", "maxMarker", "maxPolygon", "maxPolyline", "maxRectangle", "maxCircle", "hasDraw", "hasLocator", "fitToDraw", "limitDraw", "addPoiToFitDraw", "addMarkerOnTap", "readonly", "disabled", "markerPlace", "locatePlace", "poiMinZoom", "markers", "polygons", "polylines", "rectangles", "circles", "pois"], outputs: ["zoomLevelChange", "latitudeChange", "longitudeChange", "onMarkerAdded", "onMarkerClick", "onMarkerChanged", "onPolygonAdded", "onPolygonClick", "onPolygonChanged", "onPolylineAdded", "onPolylineClick", "onPolylineChanged", "onRectangleAdded", "onRectangleClick", "onRectangleChanged", "onCircleAdded", "onCircleClick", "onCircleChanged", "onLocationFound", "onPoiChanged", "onPoiAdded", "onMapReady", "onLoadError"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXConversationPickerHeaderComponent, selector: "ax-conversation-picker-header", inputs: ["title", "showMenu", "addMoreLabel", "closeLabel"], outputs: ["onClose", "onAddMore"] }, { kind: "component", type: AXConversationPickerFooterComponent, selector: "ax-conversation-picker-footer", inputs: ["showAdd", "addLabel", "cancelLabel", "sendLabel", "sendDisabled"], outputs: ["onAdd", "onCancel", "onSend"] }], encapsulation: i0.ViewEncapsulation.None }); }
14694
14704
  }
14695
14705
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXConversationLocationPickerComponent, decorators: [{
14696
14706
  type: Component,
@@ -15387,7 +15397,7 @@ class AXConversationVideoPickerComponent {
15387
15397
  });
15388
15398
  }
15389
15399
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXConversationVideoPickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
15390
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", 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 } }, viewQueries: [{ propertyName: "pickerShell", first: true, predicate: ["pickerShell"], descendants: true, isSignal: true }], ngImport: i0, template: "<ax-conversation-picker-shell\n #pickerShell\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]=\"getHeaderTitle()\"\n [showMenu]=\"videos().length > 0\"\n [addMoreLabel]=\"translation.translateSync('@acorex:chat.pickers.common.add-more')\"\n (onAddMore)=\"onAddMoreFiles()\"\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 @switch (layoutMode()) {\n @case ('masonry') {\n <div class=\"ax-conversation-picker__media-grid ax-conversation-picker__media-grid--masonry\">\n @for (row of mediaRows(); track $index) {\n <div class=\"ax-conversation-picker__media-row\">\n @for (video of row.items; track video.id; let index = $index) {\n <div class=\"ax-conversation-picker__media-tile\">\n <ng-container\n *ngTemplateOutlet=\"mediaTile; context: { $implicit: video, index: row.startIndex + index }\"\n ></ng-container>\n </div>\n }\n </div>\n }\n </div>\n }\n @case ('triple') {\n <div class=\"ax-conversation-picker__media-grid ax-conversation-picker__media-grid--triple\">\n @for (video of videos(); track video.id; let index = $index) {\n <div class=\"ax-conversation-picker__media-tile\">\n <ng-container *ngTemplateOutlet=\"mediaTile; context: { $implicit: video, index }\"></ng-container>\n </div>\n }\n </div>\n }\n @default {\n <div [class]=\"'ax-conversation-picker__media-grid ax-conversation-picker__media-grid--' + layoutMode()\">\n @for (video of videos(); track video.id; let index = $index) {\n <div class=\"ax-conversation-picker__media-tile\">\n <ng-container *ngTemplateOutlet=\"mediaTile; context: { $implicit: video, index }\"></ng-container>\n </div>\n }\n </div>\n }\n }\n\n <p class=\"ax-conversation-picker__media-hint\">\n {{ translation.translateSync('@acorex:chat.pickers.common.edit-photo-hint') }}\n </p>\n </div>\n }\n </div>\n\n @if (videos().length > 0) {\n <ax-conversation-picker-options\n [(groupItems)]=\"groupItems\"\n [(sendAsDocuments)]=\"sendAsDocuments\"\n [showGroupItems]=\"allowMultiple() && videos().length > 1\"\n [showSendAsDocuments]=\"true\"\n />\n <ax-conversation-picker-caption [(caption)]=\"caption\" [sendDisabled]=\"!canSend()\" (onSend)=\"sendVideos()\" />\n <ax-conversation-picker-footer\n [addLabel]=\"translation.translateSync('@acorex:chat.pickers.common.add')\"\n [cancelLabel]=\"translation.translateSync('@acorex:chat.actions.cancel')\"\n [sendLabel]=\"translation.translateSync('@acorex:chat.actions.send')\"\n [sendDisabled]=\"!canSend()\"\n (onAdd)=\"onAddMoreFiles()\"\n (onCancel)=\"cancel()\"\n (onSend)=\"sendVideos()\"\n />\n }\n</ax-conversation-picker-shell>\n\n<ng-template #mediaTile let-video let-index=\"index\">\n @if (video.preview) {\n <video [src]=\"video.preview\" muted playsinline preload=\"metadata\"></video>\n }\n\n <div class=\"ax-conversation-picker__media-tile-overlay\">\n <ax-button class=\"rounded-full ax-xs\" look=\"blank\" [iconOnly]=\"true\">\n <ax-icon><i class=\"fa-solid fa-ellipsis-vertical\"></i></ax-icon>\n <ax-dropdown-panel>\n <ax-button-item-list>\n <ax-button-item\n [text]=\"translation.translateSync('@acorex:chat.pickers.files.replace-attachment')\"\n (onClick)=\"replaceAttachment(index)\"\n >\n <ax-prefix>\n <ax-icon><i class=\"fa-light fa-arrows-rotate\"></i></ax-icon>\n </ax-prefix>\n </ax-button-item>\n </ax-button-item-list>\n </ax-dropdown-panel>\n </ax-button>\n\n <ax-button\n class=\"rounded-full ax-xs\"\n look=\"blank\"\n [iconOnly]=\"true\"\n [text]=\"translation.translateSync('@acorex:chat.pickers.common.remove')\"\n (onClick)=\"removeVideo(index)\"\n >\n <ax-icon><i class=\"fa-solid fa-xmark\"></i></ax-icon>\n </ax-button>\n </div>\n\n @if (video.uploading || video.error) {\n <div class=\"ax-conversation-picker__media-status-layer\">\n @if (video.uploading) {\n <span class=\"ax-conversation-picker__media-status\">{{ getUploadingLabel(video.uploadProgress ?? 0) }}</span>\n <ax-progress-bar [progress]=\"video.uploadProgress || 0\" [mode]=\"'determinate'\" [height]=\"3\" />\n } @else if (video.error) {\n <span class=\"ax-conversation-picker__media-status\">{{ video.error }}</span>\n }\n </div>\n }\n</ng-template>\n", styles: ["@layer properties;@layer components{.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup{max-height:min(36rem,92dvh);width:min(22.5rem,94vw);border-radius:.75rem;overflow:hidden;box-shadow:0 .25rem 1.5rem #0000002e}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-main-container{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow:hidden}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-body-container{display:flex;min-height:calc(var(--spacing, .25rem) * 0);flex:1;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;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;flex:1;flex-direction:column;overflow:hidden}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup{max-height:min(92dvh,92dvh);width:100vw;border-radius:1.25rem 1.25rem 0 0}}.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup{max-height:none;width:min(26rem,94vw);border-radius:1.25rem}.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-main-container,.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-body-container,.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-body-container>ng-component{display:flex;height:auto;min-height:calc(var(--spacing, .25rem) * 0);flex-direction:column;overflow:visible;flex:0 0 auto}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup{width:100vw;border-radius:1.25rem 1.25rem 0 0}}.ax-popup-overlay.ax-conversation-composer-picker-popup--location .ax-popup{max-height:min(40rem,92dvh);width:min(32rem,94vw)}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup--location .ax-popup{max-height:min(92dvh,92dvh)}}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup{max-height:min(48rem,94dvh);width:min(48rem,96vw);overflow:hidden}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-main-container,.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow:hidden}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container{display:flex;flex-direction:column;padding:calc(var(--spacing, .25rem) * 0)}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container>ng-component{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;flex:1;flex-direction:column;overflow:hidden}@media(max-width:480px){.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup{max-height:min(94dvh,94dvh);width:100vw}}}@layer components{:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{--ax-file-badge-color: rgb(var(--ax-sys-color-primary-500));--ax-file-badge-fg: rgb(var(--ax-sys-color-on-primary-surface));--ax-file-badge-size: 3rem}.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file,.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file,.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{--ax-file-badge-color: rgb(var(--ax-sys-color-on-primary-surface));--ax-file-badge-fg: rgb(var(--ax-sys-color-primary-surface))}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{position:relative;display:flex;height:calc(var(--spacing, .25rem) * 12);width:calc(var(--spacing, .25rem) * 12);flex-shrink:0;align-items:center;justify-content:center;text-decoration-line:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-doc,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-download{display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:calc(infinity * 1px);width:var(--ax-file-badge-size);height:var(--ax-file-badge-size);background:var(--ax-file-badge-color);color:var(--ax-file-badge-fg)}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-fold{display:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-ext{position:relative;z-index:1;max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-bottom:.1rem;text-align: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;text-transform:lowercase}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-download{display:none;font-size:var(--text-3xl, 1.875rem);line-height:var(--tw-leading, var(--text-3xl--line-height, 1.2 ))}@media(hover:hover){:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__badge-doc{display:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__badge-download,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file:hover .ax-conversation-file__badge-download{display:flex}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover){background:transparent}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover) img,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover) video,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover)>i{opacity:0}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:hover .ax-conversation-file__badge-download,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-file__badge-download{display:none}}ax-conversation-file-attachment .ax-conversation-file__thumb .ax-conversation-file__badge-download{pointer-events:none;position:absolute;inset:calc(var(--spacing, .25rem) * 0);z-index:2}ax-conversation-audio-attachment .ax-conversation-audio--file .ax-conversation-file__badge-download{pointer-events:none;position:absolute;inset:calc(var(--spacing, .25rem) * 0);z-index:3}@media(hover:hover){ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__play-icon{opacity:0%}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__play-icon{opacity:100%}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__cover{opacity:0}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__cover{opacity:1}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__play-btn:before{opacity:0}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__play-btn:before{opacity:1}}}@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:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;max-width:100%;flex:1;flex-direction:column;overflow:hidden}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-shell{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-header,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-options,:is(ax-conversation-picker-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,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-footer{flex-shrink:0}:is(ax-conversation-picker-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) * 4);display:flex;min-height:9rem;cursor:pointer;touch-action:manipulation;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 1.5);border-radius:var(--radius-2xl, 1rem);padding:calc(var(--spacing, .25rem) * 6);text-align:center;border:1px dashed rgba(var(--ax-sys-color-on-surface),.14);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-500),.45);background:rgba(var(--ax-sys-color-primary-500),.05)}:is(ax-conversation-picker-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),.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__empty-title{margin:calc(var(--spacing, .25rem) * 0);font-size:.875rem;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);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),.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__body{padding-inline:calc(var(--spacing, .25rem) * 4);padding-bottom: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__panel{overflow:hidden}:is(ax-conversation-picker-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}:is(ax-conversation-picker-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) * 3);padding-block:calc(var(--spacing, .25rem) * 2.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__row+.ax-conversation-picker__row{border-top:1px solid rgba(var(--ax-sys-color-on-surface),.08)}:is(ax-conversation-picker-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--file{gap:calc(var(--spacing, .25rem) * 3);padding-block: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__row--file .ax-conversation-file__badge-doc i{font-size:var(--text-xl, 1.25rem);line-height:var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)))}:is(ax-conversation-picker-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) * 12);width:calc(var(--spacing, .25rem) * 12);flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;background:rgba(var(--ax-sys-color-on-surface),.08);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__thumb--square{border-radius:var(--radius-lg, .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__thumb--circle{border-radius:calc(infinity * 1px)}:is(ax-conversation-picker-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;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-play{position:absolute;inset:calc(var(--spacing, .25rem) * 0);display:flex;align-items:center;justify-content:center;font-size:.7rem;color:var(--color-white, #fff);background:#00000047}:is(ax-conversation-picker-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-play .fa-play{padding-inline-start:.12rem}:is(ax-conversation-picker-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-main{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;align-items:center;gap: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__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:.9375rem;--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400);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:.8125rem;--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);color:rgba(var(--ax-sys-color-on-surface),.52)}:is(ax-conversation-picker-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__row-actions{display:flex;flex-shrink:0;align-items:center;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__media-hint{margin:calc(var(--spacing, .25rem) * 0);margin-top:calc(var(--spacing, .25rem) * 2);text-align:center;font-size:.8125rem;color:rgba(var(--ax-sys-color-on-surface),.45)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid{overflow:hidden;border-radius:var(--radius-xl, .75rem);background:rgba(var(--ax-sys-color-on-surface),.04)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single{display:block}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single .ax-conversation-picker__media-tile{min-height:12rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--dual{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--spacing, .25rem) * .5);min-height:10rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--triple{display:grid;gap:calc(var(--spacing, .25rem) * .5);grid-template-columns:1.2fr 1fr;grid-template-rows:repeat(2,minmax(0,1fr));min-height:14rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--triple>:first-child{grid-row:span 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__media-grid--triple .ax-conversation-picker__media-tile{min-height:0;height: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__media-grid--quad{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--spacing, .25rem) * .5);min-height:14rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--many{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));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__media-grid--masonry{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5);overflow:hidden;border-radius:var(--radius-xl, .75rem);background:rgba(var(--ax-sys-color-on-surface),.04)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-row{display:flex;min-height:8.5rem;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__media-row .ax-conversation-picker__media-tile{min-height:calc(var(--spacing, .25rem) * 0);min-width:calc(var(--spacing, .25rem) * 0);flex: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__media-grid--single .ax-conversation-picker__media-tile 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__media-grid--single .ax-conversation-picker__media-tile video{object-fit:contain;max-height:min(50dvh,22rem)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile{position:relative;min-height:6.5rem;overflow:hidden;background:rgba(var(--ax-sys-color-on-surface),.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__media-tile 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__media-tile video{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__media-grid:not(.ax-conversation-picker__media-grid--single) .ax-conversation-picker__media-tile 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__media-grid:not(.ax-conversation-picker__media-grid--single) .ax-conversation-picker__media-tile video{position:absolute;inset:0}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile-overlay{position:absolute;inset-inline:calc(var(--spacing, .25rem) * 0);top:calc(var(--spacing, .25rem) * 0);z-index:1;display:flex;align-items:flex-start;justify-content:flex-end;gap:calc(var(--spacing, .25rem) * .5);padding:calc(var(--spacing, .25rem) * 1.5);background:linear-gradient(rgb(0 0 0 / .35),transparent 70%)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-status-layer{position:absolute;inset-inline:calc(var(--spacing, .25rem) * 0);bottom:calc(var(--spacing, .25rem) * 0);display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 1);padding:calc(var(--spacing, .25rem) * 2);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__media-status{font-size:.6875rem;--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__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__body{padding-inline:calc(var(--spacing, .25rem) * 3);padding-bottom:calc(var(--spacing, .25rem) * 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__row{gap:calc(var(--spacing, .25rem) * 2.5);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__empty{margin:calc(var(--spacing, .25rem) * 3);min-height:8rem}}}@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-leading: initial;--tw-font-weight: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: AXProgressBarModule }, { kind: "component", type: i2$2.AXProgressBarComponent, selector: "ax-progress-bar", inputs: ["color", "mode", "progress", "height"], outputs: ["ValueChange", "sizeChange"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items", "closeParentOnClick", "lockOnLoading"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "component", type: AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "placement", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "component", type: AXConversationPickerHeaderComponent, selector: "ax-conversation-picker-header", inputs: ["title", "showMenu", "addMoreLabel"], outputs: ["onClose", "onAddMore"] }, { kind: "component", type: AXConversationPickerFooterComponent, selector: "ax-conversation-picker-footer", inputs: ["showAdd", "addLabel", "cancelLabel", "sendLabel", "sendDisabled"], outputs: ["onAdd", "onCancel", "onSend"] }, { kind: "component", type: AXConversationPickerEmptyComponent, selector: "ax-conversation-picker-empty", inputs: ["title", "hint", "iconClass", "dragOver"] }, { kind: "component", type: AXConversationPickerCaptionComponent, selector: "ax-conversation-picker-caption", inputs: ["caption", "showInlineSend", "sendDisabled"], outputs: ["captionChange", "onSend"] }, { kind: "component", type: AXConversationPickerOptionsComponent, selector: "ax-conversation-picker-options", inputs: ["showGroupItems", "showSendAsDocuments", "groupItems", "sendAsDocuments"], outputs: ["groupItemsChange", "sendAsDocumentsChange"] }, { kind: "component", type: AXConversationPickerShellComponent, selector: "ax-conversation-picker-shell", inputs: ["fileType", "multiple"], outputs: ["filesSelected", "dragEnter", "dragLeave", "dragOver"] }], encapsulation: i0.ViewEncapsulation.None }); }
15400
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", 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 } }, viewQueries: [{ propertyName: "pickerShell", first: true, predicate: ["pickerShell"], descendants: true, isSignal: true }], ngImport: i0, template: "<ax-conversation-picker-shell\n #pickerShell\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]=\"getHeaderTitle()\"\n [showMenu]=\"videos().length > 0\"\n [addMoreLabel]=\"translation.translateSync('@acorex:chat.pickers.common.add-more')\"\n (onAddMore)=\"onAddMoreFiles()\"\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 @switch (layoutMode()) {\n @case ('masonry') {\n <div class=\"ax-conversation-picker__media-grid ax-conversation-picker__media-grid--masonry\">\n @for (row of mediaRows(); track $index) {\n <div class=\"ax-conversation-picker__media-row\">\n @for (video of row.items; track video.id; let index = $index) {\n <div class=\"ax-conversation-picker__media-tile\">\n <ng-container\n *ngTemplateOutlet=\"mediaTile; context: { $implicit: video, index: row.startIndex + index }\"\n ></ng-container>\n </div>\n }\n </div>\n }\n </div>\n }\n @case ('triple') {\n <div class=\"ax-conversation-picker__media-grid ax-conversation-picker__media-grid--triple\">\n @for (video of videos(); track video.id; let index = $index) {\n <div class=\"ax-conversation-picker__media-tile\">\n <ng-container *ngTemplateOutlet=\"mediaTile; context: { $implicit: video, index }\"></ng-container>\n </div>\n }\n </div>\n }\n @default {\n <div [class]=\"'ax-conversation-picker__media-grid ax-conversation-picker__media-grid--' + layoutMode()\">\n @for (video of videos(); track video.id; let index = $index) {\n <div class=\"ax-conversation-picker__media-tile\">\n <ng-container *ngTemplateOutlet=\"mediaTile; context: { $implicit: video, index }\"></ng-container>\n </div>\n }\n </div>\n }\n }\n\n <p class=\"ax-conversation-picker__media-hint\">\n {{ translation.translateSync('@acorex:chat.pickers.common.edit-photo-hint') }}\n </p>\n </div>\n }\n </div>\n\n @if (videos().length > 0) {\n <ax-conversation-picker-options\n [(groupItems)]=\"groupItems\"\n [(sendAsDocuments)]=\"sendAsDocuments\"\n [showGroupItems]=\"allowMultiple() && videos().length > 1\"\n [showSendAsDocuments]=\"true\"\n />\n <ax-conversation-picker-caption [(caption)]=\"caption\" [sendDisabled]=\"!canSend()\" (onSend)=\"sendVideos()\" />\n <ax-conversation-picker-footer\n [addLabel]=\"translation.translateSync('@acorex:chat.pickers.common.add')\"\n [cancelLabel]=\"translation.translateSync('@acorex:chat.actions.cancel')\"\n [sendLabel]=\"translation.translateSync('@acorex:chat.actions.send')\"\n [sendDisabled]=\"!canSend()\"\n (onAdd)=\"onAddMoreFiles()\"\n (onCancel)=\"cancel()\"\n (onSend)=\"sendVideos()\"\n />\n }\n</ax-conversation-picker-shell>\n\n<ng-template #mediaTile let-video let-index=\"index\">\n @if (video.preview) {\n <video [src]=\"video.preview\" muted playsinline preload=\"metadata\"></video>\n }\n\n <div class=\"ax-conversation-picker__media-tile-overlay\">\n <ax-button class=\"rounded-full ax-xs\" look=\"blank\" [iconOnly]=\"true\">\n <ax-icon><i class=\"fa-solid fa-ellipsis-vertical\"></i></ax-icon>\n <ax-dropdown-panel>\n <ax-button-item-list>\n <ax-button-item\n [text]=\"translation.translateSync('@acorex:chat.pickers.files.replace-attachment')\"\n (onClick)=\"replaceAttachment(index)\"\n >\n <ax-prefix>\n <ax-icon><i class=\"fa-light fa-arrows-rotate\"></i></ax-icon>\n </ax-prefix>\n </ax-button-item>\n </ax-button-item-list>\n </ax-dropdown-panel>\n </ax-button>\n\n <ax-button\n class=\"rounded-full ax-xs\"\n look=\"blank\"\n [iconOnly]=\"true\"\n [text]=\"translation.translateSync('@acorex:chat.pickers.common.remove')\"\n (onClick)=\"removeVideo(index)\"\n >\n <ax-icon><i class=\"fa-solid fa-xmark\"></i></ax-icon>\n </ax-button>\n </div>\n\n @if (video.uploading || video.error) {\n <div class=\"ax-conversation-picker__media-status-layer\">\n @if (video.uploading) {\n <span class=\"ax-conversation-picker__media-status\">{{ getUploadingLabel(video.uploadProgress ?? 0) }}</span>\n <ax-progress-bar [progress]=\"video.uploadProgress || 0\" [mode]=\"'determinate'\" [height]=\"3\" />\n } @else if (video.error) {\n <span class=\"ax-conversation-picker__media-status\">{{ video.error }}</span>\n }\n </div>\n }\n</ng-template>\n", styles: ["@layer properties;@layer components{.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup{max-height:min(36rem,92dvh);width:min(22.5rem,94vw);border-radius:.75rem;overflow:hidden;box-shadow:0 .25rem 1.5rem #0000002e}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-main-container{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow:hidden}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-body-container{display:flex;min-height:calc(var(--spacing, .25rem) * 0);flex:1;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;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;flex:1;flex-direction:column;overflow:hidden}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup{max-height:min(92dvh,92dvh);width:100vw;border-radius:1.25rem 1.25rem 0 0}}.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup{max-height:none;width:min(26rem,94vw);border-radius:1.25rem}.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-main-container,.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-body-container,.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-body-container>ng-component{display:flex;height:auto;min-height:calc(var(--spacing, .25rem) * 0);flex-direction:column;overflow:visible;flex:0 0 auto}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup{width:100vw;border-radius:1.25rem 1.25rem 0 0}}.ax-popup-overlay.ax-conversation-composer-picker-popup--location .ax-popup{max-height:min(40rem,92dvh);width:min(32rem,94vw)}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup--location .ax-popup{max-height:min(92dvh,92dvh)}}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup{max-height:min(48rem,94dvh);width:min(48rem,96vw);overflow:hidden}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-main-container,.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow:hidden}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container{display:flex;flex-direction:column;padding:calc(var(--spacing, .25rem) * 0)}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container>ng-component{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;flex:1;flex-direction:column;overflow:hidden}@media(max-width:480px){.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup{max-height:min(94dvh,94dvh);width:100vw}}}@layer components{:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{--ax-file-badge-color: rgb(var(--ax-sys-color-primary-500));--ax-file-badge-fg: rgb(var(--ax-sys-color-on-primary-surface));--ax-file-badge-size: 3rem}.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file,.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file,.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{--ax-file-badge-color: rgb(var(--ax-sys-color-on-primary-surface));--ax-file-badge-fg: rgb(var(--ax-sys-color-primary-surface))}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{position:relative;display:flex;height:calc(var(--spacing, .25rem) * 12);width:calc(var(--spacing, .25rem) * 12);flex-shrink:0;align-items:center;justify-content:center;text-decoration-line:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-doc,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-download{display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:calc(infinity * 1px);width:var(--ax-file-badge-size);height:var(--ax-file-badge-size);background:var(--ax-file-badge-color);color:var(--ax-file-badge-fg)}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-fold{display:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-ext{position:relative;z-index:1;max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-bottom:.1rem;text-align: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;text-transform:lowercase}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-download{display:none;font-size:var(--text-3xl, 1.875rem);line-height:var(--tw-leading, var(--text-3xl--line-height, 1.2 ))}@media(hover:hover){:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__badge-doc{display:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__badge-download,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file:hover .ax-conversation-file__badge-download{display:flex}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover){background:transparent}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover) img,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover) video,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover)>i{opacity:0}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:hover .ax-conversation-file__badge-download,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-file__badge-download{display:none}}ax-conversation-file-attachment .ax-conversation-file__thumb .ax-conversation-file__badge-download{pointer-events:none;position:absolute;inset:calc(var(--spacing, .25rem) * 0);z-index:2}ax-conversation-audio-attachment .ax-conversation-audio--file .ax-conversation-file__badge-download{pointer-events:none;position:absolute;inset:calc(var(--spacing, .25rem) * 0);z-index:3}@media(hover:hover){ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__play-icon{opacity:0%}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__play-icon{opacity:100%}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__cover{opacity:0}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__cover{opacity:1}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__play-btn:before{opacity:0}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__play-btn:before{opacity:1}}}@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:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;max-width:100%;flex:1;flex-direction:column;overflow:hidden}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-shell{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-header,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-options,:is(ax-conversation-picker-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,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-footer{flex-shrink:0}:is(ax-conversation-picker-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) * 4);display:flex;min-height:9rem;cursor:pointer;touch-action:manipulation;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 1.5);border-radius:var(--radius-2xl, 1rem);padding:calc(var(--spacing, .25rem) * 6);text-align:center;border:1px dashed rgba(var(--ax-sys-color-on-surface),.14);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-500),.45);background:rgba(var(--ax-sys-color-primary-500),.05)}:is(ax-conversation-picker-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),.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__empty-title{margin:calc(var(--spacing, .25rem) * 0);font-size:.875rem;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);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),.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__body{padding-inline:calc(var(--spacing, .25rem) * 4);padding-bottom: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__panel{overflow:hidden}:is(ax-conversation-picker-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}:is(ax-conversation-picker-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) * 3);padding-block:calc(var(--spacing, .25rem) * 2.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__row+.ax-conversation-picker__row{border-top:1px solid rgba(var(--ax-sys-color-on-surface),.08)}:is(ax-conversation-picker-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--file{gap:calc(var(--spacing, .25rem) * 3);padding-block: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__row--file .ax-conversation-file__badge-doc i{font-size:var(--text-xl, 1.25rem);line-height:var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)))}:is(ax-conversation-picker-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) * 12);width:calc(var(--spacing, .25rem) * 12);flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;background:rgba(var(--ax-sys-color-on-surface),.08);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__thumb--square{border-radius:var(--radius-lg, .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__thumb--circle{border-radius:calc(infinity * 1px)}:is(ax-conversation-picker-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;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-play{position:absolute;inset:calc(var(--spacing, .25rem) * 0);display:flex;align-items:center;justify-content:center;font-size:.7rem;color:var(--color-white, #fff);background:#00000047}:is(ax-conversation-picker-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-play .fa-play{padding-inline-start:.12rem}:is(ax-conversation-picker-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-main{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;align-items:center;gap: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__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:.9375rem;--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400);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:.8125rem;--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);color:rgba(var(--ax-sys-color-on-surface),.52)}:is(ax-conversation-picker-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__row-actions{display:flex;flex-shrink:0;align-items:center;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__media-hint{margin:calc(var(--spacing, .25rem) * 0);margin-top:calc(var(--spacing, .25rem) * 2);text-align:center;font-size:.8125rem;color:rgba(var(--ax-sys-color-on-surface),.45)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid{overflow:hidden;border-radius:var(--radius-xl, .75rem);background:rgba(var(--ax-sys-color-on-surface),.04)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single{display:block}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single .ax-conversation-picker__media-tile{min-height:12rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--dual{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--spacing, .25rem) * .5);min-height:10rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--triple{display:grid;gap:calc(var(--spacing, .25rem) * .5);grid-template-columns:1.2fr 1fr;grid-template-rows:repeat(2,minmax(0,1fr));min-height:14rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--triple>:first-child{grid-row:span 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__media-grid--triple .ax-conversation-picker__media-tile{min-height:0;height: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__media-grid--quad{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--spacing, .25rem) * .5);min-height:14rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--many{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));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__media-grid--masonry{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5);overflow:hidden;border-radius:var(--radius-xl, .75rem);background:rgba(var(--ax-sys-color-on-surface),.04)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-row{display:flex;min-height:8.5rem;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__media-row .ax-conversation-picker__media-tile{min-height:calc(var(--spacing, .25rem) * 0);min-width:calc(var(--spacing, .25rem) * 0);flex: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__media-grid--single .ax-conversation-picker__media-tile 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__media-grid--single .ax-conversation-picker__media-tile video{object-fit:contain;max-height:min(50dvh,22rem)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile{position:relative;min-height:6.5rem;overflow:hidden;background:rgba(var(--ax-sys-color-on-surface),.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__media-tile 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__media-tile video{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__media-grid:not(.ax-conversation-picker__media-grid--single) .ax-conversation-picker__media-tile 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__media-grid:not(.ax-conversation-picker__media-grid--single) .ax-conversation-picker__media-tile video{position:absolute;inset:0}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile-overlay{position:absolute;inset-inline:calc(var(--spacing, .25rem) * 0);top:calc(var(--spacing, .25rem) * 0);z-index:1;display:flex;align-items:flex-start;justify-content:flex-end;gap:calc(var(--spacing, .25rem) * .5);padding:calc(var(--spacing, .25rem) * 1.5);background:linear-gradient(rgb(0 0 0 / .35),transparent 70%)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-status-layer{position:absolute;inset-inline:calc(var(--spacing, .25rem) * 0);bottom:calc(var(--spacing, .25rem) * 0);display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 1);padding:calc(var(--spacing, .25rem) * 2);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__media-status{font-size:.6875rem;--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__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__body{padding-inline:calc(var(--spacing, .25rem) * 3);padding-bottom:calc(var(--spacing, .25rem) * 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__row{gap:calc(var(--spacing, .25rem) * 2.5);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__empty{margin:calc(var(--spacing, .25rem) * 3);min-height:8rem}}}@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-leading: initial;--tw-font-weight: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: AXProgressBarModule }, { kind: "component", type: i2$2.AXProgressBarComponent, selector: "ax-progress-bar", inputs: ["color", "mode", "progress", "height"], outputs: ["ValueChange", "sizeChange"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items", "closeParentOnClick", "lockOnLoading"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "component", type: AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "placement", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "component", type: AXConversationPickerHeaderComponent, selector: "ax-conversation-picker-header", inputs: ["title", "showMenu", "addMoreLabel", "closeLabel"], outputs: ["onClose", "onAddMore"] }, { kind: "component", type: AXConversationPickerFooterComponent, selector: "ax-conversation-picker-footer", inputs: ["showAdd", "addLabel", "cancelLabel", "sendLabel", "sendDisabled"], outputs: ["onAdd", "onCancel", "onSend"] }, { kind: "component", type: AXConversationPickerEmptyComponent, selector: "ax-conversation-picker-empty", inputs: ["title", "hint", "iconClass", "dragOver"] }, { kind: "component", type: AXConversationPickerCaptionComponent, selector: "ax-conversation-picker-caption", inputs: ["caption", "showInlineSend", "sendDisabled"], outputs: ["captionChange", "onSend"] }, { kind: "component", type: AXConversationPickerOptionsComponent, selector: "ax-conversation-picker-options", inputs: ["showGroupItems", "showSendAsDocuments", "groupItems", "sendAsDocuments"], outputs: ["groupItemsChange", "sendAsDocumentsChange"] }, { kind: "component", type: AXConversationPickerShellComponent, selector: "ax-conversation-picker-shell", inputs: ["fileType", "multiple"], outputs: ["filesSelected", "dragEnter", "dragLeave", "dragOver"] }], encapsulation: i0.ViewEncapsulation.None }); }
15391
15401
  }
15392
15402
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXConversationVideoPickerComponent, decorators: [{
15393
15403
  type: Component,
@@ -15406,7 +15416,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImpor
15406
15416
  AXConversationPickerCaptionComponent,
15407
15417
  AXConversationPickerOptionsComponent,
15408
15418
  AXConversationPickerShellComponent,
15409
- ], template: "<ax-conversation-picker-shell\n #pickerShell\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]=\"getHeaderTitle()\"\n [showMenu]=\"videos().length > 0\"\n [addMoreLabel]=\"translation.translateSync('@acorex:chat.pickers.common.add-more')\"\n (onAddMore)=\"onAddMoreFiles()\"\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 @switch (layoutMode()) {\n @case ('masonry') {\n <div class=\"ax-conversation-picker__media-grid ax-conversation-picker__media-grid--masonry\">\n @for (row of mediaRows(); track $index) {\n <div class=\"ax-conversation-picker__media-row\">\n @for (video of row.items; track video.id; let index = $index) {\n <div class=\"ax-conversation-picker__media-tile\">\n <ng-container\n *ngTemplateOutlet=\"mediaTile; context: { $implicit: video, index: row.startIndex + index }\"\n ></ng-container>\n </div>\n }\n </div>\n }\n </div>\n }\n @case ('triple') {\n <div class=\"ax-conversation-picker__media-grid ax-conversation-picker__media-grid--triple\">\n @for (video of videos(); track video.id; let index = $index) {\n <div class=\"ax-conversation-picker__media-tile\">\n <ng-container *ngTemplateOutlet=\"mediaTile; context: { $implicit: video, index }\"></ng-container>\n </div>\n }\n </div>\n }\n @default {\n <div [class]=\"'ax-conversation-picker__media-grid ax-conversation-picker__media-grid--' + layoutMode()\">\n @for (video of videos(); track video.id; let index = $index) {\n <div class=\"ax-conversation-picker__media-tile\">\n <ng-container *ngTemplateOutlet=\"mediaTile; context: { $implicit: video, index }\"></ng-container>\n </div>\n }\n </div>\n }\n }\n\n <p class=\"ax-conversation-picker__media-hint\">\n {{ translation.translateSync('@acorex:chat.pickers.common.edit-photo-hint') }}\n </p>\n </div>\n }\n </div>\n\n @if (videos().length > 0) {\n <ax-conversation-picker-options\n [(groupItems)]=\"groupItems\"\n [(sendAsDocuments)]=\"sendAsDocuments\"\n [showGroupItems]=\"allowMultiple() && videos().length > 1\"\n [showSendAsDocuments]=\"true\"\n />\n <ax-conversation-picker-caption [(caption)]=\"caption\" [sendDisabled]=\"!canSend()\" (onSend)=\"sendVideos()\" />\n <ax-conversation-picker-footer\n [addLabel]=\"translation.translateSync('@acorex:chat.pickers.common.add')\"\n [cancelLabel]=\"translation.translateSync('@acorex:chat.actions.cancel')\"\n [sendLabel]=\"translation.translateSync('@acorex:chat.actions.send')\"\n [sendDisabled]=\"!canSend()\"\n (onAdd)=\"onAddMoreFiles()\"\n (onCancel)=\"cancel()\"\n (onSend)=\"sendVideos()\"\n />\n }\n</ax-conversation-picker-shell>\n\n<ng-template #mediaTile let-video let-index=\"index\">\n @if (video.preview) {\n <video [src]=\"video.preview\" muted playsinline preload=\"metadata\"></video>\n }\n\n <div class=\"ax-conversation-picker__media-tile-overlay\">\n <ax-button class=\"rounded-full ax-xs\" look=\"blank\" [iconOnly]=\"true\">\n <ax-icon><i class=\"fa-solid fa-ellipsis-vertical\"></i></ax-icon>\n <ax-dropdown-panel>\n <ax-button-item-list>\n <ax-button-item\n [text]=\"translation.translateSync('@acorex:chat.pickers.files.replace-attachment')\"\n (onClick)=\"replaceAttachment(index)\"\n >\n <ax-prefix>\n <ax-icon><i class=\"fa-light fa-arrows-rotate\"></i></ax-icon>\n </ax-prefix>\n </ax-button-item>\n </ax-button-item-list>\n </ax-dropdown-panel>\n </ax-button>\n\n <ax-button\n class=\"rounded-full ax-xs\"\n look=\"blank\"\n [iconOnly]=\"true\"\n [text]=\"translation.translateSync('@acorex:chat.pickers.common.remove')\"\n (onClick)=\"removeVideo(index)\"\n >\n <ax-icon><i class=\"fa-solid fa-xmark\"></i></ax-icon>\n </ax-button>\n </div>\n\n @if (video.uploading || video.error) {\n <div class=\"ax-conversation-picker__media-status-layer\">\n @if (video.uploading) {\n <span class=\"ax-conversation-picker__media-status\">{{ getUploadingLabel(video.uploadProgress ?? 0) }}</span>\n <ax-progress-bar [progress]=\"video.uploadProgress || 0\" [mode]=\"'determinate'\" [height]=\"3\" />\n } @else if (video.error) {\n <span class=\"ax-conversation-picker__media-status\">{{ video.error }}</span>\n }\n </div>\n }\n</ng-template>\n", styles: ["@layer properties;@layer components{.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup{max-height:min(36rem,92dvh);width:min(22.5rem,94vw);border-radius:.75rem;overflow:hidden;box-shadow:0 .25rem 1.5rem #0000002e}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-main-container{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow:hidden}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-body-container{display:flex;min-height:calc(var(--spacing, .25rem) * 0);flex:1;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;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;flex:1;flex-direction:column;overflow:hidden}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup{max-height:min(92dvh,92dvh);width:100vw;border-radius:1.25rem 1.25rem 0 0}}.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup{max-height:none;width:min(26rem,94vw);border-radius:1.25rem}.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-main-container,.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-body-container,.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-body-container>ng-component{display:flex;height:auto;min-height:calc(var(--spacing, .25rem) * 0);flex-direction:column;overflow:visible;flex:0 0 auto}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup{width:100vw;border-radius:1.25rem 1.25rem 0 0}}.ax-popup-overlay.ax-conversation-composer-picker-popup--location .ax-popup{max-height:min(40rem,92dvh);width:min(32rem,94vw)}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup--location .ax-popup{max-height:min(92dvh,92dvh)}}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup{max-height:min(48rem,94dvh);width:min(48rem,96vw);overflow:hidden}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-main-container,.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow:hidden}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container{display:flex;flex-direction:column;padding:calc(var(--spacing, .25rem) * 0)}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container>ng-component{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;flex:1;flex-direction:column;overflow:hidden}@media(max-width:480px){.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup{max-height:min(94dvh,94dvh);width:100vw}}}@layer components{:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{--ax-file-badge-color: rgb(var(--ax-sys-color-primary-500));--ax-file-badge-fg: rgb(var(--ax-sys-color-on-primary-surface));--ax-file-badge-size: 3rem}.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file,.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file,.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{--ax-file-badge-color: rgb(var(--ax-sys-color-on-primary-surface));--ax-file-badge-fg: rgb(var(--ax-sys-color-primary-surface))}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{position:relative;display:flex;height:calc(var(--spacing, .25rem) * 12);width:calc(var(--spacing, .25rem) * 12);flex-shrink:0;align-items:center;justify-content:center;text-decoration-line:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-doc,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-download{display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:calc(infinity * 1px);width:var(--ax-file-badge-size);height:var(--ax-file-badge-size);background:var(--ax-file-badge-color);color:var(--ax-file-badge-fg)}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-fold{display:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-ext{position:relative;z-index:1;max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-bottom:.1rem;text-align: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;text-transform:lowercase}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-download{display:none;font-size:var(--text-3xl, 1.875rem);line-height:var(--tw-leading, var(--text-3xl--line-height, 1.2 ))}@media(hover:hover){:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__badge-doc{display:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__badge-download,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file:hover .ax-conversation-file__badge-download{display:flex}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover){background:transparent}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover) img,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover) video,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover)>i{opacity:0}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:hover .ax-conversation-file__badge-download,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-file__badge-download{display:none}}ax-conversation-file-attachment .ax-conversation-file__thumb .ax-conversation-file__badge-download{pointer-events:none;position:absolute;inset:calc(var(--spacing, .25rem) * 0);z-index:2}ax-conversation-audio-attachment .ax-conversation-audio--file .ax-conversation-file__badge-download{pointer-events:none;position:absolute;inset:calc(var(--spacing, .25rem) * 0);z-index:3}@media(hover:hover){ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__play-icon{opacity:0%}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__play-icon{opacity:100%}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__cover{opacity:0}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__cover{opacity:1}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__play-btn:before{opacity:0}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__play-btn:before{opacity:1}}}@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:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;max-width:100%;flex:1;flex-direction:column;overflow:hidden}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-shell{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-header,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-options,:is(ax-conversation-picker-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,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-footer{flex-shrink:0}:is(ax-conversation-picker-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) * 4);display:flex;min-height:9rem;cursor:pointer;touch-action:manipulation;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 1.5);border-radius:var(--radius-2xl, 1rem);padding:calc(var(--spacing, .25rem) * 6);text-align:center;border:1px dashed rgba(var(--ax-sys-color-on-surface),.14);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-500),.45);background:rgba(var(--ax-sys-color-primary-500),.05)}:is(ax-conversation-picker-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),.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__empty-title{margin:calc(var(--spacing, .25rem) * 0);font-size:.875rem;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);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),.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__body{padding-inline:calc(var(--spacing, .25rem) * 4);padding-bottom: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__panel{overflow:hidden}:is(ax-conversation-picker-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}:is(ax-conversation-picker-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) * 3);padding-block:calc(var(--spacing, .25rem) * 2.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__row+.ax-conversation-picker__row{border-top:1px solid rgba(var(--ax-sys-color-on-surface),.08)}:is(ax-conversation-picker-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--file{gap:calc(var(--spacing, .25rem) * 3);padding-block: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__row--file .ax-conversation-file__badge-doc i{font-size:var(--text-xl, 1.25rem);line-height:var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)))}:is(ax-conversation-picker-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) * 12);width:calc(var(--spacing, .25rem) * 12);flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;background:rgba(var(--ax-sys-color-on-surface),.08);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__thumb--square{border-radius:var(--radius-lg, .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__thumb--circle{border-radius:calc(infinity * 1px)}:is(ax-conversation-picker-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;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-play{position:absolute;inset:calc(var(--spacing, .25rem) * 0);display:flex;align-items:center;justify-content:center;font-size:.7rem;color:var(--color-white, #fff);background:#00000047}:is(ax-conversation-picker-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-play .fa-play{padding-inline-start:.12rem}:is(ax-conversation-picker-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-main{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;align-items:center;gap: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__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:.9375rem;--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400);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:.8125rem;--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);color:rgba(var(--ax-sys-color-on-surface),.52)}:is(ax-conversation-picker-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__row-actions{display:flex;flex-shrink:0;align-items:center;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__media-hint{margin:calc(var(--spacing, .25rem) * 0);margin-top:calc(var(--spacing, .25rem) * 2);text-align:center;font-size:.8125rem;color:rgba(var(--ax-sys-color-on-surface),.45)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid{overflow:hidden;border-radius:var(--radius-xl, .75rem);background:rgba(var(--ax-sys-color-on-surface),.04)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single{display:block}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single .ax-conversation-picker__media-tile{min-height:12rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--dual{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--spacing, .25rem) * .5);min-height:10rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--triple{display:grid;gap:calc(var(--spacing, .25rem) * .5);grid-template-columns:1.2fr 1fr;grid-template-rows:repeat(2,minmax(0,1fr));min-height:14rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--triple>:first-child{grid-row:span 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__media-grid--triple .ax-conversation-picker__media-tile{min-height:0;height: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__media-grid--quad{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--spacing, .25rem) * .5);min-height:14rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--many{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));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__media-grid--masonry{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5);overflow:hidden;border-radius:var(--radius-xl, .75rem);background:rgba(var(--ax-sys-color-on-surface),.04)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-row{display:flex;min-height:8.5rem;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__media-row .ax-conversation-picker__media-tile{min-height:calc(var(--spacing, .25rem) * 0);min-width:calc(var(--spacing, .25rem) * 0);flex: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__media-grid--single .ax-conversation-picker__media-tile 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__media-grid--single .ax-conversation-picker__media-tile video{object-fit:contain;max-height:min(50dvh,22rem)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile{position:relative;min-height:6.5rem;overflow:hidden;background:rgba(var(--ax-sys-color-on-surface),.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__media-tile 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__media-tile video{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__media-grid:not(.ax-conversation-picker__media-grid--single) .ax-conversation-picker__media-tile 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__media-grid:not(.ax-conversation-picker__media-grid--single) .ax-conversation-picker__media-tile video{position:absolute;inset:0}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile-overlay{position:absolute;inset-inline:calc(var(--spacing, .25rem) * 0);top:calc(var(--spacing, .25rem) * 0);z-index:1;display:flex;align-items:flex-start;justify-content:flex-end;gap:calc(var(--spacing, .25rem) * .5);padding:calc(var(--spacing, .25rem) * 1.5);background:linear-gradient(rgb(0 0 0 / .35),transparent 70%)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-status-layer{position:absolute;inset-inline:calc(var(--spacing, .25rem) * 0);bottom:calc(var(--spacing, .25rem) * 0);display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 1);padding:calc(var(--spacing, .25rem) * 2);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__media-status{font-size:.6875rem;--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__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__body{padding-inline:calc(var(--spacing, .25rem) * 3);padding-bottom:calc(var(--spacing, .25rem) * 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__row{gap:calc(var(--spacing, .25rem) * 2.5);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__empty{margin:calc(var(--spacing, .25rem) * 3);min-height:8rem}}}@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-leading: initial;--tw-font-weight: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"] }]
15419
+ ], template: "<ax-conversation-picker-shell\n #pickerShell\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]=\"getHeaderTitle()\"\n [showMenu]=\"videos().length > 0\"\n [addMoreLabel]=\"translation.translateSync('@acorex:chat.pickers.common.add-more')\"\n (onAddMore)=\"onAddMoreFiles()\"\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 @switch (layoutMode()) {\n @case ('masonry') {\n <div class=\"ax-conversation-picker__media-grid ax-conversation-picker__media-grid--masonry\">\n @for (row of mediaRows(); track $index) {\n <div class=\"ax-conversation-picker__media-row\">\n @for (video of row.items; track video.id; let index = $index) {\n <div class=\"ax-conversation-picker__media-tile\">\n <ng-container\n *ngTemplateOutlet=\"mediaTile; context: { $implicit: video, index: row.startIndex + index }\"\n ></ng-container>\n </div>\n }\n </div>\n }\n </div>\n }\n @case ('triple') {\n <div class=\"ax-conversation-picker__media-grid ax-conversation-picker__media-grid--triple\">\n @for (video of videos(); track video.id; let index = $index) {\n <div class=\"ax-conversation-picker__media-tile\">\n <ng-container *ngTemplateOutlet=\"mediaTile; context: { $implicit: video, index }\"></ng-container>\n </div>\n }\n </div>\n }\n @default {\n <div [class]=\"'ax-conversation-picker__media-grid ax-conversation-picker__media-grid--' + layoutMode()\">\n @for (video of videos(); track video.id; let index = $index) {\n <div class=\"ax-conversation-picker__media-tile\">\n <ng-container *ngTemplateOutlet=\"mediaTile; context: { $implicit: video, index }\"></ng-container>\n </div>\n }\n </div>\n }\n }\n\n <p class=\"ax-conversation-picker__media-hint\">\n {{ translation.translateSync('@acorex:chat.pickers.common.edit-photo-hint') }}\n </p>\n </div>\n }\n </div>\n\n @if (videos().length > 0) {\n <ax-conversation-picker-options\n [(groupItems)]=\"groupItems\"\n [(sendAsDocuments)]=\"sendAsDocuments\"\n [showGroupItems]=\"allowMultiple() && videos().length > 1\"\n [showSendAsDocuments]=\"true\"\n />\n <ax-conversation-picker-caption [(caption)]=\"caption\" [sendDisabled]=\"!canSend()\" (onSend)=\"sendVideos()\" />\n <ax-conversation-picker-footer\n [addLabel]=\"translation.translateSync('@acorex:chat.pickers.common.add')\"\n [cancelLabel]=\"translation.translateSync('@acorex:chat.actions.cancel')\"\n [sendLabel]=\"translation.translateSync('@acorex:chat.actions.send')\"\n [sendDisabled]=\"!canSend()\"\n (onAdd)=\"onAddMoreFiles()\"\n (onCancel)=\"cancel()\"\n (onSend)=\"sendVideos()\"\n />\n }\n</ax-conversation-picker-shell>\n\n<ng-template #mediaTile let-video let-index=\"index\">\n @if (video.preview) {\n <video [src]=\"video.preview\" muted playsinline preload=\"metadata\"></video>\n }\n\n <div class=\"ax-conversation-picker__media-tile-overlay\">\n <ax-button class=\"rounded-full ax-xs\" look=\"blank\" [iconOnly]=\"true\">\n <ax-icon><i class=\"fa-solid fa-ellipsis-vertical\"></i></ax-icon>\n <ax-dropdown-panel>\n <ax-button-item-list>\n <ax-button-item\n [text]=\"translation.translateSync('@acorex:chat.pickers.files.replace-attachment')\"\n (onClick)=\"replaceAttachment(index)\"\n >\n <ax-prefix>\n <ax-icon><i class=\"fa-light fa-arrows-rotate\"></i></ax-icon>\n </ax-prefix>\n </ax-button-item>\n </ax-button-item-list>\n </ax-dropdown-panel>\n </ax-button>\n\n <ax-button\n class=\"rounded-full ax-xs\"\n look=\"blank\"\n [iconOnly]=\"true\"\n [text]=\"translation.translateSync('@acorex:chat.pickers.common.remove')\"\n (onClick)=\"removeVideo(index)\"\n >\n <ax-icon><i class=\"fa-solid fa-xmark\"></i></ax-icon>\n </ax-button>\n </div>\n\n @if (video.uploading || video.error) {\n <div class=\"ax-conversation-picker__media-status-layer\">\n @if (video.uploading) {\n <span class=\"ax-conversation-picker__media-status\">{{ getUploadingLabel(video.uploadProgress ?? 0) }}</span>\n <ax-progress-bar [progress]=\"video.uploadProgress || 0\" [mode]=\"'determinate'\" [height]=\"3\" />\n } @else if (video.error) {\n <span class=\"ax-conversation-picker__media-status\">{{ video.error }}</span>\n }\n </div>\n }\n</ng-template>\n", styles: ["@layer properties;@layer components{.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup{max-height:min(36rem,92dvh);width:min(22.5rem,94vw);border-radius:.75rem;overflow:hidden;box-shadow:0 .25rem 1.5rem #0000002e}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-main-container{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow:hidden}.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup-body-container{display:flex;min-height:calc(var(--spacing, .25rem) * 0);flex:1;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;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;flex:1;flex-direction:column;overflow:hidden}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup .ax-popup{max-height:min(92dvh,92dvh);width:100vw;border-radius:1.25rem 1.25rem 0 0}}.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup{max-height:none;width:min(26rem,94vw);border-radius:1.25rem}.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-main-container,.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-body-container,.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup-body-container>ng-component{display:flex;height:auto;min-height:calc(var(--spacing, .25rem) * 0);flex-direction:column;overflow:visible;flex:0 0 auto}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup--voice .ax-popup{width:100vw;border-radius:1.25rem 1.25rem 0 0}}.ax-popup-overlay.ax-conversation-composer-picker-popup--location .ax-popup{max-height:min(40rem,92dvh);width:min(32rem,94vw)}@media(max-width:480px){.ax-popup-overlay.ax-conversation-composer-picker-popup--location .ax-popup{max-height:min(92dvh,92dvh)}}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup{max-height:min(48rem,94dvh);width:min(48rem,96vw);overflow:hidden}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-main-container,.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow:hidden}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container{display:flex;flex-direction:column;padding:calc(var(--spacing, .25rem) * 0)}.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup-body-container>ng-component{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;flex:1;flex-direction:column;overflow:hidden}@media(max-width:480px){.ax-popup-overlay.ax-conversation-image-editor-popup .ax-popup{max-height:min(94dvh,94dvh);width:100vw}}}@layer components{:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{--ax-file-badge-color: rgb(var(--ax-sys-color-primary-500));--ax-file-badge-fg: rgb(var(--ax-sys-color-on-primary-surface));--ax-file-badge-size: 3rem}.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file,.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file,.message-own :is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{--ax-file-badge-color: rgb(var(--ax-sys-color-on-primary-surface));--ax-file-badge-fg: rgb(var(--ax-sys-color-primary-surface))}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge{position:relative;display:flex;height:calc(var(--spacing, .25rem) * 12);width:calc(var(--spacing, .25rem) * 12);flex-shrink:0;align-items:center;justify-content:center;text-decoration-line:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-doc,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-download{display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:calc(infinity * 1px);width:var(--ax-file-badge-size);height:var(--ax-file-badge-size);background:var(--ax-file-badge-color);color:var(--ax-file-badge-fg)}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-fold{display:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-ext{position:relative;z-index:1;max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-bottom:.1rem;text-align: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;text-transform:lowercase}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file__badge-download{display:none;font-size:var(--text-3xl, 1.875rem);line-height:var(--tw-leading, var(--text-3xl--line-height, 1.2 ))}@media(hover:hover){:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__badge-doc{display:none}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__badge-download,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file:hover .ax-conversation-file__badge-download{display:flex}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover){background:transparent}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover) img,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover) video,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:not(:hover)>i{opacity:0}:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-file:hover .ax-conversation-file__thumb:hover .ax-conversation-file__badge-download,:is(ax-conversation-file-attachment,ax-conversation-audio-attachment,ax-conversation-file-picker,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker) .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-file__badge-download{display:none}}ax-conversation-file-attachment .ax-conversation-file__thumb .ax-conversation-file__badge-download{pointer-events:none;position:absolute;inset:calc(var(--spacing, .25rem) * 0);z-index:2}ax-conversation-audio-attachment .ax-conversation-audio--file .ax-conversation-file__badge-download{pointer-events:none;position:absolute;inset:calc(var(--spacing, .25rem) * 0);z-index:3}@media(hover:hover){ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__play-icon{opacity:0%}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__play-icon{opacity:100%}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__cover{opacity:0}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__cover{opacity:1}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__play-btn:before{opacity:0}ax-conversation-audio-attachment .ax-conversation-audio--file:hover .ax-conversation-audio__art:hover .ax-conversation-audio__play-btn:before{opacity:1}}}@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:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;max-width:100%;flex:1;flex-direction:column;overflow:hidden}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-shell{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-header,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-options,:is(ax-conversation-picker-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,:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) ax-conversation-picker-footer{flex-shrink:0}:is(ax-conversation-picker-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) * 4);display:flex;min-height:9rem;cursor:pointer;touch-action:manipulation;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 1.5);border-radius:var(--radius-2xl, 1rem);padding:calc(var(--spacing, .25rem) * 6);text-align:center;border:1px dashed rgba(var(--ax-sys-color-on-surface),.14);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-500),.45);background:rgba(var(--ax-sys-color-primary-500),.05)}:is(ax-conversation-picker-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),.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__empty-title{margin:calc(var(--spacing, .25rem) * 0);font-size:.875rem;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);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),.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__body{padding-inline:calc(var(--spacing, .25rem) * 4);padding-bottom: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__panel{overflow:hidden}:is(ax-conversation-picker-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}:is(ax-conversation-picker-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) * 3);padding-block:calc(var(--spacing, .25rem) * 2.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__row+.ax-conversation-picker__row{border-top:1px solid rgba(var(--ax-sys-color-on-surface),.08)}:is(ax-conversation-picker-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--file{gap:calc(var(--spacing, .25rem) * 3);padding-block: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__row--file .ax-conversation-file__badge-doc i{font-size:var(--text-xl, 1.25rem);line-height:var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)))}:is(ax-conversation-picker-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) * 12);width:calc(var(--spacing, .25rem) * 12);flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;background:rgba(var(--ax-sys-color-on-surface),.08);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__thumb--square{border-radius:var(--radius-lg, .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__thumb--circle{border-radius:calc(infinity * 1px)}:is(ax-conversation-picker-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;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-play{position:absolute;inset:calc(var(--spacing, .25rem) * 0);display:flex;align-items:center;justify-content:center;font-size:.7rem;color:var(--color-white, #fff);background:#00000047}:is(ax-conversation-picker-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-play .fa-play{padding-inline-start:.12rem}:is(ax-conversation-picker-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-main{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;align-items:center;gap: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__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:.9375rem;--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400);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:.8125rem;--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);color:rgba(var(--ax-sys-color-on-surface),.52)}:is(ax-conversation-picker-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__row-actions{display:flex;flex-shrink:0;align-items:center;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__media-hint{margin:calc(var(--spacing, .25rem) * 0);margin-top:calc(var(--spacing, .25rem) * 2);text-align:center;font-size:.8125rem;color:rgba(var(--ax-sys-color-on-surface),.45)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid{overflow:hidden;border-radius:var(--radius-xl, .75rem);background:rgba(var(--ax-sys-color-on-surface),.04)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single{display:block}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--single .ax-conversation-picker__media-tile{min-height:12rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--dual{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--spacing, .25rem) * .5);min-height:10rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--triple{display:grid;gap:calc(var(--spacing, .25rem) * .5);grid-template-columns:1.2fr 1fr;grid-template-rows:repeat(2,minmax(0,1fr));min-height:14rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--triple>:first-child{grid-row:span 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__media-grid--triple .ax-conversation-picker__media-tile{min-height:0;height: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__media-grid--quad{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--spacing, .25rem) * .5);min-height:14rem}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-grid--many{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));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__media-grid--masonry{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5);overflow:hidden;border-radius:var(--radius-xl, .75rem);background:rgba(var(--ax-sys-color-on-surface),.04)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-row{display:flex;min-height:8.5rem;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__media-row .ax-conversation-picker__media-tile{min-height:calc(var(--spacing, .25rem) * 0);min-width:calc(var(--spacing, .25rem) * 0);flex: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__media-grid--single .ax-conversation-picker__media-tile 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__media-grid--single .ax-conversation-picker__media-tile video{object-fit:contain;max-height:min(50dvh,22rem)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile{position:relative;min-height:6.5rem;overflow:hidden;background:rgba(var(--ax-sys-color-on-surface),.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__media-tile 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__media-tile video{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__media-grid:not(.ax-conversation-picker__media-grid--single) .ax-conversation-picker__media-tile 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__media-grid:not(.ax-conversation-picker__media-grid--single) .ax-conversation-picker__media-tile video{position:absolute;inset:0}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-tile-overlay{position:absolute;inset-inline:calc(var(--spacing, .25rem) * 0);top:calc(var(--spacing, .25rem) * 0);z-index:1;display:flex;align-items:flex-start;justify-content:flex-end;gap:calc(var(--spacing, .25rem) * .5);padding:calc(var(--spacing, .25rem) * 1.5);background:linear-gradient(rgb(0 0 0 / .35),transparent 70%)}:is(ax-conversation-picker-empty,ax-conversation-image-picker,ax-conversation-video-picker,ax-conversation-audio-picker,ax-conversation-file-picker,ax-conversation-location-picker) .ax-conversation-picker__media-status-layer{position:absolute;inset-inline:calc(var(--spacing, .25rem) * 0);bottom:calc(var(--spacing, .25rem) * 0);display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 1);padding:calc(var(--spacing, .25rem) * 2);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__media-status{font-size:.6875rem;--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__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__body{padding-inline:calc(var(--spacing, .25rem) * 3);padding-bottom:calc(var(--spacing, .25rem) * 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__row{gap:calc(var(--spacing, .25rem) * 2.5);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__empty{margin:calc(var(--spacing, .25rem) * 3);min-height:8rem}}}@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-leading: initial;--tw-font-weight: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"] }]
15410
15420
  }], 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 }] }], pickerShell: [{ type: i0.ViewChild, args: ['pickerShell', { isSignal: true }] }] } });
15411
15421
 
15412
15422
  var videoPicker_component = /*#__PURE__*/Object.freeze({
@@ -19528,4 +19538,4 @@ function getErrorMessage(code, params) {
19528
19538
  */
19529
19539
 
19530
19540
  export { AXConversationPickerCaptionComponent as $, AXConversationApi as A, AXConversationFileRendererComponent as B, AXConversationForwardMessageDialogComponent as C, AXConversationImageAttachmentComponent as D, AXConversationImageFileTypeProvider as E, AXConversationImagePickerComponent as F, AXConversationImageRendererComponent as G, AXConversationInfiniteScrollDirective as H, AXConversationInfoBarActionRegistry as I, AXConversationInfoBarComponent as J, AXConversationInfoBarSearchComponent as K, AXConversationInfoBarService as L, AXConversationItemActionRegistry as M, AXConversationLocationPickerComponent as N, AXConversationLocationRendererComponent as O, AXConversationMediaPlaybackInfoBarBannerComponent as P, AXConversationMessageActionRegistry as Q, AXConversationMessageApi as R, AXConversationMessageListComponent as S, AXConversationMessageListNoActiveDefaultComponent as T, AXConversationMessageListService as U, AXConversationMessageRendererCopyHostComponent as V, AXConversationMessageRendererRegistry as W, AXConversationMessageRendererStateComponent as X, AXConversationMessageUtilsService as Y, AXConversationModule as Z, AXConversationNewDialogComponent as _, AXConversationApiLoggerService as a, AX_CONVERSATION_IMAGE_CATALOG as a$, AXConversationPickerEmptyComponent as a0, AXConversationPickerFooterComponent as a1, AXConversationPickerHeaderComponent as a2, AXConversationPickerOptionsComponent as a3, AXConversationPickerShellComponent as a4, AXConversationPickerToolbarComponent as a5, AXConversationRealtimeApi as a6, AXConversationRegistryComponentOutletComponent as a7, AXConversationRegistryService as a8, AXConversationService as a9, AX_CONVERSATION_COMPOSER_VIDEO_ACTION as aA, AX_CONVERSATION_COMPOSER_VOICE_RECORDING_ACTION as aB, AX_CONVERSATION_CONFIG as aC, AX_CONVERSATION_CONNECTION_ERRORS as aD, AX_CONVERSATION_CONVERSATION_AVATAR_COMPONENT as aE, AX_CONVERSATION_DEFAULT_COMPOSER_ACTIONS as aF, AX_CONVERSATION_DEFAULT_COMPOSER_TABS as aG, AX_CONVERSATION_DEFAULT_CONVERSATION_ITEM_ACTIONS as aH, AX_CONVERSATION_DEFAULT_CONVERSATION_TABS as aI, AX_CONVERSATION_DEFAULT_GROUP_ICON as aJ, AX_CONVERSATION_DEFAULT_INFO_BAR_ACTIONS as aK, AX_CONVERSATION_DEFAULT_MESSAGE_ACTIONS as aL, AX_CONVERSATION_DEFAULT_MESSAGE_LIST_BACKGROUND as aM, AX_CONVERSATION_DEFAULT_MESSAGE_LIST_BACKGROUND_PRESET_ID as aN, AX_CONVERSATION_DEFAULT_MESSAGE_LIST_THEME_BACKGROUND as aO, AX_CONVERSATION_DEFAULT_MESSAGE_RENDERERS as aP, AX_CONVERSATION_DEFAULT_ROOM_PREFERENCES as aQ, AX_CONVERSATION_DEFAULT_USER_ICON as aR, AX_CONVERSATION_ERRORS as aS, AX_CONVERSATION_ERROR_HANDLER_CONFIG as aT, AX_CONVERSATION_ERROR_MESSAGES as aU, AX_CONVERSATION_FALLBACK_RENDERER as aV, AX_CONVERSATION_FILE_CATALOG as aW, AX_CONVERSATION_FILE_ERRORS as aX, AX_CONVERSATION_FILE_PRESENTATION as aY, AX_CONVERSATION_FILE_RENDERER as aZ, AX_CONVERSATION_FILE_TYPES_READY as a_, AXConversationSidebarComponent as aa, AXConversationSidebarService as ab, AXConversationStickerRendererComponent as ac, AXConversationStickerTabComponent as ad, AXConversationSystemRendererComponent as ae, AXConversationTabRegistry as af, AXConversationTextRendererComponent as ag, AXConversationUserApi as ah, AXConversationVideoAttachmentComponent as ai, AXConversationVideoFileTypeProvider as aj, AXConversationVideoPickerComponent as ak, AXConversationVideoRendererComponent as al, AXConversationVoiceFileTypeProvider as am, AXConversationVoiceRecorderComponent as an, AXConversationVoiceRendererComponent as ao, AX_CONVERSATION_AUDIO_CATALOG as ap, AX_CONVERSATION_AUDIO_PRESENTATION as aq, AX_CONVERSATION_AUDIO_RENDERER as ar, AX_CONVERSATION_BUILTIN_COMPOSER_TABS as as, AX_CONVERSATION_COMPOSER_AUDIO_ACTION as at, AX_CONVERSATION_COMPOSER_EMOJI_ACTION as au, AX_CONVERSATION_COMPOSER_EMOJI_TAB as av, AX_CONVERSATION_COMPOSER_FILE_ACTION as aw, AX_CONVERSATION_COMPOSER_IMAGE_ACTION as ax, AX_CONVERSATION_COMPOSER_LOCATION_ACTION as ay, AX_CONVERSATION_COMPOSER_STICKER_TAB as az, AXConversationAudioAttachmentComponent as b, copyWithFileTypeFallback as b$, AX_CONVERSATION_IMAGE_PRESENTATION as b0, AX_CONVERSATION_IMAGE_RENDERER as b1, AX_CONVERSATION_INFO_BAR_ARCHIVE_ACTION as b2, AX_CONVERSATION_INFO_BAR_BLOCK_ACTION as b3, AX_CONVERSATION_INFO_BAR_DELETE_ACTION as b4, AX_CONVERSATION_INFO_BAR_DIVIDER as b5, AX_CONVERSATION_INFO_BAR_MUTE_ACTION as b6, AX_CONVERSATION_INFO_BAR_SEARCH_ACTION as b7, AX_CONVERSATION_ITEM_BLOCK_ACTION as b8, AX_CONVERSATION_ITEM_DELETE_ACTION as b9, AX_CONVERSATION_TEXT_RENDERER as bA, AX_CONVERSATION_URL_ERRORS as bB, AX_CONVERSATION_USER_AVATAR_COMPONENT as bC, AX_CONVERSATION_USER_ERRORS as bD, AX_CONVERSATION_VIDEO_CATALOG as bE, AX_CONVERSATION_VIDEO_PRESENTATION as bF, AX_CONVERSATION_VIDEO_RENDERER as bG, AX_CONVERSATION_VOICE_CATALOG as bH, AX_CONVERSATION_VOICE_PRESENTATION as bI, AX_CONVERSATION_VOICE_RENDERER as bJ, AX_DEFAULT_CONVERSATION_CONFIG as bK, abortPickerUploads as bL, applyAudioLocalPreview as bM, applyFileLocalPreview as bN, applyLocalPreview as bO, applyVideoLocalPreview as bP, applyVoiceLocalPreview as bQ, audioItemFromUpload as bR, bindMediaRendererContentState as bS, buildMediaGalleryTiles as bT, canShowRendererContentError as bU, cleanupPickerUploads as bV, conversationAudioUtilities as bW, conversationFileUtilities as bX, conversationImageUtilities as bY, conversationVideoUtilities as bZ, conversationVoiceUtilities as b_, AX_CONVERSATION_ITEM_DIVIDER as ba, AX_CONVERSATION_ITEM_MARK_READ_ACTION as bb, AX_CONVERSATION_ITEM_MUTE_ACTION as bc, AX_CONVERSATION_ITEM_PIN_ACTION as bd, AX_CONVERSATION_JUMBO_EMOJI_MAX as be, AX_CONVERSATION_LOCATION_ERRORS as bf, AX_CONVERSATION_LOCATION_RENDERER as bg, AX_CONVERSATION_MESSAGE_DELETE_ACTION as bh, AX_CONVERSATION_MESSAGE_EDIT_ACTION as bi, AX_CONVERSATION_MESSAGE_ERRORS as bj, AX_CONVERSATION_MESSAGE_FORWARD_ACTION as bk, AX_CONVERSATION_MESSAGE_LIST_BACKGROUND_PRESETS as bl, AX_CONVERSATION_MESSAGE_REPLY_ACTION as bm, AX_CONVERSATION_MESSAGE_TYPE_FILE_TYPE as bn, AX_CONVERSATION_PEER_AVATAR_TYPES as bo, AX_CONVERSATION_REGISTRY_CONFIG as bp, AX_CONVERSATION_STICKER_API_KEY as bq, AX_CONVERSATION_STICKER_RENDERER as br, AX_CONVERSATION_SYSTEM_RENDERER as bs, AX_CONVERSATION_TAB_ALL as bt, AX_CONVERSATION_TAB_ARCHIVED as bu, AX_CONVERSATION_TAB_BOT as bv, AX_CONVERSATION_TAB_CHANNELS as bw, AX_CONVERSATION_TAB_GROUPS as bx, AX_CONVERSATION_TAB_PRIVATE as by, AX_CONVERSATION_TAB_UNREAD as bz, AXConversationAudioFileTypeProvider as c, mergeVoiceUploadResult as c$, countLoneEmojis as c0, createConversationAudioFileType as c1, createConversationFileFileType as c2, createConversationImageFileType as c3, createConversationVideoFileType as c4, createConversationVoiceFileType as c5, createLocalPreviewUrl as c6, createObjectUrl as c7, createPickerDragHandlers as c8, createPickerUploadItemId as c9, inferFileExtensionHintFromMessage as cA, isAttachmentListCategory as cB, isComposerAttachmentBannerEnabled as cC, isComposerTabEnabled as cD, isConversationReactionsEnabled as cE, isConversationRoomCreator as cF, isGenericPrivateConversationTitle as cG, isGridMediaCategory as cH, isGroupLikeConversation as cI, isJumboEmojiText as cJ, isJumboEmojiTextMessage as cK, isMessageDeliveryPending as cL, isMessageListThemeBackground as cM, isMessageVisibleAfterHistoryCutoff as cN, isNonPersistableMediaUrl as cO, isPickerItemReadyToSend as cP, isPlainChromeMessage as cQ, isSameMessageListBackground as cR, isUploadAborted as cS, limitFilesToCapacity as cT, listTextGraphemes as cU, mediaCopyText as cV, mergeAudioUploadResult as cW, mergeFileUploadResult as cX, mergeInfoPanelMessages as cY, mergeUploadResult as cZ, mergeVideoUploadResult as c_, createResolvedMediaUrlSignal as ca, deleteUploadedPickerMedia as cb, dismissComposerPickerHost as cc, ensureConversationFileCatalogRegistered as cd, fetchConversationMediaPage as ce, fileItemAsAudioMedia as cf, fileItemFromUpload as cg, filesFromClipboardEvent as ch, filterMessagesByMediaCategory as ci, filterSupplementalInfoPanelMessages as cj, findExistingPrivateConversation as ck, formatDuration as cl, formatErrorMessage as cm, formatFileByteSize as cn, formatFileSize as co, formatMediaDuration as cp, formatPickerValidationMessage as cq, getActiveComposerPickerPasteHandler as cr, getConversationMediaCategories as cs, getConversationProfileFields as ct, getErrorMessage as cu, getMessageAudioItems as cv, getMessageVideoItems as cw, getPickerCancelUploadLabel as cx, getPrivatePeerParticipant as cy, hasRegistryComponent as cz, AXConversationAudioPickerComponent as d, validateUserId as d$, mergeWithDefaults as d0, messageContainsLink as d1, normalizeAudioPayload as d2, normalizeConversationInboundFile as d3, normalizeFilePayload as d4, normalizeImagePayload as d5, normalizeMessageListBackgroundValue as d6, normalizeVideoPayload as d7, notifyMaxFilesCapacityExceeded as d8, notifyPickerValidationErrors as d9, resolveMessageListBackgroundRaw as dA, resolveMessageListBackgroundStyle as dB, resolveParticipantProfile as dC, resolvePersistableMediaUrl as dD, resolvePersistedThumbnailUrl as dE, resolvePrivatePeerParticipant as dF, resolvePrivatePeerUserId as dG, resolveUserAvatarDisplay as dH, resolveVideoThumbnailUrl as dI, revokeObjectUrl as dJ, revokePickerBlobPreviews as dK, sanitizeInput as dL, shouldUseUserAvatarForConversation as dM, sortUsersForForward as dN, syncPlaybackInfoBarBanner as dO, toUploaderReference$1 as dP, toUploaderReference as dQ, uploadPickerFile as dR, usesDefaultMessageListWallpaper as dS, validateConversationId as dT, validateEmail as dU, validateLatitude as dV, validateLongitude as dW, validateMessagePayload as dX, validateMessageText as dY, validateMessageType as dZ, validateUrl as d_, openWithFileType as da, pickDisplayMediaUrl as db, pickEarliestJoinedParticipant as dc, pickerItemToMediaReference as dd, pickerItemToUploadResult as de, probeAudioDuration as df, probeImageDimensions as dg, probeVideoMedia as dh, provideConversation as di, provideConversationComposerFileTypes as dj, provideConversationFileCatalog as dk, registerComposerPickerPasteHandler as dl, reportMediaLoadError as dm, resolveComposerAttachmentPresentation as dn, resolveComposerMaxFiles as dp, resolveConversationAvatarDisplay as dq, resolveConversationComposerTabs as dr, resolveConversationForViewer as ds, resolveConversationMessageFileType as dt, resolveConversationPeerParticipant as du, resolveConversationPeerUserId as dv, resolveConversationTitleForViewer as dw, resolveGalleryImageUrl as dx, resolveImageDisplayUrl as dy, resolveMessageChrome as dz, AXConversationAudioRendererComponent as e, validateUserIds as e0, videoItemFromUpload as e1, AXConversationAvatarComponent as f, AXConversationAvatarPickerComponent as g, AXConversationBaseRegistry as h, isValidPickerFileName as i, AXConversationComposerActionRegistry as j, AXConversationComposerComponent as k, AXConversationComposerFileTypesProvider as l, AXConversationComposerGenerationStateService as m, AXConversationComposerPopupComponent as n, AXConversationComposerService as o, AXConversationComposerTabRegistry as p, AXConversationContainerComponent as q, AXConversationContainerDirective as r, AXConversationDateUtilsService as s, AXConversationDeleteDialogComponent as t, AXConversationEmojiTabComponent as u, AXConversationErrorHandlerService as v, AXConversationFallbackRendererComponent as w, AXConversationFileAttachmentComponent as x, AXConversationFileFileTypeProvider as y, AXConversationFilePickerComponent as z };
19531
- //# sourceMappingURL=acorex-components-conversation-acorex-components-conversation-BEDMf4vn.mjs.map
19541
+ //# sourceMappingURL=acorex-components-conversation-acorex-components-conversation-DRUAIXgK.mjs.map