@acorex/components 22.1.0-next.32 → 22.1.0-next.33

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.
Files changed (27) hide show
  1. package/fesm2022/acorex-components-button.mjs +182 -39
  2. package/fesm2022/acorex-components-button.mjs.map +1 -1
  3. package/fesm2022/{acorex-components-conversation-acorex-components-conversation-BBWe3tfe.mjs → acorex-components-conversation-acorex-components-conversation-EmV9ldrU.mjs} +895 -455
  4. package/fesm2022/acorex-components-conversation-acorex-components-conversation-EmV9ldrU.mjs.map +1 -0
  5. package/fesm2022/{acorex-components-conversation-picker-rename-file-dialog.component-OAHRGH_G.mjs → acorex-components-conversation-picker-rename-file-dialog.component-DY7nhA-e.mjs} +2 -2
  6. package/fesm2022/{acorex-components-conversation-picker-rename-file-dialog.component-OAHRGH_G.mjs.map → acorex-components-conversation-picker-rename-file-dialog.component-DY7nhA-e.mjs.map} +1 -1
  7. package/fesm2022/acorex-components-conversation.mjs +1 -1
  8. package/fesm2022/acorex-components-data-table.mjs +2 -2
  9. package/fesm2022/acorex-components-data-table.mjs.map +1 -1
  10. package/fesm2022/acorex-components-dropdown-button.mjs +2 -1
  11. package/fesm2022/acorex-components-dropdown-button.mjs.map +1 -1
  12. package/fesm2022/acorex-components-dropdown.mjs +5 -0
  13. package/fesm2022/acorex-components-dropdown.mjs.map +1 -1
  14. package/fesm2022/acorex-components-file-viewer.mjs +2 -6
  15. package/fesm2022/acorex-components-file-viewer.mjs.map +1 -1
  16. package/fesm2022/acorex-components-popover.mjs +47 -6
  17. package/fesm2022/acorex-components-popover.mjs.map +1 -1
  18. package/fesm2022/acorex-components-popup.mjs +106 -54
  19. package/fesm2022/acorex-components-popup.mjs.map +1 -1
  20. package/package.json +3 -3
  21. package/types/acorex-components-button.d.ts +23 -6
  22. package/types/acorex-components-conversation.d.ts +144 -76
  23. package/types/acorex-components-dropdown-button.d.ts +2 -1
  24. package/types/acorex-components-dropdown.d.ts +5 -0
  25. package/types/acorex-components-popover.d.ts +8 -0
  26. package/types/acorex-components-popup.d.ts +42 -16
  27. package/fesm2022/acorex-components-conversation-acorex-components-conversation-BBWe3tfe.mjs.map +0 -1
@@ -622,10 +622,30 @@ function resolveConversationForViewer(conversation, currentUserId) {
622
622
  icon,
623
623
  };
624
624
  }
625
- /** Whether message reactions are enabled for a conversation. Defaults to `true` when omitted. */
625
+ /**
626
+ * Whether message reactions are enabled for a conversation.
627
+ * `metadata.reactionsEnabled` wins when set; otherwise `bot` chats default to off.
628
+ */
626
629
  function isConversationReactionsEnabled(conversation) {
627
630
  const value = conversation?.metadata?.reactionsEnabled;
628
- return value !== false;
631
+ if (typeof value === 'boolean') {
632
+ return value;
633
+ }
634
+ return conversation?.type !== 'bot';
635
+ }
636
+ /**
637
+ * How file attachments are shown in the composer.
638
+ * `metadata.composerAttachmentPresentation` wins when set; otherwise `bot` chats use `banner`.
639
+ */
640
+ function resolveComposerAttachmentPresentation(conversation) {
641
+ const value = conversation?.metadata?.composerAttachmentPresentation;
642
+ if (value === 'overlay' || value === 'banner') {
643
+ return value;
644
+ }
645
+ return conversation?.type === 'bot' ? 'banner' : 'overlay';
646
+ }
647
+ function isComposerAttachmentBannerEnabled(conversation) {
648
+ return resolveComposerAttachmentPresentation(conversation) === 'banner';
629
649
  }
630
650
 
631
651
  /** Max consecutive emoji graphemes that render as a jumbo (sticker-sized) text message. */
@@ -3335,6 +3355,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImpor
3335
3355
  * - Automatic rollback on failures
3336
3356
  */
3337
3357
  class AXConversationService {
3358
+ static { this.createDisplayMetadataKeys = new Set(['title', 'description', 'avatar', 'icon']); }
3338
3359
  static normalizeOptionalString(value) {
3339
3360
  if (typeof value !== 'string') {
3340
3361
  return undefined;
@@ -3342,6 +3363,14 @@ class AXConversationService {
3342
3363
  const normalized = value.trim();
3343
3364
  return normalized.length > 0 ? normalized : undefined;
3344
3365
  }
3366
+ /** Keep flags like `reactionsEnabled`; drop display fields already mapped onto the conversation. */
3367
+ static toPersistedConversationMetadata(metadata) {
3368
+ if (!metadata) {
3369
+ return undefined;
3370
+ }
3371
+ const persisted = Object.fromEntries(Object.entries(metadata).filter(([key]) => !AXConversationService.createDisplayMetadataKeys.has(key)));
3372
+ return Object.keys(persisted).length > 0 ? persisted : undefined;
3373
+ }
3345
3374
  constructor() {
3346
3375
  this.config = inject(AX_CONVERSATION_CONFIG);
3347
3376
  this.state = new AXConversationState(this.config);
@@ -4108,6 +4137,10 @@ class AXConversationService {
4108
4137
  if (!message || !currentUserId) {
4109
4138
  return;
4110
4139
  }
4140
+ const conversation = this.state.getConversation(message.conversationId);
4141
+ if (!isConversationReactionsEnabled(conversation)) {
4142
+ return;
4143
+ }
4111
4144
  const originalReactions = [...message.reactions];
4112
4145
  const hasReaction = message.reactions.some((r) => r.emoji === emoji && r.userId === currentUserId);
4113
4146
  const optimisticReactions = hasReaction
@@ -4421,7 +4454,7 @@ class AXConversationService {
4421
4454
  }
4422
4455
  const existingEdited = existing.editedAt ? new Date(existing.editedAt).getTime() : 0;
4423
4456
  const incomingEdited = incoming.editedAt ? new Date(incoming.editedAt).getTime() : 0;
4424
- if (existingEdited > 0 && incomingEdited <= existingEdited) {
4457
+ if (existingEdited > 0 && incomingEdited < existingEdited + 5000) {
4425
4458
  return { ...incoming, payload: existing.payload, editedAt: existing.editedAt };
4426
4459
  }
4427
4460
  return incoming;
@@ -4723,7 +4756,7 @@ class AXConversationService {
4723
4756
  ? undefined
4724
4757
  : (AXConversationService.normalizeOptionalString(metadata?.['icon']) ??
4725
4758
  (type === 'group' ? AX_CONVERSATION_DEFAULT_GROUP_ICON : undefined)),
4726
- metadata: isPrivate ? undefined : metadata,
4759
+ metadata: AXConversationService.toPersistedConversationMetadata(metadata),
4727
4760
  forceCreate,
4728
4761
  };
4729
4762
  const conversation = await this.callApi('createConversation', 'conversationApi', 'createConversation', () => this.conversationApi.createConversation(createData), createData);
@@ -4774,6 +4807,7 @@ class AXConversationService {
4774
4807
  /**
4775
4808
  * Delete, hide, or leave a conversation.
4776
4809
  * Opens a confirmation popup (checkbox for private/creator destroy), then updates the store.
4810
+ * Bot chats skip the prompt and always delete for both sides.
4777
4811
  */
4778
4812
  async deleteConversation(conversationId) {
4779
4813
  const conversation = this.state.getConversation(conversationId);
@@ -4784,6 +4818,9 @@ class AXConversationService {
4784
4818
  const currentUserId = this._currentUser()?.id;
4785
4819
  const isGroup = isGroupLikeConversation(conversation);
4786
4820
  const isCreator = isConversationRoomCreator(conversation, currentUserId);
4821
+ if (conversation.type === 'bot') {
4822
+ return this.performDeleteConversation(conversationId, { isGroup: false, isCreator: false, forEveryone: true });
4823
+ }
4787
4824
  const mode = !isGroup ? 'private' : isCreator ? 'destroy-room' : 'leave';
4788
4825
  const peerName = resolvePrivatePeerParticipant(conversation, currentUserId)?.name;
4789
4826
  const { AXConversationDeleteDialogComponent } = await Promise.resolve().then(function () { return deleteConversationDialog_component; });
@@ -4803,12 +4840,20 @@ class AXConversationService {
4803
4840
  if (!decision?.confirmed) {
4804
4841
  return false;
4805
4842
  }
4843
+ return this.performDeleteConversation(conversationId, {
4844
+ isGroup,
4845
+ isCreator,
4846
+ forEveryone: !!decision.forEveryone,
4847
+ });
4848
+ }
4849
+ async performDeleteConversation(conversationId, options) {
4850
+ const { isGroup, isCreator, forEveryone } = options;
4806
4851
  try {
4807
- if (isGroup && !(isCreator && decision.forEveryone)) {
4852
+ if (isGroup && !(isCreator && forEveryone)) {
4808
4853
  await this.callApi('leaveConversation', 'conversationApi', 'leaveConversation', () => this.conversationApi.leaveConversation(conversationId), conversationId);
4809
4854
  }
4810
4855
  else {
4811
- const deleted = await this.callApi('deleteConversation', 'conversationApi', 'deleteConversation', () => this.conversationApi.deleteConversation(conversationId, { forEveryone: !!decision.forEveryone }), conversationId, { forEveryone: !!decision.forEveryone });
4856
+ const deleted = await this.callApi('deleteConversation', 'conversationApi', 'deleteConversation', () => this.conversationApi.deleteConversation(conversationId, { forEveryone }), conversationId, { forEveryone });
4812
4857
  if (!deleted) {
4813
4858
  return false;
4814
4859
  }
@@ -5387,6 +5432,17 @@ function resolveComposerMaxFiles(action, config) {
5387
5432
  return Math.max(1, action?.maxFiles ?? config.maxFilesPerMessage);
5388
5433
  }
5389
5434
 
5435
+ /** Middle-ellipsis truncation for long file names in picker rows. */
5436
+ function truncatePickerFileName(text, maxLength = 36) {
5437
+ if (text.length <= maxLength) {
5438
+ return text;
5439
+ }
5440
+ const keep = maxLength - 3;
5441
+ const start = Math.ceil(keep / 2);
5442
+ const end = Math.floor(keep / 2);
5443
+ return `${text.slice(0, start)}...${text.slice(text.length - end)}`;
5444
+ }
5445
+
5390
5446
  /** Gradient wash for the default chat wallpaper (pattern tile is applied in component CSS). */
5391
5447
  const MESSAGE_LIST_LIGHT_WALLPAPER_GRADIENT = [
5392
5448
  'radial-gradient(ellipse 85% 70% at 12% 0%, rgba(255, 252, 238, 0.42) 0%, transparent 48%)',
@@ -6505,6 +6561,12 @@ const AX_PASTED_FILE_MIME_BY_EXTENSION = {
6505
6561
  xls: 'application/vnd.ms-excel',
6506
6562
  xlsx: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
6507
6563
  txt: 'text/plain',
6564
+ js: 'application/octet-stream',
6565
+ mjs: 'application/octet-stream',
6566
+ cjs: 'application/octet-stream',
6567
+ json: 'application/octet-stream',
6568
+ md: 'text/plain',
6569
+ ts: 'text/plain',
6508
6570
  };
6509
6571
  function inferMimeFromFileName(name) {
6510
6572
  const ext = name.split('.').pop()?.trim().toLowerCase() ?? '';
@@ -6522,9 +6584,22 @@ function defaultPastedFileName(type) {
6522
6584
  }
6523
6585
  return 'file';
6524
6586
  }
6587
+ function toCatalogSafeMime(type) {
6588
+ switch (type) {
6589
+ case 'application/javascript':
6590
+ case 'text/javascript':
6591
+ case 'application/json':
6592
+ case 'text/markdown':
6593
+ case 'application/typescript':
6594
+ case 'text/typescript':
6595
+ return 'application/octet-stream';
6596
+ default:
6597
+ return type;
6598
+ }
6599
+ }
6525
6600
  /** Explorer/OS paste often has an empty MIME type; catalogs reject that. */
6526
- function snapshotPastedFile(file) {
6527
- const type = file.type.trim() || inferMimeFromFileName(file.name);
6601
+ function normalizeConversationInboundFile(file) {
6602
+ const type = toCatalogSafeMime(file.type.trim() || inferMimeFromFileName(file.name));
6528
6603
  const name = file.name.trim() || defaultPastedFileName(type);
6529
6604
  if (file.type === type && file.name === name) {
6530
6605
  return file;
@@ -6539,7 +6614,7 @@ function filesFromClipboardEvent(event) {
6539
6614
  if (!file) {
6540
6615
  return;
6541
6616
  }
6542
- const snapshotted = snapshotPastedFile(file);
6617
+ const snapshotted = normalizeConversationInboundFile(file);
6543
6618
  const key = `${snapshotted.name}:${snapshotted.size}:${snapshotted.type}:${snapshotted.lastModified}`;
6544
6619
  if (seen.has(key)) {
6545
6620
  return;
@@ -6872,9 +6947,10 @@ async function promptComposerActionChoice(deps, actions, fileCount) {
6872
6947
  return action;
6873
6948
  }
6874
6949
  /**
6875
- * Match dropped/pasted files to composer picker action(s) and open the popup.
6950
+ * Match dropped/pasted files to composer picker action(s) and open the popup,
6951
+ * or append them to the composer attachment banner when that mode is enabled.
6876
6952
  * Unsupported files are skipped after a warning toast; supported files continue.
6877
- * @returns true when a picker popup was opened
6953
+ * @returns true when a picker popup was opened or files were added to the banner
6878
6954
  */
6879
6955
  async function openComposerPickerForFiles(deps, files) {
6880
6956
  if (!files.length) {
@@ -6884,6 +6960,10 @@ async function openComposerPickerForFiles(deps, files) {
6884
6960
  if (!conversation) {
6885
6961
  return false;
6886
6962
  }
6963
+ if (isComposerAttachmentBannerEnabled(conversation)) {
6964
+ const added = await deps.composerService.addDraftAttachments(files);
6965
+ return added > 0;
6966
+ }
6887
6967
  const analysis = await analyzeInboundFiles(deps, files);
6888
6968
  if (analysis.unsupportedFiles.length > 0) {
6889
6969
  notifyPickerValidationErrors(deps.toast, deps.translation, analysis.unsupportedFiles);
@@ -7112,112 +7192,539 @@ function hasRegistryComponent(ref) {
7112
7192
  return !!ref?.component || !!ref?.componentLoader;
7113
7193
  }
7114
7194
 
7115
- async function openComposerActionOverlay(options) {
7116
- const { popupService, composerService, action, conversation, config, inputs = {}, initialFiles, onClosed } = options;
7117
- const component = action.component ?? (action.componentLoader ? await action.componentLoader() : undefined);
7118
- if (!component) {
7119
- return undefined;
7195
+ function audioItemFromUpload(file, result, duration) {
7196
+ const url = resolvePersistableMediaUrl(result.url);
7197
+ const item = {
7198
+ mediaId: result.mediaId,
7199
+ mimeType: result.mimeType,
7200
+ size: result.size,
7201
+ duration,
7202
+ title: file.name,
7203
+ metadata: result.metadata,
7204
+ };
7205
+ if (url) {
7206
+ item.url = url;
7120
7207
  }
7121
- const hasInitialFiles = !!initialFiles?.length;
7122
- const shouldAutoRun = action.autoRun === true && !hasInitialFiles;
7123
- const contentInputs = {
7124
- conversation,
7125
- maxFiles: resolveComposerMaxFiles(action, config),
7126
- service: composerService,
7127
- autoRun: shouldAutoRun,
7128
- ...inputs,
7208
+ return item;
7209
+ }
7210
+ function mergeAudioUploadResult(payload, result) {
7211
+ const base = normalizeAudioPayload(payload);
7212
+ const audios = [...base.audios];
7213
+ const i = audios.findIndex((x) => !x.mediaId && !resolvePersistableMediaUrl(x.url));
7214
+ const slot = i >= 0 ? audios[i] : undefined;
7215
+ const url = resolvePersistableMediaUrl(result.url);
7216
+ const next = {
7217
+ ...(slot ?? { duration: 0 }),
7218
+ mediaId: result.mediaId,
7219
+ mimeType: result.mimeType,
7220
+ size: result.size,
7221
+ metadata: result.metadata,
7129
7222
  };
7130
- if (hasInitialFiles) {
7131
- contentInputs['initialFiles'] = initialFiles;
7223
+ if (url) {
7224
+ next.url = url;
7132
7225
  }
7133
- const pickerPanelClass = ['ax-conversation-composer-picker-popup'];
7134
- if (action.id === 'location') {
7135
- pickerPanelClass.push('ax-conversation-composer-picker-popup--location');
7226
+ if (i >= 0)
7227
+ audios[i] = next;
7228
+ else
7229
+ audios.push(next);
7230
+ return { ...base, type: 'audio', audios };
7231
+ }
7232
+ function applyAudioLocalPreview(payload, localUrl, mimeType = 'application/octet-stream') {
7233
+ const base = normalizeAudioPayload(payload);
7234
+ const audios = [...base.audios];
7235
+ const slot = audios.findIndex((x) => !x.mediaId && !resolvePersistableMediaUrl(x.url));
7236
+ const preview = { url: localUrl, duration: 0, mimeType };
7237
+ if (slot >= 0) {
7238
+ audios[slot] = { ...audios[slot], ...preview };
7136
7239
  }
7137
- else if (action.id === 'voice-recording') {
7138
- pickerPanelClass.push('ax-conversation-composer-picker-popup--voice');
7240
+ else if (audios.length === 0) {
7241
+ audios.push(preview);
7139
7242
  }
7140
- const popupRef = await popupService.openRef(component, {
7141
- size: 'sm',
7142
- closeButton: false,
7143
- header: false,
7144
- closeOnBackdropClick: false,
7145
- panelClass: pickerPanelClass,
7146
- inputs: contentInputs,
7147
- });
7148
- popupRef.onClose.subscribe(() => onClosed?.());
7149
- return () => popupRef.close();
7243
+ else {
7244
+ audios[0] = { ...audios[0], ...preview };
7245
+ }
7246
+ return { ...base, type: 'audio', audios };
7150
7247
  }
7151
7248
 
7152
- /**
7153
- * AXConversationComposerService
7154
- * Facade/service for Composer to interact with conversation and manage reply/edit state.
7155
- */
7156
- class AXConversationComposerService {
7157
- constructor() {
7158
- this.conversationService = inject(AXConversationService);
7159
- this.generationState = inject(AXConversationComposerGenerationStateService);
7160
- this.translation = inject(AXTranslationService);
7161
- this.popupService = inject(AXPopupService);
7162
- this.config = inject(AX_CONVERSATION_CONFIG);
7163
- this._activeActionOverlay = signal(null, /* @ts-ignore */
7164
- ...(ngDevMode ? [{ debugName: "_activeActionOverlay" }] : /* istanbul ignore next */ []));
7165
- // Reply/Edit state signals (public as readonly)
7166
- this._replyMessage = signal(null, /* @ts-ignore */
7167
- ...(ngDevMode ? [{ debugName: "_replyMessage" }] : /* istanbul ignore next */ []));
7168
- this._editMessage = signal(null, /* @ts-ignore */
7169
- ...(ngDevMode ? [{ debugName: "_editMessage" }] : /* istanbul ignore next */ []));
7170
- this.replyMessage = this._replyMessage.asReadonly();
7171
- this.editMessage = this._editMessage.asReadonly();
7172
- this.activeConversation = this.conversationService.activeConversation;
7173
- this.activeMessages = this.conversationService.activeMessages;
7174
- /** Draft text */
7175
- this.draftText = signal('', /* @ts-ignore */
7176
- ...(ngDevMode ? [{ debugName: "draftText" }] : /* istanbul ignore next */ []));
7177
- /** Attachments */
7178
- this.attachments = signal([], /* @ts-ignore */
7179
- ...(ngDevMode ? [{ debugName: "attachments" }] : /* istanbul ignore next */ []));
7180
- /** Incremented to request focus on the composer text area (handled by AXConversationComposerComponent). */
7181
- this._focusRequest = signal(0, /* @ts-ignore */
7182
- ...(ngDevMode ? [{ debugName: "_focusRequest" }] : /* istanbul ignore next */ []));
7183
- this.focusRequest = this._focusRequest.asReadonly();
7184
- /** Input placeholder */
7185
- this.placeholder = computed(() => {
7186
- const conversation = this.activeConversation();
7187
- if (!conversation)
7188
- return this.translation.translateSync('@acorex:chat.placeholders.select-conversation');
7189
- return this.translation.translateSync('@acorex:chat.placeholders.type-message');
7190
- }, /* @ts-ignore */
7191
- ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
7192
- /** Number of input rows */
7193
- this.inputRows = computed(() => {
7194
- const text = this.draftText();
7195
- const lines = text.split('\n').length;
7196
- return Math.min(Math.max(lines, 1), 12);
7197
- }, /* @ts-ignore */
7198
- ...(ngDevMode ? [{ debugName: "inputRows" }] : /* istanbul ignore next */ []));
7199
- /** Can send message (draft has content; does not include generation state). */
7200
- this.canSend = computed(() => {
7201
- const text = this.draftText().trim();
7202
- const attachments = this.attachments();
7203
- return text.length > 0 || attachments.length > 0;
7204
- }, /* @ts-ignore */
7205
- ...(ngDevMode ? [{ debugName: "canSend" }] : /* istanbul ignore next */ []));
7206
- /** Whether a background generation (e.g. AI response) is in progress. */
7207
- this.isGenerating = this.generationState.isGenerating;
7208
- /** Whether cancel cleanup is in progress (spinner on primary button). */
7209
- this.isStopping = this.generationState.isStopping;
7210
- /** Primary end-button mode for send / cancel / stopping / voice / locked. */
7211
- this.primaryButtonMode = computed(() => {
7212
- if (this.isStopping()) {
7213
- return 'stopping';
7214
- }
7215
- if (this.editMessage() && this.canSend()) {
7216
- return 'send';
7249
+ var audioComposer_payload = /*#__PURE__*/Object.freeze({
7250
+ __proto__: null,
7251
+ applyAudioLocalPreview: applyAudioLocalPreview,
7252
+ audioItemFromUpload: audioItemFromUpload,
7253
+ mergeAudioUploadResult: mergeAudioUploadResult
7254
+ });
7255
+
7256
+ function fileItemFromUpload(file, result, extras) {
7257
+ const extension = file.name.includes('.') ? file.name.split('.').pop() : undefined;
7258
+ const url = resolvePersistableMediaUrl(result.url);
7259
+ const duration = extras?.duration != null && Number.isFinite(extras.duration) ? extras.duration : undefined;
7260
+ const item = {
7261
+ mediaId: result.mediaId,
7262
+ mimeType: result.mimeType,
7263
+ size: result.size,
7264
+ name: file.name,
7265
+ thumbnailUrl: resolvePersistedThumbnailUrl(result.thumbnailUrl, url),
7266
+ extension,
7267
+ duration,
7268
+ metadata: result.metadata,
7269
+ };
7270
+ if (url) {
7271
+ item.url = url;
7272
+ }
7273
+ return item;
7274
+ }
7275
+ function mergeFileUploadResult(payload, result) {
7276
+ const base = normalizeFilePayload(payload);
7277
+ const files = [...base.files];
7278
+ const i = files.findIndex((x) => !x.mediaId && !resolvePersistableMediaUrl(x.url));
7279
+ const slot = i >= 0 ? files[i] : undefined;
7280
+ const name = slot?.name ?? result.metadata?.['fileName'] ?? 'file';
7281
+ const url = resolvePersistableMediaUrl(result.url);
7282
+ const next = {
7283
+ ...(slot ?? { name, mimeType: result.mimeType }),
7284
+ mediaId: result.mediaId,
7285
+ mimeType: result.mimeType,
7286
+ size: result.size,
7287
+ name,
7288
+ thumbnailUrl: resolvePersistedThumbnailUrl(result.thumbnailUrl ?? slot?.thumbnailUrl, url),
7289
+ metadata: result.metadata,
7290
+ };
7291
+ if (url) {
7292
+ next.url = url;
7293
+ }
7294
+ if (i >= 0)
7295
+ files[i] = next;
7296
+ else
7297
+ files.push(next);
7298
+ return { ...base, type: 'file', files };
7299
+ }
7300
+ function applyFileLocalPreview(payload, localUrl, mimeType = 'application/octet-stream') {
7301
+ const base = normalizeFilePayload(payload);
7302
+ const files = [...base.files];
7303
+ const slot = files.findIndex((x) => !x.mediaId && !resolvePersistableMediaUrl(x.url));
7304
+ const preview = { url: localUrl, name: 'upload', mimeType };
7305
+ if (slot >= 0) {
7306
+ files[slot] = { ...files[slot], ...preview };
7307
+ }
7308
+ else if (files.length === 0) {
7309
+ files.push(preview);
7310
+ }
7311
+ else {
7312
+ files[0] = { ...files[0], ...preview };
7313
+ }
7314
+ return { ...base, type: 'file', files };
7315
+ }
7316
+
7317
+ var fileComposer_payload = /*#__PURE__*/Object.freeze({
7318
+ __proto__: null,
7319
+ applyFileLocalPreview: applyFileLocalPreview,
7320
+ fileItemFromUpload: fileItemFromUpload,
7321
+ mergeFileUploadResult: mergeFileUploadResult
7322
+ });
7323
+
7324
+ const EMPTY = { width: 0, height: 0, duration: 0 };
7325
+ async function probeImageDimensions(source) {
7326
+ if (typeof createImageBitmap === 'function' && typeof source !== 'string') {
7327
+ try {
7328
+ const bitmap = await createImageBitmap(source);
7329
+ const size = { width: bitmap.width, height: bitmap.height };
7330
+ bitmap.close();
7331
+ if (size.width > 0 && size.height > 0) {
7332
+ return size;
7333
+ }
7334
+ }
7335
+ catch {
7336
+ // Fall through to HTMLImageElement.
7337
+ }
7338
+ }
7339
+ return new Promise((resolve) => {
7340
+ const img = new Image();
7341
+ let objectUrl = '';
7342
+ const finish = (width, height) => {
7343
+ if (objectUrl) {
7344
+ URL.revokeObjectURL(objectUrl);
7345
+ }
7346
+ resolve({ width, height });
7347
+ };
7348
+ img.onload = () => finish(img.naturalWidth, img.naturalHeight);
7349
+ img.onerror = () => finish(0, 0);
7350
+ if (typeof source === 'string') {
7351
+ img.src = source;
7352
+ return;
7353
+ }
7354
+ objectUrl = URL.createObjectURL(source);
7355
+ img.src = objectUrl;
7356
+ });
7357
+ }
7358
+ async function probeAudioDuration(source) {
7359
+ if (typeof document === 'undefined') {
7360
+ return 0;
7361
+ }
7362
+ return new Promise((resolve) => {
7363
+ const el = document.createElement('audio');
7364
+ el.preload = 'metadata';
7365
+ const objectUrl = URL.createObjectURL(source);
7366
+ const finish = (duration) => {
7367
+ URL.revokeObjectURL(objectUrl);
7368
+ el.src = '';
7369
+ resolve(duration);
7370
+ };
7371
+ el.onloadedmetadata = () => {
7372
+ finish(Number.isFinite(el.duration) ? el.duration : 0);
7373
+ };
7374
+ el.onerror = () => finish(0);
7375
+ el.src = objectUrl;
7376
+ });
7377
+ }
7378
+ async function probeVideoMedia(source) {
7379
+ if (typeof document === 'undefined') {
7380
+ return EMPTY;
7381
+ }
7382
+ return new Promise((resolve) => {
7383
+ const el = document.createElement('video');
7384
+ el.preload = 'metadata';
7385
+ const objectUrl = URL.createObjectURL(source);
7386
+ const finish = (dims) => {
7387
+ URL.revokeObjectURL(objectUrl);
7388
+ el.src = '';
7389
+ resolve(dims);
7390
+ };
7391
+ el.onloadedmetadata = () => {
7392
+ finish({
7393
+ width: el.videoWidth || 0,
7394
+ height: el.videoHeight || 0,
7395
+ duration: Number.isFinite(el.duration) ? el.duration : 0,
7396
+ });
7397
+ };
7398
+ el.onerror = () => finish(EMPTY);
7399
+ el.src = objectUrl;
7400
+ });
7401
+ }
7402
+
7403
+ var mediaDimensions = /*#__PURE__*/Object.freeze({
7404
+ __proto__: null,
7405
+ probeAudioDuration: probeAudioDuration,
7406
+ probeImageDimensions: probeImageDimensions,
7407
+ probeVideoMedia: probeVideoMedia
7408
+ });
7409
+
7410
+ async function imageItemFromUpload(file, result) {
7411
+ const url = resolvePersistableMediaUrl(result.url);
7412
+ const size = await probeImageDimensions(file);
7413
+ const item = {
7414
+ mediaId: result.mediaId,
7415
+ mimeType: result.mimeType,
7416
+ size: result.size,
7417
+ thumbnailUrl: resolvePersistedThumbnailUrl(result.thumbnailUrl, url),
7418
+ width: size.width,
7419
+ height: size.height,
7420
+ metadata: result.metadata,
7421
+ };
7422
+ if (url) {
7423
+ item.url = url;
7424
+ }
7425
+ return item;
7426
+ }
7427
+
7428
+ async function videoItemFromUpload(file, result, duration, size) {
7429
+ const url = resolvePersistableMediaUrl(result.url);
7430
+ const probed = size?.width && size.height
7431
+ ? { width: size.width, height: size.height, duration }
7432
+ : await probeVideoMedia(file);
7433
+ const item = {
7434
+ mediaId: result.mediaId,
7435
+ mimeType: result.mimeType,
7436
+ size: result.size,
7437
+ thumbnailUrl: resolvePersistedThumbnailUrl(result.thumbnailUrl, url),
7438
+ duration: duration || probed.duration,
7439
+ width: probed.width,
7440
+ height: probed.height,
7441
+ metadata: result.metadata,
7442
+ };
7443
+ if (url) {
7444
+ item.url = url;
7445
+ }
7446
+ return item;
7447
+ }
7448
+ function mergeVideoUploadResult(payload, result) {
7449
+ const base = normalizeVideoPayload(payload);
7450
+ const videos = [...base.videos];
7451
+ const i = videos.findIndex((x) => !x.mediaId && !resolvePersistableMediaUrl(x.url));
7452
+ const slot = i >= 0 ? videos[i] : undefined;
7453
+ const url = resolvePersistableMediaUrl(result.url);
7454
+ const next = {
7455
+ ...(slot ?? { duration: 0, width: 0, height: 0 }),
7456
+ mediaId: result.mediaId,
7457
+ mimeType: result.mimeType,
7458
+ size: result.size,
7459
+ thumbnailUrl: resolvePersistedThumbnailUrl(result.thumbnailUrl ?? slot?.thumbnailUrl, url),
7460
+ metadata: result.metadata,
7461
+ };
7462
+ if (url) {
7463
+ next.url = url;
7464
+ }
7465
+ if (i >= 0)
7466
+ videos[i] = next;
7467
+ else
7468
+ videos.push(next);
7469
+ return { ...base, type: 'video', videos };
7470
+ }
7471
+ function applyVideoLocalPreview(payload, localUrl, mimeType = 'application/octet-stream') {
7472
+ const base = normalizeVideoPayload(payload);
7473
+ const videos = [...base.videos];
7474
+ const slot = videos.findIndex((x) => !x.mediaId && !resolvePersistableMediaUrl(x.url));
7475
+ const preview = { url: localUrl, duration: 0, width: 0, height: 0, mimeType };
7476
+ if (slot >= 0) {
7477
+ videos[slot] = { ...videos[slot], ...preview };
7478
+ }
7479
+ else if (videos.length === 0) {
7480
+ videos.push(preview);
7481
+ }
7482
+ else {
7483
+ videos[0] = { ...videos[0], ...preview };
7484
+ }
7485
+ return { ...base, type: 'video', videos };
7486
+ }
7487
+
7488
+ var videoComposer_payload = /*#__PURE__*/Object.freeze({
7489
+ __proto__: null,
7490
+ applyVideoLocalPreview: applyVideoLocalPreview,
7491
+ mergeVideoUploadResult: mergeVideoUploadResult,
7492
+ videoItemFromUpload: videoItemFromUpload
7493
+ });
7494
+
7495
+ const DRAFT_KIND_CATALOGS = [
7496
+ { catalog: AX_CONVERSATION_IMAGE_CATALOG, kind: 'image' },
7497
+ { catalog: AX_CONVERSATION_VIDEO_CATALOG, kind: 'video' },
7498
+ { catalog: AX_CONVERSATION_AUDIO_CATALOG, kind: 'audio' },
7499
+ { catalog: AX_CONVERSATION_FILE_CATALOG, kind: 'file' },
7500
+ ];
7501
+ const DRAFT_KIND_ICONS = {
7502
+ image: 'fa-light fa-image',
7503
+ video: 'fa-light fa-video',
7504
+ audio: 'fa-light fa-music',
7505
+ file: 'fa-light fa-file',
7506
+ };
7507
+ function isBannerEligibleComposerAction(action) {
7508
+ return !!action.fileType && action.fileType !== AX_CONVERSATION_VOICE_CATALOG;
7509
+ }
7510
+ function createDraftAttachmentPreviewUrl(file, kind) {
7511
+ if (typeof URL === 'undefined' || typeof URL.createObjectURL !== 'function') {
7512
+ return undefined;
7513
+ }
7514
+ if (kind === 'image' || kind === 'video') {
7515
+ return URL.createObjectURL(file);
7516
+ }
7517
+ return undefined;
7518
+ }
7519
+ function draftAttachmentIcon(kind) {
7520
+ return DRAFT_KIND_ICONS[kind];
7521
+ }
7522
+ function areDraftAttachmentsReady(items) {
7523
+ return items.length > 0 && items.every((item) => isPickerItemReadyToSend(item) && !item.uploading && !item.error);
7524
+ }
7525
+ async function classifyDraftAttachmentKind(fileService, file) {
7526
+ let lastErrors = [];
7527
+ for (const { catalog, kind } of DRAFT_KIND_CATALOGS) {
7528
+ const errors = await fileService.validate(file, catalog);
7529
+ if (errors.length === 0) {
7530
+ return { kind, errors: [] };
7531
+ }
7532
+ lastErrors = errors;
7533
+ }
7534
+ return { kind: 'file', errors: lastErrors };
7535
+ }
7536
+ async function probeDraftAttachmentDuration(file, kind) {
7537
+ if (kind === 'video') {
7538
+ const probed = await probeVideoMedia(file);
7539
+ return probed.duration;
7540
+ }
7541
+ if (kind === 'audio') {
7542
+ return probeAudioDuration(file);
7543
+ }
7544
+ return undefined;
7545
+ }
7546
+ async function buildComposerDraftAttachmentCommand(conversationId, items, caption) {
7547
+ const ready = items.filter((item) => isPickerItemReadyToSend(item));
7548
+ if (ready.length === 0) {
7549
+ return null;
7550
+ }
7551
+ const trimmedCaption = caption?.trim() || undefined;
7552
+ const kinds = new Set(ready.map((item) => item.kind));
7553
+ if (kinds.size === 1 && kinds.has('image')) {
7554
+ const images = (await Promise.all(ready.map(async (item) => {
7555
+ const result = pickerItemToUploadResult(item);
7556
+ return result ? imageItemFromUpload(item.file, result) : null;
7557
+ }))).filter((item) => item !== null);
7558
+ if (images.length === 0) {
7559
+ return null;
7560
+ }
7561
+ return {
7562
+ conversationId,
7563
+ type: 'image',
7564
+ payload: { type: 'image', images, caption: trimmedCaption },
7565
+ };
7566
+ }
7567
+ if (kinds.size === 1 && kinds.has('video')) {
7568
+ const videos = (await Promise.all(ready.map(async (item) => {
7569
+ const result = pickerItemToUploadResult(item);
7570
+ return result ? videoItemFromUpload(item.file, result, item.duration ?? 0) : null;
7571
+ }))).filter((item) => item !== null);
7572
+ if (videos.length === 0) {
7573
+ return null;
7574
+ }
7575
+ return {
7576
+ conversationId,
7577
+ type: 'video',
7578
+ payload: { type: 'video', videos, caption: trimmedCaption },
7579
+ };
7580
+ }
7581
+ if (kinds.size === 1 && kinds.has('audio')) {
7582
+ const audios = ready.flatMap((item) => {
7583
+ const result = pickerItemToUploadResult(item);
7584
+ return result ? [audioItemFromUpload(item.file, result, item.duration ?? 0)] : [];
7585
+ });
7586
+ if (audios.length === 0) {
7587
+ return null;
7588
+ }
7589
+ return {
7590
+ conversationId,
7591
+ type: 'audio',
7592
+ payload: { type: 'audio', audios, caption: trimmedCaption },
7593
+ };
7594
+ }
7595
+ const files = ready.flatMap((item) => {
7596
+ const result = pickerItemToUploadResult(item);
7597
+ return result ? [fileItemFromUpload(item.file, result, { duration: item.duration })] : [];
7598
+ });
7599
+ if (files.length === 0) {
7600
+ return null;
7601
+ }
7602
+ return {
7603
+ conversationId,
7604
+ type: 'file',
7605
+ payload: { type: 'file', files, caption: trimmedCaption },
7606
+ };
7607
+ }
7608
+
7609
+ async function openComposerActionOverlay(options) {
7610
+ const { popupService, composerService, action, conversation, config, inputs = {}, initialFiles, onClosed } = options;
7611
+ const component = action.component ?? (action.componentLoader ? await action.componentLoader() : undefined);
7612
+ if (!component) {
7613
+ return undefined;
7614
+ }
7615
+ const hasInitialFiles = !!initialFiles?.length;
7616
+ const shouldAutoRun = action.autoRun === true && !hasInitialFiles;
7617
+ const contentInputs = {
7618
+ conversation,
7619
+ maxFiles: resolveComposerMaxFiles(action, config),
7620
+ service: composerService,
7621
+ autoRun: shouldAutoRun,
7622
+ ...inputs,
7623
+ };
7624
+ if (hasInitialFiles) {
7625
+ contentInputs['initialFiles'] = initialFiles;
7626
+ }
7627
+ const pickerPanelClass = ['ax-conversation-composer-picker-popup'];
7628
+ if (action.id === 'location') {
7629
+ pickerPanelClass.push('ax-conversation-composer-picker-popup--location');
7630
+ }
7631
+ else if (action.id === 'voice-recording') {
7632
+ pickerPanelClass.push('ax-conversation-composer-picker-popup--voice');
7633
+ }
7634
+ const popupRef = await popupService.openRef(component, {
7635
+ size: 'sm',
7636
+ closeButton: false,
7637
+ header: false,
7638
+ closeOnBackdropClick: false,
7639
+ panelClass: pickerPanelClass,
7640
+ inputs: contentInputs,
7641
+ });
7642
+ popupRef.onClose.subscribe(() => onClosed?.());
7643
+ return () => popupRef.close();
7644
+ }
7645
+
7646
+ /**
7647
+ * AXConversationComposerService
7648
+ * Facade/service for Composer to interact with conversation and manage reply/edit state.
7649
+ */
7650
+ class AXConversationComposerService {
7651
+ constructor() {
7652
+ this.conversationService = inject(AXConversationService);
7653
+ this.generationState = inject(AXConversationComposerGenerationStateService);
7654
+ this.translation = inject(AXTranslationService);
7655
+ this.popupService = inject(AXPopupService);
7656
+ this.uploader = inject(AXUploaderService);
7657
+ this.fileService = inject(AXFileService);
7658
+ this.toast = inject(AXToastService);
7659
+ this.config = inject(AX_CONVERSATION_CONFIG);
7660
+ this.destroyRef = inject(DestroyRef);
7661
+ this._activeActionOverlay = signal(null, /* @ts-ignore */
7662
+ ...(ngDevMode ? [{ debugName: "_activeActionOverlay" }] : /* istanbul ignore next */ []));
7663
+ // Reply/Edit state signals (public as readonly)
7664
+ this._replyMessage = signal(null, /* @ts-ignore */
7665
+ ...(ngDevMode ? [{ debugName: "_replyMessage" }] : /* istanbul ignore next */ []));
7666
+ this._editMessage = signal(null, /* @ts-ignore */
7667
+ ...(ngDevMode ? [{ debugName: "_editMessage" }] : /* istanbul ignore next */ []));
7668
+ this.replyMessage = this._replyMessage.asReadonly();
7669
+ this.editMessage = this._editMessage.asReadonly();
7670
+ this.activeConversation = this.conversationService.activeConversation;
7671
+ this.activeMessages = this.conversationService.activeMessages;
7672
+ /** Draft text */
7673
+ this.draftText = signal('', /* @ts-ignore */
7674
+ ...(ngDevMode ? [{ debugName: "draftText" }] : /* istanbul ignore next */ []));
7675
+ /** Inline composer attachments shown above the input in banner mode. */
7676
+ this.draftAttachments = signal([], /* @ts-ignore */
7677
+ ...(ngDevMode ? [{ debugName: "draftAttachments" }] : /* istanbul ignore next */ []));
7678
+ this.draftAttachmentsReady = computed(() => areDraftAttachmentsReady(this.draftAttachments()), /* @ts-ignore */
7679
+ ...(ngDevMode ? [{ debugName: "draftAttachmentsReady" }] : /* istanbul ignore next */ []));
7680
+ this.usesAttachmentBanner = computed(() => isComposerAttachmentBannerEnabled(this.activeConversation()), /* @ts-ignore */
7681
+ ...(ngDevMode ? [{ debugName: "usesAttachmentBanner" }] : /* istanbul ignore next */ []));
7682
+ /** Incremented to request focus on the composer text area (handled by AXConversationComposerComponent). */
7683
+ this._focusRequest = signal(0, /* @ts-ignore */
7684
+ ...(ngDevMode ? [{ debugName: "_focusRequest" }] : /* istanbul ignore next */ []));
7685
+ this.focusRequest = this._focusRequest.asReadonly();
7686
+ /** Input placeholder */
7687
+ this.placeholder = computed(() => {
7688
+ const conversation = this.activeConversation();
7689
+ if (!conversation)
7690
+ return this.translation.translateSync('@acorex:chat.placeholders.select-conversation');
7691
+ return this.translation.translateSync('@acorex:chat.placeholders.type-message');
7692
+ }, /* @ts-ignore */
7693
+ ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
7694
+ /** Number of input rows */
7695
+ this.inputRows = computed(() => {
7696
+ const text = this.draftText();
7697
+ const lines = text.split('\n').length;
7698
+ return Math.min(Math.max(lines, 1), 12);
7699
+ }, /* @ts-ignore */
7700
+ ...(ngDevMode ? [{ debugName: "inputRows" }] : /* istanbul ignore next */ []));
7701
+ /** Can send message (draft has content; does not include generation state). */
7702
+ this.canSend = computed(() => {
7703
+ const attachments = this.draftAttachments();
7704
+ if (attachments.length > 0) {
7705
+ return this.draftAttachmentsReady();
7706
+ }
7707
+ return this.draftText().trim().length > 0;
7708
+ }, /* @ts-ignore */
7709
+ ...(ngDevMode ? [{ debugName: "canSend" }] : /* istanbul ignore next */ []));
7710
+ /** Whether a background generation (e.g. AI response) is in progress. */
7711
+ this.isGenerating = this.generationState.isGenerating;
7712
+ /** Whether cancel cleanup is in progress (spinner on primary button). */
7713
+ this.isStopping = this.generationState.isStopping;
7714
+ /** Primary end-button mode for send / cancel / stopping / voice / locked. */
7715
+ this.primaryButtonMode = computed(() => {
7716
+ if (this.isStopping()) {
7717
+ return 'stopping';
7718
+ }
7719
+ if (this.editMessage() && this.canSend()) {
7720
+ return 'send';
7217
7721
  }
7218
7722
  if (this.isGenerating()) {
7219
7723
  return 'cancel';
7220
7724
  }
7725
+ if (this.draftAttachments().length > 0) {
7726
+ return 'send';
7727
+ }
7221
7728
  if (this.canSend()) {
7222
7729
  return 'send';
7223
7730
  }
@@ -7294,6 +7801,7 @@ class AXConversationComposerService {
7294
7801
  return this.registry.composerActions.getVisibleActions('end', context).find((action) => action.default);
7295
7802
  }, /* @ts-ignore */
7296
7803
  ...(ngDevMode ? [{ debugName: "defaultAction" }] : /* istanbul ignore next */ []));
7804
+ this.destroyRef.onDestroy(() => this.clearDraftAttachments());
7297
7805
  }
7298
7806
  // Access registry through conversation service
7299
7807
  get registry() {
@@ -7316,11 +7824,15 @@ class AXConversationComposerService {
7316
7824
  focusComposer() {
7317
7825
  this._focusRequest.update((n) => n + 1);
7318
7826
  }
7319
- clear() {
7320
- this.hideComponent();
7827
+ clearReplyEdit() {
7321
7828
  this._replyMessage.set(null);
7322
7829
  this._editMessage.set(null);
7323
7830
  }
7831
+ clear() {
7832
+ this.hideComponent();
7833
+ this.clearReplyEdit();
7834
+ this.clearDraftAttachments();
7835
+ }
7324
7836
  /**
7325
7837
  * Persist draft for the previous conversation and reset composer UI state when switching conversations.
7326
7838
  */
@@ -7329,7 +7841,6 @@ class AXConversationComposerService {
7329
7841
  this.saveDraft(previousConversationId, this.draftText());
7330
7842
  }
7331
7843
  this.clear();
7332
- this.attachments.set([]);
7333
7844
  this.draftText.set(currentConversationId ? this.loadDraft(currentConversationId) : '');
7334
7845
  this.generationState.setGenerating(false);
7335
7846
  if (currentConversationId) {
@@ -7350,7 +7861,7 @@ class AXConversationComposerService {
7350
7861
  */
7351
7862
  clearComposerInput(conversationId) {
7352
7863
  this.draftText.set('');
7353
- this.attachments.set([]);
7864
+ this.clearDraftAttachments({ retainUploaded: true });
7354
7865
  this.hideComponent();
7355
7866
  this._replyMessage.set(null);
7356
7867
  this._editMessage.set(null);
@@ -7363,6 +7874,14 @@ class AXConversationComposerService {
7363
7874
  * Open a composer action component in a popup (desktop) or action sheet (mobile).
7364
7875
  */
7365
7876
  async openActionComponent(action, inputs, options) {
7877
+ if (this.usesAttachmentBanner() && isBannerEligibleComposerAction(action)) {
7878
+ if (options?.initialFiles?.length) {
7879
+ await this.addDraftAttachments(options.initialFiles);
7880
+ return;
7881
+ }
7882
+ await this.browseDraftAttachments(action.fileType);
7883
+ return;
7884
+ }
7366
7885
  if (options?.toggleable) {
7367
7886
  const current = this._activeActionOverlay();
7368
7887
  if (current?.actionId === action.id) {
@@ -7396,6 +7915,114 @@ class AXConversationComposerService {
7396
7915
  },
7397
7916
  });
7398
7917
  }
7918
+ async browseDraftAttachments(fileType) {
7919
+ const { accepted, rejected } = await this.uploader.chooseFiles({
7920
+ multiple: true,
7921
+ fileType,
7922
+ });
7923
+ notifyPickerValidationErrors(this.toast, this.translation, rejected);
7924
+ if (!accepted.length) {
7925
+ return 0;
7926
+ }
7927
+ return this.addDraftAttachments(accepted);
7928
+ }
7929
+ async addDraftAttachments(files) {
7930
+ const conversation = this.activeConversation();
7931
+ if (!conversation || files.length === 0) {
7932
+ return 0;
7933
+ }
7934
+ const max = Math.max(1, this.config.maxFilesPerMessage);
7935
+ const incoming = files.map((file) => normalizeConversationInboundFile(file));
7936
+ const capacity = limitFilesToCapacity(incoming, this.draftAttachments().length, max);
7937
+ if (capacity.length < incoming.length) {
7938
+ notifyMaxFilesCapacityExceeded(this.toast, this.translation, max);
7939
+ }
7940
+ if (capacity.length === 0) {
7941
+ return 0;
7942
+ }
7943
+ const accepted = [];
7944
+ const rejected = [];
7945
+ for (const file of capacity) {
7946
+ const classified = await classifyDraftAttachmentKind(this.fileService, file);
7947
+ if (classified.errors.length > 0) {
7948
+ rejected.push({ file, errors: classified.errors });
7949
+ continue;
7950
+ }
7951
+ const id = createPickerUploadItemId();
7952
+ const preview = createDraftAttachmentPreviewUrl(file, classified.kind);
7953
+ const duration = await probeDraftAttachmentDuration(file, classified.kind);
7954
+ const item = {
7955
+ id,
7956
+ file,
7957
+ kind: classified.kind,
7958
+ icon: draftAttachmentIcon(classified.kind),
7959
+ preview,
7960
+ duration,
7961
+ uploadProgress: 0,
7962
+ uploading: true,
7963
+ };
7964
+ this.draftAttachments.update((current) => [...current, item]);
7965
+ accepted.push(file);
7966
+ void this.uploadDraftAttachment(id, conversation.id, file);
7967
+ }
7968
+ notifyPickerValidationErrors(this.toast, this.translation, rejected);
7969
+ return accepted.length;
7970
+ }
7971
+ removeDraftAttachment(id) {
7972
+ const item = this.draftAttachments().find((attachment) => attachment.id === id);
7973
+ if (!item) {
7974
+ return;
7975
+ }
7976
+ cleanupPickerUploads(this.uploader, [item]);
7977
+ this.draftAttachments.update((items) => items.filter((attachment) => attachment.id !== id));
7978
+ }
7979
+ clearDraftAttachments(options) {
7980
+ const snapshot = this.draftAttachments();
7981
+ if (snapshot.length === 0) {
7982
+ return;
7983
+ }
7984
+ cleanupPickerUploads(this.uploader, snapshot, { retainUploaded: options?.retainUploaded });
7985
+ this.draftAttachments.set([]);
7986
+ }
7987
+ async buildDraftAttachmentCommand(caption) {
7988
+ const conversation = this.activeConversation();
7989
+ if (!conversation) {
7990
+ return null;
7991
+ }
7992
+ return buildComposerDraftAttachmentCommand(conversation.id, this.draftAttachments(), caption);
7993
+ }
7994
+ async uploadDraftAttachment(id, conversationId, file) {
7995
+ const abortController = new AbortController();
7996
+ this.patchDraftAttachment(id, { abortController });
7997
+ try {
7998
+ const result = await uploadPickerFile(this.uploader, conversationId, file, (progress) => {
7999
+ this.patchDraftAttachment(id, { uploadProgress: progress, uploading: true });
8000
+ }, abortController.signal);
8001
+ this.patchDraftAttachment(id, {
8002
+ uploadProgress: 100,
8003
+ uploading: false,
8004
+ uploaded: true,
8005
+ uploadedUrl: result.url,
8006
+ mediaId: result.mediaId,
8007
+ error: undefined,
8008
+ });
8009
+ }
8010
+ catch (error) {
8011
+ if (isUploadAborted(error, abortController.signal)) {
8012
+ return;
8013
+ }
8014
+ console.error('Failed to upload composer attachment:', error);
8015
+ this.patchDraftAttachment(id, {
8016
+ uploadProgress: 0,
8017
+ uploading: false,
8018
+ uploaded: false,
8019
+ error: this.translation.translateSync('@acorex:chat.errors.upload-failed'),
8020
+ });
8021
+ }
8022
+ }
8023
+ patchDraftAttachment(id, patch) {
8024
+ this.draftAttachments.update((items) => items.map((item) => (item.id === id ? { ...item, ...patch } : item)));
8025
+ }
7399
8026
  /**
7400
8027
  * Hide the active action overlay.
7401
8028
  */
@@ -7464,7 +8091,7 @@ class AXConversationComposerService {
7464
8091
  }
7465
8092
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXConversationComposerService, decorators: [{
7466
8093
  type: Injectable
7467
- }] });
8094
+ }], ctorParameters: () => [] });
7468
8095
 
7469
8096
  /**
7470
8097
  * Composer Component
@@ -7492,8 +8119,9 @@ class AXConversationComposerComponent {
7492
8119
  this.textAreaRef = viewChild('inputElement', { ...(ngDevMode ? { debugName: "textAreaRef" } : /* istanbul ignore next */ {}), read: AXTextAreaComponent });
7493
8120
  /** Draft text - use service */
7494
8121
  this.draftText = this.composerService.draftText;
7495
- /** Attachments - use service */
7496
- this.attachments = this.composerService.attachments;
8122
+ /** Draft attachments shown above the composer in banner mode. */
8123
+ this.draftAttachments = this.composerService.draftAttachments;
8124
+ this.usesAttachmentBanner = this.composerService.usesAttachmentBanner;
7497
8125
  /** Editing message */
7498
8126
  this.editingMessage = signal(null, /* @ts-ignore */
7499
8127
  ...(ngDevMode ? [{ debugName: "editingMessage" }] : /* istanbul ignore next */ []));
@@ -7528,6 +8156,7 @@ class AXConversationComposerComponent {
7528
8156
  this.composerPopupLoader = () => Promise.resolve().then(function () { return composerPopup_component; }).then((m) => m.AXConversationComposerPopupComponent);
7529
8157
  /** Input placeholder - use service */
7530
8158
  this.placeholder = this.composerService.placeholder;
8159
+ this.seededEditMessageId = null;
7531
8160
  /** Number of input rows - use service */
7532
8161
  this.inputRows = this.composerService.inputRows;
7533
8162
  /** Can send message - use service */
@@ -7558,17 +8187,23 @@ class AXConversationComposerComponent {
7558
8187
  return;
7559
8188
  this.focusTextArea();
7560
8189
  });
7561
- // React to controller signals (reply/edit)
8190
+ // React to controller signals (reply/edit). Seed the draft only when the
8191
+ // edit target *id* changes — re-running this effect must not wipe typed text.
7562
8192
  effect(() => {
7563
8193
  const reply = this.composerService.replyMessage();
7564
8194
  const edit = this.composerService.editMessage();
7565
8195
  if (reply) {
8196
+ this.seededEditMessageId = null;
7566
8197
  this.startReply(reply);
7567
8198
  }
7568
8199
  else if (edit) {
7569
- this.startEdit(edit);
8200
+ if (this.seededEditMessageId !== edit.id) {
8201
+ this.seededEditMessageId = edit.id;
8202
+ this.startEdit(edit);
8203
+ }
7570
8204
  }
7571
8205
  else {
8206
+ this.seededEditMessageId = null;
7572
8207
  this.editingMessage.set(null);
7573
8208
  this.replyingToMessage.set(null);
7574
8209
  }
@@ -7618,6 +8253,19 @@ class AXConversationComposerComponent {
7618
8253
  }
7619
8254
  }
7620
8255
  }
8256
+ /** Keep the draft signal in sync with ngModel (signal two-way bind is unreliable on ax-text-area). */
8257
+ onDraftModelChange(value) {
8258
+ this.draftText.set(typeof value === 'string' ? value : '');
8259
+ this.onDraftChanged();
8260
+ }
8261
+ /** Keep the draft signal in sync with ax-text-area CVA output. */
8262
+ onDraftValueChanged(event) {
8263
+ const text = this.readChangedText(event);
8264
+ if (text !== null) {
8265
+ this.draftText.set(text);
8266
+ }
8267
+ this.onDraftChanged();
8268
+ }
7621
8269
  /** Handle draft text changes — throttled typing indicator via conversation service. */
7622
8270
  onDraftChanged() {
7623
8271
  const conversation = this.activeConversation();
@@ -7625,7 +8273,7 @@ class AXConversationComposerComponent {
7625
8273
  return;
7626
8274
  }
7627
8275
  const conversationId = conversation.id;
7628
- if (!this.draftText().trim()) {
8276
+ if (!this.resolveComposerText()) {
7629
8277
  this.conversationService.notifyComposerStoppedTyping(conversationId);
7630
8278
  return;
7631
8279
  }
@@ -7655,12 +8303,11 @@ class AXConversationComposerComponent {
7655
8303
  const conversation = this.activeConversation();
7656
8304
  if (!conversation)
7657
8305
  return;
7658
- const text = this.draftText().trim();
8306
+ const text = this.resolveComposerText();
7659
8307
  if (editingMsg) {
7660
8308
  try {
7661
8309
  await this.conversationService.editMessage(editingMsg.id, { type: 'text', text });
7662
8310
  this.draftText.set('');
7663
- this.attachments.set([]);
7664
8311
  this.cancelEditReply();
7665
8312
  this.composerService.clearDraft(conversation.id);
7666
8313
  this.messageListService.requestScrollToBottom();
@@ -7671,6 +8318,29 @@ class AXConversationComposerComponent {
7671
8318
  }
7672
8319
  return;
7673
8320
  }
8321
+ const draftAttachments = this.draftAttachments();
8322
+ if (draftAttachments.length > 0) {
8323
+ if (!this.composerService.draftAttachmentsReady()) {
8324
+ return;
8325
+ }
8326
+ const command = await this.composerService.buildDraftAttachmentCommand(text || undefined);
8327
+ if (!command) {
8328
+ return;
8329
+ }
8330
+ this.editingMessage.set(null);
8331
+ this.replyingToMessage.set(null);
8332
+ this.conversationService.notifyComposerStoppedTyping(conversation.id);
8333
+ this.messageListService.requestScrollToBottom();
8334
+ void this.composerService
8335
+ .sendMessage(command)
8336
+ .then(() => {
8337
+ this.messageSent.emit(command);
8338
+ })
8339
+ .catch((error) => {
8340
+ console.error('Failed to send message:', error);
8341
+ });
8342
+ return;
8343
+ }
7674
8344
  const command = {
7675
8345
  conversationId: conversation.id,
7676
8346
  type: 'text',
@@ -7918,6 +8588,9 @@ class AXConversationComposerComponent {
7918
8588
  if (mode === 'locked' || mode === 'stopping') {
7919
8589
  return true;
7920
8590
  }
8591
+ if (mode === 'send') {
8592
+ return !this.canSend();
8593
+ }
7921
8594
  if (mode === 'default-action') {
7922
8595
  const action = this.defaultAction();
7923
8596
  return action ? !this.isActionEnabled(action) : true;
@@ -7932,15 +8605,28 @@ class AXConversationComposerComponent {
7932
8605
  onVoiceClick() {
7933
8606
  this.voiceClick.emit();
7934
8607
  }
7935
- /** Remove attachment */
7936
- removeAttachment(index) {
7937
- this.attachments.update((files) => files.filter((_, i) => i !== index));
8608
+ /** Remove a draft attachment from the composer banner. */
8609
+ removeDraftAttachment(id) {
8610
+ this.composerService.removeDraftAttachment(id);
8611
+ }
8612
+ addDraftAttachments() {
8613
+ void this.composerService.browseDraftAttachments();
8614
+ }
8615
+ dismissDraftAttachments() {
8616
+ this.composerService.clearDraftAttachments();
8617
+ }
8618
+ draftAttachmentLabel(name) {
8619
+ return truncatePickerFileName(name, 18);
7938
8620
  }
7939
- /** Cancel edit/reply mode */
8621
+ canAddDraftAttachments() {
8622
+ return this.draftAttachments().length < Math.max(1, this.config.maxFilesPerMessage);
8623
+ }
8624
+ /** Cancel edit/reply mode without dropping draft attachments. */
7940
8625
  cancelEditReply() {
8626
+ this.seededEditMessageId = null;
7941
8627
  this.editingMessage.set(null);
7942
8628
  this.replyingToMessage.set(null);
7943
- this.composerService.clear();
8629
+ this.composerService.clearReplyEdit();
7944
8630
  }
7945
8631
  /** Start editing a message */
7946
8632
  startEdit(message) {
@@ -7960,6 +8646,44 @@ class AXConversationComposerComponent {
7960
8646
  this.textAreaRef()?.input?.nativeElement?.focus();
7961
8647
  }, 0);
7962
8648
  }
8649
+ /** Prefer the visible textarea when it differs from the original edit; else the draft signal. */
8650
+ resolveComposerText() {
8651
+ const fromDraft = this.draftText().trim();
8652
+ const fromNative = this.readNativeComposerText();
8653
+ const original = this.readOriginalEditText();
8654
+ if (fromNative && fromNative !== original) {
8655
+ return fromNative;
8656
+ }
8657
+ if (fromDraft && fromDraft !== original) {
8658
+ return fromDraft;
8659
+ }
8660
+ return fromNative || fromDraft;
8661
+ }
8662
+ readOriginalEditText() {
8663
+ const payload = this.editingMessage()?.payload;
8664
+ return typeof payload?.text === 'string' ? payload.text.trim() : '';
8665
+ }
8666
+ readNativeComposerText() {
8667
+ const native = this.textAreaRef()?.input?.nativeElement?.value;
8668
+ if (typeof native === 'string' && native.trim()) {
8669
+ return native.trim();
8670
+ }
8671
+ const control = this.textAreaRef()?.value;
8672
+ if (typeof control === 'string' && control.trim()) {
8673
+ return control.trim();
8674
+ }
8675
+ return '';
8676
+ }
8677
+ readChangedText(event) {
8678
+ if (typeof event === 'string') {
8679
+ return event;
8680
+ }
8681
+ if (!event || typeof event !== 'object') {
8682
+ return null;
8683
+ }
8684
+ const value = event.value;
8685
+ return typeof value === 'string' ? value : null;
8686
+ }
7963
8687
  getClickTarget(event) {
7964
8688
  if (!event)
7965
8689
  return undefined;
@@ -8080,7 +8804,7 @@ class AXConversationComposerComponent {
8080
8804
  };
8081
8805
  }
8082
8806
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXConversationComposerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
8083
- 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 <!-- 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 (onKeyDown)=\"onKeyDown($event)\"\n (onValueChanged)=\"onDraftChanged()\"\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\n <!-- Attachments Preview -->\n @if (attachments().length > 0) {\n <div class=\"composer-attachments\">\n @for (attachment of attachments(); track $index) {\n <div class=\"attachment-item\">\n <span class=\"attachment-icon\"><i class=\"fa-light fa-paperclip\"></i></span>\n <span class=\"attachment-name\">{{ attachment.name }}</span>\n <ax-button\n class=\"attachment-remove rounded-full\"\n look=\"blank\"\n [iconOnly]=\"true\"\n [text]=\"translation.translateSync('@acorex:chat.actions.remove-attachment')\"\n (onClick)=\"removeAttachment($index)\"\n >\n <ax-icon><i class=\"fa-solid fa-xmark\"></i></ax-icon>\n </ax-button>\n </div>\n }\n </div>\n }\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 .composer-attachments{display:flex;flex-wrap:wrap;gap:calc(var(--spacing, .25rem) * 2);padding-inline:calc(var(--spacing, .25rem) * 4);padding-bottom:calc(var(--spacing, .25rem) * 4)}ax-conversation-composer .attachment-item{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 2);border-radius:var(--radius-lg, .5rem);background-color:rgba(var(--ax-sys-color-light-surface));padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)))}ax-conversation-composer .attachment-icon{font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ))}ax-conversation-composer .attachment-name{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}ax-conversation-composer .attachment-remove,ax-conversation-composer .attachment-remove>button{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:transparent;padding:calc(var(--spacing, .25rem) * 0);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));box-shadow:none;background-image:none;transition:background .2s}@media(hover:hover){ax-conversation-composer .attachment-remove:hover>button,ax-conversation-composer .attachment-remove>button:hover{background-color:rgba(var(--ax-sys-color-danger-lightest-surface));color:rgba(var(--ax-sys-color-danger-500))}}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 }); }
8807
+ 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 <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%;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));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 .ax-conversation-composer-attachments__close{margin-inline-start:auto;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: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.AXTranslatorPipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
8084
8808
  }
8085
8809
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXConversationComposerComponent, decorators: [{
8086
8810
  type: Component,
@@ -8099,7 +8823,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImpor
8099
8823
  AXButtonItemComponent,
8100
8824
  AXButtonItemListComponent,
8101
8825
  AXDecoratorModule,
8102
- ], 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 <!-- 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 (onKeyDown)=\"onKeyDown($event)\"\n (onValueChanged)=\"onDraftChanged()\"\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\n <!-- Attachments Preview -->\n @if (attachments().length > 0) {\n <div class=\"composer-attachments\">\n @for (attachment of attachments(); track $index) {\n <div class=\"attachment-item\">\n <span class=\"attachment-icon\"><i class=\"fa-light fa-paperclip\"></i></span>\n <span class=\"attachment-name\">{{ attachment.name }}</span>\n <ax-button\n class=\"attachment-remove rounded-full\"\n look=\"blank\"\n [iconOnly]=\"true\"\n [text]=\"translation.translateSync('@acorex:chat.actions.remove-attachment')\"\n (onClick)=\"removeAttachment($index)\"\n >\n <ax-icon><i class=\"fa-solid fa-xmark\"></i></ax-icon>\n </ax-button>\n </div>\n }\n </div>\n }\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 .composer-attachments{display:flex;flex-wrap:wrap;gap:calc(var(--spacing, .25rem) * 2);padding-inline:calc(var(--spacing, .25rem) * 4);padding-bottom:calc(var(--spacing, .25rem) * 4)}ax-conversation-composer .attachment-item{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 2);border-radius:var(--radius-lg, .5rem);background-color:rgba(var(--ax-sys-color-light-surface));padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)))}ax-conversation-composer .attachment-icon{font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ))}ax-conversation-composer .attachment-name{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}ax-conversation-composer .attachment-remove,ax-conversation-composer .attachment-remove>button{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:transparent;padding:calc(var(--spacing, .25rem) * 0);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));box-shadow:none;background-image:none;transition:background .2s}@media(hover:hover){ax-conversation-composer .attachment-remove:hover>button,ax-conversation-composer .attachment-remove>button:hover{background-color:rgba(var(--ax-sys-color-danger-lightest-surface));color:rgba(var(--ax-sys-color-danger-500))}}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"] }]
8826
+ ], 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 <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%;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));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 .ax-conversation-composer-attachments__close{margin-inline-start:auto;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"] }]
8103
8827
  }], 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 }] }] } });
8104
8828
 
8105
8829
  /**
@@ -8167,7 +8891,7 @@ class AXConversationContainerComponent {
8167
8891
  }, files);
8168
8892
  }
8169
8893
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXConversationContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
8170
- 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 }); }
8894
+ 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", "handles", "minWidth", "maxWidth", "minHeight", "maxHeight", "dblClickAction", "width", "defaultWidth", "height", "defaultHeight", "lockAspectRatio"], outputs: ["axResizableChange", "handlesChange", "minWidthChange", "maxWidthChange", "minHeightChange", "maxHeightChange", "dblClickActionChange", "widthChange", "defaultWidthChange", "heightChange", "defaultHeightChange", "lockAspectRatioChange", "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 }); }
8171
8895
  }
8172
8896
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXConversationContainerComponent, decorators: [{
8173
8897
  type: Component,
@@ -11964,93 +12688,32 @@ function createConversationAudioFileType() {
11964
12688
  url: item.url?.trim(),
11965
12689
  title: item.title?.trim(),
11966
12690
  }));
11967
- return {
11968
- text: caption ?? '',
11969
- meta: { kind: 'audio', caption, items, count: audio.audios.length },
11970
- };
11971
- },
11972
- };
11973
- }
11974
- class AXConversationAudioFileTypeProvider extends AXFileTypeInfoProvider {
11975
- items() {
11976
- return Promise.resolve([createConversationAudioFileType()]);
11977
- }
11978
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXConversationAudioFileTypeProvider, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
11979
- static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXConversationAudioFileTypeProvider, providedIn: 'root' }); }
11980
- }
11981
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXConversationAudioFileTypeProvider, decorators: [{
11982
- type: Injectable,
11983
- args: [{ providedIn: 'root' }]
11984
- }] });
11985
-
11986
- var conversationAudio_fileType = /*#__PURE__*/Object.freeze({
11987
- __proto__: null,
11988
- AXConversationAudioFileTypeProvider: AXConversationAudioFileTypeProvider,
11989
- AX_CONVERSATION_AUDIO_CATALOG: AX_CONVERSATION_AUDIO_CATALOG,
11990
- AX_CONVERSATION_AUDIO_PRESENTATION: AX_CONVERSATION_AUDIO_PRESENTATION,
11991
- conversationAudioUtilities: conversationAudioUtilities,
11992
- createConversationAudioFileType: createConversationAudioFileType
11993
- });
11994
-
11995
- function audioItemFromUpload(file, result, duration) {
11996
- const url = resolvePersistableMediaUrl(result.url);
11997
- const item = {
11998
- mediaId: result.mediaId,
11999
- mimeType: result.mimeType,
12000
- size: result.size,
12001
- duration,
12002
- title: file.name,
12003
- metadata: result.metadata,
12004
- };
12005
- if (url) {
12006
- item.url = url;
12007
- }
12008
- return item;
12009
- }
12010
- function mergeAudioUploadResult(payload, result) {
12011
- const base = normalizeAudioPayload(payload);
12012
- const audios = [...base.audios];
12013
- const i = audios.findIndex((x) => !x.mediaId && !resolvePersistableMediaUrl(x.url));
12014
- const slot = i >= 0 ? audios[i] : undefined;
12015
- const url = resolvePersistableMediaUrl(result.url);
12016
- const next = {
12017
- ...(slot ?? { duration: 0 }),
12018
- mediaId: result.mediaId,
12019
- mimeType: result.mimeType,
12020
- size: result.size,
12021
- metadata: result.metadata,
12022
- };
12023
- if (url) {
12024
- next.url = url;
12025
- }
12026
- if (i >= 0)
12027
- audios[i] = next;
12028
- else
12029
- audios.push(next);
12030
- return { ...base, type: 'audio', audios };
12031
- }
12032
- function applyAudioLocalPreview(payload, localUrl, mimeType = 'application/octet-stream') {
12033
- const base = normalizeAudioPayload(payload);
12034
- const audios = [...base.audios];
12035
- const slot = audios.findIndex((x) => !x.mediaId && !resolvePersistableMediaUrl(x.url));
12036
- const preview = { url: localUrl, duration: 0, mimeType };
12037
- if (slot >= 0) {
12038
- audios[slot] = { ...audios[slot], ...preview };
12039
- }
12040
- else if (audios.length === 0) {
12041
- audios.push(preview);
12042
- }
12043
- else {
12044
- audios[0] = { ...audios[0], ...preview };
12691
+ return {
12692
+ text: caption ?? '',
12693
+ meta: { kind: 'audio', caption, items, count: audio.audios.length },
12694
+ };
12695
+ },
12696
+ };
12697
+ }
12698
+ class AXConversationAudioFileTypeProvider extends AXFileTypeInfoProvider {
12699
+ items() {
12700
+ return Promise.resolve([createConversationAudioFileType()]);
12045
12701
  }
12046
- return { ...base, type: 'audio', audios };
12702
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXConversationAudioFileTypeProvider, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
12703
+ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXConversationAudioFileTypeProvider, providedIn: 'root' }); }
12047
12704
  }
12705
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXConversationAudioFileTypeProvider, decorators: [{
12706
+ type: Injectable,
12707
+ args: [{ providedIn: 'root' }]
12708
+ }] });
12048
12709
 
12049
- var audioComposer_payload = /*#__PURE__*/Object.freeze({
12710
+ var conversationAudio_fileType = /*#__PURE__*/Object.freeze({
12050
12711
  __proto__: null,
12051
- applyAudioLocalPreview: applyAudioLocalPreview,
12052
- audioItemFromUpload: audioItemFromUpload,
12053
- mergeAudioUploadResult: mergeAudioUploadResult
12712
+ AXConversationAudioFileTypeProvider: AXConversationAudioFileTypeProvider,
12713
+ AX_CONVERSATION_AUDIO_CATALOG: AX_CONVERSATION_AUDIO_CATALOG,
12714
+ AX_CONVERSATION_AUDIO_PRESENTATION: AX_CONVERSATION_AUDIO_PRESENTATION,
12715
+ conversationAudioUtilities: conversationAudioUtilities,
12716
+ createConversationAudioFileType: createConversationAudioFileType
12054
12717
  });
12055
12718
 
12056
12719
  /**
@@ -12059,17 +12722,20 @@ var audioComposer_payload = /*#__PURE__*/Object.freeze({
12059
12722
  */
12060
12723
  class AXConversationPickerHeaderComponent {
12061
12724
  constructor() {
12725
+ this.translation = inject(AXTranslationService);
12062
12726
  this.title = input.required(/* @ts-ignore */
12063
12727
  ...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
12064
12728
  this.showMenu = input(false, /* @ts-ignore */
12065
12729
  ...(ngDevMode ? [{ debugName: "showMenu" }] : /* istanbul ignore next */ []));
12066
12730
  this.addMoreLabel = input('Add more files', /* @ts-ignore */
12067
12731
  ...(ngDevMode ? [{ debugName: "addMoreLabel" }] : /* istanbul ignore next */ []));
12732
+ this.closeLabel = input(this.translation.translateSync('@acorex:chat.actions.close'), /* @ts-ignore */
12733
+ ...(ngDevMode ? [{ debugName: "closeLabel" }] : /* istanbul ignore next */ []));
12068
12734
  this.onClose = output();
12069
12735
  this.onAddMore = output();
12070
12736
  }
12071
12737
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXConversationPickerHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
12072
- 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 }); }
12738
+ 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 }); }
12073
12739
  }
12074
12740
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXConversationPickerHeaderComponent, decorators: [{
12075
12741
  type: Component,
@@ -12080,8 +12746,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImpor
12080
12746
  AXButtonItemListComponent,
12081
12747
  AXDecoratorModule,
12082
12748
  AXDropdownPanelComponent,
12083
- ], 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"] }]
12084
- }], 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"] }] } });
12749
+ ], 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"] }]
12750
+ }], 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"] }] } });
12085
12751
 
12086
12752
  /**
12087
12753
  * Picker Footer Component
@@ -12266,17 +12932,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImpor
12266
12932
  args: [{ selector: 'ax-conversation-picker-options', encapsulation: ViewEncapsulation.None, imports: [AsyncPipe, AXCheckBoxComponent, AXLabelComponent, AXTranslationModule, FormsModule], template: "<div class=\"ax-conversation-picker-options\">\n @if (showGroupItems()) {\n <ax-check-box [(ngModel)]=\"groupItems\" [color]=\"'primary'\">\n <ax-label>{{ '@acorex:chat.pickers.common.group-items' | translate | async }}</ax-label>\n </ax-check-box>\n }\n\n @if (showSendAsDocuments()) {\n <ax-check-box [(ngModel)]=\"sendAsDocuments\" [color]=\"'primary'\">\n <ax-label>{{ '@acorex:chat.pickers.common.send-as-documents' | translate | async }}</ax-label>\n </ax-check-box>\n }\n</div>\n", styles: ["@layer components{ax-conversation-picker-options{display:block;width:100%;flex-shrink:0}ax-conversation-picker-options .ax-conversation-picker-options{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2);padding-inline:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 2)}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"] }]
12267
12933
  }], propDecorators: { showGroupItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "showGroupItems", required: false }] }], showSendAsDocuments: [{ type: i0.Input, args: [{ isSignal: true, alias: "showSendAsDocuments", required: false }] }], groupItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "groupItems", required: false }] }, { type: i0.Output, args: ["groupItemsChange"] }], sendAsDocuments: [{ type: i0.Input, args: [{ isSignal: true, alias: "sendAsDocuments", required: false }] }, { type: i0.Output, args: ["sendAsDocumentsChange"] }] } });
12268
12934
 
12269
- /** Middle-ellipsis truncation for long file names in picker rows. */
12270
- function truncatePickerFileName(text, maxLength = 36) {
12271
- if (text.length <= maxLength) {
12272
- return text;
12273
- }
12274
- const keep = maxLength - 3;
12275
- const start = Math.ceil(keep / 2);
12276
- const end = Math.floor(keep / 2);
12277
- return `${text.slice(0, start)}...${text.slice(text.length - end)}`;
12278
- }
12279
-
12280
12935
  /** Creates a new File instance with an updated display name. */
12281
12936
  function renamePickerFileObject(file, nextName) {
12282
12937
  const trimmed = nextName.trim();
@@ -12416,74 +13071,6 @@ function installComposerPickerAutoRun(host) {
12416
13071
  });
12417
13072
  }
12418
13073
 
12419
- function fileItemFromUpload(file, result, extras) {
12420
- const extension = file.name.includes('.') ? file.name.split('.').pop() : undefined;
12421
- const url = resolvePersistableMediaUrl(result.url);
12422
- const duration = extras?.duration != null && Number.isFinite(extras.duration) ? extras.duration : undefined;
12423
- const item = {
12424
- mediaId: result.mediaId,
12425
- mimeType: result.mimeType,
12426
- size: result.size,
12427
- name: file.name,
12428
- thumbnailUrl: resolvePersistedThumbnailUrl(result.thumbnailUrl, url),
12429
- extension,
12430
- duration,
12431
- metadata: result.metadata,
12432
- };
12433
- if (url) {
12434
- item.url = url;
12435
- }
12436
- return item;
12437
- }
12438
- function mergeFileUploadResult(payload, result) {
12439
- const base = normalizeFilePayload(payload);
12440
- const files = [...base.files];
12441
- const i = files.findIndex((x) => !x.mediaId && !resolvePersistableMediaUrl(x.url));
12442
- const slot = i >= 0 ? files[i] : undefined;
12443
- const name = slot?.name ?? result.metadata?.['fileName'] ?? 'file';
12444
- const url = resolvePersistableMediaUrl(result.url);
12445
- const next = {
12446
- ...(slot ?? { name, mimeType: result.mimeType }),
12447
- mediaId: result.mediaId,
12448
- mimeType: result.mimeType,
12449
- size: result.size,
12450
- name,
12451
- thumbnailUrl: resolvePersistedThumbnailUrl(result.thumbnailUrl ?? slot?.thumbnailUrl, url),
12452
- metadata: result.metadata,
12453
- };
12454
- if (url) {
12455
- next.url = url;
12456
- }
12457
- if (i >= 0)
12458
- files[i] = next;
12459
- else
12460
- files.push(next);
12461
- return { ...base, type: 'file', files };
12462
- }
12463
- function applyFileLocalPreview(payload, localUrl, mimeType = 'application/octet-stream') {
12464
- const base = normalizeFilePayload(payload);
12465
- const files = [...base.files];
12466
- const slot = files.findIndex((x) => !x.mediaId && !resolvePersistableMediaUrl(x.url));
12467
- const preview = { url: localUrl, name: 'upload', mimeType };
12468
- if (slot >= 0) {
12469
- files[slot] = { ...files[slot], ...preview };
12470
- }
12471
- else if (files.length === 0) {
12472
- files.push(preview);
12473
- }
12474
- else {
12475
- files[0] = { ...files[0], ...preview };
12476
- }
12477
- return { ...base, type: 'file', files };
12478
- }
12479
-
12480
- var fileComposer_payload = /*#__PURE__*/Object.freeze({
12481
- __proto__: null,
12482
- applyFileLocalPreview: applyFileLocalPreview,
12483
- fileItemFromUpload: fileItemFromUpload,
12484
- mergeFileUploadResult: mergeFileUploadResult
12485
- });
12486
-
12487
13074
  /**
12488
13075
  * Audio Picker Component
12489
13076
  * Full-width audio file selection interface for the composer
@@ -12650,7 +13237,7 @@ class AXConversationAudioPickerComponent {
12650
13237
  if (!item) {
12651
13238
  return;
12652
13239
  }
12653
- const { AXConversationPickerRenameFileDialogComponent } = await import('./acorex-components-conversation-picker-rename-file-dialog.component-OAHRGH_G.mjs');
13240
+ const { AXConversationPickerRenameFileDialogComponent } = await import('./acorex-components-conversation-picker-rename-file-dialog.component-DY7nhA-e.mjs');
12654
13241
  const result = await this.popupService.open(AXConversationPickerRenameFileDialogComponent, {
12655
13242
  title: this.translation.translateSync('@acorex:chat.pickers.files.rename-title'),
12656
13243
  size: 'sm',
@@ -12895,7 +13482,7 @@ class AXConversationAudioPickerComponent {
12895
13482
  });
12896
13483
  }
12897
13484
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXConversationAudioPickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
12898
- 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 }); }
13485
+ 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 }); }
12899
13486
  }
12900
13487
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXConversationAudioPickerComponent, decorators: [{
12901
13488
  type: Component,
@@ -12914,7 +13501,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImpor
12914
13501
  AXConversationPickerCaptionComponent,
12915
13502
  AXConversationPickerOptionsComponent,
12916
13503
  AXConversationPickerShellComponent,
12917
- ], 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"] }]
13504
+ ], 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"] }]
12918
13505
  }], 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 }] }] } });
12919
13506
 
12920
13507
  var audioPicker_component = /*#__PURE__*/Object.freeze({
@@ -13271,7 +13858,7 @@ class AXConversationFilePickerComponent {
13271
13858
  if (!item) {
13272
13859
  return;
13273
13860
  }
13274
- const { AXConversationPickerRenameFileDialogComponent } = await import('./acorex-components-conversation-picker-rename-file-dialog.component-OAHRGH_G.mjs');
13861
+ const { AXConversationPickerRenameFileDialogComponent } = await import('./acorex-components-conversation-picker-rename-file-dialog.component-DY7nhA-e.mjs');
13275
13862
  const result = await this.popupService.open(AXConversationPickerRenameFileDialogComponent, {
13276
13863
  title: this.translation.translateSync('@acorex:chat.pickers.files.rename-title'),
13277
13864
  size: 'sm',
@@ -13511,7 +14098,7 @@ class AXConversationFilePickerComponent {
13511
14098
  });
13512
14099
  }
13513
14100
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXConversationFilePickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
13514
- 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 }); }
14101
+ 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 }); }
13515
14102
  }
13516
14103
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXConversationFilePickerComponent, decorators: [{
13517
14104
  type: Component,
@@ -13530,7 +14117,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImpor
13530
14117
  AXConversationPickerCaptionComponent,
13531
14118
  AXConversationPickerOptionsComponent,
13532
14119
  AXConversationPickerShellComponent,
13533
- ], 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"] }]
14120
+ ], 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"] }]
13534
14121
  }], 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 }] }] } });
13535
14122
 
13536
14123
  var filePicker_component = /*#__PURE__*/Object.freeze({
@@ -13622,92 +14209,10 @@ var conversationImage_fileType = /*#__PURE__*/Object.freeze({
13622
14209
  createConversationImageFileType: createConversationImageFileType
13623
14210
  });
13624
14211
 
13625
- const EMPTY = { width: 0, height: 0, duration: 0 };
13626
- async function probeImageDimensions(source) {
13627
- if (typeof createImageBitmap === 'function' && typeof source !== 'string') {
13628
- try {
13629
- const bitmap = await createImageBitmap(source);
13630
- const size = { width: bitmap.width, height: bitmap.height };
13631
- bitmap.close();
13632
- if (size.width > 0 && size.height > 0) {
13633
- return size;
13634
- }
13635
- }
13636
- catch {
13637
- // Fall through to HTMLImageElement.
13638
- }
13639
- }
13640
- return new Promise((resolve) => {
13641
- const img = new Image();
13642
- let objectUrl = '';
13643
- const finish = (width, height) => {
13644
- if (objectUrl) {
13645
- URL.revokeObjectURL(objectUrl);
13646
- }
13647
- resolve({ width, height });
13648
- };
13649
- img.onload = () => finish(img.naturalWidth, img.naturalHeight);
13650
- img.onerror = () => finish(0, 0);
13651
- if (typeof source === 'string') {
13652
- img.src = source;
13653
- return;
13654
- }
13655
- objectUrl = URL.createObjectURL(source);
13656
- img.src = objectUrl;
13657
- });
13658
- }
13659
- async function probeVideoMedia(source) {
13660
- if (typeof document === 'undefined') {
13661
- return EMPTY;
13662
- }
13663
- return new Promise((resolve) => {
13664
- const el = document.createElement('video');
13665
- el.preload = 'metadata';
13666
- const objectUrl = URL.createObjectURL(source);
13667
- const finish = (dims) => {
13668
- URL.revokeObjectURL(objectUrl);
13669
- el.src = '';
13670
- resolve(dims);
13671
- };
13672
- el.onloadedmetadata = () => {
13673
- finish({
13674
- width: el.videoWidth || 0,
13675
- height: el.videoHeight || 0,
13676
- duration: Number.isFinite(el.duration) ? el.duration : 0,
13677
- });
13678
- };
13679
- el.onerror = () => finish(EMPTY);
13680
- el.src = objectUrl;
13681
- });
13682
- }
13683
-
13684
- var mediaDimensions = /*#__PURE__*/Object.freeze({
13685
- __proto__: null,
13686
- probeImageDimensions: probeImageDimensions,
13687
- probeVideoMedia: probeVideoMedia
13688
- });
13689
-
13690
14212
  /**
13691
14213
  * Image Picker Component
13692
14214
  * Full-width image selection and preview interface for the composer
13693
14215
  */
13694
- async function imageItemFromUpload(file, result) {
13695
- const url = resolvePersistableMediaUrl(result.url);
13696
- const size = await probeImageDimensions(file);
13697
- const item = {
13698
- mediaId: result.mediaId,
13699
- mimeType: result.mimeType,
13700
- size: result.size,
13701
- thumbnailUrl: resolvePersistedThumbnailUrl(result.thumbnailUrl, url),
13702
- width: size.width,
13703
- height: size.height,
13704
- metadata: result.metadata,
13705
- };
13706
- if (url) {
13707
- item.url = url;
13708
- }
13709
- return item;
13710
- }
13711
14216
  class AXConversationImagePickerComponent {
13712
14217
  get composerService() {
13713
14218
  const svc = this.service() ?? this.composerServiceFromInjector;
@@ -14109,7 +14614,7 @@ class AXConversationImagePickerComponent {
14109
14614
  });
14110
14615
  }
14111
14616
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXConversationImagePickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
14112
- 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 }); }
14617
+ 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 }); }
14113
14618
  }
14114
14619
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXConversationImagePickerComponent, decorators: [{
14115
14620
  type: Component,
@@ -14128,7 +14633,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImpor
14128
14633
  AXConversationPickerCaptionComponent,
14129
14634
  AXConversationPickerOptionsComponent,
14130
14635
  AXConversationPickerShellComponent,
14131
- ], 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"] }]
14636
+ ], 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"] }]
14132
14637
  }], 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 }] }] } });
14133
14638
 
14134
14639
  var imagePicker_component = /*#__PURE__*/Object.freeze({
@@ -14193,7 +14698,7 @@ class AXConversationLocationPickerComponent {
14193
14698
  dismissComposerPickerHost(this.composerService, this.__popup__(), this.__actionSheet__());
14194
14699
  }
14195
14700
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXConversationLocationPickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
14196
- 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 }); }
14701
+ 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 }); }
14197
14702
  }
14198
14703
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXConversationLocationPickerComponent, decorators: [{
14199
14704
  type: Component,
@@ -14497,73 +15002,6 @@ var conversationVideo_fileType = /*#__PURE__*/Object.freeze({
14497
15002
  createConversationVideoFileType: createConversationVideoFileType
14498
15003
  });
14499
15004
 
14500
- async function videoItemFromUpload(file, result, duration, size) {
14501
- const url = resolvePersistableMediaUrl(result.url);
14502
- const probed = size?.width && size.height
14503
- ? { width: size.width, height: size.height, duration }
14504
- : await probeVideoMedia(file);
14505
- const item = {
14506
- mediaId: result.mediaId,
14507
- mimeType: result.mimeType,
14508
- size: result.size,
14509
- thumbnailUrl: resolvePersistedThumbnailUrl(result.thumbnailUrl, url),
14510
- duration: duration || probed.duration,
14511
- width: probed.width,
14512
- height: probed.height,
14513
- metadata: result.metadata,
14514
- };
14515
- if (url) {
14516
- item.url = url;
14517
- }
14518
- return item;
14519
- }
14520
- function mergeVideoUploadResult(payload, result) {
14521
- const base = normalizeVideoPayload(payload);
14522
- const videos = [...base.videos];
14523
- const i = videos.findIndex((x) => !x.mediaId && !resolvePersistableMediaUrl(x.url));
14524
- const slot = i >= 0 ? videos[i] : undefined;
14525
- const url = resolvePersistableMediaUrl(result.url);
14526
- const next = {
14527
- ...(slot ?? { duration: 0, width: 0, height: 0 }),
14528
- mediaId: result.mediaId,
14529
- mimeType: result.mimeType,
14530
- size: result.size,
14531
- thumbnailUrl: resolvePersistedThumbnailUrl(result.thumbnailUrl ?? slot?.thumbnailUrl, url),
14532
- metadata: result.metadata,
14533
- };
14534
- if (url) {
14535
- next.url = url;
14536
- }
14537
- if (i >= 0)
14538
- videos[i] = next;
14539
- else
14540
- videos.push(next);
14541
- return { ...base, type: 'video', videos };
14542
- }
14543
- function applyVideoLocalPreview(payload, localUrl, mimeType = 'application/octet-stream') {
14544
- const base = normalizeVideoPayload(payload);
14545
- const videos = [...base.videos];
14546
- const slot = videos.findIndex((x) => !x.mediaId && !resolvePersistableMediaUrl(x.url));
14547
- const preview = { url: localUrl, duration: 0, width: 0, height: 0, mimeType };
14548
- if (slot >= 0) {
14549
- videos[slot] = { ...videos[slot], ...preview };
14550
- }
14551
- else if (videos.length === 0) {
14552
- videos.push(preview);
14553
- }
14554
- else {
14555
- videos[0] = { ...videos[0], ...preview };
14556
- }
14557
- return { ...base, type: 'video', videos };
14558
- }
14559
-
14560
- var videoComposer_payload = /*#__PURE__*/Object.freeze({
14561
- __proto__: null,
14562
- applyVideoLocalPreview: applyVideoLocalPreview,
14563
- mergeVideoUploadResult: mergeVideoUploadResult,
14564
- videoItemFromUpload: videoItemFromUpload
14565
- });
14566
-
14567
15005
  /**
14568
15006
  * Video Picker Component
14569
15007
  * Full-width video selection and preview interface for the composer
@@ -14957,7 +15395,7 @@ class AXConversationVideoPickerComponent {
14957
15395
  });
14958
15396
  }
14959
15397
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXConversationVideoPickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
14960
- 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 }); }
15398
+ 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 }); }
14961
15399
  }
14962
15400
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXConversationVideoPickerComponent, decorators: [{
14963
15401
  type: Component,
@@ -14976,7 +15414,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImpor
14976
15414
  AXConversationPickerCaptionComponent,
14977
15415
  AXConversationPickerOptionsComponent,
14978
15416
  AXConversationPickerShellComponent,
14979
- ], 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"] }]
15417
+ ], 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"] }]
14980
15418
  }], 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 }] }] } });
14981
15419
 
14982
15420
  var videoPicker_component = /*#__PURE__*/Object.freeze({
@@ -16083,6 +16521,7 @@ const AX_CONVERSATION_INFO_BAR_ARCHIVE_ACTION = {
16083
16521
  /**
16084
16522
  * Delete/Leave conversation action (smart action that adapts based on conversation type)
16085
16523
  * - Private: "Delete" - Deletes the conversation
16524
+ * - Bot: "Delete" - Deletes for both sides without a confirmation prompt
16086
16525
  * - Group/Channel: "Leave & Delete" - Leaves the group and removes it from list
16087
16526
  */
16088
16527
  const AX_CONVERSATION_INFO_BAR_DELETE_ACTION = {
@@ -17486,7 +17925,7 @@ class AXConversationLocationRendererComponent extends AXConversationMessageRende
17486
17925
  });
17487
17926
  }
17488
17927
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXConversationLocationRendererComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
17489
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: AXConversationLocationRendererComponent, isStandalone: true, selector: "ax-conversation-location-renderer", inputs: { message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: true, transformFunction: null } }, viewQueries: [{ propertyName: "mapHost", first: true, predicate: ["mapHost"], descendants: true, isSignal: true }, { propertyName: "map", first: true, predicate: AXMapComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-conversation-loc\">\n <ax-conversation-message-renderer-state [rendererState]=\"rendererState()\" [message]=\"message()\" />\n <div #mapHost class=\"ax-conversation-loc__map\" [class.ax-conversation-loc__map--fullscreen]=\"mapIsFullscreen()\">\n <ax-map\n [latitude]=\"latitude()\"\n [longitude]=\"longitude()\"\n [zoomLevel]=\"15\"\n [markers]=\"markers()\"\n [hasLocator]=\"false\"\n [hasDraw]=\"false\"\n (onMapReady)=\"scheduleMapResize()\"\n ></ax-map>\n <ax-button\n class=\"ax-conversation-loc__map-fs ax-sm rounded-full\"\n look=\"solid\"\n [iconOnly]=\"true\"\n [text]=\"mapFullscreenLabel()\"\n [attr.aria-label]=\"mapFullscreenLabel()\"\n [attr.title]=\"mapFullscreenLabel()\"\n (onClick)=\"toggleMapFullscreen($event)\"\n >\n <ax-icon>\n <i [class]=\"mapFullscreenIconClass()\" aria-hidden=\"true\"></i>\n </ax-icon>\n </ax-button>\n </div>\n <ax-button\n class=\"ax-conversation-loc__action\"\n look=\"blank\"\n [text]=\"'@acorex:chat.actions.open-in-maps'\"\n (onClick)=\"openInMaps($event)\"\n >\n <ax-suffix>\n <i class=\"fa-light fa-arrow-up-right-from-square\" aria-hidden=\"true\"></i>\n </ax-suffix>\n </ax-button>\n <div class=\"ax-conversation-loc__body\">\n <div class=\"ax-conversation-loc__title\">\n <span class=\"ax-conversation-loc__title-text\">{{ locationName() }}</span>\n </div>\n @if (address()) {\n <div class=\"ax-conversation-loc__addr\">{{ address() }}</div>\n }\n </div>\n</div>\n", styles: ["@layer properties;@layer components{ax-conversation-location-renderer{display:block;max-width:100%;min-width:calc(var(--spacing, .25rem) * 0);width:min(22.5rem,85cqi)}ax-conversation-location-renderer .ax-conversation-loc{display:flex;width:100%;max-width:100%;min-width:calc(var(--spacing, .25rem) * 0);flex-direction:column;overflow:hidden;color:inherit}ax-conversation-location-renderer .ax-conversation-loc__map{position:relative;width:100%;overflow:hidden;aspect-ratio:16 / 10;height:auto;max-height:min(40dvh,16rem)}ax-conversation-location-renderer .ax-conversation-loc__body{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 1);background-color:var(--color-surface);color:var(--color-on-surface);border-color:var(--color-border-surface);padding-inline:calc(var(--spacing, .25rem) * 3);padding-top:calc(var(--spacing, .25rem) * 2.5);padding-bottom:calc(var(--spacing, .25rem) * 2)}ax-conversation-location-renderer .ax-conversation-loc__title{display:flex;align-items:center;font-size:.9375rem;--tw-leading: var(--leading-tight, 1.25);line-height:var(--leading-tight, 1.25);--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600)}ax-conversation-location-renderer .ax-conversation-loc__title-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}ax-conversation-location-renderer .ax-conversation-loc__addr{overflow:hidden;font-size:.875rem;text-overflow:ellipsis;white-space:nowrap;opacity:.78}ax-conversation-location-renderer .ax-conversation-loc__meta{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 2)}ax-conversation-location-renderer .ax-conversation-loc__coords{font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace);font-size:.6875rem;--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);opacity:60%}ax-conversation-location-renderer .ax-conversation-loc__action{display:block;width:100%;min-width:calc(var(--spacing, .25rem) * 0)}ax-conversation-location-renderer .ax-conversation-loc__action>button{min-height:calc(var(--spacing, .25rem) * 11);width:100%;touch-action:manipulation;justify-content:space-between;padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2);font-size:.8125rem;color:inherit;opacity:.9}ax-conversation-location-renderer .ax-conversation-loc__action i{font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));opacity:85%}.ax-conversation-loc__map{position:relative;overflow:hidden}.ax-conversation-loc__map ax-map{display:block;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;min-width:calc(var(--spacing, .25rem) * 0)}.ax-conversation-loc__map .ax-map-container,.ax-conversation-loc__map .leaflet-container{height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;min-width:calc(var(--spacing, .25rem) * 0)}.ax-conversation-loc__map-fs{position:absolute;z-index:99999;inset-block-start:.375rem;inset-inline-end:.375rem}.ax-conversation-loc__map--fullscreen{width:100%;height:100%;max-height:none;aspect-ratio:auto;border-radius:0}}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-ordinal{syntax: \"*\"; inherits: false;}@property --tw-slashed-zero{syntax: \"*\"; inherits: false;}@property --tw-numeric-figure{syntax: \"*\"; inherits: false;}@property --tw-numeric-spacing{syntax: \"*\"; inherits: false;}@property --tw-numeric-fraction{syntax: \"*\"; inherits: false;}@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;--tw-ordinal: initial;--tw-slashed-zero: initial;--tw-numeric-figure: initial;--tw-numeric-spacing: initial;--tw-numeric-fraction: 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: "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: 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: AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: AXConversationMessageRendererStateComponent, selector: "ax-conversation-message-renderer-state", inputs: ["rendererState", "message", "contentErrorLabel", "deliveryFailedLabel", "showContentErrorChrome", "contentErrorStyle", "contentErrorIconClass", "placement", "contentRetryEnabled"], outputs: ["contentRetry"] }, { kind: "ngmodule", type: AXTranslationModule }], encapsulation: i0.ViewEncapsulation.None }); }
17928
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: AXConversationLocationRendererComponent, isStandalone: true, selector: "ax-conversation-location-renderer", inputs: { message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: true, transformFunction: null } }, viewQueries: [{ propertyName: "mapHost", first: true, predicate: ["mapHost"], descendants: true, isSignal: true }, { propertyName: "map", first: true, predicate: AXMapComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-conversation-loc\">\n <ax-conversation-message-renderer-state [rendererState]=\"rendererState()\" [message]=\"message()\" />\n <div #mapHost class=\"ax-conversation-loc__map\" [class.ax-conversation-loc__map--fullscreen]=\"mapIsFullscreen()\">\n <ax-map\n [latitude]=\"latitude()\"\n [longitude]=\"longitude()\"\n [zoomLevel]=\"15\"\n [markers]=\"markers()\"\n [hasLocator]=\"false\"\n [hasDraw]=\"false\"\n (onMapReady)=\"scheduleMapResize()\"\n ></ax-map>\n <ax-button\n class=\"ax-conversation-loc__map-fs ax-sm rounded-full\"\n look=\"solid\"\n [iconOnly]=\"true\"\n [text]=\"mapFullscreenLabel()\"\n [attr.aria-label]=\"mapFullscreenLabel()\"\n [attr.title]=\"mapFullscreenLabel()\"\n (onClick)=\"toggleMapFullscreen($event)\"\n >\n <ax-icon>\n <i [class]=\"mapFullscreenIconClass()\" aria-hidden=\"true\"></i>\n </ax-icon>\n </ax-button>\n </div>\n <ax-button\n class=\"ax-conversation-loc__action rounded-none\"\n look=\"blank\"\n [text]=\"'@acorex:chat.actions.open-in-maps'\"\n (onClick)=\"openInMaps($event)\"\n >\n <ax-suffix>\n <i class=\"fa-light fa-arrow-up-right-from-square\" aria-hidden=\"true\"></i>\n </ax-suffix>\n </ax-button>\n <div class=\"ax-conversation-loc__body\">\n <div class=\"ax-conversation-loc__title\">\n <span class=\"ax-conversation-loc__title-text\">{{ locationName() }}</span>\n </div>\n @if (address()) {\n <div class=\"ax-conversation-loc__addr\">{{ address() }}</div>\n }\n </div>\n</div>\n", styles: ["@layer properties;@layer components{ax-conversation-location-renderer{display:block;max-width:100%;min-width:calc(var(--spacing, .25rem) * 0);width:min(22.5rem,85cqi)}ax-conversation-location-renderer .ax-conversation-loc{display:flex;width:100%;max-width:100%;min-width:calc(var(--spacing, .25rem) * 0);flex-direction:column;overflow:hidden;color:inherit}ax-conversation-location-renderer .ax-conversation-loc__map{position:relative;width:100%;overflow:hidden;aspect-ratio:16 / 10;height:auto;max-height:min(40dvh,16rem)}ax-conversation-location-renderer .ax-conversation-loc__body{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 1);background-color:var(--color-surface);color:var(--color-on-surface);border-color:var(--color-border-surface);padding-inline:calc(var(--spacing, .25rem) * 3);padding-top:calc(var(--spacing, .25rem) * 2.5);padding-bottom:calc(var(--spacing, .25rem) * 2)}ax-conversation-location-renderer .ax-conversation-loc__title{display:flex;align-items:center;font-size:.9375rem;--tw-leading: var(--leading-tight, 1.25);line-height:var(--leading-tight, 1.25);--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600)}ax-conversation-location-renderer .ax-conversation-loc__title-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}ax-conversation-location-renderer .ax-conversation-loc__addr{overflow:hidden;font-size:.875rem;text-overflow:ellipsis;white-space:nowrap;opacity:.78}ax-conversation-location-renderer .ax-conversation-loc__meta{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 2)}ax-conversation-location-renderer .ax-conversation-loc__coords{font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace);font-size:.6875rem;--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);opacity:60%}ax-conversation-location-renderer .ax-conversation-loc__action{display:block;width:100%;min-width:calc(var(--spacing, .25rem) * 0);border-radius:0}ax-conversation-location-renderer .ax-conversation-loc__action>button{min-height:calc(var(--spacing, .25rem) * 11);width:100%;touch-action:manipulation;justify-content:space-between;border-radius:0;padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2);font-size:.8125rem;opacity:.9;--ax-comp-ripple-color: currentColor}@supports (color: color-mix(in lab,red,red)){ax-conversation-location-renderer .ax-conversation-loc__action>button{--ax-comp-ripple-color: color-mix(in srgb, currentColor 25%, transparent)}}ax-conversation-location-renderer .ax-conversation-loc__action i{font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));opacity:85%}.ax-conversation-loc__map{position:relative;overflow:hidden}.ax-conversation-loc__map ax-map{display:block;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;min-width:calc(var(--spacing, .25rem) * 0)}.ax-conversation-loc__map .ax-map-container,.ax-conversation-loc__map .leaflet-container{height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;min-width:calc(var(--spacing, .25rem) * 0)}.ax-conversation-loc__map-fs{position:absolute;z-index:99999;inset-block-start:.375rem;inset-inline-end:.375rem}.ax-conversation-loc__map--fullscreen{width:100%;height:100%;max-height:none;aspect-ratio:auto;border-radius:0}}ax-conversation-location-renderer .ax-conversation-loc__action>button{color:inherit;background-color:transparent;background-image:none;box-shadow:none;transform:none}@media(hover:hover){ax-conversation-location-renderer .ax-conversation-loc__action>button:hover:not(:disabled,.ax-state-disabled,.ax-state-loading){color:inherit;opacity:1;background-color:currentColor;background-image:none;box-shadow:none;transform:none}@supports (color: color-mix(in lab,red,red)){ax-conversation-location-renderer .ax-conversation-loc__action>button:hover:not(:disabled,.ax-state-disabled,.ax-state-loading){background-color:color-mix(in srgb,currentColor 12%,transparent)}}}ax-conversation-location-renderer .ax-conversation-loc__action>button:is(:focus,:focus-within,:focus-visible,.ax-state-focus):not(:disabled,.ax-state-disabled,.ax-state-loading){color:inherit;background-color:currentColor;background-image:none;box-shadow:none;transform:none}@supports (color: color-mix(in lab,red,red)){ax-conversation-location-renderer .ax-conversation-loc__action>button:is(:focus,:focus-within,:focus-visible,.ax-state-focus):not(:disabled,.ax-state-disabled,.ax-state-loading){background-color:color-mix(in srgb,currentColor 10%,transparent)}}ax-conversation-location-renderer .ax-conversation-loc__action>button:active:not(:disabled,.ax-state-disabled,.ax-state-loading){color:inherit;opacity:1;background-color:currentColor;background-image:none;box-shadow:none;transform:none}@supports (color: color-mix(in lab,red,red)){ax-conversation-location-renderer .ax-conversation-loc__action>button:active:not(:disabled,.ax-state-disabled,.ax-state-loading){background-color:color-mix(in srgb,currentColor 18%,transparent)}}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-ordinal{syntax: \"*\"; inherits: false;}@property --tw-slashed-zero{syntax: \"*\"; inherits: false;}@property --tw-numeric-figure{syntax: \"*\"; inherits: false;}@property --tw-numeric-spacing{syntax: \"*\"; inherits: false;}@property --tw-numeric-fraction{syntax: \"*\"; inherits: false;}@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;--tw-ordinal: initial;--tw-slashed-zero: initial;--tw-numeric-figure: initial;--tw-numeric-spacing: initial;--tw-numeric-fraction: 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: "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: 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: AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: AXConversationMessageRendererStateComponent, selector: "ax-conversation-message-renderer-state", inputs: ["rendererState", "message", "contentErrorLabel", "deliveryFailedLabel", "showContentErrorChrome", "contentErrorStyle", "contentErrorIconClass", "placement", "contentRetryEnabled"], outputs: ["contentRetry"] }, { kind: "ngmodule", type: AXTranslationModule }], encapsulation: i0.ViewEncapsulation.None }); }
17490
17929
  }
17491
17930
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXConversationLocationRendererComponent, decorators: [{
17492
17931
  type: Component,
@@ -17498,7 +17937,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImpor
17498
17937
  AXDecoratorIconComponent,
17499
17938
  AXConversationMessageRendererStateComponent,
17500
17939
  AXTranslationModule,
17501
- ], encapsulation: ViewEncapsulation.None, template: "<div class=\"ax-conversation-loc\">\n <ax-conversation-message-renderer-state [rendererState]=\"rendererState()\" [message]=\"message()\" />\n <div #mapHost class=\"ax-conversation-loc__map\" [class.ax-conversation-loc__map--fullscreen]=\"mapIsFullscreen()\">\n <ax-map\n [latitude]=\"latitude()\"\n [longitude]=\"longitude()\"\n [zoomLevel]=\"15\"\n [markers]=\"markers()\"\n [hasLocator]=\"false\"\n [hasDraw]=\"false\"\n (onMapReady)=\"scheduleMapResize()\"\n ></ax-map>\n <ax-button\n class=\"ax-conversation-loc__map-fs ax-sm rounded-full\"\n look=\"solid\"\n [iconOnly]=\"true\"\n [text]=\"mapFullscreenLabel()\"\n [attr.aria-label]=\"mapFullscreenLabel()\"\n [attr.title]=\"mapFullscreenLabel()\"\n (onClick)=\"toggleMapFullscreen($event)\"\n >\n <ax-icon>\n <i [class]=\"mapFullscreenIconClass()\" aria-hidden=\"true\"></i>\n </ax-icon>\n </ax-button>\n </div>\n <ax-button\n class=\"ax-conversation-loc__action\"\n look=\"blank\"\n [text]=\"'@acorex:chat.actions.open-in-maps'\"\n (onClick)=\"openInMaps($event)\"\n >\n <ax-suffix>\n <i class=\"fa-light fa-arrow-up-right-from-square\" aria-hidden=\"true\"></i>\n </ax-suffix>\n </ax-button>\n <div class=\"ax-conversation-loc__body\">\n <div class=\"ax-conversation-loc__title\">\n <span class=\"ax-conversation-loc__title-text\">{{ locationName() }}</span>\n </div>\n @if (address()) {\n <div class=\"ax-conversation-loc__addr\">{{ address() }}</div>\n }\n </div>\n</div>\n", styles: ["@layer properties;@layer components{ax-conversation-location-renderer{display:block;max-width:100%;min-width:calc(var(--spacing, .25rem) * 0);width:min(22.5rem,85cqi)}ax-conversation-location-renderer .ax-conversation-loc{display:flex;width:100%;max-width:100%;min-width:calc(var(--spacing, .25rem) * 0);flex-direction:column;overflow:hidden;color:inherit}ax-conversation-location-renderer .ax-conversation-loc__map{position:relative;width:100%;overflow:hidden;aspect-ratio:16 / 10;height:auto;max-height:min(40dvh,16rem)}ax-conversation-location-renderer .ax-conversation-loc__body{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 1);background-color:var(--color-surface);color:var(--color-on-surface);border-color:var(--color-border-surface);padding-inline:calc(var(--spacing, .25rem) * 3);padding-top:calc(var(--spacing, .25rem) * 2.5);padding-bottom:calc(var(--spacing, .25rem) * 2)}ax-conversation-location-renderer .ax-conversation-loc__title{display:flex;align-items:center;font-size:.9375rem;--tw-leading: var(--leading-tight, 1.25);line-height:var(--leading-tight, 1.25);--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600)}ax-conversation-location-renderer .ax-conversation-loc__title-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}ax-conversation-location-renderer .ax-conversation-loc__addr{overflow:hidden;font-size:.875rem;text-overflow:ellipsis;white-space:nowrap;opacity:.78}ax-conversation-location-renderer .ax-conversation-loc__meta{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 2)}ax-conversation-location-renderer .ax-conversation-loc__coords{font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace);font-size:.6875rem;--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);opacity:60%}ax-conversation-location-renderer .ax-conversation-loc__action{display:block;width:100%;min-width:calc(var(--spacing, .25rem) * 0)}ax-conversation-location-renderer .ax-conversation-loc__action>button{min-height:calc(var(--spacing, .25rem) * 11);width:100%;touch-action:manipulation;justify-content:space-between;padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2);font-size:.8125rem;color:inherit;opacity:.9}ax-conversation-location-renderer .ax-conversation-loc__action i{font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));opacity:85%}.ax-conversation-loc__map{position:relative;overflow:hidden}.ax-conversation-loc__map ax-map{display:block;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;min-width:calc(var(--spacing, .25rem) * 0)}.ax-conversation-loc__map .ax-map-container,.ax-conversation-loc__map .leaflet-container{height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;min-width:calc(var(--spacing, .25rem) * 0)}.ax-conversation-loc__map-fs{position:absolute;z-index:99999;inset-block-start:.375rem;inset-inline-end:.375rem}.ax-conversation-loc__map--fullscreen{width:100%;height:100%;max-height:none;aspect-ratio:auto;border-radius:0}}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-ordinal{syntax: \"*\"; inherits: false;}@property --tw-slashed-zero{syntax: \"*\"; inherits: false;}@property --tw-numeric-figure{syntax: \"*\"; inherits: false;}@property --tw-numeric-spacing{syntax: \"*\"; inherits: false;}@property --tw-numeric-fraction{syntax: \"*\"; inherits: false;}@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;--tw-ordinal: initial;--tw-slashed-zero: initial;--tw-numeric-figure: initial;--tw-numeric-spacing: initial;--tw-numeric-fraction: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"] }]
17940
+ ], encapsulation: ViewEncapsulation.None, template: "<div class=\"ax-conversation-loc\">\n <ax-conversation-message-renderer-state [rendererState]=\"rendererState()\" [message]=\"message()\" />\n <div #mapHost class=\"ax-conversation-loc__map\" [class.ax-conversation-loc__map--fullscreen]=\"mapIsFullscreen()\">\n <ax-map\n [latitude]=\"latitude()\"\n [longitude]=\"longitude()\"\n [zoomLevel]=\"15\"\n [markers]=\"markers()\"\n [hasLocator]=\"false\"\n [hasDraw]=\"false\"\n (onMapReady)=\"scheduleMapResize()\"\n ></ax-map>\n <ax-button\n class=\"ax-conversation-loc__map-fs ax-sm rounded-full\"\n look=\"solid\"\n [iconOnly]=\"true\"\n [text]=\"mapFullscreenLabel()\"\n [attr.aria-label]=\"mapFullscreenLabel()\"\n [attr.title]=\"mapFullscreenLabel()\"\n (onClick)=\"toggleMapFullscreen($event)\"\n >\n <ax-icon>\n <i [class]=\"mapFullscreenIconClass()\" aria-hidden=\"true\"></i>\n </ax-icon>\n </ax-button>\n </div>\n <ax-button\n class=\"ax-conversation-loc__action rounded-none\"\n look=\"blank\"\n [text]=\"'@acorex:chat.actions.open-in-maps'\"\n (onClick)=\"openInMaps($event)\"\n >\n <ax-suffix>\n <i class=\"fa-light fa-arrow-up-right-from-square\" aria-hidden=\"true\"></i>\n </ax-suffix>\n </ax-button>\n <div class=\"ax-conversation-loc__body\">\n <div class=\"ax-conversation-loc__title\">\n <span class=\"ax-conversation-loc__title-text\">{{ locationName() }}</span>\n </div>\n @if (address()) {\n <div class=\"ax-conversation-loc__addr\">{{ address() }}</div>\n }\n </div>\n</div>\n", styles: ["@layer properties;@layer components{ax-conversation-location-renderer{display:block;max-width:100%;min-width:calc(var(--spacing, .25rem) * 0);width:min(22.5rem,85cqi)}ax-conversation-location-renderer .ax-conversation-loc{display:flex;width:100%;max-width:100%;min-width:calc(var(--spacing, .25rem) * 0);flex-direction:column;overflow:hidden;color:inherit}ax-conversation-location-renderer .ax-conversation-loc__map{position:relative;width:100%;overflow:hidden;aspect-ratio:16 / 10;height:auto;max-height:min(40dvh,16rem)}ax-conversation-location-renderer .ax-conversation-loc__body{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 1);background-color:var(--color-surface);color:var(--color-on-surface);border-color:var(--color-border-surface);padding-inline:calc(var(--spacing, .25rem) * 3);padding-top:calc(var(--spacing, .25rem) * 2.5);padding-bottom:calc(var(--spacing, .25rem) * 2)}ax-conversation-location-renderer .ax-conversation-loc__title{display:flex;align-items:center;font-size:.9375rem;--tw-leading: var(--leading-tight, 1.25);line-height:var(--leading-tight, 1.25);--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600)}ax-conversation-location-renderer .ax-conversation-loc__title-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}ax-conversation-location-renderer .ax-conversation-loc__addr{overflow:hidden;font-size:.875rem;text-overflow:ellipsis;white-space:nowrap;opacity:.78}ax-conversation-location-renderer .ax-conversation-loc__meta{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 2)}ax-conversation-location-renderer .ax-conversation-loc__coords{font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace);font-size:.6875rem;--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);opacity:60%}ax-conversation-location-renderer .ax-conversation-loc__action{display:block;width:100%;min-width:calc(var(--spacing, .25rem) * 0);border-radius:0}ax-conversation-location-renderer .ax-conversation-loc__action>button{min-height:calc(var(--spacing, .25rem) * 11);width:100%;touch-action:manipulation;justify-content:space-between;border-radius:0;padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2);font-size:.8125rem;opacity:.9;--ax-comp-ripple-color: currentColor}@supports (color: color-mix(in lab,red,red)){ax-conversation-location-renderer .ax-conversation-loc__action>button{--ax-comp-ripple-color: color-mix(in srgb, currentColor 25%, transparent)}}ax-conversation-location-renderer .ax-conversation-loc__action i{font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));opacity:85%}.ax-conversation-loc__map{position:relative;overflow:hidden}.ax-conversation-loc__map ax-map{display:block;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;min-width:calc(var(--spacing, .25rem) * 0)}.ax-conversation-loc__map .ax-map-container,.ax-conversation-loc__map .leaflet-container{height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;min-width:calc(var(--spacing, .25rem) * 0)}.ax-conversation-loc__map-fs{position:absolute;z-index:99999;inset-block-start:.375rem;inset-inline-end:.375rem}.ax-conversation-loc__map--fullscreen{width:100%;height:100%;max-height:none;aspect-ratio:auto;border-radius:0}}ax-conversation-location-renderer .ax-conversation-loc__action>button{color:inherit;background-color:transparent;background-image:none;box-shadow:none;transform:none}@media(hover:hover){ax-conversation-location-renderer .ax-conversation-loc__action>button:hover:not(:disabled,.ax-state-disabled,.ax-state-loading){color:inherit;opacity:1;background-color:currentColor;background-image:none;box-shadow:none;transform:none}@supports (color: color-mix(in lab,red,red)){ax-conversation-location-renderer .ax-conversation-loc__action>button:hover:not(:disabled,.ax-state-disabled,.ax-state-loading){background-color:color-mix(in srgb,currentColor 12%,transparent)}}}ax-conversation-location-renderer .ax-conversation-loc__action>button:is(:focus,:focus-within,:focus-visible,.ax-state-focus):not(:disabled,.ax-state-disabled,.ax-state-loading){color:inherit;background-color:currentColor;background-image:none;box-shadow:none;transform:none}@supports (color: color-mix(in lab,red,red)){ax-conversation-location-renderer .ax-conversation-loc__action>button:is(:focus,:focus-within,:focus-visible,.ax-state-focus):not(:disabled,.ax-state-disabled,.ax-state-loading){background-color:color-mix(in srgb,currentColor 10%,transparent)}}ax-conversation-location-renderer .ax-conversation-loc__action>button:active:not(:disabled,.ax-state-disabled,.ax-state-loading){color:inherit;opacity:1;background-color:currentColor;background-image:none;box-shadow:none;transform:none}@supports (color: color-mix(in lab,red,red)){ax-conversation-location-renderer .ax-conversation-loc__action>button:active:not(:disabled,.ax-state-disabled,.ax-state-loading){background-color:color-mix(in srgb,currentColor 18%,transparent)}}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-ordinal{syntax: \"*\"; inherits: false;}@property --tw-slashed-zero{syntax: \"*\"; inherits: false;}@property --tw-numeric-figure{syntax: \"*\"; inherits: false;}@property --tw-numeric-spacing{syntax: \"*\"; inherits: false;}@property --tw-numeric-fraction{syntax: \"*\"; inherits: false;}@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;--tw-ordinal: initial;--tw-slashed-zero: initial;--tw-numeric-figure: initial;--tw-numeric-spacing: initial;--tw-numeric-fraction: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"] }]
17502
17941
  }], ctorParameters: () => [], propDecorators: { mapHost: [{ type: i0.ViewChild, args: ['mapHost', { isSignal: true }] }], map: [{ type: i0.ViewChild, args: [i0.forwardRef(() => AXMapComponent), { isSignal: true }] }], message: [{ type: i0.Input, args: [{ isSignal: true, alias: "message", required: true }] }] } });
17503
17942
 
17504
17943
  var locationRenderer_component = /*#__PURE__*/Object.freeze({
@@ -18458,6 +18897,7 @@ const AX_CONVERSATION_ITEM_DIVIDER = {
18458
18897
  /**
18459
18898
  * Delete/Leave conversation action (smart action that adapts based on conversation type)
18460
18899
  * - Private: "Delete" - Deletes the conversation
18900
+ * - Bot: "Delete" - Deletes for both sides without a confirmation prompt
18461
18901
  * - Group/Channel: "Leave & Delete" - Leaves the group and removes it from list
18462
18902
  */
18463
18903
  const AX_CONVERSATION_ITEM_DELETE_ACTION = {
@@ -19095,5 +19535,5 @@ function getErrorMessage(code, params) {
19095
19535
  * Generated bundle index. Do not edit.
19096
19536
  */
19097
19537
 
19098
- 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, mergeWithDefaults 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, isComposerTabEnabled as cC, isConversationReactionsEnabled as cD, isConversationRoomCreator as cE, isGenericPrivateConversationTitle as cF, isGridMediaCategory as cG, isGroupLikeConversation as cH, isJumboEmojiText as cI, isJumboEmojiTextMessage as cJ, isMessageDeliveryPending as cK, isMessageListThemeBackground as cL, isMessageVisibleAfterHistoryCutoff as cM, isNonPersistableMediaUrl as cN, isPickerItemReadyToSend as cO, isPlainChromeMessage as cP, isSameMessageListBackground as cQ, isUploadAborted as cR, limitFilesToCapacity as cS, listTextGraphemes as cT, mediaCopyText as cU, mergeAudioUploadResult as cV, mergeFileUploadResult as cW, mergeInfoPanelMessages as cX, mergeUploadResult as cY, mergeVideoUploadResult as cZ, mergeVoiceUploadResult 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, messageContainsLink as d0, normalizeAudioPayload as d1, normalizeFilePayload as d2, normalizeImagePayload as d3, normalizeMessageListBackgroundValue as d4, normalizeVideoPayload as d5, notifyMaxFilesCapacityExceeded as d6, notifyPickerValidationErrors as d7, openWithFileType as d8, pickDisplayMediaUrl as d9, resolvePersistedThumbnailUrl as dA, resolvePrivatePeerParticipant as dB, resolvePrivatePeerUserId as dC, resolveUserAvatarDisplay as dD, resolveVideoThumbnailUrl as dE, revokeObjectUrl as dF, revokePickerBlobPreviews as dG, sanitizeInput as dH, shouldUseUserAvatarForConversation as dI, sortUsersForForward as dJ, syncPlaybackInfoBarBanner as dK, toUploaderReference$1 as dL, toUploaderReference as dM, uploadPickerFile as dN, usesDefaultMessageListWallpaper as dO, validateConversationId as dP, validateEmail as dQ, validateLatitude as dR, validateLongitude as dS, validateMessagePayload as dT, validateMessageText as dU, validateMessageType as dV, validateUrl as dW, validateUserId as dX, validateUserIds as dY, videoItemFromUpload as dZ, pickEarliestJoinedParticipant as da, pickerItemToMediaReference as db, pickerItemToUploadResult as dc, probeImageDimensions as dd, probeVideoMedia as de, provideConversation as df, provideConversationComposerFileTypes as dg, provideConversationFileCatalog as dh, registerComposerPickerPasteHandler as di, reportMediaLoadError as dj, resolveComposerMaxFiles as dk, resolveConversationAvatarDisplay as dl, resolveConversationComposerTabs as dm, resolveConversationForViewer as dn, resolveConversationMessageFileType as dp, resolveConversationPeerParticipant as dq, resolveConversationPeerUserId as dr, resolveConversationTitleForViewer as ds, resolveGalleryImageUrl as dt, resolveImageDisplayUrl as du, resolveMessageChrome as dv, resolveMessageListBackgroundRaw as dw, resolveMessageListBackgroundStyle as dx, resolveParticipantProfile as dy, resolvePersistableMediaUrl as dz, AXConversationAudioRendererComponent as e, 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 };
19099
- //# sourceMappingURL=acorex-components-conversation-acorex-components-conversation-BBWe3tfe.mjs.map
19538
+ 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 };
19539
+ //# sourceMappingURL=acorex-components-conversation-acorex-components-conversation-EmV9ldrU.mjs.map